* {
	padding:0;
	margin:0;
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

/* body {
padding-top:84px;
} */

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	z-index: 999;
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 7vw 0;
	width: 100%;
	float: left;
}

.error404 .notfound-content h1 {
	color: #000000;
}

.error404 .notfound-content h3 {
	margin: 20px 0;
}


body .gform_wrapper,
.gform_confirmation_wrapper {
	width: 100%;
	float: left;
}

body .gform_wrapper {
	margin: 0px 0;
}

body .gform_wrapper form {
	width: 100%;
	float: left;
}

body .gform_wrapper form .gform_body {
	float: left;
	width: calc(100% + 30px) !important;
	margin: 0 -15px !important;
}

body .gform_wrapper .gf_progressbar_wrapper {
	display: none;
}

body .gform_wrapper form .gform_body ul {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

body .gform_wrapper form .gform_body ul li.gfield {
	padding: 0px;
	width: 50%;
	float: left;
	padding: 0 15px !important;
	margin: 0 0px 30px !important;
	background-color: transparent;
	border: none;
	clear: inherit;
}

body .gform_wrapper form .gform_body ul li.gfield label {
	width: 100%;
	float: left;
	color: #000;
	font-family: 'Satoshi-Regular';
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px !important;
	padding: 0 0px 10px;
	line-height: 120%;
}

body .gform_wrapper form .gform_body ul li.gfield label span.gfield_required {
	font-size: 18px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: none;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
}

body .gform_wrapper form .gform_body ul li.gfield.full-box {
	width: 100%;
}

body .gform_wrapper form .gform_body ul li.gfield textarea {
	width: 100% !important;
	height: 203px !important;
	border-radius: 20px !important;
}

body .gform_wrapper form .gform_body ul li.description textarea {
	width: 100% !important;
}

body .gform_wrapper .validation_message {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 14px;
}

body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio,
body .gform_wrapper .field_description_below .gfield_description {
	color: #790000;
	padding-top: 5px;
	padding-right: 0px !important;
	width: 100%;
	float: left;
	line-height: 120%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.5px;
}

body .gform_confirmation_message {
	width: 100%;
	float: left;
	text-align: center;
	font-weight: normal;
	font-family: 'Satoshi-Regular';
	background-color: #029300;
	line-height: 125%;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	padding: 16px 20px;
	color: #ffffff;
	font-size: 16px;
}

body .gform_wrapper div.validation_error {
	margin-bottom: 20px;
	border: none;
	background-color: #790000;
	color: #ffffff;
	padding: 18px 15px;
	line-height: 120%;
	font-size: 16px;
	display: flex;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px !important;
	width: 100%;
	float: left;
}

body .gform_body input[type=text],
body .gform_body input[type=email],
body .gform_body input[type=tel],
body .gform_body input[type=number],
body select,
body textarea {
	width: 100% !important;
	border: none !important;
	border-radius: 60px !important;
	padding: 17px 5px 17px 30px !important;
	color: #1F2124 !important;
	box-shadow: none;
	font-family: "TTNormsPro", Sans-serif;
	height: auto !important;
	font-weight: 500;
	line-height: 144% !important;
	letter-spacing: 0.5px;
	font-size: 18px !important;
	margin: 0 !important;
	background-color: #F6F5F5 !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

body .gform_body input[type=text]::placeholder,
body .gform_body input[type=email]::placeholder,
body textarea::placeholder {
	font-family: "TTNormsPro", Sans-serif;
	color: #1F2124 !important;
	font-weight: 500;
	line-height: 144% !important;
}

.gform_button {
	border: none !important;
}

.gform_footer {
	margin: 0 !important;
	padding: 10px 0px 0px 0px !important;
}

body select {
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 40px !important;
}

body .gform_wrapper textarea.small {
	height: 80px;
}

body .gform_wrapper .gform_page_footer {
	padding: 0 15px;
	margin-bottom: 0px;
	text-align: left;
	width: 100%;
	float: right;
	margin-top: 10px;
	border: none;
}

.gform_legacy_markup_wrapper .gform_validation_errors>h2 {
	color: #ffffff !important;
	font-weight: 400 !important;
	padding: 0 !important;
	margin: 0px !important;
	line-height: 120%;
}

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

.custom-width-head {
	width: 53% !important;
	margin: auto !important;
}

.red {
	color: #D1463B;
	font-style: italic;
	text-transform: uppercase;
}

.red.red-small {
	font-style: normal !important;
	text-transform: none !important;
}

/* about supa section slider */

.background-slide .swiper-pagination {
	bottom: 42px !important;
}

.background-slide .swiper-pagination .swiper-pagination-bullet-active {
	width: 44px !important;
	border-radius: 48px !important;
}

.background-slide .elementor-swiper-button-prev {
	left: 60px !important;
}

.background-slide .elementor-swiper-button-next {
	right: 60px !important;
}

/* SUPA Art History section */

.art-history-tabs .elementor-tabs-wrapper {
	width: fit-content;
	margin: auto;
	border-radius: 76px;
	background: #FFF;
	padding: 8px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
}

.art-history-tabs .elementor-tab-title.elementor-active {
	border-radius: 56px;
	background: #8FD7AF;
}

.art-history-tabs {
	padding: 15px 24px;
}

.art-history-tabs {
	padding: 0 !important
}

.art-history-tabs .elementor-tab-content {
	padding: 54px 0px 0px 0px !important;
}

.art-history-sec-grid .elementor-container {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 30px;
	row-gap: 50px;
}

.art-history-sec-grid .elementor-column {
	width: 100% !important;
}

.home-product .add_to_cart_button {
	display: none !important;
}

.home-product .woocommerce-loop-product__title {
	padding-bottom: 8px !important;
}

.art-grid-col .elementor-widget-wrap,
.art-grid-col .elementor-heading-title {
	transition: 0.4s ease-in-out;
}

.art-grid-col:hover .elementor-widget-wrap {
	background-color: #D1463B !important;
}

.art-grid-col:hover .elementor-heading-title {
	color: #fff;
}

.supa-vision-main {
	width: 82% !important;
	margin: auto !important;
}

.gfield_label,
.gform_title,
.gform_heading {
	display: none !important;
}

.discover-slider .swiper.swiper-initialized {
	margin: 0 -47em 0px 0 !important;
}

.discover-slider .swiper-slide-next .discover-img img {
	opacity: 0.3;
}

/* Home frist slider */

.hero-slider .slick-track {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hero-slider {
	position: relative;
	overflow: hidden;
	background: linear-gradient(#fff9e9, #fef5e4);
	z-index: 1;
}

.hero-slider::before {
	content: "";
	position: absolute;
	top: -62px;
	left: -10%;
	width: 120%;
	height: 166px;
	background: url(https://supa.techsolutionn.com/wp-content/uploads/2025/07/hero-2.webp);
	border-radius: 100%;
	z-index: 2;
	background-size: cover;
	background-position: center;
}

.hero-slider::after {
	content: "";
	position: absolute;
	bottom: -17px;
	left: -10%;
	width: 120%;
	height: 150px;
	background: url(https://supa.techsolutionn.com/wp-content/uploads/2025/07/hero-2.webp);
	border-radius: 100%;
	z-index: 2;
	background-size: cover;
	background-position: center;
}

.hero-slider .slick-track {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.hero-slider .slick-slide {
	display: flex !important;
	justify-content: center;
	align-items: center;
	transform: rotateY(-7deg);
	transition: transform 0.3s ease;
}

.hero-section::before {
	content: "";
	position: absolute;
	top: 19%;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2025/07/Ellipse-1.webp);
	background-size: cover;
	background-position: center;
	z-index: 10;
}

.about-supa-sec::before {    
	content: "";
	position: absolute;
	top: -12%;
	width: 100%;
	height: 100%;
	background: linear-gradient(179deg, rgba(255, 255, 255, 0.00) 0.5%, #f7f2f2 13.09%, rgba(255, 255, 253, 0.00) 99.49%);
	background-size: cover;
	background-position: center;
	z-index: 5;
}

/* About us page  */

.present-list .elementor-icon-list-item::before {
	content: '';
	background: #000;
	width: 7px;
	height: 7px;
	background-repeat: no-repeat;
	border-radius: 50%;
	position: absolute;
}

.present-list .elementor-icon-list-item .elementor-icon-list-text {
	padding-left: 20px;
}

.present-list .elementor-icon-list-item {
	gap: 13px;
}

.present-main-container {
	width: 76% !important;
	margin: auto !important;
	position: relative;
}

.present-main-container::before {
	content: '';
	background: #FFD6C4;
	width: 100%;
	height: 88%;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-0%, -50%);
}

.about-skills-sec {
	position: relative;
}

.about-skills-sec::before,
.aboutus-supa-sec::before,
.fantasy-section::before {
	content: '';
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 20.2%, rgba(255, 255, 253, 0.00) 100%);
	width: 100%;
	height: 17%;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: absolute;
	top: -5%;
}

.about-skills-sec::after,
.aboutus-supa-sec::after,
.fantasy-section::after {
	content: '';
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 80.2%, rgba(255, 255, 253, 0.00) 100%);
	width: 100%;
	height: 12%;
	background-repeat: no-repeat;
	border-radius: 20px;
	position: absolute;
	bottom: -2%;
}

/* supa section */

.supa-section .elementor-image-box-img img {
	width: 100% !important;
}

.qatari-culture-inner .elementor-column .elementor-widget-wrap {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 24px;
	row-gap: 50px;
}

.fantacy-inner-sec .elementor-column .elementor-widget-wrap {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 30px;
	row-gap: 54px;
}

.fantacy-inner-sec .elementor-image-box-content {
	padding: 0px 10px;
}

.post-main-col {
	height: 100% !important;
}

/* Shop page */

.custom-product-container {
	display: flex;
	gap: 35px;
	flex-wrap: wrap;
	align-items: flex-start;
}

.custom-sidebar {
	width: 23%;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	border: 1px solid #DFDDDD;
	background: #F9F9F9;
	padding: 40px 40px 16px 40px;
	position: sticky;
	height: 100%;
	top: 14%;
}

.custom-products {
	width: 77%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 40px;
	flex: 1;
}

.child-btn {
	width: 100%;
	background: none !important;
	color: white;
	padding: 0px !important;
	border: none;
	cursor: pointer;
	list-style-type: bullets !important;
	font-family: "TTNormsPro", Sans-serif;
	font-weight: 300 !important;
	margin-left: 0 !important;
	position: relative;
	text-align: start;
}

.child-dropdown .child-btn {
	margin-left: 30px !important;
	margin-bottom: 7px !important;
}

.child-dropdown {
	background: #fff !important;
	padding: 18px !important;
	border-radius: 20px !important;
	display: flex;
	flex-direction: column !important;
	gap: 10px !important;
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;
	margin-top: -15px;
	display: none;
}

.child-dropdown .child-btn::before {
	content: '';
	background: #000;
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
	border-radius: 50px;
	position: absolute;
	bottom: 10px;
	left: -17px;
}

.child-categories {
	display: none;
	flex-direction: column;
}

.parent-btn {
	background: #D1463B !important;
	border: none;
	text-align: left;
	padding: 16px 24px !important;
	margin: 0px 0px 24px 0px;
	cursor: pointer;
	border-radius: 20px !important;
	color: #fff !important;
	font-weight: 400 !important;
	font-family: "TTNormsPro", Sans-serif;
	display: flex;
	justify-content: space-between;
}

.custom-products img {
	width: 100%;
	padding: 0;
}

.custom-products h6 {
	padding: 20px 0px 8px 0px;
}

.custom-products .product-price {
	color: #D1463B;
	font-weight: 600;
	font-size: 22px;
}

.parent-btn.open .dropdown-icon {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.dropdown-icon::before {
	content: "";
	position: absolute;
	top: 19%;
	width: 24px;
	height: 24px;
	background: url(/wp-content/uploads/2025/08/arrow-down.svg);
	background-size: cover;
	background-position: center;
	right: 20px;
	top: 17px;
}

.supa-section .elementor-widget-container {
	height: 100%;
}

/* Quantity button */

.quantity {
	display: flex;
	align-items: center;
	border: 1px solid #9E9E9E;
	border-radius: 4px;
	width: fit-content;
	background: white;
	padding: 12px 27px;
	border-radius: 30px;
}

.quantity button {
	background: none ! IMPORTANT;
	border: none;
	font-size: 27px !important;
	font-weight: 300 !important;
	cursor: pointer;
	padding: 0px !important;
	color: #333 !important;
	display: flex;
	align-items: center;
	width: 20px;
	height: 20px;
	justify-content: center;
}

.quantity input.qty {
	width: 60px !important;
	text-align: center;
	border: none;
	font-size: 18px;
	font-weight: 500;
	background: transparent;
	outline: none;
	font-family: "TTNormsPro", Sans-serif;
}

.quantity-btn {
	display: flex;
	align-items: center;
}

.single_add_to_cart_button {
	width: 100%;
	border-radius: 34px !important;
	background: #8FD7AF !important;
	color: #000 !important;
	font-family: "TTNormsPro", Sans-serif !important;
	font-weight: 500 !important;
}

.plus {
	margin: 0 !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield; /* For Firefox */
}

/* Product detail page */

.woo-product-gallery-slider .slick-slide img {
	border-radius: 20px;
}

.wpgs-nav .slick-current {
	border-color: #fff;
	border-radius: 20px;
}

.wpgs-nav .slick-active img {
	opacity: 1;
}

.single-product-main-image img {
	width: 851px;
	height: 778px;
	object-fit: cover;
}

.woocommerce-privacy-policy-text p {
	padding-bottom: 20px !important;
}

.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{
	height: 59px !important;
}

.woocommerce-additional-fields h3 {
	display: none !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table {
	font-size: 16px !important;
	font-family: "TTNormsPro", Sans-serif !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table td {
	padding-bottom: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
	top: 62% !important;
	left: -10px !important;
}

.woocommerce-input-wrapper textarea {
	border-radius: 10px !important;
}

.wc-forward {
	font-weight: 400 !important;
	border-radius: 34px !important;
	background: #8FD7AF !important;
	color: #000 !important;
}

.woocommerce-info {
	border-top-color: #8FD7AF !important;
	font-family: "TTNormsPro", Sans-serif !important;
}

.woocommerce-LostPassword.lost_password {
	font-size: 15px !important;
}

.woocommerce-info::before {
	color: #8FD7AF !important;
}

.home-post-inner .elementor-widget-image a {
	width: 100% !important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text:focus, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select:focus {
	border: none !important;
	outline: none !important;
}

/* place order page */

.woocommerce-order {
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
	max-width: 80%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	margin: auto !important;
}

.woocommerce-thankyou-order-received {
	font-family: "TTNormsPro", Sans-serif !important;
	color: #000;
	font-size: 18px;
	background: #e0e0e0;
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 50px !important;
}

.woocommerce-order-overview li {
	font-size: 16px !important;
	font-family: "TTNormsPro", Sans-serif !important;
	color: #1F2124 !important;
}

.woocommerce ul.order_details li strong {
	margin-top: 10px !important;
	font-size: 18px !important;
	font-family: "TTNormsPro", Sans-serif !important;
	color: #7e7e7e !important;
	font-weight: 400 !important;
}

.woocommerce-order p {
	font-size: 18px !important;
	font-family: "TTNormsPro", Sans-serif !important;
	color: #1F2124 !important;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
	color: #1F2124 !important;
	margin: 40px 0px 20px 0px !important;
	font-size: 40px !important;
}

.woocommerce-table {
	border-collapse: collapse !important;
	width: 40% !important;
}

.woocommerce-table tr:nth-child(even) {
	background-color: #f2f2f2 !important;
}

.woocommerce-table th {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	text-align: left !important;
	color: #1F2124 !important;
}

.woocommerce-table tfoot th {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.woocommerce-table th, .woocommerce-table td {
	border: 1px solid #ddd !important;
	padding: 8px !important;
}

td.woocommerce-table__product-name {
	font-size: 16px !important;
	font-family: "TTNormsPro", Sans-serif !important;
}

.woocommerce-table th {
	font-family: "TTNormsPro", Sans-serif !important;
	font-size: 18px;
}

.woocommerce .shop_table tfoot td {
	font-family: "TTNormsPro", Sans-serif !important;
	font-size: 16px !important;
	color: #1F2124 !important;
	font-weight: 400 !important;
}

.woocommerce-customer-details {
	font-family: "TTNormsPro", Sans-serif !important;
	font-size: 18px !important;
	color: #1F2124 !important;
}

.woocommerce-customer-details--phone {
	margin-top: 20px !important;
}

.woocommerce-customer-details address {
	padding: 20px !important;
	height: auto !important;
	font-weight: 400 !important;
}

.woocommerce-customer-details {
	margin: 0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #8FD7AF !important;
    color: #1F2124 !important;
}

.show-password-input:hover,
.show-password-input:focus {
	background: none !important;
}