JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr.menu-card-body *, .menu-card-body :after, .menu-card-body :before { box-sizing: border-box; -webkit-tap-highlight-color: transparent; text-decoration: inherit; vertical-align: inherit; } html { outline: none; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } .menuTemplate h1, .menuTemplate .h1 { font: var(--h1); } .menuTemplate h2, .menuTemplate .h2 { font: var(--h2); } .menuTemplate h3, .menuTemplate .h3 { font: var(--h3); } .menuTemplate h4, .menuTemplate .h4 { font: var(--h4); } .menuTemplate h5, .menuTemplate .h5 { font: var(--h5); } .menuTemplate h6, .menuTemplate .h6 { font: var(--h6); } .menuTemplate h1, .menuTemplate h2, .menuTemplate h3, .menuTemplate h4, .menuTemplate h5, .menuTemplate h6 { margin: 0; } body { margin: 0; padding: 0; height: 100%; width: 100%; overflow-x: hidden; } .menuTemplate p, .menuTemplate li, .menuTemplate ul, .menuTemplate ol { margin: 0; padding: 0; list-style: none; font: var(--common-text); } .menuTemplate a { text-decoration: none; } .menuTemplate .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .menuTemplate .no-gutters { margin: 0 !important; } .menuTemplate .row [class*="col-"] { padding: 0 15px; } .menuTemplate .no-gutters [class*="col-"] { padding: 0; } /***** Columns *****/ .menuTemplate .col-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-1 { margin-left: 8.33333333%; } .menuTemplate .offset-2 { margin-left: 16.66666667%; } .menuTemplate .offset-3 { margin-left: 25%; } .menuTemplate .offset-4 { margin-left: 33.33333333%; } .menuTemplate .offset-5 { margin-left: 41.66666667%; } .menuTemplate .offset-6 { margin-left: 50%; } .menuTemplate .offset-7 { margin-left: 58.33333333%; } .menuTemplate .offset-8 { margin-left: 66.66666667%; } .menuTemplate .offset-9 { margin-left: 75%; } .menuTemplate .offset-10 { margin-left: 83.33333333%; } .menuTemplate .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .menuTemplate .col-sm { flex: 1 0 0%; } .menuTemplate .col-sm-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-sm-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-sm-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-sm-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-sm-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-sm-0 { margin-left: 0; } .menuTemplate .offset-sm-1 { margin-left: 8.33333333%; } .menuTemplate .offset-sm-2 { margin-left: 16.66666667%; } .menuTemplate .offset-sm-3 { margin-left: 25%; } .menuTemplate .offset-sm-4 { margin-left: 33.33333333%; } .menuTemplate .offset-sm-5 { margin-left: 41.66666667%; } .menuTemplate .offset-sm-6 { margin-left: 50%; } .menuTemplate .offset-sm-7 { margin-left: 58.33333333%; } .menuTemplate .offset-sm-8 { margin-left: 66.66666667%; } .menuTemplate .offset-sm-9 { margin-left: 75%; } .menuTemplate .offset-sm-10 { margin-left: 83.33333333%; } .menuTemplate .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .menuTemplate .col-md { flex: 1 0 0%; } .menuTemplate .col-md-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-md-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-md-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-md-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-md-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-md-0 { margin-left: 0; } .menuTemplate .offset-md-1 { margin-left: 8.33333333%; } .menuTemplate .offset-md-2 { margin-left: 16.66666667%; } .menuTemplate .offset-md-3 { margin-left: 25%; } .menuTemplate .offset-md-4 { margin-left: 33.33333333%; } .menuTemplate .offset-md-5 { margin-left: 41.66666667%; } .menuTemplate .offset-md-6 { margin-left: 50%; } .menuTemplate .offset-md-7 { margin-left: 58.33333333%; } .menuTemplate .offset-md-8 { margin-left: 66.66666667%; } .menuTemplate .offset-md-9 { margin-left: 75%; } .menuTemplate .offset-md-10 { margin-left: 83.33333333%; } .menuTemplate .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .menuTemplate .col-lg { flex: 1 0 0%; } .menuTemplate .col-lg-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-lg-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-lg-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-lg-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-lg-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-lg-0 { margin-left: 0; } .menuTemplate .offset-lg-1 { margin-left: 8.33333333%; } .menuTemplate .offset-lg-2 { margin-left: 16.66666667%; } .menuTemplate .offset-lg-3 { margin-left: 25%; } .menuTemplate .offset-lg-4 { margin-left: 33.33333333%; } .menuTemplate .offset-lg-5 { margin-left: 41.66666667%; } .menuTemplate .offset-lg-6 { margin-left: 50%; } .menuTemplate .offset-lg-7 { margin-left: 58.33333333%; } .menuTemplate .offset-lg-8 { margin-left: 66.66666667%; } .menuTemplate .offset-lg-9 { margin-left: 75%; } .menuTemplate .offset-lg-10 { margin-left: 83.33333333%; } .menuTemplate .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .menuTemplate .col-xl { flex: 1 0 0%; } .menuTemplate .col-xl-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-xl-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-xl-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-xl-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-xl-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-xl-0 { margin-left: 0; } .menuTemplate .offset-xl-1 { margin-left: 8.33333333%; } .menuTemplate .offset-xl-2 { margin-left: 16.66666667%; } .menuTemplate .offset-xl-3 { margin-left: 25%; } .menuTemplate .offset-xl-4 { margin-left: 33.33333333%; } .menuTemplate .offset-xl-5 { margin-left: 41.66666667%; } .menuTemplate .offset-xl-6 { margin-left: 50%; } .menuTemplate .offset-xl-7 { margin-left: 58.33333333%; } .menuTemplate .offset-xl-8 { margin-left: 66.66666667%; } .menuTemplate .offset-xl-9 { margin-left: 75%; } .menuTemplate .offset-xl-10 { margin-left: 83.33333333%; } .menuTemplate .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1400px) { .menuTemplate .col-xxl { flex: 1 0 0%; } .menuTemplate .col-xxl-auto { flex: 0 0 auto; width: auto; } .menuTemplate .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .menuTemplate .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .menuTemplate .col-xxl-3 { flex: 0 0 auto; width: 25%; } .menuTemplate .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .menuTemplate .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .menuTemplate .col-xxl-6 { flex: 0 0 auto; width: 50%; } .menuTemplate .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .menuTemplate .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .menuTemplate .col-xxl-9 { flex: 0 0 auto; width: 75%; } .menuTemplate .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .menuTemplate .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .menuTemplate .col-xxl-12 { flex: 0 0 auto; width: 100%; } .menuTemplate .offset-xxl-0 { margin-left: 0; } .menuTemplate .offset-xxl-1 { margin-left: 8.33333333%; } .menuTemplate .offset-xxl-2 { margin-left: 16.66666667%; } .menuTemplate .offset-xxl-3 { margin-left: 25%; } .menuTemplate .offset-xxl-4 { margin-left: 33.33333333%; } .menuTemplate .offset-xxl-5 { margin-left: 41.66666667%; } .menuTemplate .offset-xxl-6 { margin-left: 50%; } .menuTemplate .offset-xxl-7 { margin-left: 58.33333333%; } .menuTemplate .offset-xxl-8 { margin-left: 66.66666667%; } .menuTemplate .offset-xxl-9 { margin-left: 75%; } .menuTemplate .offset-xxl-10 { margin-left: 83.33333333%; } .menuTemplate .offset-xxl-11 { margin-left: 91.66666667%; } } .menuTemplate .d-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .menuTemplate .align-items-start { -ms-flex-align: start; align-items: flex-start; } .menuTemplate .align-items-end { -ms-flex-align: end; align-items: flex-end; } .menuTemplate .align-items-center { -ms-flex-align: center; align-items: center; } .menuTemplate .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .menuTemplate .justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .menuTemplate .justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .menuTemplate .justify-content-center { -ms-flex-pack: center; justify-content: center; } .menuTemplate .justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .menuTemplate .row-reverse { flex-direction: row-reverse; } .menuTemplate .direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menuTemplate .no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .menuTemplate .btn { text-align: center; padding: 12px 20px; font-weight: 500; color: #fff; appearance: none; outline: none; position: relative; font-size: 14px; line-height: 1; text-transform: capitalize; display: inline-flex; align-items: center; justify-content: center; -webkit-appearance: none; -moz-appearance: none; z-index: 1; gap: 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; cursor: pointer; font-family: var(--first-font); } /* ============================================= */ /* !!!! menu theme 1 css !!!! */ /* ============================================= */ :root .menu-theme-1 { --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #000000; --white: #FFFFFF; } /* menu theme 1 color variables 1 css strat */ :root .menu-theme-1.menu-color-v1 { --theme-color: #45BDBF; } /* menu theme 1 color variables 1 end strat */ /* menu theme 1 color variables 2 css strat */ :root .menu-theme-1.menu-color-v2 { --theme-color: #64AA39; } /* menu theme 1 color variables 2 css end */ /* menu theme 1 color variables 3 css strat */ :root .menu-theme-1.menu-color-v3 { --theme-color: #BE6B60; } /* menu theme 1 color variables 3 css end */ /* menu theme 1 color variables 4 css strat */ :root .menu-theme-1.menu-color-v4 { --theme-color: #6A9DA8; } /* menu theme 1 color variables 4 css end */ /* menu theme 1 color variables 5 css strat */ :root .menu-theme-1.menu-color-v5 { --theme-color: #D29D36; } /* menu theme 1 color variables 5 css end */ .menu-card { max-width: calc(560px - 30px); width: 100%; margin: auto; position: relative; } .menu-theme-1 .menu-card { padding: 30px 30px 30px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: var(--theme-color); } .menu-theme-1 .menu-card-inner { padding: 30px 20px; background-color: var(--white); border-radius: 0px 30px 30px 0; -webkit-border-radius: 0px 30px 30px 0; -moz-border-radius: 0px 30px 30px 0; -ms-border-radius: 0px 30px 30px 0; -o-border-radius: 0px 30px 30px 0; overflow: hidden; text-align: center; } .menu-theme-1 .menu-card-inner .card-title, .menu-theme-2 .menu-card-inner .card-title, .menu-theme-4 .menu-card-inner .card-title { margin-bottom: 20px; } .menu-theme-1 .menu-card-inner p, .menu-theme-2 .menu-card-inner p, .menu-theme-4 .menu-card-inner p { margin-bottom: 15px; } .menu-theme-1 .menu-card-inner .menu-btn-wrapper, .menu-theme-2 .menu-card-inner .menu-btn-wrapper, .menu-theme-4 .menu-card-inner .menu-btn-wrapper { margin-bottom: 20px; } .menu-theme-1 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-2 .menu-card-inner .menu-btn-wrapper .menu-btn { padding: 12px 25px; font-size: 16px; font-weight: 500; border-radius: 10px; background-color: var(--theme-color); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; text-align: center; font-family: var(--first-font); color: var(--black); min-width: 150px; display: block; } .menu-theme-1 .menu-card-inner .menu-card-img, .menu-theme-2 .menu-card-inner .menu-card-img, .menu-theme-3 .menu-card-inner .menu-card-img, .menu-theme-4 .menu-card-inner .menu-card-img { border-radius: 10px; position: relative; padding-top: 140%; display: block; overflow: hidden; } .menu-theme-1 .menu-card-inner .menu-card-img img, .menu-theme-2 .menu-card-inner .menu-card-img img, .menu-theme-3 .menu-card-inner .menu-card-img img, .menu-theme-4 .menu-card-inner .menu-card-img img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .menu-theme-1 .arrow-wrapper .menu-card-arrow { position: unset; width: 30px; height: 30px; border-radius: 5px; background-color: var(--theme-color); margin: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .menu-theme-1 .menu-card-content .menu-card-slider { margin-bottom: 20px; } .menu-theme-1 .arrow-wrapper { gap: 15px; flex-direction: row-reverse; } .menu-theme-1 .arrow-wrapper .menu-card-arrow::after { display: none; } .menu-theme-1 .menu-card-slider .swiper-wrapper { padding-bottom: 20px; } .menu-theme-1 .arrow-wrapper .menu-card-arrow svg { width: 17px; height: 17px; } .menu-theme-1 .arrow-wrapper .menu-card-arrow.swiper-button-prev svg { transform: scaleX(-1); } .menu-theme-1 .menu-link-wrapper .menu-link-btn { background-color: var(--theme-color); width: 100%; color: var(--black); line-height: 1.2; text-transform: unset; } .menu-theme-1 .menu-link-wrapper .menu-link-btn:hover, .menu-theme-1 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { background-color: var(--theme-color); color: var(--black); } body.menu-card-body::-webkit-scrollbar { width: 7px; height: 100%; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } body.menu-card-body::-webkit-scrollbar-thumb { background-color: #a3a3a3; } body.menu-card-body::-webkit-scrollbar-track { background-color: #DEDEDE; } /* ============================================= */ /* !!!! menu theme 2 css !!!! */ /* ============================================= */ :root .menu-theme-2 { --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #000000; --white: #FFFFFF; } /* menu theme 2 color variables 1 css strat */ :root .menu-theme-2.menu-color-v1 { --theme-color: #5D7B6F; } /* menu theme 2 color variables 1 end strat */ /* menu theme 2 color variables 2 css strat */ :root .menu-theme-2.menu-color-v2 { --theme-color: #A4C3A3; } /* menu theme 2 color variables 2 end strat */ /* menu theme 2 color variables 3 css strat */ :root .menu-theme-2.menu-color-v3 { --theme-color: #B0D4B8; } /* menu theme 2 color variables 3 end strat */ /* menu theme 2 color variables 4 css strat */ :root .menu-theme-2.menu-color-v4 { --theme-color: #EAE7D6; } /* menu theme 2 color variables 4 end strat */ /* menu theme 2 color variables 5 css strat */ :root .menu-theme-2.menu-color-v5 { --theme-color: #D7F9FA; } /* menu theme 2 color variables 5 end strat */ .menu-theme-2 .menu-card { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: var(--white); overflow: hidden; } .menu-theme-2 .menu-card .menu-card-inner { padding: 30px; text-align: center; position: relative; z-index: 1; color: var(--black); } .menu-theme-2 .menu-card .menu-bg-image { position: absolute; right: 0; left: 0; } .menu-theme-2 .menu-card .menu-bg-image.menu-bg-image1 { top: -350px; } .menu-theme-2 .menu-card .menu-bg-image.menu-bg-image2 { bottom: -130px; } .menu-theme-2 .menu-card .menu-card-img { margin-bottom: 25px; } .menu-theme-2 .menu-card-inner .menu-btn-wrapper .menu-btn { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .menu-theme-2 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-2 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { background-color: var(--black); color: var(--white); } .menu-theme-2.menu-color-v1 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-2.menu-color-v1 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { background-color: var(--white); color: var(--black); } .menu-theme-2 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-3 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-4 .menu-card-inner .menu-link-wrapper .menu-link-btn { width: 100%; text-transform: unset; } .menu-theme-2 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-2 .menu-card-inner .menu-link-wrapper .menu-link-btn:hover { background-color: var(--white); color: var(--black); line-height: 1.2; } /* ============================================= */ /* !!!! menu theme 3 css !!!! */ /* ============================================= */ :root .menu-theme-3 { --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #000000; --white: #FFFFFF; } /* menu theme 3 color variables 1 css strat */ :root .menu-theme-3.menu-color-v1 { --theme-color: #C9DAA0; } /* menu theme 3 color variables 1 end strat */ /* menu theme 3 color variables 2 css strat */ :root .menu-theme-3.menu-color-v2 { --theme-color: #CFA885; } /* menu theme 3 color variables 2 end strat */ /* menu theme 3 color variables 3 css strat */ :root .menu-theme-3.menu-color-v3 { --theme-color: #CFB3E3; } /* menu theme 3 color variables 3 end strat */ /* menu theme 3 color variables 4 css strat */ :root .menu-theme-3.menu-color-v4 { --theme-color: #C7D4C4; } /* menu theme 3 color variables 4 end strat */ /* menu theme 3 color variables 5 css strat */ :root .menu-theme-3.menu-color-v5 { --theme-color: #DFB9BA; } /* menu theme 3 color variables 5 end strat */ .menu-theme-3 .menu-card { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: var(--white); overflow: hidden; } .menu-theme-3 .menu-card .menu-card-inner { padding: 30px 20px; text-align: center; color: var(--black); background-color: var(--theme-color); } .menu-theme-3 .menu-card-inner .card-title { padding-bottom: 40px; position: relative; max-width: 80%; margin: 0 auto; } .menu-theme-3 .menu-card-inner .card-title::after { content: ''; width: 100%; height: 20px; border-radius: 50%; background-color: transparent; border-top: 2px solid var(--black); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; right: 0; bottom: 15px; } .menu-theme-3 .menu-card-inner .menu-center-slider { padding: 30px 50px; } .menu-theme-3 .menu-card-inner p:not(:last-of-type) { margin-bottom: 15px; } .menu-theme-3 .menu-card-inner .menu-btn-wrapper { margin-bottom: 25px; } .menu-theme-3 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-3 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { background-color: var(--white); color: var(--black); font-size: 18px; } .menu-theme-3 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-3 .menu-card-inner .menu-link-wrapper .menu-link-btn:hover { background-color: var(--white); color: var(--black); line-height: 1.2; } /* ============================================= */ /* !!!! menu theme 4 css !!!! */ /* ============================================= */ :root .menu-theme-4 { --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #000000; --white: #FFFFFF; } /* menu theme 4 color variables 1 css strat */ :root .menu-theme-4.menu-color-v1 { --theme-color: #B2B377; } /* menu theme 4 color variables 1 end strat */ /* menu theme 4 color variables 2 css strat */ :root .menu-theme-4.menu-color-v2 { --theme-color: #76ABAE; } /* menu theme 4 color variables 2 end strat */ /* menu theme 4 color variables 3 css strat */ :root .menu-theme-4.menu-color-v3 { --theme-color: #AA988A; } /* menu theme 4 color variables 3 end strat */ /* menu theme 4 color variables 4 css strat */ :root .menu-theme-4.menu-color-v4 { --theme-color: #B5838D; } /* menu theme 4 color variables 4 end strat */ /* menu theme 4 color variables 5 css strat */ :root .menu-theme-4.menu-color-v5 { --theme-color: #B2C194; } /* menu theme 4 color variables 5 end strat */ .menu-theme-4 .fourth-card-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .menu-theme-4 .menu-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); z-index: -1; } .menu-theme-4 .menu-card { padding: 20px; } .menu-theme-4 .menu-card .menu-card-inner { background: rgba(255, 255, 255, 0.6); border-radius: 10px; backdrop-filter: blur(25px); padding: 30px 20px; text-align: center; } .menu-theme-4 .menu-card-inner .menu-btn-wrapper .menu-btn { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; min-width: 150px; } .menu-theme-4 .menu-card-inner .menu-link-wrapper .menu-link-btn { line-height: 1.2; text-transform: unset; } .menu-theme-4 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-4 .menu-card-inner .menu-btn-wrapper .menu-btn:hover, .menu-theme-4 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-4 .menu-card-inner .menu-link-wrapper .menu-link-btn:hover { background-color: var(--theme-color); color: var(--black); } .menu-theme-4 .menu-card-content .row { row-gap: 15px; margin-bottom: 30px; margin-left: -7px; margin-right: -7px; } .menu-theme-4 .menu-card-content .row [class*="col-"] { padding: 0 7px; } /* ============================================= */ /* !!!! menu theme 5 css !!!! */ /* ============================================= */ :root .menu-theme-5 { --first-font: 'Poppins'; --h2: normal 600 38px/1.2 var(--first-font); --h3: normal 600 22px/1.2 var(--first-font); --h4: normal 600 18px/1.2 var(--first-font); --h5: normal 600 16px/1.2 var(--first-font); --h6: normal 600 16px/1.2 var(--first-font); --common-text: normal 400 14px/1.4 var(--first-font); --black: #000000; --white: #FFFFFF; } /* menu theme 5 color variables 1 css strat */ :root .menu-theme-5.menu-color-v1 { --theme-color: #345F47; --second-color: #F2FEDF; } /* menu theme 5 color variables 1 end strat */ /* menu theme 5 color variables 2 css strat */ :root .menu-theme-5.menu-color-v2 { --theme-color: #6196A6; --second-color: #B7E7F5; } /* menu theme 5 color variables 2 end strat */ /* menu theme 5 color variables 3 css strat */ :root .menu-theme-5.menu-color-v3 { --theme-color: #959C53; --second-color: #F3F9C1; } /* menu theme 5 color variables 3 end strat */ /* menu theme 5 color variables 4 css strat */ :root .menu-theme-5.menu-color-v4 { --theme-color: #EDB770; --second-color: #F9D5A5; } /* menu theme 5 color variables 4 end strat */ /* menu theme 5 color variables 5 css strat */ :root .menu-theme-5.menu-color-v5 { --theme-color: #F69190; --second-color: #FBC9C9; } /* menu theme 5 color variables 5 end strat */ .menu-theme-5 .menu-card .menu-card-inner { background-color: var(--theme-color); } .menu-theme-5 .menu-card .menu-card-inner .menu-top-content { background-color: var(--second-color); padding: 30px 20px; position: relative; } .menu-theme-5 .menu-card .menu-card-inner .fifth-card-bg { position: absolute; right: 0; bottom: -35%; z-index: 0; width: 33%; } .menu-theme-5 .menu-card-inner .fifth-card-bg img { width: 100%; height: 100%; } .menu-theme-5 .menu-card .menu-card-inner .card-title { max-width: 70%; width: 100%; position: relative; z-index: 1; } .menu-theme-5 .menu-card .menu-card-inner .card-title h2, .menu-theme-5 .menu-card .menu-card-inner .card-title p { margin-bottom: 15px; } .menu-theme-5 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-5 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { background-color: var(--theme-color); color: var(--black); } .menu-theme-5.menu-color-v1 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-5.menu-color-v1 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { color: var(--white); } .menu-theme-5 .menu-card-inner .menu-btn-wrapper .menu-btn { min-width: 130px; } .menu-theme-5 .menu-card .menu-card-content { position: relative; z-index: 1; padding: 70px 20px 30px; } .menu-theme-5 .menu-card .menu-card-img { border-radius: 10px; position: relative; padding-top: 65%; display: block; overflow: hidden; margin-bottom: 25px; } .menu-theme-5 .menu-card .menu-card-img img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .menu-theme-5 .menu-card-inner .menu-link-wrapper .menu-link-btn { width: 100%; line-height: 1.2; text-transform: unset; } .menu-theme-5 .menu-card-inner .menu-link-wrapper .menu-link-btn, .menu-theme-5 .menu-card-inner .menu-link-wrapper .menu-link-btn:hover { background-color: var(--second-color); color: var(--black); } .menu-theme-5.menu-color-v4 .menu-card-inner .menu-btn-wrapper .menu-btn, .menu-theme-5.menu-color-v4 .menu-card-inner .menu-btn-wrapper .menu-btn:hover { color: var(--black); }