@import "https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Sofia&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: "Beyond-Infinity";
	src: url("../fonts/Beyond-Infinity.ttf");
  }
  @font-face {
	font-family: "Gill-Sans";
	src: url("../fonts/Gill-Sans.ttf");
  }
  @font-face {
	font-family: "Avenir-Next";
	src: url("../fonts/AvenirNext-Regular.ttf");
  }

:root {
    /* --fontFamily: "Avenir-Next", cursive; */
    --fontFamily: 'Montserrat', sans-serif;
    --bodyFontFamily: "Avenir-Next", sans-serif;
    --titleFontFamily: "Beyond-Infinity";
    --mainColor: #a99769;
    --primary-color-one: #a99769;
	--primary-color-two: #12758c;
	--primary-color-three: #ad482a;
	--primary-color-six: #f5e3cf;
	--primary-color-five: #123d4d;
    --optionalColor: #151B20;
    --headingColor: #FDFDFD;
    --bodyColor: #ABB8C3;
    --whiteColor: #FFFFFF;
    --transition: all ease 0.8s;

}

body {
    background: #fffbf2;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    font-family: var(--fontFamily);
    font-weight: 700;
    color: var(--headingColor);
    text-transform: capitalize;
}

p {
    font-size: 16px;
    color: var(--bodyColor);
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0
}

a {
    text-decoration: none;
    transition: var(--transition)
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle
}

img {
    height: auto;
    max-width: 100%
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

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

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

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

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

.section-title {
    text-align: center;
    margin-bottom: 40px
}

.section-title.left-title {
    text-align: left
}

.section-title .top-title {
    font-family: var(--titleFontFamily);
    font-weight: 400;
    font-size: 50px;
    color: var(--mainColor);
    line-height: 12px;
    display: inline-block;
    margin-bottom: 15px
}

.section-title h2 {
    font-size: 48px;
    font-weight: 500;
    color: #fdfdfd;
    line-height: 58px
}

.section-title p {
    color: #abb8c3;
    margin-top: 15px;
    margin-bottom: 0
}

.default-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border: none;
    text-align: center;
    background-color: var(--mainColor);
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 500;
    padding: 14.5px 33px 13.5px;
    transition: all ease .6s;
    z-index: 1;
    text-transform: capitalize;
}

.default-btn::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 20px;
    height: 20px;
    background-color: #262626;
    border-radius: 0 50px 0 0;
    transition: ease all .2s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.default-btn:hover {
    color: var(--whiteColor)
}

.default-btn:hover::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.submenu-area {
    background: #151b20;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden
}

.submenu-area.submenu-two-area {
    background: #f8f8f8
}

.submenu-area.submenu-two-area .submenu-right-content {
    text-align: left
}

.submenu-area.submenu-two-area .submenu-right-content ul li {
    margin-right: 12px
}

.submenu-area.submenu-two-area .submenu-right-content ul li i {
    color: #555;
    transition: var(--transition);
    font-size: 17px
}

.submenu-area.submenu-two-area .submenu-right-content ul li i:hover {
    color: var(--mainColor);
    transform: translateY(-3px)
}

.submenu-area.submenu-two-area .submenu-left-content {
    text-align: right
}

.submenu-area.submenu-two-area .submenu-left-content ul li::after {
    background-color: rgba(169, 169, 169, .22)
}

.submenu-area.submenu-two-area .submenu-left-content ul li img {
    transition: var(--transition);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.submenu-area.submenu-two-area .submenu-left-content ul li p {
    color: #555
}

.submenu-area.submenu-two-area .submenu-left-content ul li a {
    color: #555;
    transition: var(--transition)
}

.submenu-area.submenu-two-area .submenu-left-content ul li a:hover {
    color: var(--mainColor)
}

.submenu-area .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding-left: 50px;
    padding-right: 50px
}

.submenu-left-content {
    text-align: left
}

.submenu-left-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.submenu-left-content ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 28px;
    margin-right: 31px;
    position: relative
}

.submenu-left-content ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 19px;
    right: -18px;
    top: 55%;
    transform: translateY(-50%);
    background-color: rgba(169, 169, 169, .22)
}

.submenu-left-content ul li:last-child {
    margin-right: 0
}

.submenu-left-content ul li:last-child::after {
    display: none
}

.submenu-left-content ul li img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.submenu-left-content ul li p {
    color: #abb8c3;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily)
}

.submenu-left-content ul li a {
    font-size: 16px;
    color: #abb8c3;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    transition: var(--transition)
}

.submenu-left-content ul li a:hover {
    color: var(--mainColor)
}

.submenu-right-content {
    text-align: right
}

.submenu-right-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.submenu-right-content ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.submenu-right-content ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 19px;
    right: -10px;
    top: 48%;
    transform: translateY(-50%);
    background-color: rgba(169, 169, 169, .22)
}

.submenu-right-content ul li:last-child {
    margin-right: 0
}

.submenu-right-content ul li:last-child::after {
    display: none
}

.submenu-right-content ul li p {
    color: silver;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily)
}

.submenu-right-content ul li a i {
    font-size: 18px;
    color: #abb8c3;
    transition: var(--transition)
}

.submenu-right-content ul li a:hover i {
    color: var(--mainColor);
    transform: translateY(-3px)
}

/* .navbar-area.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--whiteColor);
    box-shadow: 0 0 30px rgba(0, 0, 0, .07);
    transition: var(--transition);
    z-index: 9999;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
} */

.navbar-area .others-option-for-responsive {
    display: none
}

.main-nav {
    background-color: #0e1317;
    padding-top: 20px;
    padding-bottom: 20px
}

.main-nav .logo-light {
    height: 45px;
}

.main-nav .logo-dark {
    display: none
}

.main-nav.main-nav-three .others-option-vg .option-item .shapping-bag img {
    filter: invert(87%) sepia(23%) saturate(161%) hue-rotate(166deg) brightness(84%) contrast(81%)
}

.main-nav.main-nav-three .others-option-vg .option-item .search-btn {
    color: rgba(171, 184, 195, .9)
}

.main-nav.main-nav-three .others-option-vg .option-item .close-btn {
    color: rgba(171, 184, 195, .9)
}

.main-nav.main-two-nav {
    background: #fff;
    border-bottom: 1px solid rgba(224, 221, 221, .53)
}

.main-nav.main-two-nav .logo-dark {
    display: block
}

.main-nav.main-two-nav .logo-light {
    display: none
}

.main-nav.main-two-nav nav .navbar-nav .nav-item.logo {
    padding: 0;
    padding-left: 110px
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link {
    color: rgba(85, 85, 85, .9)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link.active {
    color: var(--mainColor) !important
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link.active i {
    color: var(--mainColor)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link:hover {
    color: var(--mainColor)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link:hover i {
    color: var(--mainColor)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .nav-link i {
    color: rgba(85, 85, 85, .9)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .08)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
    padding: 8px 25px;
    color: rgba(85, 85, 85, .9)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
    color: var(--mainColor) !important
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
    color: var(--mainColor)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link i {
    color: rgba(85, 85, 85, .9)
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-toggle::after {
    display: none
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
    right: -100%;
    left: auto;
    top: 20px
}

.main-nav.main-two-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:hover {
    top: 0
}

.main-nav.main-two-nav .others-option-vg {
    margin-left: 0
}

.main-nav.main-two-nav .others-option-vg .option-item .shapping-bag img {
    filter: invert(31%) sepia(0%) saturate(328%) hue-rotate(187deg) brightness(96%) contrast(83%)
}

.main-nav.main-two-nav .others-option-vg .option-item .search-btn {
    color: rgba(85, 85, 85, .9)
}

.main-nav.main-two-nav .others-option-vg .option-item .close-btn {
    color: rgba(85, 85, 85, .9)
}

.main-nav .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding-left: 50px;
    padding-right: 50px
}

.main-nav nav {
    padding-bottom: 0;
    padding-top: 0
}

.main-nav nav .navbar-nav .nav-item {
    margin-right: 30px;
    padding-right: 20px
}

.main-nav nav .navbar-nav .nav-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.main-nav nav .navbar-nav .nav-item .dropdown-toggle::after {
    display: none
}

.main-nav nav .navbar-nav .nav-item .nav-link {
    color: #abb8c3;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    margin-left: 0;
    margin-right: 0;
    position: relative;
    transition: var(--transition)
}

.main-nav nav .navbar-nav .nav-item .nav-link.active {
    color: var(--mainColor) !important
}

.main-nav nav .navbar-nav .nav-item .nav-link.active i {
    color: var(--mainColor)
}

.main-nav nav .navbar-nav .nav-item .nav-link:hover {
    color: var(--mainColor)
}

.main-nav nav .navbar-nav .nav-item .nav-link:hover i {
    color: var(--mainColor) !important
}

.main-nav nav .navbar-nav .nav-item .nav-link i {
    position: absolute;
    top: 50%;
    right: -17px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #abb8c3;
    transition: var(--transition)
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    border: none;
    border-radius: 0;
    background-color: #151b20;
    max-width: 260px;
    z-index: 999
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item {
    margin-right: 0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item:first-child {
    padding-top: 10px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item:last-child {
    padding-bottom: 10px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 25px;
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    transition: var(--transition)
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
    color: var(--mainColor) !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
    color: var(--mainColor) !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link i {
    right: 20px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-toggle::after {
    display: none
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
    left: -100%;
    top: 20px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu:hover {
    top: 0
}

.main-nav .others-option-vg {
    margin-left: 38px;
    position: relative
}

.main-nav .others-option-vg .option-item {
    position: relative
}

.main-nav .others-option-vg .option-item .shapping-bag {
    margin: 0 40px 0 25px;
    position: relative
}

.main-nav .others-option-vg .option-item .shapping-bag img {
    max-width: 20px
}

.main-nav .others-option-vg .option-item .shapping-bag .shapping-text {
    background-color: #ff2a00;
    border-radius: 50px;
    position: absolute;
    right: -13px;
    top: -5px;
    padding: 4px 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    transition: var(--transition)
}

.main-nav .others-option-vg .option-item .shapping-bag .shapping-text:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.main-nav .others-option-vg .option-item .search-btn {
    cursor: pointer;
    transition: .6s;
    color: #f7d254;
    font-size: 25px;
    transition: .6s;
    position: relative;
    top: 3.5px;
    left: 6px
}

.main-nav .others-option-vg .option-item .close-btn {
    cursor: pointer;
    display: none;
    transition: .6s;
    color: #f7d254;
    font-size: 25px;
    transition: .6s;
    position: relative;
    top: 3.5px;
    left: 6px
}

.main-nav .others-option-vg .option-item .close-btn.active {
    display: block
}

.search-overlay {
    display: none
}

.search-overlay.search-popup {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    margin-top: 25px;
    border-radius: 8px
}

.search-overlay.search-popup .search-form {
    position: relative;
    border-radius: 0;
    width: 400px;
    right: 20%;
    top: 20px;
    background-color: #151b20;
    padding: 30px
}

.search-overlay.search-popup .search-form .search-input {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #0e1317;
    outline: 0;
    padding: 20px;
    border-radius: 0;
    border: 1px solid var(--mainColor);
    color: #abb8c3
}

.search-overlay.search-popup .search-form .search-input::-moz-placeholder {
    color: #abb8c3;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-input:-ms-input-placeholder {
    color: #abb8c3;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-input::placeholder {
    color: #abb8c3;
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-input:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor)
}

.search-overlay.search-popup .search-form .search-input:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-input:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-input:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.search-overlay.search-popup .search-form .search-button {
    position: absolute;
    right: 20px;
    top: 30px;
    height: 50px;
    width: 70px;
    line-height: 50px;
    border: none;
    background-color: var(--mainColor);
    transition: var(--transition);
    color: var(--whiteColor);
    border-radius: 0;
    font-size: 25px
}

.search-overlay.search-popup .search-form .search-button:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.banner-area {
    background-image: url(../images/banner/banner-bg-1.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.banner-area .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding-left: 50px;
    padding-right: 0
}

.banner-area .banner-shape-1 {
    position: absolute;
    top: 0;
    left: 22%;
    z-index: -1;
    -webkit-animation: moveleftbounce 2s linear infinite;
    animation: moveleftbounce 2s linear infinite
}

.banner-area .banner-shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-animation: moveleftbounce 2s linear infinite;
    animation: moveleftbounce 2s linear infinite
}

.banner-area .banner-shape-3 {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 18%;
    text-align: center;
    z-index: -1;
    -webkit-animation: animationFramesOne 9s linear infinite;
    animation: animationFramesOne 9s linear infinite
}

.banner-area .banner-shape-4 {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
    -webkit-animation: rotateme 2s linear infinite;
    animation: rotateme 2s linear infinite
}

.banner-area .banner-shape-5 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.single-banner-image {
    text-align: right
}

.single-banner-image img {
    max-width: 675px
}

.single-banner-content {
    position: relative
}

.single-banner-content span {
    font-family: var(--titleFontFamily);
    font-size: 18px;
    color: var(--mainColor);
    background: rgba(255, 255, 255, .12);
    padding: 12px 45px;
    font-weight: 400;
    line-height: 12px;
    display: inline-block;
    margin-bottom: 23px;
    position: relative
}

.single-banner-content span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border: solid transparent 23px;
    border-bottom-color: rgba(21, 27, 32, .97);
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.single-banner-content span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: solid transparent 23px;
    border-bottom-color: rgba(21, 27, 32, .97);
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

.single-banner-content h1 {
    color: #fdfdfd;
    font-size: 78px;
    font-weight: 700;
    line-height: 100px;
    margin-bottom: 25px
}

.single-banner-content p {
    margin-bottom: 40px
}

.single-banner-content .default-btn {
    padding: 14.5px 42px 13.5px
}

.banner-two-area {
    position: relative;
    overflow: hidden
}

.banner-two-area .container-fluid {
    max-width: 1920px;
    margin: auto;
    padding-left: 50px;
    padding-right: 0
}

.banner-two-content {
    position: relative;
    z-index: 1
}

.banner-two-content .banner-content-shape {
    position: absolute;
    bottom: -92px;
    z-index: -1
}

.banner-two-content span {
    background: rgba(197, 157, 95, .14);
    padding: 12px 45px;
    font-size: 18px;
    font-weight: 400;
    line-height: 12px;
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    display: inline-block;
    margin-bottom: 18px;
    position: relative
}

.banner-two-content span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border: solid transparent 21px;
    border-bottom-color: #fff;
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.banner-two-content span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: solid transparent 21px;
    border-bottom-color: #fff;
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

.banner-two-content h1 {
    font-size: 110px;
    color: #2f2d2b;
    line-height: 120px;
    margin-bottom: 20px
}

.banner-two-content p {
    color: #555;
    max-width: 693px;
    margin-bottom: 33px
}

.banner-two-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.banner-two-content ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.banner-two-content ul li:last-child {
    margin-right: 0
}

.banner-two-content ul li:last-child .default-btn {
    background: #0e0d0d
}

.banner-two-content ul li:last-child .default-btn::after {
    background-color: var(--mainColor)
}

.single-banner-two-image {
    text-align: right;
    position: relative;
    padding-left: 160px
}

.single-banner-two-image .banner-two-image {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.single-banner-two-image .banner-two-image img {
    max-width: 400px
}

.single-banner-two-image .banner-two-dark {
    display: none;
    transition: var(--transition);
    visibility: hidden;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.single-banner-two-image .banner-two-dark img {
    max-width: 400px
}

.single-banner-two-image .banner-two-shape-1 {
    position: absolute;
    top: 25px;
    left: -83px;
    z-index: -1
}

.single-banner-two-image .banner-two-shape-2 {
    position: absolute;
    bottom: 100px;
    left: -25px;
    z-index: -1
}

.menu-three-area {
    background-color: #0e1317;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.menu-three-area .menu-three-shape-1 {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 18%;
    max-width: 100px
}

.menu-three-area .menu-three-shape-2 {
    position: absolute;
    z-index: -1;
    left: 8%;
    bottom: 17%;
    -webkit-animation: rotateme 7s linear infinite;
    animation: rotateme 7s linear infinite
}

.menu-three-images {
    position: relative;
    text-align: center;
    margin-right: 70px;
    margin-top: 34px
}

.menu-three-images img {
    z-index: -1
}

.menu-three-images .years-experience {
    margin-top: -150px;
    position: relative;
    z-index: 1;
    text-align: center
}

.menu-three-images .years-experience .experience-odometer {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2
}

.menu-three-images .years-experience .experience-odometer h2 {
    font-size: 160px;
    font-weight: 700;
    color: var(--mainColor)
}

.menu-three-images .years-experience .experience-odometer p {
    font-size: 20px;
    font-weight: 400;
    position: relative;
    top: -10px
}

.menu-three-content .section-title {
    margin-bottom: 25px
}

.menu-three-content .default-btn {
    margin-top: 23px
}

.menu-three-text-content {
    margin-bottom: 22px
}

.menu-three-text-content:last-child {
    margin-bottom: 0
}

.menu-three-text-content .menu-three-text h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--bodyFontFamily);
    margin-bottom: 10px;
    position: relative
}

.menu-three-text-content .menu-three-text h3::after {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .11);
    width: 69%;
    height: 1px;
    right: 0;
    top: 65%;
    transform: translateY(-50%)
}

.menu-three-text-content .menu-three-text h3 i {
    position: absolute;
    right: -8px;
    top: 65.5%;
    font-size: 17px;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .11)
}

.menu-three-text-content .menu-three-text p {
    color: #abb8c3
}

.menu-three-text-content .menu-numder {
    position: relative;
    top: -15px
}

.menu-three-text-content .menu-numder p {
    font-size: 20px;
    color: var(--mainColor);
    font-weight: 500;
    font-family: var(--bodyFontFamily)
}
.banner-three-area-slider {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.banner-three-area-slider .home-slider-main {

}
.banner-three-area-slider .home-slider-main .slide-main {

}
.banner-three-area-slider .home-slider-main .slide-main .img-main {

}
.banner-three-area-slider .home-slider-main .slide-main .img-main .thumb {
    width: 100%;
    display: block;
    height: 100vh;
    object-fit: cover;
    object-position: bottom;
}
.banner-three-area-slider .home-slider-main .slide-main .content-over {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-three-area-slider .home-slider-main .owl-nav .owl-prev,.banner-three-area-slider .home-slider-main .owl-nav .owl-next {
    position: absolute;
    inset: 50% auto auto 5%;
    background: var(--mainColor);
    color: var(--headingColor);
    font-size: clamp(20px,5vw,30px);
    height: clamp(25px,5vw,40px);
    width: clamp(25px,5vw,40px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-three-area-slider .home-slider-main .owl-nav .owl-next {
    inset: 50% 5% auto auto;
}
.banner-three-area {
    padding-top: 180px;
    padding-bottom: 180px;
    background-color: #151b20;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner-three-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/banner/1-3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1
}

.banner-three-area .banner-three-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.single-banner-three-content {
    position: relative;
    text-align: center;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    padding-top: clamp(30px,5vw,50px);
    padding-right: clamp(30px,5vw,50px);
    padding-bottom: clamp(30px,5vw,50px);
    padding-left: clamp(30px,5vw,50px);
}

.single-banner-three-content span {
    font-family: var(--titleFontFamily);
    font-weight: 400;
    font-size: 30px;
    color: var(--mainColor);
    background: rgba(255, 255, 255, .12);
    padding: 12px 45px;
    line-height: 12px;
    display: inline-block;
    margin-bottom: 15px;
    position: relative
}

.single-banner-three-content span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border: solid transparent 21px;
    border-bottom-color: #151b20;
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.single-banner-three-content span::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border: solid transparent 21px;
    border-bottom-color: #151b20;
    transition: var(--transition);
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

.single-banner-three-content h1 {
    font-size: 100px;
    color: var(--whiteColor);
    line-height: 110px;
    margin-bottom: 20px
}

.single-banner-three-content p {
    color: #abb8c3;
    margin-bottom: 30px
}

.pag-banner-area {
    background-image: url(../images/page/page-banner-bg.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 185px;
    padding-bottom: 185px;
    z-index: 1;
    position: relative;
    overflow: hidden
}

.pag-banner-area.faqs-area {
    background-image: url(../images/page/page-banner-bg-1.webp)
}

.pag-banner-area.menu-pages-banner-area {
    background-image: url(../images/page/page-banner-bg-2.webp)
}

.pag-banner-area.portfolio-pages-area {
    background-image: url(../images/page/page-banner-bg-3.webp)
}

.pag-banner-area.shop-pages-area {
    background-image: url(../images/page/page-banner-bg-4.webp)
}

.pag-banner-area.blog-pages-area {
    background-image: url(../images/page/page-banner-bg-5.webp)
}

.pag-banner-area.contact-pages-area {
    background-image: url(../images/page/page-banner-bg-6.webp)
}

.pag-banner-area::after {
    content: "";
    position: absolute;
    background: linear-gradient(390deg, #F4F1EE 0.91%, rgba(255, 255, 255, 0.08) 47.45%);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.pag-banner-area .page-banner-shape {
    position: absolute;
    bottom: 60px;
    left: 0;
    max-width: 140px
}

.page-banner-content h1 {
    font-size: 56px;
    margin-bottom: 10px;
    color: #333
}

.page-banner-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.page-banner-content ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #555;
    margin-right: 25px;
    position: relative
}

.page-banner-content ul li:last-child {
    margin-right: 0
}

.page-banner-content ul li:last-child::after {
    display: none
}

.page-banner-content ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    right: -15.5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #555
}

.page-banner-content ul li a {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: var(--mainColor);
    transition: var(--transition)
}

.page-banner-content ul li a:hover {
    color: #333
}

.contact-form-box {
    padding: 50px;
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    transition: var(--transition)
}

.contact-form-box:hover {
    transform: translateY(-5px)
}

.contact-map-area .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.google-map {
    width: 100%;
    height: 600px
}

.google-map .maps {
    width: 100%;
    height: 600px;
    display: block
}

.single-contact-form .section-title {
    margin-bottom: 20px
}

.single-contact-form .section-title h2 {
    color: #333
}

.single-contact-form .form-group {
    margin-bottom: 20px
}

.single-contact-form .form-group .form-control {
    background-color: #f4f1ee;
    padding: 15px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777;
    border: none;
    border-radius: 0
}

.single-contact-form .form-group .form-control::-moz-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-contact-form .form-group .form-control:-ms-input-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-contact-form .form-group .form-control::placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-contact-form .form-group .form-control:focus {
    box-shadow: none
}

.single-contact-form .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.single-contact-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.single-contact-form .form-group .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.single-contact-form .form-group .form-check .form-check-label {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-contact-form .form-group .form-check .form-check-label a {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: var(--mainColor);
    transition: var(--transition)
}

.single-contact-form .form-group .form-check .form-check-label a:hover {
    color: var(--optionalColor)
}

.single-contact-form .form-group .form-check .form-check-input {
    border-radius: 0
}

.single-contact-form .form-group .form-check .form-check-input:focus {
    box-shadow: none
}

.single-contact-form .default-btn {
    width: 100%
}

.single-contact-form .list-unstyled {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.single-contact-form .list-unstyled li {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: var(--mainColor)
}

.single-contact-form .text-danger {
    font-size: 18px;
    font-weight: 700;
    color: var(--mainColor) !important
}

.contact-form-content {
    padding-left: 35px;
    position: relative;
    top: 20px
}

.contact-form-content .section-title h2 {
    color: #333
}

.contact-form-content .section-title p {
    color: #555
}

.contact-form-content .contact-widget .contact-item {
    padding-left: 55px;
    position: relative;
    margin-bottom: 25px;
    transition: var(--transition)
}

.contact-form-content .contact-widget .contact-item:last-child {
    margin-bottom: 0
}

.contact-form-content .contact-widget .contact-item i {
    position: absolute;
    left: 0;
    background: rgba(225, 162, 91, .12);
    color: var(--mainColor);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    top: 0;
    transition: var(--transition)
}

.contact-form-content .contact-widget .contact-item h3 {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    margin-bottom: 10px;
    transition: var(--transition)
}

.contact-form-content .contact-widget .contact-item a {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    transition: var(--transition)
}

.contact-form-content .contact-widget .contact-item a:hover {
    color: var(--mainColor)
}

.contact-form-content .contact-widget .contact-item p {
    color: #555
}

.contact-form-content .contact-widget .contact-item:hover {
    transform: translateY(-5px)
}

.contact-form-content .contact-widget .contact-item:hover i {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.table-responsive {
    overflow: hidden
}

.table-responsive .table {
    border: none;
    border-bottom: 1px solid rgba(217, 216, 216, .37) !important;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 0
}

.table-responsive .table.table-bordered thead {
    background-color: #f4f1ee
}

.table-responsive .table.table-bordered thead tr {
    text-align: center;
    border: none
}

.table-responsive .table.table-bordered thead tr .cart-text {
    padding-left: 5%
}

.table-responsive .table.table-bordered thead tr .cart-quantity {
    padding-left: 10px
}

.table-responsive .table.table-bordered thead tr th {
    color: #000;
    font-size: 18px;
    border: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    padding: 15px;
    white-space: nowrap;
    text-align: left
}

.table-responsive .table.table-bordered tbody tr {
    text-align: center;
    border-top: none
}

.table-responsive .table.table-bordered tbody tr .table-img {
    padding-left: 0
}

.table-responsive .table.table-bordered tbody tr .cart-text {
    padding-left: 5%
}

.table-responsive .table.table-bordered tbody tr .cart-quantity {
    padding-left: 1%
}

.table-responsive .table.table-bordered tbody tr th {
    border: none;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    color: #555;
    font-weight: 400;
    padding: 20px 15px;
    white-space: nowrap;
    text-align: left
}

.table-responsive .table.table-bordered tbody tr th .table-icon {
    background-color: #f8f8f8;
    padding: 25px 0;
    text-align: center
}

.table-responsive .table.table-bordered tbody tr th a {
    color: #555;
    transition: var(--transition)
}

.table-responsive .table.table-bordered tbody tr th a:hover {
    color: var(--mainColor)
}

.table-responsive .table.table-bordered tbody tr th .delete-bin {
    text-align: right
}

.table-responsive .table.table-bordered tbody tr th .delete-bin i {
    color: var(--mainColor)
}

.table-responsive .table.table-bordered tbody tr th .default-btn {
    color: var(--whiteColor)
}

.table-responsive .table.table-bordered tbody tr th .pass-quantity .input-counter {
    width: 100px;
    background: rgba(197, 157, 95, .15);
    position: relative;
    padding: 7px 3px
}

.table-responsive .table.table-bordered tbody tr th .pass-quantity .input-counter input {
    width: 20px;
    font-size: 15px;
    text-align: center;
    border: none !important;
    background-color: transparent;
    position: relative
}

.table-responsive .table.table-bordered tbody tr th .pass-quantity .input-counter input:focus-visible {
    display: none
}

.table-responsive .table.table-bordered tbody tr th .pass-quantity .input-counter .minus-btn {
    position: relative;
    top: 2px;
    font-size: 15px;
    cursor: pointer;
    margin: 0 10px
}

.table-responsive .table.table-bordered tbody tr th .pass-quantity .input-counter .plus-btn {
    position: relative;
    margin: 0 10px;
    top: 2px;
    right: 2px;
    font-size: 15px;
    cursor: pointer
}

.table-responsive .table>:not(:first-child) {
    border-top: 0
}

.checkout {
    max-width: 500px;
    background: #fff;
    box-shadow: 0 0 20px rgba(85, 85, 85, .07);
    margin: auto;
    padding: 30px;
    margin-top: 50px !important;
    margin-bottom: 30px
}

.checkout ul {
    padding-left: 0;
    margin: 0;
    margin-bottom: 30px !important
}

.checkout ul li {
    list-style-type: none;
    border-top: none !important;
    border: 1px solid rgba(196, 196, 196, .36);
    padding: 15px;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    color: #000;
    vertical-align: middle
}

.checkout ul li:first-child {
    border-top: 1px solid rgba(196, 196, 196, .36) !important
}

.checkout ul li .cart-number {
    color: #555
}

.checkout ul li .cart-number-2 {
    color: #000
}

.checkout .checkout-working .default-btn {
    background-color: #000;
    color: var(--whiteColor)
}

.checkout .checkout-working h2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    font-family: var(--bodyFontFamily);
    margin-bottom: 15px
}

.coupon-code {
    margin-top: 45px
}

.coupon-code .coupon .coupon-group-form {
    position: relative
}

.coupon-code .coupon .coupon-group-form .form-control {
    border-radius: 0;
    color: rgba(85, 85, 85, .7);
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    background-color: #f4f1ee;
    border: 1px solid #f4f1ee;
    transition: var(--transition);
    padding: 17px
}

.coupon-code .coupon .coupon-group-form .form-control::-moz-placeholder {
    color: rgba(85, 85, 85, .7)
}

.coupon-code .coupon .coupon-group-form .form-control:-ms-input-placeholder {
    color: rgba(85, 85, 85, .7)
}

.coupon-code .coupon .coupon-group-form .form-control::placeholder {
    color: rgba(85, 85, 85, .7)
}

.coupon-code .coupon .coupon-group-form .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor);
    transition: var(--transition)
}

.coupon-code .coupon .coupon-group-form .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.coupon-code .coupon .coupon-group-form .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.coupon-code .coupon .coupon-group-form .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.coupon-code .coupon .coupon-group-form .default-btn {
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 13px 30px 12px
}

.coupon-code .bottom {
    text-align: right
}

.coupon-code .bottom .default-btn {
    background-color: #000;
    color: var(--whiteColor)
}

.coupon-code .bottom .default-btn:hover {
    color: var(--mainColor)
}

.checkout-from {
    padding-right: 30px
}

.checkout-from h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #3c3630
}

.checkout-from .form-group {
    margin-bottom: 20px
}

.checkout-from .form-group.group-contact {
    margin-bottom: 0
}

.checkout-from .form-group .form-label {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #000
}

.checkout-from .form-group .form-select {
    color: #555;
    cursor: pointer;
    border-radius: 0
}

.checkout-from .form-group .form-control {
    padding: 15px;
    border-radius: 0;
    background: #f4f1ee;
    border: 1px solid #f4f1ee;
    color: #555;
    transition: var(--transition)
}

.checkout-from .form-group .form-control::-moz-placeholder {
    color: #555;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400
}

.checkout-from .form-group .form-control:-ms-input-placeholder {
    color: #555;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400
}

.checkout-from .form-group .form-control::placeholder {
    color: #555;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400
}

.checkout-from .form-group .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor);
    transition: var(--transition)
}

.checkout-from .payment-method input#different {
    display: none
}

.checkout-from .payment-method input#create {
    display: none
}

.checkout-from .payment-method .chack-text {
    padding-left: 0;
    margin-bottom: 0
}

.checkout-from .payment-method p {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.checkout-from .payment-method p label {
    font-size: 16px;
    font-weight: 400;
    color: #555;
    font-family: var(--bodyFontFamily)
}

.checkout-from .payment-method p [type=radio]:checked+label::before {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 9px;
    height: 9px;
    border-radius: 0;
    left: 3px;
    top: 45%;
    transform: translateY(-50%)
}

.checkout-from .payment-method p [type=radio]:not(:checked)+label::before {
    content: "";
    position: absolute;
    border: 1px solid #d9d8d8;
    width: 15px;
    height: 15px;
    border-radius: 0;
    left: 0;
    top: 45%;
    transform: translateY(-50%)
}

.checkout-from .payment-method p [type=radio]:checked+label::after {
    content: "";
    position: absolute;
    border: 1px solid var(--mainColor);
    width: 15px;
    height: 15px;
    border-radius: 0;
    left: 0;
    top: 45%;
    transform: translateY(-50%)
}

.checkout-from .form-select {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    border: none;
    padding: 15px;
    background-color: #f8f8f8
}

.checkout-from .form-select:focus {
    box-shadow: none
}

.checkout-right h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333
}

.single-checkout-cart {
    margin-bottom: 30px
}

.single-checkout-cart .table-responsive .table.table-bordered thead {
    border: 1px solid #f5f5f5;
    background-color: transparent
}

.single-checkout-cart .table-responsive .table.table-bordered thead tr th {
    text-align: left !important;
    border-right: 1px solid #f5f5f5;
    font-size: 18px;
    padding-left: 25px !important;
    font-weight: 500;
    font-family: var(--bodyFontFamily);
    padding: 10px;
    color: #000
}

.single-checkout-cart .table-responsive .table.table-bordered tbody tr {
    border-bottom: none
}

.single-checkout-cart .table-responsive .table.table-bordered tbody tr th {
    text-align: left !important;
    padding-left: 25px !important;
    font-size: 16px;
    padding-left: 25px;
    padding: 10px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #555;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5
}

.single-checkout-cart .table-responsive .table.table-bordered tbody .card-subtotal th {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #000
}

.single-checkout-cart .table>:not(:first-child) {
    border-top: 0
}

.checkout-card-item [type=radio]:checked+label::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cd9453;
    top: 5px;
    left: 6px;
    transition: all .2s ease
}

.returning-customer {
    border: 1px solid rgba(192, 189, 189, .24);
    padding: 18px 25px;
    margin-bottom: 30px
}

.returning-customer p {
    color: var(--mainColor);
    font-size: 18px;
    font-weight: 500
}

.returning-customer p a {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #555;
    margin-left: 8px;
    transition: var(--transition)
}

.returning-customer p a:hover {
    color: var(--mainColor)
}

.bg-albastor {
    background-color: var(--whiteColor);
    box-shadow: 0 0 20px rgba(85, 85, 85, .1);
    padding: 30px
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method input#direct-bank-transfer {
    display: none
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method input#paypal {
    display: none
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method input#cash-on-delivery {
    display: none
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method .chack-text {
    padding-left: 0;
    margin-bottom: 0;
    color: #555
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method p {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method p label {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    font-family: var(--bodyFontFamily)
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method p [type=radio]:checked+label::before {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 9px;
    height: 9px;
    border-radius: 0;
    left: 3px;
    top: 45%;
    transform: translateY(-50%)
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method p [type=radio]:not(:checked)+label::before {
    content: "";
    position: absolute;
    border: 1px solid #d9d8d8;
    width: 15px;
    height: 15px;
    border-radius: 0;
    left: 0;
    top: 45%;
    transform: translateY(-50%)
}

.bg-albastor .bill-details .bill-item-wrap .payment-box .payment-method p [type=radio]:checked+label::after {
    content: "";
    position: absolute;
    border: 1px solid var(--mainColor);
    width: 15px;
    height: 15px;
    border-radius: 0;
    left: 0;
    top: 45%;
    transform: translateY(-50%)
}

.bg-albastor .default-btn {
    border: none
}

.menu-details {
    margin-bottom: 50px
}

.menu-details.shop-single-details .menu-details-img {
    padding: 58px
}

.menu-details.shop-single-details .single-menu-details-contant p {
    max-width: unset
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list {
    margin-bottom: 25px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li {
    display: flex;
    align-items: center;
    border: 1px solid #e8e8e8;
    padding: 7px 10px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li:last-child {
    border: none;
    padding: 0
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li p {
    margin-bottom: 0;
    font-size: 15px;
    color: #555;
    margin-right: 10px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter {
    width: 100px;
    background: rgba(197, 157, 95, .15);
    position: relative;
    padding: 7px 3px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter input {
    width: 20px;
    border-left: none;
    border-right: none;
    font-size: 15px;
    top: 1px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter .minus-btn {
    font-size: 15px;
    top: 3px
}

.menu-details.shop-single-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter .plus-btn {
    font-size: 15px;
    margin: 0;
    top: 2px;
    left: 13px
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list li {
    list-style-type: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list li:last-child {
    margin-bottom: 0
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list li span {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-right: 5px
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list li a {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.menu-details.shop-single-details .single-menu-details-contant .shop-single-list li a:hover {
    color: var(--mainColor)
}

.menu-details .menu-details-img {
    margin-right: 30px;
    background-color: #f8f8f8;
    text-align: center;
    padding: 160px 70px
}

.menu-details .single-menu-details-contant h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #333
}

.menu-details .single-menu-details-contant .shop-star {
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px !important
}

.menu-details .single-menu-details-contant .shop-star li {
    list-style-type: none;
    display: inline-block;
    color: #fdc22d
}

.menu-details .single-menu-details-contant .shop-star li span {
    color: #777;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    position: relative;
    top: -1px;
    left: 20px
}

.menu-details .single-menu-details-contant p {
    margin-bottom: 24px;
    color: #555;
    max-width: 360px
}

.menu-details .single-menu-details-contant .details-two {
    color: var(--mainColor);
    font-size: 22px;
    font-family: var(--fontFamily);
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block
}

.menu-details .single-menu-details-contant .quantity-list {
    position: relative;
    padding-left: 0;
    margin: 0;
    display: inline-flex
}

.menu-details .single-menu-details-contant .quantity-list li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.menu-details .single-menu-details-contant .quantity-list li:last-child {
    margin-right: 0
}

.menu-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter {
    width: 150px;
    background: rgba(250, 95, 95, .06);
    position: relative;
    padding: 10px 3px
}

.menu-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter input {
    width: 50px;
    text-align: center;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid rgba(197, 157, 95, .15);
    border-right: 1px solid rgba(197, 157, 95, .15);
    background-color: transparent;
    position: relative;
    top: -3px;
    left: 8px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--bodyFontFamily)
}

.menu-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter input:focus-visible {
    display: none
}

.menu-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter .minus-btn {
    margin: 0 5px;
    position: relative;
    font-size: 22px;
    cursor: pointer;
    left: 5px;
    top: 1px;
    color: #000
}

.menu-details .single-menu-details-contant .quantity-list li .pass-quantity .input-counter .plus-btn {
    margin: 0 13px;
    position: relative;
    font-size: 22px;
    cursor: pointer;
    left: 5px;
    top: 1px;
    color: #000
}

.menu-details .single-menu-details-contant .quantity-list li .default-btn {
    padding: 16px 41px 15px
}

.additional-information {
    border: 1px solid #f5f5f5;
    padding: 30px
}

.additional-information .information {
    padding-left: 0;
    margin: 0
}

.additional-information .information li {
    list-style-type: none;
    border: 1px solid #f5f5f5;
    border-top: none;
    padding: 15px;
    font-size: 16px;
    color: #555;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    position: relative
}

.additional-information .information li::after {
    position: absolute;
    background-color: #f5f5f5;
    width: 1px;
    height: 100%;
    left: 38%;
    content: "";
    top: 0
}

.additional-information .information li:first-child {
    border-top: 1px solid #f5f5f5
}

.additional-information .information li:last-child {
    margin-bottom: 0
}

.additional-information .information li span {
    width: 50%;
    display: inline-block;
    font-size: 17px;
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #333
}

.single-shop-text p {
    color: #555;
    margin-bottom: 15px
}

.single-shop-text p:last-child {
    margin-bottom: 0
}

.blog-details-from .single-comment p {
    margin-bottom: 0;
    color: #555
}

.blog-details-from .single-comment .single-shop-details-contant {
    padding-left: 120px;
    position: relative;
    border-bottom: 1px solid rgba(128, 128, 128, .1);
    margin-bottom: 50px;
    padding-bottom: 20px
}

.blog-details-from .single-comment .single-shop-details-contant img {
    position: absolute;
    left: 0
}

.blog-details-from .single-comment .single-shop-details-contant .reply-btn {
    position: absolute;
    top: 15%;
    right: 10px
}

.blog-details-from .single-comment .single-shop-details-contant .reply-btn .default-btn {
    border: none;
    padding: 10px 20px;
    font-size: 14px
}

.blog-details-from .single-comment .single-shop-details-contant span {
    font-family: var(--bodyFontFamily);
    font-size: 15px;
    font-weight: 400;
    color: var(--mainColor);
    display: block;
    margin-bottom: 10px
}

.blog-details-from .single-comment .single-shop-details-contant h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333
}

.blog-details-from .single-comment .single-shop-details-contant .single-menus-list ul {
    padding-left: 0;
    margin: 0;
    margin-bottom: 15px !important
}

.blog-details-from .single-comment .single-shop-details-contant .single-menus-list ul li {
    list-style-type: none;
    display: inline-block
}

.blog-details-from .single-comment .single-shop-details-contant .single-menus-list ul li i {
    color: #fdc22d
}

.blog-details-from h2 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #333
}

.blog-details-from p {
    margin-bottom: 15px;
    color: #555
}

.blog-details-from .details-from .form-control {
    padding: 15px;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    transition: var(--transition)
}

.blog-details-from .details-from .form-control::-moz-placeholder {
    color: #555;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-from .details-from .form-control:-ms-input-placeholder {
    color: #555;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-from .details-from .form-control::placeholder {
    color: #555;
    transition: var(--transition)
}

.blog-details-from .details-from .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor);
    transition: var(--transition)
}

.blog-details-from .details-from .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-from .details-from .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.blog-details-from .details-from .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.blog-details-from .form-check {
    margin-bottom: 20px
}

.blog-details-from .form-check .form-check-input {
    margin-bottom: 20px;
    border-radius: 0
}

.blog-details-from .form-check .form-check-input:focus {
    box-shadow: none
}

.blog-details-from .form-check .form-check-label {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.menu-details-tab .nav {
    border-bottom: 1px solid rgba(196, 196, 196, .46);
    margin-bottom: 30px
}

.menu-details-tab .nav.nav-tabs .nav-item {
    margin-right: 60px
}

.menu-details-tab .nav.nav-tabs .nav-item:last-child {
    margin-right: 0
}

.menu-details-tab .nav.nav-tabs .nav-item .nav-link {
    font-size: 18px;
    color: #555;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    border: none;
    padding: 10px 0
}

.menu-details-tab .nav.nav-tabs .nav-item .nav-link.active {
    border: none;
    border-bottom: 2px solid var(--mainColor);
    color: #3c3630
}

.popular-menu-details {
    margin-top: 50px
}

.popular-menu-details h2 {
    font-size: 44px;
    color: #333
}

.popular-menu-details .single-popular-menu-details {
    background: #fff;
    box-shadow: 0 0 25px rgba(85, 85, 85, .1);
    margin: 30px 5px
}

.popular-menu-details .single-popular-menu-details .single-popular-contant {
    padding: 25px
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex h3 {
    font-size: 22px;
    margin-bottom: 10px;
    transition: var(--transition);
    color: #333
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex h3:hover {
    color: var(--mainColor)
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex span {
    margin-bottom: 0
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex span ul {
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex span ul li {
    list-style-type: none;
    display: inline-block;
    color: #f8e117
}

.popular-menu-details .single-popular-menu-details .single-popular-contant span {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    display: inline-block;
    margin-bottom: 5px
}

.popular-menu-details .single-popular-menu-details .single-popular-contant p {
    margin-bottom: 15px;
    color: #555
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex .default-btn {
    background-color: transparent;
    border: 1px solid rgba(252, 76, 76, .1);
    color: var(--mainColor);
    font-size: 18px;
    font-weight: 500;
    padding: 10px 25px;
    font-family: var(--bodyFontFamily)
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex .default-btn::before {
    background: rgba(252, 76, 76, .1)
}

.popular-menu-details .single-popular-menu-details .single-popular-contant .d-flex .dolar {
    font-size: 18px;
    font-weight: 600;
    color: var(--mainColor);
    font-family: var(--bodyFontFamily);
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: 2px
}

.popular-menu-details-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.popular-menu-details-slider.owl-theme .owl-nav [class*=owl-] {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    background-color: #f7f1e7;
    width: 50px;
    height: 50px;
    font-size: 22px;
    color: var(--mainColor);
    border: 3px solid var(--whiteColor);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    transition: var(--transition)
}

.popular-menu-details-slider.owl-theme .owl-nav [class*=owl-] i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.popular-menu-details-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.popular-menu-details-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -30px
}

.single-shop-cart {
    margin-bottom: 30px;
    transition: var(--transition)
}

.single-shop-cart .shop-img {
    position: relative;
    background-color: #f4f1ee;
    padding: 35px;
    text-align: center;
    margin-bottom: 30px
}

.single-shop-cart .shop-img .shop-btn {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.single-shop-cart .shop-cart {
    text-align: center
}

.single-shop-cart .shop-cart h2 {
    color: #333;
    margin-bottom: 10px;
    font-size: 24px;
    transition: var(--transition)
}

.single-shop-cart .shop-cart span {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--fontFamily);
    color: var(--mainColor)
}

.single-shop-cart:hover {
    transform: translateY(-10px)
}

.single-shop-cart:hover .shop-img .shop-btn {
    opacity: 1;
    visibility: visible
}

.single-shop-cart:hover .shop-cart h2 {
    color: var(--mainColor)
}

.shop-area .pagination-area {
    margin-top: 0
}

.showing {
    margin-bottom: 40px
}

.showing p {
    color: #555
}

.showing .showingdowen-form .form-select {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid rgba(175, 172, 172, .18);
    padding: 12px
}

.showing .showingdowen-form .form-select:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor)
}

.showing .showingdowen-form .widget_search .search-form .search-field:focus {
    border: 1px solid var(--mainColor)
}

.showing .showingdowen-form .widget_search .search-form .default-btn {
    width: 58px;
    height: 42px;
    top: 4px;
    right: 4px
}

.related-products-area {
    overflow: hidden;
    position: relative;
    padding-top: 30px
}

.related-products-area .section-title {
    margin-bottom: 20px
}

.related-products-area .section-title h2 {
    color: #333;
    font-size: 24px
}

.widget_search form {
    position: relative
}

.widget_search form .search-field {
    border: 1px solid rgba(175, 172, 172, .18);
    height: 50px;
    padding: 16px 65px 15px 15px;
    width: 100%;
    display: block;
    outline: 0;
    transition: var(--transition);
    border-radius: 0;
    color: #777;
    font-family: var(--bodyFontFamily);
    font-weight: 400
}

.widget_search form .search-field::-moz-placeholder {
    -moz-transition: var(--transition);
    transition: var(--transition);
    color: #777
}

.widget_search form .search-field:-ms-input-placeholder {
    -ms-transition: var(--transition);
    transition: var(--transition);
    color: #777
}

.widget_search form .search-field::placeholder {
    transition: var(--transition);
    color: #777
}

.widget_search form .search-field:focus {
    box-shadow: none
}

.widget_search form .search-field:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.widget_search form .search-field:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.widget_search form .search-field:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.widget_search form button {
    border: none;
    background-color: var(--mainColor);
    color: var(--whiteColor);
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    padding: 0;
    transition: var(--transition);
    top: 0;
    border-radius: 0;
    cursor: pointer
}

.widget_search form button i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    font-size: 22px;
    margin-right: 0;
    transform: translateY(-50%)
}

.widget_search form button:hover,
.widget_search form button:focus {
    background-color: #333;
    color: var(--whiteColor)
}

.widget-area {
    margin-left: 30px
}

.widget-area .widget {
    margin-bottom: 30px;
    padding: 0;
    background-color: transparent
}

.widget-area .widget:last-child {
    margin-bottom: 0
}

.widget-area .widget .widget-title {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    font-family: var(--fontFamily);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(217, 216, 216, .5);
    position: relative
}

.widget-area .widget .widget-title::before {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: -2px
}

.widget-area .widget_ruzo_posts_thumb {
    position: relative;
    overflow: hidden
}

.widget-area .widget_ruzo_posts_thumb .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.widget-area .widget_ruzo_posts_thumb .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.widget-area .widget_ruzo_posts_thumb .item .thumb {
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    width: 90px;
    height: 90px;
    margin-right: 15px;
    z-index: 1
}

.widget-area .widget_ruzo_posts_thumb .item .thumb .fullimage {
    width: 90px;
    height: 90px;
    display: inline-block;
    border-radius: 0;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important
}

.widget-area .widget_ruzo_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(../images/menu/recent-post-img-1.webp)
}

.widget-area .widget_ruzo_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(../images/menu/recent-post-img-2.webp)
}

.widget-area .widget_ruzo_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(../images/menu/recent-post-img-3.webp)
}

.widget-area .widget_ruzo_posts_thumb .item .thumb::before,
.widget-area .widget_ruzo_posts_thumb .item .thumb::after {
    transition: all .8s cubic-bezier(.2, 1, .22, 1);
    content: "";
    background-color: #333;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%)
}

.widget-area .widget_ruzo_posts_thumb .item .thumb::before {
    width: 40px;
    height: 1px;
    left: 100%
}

.widget-area .widget_ruzo_posts_thumb .item .thumb::after {
    height: 40px;
    width: 1px;
    top: 0
}

.widget-area .widget_ruzo_posts_thumb .item .info {
    overflow: hidden
}

.widget-area .widget_ruzo_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
    transition: var(--transition);
    font-family: var(--fontFamily)
}

.widget-area .widget_ruzo_posts_thumb .item .info .title a {
    display: inline-block;
    color: #333;
    transition: var(--transition)
}

.widget-area .widget_ruzo_posts_thumb .item .info span {
    display: inline-block;
    color: var(--mainColor);
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    margin-top: 5px;
    transition: var(--transition);
    margin-bottom: 7px;
    padding-left: 0
}

.widget-area .widget_ruzo_posts_thumb .item:hover .info .title a {
    color: var(--mainColor)
}

.widget-area .widget_ruzo_posts_thumb .item:hover .thumb::before,
.widget-area .widget_ruzo_posts_thumb .item:hover .thumb::after {
    opacity: 1;
    top: 50%;
    left: 50%
}

.category-content h2 {
    font-size: 24px;
    color: #333;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(217, 216, 216, .5);
    position: relative
}

.category-content h2::before {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: -2px
}

.category-content .details-list {
    padding-left: 0;
    margin: 0;
    margin-bottom: 40px !important
}

.category-content .details-list li {
    list-style-type: none;
    margin-bottom: 15px;
    position: relative
}

.category-content .details-list li:last-child {
    margin-bottom: 0
}

.category-content .details-list li i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px
}

.category-content .details-list li a {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    background: #f8f8f8;
    display: block;
    color: #333;
    transition: var(--transition);
    position: relative;
    z-index: 1
}

.category-content .details-list li a::before {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    transition: var(--transition)
}

.category-content .details-list li a:hover {
    color: var(--whiteColor)
}

.category-content .details-list li a:hover::before {
    height: 100%;
    top: auto;
    bottom: 0
}

.pagination-area {
    text-align: center
}

.pagination-area .page-numbers {
    width: 47px;
    height: 47px;
    line-height: 47px;
    border: 1px solid rgba(220, 220, 220, .9);
    border-radius: 50px;
    display: inline-block;
    color: #000;
    font-family: var(--bodyFontFamily);
    margin: 0 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    transition: var(--transition)
}

.pagination-area .page-numbers.current {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.pagination-area .page-numbers.next {
    position: relative
}

.pagination-area .page-numbers.next i {
    font-size: 25px;
    position: relative;
    top: 5px
}

.pagination-area .page-numbers:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    transform: translateY(-10px)
}

.features-area {
    background-color: #f4f1ee
}

.single-features-card {
    background: #fafdff;
    padding: 50px 44px;
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition)
}

.single-features-card.portfolio-details-card {
    background-color: transparent;
    padding: 15px 25px 0 0;
    margin-bottom: 20px
}

.single-features-card .features-img {
    position: relative;
    margin-bottom: 20px;
    transition: var(--transition)
}

.single-features-card .features-img img {
    transition: var(--transition)
}

.single-features-card .features-img .features-img-2 {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition)
}

.single-features-card .features-img .features-img-2 img {
    transition: var(--transition)
}

.single-features-card h3 {
    font-size: 24px;
    color: #2f2d2b;
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-features-card p {
    color: rgba(85, 85, 85, .9)
}

.single-features-card .features-shape {
    position: absolute;
    right: 0;
    top: 0
}

.single-features-card:hover {
    transform: translateY(-10px)
}

.single-features-card:hover h3 {
    color: var(--mainColor)
}

.single-features-card:hover .features-img img {
    opacity: 0
}

.single-features-card:hover .features-img .features-img-2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.single-features-card:hover .features-img .features-img-2 img {
    opacity: 1
}

.single-portfolio-details-content .portfolio-details-img {
    margin-bottom: 22px
}

.single-portfolio-details-content .portfolio-details-img img {
    margin-bottom: 22px
}

.single-portfolio-details-content .portfolio-details-img h2 {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 18px
}

.single-portfolio-details-content .portfolio-details-img p {
    color: #555;
    margin-bottom: 15px
}

.single-portfolio-details-content p {
    color: #555;
    margin-bottom: 15px
}

.single-portfolio-details-content h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px
}

.single-portfolio-details-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding-bottom: 33px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6
}

.single-portfolio-details-content ul li {
    list-style-type: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px
}

.single-portfolio-details-content ul li span {
    background-color: var(--mainColor);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%)
}

.single-portfolio-details-content ul li span::after {
    content: "";
    position: absolute;
    border: 1px solid var(--whiteColor);
    width: 13px;
    height: 13px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.single-portfolio-details-content ul li span::before {
    content: "";
    position: absolute;
    background-color: var(--whiteColor);
    width: 7px;
    height: 7px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.single-portfolio-details-content ul li:last-child {
    margin-bottom: 0
}

.single-portfolio-details-content .d-flex .portfolio-details-list ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.single-portfolio-details-content .d-flex .portfolio-details-list ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 18px;
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #000
}

.single-portfolio-details-content .d-flex .portfolio-details-list ul li:last-child {
    margin-right: 0
}

.single-portfolio-details-content .d-flex .portfolio-details-list ul li a {
    width: 36px;
    height: 36px;
    line-height: 39px;
    border: 1px solid var(--mainColor);
    border-radius: 50px;
    color: var(--mainColor);
    font-size: 18px;
    text-align: center;
    display: inline-block;
    transition: var(--transition)
}

.single-portfolio-details-content .d-flex .portfolio-details-list ul li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    transform: translateY(-5px)
}

.single-portfolio-details-content .d-flex .portfolio-details-list-two ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.single-portfolio-details-content .d-flex .portfolio-details-list-two ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 10px
}

.single-portfolio-details-content .d-flex .portfolio-details-list-two ul li:last-child {
    margin-right: 0
}

.single-portfolio-details-content .d-flex .portfolio-details-list-two ul li a {
    background: rgba(225, 162, 91, .12);
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #555;
    transition: var(--transition)
}

.single-portfolio-details-content .d-flex .portfolio-details-list-two ul li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    transform: translateY(-3px)
}

.carbonara-pasta-card {
    background: #f4f1ee;
    padding: 43px 28px;
    margin-left: 15px;
    transition: var(--transition)
}

.carbonara-pasta-card:hover {
    transform: translateY(-5px)
}

.carbonara-pasta-card h2 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}

.carbonara-pasta-card p {
    color: #555;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(214, 214, 214, .61)
}

.carbonara-pasta-card ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.carbonara-pasta-card ul li {
    list-style-type: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    font-size: 16px;
    margin-bottom: 15px
}

.carbonara-pasta-card ul li:last-child {
    margin-bottom: 0
}

.carbonara-pasta-card ul li span {
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #555;
    font-size: 16px;
    display: inline-block;
    width: 50%
}

.related-projects {
    padding-top: 50px
}

.related-projects h4 {
    color: #333;
    margin-bottom: 30px;
    font-size: 24px
}

.single-about-two-img {
    position: relative;
    padding-right: 10px
}

.single-about-two-img .about-two-logo {
    position: absolute;
    bottom: 15px;
    left: 7px;
    background-color: var(--whiteColor);
    width: 190px;
    height: 190px;
    line-height: 190px;
    text-align: center;
    border-radius: 100%
}

.single-about-two-content {
    padding-left: 30px
}

.single-about-two-content .section-title {
    margin-bottom: 30px
}

.single-about-two-content .section-title h2 {
    color: #2f2d2b
}
.single-about-two-content .section-title h6 {
    color: #2f2d2b;
}

.single-about-two-content .section-title p {
    color: #555;
    margin-top: 25px;
    text-align: justify;
}
.single-about-two-content .section-title small {
    color: #555;
    font-family: var(--bodyFontFamily);
}

.single-about-two-content .about-natural {
    position: relative;
    padding: 21px 10px 45px 90px;
    border-bottom: 1px solid rgba(21, 27, 32, .1);
    margin-bottom: 25px
}

.single-about-two-content .about-natural.about-natural-two {
    padding: 21px 10px 21px 90px;
    margin-bottom: 35px;
    border-bottom: none
}

.single-about-two-content .about-natural .natural-img {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: rgba(197, 157, 95, .11);
    text-align: center;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 0
}

.single-about-two-content .about-natural h3 {
    font-size: 24px;
    font-weight: 700;
    color: #2f2d2b
}

.single-about-two-content .default-btn {
    padding: 14.5px 42px 13.5px
}

.discover-area {
    background-color: var(--optionalColor);
}

.single-discover-card {
    margin-bottom: 30px;
    transition: var(--transition)
}

.single-discover-card.services-card {
    background-color: #0e1317;
    padding: 60px 40px;
    position: relative;
    z-index: 1
}

.single-discover-card.services-card .services-shape {
    position: absolute;
    left: 40px;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    transform: scale(0)
}

.single-discover-card.services-card .services-shape-2 {
    position: absolute;
    top: 65px;
    right: 50px;
    z-index: -1
}

.single-discover-card.services-card:hover img {
    opacity: 0
}

.single-discover-card.services-card:hover .services-shape-2 img {
    opacity: 1
}

.single-discover-card.services-card:hover .services-shape {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.single-discover-card.services-card:hover .services-shape img {
    opacity: 1
}

.single-discover-card.services-card-page {
    background: #fff;
    padding: 60px 40px;
    position: relative;
    z-index: 1
}

.single-discover-card.services-card-page .services-shape {
    position: absolute;
    left: 40px;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    transform: scale(0)
}

.single-discover-card.services-card-page .services-shape-2 {
    position: absolute;
    top: 65px;
    right: 50px;
    z-index: -1
}

.single-discover-card.services-card-page h3 {
    color: #333
}

.single-discover-card.services-card-page p {
    color: rgba(85, 85, 85, .9)
}

.single-discover-card.services-card-page .discover-more {
    color: #555;
    border-bottom: 1px solid #555
}

.single-discover-card.services-card-page:hover img {
    opacity: 0
}

.single-discover-card.services-card-page:hover .services-shape-2 img {
    opacity: 1
}

.single-discover-card.services-card-page:hover .services-shape {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.single-discover-card.services-card-page:hover .services-shape img {
    opacity: 1
}

.single-discover-card img {
    margin-bottom: 30px;
    transition: var(--transition)
}

.single-discover-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-discover-card p {
    color: #abb8c3;
    margin-bottom: 15px;
    transition: var(--transition);
    padding-right: 20px
}

.single-discover-card:hover {
    transform: translateY(-10px)
}

.single-discover-card:hover h3 {
    color: var(--mainColor)
}

.single-discover-card:hover .discover-more {
    color: var(--mainColor);
    border-bottom: 1px solid var(--mainColor)
}

.discover-more {
    color: #abb8c3;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--bodyFontFamily);
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .17);
    transition: var(--transition);
    display: inline-block
}

.about-area {
    background-color: #151b20;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.about-area.about-page {
    background-color: transparent
}

.about-area.about-page .single-about-content .section-title h2 {
    color: #333
}

.about-area.about-page .single-about-content .section-title p {
    color: #555
}

.about-area.about-page .single-about-content .speciallst-card {
    background-color: #f4f1ee
}

.about-area.about-page .single-about-content .speciallst-card h3 {
    color: #333
}

.about-area.about-page .single-about-content .speciallst-card p {
    color: #555
}

.about-area.about-page .single-about-content ul li {
    color: #555
}

.about-area .about-shape-1 {
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: -1;
    max-width: 115px
}

.about-area .about-shape-2 {
    position: absolute;
    top: 14%;
    right: 18%;
    text-align: center;
    left: 0;
    z-index: -1;
    -webkit-animation: rotateme 9s linear infinite;
    animation: rotateme 9s linear infinite
}

.about-area .about-shape-3 {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: -1;
    max-width: 200px;
    -webkit-animation: moveleftbounce 2s linear infinite;
    animation: moveleftbounce 2s linear infinite
}

.about-area .about-shape-4 {
    position: absolute;
    top: 90px;
    right: 65px;
    z-index: -1;
    -webkit-animation: animationFramesOne 9s linear infinite;
    animation: animationFramesOne 9s linear infinite
}

.single-about-content .section-title {
    margin-bottom: 30px
}

.single-about-content .speciallst-card {
    background:  #fff;
    padding: 35px 50px 20px 30px;
    margin-bottom: 25px;
    transition: var(--transition);
    box-shadow: 0 0 30px rgba(85,85,85,.08);
}
.single-about-content .speciallst-card.dark-card {
    background-color: #0e1317;
}
.single-about-content .speciallst-card.dark-card h3 {
    color: var(--whiteColor);
}
.single-about-content .speciallst-card h3 {
    padding-left: 65px;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--bodyFontFamily);
    margin-bottom: 20px;
    color: var(--mainColor);
}

.single-about-content .speciallst-card h3 img {
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%)
}

.single-about-content .speciallst-card p {
    color: #abb8c3
}

.single-about-content .speciallst-card:hover {
    transform: translateY(-10px)
}

.about-image .cate-thumb {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.single-about-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 25px
}

.single-about-content ul li {
    list-style-type: none;
    color: #abb8c3;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative
}

.single-about-content ul li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 18px;
    color: var(--mainColor)
}

.single-about-content ul li:last-child {
    margin-bottom: 0
}

.about-style-three-area {
    background-color: #0e1317;
    z-index: 1;
    overflow: hidden;
    position: relative
}

.about-style-three-area .col-lg-6 .about-odometer-content .col-lg-4:nth-child(2) {
    padding-left: 40px
}

.about-style-three-area .col-lg-6 .about-odometer-content .col-lg-4:nth-child(2) .about-odometer::after {
    right: -27px
}

.about-style-three-area .col-lg-6 .about-odometer-content .col-lg-4:nth-child(3) {
    padding-left: 55px
}

.about-style-three-area .col-lg-6 .about-odometer-content .col-lg-4:nth-child(3) .about-odometer::after {
    display: none
}

.about-style-three-area .about-three-shape-1 {
    position: absolute;
    right: 5%;
    top: 8%;
    z-index: -1;
    -webkit-animation: rotateme 7s linear infinite;
    animation: rotateme 7s linear infinite
}

.about-style-three-area .about-three-shape-2 {
    position: absolute;
    left: 0;
    right: 13%;
    text-align: center;
    z-index: -1;
    bottom: 8%;
    -webkit-animation: rotateme 7s linear infinite;
    animation: rotateme 7s linear infinite
}

.about-us-three-content .section-title {
    margin-bottom: 21px;
    margin-right: -30px
}

.about-odometer-content {
    background-color: #151b20;
    padding: 34px 60px;
    max-width: 600px;
    margin-bottom: 30px
}

.about-odometer-content .about-odometer {
    position: relative
}

.about-odometer-content .about-odometer::after {
    content: "";
    position: absolute;
    right: 0;
    height: 57px;
    width: 1px;
    background-color: rgba(171, 184, 195, .15);
    top: 50%;
    transform: translateY(-50%)
}

.about-odometer-content .about-odometer h2 {
    font-size: 36px;
    color: var(--mainColor)
}

.about-odometer-content .about-odometer p {
    color: #abb8c3
}

.about-three-img {
    position: relative;
    z-index: 1
}

.about-three-img .about-three-main-img {
    max-width: 500px;
    margin: auto
}

.about-three-img .about-three-img-2 {
    position: absolute;
    left: -10px;
    bottom: -30px
}

.about-three-img .about-three-img-3 {
    position: absolute;
    top: 0;
    right: 0
}

.about-three-img .about-three-img-4 {
    position: absolute;
    right: 90px;
    bottom: -28px;
    z-index: -1;
    max-width: 200px
}

.services-area {
    background-color: #151b20
}

.services-area.services-pages-area {
    background-color: #f4f1ee
}

.services-area.services-pages-area .section-title h2 {
    color: #333
}

/* .from-our-menu-area {
    background-image: url(../images/menu/menu-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    z-index: 1
} */

/* .from-our-menu-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(14, 19, 23, .96)
} */

.single-menu-card {
    position: relative;
    padding: 0 0 30px 0;
}

.single-menu-card .add-to-card {
    position: absolute;
    top: 35%;
    text-align: center;
    transform: scale(0) translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.single-menu-card .menu-text {
    background: #fff;
    padding: 25px 45px;
    margin-right: 25px;
    margin-left: 25px;
    margin-top: -70px;
    position: relative;
    box-shadow: 0 0 30px rgba(85,85,85,.08);
}

.single-menu-card .menu-text h3 {
    font-size: 20px;
    font-weight: 700;
    color: #2f2d2b;
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-menu-card .menu-text h3:hover {
    color: var(--mainColor)
}

.single-menu-card .menu-text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--mainColor)
}

.single-menu-card .menu-text p del {
    font-size: 16px;
    font-weight: 400
}

.single-menu-card:hover .add-to-card {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.menu-tabs {
    position: relative
}

.menu-tabs .nav.nav-tabs {
    border: none;
    margin-bottom: 40px
}

.menu-tabs .nav.nav-tabs .nav-item {
    margin-right: 16px;
    border: none
}

.menu-tabs .nav.nav-tabs .nav-item:last-child {
    margin-right: 0
}

.menu-tabs .nav.nav-tabs .nav-item .nav-link {
    background: #151b20;
    border-radius: 0;
    padding: 13px 35px;
    font-size: 16px;
    font-weight: 400;
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    border: none;
    border-bottom: 1px solid #151b20;
    transition: var(--transition)
}

.menu-tabs .nav.nav-tabs .nav-item .nav-link.active {
    border-bottom: 1px solid var(--mainColor);
    color: var(--whiteColor)
}

.menu-tabs .nav.nav-tabs .nav-item .nav-link:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.menu-tabs .menu-view-btn {
    position: absolute;
    top: 0;
    right: 0
}

.from-menu-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.from-menu-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: #151b20;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -85px;
    transition: var(--transition)
}

.from-menu-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.from-menu-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -85px
}

.odometer-area {
    background: #f4f1ee;
    position: relative;
    z-index: 1
}

.odometer-area.page-odometer-area {
    background-color: var(--mainColor)
}

.odometer-area.odometer-three-area {
}

/* .odometer-area.odometer-three-area::after {
    background-image: url(../images/odometer-three-bg.webp);
    background-position: bottom center
}

.odometer-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/odometer-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: -1
} */

.odometer-area .col-lg-10 .col-lg-3:nth-child(1) .fun-odometer {
    padding-left: 75px
}

.odometer-area .col-lg-10 .col-lg-3:nth-child(2) .fun-odometer {
    padding-left: 75px
}

.odometer-area .col-lg-10 .col-lg-3:nth-child(3) .fun-odometer {
    padding-left: 85px
}

.odometer-area .col-lg-10 .col-lg-3:nth-child(4) .fun-odometer {
    padding-left: 95px
}

.fun-odometer.fun-odometer-page h2 {
    color: var(--whiteColor)
}

.fun-odometer.fun-odometer-page p {
    color: #efefef
}

.fun-odometer h2 {
    font-size: 62px;
    color: var(--mainColor);
    line-height: 30px
}
.fun-odometer h2 .target {
    font-size: 40px;
}

.fun-odometer p {
    font-size: 16px;
    color: var(--mainColor);
}

.special-menu-area {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.special-menu-area .special-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.special-menu-area .special-shape-2 {
    position: absolute;
    bottom: 48px;
    left: 5%;
    z-index: -1;
    -webkit-animation: moveleftbounce 2s linear infinite;
    animation: moveleftbounce 2s linear infinite
}

.special-menu-area .special-shape-3 {
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: -1;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite
}

.special-menu-area .section-title h2 {
    color: #2f2d2b
}

.special-menu-area .menu-iframe {
    width:100%; 
    height:1000px;
}
.special-menu-area .map-iframe {
    width:100%;
    height:500px;
}

.special-menu-area .ct-btn {
    width: 100%;
    display: block;
    padding: 10px;
    margin: 30px 0 50px 0;
}

.location-card-two {
    overflow: hidden;
    border: none;
    margin: 30px 0 0 0;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    transition: var(--transition);
    padding: 30px 20px;
    /* height: 100%; */
}
.location-card-two .location-card-content {
    /* text-align: center; */
    /* height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; */
}
.location-card-two .location-card-content h6 {
    font-size: 24px;
    margin: 0 0 10px 0;
    transition: var(--transition);
    color: #333;
}
.location-card-two .location-card-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.location-card-two .location-card-content ul li{
    font-size: 18px;
    color: var(--mainColor);
    font-family: var(--bodyFontFamily);
    margin: 4px 0;
    display: flex;
    justify-content: space-between;
}
.location-card-two .location-card-content ul li span {
    font-weight: 700;
}
.location-card-two .location-card-content ul li a {
    font-size: 18px;
    color: var(--mainColor);
    font-family: var(--bodyFontFamily);
    display: block;
}
.location-card-two .location-card-content ul li a i {
    margin: 0 5px 0 0;
}
.location-card-two .location-card-content p {
    font-size: 18px;
    color: var(--bodyColor);
    font-family: var(--bodyFontFamily);
    margin: 0;
}
.location-card-two .location-card-content address {
    font-size: 18px;
    color: var(--bodyColor);
    font-family: var(--bodyFontFamily);
    margin: 0;
    line-height: 30px;
}
.location-card-two .location-card-content .link {
    color: var(--mainColor);
    text-transform: capitalize;
    display: block;
    margin: 0 5px;
}

.special-view-btn {
    margin-top: 48px;
    text-align: center
}

.special-menu-tabs .nav {
    justify-content: center
}

.special-menu-tabs .nav.nav-tabs {
    border-bottom: none;
    margin-bottom: 15px
}

.special-menu-tabs .nav.nav-tabs .nav-item {
    margin-right: 20px;
    transition: var(--transition)
}

.special-menu-tabs .nav.nav-tabs .nav-item:last-child {
    margin-right: 0
}

.special-menu-tabs .nav.nav-tabs .nav-item .nav-link {
    background: #f4f1ee;
    padding: 10px 25px;
    font-size: 18px;
    color: #555;
    font-weight: 400;
    border: none;
    font-family: var(--bodyFontFamily);
    border-radius: 0;
    transition: var(--transition)
}

.special-menu-tabs .nav.nav-tabs .nav-item .nav-link.active {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.special-menu-tabs .nav.nav-tabs .nav-item .nav-link:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.single-special-menu-content .special-card {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .08);
    padding: 15px;
    margin-top: 20px;
    transition: var(--transition)
}

.single-special-menu-content .special-card .special-menu-text h3 {
    color: #2f2d2b;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    transition: var(--transition)
}

.single-special-menu-content .special-card .special-menu-text p {
    font-size: 14px;
    color: #555
}

.single-special-menu-content .special-card .special-menu-img {
    overflow: hidden;
    position: relative
}

.single-special-menu-content .special-card .special-menu-img img {
    transition: var(--transition);
        height: 126px;
    object-fit: cover;
    object-position: center;
        width: 100%;
}

.single-special-menu-content .special-card .special-menu-number {
    text-align: center
}

.single-special-menu-content .special-card .special-menu-number span {
    color: var(--mainColor);
    font-size: 32px;
    font-weight: 700;
    font-family: var(--fontFamily);
    display: inline-block;
    position: relative;
    left: 15px
}

.single-special-menu-content .special-card:hover {
    transform: translateY(-5px)
}

.single-special-menu-content .special-card:hover .special-menu-text h3 {
    color: var(--mainColor)
}

.single-special-menu-content .special-card:hover .special-menu-img img {
    transform: scale(1.2)
}

.faqs-buy-one-area {
    background: #f4f1ee;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.faqs-buy-one-area .award-slider .owl-stage-outer {
    padding: 50px 0;
}

.faqs-buy-one-area .award-slider .owl-nav .owl-prev, .faqs-buy-one-area .award-slider .owl-nav .owl-next {
    position: absolute;
    inset: 40% auto auto -2%;
    background: #333;
    color: var(--headingColor);
    font-size: clamp(20px,5vw,30px);
    height: clamp(25px,5vw,40px);
    width: clamp(25px,5vw,40px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faqs-buy-one-area .award-slider .owl-dots {}
.faqs-buy-one-area .award-slider .owl-dots .owl-dot span {
    height: 15px;
    width: 15px;
    background: transparent;
    border: 2px solid var(--mainColor);
    transition: all 0.2s ease-in;
}
.faqs-buy-one-area .award-slider .owl-dots .owl-dot.active span {
    width: 30px;
    background: var(--mainColor);
}
.faqs-buy-one-area .award-slider .owl-nav .owl-next {
    inset: 40% -2% auto auto;
}

.faqs-buy-one-area .award-slider .aw-card {
    overflow: hidden;
    border: none;
    margin: 0;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    transition: var(--transition);
    padding: 30px;
    height: 100%;
    border: 5px double var(--mainColor);
}

.faqs-buy-one-area .award-slider .aw-card .img-main {
    
}

.faqs-buy-one-area .award-slider .aw-card .img-main .thumb {
    display: block;
    margin: 0 auto;
    height: 130px;
    object-fit: contain;
    object-position: center;  
}
.faqs-buy-one-area .award-slider .aw-card .desc h6 {
    font-size: 24px;
    margin: 20px 0 0 0;
    transition: var(--transition);
    color: #333;
    text-align: center;
}

.faqs-buy-one-area .section-title {
    margin-bottom: 0
}

.faqs-buy-one-area .section-title h2 {
    color: #333
}

.faqs-buy-one-area .section-title p {
    color: #555
}

.faqs-buy-one-area .faqs-buy-shape-1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.faqs-buy-one-area .faqs-buy-shape-2 {
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

.faqs-img {
    position: relative;
    margin-bottom: 43px;
    padding-right: 74px
}

.faqs-img .faqs-img-two {
    background-color: var(--whiteColor);
    padding: 20px;
    position: absolute;
    bottom: -63px;
    right: 0;
    border-radius: 100%
}

.faqs-img .faqs-img-two img {
    border-radius: 100%
}

.faqs-buy-btn {
    text-align: right
}

.single-faq-item .section-title {
    margin-bottom: 30px
}

.single-faq-item .section-title h2 {
    color: #333
}

.single-faq-item .section-title p {
    color: #555
}

.single-faq-item .accordion-item {
    border-radius: 0;
    border: none;
    margin-bottom: 20px
}

.single-faq-item .accordion-item:last-child {
    margin-bottom: 0
}

.single-faq-item .accordion-item .accordion-header {
    border-radius: 0;
    border: none
}

.single-faq-item .accordion-item .accordion-header .accordion-button {
    background: #f4f1ee;
    padding: 18px 22px;
    font-family: var(--bodyFontFamily);
    font-weight: 600;
    font-size: 16px;
    color: #333;
    border-radius: 0;
    border: none;
    transition: var(--transition)
}

.single-faq-item .accordion-item .accordion-header .accordion-button::after {
    content: "\ea4a";
    font-family: boxicons !important;
    font-size: 23px;
    background-image: none;
    font-weight: 100 !important;
    transition: var(--transition)
}

.single-faq-item .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none
}

.single-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    background-color: var(--mainColor);
    color: var(--whiteColor);
    transition: var(--transition)
}

.single-faq-item .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\ea4a";
    font-family: boxicons !important;
    font-size: 23px;
    background-image: none;
    font-weight: 100 !important;
    transform: rotate(180deg);
    color: var(--whiteColor);
    transition: var(--transition)
}

.single-faq-item .accordion-body p {
    color: #555
}

.visit-two-area {
    background: #f4f1ee;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.visit-two-area.visit-page-area {
    background-color: transparent
}

.visit-two-area .visit-two-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    max-width: 250px
}

.visit-two-images {
    position: relative;
    background-image: url(../images/visit-two-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%
}

.visit-two-images .visit-video {
    position: absolute;
    top: 38%;
    left: 0;
    right: 0;
    transform: translateY(50%);
    text-align: center
}

.visit-two-images .visit-video a {
    background-color: var(--whiteColor);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1
}

.visit-two-images .visit-video a img {
    max-width: 18px;
    transition: var(--transition)
}

.visit-two-images .visit-video a::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 95px;
    height: 95px;
    border-radius: 100px;
    left: -9px;
    top: -9px;
    z-index: -1;
    -webkit-animation: ripple 6s linear infinite;
    animation: ripple 6s linear infinite
}

.visit-two-images .visit-video a:hover {
    background-color: var(--mainColor)
}

.visit-two-images .visit-video a:hover::after {
    border: 1px solid var(--mainColor)
}

.visit-two-images .visit-video a:hover img {
    filter: brightness(10)
}

.visit-two-form-content {
    background-color: var(--whiteColor)
}

.visit-two-form-content.visit-page-content {
    box-shadow: 0 0 30px rgba(85, 85, 85, .08)
}

.single-visit-two-form {
    padding: 42px 35px 42px 60px
}

.single-visit-two-form.booking-table-form {
    padding: 42px 60px 42px 35px
}

.single-visit-two-form .section-title {
    margin-bottom: 15px
}

.single-visit-two-form .section-title h2 {
    color: #2f2d2b
}

.single-visit-two-form .form-group {
    margin-bottom: 15px
}

.single-visit-two-form .form-group .form-control {
    background: #f4f1ee;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.single-visit-two-form .form-group .form-control::-moz-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.single-visit-two-form .form-group .form-control:-ms-input-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.single-visit-two-form .form-group .form-control::placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555
}

.single-visit-two-form .form-group .form-control:focus {
    box-shadow: none
}

.single-visit-two-form .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.single-visit-two-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.single-visit-two-form .form-group .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.single-visit-two-form .form-group .form-select {
    background-color: #f4f1ee;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    cursor: pointer;
    background-image: url(../images/down-icon.svg)
}

.single-visit-two-form .form-group .form-select:focus {
    box-shadow: none
}

.single-visit-two-form .form-group .form-select:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.single-visit-two-form .form-group .form-select:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.single-visit-two-form .form-group .form-select:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.single-visit-two-form .default-btn {
    width: 100%
}

.my-account-form {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    padding: 45px 60px
}

.my-account-form.login-form {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 55px 70px
}

.my-account-form .section-title h2 {
    color: #333
}

.my-account-form .section-title p {
    color: #555
}

.my-account-form .form-group {
    margin-bottom: 20px
}

.my-account-form .form-group .form-label {
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #000;
    font-size: 16px
}

.my-account-form .form-group .form-control {
    background-color: #f4f1ee;
    padding: 15px 25px;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #888;
    border-radius: 0;
    border: none
}

.my-account-form .form-group .form-control::-moz-placeholder {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #888
}

.my-account-form .form-group .form-control:-ms-input-placeholder {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #888
}

.my-account-form .form-group .form-control::placeholder {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #888
}

.my-account-form .form-group .form-control:focus {
    box-shadow: none
}

.my-account-form .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.my-account-form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.my-account-form .form-group .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.my-account-form .form-check {
    margin-bottom: 20px
}

.my-account-form .form-check .form-check-input {
    border-radius: 0
}

.my-account-form .form-check .form-check-input:focus {
    box-shadow: none
}

.my-account-form .form-check .form-check-label {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555
}

.my-account-form .form-check .form-check-label a {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: var(--mainColor);
    transition: var(--transition)
}

.my-account-form .form-check .form-check-label a:hover {
    color: var(--optionalColor)
}

.my-account-form .default-btn {
    width: 100%
}

.my-account-form .my-account-text {
    text-align: right
}

.my-account-form .my-account-text a {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #888;
    transition: var(--transition)
}

.my-account-form .my-account-text a:hover {
    color: var(--mainColor)
}

.privacy-text h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333
}

.privacy-text p {
    margin-bottom: 20px;
    color: #555
}

.privacy-text p:last-child {
    margin-bottom: 0
}

.error-content {
    text-align: center
}

.error-content h1 {
    font-size: 190px;
    color: #333;
    font-weight: 700;
    line-height: .8;
    margin-bottom: 30px
}

.error-content h1 span {
    color: var(--mainColor);
    margin: 0 60px
}

.error-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333
}

.error-content p {
    margin-bottom: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    color: #555
}

.coming-img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.coming-soon-img {
    display: none
}

.coming-soon-area {
    background-image: url(../images/page/page-banner-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 1
}

.coming-soon-area::before {
    content: "";
    position: absolute;
    background-color: rgba(37, 36, 38, .9);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.coming-soon-contant {
    background-color: #f8f8f8;
    padding: 70px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    text-align: center;
    position: relative;
    -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)
}

.coming-soon-contant h2 {
    margin-bottom: 30px;
    color: #333
}

.coming-soon-contant p {
    margin-bottom: 30px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    color: #555
}

.coming-soon-contant img {
    margin-bottom: 20px
}

.coming-soon-contant .newsletter-form {
    position: relative;
    margin-bottom: 50px
}

.coming-soon-contant .newsletter-form .form-control {
    height: 70px;
    border-radius: 0;
    background-color: var(--whateColor);
    border: 1px solid var(--mainColor);
    width: 80%;
    margin: auto;
    margin-bottom: 20px
}

.coming-soon-contant .newsletter-form .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--mainColor)
}

.coming-soon-contant .newsletter-form .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-contant .newsletter-form .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.coming-soon-contant .newsletter-form .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.coming-soon-contant .newsletter-form div#validator-newsletter {
    position: absolute;
    left: 70px;
    top: 75px;
    display: block;
    color: var(--mainColor)
}

.coming-soon-contant .newsletter-form .default-btn {
    border: none;
    border-radius: 0;
    position: absolute;
    height: 70px;
    font-family: var(--bodyFontFamily);
    top: 0;
    right: 66px
}

.coming-soon-contant #timer {
    margin-bottom: 70px;
    font-size: 40px;
    font-weight: 700;
    font-family: var(--bodyFontFamily);
    position: relative;
    color: #333
}

.coming-soon-contant #timer div {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    margin-left: 20px
}

.coming-soon-contant #timer span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    font-family: var(--bodyFontFamily);
    position: absolute;
    bottom: -20px;
    left: 3px
}

.coming-soon-contant .coming-soon-list {
    padding-left: 0;
    margin: 0;
    text-align: center
}

.coming-soon-contant .coming-soon-list li {
    display: inline-block;
    margin-right: 10px
}

.coming-soon-contant .coming-soon-list li:last-child {
    margin-right: 0
}

.coming-soon-contant .coming-soon-list li a {
    background-color: #f8f8f8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    justify-content: center;
    display: block;
    align-items: center;
    color: #333;
    transition: var(--transition)
}

.coming-soon-contant .coming-soon-list li a i {
    font-size: 15px;
    transition: var(--transition)
}

.coming-soon-contant .coming-soon-list li a:hover {
    background-color: var(--mainColor);
    border-radius: 50px
}

.coming-soon-contant .coming-soon-list li a:hover i {
    color: var(--whiteColor)
}

.testimonials-area {
    background-color: #0e1317
}

.theme-light.testimonials-area {
    background-color: #f4f1ee;
}

.testimonials-area.testimonials-page-area {
    background-color: transparent
}

.testimonials-area.testimonials-page-area .section-title h2 {
    color: #333
}

.testimonials-area.testimonials-page-area .pagination-area {
    margin-top: 0
}

.single-testimonials-content {
    position: relative;
    top: -40px
}

.single-testimonials-content .section-title {
    margin-bottom: 20px
}

.testimonials-card {
    background: #151b20;
    padding: 63px 65px
}

.testimonials-card.testimonials-card-page {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .08);
    margin-bottom: 30px;
    transition: var(--transition)
}

.testimonials-card.testimonials-card-page .testimonials-text h3 {
    color: #333
}

.testimonials-card.testimonials-card-page .testimonials-text span {
    color: #333
}

.testimonials-card.testimonials-card-page p {
    color: #555
}

.testimonials-card.testimonials-card-page:hover {
    transform: translateY(-10px)
}

.testimonials-card img {
    width: auto !important
}

.testimonials-card .testimonials-text {
    padding: 9px 10px 9px 105px;
    position: relative;
    margin-bottom: 30px
}

.testimonials-card .testimonials-text .testimonials-shape-1 {
    position: absolute;
    right: 0;
    top: 0
}

.testimonials-card .testimonials-text .testimonials-shape-1 img {
    position: relative
}

.testimonials-card .testimonials-text img {
    position: absolute;
    left: 0;
    top: 0
}

.testimonials-card .testimonials-text h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.testimonials-card .testimonials-text span {
    color: #abb8c3;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    font-size: 16px
}

.testimonials-card p {
    color: #d4d6d8
}

.testimonials-slider.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    bottom: -90px;
    left: 0
}

.testimonials-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: #151b20;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition)
}

.testimonials-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.testimonials-img {
    position: relative;
    /* margin-left: -24px; */
    overflow: hidden;
}
.testimonials-img .thumb {
    height: clamp(300px,41vw,800px);
    object-fit: cover;
    object-position: center;
}
.testimonials-img .thumb2 {
    height: clamp(300px,26vw,500px);
    object-fit: cover;
    object-position: 100% 20%;
    width: 100%;
}

.testimonials-img .testimonials-video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    right: auto;
    text-align: center
}

.testimonials-img .testimonials-video a {
    background-color: var(--whiteColor);
    width: 110px;
    height: 110px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: var(--transition)
}

.testimonials-img .testimonials-video a img {
    max-width: 28px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    transition: var(--transition)
}

.testimonials-img .testimonials-video a::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    left: -20px;
    top: -20px;
    z-index: -1;
    -webkit-animation: ripple 6s linear infinite;
    animation: ripple 6s linear infinite;
    transition: var(--transition)
}

.testimonials-img .testimonials-video a:hover {
    background-color: var(--mainColor)
}

.testimonials-img .testimonials-video a:hover::after {
    border: 1px solid var(--mainColor)
}

.testimonials-img .testimonials-video a:hover img {
    filter: brightness(10)
}

.portfolio-area {
    /* background-image: url(../images/menu/menu-bg-img.webp); */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    z-index: 1
}

.portfolio-area.dark .section-title h2 {
    color: #2f2d2b;
}

/* .portfolio-area::after {
    background: rgba(21, 27, 32, .94);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%
} */

.portfolio-area .portfolio-shape {
    position: absolute;
    top: 145px;
    right: 12px;
    max-width: 338px
}

.single-portfolio-item {
    margin-top: 70px;
    position: relative;
    transition: var(--transition)
}
.single-portfolio-item .portfolio-img a>img {
    height: 423px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.single-portfolio-item .portfolio-card {
    background: #0e1317;
    padding: 65px 140px 46px;
    text-align: center;
    margin-left: 87px;
    margin-right: 87px;
    margin-top: -135px;
    position: absolute;
    transition: var(--transition);
    bottom: -70px;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.single-portfolio-item .portfolio-card span {
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px
}

.single-portfolio-item .portfolio-card h3 {
    font-size: 24px;
    transition: var(--transition)
}

.single-portfolio-item .portfolio-card h3:hover {
    color: var(--mainColor)
}

.single-portfolio-item .portfolio-card .portfolio-icon {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    text-align: center
}

.single-portfolio-item .portfolio-card .portfolio-icon a {
    width: 67px;
    height: 67px;
    line-height: 70px;
    border-radius: 50px;
    background-color: var(--whiteColor);
    color: var(--mainColor);
    font-size: 30px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: var(--transition)
}

.single-portfolio-item .portfolio-card .portfolio-icon a::after {
    background-color: #161b20;
    width: 57px;
    height: 57px;
    border-radius: 50px;
    left: 5px;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    z-index: -1;
    transition: var(--transition)
}

.single-portfolio-item .portfolio-card .portfolio-icon a:hover {
    color: var(--whiteColor)
}

.single-portfolio-item .portfolio-card .portfolio-icon a:hover::after {
    background-color: var(--mainColor)
}

.active.center .single-portfolio-item {
    margin: 0;
    transition: var(--transition)
}

.active.center .single-portfolio-item .portfolio-card {
    opacity: 1;
    visibility: visible;
    transition: var(--transition)
}

.portfolio-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.portfolio-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: var(--mainColor);
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -85px;
    transition: var(--transition)
}

.portfolio-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.portfolio-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -85px
}

.portfolio-two-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url(../images/portfolio/portfolio-two-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.portfolio-two-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(8, 9, 11, .85)
}

.portfolio-two-card {
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition)
}
.portfolio-two-card .thumb {
    min-height: 305px;
    max-height: 305px;
    object-fit: cover;
    object-position: center;
}

.portfolio-two-card::after {
    content: "";
    position: absolute;
    width: 93%;
    height: 93%;
    left: 11.5px;
    top: 11.5px;
    background: rgba(14, 19, 23, .88);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    transform: scale(0);
    z-index: 1
}

.portfolio-two-card .portfolio-two-content {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0
}

.portfolio-two-card .portfolio-two-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
    transition: var(--transition)
}

.portfolio-two-card .portfolio-two-content h3:hover {
    color: var(--mainColor)
}

.portfolio-two-card .portfolio-two-content p {
    color: #abb8c3;
    transition: var(--transition)
}

.portfolio-two-card:hover .portfolio-two-content {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.portfolio-two-card:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.portfolio-two-slider.owl-theme .owl-nav {
    position: absolute;
    top: -110px;
    right: 0
}

.portfolio-two-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: rgba(255, 255, 255, .24);
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition)
}

.portfolio-two-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.portfolio-page-area .section-title h2 {
    color: #333
}

.visit-us-today-area {
    background-color: #0e1317;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.visit-us-today-area .visit-shape-3 {
    position: absolute;
    top: 36%;
    left: 2%;
    z-index: -1;
    -webkit-animation: rotateme 4s linear infinite;
    animation: rotateme 4s linear infinite
}

.visit-us-today-area .visit-shape-4 {
    position: absolute;
    top: 17%;
    right: 2%;
    z-index: -1;
    -webkit-animation: animationFramesOne 9s linear infinite;
    animation: animationFramesOne 9s linear infinite
}

.visit-us-today-area .visit-shape-5 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    max-width: 85px
}

.visit-images {
    position: relative;
    z-index: 1
}

.visit-images .visit-main-img {
    z-index: 2;
    position: relative
}

.visit-images .visit-shape-1 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    z-index: 1;
    max-width: 550px
}

.visit-images .visit-shape-2 {
    position: absolute;
    right: 26%;
    top: 76px;
    z-index: -1;
    max-width: 170px;
    -webkit-animation: moveleftbounce 3s linear infinite;
    animation: moveleftbounce 3s linear infinite
}

.reserve-from {
    background: #151a1f;
    padding: 42px 45px;
    position: relative;
    z-index: 1;
    top: -18px
}

.reserve-from.reserve-from-two {
    background-color: transparent;
    max-width: 1000px;
    margin: auto;
    padding: 0
}

.reserve-from.reserve-from-two::after {
    display: none
}

.reserve-from.reserve-from-two .form-group {
    margin-bottom: 20px
}

.reserve-from.reserve-from-two .form-group .form-control {
    background: #0e1317;
    color: #abb8c3
}

.reserve-from.reserve-from-two .form-group .form-control::-moz-placeholder {
    color: #abb8c3
}

.reserve-from.reserve-from-two .form-group .form-control:-ms-input-placeholder {
    color: #abb8c3
}

.reserve-from.reserve-from-two .form-group .form-control::placeholder {
    color: #abb8c3
}

.reserve-from.reserve-from-two .form-group .form-select {
    background-color: #0e1317;
    color: #abb8c3
}

.reserve-from .section-title {
    margin-bottom: 20px
}

.reserve-from .section-title .top-title {
    margin-bottom: 10px
}

.reserve-from::after {
    z-index: -1;
    background-color: #0e1317;
    width: 95%;
    height: 95%;
    left: 16px;
    top: 15px;
    content: "";
    position: absolute
}

.reserve-from .form-group {
    margin-bottom: 15px
}

.reserve-from .form-group .form-control {
    background-color: #151b20;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #abb8c3
}

.reserve-from .form-group .form-control::-moz-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #abb8c3
}

.reserve-from .form-group .form-control:-ms-input-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #abb8c3
}

.reserve-from .form-group .form-control::placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #abb8c3
}

.reserve-from .form-group .form-control:focus {
    box-shadow: none
}

.reserve-from .form-group .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.reserve-from .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.reserve-from .form-group .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.reserve-from .form-group .form-select {
    background-color: #151b20;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #abb8c3;
    cursor: pointer;
    background-image: url(../images/check-icon.svg)
}

.reserve-from .form-group .form-select:focus {
    box-shadow: none
}

.reserve-from .default-btn {
    width: 100%
}

.visit-today-area {
    background-image: url(../images/visit-us-today-bg-img.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.visit-today-area::after {
    background: rgba(21, 27, 32, .94);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.portfolio-style-three-area {
    background-color: #0e1317;
    overflow: hidden
}

.portfolio-style-three-area .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.portfolio-style-three-area .section-title {
    max-width: 1158px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px !important
}

.single-portfolio-three-item .portfolio-card {
    margin-left: 25px;
    margin-right: 25px;
    background-color: #151b20;
    padding: 32px;
    text-align: center;
    margin-top: -90px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.single-portfolio-three-item .portfolio-img a>img {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}

.single-portfolio-three-item .portfolio-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-portfolio-three-item .portfolio-card h3:hover {
    color: var(--mainColor)
}

.single-portfolio-three-item .portfolio-card span {
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px
}

.active.center .single-portfolio-three-item .portfolio-card {
    opacity: 1;
    visibility: visible
}

.portfolio-three-slider.owl-theme .owl-nav {
    position: absolute;
    top: -110px;
    right: 180px
}

.portfolio-three-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: #151b20;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition)
}

.portfolio-three-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.video-play-area {
    background-image: url(../images/video-play-img-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    padding-top: 240px;
    padding-bottom: 180px;
    z-index: 1
}

.video-play-area::after {
    background: rgba(21, 27, 32, .81);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.single-video-play-item {
    text-align: center
}

.single-video-play-item .video-play-content {
    margin-bottom: 15px
}

.single-video-play-item .video-play-content a {
    background-color: var(--whiteColor);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1
}

.single-video-play-item .video-play-content a img {
    max-width: 20px;
    margin-left: auto;
    margin-right: auto;
    transition: var(--transition)
}

.single-video-play-item .video-play-content a::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    width: 90px;
    height: 90px;
    border-radius: 100px;
    left: -5px;
    top: -5px;
    z-index: -1;
    -webkit-animation: ripple 6s linear infinite;
    animation: ripple 6s linear infinite
}

.single-video-play-item .video-play-content a:hover {
    background-color: var(--mainColor)
}

.single-video-play-item .video-play-content a:hover::after {
    border: 1px solid var(--mainColor)
}

.single-video-play-item .video-play-content a:hover img {
    filter: brightness(10)
}

.single-video-play-item span {
    font-size: 96px;
    font-weight: 700;
    font-family: var(--fontFamily);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
    -webkit-text-stroke: .3px rgba(255, 255, 255, .4)
}

.restaurant-area {
    background: #151b20;
    position: relative;
    z-index: 1
}

/* .restaurant-area::after {
    background: #0e1317;
    content: "";
    position: absolute;
    width: 100%;
    height: 220px;
    top: 55.4%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: -1
} */

.restaurant-area .section-title {
    position: relative
}

.restaurant-area .section-title .menu-view-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

.restaurant-area .restaurant-shape-1 {
    position: absolute;
    top: 57.5%;
    transform: translateY(-50%);
    left: 0
}

.restaurant-area .restaurant-shape-2 {
    position: absolute;
    right: 5.7%;
    bottom: 0;
    z-index: 2
}

.single-restaurant-card .restaurant-img {
    position: relative;
    overflow: hidden
}
.single-restaurant-card .restaurant-img img {
    height: 400px;
    object-fit: cover;
    object-position: 50% 40%;
    margin: 0;
    width: 100%;
}

.single-restaurant-card .restaurant-img .restaurant-list-icon {
    margin: 0;
    background: #0e1317;
    border-radius: 30px 30px 0 0;
    padding: 25px 12px;
    max-width: 60px;
    position: absolute;
    bottom: -230px;
    left: 25px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.single-restaurant-card .restaurant-img .restaurant-list-icon li {
    list-style-type: none;
    margin-bottom: 10px;
    transition: var(--transition)
}

.single-restaurant-card .restaurant-img .restaurant-list-icon li:last-child {
    margin-bottom: 0
}

.single-restaurant-card .restaurant-img .restaurant-list-icon li a {
    width: 35px;
    height: 35px;
    line-height: 38px;
    text-align: center;
    background-color: var(--whiteColor);
    display: inline-block;
    border-radius: 50px;
    color: var(--mainColor);
    font-size: 18px;
    transition: var(--transition)
}

.single-restaurant-card .restaurant-img .restaurant-list-icon li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.single-restaurant-card .restaurant-content {
    background: #0e1317;
    padding: 35px;
    text-align: center;
    transition: var(--transition)
}

.single-restaurant-card .restaurant-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
    transition: var(--transition)
}

.single-restaurant-card .restaurant-content p {
    color: #abb8c3
}

.single-restaurant-card:hover .restaurant-img .restaurant-list-icon {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.single-restaurant-card:hover .restaurant-content h3 {
    color: var(--mainColor)
}

.restaurant-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.restaurant-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: #151b20;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: -85px;
    transition: var(--transition)
}

.restaurant-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.restaurant-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -85px
}

.team-restaurant-area {
    background-color: #0e1317;
    position: relative;
    overflow: hidden
}

.team-restaurant-area.team-restaurant-page-area {
    background-color: transparent
}

.team-restaurant-area.team-restaurant-page-area .section-title h2 {
    color: #333
}

.team-restaurant-area.team-restaurant-page-area .team-restaurant-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.team-restaurant-area.team-restaurant-page-area .team-restaurant-slider.owl-theme .owl-nav [class*=owl-] {
    background-color: #f4f1ee;
    color: #0e1317
}

.team-restaurant-area.team-restaurant-page-area .team-restaurant-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.team-restaurant-area .section-title {
    position: relative
}

.team-restaurant-area .section-title .menu-view-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.team-restaurant-area .team-restaurant-shape-1 {
    position: absolute;
    top: 4%;
    right: -72px;
    transform: rotate(272deg)
}

.team-restaurant-area .team-restaurant-shape-2 {
    position: absolute;
    bottom: 0;
    left: 0
}

.single-team-restaurant-card {
    position: relative
}

.single-team-restaurant-card.team-restaurant-card-pages {
    margin-bottom: 30px
}

.single-team-restaurant-card.team-restaurant-card-pages .restaurant-content {
    background-color: #fff;
    transition: var(--transition)
}

.single-team-restaurant-card.team-restaurant-card-pages .restaurant-content h3 {
    color: #333;
    transition: var(--transition)
}

.single-team-restaurant-card.team-restaurant-card-pages .restaurant-content p {
    color: #555;
    transition: var(--transition)
}

.single-team-restaurant-card.team-restaurant-card-pages:hover .restaurant-content {
    background-color: var(--mainColor)
}

.single-team-restaurant-card.team-restaurant-card-pages:hover .restaurant-content h3 {
    color: var(--whiteColor)
}

.single-team-restaurant-card.team-restaurant-card-pages:hover .restaurant-content p {
    color: var(--whiteColor)
}

.single-team-restaurant-card .team-restaurant-img {
    position: relative;
    overflow: hidden
}

.single-team-restaurant-card .team-restaurant-img .team-restaurant-list-icon {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 25px;
    left: 25px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: var(--transition)
}

.single-team-restaurant-card .team-restaurant-img .team-restaurant-list-icon li {
    list-style-type: none;
    margin-bottom: 10px;
    transition: var(--transition)
}

.single-team-restaurant-card .team-restaurant-img .team-restaurant-list-icon li:last-child {
    margin-bottom: 0
}

.single-team-restaurant-card .team-restaurant-img .team-restaurant-list-icon li a {
    width: 35px;
    height: 35px;
    line-height: 38px;
    text-align: center;
    background-color: var(--whiteColor);
    display: inline-block;
    border-radius: 50px;
    color: var(--mainColor);
    font-size: 18px;
    transition: var(--transition)
}

.single-team-restaurant-card .team-restaurant-img .team-restaurant-list-icon li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.single-team-restaurant-card .restaurant-content {
    background-color: #151b20;
    padding: 32px 35px 30px;
    text-align: center;
    margin-left: 135px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.single-team-restaurant-card .restaurant-content h3 {
    font-size: 24px;
    color: var(--whiteColor);
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-team-restaurant-card .restaurant-content p {
    color: #abb8c3
}

.single-team-restaurant-card:hover .restaurant-content h3 {
    color: var(--mainColor)
}

.single-team-restaurant-card:hover .team-restaurant-img .team-restaurant-list-icon {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.team-restaurant-area.team-restaurant-page-area>.container>.box-main:nth-child(even) .row {
    flex-direction: row-reverse;
}
.team-restaurant-area.team-restaurant-page-area .box-main .team-restaurant-card-pages .team-restaurant-img img {
    width: 100%;
    min-height: 400px;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
}
.team-restaurant-area.team-restaurant-page-area .box-main .desc p {
    margin: 0 0 8px 0;
}

.team-restaurant-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.team-restaurant-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    padding: 0;
    background: #151b20;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: -85px;
    transition: var(--transition)
}

.team-restaurant-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.team-restaurant-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -85px
}

.restaurant-two-area {
    background-image: url(../images/restaurant/restaurant-two-bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1
}

.restaurant-two-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(21, 27, 32, .87)
}

.restaurant-two-area .section-title {
    position: relative
}

.restaurant-two-area .section-title .menu-view-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.restaurant-two-area .team-restaurant-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.restaurant-two-area .team-restaurant-slider.owl-theme .owl-nav [class*=owl-] {
    background: rgba(255, 255, 255, .27)
}

.restaurant-two-area .team-restaurant-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.single-top-grade-card .top-grade-content {
    margin-left: 70px;
    margin-right: 70px;
    background: #f4f1ee;
    padding: 27px;
    text-align: center;
    margin-top: -43px;
    position: relative;
    transition: var(--transition)
}

.single-top-grade-card .top-grade-content h3 {
    font-size: 24px;
    color: #333;
    transition: var(--transition)
}

.single-top-grade-card:hover .top-grade-content {
    background-color: var(--mainColor)
}

.single-top-grade-card:hover .top-grade-content h3 {
    color: var(--whiteColor)
}

.top-grade-slider.owl-theme .owl-nav {
    position: absolute;
    bottom: 70px;
    right: -163px;
    margin-top: 0 !important
}

.top-grade-slider.owl-theme .owl-nav [class*=owl-] {
    color: #0e1317;
    font-size: 25px;
    padding: 0;
    background: #f4f1ee;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition)
}

.top-grade-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.top-grade-right-content {
    padding-left: 20px;
    padding-top: 40px
}

.top-grade-right-content .section-title h2 {
    color: #333
}

.top-grade-right-content .section-title p {
    color: #555
}

.blog-two-area {
    overflow: hidden;
    position: relative
}

.blog-two-area .section-title {
    margin-bottom: 15px
}

.blog-two-area .section-title h2 {
    color: #333
}

.blog-card-two-content {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .08);
    padding: 30px 28px;
    margin: 25px 10px 30px
}

.blog-card-two-content .blog-two-img {
    position: relative
}
.blog-card-two-content .blog-two-img a img {
    height: 273px;
    object-fit: cover;
    object-position: center;
}
.blog-card-two-content .blog-two-img .blog-time {
    position: absolute;
    top: 9px;
    left: -30px
}

.blog-card-two-content .blog-two-img .blog-time span {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    background-color: var(--mainColor);
    padding: 12px 30px;
    border-radius: 0 20px 20px 0
}

.blog-card-two-content .single-blog-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 10px
}

.blog-card-two-content .single-blog-content ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    color: #555;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    margin-right: 25px;
    position: relative
}

.blog-card-two-content .single-blog-content ul li::after {
    content: "";
    position: absolute;
    background-color: #555;
    width: 1px;
    height: 13px;
    right: -16px;
    top: 52%;
    transform: translateY(-50%) rotate(25deg)
}

.blog-card-two-content .single-blog-content ul li:last-child {
    margin-right: 0
}

.blog-card-two-content .single-blog-content ul li:last-child::after {
    display: none
}

.blog-card-two-content .single-blog-content ul li a {
    font-size: 16px;
    color: #555;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    transition: var(--transition)
}

.blog-card-two-content .single-blog-content ul li a:hover {
    color: var(--mainColor)
}

.blog-card-two-content .single-blog-content p {
    color: #555;
    margin-bottom: 20px
}

.blog-card-two-content .single-blog-content h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 10px;
    font-weight: 700;
    transition: var(--transition);
    color: #333
}

.blog-card-two-content .single-blog-content .default-btn {
    background: rgba(197, 157, 95, .1);
    color: var(--mainColor);
    padding: 14.5px 42px 13.5px
}

.blog-card-two-content:hover .single-blog-content h3 {
    color: var(--mainColor)
}

.blog-card-two-content:hover .single-blog-content .default-btn {
    color: var(--whiteColor);
    background-color: var(--mainColor)
}

.blog-two-slider.owl-theme .owl-nav {
    position: absolute;
    top: -90px;
    right: 0
}

.blog-two-slider.owl-theme .owl-nav [class*=owl-] {
    color: #151b20;
    font-size: 25px;
    padding: 0;
    background: #f4f1ee;
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition)
}

.blog-two-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.location-area {
    background-image: url(../images/visit-us-today-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    z-index: 1
}

.location-area::after {
    background: rgba(14, 19, 23, .95);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%
}

.location-area.location-three-area::after {
    background: rgba(21, 27, 32, .97)
}

.location-card {
    overflow: hidden;
    border: none;
    margin: 0;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    transition: var(--transition);
    padding: 30px;
    height: 100%;
}
.location-card .location-card-content {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.location-card .location-card-content h6 {
    font-size: 24px;
    margin: 0 0 10px 0;
    transition: var(--transition);
    color: #333;
}
.location-card .location-card-content address {
    font-size: 18px;
    color: var(--bodyColor);
    font-family: var(--bodyFontFamily);
}
.location-card .location-card-content .link {
    color: var(--mainColor);
    text-transform: capitalize;
    display: block;
    margin: 0 5px;
}

.single-location-content {
    padding-right: 30px
}
.single-location-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin: 15px 0;
}
.single-location-content ul li {
    list-style-type: none;
    color: #abb8c3;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    text-transform: capitalize;
}
.single-location-content ul li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 18px;
    color: var(--mainColor);
}
.single-location-content.location-two-content .section-title h2 {
    color: #333
}

.single-location-content.location-two-content .section-title p {
    color: #555
}

.single-location-content.location-two-content h3 {
    color: #333
}

.single-location-content.location-two-content.location-page .location-list ul {
    margin-bottom: 0
}

.single-location-content.location-two-content .location-list ul li {
    color: #555
}

.single-location-content.location-two-content .location-list ul li:last-child {
    margin-bottom: 0
}

.single-location-content.location-two-content .location-list ul li i {
    color: var(--mainColor)
}

.single-location-content .section-title {
    margin-bottom: 20px
}

.single-location-content .section-title h2 {
    font-size: 45px
}

.single-location-content h3 {
    font-size: 18px;
    color: var(--whiteColor);
    font-family: var(--bodyFontFamily);
    font-weight: 600;
    margin-bottom: 18px
}

.single-location-content .location-list ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 27px
}

.single-location-content .location-list ul li {
    list-style-type: none;
    color: #abb8c3;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative
}

.single-location-content .location-list ul li i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 25px;
    color: var(--mainColor)
}

.single-location-content .default-btn {
    padding: 14.5px 42px 13.5px
}

.location-map iframe {
    height: 450px;
    width: 100%;
}

.location-map {
    position: relative
}

.location-map .location-text {
    position: absolute;
    left: 100px;
    top: 35%;
    transform: translateY(-50%);
    text-align: center
}

.location-map .location-text.location-1 {
    left: 23%;
    right: auto;
    bottom: 33%;
    transform: translateY(0);
    top: auto
}

/* .location-map .location-text.location-1 p {
    opacity: 0;
    visibility: hidden
} */

.location-map .location-text.location-2 {
    left: 55px;
    right: auto;
    top: 22%;
}

/* .location-map .location-text.location-2 p {
    opacity: 0;
    visibility: hidden
} */

.location-map .location-text.location-3 {
    left: 28%;
    right: auto;
    top: 0%
}

/* .location-map .location-text.location-3 p {
    opacity: 0;
    visibility: hidden
} */

.location-map .location-text.location-4 {
    right: 70px;
    left: auto;
    top: 12%
}

/* .location-map .location-text.location-4 p {
    opacity: 0;
    visibility: hidden
} */

.location-map .location-text.location-5 {
    right: 19%;
    left: auto;
    top: 24%
}

/* .location-map .location-text.location-5 p {
    opacity: 0;
    visibility: hidden
} */

.location-map .location-text.location-6 {
    right: 19%;
    left: auto;
    top: 36%
}

/* .location-map .location-text.location-6 p {
    opacity: 0;
    visibility: hidden
} */
.location-map .location-text .thumb {
    width: auto;
    height: 25px;
    background: #000;
    padding: 5px;
}
.location-map .location-text span {
    width: 12px;
    height: 12px;
    background-color: var(--mainColor);
    border-radius: 50px;
    display: inline-block;
    position: relative;
    top: 35px;
    left: 35px;
    cursor: pointer
}

.location-map .location-text p {
    font-size: 14px;
    background-color: var(--whiteColor);
    padding: 4px 22px;
    display: inline-block;
    color: var(--mainColor);
    transition: var(--transition);
    position: relative
}

.location-map .location-text p::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -13px;
    left: 20px;
    width: 0;
    height: 0;
    border: solid transparent 7px;
    border-bottom-color: var(--whiteColor);
    transform: rotate(180deg);
    transition: var(--transition)
}

.location-map .location-text p:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.location-map .location-text p:hover::after {
    border-bottom-color: var(--mainColor)
}

.location-map .location-text:hover p {
    opacity: 1;
    visibility: visible
}

.testimonials-two-area {
    background-color: #f4f1ee
}

.testimonials-two-area .section-title h2 {
    color: #333
}

.testimonials-two-card {
    background-color: var(--whiteColor);
    padding: 46px;
    transition: var(--transition);
    display: inline-block
}

.testimonials-two-card img {
    width: auto !important;
    transition: var(--transition)
}

.testimonials-two-card .testimonials-client-inform {
    margin-bottom: 20px;
    position: relative;
    transition: var(--transition)
}

.testimonials-two-card .testimonials-client-inform .client-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(197, 157, 95, .08);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: var(--transition)
}

.testimonials-two-card .testimonials-client-inform .client-icon img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    transition: var(--transition)
}

.testimonials-two-card .testimonials-client-inform h3 {
    font-size: 24px;
    color: #555;
    margin-bottom: 10px;
    transition: var(--transition)
}

.testimonials-two-card .testimonials-client-inform span {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    transition: var(--transition)
}

.testimonials-two-card p {
    font-size: 17px;
    color: #555;
    font-weight: 400;
    transition: var(--transition)
}

.testimonials-two-card:hover .testimonials-client-inform h3 {
    color: var(--mainColor)
}

.testimonials-two-card:hover .testimonials-client-inform .client-icon {
    background-color: var(--mainColor)
}

.testimonials-two-card:hover .testimonials-client-inform .client-icon img {
    filter: brightness(10)
}

.testimonials-two-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.testimonials-two-slider.owl-theme .owl-nav [class*=owl-] {
    color: #0e1317;
    font-size: 25px;
    padding: 0;
    background-color: var(--whiteColor);
    display: inline-block;
    cursor: pointer;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 54px;
    transition: var(--transition);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px
}

.testimonials-two-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.testimonials-two-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -80px
}

.blog-area {
    background-color: #151b20;
    overflow: hidden;
    position: relative
}

.blog-three-area {
    background-color: #0e1317
}

.single-blog-card {
    background-color: #0e1317;
    margin-bottom: 30px;
    transition: var(--transition)
}

.single-blog-card.blog-card-three {
    background-color: #151b20;
    position: relative;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card {
    background-image: url(../images/blog/blog-style-three.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    transform: scale(0);
    opacity: 0;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card.blog-bg-img-1 {
    background-image: url(../images/blog/blog-style-three-img-1.webp)
}

.single-blog-card.blog-card-three .blog-three-option-card.blog-bg-img-2 {
    background-image: url(../images/blog/blog-style-three-img-2.webp)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-content {
    text-align: center;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-content h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-content p {
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-content p a {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    border-bottom: 1px solid var(--whiteColor);
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-content p a:hover {
    color: #f7d254;
    border-bottom: 1px solid #f7d254
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date {
    position: absolute;
    top: 64%;
    transform: translateY(-50%);
    right: 25px;
    background-color: var(--whiteColor);
    width: 78px;
    height: 78px;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date span {
    font-size: 20px;
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: var(--mainColor);
    position: relative;
    top: 12px;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date p {
    color: var(--mainColor);
    font-size: 20px;
    font-weight: 500;
    font-family: var(--bodyFontFamily);
    position: relative;
    top: 8px;
    transition: var(--transition)
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date:hover {
    background-color: #f7d254
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date:hover p {
    color: var(--whiteColor)
}

.single-blog-card.blog-card-three .blog-three-option-card .option-date:hover span {
    color: var(--whiteColor)
}

.single-blog-card.blog-card-three .blog-three-option-card .blog-option-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    transition: var(--transition)
}

.single-blog-card.blog-card-three:hover .blog-three-option-card {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.single-blog-card.blog-card-page {
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07)
}

.single-blog-card.blog-card-page .single-blog-content {
    padding: 30px
}
.single-blog-card.blog-card-page .single-blog-content p {
    font-size: 12px;
}
.single-blog-card.blog-card-page .single-blog-content p i {
    color: var(--mainColor);
    margin: 0 5px 0 0;
}

.single-blog-card.blog-card-page .single-blog-content ul li {
    color: rgba(85, 85, 85, .9)
}

.single-blog-card.blog-card-page .single-blog-content ul li::after {
    background-color: rgba(85, 85, 85, .9)
}

.single-blog-card.blog-card-page .single-blog-content ul li a {
    color: rgba(85, 85, 85, .9)
}

.single-blog-card.blog-card-page .single-blog-content h3 {
    color: #333
}

.single-blog-card.blog-card-page .single-blog-content .discover-more {
    color: #555;
    border-bottom: 1px solid #e9e8e8
}

.single-blog-card .blog-img {
    position: relative;
    overflow: hidden
}

.single-blog-card .blog-img img {
    transition: var(--transition);
}
.single-blog-card .blog-img img.thumb {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.single-blog-card .blog-img .blog-time {
    position: absolute;
    top: 40px;
    left: 0
}

.single-blog-card .blog-img .blog-time span {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    background-color: var(--mainColor);
    padding: 12px 30px;
    border-radius: 0 20px 20px 0;
    text-transform: capitalize;
}

.single-blog-card .single-blog-content {
    padding: 35px
}

.single-blog-card .single-blog-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 15px
}

.single-blog-card .single-blog-content ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    margin-right: 25px;
    position: relative
}

.single-blog-card .single-blog-content ul li::after {
    content: "";
    position: absolute;
    background-color: #abb8c3;
    width: 1px;
    height: 13px;
    right: -16px;
    top: 52%;
    transform: translateY(-50%) rotate(25deg)
}

.single-blog-card .single-blog-content ul li:last-child {
    margin-right: 0
}

.single-blog-card .single-blog-content ul li:last-child::after {
    display: none
}

.single-blog-card .single-blog-content ul li a {
    font-size: 16px;
    color: #abb8c3;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    transition: var(--transition)
}

.single-blog-card .single-blog-content ul li a:hover {
    color: var(--mainColor)
}

.single-blog-card .single-blog-content h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 10px;
    transition: var(--transition)
}

.single-blog-card:hover {
    transform: translateY(-10px)
}

.single-blog-card:hover .blog-img img {
    transform: scale(1.2)
}

.single-blog-card:hover .single-blog-content h3 {
    color: var(--mainColor)
}

.single-blog-card:hover .single-blog-content .discover-more {
    color: var(--mainColor);
    border-bottom: 1px solid var(--mainColor)
}

.blog-tags {
    background-color: #f4f1ee;
    padding: 35px;
    transition: var(--transition);
    margin-top: 40px;
    margin-bottom: 40px
}

.blog-tags h2 {
    color: #333;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 4px solid rgba(107, 106, 106, .13);
    position: relative
}

.blog-tags h2::after {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -3px
}

.blog-tags ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.blog-tags ul li {
    list-style-type: none;
    display: inline-block;
    margin-top: 15px;
    margin-right: 10px
}

.blog-tags ul li:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.blog-tags ul li a {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    display: inline-block;
    transition: var(--transition);
    background-color: var(--whiteColor);
    padding: 10px 20px;
    transition: var(--transition)
}

.blog-tags ul li a:hover {
    color: var(--whiteColor);
    background-color: var(--mainColor);
    transform: translateY(-5px)
}

.blog-tags:hover {
    transform: translateY(-10px)
}

.blog-categories {
    background-color: #f4f1ee;
    padding: 35px;
    transition: var(--transition);
    margin-top: 40px;
    margin-bottom: 40px
}

.blog-categories h2 {
    color: #333;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(107, 106, 106, .13);
    position: relative
}

.blog-categories h2::after {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -3px
}

.blog-categories ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.blog-categories ul li {
    list-style-type: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #888;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative
}

.blog-categories ul li img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.blog-categories ul li:last-child {
    margin-bottom: 0
}

.blog-categories ul li a {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #555;
    display: inline-block;
    width: 91%;
    transition: var(--transition)
}

.blog-categories ul li a:hover {
    color: var(--mainColor)
}

.blog-categories:hover {
    transform: translateY(-10px)
}

.widget {
    background-color: #f4f1ee;
    padding: 35px
}

.widget:last-child {
    margin-bottom: 0
}

.widget .widget-title {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    font-family: var(--fontFamily);
    padding-bottom: 20px;
    border-bottom: 4px solid rgba(107, 106, 106, .13);
    position: relative
}

.widget .widget-title::after {
    content: "";
    position: absolute;
    background-color: var(--mainColor);
    width: 100px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -3px
}

.blog-right-content {
    padding-left: 20px
}

.widget_ruzo_posts_thumb {
    position: relative;
    overflow: hidden;
    transition: var(--transition)
}

.widget_ruzo_posts_thumb .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px
}

.widget_ruzo_posts_thumb .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.widget_ruzo_posts_thumb .item .thumb {
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    width: 90px;
    height: 90px;
    margin-right: 15px;
    z-index: 1
}

.widget_ruzo_posts_thumb .item .thumb .fullimage {
    width: 90px;
    height: 90px;
    display: inline-block;
    border-radius: 100%;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center !important
}

.widget_ruzo_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(../images/menu/recent-post-img-1.webp)
}

.widget_ruzo_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(../images/menu/recent-post-img-2.webp)
}

.widget_ruzo_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(../images/menu/recent-post-img-3.webp)
}

.widget_ruzo_posts_thumb .item .thumb::before,
.widget_ruzo_posts_thumb .item .thumb::after {
    transition: all .8s cubic-bezier(.2, 1, .22, 1);
    content: "";
    background-color: #333;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%)
}

.widget_ruzo_posts_thumb .item .thumb::before {
    width: 40px;
    height: 1px;
    left: 100%
}

.widget_ruzo_posts_thumb .item .thumb::after {
    height: 40px;
    width: 1px;
    top: 0
}

.widget_ruzo_posts_thumb .item .info {
    overflow: hidden
}

.widget_ruzo_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    vertical-align: middle;
    transition: var(--transition);
    font-family: var(--bodyFontFamily)
}

.widget_ruzo_posts_thumb .item .info .title a {
    display: inline-block;
    color: #333;
    transition: var(--transition)
}

.widget_ruzo_posts_thumb .item .info span {
    display: inline-block;
    color: #555;
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    margin-top: 5px;
    transition: var(--transition);
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px
}

.widget_ruzo_posts_thumb .item .info span img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.widget_ruzo_posts_thumb .item:hover .info .title a {
    color: var(--mainColor)
}

.widget_ruzo_posts_thumb .item:hover .thumb::before,
.widget_ruzo_posts_thumb .item:hover .thumb::after {
    opacity: 1;
    top: 50%;
    left: 50%
}

.widget_ruzo_posts_thumb:hover {
    transform: translateY(-10px)
}

.single-blog-details-content .blog-details-img {
    position: relative;
    margin-bottom: 30px
}

.single-blog-details-content .blog-details-img .blog-time {
    position: absolute;
    top: 40px;
    left: 0
}

.single-blog-details-content .blog-details-img .blog-time span {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: var(--whiteColor);
    background-color: var(--mainColor);
    padding: 12px 30px;
    border-radius: 0 20px 20px 0
}

.single-blog-details-content .blog-details-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 12px;
    padding-bottom: 0;
    border-bottom: none
}

.single-blog-details-content .blog-details-content ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    color: rgba(85, 85, 85, .9);
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 25px;
    position: relative
}

.single-blog-details-content .blog-details-content ul li:last-child {
    margin-right: 0
}

.single-blog-details-content .blog-details-content ul li:last-child::after {
    display: none
}

.single-blog-details-content .blog-details-content ul li::after {
    content: "";
    position: absolute;
    background-color: rgba(85, 85, 85, .9);
    width: 1px;
    height: 13px;
    right: -16px;
    top: 52%;
    transform: translateY(-50%) rotate(25deg)
}

.single-blog-details-content .blog-details-content ul li a {
    font-size: 16px;
    color: rgba(85, 85, 85, .9);
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    transition: var(--transition)
}

.single-blog-details-content .blog-details-content ul li a:hover {
    color: var(--mainColor)
}

.single-blog-details-content h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 18px
}

.single-blog-details-content p {
    color: #555;
    margin-bottom: 15px
}

.single-blog-details-content .blog-details-card {
    background-color: #f4f1ee;
    padding: 52px 65px;
    position: relative;
    text-align: center;
    z-index: 1;
    border-bottom: 1px solid var(--mainColor);
    margin-top: 22px;
    margin-bottom: 22px;
    transition: var(--transition)
}

.single-blog-details-content .blog-details-card p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0
}

.single-blog-details-content .blog-details-card img {
    position: absolute;
    bottom: 25px;
    right: 35px;
    z-index: -1
}

.single-blog-details-content .blog-details-card:hover {
    transform: translateY(-10px)
}

.single-blog-details-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px
}

.single-blog-details-content ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6
}

.single-blog-details-content ul li {
    list-style-type: none;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #555;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px
}

.single-blog-details-content ul li:last-child {
    margin-bottom: 0
}

.single-blog-details-content ul li span {
    background-color: var(--mainColor);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%)
}

.single-blog-details-content ul li span::after {
    content: "";
    position: absolute;
    border: 1px solid var(--whiteColor);
    width: 13px;
    height: 13px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.single-blog-details-content ul li span::before {
    content: "";
    position: absolute;
    background-color: var(--whiteColor);
    width: 7px;
    height: 7px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.single-blog-details-content .d-flex .portfolio-details-list ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.single-blog-details-content .d-flex .portfolio-details-list ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 18px;
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #000
}

.single-blog-details-content .d-flex .portfolio-details-list ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid var(--mainColor);
    border-radius: 50px;
    color: var(--mainColor);
    font-size: 18px;
    text-align: center;
    display: inline-block;
    transition: var(--transition)
}

.single-blog-details-content .d-flex .portfolio-details-list ul li a:hover {
    background-color: var(--mainColor);
    transform: translateY(-5px);
    color: var(--whiteColor)
}

.single-blog-details-content .d-flex .portfolio-details-list-two ul {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.single-blog-details-content .d-flex .portfolio-details-list-two ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 18px;
    font-family: var(--bodyFontFamily);
    font-weight: 500;
    color: #000
}

.single-blog-details-content .d-flex .portfolio-details-list-two ul li a {
    background: rgba(225, 162, 91, .12);
    padding: 10px 30px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #555;
    transition: var(--transition)
}

.single-blog-details-content .d-flex .portfolio-details-list-two ul li a:hover {
    background-color: var(--mainColor);
    transform: translateY(-5px);
    color: var(--whiteColor)
}

.single-blog-details-content .blog-details-img-two {
    margin-top: 10px;
    margin-bottom: 25px
}

.single-blog-details-content .blog-details-form {
    margin-top: 30px
}

.single-blog-details-content .blog-details-form h2 {
    font-size: 24px
}

.single-blog-details-content .blog-details-form .details-from {
    margin-bottom: 15px
}

.single-blog-details-content .blog-details-form .details-from .form-control {
    background-color: #f4f1ee;
    padding: 15px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777;
    border: none;
    border-radius: 0
}

.single-blog-details-content .blog-details-form .details-from .form-control::-moz-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-blog-details-content .blog-details-form .details-from .form-control:-ms-input-placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-blog-details-content .blog-details-form .details-from .form-control::placeholder {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.single-blog-details-content .blog-details-form .details-from .form-control:focus {
    box-shadow: none
}

.single-blog-details-content .blog-details-form .details-from .form-control:focus::-moz-placeholder {
    color: transparent;
    -moz-transition: var(--transition);
    transition: var(--transition)
}

.single-blog-details-content .blog-details-form .details-from .form-control:focus:-ms-input-placeholder {
    color: transparent;
    -ms-transition: var(--transition);
    transition: var(--transition)
}

.single-blog-details-content .blog-details-form .details-from .form-control:focus::placeholder {
    color: transparent;
    transition: var(--transition)
}

.single-blog-details-content .blog-details-form .form-check {
    margin-bottom: 25px;
    margin-top: 10px
}

.single-blog-details-content .blog-details-form .form-check .form-check-input {
    border-radius: 0;
    border: 1px solid #cfcdca
}

.single-blog-details-content .blog-details-form .form-check .form-check-input:focus {
    box-shadow: none
}

.single-blog-details-content .blog-details-form .form-check .form-check-label {
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    font-size: 16px;
    color: #777
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    padding: 15px !important;
    border: none;
    border-width: 2px 0;
    border-style: solid;
    border-color: var(--mainColor);
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(200, 26, 23, .05)
}

.table-condensed thead tr .datepicker-switch {
    text-align: center;
    font-family: var(--fontFamily);
    color: #2f2d2b;
    font-weight: 700;
    font-size: 20px;
    font-weight: 700
}

.table-condensed thead tr .next {
    text-align: center;
    cursor: pointer;
    color: var(--mainColor);
    font-size: 25px;
    position: relative;
    top: -3px
}

.table-condensed thead tr .prev {
    text-align: center;
    cursor: pointer;
    color: var(--mainColor);
    font-size: 25px;
    position: relative;
    top: -3px
}

.table-condensed thead tr .dow {
    text-align: center;
    font-family: var(--fontFamily);
    font-weight: 700;
    font-size: 18px;
    color: var(--mainColor)
}

.table-condensed tbody tr td {
    width: 35px;
    height: 35px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
    font-family: var(--titleFontFamily);
    color: #555;
    font-size: 13px;
    font-weight: 700
}

.table-condensed tbody tr td:hover {
    background-color: var(--mainColor);
    border-radius: 50px;
    color: var(--whiteColor)
}

.table-condensed tbody tr td.active {
    background-color: var(--mainColor);
    border-radius: 50px;
    color: var(--whiteColor)
}

.table-condensed tfoot tr .today {
    font-family: var(--fontFamily);
    font-weight: 700;
    font-size: 20px;
    color: var(--mainColor)
}

.footer-widget-area {
    background-color: #0e1317;
    position: relative;
    z-index: 1
}

.footer-widget-area .footer-shape-1 {
    position: absolute;
    bottom: -54px;
    left: 0;
    z-index: -1;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite
}

.footer-widget-area .footer-shape-2 {
    position: absolute;
    top: 24%;
    left: 0;
    z-index: -1;
    -webkit-animation: rotateme 7s linear infinite;
    animation: rotateme 7s linear infinite
}

.footer-widget-area .footer-shape-3 {
    position: absolute;
    top: 20%;
    right: 0;
    z-index: -1;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite
}

.footer-widget-area .footer-shape-4 {
    position: absolute;
    right: 9%;
    bottom: 4%;
    z-index: -1;
    -webkit-animation: rotateme 7s linear infinite;
    animation: rotateme 7s linear infinite
}

.footer-widget-area .col-lg-3:nth-child(2) {
    padding-left: 80px
}

.footer-widget-area .col-lg-3:nth-child(3) {
    position: relative;
    left: -40px
}

.footer-widget-area .col-lg-3:nth-child(4) {
    position: relative;
    left: 40px
}

.footer-widget-area.footer-three-area {
    background-color: #151b20
}

.footer-widget-area.footer-three-area .footer-widget .footer-widget-list li a {
    background: #0e1317
}

.footer-widget-area.footer-three-area .footer-widget .footer-widget-list li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.footer-widget-area.footer-three-area .footer-widget .footer-item i {
    background-color: #0e1317
}

.footer-widget-area.footer-three-area .footer-widget .footer-item:hover i {
    background-color: var(--mainColor)
}

.footer-widget {
    margin-bottom: 30px
}

.footer-widget img {
    margin-bottom: 20px
}

.footer-widget p {
    color: #abb8c3;
    font-size: 15px
}

.footer-widget.footer-services .footer-list li {
    padding-left: 0;
    position: relative;
    font-size: 14px
}

.footer-widget.footer-services .footer-list li span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer-widget .footer-widget-list {
    padding-left: 0;
    margin: 0;
    margin-top: 25px
}

.footer-widget .footer-widget-list li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px
}

.footer-widget .footer-widget-list li:last-child {
    margin-right: 0
}

.footer-widget .footer-widget-list li a {
    background: #151b20;
    width: 45px;
    height: 45px;
    line-height: 47px;
    font-size: 18px;
    color: var(--whiteColor);
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition)
}

.footer-widget .footer-widget-list li a:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor);
    transform: translateY(-8px)
}

.footer-widget h2 {
    color: var(--whiteColor);
    font-size: 24px;
    margin-bottom: 30px
}

.footer-widget .footer-list {
    padding-left: 0;
    margin: 0
}

.footer-widget .footer-list li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--bodyFontFamily);
    color: #abb8c3
}

.footer-widget .footer-list li:last-child {
    margin-bottom: 0
}

.footer-widget .footer-list li i {
    color: var(--mainColor);
    position: absolute;
    left: 0;
    top: 53%;
    transform: translateY(-50%) rotate(276deg);
    font-size: 13px;
    font-weight: 400;
    transition: var(--transition)
}

.footer-widget .footer-list li a {
    font-family: var(--bodyFontFamily);
    color: #abb8c3;
    font-weight: 400;
    transition: var(--transition)
}

.footer-widget .footer-list li:hover a {
    color: var(--mainColor)
}

.footer-widget .footer-list li:hover i {
    color: var(--mainColor)
}

.footer-widget .footer-item {
    padding: 8px 10px 10px 55px;
    position: relative;
    vertical-align: middle;
    margin-bottom: 15px
}

.footer-widget .footer-item:last-child {
    padding: 0 10px 10px 55px;
    margin-bottom: 0;
    padding-bottom: 0
}

.footer-widget .footer-item:last-child i {
    top: 38%
}

.footer-widget .footer-item i {
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, .1);
    color: var(--mainColor);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition)
}

.footer-widget .footer-item a {
    font-size: 16px;
    font-family: var(--bodyFontFamily);
    font-weight: 400;
    color: #abb8c3;
    transition: var(--transition)
}

.footer-widget .footer-item:hover i {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}

.footer-widget .footer-item:hover a {
    color: var(--mainColor)
}

.copyright-content {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .06);
    padding-top: 30px;
    padding-bottom: 30px;
    background: #0e1317
}

.copyright-content.copyright-three-content {
    background-color: #151b20
}

.copyright-content p {
    font-size: 16px
}

.copyright-content p b {
    font-weight: 400;
    font-size: 16px
}

.copyright-content p a {
    font-size: 16px;
    color: var(--mainColor);
    font-family: var(--bodyFontFamily);
    font-weight: 600;
    position: relative;
    z-index: 1;
    transition: var(--transition)
}

.copyright-content p a:hover {
    color: var(--whiteColor)
}

.go-top {
    position: fixed;
    cursor: pointer;
    top: 93%;
    right: -10%;
    background-color: var(--optionalColor);
    z-index: 4;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    transition: .9s
}

.go-top.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 90%
}

.go-top:focus {
    color: #fff;
    border-radius: 50px
}

.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.go-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--mainColor);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    border-radius: 50px
}

.go-top i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    transition: .5s;
    font-size: 20px
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top:hover {
    color: #fff;
    background-color: var(--mainColor)
}

.go-top:hover::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.preloader {
    position: fixed;
    left: 0;
    width: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 9999999;
    background-color: transparent;
    transition: .9s
}

.preloader .loader {
    transition: .9s;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
    transform: translateY(-45%)
}

.preloader .loader .loader-outter {
    position: absolute;
    border: 4px solid var(--mainColor);
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite
}

.preloader .loader .loader-inner {
    position: absolute;
    border: 4px solid var(--mainColor);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite
}

.preloader .loader span {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    color: #f7d254;
    font-family: var(--titleFontFamily);
    font-size: 20px;
    font-weight: 700
}

.preloader::before,
.preloader::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: -1;
    background: var(--whiteColor);
    transition: .9s
}

.preloader::after {
    left: auto;
    right: 0
}

.preloader.preloader-deactivate {
    visibility: hidden
}

.preloader.preloader-deactivate::before {
    width: 0
}

.preloader.preloader-deactivate::after {
    width: 0
}

.preloader.preloader-deactivate .loader {
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes loader-outter {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-outter {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-inner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@keyframes loader-inner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }
}

@-webkit-keyframes movebounce {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes movebounce {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0px)
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0px)
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0px)
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes rotateme {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateme {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

@keyframes rotate3d {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

@media only screen and (max-width:991px) {
    .mobile-nav {
        display: block;
        position: relative
    }

    .mobile-nav .logo {
        text-decoration: none;
        position: absolute;
        top: 11px;
        z-index: 999;
        left: 0;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px
    }

    .mean-container .mean-bar {
        background-color: #000;
        padding: 0
    }

    .mean-container a.meanmenu-reveal {
        padding: 15px 15px 0 0
    }

    .mobile-nav nav .navbar-nav .nav-item a i {
        display: none
    }

    .main-nav {
        display: none !important
    }
}

.others-option-for-responsive {
    display: none
}

.others-option-for-responsive .dot-menu {
    padding: 0 10px;
    height: 30px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    right: 55px;
    top: -15px
}

.others-option-for-responsive .dot-menu .inner {
    display: flex;
    align-items: center;
    height: 30px
}

.others-option-for-responsive .dot-menu .inner .circle {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    margin: 0 2px;
    transition: all ease .5s;
    background-color: var(--mainColor)
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: var(--mainColor)
}

.others-option-for-responsive .container {
    position: relative
}

.others-option-for-responsive .container .container {
    position: absolute;
    right: -2px;
    top: 15px;
    max-width: 320px;
    margin-left: auto;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s;
    transform: scaleY(0);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px
}

.others-option-for-responsive .container .container.active {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}


/* sec-newsletter start */
.theme-light .sec-newsletter {
    background: #f4f1ee;
}

.theme-light .sec-newsletter .heads h4 {
    color: #2f2d2b;
}
.theme-light .sec-newsletter .heads p {
    color: #555;
}
.sec-newsletter {
    position: relative;
    background: #0e1317;
    margin: 0;
    padding: 80px 0;
  }
  
  .sec-newsletter .heads h6 {
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    text-transform: capitalize;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 50px;
  }
  
  .sec-newsletter .heads h4 {
    font-family: var(--fontFamily);
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 60px;
  }
  
  .sec-newsletter .heads p {
    font-family: var(--fontFamily);
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    opacity: 0.5;
  }
  
  .sec-newsletter .news-form {
    margin: 60px 0 0 0;
  }
  
  .sec-newsletter .news-form .cn-fm {
    border: none;
    height: 55px;
    background: #fff;
    border-radius: 0;
    margin: 0 0 30px 0;
    padding: 18px 30px;
    font-family: "SF-Pro-Reg", sans-serif;
    color: #1F1F1F;
    font-size: 16px;
    font-weight: 400;
  }
  
  .sec-newsletter .news-form .cn-fm::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: var(--fontFamily);
    color: #1F1F1F;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
  }
  
  .sec-newsletter .news-form .cn-fm::-moz-placeholder {
    /* Firefox 19+ */
    font-family: var(--fontFamily);
    color: #1F1F1F;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
  }
  
  .sec-newsletter .news-form .cn-fm:-ms-input-placeholder {
    /* IE 10+ */
    font-family: var(--fontFamily);
    color: #1F1F1F;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
  }
  
  .sec-newsletter .news-form .cn-fm:-moz-placeholder {
    /* Firefox 18- */
    font-family: var(--fontFamily);
    color: #1F1F1F;
    opacity: 0.5;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
  }
  
  .sec-newsletter .news-form .sub-btn {
    color: #fff;
    font-size: 16px;
    width: 100%;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    overflow: hidden;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* sec-newsletter close */

  /***************************** sec-download start *****************************/
.sec-download {
    position: relative;
    overflow: hidden;
    padding: 0 0 50px 0;
    background: #f4f1ee;
  }
  .sec-download .head {
    text-align: center;
    margin: 0 0 56px 0;
  }
  .sec-download .head h6 {
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    text-transform: capitalize;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 50px;
  }
  .sec-download .head h4 {
    font-family: var(--fontFamily);
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
    color: #000;
    margin: 0 0 8px 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
  }
  .sec-download .head p {
    font-family: var(--fontFamily);
    margin: 0;
    padding: 0;
    text-align: center;
    color: #555;
  }
  .sec-download .select-main {
    background: #FFFFFF;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 16px;
    margin: 0 0 150px 0;
  }
  .sec-download .select-main select {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    height: 60px;
    font-family: var(--fontFamily);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #000;
    margin: 0;
    padding: 20px 25px;
    background-image: url(../images/arrow_drop_down.png);
    background-position: right 1.75rem center;
    background-size: 12px 6px;
  }
  .sec-download .select-main select option {
    font-family: var(--fontFamily);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #000;
  }
  .sec-download .download {
    background: #F8F8F8;
    border-radius: 10px;
    padding: 39px 32px;
    font-family: var(--fontFamily);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 32px 0;
    position: relative;
  }
  .sec-download .download::after {
    content: '\f1c1';
    display: inline-flex;
    margin: 0;
    padding: 0;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    font-size: 20px;
    color: #1C1B1F;
  }
  .sec-download .load-btn {
    width: 228px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fontFamily);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 20px auto 0;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    background-color: #BF0426;
    border: 2px solid #BF0426;
    border-radius: 8px;
    overflow: hidden;
  }
  /***************************** sec-download close *****************************/

  /* sec-dining start */
.sec-dining {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 50px 0 100px 0;
  }
  
  .sec-dining .head {
    text-align: center;
  }
  
  .sec-dining .head h6 {
    margin: 0 0 20px 0;
    font-size: 30px;
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    font-weight: 600;
    text-transform: capitalize;
  }
  
  .sec-dining .head h5 {
    font-family: var(--fontFamily);
    font-weight: 300;
    font-size: clamp(25px, 8vw, 50px);
    color: #2f2d2b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    line-height: clamp(25px, 8vw, 50px);
  }
  
  .sec-dining .head p {
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #555;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
  }
  
  .sec-dining .head p a {
    color: var(--mainColor);
  }
  
  .sec-dining .contact-form {}
  
  .sec-dining .contact-form .form-floating>.form-control:focus~label,
  .sec-dining .contact-form .form-floating>.form-control:not(:placeholder-shown)~label {
    transform: scale(.65) translateY(-0.5rem) translateX(0.15rem);
  }
  
  .sec-dining .contact-form .form-floating .form-control {
    background: transparent;
    border-radius: 0;
    margin: 0 0 20px 0;
    border: none;
    border-bottom: 2px solid #333;
    font-family: var(--fontFamily);
    color: var(--mainColor);
  }
  
  .sec-dining .contact-form .form-floating .form-control::-webkit-calendar-picker-indicator {
    filter: brightness(0) saturate(100%) invert(68%) sepia(31%) saturate(553%) hue-rotate(357deg) brightness(88%) contrast(91%);
  }
  
  .sec-dining .contact-form .form-floating .form-control:focus {
    box-shadow: none;
    outline: none;
  }
  
  .sec-dining .contact-form .form-floating label {
    color: #2f2d2b;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--fontFamily);
  }
  
  .sec-dining .contact-form .btn-grp .submit-btn {
    height: 50px;
    width: 100%;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fontFamily);
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    background: var(--mainColor);
    position: relative;
    text-transform: capitalize;
  }
  
  /* sec-dining close */

  /* sec-gift-card start */
.sec-gift-card {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 80px 0;
    background: var(--optionalColor);
  }
  
  .sec-gift-card .head {
    text-align: center;
    margin: 0 0 50px 0;
  }
  
  .sec-gift-card .head h6 {
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    text-transform: capitalize;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 50px;
  }
  
  .sec-gift-card .head h5 {
    font-family: var(--fontFamily);
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 60px;
  }
  
  .sec-gift-card .head p {
    font-family: var(--fontFamily);
    font-weight: 400;
    color: #fff;
    text-transform: unset;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    opacity: 0.5;
  }
  
  .sec-gift-card .gift-card {
    background: linear-gradient(266deg, rgba(89, 94, 102, 1) 0%, rgba(64, 64, 64, 1) 50%, rgba(38, 38, 38, 1) 100%);
    border-radius: 15px;
    margin: 25px 0 0 0;
    border: none;
    padding: 0;
    overflow: hidden;
    flex-direction: row;
    align-items: center;
  }
  
  .sec-gift-card .gift-card .desc {
    width: 60%;
    padding: 10px 50px 10px 30px;
  }
  
  .sec-gift-card .gift-card .desc .ds-hd .thumb {
    width: 10%;
    height: auto;
    display: block;
    margin: 0;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid {}
  
  .sec-gift-card .gift-card .desc .ds-mid h3 {
    font-family: var(--fontFamily);
    font-weight: 800;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid h6 {
    font-family: var(--fontFamily);
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    margin: 5px 0 0 0;
    padding: 0;
    text-transform: capitalize;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid p {
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 0;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 5px 0;
    padding: 0;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid ul li {
    font-family: var(--fontFamily);
    font-weight: 800;
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 4px;
    padding: 0;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid ul li i {
    color: #fcb414;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid small {
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: capitalize;
    display: block;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid span {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mainColor);
    color: #fff;
    border-radius: 100%;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    z-index: 6;
    transition: all .4s ease;
    position: absolute;
    inset: 35% 32% auto auto;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid span::before,
  .sec-gift-card .gift-card .desc .ds-mid span::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    -webkit-animation: jkit-ripple 3s infinite;
    animation: jkit-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
  }
  
  .sec-gift-card .gift-card .desc .ds-mid span::after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    color: #FFFFFF4F;
  }
  
  .sec-gift-card .gift-card .img-main {
    width: 40%;
  }
  
  .sec-gift-card .gift-card .img-main .thumb {
    height: 350px;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  
  /* flip card strart */
  .sec-gift-card .gft-crd {
    border: none;
    border-radius: 15px;
    margin: 25px 0 0 0;
    padding: 0;
    background: transparent;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
    height: 100%;
    min-height: 320px;
    max-height: 320px;
  }
  
  .sec-gift-card .gft-crd .flip-box {
    position: relative;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    height: 100%;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-front,
  .sec-gift-card .gft-crd .flip-box .flip-box-back {
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 15px;
    /* position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; */
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: linear-gradient(266deg, rgba(89, 94, 102, 1) 0%, rgba(64, 64, 64, 1) 50%, rgba(38, 38, 38, 1) 100%);
    padding: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  /* .sec-gift-card .gft-crd .flip-box .flip-box-front::after {
    content: 'Flip Around';
    font-family: var(--fontFamily);
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    position: absolute;
    top: 45%;
    right: -100px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background: url(../images/turn-left.png) no-repeat top;
    background-size: 40%;
    width: 150px;
    height: 100px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(347deg) brightness(104%) contrast(104%);
    z-index: 10;
  } */
  
  .sec-gift-card .gft-crd .flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #fff;
  }
  
  .sec-gift-card .gft-crd .flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-front .desc,
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc {
    transform: translateZ(60px);
  }
  
  /* .sec-gift-card .gft-crd .flip-box .flip-box-front .desc {
    padding: 50px;
  } */
  .sec-gift-card .gft-crd .flip-box .flip-box-front .desc .img .thumb {
    width: auto;
    height: 50px;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
    display: block;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-front .desc h6 {
    font-family: var(--fontFamily);
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back {
    padding: 80px 0;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back::before {
    content: '';
    position: absolute;
    inset: 15px 0 auto 0;
    background: #000;
    height: 50px;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc {
    padding: 0 40px;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc .barcode .barcode {
    width: 70%;
    height: 30px;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: blur(3px);
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc p {
    font-family: var(--fontFamily);
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    letter-spacing: 2px;
    text-align: center;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc h6 small {
    background: var(--mainColor);
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc p span {
    filter: blur(2px);
    text-decoration: overline;
    text-decoration: line-through;
    letter-spacing: normal;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc h6 {
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    text-transform: inherit;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc h5 {
    font-family: var(--fontFamily);
    font-weight: 700;
    font-size: 30px;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc .btn-grp {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 0;
    padding: 0;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc .btn-grp a {
    font-family: var(--fontFamily);
    font-weight: 400;
    font-size: 16px;
    background: var(--mainColor);
    padding: 10px 25px;
    display: block;
    border-radius: 8px;
    color: #fff;
  }
  
  .sec-gift-card .gft-crd .flip-box .flip-box-back .desc .btn-grp a:not(:last-child) {
    margin: 0 15px 0 0;
  }
  
  /* sec-gift-card close */


  /* sec-menu-location start */
  .sec-menu-location {
    position: relative;
    overflow: hidden;
    background: #f4f1ee;
    padding: 80px 0;
  }
  /* sec-menu-location close */
  .ct-head {
    margin: 0 0 40px 0;
  }
  .ct-head h6 {
    font-family: var(--titleFontFamily);
    color: var(--mainColor);
    text-transform: capitalize;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 50px;
  }
  .ct-head h5 {
    font-family: var(--fontFamily);
    font-weight: 400;
    color: #2f2d2b;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: 60px;
  }
  .ct-head p {
    text-align: center;
    color: #555;
  }

  /*choose Section Css Start Here*/
.choose-sec-wrap {
    padding: 50px 0;
    overflow: hidden;
    background: #0e1317;
}

.choose-sec-wrap .section-title {
    text-align: left;
}

.choose-sec-wrap .section-title h2 {
    text-transform: uppercase;
}

.choose-sec-wrap .ratting-card {
    margin: 0 0 40px 0;
}

.choose-sec-wrap .ratting-card .main-img img {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(1347%) hue-rotate(333deg) brightness(84%) contrast(79%);
}

.choose-sec-wrap .ratting-card .desc {
    padding: 20px 0 0 0;
}

.choose-sec-wrap .ratting-card .desc h6 {
    color: #fff;
    font-size: 24px;
}

.choose-sec-wrap .ratting-card .desc p {
    color: #abb8c3;
    margin-top: 15px;
    margin-bottom: 0;
}

/*choose Section Css End Here*/
/*opportunity Section Css Start*/
.team-restaurant-area .Opportunity-card {
    padding: 20px 20px;
    margin: 0 20px 40px;
    background: #fff;
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
    transition: var(--transition);
}

.team-restaurant-area .Opportunity-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 30px rgba(85, 85, 85, .07);
}

.team-restaurant-area .Opportunity-card h5 {
    color: #333;
    font-size: 16px;
}

.team-restaurant-area .Opportunity-card h2 {
    color: #c59d5f;
    font-size: 24px;
    margin: 10px 0;
}

.team-restaurant-area .Opportunity-card span {
    margin: 0 0 20px 0;
    color: var(--bodyColor);
}

.team-restaurant-area .Opportunity-card span i {
    font-family: "Font Awesome 6 pro";
    color: #c59d5f;
}

.team-restaurant-area .Opportunity-card p {
    margin: 0 0 20px 0;
}

/*opportunity Section Css End Here*/

/* zoom img csss strat */
.shop-single-area{
    position: relative;
    overflow: hidden;
}
.shop-single-area .product-slider .img_producto_container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.shop-single-area .product-slider .img_producto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}

/* zoom img csss end */
.shop-single-area .product-thumb {
    margin: 10px 0 0 0;
}

.shop-single-area .product-thumb img {
    min-width: 100%;
    max-width: 100%;
    min-height: 120px;
    max-height: 120px;
    object-fit: cover;
}

.shop-single-area .product-thumb .owl-nav .owl-prev,
.shop-single-area .product-thumb .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-size: 25px;
    color: #000;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 40%;
    left: -8%;
    opacity: 0;
}

.shop-single-area .product-thumb .owl-nav .owl-next {
    left: auto;
    right: -8%;
}

.shop-single-area .product-thumb:hover .owl-nav .owl-prev,
.shop-single-area .product-thumb:hover .owl-nav .owl-next {
    opacity: 1;
    left: -4%;
}

.shop-single-area .product-thumb:hover .owl-nav .owl-next {
    left: auto;
    right: -4%;
}

.shop-single-area .product-thumb .owl-nav .owl-prev:hover,
.shop-single-area .product-thumb .owl-nav .owl-next:hover {
    color: #000;
}