@charset "UTF-8";

:root {
  --main-color: #00328f;
  --heading-color: #00328f;
  --paragraph-color: #565872;
  --search-bg-color: #086ed5;
  --heading-font: "Rubik", sans-serif;
  --body-font: "Rubik", sans-serif;
  --body-font-size: 16px;
  --line-height30: 1.7
}

.home-food {
  --main-color: #8cc63f;
  --heading-color: #201654;
  --search-bg-color: #7eb239
}

.position-relative {
  position: relative
}

#content[tabindex="-1"]:focus {
  outline: 0
}

.clear:after,
.clear:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
  content: "";
  display: table;
  table-layout: fixed
}

.clear:after,
.site-content:after,
.site-footer:after,
.site-header:after {
  clear: both
}

.sticky {
  display: block
}

iframe {
  max-width: 100%
}

.custom-logo-link {
  display: inline-block
}

dl,
ul {
  padding-left: 15px
}

.post-password-form input {
  display: block;
  border: 1px solid #e2e2e2;
  height: 50px;
  border-radius: 3px;
  padding: 0 20px
}

.post-password-form label {
  font-weight: 600;
  color: #333
}

.post-password-form input[type=submit] {
  width: 100px;
  height: 50px;
  background-color: var(--main-color);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  transition: .3s ease-in
}

.post-password-form input[type=submit]:hover {
  background-color: #121a2f
}

@media all and (min-width:1600px) {
  .container {
    max-width: 1580px !important
  }

  .home-food .container {
    max-width: 1170px !important
  }
}

.btn {
  height: 48px;
  line-height: 48px;
  padding: 0 35px;
  overflow: hidden;
  position: relative;
  border: 0;
  transition: all .5s ease;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  transform: perspective(1px) translateZ(0);
  border-radius: 5px
}

.btn:active,
.btn:focus {
  outline: 0;
  box-shadow: none
}

.btn-white {
  background: #fff;
  color: var(--heading-color);
  border: 0
}

.btn-white:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #283f62;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-duration: .4s
}

.btn-white:focus,
.btn-white:hover {
  color: #fff
}

.btn-white:focus:before,
.btn-white:hover:before {
  transform: scaleX(1)
}

.btn-border {
  background: #fff;
  color: var(--heading-color);
  border: 2px solid #ced2d8;
  line-height: 44px;
  padding: 0 20px;
  border-radius: 0
}

.btn-border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--main-color);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-duration: .4s
}

.btn-border:focus,
.btn-border:hover {
  color: #fff;
  border: 2px solid var(--main-color)
}

.btn-border:focus:before,
.btn-border:hover:before {
  transform: scaleX(1)
}

.btn-blue {
  background: #283f62;
  color: #fff;
  border: 0
}

.btn-blue:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #097bed;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-duration: .4s
}

.btn-blue:focus,
.btn-blue:hover {
  color: #fff
}

.btn-blue:focus:before,
.btn-blue:hover:before {
  transform: scaleX(1)
}

.tag-blue {
  background: var(--main-color);
  color: #fff
}

.tag-blue:hover {
  background: #0f68c0;
  color: #fff
}

.tag-blue .notice {
  background: #0f68c0
}

.post-meta-single p {
  font-size: 14px
}

.post-meta-single p i {
  margin-right: 5px
}

.post-meta-single ul {
  margin: 0;
  padding: 0
}

.post-meta-single ul li {
  display: inline-block;
  margin: 0 6px;
  color: var(--heading-color);
  font-size: 14px
}

.post-meta-single ul li i {
  margin-right: 5px
}

.post-meta-single ul li:first-child {
  margin-left: 0
}

.post-meta-single ul li:last-child {
  margin-right: 0
}

.section-title {
  position: relative;
  padding-bottom: 34px
}

.section-title .title {
  margin-bottom: 0;
  font-size: 20px;
  display: inline-block;
  color: #201654
}

.section-title.style-two {
  padding-bottom: 15px;
  margin-bottom: 45px;
  border-bottom: 1px solid #b3b3b3
}

.section-title.style-white .title {
  color: #fff
}

.section-title.style-white p {
  color: #fff
}

.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  color: #fff;
  background-color: var(--main-color);
  text-align: center;
  line-height: 49px;
  z-index: 99;
  font-size: 16px;
  transition: .4s;
  cursor: pointer;
  display: none;
  animation: backto-top-bounce 4s infinite ease-in-out
}

.back-to-top:hover {
  box-shadow: 0 3px 7px 0 rgba(254, 242, 46, .35)
}

@keyframes backto-top-bounce {
  0% {
    transform: translateY(-5px)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(-5px)
  }
}

.social-area {
  padding: 0;
  margin: 0
}

.social-area li {
  list-style: none;
  display: inline-block;
  margin: 0 7px
}

.social-area li a {
  color: rgba(255, 255, 255, .8)
}

.social-area li a:hover {
  color: var(--main-color)
}

.social-area li:first-child {
  margin-left: 0
}

.social-area li:last-child {
  margin-right: 0
}

.social-area-2 li {
  margin: 0 6px
}

.social-area-2 li a {
  color: #fff;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  border-radius: 50%
}

.social-area-2 li a.facebook-icon {
  background: #3b5998
}

.social-area-2 li a.youtube-icon {
  background: #d42428
}

.social-area-2 li a.instagram-icon {
  background: #6c27b3
}

.social-area-2 li a.google-icon {
  background: #dc4e41
}

.social-area-3 li {
  margin: 0 6px
}

.social-area-3 li a {
  color: #fff;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  color: #5e697e
}

.social-area-3 li a:hover {
  color: var(--main-color);
  border: 1px solid var(--main-color)
}

.social-area-list ul {
  margin: 0;
  padding: 0
}

.social-area-list ul li {
  list-style: none;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
  margin-bottom: 5px
}

.social-area-list ul li .social-icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #fff
}

.social-area-list ul li a {
  font-size: 14px
}

.social-area-list ul li .facebook i {
  background: #3b5998
}

.social-area-list ul li .youtube i {
  background: #d42428
}

.social-area-list ul li .instagram i {
  background: #6c27b3
}

.social-area-list ul li span {
  margin-left: 18px
}

.social-area-list ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.social-area-list.style-two ul {
  margin: 0;
  padding: 0
}

.social-area-list.style-two ul li {
  list-style: none;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 10px
}

.social-area-list.style-two ul li .social-icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #fff
}

.social-area-list.style-two ul li a {
  display: block;
  color: #fff
}

.social-area-list.style-two ul li .facebook {
  background: #3b5998
}

.social-area-list.style-two ul li .youtube {
  background: #d42428
}

.social-area-list.style-two ul li .instagram {
  background: #6c27b3
}

.social-area-list.style-two ul li span {
  margin-left: 8px
}

.social-area-list.style-two ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--main-color);
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out
}

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.body-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  background: #1c3459;
  z-index: 991;
  content: "";
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress
}

.body-overlay.active {
  visibility: visible;
  opacity: .9
}

.pd-top-50 {
  padding-top: 50px
}

.pd-top-70 {
  padding-top: 70px
}

.pd-top-75 {
  padding-top: 75px
}

.pd-top-80 {
  padding-top: 80px
}

.pd-top-82 {
  padding-top: 82px
}

.pd-top-90 {
  padding-top: 90px
}

.pd-top-95 {
  padding-top: 95px
}

.pd-top-100 {
  padding-top: 100px
}

.pd-bottom-50 {
  padding-bottom: 50px
}

.pd-bottom-60 {
  padding-bottom: 60px
}

.pd-bottom-70 {
  padding-bottom: 70px
}

.pd-bottom-80 {
  padding-bottom: 80px
}

.pd-bottom-90 {
  padding-bottom: 90px
}

.pd-bottom-100 {
  padding-bottom: 100px
}

.pd-bottom-150 {
  padding-bottom: 150px
}

.sticky-active {
  animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 10px 50px 0 rgba(46, 56, 220, .2)
}

.menu-open {
  opacity: 1;
  margin-right: 0;
  visibility: visible
}

.responsive-mobile-menu button:focus {
  outline: 0;
  border: none
}

.toggle-btn {
  left: auto;
  right: -10px;
  position: absolute;
  width: 40px;
  height: 40px;
  transition-duration: .5s;
  border: 0;
  background: 0 0;
  top: 9px
}

.toggle-btn .icon-left {
  transition-duration: .5s;
  position: absolute;
  height: 2px;
  width: 11px;
  top: 18px;
  background-color: #fff;
  left: 7px
}

.toggle-btn .icon-left:before {
  transition-duration: .5s;
  position: absolute;
  width: 11px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: -7px;
  left: 0
}

.toggle-btn .icon-left:after {
  transition-duration: .5s;
  position: absolute;
  width: 11px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: 7px;
  left: 0
}

.toggle-btn .icon-left:hover {
  cursor: pointer
}

.toggle-btn .icon-right {
  transition-duration: .5s;
  position: absolute;
  height: 2px;
  width: 11px;
  top: 18px;
  background-color: #fff;
  left: 18px
}

.toggle-btn .icon-right:before {
  transition-duration: .5s;
  position: absolute;
  width: 11px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: -7px;
  left: 0
}

.toggle-btn .icon-right:after {
  transition-duration: .5s;
  position: absolute;
  width: 11px;
  height: 2px;
  background-color: #fff;
  content: "";
  top: 7px;
  left: 0
}

.toggle-btn .icon-right:hover {
  cursor: pointer
}

.toggle-btn.open .icon-left {
  transition-duration: .5s;
  background: 0 0
}

.toggle-btn.open .icon-left:before {
  transform: rotateZ(45deg) scaleX(1.4) translate(2px, 1px)
}

.toggle-btn.open .icon-left:after {
  transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -1px)
}

.toggle-btn.open .icon-right {
  transition-duration: .5s;
  background: 0 0
}

.toggle-btn.open .icon-right:before {
  transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 1px)
}

.toggle-btn.open .icon-right:after {
  transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -1px)
}

.toggle-btn:hover {
  cursor: pointer
}

.add-area img {
  width: 100%
}

.single-post-wrap {
  position: relative;
  margin-bottom: 30px;
  transition: .4s
}

.single-post-wrap .thumb {
  position: relative;
  margin-bottom: 27px;
  overflow: hidden;
  border-radius: 5px 5px 0 0
}

.single-post-wrap .thumb img {
  transition: .8s;
  transform: scale(1.01)
}

.single-post-wrap .thumb .btn-date {
  position: absolute;
  left: 17px;
  bottom: 19px;
  z-index: 3;
  height: 40px;
  line-height: 41px;
  padding: 0 22px;
  display: inline-block;
  border-radius: 40px;
  background: #fff;
  color: var(--heading-color);
  margin-bottom: 0
}

.single-post-wrap .thumb .btn-date i {
  margin-right: 5px
}

.single-post-wrap .details .title {
  margin-bottom: 0;
  text-transform: none
}

.single-post-wrap .details p {
  margin-bottom: 0;
  margin-top: 16px;
  color: var(--heading-color)
}

.single-post-wrap .details .btn {
  padding: 0 17px;
  height: 44px;
  line-height: 44px;
  font-weight: 400
}

.single-post-wrap:hover .thumb img {
  transform: scale(1.06)
}

.single-post-wrap.style-white .post-meta-single li,
.single-post-wrap.style-white .post-meta-single p {
  color: rgba(255, 255, 255, .8)
}

.single-post-wrap.style-white .details .title {
  color: #fff !important
}

.single-post-wrap.style-white .details p {
  color: #fff
}

.single-post-wrap.style-overlay .thumb {
  margin-bottom: -30px
}

.single-post-wrap.style-overlay .thumb img {
  aspect-ratio: 16/9;
  object-fit: cover;
  min-height: 119px;
  max-height: 350px
}

.single-post-wrap.style-overlay .details {
  bottom: 0;
  padding: 18px 20px;
  z-index: 4;
  border-radius: 0 0 5px 5px;
  background-color: #00328f
}

.single-post-wrap.style-overlay .details .title {
  color: #fff !important
}

.single-post-wrap.style-overlay .details .title a {
  color: #fff !important;
  font-weight: 700;
  font-size: larger
}

.single-post-wrap.style-overlay .details .title:hover a {
  color: #f4f4f5 !important
}

.single-post-wrap.style-overlay .details p {
  color: #fff
}

.single-post-wrap.style-overlay .details .summary p {
  font-size: smaller
}

.single-post-wrap.style-overlay .post-meta-single {
  margin-bottom: 8px
}

.single-post-wrap.style-overlay .post-meta-single p {
  margin-bottom: 10px
}

.single-post-wrap.style-overlay .post-meta-single li {
  color: #fff
}

.single-post-wrap.style-overlay:hover .thumb:before {
  visibility: visible;
  opacity: 1
}

.single-post-wrap.style-box {
  border-radius: 5px;
  overflow: hidden;
  background: #fafafa
}

.single-post-wrap.style-box .thumb {
  margin-bottom: 0;
  border-radius: 0
}

.single-post-wrap.style-box .details {
  padding: 25px
}

.single-post-wrap.style-box:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .09)
}

.single-post-list-wrap {
  margin-bottom: 17px
}

.single-post-list-wrap .media-left {
  position: relative
}

.single-post-list-wrap .media .media-left {
  margin-right: 13px
}

.single-post-list-wrap .media img {
  border-radius: 5px;
  aspect-ratio: 1;
  object-fit: cover;
  max-width: 75px
}

.single-post-list-wrap .media .media-body .post-meta-single ul li {
  font-size: 14px;
  color: var(--heading-color)
}

.single-post-list-wrap .media .media-body h6 {
  margin-bottom: 0;
  text-transform: none;
  font-size: medium
}

.single-post-list-wrap .media .media-body p {
  margin-bottom: 0
}

.single-post-list-wrap.style-white .media .media-body .post-meta-single ul li {
  color: #fff
}

.single-post-list-wrap.style-white .media .media-body h6 {
  color: #fff
}

.single-post-list-wrap.style-white .media .media-body p {
  color: rgba(255, 255, 255, .8);
  margin-top: 10px;
  margin-bottom: 0
}

.single-post-list-wrap.style-two {
  margin-bottom: 30px
}

.single-post-list-wrap.style-two .media .media-left {
  margin-right: 20px
}

.page-title-area {
  padding: 25px 0 22px;
  background: #e6f2fd
}

.single-input-wrap {
  margin-bottom: 30px;
  border: 2px solid #dbdfe5
}

.single-input-wrap input {
  height: 60px;
  line-height: 60px;
  padding: 0 22px;
  border: 0
}

.banner-food-area {
  position: relative;
  padding: 160px 0 200px 0
}

.banner-food-area:after {
  content: "";
  background: linear-gradient(to top, rgba(32, 22, 84, .6) 52%, rgba(0, 0, 100, 0));
  height: 90%;
  left: 0;
  position: absolute;
  bottom: 0;
  border-radius: 5px;
  width: 100%;
  transition: .4s
}

.footer-area .contact_info_list {
  margin: 0;
  padding: 0;
  margin-top: -7px
}

.footer-area .contact_info_list li {
  list-style: none;
  color: rgba(255, 255, 255, .8);
  padding-left: 28px;
  position: relative;
  margin-bottom: 10px
}

.footer-area .contact_info_list li i {
  position: absolute;
  left: 0;
  top: 7px
}

.footer-area .contact_info_list li:last-child {
  margin-bottom: 0
}

.footer-top {
  padding-bottom: 80px
}

.footer-top .social-area {
  margin-top: 42px
}

.footer-bottom {
  border-top: 1px solid #586a85;
  padding: 25px 0
}

.footer-bottom p {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  margin-top: 5px
}

.spinner {
  border: 6px solid #f3f3f3;
  border-top: 6px solid var(--main-color);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.single-post-wrap.style-overlay .thumb img {
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .5s ease, filter .5s ease;
}
.single-post-wrap.style-overlay:hover .thumb img {
  transform:scale(1.08);
  filter:brightness(0.9);
}
.single-post-list-wrap .media img {
  aspect-ratio:1/1;
  object-fit:cover;
  transition:transform .3s ease;
}
.single-post-list-wrap:hover .media img {
  transform:scale(1.05);
}
.news-hero .hero-image {
  position:relative;
  height:450px;
  overflow:hidden;
}
.news-hero .hero-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.news-hero .overlay {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
  color:#fff;
  padding:30px;
}
.news-secondary {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px;
  margin-top:30px;
  margin-bottom:30px;
}
.news-secondary .secondary-card {
  background:#fff;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.news-secondary .secondary-card img {
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}
.news-secondary .secondary-card h4 {
  margin:10px;
  font-size:1.2rem;
  color:var(--heading-color);
}
.news-secondary .secondary-card .date {
  margin:0 10px 10px;
  font-size:.9rem;
  color:#777;
}
.news-feed {
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:20px;
}
.feed-card {
  display:flex;
  gap:15px;
  border-bottom:1px solid #ddd;
  padding:10px 0;
}
.feed-card img {
  width:100px;
  height:100px;
  object-fit:cover;
  border-radius:5px;
}
.feed-card h5 {
  margin:0;
  font-size:1rem;
  color:var(--heading-color);
}
.feed-card .date {
  font-size:.85rem;
  color:#777;
}
@media(max-width:991px){
  .news-feed {
    grid-template-columns:1fr;
  }
  .feed-card img {
    width:80px;
    height:80px;
  }
}