/**
 * Theme Name:     Twenty Twenty-One Child
 * Author:         the WordPress team
 * Template:       twentytwentyone
 * Text Domain:	   twenty-twenty-one-child
 * Description:    Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 */


 p:last-child {
margin-bottom: 0;
}

a:active,
a:focus {
    background-color: transparent !important; /* Remove background color */
    outline: none; /* Optional: removes focus outline */
}

/* HERO SEC BUTTON */
.heroSecBtn span.elementor-button-content-wrapper {
    align-items: center;
}
.heroSecBtn .elementor-button-icon{
	  background: #ffff;
    width: 50px;
    height: 35px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
}
.heroSecBtn .elementor-button:hover .elementor-button-icon{
	  background: #A7D8FF;
}
.heroSecBtn .elementor-button:hover svg{
	 fill: #FAFAFA !important;
}

/* SKYBLUE BUTTON */
.skyBlueBtn span.elementor-button-content-wrapper {
    align-items: center;
}
.skyBlueBtn .elementor-button-icon{
	  background: #ffff;
    width: 50px;
    height: 35px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
}
.skyBlueBtn .elementor-button:hover .elementor-button-icon{
	  background: #3D2A63;
}
.skyBlueBtn .elementor-button:hover svg{
	 fill: #FAFAFA !important;
}

/* NAVY BLUE  BUTTON */
.navyBlueBtn span.elementor-button-content-wrapper {
    align-items: center;
}
.navyBlueBtn .elementor-button-icon{
	  background: #9B8CF2;
    width: 50px;
    height: 35px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
}

/* PRODUCT LINK BUTTON */
.productLinkBtn .elementor-button-icon{
	  background: #A7D8FF;
    width: 50px;
    height: 35px;
    text-align: center;
    justify-content: center;
    border-radius: 50px;
}
.productLinkBtn span.elementor-button-content-wrapper {
    align-items: center;
}
.productLinkBtn .elementor-button:hover .elementor-button-icon {
	background: #A7D8FF;
}
.productLinkBtn .elementor-button:hover svg{
	 fill: #ffff !important;
}
	
/* Footer Newsletter */
.footerNewsletter-container p{
	display:flex;
	background-color:#FAFAFA;
	border:1px solid #C3CBD3;
	border-radius:50px;
	justify-content:space-between;
	padding:10px;
}
.footerNewsletter-container .newsletterEmailInput{
	background:none;
	border:none;
	width:100%;
}
.footerNewsletter-container button{
	background:#3D2A63;
	border:none;
	color:#FAFAFA;
	padding:8px 20px;
	border-radius:50px;
}

/* artWorkSlider */

.artWorkSlider .slick-track {
    gap: 20px;
    display: flex;
}

.slick-slide {
    height: auto !important;
    display: flex !important;
}

.slick-slide > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Contact Form */


.quantumFormInputs p{
	    width: 100%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 0px 4px;
}

.quantumFormInput{
	  width:32.5%;
		padding: 8px !important;
    background: #ffff;
    border: 2px solid #C3CBD3 !important;
		font-size:14px;
	color:#000 !important;
	margin: 0 0px;
	    border-radius: 50px !important;
	    height: 60px;
	    padding: 8px 15px !important;
}

.quantumFormTextarea{
	border: 2px solid #C3CBD3 !important;
	border-radius: 25px !important;
	    height: 60px;
	padding: 8px 15px !important;
    background: #ffff;
		font-size:14px;
		margin-top: 15px !important;
	resize: none;
	height:332px;
	color:#0000 !important;
}

input.quantumFormSubmit {
    border-radius: 50px;
    margin: 15px 0px;
    padding: 10px 20px;
    font-size: 18px;
		color:#000;
		background-color:#A7D8FF;
		border:2px solid #A7D8FF !important;
}

@media (max-width:600px) {
	.quantumFormInput {
    width: 100% !important;
	margin: 10px 0px !important;
  }
	
	.quantumFormInputs p {
    gap: 0px 0px;
}
}
@media (max-width: 767px) {
    .page-id-10 .e-con.e-flex {
        --width: 100%;
        flex-direction: column;
    }
}