.SliderDiv {padding-bottom: 36%}
.SliderDiv .carousel-item img {object-fit: cover; object-position: 60% 50%;}
.text-uppercase {text-transform: uppercase}
.CallTodayOtherNew2 {padding-top: 11px; padding-bottom: 11px; text-transform: uppercase;}
.orange-color {color: #fb6200 !important}
.orange-back { background-color: #fb6200}
.white-color {color: #fff}

.TopAppForm .h2 {color: #fb6200}
.topAppFormInn .CaptchDiv {padding: 3px 0 10px}
.topAppFormInn .CaptchDiv a {padding: 4px 0}
.topAppFormInn .CaptchDiv img {width: 32px; height: 32px}
.topAppFormInn .refreshBtnWd1 {width: 35px !important}
.topAppFormInn .form-control {border-radius: 0; background-color: #000; color: #fff; border: 0; outline: 0; text-transform: uppercase; font-size: 13px;}
.topAppFormInn .form-control::placeholder {color: #fff;}
.topAppFormInn p {padding: 0; margin: 0 0 6px}
.topAppFormInn .btn-Submit {background-color: #fb6200; border: 2px solid #000; color: #fff; font-size: 14px; line-height: 13px; text-transform: uppercase; padding: 5px 25px 8px;}

.TopAppFormNew {background: url("header-img-2-request-back.jpg") no-repeat; background-size: cover; background-position: 50% 50%; padding: 25px 15px}

.topAppFormInn {/*background-color: rgba(255, 255, 255, 0.32); */background: #84C3EF;
background: linear-gradient(180deg, rgba(132, 195, 239, 1) 0%, rgba(197, 233, 250, 1) 100%); border: 2px solid #fff; padding: 25px 15px; margin: 0 auto; width: 90%; max-width: 500px; margin: 0 auto}

.BlueDivBox2 { background-color: #031323}
.brdbotW { border-bottom: 5px solid #fff}
.brdtopW { border-top: 5px solid #fff}

.BandA-New img {border: 0; padding: 0}

#carousel3 .flex-control-paging li a, #carousel3d .flex-control-paging li a {background: rgba(255, 255, 255, 0.5);}
#carousel3 .flex-control-paging li a.flex-active, #carousel3d .flex-control-paging li a.flex-active {background: rgba(255, 255, 255, 0.9);}

.paddImgAdju1 { padding-top: 55px; padding-bottom: 55px}
.paddImgAdju2 { border-top: 0px !important; border-bottom: 0 !important}
.padd-tb0 {padding-top: 0; padding-bottom: 0}

.VideoDiv {max-width: 964px; margin: 0 auto; border: 2px solid #fff; height: 315px; padding: 4px; box-sizing: border-box;}

.backnewSliderBackImg2 {}
.backnewSliderBackImg {background: url("header-img-3.jpg") no-repeat; background-position: top  50%; background-size: cover; height: 650px}
.backnewSliderBackImg > .container-fluid, .backnewSliderBackImg > .container-fluid > .row  {height: 100%}
.BackSliderLogoContent { background-color: rgba(200,220,232,0.85); padding: 30px 20px; text-align: center}
#carousel3c img {max-width: 300px; margin: 0 auto; left: auto}
#carousel3c p {margin-bottom: 14px}
#carousel3c li p {padding: 0 5%; text-align: center}
#carousel3c .flex-control-nav {bottom: -30px}

.CallTodayAbs {line-height: normal}

.abouttext.BackSliderLogoContent {background-color: rgba(200,220,232,1.0); text-align: justify}

.RelBoxOther {position: relative}
.AbsBoxOther {position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; text-align: center}

.AsSeenOnDiv {padding: 35px 0 25px}
.AsSeenOnDiv h2, .color-white {color: #fff}

.blue-Color {color: #031323 ;}
.validmessage {margin-bottom: 6px}

.FooterAddConSection {}
.FooterDiv {background-color: #07223f;}
.topAppFormInn .btn-Submit {cursor: pointer}
.thankyoudiv {position: relative}
.ThankYouMessage {background-color: #031323;
    border: 3px solid #fb6200;
    padding: 20px;
    transform: translateY(-50%);
    z-index: 11;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    max-width: 750px;}

.color-change-btn {/*filter: invert(89%) sepia(11%) saturate(2468%) hue-rotate(189deg) brightness(92%) contrast(93%);*/}
/***************************************/

/* Styling for the body when the menu is open to prevent background scrolling */
body.menu-is-open {
	overflow: hidden;
}

/* === Hamburger Menu Toggler Button === */
.menu-toggler {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1100; /* Ensure it's above other content */
	border: none;
	background: transparent;
	padding: 8px;
	cursor: pointer;
}

.menu-toggler-icon {
	position: relative;
	display: block;
	width: 45px;
	height: 4px;
	background-color: #333; /* Color of the middle line */
	transition: background-color 0.2s ease-in-out;
}

.menu-toggler-icon::before,
.menu-toggler-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	margin: -2px 0;
	background-color: #333; /* Color of top/bottom lines */
	transition: transform 0.3s ease-in-out;
}

.menu-toggler-icon::before {
	top: -7px; /* Space between top and middle lines */
}

.menu-toggler-icon::after {
	bottom: -7px; /* Space between bottom and middle lines */
}

/* === Fullscreen Overlay Panel === */
.fullscreen-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80vh; /* New default height */
	background-color: #031323; /* Changed */
	color: #fff;                 /* Added for all standard text */
	z-index: 1050;
	
	/* Hidden by default */
	opacity: 0;
	visibility: hidden;
	
	/* Animation: Slide in from top-left */
	transform: translate(-100%, -100%);
	transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999999;
}

/* "is-open" class toggled by JavaScript to show the menu */
.fullscreen-menu-overlay.is-open {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	max-height: 550px;
}

/* === Close 'X' Button === */
.close-menu-btn {
	position: absolute;
	top: 15px;
	left: 15px;
	background: none;
	border: none;
	font-size: 3rem;
	line-height: 1;
	color: #fff; /* Changed */
	cursor: pointer;
	padding: 0 15px;
}

/* === Menu Content Styling === */
.menu-column {
	text-align: center;
}

.menu-column h3 {
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.menu-column .nav-link {
	font-size: 1.1rem;
	color: #fff; /* Changed */
	padding: 0.25rem 1rem;
}
.menu-column .nav-link:hover {
	color: rgba(255, 255, 255, 0.75); /* Changed for a subtle hover effect */
}

.MobiHeaderNew {}
.LogoLeft {min-height: unset}
.phoneBtnRight {}
.whiteify {filter: brightness(0) invert(1);}

.BandA-Scalp .slides, .BandA-Scalp .slides > li, .BandA-Scalp .flex-control-nav, .BandA-Scalp .flex-direction-nav {
  padding-bottom: 5px;
}

@media (min-width: 1201px) {
	.fullscreen-menu-overlay {
		height: 60vh; /* Height for screens wider than 1200px */
	}
}

@media (max-width: 1366px) {
	.menu-toggler-icon,
	.menu-toggler-icon::before,
	.menu-toggler-icon::after {
		background-color: #fff; /* This sets the line color to white */
	}
}

.showmeonMobiOnly, .LogoM {display: none}

/****************************************/
@media (max-width: 1365px) {
	.close-menu-btn {top: 0px; left: 0px; z-index: 1111111}
	.close-menu-btn img {width: 36px; height: auto}
	.AnchorLink {
		scroll-margin-top: 109px; /* This MUST match your fixed header's height */
	}
	.paddImgAdju1 {padding-bottom: 0; padding-top: 0}
	.real-patient-text {line-height: normal; padding: 0 25px;}
}

@media (max-width: 1199px) {
	.backnewSliderBackImg {background-position: 80% 50%;}
	.order-xl-new-2 {order: 2}
	.order-xl-new-1 {order: 1}
}

@media (max-width: 767px) {
    .SliderDiv {padding-bottom: 78%;}
	.order-xl-new-2 {order: 1}
	.order-xl-new-1 {order: 2}
	.real-patient-text {font-size: 12px; padding: 0 0 10px 0;}
}
@media (min-width: 768px) {
	.brd-adj-org {border-left:1px solid #fb6200}
	/*.AbsBoxOther {min-width: 880px;}*/
}
@media (min-width: 992px) {
	.AbsBoxOther {min-width: auto; left: auto; right: 3%; transform: translateY(-50%); max-width: 700px;}
	.ContactName {font-size: 1.85rem}
}
@media (min-width: 1200px) {

	.TopAppFormNew {padding: 45px 15px;}
	.adjImgNew {position: relative; max-width: none; margin-right: -50px; z-index: 11; width: calc(100% + 50px);}
	.adjImgNew2 {margin-left: 50px}
	.BlueDivBox {padding: 35px 0}
	.VideoDiv {height: 435px;}
	.ThankYouMessage {position: absolute; top: 50%; left: 12%; padding-left: 30px; padding-right: 30px}
	
	.TopAppFormNew {background: url("header-img-2-request-back-desk.jpg") no-repeat; background-size: cover; background-position: 50% 50%;}
	.SliderDiv .carousel-item img {object-position: 50% 50%;}
}
@media (min-width: 1400px) {
	.TopAppFormNew {padding: 75px 15px;}
	.backnewSliderBackImg {height: 730px}
	.AbsBoxOther {right: 18%;}
	.RelBoxOtherFooter .AbsBoxOther {right: 12%;}
	.AsSeenOnDiv {padding: 25px 0 10px}
	.abouttext {margin-right: -100px; position: relative; z-index: 11}
	#carousel3c img {max-width: 390px;}
	.AbsBoxOther {right: 12%;}
}

@media (max-width: 1366px) {
  .Logo {top: 24px;}
  .HeaderDiv a.orange-color { color: #fb6200 !important;}
  .ThankYouMessage {position: absolute; top:50%; left: 5%; transform: translateY(-50%); max-width: 400px}
  .Logo img {max-width: 140px;}
  .menu-toggler {right: auto; left: 10px; top: 5px}
  .menu-toggler-icon {width: 26px}
  .menu-toggler-icon, .menu-toggler-icon::before, .menu-toggler-icon::after {height: 2px !important}
	.menu-toggler-icon::after {bottom: -5px;}
	.menu-toggler-icon::before {top: -5px;}
	.menu-toggler-icon::before, .menu-toggler-icon::after {height: 2px !important; margin:0;}
	#openMenuBtn {border:1px solid #fff; padding-top: 10px; padding-bottom: 10px}
	.adjBtnSmallS {min-width: auto !important; max-width: none !important; padding: 5px 8px !important; margin: 0 auto !important; font-size: 14px !important; line-height: 15px}
	.MobiHeaderNew {width: 100%; padding-top: 30px;}
	.MobiHeaderNew, .MobiHeaderNew * {box-sizing: border-box}
	.mobiPhone {font-size: 1.7rem}
	.MobiHeaderNewRow {height: 90%}
	.LogoD {display: none}
	.LogoM {display: block; padding-left: 6px}
	.LogoM img {filter:invert(10) brightness(10) contrast(10); max-width: 160px}
	.brd-adj-org2 {border-right: 1px solid #fb6200;}
	
	.HeaderDiv {/*height: 119px*/}
	.AnchorLink {scroll-margin-top: 119px; /* This MUST match your fixed header's height */}
	.MobiHeader { height: 119px;}
	.HeaderDiv {padding-top: 119px}
}
@media (max-width: 767px) {
	.phoneBtnRight > div{padding-right: 10px}
	.adjBtnSmallS {font-size: 12px !important; line-height: 13px}
	.mobiPhone {font-size: 1.5rem}
	.MobiHeaderNew .BtnNew.BtnNew-w.BtnNew-Mrg2 {width: 100%;}
	.menu-col-add {display: none}
	.fullscreen-menu-overlay.is-open {top: 0px; height: auto; padding-bottom: 25px; padding-top: 46px;}
	.showmeonMobiOnly {display: flex}
	.paddadmenumobile {padding-top: 25px}
	.close-menu-btn {top: -5px; left: -4px}
	/*.MobiHeaderNew {padding-left: 15px; padding-right: 15px}*/
	.BtnNew.BtnNew-w.BtnNew-Mrg2 {width: 100%}
	.BackSliderLogoContent {width: 98%; margin: 0 auto}	
}
@media (min-width: 1366px) and (max-width: 1400px){
	.ThankYouMessage {max-width: 550px}
}
@media (max-width: 767px) {
	.ThankYouMessage {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); max-width: 400px}
	.SliderDiv.thankyoudiv {min-height: 410px;} /*.SliderDiv .carousel-item img, */
	#carousel3c .flex-control-nav {margin-bottom: 5px}
	.AsSeenOnDiv {padding: 20px 0 12px;}
	.AsSeenOnDiv img {height: 50px}
	.AsSeenOnDiv .h3 {padding-bottom: 5px;}
}
@media (max-width: 460px) {
	.PhoneNo2 {max-width: 216px; margin-left: auto; margin-right: auto}
}

@media (min-width: 768px) and (max-width: 1023px){
	.footeraddfix {width: 600px}
}
@media (min-width: 768px) and (max-width: 1300px){
	.adjforTablet {-webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important;}
	.BackSliderLogoContent {padding-top: 10px; padding-bottom: 10px}
	.BackSliderLogoContent.justify-content-end {-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
}
@media (min-width: 100px) and (max-width: 767px){
	.adjforTablet {-webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important;}
	.BackSliderLogoContent {padding-top: 10px; padding-bottom: 10px}
	.BackSliderLogoContent.justify-content-end {-webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	.emptyMobiDiv {display: none}
}
@media (min-width: 768px) and (max-width: 1400px){
	.RelBoxOther .DeskImg {min-height: 390px; object-fit: cover; object-position: 50% 50%}
}
@media (min-width: 768px) and (max-width: 1365px){
	.PhoneNo2 {color: #fb6200; font-size: 1.83rem}
}
@media (min-width: 768px) and (max-width: 1366px){
	.MobiHeader.MobiHeaderNew {width: 100%; display: flex; justify-content: space-evenly;}
	.MobiHeader.MobiHeaderNew .MobiHeaderNewRow  {}
	.MobiHeader.MobiHeaderNew .MobiHeaderNewRow .LogoLeft { max-width: fit-content !important; padding-right: 2rem;}
	.MobiHeader.MobiHeaderNew .MobiHeaderNewRow .phoneBtnRight {padding-left: 2rem;}
}
@media (min-width: 1367px) {
	.phoneBtnRight {display: none}
}