/* Fonts */
:root {
    --font-default: "Poppins", serif;
    --font-secondary: "Poppins", serif;


    /* Colors */
    --color-default: #f02c00;
    --color-primary: #c02806;
    --color-body: #f6f6f6;
    --color-secondary: #FFF5DB;
    --color-cornsilk: #F3FBFE;
    --color-white: #fff;
    --color-transparent: #00000014;
    --color-black: #444444;
    --color-title: #212529;
    --color-yellow: #ffc222;
    --color-menu:  #7e7e7e;
    --footer-bg:  #010f1c;
    --color-black-bg: #000000;


    /* Smooth scroll behavior */

    scroll-behavior: smooth;
}


/*--------------------------------------------------------------
	# General
--------------------------------------------------------------*/
body {font-family: var(--font-default);color: var(--color-black);background-color: var(--color-body);}
a {color:var(--color-default);text-decoration: none;}
a:hover {color: var(--color-primary);text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: var(--font-default);color:var(--color-title);}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: -15px;z-index: 9;background-color: var(--color-default);width: 44px;height: 44px;border-radius: 50px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color: var(--color-white);line-height: 0;}
.scroll-top:hover {background-color: var(--color-primary);color: var(--color-white);}
.scroll-top.active {visibility: visible;opacity: 1;bottom: 44px;}

html {scroll-behavior: smooth;}
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {color: var(--color-black-bg);padding: 7px 0 40px;transition: all 0.5s;z-index: 997; }
.ul-header-bottom::before, .ul-header-bottom::after {content: "";inset: 0px;position: absolute;background-color: var(--color-default);-webkit-clip-path: polygon(-0.173% -102.632%, 104.182% -102.632%, 104.182% -102.632%, 104.348% -102.405%, 104.506% -101.75%, 104.654% -100.702%, 104.788% -99.296%, 104.908% -97.567%, 105.01% -95.553%, 105.094% -93.287%, 105.156% -90.806%, 105.195% -88.146%, 105.208% -85.341%, 105.208% 45.24%, 105.208% 45.24%, 105.134% 56.366%, 104.925% 66.363%, 104.599% 75.057%, 104.178% 82.276%, 103.68% 87.845%, 103.125% 91.592%, 102.533% 93.341%, 101.923% 92.92%, 101.316% 90.155%, 100.73% 84.872%, 100.73% 84.872%, 100.61% 83.554%, 100.486% 82.341%, 100.36% 81.236%, 100.23% 80.239%, 100.098% 79.353%, 99.963% 78.579%, 99.826% 77.919%, 99.687% 77.374%, 99.546% 76.946%, 99.404% 76.636%, 96.618% 71.749%, 96.618% 71.749%, 96.309% 71.337%, 96% 71.184%, 95.692% 71.288%, 95.384% 71.648%, 95.078% 72.262%, 94.775% 73.129%, 94.474% 74.248%, 94.176% 75.618%, 93.882% 77.236%, 93.593% 79.103%, 92.349% 87.716%, 92.349% 87.716%, 91.887% 90.567%, 91.416% 92.785%, 90.938% 94.368%, 90.456% 95.319%, 89.971% 95.636%, 89.487% 95.319%, 89.004% 94.368%, 88.526% 92.784%, 88.055% 90.567%, 87.593% 87.716%, 87.271% 85.483%, 87.271% 85.483%, 86.808% 82.632%, 86.337% 80.414%, 85.859% 78.83%, 85.377% 77.88%, 84.892% 77.563%, 84.408% 77.88%, 83.925% 78.83%, 83.447% 80.414%, 82.976% 82.632%, 82.514% 85.483%, 82.192% 87.716%, 82.192% 87.716%, 81.729% 90.567%, 81.258% 92.784%, 80.78% 94.368%, 80.298% 95.319%, 79.813% 95.636%, 79.329% 95.319%, 78.846% 94.368%, 78.368% 92.784%, 77.897% 90.567%, 77.435% 87.716%, 77.113% 85.483%, 77.113% 85.483%, 76.65% 82.632%, 76.179% 80.414%, 75.701% 78.83%, 75.219% 77.88%, 74.734% 77.563%, 74.249% 77.88%, 73.767% 78.83%, 73.289% 80.414%, 72.818% 82.632%, 72.356% 85.483%, 72.033% 87.716%, 72.033% 87.716%, 71.571% 90.567%, 71.1% 92.784%, 70.622% 94.368%, 70.14% 95.319%, 69.655% 95.636%, 69.171% 95.319%, 68.688% 94.368%, 68.21% 92.784%, 67.739% 90.567%, 67.277% 87.716%, 66.955% 85.483%, 66.955% 85.483%, 66.492% 82.632%, 66.021% 80.414%, 65.543% 78.83%, 65.061% 77.88%, 64.576% 77.563%, 64.092% 77.88%, 63.609% 78.83%, 63.131% 80.414%, 62.66% 82.632%, 62.198% 85.483%, 61.876% 87.716%, 61.876% 87.716%, 61.413% 90.567%, 60.942% 92.784%, 60.464% 94.368%, 59.982% 95.319%, 59.497% 95.636%, 59.013% 95.319%, 58.53% 94.368%, 58.052% 92.784%, 57.581% 90.567%, 57.119% 87.716%, 56.796% 85.483%, 56.796% 85.483%, 56.334% 82.632%, 55.863% 80.414%, 55.385% 78.83%, 54.903% 77.88%, 54.418% 77.563%, 53.934% 77.88%, 53.451% 78.83%, 52.973% 80.414%, 52.502% 82.632%, 52.04% 85.483%, 51.718% 87.716%, 51.718% 87.716%, 51.255% 90.567%, 50.784% 92.784%, 50.306% 94.368%, 49.824% 95.319%, 49.339% 95.636%, 48.854% 95.319%, 48.372% 94.368%, 47.894% 92.784%, 47.423% 90.567%, 46.961% 87.716%, 46.638% 85.483%, 46.638% 85.483%, 46.176% 82.632%, 45.705% 80.414%, 45.227% 78.83%, 44.745% 77.88%, 44.26% 77.563%, 43.775% 77.88%, 43.293% 78.83%, 42.815% 80.414%, 42.344% 82.631%, 41.882% 85.483%, 41.559% 87.716%, 41.559% 87.716%, 41.097% 90.567%, 40.626% 92.784%, 40.148% 94.368%, 39.666% 95.319%, 39.181% 95.636%, 38.696% 95.319%, 38.214% 94.368%, 37.736% 92.784%, 37.265% 90.567%, 36.803% 87.716%, 36.48% 85.483%, 36.48% 85.483%, 36.018% 82.631%, 35.547% 80.414%, 35.069% 78.83%, 34.587% 77.88%, 34.102% 77.563%, 33.617% 77.88%, 33.135% 78.83%, 32.657% 80.414%, 32.186% 82.632%, 31.724% 85.483%, 31.401% 87.716%, 31.401% 87.716%, 30.939% 90.567%, 30.468% 92.784%, 29.99% 94.368%, 29.508% 95.319%, 29.023% 95.636%, 28.538% 95.319%, 28.056% 94.368%, 27.578% 92.784%, 27.107% 90.567%, 26.645% 87.716%, 26.322% 85.483%, 26.322% 85.483%, 25.86% 82.631%, 25.389% 80.414%, 24.911% 78.83%, 24.429% 77.88%, 23.944% 77.563%, 23.459% 77.88%, 22.977% 78.83%, 22.499% 80.414%, 22.028% 82.631%, 21.566% 85.483%, 21.243% 87.716%, 21.243% 87.716%, 20.781% 90.567%, 20.31% 92.784%, 19.832% 94.368%, 19.35% 95.319%, 18.865% 95.636%, 18.38% 95.319%, 17.898% 94.368%, 17.42% 92.784%, 16.949% 90.567%, 16.487% 87.716%, 16.164% 85.483%, 16.164% 85.483%, 15.702% 82.631%, 15.231% 80.414%, 14.753% 78.83%, 14.271% 77.88%, 13.786% 77.563%, 13.301% 77.88%, 12.819% 78.83%, 12.341% 80.414%, 11.87% 82.631%, 11.408% 85.483%, 10.563% 91.339%, 10.563% 91.339%, 10.197% 93.65%, 9.825% 95.566%, 9.448% 97.085%, 9.066% 98.205%, 8.682% 98.924%, 8.296% 99.242%, 7.908% 99.156%, 7.522% 98.665%, 7.136% 97.768%, 6.754% 96.463%, 0.442% 71.469%, 0.442% 71.469%, 0.318% 71.01%, 0.193% 70.617%, 0.067% 70.289%, -0.059% 70.027%, -0.185% 69.83%, -0.312% 69.699%, -0.439% 69.634%, -0.566% 69.634%, -0.693% 69.701%, -0.82% 69.834%, -0.82% 69.834%, -1.526% 69.749%, -2.201% 67.722%, -2.835% 63.911%, -3.418% 58.476%, -3.938% 51.575%, -4.387% 43.366%, -4.754% 34.008%, -5.029% 23.66%, -5.201% 12.481%, -5.26% 0.629%, -5.26% -16.951%, -5.26% -16.951%, -5.194% -30.849%, -5.001% -44.032%, -4.693% -56.326%, -4.279% -67.553%, -3.77% -77.536%, -3.178% -86.1%, -2.511% -93.068%, -1.781% -98.264%, -0.998% -101.51%, -0.173% -102.632%);clip-path: polygon(-0.173% -102.632%, 104.182% -102.632%, 104.182% -102.632%, 104.348% -102.405%, 104.506% -101.75%, 104.654% -100.702%, 104.788% -99.296%, 104.908% -97.567%, 105.01% -95.553%, 105.094% -93.287%, 105.156% -90.806%, 105.195% -88.146%, 105.208% -85.341%, 105.208% 45.24%, 105.208% 45.24%, 105.134% 56.366%, 104.925% 66.363%, 104.599% 75.057%, 104.178% 82.276%, 103.68% 87.845%, 103.125% 91.592%, 102.533% 93.341%, 101.923% 92.92%, 101.316% 90.155%, 100.73% 84.872%, 100.73% 84.872%, 100.61% 83.554%, 100.486% 82.341%, 100.36% 81.236%, 100.23% 80.239%, 100.098% 79.353%, 99.963% 78.579%, 99.826% 77.919%, 99.687% 77.374%, 99.546% 76.946%, 99.404% 76.636%, 96.618% 71.749%, 96.618% 71.749%, 96.309% 71.337%, 96% 71.184%, 95.692% 71.288%, 95.384% 71.648%, 95.078% 72.262%, 94.775% 73.129%, 94.474% 74.248%, 94.176% 75.618%, 93.882% 77.236%, 93.593% 79.103%, 92.349% 87.716%, 92.349% 87.716%, 91.887% 90.567%, 91.416% 92.785%, 90.938% 94.368%, 90.456% 95.319%, 89.971% 95.636%, 89.487% 95.319%, 89.004% 94.368%, 88.526% 92.784%, 88.055% 90.567%, 87.593% 87.716%, 87.271% 85.483%, 87.271% 85.483%, 86.808% 82.632%, 86.337% 80.414%, 85.859% 78.83%, 85.377% 77.88%, 84.892% 77.563%, 84.408% 77.88%, 83.925% 78.83%, 83.447% 80.414%, 82.976% 82.632%, 82.514% 85.483%, 82.192% 87.716%, 82.192% 87.716%, 81.729% 90.567%, 81.258% 92.784%, 80.78% 94.368%, 80.298% 95.319%, 79.813% 95.636%, 79.329% 95.319%, 78.846% 94.368%, 78.368% 92.784%, 77.897% 90.567%, 77.435% 87.716%, 77.113% 85.483%, 77.113% 85.483%, 76.65% 82.632%, 76.179% 80.414%, 75.701% 78.83%, 75.219% 77.88%, 74.734% 77.563%, 74.249% 77.88%, 73.767% 78.83%, 73.289% 80.414%, 72.818% 82.632%, 72.356% 85.483%, 72.033% 87.716%, 72.033% 87.716%, 71.571% 90.567%, 71.1% 92.784%, 70.622% 94.368%, 70.14% 95.319%, 69.655% 95.636%, 69.171% 95.319%, 68.688% 94.368%, 68.21% 92.784%, 67.739% 90.567%, 67.277% 87.716%, 66.955% 85.483%, 66.955% 85.483%, 66.492% 82.632%, 66.021% 80.414%, 65.543% 78.83%, 65.061% 77.88%, 64.576% 77.563%, 64.092% 77.88%, 63.609% 78.83%, 63.131% 80.414%, 62.66% 82.632%, 62.198% 85.483%, 61.876% 87.716%, 61.876% 87.716%, 61.413% 90.567%, 60.942% 92.784%, 60.464% 94.368%, 59.982% 95.319%, 59.497% 95.636%, 59.013% 95.319%, 58.53% 94.368%, 58.052% 92.784%, 57.581% 90.567%, 57.119% 87.716%, 56.796% 85.483%, 56.796% 85.483%, 56.334% 82.632%, 55.863% 80.414%, 55.385% 78.83%, 54.903% 77.88%, 54.418% 77.563%, 53.934% 77.88%, 53.451% 78.83%, 52.973% 80.414%, 52.502% 82.632%, 52.04% 85.483%, 51.718% 87.716%, 51.718% 87.716%, 51.255% 90.567%, 50.784% 92.784%, 50.306% 94.368%, 49.824% 95.319%, 49.339% 95.636%, 48.854% 95.319%, 48.372% 94.368%, 47.894% 92.784%, 47.423% 90.567%, 46.961% 87.716%, 46.638% 85.483%, 46.638% 85.483%, 46.176% 82.632%, 45.705% 80.414%, 45.227% 78.83%, 44.745% 77.88%, 44.26% 77.563%, 43.775% 77.88%, 43.293% 78.83%, 42.815% 80.414%, 42.344% 82.631%, 41.882% 85.483%, 41.559% 87.716%, 41.559% 87.716%, 41.097% 90.567%, 40.626% 92.784%, 40.148% 94.368%, 39.666% 95.319%, 39.181% 95.636%, 38.696% 95.319%, 38.214% 94.368%, 37.736% 92.784%, 37.265% 90.567%, 36.803% 87.716%, 36.48% 85.483%, 36.48% 85.483%, 36.018% 82.631%, 35.547% 80.414%, 35.069% 78.83%, 34.587% 77.88%, 34.102% 77.563%, 33.617% 77.88%, 33.135% 78.83%, 32.657% 80.414%, 32.186% 82.632%, 31.724% 85.483%, 31.401% 87.716%, 31.401% 87.716%, 30.939% 90.567%, 30.468% 92.784%, 29.99% 94.368%, 29.508% 95.319%, 29.023% 95.636%, 28.538% 95.319%, 28.056% 94.368%, 27.578% 92.784%, 27.107% 90.567%, 26.645% 87.716%, 26.322% 85.483%, 26.322% 85.483%, 25.86% 82.631%, 25.389% 80.414%, 24.911% 78.83%, 24.429% 77.88%, 23.944% 77.563%, 23.459% 77.88%, 22.977% 78.83%, 22.499% 80.414%, 22.028% 82.631%, 21.566% 85.483%, 21.243% 87.716%, 21.243% 87.716%, 20.781% 90.567%, 20.31% 92.784%, 19.832% 94.368%, 19.35% 95.319%, 18.865% 95.636%, 18.38% 95.319%, 17.898% 94.368%, 17.42% 92.784%, 16.949% 90.567%, 16.487% 87.716%, 16.164% 85.483%, 16.164% 85.483%, 15.702% 82.631%, 15.231% 80.414%, 14.753% 78.83%, 14.271% 77.88%, 13.786% 77.563%, 13.301% 77.88%, 12.819% 78.83%, 12.341% 80.414%, 11.87% 82.631%, 11.408% 85.483%, 10.563% 91.339%, 10.563% 91.339%, 10.197% 93.65%, 9.825% 95.566%, 9.448% 97.085%, 9.066% 98.205%, 8.682% 98.924%, 8.296% 99.242%, 7.908% 99.156%, 7.522% 98.665%, 7.136% 97.768%, 6.754% 96.463%, 0.442% 71.469%, 0.442% 71.469%, 0.318% 71.01%, 0.193% 70.617%, 0.067% 70.289%, -0.059% 70.027%, -0.185% 69.83%, -0.312% 69.699%, -0.439% 69.634%, -0.566% 69.634%, -0.693% 69.701%, -0.82% 69.834%, -0.82% 69.834%, -1.526% 69.749%, -2.201% 67.722%, -2.835% 63.911%, -3.418% 58.476%, -3.938% 51.575%, -4.387% 43.366%, -4.754% 34.008%, -5.029% 23.66%, -5.201% 12.481%, -5.26% 0.629%, -5.26% -16.951%, -5.26% -16.951%, -5.194% -30.849%, -5.001% -44.032%, -4.693% -56.326%, -4.279% -67.553%, -3.77% -77.536%, -3.178% -86.1%, -2.511% -93.068%, -1.781% -98.264%, -0.998% -101.51%, -0.173% -102.632%);}

.ul-header-bottom::after {background-color: var(--color-white);bottom: 4px;z-index: 1;}
.header .logo {line-height: 1;z-index: 2;}
.header .logo img {max-height: 66px;margin-right: 8px;}
.header .logo h1 {font-size: 32px;margin: 0;font-weight: 300;text-transform: uppercase; color:var(--color-title);}
.header .header-social-links {padding-right: 15px;}
.header .header-social-links a {color: #ccc;padding-left: 6px;display: inline-block;transition: 0.3s;font-size: 16px;}
.header .header-social-links a:hover {color: var(--color-black-bg);}
.header .header-social-links a i {line-height: 0px;}

@media (max-width: 1200px) {
    .header .logo {order: 1;}
    .header-button-links {order: 2;}
    .header .header-social-links {order: 2;}
    .header .navmenu {order: 3;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
        .navmenu {padding: 0;position: relative;z-index: 2;}
        .header-button-links {position: relative;z-index: 2;}
        .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
        .navmenu li {position: relative;}
        .navmenu>ul>li {white-space: nowrap;padding: 15px 14px;}
        .navmenu>ul>li:last-child {padding-right: 0;}
        .navmenu a,
        .navmenu a:focus {color: var(--color-menu);font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;position: relative;padding: 6px 8px;font-family: "Poppins", serif;text-transform: capitalize;}
        .navmenu a i,
        .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}
        .navmenu>ul>li>a:before {content: "";position: absolute;height: 2px;bottom: -6px;left: 6px;background-color: var(--color-default);visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
        .navmenu a:hover:before,
        .navmenu li:hover>a:before,
        .navmenu .active:before {visibility: visible;width: 45px;}
        .navmenu li:hover>a,
        .navmenu .active,
        .navmenu .active:focus {color: var(--color-default);}
        .navmenu .dropdown ul {margin: 0;padding: 10px 0;background: #ccc;display: block;position: absolute;visibility: hidden;left: 14px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 4px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
        .navmenu .dropdown ul li {min-width: 200px;}
        .navmenu .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;color: var(--color-black-bg);}
        .navmenu .dropdown ul a i {font-size: 12px;}
        .navmenu .dropdown ul a:hover,
        .navmenu .dropdown ul .active:hover,
        .navmenu .dropdown ul li:hover>a {color: var(--color-black-bg);}
        .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
        .navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;}
        .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;}
}

/* Mobile Navigation */
@media (max-width: 1199px) {
        .mobile-nav-toggle {color: var(--color-black-bg);font-size: 28px;line-height: 0;margin-right: 10px;margin-left: 15px;cursor: pointer;transition: color 0.3s;}
        .navmenu {padding: 0;z-index: 9997;}
        .navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--color-white);border: 1px solid #ccc;box-shadow: none;overflow-y: auto;transition: 0.3s;z-index: 9998;}
        .navmenu a,
        .navmenu a:focus {color: var(--color-black-bg);padding: 10px 20px;font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
        .navmenu a i,
        .navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: #ccc;}
        .navmenu a i:hover,
        .navmenu a:focus i:hover {background-color: #ccc;color: var(--color-default);}
        .navmenu a:hover,
        .navmenu .active,
        .navmenu .active:focus {color: var(--color-default);}
        .navmenu .active i,
        .navmenu .active:focus i {background-color: #ccc;color: var(--color-black);transform: rotate(180deg);}

        .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--color-white);transition: all 0.5s ease-in-out;}
        .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
        .navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);}
        .mobile-nav-active {overflow: hidden;}
        .mobile-nav-active .mobile-nav-toggle {color: var(--color-white);position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}
        .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s;}
        .mobile-nav-active .navmenu>ul {display: block;}
}
.sign-btn {background-color: var(--color-default);color: var(--color-white);font-weight: 600;text-transform: none;border-radius: 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0 clamp(10px, 0.84vw, 16px);font-size: clamp(13px, 0.84vw, 16px);gap: clamp(7px, 0.53vw, 10px);height: clamp(40px, 2.94vw, 50px);display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;}
.sign-btn .flaticon-right {width: clamp(22px, 1.52vw, 29px);align-items: center;justify-content: center;border-radius: 5px;font-size: clamp(22px, 0.63vw, 12px);transition: all 0.3s ease;display: flex;margin-left:5px;background: var(--color-white);aspect-ratio: 1 / 1;color: var(--color-default);}
.sign-btn:hover {color: var(--color-white);background-color: var(--color-default) !important;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);}
.sign-btn:active {color: var(--color-white) !important;}
.mui-space {padding-left: 48px;padding-right: 48px;}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;overflow: hidden;}
.section-bg {background-color: #f3f5fa;}
.section-title {text-align: center;padding-bottom: 30px;}
.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: var(--color-black);}
.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background:  var(--color-default);bottom: 0;left: calc(50% - 20px);}
.section-title p {margin-bottom: 0;}

/*--------------------------------------------------------------
# section-categories  css
--------------------------------------------------------------*/
.section-categories {padding: 60px 0 60px;overflow: inherit;}
.row-grid {width: calc(100% + 24px);margin-left: -24px;display: flex;justify-content: space-between;margin-top: 24px;}
.left-sidebar {box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;border-radius: 8px;position: -webkit-sticky;position: sticky;top: 130px;height: calc(100vh - 220px);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: -24px;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;width: 25.833333%;background-color: var(--color-white);}
.heading-list h3 {margin: 0;font-weight: 500;font-size: 1rem;line-height: 1.6;color: #2D2C2A;font-family: var(--font-default);}
.heading-list {padding: 20px;border-bottom: solid #c2c2c2 1px;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.nav-list ul {margin: 0;padding: 0;list-style: none;}
.nav-list ul .menu-listItem .menu-nav {font-size: 16px;color: #2D2C2A;font-weight: 600;font-family: var(--font-default);padding: 20px 24px;width: 100%;display: block;}
.nav-list ul .menu-listItem a.active {border-left: 4px solid;border-color: var(--color-default);background-color: var(--color-transparent);}
.nav-list ul .menu-listItem a.active {color: var(--color-default);}
.nav-list {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;overflow-y: auto;overflow-x: hidden;}
.toggle-buttons-custom {display: flex;justify-content: space-between;gap: 0.5rem;align-items: center;}
.toggle-buttons-custom .list-view-button, .toggle-buttons-custom .grid-view-button {display: flex; cursor: pointer;justify-content: center;align-items: center;border: transparent;background: var(--color-black-bg);width: 35px;height: 35px;border-radius: 5px;padding: 0px;}
.toggle-buttons-custom .list-view-button i, .toggle-buttons-custom .grid-view-button i{color: var(--color-white);}
.toggle-buttons-custom .list-view-button.active, .toggle-buttons-custom .grid-view-button.active {background-color: var(--color-default);}

/* ScrollBar 1  */

.nav-list::-webkit-scrollbar {width: 8px; height: 8px !important;}
.nav-list::-webkit-scrollbar-track {border-radius: 8px;background-color: #e7e7e7;border: 1px solid #cacaca;}
.nav-list::-webkit-scrollbar-thumb {border-radius: 8px;background-color: var(--color-default);}
.right-sidebar {position: -webkit-sticky;position: sticky;top: 130px;height: calc(100vh - 220px);overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;width: 25.833333%;margin-top: -24px;}
.right-sidebar-inner{padding: 24px;border-radius: 8px;width: 100%;min-height: 300px;margin-bottom: 16px;background: var(--color-white);}
.title-h3 {font-size: 1rem;line-height: 1.75;color: var(--color-default);font-weight: 700;text-align: center;}
.title-h6 {font-weight: 500;font-size: 0.875rem;line-height: 1.57;text-align: center;color: var(--color-default);}
.row-content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;gap: 8px;}
.form-control:focus {outline: none;box-shadow: none;border-color: var(--color-default);}
.my-select2 .my-select2 .select2-hidden-accessible {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important}
.my-select2 .select2-hidden-accessible {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important}
.my-select2 .select2-container--default .select2-selection--single,
.my-select2 .select2-selection .select2-selection--single {border: 1px solid #d2d6de;border-radius: 0;padding: 6px 12px;height: 34px}
.my-select2 .select2-container--default .select2-selection--single {background-color: var(--color-white);border: 1px solid #aaa;border-radius: 4px}
.my-select2 .select2-container .select2-selection--single {box-sizing: border-box;cursor: pointer;display: block;height: 28px;user-select: none;-webkit-user-select: none}
.my-select2 .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 10px}
.my-select2 .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0;padding-right: 0;height: auto;margin-top: -3px}
.my-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 28px}
.my-select2 .select2-container--default .select2-selection--single, .my-select2 .select2-selection .select2-selection--single {letter-spacing: inherit;color: currentColor;margin: 0;display: block;width: 100%;padding: 9px 14px;border: solid #afafaf3b 1px;transition: 0.2s linear;background: var(--color-white);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;height: auto;}
.my-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 14px !important;right: 15px;width: 26px;}
.my-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {background-image: url(../images/chevron-down.svg);background-repeat: no-repeat;background-size: 16px 16px;position: absolute;right: 0;top: 0;z-index: 1;border: transparent;margin: 0px;height: 16px;width: 16px;}
.my-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {transform: rotate(180deg);}
.my-select2 .select2-container--default .select2-search--dropdown .select2-search__field {letter-spacing: inherit;color: currentColor;margin: 0;display: block;width: 100%;padding: 9px 14px;border: solid #afafaf3b 1px;transition: 0.2s linear;outline: none !important;background: var(--color-white);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {outline: none !important;}
.starters-container {padding-top: 0px;padding-left: 20px;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;max-width: 60%;padding-right: 20px;width: 60%;height: 100vh;min-height: 1000px;margin-bottom: 48px;display: flex;flex-direction: column;overflow-y: scroll;scroll-behavior: smooth;scrollbar-width: none;}
.starters-container::-webkit-scrollbar {display: none !important; width: 0 !important; height: 0px !important;}

.starters-block {
    scroll-margin-top: 118px;
}


.starters-container .heading-list {padding: 0px 0 16px;}
.title-h5 {font-size: 15px;line-height: normal;font-weight: 400;margin-bottom: 0;}
.feature-box-content {display: flex;flex-direction: column;margin-bottom: 8px;border-top: solid #ededed 1px;padding-top: 8px;}
.feature-box-content:last-child{border: transparent;}
.feature-box-inner {display: flex;-webkit-box-pack: justify;justify-content: space-between;align-items: flex-start;margin-bottom: 10px;}
.feature-box-inner:last-child {border-bottom: 0;}
.feature-box-inner .title {margin-right: 2rem;}
.feature-box-inner .label {line-height: 1.43;color: #2d2c2a;font-weight: 500;margin: 0px;font-size: 14px;}
.description p {line-height: 1.43;color: #2d2c2a;font-weight: 500;font-size: 14px;margin: 0px;}
.feature-box-inner .input {display: flex;align-items: self-end;}
.feature-box-inner .minus, .feature-box-inner .plus {display: flex;justify-content: center;align-items: center;width:24px;height: 24px;border: 1px solid #7c7979;border-radius: 100px;background-color:var(--color-white);}
.feature-box-inner .minus:hover, .feature-box-inner .plus:hover {background-color: #b8dcff;cursor: pointer;}
.feature-box-inner .minus:focus, .feature-box-inner .plus:focus {outline: none;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px;}
.feature-box-inner .minus[disabled], .feature-box-inner .plus[disabled] {opacity: 0.5;pointer-events: none;}
.feature-box-inner .minus:active, .feature-box-inner .plus:active {background-color: #faedea;}
.feature-box-inner .number {font-size: 14px;min-width: 1.55rem;text-align: center;}
.feature-box-inner .icon {user-select: none;}
.feature-box-inner .icon line {stroke: var(--color-default);}
.feature-box-inner .input .minus svg line {stroke: var(--color-default);}
.feature-box-inner .dim {color: #0a0909;}
.delete-icon {width: 25px;height: 25px;border: solid #7c7a7a 1px;border-radius: 100px;display: flex;justify-content: center;align-items: center;font-size: 12px;line-height: 24px;}
.row-sub {margin-bottom: 8px;}
.row-total {padding-top: 8px;padding-bottom: 8px;display: flex;-webkit-box-pack: justify;justify-content: space-between;border-top: 1px solid #ededed;}
.row-total h4 {margin: 0px;font-size: 0.875rem;line-height: 1.57;color: #2d2c2a;font-weight: 400;}
.box-price {margin: 0px;font-size: 0.875rem;line-height: 1.27;color: #2d2c2a;font-weight: 400;}
.row-charge {padding-top: 8px;padding-bottom: 8px;display: flex;-webkit-box-pack: justify;justify-content: space-between;border-top: 1px solid #ededed;}
.row-charge h4 {margin: 0px;font-size: 0.875rem;line-height: 1.57;color: #2d2c2a;font-weight: 400;}
.row-charge-Total {padding-top: 8px;padding-bottom: 8px;display: flex;-webkit-box-pack: justify;justify-content: space-between;border-top: 1px solid #ededed;}
.row-charge-Total h4 {font-size: 1rem;line-height: 1.75;color: var(--color-black);font-weight: 400;}
.title-h4 span {font-size: 0.95rem;}
.my-input {letter-spacing: inherit;color: currentColor;margin: 0;display: block;width: 100%;padding: 9px 14px;border: solid #afafaf3b 1px;transition: 0.2s linear;background: var(--color-white);box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
.heading-list h3 svg {margin-right: 5px;}
.row-col-6 {display: flex;flex-wrap: wrap;flex-direction: column;}
.content p {color: #787878;text-align: center;font-weight: 300;font-size: 0.875rem;line-height: 1.57;}
.icon i {font-size: 80px;color: var(--color-default);}
.custom-grid .border-radius {border-radius: 100px;}
.btn-default {box-shadow: none;background-color: #ccc !important;border-color: var(--color-white) !important;}
.cash-collection {background: #f2745b;border-radius: 8px;margin-bottom: 16px;padding: 16px;display: flex;flex-direction: column;gap: 8px;position: relative;z-index: 1;}
.cash-collection p {margin: 0;font-weight: 400;color: rgb(45, 44, 42);opacity: 0.9;font-size: 0.75rem;line-height: 1.2;}
.title-h4 {line-height: 1.57;color: #2d2c2a;font-weight: 600;font-size: 1rem;margin: 0px;}
.title-h4 i {margin-right: 5px;color: var(--color-white);}
.heading-1 .title-h2 {font-weight: 500;font-size: 1.25rem;line-height: 1.6;margin-bottom: 0.35em;color: #2D2C2A;}
.starters-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.starters-content-inner {background: var(--color-white);border-radius: 24px;padding: 15px 15px 0; ;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;margin-bottom: 30px;    flex: 0 0 auto;
    width: 98%;
    margin-left: 10px;
    margin-right: 10px;
}

.grid .starters-content-inner {
    margin-left: 10px;
    margin-right: 10px;
    flex: 0 0 auto;
    width: 47%;
}
.starters-content-inner .content-inner-box {display: flex;justify-content: space-between;align-items: baseline; width: 100%; margin-bottom: 16px;}
.starters-content-inner .content-inner-box p {margin: 0;line-height: 1.43;color: #2D2C2A;font-weight: 600;text-align: left;font-size: 18px;}
.custom-grid-2 {display: flex;align-items: center;}
.col-header h6 {
    margin: 0;
}
.custom-grid-2 h6 {margin: 0 16px;font-size: 0.875rem;line-height: 1.57;color: #2D2C2A;font-weight: 600;white-space: nowrap;}
.btn-plus {background-color: var(--color-default);color: var(--color-white);padding: 4px 11px;border-radius: 4px;border: transparent;font-size: 1.1rem;}
.btn-plus:hover {color: var(--color-white);background-color: var(--color-default) !important;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);}
.add-header h3 {font-size: 1.25rem;line-height: 1.6;color: #2D2C2A;font-weight: 600;}
.add-header h6{font-size: 0.875rem;color: #787878;font-weight: 300;margin-top: 4px;text-align: left;}
.starters-content-inner .content-inner-box .col-header p {font-size: 1rem;line-height: 1.75;color: #2D2C2A;font-weight: 400;text-align: left;}
.collection-offer {position: fixed;bottom: 0;display: flex;background: var(--color-default);width: 100%;justify-content: space-between;border-top: 1px solid rgb(141 26 4);-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;padding: 6px 8px;}
.row-4 .icon {width: 20px;display: block;height: 20px;}
.row-4 .icon i {font-size: 14px;margin-right: 5px;color:var(--color-white);}
.row-4 span {color: white;font-weight: 700;display: block;font-size: 0.7rem;line-height: 1.2;}
.row-4 p {font-weight: 400;color: white;display: block;font-size: 0.68rem;line-height: 1.1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: 0.9;margin: 0;}
.row-4 {display: flex;width: 50%;float: left;}
.row-5 {display: flex;width: 50%;float: right;justify-content: flex-end;}
.row-5 span {color: var(--color-yellow);font-weight: 700;font-size: 0.6rem;line-height: 1;}

/*--------------------------------------------------------------
# hero-slider  css
--------------------------------------------------------------*/
.hero-slider {width: 100%;height: 700px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;/*top: -34px;*/margin-top: -34px;}
.hero-slider .swiper-slide {overflow: hidden;color: var(--color-white);}
.hero-slider .swiper-container {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.hero-slider .slide-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;text-align: left;}
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {background: transparent;width: 55px;height: 55px;line-height: 53px;margin-top: -30px;text-align: center;border: 2px solid var(--color-default);border-radius: 55px;opacity: 0;visibility: hidden;transition: all .3s ease;}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {transform: translateX(0);opacity: 1;visibility: visible;}
.hero-slider .swiper-button-prev {left: 25px;transform: translateX(50px);}
.hero-slider .swiper-button-prev:before {font-family: bootstrap-icons !important;content: "\f12c";font-size: 30px; color: var(--color-white);font-style: normal;display: inline-block; vertical-align: middle;font-weight: 900;}
.hero-slider .swiper-button-next {right: 25px;transform: translateX(-50px);}
.hero-slider .swiper-button-next:before {font-family: bootstrap-icons !important;content: "\f135";font-size: 30px; color: var(--color-white);font-style: normal;display: inline-block;vertical-align: middle;font-weight: 900;}
.hero-slider .swiper-pagination-bullet {width: 12px;height: 12px;text-align: left;line-height: 12px;font-size: 12px;color: var(--color-black-bg);opacity: 0.3;background: var(--color-white);transition: all .2s ease;}
.hero-slider .swiper-pagination-bullet-active {opacity: 1;}
.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {bottom: 30px;}
.swiper-pagination {text-align: left;}
.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;max-width: 1200px;padding: 0 15px;margin: 0 auto;left: 50%;transform: translateX(-50%);}


/*--------------------------------------------------------------
	#hero-style
--------------------------------------------------------------*/
.hero-style {height: 700px;transition: all .4s ease;}
.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {max-width: 690px;}
.hero-style .slide-text p {font-size: 16px;font-weight: 400;line-height: 1.25;letter-spacing: normal;color: var(--color-white);margin: 0 0 40px;transition: all .4s ease;}
.hero-style .slide-title h2 {font-size: 70px;font-weight: 600;line-height:90px;color: var(--color-white);margin: 0 0 40px;text-transform: capitalize;transition: all .4s ease;}
.hero-style h5{color:var(--color-white);}
.hero-slider .slide-inner:before {content: "";position: absolute;background: #0000008a;top: 0;height: 100%;width: 100%;}
.slide-btns .submit-btn {display: flex;padding: 10px 12px 10px 23px;max-width: max-content;align-items: center;}
.slide-btns .flaticon-right {width: clamp(22px, 1.52vw, 29px);align-items: center;justify-content: center;border-radius: 100px;font-size: clamp(22px, 0.63vw, 12px);transition: all 0.3s ease;display: flex;background: var(--color-white);aspect-ratio: 1 / 1;color: var(--color-default);margin-left: 10px;}
.submit-btn:hover .flaticon-right {z-index: 1;}
/*--------------------------------------------------------------
	#home about css
--------------------------------------------------------------*/
.ul-about {position: relative;    background: var(--color-white);}
.ul-section-spacing {padding-top: clamp(120px, 6.31vw, 120px);padding-bottom: clamp(120px, 6.31vw, 120px);}
.ul-about-vectors > * {position: absolute;pointer-events: none;}
.ul-about-vectors .vector-1 {left: clamp(5px, 0.89vw, 17px);max-width: clamp(189px, 12.56vw, 239px);bottom: clamp(188px, 13.03vw, 248px);}
.ul-about-vectors .vector-2 {right: 0;bottom: clamp(0px, 9.88vw, 0px);max-width: clamp(75px, 11.82vw, 225px);}
.ul-about-imgs .vector-img {position: absolute;background-color: var(--color-default);z-index: -1;border-radius: 10px;top: 0;left: 0;}
.ul-about-imgs .vector-img img {width: clamp(190px, 19.44vw, 370px);aspect-ratio: 370 / 487;mix-blend-mode: multiply;border-radius: 10px;}
.ul-about-imgs > img {margin-left: clamp(20px, 2.1vw, 40px);display: block;aspect-ratio: 475 / 487;width: clamp(270px, 24.96vw, 475px);object-fit: cover;border-radius: 10px;}
.ul-about-imgs {position: relative;z-index: 1;padding-top: clamp(15px, 1.58vw, 30px);}
.ul-section-sub-title {font-weight: 700;font-size: clamp(13px, 0.84vw, 16px);line-height: 100%;color: var(--color-default);margin-bottom: clamp(7px, 0.68vw, 13px);text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;gap: clamp(7px, 0.53vw, 10px);}
.ul-section-title {font-weight: 700;font-size: clamp(25px, 2.1vw, 40px);color: black;margin-bottom: clamp(5px, 0.42vw, 8px);}
.ul-about .ul-section-title {margin-bottom: clamp(5px, 0.68vw, 13px);}
.ul-section-descr {font-size: clamp(13px, 0.84vw, 16px);margin-bottom: 0;color: #5c6574;}
.ul-about-list {display: flex;border: 1px solid gray;border-width: 1px 0;padding: clamp(15px, 1.58vw, 30px) 0;margin: clamp(20px, 1.84vw, 35px) 0;}
.ul-about-list-item {display: flex;align-items: flex-start;gap: clamp(15px, 1.05vw, 20px);padding-right: clamp(32px, 1.84vw, 35px);margin-right: clamp(32px, 1.84vw, 35px);position: relative;}
.ul-about-list-item::before {position: absolute;content: "";width: 1px;height: clamp(50px, 3.15vw, 60px);background-color: gray;right: 0;top: 50%;transform: translateY(-50%);}
.ul-about-list-item:last-child::before{background-color: transparent;}
.ul-about-list-item .icon {flex-shrink: 0;color: var(--color-default);font-size: clamp(42px, 2.63vw, 50px);line-height: 1;}
.ul-about-list-item-title {font-size: clamp(17px, 1.05vw, 20px);font-weight: 700;margin-bottom: clamp(6px, 0.47vw, 9px);}
.ul-about-list-item-descr {font-size: clamp(11px, 0.74vw, 14px);color: #5c6574;margin-bottom: 0;}
.ul-about-author {display: flex;align-items: center;gap: clamp(15px, 2.36vw, 45px);}
.ul-about-author .left {display: flex;gap: clamp(12px, 1.05vw, 20px);}
.ul-about-author-img {width: clamp(52px, 3.26vw, 62px);aspect-ratio: 1 / 1;border-radius: 50%;overflow: hidden;border: 2px solid var(--color-default);flex-shrink: 0;}
.ul-about-list-item .icon img {max-width: 50px;}


/*--------------------------------------------------------------
	#home about css
--------------------------------------------------------------*/

.ul-foods {background: url(../images/foods-bg.jpg) no-repeat center center;background-size: cover;position: relative;z-index: 1;overflow: hidden;padding-bottom: clamp(110px, 14.71vw, 80px);}
.ul-foods::before {content: "";position: absolute;inset: 0;background: #fff9f4;opacity: 96%;z-index: -1;}
.ul-section-heading {display: flex;align-items: center;gap: clamp(20px, 1.58vw, 30px);margin-bottom: clamp(20px, 2.1vw, 40px);}
.ul-section-title {font-weight: 700;font-size: clamp(25px, 2.1vw, 40px);color: black;margin-bottom: clamp(5px, 0.42vw, 8px);}
.ul-foods-container {max-width: clamp(1020px, 69.36vw, 1320px);margin: auto;}
.ul-food-img {width: max-content;margin: auto;margin-bottom: clamp(16px, 1.68vw, 32px);}
.ul-food:hover {box-shadow: 0px 6px 25px rgba(52, 55, 170, 0.15);}
/**
 * Slider Instance
 */

.swiper {-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.emotions-slider {--color-gray: #818181;--color-gray-dark: #1e1e1e;padding-inline: 98px;position: relative;}
.emotions-slider__slide {display: flex;align-items: center;}

@media screen and (max-width: 767.9px) {
    .emotions-slider {padding: 0 15px;margin-inline: 24px;}
    .emotions-slider-item {width: calc(100% - 49px) !important;margin: 0 auto;}
}

/**
 * Slider Navigation
 */

.slider-nav {display: none;justify-content: space-between;align-items: center;width: 100%;position: absolute;top: 19%;left: 0;translate: 0 -50%;z-index: 9;pointer-events: none;}
.slider-nav__item {display: flex;align-items: center;justify-content: center;aspect-ratio: 1;width: 48px;background-color: var(--color-default);pointer-events: auto;cursor: pointer;transition: all 0.3s ease-out;}
.slider-nav__item.disabled {cursor: default;opacity: 0.5;}
.slider-nav__item path {stroke: var(--color-white);}

@media (hover: hover) and (pointer: fine) {
    .slider-nav__item:not(.disabled):hover {color: black;}
}

@media (hover: none) {
    .slider-nav__item:not(.disabled):active {color: black;}
}

@media screen and (max-width: 767.9px) {
    .slider-nav {display: none;}
}

/**
 * Slider Pagination
 */

.slider-pagination {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;padding-top: 40px;}
.swiper-pagination-lock {display: none !important;}
.slider-pagination__item {width: 8px;height: 8px;border-radius: 99px;background: var(--color-white);transition: all 0.3s ease-out;opacity: 0.2;}
.slider-pagination__item.active {width: 30px;opacity: 1;}

/**
 * Slider Item
 */

.swiper-slide {width: auto;height: auto;}

@keyframes btn-arrow-move {
    0% {
        translate: 0;
    }

    100% {
        translate: 100% -100%;
    }
}

.emotions-slider-item {width: calc(100% - 0px);max-width: 400px;position: relative;overflow: hidden;}
.emotions-slider-item__badge {display: flex;align-items: center;gap: 4px;padding: 4px 10px 4px 5px;background: #00000066;font-size: 14px;line-height: calc(24 / 14);position: absolute;left: 0;top: 0;z-index: 1;}
.emotions-slider-item__image {aspect-ratio: 400 / 270;overflow: hidden;}
.emotions-slider-item__image img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.emotions-slider-item__content {display: flex;flex-direction: column;margin-top: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, var(--color-white) 100%);background-color: var(--color-white);text-align: center;border-radius: 0 clamp(20px, 2.63vw, 50px);padding: clamp(15px, 1.58vw, 30px) clamp(17px, 1.05vw, 20px);box-shadow: 0px 6px 25px transparent;transition: 0.4s ease;position: relative;}
.ul-food-txt .ul-food-title {display: inline-block;font-size: clamp(17px, 1.05vw, 20px);font-weight: 600;margin-bottom: clamp(8px, 0.79vw, 15px);color: var(--color-black);}
.ul-food-txt .ul-food-sub-title {color: #5c6574;font-size: clamp(13px, 0.84vw, 16px);margin-bottom: clamp(15px, 1.58vw, 30px);}
.emotions-slider-item__header-inner {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.ul-food-bottom {font-size: clamp(12px, 0.74vw, 14px);display: flex;justify-content: space-between;align-items: center;gap: 10px;width: 70%;}
.ul-food-add-to-cart-btn {position: absolute;bottom: 0;right: 0;background-color: var(--color-black-bg);color: var(--color-white);border-top-left-radius: clamp(12px, 1.05vw, 20px);padding: clamp(8px, 0.84vw, 16px) clamp(15px, 1.31vw, 25px);line-height: 0.7;font-size: clamp(13px, 0.84vw, 16px);border-color: transparent;}
.ul-food-add-to-cart-btn:hover {background-color: var(--color-primary);}
.ul-food-rating {color: var(--color-yellow);display: flex;gap: 5px;}
.ul-food-price {color: var(--color-black);font-size: clamp(12px, 0.74vw, 14px);font-weight: 700;}

/*--------------------------------------------------------------
# booking  css
--------------------------------------------------------------*/
.booking.booking-custom {margin-top: -40px;}
.booking {background: url('../images/bar-826688_1920.jpg') no-repeat;background-size: cover;background-attachment: fixed;padding: 150px 0 140px;position: relative;}
.booking:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background: rgba(0, 0, 0, 0.6);}
.booking .booking-content {padding-top: 50px;padding-right: 50px;}
.block-text .subtitle {font-size: 15px;text-transform: uppercase;color: var(--color-yellow);letter-spacing: 2.7px;position: relative;display: inline-block;line-height: 1;margin-bottom: 18px;}
.block-text .subtitle::after {content: "";position: absolute;top: 13px;right: -76px;width: 63px;height: 1px;background: var(--color-yellow);}
.block-text .title {margin-left: -3px;text-transform: uppercase;letter-spacing: 2px;line-height: 1.4;margin-bottom: 16px;color: var(--color-white);}
.block-text.style-2 .text {font-size: 17px;letter-spacing: 0.3px !important;padding-right: 60px;line-height: 30px;color: var(--color-white);position: relative;}
.booking .form-control {background: transparent;border: 1px solid  var(--color-yellow);border-radius: 0;color:  var(--color-white);box-shadow: none;padding: 14px;font-size: 15px;line-height: 21px;}
.my-select {background-color: transparent;border: 1px solid var(--color-yellow);border-radius: 0;color: var(--color-white);box-shadow: none;padding: 14px;font-size: 15px;line-height: 21px;}
.my-select:focus {outline: none;box-shadow: none;}
.my-select {background-color: transparent;border: 1px solid var(--color-yellow);border-radius: 0;color: var(--color-white);box-shadow: none;padding: 14px;font-size: 15px;line-height: 21px;background-image: url(../images/down-arrow.png);background-size: 16px 16px;}
.booking .form-group {margin-bottom: 19px;}
.tf-button {position: relative;margin-bottom: 10px;height: 50px;padding: 0px 32px;border-radius: 0;font-size: 13px;font-weight: 500;letter-spacing: 1.9px;line-height: 50px;text-transform: uppercase;background-size: 300%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.tf-button.style1:hover {color: var(--color-white) !important;background-position: 96%;}
.booking .tf-button.style1 {color: #0e1927;width: 100%;margin-top: 35px;background-image: linear-gradient(160deg, #fff 50%, var(--color-default) 50%);border: 1px solid  var(--color-white);}
.tf-button::before {content: "";position: absolute;bottom: -10px;left: 0;height: 1px;width: 100%;background:  var(--color-yellow);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.booking .tf-button.style1::before {background: var(--color-white);}
.tf-button:hover::before {transform: translateY(-10px) !important;}
.booking-form {position: relative;}
.booking .form-control::-webkit-input-placeholder {color: var(--color-white);}
.booking .form-control::-moz-placeholder {color: var(--color-white);}
.booking .form-control:-ms-input-placeholder {color: var(--color-white);}
.booking .form-control:-moz-placeholder {color: var(--color-white);}
/*--------------------------------------------------------------
#ul-menus-tab  css
--------------------------------------------------------------*/
.ul-menus-vectors .vector-1 {top: clamp(130px, 16.08vw, 306px);left: 0;max-width: clamp(150px, 15.92vw, 303px);}
.ul-menus-vectors .vector-2 {bottom: clamp(114px, 12.93vw, 246px);right: 0;max-width: clamp(130px, 15.34vw, 292px);}
.ul-menus-vectors > * {position: absolute;pointer-events: none;}
.menus-vectors {position: relative;background-color: var(--color-default);-webkit-clip-path: polygon(0% 12.419%, 0% 8.477%, 0% 6.411%, 0.256% 6.411%, 0.256% 6.411%, 0.304% 6.231%, 0.357% 6.054%, 0.414% 5.88%, 0.475% 5.709%, 0.539% 5.542%, 0.608% 5.378%, 0.68% 5.217%, 0.757% 5.061%, 0.837% 4.909%, 0.92% 4.761%, 2.299% 2.415%, 2.299% 2.415%, 2.697% 1.842%, 3.136% 1.397%, 3.606% 1.079%, 4.097% 0.888%, 4.598% 0.824%, 5.099% 0.888%, 5.59% 1.079%, 6.06% 1.397%, 6.499% 1.842%, 6.897% 2.415%, 6.897% 2.415%, 7.294% 2.987%, 7.733% 3.432%, 8.204% 3.751%, 8.694% 3.941%, 9.195% 4.005%, 9.696% 3.941%, 10.187% 3.751%, 10.657% 3.432%, 11.096% 2.987%, 11.494% 2.415%, 11.494% 2.415%, 11.892% 1.842%, 12.331% 1.397%, 12.801% 1.079%, 13.292% 0.888%, 13.793% 0.824%, 14.294% 0.888%, 14.785% 1.079%, 15.255% 1.397%, 15.694% 1.842%, 16.092% 2.415%, 16.092% 2.415%, 16.49% 2.987%, 16.929% 3.432%, 17.399% 3.751%, 17.89% 3.941%, 18.391% 4.005%, 18.892% 3.941%, 19.383% 3.751%, 19.853% 3.432%, 20.292% 2.987%, 20.69% 2.415%, 20.69% 2.415%, 21.087% 1.842%, 21.527% 1.397%, 21.997% 1.079%, 22.487% 0.888%, 22.989% 0.824%, 23.49% 0.888%, 23.98% 1.079%, 24.45% 1.397%, 24.89% 1.842%, 25.287% 2.415%, 25.287% 2.415%, 25.685% 2.987%, 26.124% 3.432%, 26.594% 3.751%, 27.085% 3.941%, 27.586% 4.005%, 28.087% 3.941%, 28.578% 3.751%, 29.048% 3.432%, 29.487% 2.987%, 29.885% 2.415%, 29.885% 2.415%, 30.283% 1.842%, 30.722% 1.397%, 31.192% 1.079%, 31.683% 0.888%, 32.184% 0.824%, 32.685% 0.888%, 33.176% 1.079%, 33.646% 1.397%, 34.085% 1.842%, 34.483% 2.415%, 34.483% 2.415%, 34.881% 2.987%, 35.32% 3.432%, 35.79% 3.751%, 36.281% 3.941%, 36.782% 4.005%, 37.283% 3.941%, 37.773% 3.751%, 38.244% 3.432%, 38.683% 2.987%, 39.08% 2.415%, 39.08% 2.415%, 39.478% 1.842%, 39.917% 1.397%, 40.387% 1.079%, 40.878% 0.888%, 41.379% 0.824%, 41.88% 0.888%, 42.371% 1.079%, 42.841% 1.397%, 43.28% 1.842%, 43.678% 2.415%, 43.678% 2.415%, 44.076% 2.987%, 44.515% 3.432%, 44.985% 3.751%, 45.476% 3.941%, 45.977% 4.005%, 46.478% 3.941%, 46.969% 3.751%, 47.439% 3.432%, 47.878% 2.987%, 48.276% 2.415%, 48.276% 2.415%, 48.674% 1.842%, 49.113% 1.397%, 49.583% 1.079%, 50.074% 0.888%, 50.575% 0.824%, 51.076% 0.888%, 51.567% 1.079%, 52.037% 1.397%, 52.476% 1.842%, 52.873% 2.415%, 52.873% 2.415%, 53.271% 2.987%, 53.71% 3.432%, 54.181% 3.751%, 54.671% 3.941%, 55.172% 4.005%, 55.673% 3.941%, 56.164% 3.751%, 56.634% 3.432%, 57.074% 2.987%, 57.471% 2.415%, 57.471% 2.415%, 57.869% 1.842%, 58.308% 1.397%, 58.778% 1.079%, 59.269% 0.888%, 59.77% 0.824%, 60.271% 0.888%, 60.762% 1.079%, 61.232% 1.397%, 61.671% 1.842%, 62.069% 2.415%, 62.069% 2.415%, 62.467% 2.987%, 62.906% 3.432%, 63.376% 3.751%, 63.867% 3.941%, 64.368% 4.005%, 64.869% 3.941%, 65.36% 3.751%, 65.83% 3.432%, 66.269% 2.987%, 66.667% 2.415%, 66.667% 2.415%, 67.065% 1.842%, 67.504% 1.397%, 67.974% 1.079%, 68.465% 0.888%, 68.966% 0.824%, 69.467% 0.888%, 69.957% 1.079%, 70.428% 1.397%, 70.867% 1.842%, 71.265% 2.415%, 71.265% 2.415%, 71.662% 2.987%, 72.101% 3.432%, 72.571% 3.751%, 73.062% 3.941%, 73.563% 4.005%, 74.064% 3.941%, 74.555% 3.751%, 75.025% 3.432%, 75.464% 2.987%, 75.862% 2.415%, 75.862% 2.415%, 76.26% 1.842%, 76.699% 1.397%, 77.169% 1.079%, 77.66% 0.888%, 78.161% 0.824%, 78.662% 0.888%, 79.153% 1.079%, 79.623% 1.397%, 80.062% 1.842%, 80.46% 2.415%, 80.46% 2.415%, 80.858% 2.987%, 81.297% 3.432%, 81.767% 3.751%, 82.258% 3.941%, 82.759% 4.005%, 83.26% 3.941%, 83.75% 3.751%, 84.221% 3.432%, 84.66% 2.987%, 85.057% 2.415%, 85.368% 1.886%, 85.368% 1.886%, 85.735% 1.342%, 86.139% 0.893%, 86.571% 0.541%, 87.025% 0.287%, 87.495% 0.133%, 87.973% 0.081%, 88.453% 0.132%, 88.929% 0.286%, 89.392% 0.547%, 89.838% 0.915%, 94.007% 4.971%, 94.007% 4.971%, 94.258% 5.178%, 94.518% 5.324%, 94.786% 5.411%, 95.055% 5.44%, 95.324% 5.41%, 95.588% 5.324%, 95.844% 5.181%, 96.087% 4.983%, 96.314% 4.731%, 96.52% 4.425%, 96.52% 4.425%, 96.911% 3.902%, 97.339% 3.57%, 97.788% 3.417%, 98.239% 3.432%, 98.674% 3.603%, 99.077% 3.92%, 99.428% 4.37%, 99.71% 4.943%, 99.905% 5.627%, 99.996% 6.411%, 100% 6.411%, 100% 6.627%, 100% 9.536%, 100% 87.58%, 100% 91.523%, 100% 92.007%, 99.986% 92.007%, 99.986% 92.007%, 99.959% 92.366%, 99.916% 92.72%, 99.86% 93.068%, 99.789% 93.409%, 99.704% 93.741%, 99.605% 94.064%, 99.493% 94.376%, 99.368% 94.677%, 99.23% 94.964%, 99.08% 95.238%, 97.701% 97.585%, 97.701% 97.585%, 97.303% 98.158%, 96.864% 98.603%, 96.394% 98.921%, 95.903% 99.112%, 95.402% 99.176%, 94.901% 99.112%, 94.411% 98.921%, 93.94% 98.603%, 93.501% 98.158%, 93.104% 97.585%, 93.104% 97.585%, 92.706% 97.013%, 92.267% 96.567%, 91.797% 96.249%, 91.306% 96.058%, 90.805% 95.995%, 90.304% 96.058%, 89.813% 96.249%, 89.343% 96.567%, 88.904% 97.013%, 88.506% 97.585%, 88.506% 97.585%, 88.108% 98.158%, 87.669% 98.603%, 87.199% 98.921%, 86.708% 99.112%, 86.207% 99.176%, 85.706% 99.112%, 85.215% 98.921%, 84.745% 98.603%, 84.306% 98.158%, 83.908% 97.585%, 83.908% 97.585%, 83.51% 97.013%, 83.071% 96.567%, 82.601% 96.249%, 82.11% 96.058%, 81.609% 95.995%, 81.108% 96.058%, 80.617% 96.249%, 80.147% 96.567%, 79.708% 97.013%, 79.31% 97.585%, 79.31% 97.585%, 78.913% 98.158%, 78.473% 98.603%, 78.003% 98.921%, 77.513% 99.112%, 77.011% 99.176%, 76.51% 99.112%, 76.02% 98.921%, 75.549% 98.603%, 75.11% 98.158%, 74.713% 97.585%, 74.713% 97.585%, 74.315% 97.013%, 73.876% 96.567%, 73.406% 96.249%, 72.915% 96.058%, 72.414% 95.995%, 71.913% 96.058%, 71.422% 96.249%, 70.952% 96.567%, 70.513% 97.013%, 70.115% 97.585%, 70.115% 97.585%, 69.717% 98.158%, 69.278% 98.603%, 68.808% 98.921%, 68.317% 99.112%, 67.816% 99.176%, 67.315% 99.112%, 66.824% 98.921%, 66.354% 98.603%, 65.915% 98.158%, 65.517% 97.585%, 65.517% 97.585%, 65.119% 97.013%, 64.68% 96.567%, 64.21% 96.249%, 63.72% 96.058%, 63.218% 95.995%, 62.717% 96.058%, 62.227% 96.249%, 61.757% 96.567%, 61.318% 97.013%, 60.92% 97.585%, 60.92% 97.585%, 60.522% 98.158%, 60.083% 98.603%, 59.613% 98.921%, 59.122% 99.112%, 58.621% 99.176%, 58.12% 99.112%, 57.629% 98.921%, 57.159% 98.603%, 56.72% 98.158%, 56.322% 97.585%, 56.322% 97.585%, 55.924% 97.013%, 55.485% 96.567%, 55.015% 96.249%, 54.524% 96.058%, 54.023% 95.995%, 53.522% 96.058%, 53.031% 96.249%, 52.561% 96.567%, 52.122% 97.013%, 51.724% 97.585%, 51.724% 97.585%, 51.326% 98.158%, 50.887% 98.603%, 50.417% 98.921%, 49.926% 99.112%, 49.425% 99.176%, 48.924% 99.112%, 48.433% 98.921%, 47.963% 98.603%, 47.524% 98.158%, 47.126% 97.585%, 47.126% 97.585%, 46.729% 97.013%, 46.29% 96.567%, 45.819% 96.249%, 45.329% 96.058%, 44.828% 95.995%, 44.326% 96.058%, 43.836% 96.249%, 43.366% 96.567%, 42.927% 97.013%, 42.529% 97.585%, 42.529% 97.585%, 42.131% 98.158%, 41.692% 98.603%, 41.222% 98.921%, 40.731% 99.112%, 40.23% 99.176%, 39.729% 99.112%, 39.238% 98.921%, 38.768% 98.603%, 38.329% 98.158%, 37.931% 97.585%, 37.931% 97.585%, 37.533% 97.013%, 37.094% 96.567%, 36.624% 96.249%, 36.133% 96.058%, 35.632% 95.995%, 35.131% 96.058%, 34.64% 96.249%, 34.17% 96.567%, 33.731% 97.013%, 33.333% 97.585%, 33.333% 97.585%, 32.936% 98.158%, 32.496% 98.603%, 32.026% 98.921%, 31.536% 99.112%, 31.034% 99.176%, 30.533% 99.112%, 30.043% 98.921%, 29.573% 98.603%, 29.133% 98.158%, 28.736% 97.585%, 28.736% 97.585%, 28.338% 97.013%, 27.899% 96.567%, 27.429% 96.249%, 26.938% 96.058%, 26.437% 95.995%, 25.936% 96.058%, 25.445% 96.249%, 24.975% 96.567%, 24.536% 97.013%, 24.138% 97.585%, 24.138% 97.585%, 23.74% 98.158%, 23.301% 98.603%, 22.831% 98.921%, 22.34% 99.112%, 21.839% 99.176%, 21.338% 99.112%, 20.847% 98.921%, 20.377% 98.603%, 19.938% 98.158%, 19.54% 97.585%, 19.54% 97.585%, 19.142% 97.013%, 18.703% 96.567%, 18.233% 96.249%, 17.742% 96.058%, 17.241% 95.995%, 16.74% 96.058%, 16.25% 96.249%, 15.779% 96.567%, 15.34% 97.013%, 14.943% 97.585%, 14.632% 98.114%, 14.632% 98.114%, 14.264% 98.659%, 13.861% 99.108%, 13.429% 99.46%, 12.975% 99.713%, 12.505% 99.867%, 12.027% 99.919%, 11.546% 99.869%, 11.071% 99.714%, 10.608% 99.453%, 10.162% 99.085%, 5.993% 95.029%, 5.993% 95.029%, 5.743% 94.822%, 5.482% 94.676%, 5.215% 94.589%, 4.945% 94.56%, 4.676% 94.59%, 4.412% 94.676%, 4.156% 94.819%, 3.913% 95.017%, 3.686% 95.269%, 3.48% 95.575%, 3.48% 95.575%, 3.079% 96.109%, 2.638% 96.442%, 2.178% 96.588%, 1.716% 96.558%, 1.272% 96.364%, 0.865% 96.02%, 0.516% 95.536%, 0.242% 94.925%, 0.064% 94.2%, 0% 93.373%, 0% 90.464%, 0% 90.464%, 0% 90.464%, 0% 90.463%, 0% 90.463%, 0% 90.463%, 0% 90.463%, 0% 90.462%, 0% 90.462%, 0% 90.462%, 0% 90.462%, 0% 90.461%, 0% 12.419%);clip-path: polygon(0% 12.419%, 0% 8.477%, 0% 6.411%, 0.256% 6.411%, 0.256% 6.411%, 0.304% 6.231%, 0.357% 6.054%, 0.414% 5.88%, 0.475% 5.709%, 0.539% 5.542%, 0.608% 5.378%, 0.68% 5.217%, 0.757% 5.061%, 0.837% 4.909%, 0.92% 4.761%, 2.299% 2.415%, 2.299% 2.415%, 2.697% 1.842%, 3.136% 1.397%, 3.606% 1.079%, 4.097% 0.888%, 4.598% 0.824%, 5.099% 0.888%, 5.59% 1.079%, 6.06% 1.397%, 6.499% 1.842%, 6.897% 2.415%, 6.897% 2.415%, 7.294% 2.987%, 7.733% 3.432%, 8.204% 3.751%, 8.694% 3.941%, 9.195% 4.005%, 9.696% 3.941%, 10.187% 3.751%, 10.657% 3.432%, 11.096% 2.987%, 11.494% 2.415%, 11.494% 2.415%, 11.892% 1.842%, 12.331% 1.397%, 12.801% 1.079%, 13.292% 0.888%, 13.793% 0.824%, 14.294% 0.888%, 14.785% 1.079%, 15.255% 1.397%, 15.694% 1.842%, 16.092% 2.415%, 16.092% 2.415%, 16.49% 2.987%, 16.929% 3.432%, 17.399% 3.751%, 17.89% 3.941%, 18.391% 4.005%, 18.892% 3.941%, 19.383% 3.751%, 19.853% 3.432%, 20.292% 2.987%, 20.69% 2.415%, 20.69% 2.415%, 21.087% 1.842%, 21.527% 1.397%, 21.997% 1.079%, 22.487% 0.888%, 22.989% 0.824%, 23.49% 0.888%, 23.98% 1.079%, 24.45% 1.397%, 24.89% 1.842%, 25.287% 2.415%, 25.287% 2.415%, 25.685% 2.987%, 26.124% 3.432%, 26.594% 3.751%, 27.085% 3.941%, 27.586% 4.005%, 28.087% 3.941%, 28.578% 3.751%, 29.048% 3.432%, 29.487% 2.987%, 29.885% 2.415%, 29.885% 2.415%, 30.283% 1.842%, 30.722% 1.397%, 31.192% 1.079%, 31.683% 0.888%, 32.184% 0.824%, 32.685% 0.888%, 33.176% 1.079%, 33.646% 1.397%, 34.085% 1.842%, 34.483% 2.415%, 34.483% 2.415%, 34.881% 2.987%, 35.32% 3.432%, 35.79% 3.751%, 36.281% 3.941%, 36.782% 4.005%, 37.283% 3.941%, 37.773% 3.751%, 38.244% 3.432%, 38.683% 2.987%, 39.08% 2.415%, 39.08% 2.415%, 39.478% 1.842%, 39.917% 1.397%, 40.387% 1.079%, 40.878% 0.888%, 41.379% 0.824%, 41.88% 0.888%, 42.371% 1.079%, 42.841% 1.397%, 43.28% 1.842%, 43.678% 2.415%, 43.678% 2.415%, 44.076% 2.987%, 44.515% 3.432%, 44.985% 3.751%, 45.476% 3.941%, 45.977% 4.005%, 46.478% 3.941%, 46.969% 3.751%, 47.439% 3.432%, 47.878% 2.987%, 48.276% 2.415%, 48.276% 2.415%, 48.674% 1.842%, 49.113% 1.397%, 49.583% 1.079%, 50.074% 0.888%, 50.575% 0.824%, 51.076% 0.888%, 51.567% 1.079%, 52.037% 1.397%, 52.476% 1.842%, 52.873% 2.415%, 52.873% 2.415%, 53.271% 2.987%, 53.71% 3.432%, 54.181% 3.751%, 54.671% 3.941%, 55.172% 4.005%, 55.673% 3.941%, 56.164% 3.751%, 56.634% 3.432%, 57.074% 2.987%, 57.471% 2.415%, 57.471% 2.415%, 57.869% 1.842%, 58.308% 1.397%, 58.778% 1.079%, 59.269% 0.888%, 59.77% 0.824%, 60.271% 0.888%, 60.762% 1.079%, 61.232% 1.397%, 61.671% 1.842%, 62.069% 2.415%, 62.069% 2.415%, 62.467% 2.987%, 62.906% 3.432%, 63.376% 3.751%, 63.867% 3.941%, 64.368% 4.005%, 64.869% 3.941%, 65.36% 3.751%, 65.83% 3.432%, 66.269% 2.987%, 66.667% 2.415%, 66.667% 2.415%, 67.065% 1.842%, 67.504% 1.397%, 67.974% 1.079%, 68.465% 0.888%, 68.966% 0.824%, 69.467% 0.888%, 69.957% 1.079%, 70.428% 1.397%, 70.867% 1.842%, 71.265% 2.415%, 71.265% 2.415%, 71.662% 2.987%, 72.101% 3.432%, 72.571% 3.751%, 73.062% 3.941%, 73.563% 4.005%, 74.064% 3.941%, 74.555% 3.751%, 75.025% 3.432%, 75.464% 2.987%, 75.862% 2.415%, 75.862% 2.415%, 76.26% 1.842%, 76.699% 1.397%, 77.169% 1.079%, 77.66% 0.888%, 78.161% 0.824%, 78.662% 0.888%, 79.153% 1.079%, 79.623% 1.397%, 80.062% 1.842%, 80.46% 2.415%, 80.46% 2.415%, 80.858% 2.987%, 81.297% 3.432%, 81.767% 3.751%, 82.258% 3.941%, 82.759% 4.005%, 83.26% 3.941%, 83.75% 3.751%, 84.221% 3.432%, 84.66% 2.987%, 85.057% 2.415%, 85.368% 1.886%, 85.368% 1.886%, 85.735% 1.342%, 86.139% 0.893%, 86.571% 0.541%, 87.025% 0.287%, 87.495% 0.133%, 87.973% 0.081%, 88.453% 0.132%, 88.929% 0.286%, 89.392% 0.547%, 89.838% 0.915%, 94.007% 4.971%, 94.007% 4.971%, 94.258% 5.178%, 94.518% 5.324%, 94.786% 5.411%, 95.055% 5.44%, 95.324% 5.41%, 95.588% 5.324%, 95.844% 5.181%, 96.087% 4.983%, 96.314% 4.731%, 96.52% 4.425%, 96.52% 4.425%, 96.911% 3.902%, 97.339% 3.57%, 97.788% 3.417%, 98.239% 3.432%, 98.674% 3.603%, 99.077% 3.92%, 99.428% 4.37%, 99.71% 4.943%, 99.905% 5.627%, 99.996% 6.411%, 100% 6.411%, 100% 6.627%, 100% 9.536%, 100% 87.58%, 100% 91.523%, 100% 92.007%, 99.986% 92.007%, 99.986% 92.007%, 99.959% 92.366%, 99.916% 92.72%, 99.86% 93.068%, 99.789% 93.409%, 99.704% 93.741%, 99.605% 94.064%, 99.493% 94.376%, 99.368% 94.677%, 99.23% 94.964%, 99.08% 95.238%, 97.701% 97.585%, 97.701% 97.585%, 97.303% 98.158%, 96.864% 98.603%, 96.394% 98.921%, 95.903% 99.112%, 95.402% 99.176%, 94.901% 99.112%, 94.411% 98.921%, 93.94% 98.603%, 93.501% 98.158%, 93.104% 97.585%, 93.104% 97.585%, 92.706% 97.013%, 92.267% 96.567%, 91.797% 96.249%, 91.306% 96.058%, 90.805% 95.995%, 90.304% 96.058%, 89.813% 96.249%, 89.343% 96.567%, 88.904% 97.013%, 88.506% 97.585%, 88.506% 97.585%, 88.108% 98.158%, 87.669% 98.603%, 87.199% 98.921%, 86.708% 99.112%, 86.207% 99.176%, 85.706% 99.112%, 85.215% 98.921%, 84.745% 98.603%, 84.306% 98.158%, 83.908% 97.585%, 83.908% 97.585%, 83.51% 97.013%, 83.071% 96.567%, 82.601% 96.249%, 82.11% 96.058%, 81.609% 95.995%, 81.108% 96.058%, 80.617% 96.249%, 80.147% 96.567%, 79.708% 97.013%, 79.31% 97.585%, 79.31% 97.585%, 78.913% 98.158%, 78.473% 98.603%, 78.003% 98.921%, 77.513% 99.112%, 77.011% 99.176%, 76.51% 99.112%, 76.02% 98.921%, 75.549% 98.603%, 75.11% 98.158%, 74.713% 97.585%, 74.713% 97.585%, 74.315% 97.013%, 73.876% 96.567%, 73.406% 96.249%, 72.915% 96.058%, 72.414% 95.995%, 71.913% 96.058%, 71.422% 96.249%, 70.952% 96.567%, 70.513% 97.013%, 70.115% 97.585%, 70.115% 97.585%, 69.717% 98.158%, 69.278% 98.603%, 68.808% 98.921%, 68.317% 99.112%, 67.816% 99.176%, 67.315% 99.112%, 66.824% 98.921%, 66.354% 98.603%, 65.915% 98.158%, 65.517% 97.585%, 65.517% 97.585%, 65.119% 97.013%, 64.68% 96.567%, 64.21% 96.249%, 63.72% 96.058%, 63.218% 95.995%, 62.717% 96.058%, 62.227% 96.249%, 61.757% 96.567%, 61.318% 97.013%, 60.92% 97.585%, 60.92% 97.585%, 60.522% 98.158%, 60.083% 98.603%, 59.613% 98.921%, 59.122% 99.112%, 58.621% 99.176%, 58.12% 99.112%, 57.629% 98.921%, 57.159% 98.603%, 56.72% 98.158%, 56.322% 97.585%, 56.322% 97.585%, 55.924% 97.013%, 55.485% 96.567%, 55.015% 96.249%, 54.524% 96.058%, 54.023% 95.995%, 53.522% 96.058%, 53.031% 96.249%, 52.561% 96.567%, 52.122% 97.013%, 51.724% 97.585%, 51.724% 97.585%, 51.326% 98.158%, 50.887% 98.603%, 50.417% 98.921%, 49.926% 99.112%, 49.425% 99.176%, 48.924% 99.112%, 48.433% 98.921%, 47.963% 98.603%, 47.524% 98.158%, 47.126% 97.585%, 47.126% 97.585%, 46.729% 97.013%, 46.29% 96.567%, 45.819% 96.249%, 45.329% 96.058%, 44.828% 95.995%, 44.326% 96.058%, 43.836% 96.249%, 43.366% 96.567%, 42.927% 97.013%, 42.529% 97.585%, 42.529% 97.585%, 42.131% 98.158%, 41.692% 98.603%, 41.222% 98.921%, 40.731% 99.112%, 40.23% 99.176%, 39.729% 99.112%, 39.238% 98.921%, 38.768% 98.603%, 38.329% 98.158%, 37.931% 97.585%, 37.931% 97.585%, 37.533% 97.013%, 37.094% 96.567%, 36.624% 96.249%, 36.133% 96.058%, 35.632% 95.995%, 35.131% 96.058%, 34.64% 96.249%, 34.17% 96.567%, 33.731% 97.013%, 33.333% 97.585%, 33.333% 97.585%, 32.936% 98.158%, 32.496% 98.603%, 32.026% 98.921%, 31.536% 99.112%, 31.034% 99.176%, 30.533% 99.112%, 30.043% 98.921%, 29.573% 98.603%, 29.133% 98.158%, 28.736% 97.585%, 28.736% 97.585%, 28.338% 97.013%, 27.899% 96.567%, 27.429% 96.249%, 26.938% 96.058%, 26.437% 95.995%, 25.936% 96.058%, 25.445% 96.249%, 24.975% 96.567%, 24.536% 97.013%, 24.138% 97.585%, 24.138% 97.585%, 23.74% 98.158%, 23.301% 98.603%, 22.831% 98.921%, 22.34% 99.112%, 21.839% 99.176%, 21.338% 99.112%, 20.847% 98.921%, 20.377% 98.603%, 19.938% 98.158%, 19.54% 97.585%, 19.54% 97.585%, 19.142% 97.013%, 18.703% 96.567%, 18.233% 96.249%, 17.742% 96.058%, 17.241% 95.995%, 16.74% 96.058%, 16.25% 96.249%, 15.779% 96.567%, 15.34% 97.013%, 14.943% 97.585%, 14.632% 98.114%, 14.632% 98.114%, 14.264% 98.659%, 13.861% 99.108%, 13.429% 99.46%, 12.975% 99.713%, 12.505% 99.867%, 12.027% 99.919%, 11.546% 99.869%, 11.071% 99.714%, 10.608% 99.453%, 10.162% 99.085%, 5.993% 95.029%, 5.993% 95.029%, 5.743% 94.822%, 5.482% 94.676%, 5.215% 94.589%, 4.945% 94.56%, 4.676% 94.59%, 4.412% 94.676%, 4.156% 94.819%, 3.913% 95.017%, 3.686% 95.269%, 3.48% 95.575%, 3.48% 95.575%, 3.079% 96.109%, 2.638% 96.442%, 2.178% 96.588%, 1.716% 96.558%, 1.272% 96.364%, 0.865% 96.02%, 0.516% 95.536%, 0.242% 94.925%, 0.064% 94.2%, 0% 93.373%, 0% 90.464%, 0% 90.464%, 0% 90.464%, 0% 90.463%, 0% 90.463%, 0% 90.463%, 0% 90.463%, 0% 90.462%, 0% 90.462%, 0% 90.462%, 0% 90.462%, 0% 90.461%, 0% 12.419%);}
.section-spacing .ul-section-sub-title {color: var(--color-white);font-size: clamp(45px, 0.84vw, 16px);}
.ul-menus-tabs-wrapper {background-color: var(--color-white);border-radius: 20px;max-width: clamp(1141px, 75.35vw, 1434px);margin: auto;}
.ul-menus-tab-navs {display: flex;justify-content: center;padding: clamp(15px, 1.58vw, 30px);border-bottom: 1px solid #eee;gap: clamp(15px, 1.58vw, 30px);flex-wrap: wrap;}
.ul-menus-tab-navs .nav-item {border: transparent !important;}
.ul-menus-tab-navs .tab-nav {display: flex;align-items: center;gap: clamp(7px, 0.53vw, 10px);font-weight: 600;font-size: clamp(15px, 0.95vw, 18px);border: 1px solid rgba(0, 0, 0, 0.2);padding: clamp(4px, 0.37vw, 7px) clamp(12px, 0.79vw, 15px);border-radius: 99px;color: var(--color-black);}
.ul-menus-tab-navs .tab-nav:hover, .ul-menus-tab-navs .tab-nav.active {color: var(--color-default);border-color: var(--color-default);}
.ul-menus-tabs-wrapper .tabs {padding: clamp(20px, 1.58vw, 30px) clamp(15px, 6.83vw, 130px);}
.ul-menu-item {display: flex;align-items: center;gap: clamp(8px, 0.84vw, 16px);border: 1px dashed rgba(0, 0, 0, 0.2);border-radius: clamp(12px, 1.05vw, 20px);padding: clamp(12px, 1.05vw, 20px);margin-bottom: 20px;}
.ul-menu-item-img img {width: clamp(76px, 4.52vw, 86px);aspect-ratio: 1 / 1;object-fit: cover;border: 1px dashed transparent;padding: clamp(0px, 0.11vw, 2px);border-radius: 50%;}
.ul-menu-item:hover .ul-menu-item-img img {border-color: var(--color-primary);}
.gradient {background-image: linear-gradient(90deg, rgb(12, 12, 12) 0%, rgb(54, 53, 53) 100%);}
.about-inner{padding: 64px 215px 60px;border-radius: 30px;position: relative;overflow: hidden;}
.about-inner .icon-bg {position: absolute;}
.about-inner .icon-bg.icon_1 {left: -35px;bottom: -40px;}
.about-inner .icon-bg.icon_2 {right: -35px;bottom: -20px;}
.about-inner .icon-bg.icon_1 img {max-width: 100%;height: auto;transform: scale(1);}
.branch-pointer-events {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.branch-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.branch-slide {flex-shrink: 0;width:25%;height: 100%;position: relative;transition-property: transform;border-right: 1px dashed rgba(239, 239, 239, 0.2);}
.branch-slide .box {text-align: center;height: 100%;position: relative;overflow: hidden;}
.about-inner .box .inner .icon {width: 96px;height: 96px;background-color: var(--color-default);border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.mb-28 {margin-bottom: 28px;}
.about-inner .box .inner {position: relative;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;top: 0;}
.about-inner .box .inner {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding: 14px 16px 16px;}
.about-inner .box h5 {position: relative;padding-bottom: 22px;letter-spacing: 0.6px;font-weight: 600;color: var(--color-white);}
.about-inner .box h5::before {position: absolute;content: "";left: 50%;transform: translateX(-50%);bottom: 0;width: 60px;height: 3px;background-color: var(--color-default);}
.about-inner .box .hover-effect {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;top: -100%;opacity: 0;visibility: hidden;}
.about-inner .box .hover-effect {padding: 12px 10px 12px;}
.color-5 {color: #ededed;font-size: 0.75rem;}
.about-inner .box .inner .icon i {color: var(--color-white);font-size: 50px;}
.about-inner .box .inner .icon svg {fill: var(--color-white);}
.branch-slide .box:hover .inner {top: 100%;opacity: 0;}
.about-inner .box.active .hover-effect, .about-inner .box:hover .hover-effect {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top: 30px;opacity: 1;visibility: visible;}

/*--------------------------------------------------------------
# modal  css
--------------------------------------------------------------*/
.modal-custom .modal-content {background-color: var(--color-white);color: rgb(45, 44, 42);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;position: relative;overflow-y: auto;display: flex;flex-direction: column;margin: 32px;}
.modal-custom .modal-header {flex-wrap: wrap;justify-content: center;flex-direction: column;}
.modal-title-h5 {line-height: 1.43;color: var(--color-default);-webkit-box-flex: 1;flex-grow: 1;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.modal-custom .modal-header span {font-size: 0.875rem;line-height: 1.57;color: #2d2c2a;font-weight: 600;padding: 0px;text-align: center;margin: 0px 0px 8px;}
.modal-custom .modal-header p{font-size: 0.875rem;line-height: 1.57;color: #2d2c2a;font-weight: 600;padding: 0px;text-align: center;margin: 0px 0px 8px;}
.btn-close-custom {position: absolute;right: 30px;top: 25px;border: solid var(--color-black-bg) 1px;border-radius: 100%;font-size: 14px;opacity: 1;width: 24px;height: 24px;background-size: 14px 10px;padding: 0 !important;}
.btn-close-custom:focus {box-shadow: none !important;}
.moral-row {padding: 8px 16px;background-color: #f6f6f6;border-bottom: 1px solid #ededed;border-top: 1px solid #ededed;display: flex;justify-content: space-between; align-items: center;    max-height: calc(450px - 64px);}
.modal-body-inner {flex: 1 1 auto;overflow-y: auto;padding: 5px 0px 5px;margin-left: 0px;margin-right: 0px;}
.block-1-left {width: 60%;float: left;}
.block-1-right{width:40%;float: right;display: flex;justify-content: flex-end;}
.block-1-left span {font-weight: 400;font-size: 0.75rem;line-height: 1.66;color: #787878;}
.modal-title-h3 {line-height: 1.5;color: var(--color-default);font-weight: 600;font-size: 16px;margin: 0;}
.badge-R {background: var(--color-black-bg);border-radius: 100px;padding: 4px 19px;display: flex;justify-content: center;align-items: center;color: var(--color-white);font-size: 14px;line-height: 23px;height: 33px;}
.modal-actions {width: 100%;display: flex;-webkit-box-align: center;align-items: center;padding: 8px;-webkit-box-pack: end;justify-content: flex-end;}
.modal-row-2 {width: 100%;padding: 0 16px 8px;}
.modal-actions {width: 100%;display: flex;-webkit-box-align: center;align-items: center;padding: 8px;-webkit-box-pack: end;justify-content: flex-end;}
.btn-add {width: 100%;background: var(--color-default);text-transform: none;box-shadow: none;font-size: 16px;font-weight: 500;display: flex;justify-content: space-between;border-radius: 30px;padding: 7px 22px;align-items: center;border: transparent;}
.btn-add:hover, .btn-add:active {background: var(--color-primary)!important;color: var(--color-white) !important;}
.modal-h {margin: 0px;font-size: 1.25rem;line-height: 1.6;color: var(--color-white);font-weight:500;}
.modal-price {font-size: 1.25rem;line-height: 1.6;color: var(--color-white);font-weight: 500;margin: 0;}
.custom-check-row {padding: 8px 16px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;border-bottom: 1px solid #ededed;}
.check-custom-new {-webkit-box-pack: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;border: 2px solid #787878;display: flex;-webkit-box-align: center;align-items: center;cursor: pointer;padding: 8px;}
.check-box-content {justify-content: space-between;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-flex: 1;flex-grow: 1;}
.title-check-1 {font-weight: 500;font-size: 0.875rem;line-height: 1.57;color: rgb(45, 44, 42);-webkit-box-flex: 1;flex-grow: 1;margin: 0px 0px 0px 8px;}
.check-box-content p {margin: 0px 0px 0px 8px;font-weight: 400;font-size: 0.75rem;line-height: 1.66;color: rgb(120, 120, 120);}
.content-add-box {display: flex;-webkit-box-align: center;align-items: center;cursor: pointer;padding: 0.96px;}
.content-add-box .plus-btn {text-align: center;font-size: 1.5rem;color: #0000008a;margin: 0px 4px 0px 4px;overflow: visible;flex: 0 0 auto;padding: 8px;border-radius: 50%;outline: 0px;border-width: 0px;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;position: relative;background: transparent;cursor: pointer;width: 35px;height: 35px;}
.content-add-box .plus-btn:hover {background-color: #0000000a;}
.content-add-box .plus-btn i {color: var(--color-default);font-size: 24px;}
.header-content {height: 25px;width: 25px;border-radius:200px;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;background-color: var(--color-default);}
.title-number {font-size: 0.875rem;line-height: normal;color: var(--color-white);font-weight: 700;margin: 0px;}
.btn-trash i {color: var(--color-default);font-size: 24px;}
.btn-trash {text-align: center;font-size: 1.5rem;color: #0000008a;margin: 0px 4px 0px 4px;overflow: visible;flex: 0 0 auto;padding: 8px;border-radius: 50%;outline: 0px;border-width: 0px;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;position: relative;background: transparent;width: 35px;height: 35px;}
.content-add-box .plus-btn:hover {background-color: #0000000a;}
/*--------------------------------------------------------------
# login css
--------------------------------------------------------------*/
.login {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;max-width: 650px;overflow: hidden;border-radius: 24px;margin: 70px auto 70px;padding: 35px;display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;gap: 16px;background-image: linear-gradient(-225deg, #fff 60%, #ffc7bb 50%);}
.my-label {font-size: 1rem;line-height: 1.25;color: var(--color-black-bg);}
.login-title {font-size: 1.5rem;line-height: 1.334;color: var(--color-black-bg);font-weight: 700;border-bottom: 1px solid #000;padding-bottom: 8px;position: relative;margin: 0;}
.login p {font-size: 0.9rem;line-height: 1.25;color: var(--color-black);}
.login-form {width: 100%;}
.InputPassword span {position: absolute;top: 34px;right: 2px;background: var(--color-white);width: 32px;height: 38px;text-align: center;display: flex;justify-content: center;align-items: center;}
.InputPassword {position: relative;}
.field-icon {float: right;right: 18px;top: 30px;position: absolute;z-index: 2;font-size: 21px;color: rgb(73, 73, 73);background: rgb(255, 255, 255);width: 50px;text-align: center;line-height: 40px;}
.icon-2 img {max-width: 120px;border: solid #000b 2px;border-radius: 20px;padding: 10px;}
.field-icon.bi-eye::before {content: "";position: absolute;top: 11px;background-image: url('../images/eye.svg');width: 30px;height: 22px;right: 4px;background-size: 22px 20px;background-repeat: no-repeat;}
.field-icon.bi-eye-slash::before {content: "";position: absolute;top: 11px;background-image: url('../images/close-eye.svg');width: 30px;height: 22px;right: 4px;background-size: 22px 20px;background-repeat: no-repeat;}
.forgot-link {display: flex;justify-content: flex-end;font-weight: 500;font-size: 0.875rem;line-height: 1.57;color: #130e0e;text-align: right;cursor: pointer;}
.forgot-link:hover {color: var(--color-primary);}
.submit-btn {background-color: var(--color-default);color: var(--color-white);font-weight: 600;text-transform: none;border-radius: 50px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);font-size: 0.9rem;padding: 10px 30px;position: relative;pointer-events: auto;display: inline-block;overflow: hidden;}
.submit-btn span {display: block;position: relative;z-index: 10;color: var(--color-white);}
.submit-btn:hover span {animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;}
.submit-btn::before {content: '';background: var(--color-black-bg);width: 120%;position: absolute;height: 0;padding-bottom: 120%;top: -110%;left: -10%;border-radius: 50%;transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);}
.submit-btn::after {content: '';background: var(--color-black-bg);position: absolute;transform: translate3d(0, -100%, 0);transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);}
.submit-btn:hover::before {transform: translate3d(0, 0, 0) scale3d(1, 1, 1);transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);}
.submit-btn:hover::after {transform: translate3d(0, 0, 0);transition-duration: 0.05s;transition-delay: 0.4s;transition-timing-function: linear;}



/*--------------------------------------------------------------
# Update-Profile  css
--------------------------------------------------------------*/
.Update-Profile{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;max-width: 950px;overflow: hidden;border-radius: 24px;margin: 70px auto 70px;padding: 35px;display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;gap: 16px;background-image: linear-gradient(-225deg, #fff 60%, #ffc7bb 50%);}


@keyframes MoveUpInitial {
    to {
        transform: translate3d(0,-105%,0);
    }
}

@keyframes MoveUpEnd {
    from {
        transform: translate3d(0,100%,0);
    }
    to {
        transform: translate3d(0,0,0);
    }
}
.account-cont {display: flex;justify-content: flex-end;text-align: right;width: 100%;}
.account-cont p {margin: 0px;font-weight: 500;font-size: 0.875rem;line-height: 1.57;color: var(--color-black-bg);}
.account-cont a {padding: 6px 8px;margin: 0px 0px 0px 8px;font-size: 16px;font-weight: 500;color:var(--color-default);}
.account-cont a:hover {color: #0a0909;}
.mcdonalds-main ul li {margin-bottom: 20px;}
.mcdonalds-main ul {margin: 0px;padding: 0px;list-style: none;}
.mcdonalds-main {margin: 20px 0;min-width: 100%;padding: 20px;}
.mcdonalds-main ul li a {background: var(--color-white);width: 100%;display: flex;flex-direction: column;justify-content: center;box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.1);transition: all 0.5s ease;padding: 20px;border-radius: 8px;cursor: pointer;position: relative;}


@media (min-width: 576px) {
    .modal-custom-serve-typ {max-width: 600px;}
}

.row-custom {display: flex;width: 100%;justify-content: center;align-items: center;padding: 20px;}
.row-custom .label-service-box {text-align: center;position: relative;margin: 0 15px;}
.serve_type[type=checkbox], input[type=radio] {box-sizing: border-box;padding-right: 10px;height: 18px;width: 20px;}
.serve_type[type=radio] {position: absolute;opacity: 0;width: 0;height: 0;}
.service-icon { border-color: #41505f !important;background: linear-gradient(132deg, #41505f 0.00%, rgb(36, 37, 38) 100.00%);display: flex;width: 120px;height: 120px;padding: 20px;margin-bottom: 10px;border-radius: 10px;cursor: pointer;align-items: center;}
.service-icon svg path {fill: var(--color-white);}
.service-icon svg .cls-1 {fill: var(--color-white);}
.label-service-box .service-icon i.fa {line-height : 100px;color : var(--color-white);font-size : 35px;transition : all 0.3s ease 0s;}
.label-service-box:hover .service-icon svg{transform : rotateY(180deg);}
.label-service-box .title-services {display: block;line-height: 30px;padding-bottom: 20px;position: relative;text-align: center;border-bottom : 1px solid #3b4652;color: #242526;}
.label-service-box .title-services:before, .label-service-box .title-services:after {background : #3b4652;border-radius : 100%;bottom : -5px;content : "";height : 10px;margin : 0 -5px 0 0;position : absolute;right : 50%;transition : all 0.4s ease 0s;width : 10px;}
.label-service-box .title-services:before {left : 50%;margin : 0 0 0 -5px;}
.label-service-box:hover .title-services:before {left : 100%;}
.label-service-box:hover .title-services:after {right : 100%;}
.label-service-box.active .service-icon {background: linear-gradient(26deg, #db0e1a 0%, #fe7d1f 100%);border-color: var(--color-default) !important;}
.label-service-box.active .title-services {border-color: var(--color-default);color: var(--color-default);}
.label-service-box.active .title-services:before, .label-service-box.active .title-services:after{background: var(--color-default);}
.label-service-box.active .title-services:before {left: 50%;margin: 0 0 0 -5px;}
.label-service-box.active:hover .title-services:before {left: 100%;}
/*--------------------------------------------------------------
# Search Address  css
--------------------------------------------------------------*/

.search-address { background-color: var(--color-white);box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;max-width: 750px;overflow: hidden;border-radius: 24px;margin: 70px auto 70px;padding: 35px;display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;gap: 16px;}
.border-radius {border-radius: 50px;}
.login-btn-row {margin: 0 auto;text-align: center;}
.btn-outlets {color: var(--color-white);font-weight: 600;text-transform: none;border-radius: 50px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);font-size: 0.9rem;padding: 10px 30px;position: relative;pointer-events: auto;display: inline-block;}
/*--------------------------------------------------------------
# footer  css
--------------------------------------------------------------*/

.footer {position: relative;z-index: 1;background-color: var(--footer-bg);}
.footer-top {padding: clamp(50px, 3.25vw, 100px) 0;position: relative;}
.footer-contact h3 {font-weight: 500;font-size: 1.25rem;line-height: 1.6;color: var(--color-white); position: relative;margin-bottom: 25px;}
.footer-contact {padding-bottom: 25px;}
.footer-links {padding-bottom: 25px;}
.footer-contact p {font-weight: 400;line-height: 1.5;color: var(--color-white);font-size: 1rem; }
.footer-links h4 {font-weight: 500;font-size: 1.25rem;line-height: 1.6;color: var(--color-white); position: relative;margin-bottom: 25px;}
.footer-links ul {margin: 0px;padding: 0px;list-style: none;}
.footer-links ul a {color: var(--color-white);font-size: 0.95rem;line-height: 24px;}
.footer-links p {color: var(--color-white);font-size: 0.95rem;line-height: 24px;}
.ul-footer-vectors > * {position: absolute;z-index: -1;}
.ul-footer-vector-1 {bottom: clamp(54px, 8.09vw, 154px);left: 0;}
.ul-footer-vector-2 {top: 4px;right: clamp(17px, 1.94vw, 37px);max-width: clamp(58px, 5.15vw, 98px);}
.ul-footer-vector-3 {bottom: clamp(25px, 2.42vw, 46px);right: clamp(134px, 12.3vw, 234px);}
.copyright {border-top: solid #4e5053 1px;text-align: center;padding: 10px 0;margin-bottom: 0;font-size: clamp(13px, 0.84vw, 16px);color: var(--color-white);}
.footer-links h4::before, .footer-links h4::after {content: "";position: absolute;bottom: -8px;left: 0;height: 2px;width: 18px;background-color: var(--color-default);}
.footer-links h4::after {left: 24px;width: 63px;background-color: #fda998;}
.footer-contact h3::before, .footer-contact h3::after {content: "";position: absolute;bottom: -8px;left: 0;height: 2px;width: 18px;background-color: var(--color-default);}
.footer-contact h3::after {left: 24px;width: 63px;background-color: #fda998;}
.social-links a {font-size: 18px;display: inline-block;background:var(--color-default);color: var(--color-white);line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
.social-links a:hover {background: var(--color-primary);color: var(--color-white);text-decoration: none;}
.footer-links ul i {color: var(--color-default);}

/*--------------------------------------------------------------
# checkout page  css
--------------------------------------------------------------*/
.gi-wrap {border: 1px solid #eee;background-color: #f8f8fb;margin-bottom: 30px;padding: 15px;border-radius: 5px;}
.gi-wrap-2 {border: 1px solid #eee;background-color: var(--color-white);margin-bottom: 30px;padding: 15px;border-radius: 5px;}
.title {margin-bottom: 10px;font-size: 20px;font-weight: 600;letter-spacing: 0;position: relative;color: var(--color-black-bg);}
.box-discount {border-radius: 4px;position: relative;transition: all .3s ease;overflow: hidden;}
.box-discount:after, .box-discount:before {position: absolute;z-index: 5;content: "";top: 12px;background-color: var(--color-white);border-radius: 50%;width: 16px;height: 16px;border: 1px solid #e9e9e9;}
.box-discount:before {left: -7px;}
.box-discount:after {right: -7px;}
.box-discount .discount-top {border: 1px #e9e9e9;border-style: solid solid dashed;border-top-left-radius: 4px;border-top-right-radius: 4px;background-color: var(--color-white);}
.box-discount .discount-bot, .box-discount .discount-top {display: flex;align-items: center;justify-content: space-between;padding: 8px 20px;margin-bottom: 10px;transition: all .3s ease;}
.box-discount .discount-bot:hover, .box-discount .discount-top:hover {background-color: #e431311a;}
.text-caption-1 {font-size: 14px;line-height: 22px;font-weight: 700;}
.text-caption-1 .sale-off {font-weight: 400;padding-left: 5px;}
.gi-sidebar-block {padding: 20px;text-align: left;background: var(--color-white);}
.gi-sb-title .gi-sidebar-title {font-size: 18px;line-height: 24px;margin-bottom: 0;}
.gi-sb-block-content {padding-top: 20px;}
.radio-btn-css {padding: 7px 0;}
.radio-btn-css [type="radio"]:checked,
.radio-btn-css [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.radio-btn-css [type="radio"]:checked + label, .radio-btn-css [type="radio"]:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: var(--color-black-bg);font-size: 14px;}
.radio-btn-css [type="radio"]:checked + label:before, .radio-btn-css [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #9f9e9e;border-radius: 100%;background: var(--color-white);}
.radio-btn-css [type="radio"]:checked + label:after, .radio-btn-css [type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: var(--color-default);position: absolute;top: 4.1px;left: 3.8px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;margin: 0 auto;}
.radio-btn-css [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-btn-css [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.gi-wrap-2 .feature-box-inner {border: 1px #e9e9e9;border-style: dashed;padding: 10px;align-items: center;}
.gi-wrap-2 .feature-box-inner .title {margin: 0;}
.gi-wrap-2 .bottom {padding: 10px;border-top: solid #ccc 1px;}
.gi-wrap-2 .bottom h5 {line-height: 1.43;color: #2d2c2a;font-weight: 500;margin: 0px;font-size: 18px;}
.bottom-row {margin-top: 15px;}
.gi-wrap-2 .feature-box-inner p {line-height: 1.43;color: #2d2c2a;font-weight: 400;margin: 0px;font-size: 13px;}
.gi-wrap-2 .feature-box-inner .description {width: 180px;text-align: right;}
.session-block {display: flex;justify-content: center;border: solid #D6D6D6 1px;border-radius: 20px;padding: 34px 16px;max-width: 703px;margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;text-align: center;background: var(--color-white);}
/*--------------------------------------------------------------
# all page responsive css
--------------------------------------------------------------*/
@media (max-width: 1440px) {
    .nav-list ul .menu-listItem .menu-nav {font-size: 14px;line-height: normal;}
    .ul-footer-vector-1 {bottom: clamp(0px, 8.09vw, 0px);}
    .ul-footer-vector-3 {bottom: clamp(0px, 2.42vw, 0px);right: clamp(70px, 12.3vw, 0px);}
    .footer-top {padding: clamp(100px, 3.25vw, 100px) 0;}
}

@media (max-width: 1366px) {
    .left-sidebar{width: 30%;}
    .right-sidebar{width: 30%;}
    .starters-container {max-width: 55%;width: 55%;}
    .title-h5 {font-size: 13px;}
    .icon i {font-size: 50px;}

}
@media (max-width: 1280px) {
    .grid .starters-content-inner{width: 46%;}
    .hero-style .slide-title, .hero-style .slide-text, .hero-style .slide-btns {padding-left: 25px;}

}
@media (max-width: 1199px) {
    .hero-style .slide-title h2 {font-size: 75px;}
}
@media (max-width: 992px) {
    .hero-slider {height: 600px;}
    .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    .hero-slider .swiper-pagination-custom,
    .hero-slider .swiper-pagination-fraction { /* display: none; */}
    .theme-btn, .theme-btn-s2, .theme-btn-s3 {font-size: 13px;padding: 15px 25px;}
    .hero-style {height: 600px;}
    .hero-style .container {padding-top: 95px;}
    .hero-style .slide-title h2 {font-size: 50px;margin: 0 0 35px;}
    .row-grid {margin-left: -10px;flex-wrap: wrap;}
    .left-sidebar {width: 98%;top: 0;height: auto;z-index: 1;}
    .starters-container {max-width: 100%;width: 100%; margin-top: 20px;}
    .right-sidebar {width: 98%;position: relative;top: 0;height: auto;}

}

@media only screen and (max-width: 767px) {
    p {font-size: 14px;}
    .h5, h5 {font-size: 1rem;}
    .hero-slider {height: 500px;}
    .theme-btn, .theme-btn-s2 {padding: 13px 20px;font-size: 13px;}
    .hero-style .slide-title h2 {font-size: 25px;margin: 0 0 30px;line-height: normal;}
    .hero-style .container {padding-top: 10px;}
    .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 30px;}
    .hero-style .slide-text p {font-size: 1rem;font-weight: normal;margin: 0 0 30px;}
    .starters-content-inner .content-inner-box .col-header p{font-size: 14px; line-height: normal}
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {display: none;}
    .hero-style {height: 500px;margin-top: 0;}
    .header .logo img {max-height: 36px;}
    .mui-space {padding-left: 20px;padding-right: 20px;}
    .nav-list ul .menu-listItem {padding: 0;}
    .nav-list ul .menu-listItem .menu-nav {font-size: 14px;}
    .add-header h3 {font-size: 1rem;}
    .starters-block {margin-top:0px;}
    .btn-plus {padding: 2px 6px;}
    .heading-1 .title-h2 {font-size: 1rem;}
    .title-h5 {font-size: 1rem;}
    .login {margin: 30px auto;padding: 20px;background-image: linear-gradient(-225deg, #fff 46%, #ffc7bb 46%);gap: 8px;}
    .my-label {font-size: 14px;}
    .login-title {font-size: 1.1rem;}
    .mcdonalds-main ul li a { font-size: 14px;}
    .mcdonalds-main { margin: 0;  padding: 0px;}
    .modal-custom .modal-content { max-width: 100%; width: calc(100% - 0px); margin: 0;}
    .modal-row-2 {padding: 0;}
    .btn-add {font-size: 14px;}
    .modal-h {font-size: 1rem;}
    .modal-price{font-size: 1rem;}
    .row-custom .label-service-box {margin: 0 5px;}
    .service-icon {width: 80px;height:80px;}
    .label-service-box .title-services {font-size: 14px;}
    .service-icon svg {width: 45px;height: 45px;}
    .btn-close-custom {right: 22px;top: 24px;}
    .ul-footer-vector-1 {display: none;}
    .footer-links {border-bottom: solid #424b55 1px;margin-bottom: 20px;padding-bottom: 20px;}
    .footer-links:last-child{border: transparent;margin-bottom: 0px;}
    .search-address {padding: 20px;}
    .ul-about-vectors .vector-1{display: none;}
    .ul-about-list-item .icon img {max-width: 40px;}
    .ul-section-title {font-weight: 600;font-size: 20px;}
    .ul-about-list { flex-wrap: wrap;}
    .ul-about-list-item::before {display: none;}
    .ul-about-list-item {align-content: center;margin-right: 0; flex-wrap: wrap;  padding-right: 0;text-align: center; width: 100%;flex-direction: column; }
    .ul-about-list-item .icon {margin: 20px auto 10px; text-align: center; }
    .booking.booking-custom { margin-top: -40px;padding: 40px 0 40px; }
    .booking .booking-content { padding: 30px 10px; }
    .block-text.style-2 .text { font-size: 14px; line-height: normal;}
    .booking-form {padding: 0 15px;}
    .col-header h5 {font-size: 14px;}
    .ul-header-bottom::before, .ul-header-bottom::after {clip-path: inherit !important;-webkit-clip-path: inherit !important;}
    .header {padding: 20px 0;}
    .grid .starters-content-inner {width: 96%;}
    .starters-block {scroll-margin-top: 180px;}

}
@media only screen and (max-width:480px) {

    .nav-list ul {overflow-x: auto;display: flex;}
    .nav-list ul .menu-listItem {margin-bottom: 20px;}
    .nav-list ul .menu-listItem a.active {border-left: transparent;}
    .nav-list ul .menu-listItem .menu-nav {font-size: 14px;white-space: nowrap;}
    .nav-list ul::-webkit-scrollbar {width: 6px; height: 6px !important;}
    .nav-list ul::-webkit-scrollbar-track {border-radius: 8px;background-color: #e7e7e7;border: 1px solid #cacaca;}
    .nav-list ul::-webkit-scrollbar-thumb {border-radius: 8px;background-color: var(--color-default);}
    .starters-content-inner{margin-left: 2px;}
}