/**
Theme Name: Child
Author: MakeMyWebsite
Author URI: https://www.makemywebsite.com.au/
Description: Custom Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: child
Template: astra
*/

a:focus{outline:0 !important}
.elementor-widget-container p, .elementor-widget-text-editor p{margin-bottom:0 !important;}
.padding-top{padding-top:100px;}
.padding-bottom{padding-bottom:100px;}
.redcolor span{color:#B70102}

.woocommerce-button.button.invoice.order-actions-button {
	color:#fff!important;
}

.bannerheading h1{
	font-size: clamp(1.75rem, 1rem + 3.75vw, 4rem);
	font-weight:700 !important;
	    line-height: 1.2em !important;
}
h2{
	font-size: clamp(1.75rem, 1.5375rem + 1.0625vw, 2.8125rem) !important;
	font-weight:700 !important;
}
h3{
	font-size: clamp(1.3125rem, 1.1625rem + 0.75vw, 2.0625rem) !important;
	font-weight:500 !important;
}
h4{
	font-size: clamp(1.3125rem, 1.23rem + 0.4125vw, 1.725rem) !important;
	font-weight:700 !important;
}
h5{
	font-size: clamp(1.3125rem, 1.2875rem + 0.125vw, 1.4375rem) !important;
	font-weight:500 !important;
}
h6{
	font-size: clamp(1.3125rem, 1.335rem + -0.1125vw, 1.2rem) !important;
	font-weight:500 !important;
}

.xlarge span, .xlarge h2, .xlarge h3, .xlarge h4, .xlarge h5, .xlarge h6, .single h1.product_title, .xlarge h1 {
   font-size: clamp(1.75rem, 1.5375rem + 1.0625vw, 2.8125rem) !important;
	font-weight:500 !important;
   
}

.large span, .large h2, .large h3, .large h4, .large h5, .large h6, p.Head-ServiceH {
   font-size: clamp(1.3125rem, 1.23rem + 0.4125vw, 1.725rem) !important;
   
}

.small span,.small p, .small h2, .small h3, .small h4, .small h5, .small h6 {
   font-size: clamp(1.3125rem, 1.2875rem + 0.125vw, 1.4375rem) !important;
	margin-bottom:0;
   
}

.xsmall span,.xsmall p, .xsmall h2, .xsmall h3, .xsmall h4, .xsmall h5, .xsmall h6, .lheading h2 {
   font-size: clamp(1.3125rem, 1.335rem + -0.1125vw, 1.2rem) !important;
	margin-bottom:0;
   
}

.woocommerce-account h1{    text-align: center; text-transform: capitalize;}

/* Elementor Flex Container Boxed Width Fix */
.elementor-element.e-con-boxed.e-con {
    --content-width: 1280px; /* Aapki desired width */
    width: 100% !important;
    max-width: min(var(--content-width), calc(100vw - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Specific fix for Inner Boxed Containers */
.e-con-inner > .e-con-boxed {
    max-width: min(1280px, calc(100vw - 40px)) !important;
}


/* ==========================================================================
   1. COMMON BASE STYLING (Pill Shape + Smooth Animation + Rotating Arrow)
   ========================================================================== */
.tailar-btn .elementor-button,
selector .elementor-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    font-family: 'Cal Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: capitalize !important;
    border-radius: 100px !important;
    padding: 16px 58px 16px 28px !important;
    border: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
    transition: all 0.4s ease-in-out !important;
    text-decoration: none !important;
}

/* Text layer ko upar rakhne ke liye */
.tailar-btn .elementor-button .elementor-button-content-wrapper,
selector .elementor-button .elementor-button-content-wrapper {
    position: relative !important;
    z-index: 3 !important;
}

.tailar-btn .elementor-button .elementor-button-text,
selector .elementor-button .elementor-button-text {
    transition: color 0.4s ease-in-out !important;
}

/* Arrow Base Setup */
.tailar-btn .elementor-button::before,
selector .elementor-button::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 22px !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: transform 0.4s ease-in-out, background-image 0.4s ease-in-out !important;
    z-index: 3 !important;
}

/* Hover par 45-degree arrow rotation */
.tailar-btn .elementor-button:hover::before,
selector .elementor-button:hover::before {
    transform: translateY(-50%) rotate(45deg) !important;
}

/* Sliding Background Base (30deg Skew) */
.tailar-btn .elementor-button::after,
selector .elementor-button::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -20% !important;
    width: 0 !important;
    height: 100% !important;
    transform: skew(30deg) !important;
    transition: all 0.4s ease-in-out !important;
    z-index: 2 !important;
}

/* Hover par Background Fill */
.tailar-btn .elementor-button:hover::after,
selector .elementor-button:hover::after {
    width: 140% !important;
    transform: skew(0deg) !important;
    left: 0 !important;
}


/* ==========================================================================
   2. TAILAR DARK BUTTON (Black #000 + Red #B70102 Hover)
   ========================================================================== */
.tailar-btn.tailar-btn-dark .elementor-button,
.tailar-btn-dark .elementor-button,
selector.tailar-btn-dark .elementor-button {
    background-color: #000000 !important; /* Black Base */
    color: #FFFFFF !important;
}

.tailar-btn.tailar-btn-dark .elementor-button .elementor-button-text,
.tailar-btn-dark .elementor-button .elementor-button-text,
selector.tailar-btn-dark .elementor-button .elementor-button-text {
    color: #FFFFFF !important;
}

/* White Arrow for Dark Button */
.tailar-btn.tailar-btn-dark .elementor-button::before,
.tailar-btn-dark .elementor-button::before,
selector.tailar-btn-dark .elementor-button::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2964 4.8076C15.3568 6.74721 11.7484 6.67437 9.72717 4.65312L8.89845 3.82439L7.3073 5.41554L8.13602 6.24427C9.60617 7.71442 11.6041 8.47446 13.5882 8.51577L3.77164 18.3324L5.42908 19.9898L15.2457 10.1732C15.287 12.1573 16.047 14.1553 17.5172 15.6254L18.3459 16.4541L19.9371 14.863L19.1083 14.0343C17.0871 12.013 17.0142 8.40466 18.9539 6.46505L19.7494 5.66947L18.092 4.01203L17.2964 4.8076Z' fill='white'/%3E%3C/svg%3E") !important;
}

/* Hover Slide: Red #B70102 */
.tailar-btn.tailar-btn-dark .elementor-button::after,
.tailar-btn-dark .elementor-button::after,
selector.tailar-btn-dark .elementor-button::after {
    background-color: #B70102 !important; /* Red Slide */
}


/* ==========================================================================
   3. TAILAR WHITE BUTTON (White #FFFFFF + Red #B70102 Hover)
   ========================================================================== */
.tailar-btn.tailar-btn-white .elementor-button,
.tailar-btn-white .elementor-button,
selector.tailar-btn-white .elementor-button {
    background-color: #FFFFFF !important; /* White Base */
    color: #B70102 !important;
    border: 1.5px solid #B70102 !important;
}

.tailar-btn.tailar-btn-white .elementor-button .elementor-button-text,
.tailar-btn-white .elementor-button .elementor-button-text,
selector.tailar-btn-white .elementor-button .elementor-button-text {
    color: #B70102 !important; /* Red Text */
}

/* Red Arrow for White Button */
.tailar-btn.tailar-btn-white .elementor-button::before,
.tailar-btn-white .elementor-button::before,
selector.tailar-btn-white .elementor-button::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2964 4.8076C15.3568 6.74721 11.7484 6.67437 9.72717 4.65312L8.89845 3.82439L7.3073 5.41554L8.13602 6.24427C9.60617 7.71442 11.6041 8.47446 13.5882 8.51577L3.77164 18.3324L5.42908 19.9898L15.2457 10.1732C15.287 12.1573 16.047 14.1553 17.5172 15.6254L18.3459 16.4541L19.9371 14.863L19.1083 14.0343C17.0871 12.013 17.0142 8.40466 18.9539 6.46505L19.7494 5.66947L18.092 4.01203L17.2964 4.8076Z' fill='%23B70102'/%3E%3C/svg%3E") !important;
}

/* Hover Slide: Red #B70102 */
.tailar-btn.tailar-btn-white .elementor-button::after,
.tailar-btn-white .elementor-button::after,
selector.tailar-btn-white .elementor-button::after {
    background-color: #B70102 !important; /* Red Slide */
}

/* Hover par Text White ho jayega */
.tailar-btn.tailar-btn-white .elementor-button:hover .elementor-button-text,
.tailar-btn-white .elementor-button:hover .elementor-button-text,
selector.tailar-btn-white .elementor-button:hover .elementor-button-text {
    color: #FFFFFF !important;
}

/* Hover par Arrow White ho jayega */
.tailar-btn.tailar-btn-white .elementor-button:hover::before,
.tailar-btn-white .elementor-button:hover::before,
selector.tailar-btn-white .elementor-button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2964 4.8076C15.3568 6.74721 11.7484 6.67437 9.72717 4.65312L8.89845 3.82439L7.3073 5.41554L8.13602 6.24427C9.60617 7.71442 11.6041 8.47446 13.5882 8.51577L3.77164 18.3324L5.42908 19.9898L15.2457 10.1732C15.287 12.1573 16.047 14.1553 17.5172 15.6254L18.3459 16.4541L19.9371 14.863L19.1083 14.0343C17.0871 12.013 17.0142 8.40466 18.9539 6.46505L19.7494 5.66947L18.092 4.01203L17.2964 4.8076Z' fill='white'/%3E%3C/svg%3E") !important;
}

.uael-gf-style .gform_wrapper div.validation_error, .uael-gf-style .gform_wrapper div.gform_validation_errors h2
 {
    font-size: 17px !important;
}

@media only screen and (max-width: 767px){
	
	.padding-top{padding-top:50px;}
.padding-bottom{padding-bottom:50px;}
}