@charset "UTF-8";

/* 

|......................................................................

| Template Name: Elegencia

| Author: Thememarch

| Version: 1.0.0

|--------------------------------------------------------------------------

|--------------------------------------------------------------------------

| TABLE OF CONTENTS:

|--------------------------------------------------------------------------

| 1. Basic Color Variable

| 2. Typography

| 3. Preloader

| 4. Spacing

| 5. General

| 6. Slider

| 7. Video Popup

| 8. Header

| 9. Footer

| 10. Video

| 11. Hero

| 12. Slider Text

| 13. About

| 14. Opening Hour

| 15. Food Item

| 16. Food Menu List

| 17. Best Item

| 18. Chef

| 19. Gallery

| 20. Testimonial

| 21. Booking System

| 22. Blog

| 23. Comment

| 24. Location

| 25. Portfolio

| 26. Contact

 ................................................................*/

/*--------------------------------------------------------------

1. Basic Color Variable

----------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=var(--font-title):ital@0;1&family=Prompt:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

:root {

  --body-font-family: var(--font-text);

  --heading-font-family: var(--font-title);

  --yellow-color: var(--color-2);

  --body-color: var(--color-text);

  --body-bg-color: var(--color-3);

  --body-bg-color-two: #091E24;

  --heading-color: var(--color-title);

  --border-color: var(--color-2);

  --common-color-white: #FFF;

  --common-color-black: #000000;

}



/*--------------------------------------------------------------

2. Typography

----------------------------------------------------------------*/

html,

body {

  color: var(--body-color);

  font-family: var(--body-font-family);

  background-color: var(--body-bg-color);

  font-size: 18px;

  font-weight: 400;

  line-height: 1.6em;

  overflow-x: hidden;

  scroll-behavior: auto;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  color: var(--color-title);

  padding: 0px;

  margin: 0px 0px 0px 0px;

  font-weight: 400;

  line-height: 1.2;

  font-style: normal;

  font-family: var(--font-title), sans-serif;

}



.cs_primary_font {

  font-family: var(--heading-font-family);

}



.cs_secondary_font {

  font-family: var(--body-font-family);

}



h1 {

  font-size: 75px;

}



h2 {

  font-size: 50px;

}



h3 {

  font-size: 32px;

}



h4 {

  font-size: 25px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



p {

  margin: 0px;

  padding: 0px;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.4;

  margin-bottom: 18px;

}



ul {

  margin: 0 0 25px 0;

  padding-left: 20px;

  list-style: square outside none;

}



ol {

  padding-left: 20px;

  margin-bottom: 25px;

}



dfn,

cite,

em,

i {

  font-style: italic;

}



blockquote {

  margin: 0 15px;

  font-style: italic;

  font-size: 20px;

  line-height: 1.6em;

  margin: 0;

}



address {

  margin: 0 0 15px;

}



img {

  border: 0;

  max-width: 100%;

  height: auto;

}



a {

  color: inherit;

  text-decoration: none;

  font-size: 18px;

  transition: all 0.3s ease;

}



button {

  color: inherit;

  transition: all 0.3s ease;

}



a:hover {

  text-decoration: none;

  color: var(--color-3);

}



table {

  width: 100%;

  margin-bottom: 25px;

}

table th {

  font-weight: 600;

  color: var(--body-color);

}

table td,

table th {

  border-top: 1px solid #4F4836;

  padding: 11px 10px;

}



dl {

  margin-bottom: 25px;

}

dl dt {

  font-weight: 600;

}



b,

strong {

  font-weight: bold;

}



pre {

  color: var(--body-color);

  border: 1px solid #4F4836;

  font-size: 18px;

  padding: 25px;

  border-radius: 5px;

}



kbd {

  font-size: 100%;

  background-color: var(--body-color);

  border-radius: 5px;

}



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

  body,

  html {

    font-size: 16px;

    line-height: 1.6em;

  }

  ul {

    margin: 0 0 25px 0;

    padding-left: 20px;

    list-style: square outside none;

  }

  ul.cs_list_style_none {

    list-style: none;

    padding: 0px;

  }

  ul.cs_list_style_none li {

    margin-bottom: 10px;

  }

  ul.cs_list_style_none li h3 {

    font-size: 22px;

  }

}

input,

textarea {

  color: var(--color-3);

  transition: all 0.3s ease;

}



/*--------------------------------------------------------------

  3. Preloader

----------------------------------------------------------------*/

/* Preloader */

.ak-preloader {

  align-items: center;

  display: flex;

  height: 100%;

  justify-content: center;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 99999;

}

.ak-preloader .animation-preloader {

  position: absolute;

  z-index: 100;

}

.ak-preloader .animation-preloader .spinner {

  animation: spinner 1s infinite linear;

  border-radius: 50%;

  border: 3px solid rgba(0, 0, 0, 0.2);

  border-top-color: var(--color-3);

  height: 9em;

  margin: 0 auto 8em auto;

  width: 9em;

}



/* Texto cargando */

.ak-preloader .animation-preloader .txt-loading {

  text-align: center;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  font-size: 90px;

  font-family: var(--font-title);

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:before {

  animation: letters-loading 3s infinite;

  color: var(--color-3);

  content: attr(data-text-preloader);

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  transform: rotateY(-90deg);

}

.ak-preloader .animation-preloader .txt-loading .letters-loading {

  color: rgba(0, 0, 0, 0);

  position: relative;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

  animation-delay: 0.1s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

  animation-delay: 0.2s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

  animation-delay: 0.3s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

  animation-delay: 0.4s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

  animation-delay: 0.5s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

  animation-delay: 0.6s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

  animation-delay: 0.8s;

}

.ak-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {

  animation-delay: 0.9s;

}

.ak-preloader .loader-section {

  background-color: var(--color-primary);

  height: 100%;

  position: fixed;

  top: 0;

  width: calc(50% + 1px);

}

.ak-preloader .loader-section.section-left {

  left: 0;

}

.ak-preloader .loader-section.section-right {

  right: 0;

}



.loaded .animation-preloader {

  opacity: 0;

  transition: 0.2s ease-out;

}

.loaded .loader-section.section-left {

  transform: translateX(-101%);

  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);

}

.loaded .loader-section.section-right {

  transform: translateX(101%);

  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);

}



/* Animación del preloader */

@keyframes spinner {

  to {

    transform: rotateZ(360deg);

  }

}

/* Animación de las letras cargando del preloader */

@keyframes letters-loading {

  0%, 75%, 100% {

    opacity: 0;

    transform: rotateY(-90deg);

  }

  25%, 50% {

    opacity: 1;

    transform: rotateY(0deg);

  }

}

/* Tamaño de portatil hacia atras (portatil, tablet, celular) */

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

  .ak-preloader .animation-preloader .txt-loading {

    text-align: center;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;

    font-size: 32px;

  }

}

/*--------------------------------------------------------------

  4. Spacing

----------------------------------------------------------------*/

@media screen and (min-width: 992px) {

  .ak-height-0 {

    height: 0px;

  }

  .ak-height-5 {

    height: 5px;

  }

  .ak-height-10 {

    height: 10px;

  }

  .ak-height-15 {

    height: 15px;

  }

  .ak-height-20 {

    height: 20px;

  }

  .ak-height-25 {

    height: 25px;

  }

  .ak-height-30 {

    height: 30px;

  }

  .ak-height-35 {

    height: 35px;

  }

  .ak-height-40 {

    height: 40px;

  }

  .ak-height-45 {

    height: 45px;

  }

  .ak-height-50 {

    height: 50px;

  }

  .ak-height-55 {

    height: 55px;

  }

  .ak-height-60 {

    height: 60px;

  }

  .ak-height-65 {

    height: 65px;

  }

  .ak-height-70 {

    height: 70px;

  }

  .ak-height-75 {

    height: 75px;

  }

  .ak-height-80 {

    height: 80px;

  }

  .ak-height-85 {

    height: 85px;

  }

  .ak-height-90 {

    height: 90px;

  }

  .ak-height-95 {

    height: 95px;

  }

  .ak-height-100 {

    height: 100px;

  }

  .ak-height-105 {

    height: 105px;

  }

  .ak-height-110 {

    height: 110px;

  }

  .ak-height-115 {

    height: 115px;

  }

  .ak-height-120 {

    height: 120px;

  }

  .ak-height-125 {

    height: 125px;

  }

  .ak-height-130 {

    height: 130px;

  }

  .ak-height-135 {

    height: 135px;

  }

  .ak-height-140 {

    height: 140px;

  }

  .ak-height-145 {

    height: 145px;

  }

  .ak-height-150 {

    height: 150px;

  }

  .ak-height-155 {

    height: 155px;

  }

  .ak-height-160 {

    height: 160px;

  }

  .ak-height-165 {

    height: 165px;

  }

  .ak-height-170 {

    height: 170px;

  }

  .ak-height-175 {

    height: 175px;

  }

  .ak-height-180 {

    height: 180px;

  }

  .ak-height-185 {

    height: 185px;

  }

  .ak-height-190 {

    height: 190px;

  }

  .ak-height-195 {

    height: 195px;

  }

  .ak-height-200 {

    height: 200px;

  }

  .ak-height-205 {

    height: 205px;

  }

  .ak-height-210 {

    height: 210px;

  }

  .ak-height-219 {

    height: 219px;

  }

}

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

  .ak-height-lg-0 {

    height: 0px;

  }

  .ak-height-lg-5 {

    height: 5px;

  }

  .ak-height-lg-10 {

    height: 10px;

  }

  .ak-height-lg-15 {

    height: 15px;

  }

  .ak-height-lg-20 {

    height: 20px;

  }

  .ak-height-lg-25 {

    height: 25px;

  }

  .ak-height-lg-30 {

    height: 30px;

  }

  .ak-height-lg-35 {

    height: 35px;

  }

  .ak-height-lg-40 {

    height: 40px;

  }

  .ak-height-lg-45 {

    height: 45px;

  }

  .ak-height-lg-50 {

    height: 50px;

  }

  .ak-height-lg-55 {

    height: 55px;

  }

  .ak-height-lg-60 {

    height: 60px;

  }

  .ak-height-lg-65 {

    height: 65px;

  }

  .ak-height-lg-70 {

    height: 70px;

  }

  .ak-height-lg-75 {

    height: 75px;

  }

  .ak-height-lg-80 {

    height: 80px;

  }

  .ak-height-lg-85 {

    height: 85px;

  }

  .ak-height-lg-90 {

    height: 90px;

  }

  .ak-height-lg-95 {

    height: 95px;

  }

  .ak-height-lg-100 {

    height: 100px;

  }

  .ak-height-lg-105 {

    height: 105px;

  }

  .ak-height-lg-110 {

    height: 110px;

  }

  .ak-height-lg-115 {

    height: 115px;

  }

  .ak-height-lg-120 {

    height: 120px;

  }

  .ak-height-lg-125 {

    height: 125px;

  }

  .ak-height-lg-130 {

    height: 130px;

  }

  .ak-height-lg-135 {

    height: 135px;

  }

  .ak-height-lg-140 {

    height: 140px;

  }

  .ak-height-lg-145 {

    height: 145px;

  }

  .ak-height-lg-150 {

    height: 150px;

  }

  .ak-height-lg-155 {

    height: 155px;

  }

  .ak-height-lg-160 {

    height: 160px;

  }

  .ak-height-lg-165 {

    height: 165px;

  }

  .ak-height-lg-170 {

    height: 170px;

  }

  .ak-height-lg-175 {

    height: 175px;

  }

  .ak-height-lg-180 {

    height: 180px;

  }

  .ak-height-lg-185 {

    height: 185px;

  }

  .ak-height-lg-190 {

    height: 190px;

  }

  .ak-height-lg-195 {

    height: 195px;

  }

  .ak-height-lg-200 {

    height: 200px;

  }

  .ak-height-lg-205 {

    height: 205px;

  }

  .ak-height-lg-210 {

    height: 210px;

  }

  .ak-height-lg-219 {

    height: 219px;

  }

}

/*--------------------------------------------------------------

  5. General

----------------------------------------------------------------*/

.ak-row-gap-20 {

  margin-left: -10px;

  margin-right: -10px;

}

.ak-row-gap-20 > div {

  padding-left: 10px;

  padding-right: 10px;

}



.ak-row-gap-150 {

  margin-left: -70px;

  margin-right: -70px;

}

.ak-row-gap-150 > div {

  padding-left: 70px;

  padding-right: 70px;

}



.ak-light {

  font-weight: 300;

}



.ak-normal {

  font-weight: 400;

}



.ak-medium {

  font-weight: 500;

}



.ak-semi-bold {

  font-weight: 600;

}



.ak-bold {

  font-weight: 700;

}



.ak-extra-bold {

  font-weight: 800;

}



.ak-black {

  font-weight: 900;

}



.ak-radius-3 {

  border-radius: 3px;

}



.ak-radius-5 {

  border-radius: 5px;

}



.ak-radius-7 {

  border-radius: 7px;

}



.ak-radius-10 {

  border-radius: 10px;

}



.ak-radius-15 {

  border-radius: 15px;

}



.ak-line-height-1 {

  line-height: 1.2em;

}



.ak-line-height-2 {

  line-height: 1.25em;

}



.ak-line-height-3 {

  line-height: 1.3em;

}



.ak-line-height-4 {

  line-height: 1.4em;

}



.ak-line-height-5 {

  line-height: 1.5em;

}



.ak-line-height-6 {

  line-height: 1.6em;

}



.ak-line-height-7 {

  line-height: 1.7em;

}



.ak-line-height-39 {

  line-height: 39px;

}



.ak-line-height-54 {

  line-height: 54px;

}



.ak-line-height-85 {

  line-height: 85px;

}



.ak-font-14 {

  font-size: 14px;

}



.ak-font-16 {

  font-size: 16px;

}



.ak-font-18 {

  font-size: 18px;

}



.ak-font-20 {

  font-size: 20px;

}



.ak-font-22 {

  font-size: 22px;

}



.ak-font-26 {

  font-size: 26px;

}



.ak-font-28 {

  font-size: 28px;

}



.ak-font-30 {

  font-size: 28px;

}



.ak-font-38 {

  font-size: 38px;

}



.ak-font-42 {

  font-size: 42px;

}



.ak-font-50 {

  font-size: 50px;

}



.ak-mp0 {

  list-style: none;

  margin: 0;

  padding: 0;

}



.ak-m0 {

  margin: 0;

}



.ak-mt100 {

  margin-top: 100px;

}



hr {

  margin: 0;

  padding: 0;

  border: none;

  border-top: 1px solid #f2f1ff;

}



.ak-bg {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  -o-object-fit: cover;

     object-fit: cover;

}



.ak-vertical-middle {

  display: flex;

  align-items: center;

  min-height: 100%;

}



.ak-vertical-middle-in {

  flex: none;

  width: 100%;

}



.ak-center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.ak-white-color,

.ak-white-color-hover:hover {

  color: #fff;

}



.ak-primary-color {

  color: var(--color-3) !important;

}



.ak-ternary-color {

  color: #999696;

}



.ak-yellow-color,

.ak-yellow-color-hover:hover {

  color: var(--color-3);

}



.ak-white-bg {

  background-color: #fff;

}



.ak-gray-bg-20 {

  background: rgba(217, 217, 217, 0.2);

}



.ak-yellow-bg-1,

.ak-yellow-bg-1-hover:hover {

  background-color: rgba(255, 210, 141, 0.01);

}



.ak-yellow-bg-2,

.ak-yellow-bg-2-hover:hover {

  background-color: rgba(255, 210, 141, 0.02);

}



.ak-yellow-bg-3,

.ak-yellow-bg-3-hover:hover {

  background-color: rgba(255, 210, 141, 0.03);

}



.ak-yellow-bg-4,

.ak-yellow-bg-4-hover:hover {

  background-color: rgba(255, 210, 141, 0.04);

}



.ak-yellow-bg-5,

.ak-yellow-bg-5-hover:hover {

  background-color: rgba(255, 210, 141, 0.05);

}



.ak-yellow-bg-6,

.ak-yellow-bg-6-hover:hover {

  background-color: rgba(255, 210, 141, 0.06);

}



.ak-yellow-bg-7,

.ak-yellow-bg-7-hover:hover {

  background-color: rgba(255, 210, 141, 0.07);

}



.ak-yellow-bg-8,

.ak-yellow-bg-8-hover:hover {

  background-color: rgba(255, 210, 141, 0.08);

}



.ak-yellow-bg-9,

.ak-yellow-bg-9-hover:hover {

  background-color: rgba(255, 210, 141, 0.09);

}



.ak-yellow-bg-10,

.ak-yellow-bg-10-hover:hover {

  background-color: rgba(255, 210, 141, 0.1);

}



.ak-yellow-bg-15,

.ak-yellow-bg-15-hover:hover {

  background-color: rgba(255, 210, 141, 0.15);

}



.ak-yellow-bg-20,

.ak-yellow-bg-20-hover:hover {

  background-color: rgba(255, 210, 141, 0.2);

}



.ak-yellow-bg-25,

.ak-yellow-bg-25-hover:hover {

  background-color: rgba(255, 210, 141, 0.25);

}



.ak-yellow-bg-30,

.ak-yellow-bg-30-hover:hover {

  background-color: rgba(255, 210, 141, 0.3);

}



.ak-yellow-bg-35,

.ak-yellow-bg-35-hover:hover {

  background-color: rgba(255, 210, 141, 0.35);

}



.ak-yellow-bg-40,

.ak-yellow-bg-40-hover:hover {

  background-color: rgba(255, 210, 141, 0.4);

}



.ak-yellow-bg-50,

.ak-yellow-bg-50-hover:hover {

  background-color: rgba(255, 210, 141, 0.5);

}



.ak-yellow-bg-60,

.ak-yellow-bg-60-hover:hover {

  background-color: rgba(255, 210, 141, 0.6);

}



.ak-yellow-bg-70,

.ak-yellow-bg-70-hover:hover {

  background-color: rgba(255, 210, 141, 0.7);

}



.ak-yellow-bg-80,

.ak-yellow-bg-80-hover:hover {

  background-color: rgba(255, 210, 141, 0.8);

}



.ak-yellow-bg-90,

.ak-yellow-bg-90-hover:hover {

  background-color: rgba(255, 210, 141, 0.9);

}



.ak-yellow-bg,

.ak-yellow-bg-hover:hover {

  background-color: var(--color-3);

}



.ak-primary-bg,

.ak-primary-bg-hover:hover {

  background-color: var(--color-3);

}



.ak-gradient-bg-1 {

  background: linear-gradient(267.18deg, #161616 0%, #080808 100%);

}



.ak-pagination-box {

  margin: -7px;

}

.ak-pagination-box .ak-pagination-item {

  margin: 7px;

}



.ak-pagination-item {

  height: 40px;

  width: 40px;

  border-radius: 5px;

  background-color: #000;

}

.ak-pagination-item.active {

  background-color: var(--color-3);

  color: #fff;

  pointer-events: none;

}



.ak-form-field {

  display: block;

  width: 100%;

  padding: 10px 20px;

  border-radius: 15px;

  outline: none;

  transition: all 0.3s ease;

  border: 2px solid #999696;

  background-color: transparent;

  color: #fff;

}

.ak-form-field:focus {

  border-color: var(--color-3);

}



label {

  margin-bottom: 12px;

}



input,

select:focus {

  border: none;

  box-shadow: none;

  outline: none;

}



.ak-right-full-width {

  width: calc(50vw - 12px);

  padding-right: 24px;

}



.ak-post-meta.ak-style1 {

  display: flex;

}

.ak-post-meta.ak-style1 > * {

  position: relative;

  display: inline-block;

}

.ak-post-meta.ak-style1 > *:not(:last-child) {

  margin-right: 12px;

  padding-right: 12px;

}

.ak-post-meta.ak-style1 > *:not(:last-child)::before {

  content: "";

  height: 20px;

  width: 2px;

  border-radius: 2px;

  background-color: #fff;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -10px;

}



.ak-parallax > *:not([class*=ak-shape-]) {

  position: relative;

  z-index: 5;

}



.section-all-item-center {

  width: 100%;

  height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.section-all-item-center .item-title {

  font-family: var(--body-font-family);

  line-height: 45px;

}

.section-all-item-center .item-title-number {

  font-size: 200px;

  color: var(--color-3);

}

.section-all-item-center .item-subtext {

  margin-top: 15px;

  padding: 0px 100px;

}

.section-all-item-center .border-comming-soon-top {

  position: absolute;

  width: 0%;

  left: 0;

  height: 1px;

  top: 25%;

  display: none;

  background-color: #4F4836;

}

.section-all-item-center .border-comming-soon-bottom {

  position: absolute;

  width: 0%;

  left: 0;

  height: 1px;

  bottom: 15%;

  background-color: #4F4836;

}

.section-all-item-center .border-comming-soon-colum-left {

  width: 1px;

  height: 0%;

  top: 0;

  position: absolute;

  background-color: #4F4836;

  align-self: flex-start;

  left: 20%;

}

.section-all-item-center .border-comming-soon-colum-right {

  width: 1px;

  height: 0%;

  top: 0;

  position: absolute;

  background-color: #4F4836;

  align-self: flex-end;

  right: 20%;

}

.section-all-item-center .date-section {

  text-align: center;

}

.section-all-item-center .date-section .timmer {

  width: 150px;

  display: inline-block;

}

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

  .section-all-item-center .date-section .timmer {

    width: 100px;

  }

}

.section-all-item-center .date-section .number {

  font-family: var(--body-font-family);

}

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

  .section-all-item-center .date-section .number {

    font-size: 50px;

  }

}

.section-all-item-center .date-section .text {

  font-size: 18px;

}

.section-all-item-center .item-title {

  color: #fff;

}

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

  .section-all-item-center .item-title {

    font-size: 32px;

  }

}

.section-all-item-center .item-subTitle {

  padding: 0px 25%;

  text-align: center;

}

.section-all-item-center .back-btn {

  border: 1px solid #4F4836;

  margin-top: 70px;

  padding: 18px 36px;

}



.ak-border {

  border-bottom: 1px solid #4F4836;

  margin: 0;

  padding: 20px;

}

.ak-border.border-none-right {

  border-right: 0;

}

.ak-border.border-none-bottom {

  border-bottom: 0px;

}



.border-right-1 {

  border-right: 1px solid #4F4836;

  border-top: 0;

  border-left: 0;

  border-bottom: 0;

}



.border-height-one {

  height: 1px;

  width: 100%;

  background-color: #4f4836;

}

.border-height-one.top-50px {

  top: 50px;

}

.border-height-one.bottom-50px {

  bottom: 50px;

}



.padding-36px {

  padding: 36px;

}

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

  .padding-36px {

    padding: 15px 0px;

  }

}



.border-width-one {

  width: 1px;

  height: 300px;

  background-color: #4F4836;

}



.border-bottom-1 {

  border: 1px solid #4F4836;

  border-top: 0;

  border-left: 0;

  border-right: 0;

}

.border-bottom-1.marginY-30 {

  margin-top: 30px;

  margin-bottom: 30px;

}



/* end ak-animison cricle */

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

  .ak-right-space-150 {

    padding-right: 50px;

  }

}

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

  .ak-right-space-40,

  .ak-right-space-150 {

    padding-right: 0;

  }

}

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

  .ak-left-space-30 {

    padding-left: 0px;

  }

  .ak-font-14-sm {

    font-size: 14px;

  }

  .ak-font-16-sm {

    font-size: 16px;

  }

  .ak-font-18-sm {

    font-size: 18px;

  }

  .ak-font-20-sm {

    font-size: 20px;

  }

  .ak-font-22-sm {

    font-size: 22px;

  }

  .ak-font-24-sm {

    font-size: 24px;

  }

  .ak-font-26-sm {

    font-size: 26px;

  }

  .ak-font-28-sm {

    font-size: 28px;

  }

  .ak-font-42-sm {

    font-size: 42px;

  }

  .ak-font-36-sm {

    font-size: 36px;

  }

  .ak-btn-group > *:not(:last-child) {

    margin-right: 10px;

  }

  .flex-column-reverse-lg {

    flex-direction: column-reverse;

  }

  .ak-seciton-heading.ak-style1 .ak-section-title::before {

    top: 1px;

  }

}

.ak-partner-logo-wrap {

  display: flex;

  align-items: center;

}



.ak-partner-logo {

  flex: none;

  padding: 10px 65px;

}

.ak-partner-logo img {

  max-height: 100px;

}



.ak-stroke-text {

  font-size: 100px;

  font-weight: 400;

  font-family: var(--font-title);

  color: transparent;

  -webkit-text-stroke: 1px var(--yellow-color);

}

.ak-stroke-text.ak-type-1 {

  -webkit-text-stroke: 1.5px var(--yellow-color);

  text-align: center;

  font-size: 265.289px;

  line-height: 62%;

}



.ak-stroke-normal {

  font-size: 100px;

  font-weight: 900;

  line-height: 1.2em;

  color: var(--yellow-color);

}



.ak-stroke-number {

  font-size: 100px;

  font-weight: 900;

  line-height: 1.2em;

  color: transparent;

  -webkit-text-stroke: 2px var(--yellow-color);

}

.ak-stroke-number.ak-type-1 {

  text-align: center;

  font-size: 265.289px;

  line-height: 321px;

}

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

  .ak-stroke-number.ak-type-1 {

    font-size: 100px;

    line-height: 100px;

  }

}



.ak-video-block.ak-style1 {

  position: relative;

  z-index: 10;

  overflow: hidden;

  border-radius: 0px;

}

.ak-video-block.ak-style1::before {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  background-color: rgba(0, 0, 0, 0.4);

  transition: all 0.4s ease;

}

.ak-video-block.ak-style1:hover::before {

  opacity: 1;

}

.ak-video-block.ak-style1.ak-size1 {

  height: 580px;

}



.ak-player-btn {

  position: absolute;

  z-index: 10;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 100px;

  height: 100px;

  border-radius: 50%;

  padding: 18px 20px 18px 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid var(--color-3);

}



.ak-player-btn:before,

.ak-player-btn:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 100%;

  height: 100%;

  background: rgba(79, 72, 54, 0.4);

  border-radius: 50%;

}



.ak-player-btn:before {

  z-index: 0;

  animation: pulse-border 1500ms ease-out infinite;

}



.ak-player-btn:after {

  z-index: 1;

  transition: all 200ms;

}



.ak-player-btn span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 24px solid rgba(79, 72, 54, 0.8);

  border-top: 16px solid transparent;

  border-bottom: 16px solid transparent;

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

.ak-fixed-bg {

  background-attachment: fixed;

}



.ak-section-heading.ak-style-1 {

  overflow: hidden;

}

.ak-section-heading.ak-style-1 .ak-section-subtitle {

  font-family: var(--font-title);

  color: var(--color-primary);

  font-size: 18px;

  font-style: italic;

  font-weight: 400;

}

.ak-section-heading.ak-style-1 .ak-section-subtitle a {

  font-size: 18px;

}

.ak-section-heading.ak-style-1 .ak-section-title {

  font-size: 60px;

  font-weight: 400;

  margin-bottom: 0;

  color: var(--color-title);

}

.ak-section-heading.ak-style-1 .ak-section-title span {

  color: var(--color-2);

}

.ak-section-heading.ak-style-1.ak-color-1 .ak-section-subtitle {

  color: #fff;

}

.ak-section-heading.ak-style-1.ak-type-1 {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}



.ak-section-heading.ak-sytle-2 .mini-title.style-1 {

  display: flex;

  gap: 20px;

  align-items: center;

  margin-bottom: 20px;

}

.ak-section-heading.ak-sytle-2 .mini-title.style-1 .mini-title-border {

  width: 50px;

  height: 1px;

  background-color: var(--color-3);

}

.ak-section-heading.ak-sytle-2 .mini-title.style-1 .mini-text {

  font-family: Prompt;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

  color: var(--color-3);

}

.ak-section-heading.ak-sytle-2 .section-suptitle {

  font-family: var(--font-title);

  color: #fff;

  font-size: 22px;

  font-style: italic;

  font-weight: 400;

}

.ak-section-heading.ak-sytle-2 .section-title {

  font-size: 60px;

  font-style: normal;

  font-weight: 400;

  line-height: 115%;

  color: #fff;

  margin-bottom: 25px;

}

.ak-section-heading.ak-sytle-2 .section-title span {

  color: var(--color-3);

}





.ak-commmon-hero.ak-style1 {

  position: relative;

  min-height: 350px;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

}

/* .ak-commmon-hero.ak-style1 .ak-commmon-heading {

  position: absolute;

  margin-top: 8%;

} */



.ak-shine-hover-1 {

  position: relative;

  overflow: hidden;

}

.ak-shine-hover-1::before {

  content: "";

  position: absolute;

  top: 0;

  left: -80%;

  z-index: 2;

  width: 50%;

  height: 100%;

  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.15) 100%);

  transform: skewX(-25deg);

  z-index: 1;

}

.ak-shine-hover-1:hover::before {

  animation: shine 1.3s;

}



@keyframes shine {

  100% {

    left: 125%;

  }

}

.ak-scrollup {

  position: fixed;

  bottom: -60px;

  right: 40px;

  color: #fff;

  padding: 5px;

  height: 50px;

  width: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  transition: all 0.4s ease;

  z-index: 10;

  background-color: #000;

  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);

  border-radius: 50%;

}

.ak-scrollup:hover {

  background-color: var(--color-3);

  color: #fff;

}



.ak-scrollup.ak-scrollup-show {

  bottom: 95px;

}



.ak-faq-nav {

  height: 100%;

  background-color: #000;

  padding: 45px 35px;

}

.ak-faq-nav .ak-faq-nav-title {

  font-size: 30px;

}



.swiper-slide {

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  overflow: hidden;

}

.swiper-slide .ak-entity-img {

  display: none;

}



.ak-parallax-slider {

  transition: opacity 0.6s ease, transform 0.3s ease;

}

.ak-parallax-slider.loading {

  opacity: 0;

  visibility: hidden;

}



.ak-btn.style-2 {

  padding: 18px 36px;

  /*   background-color: var(--common-color-black); */

  color: #000;

  outline: none;

  border: none;

  transition: all 0.2s;

  text-transform: uppercase;

}

.ak-btn.style-2:hover {

  background-color: var(--color-3);

}



.set-bg-img-section {

  position: relative;

  overflow: hidden;

}

.set-bg-img-section .bg-img {

  position: absolute;

  z-index: -10;

  height: 100%;

  width: 100%;

}



.drop-anim-gallery {

  --qode-line-decoration-color: var(--color-3);

  position: relative;

  overflow: hidden;

}



.drop-anim-gallery::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  height: 200%;

  width: 1px;

  background-color: #4F4836;

}



.drop-anim-gallery::after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  height: 50px;

  width: 1px;

  --qode-dur: 4.5s;

  transform: translateY(-15vh);

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, var(--qode-grid-lines-decoration-color, var(--qode-line-decoration-color)) 50%, var(--qode-grid-lines-decoration-color, var(--qode-line-decoration-color)) 90%, rgba(255, 255, 255, 0) 100%);

  animation: ripple var(--qode-dur) infinite;

  animation-fill-mode: forwards;

  animation-timing-function: cubic-bezier(0.4, 0.26, 0.16, 0.98);

}



.drop-anim-gallery:nth-child(1)::after {

  animation-delay: 0.5s;

}



.drop-anim-gallery:nth-child(2)::after {

  animation-delay: 0.3s;

}



.drop-anim-gallery:nth-child(2)::after {

  animation-delay: 0.5s;

}



.text-btn {

  margin: 15px 0px;

}



.text-btn1 {

  position: relative;

  padding: 15px;

  color: var(--color-2);

  font-size: 20px;

  font-weight: 600;

  cursor: pointer;

  border-bottom: 1px solid var(--color-2);

  border-top: 1px solid var(--color-2);

  outline: none;

  z-index: 10;

}

.text-btn1.type-2 {

  padding: 15px 30px;

}



.text-btn1:hover {

  background: transparent;

  box-shadow: none;

  border: none;

  color: var(--color-2);

}



.text-btn1:after,

.text-btn1:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  height: 1px;

  width: 0;

  background: var(--color-2);

  transition: all 0.4s ease;

}



.text-btn1:after {

  right: inherit;

  top: inherit;

  left: 0;

  bottom: 0;

}



.text-btn1:hover:after,

.text-btn1:hover:before {

  width: 100%;

  transition-delay: 1s;

  transition: all 1s ease;

}



.ak-google-map {

  height: 700px;

  overflow: hidden;

}

.ak-google-map iframe {

  height: 100%;

  display: block;

  border: none;

  width: 100%;

  /* filter: grayscale(100%) invert(90%) contrast(120%); */

  filter: contrast(90%);

}

.ak-google-map.ak-type1 {

  height: 100%;

  min-height: 300px;

  width: 50vw;

}



.ak-btn.style-5 {

  padding: 18px 36px;

  color: #fff;

  outline: none;

  cursor: pointer;

  display: inline-block;

  font-size: 18px;

  border: none;

  text-transform: uppercase;

  transition: all 0.35s;

  position: relative;

  z-index: 11;

  border-color: transparent;

}

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

  .ak-btn.style-5 {

    /* padding: 10px 20px; */

    /* font-size: 16px; */

  }

}

.ak-btn.style-5 button {

  background: transparent;

  border: none;

  text-transform: uppercase;

}

.ak-btn.style-5::before, .ak-btn.style-5::after {

  height: 100%;

  position: absolute;

  top: 0;

  transition: all 0.3s;

  content: "";

}

.ak-btn.style-5::before {

  width: 100%;

  left: 0;

  border-radius: 0px;

  background-color: var(--color-2);

  z-index: -1;

}

.ak-btn.style-5.color-yellow-bg::before {

  width: 100%;

  left: 0;

  border-radius: 0px;

  background-color: var(--color-3);

  z-index: -1;

}

.ak-btn.style-5::after {

  width: 0;

  left: 50%;

  border-top: 2px solid transparent;

  border-bottom: 2px solid transparent;

  transform: translate(-50%, 0);

  z-index: 1;

}

.ak-btn.style-5:hover {

  color: #fff;

}

.ak-btn.style-5:hover::before {

  transform: scale(0, 1);

}

.ak-btn.style-5:hover::after {

  width: 100%;

  border-color: var(--color-2);

  transition-delay: 0.5s;

}



.lg-custom-thumbnails {

  background-color: #040d10;

}

.lg-custom-thumbnails #lg-counter {

  color: #fff;

}

.lg-custom-thumbnails .lg-icon {

  background-color: transparent;

  border: none;

  color: #fff;

}

.lg-custom-thumbnails .lg-icon:hover {

  color: var(--color-3);

}



.loading-overlap {

  position: fixed;

  background-color: var(--color-primary);

  z-index: 1000;

  height: 0vh;

  width: 100%;

  bottom: 0;

}



.cbox-cursor {

  cursor: pointer;

}



input[type=checkbox] {

  accent-color: var(--color-3);

}



@media only screen and (min-device-width: 1500px) and (max-device-width: 1650px) {

  .social-icon-section {

    position: absolute;

    top: 41%;

    left: -17%;

    display: flex;

    align-items: center;

    transform-origin: right;

    transform: rotate(-90deg);

    gap: 30px;

    color: #fff;

    z-index: 10;

    font-size: 16px;

  }

  .social-icon-section .social-border {

    border: none;

    border-bottom: 2px solid #fff;

    width: 100px;

    transform-origin: right;

  }

}

@media only screen and (min-width: 1660px) {

  .social-icon-section {

    position: absolute;

    top: 41%;

    left: -14%;

    display: flex;

    align-items: center;

    transform-origin: right;

    transform: rotate(-90deg);

    gap: 30px;

    color: #fff;

    z-index: 10;

    font-size: 16px;

  }

  .social-icon-section .social-border {

    border: none;

    border-bottom: 2px solid #fff;

    width: 100px;

    transform-origin: right;

  }

  .social-icon-section .social-icon span {

    margin-right: 3px;

    cursor: pointer;

  }

  .scroll-btn {

    position: absolute;

    bottom: 4%;

    left: 48%;

    transform: translate("50% -50%");

    z-index: 10;

    cursor: pointer;

  }

  .scroll-btn .icon {

    animation: textupdown 2s ease-in-out infinite;

  }

  @keyframes textupdown {

    0% {

      transform: translateY(0px);

    }

    50% {

      transform: translateY(10px);

    }

    100% {

      transform: translateY(0px);

    }

  }

}

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

  .ak-video-block.ak-style1 .ak-player-btn,

  .ak-video-block.ak-style1.ak-size1 .ak-player-btn {

    transform: translate(-50%, -50%) scale(0.8);

  }

  .ak-scrollup {

    right: 15px;

  }

  .ak-scrollup.ak-scrollup-show {

    bottom: 95px;

  }

  .ak-column-reverse-lg {

    flex-direction: column-reverse;

  }

  .ak-section-heading.ak-style-1.ak-type-1 {

    flex-direction: column;

  }

  .ak-section-heading.ak-style-1.ak-type-1 .ak-section-heading-text {

    max-width: 100%;

  }

  .ak-section-heading.ak-style-1.ak-type-1 .ak-section-heading-right {

    margin-top: 40px;

  }

  .ak-row-gap-150 > div {

    margin-bottom: -30px;

  }

  .ak-border {

    border: none;

  }

  .drop-anim-gallery::after {

    visibility: hidden;

  }

  .drop-anim-gallery::before {

    visibility: hidden;

  }

  .section-all-item-center .border-comming-soon-top {

    top: 15%;

    display: block;

  }

  .section-all-item-center .border-comming-soon-bottom {

    bottom: 10%;

  }

  .section-all-item-center .border-comming-soon-colum-left {

    left: 2%;

  }

  .section-all-item-center .border-comming-soon-colum-right {

    right: 2%;

  }

  .section-all-item-center .item-title {

    font-size: 38px;

  }

  .section-all-item-center .item-title-number {

    font-size: 100px;

    -webkit-text-stroke: 1px var(--yellow-color);

  }

  .section-all-item-center .item-subtext {

    padding: 0px;

  }

  .border-1-lg-none {

    border: none;

  }

}

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

  .ak-section-heading.ak-style-1.ak-type-1 {

    flex-direction: column;

  }

  .ak-section-heading.ak-style-1.ak-type-1.page-top-title {

    align-items: center;

  }

  .ak-section-heading.ak-style-1.ak-type-1 .ak-section-heading-text {

    max-width: 100%;

  }

  .ak-section-heading.ak-style-1.ak-type-1 .ak-section-heading-right {

    margin-top: 40px;

  }

  .ak-section-heading.ak-style-1 .ak-section-title {

    font-size: 32px;

  }

  .ak-section-heading.ak-style-1 .ak-section-subtitle {

    font-size: 18px;

    margin-bottom: 5px;

  }

  .ak-section-heading.ak-style-1 .ak-section-title-3 {

    font-size: 26px;

  }

  .ak-section-heading.ak-sytle-2 .section-title {

    font-size: 45px;

  }

  .ak-hero-2.ak-style1 {

    min-height: 300px;

  }

  .ak-border {

    border-bottom: 1px solid #4F4836;

  }

  .ak-border.border-none-right {

    border-right: 0;

  }

  .ak-border.border-none-bottom {

    border-bottom: 1px solid #4F4836;

  }

  .ak-commmon-hero.ak-style1 {

    min-height: 350px;

  }

  .border-right-1 {

    border: none;

  }

  .border-bottom-1 {

    border: none;

  }

  .mini-title.style-1 {

    margin-bottom: 0;

  }

}

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

  .ak-video-block.ak-style1 .ak-player-btn,

  .ak-video-block.ak-style1.ak-size1 .ak-player-btn {

    transform: translate(-50%, -50%) scale(0.7);

  }

}

/*==============================

 TEXT ANIMATION START

===============================*/

.text_hover_animaiton {

  line-height: 15px;

}



.text_hover_animaiton:hover {

  --y: -8px;

}



.text_hover_animaiton:hover .menu-text div {

  --m: calc(16px * -1);

}



.menu-text {

  display: -ms-flexbox;

  overflow: hidden;

  text-shadow: 0 16px 0 var(--heading-color);

  display: flex;

}



.menu-text div {

  display: block;

  backface-visibility: hidden;

  transition: transform 0.4s ease;

  transform: translateY(var(--m)) translateZ(0);

}



.text_hover_animaiton:hover .menu-text div:nth-child(1) {

  transition-delay: 0.05s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(2) {

  transition-delay: 0.1s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(3) {

  transition-delay: 0.15s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(4) {

  transition-delay: 0.2s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(5) {

  transition-delay: 0.25s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(6) {

  transition-delay: 0.3s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(7) {

  transition-delay: 0.35s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(8) {

  transition-delay: 0.4s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(9) {

  transition-delay: 0.45s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(10) {

  transition-delay: 0.5s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(11) {

  transition-delay: 0.55s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(12) {

  transition-delay: 0.6s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(13) {

  transition-delay: 0.7s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(14) {

  transition-delay: 0.75s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(15) {

  transition-delay: 0.8s;

}



.text_hover_animaiton:hover .menu-text div:nth-child(16) {

  transition-delay: 0.85s;

}



.check-data {

  display: flex;

  align-items: center;

}

.check-data .check-title {

  display: block;

  width: 59%;

  font-family: Prompt;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  color: #fff;

}

.check-data .date-packer {

  width: 100%;

  display: flex;

  position: relative;

  align-items: center;

}

.check-data .date-packer input {

  width: inherit;

  z-index: 10;

  background-color: transparent;

}

.check-data .date-packer .date-icon {

  position: absolute;

  right: 0;

  z-index: 9;

}

.check-data .date-packer .date-icon svg {

  cursor: pointer !important;

}

.check-data .date-packer input[type=date]::-webkit-calendar-picker-indicator {

  cursor: pointer;

  border-radius: 4px;

  margin-right: 2px;

  opacity: 0;

  filter: invert(0);

}



/*--------------------------------------------------------------

  6. Slider

----------------------------------------------------------------*/

.btn-style-2.button-prev-next-2 {

  -moz-appearance: none;

       appearance: none;

  -webkit-appearance: none;

  background: none;

  border: none;

  margin: 0;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: nowrap;

  width: auto;

  width: -moz-max-content;

  width: max-content;

  cursor: pointer;

  text-decoration: none;

  transition: 0.2s;

  overflow: hidden;

}

.btn-style-2.button-prev-next-2 > svg {

  flex-shrink: 0;

  transition: 0.2s;

  overflow: hidden;

}

.btn-style-2.button-prev-next-2 > svg {

  width: 20px;

  height: 13px;

  overflow: hidden;

}

.btn-style-2.button-prev-next-2.btn-size {

  width: 56px;

  height: 56px;

  padding: 0;

  overflow: hidden;

  transition: 0.2s;

}

.btn-style-2.button-prev-next-2.btn-size.rotate-svg {

  transform: rotate(180deg);

}

.btn-style-2.button-prev-next-2.btn-style-round.btn-size:hover {

  background-color: var(--color-4);

}

.btn-style-2.button-prev-next-2.btn-style-round {

  color: #fff;

  background-color: var(--color-primary);

  border: 1px solid var(--color-primary);

  border-radius: 50%;

}

.btn-style-2.button-prev-next-2.btn-size svg:first-child {

  transform: translateX(-167%);

  transition: 0.2s;

}

.btn-style-2.button-prev-next-2.btn-size:hover svg:first-child {

  transform: translateX(51%);

}

.btn-style-2.button-prev-next-2.btn-size svg:last-child {

  transform: translateX(-50%);

  transition: 0.2s;

}

.btn-style-2.button-prev-next-2.btn-size:hover > svg:last-child {

  transform: translateX(178%);

  background-color: var(--color-3);

}



.btn-style-3 {

  -moz-appearance: none;

       appearance: none;

  -webkit-appearance: none;

  background: none;

  border: none;

  margin: 0;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: nowrap;

  flex-direction: column;

  width: auto;

  width: -moz-max-content;

  width: max-content;

  cursor: pointer;

  text-decoration: none;

  transition: 0.2s;

  overflow: hidden;

}

.btn-style-3 > svg {

  flex-shrink: 0;

  transition: 0.2s;

  overflow: hidden;

}

.btn-style-3 > svg {

  width: 20px;

  height: 13px;

  overflow: hidden;

}

.btn-style-3.btn-size {

  width: 150px;

  height: 150px;

  padding: 0;

  overflow: hidden;

  transition: 0.2s;

}

.btn-style-3.btn-size.rotate-svg {

  transform: rotate(180deg);

}

.btn-style-3.btn-style-round.btn-size {

  background-color: #001528;

}

.btn-style-3.btn-style-round {

  color: #fff;

  background-color: transparent;

  border-radius: 50%;

  text-transform: uppercase;

}

.btn-style-3.btn-style-round:hover {

  color: var(--color-3);

}

.btn-style-3.btn-size svg:first-child {

  transform: translateX(-377%);

  transition: 0.2s;

}

.btn-style-3.btn-size:hover svg:first-child {

  transform: translateX(51%);

}

.btn-style-3.btn-size svg:last-child {

  transform: translateX(-68%);

  transition: 0.2s;

}

.btn-style-3.btn-size:hover svg:last-child {

  transform: translateX(377%);

  background-color: #001528;

}



.ak-slider {

  position: relative;

}



.ak-slider-1 {

  overflow: hidden;

  width: 50%;

}

.ak-slider-1 .swiper-slide {

  width: 100%;

}



.ak-slider-hero-2 {

  /* overflow: hidden; */

  padding-bottom: 100px;

  width: 50%;

}

.ak-slider-hero-2.ak-width {

  width: 100%;

}

.ak-slider-hero-2 .swiper-slide {

  width: 100%;

}



.ak-swiper-controll {

  z-index: 10;

  position: absolute;

  bottom: 25vh;

  text-align: center;

  left: 46%;

}

.ak-swiper-controll .ak-swiper-navigation-wrap {

  display: flex;

  justify-content: center;

  gap: 100px;

  margin-right: 372px;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-cricle {

  border: 1px solid var(--color-3);

  border-radius: 100%;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-arrow {

  transform: translateX(10px);

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow svg {

  width: 40px;

  height: 55px;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-arrow {

  transform: translateX(0px);

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow svg {

  width: 40px;

  height: 55px;

}



.ak-swiper-controll-two {

  z-index: 10;

  position: absolute;

  top: 65vh;

  width: 96%;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap {

  display: flex;

  justify-content: center;

  gap: 90%;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-cricle {

  border: 1px solid var(--color-3);

  border-radius: 100%;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-arrow {

  transform: translateX(10px);

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow svg {

  width: 40px;

  height: 55px;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-arrow {

  transform: translateX(0px);

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll-two .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow svg {

  width: 40px;

  height: 55px;

}



.ak-swiper-controll-three {

  z-index: 12;

  position: absolute;

  top: 81vh;

  right: 5vw;

  width: 3.3vw;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap {

  display: flex;

  justify-content: center;

  gap: 90%;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-cricle {

  border: 1px solid var(--color-3);

  border-radius: 100%;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-arrow {

  transform: translateX(10px);

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow svg {

  width: 40px;

  height: 55px;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-arrow {

  transform: translateX(0px);

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll-three .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow svg {

  width: 40px;

  height: 55px;

}



.ak-swiper-controll-hero-2 {

  z-index: 100;

  position: absolute;

  top: 40vh;

  right: 2.5%;

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap {

  display: flex;

  flex-direction: column;

  gap: 130px;

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next .btn-cricle {

  position: absolute;

  height: 100px;

  width: 100px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next:hover > .btn-arrow {

  transform: translateX(0px);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-next .btn-arrow svg {

  width: 40px;

  height: 100px;

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev .btn-cricle {

  position: absolute;

  height: 100px;

  width: 100px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev:hover > .btn-arrow {

  transform: translateX(20px);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap .hero-swiper-prev .btn-arrow svg {

  width: 40px;

  height: 100px;

}



.ak-slider-2 {

  overflow: hidden;

  width: 100vw;

}

.ak-slider-2 .swiper-slide {

  width: 23%;

  left: 13%;

}



.ak-pagination-2.ak-style1 {

  display: flex;

  justify-content: center;

  z-index: 20;

  width: 20%;

}

.ak-pagination-2.ak-style1 .swiper-pagination-bullet {

  height: 16px;

  width: 16px;

  background-color: transparent;

  border: 1px solid var(--color-primary);

  border-radius: 50%;

  flex-shrink: 0;

  margin: 30px 10px;

  cursor: pointer;

  position: relative;

  opacity: 1;

}

.ak-pagination-2.ak-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border: 1px solid var(--color-3);

  background-color: var(--color-3);

}

.ak-pagination-2.ak-style1 .swiper-pagination-bullet::before {

  content: "";

  position: absolute;

  height: 5px;

  width: 5px;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: var(--color-3);

  opacity: 0;

  transition: all 0.3s ease;

}

.ak-pagination-2.ak-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  opacity: 1;

}



.ak-next-prev-2 {

  margin-top: 30px;

  position: relative;

}

.ak-next-prev-2.ak-style-1 {

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 2;

  gap: 36px;

}

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

  .ak-next-prev-2.ak-style-1 {

    gap: 25px;

  }

}



.ak-slider-3 {

  overflow: hidden;

}

.ak-slider-3 .swiper-slide {

  width: 100%;

}



.ak-swiper-controll-3 {

  margin-top: 60px;

}

.ak-swiper-controll-3 .ak-swiper-navigation-wrap {

  display: flex;

  justify-content: center;

  gap: 50px;

  margin-left: 10px;

}

.ak-swiper-controll-3 .ak-swiper-navigation-wrap .ak-swiper-button-prev-3,

.ak-swiper-controll-3 .ak-swiper-navigation-wrap .ak-swiper-button-next-3 {

  transition: all 0.8s;

  border-radius: 50%;

}



.ak-slider-4 {

  overflow: hidden;

  width: 100vw;

}

.ak-slider-4 .swiper-slide {

  width: 100%;

  position: relative;

  z-index: -9;

}



.ak-swiper-controll-4 {

  position: absolute;

  bottom: 50px;

  z-index: 10;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 {

  display: flex;

  gap: 100px;

  padding: 30px;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4 {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4 .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4:hover > .btn-cricle {

  border: 1px solid var(--color-3);

  border-radius: 100%;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4:hover > .btn-arrow {

  transform: translateX(10px);

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4 .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-next-4 .btn-arrow svg {

  width: 40px;

  height: 55px;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4 {

  position: relative;

  transition: all 0.3s ease-in-out;

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4 .btn-cricle {

  position: absolute;

  height: 55px;

  width: 56px;

  border-radius: 50% 50% 50% 50%;

  border-right: 1px solid var(--color-3);

  transition: all 0.3s ease-in-out;

  transform: rotate(180deg);

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4:hover > .btn-cricle {

  border-radius: 100%;

  border: 1px solid var(--color-3);

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4:hover > .btn-arrow {

  transform: translateX(0px);

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4 .btn-arrow {

  transition: all 0.3s ease-in-out;

  position: absolute;

  transform: translateX(10px);

}

.ak-swiper-controll-4 .ak-swiper-navigation-wrap-4 .ak-swiper-button-prev-4 .btn-arrow svg {

  width: 40px;

  height: 55px;

}



.ak-slider-5 {

  overflow: hidden;

  width: 100%;

  height: 100vh;

}

.ak-slider-5 .swiper-slide {

  width: 100%;

}

.ak-slider-5 .ak-swiper-controll {

  left: 40%;

  bottom: 9vh;

}



.ak-slider-6 {

  overflow: hidden;

  width: 100%;

  height: 100vh;

}

.ak-slider-6 .swiper-slide {

  width: 100%;

  position: relative;

}

.ak-slider-6 .swiper-slide .slider-text-info {

  text-align: center;

  position: absolute;

  top: 55vh;

  width: 100vw;

}

.ak-slider-6 .swiper-slide .slider-text-info .slider-mini-title {

  color: var(--color-3);

  font-style: italic;

  font-family: var(--font-title);

  font-size: 18px;

  opacity: 0;

  position: relative;

  top: 40px;

  transition: all 0.6s ease-in-out, transform 2s ease 0.7s;

}

.ak-slider-6 .swiper-slide .slider-text-info .slider-title {

  text-transform: uppercase;

  color: #fff;

  opacity: 0;

  transform: scale(0.8);

  position: relative;

  top: 40px;

  transition: all 0.6s ease-in-out, transform 2s ease 0.7s;

}

.ak-slider-6 .swiper-slide .slider-text-info .slider-title-two {

  text-transform: uppercase;

  color: var(--color-3);

  font-style: italic;

  display: inline-block;

  opacity: 0;

  position: relative;

  top: 40px;

  transition: all 0.8s ease-in-out, transform 2s ease 0.7s;

}

.ak-slider-6 .swiper-slide .slider-text-info .slider-title-two::after {

  content: "";

  display: inline-block;

  position: relative;

  top: -50px;

  width: 100%;

  height: 1px;

  background-color: var(--color-3);

}

.ak-slider-6 .swiper-slide .slider-6-img {

  position: absolute;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  opacity: 0.5;

  transform: scale(1);

  transition: opacity 0.6s ease-in-out, transform 2s ease 0.7s;

}

.ak-slider-6 .swiper-slide-active .slider-6-img {

  opacity: 1;

  transform: scale(1.07);

}

.ak-slider-6 .swiper-slide-active .slider-text-info .slider-mini-title {

  top: 0px;

  opacity: 1;

  transition-delay: 0.9s;

}

.ak-slider-6 .swiper-slide-active .slider-text-info .slider-title {

  top: 0px;

  opacity: 1;

  transform: scale(1);

  transition-delay: 1.25s;

}

.ak-slider-6 .swiper-slide-active .slider-text-info .slider-title-two {

  opacity: 1;

  top: 0px;

  transition-delay: 1.5s;

}



.ak-slider-core-services {

  overflow: hidden;

  width: 100%;

}

.ak-slider-core-services .swiper-slide {

  width: 100% !important;

}



.ak-slider-7 {

  overflow: hidden;

  width: 99vw;

}

.ak-slider-7 .swiper-slide {

  width: 24%;

}



.ak-slider-8 {

  overflow: hidden;

  width: 100%;

  height: 100vh;

}

.ak-slider-8 .swiper-slide {

  width: 100%;

  position: relative;

}

.ak-slider-8 .swiper-slide .slider-text-info {

  text-align: center;

  position: absolute;

  transition: all 1s;

  top: 35vh;

  width: 100vw;

  opacity: 0;

  right: 100px;

}

.ak-slider-8 .swiper-slide .slider-text-info .slider-title {

  text-transform: uppercase;

  color: #fff;

}

.ak-slider-8 .swiper-slide .slider-text-info .slider-title-two {

  text-transform: uppercase;

  color: #fff;

}

.ak-slider-8 .swiper-slide .slider-text-info .slider-title-two span {

  color: var(--color-3);

  display: inline-block;

}

.ak-slider-8 .swiper-slide .slider-text-info .slider-title-two span::after {

  display: block;

  content: "";

  position: relative;

  width: 100%;

  height: 1px;

  background-color: var(--color-3);

}

.ak-slider-8 .swiper-slide .slider-text-info .slider-detlas {

  color: #fff;

  margin-top: 20px;

}

.ak-slider-8 .swiper-slide .slider-text-info .short-title {

  color: var(--color-3);

  font-style: italic;

  font-family: var(--font-title);

}

.ak-slider-8 .swiper-slide .slider-8-img {

  position: absolute;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  opacity: 0.5;

  transform: scale(1);

  transition: opacity 0.6s ease-in-out, transform 2s ease 0.7s;

}

.ak-slider-8 .swiper-slide-active .slider-text-info {

  opacity: 1;

  right: 0px;

  transition-delay: 0.5s;

}

.ak-slider-8 .swiper-slide-active .slider-8-img {

  opacity: 1;

  transform: scale(1.07);

}



.ak-slider-9 {

  overflow: hidden;

  width: 99vw;

}

.ak-slider-9 .swiper-slide {

  width: 16.6%;

}



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

  .ak-swiper-controll-three {

    top: 60vh;

    width: 96%;

  }

}

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

  .ak-slider-6 .swiper-slide .slider-text-info {

    top: 35vh;

  }

  .ak-slider-8 .swiper-slide .slider-text-info {

    top: 35vh;

  }

  .ak-slider-8 .swiper-slide .slider-text-info .slider-title {

    font-size: 42px;

  }

  .ak-slider-8 .swiper-slide .slider-text-info .slider-title-two {

    font-size: 42px;

  }

  .ak-swiper-controll-two {

    top: 50vh;

  }

  .ak-swiper-controll-three {

    top: 50vh;

    width: 96%;

  }

}

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

  .ak-slider-1 {

    width: 100%;

  }

  .ak-swiper-controll {

    margin: 0px;

    bottom: 13vh;

    left: 0;

    margin-left: 43px;

  }

  .ak-swiper-controll .ak-swiper-navigation-wrap {

    margin-right: 58px;

  }

  .ak-slider-2 {

    width: 97vw;

  }

  .ak-slider-2 .swiper-slide {

    width: 48%;

    left: 0;

  }

  .ak-pagination-2.ak-style1 {

    width: 25%;

  }

  .ak-swiper-controll-3 {

    margin-top: 30px;

  }

  .ak-slider-7 {

    width: 100%;

  }

  .ak-slider-7 .swiper-slide {

    width: 49%;

  }

  .ak-slider-8 .swiper-slide .slider-text-info .slider-detlas {

    display: none;

  }

}

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

  .ak-slider-1 {

    width: 100%;

  }

  .ak-slider-2 {

    width: 100vw;

  }

  .ak-slider-2 .swiper-slide {

    width: 93%;

    left: 0px;

    padding: 5px;

  }

  .ak-swiper-controll {

    margin: 0px;

    margin-left: 13px;

  }

  .ak-swiper-controll .ak-swiper-navigation-wrap {

    margin-right: 0px;

    justify-content: start;

  }

  .ak-swiper-controll-3 {

    margin-top: 30px;

  }

  .ak-swiper-controll-3 .ak-swiper-navigation-wrap {

    margin-right: 0px;

  }

  .ak-pagination-2.ak-style1 {

    width: 60%;

  }

  .ak-swiper-controll-hero-2 {

    right: 10%;

  }

  .ak-slider-6 .swiper-slide .slider-text-info {

    top: 30vh;

  }

  .ak-slider-6 .swiper-slide .slider-text-info .slider-title {

    font-size: 32px;

  }

  .ak-slider-6 .swiper-slide .slider-text-info .slider-title-two {

    font-size: 32px;

  }

  .ak-slider-6 .swiper-slide .slider-text-info .slider-title-two::after {

    top: -29px;

  }

  .ak-slider-8 .swiper-slide .slider-text-info {

    top: 30vh;

  }

  .ak-slider-8 .swiper-slide .slider-text-info .slider-title {

    font-size: 32px;

  }

  .ak-slider-8 .swiper-slide .slider-text-info .slider-title-two {

    font-size: 32px;

  }

  .ak-swiper-controll-two {

    top: 50vh;

    width: 87%;

  }

  .ak-swiper-controll-three {

    top: 50vh;

    width: 98%;

  }

  .ak-slider-9 {

    width: 100%;

  }

  .ak-slider-9 .swiper-slide {

    width: 50%;

  }

}

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

  .ak-swiper-controll-three {

    top: 53vh;

    width: 100%;

  }

  .ak-swiper-controll-three .ak-swiper-navigation-wrap {

    gap: 181px;

  }

}

/*--------------------------------------------------------------

7. Video Popup

----------------------------------------------------------------*/

.ak-pd-video .ak-video-open,

.ak-sample-img .ak-video-open {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  font-size: 68px;

  transition: all 0.3s ease;

  line-height: 48px;

}



.ak-video-popup {

  position: fixed;

  z-index: 1000;

  top: 0;

  width: 100%;

  height: 100%;

  left: -100%;

  transition-delay: 0.3s;

}



.ak-video-popup.active {

  left: 0;

  transition-delay: 0s;

  left: 0;

}



.ak-video-popup-overlay {

  position: absolute;

  left: 0;

  right: 0;

  background: #000;

  transition: all 0.4s ease-out;

  opacity: 0;

}



.ak-video-popup.active .ak-video-popup-overlay {

  opacity: 0.8;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

}



.ak-video-popup-content {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  font-size: 0;

  text-align: center;

  transition: all 0.4s ease-out;

  transform: translateY(100px);

  opacity: 0;

  visibility: hidden;

  padding: 15px;

}



.ak-video-popup.active .ak-video-popup-content {

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}



.ak-video-popup-content:after {

  content: "";

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.ak-video-popup-container {

  display: inline-block;

  position: relative;

  text-align: left;

  max-width: 1380px;

  width: 100%;

  vertical-align: middle;

}



.ak-video-popup-container .embed-responsive {

  width: 100%;

}



.embed-responsive {

  position: relative;

  display: block;

  height: 0;

  padding: 0;

  overflow: hidden;

  height: 100%;

}



.embed-responsive-16by9::before {

  display: block;

  content: "";

  padding-top: 56.25%;

}



.embed-responsive iframe,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.ak-video-popup-close {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  background: #d90d0d;

  cursor: pointer;

  transition: all 0.4s ease-in-out;

}



.ak-video-popup iframe {

  width: 100%;

  height: 100%;

  position: absolute;

}



.ak-video-popup-close:before {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 1px;

  background: #fff;

  margin-left: -10px;

  transform: rotate(-45deg);

  transition: all 0.4s ease-in-out;

}



.ak-video-popup-close:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 1px;

  background: #fff;

  margin-left: -10px;

  transform: rotate(45deg);

  transition: all 0.4s ease-in-out;

}



.ak-video-popup-close:hover:before,

.ak-video-popup-close:hover:after {

  background: #000;

}



.ak-video-popup-layer {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

}



.ak-video-popup-align {

  overflow: hidden;

}



/*End Video Popup*/

/* Start video section startup-agency page*/

.ak-digital-agency.ak-video-block.ak-style1 {

  height: 700px;

}



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

  .ak-digital-agency.ak-video-block.ak-style1 {

    height: 400px;

  }

}

/* End video section */

/*--------------------------------------------------------------

8. Header

----------------------------------------------------------------*/

.ak-site_header {

  position: relative;

  z-index: 101;

}



.ak-site-branding {

  display: inline-block;

  max-width: 180px;

}



.ak-site_header {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0px;

  transition: all 0.4s ease;

}



.ak-site_header.ak-style1 .ak-main_header_in,

.ak-site_header.ak-style1 .ak-top_header_in {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

  position: relative;

  margin-top: 15px;

}

.ak-site_header.ak-style1 .ak-main_header_left {

  display: none;

}

.ak-site_header.ak-style1 .ak-main_header_right {

  display: flex;

  align-items: center;

  height: 100%;

}

.ak-site_header.ak-style1 .header-top {

  position: relative;

  padding: 0px 10px 0px 28px;

  height: 70px;

}

.ak-site_header.ak-style1 .header-top .wrapper {

  height: 100%;

  width: 100%;

  justify-content: space-between;

  display: flex;

  align-items: center;

}

.ak-site_header.ak-style1 .header-top .wrapper .header-logo {

  border-right: 0.3px solid #635542;

  display: flex;

  height: 0%;

  align-items: center;

}

.ak-site_header.ak-style1 .header-top .wrapper .header-logo .logo {

  color: #fff;

  opacity: 1;

  font-size: 18px;

  text-transform: uppercase;

  padding-right: 28px;

}

.ak-site_header.ak-style1 .header-top .wrapper .header-logo .logo:hover {

  color: var(--color-3);

}

.ak-site_header.ak-style1 .header-top .wrapper .center-log {

  margin-right: 88px;

}

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

  .ak-site_header.ak-style1 .header-top .wrapper .center-log {

    margin-right: 0px;

  }

}

.ak-site_header.ak-style1 .header-top .top-main-menu {

  position: absolute;

  width: 100%;

  top: 0%;

  left: 0;

  z-index: -10;

  transition: all 0.5s ease-in-out;

  background-color: rgba(0, 0, 0, 0.9058823529);

  display: flex;

  flex-direction: column;

  font-style: italic;

  list-style: none;

  justify-content: center;

  opacity: 1;

  height: 0;

}

.ak-site_header.ak-style1 .header-top .top-main-menu .top-main-menu-li {

  height: 70px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-transform: uppercase;

  font-style: italic;

  color: #fff;

  font-family: var(--font-title);

  padding-left: 15%;

  padding-right: 5%;

  transition: all 0.5s ease-in-out;

}

.ak-site_header.ak-style1 .header-top .top-main-menu .top-main-menu-li .top-main-menu-img {

  position: relative;

  opacity: 0;

  display: none;

  -o-object-fit: cover;

     object-fit: cover;

  width: 0%;

  height: 400px;

}

.ak-site_header.ak-style1 .header-top .top-main-menu li > a {

  display: none;

  font-size: 60px;

  line-height: 120%;

  display: inline-block;

}

.ak-site_header.ak-style1 .header-top .top-main-menu li > a:hover {

  transform: translateX(50px);

  color: var(--color-3);

}



.ak-nav + .ak-toolbox {

  margin-left: 55px;

}



.ak-site_header.ak-style1.ak-sticky-active {

  background-color: rgba(0, 0, 0, 0.8549019608);

  box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);

}

.ak-site_header.ak-style1 .ak-action_box {

  display: flex;

  align-items: center;

}

.ak-site_header.ak-style1 .ak-action_box .ak-action_value {

  margin-left: 15px;

}

.ak-site_header.ak-style1 .ak-action_box > *:not(:last-child) {

  margin-right: 35px;

}

.ak-site_header.ak-style1 .ak-btn {

  padding: 13px 15px;

}



.ak-site_header_full_width .container {

  max-width: 100%;

  padding: 0 100px;

}



.ak-site_header_style1 {

  border-bottom: 1px solid #1a188d;

}

.ak-site_header_style1 .ak-main_header_right {

  display: flex;

  align-items: center;

}

.ak-site_header_style1 .ak-nav + .ak-header_toolbox.ak-center {

  margin-left: 35px;

}

.ak-site_header_style1 .ak-nav .ak-nav_list > li.current-menu-item > a:before {

  bottom: -4px;

  background-color: rgba(0, 0, 0, 0.8549019608);

}



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

  .ak-main_header .container {

    max-width: 100%;

  }

  .ak-site_header.ak-style1 .ak-nav {

    display: flex;

  }

}

.ak-nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.ak-sticky_header {

  position: fixed !important;

  width: 100%;

  z-index: 999;

}



.ak-gescout_sticky {

  position: fixed !important;

  top: -150px;

  transition: all 0.4s ease;

  background-color: rgba(0, 0, 0, 0.8549019608);

}



.ak-gescout_show {

  top: 0 !important;

}



.ak-site_branding {

  display: inline-block;

}

@media screen and (min-width: 1400px) {

  .ak-nav_list.ak-color_1 {

    color: #fff;

  }

  .ak-nav_list.ak-color_1 ul {

    color: #000;

  }

  .ak-main_header {

    position: relative;

  }

  .ak-main_header .container-fluid {

    padding-right: 40px;

    padding-left: 40px;

  }

  .ak-main_header_center,

  .ak-top_header_center {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

  }

  .ak-site_header.ak-style1 .ak-main_header_center {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width: 100%;

    max-width: calc(100% - 300px);

  }

  .ak-nav {

    display: flex;

    align-items: center;

    height: 100%;

    line-height: 1.6em;

    font-size: 16px;

  }

  .ak-nav .ak-nav_list {

    display: flex !important;

    flex-wrap: wrap;

    height: inherit;

  }

  .ak-nav .ak-nav_list > li {

    margin-right: 50px;

    height: inherit;

    text-transform: uppercase;

    color: #fff;

  }

  .ak-nav .ak-nav_list > li:last-child {

    margin-right: 0;

  }

  .ak-nav .ak-nav_list > li > a {

    padding: 10px 0;

    display: inline-flex;

    position: relative;

    height: inherit;

    align-items: center;

  }

  .ak-nav .ak-nav_list > li > a:hover {

    color: var(--color-3);

  }

  .ak-nav .ak-nav_list > li > ul {

    left: 0;

    top: calc(100% + 15px);

  }

  .ak-nav .ak-nav_list > li:hover > ul {

    top: 100%;

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease;

  }

  .ak-nav .ak-nav_list > li.menu-item-has-children > a {

    position: relative;

  }

  .ak-nav .ak-nav_list li:not(.ak-mega_menu) {

    position: relative;

  }

  .ak-nav .ak-nav_list ul {

    width: 260px;

    background-color: rgba(0, 0, 0, 0.8549019608);

    position: absolute;

    box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

    border-top: 2px solid var(--color-3);

    padding: 10px 0;

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    display: block !important;

    border-radius: 0px 0px 5px 5px;

    transition: all 0.1s ease;

  }

  .ak-nav .ak-nav_list ul li:hover ul {

    top: 0px;

  }

  .ak-nav .ak-nav_list ul li:hover > ul {

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease;

  }

  .ak-nav .ak-nav_list ul a {

    display: block;

    line-height: inherit;

    padding: 7px 20px;

  }

  .ak-nav .ak-nav_list ul ul {

    top: 15px;

    left: 100%;

  }

  .ak-munu_toggle,

  .ak-munu_dropdown_toggle {

    display: none;

  }

  .ak-nav_black_section ul {

    position: relative;

    list-style: none;

    line-height: 65px;

    padding: 0px;

  }

  .ak-nav_black_section ul li {

    margin-top: 40px;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 900;

  }

  .ak-nav_black_section.ak-font_changes .ak-style_1 ul li {

    font-size: 40px;

    line-height: 14px;

    text-transform: capitalize;

    font-weight: 500;

  }

  .menu-item-has-black-section {

    position: relative;

  }

  .menu-item-has-black-section span {

    cursor: pointer;

  }

  .menu-item-has-black-section > a {

    position: relative;

  }

  .menu-item-has-black-section > ul {

    padding-left: 40px;

    display: none;

    list-style: none;

    line-height: 30px;

  }

  .menu-item-has-black-section > ul li {

    margin-top: 40px;

  }

  .ak-munu_dropdown_toggle_1 {

    position: absolute;

    height: 30px;

    width: 35px;

    right: 20px;

    top: 9px;

  }

  .ak-munu_dropdown_toggle_1:before, .ak-munu_dropdown_toggle_1:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 2px;

    width: 35px;

    background-color: #fff;

    transition: all 0.3s ease;

  }

  .ak-munu_dropdown_toggle_1:before {

    transform: translate(-50%, -50%) rotate(90deg);

  }

  .ak-munu_dropdown_toggle_1.active:before {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper {

    width: 1296px !important;

    left: 50%;

    transform: translateX(-50%);

    display: flex !important;

    position: absolute;

    padding: 5px 15px 10px;

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper a {

    padding: 5px 10px;

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper a img {

    border-radius: 5px;

    border: 1px solid rgba(181, 181, 181, 0.1);

    transition: all 0.5s ease;

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper a:hover img {

    border-color: rgba(255, 210, 141, 0.6);

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper > li {

    flex: 1;

    padding: 10px 0;

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper > li > a:hover {

    background-color: transparent;

  }

  .ak-nav .ak-nav_list .ak-mega_wrapper > li ul {

    position: initial;

    border: none;

    padding: 0;

    width: 100%;

    box-shadow: none;

    background-color: transparent;

  }

  .ak-nav .ak-nav_list .ak-mega_menu:hover .ak-mega_wrapper li ul {

    opacity: 1;

    visibility: visible;

  }

  .ak-nav .ak-nav_list > li ul:not(.ak-mega_wrapper) .menu-item-has-children > a {

    position: relative;

  }

}

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

  .ak-nav .ak-nav_list .ak-mega_wrapper {

    width: 1116px !important;

  }

  .ak-site-branding {

    max-width: 190px;

  }

  .ak-site_header_full_width .container {

    max-width: 100%;

  }

}

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

  .ak-nav .ak-nav_list .ak-mega_wrapper {

    width: 100% !important;

  }

  .ak-site_header_full_width .container {

    padding: 0 15px;

  }

  .ak-munu_dropdown_toggle {

    position: absolute;

    height: 30px;

    width: 30px;

    right: 20px;

    top: 5px;

  }

  .ak-munu_dropdown_toggle:before, .ak-munu_dropdown_toggle:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 2px;

    width: 10px;

    background-color: var(--body-color);

    transition: all 0.3s ease;

  }

  .ak-munu_dropdown_toggle:before {

    transform: translate(-50%, -50%) rotate(90deg);

  }

  .ak-munu_dropdown_toggle.active:before {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  .ak-nav .ak-nav_list {

    position: absolute;

    width: 100vw;

    left: -15px;

    background-color: rgba(0, 0, 0, 0.8549019608);

    padding: 10px 0;

    display: none;

    top: 0%;

    padding-top: 90px;

    border-top: 1px solid rgba(77, 77, 77, 0.3215686275);

    border-bottom: 1px solid rgba(77, 77, 77, 0.3215686275);

    overflow: auto;

    max-height: calc(100vh - 80px);

    line-height: 1.6em;

  }

  .ak-nav .ak-nav_list ul {

    padding-left: 15px;

    display: none;

  }

  .ak-nav .ak-nav_list a {

    display: block;

    padding: 12px 20px;

    text-transform: uppercase;

    color: #fff;

  }

  .ak-nav .ak-nav_list a:hover {

    color: var(--color-3);

  }

  .ak-nav .menu-item-has-children {

    position: relative;

  }

  /*Mobile Menu Button*/

  .ak-munu_toggle {

    display: inline-block;

    width: 30px;

    height: 27px;

    cursor: pointer;

    position: absolute;

    top: 27px;

    right: 30px;

  }

  .ak-munu_toggle span,

  .ak-munu_toggle span:before,

  .ak-munu_toggle span:after {

    width: 100%;

    height: 2px;

    background-color: var(--color-3);

    display: block;

  }

  .ak-munu_toggle span {

    margin: 0 auto;

    position: relative;

    top: 12px;

    transition-duration: 0s;

    transition-delay: 0.2s;

  }

  .ak-munu_toggle span:before {

    content: "";

    position: absolute;

    margin-top: -9px;

    transition-property: margin, transform;

    transition-duration: 0.2s;

    transition-delay: 0.2s, 0s;

  }

  .ak-munu_toggle span:after {

    content: "";

    position: absolute;

    margin-top: 9px;

    transition-property: margin, transform;

    transition-duration: 0.2s;

    transition-delay: 0.2s, 0s;

  }

  .ak-site_header.ak-style1 .ak-munu_toggle {

    top: 50%;

    right: 0px;

    margin-top: -13px;

  }

  .ak-toggle_active span {

    background-color: rgba(0, 0, 0, 0);

    transition-delay: 0.2s;

  }

  .ak-toggle_active span:before {

    margin-top: 0;

    transform: rotate(45deg);

    transition-delay: 0s, 0.2s;

  }

  .ak-toggle_active span:after {

    margin-top: 0;

    transform: rotate(-45deg);

    transition-delay: 0s, 0.2s;

  }

  .ak-header_toolbox {

    margin-right: 50px;

  }

  .ak-nav .ak-nav_list a {

    position: relative;

    text-transform: uppercase;

    color: #fff;

  }

  .ak-nav .ak-nav_list a:hover {

    color: var(--color-3);

  }

  .ak-site_header.ak-style1 .ak-main_header_in {

    height: 90px;

    justify-content: start;

    margin-top: 0px;

  }

  .ak-site_header.ak-style1 .ak-main_header_in .ak-main_header_left {

    display: inline-block;

    z-index: 10;

  }

  .ak-hamburger span {

    height: 3px;

  }

  .ak-site_header .current-menu-item > a:before {

    display: none;

  }

  .ak-site_header.ak-style1 .ak-main_header_center .ak-site_branding {

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

  }

  .ak-site_header.ak-style1 {

    top: 0;

  }

  .header-top {

    display: none;

  }

}

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

  .ak-site_header .container {

    max-width: 100%;

  }

  .ak-site_header.ak-style1 .ak-action_box > *:not(:last-child) {

    margin-right: 25px;

  }

  .ak-site_header.ak-style1 .ak-btn {

    padding: 8px;

  }

  .header-top {

    display: none;

  }

}

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

  .ak-site-branding {

    max-width: 150px;

  }

  .ak-hamburger_wrap .ak-hamburger {

    margin-right: 0;

  }

  .ak-site_header.ak-style1 .ak-btn span {

    display: none;

  }

  .ak-site_header.ak-style1 .ak-btn svg {

    margin-right: 0;

    width: 20px;

    height: 20px;

  }

}

.nav-bar-border {

  opacity: 0.3;

  border-bottom: 0.5px solid var(--color-3);

  width: 0%;

}



.ak-menu-toggle {

  background-color: transparent;

  border: none;

  cursor: pointer;

  border-left: 0.3px solid #635542;

  padding-left: 20px;

  height: 100%;

}

.ak-menu-toggle .ak-menu-icon path {

  fill: none;

  stroke: var(--color-3);

  stroke-linecap: round;

}



/*--------------------------------------------------------------

  9. Footer

----------------------------------------------------------------*/

.ak-hr-container {

  position: relative;

}

.ak-hr-container .ak-footer-hr-top {

  width: 100%;

  height: 1px;

  background: var(--border-color);

  width: 0%;

}

.ak-hr-container .ak-footer-hr-bottom {

  width: 100%;

  height: 1px;

  background: var(--border-color);

  position: absolute;

  width: 0%;

  right: 0px;

}



.footer-logo {

  text-align: center;

}



.ak-braner-logo .footer-log-elem {

  cursor: pointer;

  display: inline-block;

}

.ak-braner-logo .footer-log-icon {

  margin-top: 25px;

  margin-bottom: 35px;

}

.ak-braner-logo .footer-log-icon path {

  stroke: var(--color-3);

}

.ak-braner-logo.footer-logo:hover .footer-log-icon > svg > path {

  stroke: var(--color-3);

}



.footer-time-border {

  width: 100%;

  height: 1px;

  background: var(--border-color);

  width: 0%;

}



.ak-footer.ak-style-1 {

  background-color: var(--color-4);

  padding-bottom: 25px;

  position: relative;

}

.ak-footer.ak-style-1.color-1 {

  background-color: #051114;

}

.ak-footer.ak-style-1 .footer-bg-img {

  position: absolute;

  width: 20%;

  height: 70%;

  bottom: 0;

  right: 0;

}



.footer-main {

  padding: 40px 40px 35px;

}

.footer-main .footer-eamil-menu {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

.footer-main .footer-eamil-menu .footer-email a {

  font-size: 35px;

  color: #fff;

}

.footer-main .footer-eamil-menu .footer-email::after {

  content: "";

  display: block;

  width: 0%;

  height: 2px;

  background-color: #fff;

  transition: width 0.3s;

}

.footer-main .footer-eamil-menu .footer-email:hover::after {

  width: 100%;

}

.footer-main .footer-eamil-menu .footer-menu ul {

  text-decoration: none;

  text-transform: uppercase;

  color: #fff;

  list-style: none;

  display: flex;

  justify-content: center;

  gap: 34px;

  margin: 0;

  padding: 0;

  flex-shrink: 1;

  flex-wrap: wrap;

}

.footer-main .footer-info {

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-transform: uppercase;

  color: #fff;

  text-align: start;

}

.footer-main .footer-info .footer-btn.style-1 {

  border: 1px solid #fff;

  padding: 18px 43px;

  display: inline;

}

.footer-main .footer-info .footer-btn.style-1:hover {

  border: 1px solid var(--color-3);

}

.footer-main .footer-info .footer-email .email-input {

  border: 1px solid #4F4836;

}

.footer-main .footer-info .footer-email .email-input .e-input {

  background-color: transparent;

  padding: 18px;

}

.footer-main .footer-info .footer-email .email-input .btn-input {

  border-radius: 15px;

  border-color: #fff;

  padding: 8px 13px;

  margin-right: 15px;

  transition: all 0.5s;

}

.footer-main .footer-info .footer-email .email-input .btn-input svg {

  transition: transform 0.3s ease;

  transform: rotate(0deg);

}

.footer-main .footer-info .footer-email .email-input .btn-input:hover {

  border-color: var(--color-3);

  background-color: var(--color-3);

}

.footer-main .footer-info .footer-email .email-input .btn-input:hover svg {

  transition: transform 0.3s ease;

  transform: rotate(45deg);

}



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

  .footer-main .footer-eamil-menu .footer-menu ul {

    gap: 55px;

    margin: 30px 0px;

  }

  .footer-main .footer-info {

    flex-wrap: wrap;

    gap: 30px;

  }

}

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

  .footer-main {

    padding: 30px 0px;

  }

  .footer-main .footer-eamil-menu .footer-menu ul {

    gap: 30px 80px;

  }

  .footer-main .footer-info {

    flex-wrap: wrap;

    gap: 30px;

  }

  .ak-footer.ak-style-1 {

    position: relative;

  }

  .ak-footer.ak-style-1 .footer-bg-img {

    position: absolute;

    width: 50%;

    height: 50%;

    bottom: 0;

    right: 0;

  }

}

/*--------------------------------------------------------------

  10. Video

----------------------------------------------------------------*/

.video-section {

  position: relative;

  height: 75vh;

  width: 100%;

  display: flex;

  justify-content: center;

  overflow: hidden;

  align-items: center;

}

.video-section .video-section-bg-img {

  position: absolute;

  width: 100%;

  height: 110%;

}



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

  .video-section {

    height: 40vh;

  }

}

/*--------------------------------------------------------------

  11. Hero

----------------------------------------------------------------*/

.ak-hero.ak-style1 {

  min-height: calc(100vh + 50px);

  position: relative;

}

.ak-hero.ak-style1.heignt-100vh {

  min-height: calc(100vh + 0px);

}

.ak-hero.ak-style1.heignt-100vh .ak-slider-hero-2 {

  width: 100%;

}

.ak-hero.ak-style1.heignt-100vh .hero-text-section {

  margin-left: 0px;

}

.ak-hero.ak-style1 .ak-hero-bg {

  height: 100%;

  width: 100%;

  position: absolute;

  background-position: center;

  left: 0;

  top: 0;

  z-index: 9;

}

.ak-hero.ak-style1 .hero-text-section {

  z-index: 10;

  /* margin-left: 160px; */

  /* padding-left: 160px; */

  position: absolute;

  display: flex;

  align-items: center;

  height: 100%;

  text-align: center;

}

.ak-hero.ak-style1 .hero-text-section .hero-title .mini-title {

  border: 2px solid var(--color-2);

  display: inline-block;

  font-style: italic;

  font-size: 25px;

  font-weight: 500;

  color: #fff;

  padding: 15px 25px;

}

.ak-hero.ak-style1 .hero-text-section .swiper-slide-active .slider-info .hero-title .hero-main-title {

  color: #fff;

  top: 0px;

  opacity: 1;

  transition-delay: 0.6s;

}

.ak-hero.ak-style1 .hero-text-section .swiper-slide-active .slider-info .hero-title .hero-main-title-1 {

  top: 0px;

  opacity: 1;

  transition-delay: 0.75s;

}

.ak-hero.ak-style1 .hero-text-section .swiper-slide-active .slider-info .hero-sub-text {

  opacity: 1;

  top: 0px;

  transition-delay: 1s;

}

.ak-hero.ak-style1 .hero-text-section .swiper-slide-active .slider-info .hero-btn.style-1 {

  opacity: 1;

  top: 0px;

  transition-delay: 1.2s;

}

.ak-hero.ak-style1 .hero-text-section .slider-info {

  width: 100%;

}

/* .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title {

  text-transform: uppercase;

} */

.ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title {

  color: #fff;

  font-size: 80px;

  position: relative;

  top: 25px;

  opacity: 1;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}

.ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1 {

  font-style: italic;

  border-bottom: 1px solid #4F4836;

  display: inline-flex;

  position: relative;

  left: 10%;

  top: 40px;

  opacity: 1;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}

.ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1.style-2 {

  left: 0%;

  border: none;

  font-style: normal;

}

.ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text {

  position: relative;

  top: 30px;

  opacity: 0;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

  margin-right: 200px;

  margin-top: 20px;

  font-size: 18px;

  line-height: 27px;

  letter-spacing: 0.36px;

}

.ak-hero.ak-style1 .hero-text-section .slider-info .hero-btn.style-1 {

  position: relative;

  top: 20px;

  opacity: 1;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}



.ak-hero.ak-style2 {

  min-height: calc(100vh + 0px);

  position: relative;

}

.ak-hero.ak-style2 .ak-hero-bg {

  height: 100%;

  width: 100%;

  position: absolute;

  background-position: center;

  left: 0;

  top: 0;

  z-index: 9;

}



.slider-6-img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  transition: filter 0.5s;

}



.ak-hero.ak-style3 {

  min-height: calc(100vh + 0px);

  position: relative;

}

.ak-hero.ak-style3 .ak-hero-bg {

  height: 100%;

  width: 100%;

  position: absolute;

  background-position: center;

  left: 0;

  top: 0;

  z-index: 9;

}

.ak-hero.ak-style3 .checkig-from {

  bottom: 70px;

}



@media screen and (min-width: 1451px) and (max-width: 1746px) {

  .ak-hero.ak-style1 .hero-text-section .slider-info {

    width: 100%;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title,

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1 {

    font-size: 65px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text {

    font-size: 16px;

  }

}

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

  .ak-hero.ak-style3 .checkig-from {

    bottom: 0px;

  }

  .ak-hero.ak-style3 .ak-slider-8 {

    height: 70vh;

  }

}

@media screen and (min-width: 991px) and (max-width: 1450px) {

  .ak-hero.ak-style1 {

    display: flex;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info {

    width: 100%;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title,

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1 {

    font-size: 65px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text {

    font-size: 16px;

  }

}

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

  .ak-hero.ak-style1 {

    display: flex;

    /* min-height: calc(0vh + 0px); */

  }

  .ak-hero.ak-style1 .hero-text-section {

    margin-left: 30px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info {

    width: 90%;

  }

  /* .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title {

    text-align: start;

  } */

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title,

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1 {

    font-size: 58px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text {

    font-size: 16px;

  }

}

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

  .ak-hero.ak-style1 {

    min-height: calc(100vh + 10px);

  }

  .ak-hero.ak-style1 .hero-text-section {

    margin-left: 0px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info {

    width: 100%;

  }

  /* .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title {

    text-align: start;

  } */

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title {

    font-size: 52px;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-title .hero-main-title-1 {

    font-size: 48px;

    left: 0%;

  }

  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text {

    font-size: 16px;

    margin-right: 20px;

    margin-top: 0px;

  }

}

/*--------------------------------------------------------------

  12. Slider Text

----------------------------------------------------------------*/

.ak-moving-section-wrap {

  overflow: hidden;

  background: var(--color-4);

}



.ak-moving-section-in {

  display: flex;

  flex-wrap: nowrap;

  white-space: nowrap;

  min-width: 100%;

}



.ak-moving-section {

  display: flex;

  flex-shrink: 0;

  align-items: center;

  padding: 25px 0px 15px;

  animation: slide-left 20s linear infinite;

}

.ak-moving-section span {

  color: #fff;

}



.ak-animation-speed-10 {

  animation: slide-left 10s linear infinite;

}



.ak-animation-speed-30 {

  animation: slide-left 30s linear infinite;

}



.ak-animation-speed-40 {

  animation: slide-left 40s linear infinite;

}



.ak-animation-speed-50 {

  animation: slide-left 50s linear infinite;

}



.ak-moving-section-hover-push:hover .ak-moving-section {

  animation-play-state: paused;

}



@keyframes slide-left {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}

/*--------------------------------------------------------------

  13. About

----------------------------------------------------------------*/

.ak-about-bg-color {

  background: #040D10;

}



.ak-about-hr,

.ak-open-hour-hr {

  width: 100%;

  height: 1px;

  background: var(--border-color);

  margin-top: 135px;

  position: absolute;

  display: none;

  background: var(--color-2);

}

.ak-open-hour-hr {

  margin-top: 40px;

}

@media screen and (min-width: 1725px) {

  .ak-about-hr,

  .ak-open-hour-hr {

    width: 0%;

    display: inline-block;

    overflow: hidden;

  }

}



.ak-about.ak-style-1 {

  position: relative;

}

.ak-about.ak-style-1 .ak-about-bg-img {

  position: absolute;

  right: 0;

  top: 0;

  width: 45%;

  height: 100%;

  overflow: hidden;

}

.ak-about.ak-style-1 .ak-about-bg-img img {

  object-position: center;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.ak-about.ak-style-1 .about-section.ak-about-1 {

  width: 50%;

  padding: 100px 0 75px;

}

.ak-about.ak-style-1 .about-section.ak-about-1 .about-text-section .about-title {

  font-size: 55px;

  color: var(--color-title);

}

.ak-about.ak-style-1 .about-section.ak-about-1 .about-text-section .about-title span {

  color: var(--color-2);

}



.ak-about.ak-style-2 {

  max-width: 1460px;

  margin-left: 7%;

  margin-right: 3%;

  display: flex;

  gap: 85px;

  align-items: center;

}

.ak-about.ak-style-2 .text-content {

  max-width: 645px;

}

.ak-about.ak-style-2 .text-content .ak-signature {

  margin-top: 70px;

}



.ak-about.ak-style-3 {

  width: 85vw;

  display: flex;

  gap: 30px;

  align-items: center;

}

.ak-about.ak-style-3 .text-content {

  max-width: 645px;

}

.ak-about.ak-style-3 .text-content .ak-signature {

  margin-top: 70px;

}



.meet-the-content-about-section {

  display: flex;

  align-items: center;

  gap: 5%;

}

.meet-the-content-about-section .about-info {

  flex-grow: 1;

  flex-shrink: 1;

}

.meet-the-content-about-section .about-img {

  overflow: hidden;

  flex-grow: 2;

  flex-shrink: 0;

}

.meet-the-content-about-section .about-img img {

  width: 100%;

  height: 100%;

}

.meet-the-content-about-section .about-social {

  flex-grow: 0;

  flex-shrink: 1;

}

.meet-the-content-about-section .about-social a {

  text-decoration: underline;

}



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

  .ak-about.ak-style-3 .about-img-2 .about-img-two {

    display: none;

  }

}

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

  .ak-about.ak-style-2 {

    flex-wrap: wrap;

    margin: 0;

  }

  .ak-about.ak-style-2 .about-img-2 {

    width: 100%;

    height: 50vh;

  }

  .ak-about.ak-style-2 .about-img-2 img {

    -o-object-fit: cover;

       object-fit: cover;

    height: 100%;

    width: 100%;

  }

  .ak-about.ak-style-2 .text-content {

    max-width: 100%;

  }

}

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

  .ak-about.ak-style-3 {

    flex-wrap: wrap;

    width: auto;

    overflow: hidden;

  }

  .ak-about.ak-style-3 .about-img-2 {

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;

  }

  .ak-about.ak-style-3 .about-img-2 .about-img-two {

    display: block;

  }

  .ak-about.ak-style-3 .text-content {

    max-width: 100%;

  }

}

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

  .meet-the-content-about-section {

    flex-wrap: wrap;

    gap: 60px;

  }

  .ak-about.ak-style-1 .ak-about-bg-img {

    opacity: 0.2;

  }

  .ak-about.ak-style-1 .ak-about-bg-img img {

    -o-object-fit: cover;

       object-fit: cover;

    background-position: center center;

  }

  .ak-about.ak-style-1 .about-section.ak-about-1 {

    width: 100%;

  }

  .ak-about.ak-style-2 {

    gap: 60px;

  }

}

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

  .ak-about.ak-style-1 {

    display: flex;

    flex-wrap: wrap;

  }

  .ak-about.ak-style-1 .ak-about-bg-img {

    position: relative;

    width: 100%;

    opacity: 1;

  }

  .ak-about.ak-style-1 .ak-about-bg-img img {

    -o-object-fit: cover;

       object-fit: cover;

  }

  .ak-about.ak-style-1 .about-section.ak-about-1 {

    width: 100%;

    padding: 50px 0px;

  }

  .ak-about.ak-style-1 .about-section.ak-about-1 .about-text-section .about-title {

    font-size: 45px;

  }

  .meet-the-content-about-section {

    flex-wrap: wrap;

    gap: 60px;

  }

  .meet-the-content-about-section .about-img {

    flex-shrink: 1;

  }

  .ak-about.ak-style-2 {

    gap: 30px;

  }

  .ak-about.ak-style-2 .about-img-2 {

    height: 30vh;

  }

  .ak-about.ak-style-2 .text-content .ak-signature {

    margin-top: 20px;

  }

  .ak-about.ak-style-3 {

    flex-wrap: wrap;

    width: auto;

  }

  .ak-about.ak-style-3 .text-content .main-title {

    color: #fff;

    margin-bottom: 20px;

    font-size: 32px;

  }

  .ak-about.ak-style-3 .text-content .ak-signature {

    margin-top: 45px;

  }

  .ak-about.ak-style-3 .about-img-2 .about-img-two {

    display: none;

  }

}

/*--------------------------------------------------------------

  14. Opening Hour

----------------------------------------------------------------*/

.ak-bg-secendary {

  background: #05161A;

}



.opening-hour {

  display: flex;

  gap: 100px;

  align-items: center;

}

.opening-hour.type-2 {

  gap: 132px;

}

.opening-hour .opening-hour-img-section {

  /* min-width: 760px; */

  width: 400%;

  max-width: 650px;

  overflow: hidden;

  max-height: 765px;

  height: 90vh;

  position: relative;

  overflow: hidden;

}

.opening-hour .opening-hour-img-section.style-2 {

  min-width: 554.546px;

  height: 555px;

}

.opening-hour .opening-hour-img-section .overlap-opening-img {

  position: absolute;

  background-color: #051114;

  width: 100%;

  bottom: 0;

  height: 100%;

}

.opening-hour .opening-hour-img-section .opening-bg-img {

  position: absolute;

  width: 100%;

  height: 120%;

  -o-object-fit: cover;

     object-fit: cover;

}

.opening-hour .opening-hour-text-section {

  padding: 0px 20% 0px 0px;

}

.opening-hour .opening-hour-text-section.type-2 {

  padding: 0px;

  width: 140%;

}

.opening-hour .opening-hour-text-section .opening-hour-title {

  color: #fff;

}

.opening-hour .opening-hour-text-section .opening-hour-title span,

.opening-hour .opening-hour-text-section .opening-hour-title span * {

  color: var(--color-2) !important;

}

.opening-hour .opening-hour-text-section .opening-hour-date {

  position: relative;

  max-width: 365px;

}

.opening-hour .opening-hour-text-section .opening-hour-date p {

  font-size: 20px;

  color: #fff;

}

.opening-hour .opening-hour-text-section .opening-hour-date .opening-hour-hr {

  width: 98%;

  height: 0.5px;

  opacity: 0.2;

  background: var(--color-3);

  margin: 10px 0px;

}



@media only screen and (min-width: 993px) and (max-width: 1450px) {

  .opening-hour {

    gap: 100px;

  }

  .opening-hour .opening-hour-text-section {

    padding: 0px;

  }

}

/* @media only screen and (min-width: 768px) and (max-width: 992px) {

  .opening-hour {

    gap: 30px;

  }

  .opening-hour.type-2 {

    gap: 30px;

  }

  .opening-hour .opening-hour-img-section {

    flex-shrink: 1;

    min-width: 40%;

    height: 575px;

  }

  .opening-hour .opening-hour-img-section.style-2 {

    min-width: 40%;

    height: 575px;

  }

  .opening-hour .opening-hour-text-section {

    padding-right: 13.5px;

  }

} */

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

  .opening-hour {

    gap: 30px;

    flex-wrap: wrap;

    padding: 0px 13.5px;

    justify-content: center;

  }

  .opening-hour.type-2 {

    gap: 30px;

    padding: 0px;

  }

  .opening-hour .opening-hour-img-section {

    flex-shrink: 1;

    height: 500px;

    min-width: 100%;

  }

  .opening-hour .opening-hour-img-section.style-2 {

    height: 500px;

    min-width: 100%;

  }

  .opening-hour .opening-hour-text-section {

    padding: 0px 0px 0px 0px;

    flex-shrink: 1;

  }

  .opening-hour .opening-hour-text-section .opening-hour-title {

    font-size: 45px;

  }

  .opening-hour .opening-hour-text-section .opening-hour-date {

    position: relative;

  }

  .opening-hour .opening-hour-text-section .opening-hour-date p {

    font-size: 16px;

  }

  .opening-hour .opening-hour-text-section .opening-hour-date .opening-hour-hr {

    width: 84%;

  }

  .opening-hour .opening-bg-img {

    height: 100%;

  }

}

/*--------------------------------------------------------------

  15. Food Item

----------------------------------------------------------------*/

.ak-card.ak-style-1 {

  aspect-ratio: 7 / 10;

  position: relative;

  overflow: hidden;

  display: block;

  transition: all 0.5s ease;

}

.ak-card.ak-style-1 .ak-card-img {

  display: block;

  height: 100%;

  width: 100%;

}

.ak-card.ak-style-1 .ak-card-img > img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

.ak-card.ak-style-1 .card-info {

  position: absolute;

  margin: 0px 30px 37px 30px;

  left: 5%;

  bottom: -60px;

  opacity: 0;

  background-color: #040D10;

  transition: all 0.3s ease-in-out;

}

.ak-about.ak-style-1 .about-section.ak-about-1 .card-info .card-text {

  padding: 45px 50px 45px 30px;

}

.ak-card.ak-style-1 .card-info .card-text .card-title {

  color: var(--color-3);

}

.ak-card.ak-style-1 .card-info .card-text .card-subtitle {

  color: #fff;

}

.ak-card.ak-style-1 .card-info .card-text .card-subtitle:hover {

  color: var(--color-3);

}

.ak-card.ak-style-1:hover > .card-info {

  bottom: 0px;

  opacity: 1;

}



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

  .ak-card.ak-style-1 .card-info {

    left: 0%;

    margin: 0px 37px 37px 37px;

  }

  /* .ak-card.ak-style-1 .card-info .card-text {

    padding: 38px 20px 38px 19px;

  } */

  .ak-card.ak-style-1 .card-info .card-text .card-title {

    font-size: 24px;

  }

}

/*--------------------------------------------------------------

  16. Food Menu List

----------------------------------------------------------------*/

.ak-menu-list {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.ak-menu-list.style-2 {

  flex-direction: column;

  width: 650px;

}

.ak-menu-list .ak-menu-list-section-1 {

  flex-basis: 47%;

  margin-bottom: 50px;

  position: relative;

  cursor: pointer;

}

.ak-menu-list .ak-menu-list-section-1 img {

  opacity: 0;

  pointer-events: none;

  height: 220%;

  z-index: 999;

  border-radius: 50%;

  position: absolute;

  transform: translate(-30%, -50%);

}



.food-menu.style-1 .food-menu-section-1 {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.food-menu.style-1 .food-menu-section-1 .food-menu-hr {

  margin: 2px -40px 3px 0px;

}

.food-menu.style-1 .food-menu-section-1 .food-menu-hr.style-1 {

  background-color: var(--border-color);

  height: 1px;

  width: 0px;

}

.food-menu.style-1 .food-menu-section-1 .food-menu-title {

  border-bottom: 1px solid var(--yellow-color);

  text-transform: uppercase;

}

.food-menu.style-1 .food-menu-section-1 .food-menu-title p {

  font-size: 18px;

  color: var(--yellow-color);

}

.food-menu.style-1 .food-menu-section-1 .food-menu-price p {

  color: var(--color-3);

  font-size: 18px;

}

.food-menu.style-1 .food-menu-section-2 {

  display: flex;

  justify-content: space-between;

  margin-top: 7px;

}

.food-menu.style-1 .food-menu-section-2 .food-menu-subsitle {

  color: #fff;

}

.food-menu.style-1 .food-menu-section-2 .food-menu-price-subsitle {

  color: #fff;

}



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

  .food-menu.style-1 .food-menu-section-1 .food-menu-hr.style-1 {

    display: none;

  }

}

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

  .ak-menu-list .ak-menu-list-section-1 {

    flex-basis: 100%;

    margin-bottom: 20px;

  }

  .food-menu.style-1 .food-menu-section-1 {

    flex-direction: column-reverse;

    align-items: flex-start;

  }

  .food-menu.style-1 .food-menu-section-1 .food-menu-hr {

    display: none;

  }

  .food-menu.style-1 .food-menu-section-2 {

    flex-wrap: wrap;

  }

}

/*--------------------------------------------------------------

  17. Best Item

----------------------------------------------------------------*/

.ak-best-item {

  display: flex;

  justify-content: space-between;

  overflow: hidden;

}

.ak-best-item .best-item-section-1 {

  flex-basis: 40%;

}

.ak-best-item .best-item-section-1 .img-one {

  position: relative;

  overflow: hidden;

}

.ak-best-item .best-item-section-2 {

  flex-basis: 10%;

  text-align: center;

  align-self: flex-end;

}

.ak-best-item .best-item-section-3 {

  flex-basis: 50%;

}

.ak-best-item .best-item-section-3 .img-two {

  position: relative;

  overflow: hidden;

}



.img-overlay {

  position: absolute;

  background-color: #040D10;

  width: 100%;

  bottom: 0;

  height: 100%;

}



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

  .ak-best-item .best-item-section-1 {

    flex-basis: 60%;

  }

  .ak-best-item .best-item-section-3 {

    align-self: flex-end;

    flex-basis: 40%;

  }

}

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

  .ak-best-item {

    flex-wrap: wrap;

  }

  .ak-best-item .best-item-section-1 {

    flex-basis: 100%;

  }

  .ak-best-item .best-item-section-2 {

    flex-basis: 100%;

    transform: rotate(90deg);

    height: 100px;

    margin-left: 229px;

  }

  .ak-best-item .best-item-section-3 {

    flex-basis: 100%;

  }

}

/*--------------------------------------------------------------

  18. Chef

----------------------------------------------------------------*/

.chef {

  position: relative;

  width: 420px;

  height: 500px;

  max-width: 100%;

  max-height: 100%;

  background-repeat: no-repeat;

}

.chef .chef-style-1 {

  position: absolute;

  background: #040D10;

  bottom: -20px;

  padding: 36px 0px;

  width: 76%;

  height: 100px;

  margin: 0 12%;

  overflow: hidden;

  transition: all 0.5s ease-in-out;

  border-bottom: 1px solid #4F4836;

}

.chef .chef-info {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.chef .chef-info-social {

  height: 250px;

  text-transform: uppercase;

  order: 2;

  text-decoration: underline;

}

.chef .chef-title {

  order: 1;

  height: 150px;

}

.chef .chef-title a {

  font-size: 20px;

  color: var(--color-3);

  text-transform: uppercase;

}

.chef:hover .chef-style-1 {

  height: 400px;

  display: block;

}

.chef:hover .chef-style-1 .chef-info .chef-info-social {

  order: 1;

}

.chef:hover .chef-style-1 .chef-info .chef-title {

  order: 2;

}



.chef-info-social,

.chef-title {

  display: flex;

  flex-direction: column;

  align-items: center;

}



/*--------------------------------------------------------------

  19. Gallery

----------------------------------------------------------------*/

.gallery {

  position: relative;

  width: 405px;

  height: 500px;

  max-width: 100%;

  max-height: 100%;

  overflow: hidden;

  transition: all 0.7s ease-in-out;

}

.gallery.style-1 {

  position: absolute;

  background: #040D10;

  padding: 36px;

  width: 80%;

  height: 88%;

  margin: 30px 10%;

  opacity: 0;

}

.gallery.style-1 .gallery-hover {

  display: flex;

  height: 100%;

  flex-direction: column;

  text-align: center;

  justify-content: space-around;

}

.gallery.style-1 .gallery-hover .gallery-hover-icon {

  align-self: center;

  margin-bottom: -200px;

}

.gallery.style-1 .gallery-hover .gallery-hover-info {

  align-self: center;

  margin-bottom: -150px;

}

.gallery:hover {

  opacity: 1;

}



/*--------------------------------------------------------------

  20. Testimonial

----------------------------------------------------------------*/

.swiper-slide-active .testimonial-section .testimonial-info-section .testimonial-info-img {

  top: 0px;

  opacity: 1;

  transition-delay: 0.6s;

}

.swiper-slide-active .testimonial-section .testimonial-info-section .testimonial-info-title {

  top: 0px;

  opacity: 1;

  transition-delay: 0.75s;

}

.swiper-slide-active .testimonial-section .testimonial-info-section .short-title {

  top: 0px;

  opacity: 1;

  transition-delay: 1s;

}



.testimonial-section {

  display: flex;

  justify-content: space-between;

  align-items: end;

}

.testimonial-section .testimonial-icon-1 {

  margin-bottom: 24px;

}

.testimonial-section .testimonial-info-section {

  width: 56%;

  text-align: center;

  font-style: italic;

}

.testimonial-section .testimonial-info-section .testimonial-info-img {

  width: 48px;

  height: 48px;

  border-radius: 50%;

  margin-bottom: 20px;

  position: relative;

  top: 30px;

  opacity: 0;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}

.testimonial-section .testimonial-info-section .testimonial-info-title {

  font-size: 22px;

  position: relative;

  top: 20px;

  opacity: 0;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}

.testimonial-section .testimonial-info-section .short-title {

  color: #fff;

  position: relative;

  top: 10px;

  opacity: 0;

  transition: all 0.6s cubic-bezier(0.7, -0.56, 0.27, 1.6);

}

.testimonial-section .testimonial-info-section .testimonial-info-subtitle {

  margin-top: 30px;

  font-size: 22px;

  line-height: normal;

  font-style: italic;

  color: #fff;

  font-weight: 400;

}



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

  .testimonial-section .testimonial-info-section {

    width: 100%;

  }

  .testimonial-section .testimonial-icon-1 {

    display: none;

  }

}

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

  .testimonial-section .testimonial-info-section .testimonial-info-subtitle {

    font-size: 16px;

    margin-top: 10px;

  }

}

/*--------------------------------------------------------------

  21. Booking System

----------------------------------------------------------------*/

.ak-booking-system {

  overflow: hidden;

  position: relative;

}

.ak-booking-system .ak-booking-system-bg-img {

  position: absolute;

  z-index: -10;

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.booking-system-form.style-2 {

  display: flex;

  justify-content: space-between;

  gap: 15px;

  align-items: flex-start;

  height: 100%;

}

.booking-system-form.style-2 .select {

  width: 100%;

  margin: 0;

}

.booking-system-form.style-2 .select .ak-form-select {

  padding: 9px;

  height: 58px;

}

.booking-system-form.style-2 .select .select-icon {

  top: 25%;

}

.booking-system-form.style-2 .ak-form-time-date {

  width: 100%;

}

.booking-system-form.style-2 .ak-form-time-date .ak-time .time-input {

  height: 60px;

}

.booking-system-form.style-2 .ak-form-time-date .ak-time .time-icon {

  top: 14px;

}

.booking-system-form.style-2 .ak-form-time-date .ak-date .date-input {

  height: 60px;

}

.booking-system-form.style-2 .ak-form-time-date .ak-date .date-icon {

  top: 14px;

}

.booking-system-form.style-2 .ak-btn.style-5 {

  padding: 15px 20px;

}

.booking-system-form .select {

  border: 1px solid #4F4836;

  margin-bottom: 25px;

  cursor: pointer;

  position: relative;

  display: flex;

  justify-content: space-between;

}

.booking-system-form .select .select-icon {

  position: absolute;

  width: 30px;

  right: 2px;

  top: 20%;

}

.booking-system-form .ak-form-select {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  width: 100%;

  cursor: pointer;

  border: none;

  padding: 10px;

  color: #fff;

  background-color: transparent;

}

.booking-system-form .ak-form-select option {

  color: #000;

}

.booking-system-form .ak-form-time-date {

  display: flex;

  justify-content: space-between;

}

.booking-system-form .ak-form-time-date .ak-time {

  flex-basis: 48%;

  position: relative;

  display: flex;

  justify-content: space-between;

}

.booking-system-form .ak-form-time-date .ak-time .time-input {

  border: 1px solid #4F4836;

  color: #fff;

  width: 100%;

  position: absolute;

  z-index: 4;

  background-color: transparent;

  padding: 9px;

}

.booking-system-form .ak-form-time-date .ak-time .time-icon {

  position: absolute;

  width: 30px;

  height: 100%;

  right: 7px;

  top: 8px;

  z-index: 3;

}

.booking-system-form .ak-form-time-date input[type=time]::-webkit-calendar-picker-indicator {

  background-color: var(--color-3);

  cursor: pointer;

  opacity: 0;

}

.booking-system-form .ak-form-time-date .ak-date {

  flex-basis: 48%;

  position: relative;

  display: flex;

  justify-content: space-between;

}

.booking-system-form .ak-form-time-date .ak-date .date-input {

  border: 1px solid #4F4836;

  color: #fff;

  width: 100%;

  position: absolute;

  z-index: 4;

  background-color: transparent;

  padding: 9px;

}

.booking-system-form .ak-form-time-date .ak-date .date-icon {

  position: absolute;

  width: 30px;

  height: 100%;

  right: 7px;

  top: 8px;

  z-index: 3;

}

.booking-system-form .ak-form-time-date input[type=date]::-webkit-calendar-picker-indicator {

  background-color: var(--color-3);

  cursor: pointer;

  opacity: 0;

}



.ak-booking-system-map-from {

  width: 85vw;

}



.booking-system-map {

  display: flex;

  gap: 10%;

  align-items: center;

}

.booking-system-map .booking-system-map-frist {

  flex-basis: 50%;

}

.booking-system-map .booking-system-map-second {

  flex-basis: 40%;

}



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

  .ak-booking-system-map-from {

    width: 100vw;

    padding-right: 13.5px;

  }

  .booking-system-map {

    flex-wrap: wrap;

    gap: 20px;

  }

  .booking-system-map .booking-system-map-frist {

    flex-basis: 94%;

    margin-bottom: 30px;

  }

  .booking-system-map .booking-system-map-second {

    flex-basis: 94%;

  }

  .ak-google-map {

    height: 400px;

  }

  .booking-system-form.style-2 {

    flex-wrap: wrap;

  }

  .booking-system-form.style-2 .ak-btn.style-5 {

    margin-top: 45px;

    width: 100%;

    text-align: center;

  }

}

/*--------------------------------------------------------------

  22. Blog

----------------------------------------------------------------*/

.blog-content {

  overflow: hidden;

}



.blog .blog-img-top {

  width: 100%;

}

.blog .blog-body {

  margin: 25px 0px;

}

.blog .blog-body .blog-title {

  font-size: 22px;

  margin-bottom: 29px;

  position: relative;

  display: inline-block;

}

.blog .blog-body .blog-title:after {

  content: "";

  position: absolute;

  display: inline;

  width: 0%;

  height: 2px;

  left: 0;

  bottom: -10px;

  opacity: 1;

  background-color: #4F4836;

  transition: all 0.5s;

}

.blog .blog-body .blog-title:hover:after {

  opacity: 1;

  width: 100%;

}

.blog .blog-body .blog-text {

  display: block;

  text-transform: uppercase;

}



.blog-two .read-more {

  color: var(--color-3);

}

.blog-two .read-more span {

  margin-left: 10px;

  transition: all 0.3s ease-in-out;

}

.blog-two .read-more:hover {

  color: #fff;

}

.blog-two .read-more:hover span {

  margin-left: 23px;

}



.blog-details .blog-details-subtitle {

  display: flex;

  margin-top: 15px;

  gap: 30px;

}

.blog-details .blog-details-subtitle .blog-details-date {

  border: 1px solid #4F4836;

}



.quote-option {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.quote-option .testimonial-section {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.quote-option .testimonial-section .testimonial-info-section {

  width: 80%;

  text-align: start;

  font-style: italic;

  font-family: var(--font-title);

}

.quote-option .testimonial-section .testimonial-info-subtitle {

  margin-top: 0;

}

.quote-option .testimonial-section .testimonial-icon-1 {

  width: 38px;

  margin: 0;

}

.quote-option .quore-text {

  margin: 0 50px;

  font-size: 24px;

  font-style: italic;

}



.blog-details-border {

  width: 100%;

  height: 1px;

  background: var(--border-color);

}



.social-link {

  display: flex;

  gap: 50px;

  flex-wrap: wrap;

}

.social-link a {

  text-decoration: underline;

}



.search-filed {

  width: 100%;

  position: relative;

  display: flex;

  background-color: transparent;

}



.input-section {

  width: 100%;

  border: 1px solid #4F4836;

  border-right: none;

  padding: 15px;

  background: transparent;

  outline: none;

}



.input-section:focus {

  color: #fff;

}



.search-icon {

  border: 1px solid #4F4836;

  padding: 15px;

  border-left: none;

  text-align: center;

  background: transparent;

  cursor: pointer;

  font-size: 20px;

}



.category-list {

  margin-top: 25px;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.popular-tag {

  display: flex;

  flex-wrap: wrap;

  gap: 25px;

}



.author-info {

  padding: 35px;

  background-color: #051114;

}

.author-info .author-img {

  border-radius: 50%;

}

.author-info .author-title {

  font-size: 22px;

  margin-top: 18px;

}

.author-info .author-text {

  margin-top: 18px;

  margin-bottom: 18px;

}

.author-info .author-icon {

  margin-right: 15px;

}

.author-info .author-icon:hover > svg > path {

  fill: var(--color-3);

}



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

  .blog-details .anim-title-3 {

    font-size: 32px;

  }

  .blog-content .anim-title-2 {

    font-size: 32px;

  }

  .blog-content .blog-two .section-title {

    font-size: 26px;

  }

  .quote-option .quore-text {

    margin: 0 20px;

    font-size: 16px;

    text-align: center;

  }

  .quote-option .testimonial-section .testimonial-info-section {

    width: 100%;

  }

}

.comment-list {

  list-style: none;

  margin: 0px;

  margin-right: 50px;

  padding: 0px;

}

.comment-list .comment {

  padding: 30px 0px 0px 0px;

}

.comment-list .comment p {

  padding: 5px 0px;

}

.comment-list .comment .url {

  color: #fff;

}

.comment-list .comment .url:hover {

  color: var(--color-3);

}

.comment-list .comment .reply {

  color: var(--color-3);

}

.comment-list .comment .reply > :hover {

  color: #fff;

}

.comment-list .comment .comment-author .avatar {

  border-radius: 50%;

}

.comment-list .comment .children {

  margin-left: 30px;

  list-style: none;

}

.comment-list .comment .children .comment-author .avatar {

  border-radius: 50%;

}



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

  .comment-list {

    margin-right: 0px;

  }

  .comment-list .comment .children {

    margin-left: 0px;

  }

}

/*--------------------------------------------------------------

  23. Location

----------------------------------------------------------------*/

.ak-loaction-hr {

  width: 100%;

  height: 1px;

  background: var(--border-color);

}



.location-card {

  display: flex;

  justify-content: space-between;

}

.location-card .location-card-item {

  flex-basis: 40%;

  padding: 60px;

}

.location-card .location-card-item .card-title {

  margin-top: 17px;

  text-transform: uppercase;

}

.location-card .location-card-item .card-subtext {

  margin-top: 17px;

}

.location-card .location-card-item.style-1 {

  border-right: 1px solid #4F4836;

}

.location-card .location-card-item .card-icon {

  transition: all 1s ease-in-out;

  height: 41px;

  width: 40px;

  border: 1px solid #fff;

  border-radius: 50%;

  display: inline-block;

}

.location-card .location-card-item:hover .card-icon {

  border: none;

  background-color: var(--color-3);

}

.location-card .location-card-item:hover .card-icon svg path {

  fill: #000;

}



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

  .location-card {

    margin-left: 0px;

  }

  .location-card .location-card-item {

    flex-basis: 40%;

    padding: 17px;

  }

}

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

  .location-card {

    flex-wrap: wrap;

    margin-left: 0px;

  }

  .location-card .location-card-item {

    padding: 15px 0px;

    flex-basis: 100%;

  }

  .location-card .location-card-item.style-1 {

    border-right: none;

  }

  .ak-loaction-hr {

    display: none;

  }

}

@keyframes ripple {

  from {

    opacity: 1;

  }

  to {

    width: 1px;

    height: 200%;

    opacity: 0;

  }

}

/*--------------------------------------------------------------

  24. Portfolio

----------------------------------------------------------------*/

.ak-portfolio-details-border {

  width: 100%;

  height: 1px;

  background: var(--border-color);

  max-width: 250px;

  margin-top: 125px;

  position: absolute;

}



.portfolio-section {

  display: flex;

  gap: 108px;

  align-content: center;

}

.portfolio-section .portfolio-info {

  flex-shrink: 0;

}

.portfolio-section .portfolio-info h2 {

  margin-top: 85px;

  margin-bottom: 85px;

}

.portfolio-section .portfolio-info h6 {

  margin-bottom: 12px;

  padding-bottom: 10px;

  text-transform: uppercase;

  border-bottom: 1px solid #4F4836;

  word-spacing: 10px;

}

.portfolio-section .portfolio-info h6 span {

  color: #fff;

  text-transform: capitalize;

  font-family: Prompt;

}

.portfolio-section .portfolio-slider {

  overflow: hidden;

}



.portfolio-details {

  display: flex;

  align-items: center;

}

.portfolio-details .portfolio-details-text {

  padding-right: 30px;

  border-right: 1px solid #4F4836;

}

.portfolio-details .portfolio-details-icon {

  padding-left: 40px;

  display: flex;

  gap: 15px;

}

.portfolio-details .portfolio-details-icon h6 {

  text-transform: uppercase;

  margin-top: 3px;

}

.portfolio-details .portfolio-details-icon a:hover > svg > path {

  fill: var(--color-3);

}



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

  .ak-portfolio-details-border {

    position: relative;

    display: none;

    margin-top: 0px;

  }

}

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

  .ak-portfolio-details-border {

    position: relative;

    display: none;

    margin-top: 0px;

  }

  .portfolio-section {

    flex-wrap: wrap;

    gap: 60px;

  }

  .portfolio-section .portfolio-info {

    flex-shrink: 0;

  }

  .portfolio-section .portfolio-info h2 {

    margin-top: 0px;

    margin-bottom: 20px;

  }

}

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

  .portfolio-section {

    flex-wrap: wrap;

    gap: 30px;

  }

  .portfolio-section .portfolio-info {

    flex-shrink: 1;

  }

  .portfolio-section .portfolio-info .anim-title-3 {

    margin-top: 0px;

    margin-bottom: 30px;

    font-size: 32px;

  }

  .portfolio-details {

    flex-wrap: wrap;

  }

  .portfolio-details .portfolio-details-text {

    padding: 0px;

    border: none;

  }

  .portfolio-details .portfolio-details-icon {

    margin-top: 30px;

    padding: 0px;

  }

}

/*--------------------------------------------------------------

  25. Contact

----------------------------------------------------------------*/

.contact-content {

  width: 85vw;

  display: flex;

  gap: 20px 35px;

}

.contact-content.width-full {

  width: 100%;

}

.contact-content .contact-form-title {

  margin-bottom: 25px;

}

.contact-content .contact-form {

  width: 40%;

}

.contact-content .contact-form.lenght-exget {

  width: 50%;

}

.contact-content .contact-form.width-full {

  width: 100%;

}

.contact-content .contact-form .from-input {

  padding-right: 8px;

}

.contact-content .contact-form .from-input input {

  background-color: transparent;

  border: 1px solid #4F4836;

  padding: 10px;

  margin-bottom: 20px;

}

.contact-content .contact-form textarea {

  box-shadow: none;

  outline: none;

  background-color: transparent;

  border: 1px solid #4F4836;

  padding: 10px;

  margin-bottom: 10px;

}

.contact-content .contact-form textarea:focus {

  border: 1px solid #4F4836;

}

.contact-content .contact-form .contact-btn {

  border: none;

  background-color: #fff;

  color: #000;

  padding: 18px 45px;

  margin-top: 50px;

}

.contact-content .contact-map {

  width: 60%;

}

.contact-content .contact-map .ak-google-map {

  height: 500px;

}



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

  .contact-content {

    width: 100%;

    flex-direction: column;

  }

  .contact-content.lenght-exget {

    width: 100%;

  }

  .contact-content .contact-form-title {

    margin-bottom: 20px;

  }

  .contact-content .contact-form {

    width: 100%;

    margin-bottom: 60px;

  }

  .contact-content .contact-form.lenght-exget {

    width: 100%;

  }

  .contact-content .contact-map {

    width: 100%;

  }

}

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

  .contact-content {

    width: 100%;

    flex-direction: column;

  }

  .contact-content .contact-form-title {

    margin-bottom: 20px;

    font-size: 32px;

  }

  .contact-content .contact-form {

    width: 100%;

    margin-bottom: 0px;

  }

  .contact-content .contact-form.lenght-exget {

    width: 100%;

  }

  .contact-content .contact-form .anim-title-3 {

    font-size: 32px;

  }

  .contact-content .contact-map {

    width: 100%;

    margin-top: 60px;

  }

  .contact-content .contact-map .ak-google-map {

    height: 400px;

  }

}

.sidebar-hero-3 .sidebar-hero-3-bg {

  background-color: var(--color-primary);

}

.sidebar-hero-3 .sidebar-contain {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-around;

  text-align: center;

  height: 100vh;

  color: #fff;

  /* border-right: 3px solid var(--color-2); */

}

.sidebar-hero-3 .sidebar-contain .section-link ul {

  list-style: none;

  padding: 0px;

  text-transform: uppercase;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



/* hotel */

.hero-checkig-from-section {

  display: flex;

  align-items: center;

  justify-content: center;

}

.hero-checkig-from-section .ak-btn.style-5 {

  padding: 0;

  width: 230px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.checkig-from {

  display: flex;

  z-index: 10;

  bottom: 0;

  position: absolute;

  max-width: 1320px;

  padding: 60px 70px;

  background-color: #040D10;

  gap: 20px;

  justify-content: center;

}



.select-input-style1 {

  cursor: pointer;

  position: relative;

  border: 1px solid #4F4836;

  display: flex;

  justify-content: space-between;

  width: 225px;

}

.select-input-style1 .select-icon {

  position: absolute;

  width: 30px;

  right: 2px;

  top: 18px;

}

.select-input-style1 .select-option {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  width: 100%;

  cursor: pointer;

  border: none;

  padding: 19px 12px;

  background-color: transparent;

  color: #fff;

}

.select-input-style1 .select-option option {

  color: #000;

}



.date-input-style1 {

  position: relative;

  display: flex;

  justify-content: space-between;

  width: 225px;

  overflow: hidden;

  border: 1px solid #4F4836;

}

.date-input-style1 .date-input {

  border: none;

  color: #000;

  width: inherit;

  position: absolute;

  z-index: 4;

  padding: 19px 12px;

  background-color: transparent;

  color: #fff;

}

.date-input-style1 .date-icon {

  position: absolute;

  width: 30px;

  height: 100%;

  right: 3px;

  top: 16px;

  z-index: 3;

}

.date-input-style1 input[type=date]::-webkit-calendar-picker-indicator {

  cursor: pointer;

  opacity: 1;

  z-index: 4;

}



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

  .checkig-from {

    flex-wrap: wrap;

    padding: 60px 0px;

  }

  .hero-checkig-from-section .ak-btn.style-5 {

    width: auto;

    /* padding: 10px 20px; */

  }

}

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

  .ak-slider-6 {

    height: 70vh;

  }

  .select-input-style1 {

    width: 153px;

    height: 60px;

  }

  .date-input-style1 {

    width: 153px;

    height: 60px;

  }

}

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

  .ak-slider-6 {

    height: 70vh;

  }

  .checkig-from {

    position: relative;

  }

}

.room-section {

  display: flex;

  flex-wrap: wrap;

  gap: 50px;

}



.room-section > * {

  flex: 0 0 auto;

  width: 100%;

}



@media (min-width: 768px) {

  .room-section > * {

    flex: 1 1 auto;

    width: 45%;

  }

}

.room-card {

  height: 100%;

  display: flex;

  flex-direction: column;

  min-width: 0;

}

.room-card .room-card-img {

  position: relative;

}

.room-card .room-card-img .room-card-img-btn {

  position: absolute;

  bottom: 3vw;

  left: 3vw;

}

.room-card .room-card-body {

  flex: 1 1 auto;

}

.room-card .room-card-body .room-card-title {

  margin-top: 30px;

  margin-bottom: 25px;

  color: #fff;

  transition: all 0.3s;

  display: inline-block;

  font-family: var(--font-title);

  font-size: 26px;

}

.room-card .room-card-body .room-card-title.size-2 {

  margin: 0;

  margin-bottom: 25px;

  font-size: 22px;

  color: var(--color-3);

}

.room-card .room-card-body .room-card-title.size-2:hover {

  color: #fff;

}

.room-card .room-card-body .room-card-title:hover {

  color: var(--color-3);

}

.room-card .room-card-body .room-card-info {

  display: flex;

  gap: 30px;

  align-items: center;

  margin-bottom: 20px;

  color: #fff;

  text-transform: uppercase;

}

.room-card .room-card-body .room-card-info .hr-colum {

  width: 1px;

  height: 16.646px;

  flex-shrink: 0;

  opacity: 0.3;

  background-color: var(--color-3);

}

.room-card .room-card-body .room-card-info .room-card-date {

  margin: 20px 0 8px 0;

}

.room-card .room-card-body .room-card-text {

  margin-bottom: 30px;

}

.room-card .room-footer .room-card-bottom-text {

  color: var(--color-3);

  transition: all 0.3s;

  display: inline-block;

  text-transform: uppercase;

  cursor: pointer;

  position: relative;

}

.room-card .room-footer .room-card-bottom-text:after {

  content: "";

  position: absolute;

  display: inline;

  width: 0%;

  height: 2px;

  left: 0;

  bottom: 0px;

  opacity: 1;

  background-color: #4f4836;

  transition: all 0.5s;

}

.room-card .room-footer .room-card-bottom-text span {

  transition: all 0.3s ease-in-out;

  margin-left: 10px !important;

}

.room-card .room-footer .room-card-bottom-text:hover {

  color: #fff;

}

.room-card .room-footer .room-card-bottom-text:hover:after {

  width: 70%;

}

.room-card .room-footer .room-card-bottom-text:hover span {

  margin-left: 22px !important;

}

.room-card .room-footer .room-card-bottom-text.color-1 {

  color: #fff;

}

.room-card .room-footer .room-card-bottom-text.color-1:hover {

  color: var(--color-3);

}



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

  .room-suits-section {

    gap: 30px;

  }

  .room-card .room-card-body .room-card-title {

    margin-bottom: 20px;

  }

  .room-card .room-card-body .room-card-title.size-2 {

    margin-top: 7px;

    margin-bottom: 15px;

  }

  .room-card .room-card-body .room-card-text {

    margin-bottom: 20px;

  }

  .room-section {

    gap: 30px;

  }

}

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

  .room-card .room-card-body .room-card-title {

    font-size: 22px;

  }

  .room-card .room-card-body .room-card-info {

    margin-bottom: 10px;

  }

  .room-card .room-card-body .room-card-text {

    margin-bottom: 10px;

  }

}

.core-services {

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 50px;

  flex-wrap: wrap;

}

@media screen and (min-width: 1550px) {

  .core-services {

    width: 85vw;

  }

}

.core-services .core-services-img {

  position: relative;

}

.core-services .core-services-img .img-overlap {

  position: absolute;

  background-color: #001528;

  opacity: 0.4;

  left: 27px;

  right: 27px;

  display: flex;

  top: 30px;

  bottom: 30px;

}

.core-services .core-services-img .overlap-inerr {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.core-services .core-services-img .services-img {

  width: 100%;

  height: 100%;

}

.core-services .services-list {

  list-style: none;

  margin: 0;

  padding: 2px;

}

.core-services .services-list .feature-list {

  padding-bottom: 20px;

  padding-top: 20px;

  color: #fff;

  cursor: pointer;

  display: block;

  opacity: 1;

  height: 100% !important;

  width: 100%;

  border-radius: 0%;

  background-color: transparent;

  transition: all 0.3s ease;

}

.core-services .services-list .feature-list:hover {

  color: var(--color-3);

}

.core-services .services-list .feature-list:nth-child(n) {

  border-bottom: 1px solid #4F4836;

}

.core-services .services-list .swiper-pagination-bullet-active {

  color: var(--color-3);

}



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

  .core-services .services-list .feature-list {

    font-size: 22px !important;

  }

}

.funfact-counter {

  display: flex;

  flex-wrap: wrap;

}



.ak-funfact.ak-style1 .ak-funfact-number {

  display: flex;

  color: var(--color-3);

}

.ak-funfact.ak-style1 .ak-funfact-number span {

  font-size: 80px;

}

.ak-funfact.ak-style1 .ak-funfact-text {

  color: #fff;

  font-family: var(--font-title);

  font-style: italic;

  font-weight: 400;

  line-height: 140%;

  margin-top: 20px;

}

.ak-funfact.ak-style1 .ak-funfact-text p {

  font-size: 28px;

}

.ak-funfact.ak-style1 .ak-funfact-text span {

  font-size: 20px;

  color: var(--color-3);

}



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

  .ak-funfact.ak-style1 .ak-funfact-number span {

    font-size: 60px;

  }

}

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

  .ak-funfact.ak-style1 {

    margin-bottom: 0px;

  }

}

.feature {

  display: flex;

  gap: 30px;

}

.feature .frist-section {

  flex-basis: 63%;

}

.feature .secend-section {

  flex-basis: 37%;

}



.feature-card {

  display: flex;

  background-color: var(--color-primary);

  gap: 20px;

  padding: 30px;

  font-family: Prompt;

  align-items: center;

}

.feature-card.padding-22-26 {

  padding: 22px 26px;

}

.feature-card.style-2 {

  padding: 70px 5px;

  background-color: transparent;

  align-items: self-start;

}

.feature-card.style-2 .feature-text {

  flex-basis: 100%;

}

.feature-card.style-2 .feature-text h3 {

  font-size: 26px;

}

.feature-card.style-2 .feature-text h3 span {

  font-size: 20px;

}

.feature-card.style-2 .feature-text .feature-text-details {

  color: var(--body-color);

  font-weight: 300;

}

.feature-card.style-2 .feature-date {

  width: 75px;

  height: 60px;

}

.feature-card .feature-date {

  --size: 75px;

  width: var(--size);

  height: var(--size);

  border-radius: var(--size);

  border: 2px solid var(--color-2);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.feature-card .feature-date .date {

  font-size: 36px;

}

.feature-card .feature-date p {

  font-size: 20px;

  color: var(--color-3);

}

.feature-card .feature-date img {

  width: 80%;

}

.feature-card .feature-date .month-name {

  font-family: var(--font-title);

  font-size: 20px;

  color: var(--color-3);

  margin-top: 5px;

}

.feature-card .feature-text {

  flex-basis: 70%;

}

.feature-card .feature-text .title-link .title {

  font-size: 26px;

  color: #fff;

  font-family: var(--heading-font-family);

}

.feature-card .feature-text .title-link .title:hover {

  color: var(--color-3);

}

.feature-card .feature-text.cs_color_2 {

  color: var(--body-color);

}

.feature-card .feature-text.cs_color_2 h5 {

  color: #fff;

}

.feature-card .feature-text h3 {

  color: #fff;

  margin-bottom: 0;

  font-size: 28px;

}

.feature-card .feature-text h3 span {

  color: var(--color-3);

  font-size: 20px;

}



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

  .feature {

    flex-wrap: wrap;

  }

  .feature .frist-section {

    flex-basis: 100%;

  }

  .feature .secend-section {

    flex-basis: 100%;

  }

}

.hotel-facilities {

  display: flex;

  gap: 100px;

  align-items: center;

}

.hotel-facilities.reverse-section {

  flex-direction: row-reverse;

}

.hotel-facilities .hotel-facilities-text {

  max-width: 650px;

}

.hotel-facilities .hotel-facilities-text .hotel-facilities-title {

  margin-bottom: 25px;

  text-transform: capitalize;

}



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

  .hotel-facilities {

    gap: 30px;

    flex-wrap: wrap;

  }

  .hotel-facilities .hotel-facilities-text .hotel-facilities-title {

    font-size: 32px;

    margin-bottom: 15px;

  }

  .feature-card {

    flex-direction: column;

  }

  .feature-card.style-2 {

    padding: 30px 0px;

  }

  .feature-card h4 {

    font-size: 32px;

  }

}

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

  .feature-card {

    flex-direction: column;

    padding: 22px 26px;

  }

  .feature-card.style-2 {

    align-items: center;

    padding: 15px 0px;

  }

  .feature-card.style-2 .feature-date {

    width: 77px;

    height: 77px;

  }

  .feature-card .feature-text {

    text-align: center;

  }

  .feature-card .feature-text h4 {

    font-size: 26px;

  }

}

.our-story {

  display: flex;

  gap: 30px;

  align-items: end;

}

.our-story .our-story-left .our-story-subtext {

  margin-bottom: 68px;

}

.our-story .our-story-left .our-story-title {

  color: #fff;

}

.our-story .our-story-left .our-story-title span {

  color: var(--color-3);

}

.our-story .our-story-right {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  align-items: flex-end;

  gap: 85px;

}



@media screen and (max-width: 991x) {

  .our-story .our-story-right {

    display: none;

  }

}

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

  .our-story {

    flex-direction: column;

  }

  .our-story .our-story-left .our-story-subtext {

    margin-bottom: 30px;

  }

  .our-story .our-story-left .our-story-title {

    font-size: 32px;

  }

}

.total-review {

  font-family: Prompt;

  display: flex;

  align-items: center;

  background-color: var(--body-bg-color-two);

  padding: 4vw 3vw;

}

.total-review h2 {

  font-family: Prompt;

}

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

  .total-review h2 {

    font-size: 32px;

  }

}



.booking-widget {

  background-color: var(--body-bg-color-two);

}

.booking-widget .booking-widget-inner {

  padding: 50px 30px;

}

.booking-widget .booking-widget-inner .check {

  background-color: transparent;

}

.booking-widget .booking-widget-inner .check select {

  width: 100%;

  background-color: transparent;

  border: none;

  color: #fff;

  cursor: pointer;

}

.booking-widget .booking-widget-inner .check select option {

  background-color: var(--body-bg-color-two);

  width: 100%;

  color: #fff;

}

.booking-widget .booking-widget-inner .number-of-input {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 25px 0px;

  color: #fff;

}

.booking-widget .booking-widget-inner .number-of-input .increase-decrease {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 0px 13px;

  border-radius: 21.5px;

  background-color: transparent;

  border: 0.5px solid #4F4836;

}

.booking-widget .booking-widget-inner .number-of-input .increase-decrease .value-button {

  cursor: pointer;

  font-size: 32px;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.booking-widget .booking-widget-inner .number-of-input .increase-decrease .number-input {

  width: 60px;

  text-align: center;

  height: 40px;

  background-color: transparent;

  color: #fff;

  border: 0.5px solid #4F4836;

  border-top: none;

  border-bottom: none;

}

.booking-widget .booking-widget-inner .number-of-input input[type=number]::-webkit-inner-spin-button,

.booking-widget .booking-widget-inner .number-of-input input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.booking-widget .booking-widget-inner .total {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 25px;

}

.booking-widget .booking-widget-inner .total .text-total {

  color: #fff;

  text-transform: uppercase;

}

.booking-widget .booking-widget-inner .total .price {

  color: #fff;

  font-family: Prompt;

  font-size: 32px;

}



.event-list {

  display: flex;

  gap: 50px;

  align-items: center;

}

.event-list .date-text {

  width: 50%;

  display: flex;

  gap: 20px;

}

.event-list .date-text .date-section {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  border: 1px solid #4F4836;

  display: flex;

  flex-shrink: 0;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.event-list .date-text .date-section .date {

  font-family: Prompt;

  font-size: 36px;

  line-height: 100%;

}

.event-list .date-text .date-section .month-name {

  font-family: var(--font-title);

}

.event-list .date-text .date-section p {

  font-size: 20px;

  color: var(--color-3);

}

.event-list .date-text .text-section .section-title {

  color: #fff;

  margin-bottom: 10px;

}

.event-list .date-text .text-section .event-details {

  display: inline-block;

  text-transform: uppercase;

  margin-top: 30px;

  color: var(--color-3);

}

.event-list .date-text .text-section .event-details span {

  margin-left: 10px;

  transition: all 0.3s ease-in-out;

}

.event-list .date-text .text-section .event-details:hover {

  color: #fff;

}

.event-list .date-text .text-section .event-details:hover span {

  margin-left: 22px;

}



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

  .event-list {

    flex-wrap: wrap;

  }

  .event-list .date-text {

    width: 100%;

    flex-direction: column;

  }

  .event-list .date-text .date-section {

    width: 70px;

    height: 70px;

  }

  .event-list .date-text .date-section .date {

    font-size: 22px;

  }

  .event-list .date-text .text-section .section-title {

    font-size: 32px;

    margin-bottom: 30px;

  }

}

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

  .event-list {

    gap: 30px;

  }

  .event-list .date-text .text-section .section-title {

    margin-bottom: 10px;

  }

  .event-list .date-text .text-section .event-details {

    margin-top: 10px;

  }

  .container-event-single-page .section-title {

    font-size: 32px;

  }

}

.container-event-single-page {

  max-width: 910px;

}



/*--------------------------------------------------------------

31. Accordeon

----------------------------------------------------------------*/

.ak-accordeon .ak-accordion-item {

  margin-bottom: 30px;

  border: 1px solid #4F4836;

}

.ak-accordeon .ak-accordion-item .ak-accordion-header {

  padding-top: 22px;

  padding-left: 30px;

  padding-right: 30px;

  padding-bottom: 21px;

  line-height: 115%;

  cursor: pointer;

  color: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.ak-accordeon .ak-accordion-item .ak-accordion-header .ak-accordion-title {

  font-size: 20px;

  font-family: var(--font-title);

}

.ak-accordeon .ak-accordion-item .ak-accordion-header span {

  color: var(--color-3);

  font-family: var(--font-title);

}

.ak-accordeon .ak-accordion-item .ak-accordion-header svg {

  transition: transform 0.5s;

}

.ak-accordeon .ak-accordion-item .ak-accordion-header svg path {

  fill: var(--common-color-black);

}

.ak-accordeon .ak-accordion-item .ak-accordion-header.ak-icon > svg {

  transform: rotate(-90deg);

}

.ak-accordeon .ak-accordion-item .ak-accordion-body {

  padding-top: 30px;

  padding-left: 30px;

  padding-right: 30px;

  padding-bottom: 60px;

  font-size: 16px;

}

.ak-accordeon .ak-accordion-item.ak-color-1 {

  border: none;

}

.ak-accordeon .ak-accordion-item.ak-color-1 .ak-accordion-header {

  background-color: #000;

}

.ak-accordeon .ak-accordion-item.ak-color-1 .ak-accordion-header .ak-accordion-title {

  color: #fff;

}

.ak-accordeon .ak-accordion-item.ak-color-1 .ak-accordion-body {

  background: rgba(241, 241, 241, 0.3);

  font-size: 16px;

}/*# sourceMappingURL=style.css.map */