.slide-1{background-image:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(90.49deg,rgba(0,0,0,0.4) 10.83%,rgba(255,255,255,0) 131.35%),url('https://theandrodev.com/mentalwellnessks/images/Mental-Health-Treatment-Palm-Springs-CA-Banner.webp');}.full-image{margin-top:-10px;margin-left:-10px;margin-right:-10px;margin-bottom:-14px;}.border{border:1px solid var(--text-color);border-radius:var(--border-radius);}#programs .left-section{margin:10px;}.single-programs-content{padding:15px;} .no-margin{margin-top:0px;margin-bottom:0px;}#programs a{text-decoration:none;color:var(--text-color);margin-bottom:20px;float:left;font-size:15px;}.process-wraper{margin-bottom:20px;}.process-content h4{margin-top:0px;margin-bottom:0px;}.process-icon img{margin-top:6px;max-width:40px;max-height:40px;}.timeline::after{content:'';position:static;border:.5px solid #4F6D8A;height:calc(100% - 44px);display:block;width:0px;transform:translate(19px,14px);}#doctor{border:1px solid var(--text-color);border-radius:var(--border-radius);}#doctor h3{font-size:36px;line-height:48px;margin:0px;}#addiction_section{background:background:rgba(247,249,248,1);}#addiction_section div{padding:10px 20px;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);background:#ffffff;border-radius:var(--border-radius);border:1px solid #E8E8E8;}#addiction_section h3{font-size:36px;margin:0px;line-height:120%;}#addiction_section ul{height:80px;border-bottom:1px solid rgba(162,162,162,0.2);margin-bottom:5px;}#addiction_section a{color:var(--text-color);text-decoration:none;}.show-logos img{max-width:120px;max-height:60px;}.show-logos div{text-align:center;}.programs_section{border:1px solid var(--text-color);border-radius:var(--border-radius);}.programs_section a{text-decoration:none;color:var(--text-color);margin-bottom:20px;float:left;font-size:15px;}.programs_section_image{margin-bottom:-4px;float:left;}.programs_content{float:left;padding:20px;}#hero_2{background-image:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(90.49deg,rgba(0,0,0,0.4) 10.83%,rgba(255,255,255,0) 131.35%),url('https://theandrodev.com/mentalwellnessks/images/healing-happens-in-the-right-environment-background.webp');}#hero_2{height:calc(50vh); min-height:400px; background-size:cover; background-position:center; display:flex; align-items:center; color:white; text-align:left; width:100%; max-width:100%; }.border-bottom{border-bottom:1px solid var(--text-color);}#contact{padding:50px 31px; }#footer-menu{display:flex;align-items:center;justify-content:center;gap:30px;}#footer-menu a{color:var(--text-color);text-decoration:none;font-weight:500;}#footer-menu ul li{list-style:none;}#footer-menu ul{padding-left:0px;}.social{display:flex;gap:10px;}.absolute-footer a{font-size:14px; color:var(--text-color);}@media (max-width:1023px){.dropdown span{width:100%;}.dropdown:hover .dropdown-content{width:100%;}#header .col-lg-2{grid-column:span 5;}#header .col-lg-1{grid-column:span 2;}.mobile-menu{text-align:center;}#open-menu-btn{padding:5px 9px;font-size:20px;}body.menu-overlay-active::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999; display:block;}.side-panel{position:fixed;top:0;left:-300px; width:300px;height:100vh;background-color:#ffffff;box-shadow:4px 0 10px rgba(0,0,0,0.1);transition:left 0.3s ease-in-out;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;}.side-panel.panel-open{left:0;}.close-btn-container{display:flex;justify-content:flex-end;padding:15px;}#close-menu-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--off-white);}.side-panel .dropdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #f0f0f0;cursor:pointer;padding:0;}.side-panel a{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;color:#333333;text-decoration:none;font-size:16px;font-family:sans-serif;border-bottom:1px solid #f0f0f0;cursor:pointer;}.side-panel .dropdown span{padding:15px 25px;color:#333333;font-size:16px;font-family:sans-serif;flex:1;display:flex;align-items:center;}.side-panel .dropdown .dropdown-arrow{margin-right:25px;margin-top:0; flex-shrink:0;}.side-panel .dropdown .dropdown-content{flex-basis:100%;order:3;}.side-panel a:hover,.side-panel .dropdown span:hover{background:var(--alternative-color);}.dropdown-content{max-height:0; overflow:hidden;transition:max-height 0.3s ease-out; background:var(--alternative-color);display:block;padding:0;}.dropdown-content.accordion-open{max-height:900px;padding:8px 0;}.dropdown-content a{padding-left:45px; border-bottom:none;font-size:15px;}.dropdown-arrow{width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--off-white);transition:transform 0.3s ease;margin-right:5px;}.dropdown.active .dropdown-arrow{transform:rotate(180deg);}.timeline::after{display:none;}#nav-menu{display:flex;align-items:stretch;justify-content:flex-start;gap:15px;background:var( --secondary-color);}#nav-menu a,#nav-menu span{color:var(--off-white);}.dropdown-content{width:100%;}#footer-menu{gap:6px;font-size:14px;}#footer .col-lg-2{grid-column:span 12;text-align:center;margin-left:auto;margin-right:auto;}.swiper-slide-active{transform:translateY(0px) !important;}} .slider-container{position:relative;max-width:800px;margin:auto;overflow:hidden; }.slider-track{display:flex;transition:transform 0.5s ease-in-out; width:100%;}.slide{min-width:100%; box-sizing:border-box;}.slide img{width:100%;display:block;}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.7);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:18px;transition:0.3s;}.prev{left:15px; }.next{right:15px; }.prev:hover,.next:hover{background-color:white;}.dots-container{position:absolute;bottom:20px;width:100%;text-align:center;}.dot{height:10px;width:10px;margin:0 5px;background-color:rgba(255,255,255,0.5);border-radius:50%;display:inline-block;cursor:pointer;transition:0.3s;}.dot.active{background-color:white; }.animate{opacity:0; animation-duration:1s; animation-fill-mode:both; }.animate.fast{animation-duration:0.5s; }.animate.normal{animation-duration:1s; }.animate.slow{animation-duration:2s; }.animate.ultra-slow{animation-duration:3s; }.is-visible.fade-in{animation-name:fadeIn; }.is-visible.fade-in-up{animation-name:fadeInUp; }.is-visible.fade-in-down{animation-name:fadeInDown; }.is-visible.fade-in-left{animation-name:fadeInLeft; }.is-visible.fade-in-right{animation-name:fadeInRight; }@keyframes fadeIn{from{opacity:0; }to{opacity:1; }}@keyframes fadeInUp{from{opacity:0; transform:translateY(50px); }to{opacity:1; transform:translateY(0); }}@keyframes fadeInDown{from{opacity:0; transform:translateY(-50px); }to{opacity:1; transform:translateY(0); }}@keyframes fadeInLeft{from{opacity:0; transform:translateX(-50px); }to{opacity:1; transform:translateX(0); }}@keyframes fadeInRight{from{opacity:0; transform:translateX(50px); }to{opacity:1; transform:translateX(0); }}.is-visible.zoom-in{animation-name:zoomIn; }.is-visible.zoom-in-up{animation-name:zoomInUp; }.is-visible.zoom-in-down{animation-name:zoomInDown; }.is-visible.zoom-in-left{animation-name:zoomInLeft; }.is-visible.zoom-in-right{animation-name:zoomInRight; }@keyframes zoomIn{from{opacity:0; transform:scale(0.3); }50%{opacity:1; }}@keyframes zoomInUp{from{opacity:0; transform:scale(0.5) translateY(100px); }to{opacity:1; transform:scale(1) translateY(0); }}@keyframes zoomInDown{from{opacity:0; transform:scale(0.5) translateY(-100px); }to{opacity:1; transform:scale(1) translateY(0); }}@keyframes zoomInLeft{from{opacity:0; transform:scale(0.5) translateX(-100px); }to{opacity:1; transform:scale(1) translateX(0); }}@keyframes zoomInRight{from{opacity:0; transform:scale(0.5) translateX(100px); }to{opacity:1; transform:scale(1) translateX(0); }}.is-visible.bounce-in{animation-name:bounceIn; }.is-visible.bounce-in-up{animation-name:bounceInUp; }.is-visible.bounce-in-down{animation-name:bounceInDown; }.is-visible.bounce-in-left{animation-name:bounceInLeft; }.is-visible.bounce-in-right{animation-name:bounceInRight; }@keyframes bounceIn{0%{opacity:0; transform:scale(0.3); }50%{opacity:1; transform:scale(1.05); }70%{transform:scale(0.9); }100%{opacity:1; transform:scale(1); }}@keyframes bounceInUp{0%{opacity:0; transform:translateY(200px); }60%{opacity:1; transform:translateY(-20px); }80%{transform:translateY(10px); }100%{opacity:1; transform:translateY(0); }}@keyframes bounceInDown{0%{opacity:0; transform:translateY(-200px); }60%{opacity:1; transform:translateY(20px); }80%{transform:translateY(-10px); }100%{opacity:1; transform:translateY(0); }}@keyframes bounceInLeft{0%{opacity:0; transform:translateX(-200px); }60%{opacity:1; transform:translateX(20px); }80%{transform:translateX(-10px); }100%{opacity:1; transform:translateX(0); }}@keyframes bounceInRight{0%{opacity:0; transform:translateX(200px); }60%{opacity:1; transform:translateX(-20px); }80%{transform:translateX(10px); }100%{opacity:1; transform:translateX(0); }}.is-visible.slide-in-up{animation-name:slideInUp; }.is-visible.slide-in-down{animation-name:slideInDown; }.is-visible.slide-in-left{animation-name:slideInLeft; }.is-visible.slide-in-right{animation-name:slideInRight; }@keyframes slideInUp{from{transform:translateY(100%); opacity:0; }to{transform:translateY(0); opacity:1; }}@keyframes slideInDown{from{transform:translateY(-100%); opacity:0; }to{transform:translateY(0); opacity:1; }}@keyframes slideInLeft{from{transform:translateX(-100%); opacity:0; }to{transform:translateX(0); opacity:1; }}@keyframes slideInRight{from{transform:translateX(100%); opacity:0; }to{transform:translateX(0); opacity:1; }}.is-visible.rotate-in{animation-name:rotateIn; }.is-visible.rotate-in-down-left{animation-name:rotateInDownLeft; transform-origin:left bottom; }.is-visible.rotate-in-down-right{animation-name:rotateInDownRight; transform-origin:right bottom; }.is-visible.rotate-in-up-left{animation-name:rotateInUpLeft; transform-origin:left top; }.is-visible.rotate-in-up-right{animation-name:rotateInUpRight; transform-origin:right top; }@keyframes rotateIn{from{transform:rotate(-200deg); opacity:0; }to{transform:translate(0); opacity:1; }}@keyframes rotateInDownLeft{from{transform:rotate(-45deg); opacity:0; }to{transform:translate(0); opacity:1; }}@keyframes rotateInDownRight{from{transform:rotate(45deg); opacity:0; }to{transform:translate(0); opacity:1; }}@keyframes rotateInUpLeft{from{transform:rotate(45deg); opacity:0; }to{transform:translate(0); opacity:1; }}@keyframes rotateInUpRight{from{transform:rotate(-45deg); opacity:0; }to{transform:translate(0); opacity:1; }}.is-visible.bounce{animation-name:bounce; transform-origin:center bottom; opacity:1; }.is-visible.flash{animation-name:flash; opacity:1; }.is-visible.pulse{animation-name:pulse; opacity:1; }.is-visible.rubber-band{animation-name:rubberBand; opacity:1; }.is-visible.shake{animation-name:shake; opacity:1; }.is-visible.head-shake{animation-name:headShake; opacity:1; }.is-visible.swing{animation-name:swing; transform-origin:top center; opacity:1; }.is-visible.tada{animation-name:tada; opacity:1; }.is-visible.wobble{animation-name:wobble; opacity:1; }.is-visible.jello{animation-name:jello; transform-origin:center; opacity:1; }@keyframes bounce{0%,20%,53%,80%,100%{transform:translateY(0); }40%,43%{transform:translateY(-30px); }70%{transform:translateY(-15px); }90%{transform:translateY(-4px); }}@keyframes flash{0%,50%,100%{opacity:1; }25%,75%{opacity:0; }}@keyframes pulse{0%{transform:scale(1); }50%{transform:scale(1.05); }100%{transform:scale(1); }}@keyframes rubberBand{0%{transform:scale(1); }30%{transform:scaleX(1.25) scaleY(0.75); }40%{transform:scaleX(0.75) scaleY(1.25); }50%{transform:scaleX(1.15) scaleY(0.85); }65%{transform:scaleX(0.95) scaleY(1.05); }75%{transform:scaleX(1.05) scaleY(0.95); }100%{transform:scale(1); }}@keyframes shake{0%,100%{transform:translateX(0); }10%,30%,50%,70%,90%{transform:translateX(-10px); }20%,40%,60%,80%{transform:translateX(10px); }}@keyframes headShake{0%{transform:translateX(0); }6.5%{transform:translateX(-6px) rotateY(-9deg); }18.5%{transform:translateX(5px) rotateY(7deg); }31.5%{transform:translateX(-3px) rotateY(-5deg); }43.5%{transform:translateX(2px) rotateY(3deg); }50%{transform:translateX(0); }}@keyframes swing{20%{transform:rotate(15deg); }40%{transform:rotate(-10deg); }60%{transform:rotate(5deg); }80%{transform:rotate(-5deg); }100%{transform:rotate(0deg); }}@keyframes tada{0%{transform:scale(1); }10%,20%{transform:scale(0.9) rotate(-3deg); }30%,50%,70%,90%{transform:scale(1.1) rotate(3deg); }40%,60%,80%{transform:scale(1.1) rotate(-3deg); }100%{transform:scale(1); }}@keyframes wobble{0%{transform:translateX(0%); }15%{transform:translateX(-25%) rotate(-5deg); }30%{transform:translateX(20%) rotate(3deg); }45%{transform:translateX(-15%) rotate(-3deg); }60%{transform:translateX(10%) rotate(2deg); }75%{transform:translateX(-5%) rotate(-1deg); }100%{transform:translateX(0%); }}@keyframes jello{0%,11%,100%{transform:translate(0); }22%{transform:skewX(-12.5deg) skewY(-12.5deg); }33%{transform:skewX(6.25deg) skewY(6.25deg); }44%{transform:skewX(-3.125deg) skewY(-3.125deg); }55%{transform:skewX(1.5625deg) skewY(1.5625deg); }66%{transform:skewX(-0.78125deg) skewY(-0.78125deg); }77%{transform:skewX(0.390625deg) skewY(0.390625deg); }88%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg); }}.is-visible.light-speed-in{animation-name:lightSpeedIn; animation-timing-function:ease-out; }@keyframes lightSpeedIn{from{transform:translateX(100%) skewX(-30deg); opacity:0; }60%{transform:skewX(20deg); opacity:1; }80%{transform:skewX(-5deg); opacity:1; }to{transform:translateX(0); opacity:1; }}.is-visible.roll-in{animation-name:rollIn; }@keyframes rollIn{from{opacity:0; transform:translateX(-100%) rotate(-120deg); }to{opacity:1; transform:translateX(0) rotate(0deg); }}