html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{margin:0;background-color:#000}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.cmes-serif{font-family:serif}.cmes-sans-serif{font-family:sans-serif}.cmes-cursive{font-family:cursive}.cmes-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.cmes-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.cmes-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.cmes-table,.cmes-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.cmes-table-all{border:1px solid #ccc}
.cmes-bordered tr,.cmes-table-all tr{border-bottom:1px solid #ddd}.cmes-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.cmes-table-all tr:nth-child(odd){background-color:#fff}.cmes-table-all tr:nth-child(even){background-color:#f1f1f1}
.cmes-hoverable tbody tr:hover,.cmes-ul.cmes-hoverable li:hover{background-color:#111}.cmes-centered tr th,.cmes-centered tr td{text-align:center}
.cmes-table td,.cmes-table th,.cmes-table-all td,.cmes-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.cmes-table th:first-child,.cmes-table td:first-child,.cmes-table-all th:first-child,.cmes-table-all td:first-child{padding-left:16px}
.cmes-btn,.cmes-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.cmes-btn:hover{background: linear-gradient(0deg, rgba(21,103,72,1) 1%, rgba(9,46,32,1) 100%);}
.cmes-btn,.cmes-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.cmes-disabled,.cmes-btn:disabled,.cmes-button:disabled{cursor:not-allowed;opacity:0.3}.cmes-disabled *,:disabled *{pointer-events:none}
.cmes-btn.cmes-disabled:hover,.cmes-btn:disabled:hover{box-shadow:none}
.cmes-badge,.cmes-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.cmes-badge{border-radius:50%}
.cmes-ul{list-style-type:none;padding:0;margin:0}.cmes-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.cmes-ul li:last-child{border-bottom:none}
.cmes-tooltip,.cmes-display-container{position:relative}.cmes-tooltip .cmes-text{display:none}.cmes-tooltip:hover .cmes-text{display:inline-block}
.cmes-ripple:active{opacity:0.5}.cmes-ripple{transition:opacity 0s}
.cmes-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.cmes-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.cmes-dropdown-click,.cmes-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.cmes-dropdown-hover:hover .cmes-dropdown-content{display:block}
.cmes-dropdown-hover:first-child,.cmes-dropdown-click:hover{background-color:#ccc;color:#000}
.cmes-dropdown-hover:hover > .cmes-button:first-child,.cmes-dropdown-click:hover > .cmes-button:first-child{background-color:#ccc;color:#000}
.cmes-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.cmes-check,.cmes-radio{width:24px;height:24px;position:relative;top:6px}
.cmes-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.cmes-bar-block .cmes-dropdown-hover,.cmes-bar-block .cmes-dropdown-click{width:100%}
.cmes-bar-block .cmes-dropdown-hover .cmes-dropdown-content,.cmes-bar-block .cmes-dropdown-click .cmes-dropdown-content{min-width:100%}
.cmes-bar-block .cmes-dropdown-hover .cmes-button,.cmes-bar-block .cmes-dropdown-click .cmes-button{width:100%;text-align:left;padding:8px 16px}
.cmes-main,#main{transition:margin-left .4s}
.cmes-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.cmes-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.cmes-bar{width:100%;overflow:hidden}.cmes-center .cmes-bar{display:inline-block;width:auto}
.cmes-bar .cmes-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.cmes-bar .cmes-dropdown-hover,.cmes-bar .cmes-dropdown-click{position:static;float:left}
.cmes-bar .cmes-button{white-space:normal}
.cmes-bar-block .cmes-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.cmes-bar-block.cmes-center .cmes-bar-item{text-align:center}.cmes-block{display:block;width:100%}
.cmes-responsive{display:block;overflow-x:auto}
.cmes-container:after,.cmes-container:before,.cmes-panel:after,.cmes-panel:before,.cmes-row:after,.cmes-row:before,.cmes-row-padding:after,.cmes-row-padding:before,
.cmes-cell-row:before,.cmes-cell-row:after,.cmes-clear:after,.cmes-clear:before,.cmes-bar:before,.cmes-bar:after{content:"";display:table;clear:both}
.cmes-col,.cmes-half,.cmes-third,.cmes-twothird,.cmes-threequarter,.cmes-quarter{float:left;width:100%}
.cmes-col.s1{width:8.33333%}.cmes-col.s2{width:16.66666%}.cmes-col.s3{width:24.99999%}.cmes-col.s4{width:33.33333%}
.cmes-col.s5{width:41.66666%}.cmes-col.s6{width:49.99999%}.cmes-col.s7{width:58.33333%}.cmes-col.s8{width:66.66666%}
.cmes-col.s9{width:74.99999%}.cmes-col.s10{width:83.33333%}.cmes-col.s11{width:91.66666%}.cmes-col.s12{width:99.99999%}
@media (min-width:601px){.cmes-col.m1{width:8.33333%}.cmes-col.m2{width:16.66666%}.cmes-col.m3,.cmes-quarter{width:24.99999%}.cmes-col.m4,.cmes-third{width:33.33333%}
.cmes-col.m5{width:41.66666%}.cmes-col.m6,.cmes-half{width:49.99999%}.cmes-col.m7{width:58.33333%}.cmes-col.m8,.cmes-twothird{width:66.66666%}
.cmes-col.m9,.cmes-threequarter{width:74.99999%}.cmes-col.m10{width:83.33333%}.cmes-col.m11{width:91.66666%}.cmes-col.m12{width:99.99999%}}
@media (min-width:993px){.cmes-col.l1{width:8.33333%}.cmes-col.l2{width:16.66666%}.cmes-col.l3{width:24.99999%}.cmes-col.l4{width:33.33333%}
.cmes-col.l5{width:41.66666%}.cmes-col.l6{width:49.99999%}.cmes-col.l7{width:58.33333%}.cmes-col.l8{width:66.66666%}
.cmes-col.l9{width:74.99999%}.cmes-col.l10{width:83.33333%}.cmes-col.l11{width:91.66666%}.cmes-col.l12{width:99.99999%}}
.cmes-rest{overflow:hidden}.cmes-stretch{margin-left:-16px;margin-right:-16px}
.cmes-content,.cmes-auto{margin-left:auto;margin-right:auto}.cmes-content{max-width:980px}.cmes-auto{max-width:1140px}
.cmes-cell-row{display:table;width:100%}.cmes-cell{display:table-cell}
.cmes-cell-top{vertical-align:top}.cmes-cell-middle{vertical-align:middle}.cmes-cell-bottom{vertical-align:bottom}
.cmes-hide{display:none!important}.cmes-show-block,.cmes-show{display:block!important}.cmes-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.cmes-auto{max-width:95%}}
@media (max-width:600px){.cmes-modal-content{margin:0 10px;width:auto!important}.cmes-modal{padding-top:30px}
.cmes-dropdown-hover.cmes-mobile .cmes-dropdown-content,.cmes-dropdown-click.cmes-mobile .cmes-dropdown-content{position:relative}	
.cmes-hide-small{display:none!important}.cmes-mobile{display:block;width:100%!important}.cmes-bar-item.cmes-mobile,.cmes-dropdown-hover.cmes-mobile,.cmes-dropdown-click.cmes-mobile{text-align:center}
.cmes-dropdown-hover.cmes-mobile,.cmes-dropdown-hover.cmes-mobile .cmes-btn,.cmes-dropdown-hover.cmes-mobile .cmes-button,.cmes-dropdown-click.cmes-mobile,.cmes-dropdown-click.cmes-mobile .cmes-btn,.cmes-dropdown-click.cmes-mobile .cmes-button{width:100%}}
@media (max-width:768px){.cmes-modal-content{width:500px}.cmes-modal{padding-top:50px}}
@media (min-width:993px){.cmes-modal-content{width:900px}.cmes-hide-large{display:none!important}.cmes-sidebar.cmes-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.cmes-hide-medium{display:none!important}}
@media (max-width:992px){.cmes-sidebar.cmes-collapse{display:none}.cmes-main{margin-left:0!important;margin-right:0!important}.cmes-auto{max-width:100%}}
.cmes-top,.cmes-bottom{position:fixed;top:0px;width:100%;z-index:20}.cmes-top{top:0}.cmes-bottom{bottom:0}
.cmes-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.cmes-display-topleft{position:absolute;left:0;top:0}.cmes-display-topright{position:absolute;right:0;top:0}
.cmes-display-bottomleft{position:absolute;left:0;bottom:0}.cmes-display-bottomright{position:absolute;right:0;bottom:0}
.cmes-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.cmes-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.cmes-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.cmes-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.cmes-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.cmes-display-container:hover .cmes-display-hover{display:block}.cmes-display-container:hover span.cmes-display-hover{display:inline-block}.cmes-display-hover{display:none}
.cmes-display-position{position:absolute}
.cmes-circle{border-radius:50%}
.cmes-round-small{border-radius:2px}.cmes-round,.cmes-round-medium{border-radius:4px}.cmes-round-large{border-radius:8px}.cmes-round-xlarge{border-radius:16px}.cmes-round-xxlarge{border-radius:32px}
.cmes-row-padding,.cmes-row-padding>.cmes-half,.cmes-row-padding>.cmes-third,.cmes-row-padding>.cmes-twothird,.cmes-row-padding>.cmes-threequarter,.cmes-row-padding>.cmes-quarter,.cmes-row-padding>.cmes-col{padding:0 8px}
.cmes-container,.cmes-panel{padding:0.01em 16px}.cmes-panel{margin-top:16px;margin-bottom:16px}
.cmes-code,.cmes-codespan{font-family:Consolas,"courier new";font-size:16px}
.cmes-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.cmes-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.cmes-card,.cmes-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.cmes-card-4,.cmes-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.cmes-spin{animation:cmes-spin 2s infinite linear}@keyframes cmes-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.cmes-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.cmes-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.cmes-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.cmes-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.cmes-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.cmes-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.cmes-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.cmes-animate-input{transition:width 0.4s ease-in-out}.cmes-animate-input:focus{width:100%!important}
.cmes-opacity,.cmes-hover-opacity:hover{opacity:0.60}.cmes-opacity-off,.cmes-hover-opacity-off:hover{opacity:1}
.cmes-opacity-max{opacity:0.25}.cmes-opacity-min{opacity:0.75}
.cmes-greyscale-max,.cmes-grayscale-max,.cmes-hover-greyscale:hover,.cmes-hover-grayscale:hover{filter:grayscale(100%)}
.cmes-greyscale,.cmes-grayscale{filter:grayscale(75%)}.cmes-greyscale-min,.cmes-grayscale-min{filter:grayscale(50%)}
.cmes-sepia{filter:sepia(75%)}.cmes-sepia-max,.cmes-hover-sepia:hover{filter:sepia(100%)}.cmes-sepia-min{filter:sepia(50%)}
.cmes-tiny{font-size:10px!important}.cmes-small{font-size:12px!important}.cmes-medium{font-size:15px!important}.cmes-large{font-size:18px!important; font-weight:800}
.cmes-xlarge{font-size:24px!important}.cmes-xxlarge{font-size:36px!important}.cmes-xxxlarge{font-size:48px!important}.cmes-jumbo{font-size:64px!important}
.cmes-left-align{text-align:left!important}.cmes-right-align{text-align:right!important}.cmes-justify{text-align:justify!important}.cmes-center{text-align:center!important}
.cmes-border-0{border:0!important}.cmes-border{border:1px solid #ccc!important}
.cmes-border-top{border-top:1px solid #ccc!important}.cmes-border-bottom{border-bottom:1px solid #ccc!important}
.cmes-border-left{border-left:1px solid #ccc!important}.cmes-border-right{border-right:1px solid #ccc!important}
.cmes-topbar{border-top:6px solid #ccc!important}.cmes-bottombar{border-bottom:6px solid #ccc!important}
.cmes-leftbar{border-left:6px solid #ccc!important}.cmes-rightbar{border-right:6px solid #ccc!important}
.cmes-section,.cmes-code{margin-top:16px!important;margin-bottom:16px!important}
.cmes-margin{margin:16px!important}.cmes-margin-top{margin-top:16px!important}.cmes-margin-bottom{margin-bottom:16px!important}
.cmes-margin-left{margin-left:16px!important}.cmes-margin-right{margin-right:16px!important}
.cmes-padding-small{padding:4px 8px!important}.cmes-padding{padding:8px 16px!important}.cmes-padding-large{padding:12px 24px!important}
.cmes-padding-16{padding-top:16px!important;padding-bottom:16px!important}.cmes-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.cmes-padding-32{padding-top:32px!important;padding-bottom:32px!important}.cmes-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.cmes-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.cmes-padding-top-64{padding-top:64px!important}.cmes-padding-top-48{padding-top:48px!important}
.cmes-padding-top-32{padding-top:32px!important}.cmes-padding-top-24{padding-top:24px!important}
.cmes-left{float:left!important}.cmes-right{float:right!important}
.cmes-button:hover{color:#fff!important;background: linear-gradient(#bcb5b3, 80% ,#776f6d)!important}
.cmes-transparent,.cmes-hover-none:hover{background-color:transparent!important}
.cmes-hover-none:hover{box-shadow:none!important}
/* Colors */
.cmes-red,.cmes-hover-red:hover{color:#ff0000!important;background-color:#f1f1f1!important}
.cmes-green,.cmes-hover-green:hover{color:#ffffff!important;background-color:#32CD32!important}
.cmes-red2,.cmes-hover-red:hover{color:#ff0000!important;}
.cmes-red-bold,.cmes-hover-red:hover{color:#ff0000!important;background-color:#f1f1f1!important;font-weight:800;}
.cmes-white,.cmes-hover-white:hover{color:#000!important;background-color:#fff!important}
.cmes-black,.cmes-hover-black:hover{color:#fff!important;background-color:#000!important}
.cmes-grey,.cmes-hover-grey:hover,.cmes-gray,.cmes-hover-gray:hover{color:#000!important;background-color:#32373c!important}
.cmes-blue,.cmes-hover-blue:hover,.cmes-gray,.cmes-hover-gray:hover{color:#000!important;background-color:#013775!important}
.cmes-light-grey,.cmes-hover-light-grey:hover,.cmes-light-gray,.cmes-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.cmes-dark-grey,.cmes-hover-dark-grey:hover,.cmes-dark-gray,.cmes-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.cmes-gold,.cmes-hover-gold:hover{color:#000!important;background-color:#d4af37!important}


table {border: 1px solid white;border-collapse:collapse;margin:0px;padding:0px;width:100%;max-width:99%;table-layout:auto; margin: 0 auto; /* or margin: 0 auto 0 auto */}
table caption {font-size:1.5em;margin:.5em 0 .75em;}
table tr {border:1px solid silver;padding:.25em;}
table th,table td {padding:.225em;text-align:left;padding-left:15px;font-weight: bold;text-transform: uppercase;}
table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}

@media screen and (min-width: 701px) {
	
 table tr td:nth-child(4),td:nth-child(5),td:nth-child(6){
  width:130px;
 }

 table tr td:nth-child(4),td:nth-child(5),td:nth-child(6){
  text-align: center;
 }

 table th:nth-child(4),th:nth-child(5),th:nth-child(6){
  text-align: center;
 }
}

@media screen and (max-width: 700px) {


  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	font-weight: bold;
    text-transform: uppercase;
  }
  
  table tr {
    border-bottom: 1px solid silver;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid silver;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	opacity:0.3;
  }
  
  table td:last-child {
    border-bottom: 0;
  }

}

body {
  background-color: #000;
  color: #d4af37;
}


.menucontainer {
  display: inline-block;
  cursor: pointer;
  top:4px;
}

.bar1, .bar2, .bar3 {
  width: 28px;
  height: 5px;
  border-radius:3px;
  background-color: #000;
  margin: 4px 5px;
  transition: 0.9s;
}


.bar1change {
  transform: translate(0, -16px) scale(1, 0.1);
  opacity: 0;
}

.bar2change {
  transform: scale(100, 0.1);
  opacity: 0;
}

.bar3change {
  transform: translate(0, 20px) scale(1, 0.1);
  opacity: 0;
}



.ticket-box {
  background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8) ), url(/images/slider/5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  background-attachment: fixed;
  background-image: url(/images/slider/1.jpg);
  background-position: center;
  background-size: cover;
  row-gap: 4rem;
  text-align: center;
}

.buffer {
  width: 100%;
  min-height: 60vh;
}

.parallax-container2 {
  background-attachment: fixed;
  background-color: #ffffff;
  background-image: url("../scroller/3.jpg");
  background-position: center;
  background-size: cover;
}


.parallax-container3 {
  background-attachment: fixed;
  background-color: #ffffff;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  background-position: center;
  background-size: cover;
  row-gap: 4rem;
  color: #000;
  font-size: 50px;

}

.parallax-container4 {
  background-attachment: fixed;
  background-color: #ffffff;
  background-image: url(/images/slider/4.jpg);
  background-position: center;
  background-size: cover;
  row-gap: 4rem;
}

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
  font-family: "garamond", sans-serif
 }

 body,
 html {
  line-height: 1.8;
 }

 .cmes-bar .cmes-button {
  padding: 16px;
 }

 img.logo {
  max-height: 30px;
  margin: 5px;
  margin-left:4px;
// margin-top:10px;
  //margin-bottom:10px;
  float: left;
 }

 #gmap_canvas {
  height: 90vh;
  width: 100%;
  border: 1px black solid;
 }

 cmes-top {
  position: relative;
  z-index: 1;
 }

 main {
  position: relative;
  z-index: 2;
 }
 .mainfoot {
  position: relative;
  z-index: 1;
 }

 footer2 {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 300px;
 }

 .icons {
  max-width: 50px;
  -webkit-filter: grayscale(100%);
  filter: invert(100%) grayscale(100%);
 }

 .zoom:hover {
  scale: 2;
 }

 .reveal_load {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
 }

 .reveal_load.active {
  transform: translateY(0);
  opacity: 1;
 }

 .reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
 }

 .reveal.active {
  transform: translateY(0);
  opacity: 1;
 }

 .reveal2 {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1.5s all ease;
 }

 .reveal2.active {
  transform: translateY(0);
  opacity: 1;
 }

 .reveal3 {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1.2s all ease;
 }

 .reveal3.active {
  transform: translateY(0);
  opacity: 1;
 }
 
 .reveal4 {
  position: relative;
  transform: translateY(250px);
  opacity: 0;
  transition: 1.2s all ease;
 }

 .reveal4.active {
  transform: translateX(0);
  opacity: 1;
 }
 
 .reveal5 {
  position: relative;
  transform: translateX(-250px);
  opacity: 0;
  transition: 1.2s all ease;
 }

 .reveal5.active {
  transform: translateX(0);
  opacity: 1;
 }
 
 .reveal6 {
  position: relative;
  transform: translateX(250px);
  opacity: 0;
  transition: 1.2s all ease;
 }

 .reveal6.active {
  transform: translateX(0);
  opacity: 1;
 }
 
 .supercontainer {
  display: flex;
  width:100%;
 }
 
 .mySidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  height:100vh;
  z-index:999999;
 }
 
 .child {
  margin-top: auto;
 }

 .bar1, .bar2, .bar3{
  z-index:110;
 }

 .mySidebar.active {
  visibility: visible;
    z-index:999999;

 }

 .cmes-button:hover {
  background-color:#092E20;
  color:#ffffff;
 }
 .gmap_canvas{
  position: relative;
 }
 .directions{
  position: absolute;
  top: 30vh;
  font-size: calc(2.5vw + 14px);
  line-height:30px;
  z-index: 0;
  margin:auto;
  font-weight:900;
  text-align: center;
  width:100%;
  text-decoration: none;
  color:#092E20;
  transition: 0.3s;
  opacity: 0.5;
 }

 .directions:hover {
  color:white;
 }

 button, input[type=submit]{
  border-radius: 6px;
 }

 button:hover {
  color:white;
 }

 .cmes-button-nav a:hover {
  background-color: #092E20;
 }


.context {
    width: 100%;
    position: absolute;
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}


.area{
	background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height:100px;
	position: relative;
}




@media screen and (max-width: 600px) {
	.area{
		height:300px;
    }
}





.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	transform: translate(0,-15px);
	opacity: 0.3;
}
.circles li::before{
	position: absolute;
    top: 100%;
    left: 30%;
    width: 2px;
    height: 30px;
	background: rgba(1, 255, 255, 1);
	content: "";
}


.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
	background: rgba(1, 255, 255, 1);
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
	background-color:  red;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
    background-color:  blue;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
    background-color:  yellow;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
    background-color:  red;
}

.circles li:nth-child(6){
    background-color:  orange;
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
    background-color:  white;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
    background-color:  gold;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
    background-color:  red;
}

@keyframes animate {
    0%{
        transform: translateY(0);
        opacity: 1;
		border-radius: 70% 30% 70% 30% / 55% 45% 55% 45%;
    }
    100%{
		transform: translateY(-1000px);
		opacity: 0;
		border-radius: 70% 30% 70% 30% / 55% 45% 55% 45%;
    }
}

tr:hover {
    background-color:   #f9f9f9;
	border:1px solid silver;
}

.titles{
	background: linear-gradient(0deg, rgba(21,103,72,1) 1%, rgba(9,46,32,1) 100%);
}


@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

@keyframes toBW {
    0%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    25%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    100%  { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

}

.desaturate { 
   animation: toColor 10s;
}
.saturate { 
  animation: toBW 1s;
  -webkit-filter: grayscale(100%); filter: grayscale(100%);
}
@-webkit-keyframes pulseBorder {
  from {
   // border: solid 1px #f00;
   background-color: red;
  }
  to {
   // border: solid 10px #f00;
      background-color: orange;

  }
}

.border1 {
  -webkit-animation-name: pulseBorder;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration: 0.5s;
  text-align: center;
  border: 2px solid red;
}
.tablettext{
  display: block;
  width: 100%;
  max-width: 350px;
  background-color: silver;
  align-items:center;
  border-radius: 4px;
  padding: 10px;
  margin: 30px auto; 
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.tablettext1 {
  display: block;
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border: none;
  border-radius: 4px;
  margin-top: 10px;
  align-items:center;
}

.suggested_items {
width:100%;
  max-width: 600px;

  align-items:center;
  text-align:center;
  margin: 5px auto; 
}
.suggested_item {
  width:45%;
  float:right;
  align-items:right;
  text-align:right;
  padding: 5px;
  margin:  0 25px 10px 0 ; 
}
@media screen and (max-width: 600px) {
  .suggested_item {
	width:95%;
	float:none;
	align-items:center;
	text-align:center;
	margin:  10px 10px 10px 10px ; 
  }
}

.border {
  background-color: silver;
  align-items:center;
  text-align:center;
  border-radius: 4px;
  padding: 10px;
  margin: 30px auto; 
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.bubble {
  position: relative;
  background: #4DA639;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  border-radius: 10px;
  padding: 5px;
}
.bubble:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  border-style: solid;
  border-width: 0 0 29px 18px;
  border-color: transparent transparent #4DA639 transparent;
  top: 75%;
  left: -18px;
  margin-top: -14.5px;
}

@font-face {
    font-family: 'garamond';
//    src: url('/fonts/webfont.eot'); /* IE9 Compat Modes */
//    src: url('/fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
//    url('/fonts/webfont.woff') format('woff'), /* Modern Browsers */
//    url('/fonts/gar___.ttf')  format('truetype'), /* Safari, Android, iOS */
//    url('/fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: garamond;
    vertical-align: baseline;
} 

.cmes-garamond-logo{font-family:garamond; font-size: 40px;}


.fullscreen {
  width: 100%;
  height: 100vh;
}

#divElement{
    //position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.divElement{
    //position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#myNavbar{
	border: 1px solid black;
	background: rgb(255,211,70);
	//background: radial-gradient(circle, rgba(255,211,70,1) 0%, rgba(214,177,55,1) 36%, rgba(193,159,51,1) 100%);
	height: 50px;
}
#mygoldbar{
//    border: 1px solid black;
	//    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
      //          radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
		//			background: rgb(255,255,255);

}




        body {
            margin: 0;
            font-family: Arial, sans-serif;

        }

        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two columns */
			border-radius: 4px; /* Rounded corners */
            padding: 20px; /* Inner padding */
            background-color: #4CAF50; /* Green background */

        }
        .grid-container2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two columns */
			//border-radius: 4px; /* Rounded corners */
           // padding: 20px; /* Inner padding */
           // background-color: #4CAF50; /* Green background */

        }
        .grid-container3 {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two columns */
			//border-radius: 4px; /* Rounded corners */
            padding: 20px; /* Inner padding */
           // background-color: #4CAF50; /* Green background */
width:80%;
margin: 20px auto 0 auto;
        }

        .grid-item {
            color: white; /* White text */
            padding: 0px 20px; /* Inner padding */
            //text-align: center; /* Center text */
        }
		.grid-item2 {
            //color: white; /* White text */
         //   padding: 0px 20px; /* Inner padding */
            text-align: left; /* Center text */
			width:100%;
        }
		.grid-item3 {
            //color: white; /* White text */
            padding: 0px 20px; /* Inner padding */
            text-align: left; /* Center text */
			width:100%;
        }
       /* Container for the form */
        form {
            margin: 0 auto;
		}
		
       /* Container for the form */
        .form-container {
            display: flex;
            flex-direction: column;
            //align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            //padding: 20px;
        }

        /* Radio buttons container */
        .radio-buttons {
            margin-bottom: 20px;
            text-align: right;
        }

        .radio-buttons label {
            margin-right: 20px;
            font-size: 16px;
        }

        /* Date picker container with flexbox */
        .date-picker-container {
            display: flex;
            justify-content: space-between;
            width: 100%;
            gap: 20px;
        }

        /* Individual date picker section */
        .date-picker {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            //position: relative; /* Required for absolute positioning of the overlay */
        }



        /* Styling for the input */
        .date-picker input {
            width: 100%;
            padding: 12px;
            font-size: 14px;
          //  margin-bottom: 10px;
            //position: relative; /* Make position relative for absolute child */
            z-index: 2; /* Ensure the input is above the overlay */
            border: 1px solid #ccc; /* Add border for better visibility */
            border-radius: 4px; /* Rounded corners */
        }

        /* Styling for the date input */
        .date-picker input[type="date"] {
            width: 100%;
            padding: 12px;
            font-size: 14px;
          //  margin-bottom: 10px;
           // position: relative; /* Make position relative for absolute child */
            z-index: 2; /* Ensure the input is above the overlay */
            border: 1px solid #ccc; /* Add border for better visibility */
            border-radius: 4px; /* Rounded corners */
        }

        /* Time select styling */
        .date-picker select {
            width: 100%;
            padding: 12px;
            font-size: 14px;
          //  margin-bottom: 10px;
            border: 1px solid #ccc; /* Add border for better visibility */
            border-radius: 4px; /* Rounded corners */
			background-color: #fff; 
        }
        .date-picker select:disabled {
			background-color: #a6d7a8;
			pointer-events: none;
			color: #879e88;
        }



        .grid-hr {
            grid-column: span 2; /* Make the hr span across both columns */
            border: none;
            border-top: 2px solid #a6d7a8;
			margin: 6px 20px 16px 20px;
        }		
		
		
		/* Normalize width for all input types */
		.date-picker input[type="text"],
		.date-picker input[type="date"],
		.date-picker select {
			width: 100%; /* Full width */
			padding: 12px; /* Consistent padding */
			font-size: 14px; /* Same font size */
			margin-bottom: 10px; /* Consistent margin */
			border: 1px solid #ccc; /* Uniform border */
			border-radius: 4px; /* Rounded corners */
		}

        /* Media query for screens less than 800px */
        @media (max-width: 800px) {
            .grid-container {
                grid-template-columns: 1fr; /* One column */
            }
            .grid-container2 {
                grid-template-columns: 1fr; /* One column */
            }
            .grid-container3 {
                grid-template-columns: 1fr; /* One column */
				width:100%;
margin: auto;

            }
			.date-picker-container {
				gap: 10px;
			}
            .grid-hr {
                grid-column: span 1; /* hr spans only one column on small screens */
             //   margin-top: 16px; /* Add some spacing between grid items */
            }
        }
		
        /* Responsive adjustments for smaller screens */
        @media (max-width: 600px) {
            .date-picker-container {
                flex-direction: column;
            }
            .date-picker {
                width: 100%;
            }
			.date-picker-container {
				gap: 0px;
			}
            .grid-hr {
                grid-column: span 1; /* hr spans only one column on small screens */
             //   margin-top: 16px; /* Add some spacing between grid items */
            }
        }
		
		
		.quick_quote{
			font-size: 24px; /* Same font size */
			font-weight: 600;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
		.radio-buttons{
			font-size: 24px; /* Same font size */
			font-weight: 600;
			margin-bottom: 10px;

		}
		
		
		* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		textarea {
			width:100%;
			height: 95px;
			font-size: 14px;
			padding: 10px;

		}
		
        .quote-button {
            background-color: black;
            color: white;
            border: 2px solid black;
            border-radius: 25px;
            padding: 10px 20px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: absolute;
           // top: 50%;
            left: 50%;
            transform: translate(-50%);
        }

        .quote-button:hover {
            background-color: white;
            color: black;
        }
        .btn-container {
            position: relative;
            height: 100%;
        }
		
		/* Style for required fields that are not filled */
input, select, textarea {
    border: 1px solid #ccc; /* Default border */
  //  background-color: white; /* Default background */
    padding: 8px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Invalid fields after validation */
.invalid {
   // border: 2px solid red !important; /* Red border for invalid fields */
       box-shadow: inset 0 0 0 2px red; /* Red border inside the field */
	//   background-color: #ffe6e6 !important; /* Light red background */
}
input.valid, select.valid, textarea.valid {
    box-shadow: inset 0 0 0 2px green; /* Green border inside the field */
    outline: none;
}
/* Style for the error message */
#error-message, .error {
    display: none; /* Initially hidden */
    color: red;
    background-color: #ffe6e6;
    border: 1px solid red;
    padding: 10px;
    margin-top: 15px;
    font-weight: bold;
	font-size:20px;

}
.highlight {
	border: 2px solid red; /* Highlighted border */
	border-radius: 5px; /* Rounded corners */
	padding: 5px; /* Padding to center the outline */
  //  display: inline-block; /* Allow label to size to content */
	animation: flash 1s infinite; /* Apply flashing animation */
}

@keyframes flash {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5; /* Fade out */
	}
	100% {
		opacity: 1; /* Fade back in */
	}
}

select option:checked {
	color: lightgrey; /* Selected option's text color */
}
		
		
		
		
/* Base styles for the content container */
.quote-wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.content {
	padding: 20px;
	background-color: #4CAF50; /* Green background */
	border: 1px solid #ccc;
}

/* Button styling */
.continue-btn {
	display: none; /* Initially hidden */
	padding: 12px;
	background-color: #007bff;
	color: white;
	border: none;
	cursor: pointer;
	z-index:10;
	margin: 20px auto 0 auto;
	border-radius: 25px; /* Rounded corners */
	min-width:100px;
	font-size:16px;
}

.continue-btn:focus {
	outline: none;
}

/* Media query for screens less than 600px wide */
@media (max-width: 800px) {
	.quote-wrapper {
		max-height: 456px; /* Show only half of the viewport height */
		overflow: hidden;
	}

	/* Show the "Continue" button */
	.continue-btn {
		display: block;
	}
}
	
	
.scroller-container {
    display: flex;
   // align-items: center;
    position: relative;
    width: 100%;
    //height: auto;
    height: 95vh;
	z-index: 0;
}

.image-wrapper {
    overflow: hidden;
    width: 100%;
	z-index: 0;

}

.scroller {
    display: flex;
    transition: transform 0.3s ease;
	z-index: 0;
}

.scroller img {
  min-width: 100%;
  max-width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  object-fit: cover;

}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
	margin: 0px 20px;
}
.scroller_button {
    display: flex;
    justify-content: center; /* Horizontal center */
    align-items: center;     /* Vertical center */
    position: absolute;
    top: 50%;       /* Move the button 50% down from the top */
    left: 50%;      /* Move the button 50% right from the left */
    transform: translate(-50%, -50%); /* Center the button by offsetting its width/height */
	z-index:1;
	
	background-color: transparent; /* Transparent background */
    border: 2px solid white;       /* White border */
    color: white;                  /* White text */
    padding: 10px 20px;            /* Padding for button size */
    font-size: 16px;               /* Font size for the text */
    border-radius: 25px;           /* Rounded corners */
    cursor: pointer;               /* Pointer on hover */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.scroller_button:hover {
	    background-color: white; /* White background on hover */
    color: black;            /* Change text to black on hover */
	
}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}
img {
    //vertical-align: middle;
}




.carousels {
  overflow: hidden;
 // max-width: 300px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
//	margin: 20px auto 0 auto;
  border: 2px solid #ddd; /* Optional: for better visibility */
}
.carousels-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}
.carousels-item {
  min-width: 100%;
  /* Add a height to the images */
  height: 300px; /* Adjust as necessary */
  object-fit: cover; /* Ensures images cover the space */
  width:100%;
}
.carousels button {
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  background-color: rgba(255, 0, 0, 0.5);
//     background-color: red;
  color: white;
  border: none;
  padding: 15px;
  cursor: pointer;
  font-size: 15px;
  z-index: 2; /* Ensures buttons are above images */

}
.carousels .prev {
  left: 10px;
}
.carousels .next {
  left: 50px;
}
.carousels .prev::before,
.carousels .next::before {
  content: '';
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}
.carousels .prev::before {
  transform: rotate(135deg);
		left: 12px;
		top: 10px;

}
.carousels .next::before {
  transform: rotate(-45deg);
		left: 8px;
		top: 10px;

}

.apollo {
	min-width: 100%;
  /* Add a height to the images */
//  height: 300px; /* Adjust as necessary */
	object-fit: cover; /* Ensures images cover the space */
	width:100%;
	min-width: 100%;
	max-width: 100%;
	height: 100vh;
}

.service-grid {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.service-card {
    width: 150px;
    height: 150px;
    border: 2px solid green;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Arial, sans-serif;
	color: green;
	padding: 0px 22px;
}

.service-check {
    font-size: 24px;
    color: green;
}

/* Responsive layout */
@media (max-width: 600px) {
    .service-grid {
        flex-direction: column;
        align-items: center;
    }
    .service-card {
	    width: 100%;
    }
}