.yellow-bg {
background-color: #f8b619;
}
.black-bg {
background-color: #000;
}
.yellow-color {
color: #f8b619;
}
body {
font-family: "Source Sans 3", sans-serif;
font-optical-sizing: auto;
}
h1 {
font-size: 48px;
font-family: "Wendy One", sans-serif;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 32px;
}
h4{
font-size: 24px;
}
h5{
font-size: 20px;
}
a{
text-decoration: none;
}
h2, h3, h4, h5, h6 {
/* font-family: "Bubblegum Sans", sans-serif; */
/* font-family: "Wendy One", sans-serif; */
/* font-family: "Nunito Sans", sans-serif; */
font-family: "Wendy One", sans-serif;
font-weight: 700;
margin-bottom: 15px;
}
.underline {
text-decoration: underline;
text-underline-offset: 3px;
color: #000;
}

p {
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
}

.navbar .container {
max-width: 1170px;
padding: 0;
}

.w-150px {
width: 150px;
}

.mw-700px {
max-width: 700px;
}

body {
font-size: 16px;
font-family: "Roboto", sans-serif;
}

.about-section p {
font-size: 20px;
}

.branch-section .content-wrap {
padding: 80px 0 10px 0!important;
margin: 0 auto;
}
.branch-section p {
max-width: 750px;
margin: 0 auto 30px;
}

/* heading animation */

/* h1, .h1-clone {
position: absolute;
top: 72px;
z-index: 11;
left: 50%;
transform: translateX(-50%);
padding: 0px 20px;
border-radius: 50px;
font-family: var(--zf-secondary-medium);
font-size: clamp(32px, 5vw, 66px);
text-align: center;
width: max-content;
line-height: 1.3;
} */

.h1-clone {
color: rgb(0, 0, 0);
}

.btn-primary {
background-color: #1889C8;
}

span.title-anim {
display: inline-block;
position: relative;
width: 510px;
vertical-align: middle;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
/* animation: bgSwap var(--total-duration) infinite steps(1); */
}

.title-anim::before {
content: "Buzzword";
visibility: hidden;
display: block;
font-family: var(--zf-secondary-bold);
padding: 10px;
}

.title-anim span {
opacity: 0;
position: absolute;
left: 0px;
top: 50%;
color: rgb(0, 0, 0);
padding: 15px;
width: 100%;
display: inline-flex;
align-items: center;
gap: 13px;
font-family: var(--zf-secondary-bold);
transform: translateY(-50%) translateY(20px);
animation: push-in 8s infinite both;
padding-left: 0;
}

:root {
--total-duration: 8s;
}

.title-anim > span:nth-child(1) {
animation-delay: 0s;
}

.title-anim > span:nth-child(2) {
animation-delay: 2s;
}

.title-anim > span:nth-child(3) {
animation-delay: 4s;
}

.title-anim > span:nth-child(4) {
animation-delay: 6s;
}

@keyframes push-in {
0% {
opacity: 0;
transform: translateY(-50%) translateY(20px);
}

5% {
opacity: 1;
transform: translateY(-50%) translateY(0px);
}

20% {
opacity: 1;
transform: translateY(-50%) translateY(0px);
}

25% {
opacity: 0;
transform: translateY(-50%) translateY(-20px);
}

100% {
opacity: 0;
transform: translateY(-50%) translateY(-20px);
}
}

@keyframes bgSwap {
0% {
background-image: url("https://prezohoweb.zoho.com/sites/zweb/images/vanilla/h1-bg-1.svg");
}

25% {
background-image: url("https://prezohoweb.zoho.com/sites/zweb/images/vanilla/h1-bg-2.svg");
}

50% {
background-image: url("https://prezohoweb.zoho.com/sites/zweb/images/vanilla/h1-bg-3.svg");
}

75% {
background-image: url("https://prezohoweb.zoho.com/sites/zweb/images/vanilla/h1-bg-4.svg");
}
}

.contact .two-column {
flex: 0 0 48%;
max-width: 48%;
box-shadow: rgb(0 0 0 / 21%) 0px 5px 6px 0px;
transition: all 0.3s ease-in-out;
}

.contact .two-column:nth-child(1){
border:3px solid #1AAF4A;
/* color: #fff; */
}
.contact .two-column:nth-child(2){
border:3px solid #F37022;
/* color: #fff; */
}
.contact .two-column:hover {
box-shadow: rgb(0 0 0 / 30%) 0px 8px 10px 0px;
}

.embed-map-responsive {
position: relative;
text-align: right;
width: 100%;
height: 0;
padding-bottom: 100%;
}
.embed-map-container {
overflow: hidden;
background: none !important;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.embed-map-frame {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}

.msection {
position: relative;
}
.msection .content-wrap {
width: 90%;
max-width: 1170px;
margin: 0 auto;
overflow: hidden;
padding: 120px 0;
}

.conent-table {
/* display: table;
table-layout: fixed;
width: 100%;
margin: 0 auto; */
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
width: 100%;
}
.conent-table > div {
display: table-cell;
width: 50%;
text-align: left;
}

.banner-img {
width: 90%;
margin-left: 10%;
}

.rating-star {
color: #f7b21a;
text-transform: uppercase;
margin: 0 0 0 10px;
max-width: 100%;
font-size: 30px;
line-height: 20px;
letter-spacing: 2px;
display: inline-block;
width: auto;
height: auto;
position: relative;
top: -3px;
font-family: monospace !important
}

.rating-star:before,.rating-star:after {
content: '\2605\2605\2605\2605\2605';
position: absolute;
top: 0;
left: 0
}

.rating-star:before {
color: #d0d0d0;
z-index: 0;
width: auto;
height: auto
}

.rating-star:after {
color: #f9a826;
overflow: hidden;
-webkit-transition: width 2.5s ease;
-o-transition: width 2.5s ease 1s;
-webkit-transition: width 2.5s ease 1s;
transition: width 2.5s ease 1s;
width: 0;
height: auto;
direction: ltr;
z-index: 1
}

.rating-star.zfour-one:after {
width: 82%
}

.rating-star.zfour-two:after {
width: 84%
}

.rating-star.zfour-three:after {
width: 86%
}

.rating-star.zfour-four:after {
width: 88%
}

.rating-star.zfour-five:after {
width: 90%
}

.rating-star.zfour-six:after {
width: 92%;
}

.rating-star.zfour-seven:after {
width: 94%
}

.rating-star.zfour-eight:after {
width: 96%
}
.g-icon {
max-width: 80px;
}

.rating-logo {
min-height: 40px;
margin: 0 0 5px;
display: flex;
align-items: center;
justify-content: center;
}

.rating-list li:not(:first-child):before {
content: '';
width: 1px;
height: 50px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
border-left: 1px dashed #eae0c7;
}

.rating-list li:nth-child(1) a > p {
background: rgb(166, 236, 255);
border-radius: 20px;
padding: 4px 20px;
color: #000;
}

.rating-list li:nth-child(2) a > p {
background: rgb(171, 255, 233);
border-radius: 20px;
padding: 4px 20px;
color: #000;
}

.mw-640px {
max-width: 640px;
}

.activity-section-row {
gap: 30px;
}
.activity-section-row a {
text-decoration: underline;
text-underline-offset: 3px;
color: #000;
}

.zwc-col {
background: #181818;
padding: 40px 45px;
border-radius: 15px;
flex: 0 0 calc(33.33% - 32px);
max-width: calc(33.33% - 32px);
}

.activity-section .text-center {
color: #fff;
}

.activity-section .text-center p {
margin-bottom: 50px;
}

.activity-section-row > div:nth-child(1) {
background: #fcdedb;
}

.activity-section-row > div:nth-child(2) {
background: #a6ecff;
}

.activity-section-row > div:nth-child(3) {
background: #abffe9;
}

.contact ul {
max-width: 900px;
margin: 0 auto;
}
.contact table {
border-top: 2px solid #f8b619;
border-bottom: 2px solid #f8b619;
margin-bottom: 60px;
}

.table-group-divider {
border-top: 2px solid #f8b619;
}

.map-container {
color: #000;
background: #a6ecff;
padding: 12px 12px 12px 80px;
border-radius: 30px;
max-width: 1170px;
margin: 0 auto 60px;
position: relative;
}

.map-container::before {
content: '';
background: url(http://www.zohowebstatic.com/sites/zweb/images/enterprise/zoholics/border-white-bg.png) no-repeat;
width: 22px;
height: 94%;
background-size: cover;
position: absolute;
left: -13px;
}
.map-container-cont {
width: 41%;
}
.map-container-map {
width: 50%;
}

.bday-section .two-col {
background: #181818;
padding: 40px 45px;
border-radius: 15px;
flex: 0 0 calc(50% - 32px);
max-width: calc(50% - 32px);
background: #fcdedb;
}

.w-20px {
width: 20px;
}

.bday-section .d-flex {
gap: 30px;
}
.bday-section .row > div {
padding: 40px 45px;
border-radius: 15px;
}

.bday-col1, .bday-col2 {
background: #fcdedb;
padding: 40px 45px;
border-radius: 15px;
}

.bday-col2 {
background: #fcdedb;
}

@keyframes gradientAnimate {
0% {
background-position: 100% 0;
}
100% {
background-position: 0 0;
}
}

.btm-text span.one, .h1color {
background-image: linear-gradient(to right, rgb(125, 43, 255), rgb(255, 80, 80), rgb(125, 43, 255), rgb(255, 80, 80));
color: transparent;
background-clip: text;
background-size: 400% 100%;
background-position: 100% 0px;
animation: 10s ease-in-out 0s infinite alternate none running gradientAnimate;
}

.btm-text span.two,.funcolor {
background-image: linear-gradient(to right, rgb(6, 206, 108), rgb(43, 100, 255), rgb(6, 206, 108), rgb(43, 100, 255));
color: transparent;
background-clip: text;
background-size: 400% 100%;
background-position: 100% 0px;
animation: 10s ease-in-out 0s infinite alternate none running gradientAnimate;
}

.games-row img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
transition: all 0.3s ease-in-out;
border: 2px solid #f8b61a;
width: 100%;
}
.games-row p {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
text-align: center;
font-family: "Nunito Sans", sans-serif;
font-weight: bold;
}
.games-row > div:hover img {
transform: scale(1.01);
}

footer p.copyright {
font-size: 12px;
}

footer h6 {
color: #ccbebe;
}

.btm-text .content-wrap {
max-width: 640px;
margin: 0 auto;
padding: 0 0 80px 0!important;
}

.activity-wrapper .contact {
padding-bottom: 80px;
}
.disclaimer-text {
      max-width: 600px;
    font-size: 12px;
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

@media (max-width: 1280px) {
h1.h1-clone,h1 {
font-size: 38px;
}
}

@media (max-width: 1024px) {
h1.h1-clone, h1 {
font-size:28px;
}
.activity-section-row {
display: block!important;
}
.zwc-col {
padding: 35px 25px;
display: block;
max-width: 100%;
margin-bottom: 30px;
}
.activity-section-row > div:last-child {
margin-bottom: 0;
}
.map-container::before {
display: none;
}
.map-container {
max-width: 90%;
margin: 0 auto;
display: block !important;
width: 100%;
padding: 30px;
}
.map-container-cont,.map-container-map{
width: 100%;
}
}

@media (max-width: 768px) {
.navbar .container {
padding: 0 15px;
}
.navbar {
position: absolute;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.msection .content-wrap {
padding: 80px 0;
}
.main-wrapper {
padding-top: 90px;
}
.msection .conent-table,.msection .conent-table > div {
display: block;
text-align: center;
width: 100%;
}
footer .container .row{
padding: 0!important;
}
h1 span.title-anim {
text-align: center;
width: 100%;
}
.title-anim span {
display: block;
}
.banner-img {
margin-top: 50px;
margin-left: 0;
}
.mtrust-section h2, h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
.btm-text h3 {
font-size: 26px;
}
.rating-list li:nth-child(1) {
margin-bottom: 20px;
}
}

@media (max-width: 767px) {
.bday-section .d-flex {
display: block!important;
}
.bday-section .two-col {
max-width: 80%;
margin: 0 auto 30px;
}
.btm-text .content-wrap {
padding: 0 0 50px 0!important;
}
.contact address, .contact td a {
font-size: 11px;
}
.contact td p {
font-size: 14px;
}
.branch-section .content-wrap {
padding: 60px 0 10px 0 !important;
}
.activity-wrapper .contact {
padding-bottom: 40px;
}
.bday-section .container > div {
          margin-bottom: 0 !important;
}
.map-container p {
  font-size: 14px;
}
.map-container .w-150px {
  width: 120px;
}
}

@media (max-width: 500px) {
.rating-list li:not(:first-child):before {
content: none;
}
.bday-section .two-col {
max-width: 90%;
}
}