@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
	--primary-page-color:#66C7CC;
	--secondary-page-color:#091c47;
}
*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	font-family:"Poppins",sans-serif;
}

header{
	background:var(--secondary-page-color);
	padding:10px 0px;
	border-top-left-radius:6px;
}

html{
	scroll-behavior:smooth;
}

.container{
	width:95%;
	margin:0 auto;
}

.header-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.headerTab .inner-row{
	display:flex;
}

.inner-row .header-time{
	border-left:1px solid #fff;
	margin-left:10px;
	padding-left:10px;
}

.headerTab .bx{
	color:#ffffff;
	font-size:17px;
	position:relative;
	top:2px;
}

.headerTab a{
	text-decoration:none;
	color:#ffffff;
	margin-left:6px;
	font-size:14px;
}

.headerTab a:hover{
	text-decoration:underline;
}

nav{
	background:#E8EEF1;
	padding:15px 0px;
	position:sticky;
	top:-4px;
	z-index:9;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

nav .nav_row{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

nav .navlist_link{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	gap:2rem;
}


.nav-logo figure,.footer_logo figure{
	width:250px;
	margin:0;
}

.navlist_link>li>a{
	text-decoration:none;
	display:block;
	color:#18597a;
	font-weight:600;
	position:relative;
	transition:0.5s ease;
}

@media(min-width:768px){
    .navlist_link>li>a:hover::before{
    	content:"";
    	position:absolute;
    	width:100%;
    	background:#18597a;
    	height:2px;
    	border-radius:10px;
    	top:22px;
    }
}

/* drop-down section */

.service-dropdown{
	position:relative;
}

.service-dropdown .dropdown_show{
	display:none;
}

.dropdown-row{
	display:grid;
    grid-template-columns: repeat(2, 1fr);
    position: absolute;
    list-style-type: none;
    background-color: #18597a;
    border-radius: 6px;
    width: 445px;
    right: -212px;
}

.dropdown-row a{
	color:#E8EEF1;
    font-size: 1rem;
    font-weight: 400;
    display: block;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	text-decoration:none;
	
}

.dropdown-row li:nth-child(1) a:nth-child(1){
	border-top-left-radius: 6px;
}

.dropdown-row li:nth-child(1) a:nth-child(6){
	border-bottom-left-radius: 6px;
}

.dropdown-row a:hover{
	background-color:var(--primary-page-color);
	text-decoration:none;
	color:var(--secondary-page-color);
}

.dropdown_active{
	display:block !important;
}


.appointment-link a{
	text-decoration:none;
	background-color:var(--primary-page-color);
	padding:16px 50px;
	color:#ffffff;
	border-radius:6px;
	font-weight:500;
	transition:1s ease;
}

.appointment-link .fa{
	position:relative;
	right:4px;
	font-size:20px;
}

.appointment-link a:hover{
	background:var(--secondary-page-color);
	color:#E8EEF1;
}

/************footer-css*************/
footer{
	background:#e8eef1;
	margin-top:2rem;
	padding:3rem 1rem;
}

.footer_intro .footer_row{
	 display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.footer_time .time_row{
	display:flex;
	justify-content:space-between;
	color:#6e6e70;
}

.inner_footer p{
	text-align:justify;
	font-size:15px;
}

.inner_footer .media_icon{
	text-decoration: none;
    width: 35px;
    height: 35px;
    display: inline-flex;
    line-height: 35px;
    background: #02171c6b;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 50%;
    margin: 10px 0px;
}

.inner_footer .media_icon:hover{
	background:#66C7CC;;
}

.touch_media .inner_media{
	display:flex;
	gap:5px;
	color:var(--secondary-page-color);
}

.touch_media ,.footer_time{
	margin-block-start:55px;
}

.media-body a{
	text-decoration: none;
    color: var(--secondary-page-color);
    font-size: 15px;
}

.media-body a:hover{
	text-decoration:underline;
}
.footer_links{
    display:flex;
    gap:5px;
    align-items:center;
}
.dr_rashmi_jd{
    display: block;
    width: 35px;
    position: relative;
    top: 2px;
}


/* *********************contact-css********************** */

.sec_5 {
	padding:4rem 0 1rem;
}

.contact_intro .contact_row{
	display:flex;
	justify-content:space-between;
	background-image:url(../img/contact-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.contact_intro .contact_card{
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		width:660px;
		margin:0 auto;
		backdrop-filter:blur(20px);
}

.contact_intro .contact_form{
	padding:2rem 1.5rem;
}

.innercontact_row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1rem;
}

.form_group .form_control{
	width:100%;
	height:45px;
	border-radius:4px;
	border:2px solid #222;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding:4px 10px 0px;
	font-size:1rem;
	outline:transparent;
	background:transparent;
	color:black;
}

.form_group .form_control::placeholder{
	color:black;
}

#form_select option{
	color:gray;
}

.form_group #form_textarea{
	height:120px;
}

.form_group .form_control:focus{
	border:2px solid orange;
}

.form_submit button{
	width:49%;
	height:45px;
	font-size:1.1rem;
	 background-color:#091c47;
    padding:0px 50px;
    color: #ffffff;
    border-radius: 6px;
	outline:none;
	border:transparent;
	cursor:pointer;
	transition:1s ease;
}

.form_submit button:hover{
	background:#ffffff;
	color:var(--secondary-page-color);
}

.contact_intro .address{
	padding:4rem 2rem;
	backdrop-filter:blur(35px);
	-webkit-backdrop-filter: (35px);
}


.neuro-appointment-sec{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    padding: 10px 0px;
    z-index:9999;
    background-color:var(--secondary-page-color);;
}

.neuro-appointment-sec a{
    color:white;
}



@media (max-width:767px){
	header{
		display:none;
	}
	
	nav{
		padding:10px 0px;
	}
	
	.navlist_link{
		position:absolute;
		flex-direction:column;
		left:0;
		background:var(--secondary-page-color);
		width: 100% !important;
		top: 67px;
		z-index:-1 !important;
		gap:0px !important;
		transform:translateX(-100%);
		transition:transform 0.5s ease;
	}
	
	.nav-show{
		transform:translateX(0);
	}
	
	.navlist_link a{
		color:white !important;
		padding:10px 15px;
		border-bottom:1px solid #ddd;
	}
	
	.nav-header{
		display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
		
	}
	
	.nav_menu_btn{
		background: var(--secondary-page-color);
        font-size: 25px;
        color: white;
        padding: 0px 15px;
        border-radius: 6px;
	}

	.dropdown-row{
		grid-template-columns:repeat(1, 1fr);
		position:static;
		width:100%;
	}
	
	.appointment-link{
		display:none;
	}

	
    /* Stack contact rows vertically */
    .contact_intro .contact_row {
        flex-direction: column;
    }

    /* Use a single-column layout for inner contact rows */
    .innercontact_row {
        grid-template-columns: 1fr;
    }

    /* Ensure contact cards are full width */
    .contact_card {
        width: 100% !important;
    }

	/* foeter-css */
	.footer_intro .footer_row{
		grid-template-columns:1fr;
	}
}


.neuro-head{
	 position: relative;
    top: -18%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /* line-height: 2; */
    color: var(--secondary-page-color);
    font-size: 30px;
    /* font-family: verdana; */
    letter-spacing: 4px;
    /* padding: 5px; */
    padding-left: 5px;
    /* padding-right: 5px; */
    font-weight: 500;
	display:inline-flex;
	
}

.neuro-head::before,
.neuro-head::after,
.neuro-head>span::before,
.neuro-head>span::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: transparent;
  transition: 1s;
}

.neuro-head::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid red;
  border-left: 2px solid red;
}
.neuro-head::after {
  top: -2px;
  right: -2px;
  border-top: 2px solid red;
  border-right: 2px solid red;
}

.neuro-head span::before {
  bottom: -2px;
  left: -2px;
  border-bottom: 2px solid #66C7CC;
  border-left:2px solid #66C7CC;
}
.neuro-head span::after {
  bottom: -2px;
  right: -2px;
  border-bottom: 2px solid #66C7CC;
  border-right: 2px solid #66C7CC;
}


.neuro-head:hover::before,
.neuro-head:hover::after,
.neuro-head:hover span::before,
.neuro-head:hover span::after  {
  width: calc( 270px / 2);
  height: calc( 50px / 2);
}





/* For Tab */
@media (min-width: 768px) and (max-width: 1024px){
	.container {
        width: 95%;
    }
	
	nav .navlist_link{
		gap:1rem;
	}
	
	.navlist_link{
		font-size:10px;
	}
	
	.appointment-link {
	    display:none;
	}
	
	#menu-btn{
		display:none;
	}

	/* Stack contact rows vertically */
    .contact_row {
        flex-direction: column;
    }

	/* footer-css */
	.footer_intro .footer_row {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (min-width:1025px) {
	
	#menu-btn{
    	display:none;
    }
    
    .neuro-appointment-sec{
        display:none;
    }
	
	 .footer_intro .footer_row {
        grid-template-columns: repeat(3, 1fr);
    }
}