a {
    text-decoration: none !important;
    font-weight: 700;
    color: #fff;
}

p {
    font-size: 18px;
    color: #fff !important;
}

a:hover {
    color: #fff !important;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.paddingTop {
    padding-top: 90px !important;
}

.bg {
    background-color: #ca9236;
}

.bg1 {
    background-color: #d2564f;
}

.bg2 {
    background-color: #1f6463;
}

.bg-light {}

.tag_ {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 12px;
    margin: 10px 7px;
    line-height: 55px !important;
    min-width: 130px !important;
    color: #000 !important;
}

/* ========== Navbar ========= */
.navbar {
    min-height: 80px;
    transition: all 0.3s;
    border-bottom: 1px solid transparent;
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    /* box-shadow: 0 1px 3px 0 rgba(255, 255, 155, 0.5); */
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .show>.nav-link {
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
}

/* ========== Main Banner ========= */
.banner_ {
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    min-height: 45vh;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

@keyframes transform {
    0%,
    100% {
        border-radius: 33% 67% 70% 30% / 30% 40% 70% 70%;
    }
    20% {
        border-radius: 37% 63% 51% 49% / 37% 35% 35% 63%;
    }
    40% {
        border-radius: 36% 64% 64% 36% / 64% 48% 52% 26%;
    }
    60% {
        border-radius: 37% 63% 51% 49% / 30% 30% 70% 73%;
    }
    80% {
        border-radius: 40% 60% 42% 58% / 51% 51% 49% 59%;
    }
}

@keyframes movement_one {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: translate(50%, 20%) rotateY(10deg) scale(1);
    }
}

@keyframes movement_two {
    0%,
    500% {
        transform: none;
    }
    50% {
        transform: translate(50%, 20%) rotate(-200deg) scale(1.3);
    }
}

.banner_ img {
    border-radius: 10px;
}

.section3 {
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: auto;
}

.circle {
    background: #1f6463;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.circle h4 {
    color: #fff !important;
}

/* ========== Popular Category ========= */
.popular {
    position: relative;
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    height: 100%;
    display: flex;
    padding: 1rem;
    flex-flow: column nowrap;
    border: 1px solid lightgray;
    transition: all 0.3s;
}

.popular h6 {
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
}

.popular p {
    color: #fff !important;
    font-weight: 700;
}

.popular:hover {
    border: 2px solid #000;
}

.popular img {
    width: 100%;
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
    object-fit: cover;
    min-height: 300px;
    height: 300px;
}

.popular img:hover {
    transform: scale(1.1);
    transition: all 0.9s;
    position: relative;
    overflow: hidden;
}

.header {
    background-image: url('../images/banner.webp');
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 100%;
}

.banner {
    background-color: rgba(185, 181, 178, 0.9);
}

.banner h6 {
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
}

.banner p {
    color: #fff !important;
    font-weight: 500;
}

/* ========== Footer ========= */
.footer {
    background: linear-gradient(109.6deg, rgb(72, 200, 160) 11.2%, rgb(32, 40, 48) 91.3%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.footer ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px
}
.nowcalling {
			display: none;
}
@media only screen and (max-width: 768px) {
  .nowcalling {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100% !important;
    z-index: 9999 !important;	
  }
.lcol {
  background-color: #018f99;
}
.rcol {
  background-color: #ff0000;
}
.lcol a, .rcol a {
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.lcol, .rcol {
  float: left;
  width: 50%;
}
}