::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #f8f8f8;border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #aa8453;border-radius: 10px;}

.headerWraper .container-fluid {padding: 0 50px;}
.headerWraper .navbar.navbar-expand-lg {padding: 5px 0;}
.headerWraper .navbar .navbar-brand a img {height: 72px;}
.headerWraper .navbar .navbar-nav li + li {margin-left: 45px;}
.headerWraper .navbar .navbar-nav .nav-link {font-size: 15px;font-weight: 600;color: #151010;text-transform: uppercase;font-family: "Barlow", sans-serif;cursor: pointer;padding: 1.2rem 0;}
.headerWraper .navbar-other .btn-custom {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.headerWraper .navbar-other .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.headerWraper .navbar-other .btn-custom:hover:before {height: 550%;}
.headerWraper .navbar-other .btn-custom:hover {color: #ffffff;}
.navbar.navbar-stick {padding: 5px 0;}
.navbar.navbar-stick .container-fluid {padding: 0 50px;}
.navbar.navbar-stick .navbar-brand a img {height: 72px;}
.navbar.navbar-stick .navbar-nav .nav-link {font-size: 15px;font-weight: 600;color: #151010;text-transform: uppercase;font-family: "Barlow", sans-serif;}
.navbar.navbar-stick .navbar-other .btn-custom {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.navbar.navbar-stick .navbar-other .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.navbar.navbar-stick .navbar-other .btn-custom:hover:before {height: 550%;}
.navbar.navbar-stick .navbar-other .btn-custom:hover {color: #ffffff;}
.hero-section .swiper-slide.bg-overlay:before {background: rgba(30, 34, 40, .15);}
.hero-section .swiper-slide {width: 100%;height: 650px;}
.hero-section .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.hero-section .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {content: "\f138";font-family: bootstrap-icons !important;}
.hero-section .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {content: "\f12f";font-family: bootstrap-icons !important;}
.about-section {padding: 100px 0;background: #f7f3ee;}
.about-section .about-image-items {position: relative;}
.about-section .about-image-items .about-image {max-width: 450px;position: relative;}
.about-section .about-image-items .about-image img {width: 100%;height: 100%;border-radius: 8px;}
.about-section .about-image-items .about-image .about-image-2 {max-width: 320px;position: absolute;right: -180px;bottom: -65px;}
.about-section .about-image-items .about-image .about-image-2 img {border: 8px solid #ffffff;width: 100%;height: 100%;border-radius: 8px;}
.about-section .about-content .section-title .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.about-section .about-content .section-title .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.about-section .about-content p {font-size: 16px;font-weight: 400;line-height: 30px;font-family: "Barlow", sans-serif;text-align: justify;color: #333333;margin-bottom: 10px;}
.about-section .about-content .hero-button {display: flex;align-items: center;margin-top: 48px;gap: 20px;justify-content: center;}
.about-section .about-content .btn-custom {border: 1px solid #aa8453;min-width: 175px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.about-section .about-content .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.about-section .about-content .btn-custom:hover:before {height: 550%;}
.about-section .about-content .btn-custom:hover {color: #ffffff;}
.brand-section {padding: 90px 0 0;;height:650px;background: #ffedd7;position: relative;overflow: hidden;}
.brand-section .circle .circle-container {position: relative;width: 930px;height: 930px;margin: 0 auto;border: 130px solid hsla(0, 0%, 100%, 0.35);border-radius: 50%;}
.brand-section .circle .circle-container li {display: flex;justify-content: right;position: absolute;left: 50%;top: calc(50% - 25px);width: 450px;height: 90px;transform-origin: 0 50%;}
.brand-section .circle .circle-container li:hover .hover {transform: translateY(-50%) translateX(-50%) scale(1);opacity: 0.7;}
.brand-section .circle .circle-container li:hover .hover img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.brand-section .circle .circle-container li:hover .image .brand-icon {filter: grayscale(0);}
.brand-section .circle .circle-container li .image .brand-icon {display: block;width: 100px;padding:7px;border-radius:10px;filter: grayscale(0);transition-duration: 0.5s;}
.brand-section .circle .circle-container .hover {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%) scale(0);width: 150px;height: 150px;border-radius: 555px;overflow: hidden;z-index: -1;transition: opacity 0.3s ease, transform 0.45s ease 0.15s;opacity: 0;}
.brand-section .circle-content {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);max-width: 500px;text-align: center;}
.brand-section .circle-content img {height: 120px;margin-bottom: 20px;}
.brand-section .circle-content .title {font-size: 24px;font-weight: 600;text-transform: uppercase;font-family: 'Gilda Display';color: #151010;margin-bottom: 10px;}
.brand-section .circle-content p {font-size: 15px;font-weight: 500;line-height: 24px;font-family: "Barlow", sans-serif;color: #333333;margin-bottom: 10px;}
.brand-section .circle-content .btn-custom {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.brand-section .circle-content .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.brand-section .circle-content .btn-custom:hover:before {height: 550%;}
.brand-section .circle-content .btn-custom:hover {color: #ffffff;}
.category-section {padding: 100px 0 90px;position: relative;}
.category-section .category-shape {position: absolute;bottom: 0;right: 0;z-index: -1;}
.category-section .title-box {margin-bottom: 50px;}
.category-section .title-box .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;justify-content: center;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.category-section .title-box .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.category-section .category-box {position: relative;overflow: hidden;border-radius: 7px;}
.category-section .category-box .image-box img {width: 100%;height: auto;}
.category-section .category-box .content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;background: #1c1c1c;transition: .3s;transform: translateY(100px);}
.category-section .category-box .content .title {font-size: 15px;font-weight: 600;line-height: 24px;margin-bottom: 15px;font-family: "Barlow", sans-serif;text-transform: uppercase;}
.category-section .category-box .content .title a {color: #ffffff;}
.category-section .category-box .content p.desc {font-size: 14px;font-weight: 500;color: #eeeeee;line-height: 24px;margin-bottom: 10px;}
.category-section .category-box .content a.cartBtn {display: inline-block;font-size: 15px;font-weight: 700;color: #f7dc14 !important;font-family: "Barlow", sans-serif;position: relative;}
.category-section .category-box .content a.cartBtn::after {position: absolute;top: 12px;right: -35px;content: "";width: 25px;height: 2px;background: #f7dc14 !important;}
.category-section .category-box:hover .content {transform: translateY(0px);background: #aa8453;}
.category-section .category-box:hover .content p.desc {margin-bottom: 0px;}
.category-section .swiper-controls .swiper-pagination .swiper-pagination-bullet {width: 15px;height: 15px;background: transparent;border-color: #1c1c1c;}
.category-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 15px;height: 15px;background: transparent;border-color: #aa8453;opacity: 1;}
.category-section .swiper-controls .swiper-pagination .swiper-pagination-bullet:hover {border-color: #aa8453;}
.store-section {background: #f9f9f9;}
.store-section .content-wrapper {display: flex;align-items: center;height: 600px;}
.store-section .content-wrapper .inner-box {box-shadow: 0 0 8px #cccccc;margin: 90px -90px 90px 90px;position: relative;background: rgba(255,255,255,.85);padding: 50px;border-radius: 20px;}
.store-section .content-wrapper .inner-box .subTitle {font-size: 15px;font-family: "Barlow", sans-serif;text-transform: uppercase;font-weight: 700;color: #d92b2c;margin-bottom: 10px;}
.store-section .content-wrapper .inner-box .title {font-size: 24px;font-family: "Domine", serif;font-weight: 600;text-transform: uppercase;color: #151010;margin-bottom: 10px;display: inline-block;position: relative;}
.store-section .content-wrapper .inner-box .title::before {content: "";position: absolute;left: calc(100% + 6px);bottom: 15px;width: 60px;height: 3px;background: #d92b2c;}
.store-section .content-wrapper .inner-box p {font-size: 15px;font-weight: 500;color: #333333;line-height: 28px;text-align:justify;margin-bottom: 10px;}
.store-section .image-box {width: 100%;height: 600px;}
.store-section .image-box img {width: 100%;height: 100%;object-fit: cover;}
.features-section {padding: 100px 0;background: #f7f3ee;}
.features-section .title-box {margin-bottom: 50px;}
.features-section .title-box .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;justify-content: center;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.features-section .title-box .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.features-section .card .card-body {min-height:160px;display: flex;align-items: center;gap: 20px;padding: 30px;}
.features-section .card .card-body .icon {width: 80px;min-width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: #fff2e2;border-radius: 100%;border: 3px solid #aa845335;}
.features-section .card .card-body .icon img {height: 48px;}
.features-section .card .card-body .text h4 {font-size: 18px;font-family: "Barlow", sans-serif;color: #262626;font-weight: 600;line-height: 1;margin-bottom: 10px;}
.features-section .card .card-body .text p {font-size: 14px;font-weight: 500;color: #333333;line-height: 24px;text-align: justify;}
.services-section {padding: 100px 0;background: #f9f9f9;}
.services-section .title-box {margin-bottom: 50px;}
.services-section .service-box {background: #fbebee;padding: 10px;border-radius: 10px;}
.services-section .service-box .image-box img {width: 100%;height: 220px;object-fit: cover;border-radius: 10px;}
.services-section .service-box .content {padding: 15px 0 5px;}
.services-section .service-box .content .title {line-height: 1;text-align: center;text-transform: uppercase;font-family: "Barlow", sans-serif;font-size: 16px;color: #151010;margin: 0;}
.blog-section {padding: 100px 0;}
.blog-section .title-box {margin-bottom: 50px;}
.blog-section .title-box .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;justify-content: center;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.blog-section .title-box .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.blog-section .title-box .left .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.blog-section .title-box .left .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.blog-section .title-box .right .btn-custom {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.blog-section .title-box .right .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.blog-section .title-box .right .btn-custom:hover:before {height: 550%;}
.blog-section .title-box .right .btn-custom:hover {color: #ffffff;}
.blog-section .blog-box .image-thumb {overflow: hidden;position: relative;}
.blog-section .blog-box .image-thumb img:first-child {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;-webkit-transform: translateX(50%) scaleX(2);transform: translate(50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}
.blog-section .blog-box .image-thumb img {width: 100%;height: 100%;border-radius: 8px;display: block;object-fit: cover;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.blog-section .blog-box:hover .image-thumb img:first-child {transform: translate(0) scaleX(1);opacity: 1;filter: blur(0);}
.blog-section .blog-box .blog-content {padding: 20px;background-color: #ffffff;border-radius: 8px;border: 1px solid #eeeeee;margin: 0 30px;position: relative;z-index: 9;margin-top: -50px;min-height: 90px;display: flex;align-items: center;justify-content: center;}
.blog-section .blog-box .blog-content h4 {font-size: 16px;font-weight: 600;line-height: 150%;font-family: "Barlow", sans-serif;margin: 0;color: #171212;text-transform: capitalize;}
.footer-section.bg-dark {padding: 60px 0 20px;background: url(../img/resourses/footerBg.webp)  !important;}
.footer-section.bg-dark .company .logo {background: #ffffff;padding: 7px;border-radius: 7px;height: 100px;margin-bottom: 20px;}
.footer-section.bg-dark .company p {font-size: 15px;color: #cccccc;font-family: "Barlow", sans-serif;font-weight: 400;}
.footer-section.bg-dark .company .nav.social a {color: #aa8453;}
.footer-section.bg-dark .widget .widget-title {font-size: 18px;font-family: "Barlow", sans-serif;font-weight: 600;text-transform: uppercase;color: #ffffff;margin-bottom: 30px;}
.footer-section.bg-dark .widget .list-unstyled li a {font-family: "Barlow", sans-serif;text-transform: uppercase;font-size: 14px;color: #cccccc;}
.footer-section.bg-dark .widget.contect .list-unstyled li {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;}
.footer-section.bg-dark .widget.contect .list-unstyled li i {width: 40px;min-width: 40px;height: 40px;background: #aa8453;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #000000;font-size: 20px;}
.footer-section.bg-dark .widget.contect .list-unstyled li a {text-transform: inherit;font-size: 15px;color: #cccccc;}
.footer-section.bg-dark .footer-bottom {border-top: 1.5px solid rgba(155, 155, 155, 0.24);margin-top: 35px;padding-top: 15px;}
.footer-section.bg-dark .footer-bottom p {font-size: 15px;font-family: "Barlow", sans-serif;text-align: center;color: #cccccc;margin: 0;}
.progress-wrap:after {font-family: bootstrap-icons !important;content: "\f145";color: #aa8453;}
.progress-wrap svg.progress-circle path {stroke: #aa8453;}

.hero.wrapper {padding: 0;z-index: 1;position: relative;}
.hero.wrapper .swiper-slide.bg-overlay:before {background: rgba(30, 34, 40, .75);}
.hero.wrapper .hero-shape-bottom {position: absolute;bottom: -1px;left: 0;right: 0;z-index: 99;}
.hero.wrapper .hero-shape-bottom img {width: 100%;}
.hero.wrapper .hero-shape-right {position: absolute;right: 200px;top: 30px;}
.hero.wrapper .social-icon {gap: 15px;writing-mode: vertical-rl;transform: rotate(180deg) translateY(-50%);position: absolute;top: 30%;right: 90px;z-index: 99;}
.hero.wrapper .social-icon a {display: inline-block;width: 35px;height: 35px;line-height: 35px;background-color: #ffffff;color: #1c1c1c;border-radius: 50%;text-align: center;transform: rotate(-180deg);}
.hero.wrapper .social-icon span {color: #ffffff;font-family: 'Barlow';font-weight: 400;}
.hero.wrapper .hero-info {display: flex;align-items: center;gap: 30px;writing-mode: vertical-rl;transform: rotate(180deg) translateY(-50%);position: absolute;top: -25%;left: 90px;z-index: 99;}
.hero.wrapper .hero-info li {color: #ffffff;display: flex;align-items: center;gap: 10px;}
.hero.wrapper .hero-info li a {color: #ffffff;}
.hero.wrapper .hero-content {width: 100%;max-width: 970px;margin: 0 auto;position: absolute;top: 50%;left: 50%;z-index: 99;display: flex;flex-direction: column;justify-content: center;align-items: center;transform: translate(-50%, -50%);}
.hero.wrapper .hero-content span {color: #aa8453;display: inline-block;margin-bottom: 20px;font-size: 15px;font-weight: 700;font-family: "Barlow", sans-serif;text-transform: uppercase;}
.hero.wrapper .hero-content h1.title {font-size: 72px;font-weight: 400;line-height: 112%;font-family: "Gilda Display", sans-serif;color: #ffffff;}
.hero.wrapper .hero-content p.desc {font-weight: 400;max-width: 870px;opacity: 0.9;font-family: "Barlow", sans-serif;color: #ffffff;}
.hero.wrapper .hero-content .hero-button {display: flex;align-items: center;margin-top: 48px;gap: 20px;justify-content: center;}
.hero.wrapper .hero-content .btn-custom {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.hero.wrapper .hero-content .btn-custom::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #ffffff;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.hero.wrapper .hero-content .btn-custom:hover:before {height: 550%;}
.hero.wrapper .hero-content .btn-custom:hover {color: #1c1c1c;}
.hero.wrapper .hero-content .btn-custom-2 {background: transparent;border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;outline: none !important;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.hero.wrapper .hero-content .btn-custom-2::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #aa8453;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.hero.wrapper .hero-content .btn-custom-2:hover:before {height: 550%;}
.hero.wrapper .swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {content: "\f138";font-family: bootstrap-icons !important;}
.hero.wrapper .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {content: "\f12f";font-family: bootstrap-icons !important;}

.services-section .title-box .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;justify-content: center;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.services-section .title-box .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}
.services-section .restaurants-box {width: 100%;height: auto;border-radius: 10px;border: 1px solid #cccccc;background: #ffffff;padding: 20px;}
.services-section .restaurants-box img {width: 100%;height: auto;border-radius: 10px;}
.services-section .swiper-controls .swiper-pagination .swiper-pagination-bullet {width: 15px;height: 15px;background: transparent;border-color: #1c1c1c;}
.services-section .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 15px;height: 15px;background: transparent;border-color: #aa8453;opacity: 1;}
.services-section .swiper-controls .swiper-pagination .swiper-pagination-bullet:hover {border-color: #aa8453;}

.breadcrumb-wrapper .breadcrumb-shape img {width: 100%;}
.bookingPopup .modal-body .btn-close:before {content: "\f62a";font-family: bootstrap-icons !important;}
.bookingPopup .modal-body .btn.btn-primary {border: 1px solid #aa8453;min-width: 190px;display: inline-block;vertical-align: middle;-webkit-appearance: none;border: none;outline: none !important;background-color: #aa8453;color: #fff;font-weight: 500;font-family: "Barlow", sans-serif;padding: 19px 35px;transition: 500ms;text-transform: uppercase;font-size: 16px;line-height: 1;position: relative;overflow: hidden;text-align: center;z-index: 1;border-radius: 4px;}
.bookingPopup .modal-body .btn.btn-primary::before {content: "";position: absolute;top: 0;left: -16px;z-index: -1;right: 0;bottom: 0;width: 130%;height: 0%;margin: auto;transform: rotate(-45deg);background-color: #1c1c1c;transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.bookingPopup .modal-body .btn.btn-primary:hover:before {height: 550%;}
.bookingPopup .modal-body .btn.btn-primary:hover {color: #ffffff;}

.brand-details-section {padding: 90px 0 60px !important;}
.brand-details-section .logo-box {text-align: center;}
.store-gallery-section {padding: 60px 0 0 !important;}
.feature-section {padding: 60px 0 !important;}

/*CUSTOM CUSSOR STYLE*/
.cursor-outer {-webkit-margin-start: -12px;margin-inline-start: -12px;margin-top: -12px;width: 30px;height: 30px;border: 1px solid #aa8453;background-color: #aa8453;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 10000000;opacity: 0.34;-webkit-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
.cursor-outer.cursor-hover {opacity: 0.14;}
.cursor-outer.cursor-big {opacity: 0;}
.mouseCursor {position: fixed;top: 0;inset-inline-start: 0;inset-inline-end: 0;bottom: 0;pointer-events: none;border-radius: 50%;-webkit-transform: translateZ(0);transform: translateZ(0);visibility: hidden;text-align: center;}
.mouseCursor.cursor-big {width: 20px;height: 20px;-webkit-margin-start: -12px;margin-inline-start: -12px;margin-top: -12px;}
.cursor-inner {-webkit-margin-start: -3px;margin-inline-start: -3px;margin-top: -3px;width: 10px;height: 10px;z-index: 10000001;background-color: #aa8453;opacity: 1;-webkit-transition: all 0.24s ease-out 0s;transition: all 0.24s ease-out 0s;}
.cursor-inner span {color: var(--gt-text);line-height: 60px;opacity: 0;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;}
.cursor-inner.cursor-big span {opacity: 1;}
.cursor-inner.cursor-hover {-webkit-margin-start: -10px;margin-inline-start: -10px;margin-top: -10px;width: 30px;height: 30px;background-color: #aa8453;border: 1px solid #686363;opacity: 0;}

.feature-section .feature-inner .item.social-media .text h4 {margin-bottom: 12px;}
.feature-section .feature-inner .item.social-media .text nav {display: flex;align-items: center;gap: 12px;}
.feature-section .feature-inner .item.social-media .text nav a {font-size: 18px;background: #1c1c1c;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 3px;color: #aa8453;}

.blog-section .blog-box {background: #e9e9e9;padding: 10px;border-radius: 10px;border: 1px solid #cccccc;}
.blog-section .blog-box .image-thumb {width: 100%;height: 250px;margin-top: -20px;}
.blog-section .blog-box .image-thumb img {width: 100%;height: 100%;object-fit:cover;}
.blog-section .blog-box .blog-content {padding: 10px 0 0;background-color: transparent;border-radius: 0;border: none;margin:0 !important;min-height:auto;}

.brand-section .circle.lg-block {display:block;}
.brand-wraper.md-block {display:none;}

.btnFixed {position: fixed;text-align: center;right: -90px;line-height: 45px;color: white;font-weight: 400;font-size: 18px;min-width: 138px;top: 45%;z-index: 999;transform: rotate(90deg);}
.btnFixed a {background: #000000;padding: 7px 20px;border-radius: 30px;font-size: 14px;color: #ffffff;text-transform: uppercase;}

.gallery-section {padding: 100px 0;background: #f9f9f9;}
.gallery-section .title-box {margin-bottom: 50px;}
.gallery-section .title-box .subTitle {font-size: 18px;font-weight: 400;letter-spacing: 0.5px;line-height: 1;color: #aa8453;font-family: "Gilda Display", sans-serif;position: relative;display: flex;justify-content: center;margin-bottom: 20px;gap: 10px;text-transform: uppercase;}
.gallery-section .title-box .title {text-transform: capitalize;font-size: 42px;font-weight: 500;line-height: 117%;font-family: "Gilda Display", sans-serif;color: #1c1c1c;}

@media screen and (min-device-width: 1080px) and (max-device-width: 1400px) {
    .headerWraper .navbar .navbar-nav li + li {margin-left: 30px !important;}
    .about-section .about-content .section-title .title {font-size: 36px;}
    .about-section .about-image-items .about-image .about-image-2 {max-width: 300px;right: -90px;bottom: -80px;}
    .about-section .about-content p {font-size: 15px;line-height: 28px;}
    .category-section .title-box .title {font-size: 36px;}
    .category-section .category-box .content {transform: translateY(150px);}
    .category-section .category-box:hover .content p.desc {margin-bottom: 0px;font-size: 13px;line-height: 24px;}
    .features-section .title-box .title {font-size: 36px;}
    .features-section .card .card-body {min-height: 185px;}
    .services-section .title-box .title {font-size: 36px;}
    .blog-section .title-box .left .title {font-size: 36px;}
    .vision-section .vision-box {min-height: 265px !important;}
    .about-details .about-content .section-title .title {font-size: 36px !important;}
    .about-details .about-content p {font-size: 15px !important;line-height: 28px !important;}
    .core-value-section .core-value-content .icon-list.bullet-bg li {line-height: 24px !important;}
    .core-value-section .core-value-content .icon-list.bullet-bg li+li {margin-top: 10px !important;}
}

@media screen and (min-device-width: 668px) and (max-device-width: 991px) {
	.brand-section .circle .circle-container {left: -17% !important;}
}

@media (max-width: 767px){
	.offcanvas .offcanvas-header img {height: 80px;background: #ffffff;border-radius: 10px;padding: 5px;}
	.offcanvas .offcanvas-header .btn-close-white:before {content: "\f62a";font-family: bootstrap-icons !important;}
	.offcanvas .offcanvas-body .navbar-nav li + li {margin-left: 0;}
	.offcanvas .offcanvas-body .navbar-nav li a {padding: 9px 0 !important;border-bottom: 1px solid #ffffff;}
	.headerWraper .container-fluid {padding: 0 10px;}
	.navbar.navbar-stick .container-fluid {padding: 0 10px;}
	.navbar-expand-lg .navbar-brand {padding-top: 0;padding-bottom: 0;}
	.hero.wrapper {padding: 0;}
	.hero.wrapper .swiper-container .swiper img {width: 100%;height: 450px;}
	.hero.wrapper .hero-content {width: 100%;max-width: 90%;}
	.hero.wrapper .hero-shape-bottom img {width: 100%;}
	.hero.wrapper .hero-info {display: none;}
	.hero.wrapper .social-icon {display: none !important;}
	.hero.wrapper .hero-content span {margin-bottom: 10px;font-size: 12px;}
	.hero.wrapper .hero-content h1.title {font-size: 20px;line-height: 150%;}
	.hero.wrapper .hero-content p.desc {font-size: 14px;max-width: 100%;opacity: 1;}
	.hero.wrapper .hero-content .hero-button {margin-top: 25px;gap: 10px;}
	.hero.wrapper .hero-content .btn-custom {min-width: 150px;padding: 15px 25px;font-size: 14px;}
	.hero.wrapper .hero-content .btn-custom-2 {min-width: 150px;padding: 15px 20px;font-size: 14px;}
	.hero.wrapper .swiper-controls {display: none !important;}
	.about-section {padding: 60px 0 90px;}
	.about-section .about-image-items .about-image .about-image-2 {max-width: 200px;position: absolute;right: 0;bottom: -30px;}
    .about-section .about-content {margin-bottom: 30px;}
    .about-section .about-content .section-title .subTitle {font-size: 16px;}
    .about-section .about-content .section-title .title {font-size: 30px;font-weight: 500;line-height: 134%;}
    .brand-section .circle .circle-container {left: -35% !important;border: 150px solid hsla(0, 0%, 100%, 0.35);width: 42.875rem;height: 46.875rem;}
    .brand-section .circle-content {bottom: 50px;width: 90%;}
    .brand-section .circle-content img {height: 100px;margin-bottom: 10px;}
	.brand-section .circle-content .title {font-size: 20px;font-weight: 700;}
	.brand-section .circle-content p {font-size: 14px;line-height: 24px;margin-bottom: 15px;}
	.category-section {padding: 60px 0;}
	.category-section .title-box .subTitle {font-size: 16px;}
	.category-section .title-box .title {font-size: 30px;}
	.category-section .category-box {margin-bottom: 30px;}
	.category-section .category-box .content {transform: translateY(100px);}
	.features-section {padding: 60px 0;}
	.features-section .title-box .subTitle {font-size: 16px;}
	.features-section .title-box .title {font-size: 30px;}
	.features-section .card .card-body {min-height: auto;flex-direction: column;align-items: start;gap: 20px;padding: 30px;}
	.category-section {padding: 60px 0;}
	.services-section {padding: 60px 0;}
	.services-section .title-box .title {font-size: 30px;}
	.blog-section {padding: 60px 0;}
	.blog-section .title-box {flex-direction: column;align-items: start;}
	.blog-section .title-box .left .subTitle {font-size: 16px;}
	.blog-section .title-box .left .title {font-size: 30px;}
	.blog-section .blog-box {margin-bottom: 30px;}
	.breadcrumb-wrapper .page-heading {padding: 60px 0 90px !important;}
	.breadcrumb-wrapper .page-heading h1 {font-size: 30px !important;}
	
	.brand-section .circle.lg-block {display:none;}
	.brand-wraper.md-block {display: flex;flex-wrap: wrap;}
    .brand-wraper.md-block .item {flex: 0 0 auto;width: 50%;padding: 10px;}
	.brand-wraper.md-block .item img {width: 100%;border-radius: 10px;}
	.brand-section .circle .circle-container li {height: 50px;}
	.store-gallery-section .reel-box iframe {height: 550px !important;margin-bottom: 20px;}
}

@media screen and (min-device-width: 600px) and (max-device-width: 667px) {
	.brand-section .circle .circle-container {left: -25% !important;}
}

@media screen and (min-device-width: 500px) and (max-device-width: 599px) {
	.brand-section .circle .circle-container {left: -35% !important;}
}

@media screen and (min-device-width: 400px) and (max-device-width: 499px) {
	.brand-section .circle .circle-container {left: -45% !important;}
}
@media screen and (min-device-width: 360px) and (max-device-width: 399x) {
	.brand-section .circle .circle-container {left: -50% !important;}
}