/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel

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

*{
box-sizing: border-box;
}


:root {
--wallpi-font: "Inter", sans-serif;
--wallpi-heading-font: "Pathway Extreme", sans-serif;
--wallpi-special-font: "Kumbh Sans", sans-serif;
--wallpi-text: #2a2826;
--wallpi-text-rgb: 42, 40, 38;
--wallpi-text2: #0f0e0e;
--wallpi-text2-rgb: 15, 14, 14;
--wallpi-text3: #172000;
--wallpi-text3-rgb: 23, 32, 0;
--wallpi-text-dark: #241c14;
--wallpi-text-dark-rgb: 36, 28, 20;
--wallpi-text-gray: #716a63;
--wallpi-text-gray-rgb: 113, 106, 99;
--wallpi-text-gray2: #565555;
--wallpi-text-gray2-rgb: 86, 85, 85;
--wallpi-text-gray-dark: #4a4444;
--wallpi-text-gray-dark-rgb: 74, 68, 68;
--wallpi-text-gray2-dark: #786d69;
--wallpi-text-gray2-dark-rgb: 120, 109, 105;
--wallpi-text-white: #fff;
--wallpi-text-white-rgb: 255, 255, 255;
--wallpi-text-white2: #d3d0cd;
--wallpi-text-white2-rgb: 211, 208, 205;
--wallpi-text-dark2-white: #bdbdbc;
--wallpi-text-dark2-white-rgb: 189, 189, 188;
infina-base: #d18548;
infina-base-rgb: 209, 133, 72;
infina-gray: #f9f6f1;
infina-gray-rgb: 249, 246, 241;
--wallpi-white: #fff;
--wallpi-white-rgb: 255, 255, 255;
--wallpi-black: #2a2826;
--wallpi-black-rgb: 42, 40, 38;
--wallpi-black2: #4a3626;
--wallpi-black2-rgb: 74, 54, 38;
--wallpi-black3: #000;
--wallpi-black3-rgb: 0, 0, 0;
--wallpi-lightpink: #ece4de;
--wallpi-lightpink-rgb: 236, 228, 222;
--wallpi-lightpink2: #f5ebe4;
--wallpi-lightpink2-rgb: 245, 235, 228;
--wallpi-border-color: #3c3a39;
--wallpi-border-color-rgb: 60, 58, 57;
--wallpi-letter-space: 0.1em;
--wallpi-letter-space-xl: 0.2em;
}

@font-face {
font-family: "myriadpro";
src: url("../font/MYRIADPRO-REGULAR.OTF");

font-style: normal;
}


/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.mt-20 {
margin-top: 20px;
}

.mt-30 {
margin-top: 30px;
}

.mt-40 {
margin-top: 40px;
}

.mt-50 {
margin-top: 50px;
}

.mt-60 {
margin-top: 60px;
}

.mt-80 {
margin-top: 80px;
}

.mt-120 {
margin-top: 120px;
}

.mt--60 {
margin-top: -60px;
}

.mt--120 {
margin-top: -120px;
}

.mb-20 {
margin-bottom: 20px;
}

.mb-30 {
margin-bottom: 30px;
}

.mb-40 {
margin-bottom: 40px;
}

.mb-50 {
margin-bottom: 50px;
}

.mb-60 {
margin-bottom: 60px;
}

.mb-80 {
margin-bottom: 80px;
}

.mb-120 {
margin-bottom: 120px;
}

.mb--60 {
margin-bottom: -60px;
}

.mb--120 {
margin-bottom: -120px;
}

.pt-20 {
padding-top: 20px;
}

.pt-30 {
padding-top: 30px;
}

.pt-40 {
padding-top: 40px;
}

.pt-50 {
padding-top: 50px;
}

.pt-60 {
padding-top: 60px;
}

.pt-80 {
padding-top: 80px;
}

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

.pt-110 {
padding-top: 110px;
}

.pt-115 {
padding-top: 115px;
}

.pt-120 {
padding-top: 120px;
}

.pt-142 {
padding-top: 142px;
}

.pb-20 {
padding-bottom: 20px;
}

.pb-30 {
padding-bottom: 30px;
}

.pb-40 {
padding-bottom: 40px;
}

.pb-50 {
padding-bottom: 50px;
}

.pb-60 {
padding-bottom: 60px;
}

.pb-80 {
padding-bottom: 80px;
}

.pb-90 {
padding-bottom: 90px;
}

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

.pb-110 {
padding-bottom: 110px;
}

.pb-115 {
padding-bottom: 115px;
}

.pb-120 {
padding-bottom: 120px;
}

.pl-5 {
padding-left: 5px;
}

.pl-10 {
padding-left: 10px;
}

.pl-15 {
padding-left: 15px;
}

.pl-20 {
padding-left: 20px;
}

.pl-30 {
padding-left: 30px;
}

.pr-5 {
padding-right: 5px;
}

.pr-10 {
padding-right: 10px;
}

.pr-15 {
padding-right: 15px;
}

.pr-20 {
padding-right: 20px;
}

.pr-30 {
padding-right: 30px;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
font-family: "Inter", sans-serif;
color: #2a2826;
font-size: 16px;
line-height: 2.125;
font-weight: 400;
padding: 0px !important;
overflow: inherit !important;
margin:0 !important;
}

body.locked {
overflow: hidden;
}

a {
color:  #e8a225;
transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}

::placeholder {
color: inherit;
opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Pathway Extreme", sans-serif;
color: #241c14;
}
@media (max-width: 575px) {
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
}

@media (max-width: 575px) {
p br {
display: none;
}
}

::placeholder {
color: inherit;
opacity: 1;
}

.background-base {
background-color: var(infina-base, #d18548);
}

.background-gray {
background-color: var(infina-gray, #f9f6f1);
}

.background-black {
background-color: #2a2826;
}

.background-black-2 {
background-color: #4a3626;
}

.background-black-3 {
background-color: #000;
}

/* .wallpi-text-dark {
color: #241c14;
} */

.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}

.container-fluid,
.container {
padding-left: 15px;
padding-right: 15px;
}

@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.row {
--bs-gutter-x: 30px;
}

.gutter-y-10 {
--bs-gutter-y: 10px;
}

.gutter-y-15 {
--bs-gutter-y: 15px;
}

.gutter-y-20 {
--bs-gutter-y: 20px;
}

.gutter-y-30 {
--bs-gutter-y: 30px;
}

.gutter-y-60 {
--bs-gutter-y: 60px;
}

.wallpi-btn {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
border: none;
outline: none !important;
background-color: #2a2826;
color: #fff;
font-size: 14px;
font-weight: 600;
font-family: "Pathway Extreme", sans-serif;
padding: 16.25px 48px;
transition: 500ms;
text-transform: uppercase;
height: 40px;
background-color: #2a2826;
color: #fff;
position: relative;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.wallpi-btn:hover {
color: #2a2826;
background-color: #fff;
}
.wallpi-btn::before {
content: "";
position: absolute;
top: -50%;
left: 50%;
transform: translateX(-50%);
width: 150%;
height: 150%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
background-color: #2a2826;
transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.wallpi-btn::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 150%;
height: 150%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
background-color: #402a1d;
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.wallpi-btn:hover {
color: #2a2826;
}
.wallpi-btn:hover::before {
top: 100%;
}
.wallpi-btn:hover::after {
bottom: -50%;
}
.wallpi-btn span {
position: relative;
color: inherit;
z-index: 2;
color: #fff;
}
.wallpi-btn--black:hover {
color: #fff;
}
.wallpi-btn--black::after {
background-color: var(infina-base, #d18548);
}
.wallpi-btn--black::before {
background-color: #2a2826;
}
.wallpi-btn--base:hover {
color: #fff;
}
.wallpi-btn--base::after {
background-color: #2a2826;
}
.wallpi-btn--base::before {
background-color: var(infina-base, #d18548);
}

.tabs-box .tabs-content .tab:not(.active-tab) {
display: none;
}

.bootstrap-select .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
border-radius: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
background-color: var(infina-base, #d18548);
}

.tns-outer .tns-controls {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.tns-outer .tns-controls button {
width: 45px;
height: 45px;
border: 2px solid #f4f4f4;
outline: none;
display: flex;
justify-content: center;
align-items: center;
color: #2a2826;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
}

.block-title {
margin-top: -8px;
margin-bottom: 50px;
}
.block-title__decor {
width: 21px;
height: 14px;
background-image: url(../images/shapes/leaf-1-1.html);
background-repeat: no-repeat;
background-position: top center;
display: inline-block;
line-height: 1;
margin-bottom: -5px;
position: relative;
top: -7px;
}
.block-title p {
margin: 0;
color: #2a2826;
font-size: 16px;
line-height: 1;
margin-bottom: 7px;
}
@media (min-width: 768px) {
.block-title p {
font-size: 18px;
}
}
@media (min-width: 992px) {
.block-title p {
font-size: 20px;
}
}
.block-title h3 {
margin: 0;
font-size: 35px;
color: #2a2826;
font-family: "Kumbh Sans", sans-serif;
}
@media (min-width: 768px) {
.block-title h3 {
font-size: 42px;
}
}
@media (min-width: 992px) {
.block-title h3 {
font-size: 50px;
}
}

.ul-list-one {
margin-bottom: 0;
}
.ul-list-one li {
position: relative;
padding-left: 45px;
font-size: 16px;
font-weight: 500;
color: #2a2826;
}
@media (min-width: 481px) {
.ul-list-one li {
font-size: 95px;
}
}
.ul-list-one li::before {
content: "\e907";
color: var(infina-base, #d18548);
font-size: 26px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-family: "azino-icon";
}

.preloader {
position: fixed;
background-color: #2a2826;
background-position: center center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9991;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
}
.preloader__image {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-repeat: no-repeat;
background-position: center center;
background-size: 60px auto;
width: 100%;
height: 100%;
}

/* scroll to top */
.scroll-to-top {
display: flex;
align-items: center;
width: auto;
height: 35px;
background: transparent;
position: fixed;
bottom: 60px;
right: -12px;
z-index: 99;
text-align: center;
opacity: 0;
visibility: hidden;
transform: rotate(-90deg);
cursor: pointer;
transition: all 0.2s ease;
}
.scroll-to-top__text {
display: inline;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 700;
margin-right: 8px;
}
.scroll-to-top__wrapper {
display: inline-block;
width: 30px;
height: 4px;
background-color: #e8a225;
position: relative;
overflow: hidden;
}
.scroll-to-top__inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #2a2826;
}
.scroll-to-top.show {
opacity: 1;
visibility: visible;
bottom: 70px;
}

/* post paginations */
.post-pagination {
margin-bottom: 0;
margin-top: 0px;
}
@media (min-width: 992px) {
.post-pagination {
margin-top: 0px;
}
}
.post-pagination a {
display: flex;
width: 45px;
height: 45px;
background-color: #eff2f6;
align-items: center;
justify-content: center;
color: #2a2826;
font-size: 16px;
font-weight: 500;
border-radius: 50%;
transition: 500ms ease;
}
@media (min-width: 992px) {
.post-pagination a {
width: 60px;
height: 60px;
font-size: 18px;
}
}
.post-pagination a:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.post-pagination li:first-child a {
background-color: var(infina-base, #d18548);
color: #fff;
}
.post-pagination li:last-child a {
background-color: #2a2826;
color: #fff;
}
.post-pagination li + li {
margin-left: 10px;
}

/* .wallpi-owl__carousel--with-shadow .owl-stage-outer {
overflow: visible;
}
.wallpi-owl__carousel--with-shadow .owl-item {
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease, visibility 500ms ease;
}
.wallpi-owl__carousel--with-shadow .owl-item.active {
opacity: 1;
visibility: visible;
}

.wallpi-owl__carousel--basic-nav.owl-carousel .owl-nav {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 60px;
border-radius: 9px;
overflow: hidden;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-nav button {
border: none;
outline: none;
border-radius: 50%;
margin: 0;
padding: 0;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
border: none;
outline: none;
width: 89px;
height: 102px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #2a2826;
font-size: 32px;
color: #2a2826;
transition: all 500ms ease;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-nav button span:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 0 10px;
margin-top: 50px;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {
background-color: #dedede;
border: 2px solid #dedede;
margin: 0;
width: 12px;
height: 12px;
border-radius: 50%;
display: block;
transition: all 0.5s ease;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span, .wallpi-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span {
background-color: transparent;
border-color: var(infina-base, #d18548);
width: 16px;
height: 16px;
}
.wallpi-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
margin-top: 50px;
} */

.sec-title {
padding-bottom: 25px;
text-align: center;
}
.sec-title__img {
display: inline-flex;
margin-bottom: 15px;
}
.sec-title__tagline {
margin: 0;
font-family: "Inter", sans-serif;
color: #e3b322;
font-weight: 500;
font-size: 15px;
line-height: 1;
/* text-transform: uppercase;
text-align: center; */
position: relative;
padding-bottom: 2px;
text-transform: uppercase;
background-image:linear-gradient(147deg, #e8a225 30%, #3f2a1d, #e8a225, #40291cad, #e8a225, #40291c);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
/* background: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78); */
}

@keyframes textclip{
100% {
background-position: 200% center;
}
}
@media (max-width: 991px) {
.sec-title__tagline {
font-size: 13px;
padding: 30px 0px 0px 0px;
text-align: center;
}
}
.sec-title__tagline::after, .sec-title__tagline::before {
content: "";
position: absolute;
width: 111px;
height: 1px;
border-bottom: 1px solid  #e3b322;
border-left: 1px solid  #e3b322;
left: 0;
right: 0;
bottom: -2px;
margin: 0 auto;
}
.sec-title__tagline::before {
width: 51px;
bottom: 0;
}
.sec-title__title {
margin: 10px 0px 20px 0px;
text-align: center;
font-weight: 700;
color: #241c14;
font-size: 45px;
line-height: 70px;
margin-top: 13px;
}
.sec-title__title-1 {
margin: 0;
text-align: center;
font-weight: 700;
color: #241c14;
/* font-size: 45px; */
/* line-height: 70px; */
margin-top: 13px;
}
@media (max-width: 991px) {
.sec-title__title {
font-size: 48px;
line-height: 52px;
margin-top: 6px;
}
}
@media (max-width: 767px) {
.sec-title__title {
font-size: 20px;
line-height: 30px;
}
.sec-title__title > br {
display: none;
}
}

.ui-datepicker .ui-datepicker-header {
background-image: none;
background-color: #2a2826;
color: #fff;
font-family: "Inter", sans-serif;
}

.ui-datepicker-calendar th span {
font-family: "Inter", sans-serif;
}
.ui-datepicker-calendar td {
background-color: var(infina-gray, #f9f6f1);
background-image: none;
font-family: "Inter", sans-serif;
color: #2a2826;
}
.ui-datepicker-calendar td a {
border-color: #2a2826);
background-color: var(infina-gray, #f9f6f1);
background-image: none;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
border-color: #2a2826);
background-color: var(infina-gray, #f9f6f1);
background-image: none;
color: #2a2826;
padding: 10px 5px;
text-align: center;
line-height: 1em;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {
color: #fff;
background-color: var(infina-base, #d18548);
}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
color: #fff;
background-color: var(infina-base, #d18548);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
background-image: none;
background-color: #fff;
color: #2a2826;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
background-color: var(infina-base, #d18548);
color: #fff;
top: 2px;
}

.ui-datepicker .ui-datepicker-prev:hover {
left: 2px;
}

.ui-datepicker .ui-datepicker-next:hover {
right: 2px;
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
position: relative;
background-color: #2a2826;
padding: 100px 0;
}
.video-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2a2826;
background-size: cover;
background-position: center center;
opacity: 0.5;
}
.video-one .container {
position: relative;
text-align: center;
}
.video-one__btn {
width: 145px;
height: 145px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: relative;
}
.video-one__btn .video-popup {
font-size: 24px;
color: #fff;
transition: all 500ms ease;
position: relative;
z-index: 10;
}
.video-one__btn .video-popup:hover {
color: var(infina-base, #d18548);
}
.video-one__btn .curved-circle {
position: absolute;
top: 0;
left: 0;
width: 145px;
height: 145px;
transform-origin: center center;
display: flex;
justify-content: center;
align-items: center;
animation: textRotate 15s linear 0s forwards infinite alternate;
}
.video-one__btn .curved-circle--item {
width: 145px;
}
.video-one__btn .curved-circle--item span {
text-transform: uppercase;
font-size: 14px;
color: #fff;
letter-spacing: 0.4em;
}
.video-one__title {
margin: 0;
text-transform: uppercase;
color: #fff;
font-size: 40px;
line-height: 1.2em;
margin-bottom: 40px;
margin-top: 30px;
}
@media (min-width: 768px) {
.video-one__title {
font-size: 50px;
}
}
@media (min-width: 992px) {
.video-one__title {
font-size: 60px;
margin-top: 20px;
margin-bottom: 35px;
}
}
.video-one__link::before {
background-color: var(infina-base, #d18548);
}

.video-two {
position: relative;
background-color: #2a2826;
padding: 143px 0 320px;
}
@media (max-width: 767px) {
.video-two {
padding: 100px 0 270px;
}
.video-two .text-end {
text-align: left !important;
}
}
.video-two__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2a2826;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.5;
}
.video-two__shape {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
background-size: auto;
}
@media (max-width: 1199px) {
.video-two__shape {
display: none;
}
}
.video-two .container {
position: relative;
}
.video-two__btn {
width: 145px;
height: 145px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: relative;
margin-top: 42px;
}
.video-two__btn .video-popup {
font-size: 24px;
color: #fff;
transition: all 500ms ease;
position: relative;
z-index: 10;
}
.video-two__btn .video-popup:hover {
color: var(infina-base, #d18548);
}
.video-two__btn .curved-circle {
position: absolute;
top: 0;
left: 0;
width: 145px;
height: 145px;
transform-origin: center center;
display: flex;
justify-content: center;
align-items: center;
animation: textRotate 15s linear 0s forwards infinite alternate;
}
.video-two__btn .curved-circle--item {
width: 145px !important;
height: 145px !important;
}
.video-two__btn .curved-circle--item span {
text-transform: uppercase;
font-size: 14px;
color: #fff;
letter-spacing: 0.4em;
}
.video-two__title {
margin: 0;
text-transform: uppercase;
color: #fff;
font-size: 40px;
line-height: 1.2em;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.video-two__title {
font-size: 50px;
}
}
@media (min-width: 992px) {
.video-two__title {
font-size: 60px;
margin-bottom: 35px;
}
}
.video-two__link::before {
background-color: var(infina-base, #d18548);
}

.team-one {
padding-top: 107px;
padding-bottom: 0;
margin-bottom: -265px;
position: relative;
z-index: 2;
/* overflow: hidden; */
}
@media (max-width: 991px) {
.team-one {
padding-top: 68px;
}
}
@media (max-width: 1200px) {
.team-one .container {
max-width: 100%;
}
}
.team-one__sec-title-wrap {
gap: 0 84px;
padding-bottom: 0;
}
@media (max-width: 1200px) {
.team-one__sec-title-wrap {
flex-wrap: wrap;
padding-bottom: 45px;
}
}
.team-one .sec-title {
text-align: left;
width: calc((48.5% - 42px) / 1);
}
@media (max-width: 1200px) {
.team-one .sec-title {
width: 100%;
}
}
@media (max-width: 991px) {
.team-one .sec-title {
padding-bottom: 20px;
}
}
.team-one .sec-title__tagline::before, .team-one .sec-title__tagline::after {
margin: 0;
}
.team-one .sec-title__tagline::after {
height: 2px;
}
.team-one .sec-title__title {
text-align: left;
font-size: 60px;
line-height: 62px;
margin-top: 8px;
}
@media (max-width: 991px) {
.team-one .sec-title__title {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.team-one .sec-title__title {
font-size: 32px;
line-height: 36px;
}
}


.team-one--page {
padding-top: 120px;
padding-bottom: 120px;
margin-bottom: 0;
}
@media (max-width: 991px) {
.team-one--page {
padding-top: 68px;
padding-bottom: 82px;
}
}
.team-one--aboutpage {
margin-bottom: 0;
padding-top: 110px;
padding-bottom: 68px;
}
@media (max-width: 991px) {
.team-one--aboutpage {
padding-bottom: 72px;
padding-top: 58px;
}
}

.team-details {
padding-top: 119px;
}
@media (max-width: 767px) {
.team-details {
padding: 80px 0 0;
padding-top: 60px;
}
}
@media (max-width: 1200px) {
.team-details .container {
max-width: 100%;
}
}
.team-details__inner {
border-bottom: 1px solid #2a2826);
padding-bottom: 120px;
}
.team-details__image {
display: inline-block;
position: relative;
}
.team-details__image img {
max-width: 100%;
}
@media (min-width: 992px) {
.team-details__content {
padding-left: 70px;
}
}
.team-details__icon {
position: absolute;
left: 40px;
bottom: 40px;
background-color: var(infina-base, #d18548);
border: 20px solid #fff;
width: 220px;
padding: 30px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
.team-details__icon {
left: -96px;
}
}
.team-details__icon i {
font-size: 60px;
color: #fff;
}
.team-details__icon__text {
margin: 0;
font-size: 18px;
color: #fff;
text-transform: uppercase;
max-width: 104px;
font-weight: bold;
margin-bottom: -5px;
margin-top: 10px;
}
@media (min-width: 768px) {
.team-details__icon__text {
font-size: 20px;
}
}
@media (min-width: 992px) {
.team-details__icon__text {
font-size: 24px;
}
}
.team-details__title {
text-transform: uppercase;
margin: 0;
font-weight: bold;
font-size: 30px;
line-height: 1;
margin-top: -7px;
margin-bottom: 6px;
}
@media (min-width: 768px) {
.team-details__title {
font-size: 35px;
}
}
@media (min-width: 992px) {
.team-details__title {
font-size: 40px;
}
}
.team-details__designation {
margin: 0;
font-size: 16px;
margin-bottom: 20px;
}
.team-details__text {
margin: 0;
font-size: 15px;
line-height: 2em;
}
.team-details__highlight {
margin: 0;
text-transform: uppercase;
font-weight: bold;
color: var(infina-base, #d18548);
font-size: 20px;
font-family: "Pathway Extreme", sans-serif;
line-height: 1.3em;
margin-top: 44px;
margin-bottom: 44px;
}
.team-details__list {
margin-bottom: 0;
}
.team-details__list li {
position: relative;
font-size: 16px;
line-height: 2.25em;
padding-left: 27px;
color: #2a2826;
}
.team-details__list li > i {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 14px;
color: var(infina-base, #d18548);
}
.team-details__social {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.team-details__social a {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(infina-gray, #f9f6f1);
font-size: 14px;
color: #2a2826;
transition: all 500ms ease;
border-radius: 50%;
}
.team-details__social a:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}

.team-skills-one {
padding: 115px 0;
padding-bottom: 120px;
}
@media (max-width: 767px) {
.team-skills-one {
padding: 60px 0;
}
}
@media (max-width: 1200px) {
.team-skills-one .container {
max-width: 100%;
}
}
.team-skills-one__title {
margin: 0;
text-transform: uppercase;
font-size: 25px;
font-weight: bold;
color: #2a2826;
line-height: 1.2em;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.team-skills-one__title {
font-size: 30px;
}
}
@media (min-width: 768px) {
.team-skills-one__title {
font-size: 36px;
margin-bottom: 20px;
}
}
.team-skills-one__text {
margin: 0;
font-size: 15px;
line-height: 2em;
max-width: 500px;
width: 100%;
}
.team-skills-one__progress + .team-skills-one__progress {
margin-top: 17px;
}
.team-skills-one__progress__title {
text-transform: uppercase;
margin: 0;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.team-skills-one__progress__bar {
width: 100%;
height: 17px;
border: 1px solid #2a2826);
box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
position: relative;
}
.team-skills-one__progress__inner {
position: absolute;
height: calc(100% - 6px);
left: 4px;
top: 3px;
background-color: var(infina-base, #d18548);
transition: all 700ms linear;
width: 0px;
}
.team-skills-one__progress__number {
position: absolute;
bottom: calc(100% + 5px);
right: 0;
font-size: 14px;
font-weight: 400;
}

.team-form-one {
position: relative;
padding: 108px 0;
padding-bottom: 179px;
margin-bottom: -60px;
}
@media (max-width: 767px) {
.team-form-one {
padding: 68px 0;
padding-bottom: 115px;
}
}
.team-form-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
opacity: 0.8;
mix-blend-mode: luminosity;
}
.team-form-one .container {
position: relative;
max-width: 800px;
}
.team-form-one .sec-title {
text-align: center;
}
.team-form-one .form-one .bootstrap-select > .dropdown-toggle,
.team-form-one .form-one input[type=text],
.team-form-one .form-one input[type=email],
.team-form-one .form-one textarea {
background-color: #fff;
}
.team-form-one .form-one textarea {
height: 188px;
}
.team-form-one .wallpi-btn {
margin: 0 auto;
}


/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-one__group {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
margin: 0;
}
@media (min-width: 576px) {
.form-one__group {
grid-template-columns: repeat(2, 1fr);
}
}
.form-one__control {
border: none;
width: auto;
height: auto;
border-radius: 0;
padding: 0;
position: relative;
}
.form-one__control__icon {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
font-size: 14px;
}
.form-one__control--full {
grid-column-start: 1;
grid-column-end: -1;
}
.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
height: 58px;
display: flex;
align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle {
padding: 0;
background-color: transparent;
border-radius: 0;
border: none;
outline: none !important;
color: #2a2826;
font-size: 14px;
}
.form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type=text],
.form-one input[type=email],
.form-one textarea {
display: block;
width: 100%;
height: 58px;
background-color: var(infina-gray, #f9f6f1);
color: #2a2826;
font-size: 14px;
font-weight: 500;
border: none;
outline: none;
padding-left: 30px;
padding-right: 30px;
}
.form-one textarea {
height: 195px;
padding-top: 20px;
}
.form-one .bootstrap-select > .dropdown-toggle {
display: flex;
align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle .filter-option {
display: flex;
align-items: center;
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
width: 25px;
height: 25px;
border-radius: 100%;
border: 1px solid var(infina-base, #d18548);
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: fixed;
pointer-events: none;
left: 0;
top: 0;
-webkit-transform: translate(calc(-50% + 5px), -50%);
transform: translate(calc(-50% + 5px), -50%);
z-index: 999991;
}
.custom-cursor__cursor-two {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: var(infina-base, #d18548);
opacity: 0.3;
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
transition: width 0.3s, height 0.3s, opacity 0.3s;
z-index: 999991;
}
.custom-cursor__hover {
background-color: var(infina-base, #d18548);
opacity: 0.4;
}
.custom-cursor__innerhover {
width: 25px;
height: 25px;
opacity: 0.4;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
position: relative;
margin-top: -50px;
}
.main-footer__top {
padding-top: 100px;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.main-footer__top {
padding-top: 50px;
}
}
.main-footer__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
width: 100%;
max-width: 100%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.main-footer .container {
position: relative;
}
@media (max-width: 1200px) {
.main-footer .container {
max-width: 100%;
}
}
.copy-footer {
text-align: center;
}
.copy-footer-inner {
padding: 15px 0;
/* padding-bottom: 48px; */
border-top: 1px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.2);
}
@media (max-width: 767px) {
.copy-footer-inner {
flex-direction: column;
gap: 15px 0;
padding: 20px 0;
}
}
.main-footer__copyright {
margin: 0;
color: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.8);
font-size: 15px;
font-weight: 400;
}
.copy-footer-social {
display: flex;
align-items: center;
gap: 0 10px;
}
.copy-footer-social > a {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #2a2826;
}
.copy-footer-social > a:hover {
background-color: #402a1d;
color: #fff;
}
.copy-footer-socialtext {
color: #fff;
font-size: 16px;
font-weight: 400;
}

.footer-widget__col {
margin-bottom: 36px;
width: 25%;
}
.footer-widget__col--about {
width: 25.7%;
}
.footer-widget__col--links {
width: 17.2%;
}
.footer-widget__col--post {
width: 32%;
}
.footer-widget__col--news {
width: 25.1%;
}
@media (max-width: 991px) {
.footer-widget__col {
width: 50%;
margin-bottom: 26px;
}
}
@media (max-width: 767px) {
.footer-widget__col {
width: 100%;
}
}
.footer-widget__col__content__logo {
display: inline-flex;
margin-bottom: 23px;
}
.footer-widget__col__content__title {
color: #fff;
font-size: 20px;
line-height: 1;
font-weight: 500;
margin-bottom: 37px;
}
@media (max-width: 991px) {
.footer-widget__col__content__title {
font-size: 18px;
margin-bottom: 19px;
}
}
.list-links li {
font-size: 13px;
color: #fff;
line-height: 26px;
margin-bottom: 3px;
}
.list-links li a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
position: relative;
margin-left: 21px;
}
.list-links li a:hover {
background-size: 100% 1px;
}
.list-links li a::before, .list-links li a::after {
content: "";
position: absolute;
width: 0;
height: auto;
right: 0;
bottom: 1px;
z-index: 1;
border-bottom: 1px solid #e8a225;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
}
.list-links li a::before {
font-family: "icomoon" !important;
content: "\e90b";
width: auto;
right: initial;
top: 0;
bottom: 0;
left: -20px;
margin: auto 0;
opacity: 1;
visibility: visible;
border: 0;
display: flex;
align-items: center;
font-size: 13px;
line-height: 1;
color: inherit;
}
.list-links li a:hover {
color: #fff;
}
.list-links li a:hover::after {
width: 50%;
opacity: 1;
visibility: visible;
}
.list-links li a:hover::before {
color: #e8a225;
}
.footer-widget__col__content__text, .footer-widget__col__subscribe {
margin: 0;
color: #fff;
font-size: 16px;
line-height: 32px;
margin-bottom: 27px;
max-width: 248px;
}
.footer-widget__col__content__post-col {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.2);
padding-bottom: 22px;
margin-bottom: 25px;
}
.footer-widget__col__content__post-col:last-child {
margin-bottom: 0;
}
.footer-widget__col__content__post-img {
width: 86px;
min-width: 86px;
height: 86px;
border-radius: 50%;
overflow: hidden;
}
.footer-widget__col__content__post-img > img {
width: 100% !important;
height: 100%;
object-fit: cover;
}
.footer-widget__col__content__post-info {
width: calc((100% - 86px) / 1);
padding-left: 15px;
}
.footer-widget__col__content__post-date {
color: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.5);
font-weight: 400;
font-size: 14px;
line-height: 1;
margin-bottom: 0;
}
.footer-widget__col__content__post-date > i {
margin-right: 9px;
}
.footer-widget__col__content__post-heading {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 30px;
margin-bottom: 0;
}
.footer-widget__col__content__post-heading > a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.footer-widget__col__content__post-heading > a:hover {
background-size: 100% 1px;
}
.footer-widget__col__content__social {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.footer-widget__col__content__social a {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #4a3626;
font-size: 14px;
color: #fff;
transition: all 500ms ease;
border-radius: 50%;
}
.footer-widget__col__content__social a:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.footer-widget__col__content__subtitle {
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 32px;
margin-bottom: 27px;
}
.footer-widget__col__content__newsletter {
position: relative;
width: 100%;
}
.footer-widget__col__content__newsletter button[type=submit] {
width: 100%;
height: 58px;
border: none;
outline: none;
color: #fff;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
transition: all 500ms ease;
border-radius: 4px;
background-color: var(infina-base, #d18548);
}
.footer-widget__col__content__newsletter button[type=submit]:hover {
color: #2a2826;
background-color: #fff;
}
.footer-widget__col__content__inpfield {
position: relative;
margin-bottom: 10px;
}
.footer-widget__col__content__inpfield::before {
font-family: "icomoon" !important;
content: "\e915";
position: absolute;
height: auto;
width: auto;
top: 0;
bottom: 0;
left: 16px;
z-index: 1;
margin: auto 0;
display: flex;
align-items: center;
color: rgba(132, 132, 132, 0.7);
font-size: 20px;
line-height: 1;
}
.footer-widget__col__content__inpfield input[type=email] {
width: 100%;
display: block;
border: none;
outline: none;
height: 58px;
background-color: #fff;
color: rgba(132, 132, 132, 0.7);
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 400;
padding-left: 49px;
padding-right: 20px;
transition: all 500ms ease;
border-radius: 4px;
}
.footer-widget__col__content__inpfield input[type=email]:focus {
color: rgba(132, 132, 132, 0.7);
}
.footer-widget__col__subscribe {
font-size: 15px;
margin-bottom: 0;
margin-top: 25px;
max-width: initial;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.address-one {
padding-top: 108px;
position: relative;
z-index: 2;
margin-bottom: -190px;
}
@media (max-width: 991px) {
.address-one {
padding-top: 68px;
}
}
@media (max-width: 1200px) {
.address-one .container {
max-width: 100%;
}
}
@media (max-width: 991px) {
.address-one .sec-title {
padding-bottom: 38px;
}
}
.address-one .sec-title__title {
color: #2a2826;
font-weight: 700;
font-size: 43px;
line-height: 50px;
margin-top: 0;
margin-bottom: 27px;
}
@media (max-width: 991px) {
.address-one .sec-title__title {
font-size: 32px;
line-height: 36px;
margin-bottom: 18px;
}
}
.address-one .sec-title__text {
text-align: center;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 18px;
line-height: 30px;
}
.address-one__wrap {
background-color: var(infina-gray, #f9f6f1);
padding: 62px 25px 65px 25px;
}
@media (max-width: 767px) {
.address-one__wrap {
padding: 42px 25px;
}
}
.address-one__colwrap {
position: relative;
}
@media (max-width: 767px) {
.address-one__colwrap {
padding-bottom: 18px;
}
}
.address-one__colwrap::after {
content: "";
position: absolute;
width: 1px;
height: 100%;
right: -8px;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 1;
border-left: 1px solid rgba(var(--wallpi-text-white2-rgb, 211, 208, 205), 0.8);
}
@media (max-width: 767px) {
.address-one__colwrap::after {
width: 100%;
height: 1px;
border-left: 0;
top: initial;
margin: 0;
border-bottom: 1px solid rgba(var(--wallpi-text-white2-rgb, 211, 208, 205), 0.8);
}
}
.address-one__colwrap:last-child::after {
content: none;
}
.address-one__col {
height: 100%;
position: relative;
transition: all 0.5s ease;
}
.address-one__col:hover .address-one__icon {
background-color: var(infina-base, #d18548);
color: #fff;
}
.address-one__icon {
width: 86px;
height: 86px;
border-radius: 50%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: 39px;
font-size: 48px;
line-height: 1;
color: #2a2826;
transition: all 0.5s ease;
}
.address-one__title {
font-weight: 700;
color: #2a2826;
font-size: 24px;
line-height: 1;
margin-bottom: 12px;
}
.address-one__location {
font-weight: 500;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
.address-one__list {
margin-bottom: 0;
}
.address-one__list li {
font-weight: 500;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 16px;
line-height: 28px;
}
.address-one__list li a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.address-one__list li a:hover {
background-size: 100% 1px;
}

.contact {
position: relative;
background-color: #2a2826;
padding: 120px 0;
}
@media (max-width: 767px) {
.contact {
padding: 80px 0;
}
}
.contact__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2a2826;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.contact__shape {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
}
@media (max-width: 767px) {
.contact__shape {
background-size: cover;
}
}
.contact .sec-title__title {
color: #fff;
}
.contact .sec-title {
padding-bottom: 34px;
}
.contact__form-box {
position: relative;
display: block;
padding: 0;
}
.contact__form {
position: relative;
display: block;
}
.contact__form .row {
--bs-gutter-x: 20px;
}
.contact__input-box {
position: relative;
display: block;
margin-bottom: 16px;
}
.contact__input-box i {
position: absolute;
right: 0;
color: #fff;
top: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
z-index: -1;
}
.contact__input-box input[type=date],
.contact__input-box input[type=text],
.contact__input-box input[type=email] {
height: 62px;
width: 100%;
border: none;
background-color: transparent;
padding-left: 0;
padding-right: 0;
outline: none;
border-bottom: 2px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.15);
font-size: 14px;
color: #fff;
font-family: "Inter", sans-serif;
display: block;
font-weight: 500;
}
.contact__input-box input[type=date]#datepicker,
.contact__input-box input[type=text]#datepicker,
.contact__input-box input[type=email]#datepicker {
cursor: pointer;
}
.contact__input-box .bootstrap-select .dropdown-menu {
border: none;
}
.contact__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
position: relative;
display: block;
width: 100% !important;
font-family: "Inter", sans-serif;
}
.contact__input-box .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.contact__input-box .bootstrap-select > .dropdown-toggle {
position: relative;
height: 62px;
outline: none !important;
border-radius: 0;
border: 0;
background-color: transparent !important;
margin: 0;
padding: 0;
padding-left: 0;
padding-right: 0;
color: #fff !important;
font-size: 14px;
line-height: 60px;
font-weight: 500;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
border-bottom: 2px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.15);
}
.contact__input-box .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 600;
font-size: 14px;
color: #fff;
}
.contact__input-box .bootstrap-select .dropdown-menu > li + li > a {
border-top: 1px solid #2a2826);
}
.contact__input-box .bootstrap-select .dropdown-menu > li > a {
font-size: 14px;
font-weight: 500;
padding: 10px 30px;
color: #2a2826;
background-color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.contact__input-box .bootstrap-select .dropdown-menu > li:hover > a,
.contact__input-box .bootstrap-select .dropdown-menu > li.selected > a {
background: var(infina-base, #d18548);
color: #fff;
border-color: var(infina-base, #d18548);
}
.contact__input-box textarea {
font-size: 14px;
font-weight: 500;
color: #fff;
height: 112px;
width: 100%;
background-color: transparent;
font-family: "Inter", sans-serif;
padding: 0;
border: none;
outline: none;
margin-bottom: 0px;
border-bottom: 2px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.15);
}
/* .contact__input-box.text-message-box {
height: 112px;
margin-top: 21px;
margin-bottom: 18px;
} */

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar-one {
display: none;
background-color: var(infina-gray, #f9f6f1);
}
@media (min-width: 768px) {
.topbar-one {
display: block;
}
}
.topbar-one .container-fluid {
max-width: 1810px;
}
.topbar-one__inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: end;
/* height: 40px; */
}
.topbar-one__quick_support {
background-color: #c67636;
background-image: url("../images/shapes/topbar-bg1-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: left -70px top;
display: flex;
align-items: center;
padding: 3px 31px 0px 0;
position: relative;
}
@media (max-width: 1200px) {
.topbar-one__quick_support {
padding-right: 15px;
}
}
.topbar-one__quick_support::before {
content: "";
position: absolute;
width: 600%;
height: 100%;
top: 0;
right: 99.5%;
z-index: 1;
background-color: #c67636;
background-image: url("../images/shapes/topbar-bg1-1.jpg");
background-repeat: repeat;
background-size: contain;
background-position: right top;
}
.topbar-one__quick_call {
position: relative;
z-index: 2;
display: flex;
align-items: center;
font-size: 16px;
line-height: 1;
color: #fff;
margin-bottom: 0;
}
.topbar-one__quick_call > i {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #2a2826;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
transition: all 0.5s;
font-size: 24px;
}
.topbar-one__quick_call > span {
padding-left: 12px;
transition: all 0.5s;
}
.topbar-one__quick_call > a {
color: #fff;
margin-left: 6px;
display: block;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.topbar-one__quick_call > a:hover {
/* background-size: 100% 1px; */
}
.topbar-one__right {
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.topbar-one__right {
margin-top: 0;
/* margin-left: auto; */
}
}
@media (max-width: 991px) {
.topbar-one__right {
display: none;
}
}
.topbar-one__info {
display: flex;
align-items: center;
margin: 0;
}
.topbar-one__info__item {
display: flex;
align-items: center;
font-size: 16px;
line-height: 1;
color: #2a2826;
padding: 0 21px;
}
@media (max-width: 1200px) {
.topbar-one__info__item {
padding: 0 12px;
}
}
.topbar-one__info__item a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.topbar-one__info__item a:hover {
background-size: 100% 1px;
}
.topbar-one__info__item:first-child {
padding-left: 0;
}
.topbar-one__info__item:last-child {
padding-right: 0;
}
.topbar-one__info__item + .topbar-one__info__item {
border-left: 1px solid rgba(var(infina-base-rgb, 209, 133, 72), 0.6);
}
.topbar-one__info__icon {
font-size: 27px;
color: var(infina-base, #d18548);
left: 1px;
position: relative;
top: 0;
margin-right: 11px;
}
.topbar-one__info__icon--size {
font-size: 21px;
}
@media (max-width: 1200px) {
.topbar-one__info__icon {
margin-right: 9px;
}
}
.topbar-one__social {
display: flex;
align-items: center;
/* padding: 5px 0; */
/* padding-left: 15px; */
line-height: 1em;
}
@media (max-width: 1200px) {
.topbar-one__social {
padding-left: 16px;
}
}
@media (max-width: 1023px) {
.topbar-one__social {
display: none;
}
}
.topbar-one__social a {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
color: #d3d0cd;
transition: all 500ms ease;
background-color: #2a2826;
}
.topbar-one__social a + a {
margin-left: 10px;
}
@media (max-width: 1200px) {
.topbar-one__social a + a {
margin-left: 8px;
}
}
.topbar-one__social a > i {
transition: all 0.5s ease;
}
.topbar-one__social a:hover {
background-color: #e8a225;
color: #fff;
}
.topbar-one__social a:hover > i {
transform: rotateX(-360deg);
}
.topbar-one--two {
background-color: #2a2826;
}
@media (max-width: 991px) {
.topbar-one--two .topbar-one__info {
display: none;
}
}
.topbar-one--two .topbar-one__info__icon,
.topbar-one--two .topbar-one__info__item {
color: #d3d0cd;
}
.topbar-one--two .topbar-one__info__item {
padding: 0 35px;
}
@media (max-width: 1200px) {
.topbar-one--two .topbar-one__info__item {
padding: 0 12px;
}
}
.topbar-one--two .topbar-one__info__item:first-child {
padding-left: 0;
}
.topbar-one--two .topbar-one__info__item:last-child {
padding-right: 0;
}
.topbar-one--two .topbar-one__info__item + .topbar-one__info__item {
border-left-color: #d3d0cd;
}
@media (max-width: 991px) {
.topbar-one--two .topbar-one__right {
display: block;
}
}
.topbar-one--two .topbar-one__quick_support {
background-image: none;
background-color: transparent;
padding-right: 0;
}
.topbar-one--two .topbar-one__quick_support::before {
content: none;
}
.topbar-one--two .topbar-one__quick_call,
.topbar-one--two .topbar-one__quick_call > a,
.topbar-one--two .topbar-one__quick_call > i {
color: #d3d0cd;
}
.topbar-one--two .topbar-one__quick_call > i {
background-color: #363433;
}
.topbar-one--two .topbar-one__quick_call:hover > span, .topbar-one--two .topbar-one__quick_call:hover > a {
color: var(infina-base, #d18548);
}
.topbar-one--two .topbar-one__quick_call:hover > i {
color: #fff;
background-color: var(infina-base, #d18548);
}
.topbar-one--two .topbar-one__social {
padding-left: 35px;
}
.topbar-one--two .topbar-one__social a {
background-color: #454341;
}
.topbar-one--two .topbar-one__social a:hover {
background-color: var(infina-base, #d18548);
}
.topbar-one--three {
background-color: #fff;
border-bottom: 1px solid #e1dddd;
background-image: url(../images/shapes/topbar-bg3-1.jpg);
background-repeat: round;
}
@media (max-width: 1200px) {
.topbar-one--three .topbar-one__info {
display: none;
}
}
@media (max-width: 1366px) {
.topbar-one--three .topbar-one__info__item {
padding: 0 10px;
}
.topbar-one--three .topbar-one__info__item:first-child {
padding-left: 0;
}
.topbar-one--three .topbar-one__info__item:last-child {
padding-right: 0;
}
}
.topbar-one--three .topbar-one__info__item + .topbar-one__info__item {
border: 0;
}
.topbar-one--three .topbar-one__social {
padding-right: 26px;
padding-left: 0;
}
@media (max-width: 1300px) {
.topbar-one--three .topbar-one__social {
display: none;
}
}
.topbar-one--three .topbar-one__quick_support {
background-color: #faf6f4;
background-image: url("../images/shapes/topbar-bg3-1.jpg");
background-position: right -72px top;
padding-right: 0;
padding-left: 16px;
}
.topbar-one--three .topbar-one__quick_support::before {
left: 87%;
right: initial;
background-color: #faf6f4;
background-image: url("../images/shapes/topbar-bg3-1.jpg");
background-position: left top;
}
.topbar-one--three .topbar-one__quick_support:hover .topbar-one__quick_call {
color: var(infina-base, #d18548);
}
.topbar-one--three .topbar-one__quick_support:hover .topbar-one__quick_call > span {
color: var(infina-base, #d18548);
}
.topbar-one--three .topbar-one__quick_support:hover .topbar-one__quick_call > a {
color:  #402a1d;
}
.topbar-one--three .topbar-one__quick_support:hover .topbar-one__quick_call > i {
background-color:  #402a1d;
color: #fff;
}
.topbar-one--three .topbar-one__quick_call {
color: #2a2826;
}
.topbar-one--three .topbar-one__quick_call > a {
color: #2a2826;
}
.topbar-one--three .topbar-one__quick_call > i {
background-color: #fff;
color: #2a2826;
}

/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.main-header {
background-color: #2a2826;
position: relative;
z-index: 999;
padding-left: 2px;
}
.main-header::after {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 99;
border-right: 34px solid transparent;
border-top: 34px solid #2a2826;
left: -18px;
top: 0;
bottom: 0;
margin: auto 0;
transform: rotate(134deg);
}
.main-header .container-fluid {
max-width: 1810px;
padding: 0px;
}
.main-header__inner {
display: flex;
align-items: center;
background-color: #2a2826;
position: relative;
}
.main-header__inner::before {
content: "";
position: absolute;
width: 600%;
height: 100%;
top: 0;
right: 99.9%;
background-color: #171411;
z-index: 1;
}
.main-header__logo {
position: relative;
z-index: 991;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 85px;
}
.main-header__logo img {
width: 100%;
max-width: 80px;
}
@media (max-width: 767px) {
.main-header__logo img {
max-width: 70px;
}
}
@media (min-width: 768px) {
.main-header__logo {
width: auto;
width: 230px;
min-height: 104px;
}
}
@media (max-width: 1500px) {
.main-header__logo {
width: 185px;
}
}
@media (max-width: 767px) {
.main-header__logo {
width: auto;
padding: 0 10px 0 0;
}
}
@media (min-width: 768px) {
.main-header__logo .mobile-nav__btn {
margin-left: 30px;
}
}
.main-header__btn, .main-header__btn-1 {
min-width: 165px;
display: none;
margin-left: 11px;
font-size: 12px;
line-height: 1;
color: #2a2826;
letter-spacing: 0;
padding: 5px 10px;
background-color: #fff;
margin-bottom: 0;
}
@media (max-width: 1300px) {
.main-header__btn, .main-header__btn-1 {
min-width: 145px;
padding: 8px 20px;
}
}
.main-header__btn::before {
background-color:#402a1d;
}
.main-header__btn-1::before {
/* background: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78); */
/* background: linear-gradient(132deg, #e8a224 28%, #f4e871 38% ,#e9ab2a 53%, #dc8d27 72%, #f1ec77 82%); */
background: linear-gradient(132deg, #e8a224 27%, #f4e871 36% ,#e9ab2a 46%, #dc8d27 70%, #f1ec77 82%);
}
.main-header__btn::after {
/* background: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78); */
/* background: linear-gradient(132deg, #e8a224 28%, #f4e871 38% ,#e9ab2a 53%, #dc8d27 72%, #f1ec77 82%); */
background: linear-gradient(132deg, #e8a224 27%, #f4e871 36% ,#e9ab2a 46%, #dc8d27 70%, #f1ec77 82%);
}
.main-header__btn:hover {
color: #fff;
}
@media (min-width: 768px) {
.main-header__btn, .main-header__btn-1 {
display: inline-flex;
}
}
.main-header__right {
display: flex;
align-items: center;
margin-left: 10px;
padding: 9.5px 0;
}
@media (min-width: 768px) {
.main-header__right {
margin-left: auto;
padding: 0;
padding-left: 10px;
}
}
@media (min-width: 1200px) {
.main-header__right {
margin-left: 0;
}
}
.main-header__search-cart-wrap {
border: 1px solid #2a2826);
padding: 11px 23px;
}
@media (max-width: 1300px) {
.main-header__search-cart-wrap {
padding: 11px 15px;
}
}
@media (max-width: 767px) {
.main-header__search-cart-wrap {
padding: 11px;
}
}
.main-header__cart, .main-header__search {
font-size: 24px;
color: #2a2826;
transition: all 500ms ease;
line-height: 1em;
position: relative;
}
.main-header__cart > i, .main-header__search > i {
color: #fff;
font-size: 22px;
line-height: 1;
transition: all 0.5s ease;
}
.main-header__cart:hover, .main-header__search:hover {
color: var(infina-base, #d18548);
}
.main-header__cart:hover > i, .main-header__search:hover > i {
color: var(infina-base, #d18548);
}
.main-header__cart > i {
font-size: 28px;
}
.main-header .search-toggler {
border-left: 1px solid #2a2826);
margin-left: 46px;
padding: 7px 0;
padding-left: 14px;
}
.main-header .search-toggler:hover .main-header__keyword,
.main-header .search-toggler:hover .main-header__search > i {
color: var(infina-base, #d18548);
}
@media (max-width: 1300px) {
.main-header .search-toggler {
margin-left: 28px;
}
}
.main-header__cart_count {
position: absolute;
width: 24px;
height: 24px;
top: -4px;
right: -15px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
line-height: 1;
background-color: var(infina-base, #d18548);
border-radius: 50%;
}
.main-header__keyword {
font-size: 15px;
line-height: 1;
margin-bottom: 0;
color: RGBA(var(--wallpi-white-rgb, 255, 255, 255), 0.8);
margin-right: 13px;
transition: all 0.5s;
position: relative;
top: -2px;
}
.main-header__keyword:hover {
color: var(infina-base, #d18548);
}
@media (max-width: 767px) {
.main-header__keyword {
display: none;
}
}
.main-header__nav {
margin-left: 0;
margin-right: 0;
/* padding-left: 76px; */
}
@media (max-width: 1500px) {
.main-header__nav {
/* padding-left: 45px; */
}
}
@media (max-width: 1400px) {
.main-header__nav {
/* padding-left: 35px; */
}
}
@media (max-width: 1300px) {
.main-header__nav {
/* padding-left: 22px; */
}
}
.main-header--two {
background-color: #fff;
width: 100%;
}
.main-header--two::after {
content: none;
}
.main-header--two.sticky-header--cloned {
background-color: #fff;
border: none;
}
.main-header--two.sticky-header--cloned .main-menu .main-menu__list > li {
padding-top: 33px;
padding-bottom: 33px;
}
.main-header--two .mobile-nav__btn span {
background-color: #2a2826;
}
@media (max-width: 767px) {
.main-header--two .main-header__right {
position: relative;
z-index: 991;
}
}
.main-header--two .main-header__btn::before,
.main-header--two .main-header__btn, .main-header__btn-1 {
background-color: #402a1d;
color: #fff;
}
.main-header--two .main-header__btn, .main-header__btn-1 {
margin-left: 16px;
}
.main-header--two .main-header__btn::after {
background-color: #2a2826;
}
.main-header--two .main-header__btn:hover {
color: #fff;
}
.main-header--two .main-header__search {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
}
.main-header--two .search-toggler {
border: 0;
margin-left: 0;
margin-right: 29px;
}
@media (max-width: 1300px) {
.main-header--two .search-toggler {
margin-right: 13px;
}
}
@media (max-width: 767px) {
.main-header--two .search-toggler {
margin-right: 9px;
padding-left: 5px;
}
}
.main-header--two .main-header__search > i,
.main-header--two .main-header__keyword {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
}
.main-header--two .main-header__keyword {
margin-right: 0;
margin-left: 15px;
}
.main-header--two .main-header__search:hover {
color: var(infina-base, #d18548);
}
.main-header--two .main-header__cart {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #f4f2f1;
gap: 5px 2px;
padding: 16px;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.main-header--two .main-header__cart {
width: 55px;
height: 55px;
}
}
.main-header--two .main-header__cart:hover {
background-color: rgba(var(infina-base-rgb, 209, 133, 72), 0.8);
}
.main-header--two .main-header__cart:hover .main-header__cart__dots {
border-color: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.8);
}
.main-header--two .main-header__cart__dots {
width: calc((100% - 4px) / 3);
width: 6px;
height: 6px;
border: 1px solid #2a2826;
border-radius: 50%;
display: block;
transition: all 0.5s ease;
}
.main-header--two .main-header__inner {
background-color: transparent;
height: 100px;
}
.main-header--two .main-header__inner::before {
background-color: #2a2826;
min-height: 111px;
}
.main-header--two .main-header__logo {
background-color: #2a2826;
position: relative;
min-height: 111px;
top: 5px;
width: 195px;
}
@media (max-width: 1200px) {
.main-header--two .main-header__logo {
width: 125px;
}
}
.main-header--two .main-header__logo::before, .main-header--two .main-header__logo::after {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 99;
border-right: 84px solid transparent;
border-top: 111px solid #2a2826;
right: -83px;
top: 0;
bottom: 0;
margin: auto 0;
transform: rotate(0deg);
}
.main-header--two .main-header__logo::before {
top: -15px;
bottom: initial;
right: -41px;
border-right: 1px solid transparent;
border-top: 141px solid transparent;
transform: rotate(37deg);
-webkit-box-shadow: 1px 0px 0px 0px var(infina-base, #d18548);
box-shadow: 1px 0px 0px 0px var(infina-base, #d18548);
}
.main-header--two .main-header__nav {
padding-left: 110px;
}
@media (max-width: 1300px) {
.main-header--two .main-header__nav {
padding-left: 80px;
}
}
.main-header--two .main-menu .main-menu__list > li {
padding-top: 33px;
padding-bottom: 33px;
}
.main-header--two .main-menu .main-menu__list > li > a {
color: #2a2826;
}
.main-header--two .main-menu .main-menu__list > li.current > a,
.main-header--two .main-menu .main-menu__list > li:hover > a {
color: var(infina-base, #d18548);
}
.main-header--three {
width: 100%;
background-color: #402a1d;
}
.main-header--three::after {
content: none;
}
.main-header--three.sticky-header--cloned {
background-color: #fff;
}
.main-header--three .main-header__inner {
background-color: #402a1d;
/* position: fixed; */
/* width: 100%; */
display: flex;
align-items: center;
justify-content: space-between;
}
.main-header--three .main-header__inner::before {
content: none;
}
.main-header--three .main-header__logo {
/* background-color: #fff; */
/* background-color: #361b08; */
width: 248px;
/* border-right: 1px solid #e1dddd; */
}
@media (max-width: 1400px) {
.main-header--three .main-header__logo {
width: 210px;
display: flex;
justify-content: center;
}
}
@media (max-width: 991px) {
.main-header--three .main-header__logo {
width: 150px;
}
}
@media (max-width: 767px) {
.main-header--three .main-header__logo {
/* width: 140px; */
}
}
.main-header--three .main-header__nav {
/* padding-left: 60px; */
}
@media (max-width: 1400px) {
.main-header--three .main-header__nav {
/* padding-left: 36px; */
}
}
.main-header--three .main-menu .main-menu__list li {
color: #171411;
}
.main-header--three .main-menu .main-menu__list li > a {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.main-header--three .main-header__search-cart-wrap {
border-color: #f2f2f2;
}
.main-header--three .search-toggler {
border-left-color: #f2f2f2;
}
.main-header--three .main-header__cart > i,
.main-header--three .main-header__search > i,
.main-header--three .main-header__keyword {
color: #171411;
}
.main-header--three .main-header__cart > i:hover {
color: var(infina-base, #d18548);
}
.main-header--three .main-header__btn {
background-color: var(infina-base, #d18548);
color: #fff;
}
.main-header--three .main-header__btn::before {
background-color:#402a1d;
}
.main-header--three .main-header__btn::after {
background-color: #2a2826;
}
.main-header--three .mobile-nav__btn span {
background-color: #fff;
}
.main-header--three.sticky-header--cloned .main-header--three__inner-top {
display: flex;
}
@media (min-width: 1200px) {
.main-header--three.sticky-header--cloned .main-header--three__inner-top {
display: none;
}
}
@media (max-width: 1199px) {
.main-header--three.sticky-header--cloned .main-header--three__inner-top {
border-color: transparent;
}
}

.sticky-header--cloned {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
top: 0;
background-color: #2a2826;
transform: translateY(-100%);
box-shadow: 0px 3px 18px rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.07);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
visibility: hidden;
transition: transform 500ms ease, visibility 500ms ease;
}
.sticky-header--cloned.active {
transform: translateY(0%);
visibility: visible;
background-color: #402a1d;
}

.mobile-nav__btn {
width: 24px;
display: flex;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
cursor: pointer;
z-index: 3;
}
@media (max-width: 1199px) {
.mobile-nav__btn {
margin-left: -50px;
margin-right: 10px;
}
}
@media (max-width: 767px) {
.mobile-nav__btn {
margin-left: -40px;
margin-right: 10px;
}
}
@media (min-width: 1200px) {
.mobile-nav__btn {
display: none;
}
}
.mobile-nav__btn span {
width: 100%;
height: 2px;
background-color: #fff;
}
.mobile-nav__btn span:nth-child(2) {
margin-top: 4px;
margin-bottom: 4px;
}

.main-menu {
/* after third level no menu */
}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
align-items: center;
display: none;
}
@media (min-width: 1200px) {
.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
display: flex;
}
}
.main-menu .main-menu__list > li {
padding-top: 35px;
padding-bottom: 35px;
position: relative;
}
.main-menu .main-menu__list > li.dropdown > a {
position: relative;
}
.main-menu .main-menu__list > li + li {
margin-left: 25px;
}
@media (max-width: 1500px) {
.main-menu .main-menu__list > li + li {
margin-left: 40px;
}
}
@media (max-width: 1400px) {
.main-menu .main-menu__list > li + li {
margin-left: 25px;
}
}
@media (max-width: 1300px) {
.main-menu .main-menu__list > li + li {
margin-left: 17px;
}
}
.main-menu .main-menu__list > li > a {
font-size: 13px;
display: flex;
align-items: center;
color: #fff;
font-weight: 500;
position: relative;
transition: all 500ms ease;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
color: #e8a225;
text-shadow: 0 0 0.5px  ;
}
.main-menu .main-menu__list li ul {
position: absolute;
top: 100%;
left: -25px;
min-width: 270px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transform-origin: top center;
transform: scaleY(0) translateZ(100px);
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
z-index: 99;
background-color: #fff;
box-shadow: 0px 10px 60px 0px RGBA(var(--wallpi-white-rgb, 255, 255, 255), 0.07);
padding: 15px 15px 11px 15px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
/* .main-menu .main-menu__list li:hover > ul {
opacity: 1;
visibility: visible;
transform: scaleY(1) translateZ(0px);
} */
.main-menu .main-menu__list > .megamenu {
position: static;
}
.main-menu .main-menu__list > .megamenu > ul {
top: 100% !important;
left: 0 !important;
right: 0 !important;
background-color: transparent;
box-shadow: none;
padding: 0;
}
/* .main-menu .main-menu__list li ul li {
flex: 1 1 100%;
width: 100%;
position: relative;
}
.main-menu .main-menu__list li ul li > a {
font-size: 14px;
line-height: 26px;
color: #2a2826;
font-family: "Inter", sans-serif;
font-weight: 500;
display: flex;
padding: 6px 16px;
transition: 400ms;
margin-bottom: 2px;
}
.main-menu .main-menu__list li ul li > a::after {
position: absolute;
right: 20px;
top: 8px;
border-radius: 0;
font-size: 6px;
font-weight: 700;
font-family: "Font Awesome 5 Free";
content: "\f111";
color: #fff;
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
transform: scale(0);
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a {
background-color: var(infina-base, #d18548);
color: #fff;
}
.main-menu .main-menu__list li ul li.current > a::after,
.main-menu .main-menu__list li ul li:hover > a::after {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.main-menu .main-menu__list li ul li > ul {
top: 0;
left: calc(100% + 15px);
}
.main-menu .main-menu__list li ul li > ul.right-align {
top: 0;
left: auto;
right: 100%;
}
.main-menu .main-menu__list li ul li > ul ul {
display: none;
} */

@media (min-width: 1200px) and (max-width: 1400px) {
.main-menu__list li:nth-last-child(1) ul li > ul,
.main-menu__list li:nth-last-child(2) ul li > ul {
left: auto;
right: calc(100% + 20px);
}
}
/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul {
position: fixed;
top: 0 !important;
left: 0 !important;
width: 100vw;
height: 100vh;
visibility: visible;
overflow-y: scroll;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
z-index: 999999;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: scroll;
padding: 0;
background-color: #fff;
display: block !important;
margin: 0;
}

.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
display: none;
}

.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
visibility: visible;
transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}

body.megamenu-popup-active {
overflow: hidden;
}

body.megamenu-popup-active .stricky-header {
bottom: 0;
}

body.megamenu-popup-active .mobile-nav__content {
overflow: unset;
}

.mobile-nav__content .demo-one .container {
padding-left: 15px;
padding-right: 15px;
}

.megamenu-popup {
position: relative;
}
.megamenu-popup .megamenu-clickable--close {
position: absolute;
top: 18px;
right: 20px;
display: block;
color: #2a2826;
}
@media (min-width: 1300px) {
.megamenu-popup .megamenu-clickable--close {
top: 38px;
right: 40px;
}
}
.megamenu-popup .megamenu-clickable--close:hover {
color: var(infina-base, #d18548);
}
.megamenu-popup .megamenu-clickable--close span {
width: 24px;
height: 24px;
display: block;
position: relative;
color: currentColor;
transition: all 500ms ease;
}
.megamenu-popup .megamenu-clickable--close span::before, .megamenu-popup .megamenu-clickable--close span::after {
content: "";
width: 100%;
height: 2px;
background-color: currentColor;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.megamenu-popup .megamenu-clickable--close span::after {
transform: translate(-50%, -50%) rotate(45deg);
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
padding-top: 120px;
padding-bottom: 120px;
}
.demo-one .row {
--bs-gutter-y: 30px;
}
.demo-one__card {
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(var(--wallpi-black3-rgb, 0, 0, 0), 0.1);
text-align: center;
transition: 500ms ease;
transform: translateY(0px);
}
.demo-one__card:hover {
transform: translateY(-10px);
}
.demo-one__title {
margin: 0;
font-size: 16px;
color: #2a2826;
font-weight: 500;
font-family: "Inter", sans-serif;
}
.demo-one__title a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.demo-one__title a:hover {
background-size: 100% 1px;
}
.demo-one__image {
position: relative;
overflow: hidden;
}
.demo-one__image img {
max-width: 100%;
transition: filter 500ms ease;
filter: blur(0px);
}
.demo-one__card:hover .demo-one__image img {
filter: blur(2px);
}
.demo-one__btns {
background-color: rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.3);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
transform: scale(1, 0);
transition: transform 500ms ease, opacity 600ms linear;
transform-origin: bottom center;
opacity: 0;
}
.demo-one__card:hover .demo-one__btns {
transform: scale(1, 1);
opacity: 1;
transform-origin: top center;
}
.demo-one__btn {
font-size: 14px;
padding: 7px 25px;
height: 45px;
}
.demo-one__btn::before {
background-color: var(infina-base, #d18548);
}
.demo-one__btn::after {
background-color: #2a2826;
}
.demo-one__btn:hover {
color: #fff;
}
@media (min-width: 768px) {
.demo-one__btn {
display: inline-flex;
}
}
.demo-one__title {
padding-top: 20.5px;
padding-bottom: 20.5px;
}

.home-showcase {
margin-top: -1px;
margin-bottom: -20px;
}
.home-showcase .row {
--bs-gutter-x: 42px;
--bs-gutter-y: 20px;
}
.home-showcase__inner {
padding: 40px 40px 21px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(var(--wallpi-black3-rgb, 0, 0, 0), 0.07);
}
.home-showcase .demo-one__card {
box-shadow: none;
}
.home-showcase .demo-one__btns {
flex-direction: column;
}
.home-showcase .demo-one__btn {
min-width: 135px;
text-align: center;
justify-content: center;
}
.home-showcase .demo-one__title {
padding: 0;
text-transform: initial;
margin-top: 15px;
padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Why choose
--------------------------------------------------------------*/
.why-choose-one {
background-color: #fff;
}
@media (max-width: 1200px) {
.why-choose-one .container {
max-width: 100%;
}
}
.why-choose-one__content {
padding-right: 26px;
}
@media (max-width: 991px) {
.why-choose-one__content {
padding-right: 0;
}
}
.why-choose-one__content .sec-title {
text-align: left;
padding-bottom: 43px;
}
@media (max-width: 991px) {
.why-choose-one__content .sec-title {
padding-bottom: 25px;
}
}
.why-choose-one__content .sec-title__tagline::before, .why-choose-one__content .sec-title__tagline::after {
margin: 0;
}
.why-choose-one__content .sec-title__tagline::after {
height: 2px;
}
.why-choose-one__content .sec-title__title {
text-align: left;
margin-top: 3px;
margin-bottom: 36px;
}
@media (max-width: 991px) {
.why-choose-one__content .sec-title__title {
margin-bottom: 21px;
}
}
.why-choose-one__content .sec-title__text {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 18px;
line-height: 34px;
margin-bottom: 0;
}
.why-choose-one__content .why-choose-one--btn {
width: fit-content;
font-size: 15px;
height: 60px;
background-color: #4a3626;
padding-left: 51px;
padding-right: 51px;
}
.why-choose-one__content .why-choose-one--btn::before {
background-color: #4a3626;
}
.why-choose-one__content .why-choose-one--btn::after {
background-color: var(infina-base, #d18548);
}
.why-choose-one__content .why-choose-one--btn:hover {
color: #fff;
}
.why-choose-one__feature {
padding-left: 24px;
padding-top: 10px;
height: 100%;
}
@media (max-width: 991px) {
.why-choose-one__feature {
padding-left: 0;
padding-top: 38px;
}
}
.why-choose-one__feature .feature-one__item + .feature-one__item {
margin-top: 41px;
}
.why-choose-one--aboutpage {
position: relative;
}
.why-choose-one--aboutpage .container {
position: relative;
z-index: 2;
}
.why-choose-one--aboutpage__shapeleft, .why-choose-one--aboutpage__shaperight {
position: absolute;
width: auto;
height: auto;
top: -68%;
z-index: 1;
}
@media (max-width: 991px) {
.why-choose-one--aboutpage__shapeleft, .why-choose-one--aboutpage__shaperight {
display: none;
}
}
.why-choose-one--aboutpage__shapeleft {
left: 0;
}
.why-choose-one--aboutpage__shapeleft img {
width: 317px;
height: 588px;
}
.why-choose-one--aboutpage__shaperight {
top: -88%;
right: 0;
width: 324px;
height: 604px;
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact-one {
padding: 120px 20px;
margin-bottom: -244px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.funfact-one {
padding: 74px 20px 80px 20px;
margin-bottom: -150px;
}
}
.funfact-one .container {
max-width: 1600px;
position: relative;
-webkit-box-shadow: 0px 0px 38px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 38px 1px rgba(0, 0, 0, 0.2);
padding-top: 45px;
padding-bottom: 38px;
}
@media (max-width: 1200px) {
.funfact-one .container {
background-position: center top;
}
}
.funfact-one__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center top -68px;
background-size: cover;
background-color: #e8d2c1;
background-blend-mode: overlay;
}
.funfact-one__list {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 2;
}
@media (max-width: 1200px) {
.funfact-one__list {
gap: 42px 0;
}
}
.funfact-one__item {
display: flex;
align-items: center;
width: calc((100% - 0px) / 4);
}
@media (max-width: 1200px) {
.funfact-one__item {
width: calc((100% - 0px) / 2);
}
}
@media (max-width: 767px) {
.funfact-one__item {
width: calc((100% - 0px) / 1);
}
}
.funfact-one__item:hover .funfact-one__icon {
background-color: #4a3626;
transform: scale(0.95);
}
.funfact-one__content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.funfact-one__icon {
color: #fff;
font-size: 52px;
line-height: 1;
width: 105px;
height: 105px;
border-radius: 50%;
background-color: var(infina-base, #d18548);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
display: flex;
align-items: center;
justify-content: center;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.35);
box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.35);
margin-bottom: 21px;
}
@media (max-width: 767px) {
.funfact-one__icon {
margin-bottom: 12px;
}
}
.funfact-one__count-wrap {
display: flex;
align-items: center;
}
.funfact-one__counter-num, .funfact-one__count {
margin: 0;
color: #2a2826;
font-family: "Pathway Extreme", sans-serif;
font-weight: 700;
font-size: 70px;
line-height: 1;
display: block;
}
@media (max-width: 991px) {
.funfact-one__counter-num, .funfact-one__count {
font-size: 60px;
}
}
.funfact-one__counter-num {
margin-bottom: 0;
display: block;
}
.funfact-one__text {
margin: 0;
color: #2a2826;
font-size: 18px;
line-height: 34px;
margin-top: 6px;
margin-bottom: 0;
}
.funfact-one--two {
padding: 119px 0 92px 0;
margin-bottom: -244px;
}
@media (max-width: 991px) {
.funfact-one--two {
padding-top: 72px;
}
}
.funfact-one--two .container {
background-image: none;
background-color: transparent;
box-shadow: none;
max-width: 1200px;
padding-top: 0;
padding-bottom: 0;
}
.funfact-one--two .funfact-one__list {
gap: 0 30px;
}
@media (max-width: 991px) {
.funfact-one--two .funfact-one__list {
gap: 30px 0;
}
}
.funfact-one--two .funfact-one__item {
width: calc((100% - 60px) / 3);
background-image: url("../images/resources/funfactbg1-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color: #f3ede8;
background-blend-mode: overlay;
padding-top: 42px;
padding-bottom: 36px;
}
@media (max-width: 991px) {
.funfact-one--two .funfact-one__item {
width: calc((100% - 0px) / 1);
}
}
.funfact-one--two .funfact-one__icon {
box-shadow: none;
border: 2px solid #fff;
}
.funfact-one--aboutpage {
padding-top: 117px;
padding-bottom: 90px;
}
@media (max-width: 991px) {
.funfact-one--aboutpage {
padding-top: 72px;
padding-bottom: 20px;
}
}

/*--------------------------------------------------------------
# specification
--------------------------------------------------------------*/
.specification-one {
padding-top: 30px;
padding-bottom: 120px;
background-color: #faf7f6;
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.specification-one {
padding-top: 130px;
padding-bottom: 58px;
}
}
@media (max-width: 1200px) {
.specification-one .container {
max-width: 100%;
}
}
.specification-one .sec-title {
text-align: left;
padding-bottom: 55px;
padding-right: 190px;
}
@media (max-width: 767px) {
.specification-one .sec-title {
padding-right: 0;
padding-bottom: 42px;
}
}
.specification-one .sec-title__tagline::before, .specification-one .sec-title__tagline::after {
margin: 0;
}
.specification-one .sec-title__tagline::after {
height: 2px;
}
.specification-one .sec-title__title {
text-align: left;
}
.specification-one__carousel.owl-carousel .owl-nav {
position: absolute;
top: -162px;
right: 0;
margin-top: 0 !important;
gap: 0 !important;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.specification-one__carousel.owl-carousel .owl-nav {
display: none;
}
}
.specification-one--two {
padding-top: 107px;
}
@media (max-width: 991px) {
.specification-one--two {
padding-top: 55px;
}
}
.specification-one--three {
/* padding-top: 325px; */
}
.specification-one--three .container {
max-width: 1600px;
}
.specification-one--three .sec-title {
text-align: center;
padding-right: 0;
padding-bottom: 64px;
}
.specification-one--three .sec-title__tagline::before, .specification-one--three .sec-title__tagline::after {
height: 1px;
margin: 0 auto;
}
.specification-one--three .sec-title__title {
text-align: center;
}
.specification-one--three .specification-one__carousel.owl-carousel .owl-nav {
display: none;
}
.specification-one--three .specification-one__carousel.owl-carousel .owl-nav + .owl-dots {
margin-top: 16px;
}
.specification-one--three .specification-card {
position: relative;
}
.specification-one--three .specification-card:hover {
border-color: transparent;
box-shadow: initial;
}
.specification-one--three .specification-card:hover .specification-card__image {
-webkit-box-shadow: 0px 0px 0px 4px var(infina-base, #d18548);
-moz-box-shadow: 0px 0px 0px 4px var(infina-base, #d18548);
box-shadow: 0px 0px 0px 4px var(infina-base, #d18548);
}
.specification-one--three .specification-card::before, .specification-one--three .specification-card::after {
content: "";
position: absolute;
width: 100%;
height: 190px;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.specification-one--three .specification-card::before {
top: 0;
left: 0;
background-image: url("../images/shapes/testimonial-shape3-1.png");
background-position: left top;
}
.specification-one--three .specification-card::after {
bottom: 0;
left: 0;
height: 75px;
background-image: url("../images/shapes/testimonial-shape3-2.png");
background-position: left bottom;
}
.specification-one--three .specification-card__inner {
display: flex;
flex-direction: column;
}
.specification-one--three .specification-card__top {
margin-bottom: 12px;
order: 1;
position: relative;
z-index: 3;
}
.specification-one--three .specification-card__quote {
color: #fff;
}
.specification-one--three .specification-card__content {
font-size: 16px;
line-height: 34px;
padding-bottom: 78px;
order: 3;
}
.specification-one--three .specification-card__athour-wrap {
background-image: none;
width: calc(100% + 80px);
margin-left: -40px;
margin-bottom: 0px;
padding: 21px 0 31px 40px;
position: relative;
order: 2;
}
.specification-one--three .specification-card__athour-wrap::before {
content: none;
}
.specification-one--page, .specification-one--aboutpage {
padding-top: 108px;
}
@media (max-width: 991px) {
.specification-one--page, .specification-one--aboutpage {
padding-top: 58px;
}
}
.specification-one--page {
padding-top: 120px;
}
@media (max-width: 991px) {
.specification-one--page {
padding-top: 68px;
}
}
.specification-one--page .owl-carousel .owl-nav {
display: none;
}

.specification-card {
transition: all 500ms ease;
border: 1px solid transparent;
}
.specification-card:hover {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
border-color: #2a2826;
}
.specification-card__inner {
padding: 27px 40px 0 40px;
background-color: #fff;
transition: all 0.5s ease;
}
.specification-card__top {
margin-bottom: 26px;
}
@media (max-width: 991px) {
.specification-card__top {
margin-bottom: 20px;
}
}
.specification-card__quote {
color: #2a2826;
font-size: 44px;
line-height: 1;
}
.specification-card__rating {
display: flex;
align-items: center;
padding-right: 12px;
}
.specification-card__rating i {
color: #faa162;
font-size: 17px;
letter-spacing: 3px;
}
.specification-card__content {
color: var(--wallpi-text-gray2, #565555);
font-size: 16px;
line-height: 34px;
padding-bottom: 29px;
}
@media (max-width: 991px) {
.specification-card__content {
padding-bottom: 22px;
}
}
.specification-card__athour-wrap {
background-image: url("../images/shapes/testimonial-shape1-1.png");
background-repeat: repeat;
background-size: cover;
width: calc(100% + 80px);
margin-left: -40px;
margin-bottom: 0px;
padding: 21px 0 31px 40px;
position: relative;
}
.specification-card__athour-wrap::before {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 1;
border-right: 142px solid transparent;
border-top: 128px solid #fff;
left: 0px;
top: 0;
bottom: 0;
margin: auto 0;
}
.specification-card__image {
margin-right: 24px;
border: 1px solid var(infina-base, #d18548);
border-radius: 50%;
transition: all 500ms ease;
width: 76px;
min-width: 76px;
height: 76px;
position: relative;
z-index: 2;
}
.specification-card__image img {
max-width: 100%;
border-radius: 50%;
}
.specification-card__athour-name {
position: relative;
z-index: 2;
}
.specification-card__name {
margin: 0;
color: var(--wallpi-text2, #0f0e0e);
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 6px;
}
.specification-card__designation {
margin: 0;
color: #2a2826;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
}
.specification-card:hover .specification-card__image {
border-color: var(infina-base, #d18548);
}

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
.cta-one {
padding-bottom: 120px;
position: relative;
}
.cta-one .container-fluid {
max-width: 1380px;
}
.cta-one__inner {
position: relative;
padding: 20px;
}
.cta-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.cta-one__title {
margin: 0;
text-transform: uppercase;
max-width: 513px;
width: 100%;
font-size: 35px;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 15px;
}
.cta-one__title span {
font-family: "Kumbh Sans", sans-serif;
font-weight: 400;
}
@media (min-width: 992px) {
.cta-one__title {
font-size: 50px;
margin-bottom: 30px;
margin-top: -10px;
}
}
.cta-one__content {
position: relative;
border: 1px solid #fff;
padding: 50px 20px;
}
@media (min-width: 768px) {
.cta-one__content {
padding: 60px;
}
}
@media (min-width: 1200px) {
.cta-one__content {
padding: 100px;
}
}
.cta-one__link:hover {
color: #fff;
}
.cta-one__link::after {
background-color: #2a2826;
}
.cta-one__link::before {
background-color: var(infina-base, #d18548);
}

.cta-two {
position: relative;
background-color: var(infina-base, #d18548);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.cta-two__shape {
position: absolute;
left: -10px;
top: 0;
}
.cta-two__shape img {
animation: shapeMove 3s linear 0s infinite;
}
.cta-two__content {
position: relative;
padding: 85px 0 90px;
}
.cta-two__sub-title {
font-family: "Kumbh Sans", sans-serif;
color: #fff;
font-size: 40px;
line-height: 1.2em;
margin: 0 0 2px;
}
.cta-two__title {
color: #fff;
font-size: 50px;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 37px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.cta-two__title {
font-size: 44px;
}
}
@media (max-width: 767px) {
.cta-two__title {
font-size: 35px;
}
}
.cta-two__thumb {
position: relative;
}
.cta-two__thumb__one {
position: relative;
right: 35px;
margin-top: -28px;
}
@media (max-width: 991px) {
.cta-two__thumb__one {
right: 0;
}
}
.cta-two__thumb__one__shape {
position: absolute;
left: -40px;
top: -40px;
width: 545px;
height: 408px;
}
.cta-two__thumb__one__thumb {
width: 482px;
height: auto;
border: 20px solid #fff;
position: relative;
z-index: 2;
transform: rotate(5deg);
}
@media (max-width: 767px) {
.cta-two__thumb__one__thumb {
width: 100%;
}
}
.cta-two__thumb__one__thumb img {
width: 100%;
height: 282px;
object-fit: cover;
}
@media (max-width: 767px) {
.cta-two__thumb__one__thumb img {
height: auto;
}
}
.cta-two__thumb__two {
position: absolute;
right: -48px;
top: 195px;
z-index: 3;
}
@media (max-width: 991px) {
.cta-two__thumb__two {
top: 45px;
right: 0;
}
}
@media (max-width: 767px) {
.cta-two__thumb__two {
position: relative;
top: 0;
right: 0;
}
}
.cta-two__thumb__two__flower {
position: absolute;
right: -10px;
top: -121px;
z-index: 4;
}
@media (max-width: 767px) {
.cta-two__thumb__two__flower {
display: none;
}
}
.cta-two__thumb__two__flower img {
-webkit-animation-name: float-bob-y-2;
animation-name: float-bob-y-2;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.cta-two__thumb__two__shape {
position: absolute;
left: -45px;
top: -60px;
width: 446px;
height: 421px;
}
.cta-two__thumb__two__thumb {
width: 360px;
height: auto;
border: 20px solid #fff;
position: relative;
z-index: 2;
transform: rotate(-17.2deg);
}
@media (max-width: 767px) {
.cta-two__thumb__two__thumb {
width: 100%;
}
}
.cta-two__thumb__two__thumb img {
width: 100%;
height: 215px;
object-fit: cover;
}
@media (max-width: 767px) {
.cta-two__thumb__two__thumb img {
height: auto;
}
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery-one {
padding-top: 120px;
padding-bottom: 120px;
}
.gallery-one .container-fluid {
width: 100%;
max-width: 1572px;
}
.gallery-one--page {
padding-top: 100px;
}
.gallery-one .row {
--bs-gutter-x: 10px;
--bs-gutter-y: 10px;
}
@media (min-width: 992px) {
.gallery-one__carousel .owl-nav {
display: none;
}
}
.gallery-one__filter__list {
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
}
.gallery-one__filter__list li {
cursor: pointer;
}
.gallery-one__filter__list li span {
display: block;
font-size: 10px;
background-color: var(infina-gray, #f9f6f1);
transition: all 500ms ease;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
padding: 15px 20px;
line-height: 1.2em;
}
.gallery-one__filter__list li.active span, .gallery-one__filter__list li:hover span {
background-color: var(infina-base, #d18548);
color: #fff;
}
.gallery-one__card {
position: relative;
overflow: hidden;
background-color: #2a2826;
}
.gallery-one__card img {
transform: scale(1);
max-width: 100%;
transition: transform 500ms ease, opacity 500ms ease;
opacity: 1;
}
.gallery-one__card__hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(infina-base-rgb, 209, 133, 72), 0.9);
display: flex;
justify-content: center;
align-items: center;
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: bottom center;
}
.gallery-one__card__hover .img-popup {
position: relative;
}
.gallery-one__card:hover img {
transform: scale(1.05);
opacity: 0.9;
mix-blend-mode: screen;
}
.gallery-one__card:hover .gallery-one__card__hover {
transform-origin: top center;
transform: scale(1, 1);
}
.gallery-one__card__icon {
width: 32px;
height: 32px;
display: block;
position: relative;
}
.gallery-one__card__icon::after, .gallery-one__card__icon::before {
content: "";
width: 2px;
height: 100%;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gallery-one__card__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}

.gallery-two {
position: relative;
overflow: hidden;
padding: 0 0 20px;
}
.gallery-two .container-fluid {
width: 100%;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.gallery-two .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
.gallery-two .row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}
.gallery-two__col-one {
width: 65%;
}
@media (max-width: 1199px) {
.gallery-two__col-one {
width: 100%;
}
}
.gallery-two__col-two {
width: 35%;
}
@media (max-width: 1199px) {
.gallery-two__col-two {
width: 100%;
}
}
.gallery-two__card {
position: relative;
overflow: hidden;
background-color: #2a2826;
}
.gallery-two__card img {
transform: scale(1);
width: 100%;
transition: transform 500ms ease, opacity 500ms ease;
opacity: 1;
}
.gallery-two__card__hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.5);
display: flex;
justify-content: center;
align-items: center;
transform: scale(1, 0);
transition: transform 500ms ease;
transform-origin: bottom center;
}
.gallery-two__card__hover .img-popup {
position: relative;
}
.gallery-two__card:hover img {
transform: scale(1.05);
opacity: 0.9;
mix-blend-mode: screen;
}
.gallery-two__card:hover .gallery-two__card__hover {
transform-origin: top center;
transform: scale(1, 1);
}
.gallery-two__card a {
width: 75px;
height: 75px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.gallery-two__card a:hover .gallery-two__card__icon::after, .gallery-two__card a:hover .gallery-two__card__icon::before {
background-color: var(infina-base, #d18548);
}
.gallery-two__card__icon {
width: 24px;
height: 24px;
display: block;
position: relative;
}
.gallery-two__card__icon::after, .gallery-two__card__icon::before {
content: "";
width: 2px;
height: 100%;
background-color: #2a2826;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 400ms ease;
}
.gallery-two__card__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.gallery-two__info {
position: relative;
background-color: var(infina-base, #d18548);
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 0 50px 0 100px;
height: 100%;
}
@media (min-width: 1200px) {
.gallery-two__info {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
}
@media (max-width: 1500px) {
.gallery-two__info {
padding-left: 40px;
padding-right: 30px;
}
}
@media (max-width: 1199px) {
.gallery-two__info {
padding: 80px 50px;
}
}
@media (max-width: 767px) {
.gallery-two__info {
padding: 50px 30px;
}
}
.gallery-two__info__icon {
width: 60px;
height: 60px;
margin-bottom: 24px;
}
.gallery-two__info__icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-two__info__title {
color: #fff;
font-size: 44px;
line-height: 50px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
@media (min-width: 1200px) and (max-width: 1300px) {
.gallery-two__info__title {
font-size: 35px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.gallery-two__info__title {
font-size: 35px;
line-height: 45px;
}
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar__single {
background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.7);
padding: 36px 44px;
}
@media (max-width: 1200px) {
.sidebar__single {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.sidebar__single {
padding-left: 20px;
padding-right: 20px;
}
}
.sidebar__single--listsingle {
background-color: var(infina-base, #d18548);
background-blend-mode: overlay;
position: relative;
padding-top: 31px;
padding-bottom: 50px;
}
.sidebar__single--listsingle::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-image: url("../images/resources/services-details-sidebar1-1.jpg");
opacity: 0.1;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.sidebar__single--latestpost {
padding-top: 31px;
padding-bottom: 22px;
padding-right: 24px;
}
.sidebar__single--tags {
padding-top: 31px;
padding-bottom: 43px;
}
.sidebar__single--contactsingle {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #eae2de;
background-blend-mode: overlay;
padding-top: 52px;
padding-bottom: 52px;
}
.sidebar__single + .sidebar__single {
margin-top: 40px;
}
.sidebar .service-sidebar__title, .sidebar__title {
padding: 0;
margin: 0;
color: #2a2826;
font-weight: 700;
font-size: 18px;
line-height: 29px;
margin-bottom: 26px;
}
@media (min-width: 768px) {
.sidebar .service-sidebar__title, .sidebar__title {
font-size: 20px;
line-height: 32px;
}
}
.sidebar .service-sidebar__title {
color: #fff;
}
.sidebar .service-sidebar__nav {
padding: 0;
}
.sidebar__search {
position: relative;
}
.sidebar__search input[type=search],
.sidebar__search input[type=text] {
outline: none;
width: 100%;
height: 56px;
background-color: #fff;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5);
font-weight: 500;
font-family: "Inter", sans-serif;
font-size: 14px;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding-left: 20px;
padding-right: 65px;
transition: all 500ms ease;
}
.sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus {
box-shadow: 0px 2px 10px 0px rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.1);
}
.sidebar__search button[type=submit] {
border: none;
outline: none;
background-color: #2a2826;
position: absolute;
top: 1px;
right: 1px;
width: 60px;
font-size: 16px;
color: var(infina-base, #d18548);
height: calc(100% - 2px);
border-left: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
transition: all 0.5s ease;
}
.sidebar__search button[type=submit]:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.sidebar__posts {
margin-bottom: 0;
}
.sidebar__posts__item {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding-bottom: 20px;
margin-bottom: 20px;
}
.sidebar__posts__image {
width: 57px;
min-width: 57px;
height: 57px;
border-radius: 50%;
margin-right: 18px;
}
.sidebar__posts__image img {
width: 100% !important;
height: 100%;
object-fit: cover;
border-radius: 50% !important;
}
.sidebar__posts__title {
margin: 0;
color: #2a2826;
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
}
.sidebar__posts__title a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.sidebar__posts__title a:hover {
background-size: 100% 1px;
}
.sidebar__tags {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.sidebar__tags a {
background-color: #ece4de;
color: #2a2826;
font-weight: 500;
font-size: 14px;
line-height: 1;
transition: all 500ms ease;
display: inline-flex;
padding: 7.5px 14.5px;
}
.sidebar__tags a:hover {
color: #fff;
background-color: var(infina-base, #d18548);
}

.service-sidebar__single--listsingle {
background-color: var(infina-base, #d18548);
background-blend-mode: overlay;
position: relative;
}
.service-sidebar__single--listsingle::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-image: url("../images/resources/services-details-sidebar1-1.jpg");
opacity: 0.1;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.service-sidebar__single__inner {
position: relative;
z-index: 2;
}
.service-sidebar__single + .service-sidebar__single {
margin-top: 40px;
}
.service-sidebar__title {
margin: 0;
font-weight: 500;
color: #fff;
font-size: 18px;
line-height: 29px;
padding: 43px;
padding-bottom: 22px;
padding-top: 30px;
}
@media (max-width: 1200px) {
.service-sidebar__title {
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
}
}
@media (min-width: 768px) {
.service-sidebar__title {
font-size: 20px;
line-height: 32px;
}
}
.service-sidebar__nav {
margin-bottom: 0;
padding: 43px;
padding-top: 0;
}
@media (max-width: 1200px) {
.service-sidebar__nav {
padding: 30px;
padding-top: 0;
}
}
@media (max-width: 991px) {
.service-sidebar__nav {
padding: 15px;
padding-top: 0;
padding-bottom: 20px;
}
}
.service-sidebar__nav li {
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 14px 0 20px;
transition: all 500ms ease;
position: relative;
}
@media (max-width: 991px) {
.service-sidebar__nav li {
padding-left: 15px;
padding-right: 15px;
}
}
.service-sidebar__nav li::after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 0;
top: 0;
z-index: 1;
background-color: #2a2826;
transition: all 500ms ease;
}
.service-sidebar__nav li a {
position: relative;
z-index: 2;
color: #2a2826;
font-weight: 500;
font-size: 16px;
line-height: 1;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 500ms ease;
width: 100%;
padding: 14px 0;
}
@media (min-width: 992px) {
.service-sidebar__nav li a {
font-size: 17px;
}
}
.service-sidebar__nav li i {
position: relative;
z-index: 2;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: var(infina-base, #d18548);
color: #2a2826;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
transition: all 600ms ease;
}
.service-sidebar__nav li.current, .service-sidebar__nav li:hover {
color: #fff;
}
.service-sidebar__nav li.current::after, .service-sidebar__nav li:hover::after {
background-color: #2a2826;
width: 100%;
}
.service-sidebar__nav li.current a, .service-sidebar__nav li:hover a {
color: #fff;
}
.service-sidebar__nav li.current i, .service-sidebar__nav li:hover i {
background-color: #fff;
}
.service-sidebar__nav li + li {
margin-top: 4px;
}
.service-sidebar__single--contactsingle {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 43px;
padding-top: 52px;
padding-bottom: 42px;
background-color: #eae2de;
background-blend-mode: overlay;
}
@media (max-width: 1200px) {
.service-sidebar__single--contactsingle {
padding: 30px;
}
}
@media (max-width: 991px) {
.service-sidebar__single--contactsingle {
padding: 20px;
}
}
.service-sidebar__contactwrap {
position: relative;
}
.service-sidebar__contactwrap::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 1;
background-image: url("../images/shapes/services-sidebar-shape1-1.png");
background-repeat: repeat-x;
background-position: left bottom;
}
.service-sidebar__contactimg {
width: 100% !important;
}
.service-sidebar__contact {
position: absolute;
width: 100%;
height: auto;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
margin: 0 auto;
padding: 0 33px;
padding-bottom: 39px;
}
@media (max-width: 991px) {
.service-sidebar__contact {
padding: 0 20px;
padding-bottom: 25px;
}
}
.service-sidebar__contact__title {
margin: 0;
color: #fff;
font-size: 18px;
line-height: 28px;
margin-bottom: 38px;
}
@media (max-width: 991px) {
.service-sidebar__contact__title {
margin-bottom: 25px;
}
}
@media (min-width: 992px) {
.service-sidebar__contact__title {
font-size: 22px;
line-height: 34px;
}
}
.service-sidebar__contact__number {
background-color: #fff;
color: #2a2826;
font-size: 18px;
line-height: 1;
font-weight: 500;
display: flex;
align-items: center;
border-radius: 3px;
margin-bottom: 0;
padding: 8px 0;
padding-left: 20px;
padding-right: 15px;
}
.service-sidebar__contact__number i {
width: 32px;
min-width: 32px;
height: 32px;
border: 1px solid #2a2826);
background-color: var(infina-base, #d18548);
border-radius: 50%;
color: #fff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
.service-sidebar__contact__number a {
color: inherit;
font-size: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
display: inline-block;
margin-left: 12px;
}
.service-sidebar__contact__number a:hover {
background-size: 100% 1px;
}
.service-sidebar__contact__number:hover i {
background-color: #2a2826;
color: #fff;
}


/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
margin-top: 0;
padding-left: 24px;
padding-right: 24px;
}
.comments-one__bg {
background-color: #fff;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
border-top: 0;
padding: 35px 30px 0 35px;
}
@media (max-width: 991px) {
.comments-one__bg {
padding: 24px;
padding-bottom: 0;
}
}
.comments-one__title {
margin: 0;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
font-weight: 600;
font-size: 18px;
line-height: 1;
}
@media (min-width: 992px) {
.comments-one__title {
font-size: 24px;
}
}
.comments-one__list {
margin: 0;
margin-top: 40px;
}
.comments-one__card:not(:first-of-type) {
padding-top: 40px;
}
.comments-one__card__wrap, .comments-one__card--wrap_inner {
width: 100%;
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding-bottom: 40px;
margin-bottom: 38px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
@media (max-width: 991px) {
.comments-one__card__wrap, .comments-one__card--wrap_inner {
padding-bottom: 25px;
margin-bottom: 25px;
}
}
.comments-one__card__image {
width: 103px;
height: 103px;
border-radius: 50%;
overflow: hidden;
margin-right: 12px;
}
@media (min-width: 768px) {
.comments-one__card__image {
margin-right: 17px;
}
}
@media (min-width: 1200px) {
.comments-one__card__image {
margin-right: 26px;
}
}
.comments-one__card__image img {
border-radius: 50% !important;
width: 100% !important;
}
.comments-one__card__title-wrap {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.comments-one__card__title {
margin: 0;
font-weight: 600;
font-size: 18px;
line-height: 1;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
}
.comments-one__card__text {
margin: 0;
font-size: 16px;
line-height: 32px;
margin-bottom: 19px;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.7);
margin-bottom: 6px;
}
.comments-one__card__reply {
padding: 5px 12px;
font-size: 13px;
line-height: 1;
font-weight: 500;
background-color: rgba(var(--wallpi-text-gray2-dark-rgb, 120, 109, 105), 0.1);
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
margin-left: 11px;
}
.comments-one__card__reply:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.comments-one__card__reply::after, .comments-one__card__reply::before {
content: none;
}
.comments-one__card__content {
position: relative;
width: calc((100% - 115px) / 1);
}
@media (min-width: 768px) {
.comments-one__card__content {
width: calc((100% - 120px) / 1);
}
}
@media (min-width: 1200px) {
.comments-one__card__content {
width: calc((100% - 129px) / 1);
}
}
@media (max-width: 767px) {
.comments-one__card__content {
width: 100%;
padding-top: 25px;
}
}
.comments-one__card__date {
font-size: 14px;
line-height: 1;
font-weight: 400;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.7);
}
.comments-one__card--wrap_inner:last-child {
margin-bottom: 0;
padding-bottom: 30px;
}
.comments-one__list--inner {
margin-top: 0;
padding-left: 80px;
list-style: none;
}
@media (max-width: 991px) {
.comments-one__list--inner {
padding-left: 25px;
}
}

.comments-form {
margin-top: 40px;
padding: 0 24px;
}
@media (min-width: 1200px) {
.comments-form {
margin-top: 55px;
}
}
.comments-form__title {
margin: 0;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
font-size: 20px;
line-height: 1;
font-weight: 600;
margin-top: -4px;
margin-bottom: -4px;
}
@media (min-width: 992px) {
.comments-form__title {
font-size: 24px;
}
}
.comments-form__form {
margin-top: 32px;
margin-bottom: 46px;
}
.comments-form__form .bootstrap-select > .dropdown-toggle,
.comments-form__form input[type=text],
.comments-form__form input[type=email],
.comments-form__form textarea {
height: 70px;
border: 1px solid rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.4);
background-color: transparent;
font-size: 15px;
font-weight: 400;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5);
}
.comments-form__form .bootstrap-select > .dropdown-toggle:is(:active, :focus, :hover),
.comments-form__form input[type=text]:is(:active, :focus, :hover),
.comments-form__form input[type=email]:is(:active, :focus, :hover),
.comments-form__form textarea:is(:active, :focus, :hover) {
background-color: #fff;
}
.comments-form__form textarea {
resize: initial;
height: 218px;
}
.comments-form__form .wallpi-btn {
font-family: "Pathway Extreme", sans-serif;
font-weight: 500;
font-size: 15px;
height: 54px;
padding: 8px 32px;
background-color: #4a3626;
}
.comments-form__form .wallpi-btn::before {
background-color: #4a3626;
}
.comments-form__form .wallpi-btn::after {
background-color: var(infina-base, #d18548);
}

/*--------------------------------------------------------------
# Shop
--------------------------------------------------------------*/
.product {
position: relative;
}
.product__sidebar {
position: relative;
background-color: #ece4de;
padding-top: 25px;
padding-bottom: 10px;
}
.product__sidebar--title {
position: relative;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
margin-top: -5px;
}
.product__search {
position: relative;
display: block;
margin-bottom: 20px;
padding: 0 20px;
}
.product__search form {
border-radius: 0;
position: relative;
}
.product__search form input[type=text] {
width: 100%;
height: 52px;
background-color: transparent;
padding-left: 30px;
padding-right: 30px;
font-family: "Inter", sans-serif;
font-size: 14px;
color: #2a2826;
border: 1px solid rgba(var(--wallpi-border-color-rgb, 42, 40, 38), 0.4);
outline: none;
font-weight: 400;
border-radius: 0;
}
.product__price-ranger {
padding: 20px;
margin-bottom: 10px;
}
.product__price-ranger #slider-range {
margin: 22px 0 0 0px;
background: #fff;
border: none;
height: 5px;
border-radius: 0;
position: relative;
}
.product__price-ranger #slider-range .ui-slider-range {
height: 100%;
background: var(infina-base, #d18548) !important;
}
.product__price-ranger #slider-range .ui-slider-handle {
position: absolute;
top: -5px;
border: 0;
height: 14px;
width: 14px !important;
border-radius: 50%;
margin-left: -2px;
outline: medium none;
cursor: pointer;
z-index: 2;
background: var(infina-base, #d18548) !important;
}
.product__price-ranger .ranger-min-max-block {
position: relative;
display: block;
margin: 18px 0 0 0px;
}
.product__price-ranger .ranger-min-max-block input[type=text] {
position: relative;
display: inline-block;
color: #2a2826;
font-size: 14px;
font-weight: 500;
width: 40px;
line-height: 30px;
border: none;
outline: none;
font-family: "Inter", sans-serif;
padding: 0;
text-align: center;
background-color: transparent;
}
.product__price-ranger .ranger-min-max-block span {
position: relative;
display: inline-block;
color: #2a2826;
font-size: 14px;
font-weight: 500;
line-height: 40px;
left: -2px;
}
.product__price-ranger .ranger-min-max-block input[type=submit] {
position: relative;
display: block;
background-color: #fff;
font-family: "Inter", sans-serif;
float: right;
text-align: center;
border: none;
color: #2a2826;
font-size: 10px;
font-weight: 600;
line-height: 38px;
margin: 0;
cursor: pointer;
padding: 0 20px;
height: 38px;
border-radius: 0;
box-shadow: 0px 10px 30px 0px rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.07);
text-transform: uppercase;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.product__price-ranger .ranger-min-max-block input[type=submit]:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.product__categories {
padding: 20px;
}
.product__categories ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: -15px;
margin-right: -15px;
margin-bottom: -20px;
}
.product__categories ul li {
position: relative;
margin: 0 0 4px;
}
.product__categories ul li a {
position: relative;
display: flex;
align-items: center;
line-height: 24px;
font-size: 16px;
text-transform: capitalize;
color: #2a2826;
font-weight: 500;
transition: all 0.3s ease;
z-index: 1;
padding: 9px 15px 11px;
}
.product__categories ul li a span {
position: relative;
display: inline-block;
font-size: 12px;
color: #2a2826;
margin-right: 10px;
transition: all 0.3s ease;
}
.product__categories ul li a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
z-index: -1;
transform: scale(1, 0);
perspective: 400px;
visibility: hidden;
transition: transform 500ms ease-in-out, visibility 500ms ease-in-out;
transform-origin: bottom center;
}
.product__categories ul li:hover a, .product__categories ul li.active a {
color: #2a2826;
padding-left: 27px;
}
.product__categories ul li:hover a::before, .product__categories ul li.active a::before {
transform: scale(1, 1);
visibility: visible;
transform-origin: top center;
}
.product__categories ul li.active a {
font-weight: 600;
}
.product__info-top {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.12);
margin-bottom: 30px;
padding: 0 21px 0 29px;
height: 52px;
}
@media (max-width: 767px) {
.product__info-top {
padding: 14px 21px 15px 21px;
height: initial;
flex-direction: column;
gap: 18px 0;
}
}
.product__showing-text {
margin: 0;
font-size: 16px;
line-height: 1;
color: #2a2826;
}
.product__showing-sort {
margin: 0;
font-size: 16px;
line-height: 1;
color: #2a2826;
}
.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
position: relative;
display: block;
font-family: "Inter", sans-serif;
width: 160px !important;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.product__showing-sort .bootstrap-select .dropdown-menu {
border: none;
top: 11px !important;
left: 1.6px !important;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle {
position: relative;
height: initial;
outline: none !important;
border-radius: 0;
border: 0;
background-color: transparent !important;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 18px;
color: #2a2826 !important;
font-size: 16px;
line-height: 20px;
font-weight: 400;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
font-size: 16px;
color: #2a2826;
}
.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
font-size: 16px;
font-weight: 400;
padding: 10px 34px;
color: #2a2826;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
background: var(infina-base, #d18548);
color: #fff;
border-color: var(infina-base, #d18548);
}
.product__item {
position: relative;
background-color: #fff;
transition: all 500ms ease;
border-radius: 24px;
}
.product__item__img {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-radius: 25px 25px 0 0;
background-color: #ece4de;
}
.product__item__img img {
min-height: 216px;
max-height: 216px;
width: 100%;
height: 100%;
object-fit: contain;
transition: all 500ms ease;
transform: scale(1);
}
.product__item__btn-sale {
position: absolute;
top: 17px;
left: 20px;
z-index: 2;
height: 26px;
width: fit-content;
padding: 0 14px;
display: flex;
align-items: center;
justify-content: center;
color: var(--wallpi-text3, #172000);
background-color: #fbb47f;
font-size: 14px;
line-height: 1;
font-weight: 400;
border-radius: 15px;
}
.product__item:hover .product__item__img img {
transform: scale(1.05);
}
.product__item__content {
position: relative;
text-align: center;
padding: 30px 16px 23px 24px;
padding-top: 0;
-webkit-box-shadow: 0px 0px 22px 3px rgba(229, 230, 232, 0.71);
box-shadow: 0px 0px 22px 3px rgba(229, 230, 232, 0.71);
border-radius: 0 0 25px 25px;
}
.product__item__link {
color: #2a2826;
font-size: 16px;
line-height: 1;
font-weight: 600;
padding: 5px 10px;
background-color: var(--wallpi-lightpink2, #f5ebe4);
width: calc(100% + 40px);
margin-left: -24px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
}
.product__item__link:hover {
color: #fff;
background-color: var(infina-base, #d18548);
}
.product__item__link::after, .product__item__link::before {
content: none;
}
.product__item__wrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding-top: 33px;
}
.product__item__title {
font-family: "Inter", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
margin: 0;
margin-bottom: 6px;
text-align: left;
}
.product__item__title a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.product__item__title a:hover {
background-size: 100% 1px;
}
.product__item__title a:hover {
color: var(infina-base, #d18548);
}
.product__item__price {
display: flex;
align-items: center;
font-family: "Inter", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.product__item__regular-price, .product__item__offer-price {
font-family: "Inter", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.product__item__offer-price {
color: #abb2b8;
padding-left: 11px;
text-decoration: line-through;
}
.product__item__ratings {
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
color: #ed8a19;
letter-spacing: 3px;
margin-bottom: 8px;
}

.product-one {
padding: 120px 0;
padding-bottom: 102px;
}
@media (max-width: 767px) {
.product-one {
padding: 61px 0;
}
}
@media (max-width: 1200px) {
.product-one .container {
max-width: 100%;
}
}
.product-one .pagination {
justify-content: center;
padding-top: 61px;
}
@media (max-width: 767px) {
.product-one .pagination {
padding-top: 44px;
}
}
.product-one .page-item {
padding: 0 5px;
}
.product-one .prev-item {
padding-right: 15px;
}
.product-one .next-item {
padding-left: 15px;
}
.product-one .page-link {
text-transform: uppercase;
font-size: 13px;
line-height: 1;
font-weight: 500;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
border-color: rgba(var(--wallpi-text-gray-dark-rgb, 74, 68, 68), 0.2);
border-radius: 18px !important;
padding: 16px 14px;
}
.product-one .page-link:hover,
.product-one .active .page-link {
color: #fff;
background-color: var(infina-base, #d18548);
border-color: var(infina-base, #d18548);
}
.product-one .page-link:is(:focus, :active) {
box-shadow: none;
background-color: var(infina-base, #d18548);
color: #fff;
}
.product-one--page {
padding-bottom: 120px;
}
@media (max-width: 991px) {
.product-one--page {
padding-bottom: 62px;
}
}
.product-one--page .bootstrap-select .dropdown-menu {
left: -3px !important;
}
.product-one--page .owl-carousel .owl-nav {
display: none;
}

.product-related {
background-color: #fff;
padding-bottom: 120px;
}
@media (max-width: 991px) {
.product-related {
padding-bottom: 52px;
}
}
@media (max-width: 1200px) {
.product-related__wrap {
max-width: 100%;
}
}
.product-related__title {
font-size: 30px;
line-height: 1;
font-weight: 600;
margin-bottom: 45px;
}
.product-related .owl-carousel .owl-nav {
display: none;
}

/*--------------------------------------------------------------
# Shop details
--------------------------------------------------------------*/
.product-details {
position: relative;
padding: 120px 0;
padding-bottom: 54px;
}
@media (max-width: 991px) {
.product-details {
padding: 58px 0;
padding-top: 52px;
}
}
@media (max-width: 1200px) {
.product-details .container {
max-width: 100%;
}
}
.product-details__img-col {
padding-right: 50px;
}
@media (max-width: 991px) {
.product-details__img-col {
padding-right: 15px;
}
}
.product-details__img-wrap {
height: 536px;
background-color: #e1dbd7;
position: relative;
border-radius: 26px;
}
.product-details__images {
height: 536px;
display: flex;
align-items: center;
justify-content: center;
}
.product-details__images > img {
width: 100% !important;
max-width: 285px;
height: auto;
}
.product-details__carousel-slider {
margin-bottom: -52px;
}
.product-details .tns-outer .tns-controls {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
position: absolute;
width: 100%;
left: 0;
bottom: 90px;
z-index: 2;
padding: 0 10px;
}
.product-details .tns-outer .tns-controls button {
width: 57px;
height: 57px;
transition: all 0.5s;
font-size: 8px;
font-size: 26px;
color: #2a2826;
border: 0;
margin: 0;
padding: 0;
background-color: #fff;
transition: all 0.5s ease;
}
.product-details .tns-outer .tns-controls button:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.product-details__thumb-img {
max-width: 402px;
margin: 0 auto;
}
.product-details__thumb-img .product-details__images {
height: auto;
max-width: 130px;
background-color: #f9eee3;
border: 2px solid #fff;
border-radius: 20px;
padding: 13px 15px;
transition: all 0.5s ease;
}
.product-details__thumb-img .product-details__images:hover {
border-color: var(infina-base, #d18548);
}
.product-details__thumb-img .product-details__images:hover > img {
transform: scale(1.2);
}
.product-details__thumb-img .product-details__images > img {
width: 100% !important;
max-height: 68px;
object-fit: contain;
transition: all 0.5s ease;
}
.product-details__content-col {
padding-left: 35px;
}
@media (max-width: 991px) {
.product-details__content-col {
padding-left: 15px;
}
}
.product-details__content {
position: relative;
margin-top: 4px;
}
@media (max-width: 991px) {
.product-details__content {
margin: 44px 0 0;
}
}
.product-details__top {
margin-bottom: 6px;
}
.product-details__title {
font-size: 32px;
font-weight: 600;
line-height: 1;
color: #2a2826;
margin: 0 0 30px;
}
@media (max-width: 991px) {
.product-details__title {
font-size: 28px;
margin: 0 0 24px;
}
}
.product-details__price {
display: flex;
align-items: center;
}
.product-details .product__item__regular-price, .product-details .product__item__offer-price {
display: block;
font-size: 28px;
line-height: 1;
}
@media (max-width: 991px) {
.product-details .product__item__regular-price, .product-details .product__item__offer-price {
font-size: 24px;
}
}
.product-details .product__item__offer-price {
font-size: 14px;
line-height: 1;
font-weight: 400;
padding-left: 9px;
}
.product-details__off20 {
display: block;
font-size: 14px;
line-height: 1;
font-weight: 400;
color: #f42647;
padding-left: 5px;
}
.product-details__instock {
font-size: 13px;
line-height: 1;
font-weight: 400;
display: inline-block;
padding: 5px;
margin-left: 8px;
background-color: #b6edb2;
}
.product-details__review {
position: relative;
display: flex;
align-items: center;
letter-spacing: 3px;
font-size: 14px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.product-details__review {
margin-bottom: 24px;
}
}
.product-details__review > span {
color: #efce4a;
}
.product-details__review a {
display: inline-block;
font-size: 14px;
letter-spacing: 0;
margin-left: 7px;
font-weight: 400;
transition: all 500ms ease;
color: #2a2826;
}
.product-details__review a:hover {
color: var(infina-base, #d18548);
}
.product-details__excerpt {
margin: 0 0 20px;
color: #2a2826;
font-size: 15px;
line-height: 30px;
font-weight: 400;
}
.product-details__feature {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.product-details__feature li {
list-style: none;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #2a2826;
position: relative;
padding-left: 28px;
}
.product-details__feature li::before {
font-family: "icomoon" !important;
content: "\e909";
position: absolute;
left: 0;
top: 0;
z-index: 1;
color: #2a2826;
font-size: 18px;
}
.product-details__fav-cart-wrap {
margin-bottom: 35px;
}
@media (max-width: 767px) {
.product-details__fav-cart-wrap {
flex-wrap: wrap;
gap: 15px 0;
}
}
.product-details__quantity {
position: relative;
}
.product-details__quantity-title {
margin: 0 0 4px;
font-family: "Inter", sans-serif;
font-size: 15px;
line-height: 30px;
font-weight: 500;
color: #2a2826;
}
.product-details__quantity .quantity-box {
position: relative;
width: 115px;
height: 44px;
}
@media (max-width: 767px) {
.product-details__quantity .quantity-box {
width: 200px;
}
}
.product-details__quantity .quantity-box input {
width: 115px;
height: 44px;
border: 1px solid rgba(var(--wallpi-border-color-rgb, 42, 40, 38), 0.2);
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
font-family: "Inter", sans-serif;
color: #2a2826;
padding-left: 21px;
outline: none;
font-size: 16px;
font-weight: 500;
color: #131216;
background-color: transparent;
}
@media (max-width: 767px) {
.product-details__quantity .quantity-box input {
width: 200px;
text-align: center;
padding: 0 60px 0 30px;
}
}
.product-details__quantity .quantity-box button {
width: 24px;
height: 24px;
color: #2a2826;
font-size: 18px;
position: absolute;
top: 1px;
right: 9px;
background-color: transparent;
border: none;
border-left: 0;
display: flex;
align-items: center;
justify-content: center;
outline: none;
transition: all 500ms ease;
padding: 0;
}
.product-details__quantity .quantity-box button.sub {
bottom: 1px;
top: auto;
border-top: 0;
}
.product-details__quantity .quantity-box button:hover {
color: var(infina-base, #d18548);
}
.product-details__buttons {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.product-details__buttons {
width: 100%;
}
}
.product-details .fav-icon {
width: 44px;
height: 44px;
background-color: #f9f7f7;
border-radius: 50%;
color: #2a2826;
display: flex;
align-items: center;
justify-content: center;
margin-left: 26px;
}
.product-details .fav-icon:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.product-details .wallpi-btn--addcart {
font-size: 15px;
line-height: 1;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
padding: 5px 35px;
background-color: var(infina-base, #d18548);
margin-left: 27px;
}
.product-details .wallpi-btn--addcart::before, .product-details .wallpi-btn--addcart::after {
content: none;
}
.product-details .wallpi-btn--addcart:hover {
background-color: #4a3626;
}
@media (max-width: 767px) {
.product-details .wallpi-btn--addcart {
margin-left: 0;
}
}
.product-details__delivery li strong {
font-size: 16px;
font-weight: 600;
color: inherit;
}
.product-details__socials {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 40px;
}
@media (max-width: 767px) {
.product-details__socials {
margin-top: 25px;
}
}
.product-details__socials__title {
margin: 0;
color: rgba(#2a2826, 0.8);
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 500;
margin-right: 13px;
}
@media (min-width: 768px) {
.product-details__socials__title {
flex: 0 0 auto;
}
}
.product-details__socials a {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #2a2826;
transition: all 500ms ease;
border-radius: 50%;
}
.product-details__socials a:hover {
color: var(infina-base, #d18548);
}
.product-details__socials a + a {
margin-left: 26px;
}
@media (max-width: 767px) {
.product-details__socials a + a {
margin-left: 15px;
}
}
.product-details__description {
margin: 88px 0 0;
overflow: hidden;
}
@media (max-width: 991px) {
.product-details__description {
margin-top: 58px;
}
}
.product-details__description__wrap {
position: relative;
border-radius: 8px;
padding: 88px 67px 55px 67px;
border: 1px solid rgba(var(--wallpi-border-color-rgb, 42, 40, 38), 0.1);
}
@media (max-width: 991px) {
.product-details__description__wrap {
padding: 200px 20px 40px 20px;
}
}
.product-details__description__tablist {
position: absolute;
width: 100%;
height: auto;
top: -1px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: 0 5px;
}
@media (max-width: 991px) {
.product-details__description__tablist {
flex-direction: column;
gap: 8px 0;
}
}
.product-details__description__tablist li {
list-style: none;
font-size: 18px;
line-height: 1;
font-weight: 500;
color: #2a2826;
}
@media (max-width: 991px) {
.product-details__description__tablist li {
width: 100%;
}
}
.product-details__description__tablist li a {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.7);
color: #2a2826;
padding: 5px 50px;
}
.product-details__description__tablist li a.active, .product-details__description__tablist li a:hover {
background-color: #2a2826;
color: #fff;
}
.product-details__description__info {
margin-bottom: -30px;
position: absolute;
opacity: 0;
visibility: hidden;
transform: translateY(-25px);
transition: all 0.5s ease;
}
.product-details__description__info.active {
position: static;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.product-details__description__text {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width: 991px) {
.product-details__description__text {
margin-bottom: 17px;
}
}
.product-details__comment {
border-top: 1px solid #2a2826);
margin: 20px 0 0;
padding: 30px 0 0;
position: relative;
}
@media (max-width: 991px) {
.product-details__comment {
margin-top: 5px;
padding-top: 15px;
}
}
.product-details__review-title {
font-family: "Inter", sans-serif;
font-size: 30px;
margin-bottom: 36px;
font-weight: 600;
}
@media (max-width: 991px) {
.product-details__review-title {
font-size: 26px;
margin-bottom: 19px;
}
}
.product-details__comment-box {
position: relative;
padding: 11px 0 64px 212px;
margin-bottom: 50px;
min-height: 166px;
border-bottom: 1px solid #2a2826);
}
@media (max-width: 991px) {
.product-details__comment-box {
padding: 11px 0 32px 195px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.product-details__comment-box {
padding-left: 0;
}
}
.product-details__comment-box__thumb {
width: 166px;
height: 166px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
margin: 0;
border: none;
}
@media (max-width: 767px) {
.product-details__comment-box__thumb {
position: relative;
margin: 0 0 20px;
}
}
.product-details__comment-box__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.product-details__comment-box__meta {
font-family: "Inter", sans-serif;
font-size: 20px;
line-height: 30px;
margin: 0 0 20px;
font-weight: bold;
color: #2a2826;
}
.product-details__comment-box__date {
font-size: 15px;
line-height: 26px;
display: inline-block;
text-transform: inherit;
font-family: "Inter", sans-serif;
font-weight: 500;
letter-spacing: 0;
margin: 0 0 0 7px;
text-transform: capitalize;
}
.product-details__comment-box__text {
line-height: 30px;
margin: 0;
font-size: 15px;
}
.product-details__comment-box__ratings {
position: absolute;
right: 0;
top: 13px;
display: flex;
align-items: center;
letter-spacing: 6px;
font-size: 16px;
}
@media (max-width: 767px) {
.product-details__comment-box__ratings {
position: relative;
top: 0;
margin: 0 0 22px;
}
}
.product-details__comment-box__ratings > span {
color: #efce4a;
}
.product-details__form {
position: relative;
margin: 51px 0 0;
}
.product-details__form .row {
--bs-gutter-x: 20px;
}
.product-details__form-title {
font-size: 30px;
text-transform: uppercase;
margin-bottom: 18px;
font-weight: bold;
}
.product-details__form-ratings {
display: flex;
align-items: center;
letter-spacing: 6px;
font-size: 16px;
color: var(infina-base, #d18548);
margin: 0 0 15px;
}
.product-details__form-ratings__label {
display: inline-block;
font-size: 18px;
letter-spacing: 0;
color: #2a2826;
margin: 0 17px 0 0;
}
.product-details__form__form {
margin-top: 0;
}

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-page {
position: relative;
padding: 112px 15px;
padding-top: 118px;
}
@media (max-width: 767px) {
.cart-page {
padding: 58px 15px;
padding-top: 42px;
}
}
.cart-page .container {
max-width: 1170px;
}
.cart-page__row {
align-items: flex-start;
gap: 0 42px;
}
@media (max-width: 1199px) {
.cart-page__row {
gap: 0 30px;
}
}
.cart-page .table-responsive {
position: relative;
display: block;
width: calc((69.4% - 21px) / 1);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
}
@media (max-width: 991px) {
.cart-page .table-responsive {
margin-bottom: 38px;
width: calc((100% - 0px) / 1);
}
}
@media (max-width: 767px) {
.cart-page__scrollresponsive {
width: 750px;
}
}
.cart-page__titlerow {
padding-bottom: 8px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
}
.cart-page__titlename {
width: calc((100% - 0px) / 4);
color: #2a2826;
font-weight: 600;
font-size: 18px;
line-height: 1;
}
.cart-page__titlename.product--name {
width: 50.2%;
}
.cart-page__titlename.quantity-count {
width: 24.6%;
}
.cart-page__titlename.price--amount {
width: 14.9%;
}
.cart-page__titlename.subtotla-amount {
width: 10.3%;
}
.cart-page__table__metaimg {
width: 83px;
min-width: 83px;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
padding: 16px 7px;
margin-right: 27px;
position: relative;
background-color: #ece4de;
}
.cart-page__table__metaimg img {
width: 100% !important;
max-width: 58px;
max-height: 62px;
}
.cart-page__removeitem {
position: absolute;
right: -12px;
top: 0;
bottom: 0;
margin: auto 0;
width: 24px;
height: 24px;
z-index: 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(45deg);
font-size: 12px;
line-height: 1;
color: #2a2826;
text-shadow: 0px 0px 0px #2a2826;
background-color: #fb5d25;
cursor: pointer;
}
.cart-page__table__metatitle {
font-family: "Inter", sans-serif;
font-weight: 500;
color: #2a2826;
font-size: 16px;
line-height: 1;
margin-bottom: 0;
}
.cart-page__table__metatitle > a {
color: inherit;
}
.cart-page__productsrow {
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding-bottom: 44px;
margin-bottom: 34px;
}
.cart-page__quantity.product--name {
width: 45.5%;
}
.cart-page__quantity.quantity-count {
width: 29.5%;
}
.cart-page__quantity.price--amount {
width: 15%;
}
.cart-page__quantity.subtotla-amount {
width: 10%;
}
.cart-page__quantity .quantity-box {
background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.6);
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
width: 157px;
padding: 11px 14px;
}
.cart-page__quantity .quantity-box > input[type=text] {
width: 56px;
display: block;
outline-style: none;
background-color: transparent;
border: 0;
text-align: center;
font-size: 16px;
line-height: 1;
color: #2a2826;
font-family: "Inter", sans-serif;
}
.cart-page__quantity .quantity-box > button {
outline-style: none;
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
border: 0;
background-color: #fff;
padding: 0;
margin: 0;
text-shadow: 0px 0px 1px #2a2826;
color: #2a2826;
font-size: 22px;
line-height: 1;
}
.cart-page__price {
font-weight: 500;
font-size: 16px;
line-height: 1;
color: #2a2826;
}
.cart-page__coupon__titel {
font-family: "Inter", sans-serif;
font-size: 18px;
line-height: 1;
font-weight: 500;
color: #2a2826;
margin-bottom: 23px;
}
.cart-page__coupon__codebox {
position: relative;
margin-bottom: 22px;
}
.cart-page__coupon .coupon-code-field {
outline-style: none;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
height: 57px;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.6);
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1;
width: 100%;
padding-left: 20px;
}
.cart-page__coupon .apply-code-btn {
position: absolute;
width: auto;
height: calc(100% - 2px);
top: 1px;
right: 1px;
z-index: 1;
margin: 0;
font-size: 16px;
line-height: 1;
color: #fff;
font-weight: 500;
padding: 5px 58px;
background-color: #2a2826;
}
.cart-page__coupon .apply-code-btn::before {
background-color: #2a2826;
}
.cart-page__coupon .apply-code-btn::after {
background-color: var(infina-base, #d18548);
}
.cart-page__coupon__continueshopping {
font-size: 15px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
color: #2a2826;
position: relative;
}
.cart-page__coupon__continueshopping::before, .cart-page__coupon__continueshopping::after {
content: "";
position: absolute;
width: 100%;
max-width: 100%;
height: 1px;
background-color: #2a2826;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
transition: all 0.8s;
}
.cart-page__coupon__continueshopping::after {
max-width: 0;
background-color: var(infina-base, #d18548);
transition: all 0.8s;
}
.cart-page__coupon__continueshopping:hover {
color: var(infina-base, #d18548);
}
.cart-page__coupon__continueshopping:hover::before {
max-width: 0;
}
.cart-page__coupon__continueshopping:hover::after {
max-width: 100%;
}
.cart-page .cart-process-wrap {
width: calc((30.6% - 21px) / 1);
background-color: #f6fbff;
padding: 0;
}
@media (max-width: 991px) {
.cart-page .cart-process-wrap {
width: calc((100% - 0px) / 1);
}
}
.cart-page__common {
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding: 17.5px 20px;
transition: all 0.5s;
}
.cart-page__common:nth-last-of-type(-n+2) {
margin-bottom: 0;
border: 0;
}
.cart-page__common:hover {
background-color: rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
}
@media (max-width: 1199px) {
.cart-page__common {
padding-left: 18px;
padding-right: 18px;
}
}
@media (max-width: 1199px) {
.cart-page__carttotalscost {
padding-left: 18px;
padding-right: 18px;
}
}
.cart-page__cartname, .cart-page__cartprice {
font-family: "Pathway Extreme", sans-serif;
color: #2a2826;
font-size: 18px;
line-height: 1.2em;
font-weight: 600;
}
.cart-page__flatrate > span {
display: block;
color: #2a2826;
font-weight: 400;
font-size: 16px;
line-height: 1;
margin-bottom: 5px;
}
.cart-page__flatrate > small {
display: block;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.6);
font-weight: 400;
font-size: 14px;
line-height: 1;
margin-bottom: 12px;
}
.cart-page__flatrate .change-address {
color: var(infina-base, #d18548);
font-weight: 400;
font-size: 14px;
line-height: 1;
display: block;
width: fit-content;
position: relative;
}
.cart-page__flatrate .change-address::after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: -2px;
border-bottom: 1px solid var(infina-base, #d18548);
z-index: 1;
}
.cart-page .proceed-btn-wrap {
padding-top: 32px;
}
.cart-page .proceed-btn {
font-family: "Inter", sans-serif;
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
background-color: var(infina-base, #d18548);
margin: 0;
}
.cart-page .proceed-btn::before {
background-color: var(infina-base, #d18548);
}
.cart-page .proceed-btn::after {
background-color: #2a2826;
}
.cart-page .proceed-btn:hover {
color: #fff;
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
position: relative;
background-color: #fff;
padding: 117px 0;
padding-bottom: 88px;
}
@media (max-width: 991px) {
.checkout-page {
padding: 68px 0;
padding-top: 55px;
}
}
@media (max-width: 1200px) {
.checkout-page .container {
max-width: 100%;
}
}
.checkout-page .bs-gutter-x-20 {
--bs-gutter-x: 20px;
}
.checkout-page__billing-address {
position: relative;
}
.checkout-page__billing-address__title {
color: #2a2826;
font-weight: 600;
font-size: 20px;
line-height: 1;
margin: 0 0 30px;
padding-bottom: 13px;
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
}
@media (max-width: 767px) {
.checkout-page__billing-address__title {
font-size: 18px;
}
}
.checkout-page__label-text {
font-size: 16px;
line-height: 1;
color: #2a2826;
font-weight: 400;
margin-bottom: 19px;
display: block;
}
.checkout-page__input-box {
position: relative;
line-height: 1;
margin: 0 0 30px;
}
.checkout-page__input-box input[type=text],
.checkout-page__input-box input[type=email],
.checkout-page__input-box input[type=tel] {
height: 60px;
width: 100%;
border: none;
background-color: #fff;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding-left: 20px;
padding-right: 20px;
outline: none;
font-size: 15px;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5);
font-family: "Inter", sans-serif;
display: block;
font-weight: 400;
border-radius: 4px;
}
.checkout-page__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
position: relative;
display: block;
width: 100% !important;
font-family: "Inter", sans-serif;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle {
position: relative;
height: 58px;
outline: none !important;
border-radius: 0;
border: 0;
background-color: #fff !important;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 20px;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5) !important;
font-size: 15px;
line-height: 56px;
font-weight: 400;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 30px;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
font-size: 14px;
color: #2a2826;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a {
border-top: 1px solid #2a2826);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu {
border: none;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li > a {
font-size: 15px;
font-weight: 400;
padding: 15px 20px;
color: var(--wallpi-text3, #172000);
background-color: var(infina-base, #d18548);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a,
.checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a {
background: var(infina-base, #d18548);
color: #fff;
border-color: var(infina-base, #d18548);
}
.checkout-page__input-box textarea {
font-size: 15px;
font-weight: 400;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5);
height: 120px;
width: 100%;
background-color: #fff;
font-family: "Inter", sans-serif;
padding: 20px 20px 30px 20px;
border: none;
outline: none;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
resize: none;
border-radius: 18px;
margin-bottom: 0px;
}
.checkout-page__input-box--ordernotes {
margin-top: 22px;
}
.checkout-page__input-box--ordernotes .checkout-page__label-text {
font-family: "Pathway Extreme", sans-serif;
font-weight: 600;
font-size: 18px;
}
.checkout-page__input-box--ordernotes textarea {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.5);
}
.checkout-page__check-box {
position: relative;
display: block;
margin-top: -5px;
margin-bottom: 10px;
}
.checkout-page__check-box input[type=checkbox] {
display: none;
}
.checkout-page__check-box label {
position: relative;
display: block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
color: #2a2826;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-transform: none;
cursor: pointer;
}
.checkout-page__check-box label span:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
color: var(infina-base, #d18548);
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-size: 10px;
font-weight: 900;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
opacity: 0;
}
.checkout-page__check-box input[type=checkbox] + label span {
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
background-color: #fff;
border: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
vertical-align: middle;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.checkout-page__check-box input[type=checkbox]:checked + label span:before {
opacity: 1;
}
.checkout-page__cost-process {
padding-left: 43px;
padding-top: 7px;
}
@media (max-width: 1200px) {
.checkout-page__cost-process {
padding-left: 0;
}
}
.checkout-page__cost-process-title {
font-family: "Pathway Extreme", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
color: #2a2826;
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
margin-bottom: 0;
padding-bottom: 18px;
}
.checkout-page .cart-process-wrap {
border: 1px solid #2a2826;
background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.4);
padding: 30.5px 19.5px 10px 19.5px;
}
.checkout-page .cart-process-wrap.cart-process-wrap + .cart-process-wrap {
margin-top: 26px;
}
.checkout-page .cart-page__common {
border-color: rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding: 24px 0;
margin-bottom: 0;
position: relative;
}
.checkout-page .cart-page__common:nth-last-child(-n+2) {
border-bottom: 1px solid rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
}
.checkout-page .cart-page__common:nth-last-child(-n+1) {
border: 0;
}
.checkout-page .cart-page__common::after {
content: "";
position: absolute;
width: calc(100% + 39px);
height: calc(100% + 2px);
top: -1px;
left: -19.5px;
z-index: 1;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
}
.checkout-page .cart-page__common:hover {
background-color: transparent;
}
.checkout-page .cart-page__common:hover::after {
opacity: 1;
visibility: visible;
}
.checkout-page .cart-page__table__metatitle {
font-size: 14px;
line-height: 22px;
color: rgba(var(--wallpi-text3-rgb, 23, 32, 0));
}
.checkout-page .cart-page__cartprice,
.checkout-page .cart-page__cartname,
.checkout-page .cart-page__flatrate,
.checkout-page .cart-page__titlename {
position: relative;
z-index: 2;
}
.checkout-page .cart-page__cartname {
font-size: 20px;
}
.checkout-page .cart-page__table__metaimg {
width: 52px;
min-width: 52px;
border-radius: 4px;
background-color: rgba(var(--wallpi-text-dark2-white-rgb, 189, 189, 188), 0.4);
padding: 8.5px 7px;
margin-right: 12px;
}
.checkout-page .cart-page__table__metaimg img {
max-width: 36px;
max-height: initial;
}
.checkout-page .change-address {
color: var(infina-base, #d18548);
}
.checkout-page .change-address::after {
border-bottom-color: var(infina-base, #d18548);
}
.checkout-page__payment {
padding-bottom: 54px !important;
}
.checkout-page__payment .checkout-page__cost-process-title {
margin-bottom: 39px;
}
.checkout-page__payment__select input[type=checkbox] {
display: none;
}
.checkout-page__payment__select label {
position: relative;
padding-left: 46px;
cursor: pointer;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: #2a2826;
height: 50px;
border: 1px solid #2a2826;
border-radius: 4px;
display: flex;
align-items: center;
transition: all 0.4s;
}
.checkout-page__payment__select label span:before {
position: absolute;
width: auto;
height: 100%;
top: 0;
left: 20px;
bottom: 0;
line-height: 1;
display: flex;
align-items: center;
color: #fff;
font-family: "icomoon" !important;
content: "\e910";
font-size: 16px;
font-weight: 900;
color: #2a2826;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
opacity: 1;
}
.checkout-page__payment__select label:hover {
border-color: var(infina-base, #d18548);
background-color: #fff;
}
.checkout-page__payment__select label:hover span:before {
color: var(infina-base, #d18548);
}
.checkout-page__payment__select input[type=checkbox] + label span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: auto;
height: 100%;
border: none;
vertical-align: middle;
display: flex;
align-items: center;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.checkout-page__payment__select input[type=checkbox]:checked + label {
border-color: var(infina-base, #d18548);
background-color: #fff;
}
.checkout-page__payment__select input[type=checkbox]:checked + label span:before {
opacity: 1;
color: var(infina-base, #d18548);
}
.checkout-page__payment__select + .checkout-page__payment__select {
margin-top: 11px;
}
.checkout-page__payment .payment_condition-check {
padding-top: 33px;
}
.checkout-page__payment .place-oder-btn-wrap {
padding-top: 23px;
}
.checkout-page__payment .place-oder-btn {
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
background-color: var(infina-base, #d18548);
border-radius: 4px;
margin: 0;
}
.checkout-page__payment .place-oder-btn::before {
background-color: var(infina-base, #d18548);
}
.checkout-page__payment .place-oder-btn::after {
background-color: #2a2826;
}
.checkout-page__payment .place-oder-btn:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.checkout-page__payment .checkout-page__check-box label {
font-weight: 400;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-page {
position: relative;
padding: 120px 0;
padding-top: 100px;
}
@media (max-width: 767px) {
.login-page {
padding: 80px 0;
padding-top: 60px;
}
}
.login-page__info {
background-color: var(infina-gray, #f9f6f1);
padding: 13px 30px 15px;
margin-bottom: 72px;
}
@media (max-width: 991px) {
.login-page__info {
margin-bottom: 20px;
}
}
.login-page__info p {
margin: 0;
font-size: 14px;
}
.login-page__info p span {
color: #2a2826;
}
.login-page__info p a {
display: inline-block;
color: var(infina-base, #d18548);
transition: all 500ms ease;
}
.login-page__info p a:hover {
color: #2a2826;
text-shadow: 0 0 1px currentColor;
}
.login-page__wrap {
position: relative;
}
.login-page__wrap__title {
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 34px;
}
@media (max-width: 991px) {
.login-page__wrap__title {
margin-top: 50px;
}
}
.login-page__form {
position: relative;
display: block;
padding: 60px;
border: 1px solid #2a2826);
}
@media (min-width: 991px) and (max-width: 1199px) {
.login-page__form {
padding: 40px;
}
}
@media (max-width: 767px) {
.login-page__form {
padding: 30px 22px;
}
}
.login-page__form-input-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.login-page__form-input-box input[type=email],
.login-page__form-input-box input[type=password] {
height: 58px;
width: 100%;
border: none;
background-color: var(infina-gray, #f9f6f1);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: #2a2826;
display: block;
font-weight: 500;
}
.login-page__checked-box {
position: relative;
display: block;
margin-top: -8px;
margin-bottom: 15px;
}
.login-page__checked-box label {
position: relative;
display: inline-block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
color: #2a2826;
font-size: 14px;
line-height: 22px;
font-weight: 500;
text-transform: none;
cursor: pointer;
}
.login-page__checked-box label span:before {
position: absolute;
top: 2px;
left: 3px;
display: block;
border-bottom: 2px solid #2a2826);
border-right: 2px solid #2a2826);
content: "";
width: 5px;
height: 8px;
pointer-events: none;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
opacity: 0;
}
.login-page__checked-box input[type=checkbox] {
display: none;
}
.login-page__checked-box input[type=checkbox] + label span {
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background: transparent;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #2a2826);
}
.login-page__checked-box input[type=checkbox]:checked + label span:before {
opacity: 1;
}
.login-page__form-btn-box {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.login-page__form-btn-box .wallpi-btn {
padding-left: 47px;
padding-right: 47px;
}
.login-page__form-forgot-password {
position: relative;
display: block;
margin-left: 0px;
flex: 0 0 100%;
margin-top: 10px;
}
@media (min-width: 768px) {
.login-page__form-forgot-password {
margin-left: 20px;
flex: 0 0 auto;
margin-top: 0;
}
}
.login-page__form-forgot-password a {
font-size: 14px;
font-weight: 500;
color: #2a2826;
position: relative;
display: inline-block;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.login-page__form-forgot-password a:hover {
background-size: 100% 1px;
}
.login-page__form-forgot-password a:hover {
color: var(infina-base, #d18548);
}

/*--------------------------------------------------------------
# error 404
--------------------------------------------------------------*/
.error-404 {
text-align: center;
padding-top: 40px;
padding-bottom: 58px;
}
@media (min-width: 992px) {
.error-404 {
padding-bottom: 120px;
padding-top: 92px;
}
}
.error-404__inner {
max-width: 638px;
margin: 0 auto;
}
.error-404__titlewrap {
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
height: 100%;
padding-bottom: 250px;
transform: rotate(-16deg);
animation: error404 1.5s linear infinite alternate;
}
@media (max-width: 767px) {
.error-404__titlewrap {
overflow: hidden;
padding-bottom: 180px;
}
}
@keyframes error404 {
from {
transform: rotate(0);
}
to {
transform: rotate(-10deg);
}
}
.error-404__titlewrap::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 100px;
left: 32px;
z-index: 2;
background-image: url("../images/shapes/shape404-1-1.png");
background-repeat: no-repeat;
transform: rotate(16deg);
}
@media (max-width: 767px) {
.error-404__titlewrap::after {
left: 0;
top: 50px;
}
}
.error-404__titlewrap::before {
content: "";
position: absolute;
width: 162px;
height: 162px;
left: 70px;
top: 38px;
border-radius: 50%;
background-color: rgba(var(infina-gray-rgb, 249, 246, 241), 0.9);
z-index: 1;
}
@media (max-width: 767px) {
.error-404__titlewrap::before {
display: none;
}
}
.error-404__title {
font-size: 180px;
line-height: 1;
font-weight: 700;
margin-bottom: 20px;
position: absolute;
top: 10px;
left: 85px;
width: 100%;
z-index: 3;
height: auto;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.error-404__title {
justify-content: center;
left: 0;
right: 0;
margin: 0 auto;
font-size: 134px;
}
}
.error-404__title > span {
font-weight: 700;
position: relative;
z-index: 2;
display: block;
}
.error-404__title > span:nth-child(1) {
animation: errorText1 1s linear infinite alternate;
}
@keyframes errorText1 {
from {
transform: translateY(-8px);
}
to {
transform: translateY(8px);
}
}
.error-404__title > span:nth-child(2) {
animation: errorText2 1.3s linear infinite alternate;
}
@keyframes errorText2 {
from {
transform: translateY(-6px);
}
to {
transform: translateY(6px);
}
}
.error-404__title > span:nth-child(3) {
animation: errorText3 1.6s linear infinite alternate;
}
@keyframes errorText3 {
from {
transform: translateY(-9px);
}
to {
transform: translateY(9px);
}
}
.error-404__sub-title {
font-size: 28px;
margin: 0;
line-height: 1.2em;
margin-bottom: 30px;
font-weight: 600;
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.error-404__sub-title {
font-size: 38px;
margin-bottom: 42px;
}
}
.error-404__text {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 18px;
line-height: 32px;
margin: 0;
margin-bottom: 28px;
}
@media (min-width: 768px) {
.error-404__text {
font-size: 20px;
}
}
.error-404__search {
display: inline-flex;
align-items: center;
position: relative;
margin-bottom: 57px;
width: 100%;
}
@media (max-width: 991px) {
.error-404__search {
margin-bottom: 35px;
}
}
.error-404__search input[type=text] {
border: none;
outline: none;
display: block;
background-color: #fff;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.75);
font-size: 16px;
width: 100%;
padding-left: 28px;
height: 58px;
border: 1px solid rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.1);
}
.error-404__search__btn {
border: none;
outline: none;
background-color: transparent;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
font-size: 20px;
padding: 0;
}
@media (min-width: 768px) {
.error-404__search__btn {
font-size: 22px;
}
}
.error-404__btn {
width: fit-content;
margin: 0 auto;
font-weight: 500;
font-size: 15px;
background-color: #2a2826;
}
.error-404__btn::before {
background-color: #2a2826;
}
.error-404__btn::after {
background-color: var(infina-base, #d18548);
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-page {
padding-top: 104px;
padding-bottom: 176px;
background-color: rgba(var(infina-gray-rgb, 249, 246, 241), 0.8);
margin-bottom: -58px;
}
@media (max-width: 991px) {
.faq-page {
padding-bottom: 80px;
padding-top: 52px;
}
}
@media (max-width: 1200px) {
.faq-page .container {
max-width: 100%;
}
}
.faq-page__titlewrap {
position: relative;
margin-bottom: 85px;
padding-right: 225px;
}
@media (max-width: 991px) {
.faq-page__titlewrap {
margin-bottom: 52px;
}
}
@media (max-width: 767px) {
.faq-page__titlewrap {
padding-right: 0;
}
}
.faq-page__titlinner {
max-width: 750px;
padding-top: 6px;
}
.faq-page__title {
color: #2a2826;
font-weight: 600;
font-size: 43px;
line-height: 50px;
text-align: left;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.faq-page__title {
font-size: 32px;
line-height: 36px;
margin-bottom: 15px;
}
}
.faq-page__text {
color: #2a2826;
font-size: 18px;
line-height: 30px;
text-align: left;
margin-bottom: 0;
}
.faq-page__imgeffect {
position: absolute;
float: right;
right: 55px;
top: 0;
z-index: 1;
}
@media (max-width: 767px) {
.faq-page__imgeffect {
display: none;
}
}
.faq-page__accordiontitle {
color: #2a2826;
font-weight: 600;
font-size: 26px;
line-height: 1;
margin-bottom: 30px;
}
.faq-page__accordion .accrodion {
border: 1px solid rgba(var(--wallpi-text-gray-rgb, 113, 106, 99), 0.2);
}
.faq-page__accordion .accrodion + .accrodion {
margin-top: 10px;
}
.faq-page__accordion .accrodion-title {
padding: 20px 25px;
padding-right: 70px;
cursor: pointer;
}
@media (min-width: 768px) {
.faq-page__accordion .accrodion-title {
padding-left: 30px;
}
}
.faq-page__accordion .accrodion-title h4 {
font-weight: 500;
color: var(--wallpi-text2, #0f0e0e);
font-size: 16px;
margin: 0;
transition: all 500ms ease;
position: relative;
}
.faq-page__accordion .accrodion-title__icon {
width: 33px;
height: 33px;
position: absolute;
top: 50%;
right: -60px;
transform: translateY(-50%) scale(1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #2a2826;
}
.faq-page__accordion .accrodion-title__icon::before {
width: 33px;
height: 33px;
position: absolute;
background-color: rgba(var(--wallpi-text-gray-rgb, 113, 106, 99), 0.1);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 500ms ease;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.faq-page__accordion .accrodion-title__icon:hover::before {
color: #fff;
background-color: var(infina-base, #d18548);
}
.faq-page__accordion .active .accrodion-title {
border-bottom: 1px solid rgba(var(--wallpi-text-gray-rgb, 113, 106, 99), 0.2);
}
.faq-page__accordion .active .accrodion-title__icon {
transform: translateY(-50%) scale(-1);
}
.faq-page__accordion .active .accrodion-title__icon::before {
color: #fff;
background-color: var(infina-base, #d18548);
}
.faq-page__accordion .accrodion-content {
padding-top: 19px;
}
.faq-page__accordion .accrodion-content .inner {
padding: 0px 30px 24px 25px;
margin-top: -3px;
}
@media (min-width: 768px) {
.faq-page__accordion .accrodion-content .inner {
padding-left: 30px;
padding-right: 60px;
}
}
.faq-page__accordion .accrodion-content p {
margin: 0;
font-size: 16px;
line-height: 32px;
}

/*--------------------------------------------------------------
# Package
--------------------------------------------------------------*/
.package-card {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
background-color: #fff;
}
.package-card__image {
position: relative;
overflow: hidden;
}
.package-card__image > img {
width: 100%;
transform: scale(1);
transition: transform 500ms ease;
}
.package-card__image__link {
display: flex;
width: 100%;
height: 100%;
background-color: rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.7);
position: absolute;
top: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(-20%);
transition: opacity 500ms ease, transform 500ms ease;
}
.package-card__image__link::before, .package-card__image__link::after {
content: "";
width: 20px;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.package-card__image__link::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.package-card:hover .package-card__image > a {
opacity: 1;
transform: translateY(0);
}
.package-card:hover .package-card__image > img {
transform: scale(1.05);
}
.package-card__content {
background-repeat: no-repeat;
background-position: right bottom;
position: relative;
padding: 50px;
}
.package-card__content__shape {
display: block;
width: auto !important;
}
.package-card__price {
width: 81px;
height: 81px;
background-color: var(infina-base, #d18548);
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 18px;
position: absolute;
right: 40px;
top: 0;
transform: translateY(-50%);
line-height: 1;
}
@media (min-width: 768px) {
.package-card__price {
font-size: 20px;
}
}
.package-card__title {
margin: 0;
text-transform: uppercase;
font-weight: bold;
color: #2a2826;
font-size: 22px;
line-height: 1.2em;
margin-top: -5px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.package-card__title {
font-size: 24px;
}
}
.package-card__title a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.package-card__title a:hover {
background-size: 100% 1px;
}
.package-card__title a:hover {
color: var(infina-base, #d18548);
}
.package-card__text {
margin: 0;
font-size: 15px;
line-height: 30px;
border-bottom: 1px solid #2a2826);
margin-top: 10px;
padding-bottom: 21px;
margin-bottom: 6px;
}
.package-card__link {
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
color: #2a2826;
transition: all 500ms ease;
line-height: 1em;
position: relative;
top: 10px;
text-shadow: 0 0 1px currentColor;
}
.package-card__link:hover {
color: var(infina-base, #d18548);
}
.package-card__link i {
font-size: 16px;
margin-left: 9px;
}

.package-page {
padding: 120px 0;
padding-top: 100px;
}
@media (max-width: 767px) {
.package-page {
padding: 80px 0;
padding-top: 60px;
}
}

/*--------------------------------------------------------------
# Offer
--------------------------------------------------------------*/
.offer-one {
padding-bottom: 120px;
}
@media (max-width: 767px) {
.offer-one {
padding-bottom: 80px;
}
}
.offer-one--home {
padding: 100px 0;
}
@media (max-width: 767px) {
.offer-one--home {
padding: 80px 0;
}
}
.offer-one .container-fluid {
max-width: 1604px;
}
.offer-one__card {
padding: 20px;
background-size: cover;
position: relative;
overflow: hidden;
}
.offer-one__card::before {
background: linear-gradient(90deg, rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.5) 92%, rgba(var(--wallpi-white-rgb, 255, 255, 255), 0));
content: "";
height: 200%;
left: -210%;
opacity: 0;
position: absolute;
top: -50%;
transition: all 0.7s ease 0s;
width: 200%;
}
.offer-one__card:hover::before {
left: -30%;
opacity: 1;
top: -20%;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-property: left, top, opacity;
transition-timing-function: linear;
}
.offer-one__card__inner {
position: relative;
border: 1px solid #fff;
padding: 40px;
}
@media (min-width: 992px) {
.offer-one__card__inner {
padding: 50px;
}
}
.offer-one__card__shape {
position: absolute;
top: 0;
left: 0;
display: none;
}
@media (min-width: 992px) {
.offer-one__card__shape {
display: block;
}
}
.offer-one__card__value {
font-family: "Kumbh Sans", sans-serif;
font-weight: 400;
font-size: 30px;
color: var(infina-base, #d18548);
line-height: 1;
margin: 0;
}
@media (min-width: 992px) {
.offer-one__card__value {
font-size: 40px;
}
}
.offer-one__card__title {
position: relative;
font-weight: bold;
text-transform: uppercase;
margin: 0;
font-size: 30px;
line-height: 1.2em;
margin-bottom: 17px;
}
@media (min-width: 992px) {
.offer-one__card__title {
font-size: 40px;
}
}

/*--------------------------------------------------------------
# Membership
--------------------------------------------------------------*/
.membership-one {
padding: 120px 0;
padding-top: 100px;
}
@media (max-width: 767px) {
.membership-one {
padding: 80px 0;
padding-top: 60px;
}
}
.membership-one .sec-title {
text-align: center;
padding-bottom: 25px;
}
.membership-one__tab__list {
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
}
.membership-one__tab__list li {
cursor: pointer;
}
.membership-one__tab__list li span {
display: block;
font-size: 10px;
background-color: var(infina-gray, #f9f6f1);
transition: all 500ms ease;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
padding: 15px 20px;
line-height: 1.2em;
color: #2a2826;
}
.membership-one__tab__list li.active-btn span, .membership-one__tab__list li:hover span {
background-color: var(infina-base, #d18548);
color: #fff;
}
.membership-one__card {
background-repeat: no-repeat;
background-position: top right;
border: 1px solid #2a2826);
padding: 50px;
background-color: #fff;
transition: all 500ms ease;
}
.membership-one__card:hover {
border-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.membership-one__card__price {
font-family: "Inter", sans-serif;
color: #2a2826;
line-height: 1;
font-size: 40px;
line-height: 1em;
font-weight: 500;
}
.membership-one__card__tagline {
margin: 0;
font-size: 16px;
font-family: "Inter", sans-serif;
line-height: 2.5em;
color: #2a2826;
border-bottom: 1px solid #2a2826);
padding-bottom: 16px;
margin-bottom: 33px;
}
.membership-one__card__text {
margin: 0;
font-weight: 600;
color: #2a2826;
font-size: 16px;
line-height: 2.5em;
margin-top: 13px;
}
.membership-one__card__list {
margin-bottom: 26px;
}
.membership-one__card__list li {
position: relative;
font-size: 16px;
line-height: 2.5em;
color: #2a2826;
display: flex;
justify-content: center;
align-items: center;
}
.membership-one__card__list li > i {
font-size: 14px;
color: var(infina-base, #d18548);
margin-right: 10px;
position: relative;
top: 1px;
}

.membership-two {
padding: 120px 0;
padding-top: 100px;
}
@media (max-width: 767px) {
.membership-two {
padding: 80px 0;
padding-top: 60px;
}
}
.membership-two--padding {
padding: 120px 0;
}
@media (max-width: 767px) {
.membership-two--padding {
padding: 80px 0;
}
}
.membership-two .sec-title {
text-align: center;
}
.membership-two-card {
background-repeat: no-repeat;
background-position: top right;
border: 1px solid #2a2826);
padding: 36px 40px;
transition: all 500ms ease;
background-color: #fff;
}
.membership-two-card:hover {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
.membership-two-card {
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.membership-two-card__icon i,
.membership-two-card__icon span {
color: var(infina-base, #d18548);
font-size: 60px;
}
@media (min-width: 992px) {
.membership-two-card__icon {
margin-right: 30px;
}
}
.membership-two-card__title {
margin: 0;
text-transform: uppercase;
color: #2a2826;
text-transform: uppercase;
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
}
.membership-two-card__title a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.membership-two-card__title a:hover {
background-size: 100% 1px;
}
.membership-two-card__text {
font-size: 15px;
line-height: 2em;
margin: 0;
}
.membership-two-card__price {
margin: 0;
color: var(infina-base, #d18548);
font-size: 16px;
line-height: 1.6666666667em;
margin-top: 10px;
}
@media (min-width: 768px) {
.membership-two-card__price {
font-size: 18px;
}
}
@media (min-width: 992px) {
.membership-two-card__price {
margin-left: 90px;
}
}
@media (min-width: 1200px) {
.membership-two-card__price {
margin-top: 0;
margin-left: auto;
}
}

/*--------------------------------------------------------------
# Gift Card
--------------------------------------------------------------*/
.gift-page {
padding: 120px 0;
padding-top: 100px;
}
@media (max-width: 767px) {
.gift-page {
padding: 80px 0;
padding-top: 60px;
}
}
@media (min-width: 992px) {
.gift-page__carousel .owl-nav {
display: none;
}
}

.gift-card-one {
background-repeat: no-repeat;
background-position: left top;
border: 1px solid #2a2826);
text-align: center;
padding: 30px;
position: relative;
transition: all 500ms ease;
}
.gift-card-one:hover {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.gift-card-one__inner {
padding: 45px;
border: 6px solid #2a2826;
transition: all 500ms ease;
}
.gift-card-one:hover .gift-card-one__inner {
border-color: var(infina-base, #d18548);
}
.gift-card-one__flower {
position: absolute;
top: 0;
right: 0;
width: auto !important;
animation: flowerRotate 2s linear 0s infinite;
}
.gift-card-one__title {
margin: 0;
text-transform: uppercase;
color: #2a2826;
font-weight: bold;
font-size: 25px;
line-height: 1em;
margin-top: -5px;
}
@media (min-width: 768px) {
.gift-card-one__title {
font-size: 30px;
}
}
.gift-card-one__title a {
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
color: inherit;
}
.gift-card-one__title a:hover {
background-size: 100% 1px;
}
.gift-card-one__title a:hover {
color: var(infina-base, #d18548);
}
.gift-card-one__price {
margin: 0;
font-size: 20px;
color: var(infina-base, #d18548);
line-height: 1.5em;
}
.gift-card-one__code {
margin: 0;
font-size: 16px;
color: #2a2826;
line-height: 22px;
}
.gift-card-one__shape {
display: block;
margin-left: auto;
margin-right: auto;
width: auto !important;
margin-top: 25px;
margin-bottom: 25px;
}
.gift-card-one__text {
margin: 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: var(--wallpi-letter-space-xl, 0.2em);
line-height: 22px;
margin-bottom: 23px;
}
.gift-card-one__link {
font-size: 10px;
padding: 11px 29.5px;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
@keyframes shapeMover {
0%, 100% {
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes banner3Shake {
0% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
30% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
60% {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
100% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}
@keyframes squareMover {
0%, 100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%, 60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%, 80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
@keyframes treeMove {
0%, 100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%, 75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes leafMove {
0%, 100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%, 75% {
transform: rotate(-2deg) translateX(5px);
}
50% {
transform: rotate(-4deg) translateX(10px);
}
}
@keyframes messageMove {
0%, 100% {
transform: translateX(0);
}
25%, 75% {
transform: translateX(5px);
}
50% {
transform: translateX(10px);
}
}
@keyframes textRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes flowerRotate {
0%, 100% {
transform: rotate(0deg);
}
25%, 75% {
transform: rotate(5deg);
}
50% {
transform: rotate(10deg);
}
}
/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
transform: translateX(-100%);
transform-origin: left center;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
visibility: hidden;
position: fixed;
}
.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0;
}
.mobile-nav__wrapper .home-showcase .row [class*=col-] {
flex: 0 0 100%;
}
.mobile-nav__wrapper .home-showcase {
margin-bottom: -1px;
margin-top: 0;
border-bottom: 1px solid RGBA(var(--wallpi-white-rgb, 255, 255, 255), 0.1);
}
.mobile-nav__wrapper .home-showcase__inner {
padding: 15px 0px;
background-color: transparent;
box-shadow: none;
}
.mobile-nav__wrapper .home-showcase__title {
color: #fff;
}

.mobile-nav__wrapper.expanded {
opacity: 1;
transform: translateX(0%);
visibility: visible;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}

.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2a2826;
opacity: 0.3;
cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
width: 300px;
background-color:  #402a1d;
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.mobile-nav__content .main-menu__nav {
display: block;
padding: 0;
}

.mobile-nav__content .logo-box {
margin-bottom: 40px;
display: flex;
}

.mobile-nav__close {
position: absolute;
top: 20px;
right: 15px;
font-size: 18px;
color: #fff;
cursor: pointer;
}
.mobile-nav__close:hover {
color: var(infina-base, #d18548);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
display: none;
border-top: 1px solid RGBA(var(--wallpi-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list ul li > a {
padding-left: 1em;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
border-bottom: 1px solid RGBA(var(--wallpi-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list li > a {
display: flex;
justify-content: space-between;
line-height: 30px;
color: #fff;
font-size: 12px;
font-family: "Inter", sans-serif;
text-transform: uppercase;
font-weight: 500;
height: 46px;
letter-spacing: 0.1em;
align-items: center;
transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
color: var(infina-base, #d18548);
}

.mobile-nav__content .main-menu__list li a button {
width: 30px;
height: 30px;
background-color: var(infina-base, #d18548);
border: none;
outline: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: rotate(-90deg);
transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
transform: rotate(0deg);
background-color: #fff;
color: #2a2826;
}

.mobile-nav__social {
display: flex;
align-items: center;
}
.mobile-nav__social a {
font-size: 16px;
color: #fff;
transition: 500ms;
}
.mobile-nav__social a + a {
margin-left: 20px;
}
.mobile-nav__social a:hover {
color: var(infina-base, #d18548);
}

.mobile-nav__contact {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.mobile-nav__contact li {
color: #fff;
font-size: 14px;
font-weight: 500;
position: relative;
display: flex;
align-items: center;
}
.mobile-nav__contact li + li {
margin-top: 15px;
}
.mobile-nav__contact li a {
color: inherit;
transition: 500ms;
}
.mobile-nav__contact li a:hover {
color: var(infina-base, #d18548);
}
.mobile-nav__contact li > i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(infina-base, #d18548);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 12px;
margin-right: 10px;
color: #fff;
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
display: none;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
-webkit-transition: all 1s ease;
-khtml-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.search-popup__overlay {
position: fixed;
width: 224vw;
height: 224vw;
top: calc(90px - 112vw);
right: calc(50% - 112vw);
z-index: 3;
display: block;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: transform 0.8s ease-in-out;
-khtml-transition: transform 0.8s ease-in-out;
-moz-transition: transform 0.8s ease-in-out;
-ms-transition: transform 0.8s ease-in-out;
-o-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
transition-delay: 0s;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
background-color: #000;
opacity: 0.9;
cursor: url(../images/close.png), auto;
}
@media (max-width: 767px) {
.search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: 100%;
border-radius: 0;
transform: translateY(-110%);
}
}
.search-popup__content {
position: fixed;
width: 0;
max-width: 560px;
padding: 30px 15px;
left: 50%;
top: 50%;
opacity: 0;
z-index: 3;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
-o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
transition-delay: 0s, 0.8s, 0s;
transition-delay: 0s, 0.4s, 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.search-popup__form {
position: relative;
}
.search-popup__form input[type=search],
.search-popup__form input[type=text] {
width: 100%;
background-color: #fff;
font-size: 15px;
color: #2a2826;
border: none;
outline: none;
height: 66px;
padding-left: 30px;
}
.search-popup__form .wallpi-btn {
padding: 0;
width: 66px;
height: 66px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: -1px;
border-radius: 0;
}
.search-popup__form .wallpi-btn i {
margin: 0;
}
.search-popup__form .wallpi-btn::after {
background-color: #2a2826;
}
.search-popup.active {
z-index: 9999;
}
.search-popup.active .search-popup__overlay {
top: auto;
bottom: calc(90px - 112vw);
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
opacity: 0.9;
-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
@media (max-width: 767px) {
.search-popup.active .search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: 100%;
border-radius: 0;
transform: translateY(0%);
}
}
.search-popup.active .search-popup__content {
width: 100%;
opacity: 1;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
background-color: #4a3626;
position: relative;
padding-top: 120px;
padding-bottom: 140px;
}
@media (min-width: 992px) {
.page-header {
padding-top: 159px;
padding-bottom: 165px;
}
}
.page-header__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-color: #35302e;
background-blend-mode: overlay;
filter: brightness(1) grayscale(1);
}
.page-header .container {
position: relative;
z-index: 10;
text-align: center;
}
.page-header__title {
margin: 0;
font-weight: 700;
color: #fff;
font-size: 36px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.page-header__title {
font-size: 43px;
}
}
.page-header__shape {
display: inline-flex;
margin-bottom: 13px;
}

.wallpi-breadcrumb {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.wallpi-breadcrumb {
margin-bottom: 6px;
}
}
.wallpi-breadcrumb li {
font-size: 14px;
color: var(infina-base, #d18548);
display: flex;
align-items: center;
}
.wallpi-breadcrumb li:not(:last-of-type)::after {
content: "/";
position: relative;
top: -1px;
margin-left: 10px;
margin-right: 10px;
}
.wallpi-breadcrumb li span,
.wallpi-breadcrumb li a {
color: inherit;
display: inline-flex;
line-height: 1em;
}
.wallpi-breadcrumb li a {
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.wallpi-breadcrumb li a:hover {
background-size: 100% 1px;
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
position: relative;
}
.google-map iframe {
position: relative;
display: block;
border: none;
height: 570px;
width: 100%;
mix-blend-mode: luminosity;
}
.google-map__contact {
overflow: hidden;
background-color: var(infina-gray, #f9f6f1);
}

.contact-map {
position: relative;
margin-bottom: -60px;
}
.contact-map .container-fluid {
padding-left: 0;
padding-right: 0;
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
background-color: var(infina-base, #d18548);
background-image: url(../images/shapes/client-carousel-bg-1-1.html);
background-size: cover;
padding: 80px 0;
}
@media (min-width: 992px) {
.client-carousel {
padding: 102px 0;
}
}
.client-carousel__one__item img {
opacity: 0.2;
transition: all 500ms ease;
max-width: 100%;
width: auto !important;
}
.client-carousel__one__item:hover img {
opacity: 0.6;
}

.client-carousel-one {
position: relative;
background: #fff;
padding: 0 0 60px;
}
.client-carousel-one .client-carousel__one {
padding: 74px 0 0;
}
.client-carousel-one .owl-theme .owl-nav {
position: absolute;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 2;
line-height: 0.8;
}
.client-carousel-one .owl-theme .owl-nav button {
width: 26px;
height: 27px;
background-color: var(infina-gray, #f9f6f1);
margin: 0 2.5px;
padding: 0;
transition: all 500ms ease;
font-size: 12px;
color: #2a2826;
text-align: center;
font-size: 12px;
line-height: 27px;
border-radius: 0;
}
.client-carousel-one .owl-theme .owl-nav button:hover {
background-color: var(infina-base, #d18548);
color: #fff;
}
.client-carousel-one .owl-theme .owl-nav::before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
content: "";
height: 1px;
background-color: #2a2826);
z-index: -1;
}
.client-carousel-one .owl-theme .owl-nav::after {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: -1;
width: 110px;
content: "";
height: 1px;
background-color: #fff;
}
.client-carousel-one .client-carousel__one__item {
display: flex;
align-items: center;
justify-content: center;
min-height: 103px;
transition: all 500ms ease;
}
.client-carousel-one .client-carousel__one__item img {
transition: all 500ms ease;
opacity: 0.2;
max-width: 100%;
width: auto;
}
.client-carousel-one .client-carousel__one__item:hover {
background-color: #f8f5f0;
}
.client-carousel-one .client-carousel__one__item:hover img {
opacity: 0.6;
}

/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
.main-slider-one {
position: relative;
}
.main-slider-one__carousel {
position: relative;
width: 100%;
}
.main-slider-one__carousel.owl-carousel .owl-nav {
left: 108px;
margin: auto 0;
position: absolute;
right: 0;
text-align: left;
bottom: 28px;
max-width: 120px;
}
@media (max-width: 1600px) {
.main-slider-one__carousel.owl-carousel .owl-nav {
left: 50px;
}
}
@media (max-width: 1500px) {
.main-slider-one__carousel.owl-carousel .owl-nav {
left: 20px;
bottom: 10px;
}
}
@media (max-width: 1150px) {
.main-slider-one__carousel.owl-carousel .owl-nav {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 150px;
}
}
@media (max-width: 767px) {
.main-slider-one__carousel.owl-carousel .owl-nav {
display: none;
}
}
.main-slider-one__carousel.owl-carousel .owl-nav button {
transition: all 400ms ease;
width: 92px;
height: 92px;
outline: none;
box-shadow: none;
border: none;
border: 1px solid var(infina-base, #d18548);
border-radius: 50%;
display: block;
color: #fff;
font-size: 28px;
line-height: 1;
font-weight: 300;
margin: 10px 0;
text-align: center;
}
.main-slider-one__carousel.owl-carousel .owl-nav button:hover {
background-color: rgba(var(infina-base-rgb, 209, 133, 72), 0.6);
border-color: rgba(var(infina-base-rgb, 209, 133, 72), 0.6);
}
@media (max-width: 1500px) {
.main-slider-one__carousel.owl-carousel .owl-nav button {
width: 65px;
height: 65px;
}
}
.main-slider-one__carousel .owl-dots {
right: 118px;
margin: auto 0;
position: absolute;
right: 0;
text-align: left;
top: 50%;
transform: translateY(-50%);
width: 140px;
}
@media (max-width: 1400px) {
.main-slider-one__carousel .owl-dots {
width: 60px;
}
}
@media (max-width: 1199px) {
.main-slider-one__carousel .owl-dots {
width: 40px;
}
}
@media (max-width: 767px) {
.main-slider-one__carousel .owl-dots {
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin: auto;
left: 0;
top: 68%;
}
}
.main-slider-one__carousel .owl-dots .owl-dot {
display: block;
margin: 6px 0;
}
@media (max-width: 767px) {
.main-slider-one__carousel .owl-dots .owl-dot {
margin: 0 6px;
}
}
.main-slider-one__carousel .owl-dots .owl-dot span {
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
background-color: transparent;
border: 2px solid #fff;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider-one__carousel .owl-dots .owl-dot:hover span,
.main-slider-one__carousel .owl-dots .owl-dot.active span {
background-color: #fff;
}
.main-slider-one__item {
background-color: var(infina-gray, #f9f6f1);
position: relative;
z-index: 3;
padding-top: 238px;
padding-bottom: 231px;
height: 911px;
}
@media (max-width: 1150px) {
.main-slider-one__item {
padding-top: 120px;
padding-bottom: 120px;
height: 690px;
}
}
@media (max-width: 991px) {
.main-slider-one__item {
padding-top: 120px;
padding-bottom: 120px;
height: auto;
}
}
@media (max-width: 767px) {
.main-slider-one__item {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 1200px) {
.main-slider-one__item .container {
max-width: 100%;
}
}
.main-slider-one__bg {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-slider-one__bg::before, .main-slider-one__bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(44, 28, 12, 0.5);
}
.main-slider-one__bg::before {
width: 920px;
height: 920px;
top: -305px;
left: -330px;
z-index: 2;
background-color: #c1b6ae;
border-radius: 50%;
mix-blend-mode: overlay;
animation: heroCircle1 3.2s linear infinite alternate;
}
@keyframes heroCircle1 {
0% {
transform: translate(-80px, -80px);
}
100% {
transform: translate(80px, 80px);
}
}
@media (max-width: 1200px) {
.main-slider-one__bg::before {
width: 520px;
height: 520px;
top: -94px;
left: -190px;
}
}
@media (max-width: 991px) {
.main-slider-one__bg::before {
top: -90px;
left: -210px;
}
}
@media (max-width: 767px) {
.main-slider-one__bg::before {
width: 320px;
height: 320px;
left: -160px;
}
}
.main-slider-one__content {
position: relative;
display: inline-block;
z-index: 3;
overflow: hidden;
}
.main-slider-one__tag-title {
display: block;
text-align: left;
color: #fff;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: transform 1000ms ease, opacity 1000ms ease;
text-transform: uppercase;
transform: translateY(-200px);
margin-bottom: 14px;
}
.main-slider-one__title {
color: #fff;
font-weight: 700;
font-size: 95px;
line-height: 106px;
text-transform: uppercase;
display: inline-block;
overflow: hidden;
margin: 0 0 17px;
opacity: 0;
transition: transform 1200ms ease, opacity 1200ms ease;
transform: translateX(200px);
}
@media (max-width: 991px) {
.main-slider-one__title {
font-size: 68px;
line-height: 75px;
}
}
@media (max-width: 767px) {
.main-slider-one__title {
font-size: 58px;
line-height: 68px;
}
}
@media (max-width: 480px) {
.main-slider-one__title {
font-size: 48px;
line-height: 58px;
}
}
.main-slider-one__title::after {
content: "";
width: 101%;
height: 90%;
position: absolute;
top: 20px;
left: 100%;
background: currentColor;
transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
z-index: 3;
transform: translateX(-100%);
transition-delay: 1s;
}
@media (max-width: 991px) {
.main-slider-one__title::after {
top: 15px;
}
}
@media (max-width: 767px) {
.main-slider-one__title::after {
top: 8px;
}
}
.main-slider-one__btn {
position: relative;
display: flex;
align-items: center;
z-index: 5;
overflow: hidden;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(80px);
transform-origin: bottom;
transition: all 1500ms ease;
}
.main-slider-one .hero-btn {
color: #fff;
font-weight: 600;
font-size: 15px;
line-height: 1;
background-color: var(infina-base, #d18548);
height: 65px;
padding: 5px 38px;
}
.main-slider-one .hero-btn::before {
background-color: var(infina-base, #d18548);
}
.main-slider-one .hero-btn:hover {
color: #2a2826;
}
.main-slider-one__shope {
position: absolute;
width: auto;
height: auto;
right: 14.3%;
top: 0;
bottom: 0;
z-index: 2;
margin: auto 0;
display: flex;
align-items: center;
mix-blend-mode: overlay;
animation: rotateX 1.2s linear infinite alternate;
}
@keyframes rotateX {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-90px);
}
}
@media (max-width: 1400px) {
.main-slider-one__shope {
right: 6%;
}
}
@media (max-width: 640px) {
.main-slider-one__shope {
display: none;
}
}
.main-slider-one__shope > img {
width: 100% !important;
max-width: 376px;
}
@media (max-width: 1200px) {
.main-slider-one__shope > img {
max-width: 280px;
}
}
@media (max-width: 991px) {
.main-slider-one__shope > img {
max-width: 250px;
}
}
.main-slider-one .active .steap {
animation: dash 0.5s linear;
}
@keyframes dash {
0% {
stroke-width: 0;
}
100% {
stroke-width: 200px;
}
}
.main-slider-one .active .main-slider-one__tag-title {
opacity: 1;
transform: translateY(0);
transition-delay: 1100ms;
}
.main-slider-one .active .main-slider-one__title {
opacity: 1;
transform: translateX(0);
transition-delay: 1300ms;
}
.main-slider-one .active .main-slider-one__title::after {
transform: translateX(1%);
transition-delay: 1500ms;
}
.main-slider-one .active .main-slider-one__btn {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(0px);
transition-delay: 1700ms;
}

.main-slider-two {
position: relative;
}
@media (max-width: 1200px) {
.main-slider-two .container {
max-width: 100%;
}
}
.main-slider-two__carousel {
position: relative;
width: 100%;
}
.main-slider-two__carousel .owl-dots {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 50px;
z-index: 2;
}
.main-slider-two__carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 3px;
}
.main-slider-two__carousel .owl-dots .owl-dot span {
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
background-color: transparent;
border: 2px solid #fff;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider-two__carousel .owl-dots .owl-dot:hover span,
.main-slider-two__carousel .owl-dots .owl-dot.active span {
background-color: #fff;
}
.main-slider-two__carousel .owl-nav {
position: absolute;
left: 0;
right: 0;
bottom: 259px;
width: 100%;
max-width: 1170px;
padding-right: 15px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-end;
height: 0;
gap: 23px 0;
}
@media (max-width: 1200px) {
.main-slider-two__carousel .owl-nav {
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: 0 15px;
bottom: 70px;
}
}
@media (max-width: 767px) {
.main-slider-two__carousel .owl-nav {
display: none;
}
}
.main-slider-two__carousel .owl-nav button {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
width: 77px;
height: 102px;
min-height: 102px;
background-color: #69625d !important;
border-radius: 9px;
color: #fff !important;
font-size: 32px !important;
transition: all 0.5s ease;
}
@media (max-width: 1200px) {
.main-slider-two__carousel .owl-nav button {
height: 90px;
}
}
.main-slider-two__carousel .owl-nav button.owl-next {
border-radius: 0 9px 9px 0;
}
.main-slider-two__carousel .owl-nav button.owl-prev {
border-radius: 9px 0 0 9px;
}
.main-slider-two__carousel .owl-nav button:hover {
color: #2a2826 !important;
background-color: #fff !important;
}
.main-slider-two__item {
background-color: var(infina-gray, #f9f6f1);
position: relative;
z-index: 3;
padding-top: 250px;
padding-bottom: 192px;
overflow: hidden;
}
.main-slider-two__item::before, .main-slider-two__item::after {
content: "";
position: absolute;
width: 800px;
height: 800px;
top: -482px;
left: -384px;
z-index: 1;
background-color: rgb(249, 149, 69);
border-radius: 50%;
mix-blend-mode: overlay;
}
.main-slider-two__item::before {
animation: hero2Circle1 3.2s linear infinite alternate;
}
@keyframes hero2Circle1 {
from {
transform: translate(-80px, -80px);
}
to {
transform: translate(80px, 80px);
}
}
.main-slider-two__item::after {
top: initial;
bottom: -645px;
left: 0;
right: 0;
margin: 0 auto;
animation: hero2Circle2 2.2s linear infinite alternate;
}
@keyframes hero2Circle2 {
from {
transform: translateX(200);
}
to {
transform: translateX(-200px);
}
}
@media (max-width: 1200px) {
.main-slider-two__item {
padding-top: 160px;
padding-bottom: 120px;
}
}
@media (max-width: 991px) {
.main-slider-two__item {
padding-top: 110px;
}
}
.main-slider-two__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
.main-slider-two__bg img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
background-size: cover;
filter: invert(0) grayscale(1) !important;
}
.main-slider-two__bg img:nth-child(1) {
transform: translatex(50%) scalex(2);
opacity: 0;
filter: blur(10px);
}
.main-slider-two__bg img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.main-slider-two__bg::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(54, 48, 43, 0.57);
z-index: 1;
}
.main-slider-two__content {
position: relative;
z-index: 3;
overflow: hidden;
}
.main-slider-two__sub-title {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1;
transition: transform 1000ms ease, opacity 1000ms ease;
transform: translateY(-200px);
border: 1px solid #fff;
display: flex;
align-items: center;
min-height: 36px;
width: fit-content;
margin: 0 auto 21px auto;
padding: 0 49px 0 37px;
position: relative;
}
.main-slider-two__sub-title::before {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 99;
border-right: 22px solid transparent;
border-top: 32px solid var(infina-base, #d18548);
left: 2px;
top: 2px;
}
.main-slider-two__title {
color: #fff;
font-size: 95px;
line-height: 106px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
overflow: hidden;
margin: 0 0 23px;
opacity: 0;
transition: transform 1200ms ease, opacity 1200ms ease;
transform: translateY(200px);
}
@media (max-width: 1199px) {
.main-slider-two__title {
font-size: 110px;
}
.main-slider-two__title br {
display: none;
}
}
@media (max-width: 991px) {
.main-slider-two__title {
font-size: 68px;
line-height: 75px;
}
}
@media (max-width: 767px) {
.main-slider-two__title {
font-size: 58px;
line-height: 68px;
}
}
@media (max-width: 480px) {
.main-slider-two__title {
font-size: 52px;
line-height: 64px;
}
}
.main-slider-two__title::after {
content: "";
width: 101%;
height: 94%;
position: absolute;
top: 6px;
left: 100%;
background: currentColor;
transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
z-index: 3;
transform: translateX(-100%);
transition-delay: 1s;
}
.main-slider-two .wallpi-btn--base {
font-size: 15px;
background-color: transparent;
border: 2px solid var(infina-base, #d18548);
padding: 0 36px;
}
.main-slider-two .wallpi-btn--base::before {
background-color: transparent;
}
.main-slider-two .wallpi-btn--base::after {
background-color: var(infina-base, #d18548);
}
.main-slider-two__btn {
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
overflow: hidden;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(80px);
transform-origin: bottom;
transition: all 1500ms ease;
}
.main-slider-two .active .main-slider-two__bg img:nth-child(1) {
transform: translatex(0) scalex(1);
opacity: 1;
filter: blur(0);
}
.main-slider-two .active .main-slider-two__bg img:nth-child(2) {
transform: translatex(-50%) scalex(2);
opacity: 0;
filter: blur(10px);
}
.main-slider-two .active .main-slider-two__sub-title {
opacity: 1;
transform: translateY(0);
transition-delay: 1100ms;
}
.main-slider-two .active .main-slider-two__title {
opacity: 1;
transform: translateY(0);
transition-delay: 1300ms;
}
.main-slider-two .active .main-slider-two__title::after {
transform: translateY(1%);
transition-delay: 1600ms;
}
.main-slider-two .active .main-slider-two__btn {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(0px);
transition-delay: 1800ms;
}

.main-slider-three {
position: relative;
overflow: hidden;
}
.main-slider-three__carousel {
position: relative;
width: 100%;
}
.main-slider-three__carousel.owl-carousel .owl-nav {
left: 108px;
margin: auto 0;
position: absolute;
right: 0;
text-align: left;
bottom: 28px;
max-width: 120px;
}
@media (max-width: 1600px) {
.main-slider-three__carousel.owl-carousel .owl-nav {
left: 50px;
}
}
@media (max-width: 1500px) {
.main-slider-three__carousel.owl-carousel .owl-nav {
left: 20px;
bottom: 10px;
}
}
@media (max-width: 1150px) {
.main-slider-three__carousel.owl-carousel .owl-nav {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 150px;
}
}
@media (max-width: 767px) {
.main-slider-three__carousel.owl-carousel .owl-nav {
display: none;
}
}
.main-slider-three__carousel.owl-carousel .owl-nav button {
transition: all 400ms ease;
width: 92px;
height: 92px;
outline: none;
box-shadow: none;
border: none;
border: 1px solid var(infina-base, #d18548);
border-radius: 50%;
display: block;
color: #fff;
font-size: 28px;
line-height: 1;
font-weight: 300;
margin: 10px 0;
text-align: center;
}
.main-slider-three__carousel.owl-carousel .owl-nav button:hover {
background-color: #fff;
border-color: #fff;
color: #2a2826;
}
@media (max-width: 1500px) {
.main-slider-three__carousel.owl-carousel .owl-nav button {
width: 65px;
height: 65px;
}
}
.main-slider-three__carousel .owl-dots {
right: 118px;
margin: auto 0;
position: absolute;
right: 0;
text-align: left;
top: 50%;
transform: translateY(-50%);
width: 140px;
}
@media (max-width: 1400px) {
.main-slider-three__carousel .owl-dots {
width: 60px;
}
}
@media (max-width: 1199px) {
.main-slider-three__carousel .owl-dots {
width: 40px;
}
}
@media (max-width: 767px) {
.main-slider-three__carousel .owl-dots {
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin: auto;
left: 0;
top: 68%;
}
}
.main-slider-three__carousel .owl-dots .owl-dot {
display: block;
margin: 6px 0;
}
@media (max-width: 767px) {
.main-slider-three__carousel .owl-dots .owl-dot {
margin: 0 6px;
}
}
.main-slider-three__carousel .owl-dots .owl-dot span {
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
background-color: transparent;
border: 2px solid #fff;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider-three__carousel .owl-dots .owl-dot:hover span,
.main-slider-three__carousel .owl-dots .owl-dot.active span {
background-color: #fff;
}
.main-slider-three__item {
background-color: var(infina-gray, #f9f6f1);
position: relative;
z-index: 3;
padding-top: 235px;
padding-bottom: 229px;
height: 908px;
overflow: hidden;
}
@media (max-width: 1150px) {
.main-slider-three__item {
padding-top: 120px;
padding-bottom: 120px;
height: 690px;
}
}
@media (max-width: 991px) {
.main-slider-three__item {
padding-top: 120px;
padding-bottom: 120px;
height: auto;
}
}
@media (max-width: 767px) {
.main-slider-three__item {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 1200px) {
.main-slider-three__item .container {
max-width: 100%;
}
}
.main-slider-three__bg {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #b6afac;
background-blend-mode: overlay;
}
.main-slider-three__bg::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.5);
}
.main-slider-three__content {
position: relative;
display: inline-block;
z-index: 3;
overflow: hidden;
}
.main-slider-three__tag-title {
display: block;
width: fit-content;
text-align: left;
color: var(infina-base, #d18548);
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: transform 1000ms ease, opacity 1000ms ease;
text-transform: uppercase;
transform: translateY(-200px);
margin-bottom: 14px;
position: relative;
}
.main-slider-three__tag-title::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: var(infina-base, #d18548);
left: 0;
bottom: 0;
z-index: 1;
}
.main-slider-three__title {
color: #2a2826;
font-weight: 700;
font-size: 95px;
line-height: 106px;
display: inline-block;
overflow: hidden;
margin: 0 0 17px;
opacity: 0;
transition: transform 1200ms ease, opacity 1200ms ease;
transform: translateX(200px);
}
@media (max-width: 991px) {
.main-slider-three__title {
font-size: 68px;
line-height: 75px;
}
}
@media (max-width: 767px) {
.main-slider-three__title {
font-size: 58px;
line-height: 68px;
}
}
@media (max-width: 480px) {
.main-slider-three__title {
font-size: 48px;
line-height: 58px;
}
}
.main-slider-three__title::after {
content: "";
width: 101%;
height: 90%;
position: absolute;
top: 20px;
left: 100%;
background: currentColor;
transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
z-index: 3;
transform: translateX(-100%);
transition-delay: 1s;
}
@media (max-width: 991px) {
.main-slider-three__title::after {
top: 15px;
}
}
@media (max-width: 767px) {
.main-slider-three__title::after {
top: 8px;
}
}
.main-slider-three__btn {
position: relative;
display: flex;
align-items: center;
z-index: 5;
overflow: hidden;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(80px);
transform-origin: bottom;
transition: all 1500ms ease;
}
@media (max-width: 640px) {
.main-slider-three__btn {
flex-wrap: wrap;
gap: 15px 0;
}
}
.main-slider-three .hero-btn {
min-width: 215px;
color: #fff;
font-weight: 600;
font-size: 15px;
line-height: 1;
background-color: var(infina-base, #d18548);
height: 65px;
padding: 5px 38px;
}
@media (max-width: 640px) {
.main-slider-three .hero-btn {
width: 100%;
min-width: initial;
}
}
.main-slider-three .hero-btn.hero-about-btn {
background-color: #fff;
border: 1px solid #2a2826;
color: #2a2826;
}
.main-slider-three .hero-btn.hero-about-btn::before {
background-color: #fff;
}
.main-slider-three .hero-btn.hero-about-btn::after {
background-color: var(infina-base, #d18548);
}
.main-slider-three .hero-btn.hero-about-btn:hover {
color: #fff;
border-color: var(infina-base, #d18548);
}
.main-slider-three .hero-btn::before {
background-color: var(infina-base, #d18548);
}
.main-slider-three .hero-btn:hover {
color: #2a2826;
}
.main-slider-three .hero-btn + .hero-btn {
margin-left: 10px;
}
@media (max-width: 640px) {
.main-slider-three .hero-btn + .hero-btn {
margin: 0;
}
}
.main-slider-three__shope {
position: absolute;
width: 100%;
height: auto;
right: 12%;
top: 0;
bottom: 0;
z-index: 2;
margin: auto 0;
display: flex;
align-items: center;
justify-content: flex-end;
mix-blend-mode: difference;
overflow: hidden;
opacity: 0;
transition: transform 1200ms ease, opacity 1200ms ease;
transform: translateX(-150px);
}
@media (max-width: 1600px) {
.main-slider-three__shope {
right: 8%;
}
}
@media (max-width: 1300px) {
.main-slider-three__shope {
right: 6%;
}
}
@media (max-width: 1200px) {
.main-slider-three__shope {
right: 15px;
}
}
@media (max-width: 640px) {
.main-slider-three__shope {
display: none;
}
}
.main-slider-three__shope > img {
width: 100% !important;
max-width: 535px;
}
@media (max-width: 1600px) {
.main-slider-three__shope > img {
max-width: 450px;
}
}
@media (max-width: 1300px) {
.main-slider-three__shope > img {
max-width: 370px;
}
}
@media (max-width: 1200px) {
.main-slider-three__shope > img {
max-width: 300px;
}
}
@media (max-width: 991px) {
.main-slider-three__shope > img {
max-width: 230px;
}
}
@media (max-width: 767px) {
.main-slider-three__shope > img {
max-width: 210px;
}
}
.main-slider-three .active .steap {
animation: dash 0.5s linear;
}
@keyframes dash {
0% {
stroke-width: 0;
}
100% {
stroke-width: 200px;
}
}
.main-slider-three .active .main-slider-three__tag-title {
opacity: 1;
transform: translateY(0);
transition-delay: 1100ms;
}
.main-slider-three .active .main-slider-three__title {
opacity: 1;
transform: translateX(0);
transition-delay: 1300ms;
}
.main-slider-three .active .main-slider-three__title::after {
transform: translateX(1%);
transition-delay: 1500ms;
}
.main-slider-three .active .main-slider-three__btn {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(0px);
transition-delay: 1700ms;
}
.main-slider-three .active .main-slider-three__shope {
opacity: 1;
transform: translateX(0);
transition-delay: 1300ms;
}

/*--------------------------------------------------------------
# Feature Section
--------------------------------------------------------------*/
.feature-one {
position: relative;
z-index: 2;
background-color: #fff;
padding: 120px 0 108px;
}
@media (max-width: 991px) {
.feature-one {
padding-top: 65px;
padding-bottom: 52px;
}
}
@media (max-width: 1200px) {
.feature-one .container {
max-width: 100%;
}
}
@media (max-width: 991px) {
.feature-one__row {
gap: 25px 0;
}
}
.feature-one__col {
padding: 0 44px;
}
.feature-one__col:first-child {
padding-left: 15px;
}
.feature-one__col:last-child {
padding-right: 15px;
}
@media (max-width: 1200px) {
.feature-one__col {
padding: 0 25px;
}
}
@media (max-width: 991px) {
.feature-one__col {
padding: 0 15px;
}
}
.feature-one__item {
width: 100%;
position: relative;
overflow: hidden;
padding-left: 98px;
}
@media (max-width: 767px) {
.feature-one__item {
padding-left: 0;
padding-top: 70px;
}
}
.feature-one__item::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 98px;
z-index: 1;
background-color: rgba(73, 73, 73, 0.55);
}
@media (max-width: 767px) {
.feature-one__item::before {
top: 70px;
left: 0;
}
}
.feature-one__item__img {
width: 100%;
}
.feature-one__item__img img {
width: 100% !important;
max-height: 248px;
min-height: 248px;
object-fit: cover;
object-position: center top;
}
@media (max-width: 767px) {
.feature-one__item__img img {
max-height: 348px;
min-height: 348px;
}
}
.feature-one__item__wrap {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 2;
align-items: center;
}
@media (max-width: 767px) {
.feature-one__item__wrap {
align-items: flex-start;
bottom: initial;
}
}
.feature-one__item__circle_img {
width: 200px;
height: 200px;
position: relative;
}
@media (max-width: 767px) {
.feature-one__item__circle_img {
margin: 0 auto;
}
}
.feature-one__item__circle_img::before, .feature-one__item__circle_img::after {
content: "";
position: absolute;
width: calc(100% + 0px);
height: calc(100% + 20px);
left: 0;
top: -10px;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
}
.feature-one__item__circle_img::before {
background-image: url("../images/shapes/feature-shape1-1.png");
background-position: center top;
}
.feature-one__item__circle_img::after {
background-image: url("../images/shapes/feature-shape1-2.png");
background-position: center bottom;
}
.feature-one__item__circle_img img {
width: 100% !important;
border-radius: 50% !important;
height: 100%;
object-fit: cover;
position: relative;
z-index: 2;
}
.feature-one__item__info {
width: calc((100% - 200px) / 1);
padding-left: 35px;
padding-right: 14px;
margin-top: -15px;
}
@media (max-width: 1200px) {
.feature-one__item__info {
padding-left: 28px;
}
}
@media (max-width: 767px) {
.feature-one__item__info {
width: calc((100% - 0px) / 1);
padding-top: 35px;
margin-top: 0;
}
}
.feature-one__item__info__title {
color: #fff;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1;
margin-bottom: 10px;
}
.feature-one__item__info__text {
color: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.8);
font-size: 16px;
line-height: 30px;
margin-bottom: 0;
}

.feature-two {
margin-bottom: -174px;
position: relative;
z-index: 2;
}
@media (max-width: 1200px) {
.feature-two .container {
/* max-width: 100%; */
}
}
@media (max-width: 991px) {
.feature-two .row {
gap: 35px 0;
}
}
.feature-two__innercol {
background-image: url("../images/backgrounds/feature-bg2-1.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #edeae8;
background-blend-mode: overlay;
border-radius: 9px;
border: 1px solid transparent;
transition: all 0.5s ease !important;
height: 100%;
padding: 44px 42px;
}
.feature-two__innercol:hover {
border-color: #402a1d;
}
.feature-two__innercol:hover .feature-two__icon {
border-color: #402a1d;
background-color: #fff;
}
.feature-two__innercol .feature-two__icon > img{
width: 45px;
transition: all .5s ease-in-out;
}
.feature-two__innercol .feature-two__icon > .img-floor{
transition: all .5s ease-in-out;
}
.feature-two__innercol:hover .feature-two__icon > .img-floor {
transform: scale(0.9);
color: #402a1d;
display: none;
}
.feature-two__innercol .feature-two__icon > .img-hover{
display: none;
transition: all .5s ease-in-out;
}
.feature-two__innercol:hover .feature-two__icon > .img-hover {
transform: scale(0.9);
color: #402a1d;
display: block !important;
}
.feature-two__icon {
width: 92px;
height: 92px;
border-radius: 50%;
border: 1px solid #402a1d;
background-color: #402a1d;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-bottom: 15px;
transition: all 0.5s ease;
}
.feature-two__icon > i {
font-size: 55px;
line-height: 1;
color: #fff;
transition: all 0.5s ease;
}
.feature-two__title {
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.feature-two__text {
color: #241c14;
font-size: 16px;
line-height: 32px;
margin-bottom: 0;
}
.feature-two--page {
margin-bottom: 0;
padding-bottom: 120px;
}
@media (max-width: 991px) {
.feature-two--page {
padding-bottom: 72px;
}
}
.feature-two--aboutpage {
margin-bottom: 0;
padding-bottom: 108px;
}
@media (max-width: 991px) {
.feature-two--aboutpage {
padding-bottom: 62px;
}
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
/* padding-bottom: 120px; */
position: relative;
overflow: hidden;
padding: 50px 0px;
}
@media (max-width: 991px) {
.about-one {
/* padding-bottom: 76px; */
}
}
.about-one .container {
/*max-width: 1442px;*/
padding-left: 134px;
}
@media (max-width: 1440px) {
.about-one .container {
padding-left: 15px;
}
}
.about-one .sec-title {
text-align: center;
/* padding-bottom: 88px; */
/* margin-left: -110px; */
}
@media (max-width: 1440px) {
.about-one .sec-title {
margin-left: 0;
}
}
@media (max-width: 991px) {
.about-one .sec-title {
padding-bottom: 5px;
}
}
.about-one__content {
padding-right: 50px;
}
@media (max-width: 991px) {
.about-one__content {
padding-right: 0;
padding-bottom: 35px;
}
}
.about-one__content__col {
padding-bottom: 20px;
}
@media (max-width: 991px) {
.about-one__content__col {
padding-bottom: 5px;
}
}
.about-one__content__titel {
color: #2a2826;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 28px;
margin-bottom: 23px;
}
@media (max-width: 991px) {
.about-one__content__titel {
font-size: 24px;
margin-bottom: 14px;
}
}
.about-one__content__text {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
}
@media (max-width: 991px) {
.about-one__content__text {
font-size: 13px;
line-height: 26px;
margin-bottom: 14px;
}
}
.about-one--btn {
color: #fff;
height: 60px;
width: fit-content;
font-size: 15px;
padding: 5px 51.5px;
margin-top: 3px;
background-color: #4a3626;
}
.about-one--btn::before {
background-color: #4a3626;
}
.about-one--btn::after {
background-color: var(infina-base, #d18548);
}
.about-one--btn:hover {
color: #fff;
}
.about-one__image {
width: calc(100% + 0px);
height: 100%;
}
.about-one__image:hover .about-one__image__wrap__circle {
background-color: #402a1d;
}
.about-one__image__wrap {
width: 100%;
position: relative;
padding-left: 120px;
height: 100%;
}
@media (max-width: 991px) {
.about-one__image__wrap {
padding-left: 30px;
}
}
.about-one__image__wrap__main {
width: 100% !important;
height: 100%;
object-fit: cover;
-webkit-mask-image: url("../images/resources/about-masking1-1.png");
mask-image: url("../images/resources/about-masking1-1.png");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 767px) {
.about-one__image__wrap__main {
max-height: 450px;
min-height: 450px;
}
}
.about-one__image__wrap__inner_shape-top, .about-one__image__wrap__inner_shape-left, .about-one__image__wrap__shape-top, .about-one__image__wrap__shape-bottom, .about-one__image__wrap__shape-right {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: #fff;
}
.about-one__image__wrap__inner_shape-top::after, .about-one__image__wrap__inner_shape-left::after, .about-one__image__wrap__shape-top::after, .about-one__image__wrap__shape-bottom::after, .about-one__image__wrap__shape-right::after {
content: "";
position: absolute;
display: inline-block;
z-index: 99;
}
.about-one__image__wrap__shape-top {
height: 46px;
width: 280px;
right: 0;
top: 0;
}
@media (max-width: 767px) {
.about-one__image__wrap__shape-top {
width: 170px;
}
}
.about-one__image__wrap__shape-top::after {
width: 46px;
height: 46px;
background-image: url("../images/shapes/about-shape1-1.png");
background-repeat: no-repeat;
background-position: left top;
left: -34px;
top: 0;
}
.about-one__image__wrap__shape-right {
width: 44px;
height: 297px;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.about-one__image__wrap__shape-right {
height: 130px;
}
}
.about-one__image__wrap__shape-right::after {
width: 44px;
height: 46px;
background-image: url("../images/shapes/about-shape1-2.png");
background-repeat: no-repeat;
background-position: left top;
right: 0;
top: -38px;
}
.about-one__image__wrap__shape-bottom {
height: 35px;
width: 190px;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.about-one__image__wrap__shape-bottom {
width: 125px;
}
}
.about-one__image__wrap__shape-bottom::after {
width: 44px;
height: 36px;
background-image: url("../images/shapes/about-shape1-3.png");
background-repeat: no-repeat;
background-position: left top;
left: -32px;
top: 0;
}
.about-one__image__wrap__inner_wrap {
width: 100%;
position: absolute;
width: 100%;
bottom: 56px;
left: 0;
z-index: 1;
}
.about-one__image__wrap__inner_img {
width: 100% !important;
max-height: 325px;
min-height: 325px;
object-fit: cover;
border: 8px solid #fff;
}
.about-one__image__wrap__inner_shape-top {
width: 155px;
height: 30px;
top: 0;
left: 0;
}
@media (max-width: 767px) {
.about-one__image__wrap__inner_shape-top {
width: 90px;
}
}
.about-one__image__wrap__inner_shape-top::after {
width: 30px;
height: 30px;
background-image: url("../images/shapes/about-shape1-4.png");
background-repeat: no-repeat;
background-position: left top;
right: -28px;
top: 0;
}
.about-one__image__wrap__inner_shape-left {
width: 32px;
height: 122px;
bottom: 0;
left: 0;
}
@media (max-width: 767px) {
.about-one__image__wrap__inner_shape-left {
height: 60px;
}
}
.about-one__image__wrap__inner_shape-left::after {
width: 32px;
height: 32px;
background-image: url("../images/shapes/about-shape1-5.png");
background-repeat: no-repeat;
background-position: left top;
left: 0px;
top: -28px;
}
.about-one__image__wrap__inner_mx {
width: 100%;
max-width: 325px;
position: relative;
}
@media (max-width: 991px) {
.about-one__image__wrap__inner_mx {
max-width: 280px;
}
}
@media (max-width: 767px) {
.about-one__image__wrap__inner_mx {
max-width: 256px;
}
}
.about-one__image__wrap__circle {
width: 125px;
height: 125px;
border-radius: 50%;
background-color: #402a1d;
position: absolute;
right: -53px;
top: -58px;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
}
@media (max-width: 991px) {
.about-one__image__wrap__circle {
width: 100px;
height: 100px;
right: -30px;
top: -40px;
}
}
.about-one__image__wrap__circle > img {
width: 70px !important;
}
/* .about-one--three {
padding-top: 108px;
padding-bottom: 118px;
} */
@media (max-width: 991px) {
.about-one--three {
/* padding-top: 58px;
padding-bottom: 72px; */
}
}
.about-one--three .container {
/*max-width: 1470px;*/
padding-left: 0;
}
.about-one--three .row {
flex-direction: row-reverse;
}
.about-one--three .about-one__image {
padding-right: 72px;
}
@media (max-width: 1200px) {
.about-one--three .about-one__image {
padding-right: 30px;
}
}
@media (max-width: 991px) {
.about-one--three .about-one__image {
padding-right: 15px;
padding-left: 15px;
}
}
.about-one--three .about-one__content {
padding-right: 0;
max-width: 570px;
}
@media (max-width: 991px) {
.about-one--three .about-one__content {
max-width: 100%;
padding-left: 15px;
}
}
.about-one--three .about-one__content__call {
/* background-color: #402a1d; */
/* border-left: 8px solid  #e3b322;
border-right: 8px solid  #e3b322; */
transition: all 0.5s ease;
padding: 8px 0 7px 13px;
/* background: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78); */
background: linear-gradient(148deg, #e8a224 10%, #f4e871 23% ,#e9ab2a 34%, #dc8d27 76%, #f1ec77 89%);
}
.about-one--three .about-one__content__call:hover {
border-right-width: 16px;
}
@media (max-width: 767px) {
.about-one--three .about-one__content__call {
padding-top: 15px;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
.about-one--three .about-one__content__inner {
flex-direction: column;
gap: 8px 0;
}
}
.about-one--three .about-one__content__expertimg {
width: 65px;
min-width: 65px;
height: 65px;
border-radius: 50%;
}
@media (max-width: 991px) {
.about-one--three .about-one__content__expertimg {
width: 50px;
min-width: 50px;
height: 50px;
}
}
.about-one--three .about-one__content__expertimg > img {
width: 100% !important;
object-fit: cover;
}
.about-one--three .about-one__content__telnumber {
color: #402a1d;
font-weight: 500;
font-size: 18px;
line-height: 1;
padding-left: 26px;
margin-bottom: 0;
}
@media (max-width: 1200px) {
.about-one--three .about-one__content__telnumber {
font-size: 15px;
padding-left: 20px;
}
}
@media (max-width: 991px) {
.about-one--three .about-one__content__telnumber {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.about-one--three .about-one__content__telnumber {
padding-left: 0;
}
}
.about-one--three .about-one__content__telnumber > a {
color: inherit;
/* background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; */
transition: all 500ms ease;
}
.about-one--three .about-one__content__telnumber > a:hover {
background-size: 100% 1px;
}

.about-two {
padding-top: 107px;
padding-bottom: 119px;
background-color: #faf7f6;
position: relative;
}
@media (max-width: 991px) {
.about-two {
padding-top: 45px;
padding-bottom: 64px;
}
}
.about-two__shapeleft, .about-two__shaperight {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
background-size: auto;
background-repeat: no-repeat;
}
.about-two__shapeleft {
background-position: left top;
left: 0;
}
@media (max-width: 991px) {
.about-two__shapeleft {
display: none;
}
}
.about-two__shaperight {
background-position: right top;
right: 0;
}
.about-two .container {
position: relative;
z-index: 2;
}
@media (max-width: 1200px) {
.about-two .container {
max-width: 100%;
}
}
.about-two__imagecol {
width: calc((39.9% - 0px) / 1);
position: relative;
padding-bottom: 57px;
padding-top: 35px;
}
@media (max-width: 991px) {
.about-two__imagecol {
width: calc((100% - 0px) / 1);
}
}
.about-two__imagecol__image {
width: 100%;
height: 100%;
}
.about-two__imagecol__image > img {
width: 100% !important;
height: 100%;
object-fit: cover;
}
.about-two__imagecol__imagesmall {
position: absolute;
width: 268px !important;
height: 268px !important;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
margin: 0 auto;
border-radius: 50% !important;
}
.about-two__imagecol__imagesmall::after {
content: "";
position: absolute;
width: calc(100% + 16px);
height: calc(100% + 16px);
left: -8px;
top: -8px;
z-index: 2;
background-image: url("../images/shapes/about-shape2-1.png");
background-repeat: no-repeat;
background-size: contain;
animation: aboutEffec1_Rotate 4.2s linear infinite;
}
@keyframes aboutEffec1_Rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.about-two__imagecol__imagesmall > img {
border: 8px solid #fff;
width: 268px !important;
height: 268px !important;
border-radius: 50% !important;
}
.about-two__contentcol {
width: calc((60.1% - 0px) / 1);
padding-left: 140px;
position: relative;
}
@media (max-width: 1200px) {
.about-two__contentcol {
padding-left: 100px;
}
}
@media (max-width: 991px) {
.about-two__contentcol {
padding-left: 15px;
padding-top: 38px;
width: calc((100% - 0px) / 1);
}
}
.about-two__contentcol::before {
content: "";
position: absolute;
width: 64px;
height: 98px;
left: 15px;
bottom: 10px;
z-index: 1;
background-image: url("../images/shapes/about-shape2-2.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
animation: aboutEffec2_Rotate 1.2s linear infinite alternate;
}
@media (max-width: 991px) {
.about-two__contentcol::before {
content: none;
}
}
@keyframes aboutEffec2_Rotate {
from {
transform: translateY(0);
}
to {
transform: translateY(-25px);
}
}
.about-two__contentcol .sec-title {
padding-bottom: 39px;
}
.about-two__contentcol .sec-title__tagline::before, .about-two__contentcol .sec-title__tagline::after {
margin: 0;
}
.about-two__contentcol .sec-title__tagline::after {
height: 2px;
}
.about-two__contentcol .sec-title__title {
text-align: left;
margin-top: 3px;
margin-bottom: 32px;
}
.about-two__contentcol .sec-title__text {
margin: 0;
color: #2a2826;
font-weight: 500;
font-size: 18px;
line-height: 34px;
}
.about-two__contentcol__benefits {
gap: 0 10px;
padding-bottom: 38px;
}
@media (max-width: 767px) {
.about-two__contentcol__benefits {
flex-wrap: wrap;
gap: 22px 0;
}
}
.about-two__contentcol__benefits__wrap:hover .benefits-icon {
background-color: var(infina-base, #d18548);
color: #fff;
transform: scale(0.98);
}
.about-two__contentcol__benefits__wrap:hover .about-two__contentcol__benefits__text {
color: var(infina-base, #d18548);
}
@media (max-width: 767px) {
.about-two__contentcol__benefits__wrap {
width: 100%;
}
}
.about-two__contentcol__benefits .benefits-icon {
width: 73px;
min-width: 73px;
height: 73px;
border-radius: 50%;
font-size: 40px;
line-height: 1;
color: var(infina-base, #d18548);
background-color: #2a2826;
display: flex;
align-items: center;
justify-content: center;
-webkit-box-shadow: 0px 0px 6px 7px #F7F1EE;
box-shadow: 0px 0px 6px 7px #F7F1EE;
transition: all 0.5s ease;
}
.about-two__contentcol__benefits__text {
color: #2a2826;
font-weight: 500;
font-size: 20px;
line-height: 31px;
margin-bottom: 0;
padding-left: 24px;
transition: all 0.5s ease;
}
.about-two__contentcol__text {
color: #6b6968;
font-size: 16px;
line-height: 34px;
margin-bottom: 0;
}
.about-two__contentcol__btnwrap {
display: flex;
margin-top: 40px;
}
@media (max-width: 767px) {
.about-two__contentcol__btnwrap {
flex-direction: column;
gap: 15px 0;
}
}
.about-two__contentcol .about-one--btn {
background-color: var(infina-base, #d18548);
color: #fff;
margin-right: 26px;
margin-top: 0;
}
@media (max-width: 767px) {
.about-two__contentcol .about-one--btn {
width: 100%;
}
}
.about-two__contentcol .about-one--btn::before {
background-color: var(infina-base, #d18548);
}
.about-two__contentcol .about-one--btn::after {
background-color: #4a3626;
}
.about-two__contentcol__printed {
color: var(infina-base, #d18548);
font-weight: 500;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
display: flex;
align-items: center;
border: 1px dotted var(infina-base, #d18548);
padding: 0 22px;
position: relative;
background-color: rgba(var(infina-base-rgb, 209, 133, 72), 0.1);
}
@media (max-width: 767px) {
.about-two__contentcol__printed {
min-height: 60px;
}
}
.about-two__contentcol__printed::before {
font-family: "icomoon" !important;
content: "\e909";
top: 0;
left: 0;
color: var(infina-base, #d18548);
font-size: 20px;
margin-right: 12px;
}
.about-two--aboutpage {
padding-bottom: 250px;
margin-bottom: -160px;
}
@media (max-width: 991px) {
.about-two--aboutpage {
padding-bottom: 215px;
}
}
.about-two--aboutpage::after {
content: none;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one {
position: relative;
padding-top: 107px;
padding-bottom: 60px;
}
@media (max-width: 991px) {
.service-one {
padding-top: 58px;
padding-bottom: 78px;
}
}
.service-one__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #17120e;
background-blend-mode: overlay;
}
.service-one .container {
position: relative;
z-index: 3;
/* max-width: 1600px; */
}
.service-one__sec-title-wrap {
max-width: 1170px;
margin: 0 auto;
gap: 0 88px;
padding-bottom: 66px;
}
@media (max-width: 991px) {
.service-one__sec-title-wrap {
padding-bottom: 50px;
}
}
.service-one .sec-title {
text-align: left;
width: calc((55% - 44px) / 1);
padding-bottom: 0;
}
@media (max-width: 991px) {
.service-one .sec-title {
width: 100%;
}
}
.service-one .sec-title__tagline::before, .service-one .sec-title__tagline::after {
content: "";
/* margin: 0; */
}
.service-one .sec-title__tagline::after {
height: 2px;
}
.service-one .sec-title__title {
color: #fff;
/* text-align: left; */
}
@media (max-width: 991px) {
.service-one .sec-title__title {
margin-bottom: 16px;
}
}
.service-one__sec-info-wrap {
width: calc((45% - 44px) / 1);
padding-right: 4px;
}
@media (max-width: 991px) {
.service-one__sec-info-wrap {
width: 100%;
padding-right: 0;
}
}
.service-one__sec-info-text {
color: #bdbdbc;
font-size: 16px;
line-height: 34px;
margin-bottom: 24px;
}
.service-one--btn {
color: #fff;
height: 55px;
width: fit-content;
font-size: 15px;
padding: 5px 51.5px;
margin-top: 3px;
background-color: var(infina-base, #d18548);
}
.service-one--btn::before {
background-color: var(infina-base, #d18548);
}
.service-one--btn::after {
background-color: #fff;
}
.service-one--btn:hover {
color: #2a2826;
}
.service-one__item__icon {
width: 89px;
height: 89px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 18px;
left: 29px;
z-index: 1;
background-color: #4a3626;
border: 1px solid #fff;
transition: all 0.5s ease;
}
.service-one__item__icon > i {
font-size: 52px;
color: #fff;
transition: all 0.5s ease;
}
@media (max-width: 1200px) {
.service-one__item__icon {
top: 15px;
left: 18px;
}
}

.service-one__item:hover img {
transform: scale(1.2);
}
.service-one__item:hover .service-one__item__icon {
background-color: var(infina-base, #d18548);
}
.service-one__item:hover .service-one__item__icon > i {
transform: scale(0.8);
}
.service-one .sercives-arrow-right {
position: absolute;
right: 0;
top: -28px;
background-color: var(infina-base, #d18548);
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px 0 0 30px;
padding-right: 10px;
padding-left: 21px;
}
.service-one .sercives-arrow-right > i {
font-size: 14px;
line-height: 1;
color: #fff;
}
.service-one .sercives-arrow-right:hover {
background-color: #4a3626;
}
.service-one--two {
background-color: #fff;
background-image: none;
padding-bottom: 110px;
padding-top: 108px;
}
@media (max-width: 991px) {
.service-one--two {
padding-top: 58px;
padding-bottom: 65px;
}
}
.service-one--two .service-one__sec-title-wrap {
padding-bottom: 72px;
}
@media (max-width: 991px) {
.service-one--two .service-one__sec-title-wrap {
padding-bottom: 40px;
}
}
.service-one--two .sec-title {
text-align: center;
width: calc((100% - 0px) / 1);
padding-bottom: 0;
}
.service-one--two .sec-title__tagline::before, .service-one--two .sec-title__tagline::after {
margin: 0 auto;
}
.service-one--two .sec-title__tagline::after {
height: 1px;
}
.service-one--two .sec-title__title {
color: #2a2826;
text-align: center;
margin-top: 0;
}
.service-one--two .service-one__item__icon {
left: 16px;
top: 16px;
}
.service-one--two .service-one__item__icon > i {
font-size: 34px;
}
/* .service-one--two .service-one__item__info {
position: absolute;
width: calc((100% - 53px) / 1);
left: 38px;
bottom: 22px;
z-index: 1;
padding: 18px 70px 20px 22px;
} */
/* .service-one--two .service-one__item__title {
margin-bottom: 0;
} */
.service-one--two .sercives-arrow-right {
top: 0;
height: 100%;
padding-right: 21px;
padding-left: 30px;
}
.service-one--three {
padding-top: 220px;
/* padding-bottom: 218px;
margin-bottom: -60px; */
counter-reset: number-counter;
background-image: url("../images/backgrounds/feature-bg2-1.jpg"), url("../images/resources/services-feedback-bg2-1.jpg");
background-position: center top, right center;
}
@media (max-width: 991px) {
.service-one--three {
padding-top: 224px;
/* padding-bottom: 173px; */
}
}
.service-one--three .service-one__sec-title-wrap {
padding-bottom: 73px;
}
@media (max-width: 991px) {
.service-one--three .service-one__sec-title-wrap {
padding-bottom: 30px;
}
}
.service-one--three .sec-title {
/* width: calc((53% - 44px) / 1); */
width: 100%;
text-align: center;
}
@media (max-width: 991px) {
.service-one--three .sec-title {
width: calc((100% - 0px) / 1);
}
}
@media (max-width: 991px) {
.service-one--three .sec-title__title br {
display: none;
}
}
.service-one--three .service-one__sec-info-wrap {
width: calc((47% - 44px) / 1);
padding-top: 62px;
}
@media (max-width: 991px) {
.service-one--three .service-one__sec-info-wrap {
width: calc((100% - 0px) / 1);
padding-top: 8px;
}
}
/* .service-one--three .service-one__item:hover .service-one__item__titlewrap::after {
background-color: var(infina-base, #d18548);
} */
.service-one--three .service-one__item:hover .sercives-arrow-right > i {
color: #fff;
}
/* .service-one--three .service-one__item__info {
counter-increment: number-counter;
padding: 46px 15px 17px 12px;
padding-right: 10px;
display: flex;
align-items: center;
} */
/* .service-one--three .service-one__item__info::before {
content: counter(number-counter, decimal-leading-zero);
color: #f2ebe6;
font-weight: 600;
font-size: 55px;
line-height: 1;
} */
/* .service-one--three .service-one__item__titlewrap {
position: absolute;
bottom: -28px;
left: 0;
z-index: 1;
width: calc(100% - 27px);
height: auto;
background-color: #4a3626;
transition: all 0.5s ease;
padding: 18px 0 20px 30px;
}
.service-one--three .service-one__item__titlewrap::after {
content: "";
position: absolute;
width: 89px;
height: calc(100% + 1px);
display: inline-block;
z-index: 1;
background-color: #fff;
transition: all 0.5s ease;
right: -1px;
top: -1px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);
} */
/* .service-one--three .service-one__item__title {
position: relative;
z-index: 2;
margin-bottom: 0;
color: #fff;
}
.service-one--three .service-one__item__title > a {
color: inherit;
}
@media (max-width: 767px) {
.service-one--three .service-one__item__title {
font-size: 18px;
}
} */
.service-one--three .sercives-arrow-right {
position: relative;
z-index: 2;
top: initial;
right: initial;
width: auto;
height: auto;
background-color: transparent;
padding: 0 23px 0 40px;
border-radius: 0;
}
.service-one--three .sercives-arrow-right > i {
color: var(infina-base, #d18548);
}
.service-one--three .sercives-arrow-right:hover {
background-color: transparent;
}
/* .service-one--three .service-one__item__text {
padding-left: 9px;
} */
.service-one--page {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 991px) {
.service-one--page {
padding-top: 58px;
padding-bottom: 78px;
}
}
.service-one--page .container {
max-width: 1200px;
}
@media (max-width: 991px) {
.service-one--page .container {
max-width: 100%;
}
}
.service-one--page .owl-carousel .owl-nav {
display: none;
}
.service-one--page2 {
padding-top: 120px;
padding-bottom: 180px;
background-color: #fff;
background-image: none;
}
@media (max-width: 991px) {
.service-one--page2 {
padding-top: 58px;
padding-bottom: 120px;
}
}
.service-one--page2 .container {
max-width: 1600px;
}
@media (max-width: 991px) {
.service-one--page2 .container {
max-width: 100%;
}
}
/* .service-one--page2 .service-one__item {
-webkit-box-shadow: 0px 0px 34px 1px rgba(201, 199, 205, 0.34);
box-shadow: 0px 0px 34px 1px rgba(201, 199, 205, 0.34);
} */
/* .service-one--page2 .service-one__item__info {
padding-right: 12px;
} */
.service-one--page2 .owl-carousel .owl-nav {
display: none;
}

.services-feedback-one {
padding-top: 94px;
padding-bottom: 226px;
margin-bottom: -68px;
position: relative;
}
@media (max-width: 991px) {
.services-feedback-one {
padding-top: 52px;
padding-bottom: 152px;
}
}
@media (max-width: 480px) {
.services-feedback-one {
padding-bottom: 110px;
}
}
.services-feedback-one__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
background-color: #eeeeee;
background-blend-mode: overlay;
}
.services-feedback-one__shapeleft, .services-feedback-one__shaperight {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
z-index: 2;
background-repeat: no-repeat;
background-size: auto;
}
.services-feedback-one__shapeleft {
left: 0;
background-position: left bottom;
}
.services-feedback-one__shaperight {
right: 0;
background-position: right bottom;
}
.services-feedback-one .container {
/* max-width: 1442px; */
/* padding-left: 134px; */
position: relative;
z-index: 3;
}
@media (max-width: 1440px) {
.services-feedback-one .container {
padding-left: 15px;
}
}
.services-feedback-one__content .sec-title {
padding-bottom: 1px;
}
@media (max-width: 991px) {
.services-feedback-one__content .sec-title {
/* padding-bottom: 38px; */

}
.services-feedback-one__content p{
font-size: 20px !important;
}
}
.services-feedback-one__content .sec-title__title {
text-align: left;
margin-bottom: 15px;
max-width: 675px;
padding-right: 5px;
text-transform: uppercase;
}

@media (max-width: 991px) {
.services-feedback-one__content .sec-title__title {
max-width: 100%;
margin-bottom: 26px;
padding-right: 0;
}
}
.services-feedback-one__content .sec-title__text {
color: rgba(var(--wallpi-text-dark-rgb, 36, 28, 20), 0.8);
font-size: 15px;
line-height: 26px;
margin-bottom: 0;
max-width: 620px;
}
@media (max-width: 991px) {
.services-feedback-one__content .sec-title__text {
max-width: 100%;
}
}
.services-feedback-one__progress-wrap {
max-width: 580px;
}
@media (max-width: 991px) {
.services-feedback-one__progress-wrap {
max-width: 100%;
}
}
.services-feedback-one__progress {
padding-bottom: 38px;
}
@media (max-width: 991px) {
.services-feedback-one__progress {
padding-bottom: 30px;
}
}
.services-feedback-one__progress-title {
color: #241c14;
font-weight: 500;
font-size: 18px;
line-height: 1;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.services-feedback-one__progress-title {
margin-bottom: 20px;
}
}
/* .services-feedback-one__progress-bar {
width: 100%;
height: 11px;
background-color: #e8ded3;
position: relative;
} */
/* .services-feedback-one__progress-inner {
position: absolute;
height: calc(100% - 4px);
left: 2px;
top: 2px;
background-color: var(infina-base, #d18548);
transition: all 700ms linear;
width: 0px;
} */
/* .services-feedback-one__progress-number {
position: absolute;
bottom: calc(100% + 6px);
right: calc(0% - 36px);
height: 21px;
background-color: var(infina-base, #d18548);
border-radius: 4px 4px 4px 0;
color: #fff;
font-weight: 700;
font-size: 11px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px 6px;
} */
.services-feedback-one__image {
height: 100%;
position: relative;
padding-top: 24px;
overflow: hidden;
width:80%;
}
@media (max-width: 991px) {
.services-feedback-one__image {
padding-left: 0;
}
}
.services-feedback-one__image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
max-height: 138px;
left: 0;
top: 24px;
z-index: 1;
background-image: url("../images/shapes/feedback-shape1-11.png");
background-repeat: no-repeat;
background-position: left top;
background-size: 101% auto;
opacity: 1;
}
@media (max-width: 991px) {
.services-feedback-one__image::before {
max-height: initial;
}
}
.services-feedback-one__image > img {
width: 100% !important;
height: 100%;
object-fit: cover;
}
.services-feedback-one--two {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-color: #161412;
background-blend-mode: overlay;
padding-top: 246px;
padding-bottom: 44px;
margin-bottom: 0;
}
@media (max-width: 991px) {
.services-feedback-one--two {
padding-top: 210px;
padding-bottom: 68px;
}
}
.services-feedback-one__row{
align-items: center;
}
.services-feedback-one--two::before, .services-feedback-one--two::after {
content: none;
}
.services-feedback-one--two .services-feedback-one__row {
gap: 0 0px;
}
.services-feedback-one--two .services-feedback-one__content {
width: calc((51.2% - 0px) / 1);
}
@media (max-width: 991px) {
.services-feedback-one--two .services-feedback-one__content {
width: calc((100% - 0px) / 1);
padding-bottom: 35px;
}
}
/* .services-feedback-one--two .services-feedback-one__progress-bar {
background-color: #fff;
} */
/* .services-feedback-one--two .sec-title__title, .services-feedback-one--two .sec-title__text {
color: #fff;
} */
.services-feedback-one--two .services-feedback-one__image {
width: calc((48.8% - 0px) / 1);
height: auto;
padding: 0 15px 0 15px;
margin-top: -60px;
}
@media (max-width: 991px) {
.services-feedback-one--two .services-feedback-one__image {
width: calc((100% - 0px) / 1);
margin-top: 0;
}
}
.services-feedback-one--two .services-feedback-one__image::before {
content: none;
}
.services-feedback-one--two .services-feedback-one__mainimage {
-webkit-mask-image: url("../images/shapes/feedback-services-shape2-1.png");
mask-image: url("../images/shapes/feedback-services-shape2-1.png");
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.services-feedback-one--two .services-feedback-one__leftshape,
.services-feedback-one--two .services-feedback-one__rightshape {
position: absolute;
width: 100%;
max-width: 271px;
height: 224px;
top: 0;
z-index: 1;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
@media (max-width: 767px) {
.services-feedback-one--two .services-feedback-one__leftshape,
.services-feedback-one--two .services-feedback-one__rightshape {
display: none;
}
}
.services-feedback-one--two .services-feedback-one__leftshape > img,
.services-feedback-one--two .services-feedback-one__rightshape > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.services-feedback-one--two .services-feedback-one__leftshape {
left: 0;
top: 92px;
-webkit-mask-image: url("../images/shapes/feedback-services-shape2-2.png");
mask-image: url("../images/shapes/feedback-services-shape2-2.png");
animation: feedback_leftshape 1.5s linear infinite alternate;
}
@keyframes feedback_leftshape {
from {
transform: translate(0, 0);
}
to {
transform: translate(32px, -27px);
}
}
.services-feedback-one--two .services-feedback-one__rightshape {
right: -86px;
top: 247px;
-webkit-mask-image: url("../images/shapes/feedback-services-shape2-3.png");
mask-image: url("../images/shapes/feedback-services-shape2-3.png");
animation: feedback_rightshape 1.2s linear infinite alternate;
}
@keyframes feedback_rightshape {
from {
transform: translate(0, 0);
}
to {
transform: translate(-9px, 27px);
}
}
.services-feedback-one--two .services-feedback-one__progress-title {
color: #fff;
}
.services-feedback-one--three {
background-color: #fff;
/* padding-top: 0;
padding-bottom: 119px; */
padding: 0;
margin-top: 40px;
margin-bottom: 0;
}
.services-feedback-one--three::before, .services-feedback-one--three::after {
content: none;
}
@media (max-width: 991px) {
.services-feedback-one--three {
/* padding-bottom: 68px; */
}
}
.services-feedback-one--three .services-feedback-one__image::before {
background-image: url("../images/shapes/feedback-shape1-1.png");
}
.services-feedback-one--aboutpage {
margin-bottom: -40px;
padding-bottom: 124px;
}

.services-client-one {
position: relative;
z-index: 2;
}
@media (max-width: 1200px) {
.services-client-one .container {
max-width: 100%;
}
}
.services-client-one__wrap {
position: relative;
z-index: 2;
/* background-image: url("../images/backgrounds/services-client-bg1-1.jpg"); */
background-repeat: no-repeat;
background-color: #402a1d;
background-blend-mode: overlay;
padding: 30px 60px 28px 250px;
}
@media (max-width: 1200px) {
.services-client-one__wrap {
padding-left: 175px;
padding-right: 25px;
}
}
@media (max-width: 991px) {
.services-client-one__wrap {
flex-wrap: wrap;
gap: 25px 0;
}
}
@media (max-width: 480px) {
.services-client-one__wrap {
padding-left: 20px;
padding-right: 20px;
}
}
.services-client-one__image {
position: absolute;
width: 200px;
height: calc(100% + 38px);
top: calc(0% - 38px);
left: 0;
z-index: 1;
}
@media (max-width: 1200px) {
.services-client-one__image {
width: 150px;
}
}
@media (max-width: 480px) {
.services-client-one__image {
display: none;
}
}
.services-client-one__image::before {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 1;
border-right: 40px solid transparent;
border-top: 40px solid #e1c4ac;
right: -40px;
top: -2px;
transform: rotate(-90deg);
}
.services-client-one__image > img {
width: 100% !important;
height: 100%;
object-fit: cover;
object-position: left top;
}
.services-client-one__title {
color:  #e3b322;
font-weight: 500;
font-size: 26px;
line-height: 1;
margin-bottom: 0;
background-image: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
}
@media (max-width: 991px) {
.services-client-one__title {
width: 100%;
font-size: 22px;
}
}
.services-client-one .services-client--btn {
min-width: 214px;
background-color: #fff;
color: #2a2826;
padding: 5px 54px;
}
.services-client-one .services-client--btn::before {
/* background-color: #e3b322; */
background: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);
}
.services-client-one .services-client--btn::after {
background-color: #fff;
}
.services-client-one .services-client--btn:hover {
color: #fff;
}
.services-client-one--three {
/* padding-bottom: 95px; */
margin-top: -40px;
}
@media (max-width: 991px) {
.services-client-one--three {
/* padding-bottom: 68px; */
}
}

/*--------------------------------------------------------------
# Service details
--------------------------------------------------------------*/
.service-details {
padding-top: 120px;
padding: 120px 0;
}
@media (max-width: 991px) {
.service-details {
padding: 70px 0;
padding-top: 60px;
}
}
@media (max-width: 1200px) {
.service-details .container {
max-width: 100%;
}
}
.service-details__content {
padding-left: 33px;
}
@media (max-width: 1200px) {
.service-details__content {
padding-left: 10px;
}
}
.service-details__title {
margin: 0;
font-weight: 700;
color: #2a2826;
font-size: 50px;
line-height: 1;
margin-bottom: 29px;
}
@media (max-width: 991px) {
.service-details__title {
font-size: 42px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.service-details__title {
font-size: 36px;
}
}
.service-details__thumbnail {
width: 100%;
margin-top: 21px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.service-details__thumbnail {
margin-top: 10px;
margin-bottom: 38px;
}
}
.service-details__thumbnail img {
width: 100% !important;
}
.service-details__subtitle {
font-family: "Inter", sans-serif;
font-weight: 700;
color: #2a2826;
font-size: 26px;
line-height: 1;
margin-bottom: 23px;
}
.service-details__text {
margin: 0;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
font-size: 16px;
line-height: 32px;
padding-bottom: 17px;
}
.service-details__benefits {
background-color: rgba(var(--wallpi-lightpink2-rgb, 245, 235, 228), 0.8);
padding: 20px 40px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.service-details__benefits {
margin-bottom: 38px;
padding: 20px;
}
}
.service-details__benefits__inner {
position: relative;
padding: 29px 0;
padding-right: 230px;
}
@media (max-width: 767px) {
.service-details__benefits__inner {
padding-right: 0;
}
}
.service-details__benefits__title {
color: #2a2826;
font-weight: 600;
font-size: 24px;
line-height: 1;
margin-bottom: 22px;
}
.service-details__benefits__text {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
font-size: 16px;
line-height: 32px;
margin-bottom: 0;
}
.service-details__benefits__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
margin: auto 0;
width: 215px;
height: 215px;
border-radius: 50%;
}
@media (max-width: 767px) {
.service-details__benefits__img {
display: none;
}
}
.service-details__benefits__img img {
width: 100% !important;
height: 100%;
object-fit: cover;
border-radius: 50% !important;
}
.service-details__feature {
column-count: 2;
column-gap: 54px;
margin-bottom: 39px;
}
@media (max-width: 767px) {
.service-details__feature {
column-count: 1;
column-gap: 54px;
margin-bottom: 39px;
}
}
@media (max-width: 767px) {
.service-details__feature__col + .service-details__feature__col {
margin-top: 38px;
}
}
.service-details__feature__titlewrap {
margin-bottom: 15px;
}
.service-details__feature__titlewrap > i {
font-size: 62px;
line-height: 1;
color: #2a2826;
}
.service-details__feature__title {
color: #2a2826;
font-weight: 700;
font-size: 20px;
line-height: 28px;
margin-bottom: 0;
padding-left: 22px;
}
.service-details__feature__title br {
display: none;
}
@media (min-width: 1200px) {
.service-details__feature__title br br {
display: block;
}
}
.service-details__feature__text {
margin: 0;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
font-size: 16px;
line-height: 32px;
}
.service-details__featurelist {
margin-top: 15px;
column-count: 2;
column-gap: 15px;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.service-details__featurelist {
column-count: 1;
}
}
.service-details__featurelist li {
color: #2a2826;
font-size: 16px;
line-height: 1;
margin-bottom: 21px;
position: relative;
padding-left: 32px;
}
.service-details__featurelist li::before {
font-family: "icomoon" !important;
content: "\e904";
position: absolute;
top: -3px;
left: 0;
z-index: 1;
color: #2a2826;
font-size: 22px;
line-height: 1;
}
.service-details .wallpi-accrodion {
border: 1px solid #2a2826);
background-color: rgba(var(--wallpi-lightpink-rgb, 236, 228, 222), 0.5);
padding: 43px 20px 56px 20px;
}
.service-details .accrodion {
border: 0;
}
.service-details .accrodion.active .accrodion-title::after {
font-family: "icomoon" !important;
content: "\e91c";
background-color: #2a2826;
}
.service-details .accrodion-title {
padding: 18.5px 0;
padding-left: 28px;
padding-right: 60px;
position: relative;
background-color: #fff;
}
.service-details .accrodion-title::after {
font-family: "icomoon" !important;
content: "\e907";
position: absolute;
top: 0;
right: 20px;
bottom: 0;
margin: auto 0;
z-index: 1;
width: 28px;
height: 28px;
border-radius: 50%;
background-color: rgba(var(--wallpi-text-gray-rgb, 113, 106, 99), 0.3);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 15px;
line-height: 1;
}
.service-details .accrodion-title h4 {
color: #2a2826;
font-weight: 600;
font-size: 18px;
line-height: 1;
}
.service-details .active .accrodion-title {
border: 0;
}
.service-details .accrodion-content {
padding-top: 22px;
}
.service-details .accrodion-content p {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.9);
}
.service-details .accrodion-content .inner {
padding-left: 28px;
padding-bottom: 10px;
padding-right: 34px;
padding: 0 32px 10px 27px;
}

/*--------------------------------------------------------------
# Instagram
--------------------------------------------------------------*/
.instagram-one {
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.instagram-one {
padding: 80px 0;
}
}
@media (min-width: 1400px) {
.instagram-one .container {
max-width: 1380px;
}
}
.instagram-one__title {
display: block;
text-align: center;
position: relative;
font-size: 14px;
color: #2a2826;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
font-family: "Inter", sans-serif;
letter-spacing: 2.8px;
margin: 0 auto 39px;
}
.instagram-one__title span {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding: 0 28px;
}
@media (max-width: 550px) {
.instagram-one__title span {
padding: 0 18px;
}
}
.instagram-one__title::after {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 9px;
width: 518px;
height: 1px;
content: "";
background-color: #2a2826);
}
@media (max-width: 550px) {
.instagram-one__title::after {
width: 100%;
}
}
.instagram-one a {
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
display: block;
width: 100%;
height: auto;
}
.instagram-one a::before {
position: absolute;
content: "\f16d";
font-family: "Font Awesome 5 Brands";
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 55%;
transform: translateY(-50%);
z-index: 3;
color: #fff;
font-size: 30px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all ease 0.4s;
transition-delay: 0s;
}
.instagram-one a::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 0;
z-index: 1;
opacity: 0;
background: rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.5);
visibility: hidden;
transition: all ease 0.4s;
}
.instagram-one a:hover::after {
height: 100%;
opacity: 1;
visibility: visible;
}
.instagram-one a:hover::before {
top: 50%;
visibility: visible;
opacity: 1;
transition-delay: 0.4s;
}
.instagram-one a img {
width: 100%;
height: auto;
transition: all ease 0.3s;
}
.instagram-one a:hover img {
transform: scale(1.1) rotate(1.5deg);
-moz-transform: scale(1.1) rotate(1.5deg);
-webkit-transform: scale(1.1) rotate(1.5deg);
-ms-transform: scale(1.1) rotate(1.5deg);
-o-transform: scale(1.1) rotate(1.5deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.instagram-two {
position: relative;
z-index: 2;
padding: 0 0;
margin-bottom: -120px;
}
.instagram-two .container {
max-width: 1670px;
}
.instagram-two a {
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
display: block;
width: 100%;
height: auto;
}
.instagram-two a::before {
position: absolute;
content: "\f16d";
font-family: "Font Awesome 5 Brands";
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 55%;
transform: translateY(-50%);
z-index: 3;
color: #fff;
font-size: 40px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all ease 0.4s;
transition-delay: 0s;
}
.instagram-two a::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 0;
z-index: 1;
opacity: 0;
background: rgba(var(infina-base-rgb, 209, 133, 72), 0.9);
visibility: hidden;
transition: all ease 0.4s;
}
.instagram-two a:hover::after {
height: 100%;
opacity: 1;
visibility: visible;
}
.instagram-two a:hover::before {
top: 50%;
visibility: visible;
opacity: 1;
transition-delay: 0.4s;
}
.instagram-two a img {
width: 100%;
height: auto;
transition: all ease 0.3s;
}
.instagram-two a:hover img {
transform: scale(1.1) rotate(1.5deg);
-moz-transform: scale(1.1) rotate(1.5deg);
-webkit-transform: scale(1.1) rotate(1.5deg);
-ms-transform: scale(1.1) rotate(1.5deg);
-o-transform: scale(1.1) rotate(1.5deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/*--------------------------------------------------------------
# Opening Time
--------------------------------------------------------------*/
.opening {
position: relative;
margin-bottom: -85px;
}
@media (max-width: 1199px) {
.opening {
margin-bottom: 0;
}
}
.opening--home-three {
margin-bottom: 0;
padding-bottom: 120px;
}
@media (max-width: 767px) {
.opening--home-three {
padding-bottom: 80px;
}
}
.opening__wrapper {
background-color: var(infina-base, #d18548);
position: relative;
z-index: 2;
padding: 39px 0;
}
@media (max-width: 767px) {
.opening__wrapper {
padding: 30px 20px;
text-align: center;
}
}
.opening__wrapper::after {
position: absolute;
left: 0;
top: 0;
width: 180px;
height: 100%;
content: "";
opacity: 0.102;
background-image: linear-gradient(90deg, rgba(var(--wallpi-black-rgb, 42, 40, 38), 0) 0%, rgba(var(--wallpi-black-rgb, 42, 40, 38), 1) 100%);
}
@media (max-width: 991px) {
.opening__wrapper::after {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.opening__wrapper::after {
width: 155px;
}
}
.opening__icon {
font-size: 65px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 0 0;
margin-right: -10px;
position: relative;
z-index: 2;
}
.opening__title {
color: #fff;
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
margin: 27px -30px 0 33px;
position: relative;
}
@media (max-width: 767px) {
.opening__title {
margin: 20px 0 0;
}
}
.opening__info {
font-size: 12px;
line-height: 30px;
color: #fff;
text-transform: uppercase;
padding: 12px 0 20px;
margin: 0 0 0 -14px;
}
@media (max-width: 991px) {
.opening__info {
margin: 0 0 0;
text-align: center;
}
}
@media (max-width: 767px) {
.opening__info {
margin: 0 0 0;
}
}
.opening__info--last {
margin-left: -45px;
padding-left: 60px;
border-left: 1px solid rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.2);
}
@media (max-width: 991px) {
.opening__info--last {
margin: 0 0 0;
padding: 0;
border: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.opening__info--last {
margin-left: -30px;
padding-left: 20px;
}
}
.opening__info__text {
display: block;
font-size: 20px;
text-transform: none;
}

/*--------------------------------------------------------------
# Boxed Home
--------------------------------------------------------------*/
body.boxed-wrapper {
position: relative;
}
body.boxed-wrapper .page-wrapper {
max-width: 1530px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
box-shadow: 0px 0px 100px 0px rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.08);
}
body.boxed-wrapper .consultation-one__colimg__image__circlemediam {
right: 20px;
width: 360px;
height: 360px;
}
@media (max-width: 1200px) {
body.boxed-wrapper .consultation-one__colimg__image__circlemediam {
width: 300px;
height: 300px;
}
}
@media (max-width: 480px) {
body.boxed-wrapper .consultation-one__colimg__image__circlemediam {
width: 270px;
height: 270px;
}
}
body.boxed-wrapper .consultation-one__colimg__image__circlesmall {
right: 220px;
bottom: 95px;
width: 300px;
height: 300px;
}
@media (max-width: 1200px) {
body.boxed-wrapper .consultation-one__colimg__image__circlesmall {
right: 180px;
width: 250px;
height: 250px;
}
}
@media (max-width: 480px) {
body.boxed-wrapper .consultation-one__colimg__image__circlesmall {
right: 86px;
bottom: 145px;
width: 220px;
height: 220px;
}
}
body.boxed-wrapper .main-slider-one__carousel.owl-carousel .owl-nav {
max-width: 205px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}

/*--------------------------------------------------------------
# Work Process
--------------------------------------------------------------*/
.work-process-one {
position: relative;
counter-reset: count;
padding: 120px 0 90px;
}
@media (max-width: 767px) {
.work-process-one {
padding: 80px 0 50px;
}
}
.work-process-one .sec-title {
text-align: center;
}
.work-process-one__border {
width: 100%;
height: 2px;
background-color: var(infina-base, #d18548);
top: 103px;
position: relative;
}
@media (max-width: 767px) {
.work-process-one__border {
display: none;
}
}
.work-process-one__border::after {
position: absolute;
left: 0;
top: -5px;
width: 11px;
height: 11px;
background-color: #2a2826;
border-radius: 50%;
content: "";
}
.work-process-one__border::before {
position: absolute;
right: 0;
top: -5px;
width: 11px;
height: 11px;
background-color: #2a2826;
border-radius: 50%;
content: "";
}
.work-process-one__gradiant-left {
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
width: 5%;
border-width: 1px;
border-style: solid;
border-image: linear-gradient(-45deg, rgba(var(infina-base-rgb, 209, 133, 72), 1) 0%, rgba(var(--wallpi-black-rgb, 42, 40, 38), 1) 100%) 1;
}
.work-process-one__gradiant-right {
height: 100%;
position: absolute;
display: block;
right: 0;
top: 0;
width: 5%;
border-width: 1px;
border-style: solid;
border-image: linear-gradient(-45deg, rgba(var(--wallpi-black-rgb, 42, 40, 38), 1) 0%, rgba(var(infina-base-rgb, 209, 133, 72), 1) 100%) 1;
}
.work-process-one__item {
position: relative;
counter-increment: count;
margin-bottom: 30px;
}
.work-process-one__item__thumb {
display: inline-block;
width: 202px;
height: 202px;
border: 2px solid var(infina-base, #d18548);
background-color: #fff;
border-radius: 50%;
padding: 5px;
position: relative;
margin-bottom: 30px;
}
.work-process-one__item__thumb-wrap {
background-color: #2a2826;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.work-process-one__item__thumb-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0;
height: 0;
background: rgba(var(--wallpi-white-rgb, 255, 255, 255), 0.2);
border-radius: 50%;
transition: all 500ms linear;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
z-index: 2;
}
.work-process-one__item__thumb-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
opacity: 0.3;
}
.work-process-one__item__thumb__number {
width: 67px;
height: 67px;
background-color: var(infina-base, #d18548);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
font-family: "Pathway Extreme", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1;
position: absolute;
right: -9px;
top: 5px;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.work-process-one__item__thumb__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: -6px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.work-process-one__item__thumb__icon {
width: 60px;
height: 60px;
font-size: 60px;
color: var(infina-base, #d18548);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.work-process-one__item:hover .work-process-one__item__thumb-wrap::after {
-webkit-animation: zoom-hover 0.95s;
animation: zoom-hover 0.95s;
}
.work-process-one__item:hover .work-process-one__item__thumb__number {
transform: scale(0.95);
}
.work-process-one__item__content {
position: relative;
box-shadow: 0px 0px 60px 0px rgba(var(--wallpi-black3-rgb, 0, 0, 0), 0.07);
background-color: #fff;
border-radius: 100px;
padding: 24px 20px 26px;
}
.work-process-one__item__content::after {
position: absolute;
left: 0;
right: 0;
top: -10px;
content: "";
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 10px 25px;
border-color: transparent transparent #fff transparent;
}
.work-process-one__item__title {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 5px;
}
.work-process-one__item__text {
font-size: 15px;
line-height: 26px;
margin: 0;
}

/*--------------------------------------------------------------
# project
--------------------------------------------------------------*/
.project-one {
padding-top: 50px;
overflow: hidden;
}
@media (max-width: 991px) {
.project-one {
padding-top: 58px;
}
}
.project-one .container-fluid {
padding: 0;
}
.project-one .sec-title {
position: relative;
z-index: 3;
text-align: center;
padding-bottom: 62px;
}
.project-one .sec-title__title {
margin-top: -1px;
}
.project-one__row {
--bs-gutter-x: 0;
}
.project-one__item {
position: relative;
padding: 0;
z-index: 3 ;
}
/* .project-one__item::after {
content: "";
position: absolute;
width: 1px;
height: 160%;
right: -1px;
bottom: 0;
background-color: #f8f2ec;
z-index: 1;
} */
.project-one__item__image {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 50px;
padding-right: 10px;
}
.project-one__item__image > img {
width: 100% !important;
}
.project-one__item__info {
position: absolute;
width: 100%;
left: 0;
bottom: 19px;
z-index: 1;
padding: 0 22px;
transition: transform 0.8s;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.project-one__item__inner {
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.project-one__item__bg {
padding: 17px 102px 35px 22px;
background-color: #fff;
position: absolute;
left: 0px;
bottom: 18px;
width: calc(100% - 0px);
transition: all 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (max-width: 1400px) {
.project-one__item__bg {
padding-right: 85px;
}
}
.project-one__item__bg.normal--bg {
opacity: 1;
visibility: visible;
}
.project-one__item__bg.hover--bg {
/* background-image: url("../images/shapes/project-overlay-bg1-1.png"); */
background-repeat: repeat-y;
background-size: 100% 100%;
background-color: transparent;
padding: 36px 96px 28px 22px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
background: linear-gradient(to right, #e8a225 75%, transparent);
}
@media (max-width: 1400px) {
.project-one__item__bg.hover--bg {
padding-right: 61px;
}
}
.project-one__item__bg.hover--bg .project-one__item__text,
.project-one__item__bg.hover--bg .project-one__item__heading {
color: #fff;
}
.project-one__item__bg.hover--bg .project-one__item__right-arrow {
border-color: #fff;
right: 27px;
top: 0;
bottom: -5px;
margin: auto 0;
}
@media (max-width: 1400px) {
.project-one__item__bg.hover--bg .project-one__item__right-arrow {
right: 0;
}
}
.project-one__item__text {
color: #e8a225;
font-weight: 500;
font-size: 13px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 0;
}
.project-one__item__heading {
color:  #241c14;
font-weight: 600;
font-size: 20px;
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 1400px) {
.project-one__item__heading {
font-size: 20px;
}
}
.project-one__item__heading > a {
color: inherit;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.project-one__item__heading > a:hover {
background-size: 100% 1px;
}
.project-one__item__tex-info {
color: #402a1d;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
padding-top: 22px;
font-weight: 600;
transition: all 0.2s ease;
}
.project-one__item__right-arrow {
position: absolute;
width: 57px;
height: 57px;
border-radius: 50%;
right: 38px;
bottom: 24px;
background-color: #402a1d;
border: 1px solid #e8a225;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
@media (max-width: 1400px) {
.project-one__item__right-arrow {
right: 20px;
}
}
.project-one__item__right-arrow:hover {
transform: translateX(15px);
}
.project-one__item:hover .hover--bg {
opacity: 1;
visibility: visible;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.project-one__item:hover .normal--bg {
opacity: 0;
visibility: hidden;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.project-one--two {
background-color: #fff;
padding-bottom: 76px;
}
@media (max-width: 991px) {
.project-one--two {
padding-bottom: 68px;
}
}
.project-one--two .container {
max-width: 1350px;
}
.project-one--two .project-one__row {
--bs-gutter-x: 30px;
gap: 30px 0;
}
.project-one--two .sec-title {
padding-bottom: 68px;
}
@media (max-width: 991px) {
.project-one--two .sec-title {
padding-bottom: 58px;
}
}
@media (max-width: 991px) {
.project-one--two .sec-title {
padding-bottom: 45px;
}
}
.project-one--two .sec-title__title {
font-size: 60px;
line-height: 62px;
}
@media (max-width: 991px) {
.project-one--two .sec-title__title {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.project-one--two .sec-title__title {
font-size: 32px;
line-height: 36px;
}
}
.project-one--two .project-one__item {
overflow: hidden;
transition: all 0.5s ease;
}
.project-one--two .project-one__item::after {
content: none;
}
.project-one--two .project-one__item:hover .project-one__item__image > img {
transform: scale(1.1);
}
.project-one--two .project-one__item:hover .project-one__item__right-arrow {
transform: translateX(15px);
background-color: var(infina-base, #d18548);
color: #fff;
border-color: var(infina-base, #d18548);
}
.project-one--two .project-one__item:hover .project-one__item__bg {
background-image: url("../images/shapes/project-bg2-2.png");
}
.project-one--two .project-one__item:hover .project-one__item__text,
.project-one--two .project-one__item:hover .project-one__item__heading {
color: #fff;
}
.project-one--two .project-one__item__image > img {
transition: all 0.5s ease;
}
.project-one--two .project-one__item__info {
bottom: 0;
padding: 0;
}
.project-one--two .project-one__item__bg {
position: static;
background-color: transparent;
background-image: url("../images/shapes/project-bg2-1.png");
background-repeat: repeat-y;
background-size: 100% auto;
padding: 15px 102px 22px 34px;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.project-one--two .project-one__item__bg {
padding-left: 25px;
}
}
.project-one--two .project-one__item__right-arrow {
width: 60px;
height: 60px;
right: 35px;
top: 0;
bottom: 0;
margin: auto 0;
background-color: #fff;
color: #2a2826;
border-color: #fff;
}
@media (max-width: 767px) {
.project-one--two .project-one__item__right-arrow {
right: 25px;
}
}
.project-one--three {
margin-top: 50px;
padding-bottom: 160px;
position: relative;
}
@media (max-width: 991px) {
.project-one--three {
padding-top: 50px;
padding-bottom: 80px;
}
}
.project-one--three::after {
content: "";
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
z-index: 1;
background-color: #fff6ec;
}
.project-one--three .project-one__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #1d1915;
background-blend-mode: overlay;
}
.project-one--three .container-fluid {
position: relative;
z-index: 2;
}
.project-one--three .sec-title {
padding-bottom: 40px;
}
@media (max-width: 991px) {
.project-one--three .sec-title {
padding-bottom: 20px;
}
}
.project-one--three .sec-title__title {
margin-top: 13px;
color: #fff;
font-size: 60px;
line-height: 62px;
}
@media (max-width: 991px) {
.project-one--three .sec-title__title {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.project-one--three .sec-title__title {
font-size: 32px;
line-height: 36px;
}
}
.project-one--three .project-one__item::after {
bottom: initial;
top: 0;
height: 172%;
}
.project-one--page {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 991px) {
.project-one--page {
padding-top: 58px;
padding-bottom: 78px;
}
}
.project-one--page .container {
max-width: 1350px;
}
@media (max-width: 1200px) {
.project-one--page .container {
max-width: 100%;
}
}
.project-one--page .owl-carousel .owl-nav {
display: none;
}

.popular-project-one {
background-color: #fff;
padding-bottom: 118px;
}
@media (max-width: 991px) {
.popular-project-one {
padding-bottom: 72px;
}
}
.popular-project-one .container {
max-width: 855px;
}
.popular-project-one__info {
background-image: url("../images/resources/popular-project1-1.jpg");
background-position: center top 40%;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(234, 234, 234, 0.9);
background-blend-mode: overlay;
border: 1px solid rgba(var(infina-base-rgb, 209, 133, 72), 0.2);
border-radius: 4px;
padding: 40px 20px 35px 20px;
}
@media (max-width: 767px) {
.popular-project-one__info {
padding: 35px 15px;
}
}
.popular-project-one__text {
text-align: center;
color: #2a2826;
font-family: "Pathway Extreme", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 36px;
margin-bottom: 19px;
}
@media (max-width: 767px) {
.popular-project-one__text {
font-size: 18px;
line-height: 34px;
margin-bottom: 16px;
}
.popular-project-one__text > br {
display: none;
}
}
.popular-project-one--btn {
text-transform: initial;
width: fit-content;
margin: 0 auto;
background-color: var(infina-base, #d18548);
height: 60px;
padding-left: 44px;
padding-right: 44px;
}
.popular-project-one--btn::before {
background-color: var(infina-base, #d18548);
}
.popular-project-one--btn::after {
background-color: #4a3626;
}
.popular-project-one--btn:hover {
color: #fff;
}

/*--------------------------------------------------------------
# consultation
--------------------------------------------------------------*/
.consultation-one {
position: relative;
overflow: hidden;
}
section{
overflow: hidden;
}
.consultation-one__bg {
position: absolute;
width: 100%;
max-width: 262px;
height: 100%;
max-height: 605px;
right: 0;
top: -138px;
z-index: 1;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
opacity: 0.4;
}
@media (max-width: 1600px) {
.consultation-one__bg {
top: -70px;
}
}
@media (max-width: 1200px) {
.consultation-one__bg {
top: 0;
max-height: 550px;
max-width: 180px;
}
}
@media (max-width: 991px) {
.consultation-one__bg {
display: none;
}
}
.consultation-one__wrap {
padding: 0;
position: relative;
z-index: 2;
}
.consultation-one__row {
--bs-gutter-x: 0;
flex-wrap: nowrap;
}
@media (max-width: 991px) {
.consultation-one__row {
flex-wrap: wrap;
}
}
.consultation-one__colimg {
width: calc((44.2% - 0px) / 1);
}
@media (max-width: 991px) {
.consultation-one__colimg {
width: 100%;
}
}
.consultation-one__colimg__image {
position: relative;
height: 100%;
}
.consultation-one__colimg__image__mainimg {
width: 100%;
height: 100%;
position: relative;
}
.consultation-one__colimg__image__mainimg::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: 1;
background-image: url("../images/shapes/consultation-shape1-2.png");
background-repeat: no-repeat;
background-position: right top;
background-size: auto 100%;
}
.consultation-one__colimg__image__mainimg > img {
width: 100% !important;
object-fit: cover;
height: 100%;
}
@media (max-width: 767px) {
.consultation-one__colimg__image__mainimg > img {
height: 490px;
}
}
@media (max-width: 480px) {
.consultation-one__colimg__image__mainimg > img {
height: 380px;
}
}
.consultation-one__colimg__image__circlemediam {
position: absolute;
right: 37px;
bottom: 0;
z-index: 1;
width: 416px;
height: 416px;
border: 4px solid #fff;
border-radius: 50%;
overflow: hidden;
transition: all 0.5s ease;
animation: circlemediamX 2.2s linear infinite alternate;
}
@keyframes circlemediamX {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(-10px, -10px);
}
}
.consultation-one__colimg__image__circlemediam:hover img {
transform: scale(1.1);
}
@media (max-width: 1200px) {
.consultation-one__colimg__image__circlemediam {
width: 350px;
height: 350px;
}
}
@media (max-width: 480px) {
.consultation-one__colimg__image__circlemediam {
width: 250px;
height: 250px;
right: 15px;
}
}
.consultation-one__colimg__image__circlemediam > img {
width: 100% !important;
height: 100%;
object-fit: cover;
object-position: center center;
transition: all 0.5s ease;
}
.consultation-one__colimg__image__circlesmall {
position: absolute;
right: 347px;
bottom: 90px;
z-index: 2;
width: 352px;
height: 352px;
border: 4px solid #fff;
border-radius: 50%;
overflow: hidden;
transition: all 0.5s ease;
animation: circlesmallX 2.2s linear infinite alternate;
}
@keyframes circlesmallX {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(10px, 10px);
}
}
.consultation-one__colimg__image__circlesmall:hover img {
transform: scale(1.1);
}
@media (max-width: 1640px) {
.consultation-one__colimg__image__circlesmall {
right: 230px;
bottom: 170px;
}
}
@media (max-width: 1440px) {
.consultation-one__colimg__image__circlesmall {
right: 150px;
bottom: 150px;
}
}
@media (max-width: 1200px) {
.consultation-one__colimg__image__circlesmall {
right: 130px;
bottom: 150px;
width: 290px;
height: 290px;
}
}
@media (max-width: 480px) {
.consultation-one__colimg__image__circlesmall {
width: 150px;
height: 150px;
}
}
.consultation-one__colimg__image__circlesmall > img {
width: 100% !important;
height: 100%;
object-fit: cover;
transition: all 0.5s ease;
}
.consultation-one__contentwrap {
padding: 68px 15px 0 80px;
width: calc((55.8% - 0px) / 1);
position: relative;
}
@media (max-width: 991px) {
.consultation-one__contentwrap {
width: 100%;
padding-left: 15px;
padding-top: 52px;
}
}
.consultation-one__contentwrap__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-color: rgba(243, 234, 231, 0.6);
background-blend-mode: overlay;
background-repeat: no-repeat;
background-position: left top;
}
.consultation-one__contentwrap__content {
width: 100%;
max-width: 625px;
margin-bottom: 83px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.consultation-one__contentwrap__content {
max-width: 100%;
margin-bottom: 45px;
}
}
@media (max-width: 991px) {
.consultation-one__contentwrap__content .sec-title {
padding-bottom: 38px;
}
}
.consultation-one__contentwrap__content .sec-title__title {
text-align: left;
font-size: 45px;
line-height: 60px;
margin-top: 0;
margin-bottom: 16px;
}
@media (max-width: 991px) {
.consultation-one__contentwrap__content .sec-title__title {
margin-bottom: 12px;
}
}
@media (max-width: 767px) {
.consultation-one__contentwrap__content .sec-title__title {
font-size: 32px;
line-height: 36px;
}
}
.consultation-one__contentwrap__content .sec-title__text {
color: #4a4444;
font-size: 15px;
line-height: 32px;
margin-bottom: 0;
}
.consultation-one__contentwrap__inner {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-left: 214px;
padding-right: 84px;
position: relative;
}
@media (max-width: 1500px) {
.consultation-one__contentwrap__inner {
padding-left: 184px;
padding-right: 72px;
}
}
@media (max-width: 1400px) {
.consultation-one__contentwrap__inner {
padding-left: 164px;
}
}
@media (max-width: 991px) {
.consultation-one__contentwrap__inner {
padding-left: 180px;
padding-right: 46px;
}
}
.consultation-one__contentwrap__inner::after {
content: "";
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 1;
border-right: 32px solid transparent;
border-top: 19px solid #cfbcb6;
right: 44px;
bottom: -18.5px;
}
@media (max-width: 991px) {
.consultation-one__contentwrap__inner::after {
border-right-width: 21px;
border-top-width: 13px;
right: 20px;
bottom: -13px;
}
}
/* .consultation-one__contentwrap__inner:hover i {
background-color: #2a2826;
color: #fff;
}
.consultation-one__contentwrap__telnumber {
color: #fff;
font-weight: 700;
font-family: "Pathway Extreme", sans-serif;
font-size: 26px;
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 1400px) {
.consultation-one__contentwrap__telnumber {
font-size: 23px;
}
}
@media (max-width: 991px) {
.consultation-one__contentwrap__telnumber {
font-size: 20px;
}
}
.consultation-one__contentwrap__telnumber > a {
color: #fff;
font-size: 36px;
line-height: 1;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.consultation-one__contentwrap__telnumber > a:hover {
background-size: 100% 1px;
}
@media (max-width: 1400px) {
.consultation-one__contentwrap__telnumber > a {
font-size: 28px;
}
}
@media (max-width: 991px) {
.consultation-one__contentwrap__telnumber > a {
font-size: 24px;
}
} */
.consultation-one--three .consultation-one__colimg__image__circlemediam {
width: 375px;
height: 347px;
right: 0;
border-radius: 0;
border-width: 6px;
border-right: 0;
border-bottom: 0;
}
@media (max-width: 991px) {
.consultation-one--three .consultation-one__colimg__image__circlemediam {
width: 300px;
height: 280px;
}
}
.consultation-one--page {
padding-bottom: 118px;
}
@media (max-width: 991px) {
.consultation-one--page {
padding-bottom: 80px;
}
}
.consultation-one--page .consultation-one__colimg__image__circlemediam {
width: 375px;
height: 347px;
right: 0;
border-radius: 0;
border-width: 6px;
border-right: 0;
border-bottom: 0;
}
@media (max-width: 991px) {
.consultation-one--page .consultation-one__colimg__image__circlemediam {
width: 300px;
height: 280px;
}
}

/*--------------------------------------------------------------
# quick-support
--------------------------------------------------------------*/
.quick-support {
margin-bottom: -61px;
position: relative;
z-index: 3;
}
@media (max-width: 1200px) {
.quick-support .container {
max-width: 100%;
}
}
.quick-support__wrapper {
padding: 19px 40px 15px 78px;
background-color: var(infina-base, #d18548);
}
@media (max-width: 1200px) {
.quick-support__wrapper {
padding-left: 40px;
}
}
@media (max-width: 767px) {
.quick-support__wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
.quick-support__row {
align-items: center;
}
.quick-support__call {
width: 29.2%;
}
@media (max-width: 991px) {
.quick-support__call {
width: 100%;
}
}
.quick-support__wrap {
width: 100%;
}
.quick-support__wrap:hover .quick-support__icon {
background-color: #2a2826;
color: #fff;
}
.quick-support__icon {
width: 51px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
color: #2a2826;
font-size: 26px;
line-height: 1;
transition: all 0.5s ease;
}
.quick-support__help {
height: 100%;
padding-left: 20px;
}
@media (max-width: 767px) {
.quick-support__help {
padding-left: 15px;
}
}
.quick-support__help__text {
color: rgba(var(--wallpi-text-white-rgb, 255, 255, 255), 0.8);
font-size: 15px;
line-height: 1;
margin-bottom: 0;
}
.quick-support__help__number {
color: #fff;
font-weight: 500;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
transition: all 500ms ease;
}
.quick-support__help__number:hover {
background-size: 100% 1px;
}
.quick-support__reauest {
width: 70.8%;
position: relative;
padding: 7px 15px 7px 69px;
}
@media (max-width: 1200px) {
.quick-support__reauest {
padding-left: 40px;
}
}
@media (max-width: 991px) {
.quick-support__reauest {
width: 100%;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.quick-support__reauest {
flex-wrap: wrap;
}
}
.quick-support__reauest::before {
content: "";
position: absolute;
width: 1px;
height: calc(100% + 0px);
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
z-index: 1;
background-color: rgba(var(--wallpi-text-white-rgb, 255, 255, 255), 0.5);
display: none;
}
@media (min-width: 992px) {
.quick-support__reauest::before {
display: block;
}
}
.quick-support__title {
color: #fff;
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin-bottom: 0;
}
.quick-support__title br {
display: none;
}
@media (min-width: 1200px) {
.quick-support__title br {
display: block;
}
}
@media (max-width: 991px) {
.quick-support__title {
font-size: 25px;
line-height: 30px;
}
}
.quick-support .wallpi-btn--request {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
height: 55px;
min-width: 188px;
padding: 5px 34px;
color: #2a2826;
font-size: 15px;
background-color: #fff;
margin-left: 16px;
}
@media (max-width: 767px) {
.quick-support .wallpi-btn--request {
margin: 15px 0 0 0;
width: 100%;
}
}
.quick-support .wallpi-btn--request::before {
background-color: #fff;
}
.quick-support .wallpi-btn--request::after {
background-color: #2a2826;
}
.quick-support .wallpi-btn--request:hover {
color: #fff;
}

/*--------------------------------------------------------------
# pricing
--------------------------------------------------------------*/
.pricing-one {
padding-top: 107px;
padding-bottom: 120px;
background-color: #fff;
}
@media (max-width: 991px) {
.pricing-one {
padding-top: 52px;
padding-bottom: 74px;
}
}
@media (max-width: 1200px) {
.pricing-one .container {
max-width: 100%;
}
}
.pricing-one .sec-title {
text-align: center;
padding-bottom: 62px;
}
.pricing-one .sec-title__tagline::before, .pricing-one .sec-title__tagline::after {
display: none;
}
.pricing-one .sec-title__title {
font-weight: 600;
font-size: 60px;
line-height: 62px;
margin-top: 0;
}
@media (max-width: 991px) {
.pricing-one .sec-title__title {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.pricing-one .sec-title__title {
font-size: 32px;
line-height: 36px;
}
}
.pricing-one__col {
border: 1px solid rgba(var(--wallpi-border-color-rgb, 42, 40, 38), 0.05);
padding: 24px 15px 43px 15px;
position: relative;
z-index: 1;
overflow: hidden;
}
.pricing-one__col:hover .pricing-one__iconwrap {
background-color: #2a2826;
}
.pricing-one__col:hover .pricing-one__iconwrap::after {
background-color: var(infina-base, #d18548);
}
.pricing-one__col:hover .pricing-one__shapetop,
.pricing-one__col:hover .pricing-one__shapeleft,
.pricing-one__col:hover .pricing-one__shaperight,
.pricing-one__col:hover .pricing-one__shapebtm {
background-color: rgba(var(--wallpi-black-rgb, 42, 40, 38), 0.18);
}
.pricing-one__shapetop, .pricing-one__shapeleft, .pricing-one__shaperight, .pricing-one__shapebtm {
position: absolute;
width: 100%;
background-color: rgba(var(--wallpi-text-white2-rgb, 211, 208, 205), 0.2);
height: 100%;
top: 0;
transition: all 0.5s ease;
}
.pricing-one__shapetop {
left: 0;
max-height: 100px;
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.pricing-one__shapeleft {
left: 0;
transform: rotate(-14deg);
top: -33px;
max-height: 265px;
max-width: 105px;
-webkit-clip-path: polygon(0 0, 1% 100%, 100% 50%);
clip-path: polygon(0 0, 1% 100%, 100% 50%);
}
@media (max-width: 991px) {
.pricing-one__shapeleft {
max-width: 50%;
transform: rotate(-6deg);
top: -12px;
}
}
.pricing-one__shaperight {
right: 0;
transform: rotate(14deg);
top: -33px;
max-height: 265px;
max-width: 105px;
-webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
@media (max-width: 991px) {
.pricing-one__shaperight {
max-width: 50%;
transform: rotate(6deg);
top: -12px;
}
}
.pricing-one__shapebtm {
left: 0;
top: initial;
bottom: 0;
max-height: 88px;
-webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);
clip-path: polygon(50% 0%, 0 100%, 100% 100%);
}
.pricing-one__inner {
position: relative;
z-index: 2;
width: 100%;
}
.pricing-one__iconwrap {
width: 96px;
height: 96px;
border-radius: 50%;
border: 1px solid #2a2826);
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
margin-bottom: 21px;
transition: all 0.5s ease;
}
.pricing-one__iconwrap::after {
content: "";
position: absolute;
width: 79px;
height: 79px;
border-radius: 50%;
background-color: #2a2826;
z-index: 1;
transition: all 0.5s ease;
}
.pricing-one__icon {
position: relative;
z-index: 2;
font-size: 32px;
line-height: 1;
color: #fff;
}
.pricing-one__cost {
padding-bottom: 24px;
}
.pricing-one__cost__amount {
color: #2a2826;
font-weight: 600;
font-size: 22px;
line-height: 1;
text-align: center;
display: block;
margin-bottom: 12px;
}
.pricing-one__cost__name {
color: var(infina-base, #d18548);
font-weight: 600;
font-size: 22px;
line-height: 1;
text-align: center;
position: relative;
padding-bottom: 27px;
}
.pricing-one__cost__name::after {
content: "";
position: absolute;
width: 100%;
max-width: 175px;
left: 0;
right: 0;
bottom: 0;
height: 1px;
margin: 0 auto;
background-color: rgba(var(--wallpi-border-color-rgb, 42, 40, 38), 0.08);
}
.pricing-one__list {
display: flex;
align-items: center;
flex-direction: column;
margin-bottom: 40px;
}
.pricing-one__list li {
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 16px;
line-height: 1;
text-align: center;
width: fit-content;
position: relative;
padding-left: 23px;
}
.pricing-one__list li::before {
font-family: "icomoon" !important;
content: "\e904";
position: absolute;
left: 0;
top: 0;
z-index: 1;
color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 1);
font-size: 16px;
}
.pricing-one__list li + li {
margin-top: 16px;
}
.pricing-one--page {
padding-top: 120px;
}
@media (max-width: 991px) {
.pricing-one--page {
padding-top: 52px;
}
}
.pricing-one--page .owl-carousel .owl-nav {
display: none;
}

/*# sourceMappingURL=wallpi.css.map */

@media (max-width: 767px) {
.raj-logo, .slide-menu{
display: none;
}
.rajapushpa-infina-tagline{padding: 30px 0px;
}
}
.raj-logo{background: #fff;border-radius: 3px;}
.raj-logo img{width: 70px;border-radius: 4px;}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}

.sidenav a {
/*padding: 8px 8px 8px 32px;*/
text-decoration: none;
/*font-size: 25px;*/
color: #818181;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.slide-menu{
padding: 0px 50px;
}
.sidenav-content{
padding: 0px 30px 0px 30px;
}
.sidenav-content span{
color: #fff;
}
.sidenav-list{list-style: none;color: #fff; padding: 30px 0px 0px 0px;}
.rt{rotate: 140deg;}
.sidenav-icon{
padding: 7px !important;
font-size: 16px !important;
}
.floor-plans{
padding: 50px 0px;
}
.fl-con {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
transform: skew(5deg);

.card {
flex: 1;
transition: all 1s ease-in-out;
height: 75vmin;
position: relative;
.card__head {
color: black;
/* background: rgba(255, 30, 173, 0.75); */
background-image: url(../images/shapes/project-overlay-bg1-1.png);
background-repeat: repeat-y;
background-size: 100% 100%;
background-color: transparent;
padding: 0.5em;
transform: rotate(-90deg);
transform-origin: 0% 0%;
transition: all 0.5s ease-in-out;
min-width: 100%;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
font-size: 1em;
white-space: nowrap;
}

&:hover {
flex-grow: 10;
img {
filter: grayscale(0);
}
.card__head {
text-align: center;
top: calc(100% - 3em);
color: white;
background-image: url(../images/shapes/project-overlay-bg1-1.png);
background-repeat: repeat-y;
background-size: 100% 100%;
background-color: transparent;
font-size: 2em;
transform: rotate(0deg) skew(-5deg);
}
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 1s ease-in-out;
/* filter: grayscale(100%); */
}
&:not(:nth-child(6)) {
margin-right: 1em;
}
}
}
.rajapushpa-infina-tagline{    padding: 40px 0px 20px 0px;
background-image: url(../images/unnamed.png);
background-repeat: repeat;}
.sec-title{padding: 0px;}
.specification{padding: 0px 0px 50px 0px;}
.specification-list{position: relative;}
.specification-list{
background-image:linear-gradient(#402a1da8,#402a1ddb), url(../images/shapes/shape404-1-1.png);
background-position: left top;
background-repeat: no-repeat;
box-shadow: 0 8px 30px 0 rgba(84,110,122,.35);
border-radius: 10px;
}
.specification-list h3{color: #fff; padding: 30px 20px; background-image: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;}
.specification-list p{ padding: 0px 20px 20px 20px; color: #fff; font-size: 15px;}
.list-links{ list-style: none;padding: 0;}
.list-links li a{color: #fff;}
.footer-content h5{color: #fff;
padding-bottom: 10px;}
.main-header__inner-1{
background-color: #381c0796;
position: fixed;
width: 100%;
transform: translateY(-65px);
}
.price-on, .price-on-1{color: #402a1d !important;}
.wallpi-btn:hover .price-on{color: #fff !important;}
.wallpi-btn:hover .brochure{color: #402a1d !important;}
.wallpi-btn:hover .price-on-1{color: #402a1d;}
.form-control{width: 100%; border: none; margin: 10px 0px; border-bottom: 1px solid #fff; background: transparent; color: #fff !important;border-radius: inherit;}
.form-control:focus{box-shadow: none !important;background: transparent;}
.form-control::placeholder{color: #fff;}
.modal-body{background-color: #402a1d;}
.modal-footer{
border: none;
}
.price-button{    width: 100%;
background: transparent;
border: 1px solid;
border-radius: 30px;
color: #fff;
transition: all 0.3s ease-in-out;
}
.price-button:hover{
background-color: #e3b322;
}
.main-header--three .main-header__logo {
display: flex;
justify-content: center;
}
.services-feedback-one__content p{font-size: 30px;    font-family: "Pathway Extreme", sans-serif;}
.content-one{   background-color: #fff6ec;}
.content-one-p{font-family: "Pathway Extreme", sans-serif;padding: 30px 0px;    color: rgba(var(--wallpi-text-rgb, 42, 40, 38), 0.8);
font-size: 15px;
line-height: 26px; text-align: center;}
.img-fluid{width: 100%; }
@media (min-width: 100px) and (max-width: 767px){
.project-one__item__image > img {
width: 100% !important;
/* height: 500px; */
}
.project-one__item__bg {
left: 0px !important;
width: calc(100% - 0px) !important;}
}
.amen-item .amen-content span {
color: #fff;
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
text-align: center;
line-height: 25px;
font-size: 15px
}

.amen-item::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 1;
/* background-image: url(../images/shapes/blog-shape-normal1-1.png); */
background: linear-gradient( transparent,#000);
background-repeat: repeat-x;
background-position: left bottom;
transition: all 0.5s ease;
/* border-radius: 0 0 5px 5px; */
}
.amen-item:hover::before {
/* background-image: url(../images/shapes/blog-shape-hover1-1.png); */
background: linear-gradient( transparent,#e8a225);
}


.owl-theme .owl-nav {
display: flex;
margin-top: 20px;
position: absolute;
top: 85px;
align-items: center;
justify-content: space-between;
width: 100%;
}

.owl-prev, .owl-next{
span {
font-size: 45px;
color: #fff;
}
}
.hover-text{
position: relative;
}
.hover-img {
position: absolute;
bottom:80px;
right: 38px; 
width: 80%;
/* background-image: url(../images/shapes/project-overlay-bg1-1.png); */
background-repeat: repeat-y;
background-size: 100% 100%;
background-color: transparent;
padding: 50px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
/* z-index: 99999; */
text-align: center;
background: linear-gradient(to right, #e8a225, transparent);
}


.hover-text:hover .hover-img {
opacity: 1;
visibility: visible;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}

.hover-img h1 {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 30px;
text-transform: uppercase;
}

.sec-title p {text-transform: uppercase;
font-size: 22px;
margin: 0px 0px;
font-weight: 550;
color: #402a1d;
}

.owl-theme .owl-nav [class*=owl-]:hover{
background: transparent !important;
}

@media (min-width: 100px) and (max-width: 767px){
.rajapushpa-infina-tagline {
padding: 30px 0px;
}
.pb{
padding-bottom:30px;}
.services-feedback-one--three{
margin: 10px 0px !important;
}
.content-one-p{
padding: 25px 0px;
font-size: 13px;
line-height: 26px;
}
.services-feedback-one__content .sec-title__title {
max-width: 100%;
margin-bottom: 5px;
padding-right: 0px;
font-size: 30px;
margin-top: 15px;
}
.services-feedback-one__content p {
font-size: 13px !important;
}
.sec-title__title {
max-width: 100%;
margin-bottom: 15px;
padding-right: 0px;
font-size: 30px;
margin-top: 5px;
}
.owl-theme .owl-nav {
top: 190px;
}
.specification-list p{
padding: 0px 20px 20px 20px;
}
.sec-title__title-1{
font-size: 15px;
/* letter-spacing: 1px; */
}
.about-one{
padding-top: 20px;
}
.about-one--three .about-one__content__telnumber {
font-size: 13px;
}
.amenities{padding: 20px 0px;}
iframe{
width: 345px;
}
.infina-title{
font-size: 20px ;
}
.d-mobile-block{
display: block !important;
}
.d-mobile-none{
display: none;
}

.hover-img {
bottom: 70px;
right: 25px;
width: 80%;
padding: 25px;
}
.faq {
padding: 0px 0px 50px 0px !important;
}

}

@media (min-width: 768px) and (max-width: 991px){
.pd{padding-bottom: 30px !important;}
.raj-logo{display: none;}
.slide-menu{display: none;}

}

@media (min-width: 992px) and (max-width: 1044px){
.raj-logo{display: none;}
.slide-menu{display: none;}
iframe{width: 420px;}
}
.m-f-content{
z-index: 9;
}
.m-f-content h4{
color: #fff;
}
.m-f-content p{
color: #fff;
}
.d-mobile-block{
display: none;
}
.sec-title__title, .sec-title__title-1{font-family: "myriadpro" !important;letter-spacing: 1px;text-transform: uppercase;font-size: 37px;line-height: 48px;}
.sec-title__title-1{font-size: 27px !important;}
input#enq-submit, #submit-dwnld, #pri-submit {width: 100%;background-image: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);color: #362419;transition: all .3s ease-in-out;border-radius: 35px;margin-top: 20px;}
#cont-submit {width: 100%;background-image: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);color: #362419;transition: all .3s ease-in-out;border-radius: 35px;margin-top: 10px;}
.contact-us{margin-top: 0px;z-index: 9;position: relative;background:#000;}
.contact-us-top{margin-top: -30px;z-index: 9;position: relative;}
input#pri-submit:hover{background: transparent;color: #fff;border: 1px solid #e8a225;}
input#enq-submit:hover{background: transparent;color: #fff;border: 1px solid #e8a225;}
input#cont-submit:hover{background: transparent;color: #fff;border: 1px solid #e8a225;}
input#submit-dwnld:hover{background: transparent;color: #fff;border: 1px solid #e8a225;}
#form-cont{display: flex;border: 1px solid #fff;}
.pd{padding: 10px;}
.sel-mob{display: flex;width: 40%;}
.cont-select{width: 50%;padding-right: 20px;}
.contact-mail{background: #402a1d;padding: 20px 10px;}
@media (min-width: 100px) and (max-width: 767px){
#form-cont {display: flex;border: 1px solid #fff;flex-wrap: wrap;}
.sel-mob {display: flex;width: 100%;}
.pd {padding: 10px;width: 100%;}
}
.banner-thank{position: relative;}
.ty-div{position: absolute;bottom: 35%;left: 30%;background: rgba(0,0,0,0.5);padding: 50px;width: 40%;height: 40%;text-align: center;  }
.ty-div h2{background-image: linear-gradient(147deg, #e8a225 30%, #f4eb78 ,#e8a225, #f4eb78, #e8a225, #f4eb78);background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textclip 2s linear infinite;display: inline-block;}
.ty-div p{color: #fff;}
.nav-tabs .nav-link, .nav-tabs .nav-link.active {letter-spacing: 2px;background: linear-gradient(132deg, #e8a224 27%, #f4e871 36% ,#e9ab2a 46%, #dc8d27 70%, #f1ec77 82%);border: none;}
.nav-tabs .nav-link {margin-bottom: -1px;background: 0 0;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;padding: 5px 25px 5px 25px;margin-left: 10px;color: #fff;background: #402a1d;}
#myTab{position: relative;z-index: 1;border: none;padding-bottom: 25px;}
.modal-title{text-transform: uppercase;}
#profile{display: none !important;}
#profile-1{display: none !important;}
#profile-1.active{display: block !important;}
#profile.active{display: block !important;}
.accordion-button{background-color: #402a1d;background-position: left top;background-repeat: no-repeat;box-shadow: 0 8px 30px 0 rgba(84,110,122,.35);border-radius: 10px 0px !important;color: #fff;}
.accordion-button:focus{box-shadow: none;}
.specification .sec-title{padding: 30px 0px 20px 0px;}
.accordion-item{margin: 10px 0px;}
.accordion-body{padding: 0 10px 0 10px;}
.accordion-body .specification-list-content p{font-size: 14px;line-height: 20px;margin: 10px 0px;}
.accordion-body .specification-list-content ul li{font-size: 14px;line-height: 20px;}
.accordion-button:not(.collapsed) {color: #ffffff;background-color: #3f291c;}
.accordion-button::after {color: #402a1d !important;background-color: #ffffff69 !important;border-radius: 4px;}

@media (min-width: 1045px) and (max-width: 1100px){
.mobile-nav__btn{display: none;}
.main-menu__list{display: block !important;display: flex !important;}
.main-menu__list li a{font-size: 10px !important;}
.services-feedback-one__content p {font-size: 25px !important; }
}
.amenities{margin-top: 40px;}
@media (min-width: 100px) and (max-width: 767px) {
.sec-title__title{font-size: 22px;}
.infina-title-p{font-size: 13px !important;}
.sec-title__title-1 {font-size: 15px !important;}
.stilt-row{display: flex;flex-direction: column-reverse;}
.neighbourhood{padding: 0px !important;margin:10px 0px;}
.md-w{width: 50% !important;max-width: 50% !important;}
.stilt-amenities-content p {font-size: 12px !important;}
}
.neighbour-content{border: 1px solid;border-left: 5px solid #402a1d;padding-left: 70px;width: 80%;}
.neighbourhood{padding: 50px 0px;}
.neighbour-png{width: 50px;margin-bottom: -25px;margin-left: 15px;background: #fff;}
.stilt-amenities-content{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.w-20 {width: 20%;flex: 20%;max-width: 20%;}
.stilt-img{border: 2px solid #402a1d;border-radius: 60px;padding: 20px 20px;display: block;margin-left: auto;margin-right: auto;}
.stilt-amenities-content .stilt-img img{border-radius: 5px;transition: all .3s ease-in-out;width: 50px;}
.stilt-amenities-content p{padding-top: 5px;font-size: 17px;color: #402a1d;}
.stilt-level-amenities{padding: 50px 0px 0px 0px;background-image: url(../images/unnamed.png);background-repeat: repeat;}
.stilt-amenities-content:hover img {transform: scale(1.1);}
.sec-title__text{padding-bottom: 10px;font-size: 14px !important;line-height: 24px !important;}
.know-more-btn {width: 100%;text-align: center;padding-top: 25px;}
.clicker {border: none;background: #402a1d;padding: 10px 20px;border-radius: 50%;color: #fff;}
.bck-chng{background: transparent !important;box-shadow: none;color: #402a1d !important;padding-left: 0;font-weight: 600;box-shadow: none !important;}
.faq{padding: 50px 0px 50px 0px;background-image: url(../images/unnamed.png);background-repeat: repeat;}
.accordion-item{background: transparent;border: none;border-bottom: 1px solid #ada7a7;}
.accordion-body .faq-list-content p {font-size: 15px;line-height: 23px;}
.accordion-body .faq-list-content ul li {font-size: 15px;line-height: 23px;}
.accordion-body .faq-list-content span {font-weight: 600;}

.form-control option{background-color: #402a1d !important;}
.infina-title{    margin: 10px 0px 0px 0px !important;}
.infina-title-p{    font-size: 28px;}
.sec-title-diff {background-image: linear-gradient(147deg, #e8a225 30%, #ffffff, #e8a225, #ffffff, #e8a225, #ffffff);}
@media (min-width: 768px) and (max-width: 991px){
.stilt-amenities-content p {font-size: 14px;}
.services-feedback-one__content p{font-size: 14px !important;}
#form-cont {display: flex;border: 1px solid #fff;flex-wrap: wrap;}
}

.form-control:disabled{background-color: transparent !important;}