.roboto {
     font-family: "Roboto", sans-serif;
 }

 .ubuntu {
     font-family: "Ubuntu", sans-serif;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html,
 body {
     scroll-behavior: smooth;
     font-family: "Roboto", sans-serif;
 }

 img {
     height: auto;
     max-width: 100%;
 }

 a {
     color: initial;
     text-decoration: none;
 }

 ul li {
     list-style-type: none;
 }

 /* common css start */
 .container {
     max-width: 1920px;
     margin: auto;
     padding: 0 60px;
 }

 .section-padding {
     padding: 60px 0;
 }

 .section-bg {
     background-color: #F8FAFC;
 }

 .text-center {
     text-align: center;
 }

 @media screen and (max-width:1400px) {

     .container {
         padding: 0 50px;
     }

     .section-padding {
         padding: 50px 0;
     }
 }

 @media screen and (max-width:1199px) {

     .container {
         padding: 0 40px;
     }
 }

 @media screen and (max-width:767px) {

     .container {
         padding: 0 20px;
     }

     .section-padding {
         padding: 40px 0;
     }
 }

 /* common css end */


 /* common heading css start */
 .main-heading {
     font-size: 36px;
     font-weight: 300;
     color: #2F2F2F;
     line-height: 1.3;
 }

 .main-heading span {
     font-style: italic;
     color: #2F2F2F;
     font-weight: 700;
     font-family: "Ubuntu", sans-serif;
 }

 .common-para {
     font-size: 18px;
     font-weight: 400;
     color: #747474;
     line-height: 1.5;
 }

 .common-btn {
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     line-height: 1;
     height: 43px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     background: #047C9E;
     width: max-content;
     border-radius: 60px;
     padding: 10px 20px;
     transition: all 0.3s;
 }

 .common-btn svg {
     transition: all 0.3s;
     width: 7pxpx;
     height: auto;
     object-fit: contain;
     display: block;
 }

 .common-btn:hover svg {
     rotate: 45deg;
 }

 @media screen and (max-width:1400px) {

     .main-heading {
         font-size: 32px;
     }

     .common-para {
         font-size: 16px;
     }

 }

 @media screen and (max-width:1199px) {

     .main-heading {
         font-size: 28px;
     }

     .common-para {
         font-size: 16px;
     }

 }

 @media screen and (max-width:767px) {

     .main-heading {
         font-size: 22px;
     }

     .common-para {
         font-size: 14px;
     }

     .common-btn {
         font-size: 14px;
     }

 }


 /* common heading css end */


 /* header css start */
 header {
     position: relative;
     z-index: 999;
     background-color: #fff;
     box-shadow: 0px 3.62px 157.54px 0px #0000001A;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     ;
 }

 .header-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     background-color: #fff;
     padding: 10px 0;
 }

 .header-left {
     display: flex;
     gap: 15px;
     align-items: center;
 }

 .header-logo-a {
     width: 117px;
     display: block;
 }

 .header-logo-a img {
     height: 51px;
     width: auto;
     object-fit: contain;
     display: block;
 }

 .burgermenu {
     display: none;
     flex-shrink: 0;
 }

 .cross-icon {
     display: none;
 }

 .menu-overay {
     display: none;
 }

 .header-right {
     display: flex;
     align-items: center;
     gap: 50px;
 }

 .header-nav {
     display: flex;
     align-items: center;
     gap: 25px;
 }

 .header-nav .nav-item a {
     padding: 0 10px;
     font-size: 14px;
     font-weight: 500;
     color: #4C4C4C;
     line-height: 1.1;
 }

 .header-nav .nav-item.active a {
     color: #047C9E;
 }

 .header-nav .nav-item {
     position: relative;
 }

 .header-nav .nav-item.active::after {
     content: "";
     display: block;
     width: 100%;
     height: 4px;
     background-color: #047C9E;
     position: absolute;
     bottom: -26px;
 }

 .header-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
     font-weight: 500;
     background: #047C9E;
     color: #fff;
     line-height: 1;
     width: 117px;
     height: 40px;
     border-radius: 20px;
     transition: all 0.3s ease-in-out;
     gap: 8px;
 }

 .header-btn:hover {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     color: #ffffff;
 }

 .header-btn svg {
     transition: all 0.3s;
 }

 .header-btn:hover svg {
     rotate: 45deg;
 }

 @media screen and (max-width:1199px) {

     .header-nav {
         gap: 15px;
     }

     .header-right {
         gap: 30px;
     }

     /* .header-wrapper{padding: 10px 20px;} */
     .header-btn {
         width: 117px;
         height: 40px;
         font-size: 14px;
     }

     .header-nav .nav-item a {
         padding: 0 6px;
     }
 }

 @media screen and (max-width:991px) {

     nav {
         position: fixed;
         top: 0;
         left: -110vw;
         width: 100vw;
         height: 100vh;
         z-index: 99;
         transition: all 0.3s;
     }

     .header-nav {
         gap: 0;
     }

     .header-nav {
         height: 100vh;
         background-color: #fff;
         width: 95vw;
         max-width: 500px;
         flex-direction: column;
         gap: 0;
     }

     .menu-overay {
         content: "";
         display: block;
         width: 100%;
         height: 100%;
         background-color: #000;
         opacity: 50%;
         position: absolute;
         top: 0;
         left: 0;
         z-index: -1;
     }

     .cross-icon {
         display: block;
         width: max-content;
         margin-left: auto;
         margin-right: 10px;
         margin-top: 10px;
         cursor: pointer;
     }

     .header-nav .nav-item a {
         width: 100%;
         border-bottom: 1px solid #ccc;
         padding: 20px;
         display: block;
     }

     .header-nav .nav-item {
         width: 100%;
         padding: 0 20px;
     }

     .burgermenu {
         display: block;
     }

     nav.active {
         left: 0;
     }

     .header-lilly-logo {
         display: none;
     }

     .header-wrapper {
         margin-top: 0;
         border-radius: 0;
         background-color: transparent;
         padding: 8px 0;
     }

     header {
         background-color: #fff;
     }

     .header-nav .nav-item.active::after {
         display: none;
     }
 }

 @media screen and (max-width:767px) {

     .header-btn {
         width: 117px;
     }

 }

 /* header css end */


 /* banner css start */

 .banner-section {
     padding-top: 70px;
 }

 .banner-slider {
     position: relative;
     overflow: hidden;
 }

 .banneer-slide {
     position: relative;
 }

 .banner-img img {
     width: 100%;
     height: auto;
     object-fit: cover;
     display: block;
 }

 .banner-text {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     text-align: center;
     color: #fff;
     z-index: 2;
 }

 .banner-text h1 {
     font-size: 40px;
     font-weight: 300;
     margin-bottom: 15px;
     text-transform: capitalize;
 }

 .banner-text h1 span {
     font-style: italic;
     font-weight: 700;
     font-family: "Ubuntu", sans-serif;
 }

 .banner-text p {
     font-size: 20px;
     font-weight: 400;
     color: #fff;
 }

 .banner-img {
     position: relative;
 }

 .banner-img::after {
     content: "";
     position: absolute;
     inset: 0;
     background: #00000033;
 }

 .banner-pagination {
     position: absolute;
     bottom: 35px !important;
     left: 50% !important;
     transform: translateX(-50%);
     z-index: 10;
     display: flex;
     justify-content: center;
     gap: 15px;
 }

 .banner-pagination .swiper-pagination-bullet {
     width: 6px;
     height: 6px;
     margin: 6px !important;
     background: #fff;
     opacity: 1;
     transition: .3s;
     border: 2px solid transparent;
     position: relative;
 }

 .banner-pagination .swiper-pagination-bullet-active::after {
     content: "";
     display: block;
     width: 18px;
     height: 18px;
     border: 1px solid #fff;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 @media screen and (max-width:1400px) {

     .banner-text h1 {
         font-size: 36px;
     }

 }

 @media screen and (max-width:1199px) {

     .banner-text h1 {
         font-size: 32px;
     }

     .banner-text p {
         font-size: 18px;
     }
 }

 @media screen and (max-width:767px) {

     .banner-text h1 {
         font-size: 24px;
         margin-bottom: 10px;
     }

     .banner-text p {
         font-size: 16px;
     }

     .banner-pagination {
         gap: 10px;
     }

     .banner-pagination .swiper-pagination-bullet {
         margin: 4px !important;
         width: 5px;
         height: 5px;
     }

     .banner-pagination .swiper-pagination-bullet-active::after {
         width: 15px;
         height: 15px;
     }
 }

 /* banner css end */


 /* cognitive css start */
 .cognitive-item-a {
     display: flex;
     overflow: hidden;
     border-radius: 20px;
     background-color: #F5F5F5;
     min-height: 400px;
     margin-bottom: 20px;
 }

 .cognitive-item-a:last-child {
     margin: 0;
 }

 .cognitive-item-a:nth-child(even) {
     flex-direction: row-reverse;
 }

 .cognitive-left {
     width: 40%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 20px;
     max-width: 400px;
     margin: auto;
 }

 .cognitive-read-more-area {
     margin-top: 12px;
 }

 .cognitive-para p {
     font-size: 14px;
     font-weight: 400;
     color: #747474;
     line-height: 1.5;
     margin-bottom: 10px;
 }

 .cognitive-read-more-btn {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     font-weight: 500;
     color: #047C9E;
     margin-top: 23px;
     cursor: pointer;
     width: max-content;
     transition: all 0.3s;
 }

 .cognitive-read-more-btn svg {
     transition: all 0.3s;
 }

 .cognitive-read-more-btn:hover svg {
     transform: translateX(5px);
 }

 .cognitive-para-hide {
     display: none;
 }

 .cognitive-right {
     width: 60%;
     height: auto;
     position: relative;
     overflow: hidden;
 }

 .cognitive-right::after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #0000000D;
 }

 .cognitive-right img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 @media screen and (max-width:1199px) {

     .cognitive-left {
         width: 50%;
         max-width: 450px;
     }

     .cognitive-right {
         width: 50%;
     }
 }

 @media screen and (max-width:767px) {
     .cognitive-item-a:nth-child(even) {
         flex-direction: column;
     }

     .cognitive-item-a {
         flex-direction: column;
         min-height: initial;
     }

     .cognitive-left {
         width: 100%;
         max-width: 100%;
         order: 2;
     }

     .cognitive-right {
         width: 100%;
         order: 1;
     }

     .cognitive-read-more-btn:hover svg {
         transform: translateX(0px);
     }
 }

 /* cognitive css end */


 /* brain health css start */
 .brain-health-section {
     background-color: #F5F5F5;
 }

 .brain-health-section .main-heading {
     margin-bottom: 30px;
 }

 .brain-health-wrapper {
     overflow: hidden;
     border-radius: 20px;
     aspect-ratio: 13/4.7;
 }

 .brain-health-img {
     position: relative;
 }

 .brain-health-img::after {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: #000;
     opacity: 0.2;
 }

 .play-icon::after {
     display: none;
 }

 .brain-health-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .play-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     cursor: pointer;
     width: 34px;
     height: 34px;
     z-index: 9;
 }

 .play-icon img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .brain-health-video video {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
 }

 .brain-health-img,
 .brain-health-video {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .brain-health-video {
     display: none;
     position: relative;
 }

 .brain-health-video.active {
     display: block;
 }

 .brain-health-img.hide {
     display: none;
 }

 .cross-icon,
 .play-icon {
     cursor: pointer;
 }

 .brain-health-video video {
     width: 100%;
     display: block;
 }

 .brain-health-video .cross-icon {
     display: block;
     position: absolute;
     top: 10px;
     right: 10px;
     border-radius: 50%;
     background-color: #fff;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .play-icon::before,
 .play-icon::after {
     content: "";
     position: absolute;
     inset: 0;
     border: 1px solid #fff;
     border-radius: 50%;
     animation: borderBlink 2s infinite;
     pointer-events: none;
 }

 .play-icon::after {
     animation-delay: 1s;
 }

 @keyframes borderBlink {
     0% {
         transform: scale(1);
         opacity: 0.8;
     }

     100% {
         transform: scale(2);
         opacity: 0;
     }
 }

 @media screen and (max-width:600px) {

     .brain-health-wrapper {
         aspect-ratio: 1/1;
     }

     .brain-health-video .cross-icon {
         width: 30px;
         height: 30px;
         top: 5px;
         right: 5px;
     }
 }


 /* brain health css end */


 /* faq css start */
 .faq-main-box {
     margin-top: 30px;
     display: flex;
     column-gap: 100px;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .faq-wrapper {
     width: calc(50% - 50px);
 }

 .faq-item {
     padding: 18px 0;
     border-bottom: 1px solid #442E23;
 }

 .faq-item:first-child {
     border-top: 1px solid #442E23;
 }

 .faq-head {
     display: flex;
     justify-content: space-between;
     gap: 20px;
     cursor: pointer;
 }

 .faq-title {
     font-size: 16px;
     font-weight: 400;
     color: #747474;
     line-height: 1.4;
     margin-top: 4px;
     transition: all 0.5s;
 }

 .faq-arrow {
     width: 30px;
     height: 30px;
     flex-shrink: 0;
     transition: all 0.5s;
 }

 .faq-arrow img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: contain;
 }

 .faq-para {
     font-size: 14px;
     font-weight: 400;
     color: #747474;
     line-height: 1.5;
     height: 0;
     visibility: hidden;
     opacity: 0;
     transition: all 0.5s;
 }

 .faq-item.active .faq-title {
     color: #000;
 }

 .faq-item.active .faq-arrow {
     rotate: 90deg;
 }

 .faq-item.active .faq-para {
     height: fit-content;
     opacity: 1;
     visibility: visible;
     padding-top: 10px;
 }

 @media screen and (max-width:1199px) {

     .faq-main-box {
         column-gap: 50px;
     }

     .faq-wrapper {
         width: calc(50% - 25px);
     }

 }

 @media screen and (max-width:991px) {

     .faq-main-box {
         column-gap: 20px;
     }

     .faq-wrapper {
         width: calc(50% - 10px);
     }

 }

 @media screen and (max-width:1199px) {

     .faq-main-box {
         column-gap: 0px;
         flex-direction: column;
     }

     .faq-wrapper {
         width: 100%;
     }

     .faq-item:first-child {
         border-top: 0;
     }

     .faq-wrapper:first-child .faq-item:first-child {
         border-top: 1px solid #442E23;
     }
 }

 /* faq css end */

 /* register now css start */
 .register-wrapper {
     max-width: 1920px;
     width: 100%;
     position: relative;
 }

 .register-bg-img img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     min-height: 400px;
 }

 .register-text-area {
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     width: 100%;
 }

 .register-link-area {
     background-color: #fff;
     border-radius: 20px;
     margin: 35px 0;
     max-width: 450px;
     width: 100%;
 }

 .register-link {
     padding: 20px 20px 18px;
 }

 .register-link a {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
 }

 .register-text {
     font-size: 18px;
     font-weight: 400;
     color: #747474;
     line-height: 1.3;
 }

 .register-text span {
     color: #047C9E;
     text-transform: uppercase;
 }

 .register-link:first-child {
     border-bottom: 1px solid #442E23;
 }

 @media screen and (max-width:1024px) {

     .register-link-area {
         margin: 25px 0;
     }

     .register-link {
         padding: 15px 20px;
     }

     .register-text {
         font-size: 16px;
     }

     .register-bg-img img {
         min-height: 550px;
     }
 }

 @media screen and (max-width:767px) {

     .register-text {
         font-size: 14px;
     }
 }

 /* register now css end */


 /* footer css start */
 footer {
     padding: 35px 0;
     background-color: #F5F5F5;
 }

 .privacy-link {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 4px;
     margin-bottom: 17px;
 }

 .privacy-link a,
 .privacy-link span {
     font-size: 16px;
     font-weight: 400;
     color: #747474;
     line-height: 1;
 }

 .copy-right {
     font-size: 12px;
     font-weight: 400;
     color: #747474;
     line-height: 1.3;
     text-align: center;
 }

 @media screen and (max-width:767px) {

     footer {
         padding: 20px 0;
     }

     .privacy-link {
         margin-bottom: 10px;
     }
 }

 /* footer css end */


 /* login page css start */
 .login-section {
     padding: 130px 0 50px;
 }

 .login-wrapper {
     display: flex;
 }

 .login-left {
     width: 50%;
 }

 .login-left img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
 }

 .login-right {
     width: 50%;
     display: flex;
     align-items: center;
     padding: 60px;
     padding-right: 0 !important;
 }

 .login-area {
     width: 100%;
 }

 .login-right form {
     width: 100%;
     margin-top: 28px;
 }

 .login-form-item {
     position: relative;
     margin-bottom: 14px;
     padding: 0px;
     border: 1px solid #D9D9D9;
     border-radius: 8px;
     background: #fff;
 }

 .login-form-item label {
     position: absolute;
     top: 50%;
     left: 16px;
     transform: translateY(-50%);
     font-size: 15px;
     font-weight: 500;
     color: #7A7A7A;
     pointer-events: none;
     background: transparent;
 }

 .login-form-item input {
     width: 100%;
     height: auto;
     min-height: 24px;
     line-height: 24px;
     border: 0;
     background: transparent;
     padding: 23px 0px 23px 145px;
     font-size: 14px;
     font-weight: 400;
     color: #333;
     outline: none;
     transition: .3s ease;
     box-sizing: border-box;
 }

 .login-form-item input::placeholder {
     color: #B5B5B5;
     font-size: 14px;
     font-family: "Roboto", sans-serif;
 }

 .login-form-item input:focus {
     border-color: #047C9E;
 }

 .login-form-item select {
     width: 100%;
     height: auto;
     min-height: 24px;
     line-height: 24px;
     border: 0;
     background-color: transparent;
     padding: 23px 40px 23px 145px;
     font-size: 14px;
     font-weight: 400;
     color: #333;
     outline: none;
     transition: .3s ease;
     box-sizing: border-box;
     appearance: none;
     -webkit-appearance: none;
     cursor: pointer;
     background-image: url("../images/icons/form-arrow-icon.svg");
     background-repeat: no-repeat;
     background-position: right 20px center;
     width: calc(100% - 140px);
     padding-left: 5px;
     display: block;
     margin-left: auto;
 }

 .login-form-item select:focus {
     border-color: #047C9E;
 }

 .login-form-item select.is-placeholder {
     color: #B5B5B5;
 }

 .login-form-item select option {
     color: #333;
 }

 .forgot-login-password {
     display: flex;
     justify-content: flex-end;
     gap: 8px;
     margin: 8px 0 24px;
     font-size: 13px;
     color: #B5B5B5;
     cursor: pointer;
     border: 0;
     background-color: transparent;
     width: max-content;
     margin-left: auto;
 }

 .forgot-login-password a {
     color: #B5B5B5;
     text-decoration: none;
     transition: .3s;
 }

 .forgot-login-password a:hover {
     color: #047C9E;
 }

 .login-btn {
     width: 100%;
     border: 0;
     border-radius: 30px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
     cursor: pointer;
     transition: .3s ease;
 }

 .register-here {
     margin-top: 18px;
     text-align: center;
     font-size: 14px;
     color: #555;
 }

 .register-here a {
     color: #047C9E;
     font-weight: 700;
     text-decoration: none;
 }

 .register-here a:hover {
     text-decoration: underline;
 }

 @media screen and (max-width:1199px) {

     .login-right {
         padding: 40px;
     }

     .login-form-item input {
         padding-left: 140px;
     }
.login-right {
         padding: 20px 0 20px 20px;
     }
    
 }

 @media screen and (max-width:1024px) {

     

     .login-form-item input {
         padding-left: 140px;
     }

 }

 @media screen and (max-width:767px) {

     .login-wrapper {
         flex-direction: column;
     }

     .login-left {
         width: 100%;
     }

     .login-right {
         width: 100%;
         padding: 20px 0 0;
     }

     .login-form-item input {
         padding-left: 140px;
     }

     

     .login-right form {
         margin-top: 20px;
     }

     .login-section {
         padding: 100px 0 40px;
     }
 }

 /* login page css end */


 /* cognitive - health css start */
.cognitive-head{display: flex; gap: 40px; margin-bottom: 30px;}
.cognitive-head .main-heading{max-width: 470px; flex-shrink: 0;}
.cognitive-head .cognitive-head-para{font-size: 14px; font-weight: 400; color: #747474; line-height: 1.5; margin-top: 10px; max-width: 710px;}
.moca-chai-seection .cognitive-left{max-width: 480px;}

@media screen and (max-width:767px) {

    .cognitive-head{flex-direction: column; gap: 0;}
    .moca-chai-seection .cognitive-left{max-width: 100%;}
}
 
/* cognitive css end */


/* intro-moca-chai css start */
.intro-moca-chai-section{background-color: #F5F5F5;}
.relative_health_blog { position: relative; } 
.intro-moca-text-area{display: flex; gap: 40px; margin-bottom: 30px;}
.intro-moca-text-area .main-heading{max-width: 470px; flex-shrink: 0;}
.intro-moca-text-area .intro-moca-para{font-size: 14px; font-weight: 400; color: #747474; line-height: 1.5; margin-top: 10px; max-width: 710px; margin-right: 110px;}
.health_blog_slider { overflow: hidden; } .health_blog_slider .swiper-slide { height: initial; } 
.health_blog_slider .health_blog_card { height: 100%; border: 1px solid #E8E8E8; border-radius: 16px; overflow: hidden; position: relative; background: #FFFFFF; } 
.health_blog_image img { width: 100%; height: initial; line-height: 0px; transition: all 0.3s; aspect-ratio: 3/2; } 
.health_blog_image { border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; overflow: hidden; position: relative; line-height: 0px; display: block; width: 100%; text-decoration: none; } 
.health_blog_content_box { padding: 20px; } 
.health_blog_title { font-size: 20px; line-height: 1.3; font-weight: 400; color: #2F2F2F; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.health_blog_desc { color: #747474; font-weight: 400; font-size: 14px; line-height: 1.5; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.health_blog_btn { position: absolute; bottom: 25px; left: 25px; right: 25px; width: auto; z-index: 3; display: flex; justify-content: flex-start; } 
.relative_health_blog .slider_arrow { position: absolute; top: -80px; right: 0px; z-index: 4; } 
.custom-swiper-button-prev, .custom-swiper-button-next { width: 36px; line-height: 0px; cursor: pointer; } 
.custom-swiper-button-prev.swiper-button-disabled, .custom-swiper-button-next.swiper-button-disabled { pointer-events: none; opacity: 0.8; } 
.custom-swiper-button-prev svg, .custom-swiper-button-next svg { width: 100%; height: initial; } 
.custom-swiper-button-prev:hover svg rect, .custom-swiper-button-next:hover svg rect { fill: var(--brandBg); stroke: var(--brandBg); } 
.custom-swiper-button-prev:hover svg path, .custom-swiper-button-next:hover svg path { stroke: #fff; } 
.custom-swiper-button-next, .custom-swiper-button-prev { width: 44px; height: 44px; border-radius: 30px; border: 1.5px solid #E4E4E4; position: relative; background: #fff; } 
.custom-swiper-button-next:after, .custom-swiper-button-prev:after { content: ""; position: absolute; top: 50%; left: 47%; width: 6px; height: 6px; border-right: 2px solid rgb(76 76 76 / 77%); border-bottom: 2px solid rgb(76 76 76 / 77%); transform: translate(-50%, -50%) rotate(310deg); } 
.custom-swiper-button-prev:after { transform: translate(-50%, -50%) rotate(132deg); left: 53%; } 
.slider_arrow .custom-swiper-button-prev { margin-right: 5px; } 
.slider_arrow .custom-swiper-button-next { margin-left: 5px; } 
.slider_border_line .custom-swiper-button-next:before, .slider_border_line .custom-swiper-button-prev:before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; border: 1px solid #047C9E; border-radius: 30px; clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%); transform: rotate(-90deg); transition: all 0.3s; }
.slider_arrow_with_dot { display: flex; justify-content: center; align-items: center; }

@media only screen and (max-width: 1024px) {

    .health_blog_content_box {padding: 15px;}
}

@media only screen and (max-width: 991px) {

    .intro-moca-text-area .intro-moca-para{margin-right: 0;}
    .health_blog_wrapper { margin-right: -30px; position: relative; } 
    .health_blog_slider { padding-right: 30px; } 
    .health_blog_wrapper .slider_arrow { top: 50%; left: -20px; right: 20px; justify-content: space-between; transform: translate(0px, -50%); pointer-events: none; } 
    .health_blog_wrapper .slider_arrow .custom-swiper-button-next, .health_blog_wrapper .custom-swiper-button-prev { pointer-events: initial; }
}

@media only screen and (max-width: 768px) {
    
    .health_blog_wrapper { margin-right: -15px; position: relative; } 
    .health_blog_slider { padding-right: 15px; } 
    .health_blog_wrapper .slider_arrow { left: -11px; right: 11px; } 
    .health_blog_wrapper .slider_arrow { top: 27%; } 
    .health_blog_title { font-size: 17px; } 
    .health_blog_wrapper .common_btn_box .common_btn { display: flex; justify-content: center; width: calc(100% - 15px); } 
    .health_blog_btn { left: 16px; } 
    .health_blog_btn .cancer_card_link { font-size: 14px; font-weight: 500; } 
    .health_blog_wrapper .slider_arrow { top: 50%; }
    .intro-moca-text-area{flex-direction: column; gap: 0;}
    .intro-moca-text-area .main-heading br{display: none;}
}

/* intro-moca-chai css end */

/* image text section css start */
.image-text-section .cognitive-left{max-width: 500px;}

@media screen and (max-width:767px) {

    .image-text-section .cognitive-left{max-width: 100%;}
}

/* image text section css end */

/* cognitive - health css end */