/*
Theme Name: subway
Theme URI: 
Author: Sweans
Author URI: https://www.sweans.com
Description: A WordPress theme frame work
Requires at least: WordPress 5.0.0
Version: 1.0.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: subway
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Alignments
# Sidebars
# Widgets
# Preloader
# Header
# Navigation
  ## Links
  ## Menus
# Accessibility
# Content
    ## Posts and pages
  ## Asides
  ## Comments
# Media
  ## Captions
  ## Galleries
# Post Format
# Pagination
# Footer
# Social Share
# Load more
# Responsive
--------------------------------------------------------------*/
@font-face {
    font-family: "Subway Sans LCG-WebF Reg";
    src: url("./fonts/SubwaySans/LCG-webfonts/regular/SubwaySans-Regular-Cy-Gr-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/regular/SubwaySans-Regular-Cy-Gr-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Subway Sans LCG-WebF Med";
    src: url("./fonts/SubwaySans/LCG-webfonts/medium/SubwaySans-Medium-Cy-Gr-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/medium/SubwaySans-Medium-Cy-Gr-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Subway Sans LCG-WebF Bold";
    src: url("./fonts/SubwaySans/LCG-webfonts/bold/SubwaySans-Bold-Cy-Gr-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/bold/SubwaySans-Bold-Cy-Gr-Web.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Subway Sans LCG-WebF SuperBold";
    src: url("./fonts/SubwaySans/LCG-webfonts/super/SubwaySans-Super-Cy-Gr-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/super/SubwaySans-Super-Cy-Gr-Web.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Subway Sans LCG-WebF Cond Med";
    src: url("./fonts/SubwaySans/LCG-webfonts/cond/medium/SubwaySansCond-Medium-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/cond/medium/SubwaySansCond-Medium-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Subway Sans LCG-WebF Cond Black";
    src: url("./fonts/SubwaySans/LCG-webfonts/cond/black/SubwaySans-Bold-Cy-Gr-Web.woff2") format("woff2"),
        url("./fonts/SubwaySans/LCG-webfonts/cond/black/SubwaySans-Bold-Cy-Gr-Web.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;

  font-feature-settings: "liga" 0;

}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.clear {clear: both;}
html,
body {
  font-size: 100%;
  height: 100%;
}
body {
  font-family: "Subway Sans LCG-WebF Reg", sans-serif;
  margin: 0;
  background-color: #fff;
  transition: all 250ms ease-in-out;
}
body,
th,
td,
input,
textarea {
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
}
input.text {
  background: #ffffff;
  border: none;
  padding: 1px;
}
input.button {
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: 500;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 28px;
}
h2.wp-block-heading {
    padding-bottom: 10px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 19px;
}
h6 {
  font-size: 17px;
}
strong {
  font-weight: 700;
}
p,
ul,
ol {
  font-size: 16px;
  line-height: 28px;
}
ul {list-style: none;}
ul li {
  padding-left: 20px;
}
#access ul li {
  background-image: none;
}
ol { margin-left: 20px; }
ol li {
  margin-left: 15px;
  padding-left: 5px;
}
ol li::marker {
  color: #dd8e45;
  font-size: 16px;
}
ul li, ol li {
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
ul li:last-child, ol li:last-child, p:last-child {
  padding-bottom: 0;
}
ul, ol {
  padding-bottom: 20px;
}
th, td {
  border: 3px solid #ffffff;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  background: #0d02640a;
  color: #005ae2;
  font-size: 19px;
  line-height: 24px;
}
th {
  letter-spacing: 0.5px;
  font-weight: 700;
  padding: 22px 10px;
}
.product-DataContainer table {
  width: 100%;
}
.product-DataContainer th, .product-DataContainer td {
  border: 3px solid #f2f2f2;
  background: #0d02640a;
  color: #979393;
}
blockquote {
  margin-left: 36px;
  margin-right: 36px;
}
a {
  color: #008938;
  text-decoration: none;
  transition: 250ms all ease-in-out;
}
a:hover {
  border: none;
  color: #ecb830;
}
h1 a,
h2 a,
h3 a {
  border: none;
  color: #000;
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
  background: none;
  color: #ecb830;
}
hr {
  display: none;
}
section {
  float: left;
  width: 100%;
  position: relative;
}
img {
  max-width: 100%;
  display: block;
}
#search {
  float: right;
  width: 270px;
  padding-top: 10px;
}
#search fieldset {
  border: none;
}
#search #s {
  padding: 3px;
  width: 140px;
  vertical-align: top;
}
#search #x {
  width: 60px;
  vertical-align: top;
}
#logo-wrapper {
  height: 160px;
  margin: 0 auto;
  width: 1700px;
  background-color: #a8a8a8;
  background-repeat: no-repeat;
}
#page {
  float: left;
  background: #ffffff;
  width: 100%;
  min-height: 500px;
}
.contentmain {
  width: 490px;
  float: left;
}
#content {
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}
.post .title {
  font-weight: normal;
  margin: 0;
}
h1.title {
  color: #333333;
  font-size: 26px;
  font-weight: normal;
}
h2.title {
  color: #371015;
  font-size: 16px;
}
.desctitle {
  font-size: 10px;
}
.post h1.title {
  font-size: 24px;
  height: auto;
}
.entry ul {
    padding-left: 0;
    list-style: disc;
    list-style-position: inside;
}
.entry a {
  color: #237c91;
  transition: 300ms all ease-in-out;
  word-break: break-word;
}
.entry a:hover {text-decoration: underline;}
.post .meta {
  border-bottom: 1px dotted #cccccc;
  color: #333333;
  font-size: 14px;
}
.navigation {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navigation a {
  font-size: 14px;
  font-weight: bold;
}
.post .meta a {
  color: #333333;
}
.post .links {
  margin: 0;
}
.post .tags {
  font-size: 9px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}
.post .links a,
.post .tags a {
  border: none;
}
.leftsidebar {
  width: 245px;
  float: left;
}
.rightsidebar {
  width: 245px;
  float: right;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar li {
  background-color: #c6c6c6;
  padding: 5px;
}
#sidebar li li {
  margin: 0;
}
#sidebar li h2 {
  margin: 0;
}
#sidebar li h2 {
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
  background-color: #333333;
  text-align: center;
}
#sidebar li ul {
  line-height: normal;
  padding-left: 5px;
  padding-right: 5px;
}
#sidebar li li {
  /* background-image: url(images/list.jpg); */
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#sidebar li li li {
  /* background-image: url(images/list.jpg); */
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px;
}
#calendar {
  margin: 0 auto;
}
#calendar caption {
  font-weight: bold;
}
#calendar table {
  border-collapse: collapse;
  text-align: center;
  width: 220px;
}
#calendar thead th {
  background: #cccccc;
  color: #ffffff;
}
#calendar tbody td {
  background: #eeeeee;
}
#calendar #today {
  background: #b8d03b;
  color: #ffffff;
  font-weight: bold;
}
#calendar a {
  font-weight: bold;
}
#calendar #prev {
  text-align: left;
}
#calendar #next {
  text-align: right;
}
.comlabel {
  color: #666666;
  font-size: 13px;
  font-weight: lighter;
}
.comtext {
  background-color: #371015;
  border: 5px solid #ffffff;
  color: #ffffff;
  padding: 5px;
}
.postlabel {
  color: #666666;
  font-size: 13px;
  font-weight: lighter;
}
.posttext {
  background-color: #371015;
  border: 5px solid #ffffff;
  color: #ffffff;
  padding: 5px;
}
.commentlist {
  list-style: none;
}
.authorcomment {
  background-color: #efefef;
  margin: 10px 0px 0px 0px;
  padding: 3px;
}
.odd {
  color: #333333;
  background-color: #eaeaea;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
}
.odd a:link {
  color: #000000;
}
.commenttext {
  color: #000000;
  color: #000000;
  font-size: 10px;
  margin: 0px 0px 10px 0px;
  padding: 5px 10px 5px 10px;
  background-color: #eaeaea;
}
#author,
#email,
#url {
  background: #fbfbfb;
  border: 1px solid #cbcbcb;
  padding: 3px;
  width: 40%;
  margin-bottom: 5px;
}
#comment {
  background: #fbfbfb;
  border: 1px solid #cbcbcb;
  margin-bottom: 0.6em;
  padding: 3px;
  width: 95%;
}
#submit {
  background-color: #efefef;
  border-bottom: 2px solid #cccccc;
  border-left: 1px solid #e4e4e4;
  border-right: 2px solid #cccccc;
  border-top: 1px solid #e4e4e4;
  padding: 3px;
}
blockquote {
    background-image: url(images/blockquote.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 39px;
    padding-bottom: 60px;
    padding-left: 0;
}
blockquote cite {
  display: block;
  margin: 5px 0 0;
}
.center {text-align: center;}
.center img { display:inline-block; vertical-align:top; }
.aligncenter {
  margin-right: auto;
  margin-left: auto;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a img {
  border: none;
}
pre {
  background: #f3f2ed;
  border: solid 1px #9a9a9a;
  color: blue;
  margin: 10px;
  padding: 10px;
}
code {
  color: #000;
  font-size: 1em;
}
p img {
  padding: 0;
  max-width: 100%;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
.post-password-form input[type="password"] {
  border: 1px solid #f90;
  height: 30px;
  padding: 0 5px;
}
.post-password-form input[type="submit"] {
  background: #f90;
  border: none;
  height: 30px;
  cursor: pointer;
  color: #fff;
  transition: all 250ms ease-in-out;
}
.post-password-form input[type="submit"]:hover {
  background: #ecb830;
  transition: all 250ms ease-in-out;
}
.post-comment-block .comments-area {
  float: left;
  width: 100%;
}
.post-comment-block .comments-area ul {
  float: left;
  width: 100%;
  padding-left: 15px;
}
.post-comment-block .comments-area ul li {
  float: left;
  width: 100%;
  padding-left: 15px;
}
.post-comment-block .comments-area ul li.media {
  padding-bottom: 30px;
}
.post-comment-block .comments-area ul li .media-left-avatar {
  float: left;
  width: auto;
  border-radius: 50%;
}
.post-comment-block .comments-area ul li .media-left-avatar img {
  float: left;
  width: 50px;
  border-radius: 50%;
  height: 50px;
}
.post-comment-block .comments-area ul li .media-body {
  float: left;
  width: auto;
  padding-left: 30px;
}
.post-comment-block .comments-area ul li.media .children {
  padding-top: 30px;
}

.home-page-section-one-half img {
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
}
.home-page-section-one-half img:hover {
  opacity: 0.7;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.home-page-section-two-each-service {
  width: 20%;
  background: #014f60;
  box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
  border-radius: 14px;
  box-sizing: border-box;
  padding: 24px 24px 41px 24px;
  max-width: 260px;
  transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
    0.3s box-shadow,
    0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
}

.entry p {
  padding-bottom: 20px;
  color: #3A3D4F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
input::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1;
}
input::-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
textarea::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1;
}
textarea::-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}

.site-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 0;
    padding: 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
#page { padding-top: 80px; }
.header-container {
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
}
.sw-container {
    max-width: 100%;
    width: 1280px;
    margin: 0 auto;
}
.site-logo {
    flex-shrink: 0;
}
.site-logo img {
    height: auto;
    width: auto;
    display: block;
}
.header-right {
    display: flex;
    align-items: center;
    gap: 40px;
}
.menu-header {
    border-left: 1px solid #ccc;
}
.main-navigation {
    display: flex;
    align-items: center;
}
.main-navigation ul {
    display: flex;
    list-style: none;
    gap: 25px;
    margin: 0;
    padding: 0;
    padding-left: 25px;
}
.main-navigation ul li {
    padding-left: 0;
}
.main-navigation a {
    font-family: "Subway Sans LCG-WebF Cond Med", sans-serif;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 133.333%;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
    text-transform: uppercase;
}
.current_page_item a {
    color: #008938;
}
.main-navigation a:hover {
    color: #ecb830;
}
.cta-button {
    font-family: "Subway Sans LCG-WebF Cond Med", sans-serif;
    display: inline-flex;
    padding: 13px 10px;
    justify-content: center;
    align-items: center;
    background-color: #008938;
    color: #fff;
    border: none;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 133.33%;
    outline: none;
    min-width: 220px;
}
.cta-button:hover {
    background-color: #ecb830;
    color: #fff;
}
.cta-button .svgOuter {
    display: inline-flex;
    background: #000;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    width: 37px;
    height: 37px;
    justify-content: center;
    align-items: center;
}
.cta-button svg {
    width: 23px;
    flex-shrink: 0;
}
.cta-button svg path {
    fill: #fff;
}
.cta-button:hover .svgOuter {
  background: #fff;
}
.cta-button:hover svg path {
    fill: #000;
}
#mobileMenu {
  display: none;
}
.full-width {
    display: flex;
    padding: 40px 0;
}

.flexbox {
  display: flex;
  flex-wrap: nowrap;
}
.faq .flexbox {
    flex-wrap: wrap;
    gap: 15px;
}




/*Footer*/
footer {
  float: left;
  width: 100%;
}
.site-footer {
    border-top: 1px solid #EAEAEA;
    padding-top: 60px;
}
.footer-container.flexbox {
    flex-direction: column;
}
.footerTop-Content.flexbox {
    justify-content: space-between;
}

#footerTop {
    padding-bottom: 80px;
}
#footerTop h3 {
    font-family: "Subway Sans LCG-WebF Cond Med", sans-serif;
    font-size: 24px;
    line-height: 137.5%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding-bottom: 40px;
}
#menu-footer-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    gap: 20px 158px;
    padding-bottom: 0;
}
.footer-main-nav li { padding-left: 0; }
.footer-main-nav li a {
    color: #000;
    font-family: "Subway Sans LCG-WebF Med", sans-serif;
    font-size: 14px;
    line-height: 128.57%;
}
.footer-main-nav li a:hover { color: #ecb830; }
.langs {
    font-family: "Subway Sans LCG-WebF Med", sans-serif;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 128.571%;
}
.langs img {
    margin-right: 16px;
}

#footerBottom {
    border-top: 1px solid #EAEAEA;
    padding: 40px 0 38px;
}
#footerBottom .flexbox {
    justify-content: space-between;
}
.footer-BTMnav-header {
    display: inline-block;
    vertical-align: top;
}
.footer-BTMnav-header .menu {
    padding-bottom: 0;
}
.footer-BTMnav-header .menu li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding: 0 10px 0 0;
}
.footer-BTMnav-header .menu li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    background: #000;
    margin-right: 10px;
}
.footer-BTMnav-header .menu li:first-child { padding-left: 0; }
.footer-BTMnav-header #menu-footer-menu-2.menu li:first-child::before { display: none; }
.footer-BTMnav-header .menu li a {
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    color: #000;
}
.footer-BTMnav-header .menu li a:hover { text-decoration: underline; }
#fooBot-copyright {
    margin-top: 8px;
}
.subway-copyright p {
    color: #6E6E6E;
    font-size: 12px;
    line-height: 158.33%;
}
#footerBottom .socialMedia.flexbox {
    justify-content: flex-end;
    gap: 18px;
}
.socialMedia-Icons svg {
  transition: 300ms all ease-in-out;
}
.socialMedia-Icons:hover svg {
    transform: translateY(-1.5px);
}


/**/


/*Header*/
.hero-section {
    min-height: 480px;
    display: flex;
    align-items: center;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    background: var(--Sub-3537, #00491E);
    box-shadow: 0 8.74px 34.959px 0 rgba(0, 0, 0, 0.20);
}
.hero-section:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 951px;
    background-image: url('./images/herobg_white_shadow.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
.hero-section1 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 8.74px 34.959px 0 rgba(0, 0, 0, 0.20);
}
.hero-container {
    /* max-width: 1400px; */
    margin: 0 auto;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    position: relative;
}
.hero-container1.sw-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.hero-content {
    flex: 1;
    max-width: 650px;
    z-index: 2;
    /* width: 50%; */
}
.hero-content h1, .hero-content1 h1  {
    font-family: "Subway Sans LCG-WebF Bold", Arial, sans-serif;
    font-size: 52px;
    color: #ffffff;
    margin-bottom: 24px;
    line-height: 121%;
}
.hero-content1 {
    width: 100%;
    text-align: center;
    transform: translateY(186px);
    max-width: 90%;
    margin: 0 auto;
}
.hero-content1 h1 {
    margin-bottom: 0;
    font-size: 100px;
    line-height: 110%;
}
.hero-content .tagline {
    font-family: "Subway Sans LCG-WebF Med", Arial, sans-serif;
    font-size: 18px;
    color: #ffffff;
    line-height: 161%;
}
.hero-content .description { margin-bottom: 32px; }
.description.terms-link { margin-bottom: 0; }
.hero-content .description p {
    font-size: 18px;
    color: #ffffff;
    line-height: 161%;
}
.hero-content .terms-link a {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    line-height: 162.5%;
    transition: opacity 0.3s ease;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: 250ms all ease-in-out;
}
.hero-content .terms-link a:hover {
    color: #ecb830;
}
.hero-image {
    /* flex: 1; */
    /* width: 50%; */
    max-width: 600px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
}
.hero-image img {
    max-width: 542px;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}

/*cater boxes*/
.catering-section {
    padding: 80px 0;
}
.catering-section .flexbox {
  gap: 115px;
  align-items: center;
}
.image-column {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catering-image {
    max-width: 100%;
    height: auto;
    display: block;
}

.content-column {
    flex: 1;
    max-width: 550px;
}

.heading {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    font-size: 36px;
    line-height: 130.5%;
    padding-bottom: 20px;
    color: #000000;
}
.catering-section .description { margin-bottom: 32px; }
.catering-section .description p {
    font-size: 18px;
    line-height: 161.11%;
    color: #333333;
    padding-bottom: 15px;
}

/*Banner STARTS*/
.catering-page {
    width: 100%;
    overflow-x: hidden;
}
.catering-banner-section {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.catering-banner-background {
	width: 100%;
	/* height: 490px; */
	/* background-size: cover; */
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1920px;
	margin: 0 auto;
	background-size: contain;
	aspect-ratio: 1920 / 490;
}
.catering-banner-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.catering-banner-container {
    padding: 0 0 0 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}
.catering-banner-container.overlapping-container-exist {
  align-items: flex-start;
}
.catering-banner-text {
    color: #fff;
    padding: 22px 0 0 0;
    font-family: "Subway Sans LCG-WebF Cond Black", sans-serif;
    font-size: 100px;
    text-transform: uppercase;
    line-height: 100%;
    letter-spacing: 2.6px;
}
.catering-banner-text span {
    color: #ecb839;
}
.catering-banner-text h1,
.catering-banner-text h2,
.catering-banner-text h3 {
    margin: 0 0 20px 0;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
}
.catering-banner-text h1 {
    font-size: 64px;
    color: #fff;
}
.catering-banner-text h2 {
    font-size: 48px;
}
.catering-banner-text h3 {
    font-size: 36px;
}
.catering-banner-text p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 15px 0;
}
.catering-banner-text .yellow-text,
.catering-banner-text [style*="color"] {
    color: #FFC600;
}
.catering-banner-image {
    display: flex;
    align-items: center;
    padding-left: 0;
    justify-content: flex-end;
}

.catering-banner-image img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.catering-banner-text,
.catering-banner-image {
    opacity: 1;
    visibility: visible;
}
.catering-page-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 40px;
}
.text-white {
    color: #fff !important;
}
.text-yellow {
    color: #FFC600 !important;
}
.text-bold {
    font-weight: bold !important;
}
.catering-banner-image img {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.catering-banner-text {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
/*Banner ENDS*/
/*Inner Page Intro*/
#intro {
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 2;
}
#intro.makemetranslateUP {
    /* transform: translateY(-110px); */
    margin-top: -110px;
}
.intro-container {
    max-width: 962px;
    justify-content: flex-start;
    align-items: center;
    padding: 40px;
    flex-direction: column;
    border-radius: 5px;
    background: var(--White, #FFF);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
}
.intro-container h2 {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    font-size: 60px;
    line-height: 120%;
    padding-bottom: 10px;
}
.intro_desc { padding-bottom: 30px; }
.intro_desc p {
    font-family: "Subway Sans LCG-WebF Reg", sans-serif;
    font-size: 18px;
    line-height: 161.111%;
    padding: 0;
    margin: 0;
}
/**/

/*Normal Content Styles*/
/* Normal Content Section */
#normalContent.aboutpg {
    padding: 60px 0;
    background: #fff;
}
.sw-container.normal-content-container {
    max-width: 762px;
}
.normal-content-container {
    padding-bottom: 20px;
}
.normal-content-container p {
    color: var(--Black, #000);
    font-size: 18px;
    line-height: 161.11%;
    padding-bottom: 30px;
}
.normal-content-container p:last-child { padding-bottom: 0; }
.normal-content-container blockquote p {
    font-family: "Subway Sans LCG-WebF Bold";
    font-size: 36px;
    line-height: 130.556%;
}

/**/
/*Store Locator*/
.full-width.storelocator {
    padding: 0;
}
.map-container {
    width: 100%;
    max-width: 100%;
    display: flex;
}
.map-container .asl-cont .sl-container, .map-container .asl-cont .sl-container-lg, .map-container .asl-cont .sl-container-md, .map-container .asl-cont .sl-container-sm, .map-container .asl-cont .sl-container-xl {
    max-width: 100%;
}
#asl-storelocator.asl-cont.asl-template-5 .sl-main-cont .asl-main-info-panel .sl-addr-sec .sl-cat-tag ul {
    align-items: flex-start;
}

/**/

/*Allergens*/
#detailsContent .sw-container {
    max-width: 762px;
    flex-wrap: wrap;
}
#detailsContent h2 {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    color: #000;
    font-size: 52px;
    font-weight: 900;
    line-height: 121.5%;
    padding-bottom: 12px;
}
#detailsContent h3 {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    color: #000;
    font-size: 24px;
    line-height: 129.16%;
    padding: 10px 0;
}
#detailsContent p {
    color: #000;
    font-size: 16px;
    line-height: 162.5%;
    padding-bottom: 20px;
}
#detailsContent ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#detailsContent li {
    width: 100%;
    padding: 20px 20px 20px 59px;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    margin-bottom: 20px;
    background-image: url('./images/Download.svg');
    background-repeat: no-repeat;
    background-position: 20px 19px;
    background-size: auto;
    transition: 300ms all ease-in-out;
}
#detailsContent li:hover {
    background-color: #ecb83042;
}
#detailsContent li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
span.docTitle, span.docType {
    color: #000;
    font-family: "Subway Sans LCG-WebF Cond Med", sans-serif;
    font-size: 18px;
    line-height: 133.33%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
span.docType {
    color: #6E6E6E;
}

/*ENDS*/

/**/
#wannaContent {
    padding: 20px 60px 85px;
}
.wanna-container.flexbox, .wanna-container-mob.flexbox {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 50px;
    height: 640px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    position: relative;
    z-index: 3;
}
.wanna-container::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
    border-radius: 5px;
    z-index: -1;
}
.wanna-container h2, .wanna-container .wanna_desc {
    max-width: 505px;
    color: #fff;
}
.wanna-container h2, .wanna-container-mob h2 {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    font-size: 44px;
    line-height: 129.54%;
    margin-bottom: 10px;
}
.wanna_desc, .wanna-container-mob .wanna_desc {
    font-size: 16px;
    line-height: 162.5%;
    margin-bottom: 20px;
}
.wanna-container-mob { display: none; }

/*ENDS*/










.slick-slider {
    max-width: 100%;
}
p:last-child, li:last-child, ol:last-child { 
  padding-bottom: 0;
  margin-bottom: 0;
}
.pgHeader {
    padding: 60px 0;
}
h1.innerpgTitle {
    font-family: "Subway Sans LCG-WebF Bold";
    color: var(--Black, #000);
    font-size: 60px;
    line-height: 120%;
}

#help {
    padding: 60px 0;
    background: #F6F6F6;
}
.help-container.flexbox {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 565px;
}
.help-container .fresh-future-title, .help-container .fresh-future-description p {
    color: #000;
    text-align: center;
}
.help-title {
    font-family: "Subway Sans LCG-WebF Bold", sans-serif;
    font-size: 36px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: capitalize;
    font-weight: 700;
}
.help-desc {
  margin-bottom: 30px;
}
.help-desc p {
    font-size: 18px;
    line-height: 161%;
    color: #FFFFFF;
    margin: 0 0 15px 0;
    padding: 0;
}
.help-desc p {  margin-bottom: 0; }



/*Responsive styles*/
@media only screen and (max-width: 1900px) {
  .swcontainer, .header-wrapper { max-width: 87%; }
  .pathway-card { width: calc((100% - 12px) / 3); }
}
@media only screen and (max-width: 1799px) {
    
}
@media only screen and (max-width: 1680px) {
    .hero-content h1 { font-size: 48px; }
}
@media only screen and (max-width: 1600px) {
  /* .hero-section1 {padding-bottom: 60px;} */
    .hero-content1 h1 { font-size: 80px;}
    .hero-image img { max-width: 500px; }
    .catering-banner-text { font-size: 90px; }
    .intro-container h2 { font-size: 55px; }
    .normal-content-container blockquote p { font-size: 32px; }
    blockquote {
        margin-top: 25px;
        padding-bottom: 55px;
        background-size: 32px;
    }
    h1.innerpgTitle { font-size: 50px; }
    #intro.makemetranslateUP { margin-top: -72px; }
}
@media only screen and (max-width: 1440px) {
    .sw-container { max-width: 87%; }
    .hero-content1 { transform: translateY(120px); }
    .hero-content1 h1 { font-size: 70px;}
    .main-navigation a { font-size: 17px; }
    .hero-content h1 { font-size: 46px; }
    .catering-banner-text { font-size: 83px; }
    .intro-container h2 { font-size: 52px; }
    .normal-content-container blockquote p { font-size: 30px; }
}

@media only screen and (max-width: 1366px) {
    .hero-content h1 { font-size: 42px; }
    .hero-content1 h1 { font-size: 65px;}
    .hero-image img { max-width: 450px; }
    .catering-banner-text { font-size: 70px; }
    blockquote {
      margin-top: 20px;
      padding-bottom: 40px;
      background-size: 30px;
  }
}

@media only screen and (max-width: 1280px) {
    .hero-image img { max-width: 400px; }
    .catering-section .sw-container {
        max-width: 100%;
        padding-right: 60px;
    }
    .footer-BTMnav-header { width: 100%; }
    .footer-BTMnav-header #menu-footer-menu-3.menu li:first-child::before { display: none;}
    .footer-BTMnav-header #menu-footer-menu-3.menu li:first-child { padding-left: 0; }
    .catering-banner-text { font-size: 65px; }
    .intro-container h2 { font-size: 50px; }
    #intro.makemetranslateUP { margin-top: -45px; }
}
@media only screen and (max-width: 1100px) {
    .hero-content1 h1 { font-size: 50px; }
}
@media only screen and (max-width: 1152px) {
    .hero-content h1 { font-size: 36px; }
}

@media only screen and (max-width: 1080px) {
  .hero-content1 { transform: translateY(80px); }
    .catering-banner-text { font-size: 60px; }
    .intro-container { max-width: 87%; }
}

@media only screen and (max-width: 1024px) {
    .mob-menu-logo-holder {
        display: flex;
        align-items: center;
    }
    #page { padding-top: 0; }
    .sw-container, .sw-container.normal-content-container { max-width: 92%; }
    #intro.makemetranslateUP { margin-top: -30px; }
    #detailsContent .sw-container { max-width: 80%; }
    #wannaContent {padding: 0;}
    .wanna-container, .wanna-container-mob {
        margin: 0 auto;
        max-width: 92%;
    }
    .hero-container {gap: 40px;}
    /* .hero-content1 { transform: translateY(105px); } */
    .hero-content h1 {font-size: 32px;}
    .hero-content .tagline, .hero-content .description p {
        font-size: 16px;
    }
    .hero-image img { max-width: 336px; }
    .heading { font-size: 26px; }
    .catering-section .sw-container { padding-right: 40px; }
    #footerBottom > .flexbox {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 40px;
    }
    .fooBot-Cols { width: 100%; }
    #footerBottom .socialMedia.flexbox { justify-content: flex-start; }
    #fooBot-Cols-Right { order: 1; }
    #fooBot-Cols-Left { order: 2; }
    .footer-BTMnav-header .menu li {
        display: inherit;
        padding: 0;
        margin-bottom: 10px;
    }
    .footer-BTMnav-header .menu li::before { display: none;}
    #fooBot-menuRow {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 20px;
    }
    #footerBottom { padding: 40px 0 20px; }
    /* .catering-banner-background {
        height: 420px;
    } */
    .catering-banner-container {
        padding: 0 30px;
        gap: 30px;
    }
    .catering-banner-text h1 {font-size: 42px;}
    .catering-banner-text h2 {font-size: 36px;}
    .catering-banner-text h3 {font-size: 28px;}
    .catering-banner-text p {font-size: 16px;}
    .intro-container h2 { font-size: 48px; }
    #intro { margin-top: 60px; }

}
@media only screen and (max-width: 880px) {
  .hero-content1 h1 { font-size: 40px; }
    .catering-section {
        padding: 40px 0;
    }
    .catering-banner-text { font-size: 55px; }
}

@media (max-width: 768px) {
  .hero-content1 {
    transform: translateY(87px);
  }
  .hero-image1 {
    background: var(--Sub-3537, #00491E);
    padding-top: 80px;
  }
    h1.innerpgTitle { font-size: 45px; }
    .mobmenul-container { margin-left: 22px!important; }
    .sw-container, .sw-container.normal-content-container { max-width: 90%; }
    #detailsContent .sw-container { max-width: 85%; }
    .wanna-container, .wanna-container-mob {max-width: 90%;}
    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    .hero-section {
        padding: 40px 0;
        min-height: auto;
    }
    .hero-content {
        max-width: 100%;
    }
    .hero-image {
        max-width: 100%;
        justify-content: center;
    }
    .hero-image img { max-width: 262px; }
    .catering-section .flexbox {
        flex-direction: column;
        gap: 40px;
    }
    .catering-section .sw-container {
        padding-right: 0;
    }
    .footerTop-Content.flexbox {
        flex-direction: column;
        row-gap: 50px;
    }
    #footerTop, .site-footer { padding-bottom: 40px; }
    #footerTop h3 { padding-bottom: 20px; }
    .catering-page-content {
        padding: 40px 20px;
    }
    .catering-banner-background {
        height: auto;
        /* min-height: 490px; */
        padding: 40px 0;
    }
    .catering-banner-container {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 20px;
    }
    .catering-banner-text {
        order: 1;
        padding: 0;
        text-align: center;
    }
    .catering-banner-image {
        order: 2;
        padding-left: 0;
        justify-content: center;
    }
    .catering-banner-text h1 {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .catering-banner-text h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .catering-banner-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .catering-banner-text p {
        font-size: 15px;
        line-height: 1.5;
    }
    .catering-banner-image img {
        max-width: 100%;
    }
    .catering-banner-text { font-size: 50px; }
    .intro-container h2 {
        font-size: 38px;
        line-height: 128%;
    }
    .intro-container h2, .intro_desc {
        text-align: center;
    }
    .normal-content-container blockquote p { font-size: 26px; }
    #detailsContent h2 {
        font-size: 38px;
        line-height: 128.94%;
    }
    #detailsContent h3 {
        font-size: 24px;
        line-height: 136.364%;
    }
    .wanna-container h2, .wanna-container .wanna_desc, .wanna-container .cta-button, .wanna-container::before { display: none; }
    .wanna-container.flexbox { 
        height: 388px; 
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .wanna-container-mob { 
        display: flex;
        margin-bottom: 60px;
    }
    .wanna-container-mob.flexbox {
        height: auto;
        border-radius: 0 0 5px 5px;
        background: var(--Black, #000);
        padding: 20px;
    }
    .wanna-container-mob h2, .wanna-container-mob p { color: #fff; }
    .wanna-container-mob h2 {
        font-size: 32px;
        line-height: 131.25%;
    }
    .wanna-container-mob p {
        font-size: 16px;
        line-height: 162.5%;
    }
    .wanna-container-mob .wanna_desc { 
        padding-bottom: 30px; 
        margin-bottom: 0;
    }
    .wanna-container-mob .cta-button {
        color: var(--Black, #000);
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
        background: #fff;
    }
    #intro.makemetranslateUP {
      margin: 60px 0 0;
    }

}

@media only screen and (max-width: 650px) {
  .hero-content1 { transform: translateY(65px); }
}

@media only screen and (max-width: 600px) {
  /* .hero-image1 {
    background: var(--Sub-3537, #00491E);
    padding-top: 80px;
  } */
    .content-column { padding: 0 20px; }
    .catering-section .content-column .cta-button {
        width: 100%;
    }
    #menu-footer-menu { gap: 20px 85px; }
    .intro-container h2 { font-size: 35px; }
    .wanna-container.flexbox { height: 288px; }
}
@media only screen and (max-width: 530px) {
  .hero-content1 h1 {
    font-size: 34px;
  }
    .mob-menu-logo-holder { margin-left: 10px!important; }
    #intro.makemetranslateUP {
      margin: 50px 0 0;
    }
}
@media (max-width: 480px) {
    .hero-content .tagline {font-size: 16px;}
    .hero-content .description p, .catering-section .description p {font-size: 15px;}
    .catering-banner-background {
        /* min-height: 400px; */
        padding: 30px 20px;
    }
    .catering-banner-container {
        padding: 0 15px;
        gap: 20px;
    }
    .catering-banner-text h1 {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .catering-banner-text h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .catering-banner-text h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .catering-banner-text p {font-size: 14px;}
    .catering-banner-image img {max-width: 100%;}
    .wanna-container.flexbox { height: 188px; }
}
@media only screen and (max-width: 428px) {
    #menu-footer-menu { gap: 14px 40px; }
    .footer-main-nav li a { line-height: 90.57%; }
}
@media only screen and (max-width: 400px) {
  .hero-content1 {
    transform: translateY(50px);
  }
    .catering-banner-text { font-size: 42px; }
}
@media only screen and (max-width: 350px) {
    .catering-banner-text { font-size: 38px; }
}