/*
Theme Name: astra-child 
Theme URI: https://keralaayurvedicjaipur.com/
Description: A child theme of the parent theme
Author: Kerala Ayurvedic Jaipur 
Author URI: https://keralaayurvedicjaipur.com/
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
*/
/* Headings */
h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

/* Paragraph Text */
p {
  font-size: 16px;
  line-height: 1.7;
}
#ast-scroll-top:hover {
  color: #000;
  background-color: #fccc04;
}
#content{
    background-color: white;
}
/* 404 page css */
.custom-404-page{
    padding: 50px;
  width: 100%;
  padding-bottom: 150px;
  text-align: center;
}
.custom-404-page h1{
    color:#0F5F0C;
}
.btnNClass{
  background-color:#0F5F0C;
  color: white;
  box-shadow: -1px 10px 12px -11px rgba(57.44463456367813, 57.957033351574474, 63.92001037597659, 0.86);
  border-style: dashed;
  border-width: 1px 1px 1px 1px;
  border-color: var( --e-global-color-433b237 );
  border-radius: 15px 15px 15px 15px;
  padding: 15px 30px 15px 30px;
}
.btnNClass:hover{
background-color: white;
  color: #0F5F0C; 
  border-color: #0F5F0C;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
/* Force Elementor gallery images to be same size */
.elementor-image-gallery .gallery-icon img {
    width: 100% !important;
    height: 350px !important; /* Set your desired height */
    object-fit: cover !important; /* Crop without distortion */
}
.elementor-slideshow__title {
  display: none;
}
.eael-current{
	color:#fccc04;
}
.mainHeading{
	width: 40%;
  background-color: #0ea624;
  position: absolute;
  z-index: 100;
  color: white;
}
.menuBox{
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #F4EBEA;
	border-radius:0px;
	box-shadow: 0px 10px 10px 0px rgba(55, 59, 65, 0.16);
		transition-duration: .3s;
  transition-property: transform;
	margin:0px;!important;
	padding:0px !important;
	
}
.menuBox .elementor-image-box-content, .menuBox .eael-dual-header, .menuBox .elementor-button-wrapper{
	padding-left:20px !important;
	padding-right:20px !important;
}
.aboutBox{
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #F4EBEA;
	border-radius:20px;
	box-shadow: 0px 10px 10px 0px rgba(55, 59, 65, 0.16);
		transition-duration: .3s;
  transition-property: transform;
	min-height: 350px;
	
}
.aboutBox:hover{
	background-color: transparent;
  background-image: linear-gradient(180deg, var( --e-global-color-08e95a4 ) 50%, var( --e-global-color-2f687cd ) 73%);
	 box-shadow: 0px 24px 80px -16px rgba(55, 59, 65, 0.16);
 transform: scale(1.1);
}
.iconClass {
  background: #0ea624;
  color: white !important;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px !important;
}

[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
  font-size: 50px !important;
}

.therapyBox {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #F4EBEA;
  border-radius: 20px;
  box-shadow: 0px 10px 10px 0px rgba(55, 59, 65, 0.16);
  transition-duration: .3s;
  transition-property: transform;
  padding: 20px;
}
.therapyBox:hover{
	background-color: transparent;
  background-image: linear-gradient(180deg, var( --e-global-color-08e95a4 ) 50%, var( --e-global-color-2f687cd ) 73%);
	 box-shadow: 0px 24px 80px -16px rgba(55, 59, 65, 0.16);
 transform: scale(1.1);
}
.ff-btn-submit {
  background-color: #61CE7000 !important;
  font-family: var( --e-global-typography-secondary-font-family ), Sans-serif !important;
  font-weight: var( --e-global-typography-secondary-font-weight ) !important;
  fill: var( --e-global-color-astglobalcolor1 ) !important;
  color: var( --e-global-color-astglobalcolor1 ) !important;
  box-shadow: -1px 10px 12px -11px rgba(57.44463456367813, 57.957033351574474, 63.92001037597659, 0.86) !important;
  border-style: dashed !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: var( --e-global-color-433b237 ) !important;
  border-radius: 15px 15px 15px 15px !important;
  padding: 10px 25px 10px 25px !important;
}
.ff-btn-submit:hover {
background-color: var( --e-global-color-primary ) !important;
  color: var( --e-global-color-1e38284 ) !important;
  border-color: var( --e-global-color-primary )!important;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
}
.callIcon {
  position: fixed;
  border-radius: 5px;
  width: 2.5em;
height: 2.5em;
line-height: 2.5;
font-size: 20px;
  bottom: 80px;
  background-color: #0ea624;
  color: #FFF;
  text-align: center;
  box-shadow: 3px 4px 3px #999;
  left: 0px;
  z-index: 100;
transition-duration: .3s;
transition-property: transform;
}
.callIcon:hover{
	transform: scale(1.1);
background-color: #FFF;
color: #0ea624;
	border-style: dashed;
  border-width: 1px 1px 1px 1px;
  border-color:#0ea624;
}
.whatsIcon {
  position: fixed;
  border-radius: 5px;
  width: 2.5em;
height: 2.5em;
line-height: 2.5;
font-size: 22px;
   bottom: 150px;
  background-color: #fccc04;
  color: #FFF;
  text-align: center;
  box-shadow: 3px 4px 3px #999;
 left: 0px;
  z-index: 100;
transition-duration: .3s;
transition-property: transform;
	animation: blink-whatsapp 1s infinite; /* Blink effect */
}
@keyframes blink-whatsapp {
  0%, 100% {
    background-color: #fccc04; /* Original color */
  }
  50% {
    background-color: #0ea624; /* Lighter/darker shade for blink */
  }
}
.whatsIcon:hover{
transform: scale(1.1);
	animation: none;
background-color: #FFF;
color: #0ea624;
	border-style: dashed;
  border-width: 1px 1px 1px 1px;
  border-color:#0ea624;
}
.mailIcon {
  position: fixed;
 border-radius: 5px;
width: 2.5em;
height: 2.5em;
line-height: 2.5;
font-size: 20px;
  bottom: 10px;
  background-color: #0ea624;
  color: #FFF;
  text-align: center;  
  box-shadow: 3px 4px 3px #999;
  left: 0px;
  z-index: 100;
transition-duration: .3s;
transition-property: transform;
}
.mailIcon:hover{
	transform: scale(1.1);
background-color: #FFF;
color: #0ea624;
	border-style: dashed;
  border-width: 1px 1px 1px 1px;
  border-color:#0ea624;
}
#footertxt
{
	color:white !important;
	font-size:14px;
}
.elementor-widget-heading .elementor-heading-title[class*="elementor-size-"] > a:hover{
	color:#fccc04 !important;
}

@media (min-width: 768px) {
  #footertxt {
  /* margin-left: 35%;*/
  }
}
/* Make table wrapper scrollable on small screens */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Base table styling */
.table-responsive table {
  width: 100%;
  border-collapse: collapse;
}

/* Optional: Make table rows more readable */
.table-responsive th,
.table-responsive td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  white-space: nowrap; /* Prevent text wrapping */
}

/* Optional: Make header bold and styled */
.table-responsive th {
  background-color: #f4f4f4;
  font-weight: bold;
}

/* Optional: Mobile-specific styles */
@media (max-width: 600px) {
  .table-responsive th,
  .table-responsive td {
    padding: 8px;
    font-size: 14px;
  }
}
/* desktop styles */
@media (min-width: 1025px) {
	.n-uc-1747e2d5d7f57, .n-uc-Xsg2pI4DBOTc, .n-uc-XhESLwBimVL1, .n-uc-sH63w043gzYw {
    margin-left: 100px !important;
  }
	
}
@media (max-width: 767px) {
  .elementor .elementor-hidden-mobile {
   display: flex;
  }
	
}