@charset "UTF-8";

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    display: inline-block;

}



body {

    overflow-x: hidden;

    font-family: "Plus Jakarta Sans";

}



html {

    overflow-x: hidden;

}

.gap-30{

    --bs-gutter-y: 30px;

    --bs-gutter-x: 30px;

}



.s-padding {

    padding: 81px 0 100px 0;

}



.mt-48px {

    margin-top: 48px;

}



.mb-48px {

    margin-bottom: 33px;

}



.mb-30px {

    margin-bottom: 30px;

}



.res-mb-20px {

    margin-bottom: 20px;

}



.col-lg-padding-0 {

    padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

a,

p {

    font-family: "Plus Jakarta Sans";

    margin: 0;

}



.mt-30px {

    margin-top: 30px;

}



.container {

    padding: 0;

}

.line-clamp-1 {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.line-clamp-2 {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.line-clamp-3 {

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

:root {

    --primary-color: #f01543;

    --secondary-color: #fe724c;

    --heading-color: #000929;

    --color-grey: #f5f5f7;

    --shades-purple-red-92: #fccbd5;

    --shades-purple-94: #e8e6f9;

    --shades-purple-96: #f0effb;

    --shades-purple-98: #f7f7fd;

    --shades-purple-90: #d8d6f5;

    --grey-scale-50: #f9fafb;

    --grey-scale-100: #f4f4f6;

    --grey-scale-200: #e5e6eb;

    --grey-scale-300: #e5e6eb;

    --grey-scale-400: #9ea3ae;

    --grey-scale-500: #6c727f;

    --grey-scale-600: #4d5461;

    --grey-scale-700: #394150;

    --grey-scale-800: #212936;

    --grey-scale-900: #0b0a0f;

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-weight: 400;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU7NSg.ttf)

        format("truetype");

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-weight: 500;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_m07NSg.ttf)

        format("truetype");

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-weight: 600;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0nNSg.ttf)

        format("truetype");

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-weight: 700;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNSg.ttf)

        format("truetype");

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-weight: 800;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_KUnNSg.ttf)

        format("truetype");

}



@font-face {

    font-family: "Plus Jakarta Sans";

    font-style: italic;

    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIZaomQNQcsA88c7O9yZ4KMCoOg4KozySKCdSNG9OcqYQ0XCR_Q.ttf)

        format("truetype");

}



.slick-dots {

    display: flex;

    justify-content: center;

    margin-top: 48px;

    gap: 14px;

    list-style-type: none;

}



.slick-dots button {

    display: block;

    width: 16px;

    height: 16px;

    padding: 0;

    border: none;

    border-radius: 100%;

    background-color: rgba(0, 9, 41, 0.1);

    text-indent: -9999px;

    transition: all 0.5s;

}



.slick-dots li.slick-active button {

    background-color: #f01543;

    transition: all 0.5s;

}



.about-us .about-us-img {

    position: relative;

}



.about-us .about-us-img .about-us-img-btn-img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.about-us-img-btn-img-main-animetion-img {

    background: url(../assets/images/small/Button.png) no-repeat center / cover;

    height: 145px;

    width: 145px;

    animation: Rotate 8s linear infinite;

}



.about-us-item .icon {

    background: url(../assets/images/icon/about-icon-1.png) no-repeat center /

        cover;

    width: 59px;

    height: 59px;

    border-radius: 500px;

}



.about-us-item-resmt .icon {

    background: url(../assets/images/icon/about-icon-2.png) no-repeat center /

        cover;

    width: 59px;

    height: 59px;

    border-radius: 500px;

}



.about-us

    .about-us-img

    .about-us-img-btn-img

    .about-us-img-btn-img-main

    .about-us-img-btn-img-overlay {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    z-index: 111;

}



.about-us

    .about-us-img

    .about-us-img-btn-img

    .about-us-img-btn-img-main

    .about-us-img-btn-img-overlay

    h2 {

    font-size: 50px;

    font-style: normal;

    font-weight: 700;

    line-height: 32px;

    color: #fff;

    margin-top: 10px;

}



.about-us

    .about-us-img

    .about-us-img-btn-img

    .about-us-img-btn-img-main

    .about-us-img-btn-img-overlay

    span {

    font-size: 10.324px;

    font-style: normal;

    font-weight: 400;

    line-height: 180%;

    /* 18.582px */

    letter-spacing: 1.032px;

    text-transform: uppercase;

    color: #fff;

}



.about-us .about-us-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

    padding-bottom: 20px;

}



.about-us .about-us-head h5 {

    padding-top: 18px;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.about-us .about-us-text {

    padding-top: 12px;

}



.about-us .about-us-text p {

    font-size: 16px;

    font-style: italic;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.about-us .about-mt-48px {

    margin-top: 48px;

}



.about-us .about-pl-45px {

    padding-left: 45px;

}



.about-us .about-us-item .text {

    padding-top: 14px;

}



.about-us .about-us-item .text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

}



.about-us .about-us-item .text p {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 175%;

    color: #7e8ba0;

}



.header {

    position: fixed;

    padding: 10px 0;

    width: 100%;

    z-index: 999;

    background: linear-gradient(90deg, #f01543 -1.58%, #fe724c 100%);

}



.header .nav-bg {

    animation: slideDown 1s ease-out;

    margin-top: -48px !important;

    z-index: 999;

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

    background-color: #fff !important;

}



.header .header-main {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header .header-main .header-left-center a {

    font-weight: 400;

    color: var(--heading-color);

}





.header .header-main .header-right .header-right-item {

    display: flex;

    align-items: center;

    gap: 18px;

}



.header .header-main .header-right .header-right-item .header-right-inner {

    display: flex;

    align-items: center;

    gap: 7px;

}



.header

    .header-main

    .header-right

    .header-right-item

    .header-right-inner

    .icon

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.header

    .header-main

    .header-right

    .header-right-item

    .header-right-inner

    .text

    a {

    font-size: 14px;

    color: #fff;

}



.header .menu-bg {

    position: fixed;

    width: 100%;

    z-index: 999;

    margin-top: 10px;

    padding: 22px 0;

    background-color: #fff;

}



.header .menu-bg .nav-main {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.header .menu-bg .nav-main .nav-main {

    display: flex;

    align-items: center;

    gap: 45px;

}



.header .menu-bg .nav-main .nav-main .menu ul {

    display: flex;

    align-items: center;

    gap: 28px;

    margin-bottom: 0px !important;

}



.header .menu-bg .nav-main .nav-main .menu ul li {

    position: relative;

    margin-bottom: 0px;

}



.header .menu-bg .nav-main .nav-main .menu ul li:hover ul {

    opacity: 1;

    visibility: visible;

    transform: scaleY(1);

}



.header .menu-bg .nav-main .nav-main .menu ul li a {

    position: relative;

    transition: all linear 0.3s;

    color: var(--heading-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    display: flex;

    gap: 5px;

    align-items: center;

    text-transform: capitalize;

}



.header .menu-bg .nav-main .nav-main .menu ul li a::after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    width: 0%;

    height: 1px;

    background-color: var(--primary-color);

    transition: all linear 0.3s;

}



.header .menu-bg .nav-main .nav-main .menu ul li a:hover {

    color: var(--primary-color);

}



.header .menu-bg .nav-main .nav-main .menu ul li a:hover::after {

    width: 100%;

}



.header .menu-bg .nav-main .nav-main .menu ul ul {

    position: absolute;

    display: list-item;

    width: 200px;

    padding: 20px;

    background-color: #fff;

    border-radius: 10px;

    top: 30px;

    left: -10px;

    transition: 0.4s ease-in-out;

    transform-origin: top center;

    opacity: 1;

    visibility: visible;

    transform: scaleY(0);

}



.header .menu-bg .nav-main .nav-main .menu ul ul li {

    padding-bottom: 10px;

}



.header .menu-bg .nav-main .nav-main .menu ul ul li:last-child {

    padding-bottom: 0;

}



.header .menu-bg .nav-btn-main {

    display: flex;

    align-items: center;

    gap: 24px;

    padding-left: 180px;

}



.header .menu-bg .nav-btn-main .nav-btn-one {

    position: relative;

}



.header .menu-bg .nav-btn-main .nav-btn-one .form-control {

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    padding: 13px 20px;

    border-radius: 10px;

    background: var(--color-grey);

    border: 1px solid var(--color-grey);

    color: var(--heading-color);

}



.header .menu-bg .nav-btn-main .nav-btn-one .form-control:focus {

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

    border-color: var(--primary-color);

}



.header .menu-bg .nav-btn-main .nav-btn-one .nav-search {

    position: absolute;

    top: 13px;

    right: 20px;

}



.header .menu-bg .nav-btn-main .nav-btn-one .nav-search button {

    border: 1px solid transparent;

    background: transparent;

}



.header .menu-bg .nav-btn-main .nav-btn-two {

    display: flex;

    align-items: center;

    gap: 8px;

}



.header .menu-bg .nav-btn-main .nav-btn-two .love {

    width: 52px;

    height: 52px;

    background-color: var(--color-grey);

    border-radius: 50px;

    line-height: 52px;

    text-align: center;

    position: relative;

    transition: all 0.3s;

}



.header .menu-bg .nav-btn-main .nav-btn-two .love:hover {

    background-color: var(--primary-color);

}



.header .menu-bg .nav-btn-main .nav-btn-two .love:hover::after {

    background-color: var(--color-grey);

    color: var(--primary-color);

}



.header .menu-bg .nav-btn-main .nav-btn-two .love:hover span svg {

    stroke: currentColor;

    color: #fff;

}



.header .menu-bg .nav-btn-main .nav-btn-two .love:after {

    position: absolute;

    content: "8";

    top: 0;

    right: 0;

    width: 16px;

    height: 16px;

    text-align: center;

    line-height: 16px;

    background-color: var(--primary-color);

    color: #fff;

    font-size: 10px;

    font-weight: 500;

    font-family: "Plus Jakarta Sans";

    border-radius: 50px;

    transition: all 0.3s;

}



.header .menu-bg .nav-btn-main .nav-btn-two .love span svg {

    stroke: currentColor;

    color: var(--grey-scale-500);

    transition: all 0.3s;

}



.header .menu-bg .nav-btn-main .nav-btn-two .cart {

    position: relative;

}



.header .menu-bg .nav-btn-main .nav-btn-two .cart::after {

    position: absolute;

    content: "3";

}



.header .menu-bg .nav-btn-main .nav-btn-two .cart .click {

    position: absolute;

    width: 100%;

    height: 100%;

}



.header .menu-bg .nav-btn-main .nav-btn-two .cart .cart-dropdown {

    position: absolute;

    top: 75px;

    left: -75px;

    background-color: #fff;

    width: 484px;

    display: none;

    border-radius: 10px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .main-btn-four {

    height: 50px;

    line-height: 17px;

    margin-top: 20px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-text {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 20px;

    border-bottom: 1px solid var(--grey-scale-200);

    padding-bottom: 20px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-text

    .text {

    text-align: start;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-text

    .text

    h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-text

    .cart-dropdown-btn {

    line-height: 0;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-text

    .cart-dropdown-btn

    .close-btn {

    line-height: 0;

    border-radius: 10px;

    border: 1px solid var(--grey-scale-400);

    background-color: #fff;

    width: 32px;

    height: 32px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two {

    text-align: start;

    line-height: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 20px 0;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn-two {

    display: flex;

    align-items: center;

    gap: 4px;

    padding: 10px;

    background-color: var(--primary-color);

    color: #fff;

    border-radius: 6px;

    transition: all linear 0.3s;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn-two

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all linear 0.3s;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn-two:hover {

    background-color: #fff;

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn-two:hover

    span

    svg {

    stroke: currentColor;

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn {

    display: flex;

    align-items: center;

    gap: 4px;

    padding: 10px;

    background-color: #fff;

    color: var(--primary-color);

    border-radius: 6px;

    transition: all linear 0.3s;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn

    span

    svg {

    stroke: currentColor;

    color: var(--primary-color);

    transition: all linear 0.3s;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn:hover {

    background-color: var(--primary-color);

    color: #fff;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-btn-two

    .cart-btn:hover

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box {

    padding: 10px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid var(--grey-scale-200);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-item-img {

    width: 66px;

    height: 66px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-item-img

    img {

    width: 100%;

    height: 100%;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-item {

    text-align: start;

    display: flex;

    align-items: center;

    gap: 12px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-item

    .cart-dropdown-item-text

    h3 {

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    color: var(--heading-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-item

    .cart-dropdown-item-text

    p {

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-inner {

    line-height: 0;

    text-align: start;

    display: flex;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-inner

    .cart-dropdown-inner-btn

    a

    span {

    display: inline-block;

    padding: 7px;

    border-radius: 8px;

    border: 1px solid var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-inner

    .cart-dropdown-inner-btn-two

    .form-control {

    padding: 7px;

    border: 0;

    width: 45px;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--heading-color);

    text-align: start;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-item-box

    .cart-dropdown-inner

    .cart-dropdown-inner-btn-two

    .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total {

    padding: 110px 24px 0 24px;

    line-height: 0;

    text-align: start;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total

    .cart-dropdown-sub-total-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 9px 12px;

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total

    .cart-dropdown-sub-total-item

    .text

    h3 {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total

    .cart-dropdown-sub-total-item

    .text

    a {

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total

    .cart-dropdown-sub-total-btn {

    padding: 24px 0 40px 0;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .cart

    .cart-dropdown

    .cart-dropdown-sub-total

    .cart-dropdown-sub-total-btn

    .main-btn-four {

    width: 100%;

    height: 44px;

    line-height: 18px;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

}



.header .menu-bg .nav-btn-main .nav-btn-two .cart .active-dropdown {

    display: block;

    box-shadow: 0px 30px 30px 0px rgba(90, 90, 90, 0.1);

}



.header .menu-bg .nav-btn-main .nav-btn-two .user {

    /* background-color: var(--primary-color); */

    transition: all 0.3s;

    position: relative;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user .click {

    position: absolute;

    height: 100%;

    width: 100%;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user span {

    height: 55px;

    width: 55px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user span img {

    height: 100%;

    width: 100%;

    border-radius: 50%;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user:hover {

    background-color: var(--color-grey);

}



.header .menu-bg .nav-btn-main .nav-btn-two .user:hover span svg {

    stroke: currentColor;

    color: var(--grey-scale-500);

}



.header .menu-bg .nav-btn-main .nav-btn-two .user span svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user::after {

    display: none;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user .profile-dropdown {

    position: absolute;

    top: 74px;

    left: -235px;

    width: 308px;

    border-radius: 20px;

    background: #fff;

    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);

    padding: 24px;

    display: none;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text {

    line-height: 0;

    margin-top: 16px;

    padding-bottom: 17px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text

    a {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text

    p {

    font-size: 14px;

    font-weight: 400;

    line-height: 140%;

    color: var(--grey-scale-700);

    padding-top: 12px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu {

    text-align: start;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul {

    border-top: 1px solid #e5e6eb;

    border-bottom: 1px solid #e5e6eb;

    padding: 15px 0 20px 0;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li {

    padding-bottom: 18px;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li:last-child {

    padding-bottom: 0;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-700);

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all linear 0.3s;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a

    span

    svg {

    stroke: currentColor;

    color: #000929;

    transition: all linear 0.3s;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a:hover {

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a:hover

    span

    svg {

    color: var(--primary-color);

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu-two

    ul {

    border-top: 1px solid transparent;

    border-bottom: 1px solid transparent;

    padding: 15px 0 0px 0;

}



.header .menu-bg .nav-btn-main .nav-btn-two .user .active-dropdown {

    display: block;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .active-dropdown

    .profile-dropdown-img {

    border-radius: 50%;

}



.header

    .menu-bg

    .nav-btn-main

    .nav-btn-two

    .user

    .active-dropdown

    .profile-dropdown-img

    img {

    height: 100px;

    width: 100px;

    border-radius: 50%;

}



.header .menu-bg .nav-login-btn-main {

    display: flex;

    align-items: center;

    gap: 20px;

}



.header .menu-bg .nav-login-btn-main .main-btn-four.custom-btn {

    border: 1.5px solid #fff;

    color: #fff;

}



.header .menu-bg .nav-login-btn-main .main-btn-four.custom-btn:hover {

    color: #fff;

}



.header .menu-bg .nav-login-btn-main .main-btn-four {

    height: 52px;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    border: 1.5px solid #f01543;

    color: #000000;

    border-radius: 10px;

    background: transparent;

}



.header .menu-bg .nav-login-btn-main .main-btn-four:hover {

    border: 1.5px solid var(--primary-color);

}



.header .menu-bg .nav-login-btn-main .main-btn-four:after {

    background-color: var(--primary-color);

}



.header .menu-bg .nav-login-btn-main .main-btn-four::before {

    background-color: var(--paragraph-color);

}



.header .menu-bg .nav-login-btn-main .main-btn {

    height: 52px;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    border: 1.5px solid var(--grey-scale-500);

    color: var(--grey-scale-500);

    display: none;

}



.header .menu-bg .nav-login-btn-main .main-btn:hover {

    border: 1.5px solid var(--primary-color);

    color: #fff;

}



.header-two .nav-bg {

    background-color: #000929 !important;

    animation: slideDown 1s ease-out;

    margin-top: -48px !important;

    z-index: 999;

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

}



.header-two .menu-bg {

    background-color: rgba(255, 255, 255, 0);

}



.header-two .menu-bg .nav-main .nav-main .menu ul li a {

    color: #fff;

}



.header-two .menu-bg .nav-main .nav-main .menu ul li a:hover {

    color: #fff;

}



.header-two .menu-bg .nav-main .nav-main .menu ul li ul {

    background-color: var(--grey-scale-700);

}



.header-two .nav-btn-main .nav-btn-one .form-control {

    background: #122833 !important;

    border: 1px solid #6c727f !important;

    color: #fff !important;

}



.header-two .nav-btn-main .nav-btn-one .form-control:focus {

    border: 1px solid var(--primary-color) !important;

}



.header-two .nav-btn-main .nav-btn-one .nav-search button {

    background-color: transparent;

}



.header-two .nav-btn-main .nav-btn-two .love {

    background-color: #122833 !important;

    border: 1px solid #6c727f !important;

}



.header-two .nav-btn-main .nav-btn-two .love span svg {

    stroke: currentColor;

    color: #fff !important;

    transition: all 0.3s;

}



.header-two .nav-btn-main .nav-btn-two .love:hover {

    background-color: var(--primary-color) !important;

}



.header .menu-bg .nav-btn-main .nav-btn-two .love {

    display: flex;

    align-items: center;

    justify-content: center;

}



.header-two .nav-btn-main .nav-btn-two .user {

    background-color: var(--primary-color) !important;

    border: 1px solid var(--primary-color) !important;

}



.header-two .nav-btn-main .nav-btn-two .user .profile-dropdown {

    position: absolute;

    top: 74px;

    left: -235px;

    width: 308px;

    border-radius: 20px;

    background: #fff;

    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);

    padding: 24px;

    display: none;

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text {

    line-height: 0;

    margin-top: 16px;

    padding-bottom: 17px;

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text

    a {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-text

    p {

    font-size: 14px;

    font-weight: 400;

    line-height: 140%;

    color: var(--grey-scale-700);

    padding-top: 12px;

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu {

    text-align: start;

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a

    span

    svg {

    stroke: currentColor;

    color: #000929 !important;

    transition: all linear 0.3s;

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a:hover {

    color: var(--primary-color);

}



.header-two

    .nav-btn-main

    .nav-btn-two

    .user

    .profile-dropdown

    .profile-dropdown-menu

    ul

    li

    a:hover

    span

    svg {

    color: var(--primary-color) !important;

}



.header-two .nav-login-btn-main .main-btn {

    background: transparent;

    color: #fff !important;

    border-color: #fff !important;

}



.header-two .nav-login-btn-main .main-btn:hover {

    border-color: var(--primary-color) !important;

}



.header-three .menu-bg {

    background-color: var(--heading-color);

}



.container-full {

    width: 100%;

}



#full-stars-example-two {

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */

    .rating-group {

        display: inline-flex;

    }

    /* make hover effect work properly in IE */

    .rating__icon {

        pointer-events: none;

    }

    /* hide radio inputs */

    .rating__input {

        position: absolute !important;

        left: -9999px !important;

    }

    /* hide 'none' input from screenreaders */

    .rating__input--none {

        display: none;

    }

    /* set icon padding and size */

    .rating__label {

        cursor: pointer;

        padding: 0 0.1em;

        font-size: 2rem;

    }

    /* set default star color */

    .rating__icon--star {

        color: orange;

    }

    /* if any input is checked, make its following siblings grey */

    .rating__input:checked ~ .rating__label .rating__icon--star {

        color: #ddd;

    }

    /* make all stars orange on rating group hover */

    .rating-group:hover .rating__label .rating__icon--star {

        color: orange;

    }

    /* make hovered input's following siblings grey on hover */

    .rating__input:hover ~ .rating__label .rating__icon--star {

        color: #ddd;

    }

}



.mobile-header {

    display: none;

}



.mobile-header__container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 15px 0px;

}



#nav-opn-btn {

    width: 40px;

    height: 40px;

    border: none;

    background: #f01543;

    color: #fff;

    border-radius: 5px;

    font-size: 18px;

    margin-left: -50px;

}



#offcanvas-nav {

    background: transparent;

    position: absolute;

    left: -300px;

    top: 0px;

    z-index: 99;

    width: 300px;

    height: 100vh;

    z-index: 999999;

    transition: 0.5s ease;

}



#offcanvas-nav::before {

    content: "";

    width: 0%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: -1;

    transition: 0.5s ease 0.3s;

}



#offcanvas-nav.open {

    left: 0px;

}



#offcanvas-nav.open::before {

    width: 100%;

}



#offcanvas-nav .m-nav {

    position: relative;

    background: #fff;

    padding-top: 80px;

    padding-left: 25px;

    padding-right: 25px;

    padding-bottom: 50px;

    z-index: 9;

    display: block;

    height: 100%;

    overflow-y: scroll;

}



#nav-cls-btn {

    position: absolute;

    right: 15px;

    top: 15px;

    background: none;

    border: none;

    outline: none;

    font-size: 22px;

}



#offcanvas-nav .m-nav .nav-links {

    flex-direction: column;

    align-items: stretch;

    gap: 15px;

}



#offcanvas-nav .m-nav .nav-links li {

    border-bottom: 1px solid #d3d3d3;

    margin-bottom: 20px;

}



#offcanvas-nav .m-nav .nav-links li a {

    font-size: 16px;

    color: #000;

}



#offcanvas-nav .m-nav .nav-links li a::before {

    display: none;

}



#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {

    position: relative;

    box-shadow: none;

    padding-left: 20px;

    padding-top: 15px !important;

    padding-top: 0px;

    visibility: visible;

    opacity: 1;

    display: none;

    transition: 0.5s ease-in 0s;

}



#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {

    padding: 5px 0px;

}



#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {

    font-size: 15px;

    color: #000;

}



#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {

    display: block;

}



#offcanvas-nav .m-nav .logo {

    margin-bottom: 40px;

}



#offcanvas-nav .m-nav > .social-icons-s1 {

    gap: 12px;

    margin-top: 50px;

}



#offcanvas-nav .m-nav > .social-icons-s1 li a::before {

    display: none;

}



.social-icons {

    display: flex;

    gap: 20px;

}



.social-icons a i {

    height: 30px;

    width: 30px;

    background-color: #280a54;

    color: #fff;

    border-radius: 50px;

    text-align: center;

    line-height: 30px;

    transition: 0.5s;

}



.main-btn {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    background-color: #fff;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);

    padding: 13px 32px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    letter-spacing: -0.1px;

    text-align: center;

    border-radius: 10px;

}



.main-btn:hover {

    color: #fff;

}



.main-btn:hover span svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.main-btn:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn:before {

    position: absolute;

    content: "";

    background-color: var(--primary-color);

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: var(--primary-color);

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-two {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);

    color: #fff;

    width: 188px;

    height: 68px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    letter-spacing: -0.1px;

    text-align: center;

    border-radius: 10px;

    line-height: 40px;

}



.main-btn-two span svg {

    stroke: currentColor;

    color: #fff;

}



.main-btn-two:hover {

    color: var(--primary-color);

}



.main-btn-two:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-two:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-two:hover span svg {

    stroke: currentColor;

    color: var(--primary-color);

    transition: all 0.5s linear;

}



.main-btn-two:before {

    position: absolute;

    content: "";

    background-color: #fff;

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-two:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: #fff;

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-three {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    background-color: #fff;

    border: 1.5px solid rgba(211, 213, 218, 0.5);

    color: var(--grey-scale-500);

    width: 100%;

    height: 54px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    letter-spacing: -0.09px;

    text-align: center;

    line-height: 54px;

    border-radius: 10px;

}



.main-btn-three:hover {

    color: #fff;

}



.main-btn-three:hover span svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.main-btn-three:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-three:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-three:before {

    position: absolute;

    content: "";

    background-color: var(--primary-color);

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-three:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: var(--primary-color);

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-four {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);

    color: #fff;

    padding: 13px 32px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    letter-spacing: -0.1px;

    text-align: center;

    border-radius: 10px;

}



.main-btn-four:hover {

    color: var(--primary-color);

}



.main-btn-four:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-four:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-four:before {

    position: absolute;

    content: "";

    background-color: #fff;

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-four:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: #fff;

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-five {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    width: 163px;

    background-color: #fff;

    border: 1.5px solid rgba(211, 213, 218, 0.5);

    color: var(--grey-scale-500);

    padding: 12px 16px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    text-align: center;

    border-radius: 10px;

}



.main-btn-five:hover {

    color: #fff;

}



.main-btn-five:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-five:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-five:hover span svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.main-btn-five:before {

    position: absolute;

    content: "";

    background-color: var(--primary-color);

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-five:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: var(--primary-color);

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-six {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    width: 100%;

    background-color: var(--primary-color);

    border: 1.5px solid var(--primary-color);

    color: #fff;

    padding: 12px 16px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    text-align: center;

    border-radius: 10px;

}



.main-btn-six:hover {

    color: var(--grey-scale-500);

}



.main-btn-six:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-six:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-six:hover span svg {

    stroke: currentColor;

    color: var(--grey-scale-500) !important;

    transition: all 0.3s;

}



.main-btn-six:before {

    position: absolute;

    content: "";

    background-color: #fff;

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-six:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: #fff;

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.main-btn-two-banner {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    appearance: none;

    outline: none;

    background-color: #fff;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);

    width: 188px;

    height: 68px;

    transition: all 0.5s linear;

    overflow: hidden;

    z-index: 1;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    letter-spacing: -0.1px;

    text-align: center;

    border-radius: 10px;

    line-height: 68px;

}



.main-btn-two-banner span svg {

    stroke: currentColor;

    color: var(--primary-color);

    transition: all 0.5s linear;

}



.main-btn-two-banner:hover {

    color: #fff;

}



.main-btn-two-banner:hover::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.main-btn-two-banner:hover::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.main-btn-two-banner:hover span svg {

    stroke: currentColor;

    color: #fff;

}



.main-btn-two-banner:before {

    position: absolute;

    content: "";

    background-color: var(--primary-color);

    width: 120%;

    height: 0;

    padding-bottom: 120%;

    top: -110%;

    left: -10%;

    border-radius: 50%;

    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

    z-index: -1;

}



.main-btn-two-banner:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background-color: var(--primary-color);

    transform: translate3d(0, -100%, 0);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

    z-index: -1;

}



.location-btn {

    position: relative;

    border-left: 1px solid #fff;

}



.location-btn .btn-secondary {

    color: #fff;

    background-color: transparent;

    border-color: transparent;

}



.location-btn .btn-secondary:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.location-btn .btn-secondary::after {

    display: none;

}



.location-btn .location-btn-icon {

    position: absolute;

    top: 5px;

    right: -13px;

}



@keyframes slideDown {

    from {

        transform: translateY(-100%);

    }

    to {

        transform: translateY(0);

    }

}



@keyframes Rotate {

    from {

        -webkit-transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes shine {

    100% {

        left: 125%;

    }

}



.banner {

    padding: 240px 0 60px 0;

    background: url(../assets/images/banner/banner-1.png) lightgray 0px -15px/100%

        106.977% no-repeat;

}



.banner .banner-rating {

    width: 254px;

    margin-bottom: 12px;

}



.banner .banner-rating .banner-rating-item {

    display: flex;

    align-items: center;

    gap: 10px;

    background-color: #fff;

    padding: 14px 22px;

    border-radius: 100px;

}



.banner .banner-rating .icon {

    line-height: 0;

}



.banner .banner-rating .text p {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.banner .banner-taiteL h1 {

    font-size: 68px;

    font-style: normal;

    font-weight: 800;

    line-height: 90px;

    /* 132.353% */

    letter-spacing: -0.68px;

    color: var(--heading-color);

}



.banner .banner-taiteL h1 span {

    background: -webkit-linear-gradient(#f01543 -1.58%, #fe724c 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.banner .banner-taiteL-btn {

    display: flex;

    align-items: center;

    gap: 28px;

    margin-top: 50px;

}



.banner .banner-taiteL-btn .main-btn-four span svg {

    fill: currentColor;

    color: #fff;

}



.banner .banner-taiteL-btn .main-btn-four:hover span svg {

    color: var(--primary-color);

    transition: all linear 0.5s;

}



.banner .banner-taiteL-btn .my-video-links {

    display: flex;

    align-items: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 160%;

    /* 32px */

    letter-spacing: -0.1px;

    color: var(--heading-color);

    gap: 18px;

    transition: all linear 0.5s;

}



.banner .banner-taiteL-btn .my-video-links:hover {

    color: var(--primary-color);

}



.banner .banner-taiteL-btn .my-video-links:hover .icon {

    background-color: var(--primary-color);

}



.banner .banner-taiteL-btn .my-video-links:hover .icon span svg {

    color: #fff;

}



.banner .banner-taiteL-btn .my-video-links .icon {

    width: 66px;

    height: 66px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    transition: all linear 0.5s;

    position: relative;

    border: 1px solid var(--primary-color);

}



.banner .banner-taiteL-btn .my-video-links .icon span {

    line-height: 0;

}



.banner .banner-taiteL-btn .my-video-links .icon span svg {

    fill: currentColor;

    color: #000;

    stroke: currentColor;

    transition: all linear 0.5s;

}



.banner .banner-img {

    position: relative;

}



.banner .banner-img .banner-img-position {

    position: absolute;

    bottom: 127px;

    right: -248px;

    animation: Rotate 8s linear infinite;

    background: url(../assets/images/victor/banner-victor.png) no-repeat

        center/cover;

    width: 270.342px;

    height: 247.546px;

}



.banner-two {

    padding: 263px 0 247px 0;

   

}



.banner-two .banner-two-taitel h1 {

    color: #fff;

    font-size: 68px;

    font-style: normal;

    font-weight: 700;

    line-height: 90px;

    /* 132.353% */

    letter-spacing: -0.68px;

}



.banner-two .banner-two-taitel h1 span {

    background: linear-gradient(90deg, #f01543 -1.58%, #fe724c 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.banner-two .banner-two-taitel p {

    padding-top: 32px;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-100);

}



.banner-two .banner-taiteL-btn {

    display: flex;

    align-items: center;

    gap: 28px;

    margin-top: 50px;

}



.banner-two .banner-taiteL-btn .main-btn-four span svg {

    fill: currentColor;

    color: #fff;

}



.banner-two .banner-taiteL-btn .main-btn-four:hover span svg {

    color: var(--primary-color);

    transition: all linear 0.5s;

}



.banner-two .banner-taiteL-btn .my-video-links {

    display: flex;

    align-items: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 160%;

    /* 32px */

    letter-spacing: -0.1px;

    color: #fff;

    gap: 18px;

    transition: all linear 0.5s;

}



.banner-two .banner-taiteL-btn .my-video-links:hover {

    color: var(--primary-color);

}



.banner-two .banner-taiteL-btn .my-video-links:hover .icon {

    background-color: var(--primary-color);

}



.banner-two .banner-taiteL-btn .my-video-links:hover .icon span svg {

    color: #fff;

}



.banner-two .banner-taiteL-btn .my-video-links .icon {

    width: 66px;

    height: 66px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    transition: all linear 0.5s;

    position: relative;

}



.banner-two .banner-taiteL-btn .my-video-links .icon span {

    line-height: 0;

}



.banner-two .banner-taiteL-btn .my-video-links .icon span svg {

    fill: currentColor;

    color: #000;

    stroke: currentColor;

    transition: all linear 0.5s;

}



.blog .blog-mt-25px {

    margin-top: 25px;

}



.blog .news-item {

    overflow: hidden;

    border-radius: 8px;

}



.blog .news-item .news-img {

    position: relative;

    overflow: hidden;

}



.blog .news-item .news-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.blog .news-item .news-img img {

    transition: all 0.3s ease-out 0s;

}



.blog .news-item .news-img:hover::after {

    animation: shine 800ms;

}



.blog .news-item .news-img:hover img {

    transform: scale(1.2);

}



/* .blog .news-item .news-img:hover .news-img-overlay .news-img-overlay-text h3 a {

  color: var(--primary-color);

} */



.blog .news-item .news-img:hover .news-img-overlay .news-img-overlay-btn a {

    color: var(--primary-color);

}



.blog

    .news-item

    .news-img:hover

    .news-img-overlay

    .news-img-overlay-btn

    a

    span

    svg {

    stroke: currentColor;

    color: var(--primary-color);

}



.blog .news-item .news-img .news-img-overlay {

    position: absolute;

    top: 136px;

    left: 24px;

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-text h5 {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-text h5 span {

    color: var(--primary-color);

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-text h3 a {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #fff;

    transition: all linear 0.3s;

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-btn {

    padding-top: 18px;

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-btn a {

    color: #fff;

    transition: all linear 0.3s;

}



.blog .news-item .news-img .news-img-overlay .news-img-overlay-btn a span svg {

    stroke: currentColor;

    color: #fff;

    transition: all linear 0.3s;

}



.blog .blog-mt-48px {

    margin-top: 48px;

}



.blog .next-prev-btn ul {

    display: flex;

    gap: 24px;

    justify-content: end;

}



.blog .next-prev-btn ul li a {

    padding: 13px;

    border-radius: 10px;

    border: 1.5px solid var(--primary-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

}



.blog .next-prev-btn ul li .active {

    background-color: var(--primary-color);

}



.blog .pagination {

    justify-content: end;

}



.blog .page-link {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    border: 1px solid transparent;

}



.blog .page-item.active .page-link {

    border-radius: 10px;

    border: 1px solid #e5e6eb;

    background: #fff;

    color: var(--grey-scale-700);

}



.blog .page-link:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.blog .page-link:hover {

    z-index: 2;

    color: var(--grey-scale-700);

    background-color: transparent;

    border-color: transparent;

}



.blog-details .blog-details-taitel h2 {

    color: #111;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.blog-details .blog-details-taitel p {

    color: var(--grey-scale-700);

    font-size: 16px;

    font-weight: 400;

    line-height: 175%;

    padding-top: 32px;

}



.blog-details .blog-details-mt-32px {

    margin-top: 32px;

}



.blog-details .border-b {

    border-bottom: 1px solid #e5e6eb !important;

    padding-bottom: 10px;

}



.blog-details .blog-details-img {

    width: 100%;

    height: 460px;

    overflow: hidden;

    border-radius: 10px;

}



.blog-details .blog-details-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.blog-details .blog-details-text h4 {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.blog-details .blog-details-text h5 {

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: var(--grey-scale-700);

}



.blog-details .blog-details-text-box {

    padding: 38px 44px 36px 30px;

    border-radius: 10px;

    background: var(--primary-color);

    position: relative;

}



.blog-details .blog-details-text-box .blog-details-text-box-img {

    position: absolute;

    top: 24px;

    left: 30px;

}



.blog-details .blog-details-text-box p {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    color: #fff;

}



.blog-details .blog-details-text-box-text p {

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    color: var(--grey-scale-700);

}



.blog-details .blog-details-tag-two {

    display: flex;

    justify-content: end;

}



.blog-details .blog-details-tag {

    display: flex;

    align-items: center;

    gap: 18px;

}



.blog-details .blog-details-tag .blog-details-tag-text h4 {

    color: #000929;

    font-weight: 700;

}



.blog-details .blog-details-tag .tag {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 0px;

}



.blog-details .blog-details-tag .tag li a {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    color: #61657e;

    transition: all 0.3s;

}



.blog-details .blog-details-tag .tag li a:hover {

    color: var(--primary-color);

}



.blog-details .blog-details-tag .tag li .active {

    color: var(--primary-color);

}



.blog-details .blog-details-tag .Share {

    display: flex;

    align-items: center;

    gap: 7px;

}



.blog-details .blog-details-tag .Share li a .icon {

    width: 43px;

    height: 43px;

    background-color: var(--shades-purple-red-92);

    border-radius: 50px;

    line-height: 40px;

    text-align: center;

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li a .icon span svg {

    fill: currentColor;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li a .icon .instagram_custom {

    fill: transparent;

    stroke: currentColor;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li a:hover .icon {

    background-color: var(--primary-color);

}



.blog-details .blog-details-tag .Share li a:hover .icon span svg {

    fill: currentColor;

    color: #fff;

}



.blog-details .blog-details-tag .Share li a:hover .icon .instagram_custom {

    fill: transparent;

    color: #fff;

}



.blog-details .blog-details-tag .Share li .active .icon {

    background-color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li .active .icon span svg {

    fill: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li .active:hover .icon {

    background-color: var(--shades-purple-red-92);

    transition: all 0.3s;

}



.blog-details .blog-details-tag .Share li .active:hover .icon span svg {

    fill: currentColor;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .comment-box {

    margin-top: 34px;

}



.blog-details .comment-box .comment-box-head {

    padding-bottom: 18px;

}



.blog-details .comment-box .comment-box-head h2 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.blog-details .comment-box .comment-box-item {

    background-color: #fff;

    padding: 30px;

    border: 1px solid var(--grey-scale-200);

    border-radius: 4px;

    margin-bottom: 30px;

}



.blog-details .comment-box .comment-box-item:last-child {

    margin-bottom: 0;

}



.blog-details .comment-box .comment-box-item .comment-box-item-inner {

    display: flex;

    gap: 24px;

}



.blog-details

    .comment-box

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-text

    p {

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: var(--grey-scale-500);

    padding: 14px 0;

}



.blog-details

    .comment-box

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-text

    .comment-box-item-text-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.blog-details

    .comment-box

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-text

    .comment-box-item-text-item

    h5 {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.blog-details

    .comment-box

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-text

    .comment-box-item-text-item

    h4

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

}



.blog-details

    .comment-box

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-btn

    a {

    font-size: 16px;

    font-style: italic;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

}



.blog-details .comment-box .comment-box-item-two {

    width: 621px;

    margin-left: 176px;

}



.blog-details .comment-from-box-main {

    padding: 30px 30px 40px 30px;

    background-color: var(--grey-scale-100);

    border: 1px solid #eceaff;

    border-radius: 10px;

    margin-top: 32px;

}



.blog-details .comment-from-box-main .comment-from-box-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.blog-details .comment-from-box-main .comment-from-box-text p {

    font-size: 16px;

    font-weight: 400;

    line-height: 175%;

    color: var(--grey-scale-600);

}



.blog-details .comment-from-box-main .from-box .from-item .from-inner-df {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 23px;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner {

    width: 100%;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .form-control {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    height: 66px;

    padding: 20px 10px 20px 30px;

    color: var(--grey-scale-400);

    border: 1px solid #fff;

    background-color: #fff;

    border-radius: 10px;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .form-control:focus {

    color: var(--heading-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    border-color: var(--grey-scale-400);

    box-shadow: 0 0 0 0.25rem transparent;

}



.blog-details .comment-from-box-main .from-box .from-item .from-inner-two {

    margin-top: 30px;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-two

    .form-control {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    padding: 20px 10px 20px 30px;

    color: var(--grey-scale-400);

    border: 1px solid #fff;

    background-color: #fff;

    border-radius: 10px;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-two

    .form-control:focus {

    color: var(--heading-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    border-color: var(--grey-scale-400);

    box-shadow: 0 0 0 0.25rem transparent;

}



.blog-details .comment-from-box-main .from-box .from-item .from-btn {

    margin-top: 20px;

}



.blog-details

    .comment-from-box-main

    .from-box

    .from-item

    .from-btn

    .main-btn-four {

    width: 180px;

    padding: 16px 0px;

}



.blog-details .blog-details-pl {

    padding-left: 50px;

}



.blog-details .search-box {

    border-radius: 10px;

    padding: 25px;

    background-color: var(--grey-scale-50);

}



.blog-details .search-box .search-box-text h4 {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.blog-details .search-box .search-box-item {

    margin-top: 14px;

}



.blog-details .search-box .search-box-item .search-box-inner {

    position: relative;

}



.blog-details .search-box .search-box-item .search-box-inner .form-control {

    height: 60px;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    padding: 20px 10px 20px 30px;

    color: var(--grey-scale-400);

    border: 1px solid #fff;

    background-color: #fff;

    border-radius: 5px;

}



.blog-details

    .search-box

    .search-box-item

    .search-box-inner

    .form-control:focus {

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

    box-shadow: 0 0 0 0.25rem transparent;

}



.blog-details

    .search-box

    .search-box-item

    .search-box-inner

    .search-box-inner-btn {

    position: absolute;

    right: 18px;

    top: 15px;

    border: 1px solid transparent;

    background-color: #fff;

}



.blog-details .latest-blog-box {

    border-radius: 10px;

    padding: 22px 24px 24px 24px;

    background: var(--grey-scale-50);

    margin-top: 30px;

}



.blog-details .latest-blog-box .latest-blog-box-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #1b1b1b;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 30px;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner:hover

    .latest-blog-box-item-inner-text

    a {

    color: var(--primary-color);

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .latest-blog-box-item-inner-text

    a {

    font-size: 16px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    transition: all linear 0.3s;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .latest-blog-box-item-inner-text

    .latest-blog-box-item-inner-btn {

    margin-top: 11px;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .latest-blog-box-item-inner-text

    .latest-blog-box-item-inner-btn

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-500);

    display: flex;

    align-items: center;

    gap: 12px;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .latest-blog-box-item-inner-text

    .latest-blog-box-item-inner-btn

    a

    span {

    line-height: 0;

}



.blog-details .blog-details-follow-us {

    padding: 30px;

    margin-top: 30px;

    background-color: var(--grey-scale-50);

    border-radius: 10px;

}



.blog-details .blog-details-follow-us .blog-details-follow-us-text h3 {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.blog-details .blog-details-follow-us .follow {

    display: flex;

    align-items: center;

    gap: 30px;

    margin-top: 20px;

}



.blog-details .blog-details-follow-us .follow li a {

    width: 43px;

    height: 43px;

    background-color: var(--shades-purple-red-92);

    border-radius: 500px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li a:hover {

    background-color: var(--primary-color);

    color: #fff;

}



.blog-details .blog-details-follow-us .follow li a .icon {

    width: 43px;

    height: 43px;

    background-color: var(--shades-purple-red-92);

    border-radius: 50px;

    line-height: 40px;

    text-align: center;

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li a .icon span svg {

    fill: currentColor;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li a:hover .icon {

    background-color: var(--primary-color);

}



.blog-details .blog-details-follow-us .follow li a:hover .icon span svg {

    fill: currentColor;

    color: #fff;

}



.blog-details .blog-details-follow-us .follow li .active .icon {

    background-color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li .active .icon span svg {

    fill: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li .active:hover .icon {

    background-color: var(--shades-purple-red-92);

    transition: all 0.3s;

}



.blog-details .blog-details-follow-us .follow li .active:hover .icon span svg {

    fill: currentColor;

    color: var(--primary-color);

    transition: all 0.3s;

}



.blog-details .blog-details-promobanner {

    margin-top: 30px;

    margin-bottom: 30px;

}



.categories {

    background-image: url(../assets/images/banner/categories-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.categories .categories-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.categories .categories-head-btn {

    text-align: end;

}



.categories .categories-head-btn .main-btn {

    font-size: 18px;

    font-weight: 500;

    background-color: #fff;

    border: 1px solid var(--grey-scale-500);

    color: var(--grey-scale-900);

}



.categories .categories-head-btn .main-btn:hover {

    color: #fff;

    border: 1px solid var(--primary-color);

}



.categories .categories-main-box {

    display: flex;

    justify-content: space-between;

}



.categories .categories-main-box .categories-item {

    width: 240px;

    height: 240px;

    padding: 24px 20px;

    background-color: var(--grey-scale-50);

    border-radius: 20px;

    text-align: center;

    position: relative;

    z-index: 1;

    transition: all 0.3s ease 0s;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.categories.row-categories-home .categories-main-box .categories-item {

    flex-direction: row;

    height: 122px;

    padding: 20px;

    text-align: start;

    gap: 12px;

}

.categories .categories-main-box .categories-item img {

    height: 100%;

    width: 100%;

    border-radius: 500px;

}



.categories .categories-main-box a {

    margin : 0 15px;

}



.categories .categories-main-box .categories-item .categories-item-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.categories .categories-main-box .categories-item .categories-item-text h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

}



.categories .categories-main-box .categories-item:hover::before {

    width: 100%;

    left: 0;

    right: auto;

}



.categories

    .categories-main-box

    .categories-item:hover

    .categories-icon

    .icon

    span

    svg {

    fill: currentColor;

    color: #fff;

}



.categories

    .categories-main-box

    .categories-item:hover

    .categories-item-text

    h3 {

    color: #fff;

}



.categories

    .categories-main-box

    .categories-item:hover

    .categories-item-text

    h4 {

    color: #fff;

}



.categories

    .categories-main-box

    .categories-item:hover

    .categories-item-text

    h4::after {

    background-color: #fff;

}



.categories .categories-main-box .categories-item::before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 0%;

    height: 100%;

    background-color: var(--primary-color);

    z-index: -1;

    border-radius: 20px;

    transition: all 0.5s ease 0s;

    overflow: hidden;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);

}



.categories .categories-main-box .categories-item .categories-icon {

    width: 114px;

    height: 114px;

    border-radius: 500px;

    background-color: #fff;

    border-radius: 500px;

    text-align: center;

    line-height: 114px;

    transition: all 0.8s ease 0s;

    display: flex;

    align-items: center;

    justify-content: center;

}

.categories.row-categories-home .categories-main-box .categories-item .categories-item-text{

    flex: 1 1 0%;

    padding: 0;

}

.categories.row-categories-home .categories-main-box .categories-item .categories-icon {

    width: 82px;

    height: 82px;

    background: white;

    border-radius: 500px;



}

.categories.row-categories-home .categories-main-box .categories-item .categories-icon img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.categories

    .categories-main-box

    .categories-item

    .categories-icon

    .circle-image {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    overflow: hidden;

}



.categories

    .categories-main-box

    .categories-item

    .categories-icon

    .circle-image

    img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.categories .categories-main-box .categories-item .categories-icon span svg {

    fill: currentColor;

    color: #000;

    transition: all 0.3s ease 0s;

}



.categories .categories-main-box .categories-item .categories-item-text {

    padding-top: 12px;

}



.categories .categories-main-box .categories-item .categories-item-text h3 {

    transition: all 0.3s ease 0s;

}



.categories .categories-main-box .categories-item .categories-item-text h4 {

    padding-top: 4px;

    position: relative;

    transition: all 0.3s ease 0s;

}



.categories

    .categories-main-box

    .categories-item

    .categories-item-text

    h4::after {

    position: absolute;

    content: "";

    top: 13px;

    left: 53px;

    width: 8px;

    height: 8px;

    background-color: red;

    border-radius: 50px;

    transition: all 0.3s ease 0s;

}



.categories-two .categories-mt-48px {

    margin-top: 42px;

}



.categories-two .categories-item {

    padding: 20px 0px 20px 20px;

    background-color: var(--grey-scale-100);

    border-radius: 20px;

    text-align: center;

    position: relative;

    z-index: 1;

    transition: all 0.3s ease 0s;

    display: flex;

    align-items: center;

    gap: 12px;

}



.categories-two .categories-item:hover::before {

    width: 100%;

    left: 0;

    right: auto;

}



.categories-two .categories-item:hover .categories-icon .icon {

    background-color: rgba(0, 9, 41, 0.1);

}



.categories-two .categories-item:hover .categories-icon .icon span svg {

    fill: currentColor;

    color: #fff;

}



.categories-two .categories-item:hover .categories-item-text h3 {

    color: #fff;

}



.categories-two .categories-item:hover .categories-item-text h4 {

    color: #fff;

}



.categories-two .categories-item:hover .categories-item-text h4::after {

    background-color: #fff;

}



.categories-two .categories-item::before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 0%;

    height: 100%;

    background-color: var(--primary-color);

    z-index: -1;

    border-radius: 20px;

    transition: all 0.5s ease 0s;

    overflow: hidden;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);

}



.categories-two .categories-item .categories-icon {

    display: flex;

    justify-content: center;

}



.categories-two .categories-item .categories-icon .icon {

    width: 82px;

    height: 82px;

    background-color: #fff;

    border-radius: 500px;

    text-align: center;

    line-height: 82px;

    transition: all 0.8s ease 0s;

}



.categories-two .categories-item .categories-icon span svg {

    fill: currentColor;

    color: #000;

    transition: all 0.3s ease 0s;

}



.categories-two .categories-item .categories-item-text {

    padding-top: 12px;

    text-align: start;

}



.categories-two .categories-item .categories-item-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    transition: all 0.3s ease 0s;

    color: var(--heading-color);

}



.categories-two .categories-item .categories-item-text h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    padding-top: 4px;

    position: relative;

    transition: all 0.3s ease 0s;

    padding-left: 12px;

    color: var(--grey-scale-700);

}



.categories-two .categories-item .categories-item-text h4::after {

    position: absolute;

    content: "";

    top: 13px;

    left: 0px;

    width: 8px;

    height: 8px;

    background-color: var(--secondary-color);

    border-radius: 50px;

    transition: all 0.3s ease 0s;

}



.categories-two .promotions-img {

    margin-top: 100px;

}



.categories-two .promotions-img img {

    height: 357px;

}



.contact-us .contact-us-head {

    padding-bottom: 36px;

}



.contact-us .contact-us-head h2 {

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.contact-us .contact-us-item {

    padding: 16px 45px 16px 30px;

    border-radius: 20px;

    border: 1px solid var(--grey-scale-50);

    width: 440px;

    background: #fff;

    box-shadow: 0px 10px 50px 0px rgba(14, 23, 57, 0.08);

    margin-top: 30px;

}



.contact-us .contact-us-item .contact-us-inner {

    display: flex;

    align-items: center;

    gap: 35px;

}



.contact-us .contact-us-item .contact-us-inner .text h5 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.contact-us .contact-us-item .contact-us-inner .text p {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #747681;

    padding-top: 6px;

}



.contact-us .contact-us-item .contact-us-inner .text a {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.contact-us .contact-us-from {

    background-color: var(--grey-scale-50);

    background-image: url(../assets/images/thumb/form.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 30px 70px 30px;

    border-radius: 10px;

    border: 1px solid #ffd6ae;

}



.contact-us .contact-us-from .from .from-item {

    display: flex;

    align-items: center;

    gap: 40px;

}



.contact-us .contact-us-from .from .from-item .from-inner {

    width: 100%;

}



.contact-us .contact-us-from .from .from-item .from-inner .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

    margin-bottom: 3px;

}



.contact-us .contact-us-from .from .from-item .from-inner .form-control {

    padding: 14px 16px;

    border-radius: 10px;

    border: 1px solid #e5e6eb;

    background: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

}



.contact-us .contact-us-from .from .from-item .from-inner .form-control:focus {

    color: var(--heading-color);

    background-color: #fff;

    border-color: var(--primary-color);

    box-shadow: 0 0 0 0.25rem transparent;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

}



.contact-us .contact-us-from .from .from-item-two {

    margin-top: 15px;

}



.contact-us .contact-us-from .from-btn {

    margin-top: 38px;

}



.contact-us .contact-us-from .from-btn .main-btn-four {

    height: 100%;

    padding: 16px 24px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

}



.dashboard {

    padding: 100px 0;

}



.dashboard .dashboard-menu {

    padding-bottom: 100px;

    background-color: var(--grey-scale-100);

    border-radius: 15px;

}



.dashboard .dashboard-menu .dashboard-menu-profile-main {

    border-bottom: 1px solid rgba(0, 9, 41, 0.1);

    padding-bottom: 22px;

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile

    .dashboard-menu-profile-img {

    width: 100px;

    height: 100px;

    border-radius: 500px;

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile

    .dashboard-menu-profile-img

    img {

    width: 100%;

    height: 100%;

    border-radius: 500px;

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile {

    border-radius: 6px;

    text-align: center;

    padding: 24px 20px 0px 20px;

    display: flex;

    align-items: center;

    flex-direction: column;

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile

    .dashboard-menu-profile-text {

    padding-top: 10px;

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile

    .dashboard-menu-profile-text

    h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard

    .dashboard-menu

    .dashboard-menu-profile-main

    .dashboard-menu-profile

    .dashboard-menu-profile-text

    p {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.dashboard .dashboard-menu .dashboard-menu-main ul {

    padding-top: 8px;

}



.dashboard .dashboard-menu .dashboard-menu-main ul li {

    border-bottom: 1px solid var(--grey-scale-200);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .logout-btn {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding: 10px 20px;

    transition: all 0.3s;

    border: none;

    background-color: var(--grey-scale-100);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .logout-btn span {

    display: inline-block;

    height: 50px;

    width: 50px;

    background-color: #f4e7ec;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    transition: all 0.3s;

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .logout-btn span svg {

    fill: currentColor;

    color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .logout-btn:hover {

    color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .logout-btn:hover span {

    background-color: var(--primary-color);

}



.dashboard

    .dashboard-menu

    .dashboard-menu-main

    ul

    li

    .logout-btn:hover

    span

    svg {

    fill: currentColor;

    color: rgb(255, 255, 255);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding: 10px 20px;

    transition: all 0.3s;

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a span {

    display: inline-block;

    height: 50px;

    width: 50px;

    background-color: #f4e7ec;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    transition: all 0.3s;

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a span svg {

    fill: currentColor;

    color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a:hover {

    color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a:hover span {

    background-color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li a:hover span svg {

    fill: currentColor;

    color: rgb(255, 255, 255);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .active {

    color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .active span {

    background-color: var(--primary-color);

}



.dashboard .dashboard-menu .dashboard-menu-main ul li .active span svg {

    fill: currentColor;

    color: rgb(255, 255, 255);

}



.dashboard .dashboard-item-taitel h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .dashboard-item-taitel p {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-800);

    padding-top: 8px;

}



.dashboard .dashboard-item-mt30px {

    margin-top: 30px;

}



.dashboard .dashboard-item {

    padding: 16px;

    border-radius: 12px;

    border: 1px solid #e5e6eb;

}



.dashboard .dashboard-item .dashboard-item-inner {

    display: flex;

    align-items: center;

    gap: 14px;

}



.dashboard .dashboard-item .dashboard-item-inner .dashboard-item-icon {

    width: 60px;

    height: 60px;

    background-color: rgba(240, 21, 67, 0.08);

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.dashboard .dashboard-item .dashboard-item-inner .dashboard-item-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .dashboard-item .dashboard-item-inner .dashboard-item-text p {

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.dashboard .shopping-cart-address-one {

    border-radius: 10px;

    border: 1px solid var(--primary-color);

    padding: 13px 20px 27px 20px;

    background: #fff;

}



.dashboard .shopping-cart-address-one .shopping-cart-address-one-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(240, 21, 67, 0.1);

    padding-bottom: 13px;

}



.dashboard .shopping-cart-address-one .shopping-cart-address-one-item .text h4 {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.dashboard

    .shopping-cart-address-one

    .shopping-cart-address-one-item

    .delet-btn {

    display: flex;

    align-items: center;

    gap: 13px;

}



.dashboard

    .shopping-cart-address-one

    .shopping-cart-address-one-item

    .delet-btn

    a {

    width: 40px;

    height: 40px;

    border: 1px solid rgba(240, 21, 67, 0.4);

    text-align: center;

    line-height: 35px;

    border-radius: 8px;

}



.dashboard

    .shopping-cart-address-one

    .shopping-cart-address-one-item

    .delet-btn

    .delet-btn-two {

    border: 1px solid rgba(0, 9, 41, 0.4);

}



.dashboard .shopping-cart-address-one address {

    padding-top: 12px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    margin: 0;

    color: var(--grey-scale-600);

}



.dashboard .shopping-cart-address-one address b {

    color: var(--heading-color);

}



.dashboard .shopping-cart-address-one address a {

    padding-top: 10px;

}



.dashboard .shopping-cart-address-two {

    border: 1px solid var(--grey-scale-100);

    padding: 13px 20px 27px 20px;

    background: var(--grey-scale-100);

}



.dashboard .shopping-cart-address-two .shopping-cart-address-one-item {

    border-bottom: 1px solid var(--grey-scale-200);

}



.dashboard .dashboard-item-address {

    width: 863px;

    margin-top: 30px;

}



.dashboard .delete-account {

    padding: 24px;

    margin-top: 30px;

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: var(--grey-scale-50);

}



.dashboard .delete-account .delete-account-text h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .delete-account .delete-account-text p {

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.dashboard .delete-account .delete-account-btn {

    margin-top: 14px;

}



.dashboard .delete-account .delete-account-btn .main-btn-four {

    padding: 10px 30px;

}



.dashboard .dashboard-edit-profile-from .shopping-cart-new-address-from {

    padding: 33px;

    border-radius: 10px;

    background-color: var(--grey-scale-100);

    margin-top: 32px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    margin-top: 20px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item:first-child {

    margin-top: 0;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner {

    width: 100%;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

    margin-bottom: 8px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: #fff;

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    #default {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: #fff;

    width: 100%;

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    color: var(--grey-scale-400);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    input[type="file"].default {

    padding: 4px 10px !important;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .p-2 {

    padding: 13px 16px 16px 16px !important;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 32px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn {

    display: flex;

    align-items: center;

    gap: 30px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input {

    width: 24px;

    height: 24px;

    border: 1px solid #4d5461;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check {

    display: flex;

    align-items: center;

    margin-bottom: 0;

    gap: 8px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-label {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding-top: 4px;

}



.dashboard

    .dashboard-edit-profile-from

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn-two

    .main-btn-four {

    width: 203px;

}



.dashboard .dashboard-address-item {

    margin-top: 30px;

}



.dashboard .shopping-cart-new-address-from {

    padding: 33px;

    border-radius: 10px;

    background-color: var(--grey-scale-100);

    margin-top: 32px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    margin-top: 20px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item:first-child {

    margin-top: 0;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner {

    width: 100%;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

    margin-bottom: 8px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: #fff;

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.dashboard .shopping-cart-new-address-from .shopping-cart-new-address-from-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 32px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn {

    display: flex;

    align-items: center;

    gap: 30px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input {

    width: 24px;

    height: 24px;

    border: 1px solid #4d5461;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check {

    display: flex;

    align-items: center;

    margin-bottom: 0;

    gap: 8px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-label {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding-top: 4px;

}



.dashboard

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn-two

    .main-btn-four {

    width: 203px;

}



.dashboard .order-reorderingmain-box {

    background-color: var(--grey-scale-50);

    border-radius: 12px;

    margin-top: 30px;

}



.dashboard .order-reorderingmain-box .order-reorderingmain-box-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 25px 27px 23px 24px;

}



.dashboard .order-reorderingmain-box .order-reorderingmain-box-item .text h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .order-reorderingmain-box .order-reorderingmain-box-item .icon a {

    height: 40px;

    padding: 8px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 140%;

    color: #747681;

    border: 1px solid #747681;

    border-radius: 8px;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-item

    .icon

    a

    span {

    padding-left: 8px;

    vertical-align: text-bottom;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    > :not(caption)

    > *

    > * {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    background-color: var(--grey-scale-50);

    padding: 17px 0 17px 24px;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    > :not(:last-child)

    > :last-child

    > * {

    border-bottom-color: transparent;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    tr:nth-child(even)

    td {

    background-color: var(--grey-scale-100);

    /* Fondo blanco */

}



.dashboard .order-reorderingmain-box .order-reorderingmain-box-tabel .table {

    vertical-align: middle;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    .delete-action

    .active {

    padding: 4px 20px;

    background-color: #4561ff48;

    border-radius: 8px;

    color: #4562ff;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    .delete-action

    .successful {

    padding: 4px 20px;

    border-radius: 8px;

    color: #22c55e;

    background: rgba(34, 197, 94, 0.08);

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    .delete-action

    .cancel {

    padding: 4px 20px;

    border-radius: 8px;

    color: var(--primary-color);

    background: rgba(240, 21, 67, 0.1);

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    .delete-action

    .view-btn {

    border: 0;

    width: 36px;

    height: 36px;

    border-radius: 8px;

    border: 1px solid var(--heading-color);

    background: var(--heading-color);

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .table

    .delete-action

    .view-btn

    span {

    vertical-align: text-bottom;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .blog-mt-48px {

    margin-top: 48px;

    padding-bottom: 42px;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .next-prev-btn

    ul {

    display: flex;

    gap: 24px;

    justify-content: end;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .next-prev-btn

    ul

    li

    a {

    padding: 13px;

    border-radius: 10px;

    border: 1.5px solid var(--primary-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .next-prev-btn

    ul

    li

    .active {

    background-color: var(--primary-color);

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .pagination {

    justify-content: end;

    padding-right: 42px;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .page-link {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    border: 1px solid transparent;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .page-item.active

    .page-link {

    border-radius: 10px;

    border: 1px solid #e5e6eb;

    background: #fff;

    color: var(--grey-scale-700);

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .page-link:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard

    .order-reorderingmain-box

    .order-reorderingmain-box-tabel

    .page-link:hover {

    z-index: 2;

    color: var(--grey-scale-700);

    background-color: transparent;

    border-color: transparent;

}



.dashboard-none .popular-item-box {

    display: flex;

    gap: 20px;

    background-color: #fff;

    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);

    overflow: hidden;

    padding-right: 20px;

    border-radius: 10px;

}



.dashboard-none .popular-item-box:hover .popular-item-box-img img {

    transform: scale(1.2);

}



.dashboard-none .popular-item-box:hover .popular-item-box-img::after {

    animation: shine 800ms;

}



.dashboard-none .popular-item-box .popular-inner-item-btn .main-btn-five span svg {

    stroke: currentColor;

    color: var(--grey-scale-500);

    transition: all 0.3s;

}



.dashboard

    .popular-item-box

    .popular-inner-item-btn

    .main-btn-five:hover

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.dashboard-none .popular-item-box .popular-item-box-img {

    overflow: hidden;

    position: relative;

    overflow: hidden;

    border-radius: 10px 0px 0px 10px;



}



.dashboard

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    align-items: center;

    padding: 4px 6px;

    border-radius: 6px;

    background: rgba(0, 9, 41, 0.8);

    z-index: 11;

}



.dashboard

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .icon {

    line-height: 0;

}



.dashboard

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .text

    p {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    /* 24px */

    letter-spacing: -0.16px;

}



.dashboard-none .popular-item-box .popular-item-box-img:after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.dashboard-none .popular-item-box .popular-item-box-img img {

    transition: all 0.3s ease-out 0s;

    width: 204px;

    height: 100%;

    border-radius: 10px 0px 0px 10px;

}



.dashboard-none .popular-item-box .popular-inner-box {

    padding: 14px 0;

    flex: 1 1 0%;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-item-box-text {

    padding: 0px 0 10px 0;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-item-box-text h3 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 10px;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item:last-child {

    margin-bottom: 0;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item .icon {

    line-height: 0;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item .text h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item-btm {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 14px;

    border-top: 1px solid rgba(229, 230, 235, 0.4);

    gap: 10px;

}



.dashboard-none .popular-item-box .popular-inner-box .popular-inner-item-btm h3 {

    font-size: 16px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--heading-color);

}



.dashboard

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    .main-btn-five::after {

    top: -2px;

}



.dashboard

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a {

    display: flex;

    align-items: center;

    gap: 4px;

    width: 130px;

    padding: 8.762px 11.683px;

    font-size: 14px;

}



.dashboard-none

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn {

    gap: 20px;

}



.dashboard

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a

    span {

    line-height: 0;

    stroke: currentColor;

    color: var(--grey-scale-500);

}



.dashboard .popular-item-mt-30px {

    margin-top: 30px;

}



.dashboard .review-list-main-box {

    padding: 24px 24px 40px 24px;

    background-color: var(--grey-scale-100);

    border-radius: 10px;

    margin-top: 30px;

}



.dashboard .review-list-main-box .review-list-main-box-text {

    margin-bottom: 24px;

}



.dashboard .review-list-main-box .review-list-main-box-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .review-list-main-box .review-list-main-box-item {

    padding: 24px;

    background-color: #fff;

    border-radius: 10px;

    margin-bottom: 16px;

}



.dashboard .review-list-main-box .review-list-main-box-item:last-child {

    margin-bottom: 0;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-item-text

    h5 {

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-item-text

    p {

    font-size: 16px;

    font-style: italic;

    font-weight: 300;

    line-height: 160%;

    color: var(--grey-scale-700);

    padding-top: 12px;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 12px;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner

    .review-list-main-box-inner-item {

    display: flex;

    align-items: center;

    gap: 10px;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner

    .review-list-main-box-inner-item

    .review-list-main-box-inner-item-text

    h5 {

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-800);

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner

    .review-list-main-box-inner-item

    .review-list-main-box-inner-item-text

    p {

    font-size: 14px;

    font-weight: 400;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner

    .review-list-main-box-inner-item-right

    .text {

    padding-top: 2px;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item

    .review-list-main-box-inner

    .review-list-main-box-inner-item-right

    .text

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

}



.dashboard .review-list-main-box .review-list-main-box-item-btn {

    text-align: center;

    margin-top: 32px;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item-btn

    .main-btn-four

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all linear 0.3s;

}



.dashboard

    .review-list-main-box

    .review-list-main-box-item-btn

    .main-btn-four:hover

    span

    svg {

    stroke: currentColor;

    color: var(--primary-color);

}



.dashboard .change-passowerd-btn {

    text-align: end;

    margin-top: 32px;

}



.featured {

    background-color: #f9fafb;

}



.featured .featured-head {

    text-align: center;

}



.featured .featured-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.featured .featured-slick {

    margin-top: 33px;

}



.featured .featured-slick .featured-item {

    background-color: #fff;

    border-radius: 6px;

    overflow: hidden;

    margin: 0 15px;

}



.featured-none .featured-slick .featured-item:hover .text-item-center h3 a {

    color: var(--primary-color) !important;

}



.featured-none .featured-slick .featured-item:hover .featured-item-img::after {

    animation: shine 800ms;

}



.featured-none .featured-slick .featured-item:hover .featured-item-img img {

    transform: scale(1.1);

}



.featured-none .featured-slick .featured-item .featured-item-img {

    overflow: hidden;

    position: relative;

    height: 244px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text {

    position: absolute;

    top: 14px;

    left: 13px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text

    .icon {

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50px;

    text-align: center;

    line-height: 40px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text {

    position: absolute;

    top: 14px;

    right: 10px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text

    h5 {

    font-weight: 700;

    color: #fff;

    padding: 8px 10px;

    border-radius: 6px;

    background-color: rgba(0, 9, 41, 0.8);

}



.featured-none .featured-slick .featured-item .featured-item-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}

.featured-none .featured-slick .featured-item .featured-item-img {

    height: 244px;

}



.featured-none .featured-slick .featured-item .featured-item-img img {

    transition: all 0.5s ease-out;

    height: 100%;

    width: 100%;

    border-radius: 10px 10px 0px 0px;

}



.featured-none .featured-slick .featured-item .featured-item-text {

    padding: 24px 20px;

    box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);

}



.featured-none .featured-slick .featured-item .featured-item-text .text-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(229, 230, 235, 0.4);

    padding-bottom: 12px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item

    .left

    h3 {

    letter-spacing: -1px;

    font-size: 24px;

    font-style: normal;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--heading-color);

}



.featured-none .featured-slick .featured-item .featured-item-text .text-item .right {

    display: flex;

    align-items: center;

    gap: 2px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item

    .right

    .icon {

    line-height: 0;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item

    .right

    h5 {

    font-size: 16px;

    line-height: 150%;

    font-weight: 700;

    color: var(--heading-color);

}



.featured-none .featured-slick .featured-item .featured-item-text .text-item-center {

    padding-top: 8px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center

    h3

    a {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    transition: all 0.3s;

    color: var(--heading-color);

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box {

    padding-top: 10px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item {

    display: flex;

    align-items: center;

    gap: 8px;

    padding-bottom: 10px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item

    .text

    h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item:last-child {

    padding-bottom: 0;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn {

    margin-top: 13px;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three {

    display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

}



.featured

    .featured-slick

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three

    span {

    stroke: currentColor;

    color: #6c727f;

}



.food-details {

    padding-top: 100px;

    padding-bottom: 100px;

    background: url(../assets/images/banner/all-food-bg.png) no-repeat

        center/cover;

    background-color: rgba(252, 203, 213, 0.1019607843);

}



.food-details .food-details-btn-box {

    margin-bottom: 48px;

}



.food-details .nav {

    display: flex;

    flex-wrap: nowrap;

    padding-left: 0;

    margin-bottom: 0 !important;

    list-style: none;

    gap: 14px;

}



.food-details .nav-link {

    width: 56px;

    height: 56px;

    border-radius: 10px;

    background-color: var(--grey-scale-100);

}



.food-details .nav-link span svg {

    fill: currentColor;

    color: var(--grey-scale-500);

}



.food-details .nav-link span i {

    font-size: 24px;

    color: var(--grey-scale-500);

}



.food-details .nav-pills .nav-link.active,

.food-details .nav-pills .show > .nav-link {

    color: #fff;

    background-color: var(--primary-color);

}



.food-details .nav-pills .nav-link.active span svg,

.food-details .nav-pills .show > .nav-link span svg {

    fill: currentColor;

    color: #fff;

}



.food-details .nav-pills .nav-link.active span i,

.food-details .nav-pills .show > .nav-link span i {

    font-size: 24px;

    color: #fff;

}



.food-details .food-details-btn-box {

    display: flex;

    align-items: center;

    gap: 27px;

}



.food-details .food-details-btn-box .form-select {

    margin: 4px 5px 4px 10px;

    height: 58px;

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    border-radius: 10px;

    background-color: var(--grey-scale-50);

    border: 1px solid var(--grey-scale-50);

}



.food-details .food-details-btn-box .form-select:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details .food-details-btn-item {

    display: flex;

}



.food-details .food-details-btn-box-item {

    display: flex;

    border-radius: 10px;

    border: 1.5px solid var(--grey-scale-100);

    background-color: #fff;

    width: 100%;

    gap: 10px;

}



.food-details .food-details-btn-search-box {

    display: flex;

    align-items: center;

    width: 100%;

    position: relative;

    margin: 4px 10px 4px 5px;

}



.food-details .food-details-btn-search-box .form-control {

    height: 58px;

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    border-radius: 10px;

    background-color: var(--grey-scale-50);

    border: 1px solid var(--grey-scale-50);

}



.food-details .food-details-btn-search-box .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details .food-details-btn-search-box .food-details-btn-search-btn {

    position: absolute;

    right: 10px;

}



.food-details .food-details-btn-search-box .food-details-btn-search-btn .icon {

    width: 48px;

    height: 48px;

    border-radius: 10px;

    background-color: var(--primary-color);

    text-align: center;

    border: 1px solid transparent;

}



.food-details .featured-item {

    position: relative;

    background-color: #fff;

    border-radius: 10px;

}



.food-details .featured-item:hover .text-item-center h3 a {

    color: var(--primary-color);

}



.food-details .featured-item:hover .featured-item-img::after {

    animation: shine 800ms;

}



.food-details .featured-item:hover .featured-item-img img {

    transform: scale(1.1);

}



.food-details .featured-item .featured-item-img-populer {

    position: absolute;

bottom: 246PX;

    left: -8px;

    z-index: 9;

    background: url(../assets/images/victor/populer.png) no-repeat center /

        cover;

    width: 113px;

    height: 40px;

}



.food-details .featured-item .featured-item-img {

    overflow: hidden;

    position: relative;

    height: 200px;

    border-radius: 10px 10px 0 0;

}



.food-details

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text {

    position: absolute;

    top: 14px;

    left: 13px;

}



.food-details

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text

    .icon {

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50px;

    text-align: center;

    line-height: 40px;

}



.food-details

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text {

    position: absolute;

    top: 14px;

    right: 10px;

}



.food-details

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text

    h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: #fff;

    padding: 8px 10px;

    border-radius: 6px;

    background-color: rgba(0, 9, 41, 0.8);

}



.food-details .featured-item .featured-item-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.food-details .featured-item .featured-item-img img {

    transition: all 0.5s ease-out;

    height: 100%;

    object-fit: cover;

}



.food-details .featured-item .featured-item-text {

    padding: 20px 20px;

    box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);

}



.food-details .featured-item .featured-item-text .text-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(229, 230, 235, 0.4);

    padding-bottom: 6px;

}



.food-details .featured-item .featured-item-text .text-item .left h3 {

    font-size: 24px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--primary-color);

}



.food-details .featured-item .featured-item-text .text-item .right {

    display: flex;

    align-items: center;

    gap: 2px;

}



.food-details .featured-item .featured-item-text .text-item .right .icon {

    line-height: 0;

}



.food-details .featured-item .featured-item-text .text-item .right h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: var(--heading-color);

}



.food-details .featured-item .featured-item-text .text-item-center {

    padding-top: 8px;

}



.food-details .featured-item .featured-item-text .text-item-center h3 a {

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    transition: all 0.3s;

    color: var(--heading-color);

}



.food-details .featured-item .featured-item-text .text-item-center-item-box {

    padding-top: 10px;

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item {

    display: flex;

    align-items: center;

    gap: 8px;

    padding-bottom: 10px;

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item

    .text

    h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item:last-child {

    padding-bottom: 0;

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn {

    margin-top: 13px;

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three {

    display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

    height: 48px;

}



.food-details

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three

    span {

    stroke: currentColor;

    color: #6c727f;

}





.food-details .popular-item-box:hover .popular-item-box-img img {

    transform: scale(1.2);

}



.food-details .popular-item-box:hover .popular-inner-item-btn .main-btn-five {

    color: #fff;

}



.food-details .popular-item-box .popular-inner-item-btn .main-btn-five span svg {

    color: #6C727F;

    stroke: currentColor;

}



.food-details

    .popular-item-box:hover

    .popular-inner-item-btn

    .main-btn-five::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.food-details

    .popular-item-box:hover

    .popular-inner-item-btn

    .main-btn-five::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.food-details

    .popular-item-box:hover

    .popular-inner-item-btn

    .main-btn-five

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.food-details .popular-item-box .popular-item-box-img {

    overflow: hidden;

    position: relative;

    overflow: hidden;

    height: 271px;

}



.food-details

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    align-items: center;

    padding: 4px 6px;

    border-radius: 6px;

    background: rgba(0, 9, 41, 0.8);

    z-index: 11;

}



.food-details

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .icon {

    line-height: 0;

}



.food-details

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .text

    p {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    /* 24px */

    letter-spacing: -0.16px;

}



.food-details .popular-item-box .popular-item-box-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

    animation: shine 4s linear infinite;

}



.food-details .popular-item-box .popular-item-box-img img {

    transition: all 0.3s ease-out 0s;

    height: 100%;

    width: 350px;

}



.food-details .popular-item-box .popular-inner-box {

    padding: 20px 0;

    flex: 1 1 0%;

}



.food-details .popular-item-box .popular-inner-box .popular-item-box-text {

    padding: 0px 0 12px 0;

}



.food-details .popular-item-box .popular-inner-box .popular-item-box-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}







.food-details

    .popular-item-box

    .popular-inner-box

    .popular-inner-item:last-child {

    margin-bottom: 0;

}



.food-details .popular-item-box .popular-inner-box .popular-inner-item .icon {

    line-height: 0;

}



.food-details

    .popular-item-box

    .popular-inner-box

    .popular-inner-item

    .text

    h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.food-details .popular-item-box .popular-inner-box .popular-inner-item-btm {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 20px;

    border-top: 1px solid rgba(229, 230, 235, 0.4);

}



.food-details .popular-item-box .popular-inner-box .popular-inner-item-btm h3 {

    font-size: 24px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--heading-color);

}



.food-details

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a {

    display: flex;

    align-items: center;

    gap: 4px;

}



.food-details

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a

    span {

    line-height: 0;

    stroke: currentColor;

    color: var(--grey-scale-500);

}



.food-details .popular-item-mt-30px {

    margin-top: 30px;

}



.food-details .blog-mt-48px {

    margin-top: 48px;

}



.food-details .next-prev-btn ul {

    display: flex;

    gap: 24px;

    justify-content: end;

}



.food-details .next-prev-btn ul li a {

    height: 50px;

    width: 50px;

    text-align: center;

    line-height: 43px;

    border-radius: 10px;

    border: 1.5px solid var(--primary-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

}



.food-details .next-prev-btn ul li .active {

    background-color: var(--primary-color);

    width: 170px;

    height: 52px;

    text-align: center;

    line-height: 50px;

}



.food-details .pagination {

    justify-content: end;

}



.food-details .page-link {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    border: 1px solid transparent;

    background-color: transparent;

}



.food-details .page-item.active .page-link {

    border-radius: 10px;

    border: 1px solid #e5e6eb;

    background: #fff;

    color: var(--grey-scale-700);

    width: 52px;

    height: 44px;

    text-align: center;

    line-height: 30px;

}



.food-details .page-link:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details .page-link:hover {

    z-index: 2;

    color: var(--grey-scale-700);

    background-color: transparent;

    border-color: transparent;

}



.food-details-two {

    background: transparent;

    padding-top: 0;

}



.food-details-two .recent-order-text {

    padding-bottom: 32px;

}



.food-details-two .recent-order-text h5 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.food-details-two .featured-item {

    background-color: #fff;

    box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);

}



.food-details-two .featured-item:hover .text-item-center h3 a {

    color: var(--primary-color);

}



.food-details-section .food-details-head {

    margin-top: 18px;

}



.food-details-section .food-details-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 68px;

    /* 0px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.food-details-section .food-details-slick {

    margin-top: 40px;

}



.food-details-section .food-details-slick .slider-for-img {

    height: 460px;

    border-radius: 10px;

}



.food-details-section .food-details-slick .slider-for-img img {

    height: 100%;

    width: 100%;

    border-radius: 10px;

}



.food-details-section .food-details-slick .slider-nav {

    margin-top: 27px;

}



.food-details-section .food-details-slick .slider-nav .slider-nav-img {

    position: relative;

    margin: 0 15px;

    width: 203px;

    height: 149px;

    border-radius: 10px;

}



.food-details-section .food-details-slick .slider-nav .slider-nav-img .overlay {

    position: absolute;

    width: 0%;

    height: 100%;

    border-radius: 10px;

    opacity: 0.4;

    background: var(

        --gradient-g-2,

        linear-gradient(90deg, #f01543 -1.58%, #fe724c 100%)

    );

    top: 0;

    left: 0;

    border-radius: 10px;

    transition: all linear 0.5;

}



.food-details-section .food-details-slick .slider-nav .slider-nav-img img {

    border-radius: 10px;

    height: 100%;

    width: 100%;

}



.food-details-section .slick-center .overlay {

    width: 100% !important;

}



.food-details-section .nav {

    display: flex;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0px !important;

    list-style: none;

    gap: 60px;

    border-bottom: 1px solid #e5e6eb;

    padding-bottom: 18px;

    margin-top: 48px;

}



.food-details-section .nav-link {

    padding: 0;

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-800);

}



.food-details-section .nav-pills .nav-link.active {

    color: var(--primary-color);

    background-color: transparent;

    position: relative;

}



.food-details-section .nav-pills .nav-link.active::after {

    position: absolute;

    content: "";

    bottom: -19px;

    left: 0;

    width: 73.411px;

    height: 2px;

    background-color: var(--primary-color);

}



.food-details-section .food-details-text {

    margin-top: 32px;

}



.food-details-section .food-details-text p {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.food-details-section .food-details-text-two {

    margin-top: 32px;

}



.food-details-section .food-details-text-two h5 {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.food-details-section .food-details-text-two ul li {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

    list-style: outside;

    margin-left: 22px;

}



.food-details-section .food-details-text-three {

    margin-top: 32px;

}



.food-details-section .food-details-text-three ul li {

    list-style: decimal;

}



.food-details-section .food-video-text {

    margin-top: 30px;

}



.food-details-section .food-video-text p {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.food-details-section .food-video-text-btm {

    margin-top: 30px;

}



.food-details-section .food-video-text-btm p {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

}



.food-details-section .food-video-text-btm p span {

    font-weight: 600;

    color: var(--heading-color);

}



.food-details-section .vedio-img {

    margin-top: 32px;

    width: 100%;

    position: relative;

}



.food-details-section .vedio-img img {

    width: 640px;

    height: 332px;

}



.food-details-section .vedio-img .my-video-links i {

    position: absolute;

    top: 50%;

    left: 38%;

    width: 60px;

    height: 60px;

    background-color: var(--primary-color);

    border-radius: 50px;

    color: #fff;

    font-size: 24px;

    text-align: center;

    line-height: 60px;

    transform: translate(-50%, -50%);

}



.food-details-section .food-review .food-review-item {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-100);

    background: #fff;

    padding: 40px;

    margin-top: 30px;

}



.food-details-section .food-review .food-review-item .food-review-item-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.food-details-section

    .food-review

    .food-review-item

    .food-review-item-top

    .text

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

}



.food-details-section .food-review .food-review-item .food-review-item-text p {

    font-size: 18px;

    font-style: italic;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    padding-top: 22px;

}



.food-details-section .food-review .food-review-item .food-review-inner {

    height: 80px;

    width: 80px;

    border-radius: 50%;

}



.food-details-section .food-review .food-review-item .food-review-inner img {

    height: 100%;

    width: 100%;

    border-radius: 500px;

}



.food-details-section

    .food-review

    .food-review-item

    .food-review-inner

    .food-review-inner-img {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 32px;

}



.food-details-section

    .food-review

    .food-review-item

    .food-review-inner

    .food-review-inner-text

    h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.food-details-section

    .food-review

    .food-review-item

    .food-review-inner

    .food-review-inner-text

    p {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    color: #7e8ba0;

}



.food-details-section .food-review .food-review-item-btn {

    text-align: center;

    margin-top: 48px;

}



.food-details-section .sent-review {

    margin-top: 48px;

}



.food-details-section .sent-review .comment-from-box-main {

    padding: 30px 30px 40px 30px;

    background-color: var(--grey-scale-100);

    border: 1px solid #eceaff;

    border-radius: 10px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .comment-from-box-text

    h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .comment-from-box-text

    p {

    font-size: 16px;

    font-weight: 400;

    line-height: 175%;

    color: var(--grey-scale-600);

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-top: 23px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner {

    width: 100%;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .form-control {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    height: 66px;

    padding: 20px 10px 20px 30px;

    color: var(--grey-scale-400);

    border: 1px solid #fff;

    background-color: #fff;

    border-radius: 10px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .form-control:focus {

    color: var(--heading-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    border-color: var(--grey-scale-400);

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate {

    float: left;

    height: 46px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate:not(:checked)

    > input {

    position: absolute;

    top: -9999px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate:not(:checked)

    > label {

    float: right;

    width: 33px;

    height: 33px;

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

    font-size: 30px;

    color: #7e8ba0;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate:not(:checked)

    > label:before {

    content: "★ ";

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > input:checked

    ~ label {

    color: #ffc403;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate:not(:checked)

    > label:hover,

.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate:not(:checked)

    > label:hover

    ~ label {

    color: #ffc403;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > input:checked

    + label:hover,

.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > input:checked

    + label:hover

    ~ label,

.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > input:checked

    ~ label:hover,

.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > input:checked

    ~ label:hover

    ~ label,

.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner

    .rate

    > label:hover

    ~ input:checked

    ~ label {

    color: #ffc403;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-df

    .from-inner-rate {

    width: 100%;

    height: 66px;

    background-color: #fff;

    display: flex;

    align-items: center;

    padding: 17px 19px;

    border-radius: 10px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-two {

    margin-top: 30px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-two

    .form-control {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    padding: 20px 10px 20px 30px;

    color: var(--grey-scale-400);

    border: 1px solid #fff;

    background-color: #fff;

    border-radius: 10px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-inner-two

    .form-control:focus {

    color: var(--heading-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    border-color: var(--grey-scale-400);

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-btn {

    margin-top: 20px;

}



.food-details-section

    .sent-review

    .comment-from-box-main

    .from-box

    .from-item

    .from-btn

    .main-btn-four {

    width: 180px;

    padding: 16px 0px;

}



.food-details-section .together-box {

    padding: 24px;

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: var(--grey-scale-50);

}



.food-details-section .together-box .together-box-text {

    margin-bottom: 24px;

}



.food-details-section .together-box .together-box-text h5 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #000;

}



.food-details-section .together-box .together-box-item {

    border-radius: 6px;

    background: #fff;

    padding: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* Card/Shadow 2 */

    box-shadow: 0px 4px 60px 0px rgba(4, 6, 15, 0.05);

    margin-bottom: 16px;

}



.food-details-section .together-box .together-box-item .form-check {

    margin: 0;

    display: flex;

    gap: 16px;

}



.food-details-section .together-box .together-box-item .form-check-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

}



.food-details-section .together-box .together-box-item .form-check-input {

    width: 20px;

    height: 20px;

    border: 2px solid var(--primary-color);

}



.food-details-section

    .together-box

    .together-box-item

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.food-details-section

    .together-box

    .together-box-item

    .form-check-input:checked:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section .together-box .together-box-item .form-check-input:focus {

    border-color: var(--primary-color);

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section .together-box .together-box-item .form-check-btn .grid {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.food-details-section

    .together-box

    .together-box-item

    .form-check-btn

    .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.btn-minus-custom {

    background-color: #fff8ed;

    color: #ffc403;

}



.food-details-section

    .together-box

    .together-box-item

    .form-check-btn

    .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.btn-plus-custom {

    background-color: var(--primary-color);

    color: #fff;

}



.food-details-section

    .together-box

    .together-box-item

    .form-check-btn

    .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section .together-box .together-box-inner-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 24px;

}



.food-details-section .together-box .together-box-inner-btn .grid {

    border: 1px solid #fccbd5;

    background: #fff;

    border-radius: 10px;

    padding: 7px;

    display: flex;

    /* align-items: center; */

    justify-content: space-between;

    /* gap: 16px; */

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

    width: 100%;

}



.food-details-section .together-box .together-box-inner-btn .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

    border: 1px solid #f0154467;

}



.food-details-section .together-box .together-box-inner-btn .grid .column {

    text-align: center;

    border: 1px solid var(--primary-color);

    border-radius: 5px;

    outline: 0;

    width: 35%;

}



.food-details-section .together-box .together-box-inner-btn .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.food-details-section .together-box .together-box-inner-btn .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn {

    width: 184px;

    height: 58px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

    background-color: var(--heading-color);

    border-radius: 10px;

}



.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn::after {

    display: none;

}



.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-menu {

    background-color: #fff;

    border: 1px solid var(--shades-purple-red-92);

}



.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item {

    color: var(--heading-color);

}



.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:focus,

.food-details-section

    .together-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:hover {

    color: var(--heading-color);

    background-color: var(--shades-purple-red-92);

}



.food-details-section .together-box .together-box-inner-btn-btm {

    margin-top: 32px;

}



.food-details-section

    .together-box

    .together-box-inner-btn-btm

    .main-btn-six

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.food-details-section .blog-details-promobanner {

    margin-top: 30px;

    margin-bottom: 30px;

}



.inner-banner {

    padding: 270px 0 128px 0;

    background: url(../assets/images/banner/inner-bg.png) no-repeat center/cover;

}



.inner-banner .inner-banner-head {

    text-align: center;

}



.inner-banner .inner-banner-head h1 {

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: #fff;

}



.inner-banner .inner-banner-item {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 12px;

}



.inner-banner .inner-banner-item .left a {

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #fff;

}



.inner-banner .inner-banner-item .left span {

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #fff;

}



.inner-banner .inner-banner-item .icon {

    list-style: 0;

}



.promotions {

    background-image: url(../assets/images/banner/promotions-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.promotions .promotions-head h2 {

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.promotions .promotions-img {

    position: relative;

    overflow: hidden;

}



.promotions .promotions-img a {

    width: 100%;

}



.promotions .promotions-img img {

    overflow: hidden;

}



.promotions .promotions-img:hover::after {

    animation: shine 1200ms;

}



.promotions .promotions-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.promotions-two {

    background: transparent;

}



.promotions-two .promotions-img img {

    height: 357px;

}



.process {

    background-image: url(../assets/images/banner/Process-bg.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: 920px;

}



.process .process-img-box {

    position: relative;

}



.process .process-img-box .process-img {

    position: absolute;

    top: 0;

    left: -200px;

}



.process .process-img-box .process-img img {

    width: 747.478px;

    height: 765.233px;

}



.process .process-head h2 {

    color: #fff;

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.process .process-item-box {

    margin-top: 40px;

}



.process .process-item-box .process-item {

    position: relative;

    border-radius: 20px;

    background: #0d1634;

    width: 540px;

    height: 100%;

    padding: 20px 23px 20px 20px;

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 20px;

    position: relative;

}



.process .process-item-box .process-item::before {

    position: absolute;

    content: "";

    bottom: 0;

    width: 540px;

    height: 0%;

    left: 0;

    background: linear-gradient(305deg, #f01543 -22.35%, #fe724c 134.49%);

    border-radius: 20px;

    transition: all 0.5s ease 0s;

    overflow: hidden;

}



.process .process-item-box .process-item:hover::before {

    height: 100%;

    top: 0;

    bottom: auto;

}



.process .process-item-box .process-item:last-child {

    margin-bottom: 0;

}



.process .process-item-box .process-item .process-item-icon {

    z-index: 1;

}



.process .process-item-box .process-item .process-item-icon .icon {

    z-index: 1111;

    width: 72px;

    height: 72px;

    background-color: rgba(255, 255, 255, 0.1);

    border-radius: 16px;

    text-align: center;

    line-height: 72px;

}



.process .process-item-box .process-item .text {

    z-index: 1;

}



.process .process-item-box .process-item .text h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

}



.process .process-item-box .process-item .text p {

    opacity: 0.5;

    padding-top: 8px;

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: #fff;

}



.process .process-item-box .process-item .process-item-right-img {

    z-index: 11;

    position: absolute;

    top: 25px;

    right: 33px;

    width: 31.92px;

    height: 62.64px;

    background: url(../assets/images/icon/1.png) no-repeat center / cover;

}



.process .process-item-box .process-item .process-item-right-img.two {

    width: 45.84px;

    height: 63.6px;

    background: url(../assets/images/icon/2.png) no-repeat center;

}



.process .process-item-box .process-item .process-item-right-img.three {

    width: 45.84px;

    height: 63.6px;

    background: url(../assets/images/icon/3.png) no-repeat center;

}



.process .process-item-box .process-item .process-item-right-img.four {

    width: 52.4px;

    height: 62.64px;

    background: url(../assets/images/icon/4.png) no-repeat center;

}



.popular .popular-item-box-mt {

    margin-top: 0px;

}



.popular .popular-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.popular .popular-item-mt-30px {

    margin-top: 30px;

}



.popular .popular-item-box {

    display: flex;

    background-color: #fff;

    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);

    overflow: hidden;

    position: relative;

        border-radius: 10px;

            overflow: hidden;

}



.popular .popular-item-box:hover .popular-item-box-img img {

    transform: scale(1.2);

}



.popular .popular-item-box:hover .popular-item-box-img::after {

    animation: shine 800ms;

}



.popular .popular-item-box:hover .popular-inner-item-btn .main-btn-five {

    color: #fff;

}



.popular

    .popular-item-box:hover

    .popular-inner-item-btn

    .main-btn-five::before {

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

}



.popular .popular-item-box:hover .popular-inner-item-btn .main-btn-five::after {

    transform: translate3d(0, 0, 0);

    transition-duration: 0.05s;

    transition-delay: 0.4s;

    transition-timing-function: linear;

}



.popular

    .popular-item-box:hover

    .popular-inner-item-btn

    .main-btn-five

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.popular .popular-item-box .popular-item-box-img {

    border-radius: 12px 0px 0px 12px;

    position: relative;

    overflow: hidden;

    width: 196px;

}

.popular .popular-item-box .popular-item-box-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.popular .popular-item-box .popular-inner-box{

    flex: 1 1 0%;

    padding: 14px;

}

.popular .popular-item-box .popular-item-box-img .popular-item-box-img-overlay {

    position: absolute;

    top: 12px;

    left: 12px;

    display: flex;

    align-items: center;

    padding: 4px 6px;

    border-radius: 6px;

    background: rgba(0, 9, 41, 0.8);

    z-index: 11;

}



.popular

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .icon {

    line-height: 0;

}



.popular

    .popular-item-box

    .popular-item-box-img

    .popular-item-box-img-overlay

    .text

    p {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    /* 24px */

    letter-spacing: -0.16px;

}



.popular .popular-item-box .popular-item-box-img:after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;



    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.popular .popular-item-box .popular-item-box-img img {

    transition: all 0.3s ease-out 0s;

}

/*

.popular .popular-item-box .popular-inner-box {

    padding: 20px 0;

} */



.popular .popular-item-box .popular-inner-box .popular-item-box-text {

    padding: 0px 0 0px 0;

}



.popular .popular-item-box .popular-inner-box .popular-item-box-text h3 {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: -0.18px;

    color: var(--heading-color);

}



.popular .popular-item-box .popular-inner-box .popular-inner-item {

    display: flex;

    align-items: start;

    gap: 8px;

}



.popular .popular-item-box .popular-inner-box .popular-inner-item:last-child {

    margin-bottom: 0;

}



.popular .popular-item-box .popular-inner-box .popular-inner-item .icon {

    line-height: 0;

    margin-top: 2px;

}



.popular .popular-item-box .popular-inner-box .popular-inner-item .text h5 {

    font-size: 14px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.popular .popular-item-box .popular-inner-box .popular-inner-item-btm {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 20px;

    border-top: 1px solid rgba(229, 230, 235, 0.4);

    padding-right: 10px;

}



.popular .popular-item-box .popular-inner-box .popular-inner-item-btm h3 {

    font-size: 18px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--heading-color);

}



.popular

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a {

    display: inline-flex;

    align-items: center;

    gap: 4px;

}

.popular .popular-item-box.row-card{

    height: 150px;

}

.popular .popular-item-box.row-card .popular-inner-box .popular-inner-item-btm .popular-inner-item-btn a {

    width: 77px;

    height: 32px;

    font-size: 14px;

    padding: 0;

    justify-content: center;

}

.popular .popular-item-box.row-card .popular-inner-box .popular-inner-item-btm{

    padding-top: 8px;

    border: 0;

}

.popular

    .popular-item-box

    .popular-inner-box

    .popular-inner-item-btm

    .popular-inner-item-btn

    a

    span {

    line-height: 0;

    stroke: currentColor;

    color: var(--grey-scale-500);

}



.privacy .privacy-text h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

}



.privacy .privacy-text-main .privacy-text-main-text {

    padding-top: 35px;

}



.privacy .privacy-text-main .privacy-text-main-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.privacy .privacy-text-main .privacy-text-main-text ul {

    padding-top: 23px;

}



.privacy .privacy-text-main .privacy-text-main-text ul li {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 175%;

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

    list-style: outside;

    margin-left: 30px;

}



.privacy .privacy-text-main-two .privacy-text-main-text ul li {

    list-style: none;

    margin-left: 0;

}



.preloader-container {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 99999;

    display: flex;

    background: #ecf5ff;

    align-items: center;

    justify-content: center;

}



.spinner {

    margin: 100px auto;

    width: 140px;

    height: 100px;

    text-align: center;

    font-size: 10px;

}



.spinner > div {

    background-color: #000060;

    height: 100%;

    width: 6px;

    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

    animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.spinner .rect2 {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



.spinner .rect3 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



.spinner .rect4 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



.spinner .rect5 {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



@-webkit-keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        -webkit-transform: scaleY(0.4);

    }

    20% {

        -webkit-transform: scaleY(1);

    }

}



@keyframes sk-stretchdelay {

    0%,

    40%,

    100% {

        transform: scaleY(0.4);

        -webkit-transform: scaleY(0.4);

    }

    20% {

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

    }

}



/* preloader css 2 */



.sk-cube-grid {

    width: 100px;

    height: 100px;

    margin: 100px auto;

}



.sk-cube-grid .sk-cube {

    width: 33%;

    height: 33%;

    background-color: #000060;

    float: left;

    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

}



.sk-cube-grid .sk-cube1 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube2 {

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube3 {

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



.sk-cube-grid .sk-cube4 {

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube5 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube6 {

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube7 {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}



.sk-cube-grid .sk-cube8 {

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube9 {

    -webkit-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,

    70%,

    100% {

        -webkit-transform: scale3D(1, 1, 1);

        transform: scale3D(1, 1, 1);

    }

    35% {

        -webkit-transform: scale3D(0, 0, 1);

        transform: scale3D(0, 0, 1);

    }

}



@keyframes sk-cubeGridScaleDelay {

    0%,

    70%,

    100% {

        -webkit-transform: scale3D(1, 1, 1);

        transform: scale3D(1, 1, 1);

    }

    35% {

        -webkit-transform: scale3D(0, 0, 1);

        transform: scale3D(0, 0, 1);

    }

}



.modal-dialog-six {

    width: 520px;

}



.modal-dialog-six .modal-body {

    padding: 23px 32px 40px 40px;

}



.modal-dialog-six .modal-body .modal-sign-up-logo {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.modal-dialog-six .modal-body .modal-sign-up-logo .modal-close {

    width: 40px;

    height: 40px;

    border-radius: 8px;

    background: #fccbd5;

    border: 0;

}



.modal-dialog-six .modal-body .modal-sign-up-text {

    margin-top: 40px;

}



.modal-dialog-six .modal-body .modal-sign-up-text h2 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.modal-dialog-six .modal-body .modal-sign-up-text p {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-500);

    padding-top: 12px;

}



.modal-dialog-six .modal-body .modal-sign-up-from {

    margin: 23px 0;

    display: flex;

    align-items: center;

    gap: 15px;

    justify-content: center;

    text-align: center;

}



.modal-dialog-six .modal-body .modal-sign-up-from .form-control {

    border-radius: 8px;

    background: #f5f5f5;

    border: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--headding-color);

}



.modal-dialog-six .modal-body .modal-sign-up-from .form-control:focus {

    box-shadow: 0 14px 16px 0 transparent !important;

    border-color: transparent;

    color: var(--headding-color);

}



.modal-dialog-six .modal-body .modal-sign-up-from-btn-two a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

}



.modal-dialog-six .password-from-item {

    display: flex;

    flex-direction: column;

    gap: 20px;

    margin-top: 24px;

}



.modal-dialog-six .password-from-item .password-from-inner {

    position: relative;

}



.modal-dialog-six .password-from-item .password-from-inner .eye-icon {

    position: absolute;

    top: 15px;

    left: 20px;

}



.modal-dialog-six .password-from-item .password-from-inner .form-control-two {

    padding-left: 73px !important;

}



.modal-dialog-six .btn-one-modal {

    display: flex;

    justify-content: center;

    margin-top: 25px;

}



.modal-dialog-six .btn-one-modal .main-btn-four {

    width: 295.174px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 16px;

    font-weight: 500;

}



.modal-dialog-six .btn-one-modal .main-btn-four span {

    display: inline-block;

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.2);

    width: 34.323px;

    height: 35px;

    transition: all linear 0.3s;

    line-height: 30px;

}



.modal-dialog-six .btn-one-modal .main-btn-four:hover span {

    background-color: var(--primary-color);

}



.modal-dialog-six .modal-sign-up-img {

    text-align: center;

}



.modal-dialog-six .sign-up-text-to {

    margin-top: 0 !important;

    text-align: start;

}



.work {

    background-image: url(../assets/images/banner/work-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.work .work-head {

    text-align: center;

    margin-bottom: 48px;

}



.work .work-head h2 {

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.work .work-item {

    padding: 32px 20px;

    background-color: #0d1634;

    border: 1px solid #252d48;

    border-radius: 30px 60px 30px 30px;

    z-index: 1;

    position: relative;

    overflow: hidden;

}



.work .work-item:hover::before {

    width: 100%;

    left: 0;

    right: auto;

}



.work .work-item:hover .work-item-icon .icon {

    background-color: rgba(0, 9, 41, 0.1);

}



.work .work-item:hover .work-item-img span svg {

    fill: currentColor;

    color: rgb(255, 255, 255);

}



.work .work-item:hover .work-item-btn a {

    text-decoration-line: underline;

}



.work .work-item::before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 0%;

    height: 100%;

    background: linear-gradient(305deg, #f01543 -22.35%, #fe724c 134.49%);

    z-index: -1;

    border-radius: 30px 60px 30px 30px;

    transition: all 0.5s ease 0s;

    overflow: hidden;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);

}



.work .work-item .work-item-icon {

    display: flex;

    align-items: center;

    gap: 12px;

}



.work .work-item .work-item-icon .icon {

    width: 44px;

    height: 44px;

    background-color: rgba(255, 255, 255, 0.1);

    text-align: center;

    line-height: 44px;

    border-radius: 10px;

    transition: all 0.5s ease 0s;

}



.work .work-item .work-item-icon .text h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

}



.work .work-item .work-item-text {

    padding-top: 14px;

}



.work .work-item .work-item-text p {

    text-overflow: ellipsis;

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    color: rgba(255, 255, 255, 0.9);

}



.work .work-item .work-item-btn {

    padding-top: 20px;

}



.work .work-item .work-item-btn a {

    color: #fff;

    transition: all 0.5s ease 0s;

}



.work .work-item .work-item-btn a span {

    margin-left: 10px;

}



.work .work-item .work-item-btn a span svg {

    stroke: currentColor;

    color: #fff;

}



.work .work-item .work-item-img {

    position: absolute;

    bottom: 22px;

    right: 28px;

}



.work .work-item .work-item-img span svg {

    fill: currentColor;

    color: rgba(255, 255, 255, 0.4);

    transition: all 0.5s ease 0s;

}



.map-section {

    padding-bottom: 100px !important;

}



.map-section iframe {

    border-radius: 20px 20px 0px 0px;

}



.sign-up-top {

    display: flex;

    gap: 80px;

    position: relative;

}



.sign-up-top .sign-up-main {

    margin-right: 400px;

    padding-top: 130px;

    padding-bottom: 76px;

    width: 70%;

}



.sign-up-top .sign-up-main .sign-up-logo {

    position: absolute;

    top: 50px;

    left: 50px;

}



.sign-up-top .sign-up-main .sign-up-text {

    text-align: start;

    padding-bottom: 32px;

}



.sign-up-top .sign-up-main .sign-up-text h2 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--headding-color);

}



.sign-up-top .sign-up-main .sign-up-text p {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    padding-top: 8px;

    color: var(--headding-color);

    opacity: 0.5;

}



.sign-up-top .sign-up-main .sign-up-top-btn-text {

    position: relative;

    z-index: 1;

    text-align: center;

}



.sign-up-top .sign-up-main .sign-up-top-btn-text::after {

    position: absolute;

    content: "";

    top: 34px;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #e2e8f0;

    z-index: -1;

}



.sign-up-top .sign-up-main .sign-up-top-btn-text p {

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 175%;

    color: var(--paragraph-color);

    padding: 20px 0;

    text-align: center;

    display: inline-block;

    background-color: #fff;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner {

    position: relative;

    margin-bottom: 16px;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner:last-child {

    margin-bottom: 0;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .icon {

    position: absolute;

    top: 16px;

    right: 16px;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--headding-color);

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-control {

    padding: 15px 16px;

    font-size: 16px;

    font-weight: 500;

    color: var(--grey-scale-500);

    border-radius: 9px;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-control:focus {

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

    border-color: var(--primary-color);

    color: var(--headding-color);

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input {

    height: 20px;

    width: 20px;

    border: 1px solid #394150;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input:focus {

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-label {

    font-size: 16px;

    font-weight: 500;

    color: var(--headding-color);

    margin-top: 3px;

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-from-df {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-df

    .sign-up-main-btn

    .modal-sign-up-from-btn {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

    background: #fff;

    border: 0;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-df

    .sign-up-modal-btn {

    border: 1px solid #fff;

    background-color: #fff;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 175%;

    /* 28px */

    text-decoration-line: underline;

    color: var(--primary-color);

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-btn {

    margin-top: 28px;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .main-btn-four {

    width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .main-btn-four

    a {

    color: #fff;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .main-btn-four:hover

    a {

    color: var(--primary-color);

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .sign-up-btn-two {

    width: 100%;

    height: 54px;

    border-radius: 9px;

    border: 1px solid var(--grey-scale-200);

    text-align: center;

    line-height: 54px;

    margin-top: 16px;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .sign-up-btn-two

    a {

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    color: var(--headding-color);

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-btn p {

    text-align: center;

    margin-top: 20px;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 175%;

    color: var(--grey-scale-500);

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-btn p a {

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 175%;

    text-decoration-line: underline;

    color: var(--heading-color);

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-btn-btm {

    display: flex;

    justify-content: center;

    gap: 44px;

    margin-top: 145px;

}



.sign-up-top .sign-up-main .sign-up-from .sign-up-from-item .sign-up-btn-btm a {

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 125%;

    color: var(--headding-color);

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn-btm-text {

    margin-top: 25px;

    text-align: center;

}



.sign-up-top

    .sign-up-main

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn-btm-text

    p {

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 125%;

    color: var(--paragraph-color);

}



.sign-up-top .sign-up-main-two {

    width: 100%;

    background-color: var(--grey-scale-100);

    height: 100vh;

}



.sign-up-top .sign-up-main-two .sign-up-main-two-item {

    margin: 130px 83px 90px 77px;

}



.sign-up-top .sign-up-main-two .sign-up-main-two-item .sign-up-img img {

    width: 100%;

}



.sign-up-top

    .sign-up-main-two

    .sign-up-main-two-item

    .sign-up-main-two-item-text {

    text-align: center;

    margin-top: -158px;

}



.sign-up-top

    .sign-up-main-two

    .sign-up-main-two-item

    .sign-up-main-two-item-text

    p {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

}



.sign-up-top

    .sign-up-main-two

    .sign-up-main-two-item

    .sign-up-main-two-item-text

    p

    span {

    text-decoration-line: underline;

    color: var(--primary-color);

}



.traditional {

    background-image: url(../assets/images/banner/traditional-bg.png);

    background-repeat: no-repeat;

}



.traditional .traditional-head h2 {

    text-align: center;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.traditional #grid ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 6px;

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid rgba(240, 21, 67, 0.1);

    margin: 45px 0 48px 0;

}



.traditional #grid ul .active {

    background-color: var(--primary-color);

    color: #fff;

    border-radius: 8px;

}



.traditional #grid ul li {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-600);

    cursor: pointer;

    padding: 8px 10px;

}



.traditional-none .featured-item {

    position: relative;

    background-color: #fff;

    border-radius: 6px;

    overflow: hidden;

}



.traditional-none .featured-item:hover .text-item-center h3 a {

    color: var(--primary-color);

}



.traditional-none .featured-item:hover .featured-item-img::after {

    animation: shine 800ms;

}



.traditional-none .featured-item:hover .featured-item-img img {

    transform: scale(1.1);

}



.traditional-none .featured-item .featured-item-img-populer {

    position: absolute;

    bottom: 272px;

    left: -1px;

    z-index: 9;

    background: url(../assets/images/victor/populer.png) no-repeat center /

        cover;

    width: 113px;

    height: 40px;

}



.traditional-none .featured-item .featured-item-img {

    overflow: hidden;

    position: relative;

    height: 244px;

}



.traditional

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text {

    position: absolute;

    top: 14px;

    left: 13px;

}



.traditional

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .left-text

    .icon {

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50px;

    text-align: center;

    line-height: 40px;

}



.traditional

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text {

    position: absolute;

    top: 14px;

    right: 10px;

}



.traditional

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text

    h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: #fff;

    padding: 8px 10px;

    border-radius: 6px;

    background-color: rgba(0, 9, 41, 0.8);

}



.traditional-none .featured-item .featured-item-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.traditional-none .featured-item .featured-item-img img {

    transition: all 0.5s ease-out;

    height: 100%;

    width: 100%;

    border-radius: 10px 10px 0px 0px;

}



.traditional-none .featured-item .featured-item-text {

    padding: 24px 20px;

    box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.06);

}



.traditional-none .featured-item .featured-item-text .text-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(229, 230, 235, 0.4);

    padding-bottom: 12px;

}



.traditional-none .featured-item .featured-item-text .text-item .left h3 {

    font-size: 24px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--primary-color);

}



.traditional-none .featured-item .featured-item-text .text-item .right {

    display: flex;

    align-items: center;

    gap: 2px;

}



.traditional-none .featured-item .featured-item-text .text-item .right .icon {

    line-height: 0;

}



.traditional-none .featured-item .featured-item-text .text-item .right h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: var(--heading-color);

}



.traditional-none .featured-item .featured-item-text .text-item-center {

    padding-top: 8px;

}



.traditional-none .featured-item .featured-item-text .text-item-center h3 a {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    transition: all 0.3s;

    color: var(--heading-color);

}



.traditional-none .featured-item .featured-item-text .text-item-center-item-box {

    padding-top: 10px;

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item {

    display: flex;

    align-items: center;

    gap: 8px;

    padding-bottom: 10px;

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item

    .text

    h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--grey-scale-600);

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .text-item-center-item:last-child {

    padding-bottom: 0;

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn {

    margin-top: 13px;

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three {

    display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

}



.traditional

    .featured-item

    .featured-item-text

    .text-item-center-item-box

    .featured-item-btn

    .main-btn-three

    span {

    stroke: currentColor;

    color: #6c727f;

}



.traditional .traditional-btn {

    text-align: center;

    margin-top: 48px;

}



.faq {

    background-image: url(../assets/images/banner/faq-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.faq .faq-head h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.faq .faq-main {

    width: 546px;

    margin-top: 48px;

}



.faq .faq-main .accordion-button {

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.faq .faq-main .accordion-item {

    background-color: #fff;

    border: 1px solid transparent;

    box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.04);

    margin-bottom: 18px;

    border-radius: 8px;

}



.faq .faq-main .accordion-button:focus {

    z-index: 3;

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.faq .faq-main .accordion-button:not(.collapsed) {

    color: var(--heading-color);

    background-color: #fff;

    box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.04);

    border-bottom: 1px solid #fccbd5;

    /* border-radius: 8px; */

}



.faq .faq-main .accordion-body {

    padding: 14px 14px 17px 14px;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-600);

}



.faq .faq-main .accordion-button:not(.collapsed)::after {

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

    transform: rotate(-180deg);

}



.faq .faq-img {

    position: relative;

}



.faq .faq-img .img-animetion img {

    width: 367px;

    height: 278px;

    position: absolute;

    bottom: -298px;

    right: -60px;

}



.faq .faq-img .faq-img-two {

    position: relative;

}



.faq .faq-img .faq-img-two img {

    height: 285px;

}



.faq .faq-img .faq-img-two .faq-img-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 132%;

    height: 100%;

    background-color: rgba(0, 9, 41, 0.84);

    border-radius: 10px;

}



.faq .faq-img .faq-img-two .faq-img-overlay .faq-img-overlay-text {

    position: absolute;

    left: 57px;

    top: 125px;

}



.faq .faq-img .faq-img-two .faq-img-overlay .faq-img-overlay-text h2 {

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: 125%;

    /* 40px */

    letter-spacing: -0.32px;

    color: #fff;

}



.faq .faq-img .faq-img-two .faq-img-overlay .faq-img-overlay-text h4 {

    color: #fff;

}



.faq .faq-img .faq-img-two .faq-img-overlay-two {

    background-color: rgba(240, 21, 67, 0.84);

    position: absolute;

    width: 158%;

}



.faq .img-mt {

    margin-top: 18px;

}



.customer {

    background-color: #000929;

}



.customer .customer-head {

    text-align: center;

}



.customer .customer-head h2 {

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.customer .customer-item {

    border-radius: 20px;

    border: 1.5px solid rgba(255, 255, 255, 0.08);

    background: var(--heading-color);

    padding: 66px 20px 20px 20px;

    position: relative;

    overflow: hidden;

    transition: all linear 0.3s;

    margin: 0 15px;

}



.customer .customer-item:hover {

    background-color: rgba(255, 255, 255, 0.1);

}



.customer .customer-item:hover .customer-item-text p {

    color: #d3d5da;

}



.customer .customer-item:hover::after {

    animation: shine 800ms;

}



.customer .customer-item::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.customer .customer-item .customer-img {

    position: absolute;

    top: 17px;

    left: 19px;

    left: 19px;

    background: url(../assets/images/icon/customer-icon.png) no-repeat center /

        cover;

    width: 107px;

    height: 84px;

}



.customer .customer-item .customer-item-text p {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

    color: rgba(232, 230, 249, 0.6);

    transition: all linear 0.3s;

}



.customer .customer-inner {

    display: flex;

    align-items: center;

    gap: 24px;

    margin-top: 44px;

    margin-left: 18px;

}



.customer .customer-inner-img img {

    border-radius: 40px 8px;

    height: 108px;

    width: 108px;

    border: 2px solid #fff;

}



.customer .customer-inner .customer-inner-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #fff;

    padding: 4px 0 2px 0;

}



.customer .customer-inner .customer-inner-text h5 {

    font-size: 16px;

    font-weight: 300;

    line-height: 160%;

    color: #fff;

}



.modal-dialog {

    max-width: 500px;

    margin: 14.75rem auto;

}



.modal-dialog .modal-content {

    border-radius: 20px;

    border: 1px solid rgba(255, 255, 255, 0.1);

}



.modal-dialog .modal-content .modal-body {

    text-align: center;

}



.modal-dialog .modal-content .modal-body {

    text-align: center;

}



.modal-dialog .modal-content .modal-body .modal-img-text {

    padding-top: 24px;

}



.modal-dialog .modal-content .modal-body .modal-img-text h3 {

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: 125%;

    /* 40px */

    letter-spacing: -0.32px;

    color: var(--heading-color);

}



.modal-dialog .modal-content .modal-body .modal-btn {

    margin-top: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 30px;

}



.modal-dialog .modal-content .modal-body .modal-btn .no-btn {

    width: 100px;

    height: 44px;

    line-height: 44px;

    background-color: #fff;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    border: 1px solid var(--grey-scale-500);

    border-radius: 8px;

    transition: all linear 0.5s;

}



.modal-dialog .modal-content .modal-body .modal-btn .no-btn:hover {

    background-color: var(--primary-color);

    color: #fff;

    border: 1px solid var(--primary-color);

}



.modal-dialog .modal-content .modal-body .modal-btn .yes-btn {

    background-color: var(--primary-color);

    color: #fff;

    border: 1px solid var(--primary-color);

    width: 130px;

}



.our-latest-news .news-taitel h2 {

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

    color: var(--heading-color);

}



.our-latest-news .news-taitel-btn {

    text-align: end;

}



.our-latest-news .news-slick {

    margin-top: 48px;

}



.our-latest-news .pd-15px {

    padding: 0 15px;

}



.our-latest-news .news-item {

    overflow: hidden;

    border-radius: 8px;

}



.our-latest-news .news-item .news-img {

    position: relative;

    overflow: hidden;

}



.our-latest-news .news-item .news-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.our-latest-news .news-item .news-img img {

    transition: all 0.3s ease-out 0s;

}



.our-latest-news .news-item .news-img:hover::after {

    animation: shine 800ms;

}



.our-latest-news .news-item .news-img:hover img {

    transform: scale(1.2);

}



.our-latest-news

    .news-item

    .news-img:hover

    .news-img-overlay

    .news-img-overlay-text

    h3

    a {

    color: var(--primary-color);

}



.our-latest-news

    .news-item

    .news-img:hover

    .news-img-overlay

    .news-img-overlay-btn

    a {

    color: var(--primary-color);

}



.our-latest-news

    .news-item

    .news-img:hover

    .news-img-overlay

    .news-img-overlay-btn

    a

    span

    svg {

    stroke: currentColor;

    color: var(--primary-color);

}



.our-latest-news .news-item .news-img .news-img-overlay {

    position: absolute;

    top: 175px;

    left: 24px;

}



.our-latest-news

    .news-item

    .news-img

    .news-img-overlay

    .news-img-overlay-text

    h5 {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

}



.our-latest-news

    .news-item

    .news-img

    .news-img-overlay

    .news-img-overlay-text

    h5

    span {

    color: #f01543;

}



.our-latest-news

    .news-item

    .news-img

    .news-img-overlay

    .news-img-overlay-text

    h3

    a {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: #fff;

    transition: all linear 0.3s;

}



.our-latest-news .news-item .news-img .news-img-overlay .news-img-overlay-btn {

    padding-top: 18px;

}



.our-latest-news

    .news-item

    .news-img

    .news-img-overlay

    .news-img-overlay-btn

    a {

    color: #fff;

    transition: all linear 0.3s;

}



.our-latest-news

    .news-item

    .news-img

    .news-img-overlay

    .news-img-overlay-btn

    a

    span

    svg {

    stroke: currentColor;

    color: #fff;

    transition: all linear 0.3s;

}



.restaurant {

    background: url(../assets/images/banner/rest-bg.png) no-repeat center/cover;

    padding: 101px 0 120px 0;

}



.restaurant .restaurant-taitel h2 {

    color: #fff;

    font-size: 48px;

    font-weight: 700;

    line-height: 140%;

    /* 67.2px */

    letter-spacing: -0.48px;

}



.restaurant .restaurant-taitel h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #e5e6eb;

    padding-top: 24px;

    padding-right: 106px;

}



.restaurant .restaurant-taitel-btn {

    display: flex;

    align-items: center;

    gap: 32px;

    margin-top: 48px;

}



.restaurant .restaurant-taitel-btn a {

    display: flex;

    align-items: center;

    gap: 8px;

    border-radius: 100px;

    border: 1px solid #e5e6eb;

    background: #fff;

    width: 225px;

    height: 68px;

    font-weight: 700;

    justify-content: center;

    color: var(--heading-color);

}



.restaurant .restaurant-taitel-btn a span {

    background: url(../assets/images/icon/Google_Play.png);

    width: 40px;

    height: 40px;

}



.restaurant .restaurant-taitel-btn a:hover {

    color: #000;

}



.restaurant .restaurant-taitel-btn-two {

    background: #0b0a0f !important;

    border: 1px solid #0b0a0f !important;

    color: #fff !important;

}



.restaurant .restaurant-taitel-btn .restaurant-taitel-btn-two span {

    background: url(../assets/images/icon/apple.png);

    width: 40px;

    height: 40px;

}



.restaurant .restaurant-taitel-btn-two:hover {

    color: #fff !important;

}



.restaurant .restaurant-img-main {

    position: relative;

}



.restaurant .restaurant-img-main .restaurant-img {

    position: absolute;

    top: -224px;

    right: -276px;

}



.shopping-cart {

    /* padding: 64px 0 100px 0; */

}



.shopping-cart .table > :not(:last-child) > :last-child > * {

    border-bottom-color: transparent;

}



.shopping-cart .shopping-cart .table > :not(caption) > * > * {

    padding: 19px 0 19px 19px;

}



.shopping-cart .table tbody tr:nth-child(1) {

    background-color: var(--grey-scale-50);

}



.shopping-cart .table tbody tr:nth-child(3) {

    background-color: var(--grey-scale-50);

}



.shopping-cart .table tbody tr:nth-child(5) {

    background-color: var(--grey-scale-50);

}



.shopping-cart .details-control {

    border-radius: 10px 0 0px 10px;

}



.shopping-cart .details-control-two {

    border-radius: 0px 10px 10px 0px;

}



.shopping-cart .table > tbody {

    vertical-align: middle;

}



.shopping-cart .form-check-input {

    width: 24px;

    height: 24px;

    margin: 0;

    border: 1.5px solid #394150;

    vertical-align: middle;

}



.shopping-cart .form-check-input:focus {

    border-color: #394150;

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.shopping-cart .tabel-main-top {

    border-radius: 10px;

    background-color: var(--grey-scale-100);

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-700);

}



.shopping-cart .table > :not(caption) > * > * {

    padding: 19px 0 19px 19px;

}



.shopping-cart .tabel-text h5 {

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #000;

}



.shopping-cart .tabel-text a {

    padding-top: 12px;

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--primary-color);

}



.shopping-cart .tabel-text a span {

    font-weight: 600;

}



.shopping-cart .tabel-text p {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    color: var(--grey-scale-800);

}



.shopping-cart .tabel-text p span {

    font-weight: 600;

}



.shopping-cart .tabel-text h6 {

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #000;

}



.shopping-cart .tabel-text-btn .grid {

    padding: 2px;

    border-radius: 10px;

    border: 1px solid #fccbd5;

    background: #fff;

    width: 124px;

    height: 44px;

    display: flex;

    align-items: center;

    gap: 14px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.shopping-cart .tabel-text-btn .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.shopping-cart .tabel-text-btn .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart .tabel-text-btn .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart .tabel-modal-btn {

    display: flex;

    align-items: center;

    gap: 10px;

}



.shopping-cart .tabel-modal-btn a {

    width: 44px;

    height: 44px;

    border-radius: 8px;

    border: 1px solid var(--primary-color);

    background: var(--primary-color);

    text-align: center;

    line-height: 40px;

}



.shopping-cart .tabel-modal-btn .view-btn {

    border-radius: 8px;

    border: 1px solid var(--heading-color);

    background: var(--heading-color);

    color: #fff;

    padding: 10px 20px;

    font-size: 16px;

    font-weight: 500;

}



.shopping-cart .tabel-main-btn {

    text-align: center;

    margin-top: 48px;

}



.shopping-cart .tabel-main-btn .main-btn-six {

    width: 260px;

}



.shopping-cart .tabel-main-btn .main-btn-six span svg {

    stroke: currentColor;

    color: #fff;

    transition: all 0.3s;

}



.shopping-cart .modal .modal-dialog {

    max-width: 500px;

}



.shopping-cart .modal .modal-content {

    border-radius: 12px;

    border: none;

}



.shopping-cart .modal .btn-close {

    position: absolute;

    right: -10px;

    top: -10px;

    width: 24px;

    height: 24px;

    border: 0;

    border-radius: 10px;

    opacity: 1;

    background-color: var(--primary-color);

    z-index: 111111;

}



.shopping-cart .modal .btn-close:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart .modal .featured-item {

    position: relative;

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

}



.shopping-cart .modal .featured-item:hover .featured-item-img {

    width: 100%;

}



.shopping-cart .modal .featured-item:hover .featured-item-img::after {

    animation: shine 800ms;

}



.shopping-cart .modal .featured-item:hover .featured-item-img img {

    transform: scale(1.1);

}



.shopping-cart .modal .featured-item .featured-item-img {

    overflow: hidden;

    position: relative;

}



.shopping-cart

    .modal

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text {

    position: absolute;

    top: 14px;

    left: 10px;

}



.shopping-cart

    .modal

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text

    h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: #fff;

    padding: 8px 10px;

    border-radius: 6px;

    background-color: rgba(0, 9, 41, 0.8);

}



.shopping-cart .modal .featured-item .featured-item-img::after {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.3) 100%

    );

    transform: skewX(-25deg);

}



.shopping-cart .modal .featured-item .featured-item-img img {

    transition: all 0.5s ease-out;

    border-radius: 0;

}



.shopping-cart .modal .modal-body-text {

    margin-top: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 10px;

    border-bottom: 1px solid #e5e6eb;

}



.shopping-cart .modal .modal-body-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.shopping-cart .modal .modal-body-text h5 {

    font-size: 24px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--primary-color);

}



.shopping-cart .modal .modal-body-item-box .modal-body-item-box-text {

    margin-top: 20px;

}



.shopping-cart .modal .modal-body-item-box .modal-body-item-box-text p {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

}



.shopping-cart .modal .modal-body-item-box .modal-body-item-box-text p span {

    font-weight: 500;

    color: var(--grey-scale-700);

}



.shopping-cart .modal .modal-body-item-box .together-box-item {

    border-radius: 6px;

    background: #fff;

    padding: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* Card/Shadow 2 */

    box-shadow: 0px 4px 60px 0px rgba(4, 6, 15, 0.05);

    margin-bottom: 8px;

}



.shopping-cart .modal .modal-body-item-box .together-box-item .form-check {

    margin: 0;

    display: flex;

    gap: 16px;

    padding: 0;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 110%;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input {

    width: 20px;

    height: 20px;

    border: 2px solid var(--primary-color);

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:checked:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:focus {

    border-color: var(--primary-color);

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .grid {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart .modal .modal-body-item-box .grid-text p {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding-bottom: 6px;

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 24px;

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn .grid {

    border: 1px solid #fccbd5;

    background: #fff;

    border-radius: 10px;

    padding: 7px;

    display: flex;

    align-items: center;

    gap: 16px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 276px;

    height: 58px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

    background-color: var(--heading-color);

    border-radius: 10px;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn::after {

    display: none;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-menu {

    background-color: #fff;

    border: 1px solid var(--shades-purple-red-92);

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item {

    color: var(--heading-color);

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:focus,

.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:hover {

    color: var(--heading-color);

    background-color: var(--shades-purple-red-92);

}



.shopping-cart .modal .modal-body-item-box .together-box-inner-btn-btm {

    margin-top: 24px;

}



.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn-btm

    a

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.shopping-cart table,

.shopping-cart thead,

.shopping-cart tbody,

.shopping-cart tfoot,

.shopping-cart tr,

.shopping-cart th,

.shopping-cart td {

    height: auto;

    margin: 0;

    padding: 0;

    border-collapse: inherit;

    border-spacing: 0;

    vertical-align: middle;

    text-align: left;

    font-weight: inherit;

    -webkit-border-horizontal-spacing: 0;

    -webkit-border-vertical-spacing: 0;

}



.pl-27px {

    padding-left: 27px;

}



.shopping-cart-two {

    padding: 100px 0;

}



.shopping-cart-two .delivery-text h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.shopping-cart-two .delivery-time .delivery-map {

    border: 1px solid rgba(0, 9, 41, 0.2);

    width: 100%;

    padding: 20px;

    border-radius: 10px;

}



.shopping-cart-two .delivery-time .delivery-map iframe {

    width: 100%;

    border-radius: 10px;

    height: 183px;

}



.shopping-cart-two .delivery-time .delivery-addres {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.shopping-cart-two .delivery-time .delivery-addres p {

    width: 440px;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    margin-top:4%;

}



.shopping-cart-two .delivery-time .delivery-addres p span {

    color: var(--primary-color);

}



.shopping-cart-two .delivery-time .delivery-addres .main-btn-four {

    margin-top: 15px;

    display: flex;

    align-items: center;

    gap: 10px;

    width: 241px;

    height: 52px;

    padding: 0 24px;

}



.shopping-cart-two .delivery-time .delivery-addres .main-btn-four span svg {

    stroke: currentColor;

    color: #fff;

    transition: all linear 0.5s;

}



.shopping-cart-two

    .delivery-time

    .delivery-addres

    .main-btn-four:hover

    SPAN

    SVG {

    color: var(--primary-color);

}



.shopping-cart-two .delivery-time .delivery-from {

    margin-top: 24px;

    border-radius: 0px 10px 10px 0px;

    padding: 24px;

    background: var(--greyscale-grey-50, #f9fafb);

}



.shopping-cart-two

    .delivery-time

    .delivery-from

    .delivery-from-item

    .form-label {

    margin-bottom: 6px;

    font-size: 18px;

    font-weight: 600;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.shopping-cart-two

    .delivery-time

    .delivery-from

    .delivery-from-item

    .form-select {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-600);

    border-radius: 10px;

    border: 1px solid #e5e6eb;

    height: 58px;

    padding: 16px;

}



.shopping-cart-two

    .delivery-time

    .delivery-from

    .delivery-from-item

    .form-select:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart-two .delivery-time .delivery-from .delivery-from-item-two {

    margin-top: 22px;

}



.shopping-cart-two .cart-summary-box {

    padding: 24px 34px;

    border-radius: 10px;

    background: #f9fafb;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-text {

    padding-left: 8px;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.shopping-cart-two .cart-summary-box .cart-summary-box-top-btn ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px;

    background-color: #fff;

    border-radius: 10px;

    margin-top: 14px;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-top-btn li a {

    padding: 10px 17px;

    background-color: var(--primary-color);

    display: flex;

    align-items: center;

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    line-height: 160%;

    gap: 6px;

    border-radius: 10px;

    border: 1px solid rgba(240, 21, 67, 0.3);

}



.shopping-cart-two .cart-summary-box .cart-summary-box-top-btn li a span {

    line-height: 0;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-top-btn li .top-btn-two {

    background-color: transparent;

    color: var(--primary-color);

    transition: all linear 0.3s;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-top-btn

    li

    .top-btn-two

    span {

    stroke: currentColor;

    color: var(--primary-color);

    transition: all linear 0.3s;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-top-btn

    li

    .top-btn-two:hover {

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-top-btn

    li

    .top-btn-two:hover

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-top-btn .active a {

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-top-btn

    .active

    a

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.shopping-cart-two .cart-summary-box .cart-summary-box-item-top {

    margin-top: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item {

    border-bottom: 1px solid var(--grey-scale-200);

    padding-bottom: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner {

    display: flex;

    align-items: center;

    gap: 14px;

    padding-top: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-img {

    width: 120px;

    height: 90px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-img

    img {

    height: 100%;

    width: 100%;

    border-radius:8px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner:hover

    .cart-summary-box-text-two

    h4 {

    color: var(--primary-color);

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-text-two

    h4 {

    font-size: 16px;

    font-weight: 600;

    line-height: 160%;

    color: var(--heading-color);

    transition: all 0.3s;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-text-two

    h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--primary-color);

    padding-top: 4px;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-text-two

    h5

    span {

    font-weight: 600;

}



.shopping-cart-two

    .cart-summary-box

    .cart-summary-box-item-top

    .cart-summary-box-item

    a

    .cart-summary-box-inner

    .cart-summary-box-text-two

    p {

    font-size: 16px;

    font-weight: 700;

    line-height: 160%;

    color: var(--grey-scale-800);

}



.shopping-cart-two .cart-summary-box .apply-coupon {

    padding: 0 14px 0 14px;

}



.shopping-cart-two .cart-summary-box .apply-coupon .apply-coupon-taitel {

    padding-top: 16px;

}



.shopping-cart-two .cart-summary-box .apply-coupon .apply-coupon-taitel h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.shopping-cart-two .cart-summary-box .apply-coupon .apply-coupon-btn {

    display: flex;

    align-items: center;

    margin-top: 10px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-btn

    .apply-coupon-form {

    width: 100%;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-btn

    .apply-coupon-form

    .form-control {

    height: 52px;

    padding: 13px;

    background-color: #fff;

    border: 1px solid #fff;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    border-radius: 10px 0px 0px 10px;

    color: var(--grey-scale-500);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-btn

    .apply-coupon-form

    .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--primary-color);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-btn

    .apply-coupon-btn-two

    a {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    height: 52px;

    background-color: var(--primary-color);

    padding: 13px 20px;

    color: #fff;

    border-radius: 0px 10px 10px 0px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-btn

    .apply-coupon-btn-two

    .coupon-btn {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    height: 52px;

    background-color: var(--primary-color);

    padding: 13px 20px;

    color: #fff;

    border-radius: 0px 10px 10px 0px;

    border: 1px solid var(--primary-color);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list {

    margin-top: 16px;

    border-bottom: 1px solid #e5e6eb;

    padding-bottom: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list

    .shopping-cart-list-text {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list

    .shopping-cart-list-text:last-child {

    padding-bottom: 0;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list

    .shopping-cart-list-text

    h4 {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-600);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list

    .shopping-cart-list-text

    a {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--grey-scale-600);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btm {

    margin-top: 16px;

    border-bottom: 1px solid transparent;

    padding-bottom: 0px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btm

    .shopping-cart-list-text {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 14px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btm

    .shopping-cart-list-text

    h4 {

    font-weight: 600;

    color: var(--heading-color);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btm

    .shopping-cart-list-text

    a {

    font-weight: 600;

    color: var(--heading-color);

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btn {

    margin-top: 32px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btn

    .main-btn-six

    span {

    padding-left: 10px;

}



.shopping-cart-two

    .cart-summary-box

    .apply-coupon

    .apply-coupon-box

    .shopping-cart-list-btn

    .main-btn-six

    span

    svg {

    stroke: currentColor;

    color: #fff;

}



.shopping-cart-address .shopping-cart-address-taitel h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.shopping-cart-address .shopping-cart-address-btn-main {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.shopping-cart-address

    .shopping-cart-address-btn-main

    .shopping-cart-address-btn-top {

    padding: 6px 0 6px 6px;

    border-radius: 10px;

    display: inline-block;

    background-color: #fff;

    border: 1px solid var(--primary-color);

    margin-top: 20px;

}



.shopping-cart-address

    .shopping-cart-address-btn-main

    .shopping-cart-address-btn-top

    .btn {

    padding: 12px 15px;

    background-color: #fff;

    border: 0;

    color: var(--primary-color);

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    border-radius: 10px;

}



.shopping-cart-address

    .shopping-cart-address-btn-main

    .shopping-cart-address-btn-top

    .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart-address

    .shopping-cart-address-btn-main

    .shopping-cart-address-btn-top

    .btn-primary.active {

    color: #fff;

    background-color: var(--primary-color);

    border-color: transparent;

}



.shopping-cart-address .shopping-cart-address-btn-main .add-new-btn {

    font-size: 16px;

    font-weight: 400;

    color: var(--heading-color);

    padding: 14px 16px;

    border-radius: 10px;

    border: 1px solid transparent;

    background-color: var(--primary-color);

    color: #fff;

}



.shopping-cart-address .shopping-cart-address-btn-main .add-new-btn span svg {

    stroke: currentColor;

    color: #fff;

}



.shopping-cart-address .shopping-cart-address-one {

    margin-top: 32px;

    border-radius: 10px;

    border: 1px solid var(--primary-color);

    padding: 13px 20px 27px 20px;

    background: #fff;

}



.shopping-cart-address

    .shopping-cart-address-one

    .shopping-cart-address-one-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(240, 21, 67, 0.1);

    padding-bottom: 13px;

}



.shopping-cart-address

    .shopping-cart-address-one

    .shopping-cart-address-one-item

    .text

    h4 {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.shopping-cart-address

    .shopping-cart-address-one

    .shopping-cart-address-one-item

    .delet-btn

    a {

    width: 40px;

    height: 40px;

    border: 1px solid rgba(240, 21, 67, 0.4);

    text-align: center;

    line-height: 35px;

    border-radius: 8px;

}



.shopping-cart-address .shopping-cart-address-one address {

    padding-top: 12px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    margin: 0;

    color: var(--grey-scale-600);

}



.shopping-cart-address .shopping-cart-address-one address b {

    color: var(--heading-color);

}



.shopping-cart-address .shopping-cart-address-one address a {

    padding-top: 10px;

}



.shopping-cart-address .shopping-cart-address-two {

    border: 1px solid var(--grey-scale-100);

    padding: 13px 20px 27px 20px;

    background: var(--grey-scale-100);

}



.shopping-cart-address

    .shopping-cart-address-two

    .shopping-cart-address-one-item {

    border-bottom: 1px solid var(--grey-scale-200);

}



.shopping-cart-address .shopping-payment-btn-mt15px {

    margin-top: 15px;

}



.shopping-cart-address .shopping-payment-top {

    border-radius: 4px;

    padding: 24px;

    background-color: var(--grey-scale-100);

    margin-right: 27px;

}



.shopping-cart-address .shopping-payment-top .shopping-payment-btn {

    position: relative;

}



.shopping-cart-address .shopping-payment-top .shopping-payment-btn:hover a {

    border: 1px solid var(--primary-color);

}



.shopping-cart-address

    .shopping-payment-top

    .shopping-payment-btn:hover

    .btn-two {

    opacity: 1;

}



.shopping-cart-address .shopping-payment-top .shopping-payment-btn a {

    width: 100%;

    height: 70px;

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: #fff;

    text-align: center;

    line-height: 65px;

    transition: all linear 0.3s;

}



.shopping-cart-address .shopping-payment-top .shopping-payment-btn .btn-two {

    position: absolute;

    right: -5px;

    top: -10px;

    opacity: 0;

    transition: all linear 0.3s;

}



.modal-dialog-five {

    max-width: 950px;

}



.modal-body-five {

    padding: 40px;

}



.modal-body-five .shopping-cart-new-address-taitel h4 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.modal-body-five .shopping-cart-new-address-top-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.modal-body-five

    .shopping-cart-new-address-top-item

    .shopping-cart-new-address-top-btn

    a {

    font-size: 16px;

    font-weight: 400;

    line-height: 150%;

    color: var(--grey-scale-700);

    padding: 12px;

    border: 1px solid var(--grey-scale-700);

    border-radius: 10px;

    width: 125px;

    height: 48px;

    text-align: center;

}



.modal-body-five .shopping-cart-new-address-from {

    padding: 33px;

    border-radius: 10px;

    background-color: var(--grey-scale-100);

    margin-top: 32px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    margin-top: 20px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item:first-child {

    margin-top: 0;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner {

    width: 100%;

    text-align: start;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

    margin-bottom: 8px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    background: #fff;

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-control:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select {

    border-radius: 10px;

    border: 1px solid var(--grey-scale-200);

    height: 52px;

    font-size: 14px;

    font-weight: 500;

    line-height: 140%;

    color: var(--grey-scale-400);

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-item

    .shopping-cart-new-address-from-inner

    .form-select:focus {

    box-shadow: 0 0 0 0.25rem transparent;

    color: var(--heading-color);

    border-color: var(--grey-scale-400);

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 32px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn {

    display: flex;

    align-items: center;

    gap: 30px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input {

    width: 24px;

    height: 24px;

    border: 1px solid #4d5461;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check {

    display: flex;

    align-items: center;

    margin-bottom: 0;

    gap: 8px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn

    .form-check-label {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding-top: 4px;

}



.modal-body-five

    .shopping-cart-new-address-from

    .shopping-cart-new-address-from-btn

    .check-btn-two

    .main-btn-four {

    width: 203px;

}



.footer {

    padding: 110px 0;

    background: url(../assets/images/banner/Footers-bg.png) no-repeat

        center/cover;

}



.footer .footer-text {

    padding-top: 12px;

    padding-right: 40px;

}



.footer .footer-text h4 {

    color: var(--grey-scale-100);

    font-size: 18px;

    font-weight: 400;

    line-height: 148%;

    /* 26.64px */

    letter-spacing: -0.09px;

}



.footer .footer-icon {

    margin-top: 32px;

}



.footer .footer-icon .icon {

    display: flex;

    align-items: center;

    gap: 14px;

}



.footer .footer-icon .icon a i {

    border-radius: 8px;

    background: #19213e;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #747681;

    font-size: 20px;

    transition: all linear 0.5s;

}



.footer .footer-icon .icon a i:hover {

    background: var(--primary-color);

    color: #fff;

}



.footer .quick-line-item .quick-line-item-head {

    padding-bottom: 20px;

}



.footer .quick-line-item .quick-line-item-head h3 {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

}



.footer .quick-line-item .quick-line-menu ul li a {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 40px;

    letter-spacing: -0.09px;

    color: #fff;

    transition: all linear 0.5s;

}



.footer .quick-line-item .quick-line-menu ul li a:hover {

    color: var(--primary-color);

}



.footer .quick-line-btn {

    position: relative;

    display: flex;

    align-items: center;

    gap: 20px;

}



.footer .quick-line-btn .icon {

    position: absolute;

    top: 15px;

    left: 20px;

    background: url(../assets/images/icon/sms.png) no-repeat center / cover;

    z-index: 1111111;

    height: 25px;

    width: 25px;

}



.footer .quick-line-btn .form-control {

    width: 261px;

    height: 56px;

    background: rgba(231, 229, 234, 0.2);

    border-radius: 10px;

    padding-left: 64px;

    color: #fff;

    border: 1px solid rgba(231, 229, 234, 0.2);

}



.footer .quick-line-btn .form-control:focus {

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

    border-color: var(--primary-color);

}



.footer .quick-line-btn .main-btn-four {

    width: 140px;

    height: 56px;

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

}



.footer .quick-line-btn-text {

    padding-top: 32px;

}



.footer .quick-line-btn-text h6 {

    font-size: 20px;

    font-weight: 500;

    line-height: 160%;

    /* 32px */

    letter-spacing: -0.1px;

    color: #fff;

}



.footer .quick-line-btn-img {

    margin-top: 20px;

    display: flex;

    gap: 16px;

}



.copyright {

    padding: 17px 0;

    background: var(--heading-color);

    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.copyright .copyright-text h4 {

    color: var(--grey-scale-400);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    letter-spacing: -0.09px;

}



.copyright .copyright-text h4 span {

    text-decoration-line: underline;

}



.dashboard .modal .modal-dialog {

    max-width: 500px;

}



.dashboard .modal .modal-content {

    border-radius: 12px;

    border: none;

}



.dashboard .modal .btn-close {

    position: absolute;

    right: -10px;

    top: -10px;

    width: 24px;

    height: 24px;

    background: transparent

        url("https://www.wes.org.uk/wp-content/themes/wes/images/close_search.png")

        center/1em auto no-repeat;

    border: 0;

    border-radius: 10px;

    opacity: 1;

    background-color: var(--primary-color);

    z-index: 111111;

}



.dashboard .modal .btn-close:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.shopping-cart .modal .featured-item {

    position: relative;

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

}



.dashboard .modal .featured-item:hover .featured-item-img {

    width: 100%;

}



.dashboard .modal .featured-item:hover .featured-item-img img {

    transform: scale(1.1);

}



.shopping-cart .modal .featured-item .featured-item-img {

    overflow: hidden;

    position: relative;

}



.dashboard

    .modal

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text {

    position: absolute;

    top: 14px;

    left: 10px;

}



.dashboard

    .modal

    .featured-item

    .featured-item-img

    .featured-item-img-overlay

    .featured-item-img-over-text

    .right-text

    h5 {

    font-size: 16px;

    font-weight: 700;

    line-height: 150%;

    color: #fff;

    padding: 8px 10px;

    border-radius: 6px;

    background-color: rgba(0, 9, 41, 0.8);

}



.dashboard .modal .featured-item .featured-item-img img {

    transition: all 0.5s ease-out;

    border-radius: 0;

}



.dashboard .modal .modal-body-text {

    margin-top: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 10px;

    border-bottom: 1px solid #e5e6eb;

}



.dashboard .modal .modal-body-text h3 {

    font-size: 24px;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .modal .modal-body-text h5 {

    font-size: 24px;

    font-weight: 800;

    line-height: 150%;

    /* 36px */

    letter-spacing: -1px;

    color: var(--primary-color);

}



.dashboard .modal .modal-body-item-box .modal-body-item-box-text {

    margin-top: 20px;

}



.dashboard .modal .modal-body-item-box .modal-body-item-box-text p {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

}



.dashboard .modal .modal-body-item-box .modal-body-item-box-text p span {

    font-weight: 500;

    color: var(--grey-scale-700);

}



.dashboard .modal .modal-body-item-box .together-box-item {

    border-radius: 6px;

    background: #fff;

    padding: 14px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* Card/Shadow 2 */

    box-shadow: 0px 4px 60px 0px rgba(4, 6, 15, 0.05);

    margin-bottom: 8px;

}



.dashboard .modal .modal-body-item-box .together-box-item .form-check {

    margin: 0;

    display: flex;

    gap: 16px;

    padding: 0;

}



.dashboard .modal .modal-body-item-box .together-box-item .form-check-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

}



.dashboard .modal .modal-body-item-box .together-box-item .form-check-input {

    width: 20px;

    height: 20px;

    border: 2px solid var(--primary-color);

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:checked:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-input:focus {

    border-color: var(--primary-color);

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .grid {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-item

    .form-check-btn

    .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.dashboard .modal .modal-body-item-box .grid-text p {

    font-size: 18px;

    font-weight: 700;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    padding-bottom: 6px;

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 24px;

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn .grid {

    border: 1px solid #fccbd5;

    background: #fff;

    border-radius: 10px;

    padding: 7px;

    display: flex;

    align-items: center;

    gap: 16px;

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--heading-color);

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn .btn-minus {

    background-color: #fff8ed;

    color: #ffc403;

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn .btn-plus {

    background-color: var(--primary-color);

    color: #fff;

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn .btn:focus {

    box-shadow: 0 0 0 0.25rem transparent;

}



.sdashboard

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 276px;

    height: 58px;

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #fff;

    background-color: var(--heading-color);

    border-radius: 10px;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .btn::after {

    display: none;

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-menu {

    background-color: #fff;

    border: 1px solid var(--shades-purple-red-92);

}



.dashboard

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item {

    color: var(--heading-color);

}



.dashboard.modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:focus,

.shopping-cart

    .modal

    .modal-body-item-box

    .together-box-inner-btn

    .together-box-inner-btn-dropdown

    .dropdown-item:hover {

    color: var(--heading-color);

    background-color: var(--shades-purple-red-92);

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn-btm {

    margin-top: 24px;

}



.dashboard .modal .modal-body-item-box .together-box-inner-btn-btm a span svg {

    stroke: currentColor;

    color: #fff;

}



.customer .customer-inner .customer-inner-text .icon {

    background: url(../assets/images/icon/five-star.png) no-repeat center /

        cover;

    width: 97.203px;

    height: 18px;

}



.ecom-wc__form-input {

    width: 100%;

    border: 1px solid var(--primary-color);

    padding: 0px 15px;

    border-radius: 5px;

}



.btn--payment,

.homec-btn--payment {

    padding: 15px 15px;

    border-radius: 5px;

    background-color: var(--primary-color);

    color: #fff;

    border: none;

    margin-top: 17px;

}



.card-number,

.card-expiry-month,

.card-expiry-year,

.card-cvc {

    padding: 15px 15px;

}



.ecom-wc__form-input:focus {

    border-color: gray;

    outline: none;

}



.card-expiry-month,

.card-expiry-year {

    margin: 24px 0;

}



.payment-popup__heading {

    padding: 10px 0 20px 0;

}



.flutterwave img {

    height: 100px;

    width: 150px;

    margin-top: -10px;

}



.dashboard .order-details-main {

    border-radius: 12px;

    background: #f9fafb;

    padding: 24px;

    margin-top: 20px;

}



.dashboard .order-details-main .order-details-taitel {

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

    /* 36px */

    letter-spacing: -0.24px;

    color: var(--heading-color);

}



.dashboard .order-details-main .table tr td img {

    max-width: 100%;

}



.dashboard .order-details-main .table {

    margin: 0;

}



.dashboard .order-details-main .table tr th {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

    transition: all linear 0.5s;

}



.dashboard .order-details-main .table tr th:hover {

    color: var(--primary-color);

}



.dashboard .order-details-main .table tr td {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: var(--heading-color);

}



.dashboard .order-details-main .table tr td img {

    width: 40px;

    height: 26px;

    border-radius: 4px;

}



.dashboard .order-details-main .tabel-two {

    margin-top: 30px;

}



.dashboard .order-details-main .tabel-two tbody tr td {

    font-size: 18px;

    font-weight: 500;

    line-height: 145%;

    letter-spacing: -0.09px;

    color: var(--heading-color);

    transition: all linear 0.5s;

}



.dashboard .order-details-main .tabel-two tbody tr:hover td {

    color: var(--primary-color);

}



.dashboard .order-details-main {

    margin: 26px 0;

}



.dashboard .order-details-main p {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 145%;

    /* 26.1px */

    letter-spacing: -0.09px;

    color: #394150;

}



.dashboard .order-details-main p span {

    color: #fe724c;

}



.modal-seven {

    padding-bottom: 30px;

}



.modal-seven .modal-dialog .modal-content .modal-body {

    text-align: start;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-from-inner {

    position: relative;

    margin-bottom: 16px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-from-inner:last-child {

    margin-bottom: 0;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-from-inner .icon {

    position: absolute;

    top: 45px;

    right: 16px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-from-inner .form-label {

    font-size: 16px;

    font-weight: 500;

    line-height: 150%;

    color: var(--headding-color);

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-control {

    padding: 15px 16px;

    font-size: 16px;

    font-weight: 500;

    color: var(--grey-scale-500);

    border-radius: 9px;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-control:focus {

    box-shadow: 0 14px 16px 0 rgba(11, 2, 55, 0.1);

    border-color: var(--primary-color);

    color: var(--headding-color);

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input {

    height: 20px;

    width: 20px;

    border: 1px solid #394150;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input:checked {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-input:focus {

    border-color: #86b7fe;

    outline: 0;

    box-shadow: 0 0 0 0.25rem transparent;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-inner

    .form-check-label {

    font-size: 16px;

    font-weight: 500;

    color: var(--headding-color);

    margin-top: 3px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-from-df {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-df

    .sign-up-main-btn

    .modal-sign-up-from-btn {

    font-size: 16px;

    font-weight: 500;

    line-height: 160%;

    color: var(--primary-color);

    background: #fff;

    border: 0;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-from-df

    .sign-up-modal-btn {

    border: 1px solid #fff;

    background-color: #fff;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 175%;

    /* 28px */

    text-decoration-line: underline;

    color: var(--primary-color);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn {

    margin-top: 28px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn .main-btn-four {

    width: 100%;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn .main-btn-four a {

    color: #fff;

}



.modal-seven

    .sign-up-from

    .sign-up-from-item

    .sign-up-btn

    .main-btn-four:hover

    a {

    color: var(--primary-color);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn .sign-up-btn-two {

    width: 100%;

    height: 54px;

    border-radius: 9px;

    border: 1px solid var(--grey-scale-200);

    text-align: center;

    line-height: 54px;

    margin-top: 16px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn .sign-up-btn-two a {

    font-size: 16px;

    font-weight: 600;

    line-height: 150%;

    color: var(--headding-color);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn p {

    text-align: center;

    margin-top: 20px;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 175%;

    color: var(--grey-scale-500);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn p a {

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 175%;

    text-decoration-line: underline;

    color: var(--heading-color);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn-btm {

    display: flex;

    justify-content: center;

    gap: 44px;

    margin-top: 145px;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn-btm a {

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 125%;

    color: var(--headding-color);

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn-btm-text {

    margin-top: 25px;

    text-align: center;

}



.modal-seven .sign-up-from .sign-up-from-item .sign-up-btn-btm-text p {

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 125%;

    color: var(--paragraph-color);

}



.modal-seven .sign-up-modal {

    background-color: transparent;

    border: 0;

}



.modal-seven .sign-up-btn {

    background-color: #fff !important;

}



.modal-seven .sign-up-btn .sign-up-btn-two p {

    padding-bottom: 0;

    line-height: 0;

}



.appie-error-area {

    padding: 120px 0;

    height: 100vh;

}



.error_image {

    text-align: center;

    justify-content: center;

    display: flex;

}



.appie-error-content {

    height: 400px;

    width: 500px;

}



.appie-error-content img {

    height: 100%;

    width: 100%;

}



.appie-error-content .title {

    margin: 10px 0;

}



.appie-error-content p {

    margin: 10px 0 20px 0;

}



.cart_empty_area {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.cart_empty_area .sorry-text {

    margin: 15px 0 10px 0;

}



.dashboard .sorry-text {

    margin: 15px 0 10px 0;

}



.blog-details-text p,

h1,

h2,

h3,

h4,

h5,

h6,

li {

    margin-bottom: 15px;

}



.food-details-text p,

h1,

h2,

h3,

h4,

h5,

h6,

li {

    margin-bottom: 15px;

}



.food-details-text li {

    list-style: outside;

}



.food-details-text ul li {

    margin-left: 30px;

}



.about-us-head p {

    margin-bottom: 15px;

}



.shopping-cart-two.shopping-cart-address p,

h1,

h2,

h3,

h4,

h5,

h6,

ul {

    margin-bottom: 15px;

}



.shopping-cart-address .cart-summary-box-top-btn ul li {

    margin-left: 0px;

}



.shopping-cart-address .cart-summary-box .cart-summary-box-top-btn ul li {

    list-style: none;

}



.shopping-cart-two.shopping-cart-address li {

    list-style: disc;

    margin-left: 30px;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

span,

ul,

li {

    margin-bottom: 0px;

}



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



/* update css  */



.mobile-bottom-menu-main {

    display: none;

}



.mobile-bottom-menu {

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 9999;

    padding: 10px 30px;

    background: var(--grey-scale-900);

    width: 575px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.mobile-bottom-menu li{

    position: relative;

}

.mobile-bottom-menu li a .tag-count{

    width: 20px;

    height: 20px;

    background: var(--primary-color);

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 500px;

    position: absolute;

    right: -7px;

    top:-7px;

}

.mobile-bottom-menu li a .tag-count.w-tag-count{

    right: 0;

}

.mobile-bottom-menu li a .tag-count span{

    font-size: 8px;

}

.mobile-bottom-menu li a {

    font-size: 14px;

    font-weight: 500;

    color: #fff;

    display: flex;

    align-items: center;

    flex-direction: column;

    transition: all linear 0.5s;

}

.mobile-bottom-menu li a i{

    font-size: 20px;

    margin-bottom: 2px;

}

.mobile-bottom-menu li a.active {

    color: var(--primary-color);

}



.mobile-bottom-menu li a:hover {

    color: var(--primary-color);

}



.all-details-root h1,

.all-details-root h2,

.all-details-root h3,

.all-details-root h4,

.all-details-root h5,

.all-details-root h6,

.all-details-root p,

.all-details-root ul {

    margin-bottom: 20px !important;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .comment-box-item

    .comment-box-item-inner

    .comment-box-item-img {

    height: 80px;

    width: 80px;

    border-radius: 50%;

}



.comment-box-item .comment-box-item-inner .comment-box-item-img img {

    height: 100%;

    width: 100%;

    border-radius: 50%;

}



.blog-details

    .latest-blog-box

    .latest-blog-box-item

    .latest-blog-box-item-inner

    .latest-blog-box-item-inner-img

    img {

    width: 92px;

    height: 92px;

    border-radius: 8px;

    object-fit: cover;

    overflow: hidden;

}



.tabel-item .tabel-img {

    width: 178px;

    height: 120px;

}



.tabel-item .tabel-img img {

    width: 100%;

    height: 100%;

    border-radius:10px;

}



.tabel-over {

    overflow-x: auto;

}



.razorpay-payment-button {

    display: none !important;

}



.footer-button{font-size: 15px !important;padding: 8px 15px!important; float:right; margin-left:2%;}

#overlay {

    position: fixed;

    display: none;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.5);

    z-index: 2;

    cursor: pointer;

}



#text{

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

-ms-transform: translate(-50%,-50%);

background-color: #fff;

border-radius: 5%;

color: black;

padding: 5%;

}



#text .overlay-title { font-size: 35px;}

#text .overlay-text {font-size: 20px;}

.overlay-close{float:right; color:red;}

.popular .popular-item-box .popular-item-box-img{ width: 0px !important;}

.menu-list{margin:5%;width: 100%;;}

.menu-list .menu-name{padding:3%;border-radius:10px; cursor: pointer;margin-bottom:2%;}

.show-selected{color:red;}

.menu-name:hover{background-color: #F11B44;color: beige;}

.menu-name-active{background-color: #F11B44;color: beige;}



/* Hide the default radio button */

.menu-item {

    display: none;

}



/* Style the custom radio button */

.custom-radio {

    display: inline-block;

    background-color: #ccc;

    border-radius: 0%;

    cursor: pointer;

    position: relative;

}



/* Style the dot inside the custom radio button */

.custom-radio::after {

    content: "";

    background-color: #fff;

    border-radius: 50%;

    position: absolute;

    transform: translate(-50%, -50%);

    display: none;

}



/* Show the dot when the radio button is checked */

input[type="radio"]:checked + .custom-radio::after {

    display: block;

}



.menu-title{

    border-bottom: 1px solid;

    border-radius: 0px;

    font-size: 20px;

    padding:5%;

    margin-bottom:2%;

}





.banner-two .banner-two-taitel h1 {text-shadow: 2px 2px #ff0000;}

.header-two .menu-bg {background-color: rgb(0 0 0 / 68%) !important;}

/*.shopping-cart .modal .btn-close{ background:none !important;}*/





.header .menu-bg{ padding: 13px 0 !important;}

.inner-banner {padding: 160px 0 60px 0;}

.header .menu-bg .nav-btn-main {padding-left: 130px !important;}



.popular .popular-item-box.row-card { height: 115px !important;}

.categories .categories-main-box .categories-item .categories-item-text h3{display:inline-block;font-size:18px !important;}

.popular .popular-item-box .popular-inner-box .popular-item-box-text h3{display:inline-block;}



.center{display:none;}

.res-cat{display:none; padding: 2%;}

.center {

  margin: auto;

  width: 60%;

  padding: 10px;

}



.desk-submenu{display:block;}

.mobile-submenu{display:none;}





.main-btn-five{width:100px!important; font-size:16px!important;padding:8px 12px!important;}

.popular .popular-item-box .popular-inner-box .popular-item-box-text h3{height:48px!important;}

.popular .popular-item-box.row-card .popular-inner-box .popular-inner-item-btm{padding-top:1px!important;}

.inner-banner{padding: 160px 0 17px 0!important;}

.navsubcls{ width:50%!important}
.menu{padding-right: 68%;}

.shopping-cart-two {
    padding: 50px 0 !important;
}

.shopping-cart-two .cart-summary-box .cart-summary-box-text {
    padding-left: 0px;
}

.header .menu-bg .nav-btn-main .nav-btn-two .cart .cart-dropdown{ max-height: 500px; overflow-y: scroll;}