body{margin:0; padding:0; font:400 17px 'Sora', sans-serif; line-height:1.5; color:var(--black); background:#fff;}
a,path, :after, :before, .button, .fab, :before, :after, .entry-header, .lpwrap{
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {background:transparent;}
::-webkit-scrollbar-thumb {background:#888; border:1px solid #999; border-left-color:#aaa; border-right-color:#666;}
::-webkit-scrollbar-thumb:hover {background: #555;}

select{
	background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center;
	background-size: 16px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .375rem 2.25rem .375rem .75rem;
}
h5{color:var(--gredient)}
ul{padding:0; list-style: none;}
.bg-pink{background:var(--pink); border-top: 1px solid #fbede2; border-bottom: 1px solid #fbede2;}
.oh{overflow:hidden}
img{height:auto !important}
.title2{font-size: 24px; color: #555; font-weight:600; margin-bottom:10px;}
.custom-logo{max-width:100%;}
.site-footer .custom-logo{filter:brightness(3);}
.mb-0{margin-bottom:0;}
#page{height:100vh; overflow-x:hidden;}
#headbar{position:fixed;z-index:556;left:5px;top:2vh;bottom:2vh; width:60px; background:rgba(255,255,255,0.3);background:var(--gredient); padding:27px 5px; border-radius:70px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}

body:not(.home){
	main .entry-content > .wp-block-group > .wp-block-group__inner-container {
		max-width: 93%; margin-inline: auto;
		.wp-block-group__inner-container{max-width:100%; width:100%}
	}
}
#social_icons{
	position: absolute;
    bottom: 25px;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
	
	a{
		font-size: 20px;
		color: #fff;
		display: block;
		width: 40px;
		height:40px;
		text-align: center;
		border-radius:8px;
		margin-bottom: 2px;
		display:flex;
		justify-content: center;
        align-items: center;
		
		&:hover{color:#fff;}
		
		&.behance{&:hover{background:#0057ff}}
		&.instagram{&:hover{background:#ff0084}}
		&.youtube{&:hover{background:#cd201f}}
		&.dribbble{&:hover{background:#ea4c89}}
		&.facebook{&:hover{background:#3b5999}}
		&.linkedin{&:hover{background:#0077B5}}
	}
}
#site_menu{
	position: fixed;
    top:0;
    bottom:0;
    right:100%;
    left:-100%;
	overflow:hidden;
	background:#fafafa;
	 z-index: 555;
	 padding:40px 50px;
	display: flex;
    align-items: center;
	transition:all ease 0.3s;
	
	&.is-active{
		padding-left:65px;
		width:100%;
	}
}
.navbar-toggle.is-active{
	padding-left:11px; 
	background:var(--gredient);
	&:before{
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		border: 8px solid transparent;
		border-left-color: #fff;
		position: absolute;
		right: -8px;
		top: -8px;
		transform: rotate(45deg);
	}
	&:after{
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		border: 8px solid transparent;
		border-left-color: #fff;
		position: absolute;
		right: -8px;
		bottom: -8px;
		transform: rotate(-45deg);
	}
	span{
		display: none;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		background-color:#fe596c; 
		width: 30px;
	}
}

#site-navigation{
	ul{
		display:inline-block;
		
			li{
				font-size: 34px; font-weight:400;
				a{
					color:var(--black); padding: 10px 0; display: block;

					.menu-image-title{padding-left:0 !important;}
					.menu-image {
						position: absolute;
						top: 0;
						left: 50%;
						transform: translateX(-50%);
						height:auto !important;
						padding:0 !important;
						opacity:0;
						-webkit-clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
						clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
						transform: translate(-50%, -20%);
					}

					&:hover{
						.menu-image{
							transition: all 1.5s cubic-bezier(0,.805,.145,.995);
							transform: translate(-50%, 0);
							opacity: 1;
							-webkit-clip-path: polygon(100% 0,0 0,0 100%,100% 100%);
							clip-path: polygon(100% 0,0 0,0 100%,100% 100%);
						}
					}
				}
				&:not(.current_page_item){
					a{
						&:after{
							content:'';display:inline-block; width:0; height:3px; background:var(--gredient); 
							margin-top: 37px; vertical-align: top; margin-left:10px;
						}
						&:hover{
							color:#666;
							&:after{width:20px;}
						}
					}
				}
				&.current_page_item{
					font-weight:bold;
					a{
						background-image: var(--gredient);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
						&:after{
							content:'.';
							display:inline-block;
						}
					}
				}
				.sub-menu-toggle{display:none}
				.sub-menu{
					display:block; margin-left:20px;

					li{
						font-size:20px;
						a{
							padding:5px 0;
							&:before{
								content: '';
								display: inline-block;
								width: 7px;
								height: 2px;
								margin-right: 10px;
								background: var(--gredient);
								position: relative;
								top: -5px;
							}
							&:hover{
								&:before{width:15px;}
							}
						}
					}
				}
		}
	}
	.sub-menu{
		a{
			&:after{display:none !important;}
		}
	}
}
#social_links{
	position: absolute;
	width: 230px;
	bottom: 0;
	right: 0;
	z-index: 1;
	padding:0 80px 80px 0;
	
	&:before{
		content:'';display:block;background:#000; opacity:0.03; border-radius:50%; width: 480px; height: 480px; 
		position:absolute; right:-90px; bottom:-53px; z-index:0}
	ul{list-style:none}
	a{
		color: #000; display: block; font-size:20px; position:relative; padding-right: 10px; line-height:2;
		&:before{content:'';display:inline-block; width:7px; height:2px; background:var(--gredient); margin-right:10px;position:relative; top:-5px;}
		.fab{
			font-size: 60px;
    		position: absolute;
			display: block;
			width: 60px;
			height: 60px;
			left: -30px;
			top: -8px; text-align: right;
			opacity:0; visibility:hidden;
		}
		.fa-behance{color:#0057ff}
		.fa-instagram{color:#ff0084}
		.fa-youtube{color:#cd201f}
		.fa-dribbble{color:#ea4c89}
		.fa-facebook-square{color:#3b5999}
		.fa-linkedin{color:#0077B5}
		
		&:hover{
			padding-right:0;
			&:before{width:15px;}
			.fab{left:-80px;opacity:1; visibility:visible;}
		}
	}
}

.h100v{height:100vh;}
.site-main > div > .wp-block-column:first-child{padding-left:75px !important;}

#herobanner{
	margin-bottom:0;
	background:#F8F8F8;
	
	.wp-block-column{
		position:relative;
		
		&.heroLeft{
			background: var(--gredient);
			background: url(/wp-content/uploads/2025/04/Golden-Rush-Fluid-Painting-zoomed.jpg) no-repeat center;
			background-size:cover;
			display: flex;
            flex-direction: column;
            justify-content: center;
			img{
				border-radius: 140px 140px 70px 200px;
			}
			&:after{
				content:'';
				display:block;
				background:url(/wp-content/uploads/2021/05/mukesh-logo.svg) no-repeat center right;
				background-size: 108%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                filter: brightness(10);
                opacity: 0.06;
			}
		}
		&.heroRight{
			padding-left:20px;
		}
		.mukesh-name{
			margin-top:70px;
			text-align:left;
			img{
				max-width:100%;
			}
		}
		.heroinfo{
			position:absolute;
			bottom:10vh;
			
			h1{
				font-weight:normal;
				font-size:2.9vw;
				line-height:1.2;
				margin:0;
				color:var(--darkgrey);
				position:relative;
				display:inline-block;
				.artist{
					font-size:8vw; 
					white-space:nowrap; 
					color:var(--pista);
					background: var(--gredient);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					background-clip: text;
					text-fill-color: transparent;
					font-weight:bold;
					line-height:0.8;
					display:block;
					
					&:after {
						content: '&';
						display: inline-block;
						color: #fff;
						font-size: 13vw;
						background: var(--gredient);
						background-size:200% 200% ;
						-webkit-background-clip: text;
						-webkit-text-stroke: 3px transparent;
						-webkit-text-fill-color:#fff;
						font-weight: bold;
						position: absolute;
						bottom: -12px;
						line-height: 0.9;
						margin-left: 10px;
					}
				}
			}
			
			*{width:auto;}
			.heroIntro{
				font-size: 14px;
				white-space: normal;
				padding:20px 6px 0;
				line-height:1.6;
				max-width:38vw;
			}
		}
	}	
}

.acryLeft, .oilRight{
	display: flex;
	justify-content: center;
    align-items: center; 
}
#acrylic_section{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position:relative;
	padding:8vw 20px;
	&:before{
		background:#f4f1ee;
		content:'';
		display:block;
		top:0; left:0; height:100%;
		width:55%;
		position:absolute;
	}
	.homeart{
		.wp-block-group__inner-container{
			display:flex;
			width:100%;
	// 		flex-wrap:nowrap;
		}
	}
	.acryRight{
		padding-left:20vw !important;
		display:flex;
		gap: 0.5vw;
		h2 {
			font-size: 32vh;
			font-weight: bold;
			color: #fff;
			transform: rotate(-90deg) translate(-50%, 0);
			transform-origin:top left;
			position: absolute;
			left: 120px;
			top:50%;
			line-height: 0.7;
		}
		figcaption{
			opacity:0;
			margin-right:50px !important;
			transition:all ease 0.3s;
		}
		&:hover{
			figcaption{
				opacity:1;
				margin-right:0 !important;
			}
		}
	}
	.homeimgBox{
		margin-left:10px;
		z-index:1;
		position:relative;
		
		&.firstimg{
			align-self:flex-end;
		}
		img{
			max-height: 58vh !important;
			width: 100% !important;
			transition:all ease 0.2s;
			border-radius:20px;
		}
		&.longimg{
			img{
				max-height: 84vh !important;
			}
		}
		figure > a{
			position:relative;
			color:#fff;
			&:before, &:after{
				content:''; display:block; width:100px; height:44px; position:absolute; opacity:0; transition:all ease 0.3s;
			}
			&:before{
				top:20px; left:20px;
				border-top-left-radius:20px;
				border-top:1px solid var(--pista);
				border-left:1px solid var(--pista);
			}
			&:after{
				bottom:20px; right:20px;
				border-bottom-right-radius:20px;
				border-bottom:1px solid var(--pista);
				border-right:1px solid var(--pista);
			}
		}

		figcaption{
			margin:0 0 0 10px;
			position:absolute;
			bottom:0;
			right:0;
			overflow:hidden;
			a{
				background:var(--gredient);
				font-size:22px;
				padding-top:7px;
				font-weight:normal;
				display: block;
				text-align: left;
				color:#fff;
				display:flex;
				align-items: center;
				justify-content: space-between;
				padding:10px 30px;
				border-radius:30px;
				
				&:hover{
					color:#fff;
				}
				&:after{
					content:'';
					display:block;
					background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23FFFFFF' d='M1 0C0.447715 0 1.05356e-07 0.447716 0 1C0 1.55229 0.447715 2 1 2L14.5858 2L0.292893 16.2929C-0.097631 16.6834 -0.097631 17.3166 0.292893 17.7071C0.683418 18.0976 1.31658 18.0976 1.70711 17.7071L16 3.41422V17C16 17.5523 16.4477 18 17 18C17.5523 18 18 17.5523 18 17V1C18 0.730721 17.8936 0.486298 17.7205 0.30651C17.7117 0.297407 17.7028 0.28847 17.6937 0.279704C17.6017 0.191103 17.497 0.123553 17.3856 0.0770512C17.2696 0.0285366 17.1425 0.00124876 17.0092 4.39868e-05C17.0062 1.62093e-05 17.0031 2.29728e-06 17 2.31016e-06L16.9988 2.30998e-06'/%3e%3c/svg%3e") no-repeat center right;
					background-size:100% auto;
					width:12px;
					height:12px;
					margin-left:16px;
					transition:all ease 0.15s;
				}
			}
		}
		figure{
			&:hover{
				> a{
					img{opacity:1; transform:scale(0.95);}
					&:before{top:2px; left:0; opacity:1; width:30px;}
					&:after{bottom:2px; right:0; opacity:1; width:30px}
				}
				figcaption{
					a{
						color:#fff;
						overflow:hidden;
						&:before{
							content:'';
							display:block;
							width: 40px;
                            height: 90px;
                            transform: translateY(-50%) skew(-30deg);
                            position: absolute;
                            top: 50%;
                            left: -60px;
                            background: #fff;
                            filter: blur(10px);
							opacity:0;
						}
						&:after{
							transform:rotate(45deg);
						}
						&:hover{
							&:before{
								opacity:0.5;
								animation:movehover 250ms;
							}
						}
					}
				}
			}
		}
	}
	.all-paintings-btn{
		position: absolute;
		left: 74%;
		bottom: 73px;
	}
}

@keyframes movehover {
	from {left: -60px;}
	to {left: 110%;}
}

.oilsection{
	margin-bottom:0;
}
.oilLeft{
	padding-top:9vh;
	display: flex;
	align-items:center;
    flex-direction: column;
	h2{
		font-size: 10vw;
		line-height: 0.75;
		color: #fff;
		font-weight: bold;
		display: inline-block;
		margin-top: -5vh;
		span{
			font-size:50%;
			color:#f6e6e6;
			margin-left: -1.5vw;
            letter-spacing: 3px;
			text-shadow:
				2px 2px 0 #fff,
				-2px 2px 0 #fff,
				-2px -2px 0 #fff,
				2px -2px 0 #fff;
		}
	}
}

#mainbanner{
	background:url(/wp-content/uploads/2021/05/header-bg.jpg) no-repeat center center; 
	background-size:cover; display:-webkit-flex; display:-ms-flexbox; display:flex;  border-bottom: 2px solid #eee;
	align-items: flex-end; 
	height: 100vh;
	position: relative;
	
	&:before{
		content: '';
		display: block;
		background: url(/wp-content/uploads/2021/05/mukesh-logo.svg) no-repeat left top;
		position: absolute;
		z-index: 0;
		left: 38%;
		top: -50px;
		width: 50%;
		height: 130%;
		background-size: 100% auto;
		opacity: 0.05;
		filter: grayscale(1);
	}
	.myinfo{position:absolute; left:53%; top:50%; transform:translatey(-50%)}
	img{position:relative; width: 47%;}
}
a{text-decoration:none}
.txt_border {
	-webkit-text-stroke: 3px #000;color: transparent;line-height: 1;display: block; 
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; letter-spacing:1px;
}
.relative{position:relative}
.wp-block-image{text-align:center}

body{
	&.home{
		background:#fff !important;
		h1{font-size:120px; font-weight:bold; line-height:1}
		.wp-block-image{margin-bottom:0}
	}
}
.myskil{font-size:37px; }
#typed{padding-bottom:8px; color:#f50000; font-weight:bold}
.typed-cursor{color:#aaa;}

// .section_header{
// 	position:relative; margin-bottom:30px;
// 	h2{-webkit-text-stroke:1px #F2F2F2;color: transparent;line-height:1; font-size:180px; font-weight:var(--xbold); text-transform:uppercase;margin: 0 !important;}
// 	h3{position: absolute; top:50%; font-size:40px; font-weight: bold;margin-top: -16px;}

// 		&:not(.text-left){
// 			text-align:center;
// 			h3{left:50%; transform:translatex(-50%);width: 100%;}
// 		}
// }

.section{
	padding-top:80px;padding-bottom:80px;
	.wp-block-columns{margin-bottom:0}
}

.herotxt{
	color:white;
	position:relative;
	background:url(/wp-content/uploads/2025/01/pink-bg.jpg) no-repeat center center fixed; background-size:cover;
	display: flex;
    height: 100vh;

	.wp-block-group__inner-container{
		max-width:100%;width:100%; 
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 70px;
		overflow:hidden;
		
		>div{
			opacity: 0;
			transform: perspective(5500px) rotateX(80deg) translateY(144px);
    		transition: transform 1s ease-out, opacity 1s ease-out;
		}
	}
	
	h2{
		line-height:1.1; font-size:13vw; font-weight:bold;  display: inline-block;
		.ideas{font-size: 9.6vw; font-weight: normal; padding: 0 0 0 12vw; display:block;}
	}
}
.sub_heading{font-size:20px !important; font-weight:500; text-align:center}

.hirebtn{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    right: 15px;
	bottom:0;
    padding: 6px 30px;
    border-radius: 50px;
	overflow:hidden;
	&:after{
		content:'';
		display:block;
		background: var(--gredient);
		position:absolute;
		width:200%;
		left:-100%; top:0; bottom:0;
		z-index:1;
		transition:all ease 0.3s;
	}
	span{position:relative; z-index:2;}
	&:hover{
		color:#fff;
		&:after{left:0; width:130%;}
	}
}

.site-footer{
	background:#000; color:#ddd; 
	padding:0 30px 40px 95px; 
	font-size: 16px;
	.site-logo{
		display: inline-flex;
		background: var(--gredient);
		width: 120px;
		height: 120px;
		border-radius: 50%;
		justify-content: center;
		align-items: center;
		margin:-75px auto 30px;
	}
	em{font-style:normal}
	.powered{
		color:#888; margin-top:40px; text-align: center; font-weight: normal; font-size: 13px;
		span{display:inline-block}
	}
	.custom-logo{margin:0;}
	ul{list-style:none;margin-bottom:0;}
	li{display:inline-block;line-height:1; padding:0 8px 0 10px; font-weight:300;}
	li:not(:first-child){border-left:1px solid #fff;}
	.footer_nav {
		.d-flex {padding-left: 11px;}
		a{
			position:relative; color:#ddd;
			&:after{content:'';display:block;height:2px; background:var(--gredient); position:absolute; left:50%; right:50%; bottom:-5px;}
			&:hover{
				color:#fff;
				&:after{left:0; right:0}
			}
		}
	}
}

.about-btns {
	a{
		margin-right:12px;
		background:none;
		padding:10px 0 0 0; 
		width:50px !important; 
		height:50px;
		border-radius:50px;
		display: inline-block;
		text-align: center;
		vertical-align: top;
		transform:scale(1);
	}
}
.dwdCV .wp-block-button__link{
	font-size:18px;
	padding:12px 30px; 
	width:auto !important;
	color:#fff;
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
	background:var(--gredient);
	&:after{
		content:'';
		display:block;
		background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23FFFFFF' d='M1 0C0.447715 0 1.05356e-07 0.447716 0 1C0 1.55229 0.447715 2 1 2L14.5858 2L0.292893 16.2929C-0.097631 16.6834 -0.097631 17.3166 0.292893 17.7071C0.683418 18.0976 1.31658 18.0976 1.70711 17.7071L16 3.41422V17C16 17.5523 16.4477 18 17 18C17.5523 18 18 17.5523 18 17V1C18 0.730721 17.8936 0.486298 17.7205 0.30651C17.7117 0.297407 17.7028 0.28847 17.6937 0.279704C17.6017 0.191103 17.497 0.123553 17.3856 0.0770512C17.2696 0.0285366 17.1425 0.00124876 17.0092 4.39868e-05C17.0062 1.62093e-05 17.0031 2.29728e-06 17 2.31016e-06L16.9988 2.30998e-06'/%3e%3c/svg%3e") no-repeat center right;
		background-size:100% auto;
		width:12px;
		height:12px;
		margin-left:16px;
		margin-top: -2px;
		transform: rotate(135deg);
	}
	&:hover{
		animation: bounceZoomSmall 0.5s forwards;
	}
}
.about-btns{
	gap: 4px;
}

.home_skill{
	a{
		font-size:16px; font-weight:500; color:var(--gredient) !important; position:relative; background:none; padding:0 10px 0 23px; display: block;
		&:after{content:''; display:block; width:13px; height:2px; background:var(--gredient); position:absolute; left:0; top:50%; margin-top:-1px;}
		&:hover{
			padding-left:0; color:var(--gredient);
			&:after{left:100%; width:20px;}
		}
	}
	.order-md-1{padding-right: 40px;}
	.home_video{
		padding-left:100px;
			
		.youtube_wrapper{
			padding: 20px; background: #fff; border-radius:5px; box-shadow: 0 10px 30px 0 rgba(255,170,150,0.4);
			figure{
				&:first-child{padding-bottom:20px}
			}
			svg{
				width:100%; height: auto;
				a{
					&:hover{
						.sbtn{fill:#d4191f;}
					}
				}
			}
		}
	}
	
}

.design_services{
	padding:0; margin-bottom:30px;
	h4{
		font-size:18px; font-weight:normal; position: relative;padding-left:25px; margin-bottom:10px; transition:all ease 0.3s;
		
		&:before{
			content:'';display: block; background:#888; position: absolute;left: 0;top:8px;
			width:12px; height:2px; z-index: 2;
		}
		&:hover{
			padding-left:33px;
			&:before{width:20px;}
		}
	}
}
.list{
	padding:0; margin-bottom:30px;
	li{
		position: relative;padding-left:25px; margin-bottom:10px; transition:all ease 0.3s;
		
		&:before{
			content:'';display: block; background:#888; position: absolute;left: 0;top:12px;
			width:12px; height:2px; z-index: 2;
		}
		&:hover{
			padding-left:33px;
			&:before{width:20px;}
		}
	}
}




#menu_tabs {
	div[class*="tab-"]{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.container-img {
		width: 20vw;
		margin: auto;
		-webkit-clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
		clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
		transform: translateZ(0) translateY(-20%);
		
		img {
			display: block;
			width: 46%;
			height: 31.5vw;
			-o-object-fit: cover;
			object-fit: cover;
			-webkit-clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
			clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
			transform: translateZ(0) translateY(-20%);
		}
	}
	
	.showtab{
		.container-img {
			transition: all 1.5s cubic-bezier(0,.805,.145,.995);
			transform: translateZ(0) translateY(0);
			opacity: 1;
			-webkit-clip-path: polygon(100% 0,0 0,0 100%,100% 100%);
			clip-path: polygon(100% 0,0 0,0 100%,100% 100%);
			
			img{width:100%;}
		}
	}
}

#artInq{
	.modal-content{
		background:var(--gredient); 
		color:#fff;
		font-size:14px;
		.btn-close{
			filter: invert(1);
		}
		.row{
			row-gap: 15px;
		}
		.col-md-6{
			&:nth-child(2n+1){
				padding-right:7px;
			}
			&:nth-child(2n+2){
				padding-left:7px;
			}
		}
		.wpcf7-form-control-wrap{
			display:block;
		}
		p{
			margin:0;
		}
		.form-control{
			width:100%;
			padding: 12px 15px;
			background: none;
			color: #fff;
			font-size: 14px;
			border-color: rgba(255, 255, 255, 0.4);
			
			&[readonly]{
				background: rgba(255, 255, 255, 0.15);
				cursor: not-allowed;
			}
			&:focus:not([readonly]){
				background:none;
				color: #fff;
				border-color: rgba(255, 255, 255, 0.8)
			}
			&:focus{
				box-shadow: none;
			}
			&::placeholder{
				font-weight: 300;
				color: rgba(255, 255, 255, 0.5) !important;
			}
		}
		.btn-wrapper{
			position:relative;
			.wpcf7-spinner{
				position: absolute;
				right: 0;
				top: 6px;
			}
		}
		.wpcf7-submit{
			width:100%;
			background: rgb(255 255 255 / 40%);
			border-color: rgb(255 255 255 / 40%);
			
			&:hover{
				background: rgb(255 255 255 / 70%);
				border-color: rgb(255 255 255 / 70%);
			}
		}
	}
}
.wpcf7-form{
	.wpcf7-not-valid-tip{
		color: #ffed98;
		font-size: 12px;
		font-weight: 200;
	}
	.wpcf7-response-output {
        border-width: 1px!important;
        border-radius: 6px;
        padding: 10px 20px!important;
        margin-inline:0!important;
		font-size: 14px;
        width: 100%;
        text-align: center;
        font-weight: 700;
        color: #2c2513;
        font-weight: 500;
        letter-spacing: .2px
    }

    &.invalid,&.unaccepted,&.payment-required {
        .wpcf7-response-output {
            background: #ffe9c4;
            border-color: #ffb900
        }
    }

    &.sent {
        .wpcf7-response-output {
            border-color: #b3d6b6;
            background: #dbfdee;
            color: #075b35
        }
    }
}

#back2top {
    position: fixed;
    right:-43px;
    bottom:65px;
    color:#888;
    display: block;
    opacity: 0;
    text-align: center;
    font-size:14px;
	line-height:0.8;
    overflow: hidden;
    z-index: 666;
	font-weight: bold;
    text-transform: uppercase;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	
	&:hover{color:var(--gredient);}
}
#back2top{
	&.show {
    	opacity: 1;
	}
}

figure{
	&.w-100{
		img{width:100%;}
	}
}

#portfolio_home_posts{
	.about-btns{
		text-align:center; 
		margin:20px 0 70px;
		a{margin:0;}
	}
}

.latest_post{
	text-align:center; position:relative;
	h3{
		position: absolute;left: 15px;bottom:20px; margin:0;
		a{background: var(--gredient);color: #fff;padding: 10px 30px;font-size: 18px;font-weight: bold;border-radius: 50px; display:block}
	}
	.post_tags{
		position: absolute; right: 12px;bottom: 20px; display: flex;flex-wrap: wrap;
		a{
			background: #fff;display: inline-block;font-size: 13px;font-weight: normal;padding: 2px 10px;border-radius: 30px; color:#000; font-weight:500; margin:0 3px; border: 1px solid #666; text-transform: capitalize;
			&:hover{background:var(--gredient); border-color:var(--gredient); color:#fff;}
		}
	}
	.slick-slide{
		padding:0 20px;
		.lpwrap{position:relative}
		img{margin:auto; max-width:100% !important;}
		a{display:block;}
	}
	.slick-current{}
	.slick-arrow{
		position:absolute; top:0; bottom:0; display:block; z-index: 1; width:200px;display: flex;align-items: center;justify-content: center; cursor:pointer;
		img{width:20px; -webkit-filter: brightness(0.1); filter: brightness(0.1);}
		&.slick-prev{left:0}
		&.slick-next{right:0}
		&:after{content:'';display:block; background:#fff; opacity:0.9; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 44px;height: 44px;border-radius: 50%; z-index: -1;}
		&:hover{
			&:after{background:var(--gredient);}
			img{-webkit-filter: brightness(1); filter: brightness(1);}
		}
	}
}

.oimg1{
	position: relative;
    z-index: 1;
	img{
		height:40vh !important;
		width: auto;
	}
}
.oimg2{
	margin:7.5vh 0 0 -3vw !important;
	img{ height:50vh !important; width: auto;}
}

#uiux{
	gap:0; margin-bottom:0;
	padding-left: 75px;
	.uximg > .wp-block-group{
		max-width:600px; margin:auto;
		h2{
			font-size:5vw; font-weight:bold; color:#626A6D; line-height:0.9; margin-bottom:50px;
		}
	}
	.wp-block-column{
		padding-top:110px; padding-bottom:110px;
		&.uidesc{
			background:#f5f5f5;
			padding-left:5.5vw; padding-right:5.5vw;
			color:var(--darkgrey);
			font-size:20px; font-weight:normal;
			    display: flex;
				align-items: center;
				flex: 0 0 auto;
				width: 50%;
			h3{
				font-size:24px; line-height:1.5;
			}
			h3 + p{
				font-size:18px;
			}
			ul{
				font-size:18px;
				margin-top: 25px;
			}
			.wp-block-group__inner-container{
				width: auto;
    			max-width: 100%;
			}
		}
	}
}
.wp-block-button__link, .lmp_load_more_button .lmp_button{
	background: var(--gredient);
	font-size: 22px;
	padding-top: 7px;
	font-weight: normal;
	display: block;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 30px;
	color:#fff !important;
	overflow:hidden;
	position:relative;
	&:before{
		content:'';
		display:block;
		width: 60px;
		height: 90px;
		transform: translateY(-50%) skew(-30deg);
		position: absolute;
		top: 50%;
		left: -60px;
		background: #fff;
		filter: blur(10px);
		opacity:0;
	}
	&:after{
		transform:rotate(45deg);
	}
	&:hover{
		&:before{
			opacity:0.5;
			animation:movehover 350ms;
		}
	}
	&:after{
		content:'';
		display:block;
		background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23FFFFFF' d='M1 0C0.447715 0 1.05356e-07 0.447716 0 1C0 1.55229 0.447715 2 1 2L14.5858 2L0.292893 16.2929C-0.097631 16.6834 -0.097631 17.3166 0.292893 17.7071C0.683418 18.0976 1.31658 18.0976 1.70711 17.7071L16 3.41422V17C16 17.5523 16.4477 18 17 18C17.5523 18 18 17.5523 18 17V1C18 0.730721 17.8936 0.486298 17.7205 0.30651C17.7117 0.297407 17.7028 0.28847 17.6937 0.279704C17.6017 0.191103 17.497 0.123553 17.3856 0.0770512C17.2696 0.0285366 17.1425 0.00124876 17.0092 4.39868e-05C17.0062 1.62093e-05 17.0031 2.29728e-06 17 2.31016e-06L16.9988 2.30998e-06'/%3e%3c/svg%3e") no-repeat center right;
		background-size:100% auto;
		width:12px;
		height:12px;
		margin-left:16px;
		transition:all ease 0.15s;
	}
}
#content .woocommerce .lmp_load_more_button .lmp_button{
    display: inline-flex;
	font-size:18px !important;
	padding: 17px 30px !important;
	border-radius: 50px !important;
	
	&:after{
		transform: rotate(135deg);
	}
	&:hover{
		color:#fff !important;
	}
}

.welcome{
	background:#000;
	padding-left: 120px;
	font-size: 16px;
	font-weight: 300;
	color:#aea1a1;
	
	.wp-block-group__inner-container{
		width: 100%;
		margin: auto;
	}
	.aboutPhoto img{
		height:80vh !important;
		width:auto;
		border-radius: 50px;
	}
	.wp-block-heading{
		background: var(--gredient);
		font-size: 100px;
		font-weight: bold;
		-webkit-background-clip: text;
		-webkit-text-stroke: 2px transparent;
		color: #000;
		letter-spacing: 3px;
		line-height:1;
		margin-bottom:30px;
	}
}

// .photobannerWrap{
// 	height:400px;
// 	width: 100%;
//     overflow: hidden;
//     white-space: nowrap;
//     position: relative;
// }
// .photobanner {
// 	display: flex;
//     gap: 20px;
//   animation: bannermove 10s linear infinite;
// }

// .photobanner figure {    
//   margin: 0 0.5em;
// 	height: 400px;
//     width: 400px;
// }

@keyframes bannermove {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}

.relative{position:relative}

.wp-block-latest-posts__featured-image, .post_listing article{
	margin-bottom:10px;
	a{
		display:block;
		line-height:1.3;
		img{
			border-radius: 20px;
		}
	}
}
.insights_section{
	padding-left: 70px;
    max-width: 93%;
    margin: 80px auto 60px;
}

.insights_section, .post_listing{
	text-align:center;
	h2{font-weight: 600;}
	a{
		color:#222;
		font-weight: 500;
		font-size: 18px;
		line-height:1;
	}
	.wp-block-latest-posts__post-date, footer a{
		color:#888;
	}
}
.sneakpeek{
	margin-bottom:10px;
	.slick-slide img{
		height:400px !important;
		width:auto;
		margin:10px;
		border-radius:20px;
	}
}
.wp-block-latest-posts li, .post_listing article{
	padding: 10px 10px 20px;
	border-radius: 20px;
	border:1px solid #e6e6e6;
	transition: all ease 0.3s;
}

.woocommerce-page{
	.site-footer{
		margin-top: 100px;
	}
}
@keyframes fadeUp{
	to{
		opacity:1;
		transform:translateY(0);
	}
}
.woocommerce {
	.woocommerce-result-count{
		font-size: 15px;
		margin-left: 10px;
		margin-top: 10px;
	}
	.orderby{
		padding: 10px;
		color: #fff;
		font-weight: 300;
		font-size: 14px;
		border-radius: 20px;
        border: 1px solid #777;
		option{
			background: #3c3c3c;
			color: #fff;
			font-weight: 300;
			font-size: 13px;
		}
	}
	span.onsale{
		background: var(--gredient);
		font-weight: normal;
		aspect-ratio: 1 / 1;
		padding: 0;
	}
	ul.products{
		display: block;
		li.product{
			width:23%;
			margin:1%;
			float:left;
			opacity:0;
			transform:translateY(20px);
			animation:fadeUp .4s ease forwards;
			border-radius: 20px;
			box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
			transition: all ease 0.3s;
			a{
				img{
					margin-bottom:0;
					border-radius: 20px 20px 0 0;
				}
			}
			.woocommerce-loop-product__title{
				font-size: 15px;
				line-height: 1.4;
				padding: 15px;
				margin-bottom:0;
                text-align: center;
				background: #fff;
			}
			.prolist-footer, .sold-text{
				background: rgba(0, 0, 0, 0.5);
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding:4px 0 4px 18px;
				font-size: 15px;
				border-radius: 0 0 20px 20px;
				
				.askPrice-btn{
					margin: 0;
					background: none;
					color: #fe596c;
                    font-weight: 500;
					&:after{
						content:'';
						display:inline-block;
						width:0;
						height:2px;
						background:#ff844f;
						vertical-align: middle;
                        margin-left: 0;
						transition: all ease 0.3s;
					}
					&:before{
						content:'';
						display:inline-block;
						width: 0px;
                        height: 0px;
                        border: 2px solid #ff844f;
                        border-width: 2px 2px 0 0;
                        vertical-align: middle;
                        transform: rotate(45deg) translateY(-50%);
                        transition: all ease 0.3s;
                        position: absolute;
                        right: 19px;
                        top: 1.05em;
						opacity:0;
					}
				}
			}
			.sold-text{
				display: block;
				text-align: center;
				min-height: 41px;
				line-height: 2.2;
				color:#aaa;
				padding-left:0;
			}
			&:hover{
				box-shadow:0 20px 20px 0 rgba(255,255,255, 0.2);
				.askPrice-btn{
					color:#ff844f;
					&:hover{
						&:after{
							width:15px;
							margin-left: 5px;
						}
						&:before{
							opacity:1;
							width: 10px;
							height: 10px;
						}
					}
				}
				.sold-text{color:#aaa;}
			}
			.product-sku{
				font-size: 13px;
                line-height: 0.8;
                text-transform: uppercase;
                color: #aaa;
			}
		}
	}
	nav.woocommerce-pagination{
		display:none;
	}
}
#load-more-products{
	border:none;
	height:50px;
	
	.load-more-loader{
		display:none;
		padding: 0;
        aspect-ratio: 1 / 1;
		justify-content: center;
		
		&:after{
			content:'';
			width:26px;
			height:26px;
			border:2px solid #ddd;
			border-top:2px solid #000;
			border-radius:50%;
			background:none;
			display:inline-block;
			animation:spin .7s linear infinite;
			will-change: transform;
			margin:0;
			line-height:1;
		}
		&.active{
			display:flex;
			margin: auto;
		}
	}
	&.loading{
		padding:0;
		width:50px !important;
		pointer-events:none;
		&:after{
			display:none;
		}
	}
	&:hover{
		animation: bounceZoomRevert 0.5s;
	}
}

@keyframes spin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

.page-paintings{
	color:#fff;
    background: #343640 url(/wp-content/uploads/2026/03/linen-bg.jpg);
	h1{
		color:#fff;
	}
}
.page-contact, .page-paintings{
	.site-footer{
		padding-top:50px;
		.site-logo{
			display:none;
		}
	}
}
.page-contact{
	background:var(--gredient); 
	.site-footer{
		padding-top:70px;
	}
}
.contact{
	justify-content:space-between;
	padding-top:50px;
	align-items:flex-start !important;
	.ccircle{
		width:42%;
		max-width: 555px;
		aspect-ratio:1/1;
		background:#fff;
		padding:60px;
		text-align:center;
		border-radius:50%;
		flex:0 0 auto !important;
		display:flex;
		justify-content:center;
		align-items:center;
		margin-bottom: 40px;
		.wp-block-group__inner-container{max-width:100%;padding-left:0 !important;}
		.is-layout-flex{justify-content:center;}
		h1,h2{
			margin:0 0 15px;
			span{display:block; font-weight:bold; line-height:1.2;}
			.gradient{
				font-size:25px; font-weight:600;
				-webkit-text-fill-color: transparent;
				background:var(--gredient);
				background-clip: text;
			}
			.heading{font-size:42px; margin-top: 5px;}
		}
		h2 .gradient{
			background:linear-gradient(82deg, #3489FF 0%, #3464FF 16%, #1E9A58 98%);
			background-clip: text;
			max-width: 300px;
            margin: auto;
		}
	}
	.contact-cari{
		position:absolute;
		width:300px;
		transform: translateX(-50%);
        left: 50%;
		bottom: -73px;
	}
}
#beyond{
	margin-bottom: 100px;
	.quote{
		padding-top: 20px;
		font-size: 25px;
		font-weight: 600;
		-webkit-text-fill-color: transparent;
		background: var(--gredient);
		background-clip: text;
	}
}

.blog-with-aside{
	display:flex;
	gap: 50px;
	
	aside{
		flex: 0 0 320px;
		& > *{
			margin-bottom:15px;
		}
		.author-bio img{
			object-fit: cover;
			aspect-ratio: 1 / 1;
			border-radius: 100%;
			margin: auto;
			display: block;
			margin-bottom: -90px;
			border: 5px solid #ff5b6b;
		}
		.author-title{
			font-size: 18px;
			margin: 0 0 5px;
		}
		.author-description{
			font-size: 14px;
			line-height: 1.6;
			color: #333;
			margin-bottom: 0;
		}
		.aside_social{
			width: 100%;
			display: flex;
			gap: 10px;
			margin: 10px 0;
			a{
				width: 44px;
				height: 44px;
				display: inline-flex;
				background: #fff;
				align-items: center;
				justify-content: center;
				font-size: 20px;
				border-radius: 5px;
				box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.15);
			}
		}
	}
}
.sideBlock.author-bio-content{
	padding-top: 100px;
}
.sideBlock{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 15px;
    border-radius: 12px;
	background: #f8f8f8;
}

.post_tags {
	h4{
		font-size: 16px;
		flex:0 0 100%;
	}
	a{
		font-size: 13px;
		border: 1px solid #ddd;
		padding: 3px 15px;
		border-radius: 30px;
		display: inline-block;
	}
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px !important;
        margin: 1.75rem auto;
    }
}

.proWrapper{
	position: relative;
    display: flex;
    gap: 50px;
	align-items:start;
	.woocommerce-product-gallery {
		float: none !important;
		flex: 1;
	}
	.proDetails {
		width: 48%;
		position: sticky;
        top: 30px;
		.entry-summary {
			float: none !important;
			width: 100% !important;
		}
		.wc-tabs{
			display:none;
		}
		.wc-tab{
			h2 {
				font-size: 18px;
				color: #333;
				font-weight: 600;
			}
			th{
				color: #6f7396;
				padding-left: 0;
				font-weight: 500;
			}
		}
	}
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    width: 100% !important;
    display: block !important;
	img{
		max-width: 100% !important;
	}
}

.contactBtns{
	a{
		margin-right: 12px;
		background: none;
		padding: 10px 0 0 0;
		width: 50px !important;
		height: 50px;
		border-radius: 50px;
		display: inline-block;
		text-align: center;
		vertical-align: top;
		transform: scale(1);
		box-shadow:2px 4px 8px rgba(0,0,0,0.25);
		transition: transform 0.3s;
		&:hover{animation: bounceZoom 0.6s forwards}
		&.whatsapp{background:linear-gradient(140deg, #57DB29 10%, #50A732 45%)}
		&.email{background:linear-gradient(140deg, #c78aff 10%, #8f34ff 45%);}
	}
}
@keyframes bounceZoom {
      0%   { transform: scale(1); }
      30%  { transform: scale(1.2); }
      50%  { transform: scale(1.05); }
      70%  { transform: scale(1.15); }
      100% { transform: scale(1.1); }
}
@keyframes bounceZoomSmall {
      0%   { transform: scale(1); }
      30%  { transform: scale(1.1); }
      50%  { transform: scale(1.025); }
      70%  { transform: scale(1.07); }
      100% { transform: scale(1.05); }
}
@keyframes bounceZoomRevert {
      0%   { transform: scale(1); }
      30%  { transform: scale(1.1); }
      50%  { transform: scale(1.025); }
      70%  { transform: scale(1.07); }
      100% { transform: scale(1); }
}

@media all and (min-height:900px){
	#site_menu{align-items: flex-start;}
}
@media all and (max-width:1400px){
	body{
		font-size:16px;
		&.home{
			h1{font-size:100px}
			.myskil{font-size:30px}
		}
	}
	.section_header{
		h2{font-size: 12vw;}
	}
	.herotxt{
		height:600px;
		h2{font-size: 10vw}
	}
	.contact {
		flex-wrap: wrap !important;
		& .ccircle {
			& h1, & h2 {
				.heading {
					font-size: 38px;
				}
			}
		}
	}
}

@media all and (max-width:1199px){
	#site-navigation{
		.menu-image{display:none !important}
	}
	.woocommerce {
		ul.products{
			li.product{
				width:29.33%;
				margin:2%;
			}
		}
	}
}

@media all and (max-width:991px){
	#page{padding-left:0}
// 	.bg-pink{background: #fff3e9;border-top: 1px solid #f5dfce;border-bottom: 1px solid #f5dfce;}
	#masthead{
		margin:5px;
	}
	#headbar{
		position:relative; width:100%;left:auto;top:auto; bottom:auto; background: none; border:none; padding:10px 20px;backdrop-filter: none;
		background:rgba(255,255,255,0.8);
	}
	.navbar-toggle{
		left:auto; right:20px;
		width: 40px;
		height: 40px;
		text-align: center;
		background: var(--gredient);
		border-radius: 50%;
		margin-left: 0;
		overflow: hidden;
		position: fixed;
        top: 35px;
		
		.hamburger-inner{
			left:5px; width: 30px; height: 3px; transition:all ease 0.3s;
			&:before{width: 18px; left:6px; height: 3px; top:-8px}
			&:after{width: 18px; left:6px; height: 3px; bottom:-8px;}
		}
		&.is-active{
			width: 40px;
			.hamburger-inner{
				background:#fff !important; margin-left:6px; width:20px !important;
				&:before{display:none !important;}
				&:after{background:#fff !important;width:20px; left: 0px;}
			}
		}
		&:hover{
			.hamburger-inner{
				background:#fff !important;
				
			}
		}
	}
	#social_icons{display:none}
	#site_menu{
		 overflow-y:auto;
		&.is-active{left:0}
		.hirebtn{top:100px}
		#site-navigation{
			ul{
				li{
					font-size:30px;
					a{padding: 10px 0;}
					.sub-menu{
						li{font-size:22px !important}
					}
					&:not(.current_page_item){
						a{
							&:after{display:none}
						}
					}
				}
			}
		}
	}
	#mainbanner{
		height: auto;
		padding-top: 60px;
	}
	body{
		&.home{
			h1{font-size: 70px;}
		}
	}
	.welcome{
		.section_header{
			h2{font-size:11vw}
		}
	}
	.section_header{
		h2{-webkit-text-stroke:2px #eee}
		h3{font-size: 30px;}
	}
	.about_skills .wp-block-columns{
		flex-wrap:wrap !important;
	}
}

/*Common Pages*/
.wp-block-embed{max-width:800px; margin:auto;}
.wp-block-columns{
	&.row{
		.wp-block-column{flex-basis: auto !important;margin: 0;}
	}
}
body.single{
	overflow-x:hidden;
	strong{
		font-weight:600;
	}
	#content{
		padding-left: 70px;
        width: 1200px;
        margin:0 auto 80px;
        line-height: 1.8;
        max-width: 90%;
	}
}
body:not(.home){
	h1{
		margin: 30px 0;
		font-size: 90px;
		font-weight: bold;
	}
}
body{
	&.single-post, &.single-product{
		.entry-title{
			font-size:40px;
			font-weight:600;
			margin: 80px 0 60px;
            width: 750px;
			max-width: 100%;
			span{font-size:20px; display:block}
		}
	}
}
.outofstock .askPrice-btn{display:none !important;}


.entry-header{
	&.alignwide{
		padding: 40px 0;
		.hero-logo {
			position: absolute;
			top: -40px;
			width: 770px;
			max-width: 60%;
			z-index: -1;
			opacity: 0.03;
			left: 40%;
		}
	}
}

/*About Page*/
.page-about{
	article{
		padding-top:60px;
		& > .entry-header{
			display:none;
		}
	}
	.wp-block-columns{
		justify-content:center;
	}
}
.about_skills{
	background:var(--gredient); color:#fff; margin: 80px 0; padding: 100px 0 80px; line-height: 1.5;
	.sticky_left{position:sticky; top:50px;}
	.section_header{
		h2{-webkit-text-stroke: 1px rgba(255,255,255,0.4); font-size:7.5vw;}
	}
	.section_info{font-size: 20px;}
	.list{
		margin-bottom: 1rem;
		li{
			margin-bottom: 5px;
			&:before{background:#fff;}
			&:after{background: #fff;}
		}
	}
	.row{
		.col-lg-7{display:flex; flex-wrap:wrap;}
	}
	.home_skill{
		border:2px solid rgba(255,255,255,0.5); 
		border-radius:35px 35px 0; 
		padding:30px; width:50%;
		a{
			color: #fff !important;font-weight: bold; padding: 7px 25px;
			&:after{background: #fff;}
			&.wp-block-button__link:after{display:none;}
		}
		&:nth-child(2n+2) {
    		margin-left: calc(50% - 1.5px);
			margin-top: -2px;
			border-radius:0 35px 35px; 
			.wp-block-button{
				margin-left: -25px;
			}
		}
	}
}

/*Contact Page*/
.contact_video{padding:100px 20px;}

.page-contact{
	.entry-header{padding:0}
	.entry-title{display:none;}
	h3{font-size: 60px;font-weight: bold;color: #aaa; margin-top:125px; line-height:1;}
	h1{font-size: 100px;font-weight: 800; color:#333; line-height:1;}
	.about-btns{
		.hire_title{color:var(--gredient); font-size:60px; font-weight:bold;line-height: 0.8; margin-right: 22px}
		&+.about-btns{
			margin-top:35px; margin-bottom:85px;
			div{margin-bottom:15px;}
			span{font-size:25px;}
		}
	}
}
.entry-content{
	p{&:last-child{margin-bottom:0}}
}

@media screen and (max-width:1400px){
	.entry-header{
		img{left: auto; right: 5%;}
	}
}
@media screen and (max-width:1199px){
	.page-contact{
		h3{font-size: 50px;}
		h1{font-size: 80px;}
	}
}
@media screen and (max-width:991px){
	.page-contact{
		h1{font-size: 70px;}
		.about-btns{
			.hire_title{font-size: 50px; line-height: 1;}
		}
	}
	.contact_video{
		padding:20px 0;
	}
	.blog-with-aside{
		flex-wrap: wrap;
		aside {
			flex: 0 0 100%;
		}
	}
	.single-post #related_articles .d-grid{
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width:767px){
	.page-contact{
		h3{font-size: 8vw;line-height: 1.5;}
		h1{font-size: 14vw;}
		
		.about-btns{
			text-align:left;
			.hire_title{margin-bottom: 15px; display: block;}
			.email{margin-right: 7px !important;}

			&+.about-btns{span{font-size: 16px; line-height: 2.5;}}
		}
	}
}

article{position:relative;}
.post-edit-link{
	position: absolute;
    top: 15px;
    left: 38px;
    background: var(--gredient);
    color: #fff;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
	&:hover{color:#fff; background:var(--black)}
}

.red{color:var(--gredient) !important}
.single-post{
	font-size: 16px;
	.entry-header{
		position:relative;
		padding-top: 50px !important;
		padding-bottom:40px !important;
		margin-bottom:50px;
		background:#fff;
		box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
		&:after{
			content:'';
			display: block;
            width: 200%;
            margin-left: -50%;
            background: #fff;
            position: absolute;
            z-index: 0;
            bottom: 0;
            top: 0;
            border-bottom: 1px solid #eee;
		}
		.row{position: relative; z-index: 2}
		h1{
			&.entry-title{
				margin-top: 0;
				margin-bottom:70px;
			}
		}
		.post-thumbnail{
			border-radius: 20px;
    		overflow: hidden;
		}
	}
	.wp-block-group{
		padding:40px 0;
		.wp-block-group{
			padding: 0;
		}
	}
	.is-layout-grid{
		gap: 24px;
	}
	h2{font-size:34px; font-weight:600; margin-top:50px; margin-bottom:10px; background-image:var(--text_gredient); background-clip:text; color:transparent;}
	h3{
		font-size:22px; color:#333; font-weight:500;
	}
	h4{
		font-size:20px; color: #555; font-weight:500;
	}
	h4{
		font-size:18px; color: #555; font-weight:500;
	}
	.wp-block-paragraph + .wp-block-heading, ul + .wp-block-heading, .wp-block-heading + .wp-block-heading{
		margin-top:20px;
	}
	.border{border:1px solid #ddd;}
	.wp-block-list {
		list-style: disc;
		padding-left: 20px;
	}
	.entry-content{
		 font-weight: normal;
		a{
			font-weight: 500;
			text-decoration:underline;
		}
	}
	.wp-block-buttons{
		justify-content: center; padding:40px 20px;
		.red-btn{
			a{background-color:var(--gredient); color:#fff; font-size: 22px; font-weight: bold; padding:6px 40px; border: 2px solid var(--gredient);
				&:hover{background:#fff;color:var(--gredient);}
			}
		}
	}
	.wp-block-columns:has(.wp-block-list){
		margin-bottom:0;
	}
	.imgCols{
		gap:1.5em;
	}
	#related_articles {
		a{display: block;}
		h3{margin: 50px 0 30px;}
		h4{
			font-size: 16px;
			margin-top: 12px;
			text-align: center;
			color: #444;
		}
		img{border-radius: 12px;}
		.d-grid{
			gap: 24px;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	}
}
.post-meta{
	font-size: 14px;
	span {
		color:#555;
		margin-right: 20px;
		line-height: 1;
		i,svg{color:var(--magenta); margin-right:5px}
	}
	a{
		font-size: 14px;
		color:#555 !important;
		display: inline-block;
		text-transform: capitalize;
		font-weight:normal;
		&:hover{
			color:var(--magenta) !important;
		}
	}
	.post_tags{
		a:not(:last-child)::after {
			content: ", ";
			white-space: pre;
		}
	}
	
}

body.has-active-menu{
	overflow:hidden;
}
.custom-cursor {
  position: fixed;
  width: 80px;
  height: 80px;
  background: var(--gredient);
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  display: none;
}

.border-50 img{
	border-radius:50px;
}

.gallery::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}
.gallery {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.gallery {
	cursor: none; /* Hide default cursor */
	position: relative;
	display: flex;
	overflow-x: auto;
	gap: 15px;
	.gallery-item{
		width: 1000px;
		flex: 0 0 auto;
	}
	img {
		user-drag: none;
		-webkit-user-drag: none;
		user-select: none;
		pointer-events: auto;
	}
}

.portfolio-item{
	margin-bottom:60px;
	h2{
		font-size:40px;
		font-weight:600;
		background-image: var(--text_gredient);
		background-clip: text;
		color: transparent;
	}
}

.post_listing{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	.entry-footer .post-meta{
		display:flex;
		margin-top: 14px;
		justify-content:center;
		span{
			display:flex;
			i{
				color:var(--magenta);
			}
		}
	}
}
.blog{
	#content{
		margin: 0 auto 60px;
		.page-header .wp-block-group__inner-container{
			margin-left:15px;
		}
	}
}
.single-product {
	font-size: 15px;
	.post-meta{
		display:none;
	}
	.wp-block-separator{
		display:none;
	}
	.page-header{
		padding:0;
		.col-lg-6 {
			width: 100%;
		}
	}
	.product_meta{
		font-size: 15px;
		display:flex;
		flex-direction: column;
		color: #333;
		span.sku {
			text-transform: uppercase;
		}
		& > span > *{ 
			color: #777;
		}
		.tagged_as a:hover{
			color:#222;
			text-decoration: underline;
		}
	}
	.summary .askPrice-btn {
		background: var(--gredient);
		color: #fff;
		margin: 20px 0;
		padding: 15px 50px;
		font-weight: 600;
		letter-spacing: 1%;
		position: relative;
		overflow: hidden;
		
		&:before{
			content:'';
			display: block;
			width: 0.1%;
			aspect-ratio: 1/1;
			border-radius: 50%;
			background: #fff;
			opacity: 0.4;
			position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			transform-origin: center;
			transition: all ease 0.3s;
		}
		&:hover{
			background: var(--gredient);
			color: #fff;
			box-shadow: 0 15px 20px rgba(0,0,0,0.2);
		}
		&:hover:before{
			opacity:0;
			width:100%;
		}
	}
	p:empty{
		display:none;
	}
	.site #content{
		.entry-title{
			width: 1100px;
		}
	}
}
.single-product .site #content, body.page-paintings #content{
	width:100%;
	max-width: 97%;
	padding-left: 70px;
	margin-left: auto;
	margin-right: auto;
}
.wp-block-quote{
	background: #eee;
    padding: 10px 16px;
	border-radius: 10px;
}
.related ul.products{
	margin: 0 -10px;
 	
	li.product{
		box-shadow:none;
		.woocommerce-loop-product__title{
			padding: 10px;
			font-size: 14px;
			font-weight: 500;
			background: #fff;
		}
		a img{
			aspect-ratio: 4/5;
			object-fit: cover;
			border-radius: 0;
		}
		.prolist-footer, .sold-text{
			display:none;
		}
	}
}
.wp-block-separator{
	width: 100% !important;
    border: none;
    margin-top: 50px;
	height: 2px;
	background: #FF6564;
	background: radial-gradient(circle, rgba(255, 101, 100, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media all and (min-width:1200px){
	body.archive #content {
		padding-left: 9vw;
	}
}
@media all and (min-width:768px){
	#social_links i{
		display:none;
	}
	.woocommerce .content-area{
		max-width: none;
		padding: 0;
	}
}
@media all and (min-width:992px){
	body.archive #content {
		margin: auto;		
		.portfolio-excerpt>div>p{
			width: 1000px;
			max-width: 100%;
			font-size: 15px;
		}
	}
	body:not(.home):not(.single) main .entry-content > .wp-block-group > .wp-block-group__inner-container, .blog #content{
		width: 1400px; 
		padding-left: 65px;
		max-width:93%;
		margin-left:auto;
		margin-right:auto;
	}
	body:not(.home) .site-footer .wp-block-group__inner-container{
		padding-left:0;
	}
	#headbar{
		.custom-logo{filter:brightness(3);}
	}
	#site_menu.is-active{
		top:40px;
		bottom:40px;
		left:65px; 
		width:770px;
		padding-left:30px;
		box-shadow: 30px 0 300px #000;
		border-radius: 0 30px 30px 0;
	}
	.navbar-toggle.is-active{
		background:#fff;
	}
	.wp-block-column{
		&.order-lg-1{margin-left:0 !important; margin-right:2em !important;}
	}
	.wp-block-latest-posts li, .post_listing article{
		&:hover{
			background: #fff;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		}
	}
	.single-post .page-header .col-lg-6:first-child,
	.single-product .page-header .col-lg-6:first-child{
		padding-left: 0;
	}
	.about-btns {
		margin-top:10px;
		a{
			&:hover{
				background:var(--gredient);
				border-color:rgba(255,255,255,0);
				color:#fff;
				transform:scale(1.1);
				path{
					fill:#fff;
				}
				img{
					-webkit-filter: brightness(1); 
					filter: brightness(1);
				}
			}
			&.call:hover{
				background:#1B96FF !important;
			}
			&.whatsapp:hover{
				background:#50a732 !important;
			}
		}
	}
}
@media all and (min-width:1920px){
	#uiux .uximg > .wp-block-group {
		h2{
			font-size: 110px;
		}
	}
// 	body{
// 		&.category-ui-ux-design{
// 			.post_listing{
// 				article{width:33.33%;}
// 			}
// 		}
// 	}
}
@media all and (max-width:1400px){
// 	body{
// 		.post_listing{
// 			article{width:50%;}
// 		}
// 	}
}
@media all and (max-width:1199px){
	#acrylic_section {
		& .acryRight {
			figcaption {
				opacity: 1 !important;
				margin-right:0 !important;
				white-space: nowrap;
			}
		}
	}
	.site-main > div > .wp-block-column:first-child{
		padding-left: 40px !important;
		padding-right: 40px;
	}
	#uiux {
		& .wp-block-column {
			&.uidesc {
				.design_services h4{
					line-height: 1.2;
					font-size: 16px;
				}
				h3{font-size: 18px;}
				h3 + p{
					font-size:16px;
				}
			}
		}
	}
	.welcome{
		padding-left: 100px;
		padding-right: 40px;
		.wp-block-heading{
			font-size: 60px;
		}
		.about-btns{
			margin-top: 50px;
		}
	}
	.about_skills .home_skill{
		width:78%;
		border-radius:20px !important;
		&:nth-child(2n+2){
			margin:20px 0 0 20%;
		}
	}
	.single-post{
		.entry-header {
			&.alignwide {
				.entry-title {font-size:32px;}
			}
		}
	}
	body:not(.home) {
		h1 {
			margin: 0;
			font-size: 40px;
			&.wp-block-post-title{
				margin-bottom: 20px;
			}
		}
	}
	.portfolio-item{
		h2{
			font-size:34px;
		}
	}
	body.archive #content {
		padding-left: 9vw;
	}
	.gallery {
		.gallery-item{
			width:88%;
		}
	}
	.post_listing{
		gap: 20px;
	}
	
	.hirebtn{
		position:relative;
		bottom:auto;
		left:auto;
		right:auto;
		background: var(--gredient);
		display: inline-block;
		&:after{
			display:none;
		}
	}
	.page-contact {
		.site-footer{
			padding-top:40px;
			.powered{
				margin:22px 0;
				padding:10px 30px;
			}
			.wp-block-group__inner-container{
				text-align:center;
			}
		}
	}
	.contact{
		row-gap:0;
		.ccircle{
			flex: 0 0 auto !important;
			width: 100%;
			margin-bottom:50px;
			&:nth-child(2){
				order:1;
			}
			&:nth-child(3){
				order:3;
			}
		}
		.contact-cari{
			position:sticky;
			top:70px;
			left:auto;
			bottom:auto;
			right:20px;
			order:2;
			transform:none;
			.wp-block-group__inner-container{
				padding-left:0;
			}
		}
    }
}
@media all and (max-width:991px){
	body{
		&.has-active-menu{
			#headbar{background:none;}
			#site-navigation{}
		}
		#site_menu.is-active{
			overflow:hidden;
		}
		&:not(.home) {
			.wp-block-group__inner-container{
				padding-left:0;
			}
		}
		&.page-paintings #content{
			max-width: 93%;
			margin-inline: auto;
			
			.woocommerce {
				& ul.products {
					li.product{
						width:46%;
						margin:2%;
					}
				}
			}
		}
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex: 0 0 auto !important;
        width: 100%;
    }
	#herobanner {
		flex-wrap:wrap !important;
		.wp-block-column {
			 .mukesh-name{
				 margin-top: 20px;
				 margin-bottom: 40px;
			 }
			.heroinfo {
				position: relative;
				bottom: auto;
				
				h1{
					font-size: 46px;
					.artist{
						font-size: 130px;
						&:after{
							font-size:210px;
						}
					}
				}
				.heroIntro{
					max-width: 100%;
					margin-bottom: 70px;
				}
			}
			 &.heroRight{
				 padding:0 40px !important;
			 }
		}
	}
	#acrylic_section {
		padding:80px 40px;
		height:auto;
		
		& .acryRight {
			padding: 0px !important;
			h2{
				transform: none;
				top: auto;
				left: auto;
				font-size: 75px;
				line-height:1;
				background: var(--gredient);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
			}
		}
		.homeimgBox {
			figcaption {
				a{
					font-size:18px;
				}
			}
		}
	}
	.row{
		.wp-block-image{margin:50px 0;}
	}
	body{
		&.home{
			.wp-block-columns{flex-wrap:wrap !important;}
		}
	}
	.herotxt{
		height: 500px;
		h2{font-size: 106px;}
		.wp-block-group__inner-container{padding-left:0;}
	}
	#uiux{
		padding-left:0;
		.uximg {
			&> .wp-block-group{
				max-width:100%;
				h2{
					font-size:60px;
				}
			}
			img{width: 100%;}
		}
		.wp-block-column {
			padding-top: 80px;
			padding-bottom: 60px;
			h2{
				font-size:60px;
			}
			&.uidesc{
				width: 100%;
				background: none;
				padding:0 40px 80px;
			}
		}
	}
	.welcome{
		padding-left:40px;
		.about-btns{
			margin-top: 30px;
			text-align: center;
			a {
				background: var(--gredient);
				border-color: rgba(255, 255, 255, 0);
				color: #fff;
				&.call{
					background:#1b96ff;
				}
				&.whatsapp{
					background:#50a732;
				}
			}
		}
	}
	.insights_section{
		margin:60px auto 40px;
		max-width:100%;
		padding-left:40px;
		padding-right:40px;
	}
	.h100v{
		height:auto;
	}
	.site-footer {
        padding: 0 25px 40px;
		.site-logo{
			width:100px;
			height:100px;
		}
		.powered{
			font-size:13px; margin-top: 12px;
		}
		.d-flex{display:block !important;}
		.footer_nav{
			.d-flex{padding-left:0}
			a{padding: 5px 10px;display: inline-block;white-space: nowrap;}
		}
		.flinks_title{
			display: block; text-align: center; margin:20px 0; color: #fff;
			em{display:none;}
			span{
				border: 1px solid #fff;
				padding: 0px 15px;
				display: inline-block;
				border-radius: 30px;
				&:before{
					content: '';
					display: block;
					height: 2px;
					width: 50%;
					background: #666;
					position: absolute;
					z-index: 0;
					left:-50px;
					margin-top: 13px;
				}
				&:after{
					content: '';
					display: block;
					height: 2px;
					width: 50%;
					background: #666;
					position: absolute;
					z-index: 0;
					right:-50px;
					margin-top: -13px;
				}
			}
		}
		ul{
			display:flex; flex-wrap:wrap;
			&.footer-navigation-wrapper{
				margin: 10px 0 10px -20px;
				li{width:33.33%; margin-bottom:10px;}
			}
		}
		li{
			display:block; flex:0 0 auto; font-size:15px;
			&:not(:first-child){border:none; padding:0 8px 0 10px;}
		}
		.hirebtn{
			background: var(--gredient);
			position: relative;
			margin: 30px auto 0;
			display: block;
			width: 210px;
			text-align: center;
			right:auto;
			&:after{display:none;}
		}
	}
	body.single {
		#content{
			padding-left:0;
		}
	}
	.single-post {
		.entry-header{
			padding-top:20px !important;
			box-shadow: none;
            background: none;
			margin-bottom: 0;
            padding-bottom: 20px !important;
			h1{margin-bottom:10px !important;}
			&:after{display:none;}
			.col-lg-6{
				padding-left:0;
				padding-right:0;
			}
		}
		.post-meta{
			margin-bottom: 40px;
		}
		.wp-block-column{
			flex: 1 0 47% !important;
		}
	}
	.portfolio-item{
		p{
			font-size:15px;
		}
	}
	.blog {
		#content{padding-left:0;}
	}
	.insights_section, .post_listing {
		h2 a{
	        font-size: 16px;
		}
	}
	.post-meta {
    	a {
        	font-size: 13px;
		}
	}
	.post_listing{
		grid-template-columns:repeat(2, 1fr);
		gap: 20px;
	}
	.contact{
		column-gap:0;
		.ccircle{
			max-width:460px;
		}
		.contact-cari{
			width:35% !important;
		}
	}
	#about-main{
		flex-wrap:wrap !important;
		figure{
			margin:0;
		}
	}
	.about-btns{
		justify-content:center;
		margin: 20px 0 0;
        text-align: center;
	}
	.about_skills{
		padding:80px 0;
		.wp-block-columns{
			gap:0;
		}
		.home_skill{
			width: 100%;
			border: none;
			padding: 0;
			margin-top:60px !important;
			a{
				border:1px solid #fff;
			}
			&:nth-child(2n+2){
				margin:30px 0 0 0;
				.wp-block-button{
					margin-left:0;
				}
			}
		}
		.wp-block-columns{
			margin-bottom:0;
		}
		.section_header h2{display:none;}
		h3{font-size:42px;}
	}
	.woocommerce {
        ul.products {
            li.product {
				.woocommerce-loop-product__title{
					font-size:14px;
					color:#2e2e35;
				}
			}
		}
	}
	#beyond .wp-block-columns{
		flex-wrap: wrap !important;
		.wp-block-column{
			flex-basis: 100% !important;
		}
		.quote{
			font-size: 20px;
		}
	}
	.single-post .wp-block-columns{
		flex-wrap: wrap !important;
		.wp-block-column{
			flex-basis: 50%;
		}
	}
}

@media all and (max-width:767px){
	.section_header{
		h3{bottom: 0; margin:0;}
	}
	#site_menu{
		display:block; align-items:flex-start; 
		padding:80px 50px 120px; overflow-y:auto; 

		#site-navigation{
			ul{
				li{
					font-size: 22px;
					a{padding:0; margin:8px 0;}
					.sub-menu{
						li{font-size:18px !important;}
					}
				}
			}
		}
		#social_links{
			position:absolute;right:auto; width:auto; bottom: 20px; padding: 20px 0 0;
			&:before{display:none}
			.title2{display:none}
			.menu-wrapper{
				display: flex;
				gap: 20px;
			}
			li{
				display:inline-block;margin-right:15px;
				&:last-child{margin-right:0;}
			}
			a{
				padding-right:0;
				font-size:14px;
				&:before{display:none}
				.fa{
					display:block;
					font-size: 35px;
				}
			}
		}
		.hirebtn{
			top: auto;
            bottom: 120px;
			right:-37px;
			transform: rotate(270deg);
			transform-origin: center center;
		}
	}
	#back2top{font-weight: normal; font-size: 13px; right:-38px; bottom: 55px;}
	.latest_post{
		.slick-current{
			.lpwrap{-webkit-transform:scale(1); transform:scale(1);}
		}
	}
	.sneakpeek {
		.slick-slide img {
			height: 170px !important;
			width: auto;
			margin: 5px;
			border-radius: 10px;
		}
	}
	.wp-block-latest-posts.is-grid li{
		margin-right:0;
		width:100%;
	}
	#herobanner {
        .wp-block-column {
            & .heroinfo {
                h1 {
                    font-size:25px;
					.artist{
						font-size:70px;
						&:after{font-size:110px;}
					}
                }
				.heroIntro{
					padding:20px 0 0;
				}
            }
            &.heroRight {
                padding: 0 25px !important;
            }
        }
    }
	#acrylic_section {
		padding:60px 25px;
		&:before{display:none}
        .acryRight {
			flex-direction: column;
            h2 {
				font-size:65px;
			}
		}
		.homeart .wp-block-group__inner-container{flex-wrap:wrap;}
		.longimg{width:48%;}
		.firstimg{width:48%; margin-left:0 !important;}
		.lastimg{
			order:3;  width:100%; margin:10px 0 0 !important;
			figure{
				margin:0 !important;
				width:100%;
				a{
					display:flex;
					img{
						max-height:none !important;
					}
				}
			}
			figcaption{
				position:relative;
				margin:10px 0 0;
			}
		}
	}
	
	.site-main > div > .wp-block-column:first-child{
		padding-left:25px !important;
		padding-right:25px;
	}
	
	#uiux {
        .wp-block-column {
			&.uximg{
				padding-top: 60px;
				padding-bottom: 30px;
			}
			&.uidesc{
				padding:0 25px 70px !important;
				.wp-block-button{width: 100%;}
				.wp-block-button__link{font-size:18px;}
			}
            & > .wp-block-group {
                h2 {
                    font-size: 40px; margin-bottom: 25px;
                }
            }
        }
    }
	.welcome {
		padding-left: 25px;
		padding-right: 25px;
		.wp-block-heading {
			font-size: 40px;
			-webkit-text-fill-color: transparent;
            -webkit-text-stroke: black;
			letter-spacing:0;
		}
		.wp-block-columns{
			flex-direction: column-reverse;
		}
		.aboutPhoto img{
			height:auto !important;
			border-radius: 20px;
		}
	}
	body{
		&.home{
			h1{font-size:58px;}
			.myskil{font-size:20px;}
		}
	}
	.herotxt{
		height:450px;
		height:auto;
		.wp-block-group__inner-container{padding:80px 20px;}
		h2{
			font-size: 15vw;
			.ideas{padding-left:20vw; font-weight:600;}
		}
	}
	.insights_section{
		padding-left: 25px;
        padding-right: 25px;
		h2{
			font-size: 30px;
			margin-bottom: 20px;
		}
		.wp-block-latest-posts__post-title{
			line-height: 1.2;
			margin-bottom: 6px !important;
			display: block;
		}
	}
	.single-post{
		.entry-title{font-size:28px !important;}
		h2{font-size: 26px;}
		h3{font-size: 20px;}
		h4{font-size: 18px;}
	}
	body.single {
		#content{
			max-width: 100%;
			padding: 0 25px !important;
		}
	}
	body.archive #content{
		padding: 0 25px;
		line-height: 1.6;
	}
	.gallery{
		gap: 10px;
		margin: 0 -25px;
	}
	body:not(.page-contact){
		.entry-header {
			&.alignwide {
				padding: 40px 0;
			}
		}
	}
	.contact{
		.ccircle{
			padding:30px;
			max-width:100%;
			border-radius: 30px;
			aspect-ratio: unset;
			padding: 50px 25px;
			&:nth-child(2){
				padding-bottom: 80px;
			}
			&:nth-child(3){
				padding-top: 80px;
			}
			.heading{
				font-size:32px !important;
			}
		}
		.contact-cari{
			width:300px !important;
			padding: 0 !important;
            position: relative;
            top: auto;
			right:auto;
            margin: -100px auto -60px;
		}
	}
	body.page-paintings #content{
		max-width: 99%;
		.woocommerce {
			ul.products {
				li.product {
					width: 48%;
					margin: 1%;
				}
			}
		}
	}
	
	.page-paintings h1{
		padding-left: 10px;
	}
	.woocommerce{
		.woocommerce-result-count{
			margin-top: 9px;
		}
		.woocommerce-ordering{
			width:50%;
			margin-right:5px;
			.orderby{
				width:100%;
			}
		}
		ul.products {
			li.product {
				.prolist-footer{
					flex-wrap: wrap;
					justify-content: center;
					padding: 14px 0 4px 0;
				}
				.onsale{
					margin: 0;
					left: -3px;
					top: -3px;
					right: auto;
				}
			}
		}
	}
	.woocommerce-page{
		.site-footer {
			margin-top: 70px;
		}
	}
}
@media all and (max-width:575px){
	.welcome{
		.about-btns {
			display:flex;
			a {
				line-height: 1.7;
				&.wp-block-button__link{
					padding:12px 23px;
				}
			}
			.contactBtns{
				display:flex;
				a:last-child{
					margin-right:0;
				}
			}
		}
	}
	.post_listing{
		grid-template-columns:repeat(1, 1fr);
	}
	.page-about{
		.dwdCV .wp-block-button__link{
			padding:12px 20px;
			margin-right:6px;
		}
		.contactBtns a{
			margin-right:6px;
			&:last-child{
				padding-top:12px;
				margin-right:0;
			}
		}
	}
	.single-post{
		#related_articles .d-grid{
			grid-template-columns: 1fr;
		}
		.is-layout-grid{
			grid-template-columns: 1fr;
		}
	}
}
@media screen and (max-width:359px){
	.welcome .about-btns{
		flex-wrap:wrap !important;
		gap:15px;
	}
}
@media screen and (min-width:1900px){
	#acrylic_section{
		padding: 5vw 20px;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	.imgCols.wp-block-columns{
		flex-wrap:wrap !important;
		.wp-block-column{
			flex-basis: 48% !important;
		}
	}
}