/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 22 2026 | 18:34:58 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.header{background:#fff;transition:0.3s;width:100%!important}
.header.active{background:#ffffff00}

.header .main-logo{display:block;transition:0.3s}
.header .white-logo{display:none;transition:0.3s}
/*.header.active .main-logo{display:none!important;transition:0.3s}
.header.active .white-logo{display:block!important;transition:0.3s}*/

/*.header.active .cstm-menu li a{color:#fff!important}
.header.active .cstm-menu li a:hover{color:#000!important}*/
.header .cstm-menu li a:active{color:inherit!important}

.header .cstm-menu li a:active::before{background-color:inherit}
/*.header.active .cstm-menu li a:hover::before{background-color:#fff!important}*/
.header .cstm-menu li a:hover{color:#fff!important}
.header .cstm-menu li a:hover::before{background-color:#7459a4!important}


.book-btn li{transition:0.3s;flex-direction: row-reverse;justify-content: start!important;}
.book-btn li:hover{translate: 10px 0px;}
.book-btn li .elementor-icon-list-text{padding-inline-start:0px;padding-inline-end:5px}

/*Card*/
.card-1 .elementor-flip-box__layer{transition:0.3s!important}
.card-1 .elementor-flip-box__front{background-image:url(https://allabouthumans.in/wp-content/uploads/2024/10/pooja_mam.jpg);height: 451px;border-radius: 10px;background-size: cover;background-position: bottom right;}
.card-1 .elementor-flip-box__back{background-image:url(https://allabouthumans.in/wp-content/uploads/2024/10/pooja_mam_dark_bg.jpg);height: 451px;border-radius: 10px;background-size: cover;background-position: bottom right;}

.ftr-crdts{color:#FFFFFF8C;text-decoration:underline!important;transition:0.3s}
.ftr-crdts:hover{color:#FFFFFF!important}

.cstm-spacer{margin-top:20px!important}


#time-slot-subtext {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0; /* Start as hidden */
    transform: translateY(10px); /* Start slightly below */
	position:absolute;top:40px;z-index:9;left:-335px
}

#time-slot-subtext.active {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Move to its original position */
}

.cstm-form-title{font-family: 'Cormorant Garamond';
    font-weight: 700;
    color: #7459a4;}

.qr-hr{height: 1px;
    border: 0px;
    background: #7459a4;
    margin-top: -10px;
    margin-bottom: 10px;}
.therapy-qr{width:250px}

.therapy-form input, .therapy-form select{box-shadow:none!important}

.therapy-form option.hidden-option {
    display: none;
}

/*
.therapy-form select option[value=""] {
  display:none!important;
}*/

/*SELECT CODE CSS*/

.therapy-form .elementor-field-type-radio .elementor-field-subgroup.elementor-subgroup-inline{gap: 30px;
    flex-wrap: nowrap;}
.therapy-form .elementor-field-type-radio .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option{    width: 100%;
    border: 1px solid #AC9DCE;
	background: #AC9DCE;
    display: flex;transition:0.3s;
    gap: 10px;
    border-radius: 6px;}
.therapy-form .elementor-field-type-radio .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option input{position: absolute;
    margin-left: 10px;
    bottom: 17px;cursor:pointer!important;}
.therapy-form .elementor-field-type-radio .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option label{color: #fff;
    width: 100%;
    padding: 15px 15px 15px 30px;cursor:pointer!important;}

.therapy-form .elementor-field-type-radio .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option:hover{background:#7459A4;border-color:#7459A4}



.therapy-form .elementor-field-type-radio.elementor-field-group-sessioninfo .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option{
border-radius: 12px;padding: 0;background-image:url("https://allabouthumans.in/wp-content/uploads/2025/08/opacity-bg1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.therapy-form .elementor-field-type-radio.elementor-field-group-sessioninfo .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option:hover{background-image:url("https://allabouthumans.in/wp-content/uploads/2025/08/opacity-bg2.jpg")}

.therapy-form .input-box-checked{background-image:url("https://allabouthumans.in/wp-content/uploads/2025/08/opacity-bg2.jpg")!important}

.therapy-form .elementor-field-type-radio.elementor-field-group-sessioninfo .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option input{visibility: hidden;}

.therapy-form .elementor-field-type-radio.elementor-field-group-sessioninfo .elementor-field-subgroup.elementor-subgroup-inline span.elementor-field-option label{font-family: "Gabriela", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1px;
    border-radius: 8px;
    padding: 20px 20px;;display:flex;align-items:center}

.elementor-field-type-radio.elementor-field-group.elementor-column.elementor-field-group-preferred_time .elementor-field-subgroup.elementor-subgroup-inline{flex-wrap:wrap;gap:10px}
.elementor-field-type-radio.elementor-field-group.elementor-column.elementor-field-group-preferred_time .elementor-field-subgroup.elementor-subgroup-inline input{position:static}
.elementor-field-type-radio.elementor-field-group.elementor-column.elementor-field-group-preferred_time .elementor-field-subgroup.elementor-subgroup-inline label{padding-left:0px}


footer{background-color:#7459a4}


/*Therapists Custom Post Type*/

.expertise-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.expertise-pill {
    background-color: var(--e-global-color-primary);
    padding: 2px 15px 2px 15px;
    border-radius: 8px 8px 8px 8px;
	
    font-family: "Mulish", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    transition: background 0.3s;
}
/*
.expertise-pill:hover {
    background-color: #5c3a7a;
    color: #fff;
}
*/
.bullet-points-list .elementor-icon-list-item:has(.elementor-icon-list-text:empty) {
    display: none;
}




@media only screen and (max-width:767px){
	#time-slot-subtext{left:0px!important}
	.therapy-form .elementor-field-type-radio.elementor-field-group-sessioninfo .elementor-field-subgroup.elementor-subgroup-inline {flex-direction:column}
	
}