/*
  Theme Name: Divi Child Theme
  Version: 1.0.0
  Template: Divi
  Author: Divi Pixel
  Author URI: https://www.divi-pixel.com
  Text Domain: divi-child-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Import Montserrat Font */
/* @font-face {
    font-family: 'Montserrat' !important;
    src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap') format('woff2');
    font-weight: normal !important;
    font-style: normal !important;
} */

/* Apply Montserrat to the Entire Body */
body {
    font-family: 'Montserrat', sans-serif !important;
}
/*====================================================*/
/*============= MAIN MENU HEADER =====================*/
/*====================================================*/
#main-menu{
/* 	padding-top: 15px !important;
	padding-bottom:15px !important; */
}
#main-menu li a:not(.secondary-btn) a, #main-menu li a:not(.primary-btn) a {
    color: var(--primary-color) !important;
}


.et_pb_menu .et-menu>li:not(:last-child) {
   
    padding-left: 15px !important;
    padding-right: 15px !important;

}
.et_pb_menu .et-menu > li:last-child {
    padding-left: 15px !important;
}
/* .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
	margin-top:10px !important;
	
} */
.nav li ul{
	border-top: 3px solid var(--secondary-color) !important;
}
/*===== MOBILE MENU ===*/
@media(max-width:980px){
	#main-menu ul li{
		display:flex !important;
		flex-direction:column !important;
		justify-content:center !important;
	}
	#main-menu li.secondary-btn a,
		#main-menu li.primary-btn a{
		width:250px !important;
		margin-bottom:10px !important;
		text-align:center !important;
		margin-left:auto !important;
		margin-right:auto !important;

	}
	.et_mobile_menu{
		
		  border-top: 3px solid var(--secondary-color) !important;
		margin-top:15px !important;
	}
	#mobile_menu1 li.menu-item-has-children > a{
		color: var(--secondary-color) !important;
	}
}
/*=========== hover effects of menu items================= */
#main-menu li a:hover {
    color: var(--black-color) !important;
}



.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
	padding-top:0px !important;
	padding-bottom:0px !important;

	
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:not(.secondary-btn),.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:not(.primary-btn){
	display:flex !important;
	align-items:center !important;
	
}
/* .et_mobile_menu li a:hover, .nav ul li a:hover{
	opacity: 1 !important;
} */
/*==========  BTN HEADER ====================*/
#main-menu li.secondary-btn a{
color: var(--primary-color) !important;
background: #fff !important;
padding: 15px 20px 15px 20px  !important;
white-space:nowrap !important;
border: 2px solid var(--primary-color) !important;
}


.et_pb_menu_0_tb_header.et_pb_menu ul .primary-btn a{
color: #fff !important;
background-color: var(--primary-color) !important;
padding: 15px 20px 15px 20px  !important;
white-space:nowrap !important;
border: 2px solid var(--primary-color) !important;
	
}
#main-menu li.secondary-btn a:hover {
	 background:var(--primary-color) !important; 
	    color: #fff !important; 
	opacity:1 !important;

}
#main-menu li.primary-btn a:hover {
	background:#fff !important;
    color:var(--primary-color) !important; 
	opacity:1 !important;
}

/*=============== DIVI MENU DROPDOWN FIXED AT 60PX ===============*/

/* Desktop dropdown styles */
@media (min-width: 981px) {
  .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    position: absolute;
    top: 60px !important; /* Set dropdown position */
    left: 0;
    background-color: #fff;
    width: 240px;
    z-index: 9999;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
	  border-top: 3px solid var(--secondary-color) !important;;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
  }
	
  /* Show submenu on hover */
  .et_pb_menu .et_pb_menu__menu > nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 980px) {
#mobile_menu1 li {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}
	.et_mobile_menu li li{
		padding-left:0px !important;
	}
}

/*========================================================*/
/*========== SECTION HEADING STYLE =======================*/
/*========================================================*/
/*center the heading and lines*/

.pa-heading-line-both h2 {
	display: flex !important;
	width: 100% !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}


/*add and adjust the lines*/

.pa-heading-line-both h2:before,
.pa-heading-line-both h2:after {
	content: '' !important;
	border-top: 2px solid !important;
	margin: 0 20px 0 0 !important;
	flex: 1 0 20px !important;
	color: var(--secondary-color) !important;
}


/*add spacing between heading and lines*/

.pa-heading-line-both h2:after {
	margin: 0 0 0 20px !important;
}
/*========================================================*/
/*================= CUSTOM REGULAR SECTION  ==============*/
/*========================================================*/
.custom-regular-section{
	 padding-top: var(--crs-padding-top) !important;
     padding-bottom: var(--crs-padding-bottom) !important;
}
 .custom-regular-section-heading h2{
     font-size: var(--crs-heading) !important;
     font-weight:normal !important;
	 color:var(--primary-color) !important;
	  margin-bottom:var(--crs-heading-bottom-space) !important;
		
}
.custom-regular-section-content {
            font-size: var(--crs-content) !important;
			line-height:var(--chs-subtitle-line-height) !important;
            font-weight: normal !important;	
        }
/*========================================================*/
/*=========== CUSTOM HERO SECTION  ======================*/
/*========================================================*/
  /* Hero Section Styles */
        .custom-hero-section {
            padding-top: var(--chs-padding-top) !important;
            padding-bottom: var(--chs-padding-bottom) !important;
        }

        .custom-hero-section-title h1{
            font-size: var(--chs-title-size) !important;
			line-height:var(--chs-title-line-height) !important;
		    padding-bottom:0px !important;

        }

        .custom-hero-section-subtitle {
            font-size: var(--chs-subtitle-size) !important;
			line-height:var(--chs-subtitle-line-height) !important;
            font-weight: normal !important;
			
        }

/*========================================================*/
/*=============== PRIMARY BTN / SECONDARY BTN ============*/
/*========================================================*/
.custom-primary-btn,
.btn-el--primary{
color: #fff !important;
background-color: var(--primary-color) !important;
padding: 5px 20px 5px 20px  !important;
border: 2px solid var(--primary-color) !important;
white-space: nowrap;
	border-radius:0px !important;
}

.custom-primary-btn:hover ,
.btn-el--primary:hover{
color: var(--primary-color) !important;
background-color: #fff !important;
border: 2px solid var(--primary-color) !important;
transition: 0.3s ease !important;
}

.custom-secondary-btn,
.btn-el--secondary{
color: var(--primary-color) !important;
background-color: #fff !important;
padding: 5px 20px 5px 20px  !important;
white-space:nowrap !important;
border: 2px solid var(--primary-color) !important;
border-radius:0px !important;
}


.custom-secondary-btn:hover,
.btn-el--secondary:hover{
color: #fff !important;
background-color: var(--primary-color) !important;
border: 2px solid #fff  !important;
transition: 0.3s ease !important;
} 
@media(max-width:1000px){
	.custom-primary-btn,.custom-secondary-btn{
		font-size:14px !important;
		padding: 3px 10px 5px 3px  !important;

	}	
}
.et_pb_button{
	border-radius:0px !important;

}
/*==================================================*/
/*============= BOTTOM SPACES =======================*/
/*===================================================*/

/*BOttom space between content*/
.bottom-space{
	 margin-bottom: var(--bottom-space) !important;
}
.bottom-space-2x{
	 margin-bottom: var(--bottom-space-2x) !important;
}
.bottom-padding-space-2x{
	 padding-bottom: var(--bottom-space-2x) !important;
}

/*====================================================*/
/*================ FEE FUIDE PAGE ====================*/
/*=====================================================*/
.t-head{
	background: var(--primary-color) !important;
	color: #fff !important;
   
}
/*====================================================*/
/*============== WP FORM STYLE ======================*/
/*===================================================*/
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type="submit"], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"], .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button {
  height: var(--wpforms-button-size-height);
  background-color: var(--primary-color) !important;
  box-shadow: none !important;
  color: var(--wpforms-button-text-color);
  border-radius: 0px !important;
 padding: 5px 20px 5px 20px  !important;
  border: 2px solid var(--primary-color)  !important;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  position: relative;
  text-decoration: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type="submit"]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button:hover {
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--primary-color) !important;
  border-radius: 0px !important;
 padding: 5px 20px 5px 20px  !important;
  border: 2px solid var(--primary-color)  !important;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  position: relative;
  text-decoration: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type="submit"]:hover{
	background:transparent !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full {
	background: var(--secondary-color) !important;
	border:1px solid var(--secondary-color) !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p{
	color:#fff !important;
}



/* ===== START: Custom Bullet Point Style for Treatment Page ===== */
ul.custom-bullet-point {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

ul.custom-bullet-point li {
  position: relative !important;
  padding-left: 20px !important;
  margin-bottom: 10px !important;
}

ul.custom-bullet-point li::before {
  content: "➤" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--secondary-color) !important; /* Or use #000, etc. */
  font-size: 1em !important;
/*   line-height: 1 !important; */
}
/* ===== END: Custom Bullet Point Style for Treatment Page ===== */

/* ===== START: Styled Boxed Side Navigation for Child Pages ===== */

.wp-block-page-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wp-block-pages-list__item {
  margin-bottom: 12px !important;
}

/* Default link style */
.wp-block-pages-list__item__link{
  display: block !important;
  padding: 12px 16px !important;
  background-color: #f7f7f7 !important;
  border: 2px solid #ddd !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  color: #333 !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

/* Hover effect */
.wp-block-pages-list__item__link:hover {
  background-color: #eaeaea !important;
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

/* Active page styling */
.current_page_item .wp-block-pages-list__item__link {
  background-color: var(--secondary-color) !important;
  color: #fff !important;
  border-color: var(--secondary-color) !important;
}

/* ===== END: Styled Boxed Side Navigation for Child Pages ===== */

/* For Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
}