@charset "utf-8";

/* CSS Document */



/*---------- Google Fonts ----------*/



:root {

	--white: #FFF;

	--black: #000;

	--blue: #0092CC;

	--purple: #92278F;

	--red: #DD1A21;

	--orange: #F37025;

	--mutedbg: #EDEDEF;

	--lighbg: #EDEDED;

	--gray: #ADADAD;

}



figure {

	margin: 0;

}



button {

	border: none;

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



body {

	font-family: 'Open Sans';

	background-color: var(--white);

	color: var(--black);

	font-size: 20px;

	font-weight: 400;

	line-height: 135%;

}



a,

input,

button,

textarea {

	outline: none !important;

}



a {

	text-decoration: none;

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.container-fluid,

.container {

	padding-left: 20px;

	padding-right: 20px;

}



.row {

	margin-left: -15px;

	margin-right: -15px;

}



.row>* {

	padding-left: 15px;

	padding-right: 15px;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



.form-control:focus {

	box-shadow: none;

	border-color: transparent;

}



/* Firefox */

input[type=number] {

	-moz-appearance: textfield;

}



textarea {

	resize: none;

}



input[type="search"]::-webkit-search-cancel-button {

    -webkit-appearance: none;

    appearance: none;

    display: none;

}



input[type="search"]::-webkit-search-decoration {

    display: none;

}



/* ==================== [ Typography Start ] ==================== */



strong,

b {

	font-weight: 700 !important;

}



a,

input,

button,

textarea {

	outline: none !important;

}



a {

	color: var(--black);

	word-break: break-word;

	text-decoration: none;

}



a:hover {

	color: var(--orange);

}



p {

	color: inherit;

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

	line-height: inherit;

	margin-bottom: 20px;

}



ol,

ul {

	margin-bottom: 20px;

	padding-left: 20px;

	padding-left: 40px;

}



ol ol,

ol ul,

ul ol,

ul {

	margin-top: 10px;

	margin-bottom: 10px;

}



ol li,

ul li {

	font-family: inherit;

	font-weight: inherit;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

}



.common-detail ol li,

.common-detail ul li {

	margin-bottom: 20px;

}



ol li::marker,

ul li::marker {

	color: var(--black);

}



ul li:has(> ul),

ul li:has(> ol) {

	list-style-type: none;

}



blockquote {

	padding: 0px 0px 0px 20px;

	margin-bottom: 20px;

	background-color: transparent;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	position: relative;

	font-weight: 700;

}



blockquote::before {

	position: absolute;

	content: "";

	left: 0;

	top: 0;

	width: 3px;

	height: 100%;

	background: var(--black);

}



pre {

	background-color: transparent;

	border: 1px solid var(--black);

	padding: 16px;

	overflow: auto;

	font-family: inherit;

	border-radius: 10px;

	position: relative;

	color: var(--black);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

}



pre code {

	font-size: inherit;

	font-weight: inherit;

	font-family: inherit;

	line-height: inherit;

}



table {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 16px;

	font-size: inherit;

}



th,

td {

	border: 1px solid var(--black);

	padding: 8px 12px;

	text-align: left;

}



th {

	background-color: transparent;

	font-weight: 500;

	font-size: inherit;

	color: var(--primary);

}



td {

	background-color: transparent;

	font-weight: inherit;

	font-size: inherit;

	color: var(--white);

}



h1 strong,

.h1 strong,

h2 strong,

.h2 strong,

h3 strong,

.h3 strong,

h4 strong,

.h4 strong,

h5 strong,

.h5 strong,

h6 strong,

.h6 strong {

	font-weight: 700;

}



h1,

.h1 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 140px;

	font-weight: 800;

	line-height: 140%;

	margin-bottom: 20px;

}



h2,

.h2 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 54px;

	font-weight: 800;

	line-height: 107%;

	margin-bottom: 20px;

}



h3,

.h3 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 40px;

	font-weight: 800;

	line-height: 140%;

	margin-bottom: 20px;

}



h4,

.h4 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 32px;

	font-weight: 800;

	line-height: 140%;

	margin-bottom: 20px;

}



h5,

.h5 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 28px;

	font-weight: 400;

	line-height: 140%;

	margin-bottom: 20px;

}



h6,

.h6 {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 20px;

	font-weight: 400;

	line-height: 120%;

	margin-bottom: 20px;

}



hr {

	margin-block: 20px;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	margin: 0;

}



textarea {

	resize: none;

}



/* ==================== [ Typography End ] ==================== */



/* buttons */

.common-btn {

	display: inline-flex;

	justify-content: center;

	align-items: center;

	gap: 10px;

	text-align: center;

	font-size: 18px;

	line-height: 140%;

	font-weight: 400;

	padding: 12px 25px;

	border: 1px solid transparent;

	border-radius: 59px;

	-webkit-border-radius: 59px;

	-moz-border-radius: 59px;

	-ms-border-radius: 59px;

	-o-border-radius: 59px;

}



.common-btn svg {

	width: 12px;

}



.common-btn svg path {

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.primary-btn {

	border-color: var(--black);

	background-color: transparent;

	color: var(--black);

}



.primary-btn:hover {

	background-color: var(--black);

	color: var(--white);

}



.primary-btn:hover svg path {

	fill: var(--white);

}



.secondary-btn {

	background-color: var(--blue);

	color: var(--white);

}



.secondary-btn:hover {

	background-color: transparent;

	border-color: var(--blue);

	color: var(--blue);

}



.tertiary-btn {

	background-color: var(--white);

	color: var(--purple);

}



.tertiary-btn:hover {

	background-color: var(--purple);

	color: var(--white);

}



.simple-link {

	color: var(--black);

	padding: 0;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border: none;

}



.simple-link span {

	opacity: 0;

}



.simple-link:hover {

	color: var(--black);

}



.simple-link:hover span {

	opacity: 1;

}



.default-arrow {

	position: relative;

	padding: 0;

}



.default-arrow::after {

	position: absolute;

	content: "";

	background: var(--black);

	left: 0;

	bottom: 0;

	width: 0%;

	height: 2px;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

}



.default-arrow:hover::after {

	width: 100%;

}



.default-arrow span {

	opacity: 1;

}



.default-arrow.black {

	color: var(--black);

}



.default-arrow.white {

	color: var(--white);

}



.purple-btn {

	background-color: var(--purple);

	border-color: var(--purple);

	color: var(--white);

}



.purple-btn:hover {

	background-color: transparent;

	border-color: var(--purple);

	color: var(--purple);

}



/* buttons */



.fix-width-840 {

	width: 100%;

	max-width: 840px;

}



.fix-width-780 {

	width: 100%;

	max-width: 780px;

}



.main-content-block {

	padding-top: 120px;

}



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

/*========== Header Start ==========*/

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

.header {

	position: fixed;

	z-index: 999;

	left: 0;

	right: 0;

	top: 0;

	background: var(--white);

}



.navbar-brand {

	position: relative;

	z-index: 9999;

	margin: 0;

	padding: 0;

	display: inline-block;

	width: 262px;

}



.header-content {

	display: flex;

	justify-content: space-between;

	padding: 42px 0px 32px;

	max-width: 1775px;

	margin: 0 auto;

	align-items: center;

}



.navbar {

	padding: 0;

}



.navbar .navbar-nav .nav-item .nav-link {

	position: relative;

	padding: 0;

	color: var(--black);

	font-size: 16px;

	font-weight: 400;

	line-height: 140%;

}



.navbar .navbar-nav .nav-item .nav-link::after {

	position: absolute;

	content: "";

	background: var(--black);

	height: 2px;

	left: 0;

	bottom: 0;

	width: 0%;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

}



.navbar .navbar-nav .nav-item.current-menu-item .nav-link::after{

	width: 100%;

}



.navbar .navbar-nav .nav-item.current-menu-item .nav-link,

.navbar .navbar-nav .nav-item .nav-link:active::after,

.navbar .navbar-nav .nav-item .nav-link.active::after,

.navbar .navbar-nav .nav-item .nav-link:hover::after {

	width: 100%;

}



.navbar-nav {

	margin-top: 0;

}



/* .navbar .navbar-nav .nav-item .nav-link:hover {

	text-decoration: underline;

} */



/* 

.navbar .navbar-nav .nav-item .nav-link::before {

	position: absolute;

	content: "";

	background: var(--orange);

	height: 3px;

	left: 0;

	width: 0;

	bottom: 0px;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

} */

/* 

.navbar .navbar-nav .nav-item.current-menu-item .nav-link::before,

.navbar .navbar-nav .nav-item .nav-link:hover::before {

	width: 100%;

} */



.navbar .navbar-nav>.nav-item:not(:last-child) {

	margin-right: 135px;

}



.search-icon {

	margin-left: 15px;

	margin-bottom: 5px;

	font-size: 16px;

	color: var(--orange);

	cursor: pointer;

}



.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {

	position: relative;

	padding-right: 16px;

}



.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {

	position: absolute;

	content: "";

	display: inline-block;

	margin-left: 0;

	border: none;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23e18557' d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");

	background-size: contain;

	background-repeat: no-repeat;

	width: 12px;

	height: 18px;

	top: 8px;

	right: 0;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

}



.dropdown-menu {

	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

	border: none;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

}



.dropdown-menu li.current-menu-item .dropdown-item,

.dropdown-menu .dropdown-item:hover {

	background-color: var(--orange);

	background: var(--orange);

}



.header-right-top-list ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	gap: 40px;

	justify-content: flex-end;

}



.header-right-top-list ul li a {

	font-size: 16px;

	font-weight: 400;

	color: #d48960;

}



.header-right-top {

	margin-bottom: 20px;

	padding-right: 25px;

}



.header .search-area {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 42px;

	height: 54px;

	border-radius: 999px;

	overflow: hidden;

	transition: all .35s ease;

	background: #fff;

	position: absolute;

	right: 0;

}



.header .search-area.active {

	width: 600px;

	max-width: 100%;

	border: 1px solid #c65ad9;

	padding: 0 16px;

}



.header .search-btn,

.header .close-btn {

	border: none;

	background: none;

	cursor: pointer;

	font-size: 18px;

	color: #222;

	flex-shrink: 0;

}



.header .search-input,

.header .close-btn {

	display: none;

}



.header .search-area.active .search-input,

.header .search-area.active .close-btn {

	display: block;

}





.header .search-input::placeholder {

	color: var(--black);

}



.header .search-input {

	flex: 1;

	border: none;

	outline: none;

	padding: 0 12px;

	font-size: 15px;

	background: transparent;

}



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

/*========== Header End ==========*/

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



/* banner section */

.banner-section {

	position: relative;

	min-height: 350px;

}



.banner-image {

	width: 100%;

	height: 100%;

}



.banner-image figure,

.banner-image img {

	width: 100%;

	height: 100%;

}



.banner-content {

	position: absolute;

	bottom: 0;

	width: 100%;

	z-index: 9;

}



.banner-detail {

	display: flex;

	gap: 25px;

	align-items: center;

	justify-content: space-between;

	padding: 60px 100px 60px;

}



.banner-heading {

	width: 100%;

	max-width: 527px;

	margin: 0 auto;

	text-align: center;

}



.banner-heading * {

	margin: 0;

	font-weight: 800;

	font-size: 53.90px;

	line-height: 107%;

	text-align: center;

	color: var(--blue);

}



.banner-btn-block {

	flex: 0 0 auto;

}



.inner-banner-section .banner-image {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}



.inner-banner-section .banner-image figure,

.inner-banner-section .banner-image img {

	object-fit: cover;

}



.inner-banner-section .banner-content {

	position: relative;

	bottom: unset;

}



.inner-banner-section .banner-detail {

	text-align: left;

	display: block;

	padding: 270px 0 150px;

}



.inner-banner-section .banner-heading {

	text-align: left;

	max-width: 100%;

	margin: 0;

}



.inner-banner-section .banner-heading * {

	text-align: left;

	font-weight: 800;

	font-size: 140px;

	line-height: 140%;

	color: var(--white);

}



.inner-banner-section .banner-detail .common-detail {

	margin: 30px 0 0;

}



.inner-banner-section .banner-detail .common-detail * {

	font-weight: 500;

	font-size: 32px;

	line-height: 135%;

	color: var(--white);

}



.common-detail * {

	margin: 0;

}



.common-detail>*:not(:last-child) {

	margin-bottom: 20px;

}



.projects-banner-section .banner-detail {

	padding: 270px 0 60px;

}



.project-detail-banner-section .banner-detail {

	padding: 270px 0 160px;

}



.breadcrumb-block {

	position: absolute;

	padding: 70px 40px 20px;

	top: 0;

	left: 0;

	z-index: 99;

}



.breadcrumb {

	margin-bottom: 0;

	justify-content: center;

}



.breadcrumb .breadcrumb-item {

	font-size: 16px;

	color: var(--white);

	font-weight: 400;

	padding-left: 5px;

}



.breadcrumb .breadcrumb-item a {

	color: var(--white);

}



.breadcrumb .breadcrumb-item a:hover {

	text-decoration: underline;

}



.breadcrumb .breadcrumb-item:first-child {

	padding-left: 0;

}



.breadcrumb-item+.breadcrumb-item::before {

	content: "";

	background-image: url("../images/breadcrumb-arrow.svg");

	background-repeat: no-repeat;

	background-size: 100% 100%;

	width: 14px;

	height: 28px;

	padding: 0;

	margin: 0 5px 0 0;

}



.breadcrumb-item.active {

	text-decoration: underline;

}



.banner-project-info {

	width: 100%;

	max-width: 800px;

	padding: 50px 0 0;

}



.banner-project-info .common-detail {

	margin: 0 !important;

}



.banner-project-info .common-detail * {

	font-family: 'Open Sans';

}



.banner-project-info * {

	margin: 0;

	font-family: 'Lato';

	font-weight: 400;

	font-size: 32px;

	line-height: 140%;

	color: var(--white);

}



.banner-project-info a {

	border-bottom: 1px solid var(--white);

	color: var(--white);

}



.banner-project-info a:hover {

	border-bottom-color: var(--orange);

	color: var(--orange);

}



.banner-project-info span {

	display: block;

}



/* banner section */



/* common filter section */

.common-filter-section {

	padding: 100px 0 120px;

}



.common-filter-product-section {

	padding: 160px 0;

}



.common-filter-categories {

	padding-bottom: 100px;

}



/* .common-filter-categories ul {

	padding: 0;

	margin: 0;

	list-style: none;

	display: flex;

	gap: 95px;

} */



.common-filter-categories ul li {

	font-family: 'Lato';

	font-weight: 400;

	font-size: 36px;

	line-height: 140%;

	color: var(--gray);

}



.common-filter-categories ul li a {

	font-family: 'Open Sans';

	/* text-decoration: underline; */

	font-size: 16px !important;

	color: var(--black);

}



.common-filter-block {

	display: flex;

	flex-wrap: wrap;

	row-gap: 48px;

	margin: 0 -24px;

}



.common-filter-block>* {

	padding: 0 24px;

}



.common-filter-item {

	display: block;

	height: 450px;

}



.common-filter-wrp {

	display: block;

	position: relative;

	width: 100%;

	height: 100%;

	background: rgb(223, 223, 223);

}



.common-filter-item-1 {

	width: 25.5%;

}



.common-filter-item-2 {

	width: 50.7%;

}



.common-filter-item-3 {

	width: 23.7%;

}



.common-filter-item-4 {

	width: 45.8%;

}



.common-filter-item-5 {

	width: 23%;

}



.common-filter-item-6 {

	width: 31.1%;

}



.common-filter-image {

	width: 95%;

	height: 80%;

	margin: 0 auto;

	padding: 20px;

}



.common-filter-image figure {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}



.common-filter-image figure img {

	max-height: 100%;

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.common-filter-title {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	padding: 18px 25px;

}



.common-filter-title .simple-link {

	display: inline-flex;

	align-items: center;

	margin: 0;

}



.common-filter-wrp:hover .common-filter-image figure img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.simple-link span,

.common-filter-wrp .simple-link span {

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.common-filter-wrp:hover .simple-link span {

	opacity: 1;

	transform: translateX(10px);

	-webkit-transform: translateX(10px);

	-moz-transform: translateX(10px);

	-ms-transform: translateX(10px);

	-o-transform: translateX(10px);

}



.common-filter-heading {

	margin-bottom: 40px;

}



/* common filter section */



/* common section */

.common-image-block {

	width: 100%;

	height: 788px;

}



.common-image-block figure,

.common-image-block img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/* common section */



/* customers review section */

.customers-review-section {

	padding: 90px 0 80px;

}



.customers-review-title * {

	margin: 0;

}



.customers-review-block {

	margin: 60px 0 0;

}



.customers-review-block .row {

	row-gap: 40px;

}



.customers-review-image {

	width: 100%;

	max-width: 660px;

	height: 527px;

}



.customers-review-image figure,

.customers-review-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.cutomers-review-right {

	position: relative;

	height: 100%;

	padding: 55px 0 0;

}



.customers-review-slider-info-name {

	display: block;

	margin: 0;

	font-size: 20px;

	color: var(--black);

}



.customers-review-slider-info-company-name {

	display: block;

	margin: 0;

	font-size: 20px;

	color: var(--black);

	text-decoration: underline;

}



.customer-review-slider-description {

	padding: 85px 0 25px;

}



.customer-review-slider-description * {

	margin: 0;

	font-weight: 400;

	font-size: 28px;

	line-height: 140%;

	color: var(--black);

}



.customer-review-slider-description>*:not(:last-child) {

	margin-bottom: 20px;

}



.cutomers-review-arrow {

	position: absolute;

	bottom: 0;

	left: 0;

	display: flex;

	gap: 60px;

}



.customers-review-slider {

	opacity: 0;

}



.customers-review-slider .slick-list {

	margin: 0 -10px;

}



.customers-review-slider .slick-slide {

	padding: 0 10px;

}



.customers-review-slider.slick-initialized {

	opacity: 1;

}



.cutomers-review-arrow .slick-arrow {

	cursor: pointer;

}



/* customers review section */



/* project-section */

.project-section .project-img {

	height: 788px;

}



.project-section .project-img * {

	height: 100%;

	width: 100%;

	object-fit: cover;

}



.project-section .project-content {

	padding: 85px 0 120px;

}



.project-content .comapny-details p {

	margin-bottom: 0;

}



.project-content .comapny-details {

	margin-bottom: 72px;

}



.project-content .extra-large-details {

	color: var(--black);

	font-family: 'Open Sans';

	font-size: 28px;

	font-weight: 400;

	line-height: 140%;

	margin-bottom: 20px;

}



.project-content .btn-wrapper {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin-top: 60px;

	gap: 15px;

}



.project-content .btn-wrapper .common-btn {

	min-width: 238px;

}

.project-content .btn-wrapper .common-btn{
	margin: 0;
}



.project-content .btn-wrapper .simple-link span {

	opacity: 1;

}



.project-content .btn-wrapper .simple-link:hover {

	opacity: 0.6;

}



/* project-section */



/* why-choose-us-section */

.why-choose-us-block .why-choose-us-img {

	height: 559px;

}



.why-choose-us-wrapper .row {

	margin: 0;

}



.why-choose-us-wrapper .row>* {

	padding: 0;

}



.why-choose-us-block {

	position: relative;

	overflow: hidden;

}



.why-choose-us-block .why-choose-us-img * {

	height: 100%;

	width: 100%;

	object-fit: cover;

}



.why-choose-us-block .why-choose-cta {

	position: absolute;

	/* bottom: 58px; */

	bottom: 0;

	left: 0;

	right: 0;

	padding: 60px 120px;

}



.why-choose-us-block .img-overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	overflow: hidden;

	width: 100%;

	height: 100%;

	transition: .5s ease;

	display: flex;

	justify-content: end;

	align-items: end;

	transform: translateY(100%);

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	-o-transform: translateY(100%);

}



.why-choose-us-block:hover .img-overlay {

	height: 100%;

	transform: translateY(0%);

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	-ms-transform: translateY(0%);

	-o-transform: translateY(0%);

}



.why-choose-us-block .img-overlay .overlay-text {

	max-width: 774px;

	padding: 60px;

	margin: 0 auto;

}



.why-choose-us-block .img-overlay .block-title * {

	color: var(--white);

	margin-bottom: 45px;

}



.why-choose-us-block .img-overlay .detils {

	color: var(--white);

	margin-bottom: 60px;

}



.why-choose-us-block .img-overlay .common-btn {

	min-width: 210px;

	color: var(--purple);

}



.why-choose-us-block .img-overlay .common-btn:hover {

	background-color: transparent;

	border-color: var(--white) !important;

	color: var(--white) !important;

}



/* why-choose-us-section */



/* our-stockists-section */

.our-stockists-block .row {

	margin: 0;

}



.our-stockists-block .row>* {

	padding: 0;

}



.our-stockists-block .our-stockists-details .our-stockists-details-inner-block {

	max-width: 488px;

	margin: 0 auto;

}



.our-stockists-block .our-stockists-details {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	height: 100%;

	padding: 30px;

}



.our-stockists-details .section-title h3 {

	color: var(--white);

	margin-bottom: 36px;

}



.our-stockists-details .detils {

	color: var(--white);

	margin-bottom: 48px;

}



.our-stockists-details .detils * {

	margin: 0;

}



.our-stockists-details .detils>*:not(:last-child) {

	margin-bottom: 20px;

}



.our-stockists-details .common-btn {

	min-width: 210px;

}



.our-stockists-details .common-btn:hover {

	border-color: var(--white);

	background-color: transparent;

	color: var(--white) !important;

}



.our-stockists-block .our-stockists-img {

	height: 600px;

}



.our-stockists-block .our-stockists-img * {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.our-stockists-section.reverse-section .our-stockists-block:nth-child(odd) .row {

	display: flex;

	flex-direction: row-reverse;

}



.our-stockists-section.reverse-content .our-stockists-block .row {

	flex-direction: row-reverse;

}



/* our-stockists-section */



/* common acoordion section */

.common-accordion-section {

	padding: 60px 0;

	overflow: hidden;

}



.common-accordion-stockists-section {

	padding: 60px 0 100px;

}



.common-accordion-top-list ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	gap: 130px;

	flex-wrap: wrap;

}



.common-accordion-top-list ul li a {

	font-weight: 400;

	font-size: 20px;

	text-decoration: underline;

	color: var(--black);

}



.common-accordion-top-block {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.add-to-quote-btn .common-btn {

	min-width: 210px;

	border-color: var(--purple);

	color: var(--purple);

}



.add-to-quote-btn .common-btn:hover {

	background-color: var(--purple);

	color: var(--white);

}



.common-accordion-top-block {

	padding-bottom: 90px;

}



.common-accordion-description {

	width: 100%;

	max-width: 1110px;

	padding-bottom: 90px;

}



.common-accordion-description * {

	margin: 0;

	font-weight: 700;

	font-size: 32px;

	line-height: 135%;

	color: var(--black);

}



.common-accordion-description>*:not(:last-child) {

	margin-bottom: 20px;

}



.faq-part {

	width: 100%;

	max-width: 1052px;

}



.common-accordion-stockists-section .faq-part {

	max-width: 1162px;

}



.faq-part .accordion-button:focus {

	box-shadow: none !important;

}



.faq-part .accordion-item:last-of-type {

	margin-bottom: 0 !important;

}



.faq-part .accordion-item:first-of-type .accordion-button,

.faq-part .accordion-item:last-of-type .accordion-button {

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

}



.faq-part .accordion-item:last-of-type,

.faq-part .accordion-item:first-of-type,

.faq-part .accordion-item {

	background: none;

	background-color: transparent;

	position: relative;

	border: none;

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

	padding: 40px 0 !important;

	left: 0;

	transition: 0.4s;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}



.faq-part .accordion-item:last-of-type {

	margin-bottom: 0;

}



.faq-part .accordion-button:not(.collapsed) {

	background-color: transparent;

	box-shadow: none;

}



.faq-part .accordion-button {

	padding: 0;

	transition: 0.4s;

	background-color: transparent;

	color: var(--black) !important;

	font-size: 20px;

	font-weight: 400;

	line-height: 125%;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

}



.faq-part .accordion-button span {

	padding-right: 70px;

}



.faq-part .accordion-body {

	position: relative;

	width: 100%;

	max-width: 100%;

	border: none;

	padding: 90px 20px 10px 0;

	color: var(--black);

	font-size: 18px;

}



.faq-part .accordion-body::after{

	position: absolute;

	content: "";

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

	height: 1px;

	left: 0;

	right: 0;

	top: 35px;

}



.faq-part .accordion-button::after {

	display: none;

	background-image: url('../images/accordion-arrow.svg') !important;

	background-repeat: no-repeat;

	background-size: contain;

	width: 21px;

	height: 18px;

	position: relative;

	background-color: transparent;

	right: 0;

	top: 5px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-o-transform: rotate(0deg);

}



.faq-part .accordion-button::before {

	display: none;

}



.faq-part .accordion-item {

	position: relative;

}



.pab-svg-plus {

	border-radius: 100%;

	display: block;

	position: absolute;

	top: 4px;

	right: 0;

	width: 1em;

	height: 1em;

	margin: 0;

	pointer-events: none;

	stroke-width: 2;

	stroke-linecap: square;

	stroke: var(--black);

	-webkit-transition: transform .7s ease-out, box-shadow .3s ease-out;

	transition: transform .7s ease-out, box-shadow .3s ease-out;

}



.use-plus {

	-webkit-transition: stroke .5s ease-out, opacity .7s ease-out;

	transition: stroke .5s ease-out, opacity .7s ease-out;

}



.faq-part .accordion-button:not(.collapsed) .pab-svg-plus {

	transform: rotateZ(360deg);

}



.faq-part .accordion-button:not(.collapsed) .use-plus {

	opacity: 0;

}



.accordion-body-top-item {

	width: 100%;

	max-width: 150px;

	text-align: center;

}



.accordion-body-top-block {

	display: flex;

	gap: 70px;

	padding-bottom: 70px;

}



.accordion-body-top-item-icon {

	margin: 0 0 24px;

	height: 50px;

}



.accordion-body-top-item-icon figure,

.accordion-body-top-item-icon img {

	height: 100%;

	max-height: 100%;

}



.accordion-body-top-item-title {

	text-transform: uppercase;

}



.accordion-body-bottom-block {

	width: 100%;

	max-width: 810px;

}



.accordion-body-bottom-block ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	flex-direction: column;

	row-gap: 20px;

}



.accordion-body-bottom-block ul li {

	display: flex;

	gap: 20px;

	font-weight: 400;

	font-size: 20px;

	line-height: 135%;

	color: var(--black);

}



.accordion-body-bottom-block ul li strong {

	font-weight: 600 !important;

	min-width: 400px;

}



.faq-accordion-block {

	display: flex;

	gap: 50px;

}



.faq-accordion-block-right {

	padding: 100px 0 0;

	max-width: 210px;

	margin-left: auto;

}



.faq-accordion-block-right>*:not(:last-child) {

	margin-bottom: 20px;

}



.faq-accordion-block-right .common-btn {

	min-width: 210px;

}



.accordion-body-bottom-block-info-item {

	display: flex;

	gap: 25px;

}



.accordion-body-bottom-block-info-item>*:first-child {

	min-width: 300px;

}



.accordion-block-info-item-left * {

	font-weight: 600;

	font-size: 20px;

}



.accordion-block-info-item-right ul {

	gap: 0;

}



.accordion-body-bottom-block-info>*:not(:last-child) {

	margin-bottom: 100px;

}



.accordion-block-info-item-right ul li a {

	position: relative;

	width: fit-content;

}



.accordion-block-info-item-right ul li a::after {

	position: absolute;

	content: "";

	background: var(--black);

	height: 2px;

	left: 0;

	width: 0%;

	bottom: 0;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

}



.accordion-block-info-item-right ul li a:hover::after {

	width: 100%;

}



.accordion-block-info-item-right ul li a:hover {

	color: var(--black);

}



/* common acoordion section */





/* common gallery section */

.common-gallery-section {

	padding: 0 0 100px;

}



.common-gallery-projects-section {

	padding: 140px 0 100px;

}



.common-gallery-project-detail-section {

	padding: 70px 0;

}



.gallery-image {

	position: relative;

	display: block;

	width: 100%;

	background: var(--mutedbg);

	margin: 0 0 48px;

}



.gallery-image-link-block {

	position: absolute;

	padding: 28px;

	right: 0;

	bottom: 0;

	left: 0;

}



.gallery-image-link {

	position: relative;

	font-family: 'Lato';

	font-weight: 400;

	font-size: 18px;

	line-height: 140%;

	color: var(--white);

	display: inline-flex;

	gap: 10px;

	align-items: center;

}



.gallery-image-link::after {

	position: absolute;

	content: "";

	background: var(--white);

	height: 2px;

	left: 0;

	bottom: 0;

	width: 0%;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

}



.gallery-image-link:hover::after {

	width: 100%;

}



.gallery-image figure,

.gallery-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.gallery-image .gallery-image-link span {

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



/* .gallery-image:hover .gallery-image-link span{

	transform: translateX(5px);

	-webkit-transform: translateX(5px);

	-moz-transform: translateX(5px);

	-ms-transform: translateX(5px);

	-o-transform: translateX(5px);

} */



.gallery-image:hover .gallery-image-link::after {

	width: 100%;

}



.common-gallery-block .row {

	margin: 0 -24px;

}



.common-gallery-block .row>* {

	padding: 0 24px;

}



.common-gallery-project-detail-section .common-gallery-content-part .common-detail {

	padding-bottom: 100px;

}



.common-gallery-project-detail-section .common-gallery-content-part .common-detail * {

	margin: 0;

}



.common-gallery-project-detail-section .common-gallery-content-part .common-detail>*:not(:last-child) {

	margin-bottom: 40px;

}



.common-gallery-project-detail-section .common-accordion-description {

	width: 100%;

	max-width: 100%;

	padding-bottom: 60px;

}



/* common gallery section */



/* collections-block-section */

.collections-block-section {

	padding: 228px 0;

}



.collections-block-section .collections-block-wrapper {

	max-width: 1335px;

	margin: 0 auto;

}



.collections-block-section .collections-block-wrapper * {

	color: var(--white);

}



.collections-block-section .collections-block-wrapper h3 {

	text-align: center;

}



/* collections-block-section */





/* our-stockists-section-v2 */

.our-stockists-section-v2 .our-stockists-block .our-stockists-img {

	height: 550px;

}



.our-stockists-section-v2 .our-stockists-block .our-stockists-details .our-stockists-details-inner-block {

	max-width: 628px;

}



/* our-stockists-section-v2 */



/* contact-page */

.contact-stockists-section {

	padding: 114px 0 90px;

}



.contact-stockists-section .contact-stockists-left-block .details {

	max-width: 690px;

}



.contact-stockists-section .contact-stockists-wrapper {

	max-width: 1515px;

	margin: 0 auto;

}



.contact-stockists-section .contact-stockists-cta-block {

	margin-top: 18px;

}



.contact-stockists-section .contact-stockists-left-block .block-title {

	margin-bottom: 30px;

}



.contact-stockists-section .contact-stockists-left-block .block-title h4:last-child {

	margin-bottom: 0;

}



.contact-stockists-section .contact-stockists-left-block .block-title h4 {

	font-weight: 700;

}



.contact-stockists-section .contact-stockists-cta-block .secondary-btn {

	min-width: 210px;

}



.contact-section .contact-form-block {

	padding: 80px 40px 98px;

}



.contact-section .row {

	margin: 0;

}



.contact-section .row>* {

	padding: 0;

}



.contact-section .contact-details-part {

	color: var(--white);

}



.contact-section .contact-details-part .section-title {

	margin-bottom: 40px;

}



.contact-section .contact-img {

	width: 100%;

	height: 400px;

	min-height: 100%;

}



.contact-section .contact-img * {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.contact-section .contact-details-part .details {

	margin-bottom: 33px;

}



.contact-section .contact-details-part .details p {

	margin-bottom: 0;

}



.contact-section .contact-details-part h3 {

	color: var(--white);

	margin-bottom: 0;

}



.contact-form-block .contact-from-wrapper {

	max-width: 660px;

	margin: 0 auto;

}



.common-form .form-group .form-control {

	font-size: 18px;

	font-weight: 400;

	line-height: 140%;

	padding: 15px 36px;

	background-color: var(--white);

	border-radius: 33px;

	color: var(--black);

	border-color: var(--white);

	-webkit-border-radius: 33px;

	-moz-border-radius: 33px;

	-ms-border-radius: 33px;

	-o-border-radius: 33px;

}



.common-form .form-group .form-control::placeholder {

	color: var(--black);

}



.common-form .form-group .form-control:focus {

	outline: none;

	border-color: var(--white);

}



.common-form-part .common-form .row {

	row-gap: 22px;

}



.common-form .form-group textarea {

	min-height: 197px;

}



.common-form .form-group .common-btn {

	margin-top: 10px;

	min-width: 136px;

}



.common-form .form-group .common-btn:hover {

	border-color: var(--white);

	color: var(--white);

	background-color: transparent;

}



.contact-info-section {

	padding: 120px 0 113px;

}



.contact-info-section .contact-info-wrapper {

	max-width: 1524px;

	margin: 0 auto;

}



.contact-info-section .contact-info-wrapper ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	/* 	 */

}



.contact-info-section .contact-info-wrapper ul li {

	font-weight: 600;

	font-size: 24px;

}



.contact-info-section .contact-info-wrapper ul li span {

	font-weight: 400;

}



.our-team-section {

	padding: 116px 0 0;

}



.our-team-section .our-team-wrapper .section-title {

	margin-bottom: 50px;

}



.our-team-block {

	/* height: 440px; */

	position: relative;

	overflow: hidden;

}



/* .our-team-block .btn-wrapper{

	margin-top: 50px;

} */



.our-team-block .btn-wrapper > *{

	margin: 0 !important;

}



/* .our-team-block .btn-wrapper > *:not(:last-child){

	margin-bottom: 30px;

} */



.our-team-block .team-details {

	position: absolute;

	padding: 40px 25px;

	color: var(--white);

	top: 0;

}



.our-team-block .team-details p {

	margin: 0;

}





.our-team-block .our-team-img {

	height: 440px;

}



.our-team-section .our-team-wrapper {

	max-width: 1515px;

	margin: 0 auto;

}



.our-team-block .our-team-img * {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: top;

}



.our-team-section .our-tem-row .row {

	margin: 0 -47px;

	row-gap: 78px;

}



.our-team-section .our-tem-row .row>* {

	padding: 0 47px;

}



.our-team-block .block-title {

	margin-bottom: 24px;

}



.our-team-block .block-title h3 {

	margin-bottom: 0;

}



.our-team-block .details {

	margin-bottom: 50px;

}



.our-team-block .btn-wrapper {

	display: inline-flex;

	flex-direction: column;

	row-gap: 30px;

}



.our-team-block .btn-wrapper .common-btn {

	min-width: 210px;

}



.our-team-block .details p:last-child {

	margin-bottom: 0;

}



/* contact-page */



/* explore section */

.explore-section {

	padding: 10px 0 120px;

}



.explore-top-block {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 30px;

}



.explore-title * {

	margin: 0;

}



.explore-slider-block {

	padding: 80px 0 0;

}



.explore-slider-link-block {

	padding: 0 0 20px;

}



.explore-slider-link {

	position: relative;

	display: inline-flex;

	align-items: center;

	gap: 10px;

	font-family: 'Lato';

	font-size: 20px;

	line-height: 140%;

	font-weight: 400;

	color: var(--black);

}



.explore-slider-link::after {

	position: absolute;

	content: "";

	background: var(--black);

	height: 2px;

	left: 0;

	bottom: 0;

	width: 0%;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

}



.explore-slider-link:hover::after {

	width: 100%;

}



.explore-slider-link:hover {

	color: var(--black);

}



.explore-slider-item-image {

	overflow: hidden;

	display: block;

	width: 100%;

	height: 570px;

}



.explore-slider-item-image figure,

.explore-slider-item-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.explore-slider-item-image img {

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.explore-slider-item-image:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.explore-slider {

	opacity: 0;

}



.explore-slider.slick-initialized {

	opacity: 1;

}



.explore-slider .slick-list {

	margin: 0 -25px;

}



.explore-slider .slick-slide {

	padding: 0 25px;

}



.explore-arrow {

	display: flex;

	gap: 70px;

}



.explore-arrow .slick-arrow {

	cursor: pointer;

}



/* explore section */



/* common-info-detail-section */

.common-info-detail-section {

	padding: 70px 0 160px;

}



.common-info-detail-section .common-detail {

	width: 100%;

	max-width: 1200px;

}



.common-info-detail-section .common-accordion-top-block {

	padding-bottom: 200px;

}



/* common-info-detail-section */



/* 404 error */

.error-404-section {

	padding: 153px 0;

}



.error-404-content {

	text-align: center;

}



.error-404-content h1,

.error-404-content h2,

.error-404-content h3,

.error-404-content h4,

.error-404-content h5,

.error-404-content h6 {

	color: var(--black);

	font-size: 80px;

}



/* 404 error */



/* typography section */

.typography-section {

	padding: 70px 0;

}



.typography-detail .common-detail ol,

.typography-detail .common-detail ul {

	margin-bottom: 20px;

	padding-left: 20px;

	padding-left: 40px;

}



.typography-detail .common-detail ol ol,

.typography-detail .common-detail ol ul,

.typography-detail .common-detail ul ol,

.typography-detail .common-detail ul {

	margin-top: 10px;

	margin-bottom: 10px;

}



.typography-detail .common-detail ol li,

.typography-detail .common-detail ul li {

	margin-bottom: 20px;

}



.typography-detail .common-detail li ol,

.typography-detail .common-detail li ul {

	margin-top: 20px;

}



.alignnone {

	float: none;

	margin: 20px 0;

}



.alignleft {

	float: left;

	margin: 20px 20px 20px 0;

}



.aligncenter {

	float: none;

	display: block;

	margin: 20px auto;

}



.alignright {

	float: right;

	margin: 20px 0 20px 20px;

}



/* typography section */







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

/*========== New Class Add Start ==========*/

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



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

/*========== New Class Add End ==========*/

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





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

/*========== Footer Start ==========*/

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

.footer {

	padding: 80px 0 50px;

	background: var(--purple);

}



.footer-top-content {

	width: 100%;

	max-width: 1720px;

	padding: 0 20px;

	margin: 0 auto;

}



.footer-menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	gap: 25px;

}



.footer-menu ul li a {

	position: relative;

	font-family: 'Lato';

	font-weight: 400;

	font-size: 18px;

	white-space: nowrap;

	color: var(--white);

}



.footer-menu ul li a::after {

	position: absolute;

	content: "";

	background: var(--white);

	left: 0;

	bottom: 0;

	height: 2px;

	width: 0%;

	transition: all ease-in-out 0.4s;

	-webkit-transition: all ease-in-out 0.4s;

	-moz-transition: all ease-in-out 0.4s;

	-ms-transition: all ease-in-out 0.4s;

	-o-transition: all ease-in-out 0.4s;

}





.footer-menu ul li.current-menu-item a::after{

	width: 100%;

}



.footer-menu ul li a.active::after,

.footer-menu ul li a:hover::after {

	width: 100%;

}



.footer-menu ul li a:hover {

	color: var(--white);

}



.footer-bottom {

	padding: 110px 0 0;

}



.footer-bottom-content {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 25px;

	width: 100%;

	max-width: 1720px;

	padding: 0 20px;

	margin: 0 auto;

}



.footer-bottom-left>* {

	display: inline-flex;

	gap: 5px;

}



.footer-bottom-left * {

	margin: 0;

	font-family: 'Lato';

	font-weight: 500;

	font-size: 14px;

	color: var(--white);

}



.footer-copyright * {

	margin: 0;

	font-family: 'Lato';

	font-weight: 400;

	font-size: 14px;

	color: var(--white);

}



.footer-bottom-left a:hover{

	opacity: 0.6;

}





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

/*========== Footer End ==========*/

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



/* 08-ju-26 */

/* Success Message */

.common-form .wpcf7 form.sent .wpcf7-response-output {

    background: #EAFBF1;

    color: #16A34A;

    border: 1px solid #16A34A;

    border-radius: 8px;

    padding: 12px 16px;

    margin: 16px 0 0;

}



/* Validation Error */

.common-form .wpcf7 form.invalid .wpcf7-response-output,

.common-form .wpcf7 form.unaccepted .wpcf7-response-output,

.common-form .wpcf7 form.payment-required .wpcf7-response-output,

.common-form .wpcf7 form.failed .wpcf7-response-output,

.common-form .wpcf7 form.aborted .wpcf7-response-output {

    /* background: #FEF2F2; */

    color: #830505;

    border: none;

    margin: 16px 0 0;

}



/* Field Error Text */

.common-form .wpcf7-not-valid-tip {

    color: #830505;

    font-size: 14px;

    margin-top: 6px;

}

/* Form Sending */

.common-form .wpcf7 form.sent .wpcf7-response-output {

    color: #0f5c2c;

	background: none;

	border: none;

}



.inner-banner-section .search-result-banner-heading h1{

	font-size: 52px;

}



.collections-block-section .collections-block-wrapper *{

	text-align: center;

	font-size: 40px;

    font-weight: 800;

    line-height: 140%;

    margin-bottom: 20px;

}



.collections-block-section .collections-block-wrapper :is(ul, ol) * {

    text-align: start !important;

}



.collections-block-section .collections-block-wrapper :is(ul, ol) li::marker {

    color: var(--white) !important;

}



/* Parent container */

.common-filter-categories > div{

    display:flex;

    align-items:center;

    gap:95px;

    flex-wrap:wrap;

}



.common-filter-categories p{

    margin:0;

    font-size: 36px;

	color: var(--gray);

}



/* Dropdown */

.filter-dropdown{

    position:relative;

    display:inline-block;

}



/* Selected */

.filter-selected{

    display:flex;

    align-items:center;

    gap:10px;

    cursor:pointer;

    /* border-bottom:1px solid #222; */

    padding-bottom:6px;

}



.filter-selected span{

    font-size: 36px;

    white-space:nowrap;

	text-decoration: underline;

}



.filter-selected svg{

    width:14px;

    height:8px;

    flex-shrink:0;

    transition:transform .3s ease;

	margin-top: 5px;

}



/* Rotate Arrow */

/* .filter-dropdown:hover .filter-selected svg,

.filter-dropdown.active .filter-selected svg{

    transform:rotate(180deg);

} */



/* Menu */

/* .filter-menu{

    position:absolute;

    top:100%;

    left:0;

    min-width:320px;

    width:max-content;

    max-width:420px;

    margin-top:12px;

    padding: 0;

    list-style:none;

    background:#fff;

    border-radius:10px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:

        opacity .25s,

        transform .25s,

        visibility .25s;



    z-index:999;

	overflow: hidden;

} */



/* Hover */

/* .filter-dropdown:hover .filter-menu,

.filter-dropdown.active .filter-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

} */



/* .filter-menu{

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:opacity .25s, transform .25s, visibility .25s;

}



.filter-dropdown.active .filter-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

} */



.filter-selected svg {

    transition: transform 0.3s ease;

}



/* .filter-dropdown.active .filter-selected svg {

    transform: rotate(180deg);

} */



.filter-menu li{

    margin:0;

}



.filter-menu a{

    display:block;

    padding:12px 14px;

    color:#111;

    text-decoration:none;

    white-space:nowrap;

    transition:.2s;

}



.filter-menu a:hover,

.filter-menu a.active{

    background:#f6f6f6;

}



.btn-wrapper{

	/* margin-top: 50px; */

	text-align: center;

}



.btn-wrapper .common-btn{

	margin-top: 50px;

}







.filter-dropdown{

    position:relative;

}



.filter-selected{

    display:flex;

    align-items:center;

    gap:8px;

    cursor:pointer;

}



.filter-selected svg{

    transition:transform .3s ease;

}



.filter-menu{

    position:absolute;

    top:100%;

    left:0;

    min-width:320px;

    width:max-content;

    max-width:420px;

    margin-top:12px;

    padding:0;

    list-style:none;

    background:#fff;

    border-radius:10px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);



    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:opacity .25s ease, transform .25s ease, visibility .25s ease;



    z-index:999;

    overflow:hidden;

}



/* Open Dropdown */

.filter-dropdown.active .filter-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}



/* Rotate Arrow */

.filter-dropdown.active .filter-selected svg{

    transform:rotate(180deg);

}



/* 08-ju-26 */