html {
font-size: 16px;
}
@media (max-width: 1690px) {
html {
font-size: 15px;
}
}
@media (max-width: 1600px) {
html {
font-size: 14px;
}
}
@media (max-width: 1440px) {
html {
font-size: 13px !important;
}
}
@media (max-width: 1300px) {
html {
font-size: 12px !important;
}
}
@media (max-width: 1024px) {
html {
font-size: 12px !important;
}
}
@media (max-width: 768px) {
html {
font-size: 11px !important;
}
}
@media (max-width: 521px) {
html {
font-size: 13px !important;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Raleway", sans-serif;
/*padding-top: 4.7rem;*/
}
.padding {
font-family: "Raleway", sans-serif;
padding-top: 4.7rem;
}
h1 {
font-size: 5rem;
line-height: 1;
}
button {
font-weight: 800;
padding: 0.75rem 1.5rem;
border-radius: 5px;
font-size:0.9375rem;
}
h2 {
font-size: 4.375rem;
line-height: 1;
}
h3 {
font-size: 3rem;
line-height: 1.3;
}
h4 {
font-size: 1.375rem;
}
a {
text-decoration: none;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
p {
font-size: 1.25rem;
line-height:140%;
}
@media (max-width: 1160px) {
h2 {
font-size: 3.3rem;
}
h1 {
font-size: 4rem;
}
}
@media (max-width: 511px) {
h2 {
font-size: 3rem;
}
h1 {
font-size: 3.2rem;
}
}
@media (max-width: 391px) {
h2 {
font-size: 2.5rem;
}
}
/*
@media (max-width: 1600px) {
h1 {
font-size: 3rem;
line-height: 1.2;
}
button{
padding: 0.75rem 1.5rem;
border-radius: 0.4rem;
font-size: 1rem;
}
h2 {
font-size: 4rem;
line-height: 1.25;
}
h3 {
font-size: 3rem;
line-height: 1.3;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
p {
font-size: 1rem;
line-height: 1.4;
}
} */
.main-header {
width: 100%;
background: #fff;
border-bottom: 0.0625rem solid #eee;
}
.main-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #fff;
}
.header-container {
margin: auto;
padding: 1rem 14.25rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
/
}
.nav-menu {
display: contents;
}
.header-actions {
display: contents;
}
.logo {
display: flex;
align-items: center;
gap: 0.5rem;
flex-shrink: 0;
}
.logo img {
height: 2.5rem;
}
.search-box {
display: flex;
align-items: center;
border: 0.0625rem solid #ddd;
border-radius: 1.875rem;
padding: 0.375rem 0.75rem;
width: 16.25rem;
flex-shrink: 0;
}
.search-box input {
border: none;
outline: none;
width: 100%;
padding: 0.3125rem;
}
.search-box button {
background: transparent;
border: none;
cursor: pointer;
padding: 4px 12px;
}
.search-box button img {
width: 18px;
height: 18px;
}
.nav-menu a {
text-decoration: none;
color: rgba(81, 50, 145, 1);
font-weight: 700;
white-space: nowrap;
}
.lang-btn {
border: 0.0625rem solid rgba(81, 50, 145, 1);
background: #fff;
color: rgba(233, 62, 150, 1);
padding: 0.375rem 0.375rem;
border-radius: 1.25rem;
cursor: pointer;
font-weight: 700;
flex-shrink: 0;
}
.test-btn {
background:rgba(233, 62, 150, 1);
color: #fff;
border: none;
cursor: pointer;
flex-shrink: 0;
}
.mobile-header-img {
display: none;
}
.mobile-header-img img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 1650px) {
.header-container {
padding: 1.75rem 9.25rem;
}
}
@media (max-width: 1500px) {
.header-container {
padding: 1rem 5rem;
max-width: 1500px;
}
}
@media (max-width: 1240px) {
.header-container {
padding: 1rem 5rem;
flex-wrap: wrap;
}
.search-box {
width: 14rem;
}
.lang-btn {
padding: 0.4rem 0.75rem;
}
}
@media (max-width: 1040px) {
.header-container {
padding: 1rem 1.5rem;
flex-wrap: wrap;
}
.search-box {
width: 14rem;
}
.lang-btn {
padding: 0.4rem 0.75rem;
}
}
/* footer */
.site-footer {
position: relative;
background: rgba(81, 50, 145, 1);
color: #fff;
padding: 1.75rem 14.25rem;
/*overflow: hidden;*/
}
.footer-bg-left {
position: absolute;
top: -1px;
left: 0;
width: 50.69%;
height: auto;
z-index: 1;
}
.footer-container {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-left {
display: flex;
align-items: center;
gap: 1.5rem;
}
.footer-left-content {
display: flex;
flex-direction: column;
}
.footer-logo {
width: 12rem;
margin-bottom: 1rem;
}
.footer-left h2 {
font-size: 1.75rem;
line-height: 1.3;
color: #4b2b7f;
}
.footer-left h2 span {
color: #ff5fa2;
}
.butterflies {
width: 10rem;
margin-left: -1rem;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 1rem;
}
.footer-links a {
color: #fff;
text-decoration: none;
font-size: 1rem;
font-weight: 800;
text-align: center;
}
.social-icons {
margin-top: 1.5rem;
display: flex;
gap: 0.75rem;
}
.social-icons img {
width: 2rem;
cursor: pointer;
}
.footer-right {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.missing-piece-bottom {
width: 10rem;
margin-bottom: 1.5rem;
}
.merck-logo {
width: 8rem;
}
.footer-bottom {
text-align: center;
margin-left:15rem;
margin-top: 4rem;
font-size: 0.875rem;
position: relative;
z-index: 2;
}
@media (max-width: 1558px) {
.site-footer {
padding: 1.75rem 11.25rem;
}
}
@media (max-width: 1442px) {
.site-footer {
padding: 1.75rem 7.25rem;
}
/*
.footer-bg-left {
height: 18rem;
} */
}
@media (max-width: 1076px) {
.site-footer {
padding: 1.75rem 5.25rem;
}
/* .footer-bg-left {
height: 18rem;
} */
}
@media (max-width: 940px) {
.site-footer {
padding: 2rem 1.25rem 1.5rem;
text-align: center;
}
.footer-bottom {
margin-left: 0rem;
}
.footer-bg-left {
width: 120%;
top: 0;
left: 0;
height: 15rem;
}
.footer-container {
flex-direction: column;
align-items: center;
gap: 2rem;
}
.footer-left {
flex-direction: row;
align-items: center;
margin-left: -15rem;
gap: 1rem;
}
.footer-left-content {
align-items: center;
}
.footer-logo {
width: 15rem;
margin-bottom: 0.75rem;
}
.footer-left h2 {
font-size: 1.5rem;
line-height: 1.35;
color: #4b2b7f;
}
.butterflies {
width: 14rem;
margin-left: 0;
order: -1;
}
.footer-links {
margin-top: 3rem;
align-items: center;
gap: 0.85rem;
order: 2;
}
.footer-links a {
font-size: 1.3rem;
}
.footer-right {
align-items: center;
order: 3;
}
.missing-piece-bottom {
width: 9rem;
margin-bottom: 1rem;
}
.merck-logo {
width: 7rem;
}
.footer-bottom {
margin-top: 1.5rem;
font-size: 0.75rem;
line-height: 1.4;
padding: 0 0.5rem;
order: 4;
}
.social-icons {
order: 5;
margin-top: 2rem;
justify-content: center;
}
.social-icons img {
width: 2.25rem;
}
}
@media (max-width: 440px) {
.site-footer {
padding: 2rem 1.25rem 1.5rem;
text-align: center;
}
.footer-bg-left {
width: 120%;
top: 0;
left: 0;
height: 15rem;
}
.footer-container {
flex-direction: column;
align-items: center;
gap: 2rem;
}
.footer-left {
flex-direction: row;
align-items: center;
margin-left: -15rem;
gap: 1rem;
}
.footer-left-content {
align-items: center;
}
.footer-logo {
width: 10rem;
margin-bottom: 0.75rem;
}
.footer-left h2 {
font-size: 1.5rem;
line-height: 1.35;
color: #4b2b7f;
}
.butterflies {
width: 14rem;
margin-left: 0;
order: -1;
}
.footer-links {
margin-top: 3rem;
align-items: center;
gap: 0.85rem;
order: 2;
}
.footer-links a {
font-size: 0.95rem;
}
.footer-right {
align-items: center;
order: 3;
}
.missing-piece-bottom {
width: 9rem;
margin-bottom: 1rem;
}
.merck-logo {
width: 7rem;
}
.footer-bottom {
margin-top: 1.5rem;
font-size: 0.75rem;
line-height: 1.4;
padding: 0 0.5rem;
order: 4;
}
.social-icons {
order: 5;
margin-top: 2rem;
justify-content: center;
}
.social-icons img {
width: 2.25rem;
}
}
.main-wrapper {
width: 100%;
overflow: hidden;
}
.top-section {
position: relative;
width: 100%;
min-height: 50.5rem;
padding: 3.75rem 14.25rem;
background: #fff;
}
.top-section1 {
position: relative;
width: 100%;
padding: 3.75rem 14.25rem;
background: rgba(203, 233, 232, 1);
}
.top-content{
top: 7rem;
width: 40%;
position: relative;
z-index: 2;
}
.khero-content {
width: 40%;
position: relative;
z-index: 2;
}
.scheck{
width: 60%;
}
.top-content h1 {
position: relative;
top: 2rem;
font-weight: 800;
color: rgba(81, 51, 146, 1);
}
.top-content p {
position: relative;
top: 3rem;
margin: 1.25rem 0;
color: rgba(81, 51, 146, 1);
}
.symptom-text{
top: 7rem !important;
max-width:70rem;
font-size:0.9rem;
}
.btn-test {
background:rgba(233, 62, 150, 1);
color: #fff;
border: none;
/* padding: 0.75rem 1.5625rem;
border-radius: 0.3125rem;
font-size: 0.973em; */
cursor: pointer;
position: relative;
top: 5rem;
font-weight: 800;
}
.title {
position: relative;
font-weight: 800;
color: rgba(81, 51, 146, 1);
line-height: 1.1;
}
.title-butterfly {
position: absolute;
left: 10.9rem;
top: 60%;
transform: translateY(-50%) ;
width: 39.25rem;
height: auto;
}
/* .title-butterfly {
position: absolute;
left: 28rem;
top: 60%;
transform: translateY(-50%) scaleX(-1);
width: 3.25rem;
height: auto;
} */
.title-butterflysc {
position: absolute;
left: 43.5rem;
top: 0%;
/* transform: translateY(-50%); */
transform: translateY(-50%) scaleX(-1);
width: 3.25rem;
height: auto;
}
@media (max-width: 1160px){
.title-butterflysc{
left: 33.9rem;
}
}
@media (max-width: 1160px){
.title-butterflysc{
display: none;
}
}
@media (max-width: 933px){
.scheck{
width: 70%;
}
}
.title-butterflykn {
position: absolute;
left: 6.4rem;
top: 14%;
transform: translateY(-50%) ;
width: 39.25rem;
height: auto;
}
.title-butterflyk {
position: absolute;
left: 28rem;
top: -10%;
/* transform: translateY(-50%); */
transform: translateY(-50%) scaleX(-1);
width: 3rem;
height: auto;
}
.puzzle1 {
position: absolute;
top: -3rem;
left: 0;
width: 14rem;
z-index: 1;
}
.top-blue {
position: absolute;
top: -3rem;
right: 0;
width: 27.625rem;
z-index: 1;
}
.butterfly-text {
position: absolute;
top: -3.125rem;
left: 0;
max-width: 10rem;
z-index: 3;
}
.butterfly-text-knowledge-page{
position: absolute;
max-width: 10rem;
z-index: 3;
top: 13rem;
left: 0r;
}
.butterfly-text-knowledge {
position: absolute;
top: 13.125rem;
/*left: 0;*/
max-width: 10rem;
z-index: 3;
}
.butterfly-text-find {
position: absolute;
top: 11.125rem;
/*left: 0;*/
max-width: 10rem;
z-index: 3;
}
.girl-top {
position: absolute;
right: 4rem;
bottom: -4.25rem;
width: 50rem;
z-index: 3;
}
.symptom-top {
width: 37.875rem;
}
.overflow{
bottom: 0rem;
}
.top-pink {
position: absolute;
bottom: 0;
right: 0;
height: 25.75rem;
width: 50%;
z-index: 1;
}
.mobpink {
display: none;
width: 100%;
}
/*@media (max-width: 1691px) {*/
/* .girl-top {*/
/* right: -3rem;*/
/* bottom: -4.25rem;*/
/* width: 52.875rem;*/
/* }*/
/*}*/
@media (max-width: 1680px) {
.puzzle1 {
width: 11rem;
}
}
@media (max-width: 1602px) {
.puzzle1 {
width: 9.9rem;
}
}
@media (max-width: 1537px) {
.girl-top {
right: 3rem;
bottom: -4.25rem;
width: 45rem;
}
.symptom-top {
width:34.875rem;
}
.top-pink {
height: 22.75rem;
}
}
@media (max-width: 1537px){
.top-section {
min-height: 45rem;
}
}
@media (max-width: 1300px) {
.girl-top {
right: 4rem;
bottom: -4.25rem;
width: 43rem;
}
.symptom-top{
width: 32.875rem;
}
.top-pink {
height: 22.75rem;
}
.top-content p {
position: relative;
top: 3rem;
margin: 1rem 0;
color: rgba(81, 51, 146, 1);
}
.top-section {
min-height: 40rem;
}
}
@media (max-width: 1160px) {
.title-butterfly {
left: 5.3rem;
}
}
@media (max-width: 1125px) {
.girl-top {
right: 1rem;
bottom: -4.25rem;
width: 43.875rem;
}
.symptom-top {
width: 33.875rem;
}
.top-pink {
height: 18.75rem;
}
.top-section {
min-height: 40rem;
}
}
@media (max-width: 921px) {
.girl-top {
right: 1rem;
bottom: -4.25rem;
width: 40.875rem;
}
.top-pink {
height: 16.75rem;
}
.top-section {
min-height: 35rem;
}
.puzzle1 {
width: 10rem;
}
.top-section {
padding: 3.75rem 10.25rem;
}
}
@media (max-width: 948px){
.symptom-top{
width: 28rem;
}
}
@media (max-width: 921px) {
.top-content {
position: relative;
top: 8rem;
width: 100%;
}
.top-pink {
bottom: auto;
right: 0;
margin-top: -6rem;
}
.top-section {
height: 65rem;
}
.top-pink {
display: none;
}
.formhide{
height:65rem;
}
.mobpink {
display: block;
position: relative;
margin-top: 25.3rem;
height: 20rem;
width: 100vw;
max-width: 100vw;
margin-left: calc(-50vw + 50%);
}
.symptom-bl{
height:15rem;
margin-top: 29.5rem;
margin-bottom:0rem;
}
}
@media (max-width: 667px){
.mobpink{
margin-top: 23.4rem;
}
.symptom-bl{
margin-top: 29.5rem;
}
}
@media (max-width: 511px){
.title-butterfly {
left: 1rem;
}}
@media (max-width: 532px){
.mobpink{
margin-top: 25.3rem;
}
}
.symptom-puzle-mob{
display: none;
}
@media (max-width: 521px) {
.top-section {
height: 65rem;
}
.top-blue {
top: 0rem;
width: 50%;
}
.bg-sc{
height: 70rem;
}
.symptom-puzle-mob{
display: block;
}
.top-pink {
display: none;
}
.symptom-hide-puzzle{
display: none;
}
.mobpink {
margin-top: 20.5rem;
}
.sympton-br-hide{
display: none;
}
.top-content {
position: relative;
top: 6rem;
width: 100%;
}
.girl-top{
width: 35rem;
}
.top-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.butterfly-text {
position: relative;
left: auto;
top: 0;
margin-bottom: 1rem;
}
.top-section {
padding: 0rem 2rem;
}
.butterfly-text {
margin-bottom: 0rem;
}
.symptom-top{
width: 25rem;
}
.symptom-bl{
margin-top: 23.89rem;
}
}
@media (max-width: 511px) {
.mobpink{
margin-top: 22.5rem;
}
.symptom-bl{
margin-top: 29.3rem;
}
}
@media (max-width: 450px) {
.mobpink {
margin-top: 15.7rem;
}
.puzzle1 {
width: 8rem;
}
.symptom-puzle-mob{
width: 10rem;
}
.top-content h1,.top-content p,.btn-test{
top: 1rem;
}
.girl-top{
width: 32rem;
bottom: -3.3rem;
}
.top-section{
height: 60rem;
}
.symptom-bl{
margin-top: 23.7rem;
height: 12rem;
}
.symptom-top{
width: 22rem;
}
.scheck{
top: 5rem;
}
.symptom-text{
margin-top: -1rem;
}
}
@media (max-width: 423px) {
/* .girl-top {
right: -3rem;
bottom: -4.25rem;
width: 32.875rem;
} */
}
@media (max-width: 397px) {
.girl-top {
right: 0rem;
width: 30rem;
}
.symptom-bl{
margin-top: 23.7rem;
height: 12rem;
}
.puzzle1 {
width: 8rem;
}
.symptom-puzle-mob {
width: 10rem;
}
.symptom-top{
width: 22rem;
}
}
@media (max-width: 373px) {
.mobpink{
margin-top: 13.7rem;
height: 20rem;
}
.symptom-bl{
margin-top: 21.7rem;
height: 12rem;
}
.symptom-top{
width: 21rem;
}
}
@media (max-width: 332px) {
.mobpink{
margin-top: 14.9rem;
height: 17rem;
}
}
.bottom-section {
position: relative;
min-height: 48.5rem;
background: rgba(243, 138, 192, 1);
padding: 4rem 14.25rem;
}
.bottom-blue {
position: absolute;
top: 0;
left: 0;
height: 20.75rem;
width: 50.8%;
z-index: 1;
}
.alone-text {
color: white;
margin-bottom: 2.5rem;
position: relative;
z-index: 2;
}
.girl-bottom {
position: absolute;
bottom: 0;
/* left: -3rem; */
width: 49.75rem;
z-index: 2;
}
.carla-box {
position: absolute;
right: 14rem;
top: 13rem;
width: 29rem;
color: white;
z-index: 3;
}
/* header */
.carla-header {
display: flex;
align-items: center;
gap: 1rem;
}
.carla-img {
width: 3.9rem;
margin-top: -4rem;
height: auto;
border-radius: 50%;
border: 2px solid #5a2d91;
}
.carla-img1 {
width: 3.9rem;
margin-top: -2rem;
height: auto;
border-radius: 50%;
border: 2px solid #5a2d91;
}
.carla-title h2 {
margin: 0;
color:rgba(81, 50, 145, 1);
}
.carla-title span {
color:rgba(81, 50, 145, 1);
font-weight: 800;
font-size: 1.6rem;
}
.name-row {
display: flex;
align-items: center;
gap: 0.5rem;
}
.butterfly-icon {
margin-top: -7rem;
margin-left: -1rem;
width:2rem;
height: auto;
transform: scaleX(-1);
}
.carla-text {
margin: 2rem 0;
font-weight: 800;
font-size: 1.6rem;
line-height: 1;
}
.carla-list {
list-style: none;
padding: 0;
margin: 1rem 0;
}
.carla-list li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 1.25rem;
margin-bottom: 0.75rem;
color: rgba(81, 50, 145, 1);
}
.check-icon {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.2rem;
}
.carla-question {
margin-top: 1.5rem;
font-weight: 800;
font-size: 1.6rem;
}
.carla-arrow {
position: absolute;
right: -3.5rem;
top: 50%;
transform: translateY(-50%);
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.carla-arrow img {
width: 3.5rem;
}
.missing-piece {
position: absolute;
bottom: 3.25rem;
right: 3.25rem;
width: 7.5rem;
z-index: 2;
}
@media (max-width: 1681px) {
.alone-text{
margin-top: 2rem;
margin-bottom: 0rem;
}
}
@media (max-width: 1641px) {
.girl-bottom {
width: 49.75rem;
}
}
@media (max-width: 1441px){
.girl-bottom {
position: absolute;
bottom: 0;
/* left: -3rem; */
width: 49.75rem;
z-index: 2;
}
}
@media (max-width: 1181px) {
.girl-bottom {
left: -3rem;
width: 50.75rem;
}
}
@media (max-width: 1024px) {
.girl-bottom {
width: 45.75rem;
}
}
@media (max-width: 919px) {
.girl-bottom {
left: -3rem;
width: 49.75rem;
}
.butterfly-icon{
margin-top: -3rem;
}
.bottom-blue {
width: 100vw;
}
.carla-box {
margin-left: 45%;
right: auto;
width: 90%;
transform: translateX(-50%);
top: 21rem;
}
.bottom-section,.profile-container {
min-height: 67.5rem !important;
padding: 4rem 14.25rem;
}
}
@media (max-width: 670px) {
.bottom-blue {
height: 17rem;
}
}
@media (max-width: 555px) {
.alone-text {
width: 100%;
text-align: left;
margin-left: 0;
margin-right: 0;
margin-top: 2rem;
font-size: 3rem;
}
.bottom-section {
padding-left: 3rem;
padding-right: 3rem;
min-height: 72rem;
}
.missing-piece {
display: none;
}
.girl-bottom {
left: -8rem;
width: 49.75rem;
}
.bottom-blue {
height: 15rem;
}
}
@media (max-width: 531px) {
.carla-list{
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (max-width: 450px){
.bottom-blue{
width: 110vw;
height: 14rem;
}
.carla-box{
top: 17rem;
}
}
@media (max-width: 431px) {
/* .carla-box {
width: 22rem;
right: 1rem;
} */
.carla-arrow {
right: -2.5rem;
width: 2.5rem;
height: 2.5rem;
}
.carla-arrow img {
width: 2.5rem;
}
.carla-img {
width: 3rem;
height: 3rem;
}
.carla-title h3,
.carla-title span,
.carla-text,
.carla-question {
font-size: 1.4rem;
}
.check-icon {
width: 0.9rem;
height: 0.9rem;
}
.profile-container{
min-height: 60rem;
}
}
@media (max-width: 365px){
.bottom-blue{
width: 120vw;
}
}
/* Third section */
.thirdsection-home {
background:rgba(81, 50, 145, 1);
padding: 4rem 14.25rem;
}
.thirdsection-container {
min-width: 1920;
display: flex;
align-items: center;
justify-content: space-between;
gap: 3rem;
background:rgba(81, 50, 145, 1);
padding: 4rem 14.25rem;
padding-left: 9rem;
padding-bottom: 0px;
}
.thirdsection-image img {
max-width: 42rem;
left: -5rem;
}
.bold{
font-weight: 800;
margin-bottom: 0.5rem;
margin-top: 2rem;
}
.fontbold{
font-weight: 800;
font-size: 1.6rem;
}
.fontbold1{
font-weight: 800;
font-size: 1.25rem;
}
.thirdsection-content {
max-width: 55rem;
color: #fff;
position: relative;
text-align: right;
margin-left: auto;
}
.butterfly-icon1 {
width: 3.5rem;
margin-bottom: -2rem;
position: relative;
right: 41rem;
}
.thirdsection-content h2 span {
color: #ff5fa2;
}
.thirdsection-content p span {
color: #ff5fa2;
}
.btnwidth{
width: 12.4rem;
}
.learn-btn {
margin-top: 1.5rem;
padding: 0.75rem 2rem;
border: none;
border-radius: 0.25rem;
background: #9fe0d8;
color: #5a2d91;
cursor: pointer;
}
@media (max-width: 1792px) {
.thirdsection-image img {
max-width: 37rem;
}
}
@media (max-width: 1717px) {
.thirdsection-container{
padding-left: 6rem;
}
}
@media (max-width: 1601px) {
.thirdsection-image img {
max-width: 37rem;
}
}
@media (max-width: 1545px) {
.thirdsection-home {
padding-left: 10rem;
padding-right: 10rem;
}
}
@media (max-width: 1495px) {
.thirdsection-home {
padding-left: 7rem;
}
}
@media (max-width: 1495px) {
.thirdsection-home {
padding-left: 4rem;
}
}
@media (max-width: 1169px) {
.thirdsection-image img {
width: 32rem;
}
}
@media (max-width: 1160px){
.butterfly-icon1{
right: 30.2rem;
margin-bottom: -1rem;
}
}
@media (max-width: 959px) {
.thirdsection-home {
padding-left: 6rem;
padding-right: 6rem;
}
}
@media (max-width: 931px) {
.thirdsection-image img {
width: 30rem;
}
@media (max-width: 911px) {
.thirdsection-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.thirdsection-content {
order: 1;
text-align: center;
max-width: 100%;
margin-left: 0;
}
.thirdsection-image {
display: flex;
align-items: center;
justify-content: center;
order: 2;
width: 100%;
}
.thirdsection-image img {
width: 100%;
height: auto;
left: 0;
}
.butterfly-icon1 {
display: none;
}
.learn-btn {
margin-top: 1.5rem;
}
}
@media (max-width: 500px) {
.thirdsection-home {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 450px) {
.thirdsection-content h1 {
font-size: 1.9rem;
line-height: 1.3;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.thirdsection-content {
max-width: 96%;
text-align: center;
}
.thirdsection-image img {
width: 100%;
height: auto;
}
}
}
.faq-wrapper {
margin-top: 2rem;
padding: 0 3rem rem;
color: #fff;
position: relative;
}
.faq-header {
text-align: center;
margin-bottom: 0.5rem;
}
.faq-header p {
font-size: 1.87rem;
font-weight: 800;
margin: 2rem 0rem;
}
.faq-subtitle {
text-align: center;
margin-bottom: 3rem;
}
.faq-item {
background: #fff;
color:rgba(81, 50, 145, 1);
border-radius: 0.5rem;
margin-bottom: 1.5rem;
overflow: hidden;
}
.faq-question {
width: 100%;
background: #fff;
border: none;
padding: 0rem 2rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.4rem;
padding-right: 0rem;
cursor: pointer;
}
.faq-question h4 {
text-align: left;
flex: 1;
margin: 0;
}
.faq-number {
color: #ff4fa3;
margin-right: 0.5rem;
padding: 1.2rem 0rem;
font-weight:500;
}
.faq-icon {
background: #e94c9a;
color: #fff;
height: 100%;
aspect-ratio: 1 / 1;
border-radius: 0.3rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.5rem;
font-weight: 300;
line-height: 1;
}
.faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 5.55rem;
padding-right: 5rem;
transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer {
max-height: 500px;
padding-bottom: 1.5rem;
}
.faq-item.active .faq-icon {
background: #9fe0d8;
color: #5a2d91;
}
.faq-butterfly {
position: absolute;
left: -4.7rem;
top: 3.3rem;
width: 9rem;
transform: rotate(-20deg);
}
.faq-container {
margin-bottom: 3.5rem;
}
.slider {
position: relative;
overflow: visible;
}
.slide {
display: none;
}
.slide.active {
display: block;
}
.slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
padding: 0;
cursor: pointer;
z-index: 10;
}
.slider-arrow.left {
left: 7rem;
}
.slider-arrow.right {
right: 7rem;
}
.slider-arrow img {
width: 3rem;
height: auto;
display: block;
}
.slider-arrow.left img {
transform: rotate(180deg);
}
.slider-dots {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 0.5rem;
z-index: 20;
}
.slider-dots span {
width: 0.6rem;
height: 0.6rem;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
cursor: pointer;
}
.slider-dots span.active {
background: #e94c9a;
}
@media (max-width: 1681px) {
.faq-container{
margin-bottom: 5rem;
}
}
@media (max-width: 865px) {
.faq-wrapper {
padding: 1rem 0rem;
}
}
@media (max-width: 660px){
.faq-butterfly{
top: 6.3rem;
}
}
@media (max-width: 565px) {
.faq-question {
height: auto;
padding-bottom: 0rem;
padding-top: 0rem;
}
.faq-icon{
padding: 1rem;
}
/* .faq-question h4 {
font-size: 1.1rem;
} */
}
@media (max-width: 565px) {
.faq-butterfly {
left: auto;
right: -1rem;
top: 4.5rem;
width: 4rem;
transform: scaleX(-1);
}
.faq-question h4{
margin: 0.5rem 0rem;
}
}
.hero-section {
background:rgba(81, 51, 146, 1);
min-height: 25rem;
display: flex;
align-items: center;
/* padding: 0rem 8rem; */
position: relative;
overflow: visible;
}
.hero-image {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
.hero-image img {
width: 890px;
margin-bottom: -12.8rem;
margin-left: -14.5rem;
}
.hero-content {
margin-left: auto;
color: white;
max-width: 55rem;
text-align: right;
position: relative;
z-index:20;
}
.hero-content h1 {
margin-bottom: 1rem;
}
.hero-content p {
margin-bottom: 2rem;
}
.hero-btn {
background: rgba(233, 62, 150, 1);
color: white;
border: none;
/* padding: 0.8rem 2rem;
border-radius: 0.5rem; */
cursor: pointer;
}
.small-butterfly {
width: 2.4rem;
margin-bottom: -1.7rem;
/* left: -1rem; */
position: relative;
right: 43rem;
top: -0.5rem;
}
.big-butterfly {
position: absolute;
right: 15rem;
bottom: 3rem;
width: 12rem;
}
@media (max-width: 1681px) {
.hero-image img{
margin-bottom: -9.8rem;
}
}
@media (max-width: 1602px) {
.hero-image img {
margin-left: -10rem;
}
}
/* @media (max-width: 1559px) {
.hero-image img {
margin-bottom: -11rem;
margin-left: -9.5rem;
}
} */
/* @media (max-width: 1546px) {
.hero-image img {
margin-bottom: -17.95rem;
margin-left: -29rem;
}
} */
/* @media (max-width: 1546px) {
.hero-image img {
width: 100%;
margin-bottom: -17rem;
margin-left: -29rem;
}
}
@media (max-width: 1507px) {
.hero-image img {
width: 90%;
margin-bottom: -15rem;
margin-left: -25rem;
}
} */
@media (max-width: 1440px) {
.hero-image img {
width: 700px;
margin-bottom: -9.5rem;
margin-left: -10rem;
}
}
/* @media (max-width: 1402px) {
.hero-image img {
margin-bottom: -17.43rem;
margin-left: -25rem;
}
} */
@media (max-width: 1300px) {
.hero-image img {
/* width: 90%; */
margin-bottom: -10.2rem;
}
}
/* @media (max-width: 1366px) {
.hero-image img {
width: 90%;
margin-bottom: -17.4rem;
margin-left: -23rem;
}
} */
@media (max-width: 1281px) {
.hero-image img {
width: 655px;
margin-bottom: -9.6rem;
/* margin-left: -23rem; */
}
}
@media (max-width: 1281px) {
.small-butterfly{
right: 34rem;
}
}
@media (max-width: 909px) {
.hero-section {
flex-direction: column;
align-items: center;
padding: 2rem 2rem;
min-height: auto;
padding-top: 0rem;
}
.small-butterfly{
display: none;
}
.hero-content {
order: 1;
text-align: center;
margin-left: 0;
max-width: 100%;
}
.hero-image {
order: 2;
position: relative;
left: 0;
}
.hero-image img {
margin-left: 0;
margin-bottom: -11.7rem;
}
.small-butterfly {
left: 0;
top: 0;
margin-bottom: 0.5rem;
}
}
@media (max-width: 768px) {
.hero-image img {
margin-bottom: -12.5rem;
}
}
@media (max-width: 651px) {
.hero-image img {
width: 50rem;
margin-bottom: -11rem;
}
}
@media (max-width: 522px) {
.hero-image img{
width: 45rem;
margin-bottom: -8rem;
}
.hero-section {
padding: 0rem;
}
}
@media (max-width: 450px) {
.hero-image img {
width: 40rem;
margin-bottom: -7.4rem;
transform: translateX(3rem);
}
}
@media (max-width: 343px) {
.hero-image img {
width: 34rem;
margin-bottom: -6.5rem;
transform: translateX(1rem);
}
}
.lastsection-home {
background: rgba(203, 233, 232, 1);
padding: 5.75rem 9.7rem;
position: relative;
overflow: hidden;
}
.lastsection-header {
margin-left: 4.5rem;
margin-bottom: 3rem;
}
.lastsection-header h2 {
color: #4b2b7f;
}
.lastsection-header p {
color: #4b2b7f;
margin-top: 1.2rem;
}
.bold30{
font-size: 1.8rem;
font-weight: 800;
}
.boldd{
font-weight: 800;
}
.slider-wrapper {
display: flex;
align-items: center;
gap: 1.5rem;
}
.arrow-btn {
width: 3rem;
height: 3rem;
border-radius: 50%;
border: none;
background: white;
color: #4b2b7f;
cursor: pointer;
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
}
.cards-wrapper {
display: flex;
gap: 2rem;
overflow: hidden;
scroll-behavior: smooth;
width: 100%;
}
.news-card {
position: relative;
background: white;
border-radius: 1rem;
flex: 0 0 calc(95.5% / 3);
flex-shrink: 0;
padding-bottom: 1rem;
box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
}
.news-card h3 {
font-size: 1.875rem;
font-weight: 700;
}
.news-card img {
width: 100%;
border-radius: 1rem 1rem 0 0;
}
.news-card h3 {
text-align: center;
padding: 1rem 0;
line-height: 1.02;
color: rgba(81, 51, 146, 1);
}
.news-card p {
text-align: center;
padding: 0 0rem;
font-weight: 400;
line-height: 1.2;
color: rgba(81, 51, 146, 1);
}
.read-btn {
margin: 0rem;
width: calc(100%);
background:rgba(81, 51, 146, 1);
color: white;
border: none;
cursor: pointer;
}
.tag {
position: absolute;
font-weight:800;
margin: 0.7rem;
padding: 0.2rem 0.6rem;
border-radius: 0.18rem;
color: rgba(81, 51, 146, 1);
}
.pink {
background: rgba(233, 62, 150, 1);
}
.yellow {
background: rgba(235, 182, 78, 1);
}
.green {
background: rgba(203, 233, 232, 1);
}
.view-all {
text-align: center;
margin-top: 2.5rem;
}
.slider-container {
display: flex;
align-items: center;
gap: 1rem;
}
.arrow {
width: 50px;
cursor: pointer;
}
.cards-wrapper {
display: flex;
gap: 2rem;
overflow: hidden;
scroll-behavior: smooth;
width: 100%;
}
.view-btn {
background: #ff4fa3;
color: white;
border: none;
padding: 0.8rem 2.5rem;
width:12.4rem;
cursor: pointer;
}
@media (max-width: 1681px) {
.lastsection-home{
padding:5.75rem 6.7rem ;
}
}
@media (max-width: 1602px) {
.lastsection-home{
padding:5.75rem 4.7rem ;
}
}
@media (max-width: 1442px) {
.lastsection-home{
padding:5.75rem 4.2rem ;
}
.lastsection-header{
margin-left: 5.3rem;
}
}
@media (max-width: 1132px) {
.lastsection-home {
padding: 1.75rem 3.25rem;
}
}
@media (max-width: 904px) {
.news-card {
flex: 0 0 calc(100%);
}
.lastsection-header{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 0rem;
}
}
@media (max-width: 530px) {
.lastsection-home {
padding: 1.75rem 1rem;
}
.lastsection-header{
margin-left: 0rem;
}
}
@media (max-width: 450px) {
.slider-wrapper {
flex-direction: column;
align-items: center;
}
.cards-wrapper {
width: 100%;
}
.left-arrow {
order: 1;
margin-right: 20%;
margin-top: 1rem;
}
.right-arrow {
order: 2;
margin-left: 20%;
margin-top: -5.3rem;
}
.lastsection-home {
padding: 1.75rem 1.25rem;
}
}
@media (max-width: 330px) {
.left-arrow {
margin-right: 30%;
}
.right-arrow {
margin-left: 30%;
}
}
.health-section {
background: rgba(243, 138, 192, 1);
padding: 4rem 3rem;
padding-top: 6rem;
position: relative;
overflow: visible;
}
.your{
padding-top: 11rem;
}
.health-title {
text-align: right;
color: white;
margin-bottom: 3rem;
padding-right: 11rem;
}
.health-cards-wrapper {
width: 100%;
overflow: hidden;
}
.health-arrows {
display: none;
justify-content: center;
gap: 2rem;
margin-top: 2rem;
}
.arrow1 {
width: 60px;
cursor: pointer;
}
.health-cards {
padding: 0rem 7rem;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2rem;
width: 100%;
scroll-behavior: smooth;
}
/* CARD */
.health-card {
background: white;
border-radius: 1rem;
padding: 1.7rem;
box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
}
.health-card img {
width: 3rem;
margin-bottom: 1.7rem;
}
.health-card h3 {
color: rgba(0, 0, 0, 1);
margin-bottom: 1.7rem;
font-size: 2rem;
}
.health-card p {
color: rgba(0, 0, 0, 1);
margin-bottom: 1.7rem;
flex-grow: 1;
line-height: 1.4;
}
.health-text {
position: relative;
padding-left: 11.4rem;
color: white;
text-align: start;
}
.health-card a {
margin-top: auto;
}
.health-card button {
background: rgba(233, 62, 150, 1);
color: white;
border: none;
cursor: pointer;
width: 100%;
display: block;
}
@media (max-width: 1681px) {
.health-title{
padding-right: 8rem;
}
.health-cards{
padding: 0rem 2rem;
gap: 1.2rem;
}
.health-card{
padding: 1.2rem;
}
.health-text{
padding-left: 8.3rem;
}
}
@media (max-width: 1681px){
.health-text{
padding-left: 6.3rem;
}
}
@media (max-width: 1600px) {
.health-title{
padding-right: 8rem;
}
.health-cards{
padding: 0rem 1rem;
gap: 1.2rem;
}
.health-card{
padding: 1rem;
}
}
@media (max-width: 1442px) {
.health-title{
padding-right: 8rem;
}
.health-cards{
padding: 0rem 1rem;
gap: 1.5rem;
}
.health-card{
padding: 1.7rem;
}
.health-text{
padding-left: 6.1rem;
}
}
@media (max-width: 1000px) {
.health-cards {
display: flex;
padding: 0;
gap: 1.5rem;
overflow: hidden;
align-items: stretch; /* important */
}
.health-card {
flex: 0 0 calc(98% / 3);
display: flex;
flex-direction: column;
height: auto;
}
.health-arrows {
display: flex;
}
}
@media (max-width: 909px){
.health-title{
padding-right: 6rem;
}
.health-section{
padding-top: 10rem;
}
}
@media (max-width: 600px) {
.health-card {
flex: 0 0 calc(97% / 2);
}
.arrow1 {
width: 40px;
}
}
@media (max-width: 469px) {
.health-card {
flex: 0 0 calc(99%);
align-items: center;
}
.health-title{
padding: 0rem;
text-align: center;
}
.health-card p {
text-align: center;
}
.health-section {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 8rem !important;
}
}
.health-bottom {
margin-top: 0rem;
display: flex;
flex-direction: column;
align-items: start;
gap: 2rem;
margin-bottom: 3rem;
}
.title-butterfly1 {
position: absolute;
left: 28rem;
top: -7%;
/* transform: translateY(-50%); */
transform: translateY(-50%) scaleX(-1);
width: 3.25rem;
height: auto;
}
.health-butterflies {
width: 32rem;
margin-left: -3rem;
}
.health-text h1{
margin-bottom: 2rem;
}
.cta-btn {
margin-top: 1rem;
background: #ff4fa3;
color: white;
border: none;
padding: 0.7rem 2rem;
border-radius: 0.4rem;
cursor: pointer;
}
.health-image img {
width: 22rem;
}
.girl-health {
position: absolute;
right: 4rem;
bottom: 0rem;
width: 42.875rem;
z-index: 3;
}
@media (max-width: 1495px) {
.health-cards {
padding: 0rem;
}
}
@media (max-width: 1149px) {
.health-cards {
gap: 1rem;
}
}
@media (max-width: 1429px) {
.girl-health {
right: 4rem;
bottom: -6.25rem;
width: 38.875rem;
}
}
@media (max-width: 1163px) {
.girl-health {
right: 3rem;
bottom: -5.25rem;
width: 36.875rem;
}
}
@media (max-width: 1160px) {
.title-butterfly1{
left: 22rem;
top: 1%;
}
}
@media (max-width: 1085px) {
.girl-health {
right: 2rem;
bottom: -5.25rem;
width: 34.875rem;
}
}
@media (max-width: 959px) {
.girl-health {
right: 2rem;
bottom: -4.25rem;
width: 34.875rem;
}
.health-text {
padding-left: 9rem;
}
}
@media (max-width: 921px) {
.health-section {
padding-bottom: 0rem;
}
.health-text {
text-align: center;
padding-left: 0rem;
}
.health-bottom {
align-items: center;
}
.health-butterflies{
align-self: flex-start;
}
.girl-health {
right: 2rem;
bottom: -3.25rem;
width: 30.875rem;
}
.mobpink1 {
margin-top: 8rem;
}
}
@media (max-width: 921px) {
.mobpink1 {
margin-top: 13rem;
}
.girl-health {
right: 2rem;
bottom: -1.25rem;
width: 30.875rem;
}
}
@media (max-width: 690px){
.health-butterflies{
width: 18rem;
}
}
@media (max-width: 511px) {
.title-butterfly1{
left: 17.4rem;
top: 0%;
}
}
@media (max-width: 530px){
.health-section{
padding-top: 10rem;
}
.health-bottom{
gap: 0rem;
}
}
@media (max-width: 435px){
.mobpink1{
height: 16rem;
margin-top: 15rem;
}
}
@media (max-width: 435px) {
.girl-health {
right: -2rem;
bottom: -1.25rem;
width: 20.875rem;
}
.girl-health {
right: -2rem;
bottom: -1.25rem;
width: 30.875rem;
}
}
@media (max-width: 403px) {
.girl-health {
right: -2rem;
bottom: -1.25rem;
width: 30.875rem;
}
}
@media (max-width: 350px){
.girl-health{
width: 25rem;
}
.mobpink1{
margin-top: 10rem;
}
}
/* form */
.girl-top-form {
position: absolute;
right: 9rem;
bottom: 3rem;
width: 37.875rem;
z-index: 3;
}
.top-blue-form {
position: absolute;
bottom: 0;
right: 0;
height: 25.75rem;
width: 50.4%;
z-index: 1;
}
/* .top-content p{
font-weight: 500;
} */
.form-content {
top: 5rem;
width: 40%;
position: relative;
z-index: 2;
}
.form-question {
font-size: 2.7rem;
line-height: 1.1;
color: #5a3ea6;
}
.form-progress {
display: flex;
align-items: center;
gap: 0.75rem;
width: 60%;
margin: 1.5rem 0rem;
}
.progress-icon {
width: 2rem;
}
.progress-line {
flex: 1;
height: 0.375rem;
background: #ffffff;
border-radius: 1.25rem;
position: relative;
overflow: visible;
}
.progress-fill {
height: 100%;
width: 7%;
background: rgba(233, 62, 150, 1);
border-radius: 1.25rem;
position: relative;
transition: width 0.3s ease;
}
.progress-end-icon {
position: absolute;
right: -0.75rem;
top: 50%;
transform: translateY(-50%);
width: 1.75rem;
height: auto;
pointer-events: none;
}
.progress-text {
margin-top: 0rem;
color: #ff3f9c;
font-weight: 600;
margin-bottom: 1rem;
}
.form-options label {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.625rem;
color: #5a3ea6;
margin-bottom: 1rem;
cursor: pointer;
margin-top: 1rem;
}
.form-options input[type="radio"] {
appearance: none;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
background-color: white;
position: relative;
}
.form-options input[type="radio"]:checked::after {
content: "";
width: 0.5rem;
height: 0.5rem;
background: #ffffff;
border-radius: 50%;
position: absolute;
top: 0.1875rem;
left: 0.1875rem;
}
.btn-next {
margin-top: 0rem;
background:rgba(233, 62, 150, 1);
color: #fff;
border: none;
border-radius: 0.375rem;
font-size: 1rem;
cursor: pointer;
}
.top-section-forms {
position: relative;
width: 100%;
min-height: 47.5rem;
padding: 3.75rem 14.25rem;
background: rgba(203, 233, 232, 1);
}
.top-high{
min-height: 48rem;
padding-top: 0rem;
}
.form-options {
margin-top: 1.5rem;
}
.form-content {
position: relative;
width: 60%;
height: 100%;
padding-bottom: 5rem;
}
@media (min-width: 1681px) and (max-width: 1749px) {
.form-content {
position: relative;
width: 70%;
height: 100%;
padding-bottom: 5rem;
}
}
.form-body {
overflow-y: auto;
max-height: 100%;
}
.form-content {
position: relative;
padding-bottom: 6rem;
}
.form-actions {
position: absolute;
bottom: 10rem;
left: ;
width: 100%;
display: flex;
gap: 1rem;
z-index: 10;
}
.btn-back{
border:none;
color: white;
background-color: rgba(81, 50, 145, 1);
cursor: pointer;
}
@media (max-width: 921px) {
.form-content{
width: 100%;
top: 8rem;
}
.top-section-forms {
min-height: 17.5rem;
}
.form-actions{
top: 37rem;
bottom: auto;
}
}
@media (max-width: 521px) {
.form-content {
max-width: 521px;
margin: 0 auto;
width: 100%;
overflow: hidden;
}
}
@media (max-width: 521px) {
.form-progress {
width: 100%;
margin: 1rem 0;
}
.form-content h1{
font-size: 30px;
}
.ww{
height: 0px;
}
.form-content p{
margin-top: -3rem;
}
.progress-line {
display: block;
height: 8px;
min-height: 8px;
background: #ffffff;
}
.progress-fill {
height: 100%;
min-height: 8px;
}
.top-section-forms {
position: relative;
width: 100%;
min-height: 27.5rem;
padding: 0rem 1.25rem;
background: rgba(203, 233, 232, 1);
}
.form-question {
margin-top: 5rem;
}
/* .form-content p {
margin-top: 0px;
} */
.ww {
margin-bottom: 0rem;
}
.form-options{
margin-top: 6rem;
}
.mobform {
margin-top: 12rem;
}
}
@media (max-width: 451px) {
.form-content h1{
margin-top: 0rem;
}
.form-content{
height: 30rem;
}
.form-actions{
margin-top: -3rem;
}
}
@media (max-width: 420px){
.form-content{
height: 33rem;
}
.form-actions{
margin-top: -1rem;
}
}
@media (max-width: 420px){
.form-content{
height: 35rem;
}
.form-actions{
margin-top: 1rem;
}
}
/* .form-options input[type="radio"] {
appearance: none;
width: 1.125rem;
height: 1.125rem;
border: 0.125rem solid #5ad7d6;
border-radius: 50%;
position: relative;
cursor: pointer;
} */
.form-options input[type="radio"]:checked::after {
content: "";
position: absolute;
top: 40%;
left: 70%;
width: 1.2rem;
height: 1.2rem;
background: url("/thyroidaware/images/tick.webp") no-repeat center / contain;
transform: translate(-50%, -50%);
}
/* .symptom-list {
list-style: none;
padding: 0;
margin: 0;
}
.symptom-list li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 0.9rem;
font-size: 1rem;
line-height: 1.5;
} */
.tick-wrap {
width: 1.125rem;
height: 1.125rem;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.tick-wrap img {
width: 1rem;
height: 1rem;
margin-bottom: 0.3rem;
margin-left: 0.5rem;
}
.news-section {
background: rgba(203, 233, 232, 1);
padding: 4rem 2rem;
}
.news-slider-wrapper {
max-width: 100%;
margin: auto;
}
.news-cards-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 4rem;
}
.news-card {
background: #fff;
border-radius: 0.75rem;
padding: 1rem;
display: flex;
flex-direction: column;
position: relative;
}
.news-tabss {
display: flex;
justify-content: flex-end;
gap: 0.75rem;
}
.news-card img {
width: 100%;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.news-tag {
position: absolute;
top: 1.25rem;
left: 1.25rem;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
font-size: 0.75rem;
font-weight: 600;
color: #fff;
}
.news-tag.pink {
background: #ff5fa2;
}
.news-tag.yellow {
background: #f6b400;
}
.news-tag.green {
background: #5cb85c;
}
/*
.news-card h3 {
color: #56358d;
margin-bottom: 0.5rem;
line-height: 1.3;
} */
.news-card p {
/*
color: #6b6b6b; */
margin-bottom: 1.5rem;
}
.news-read-btn {
margin-top: auto;
background: #56358d;
color: #fff;
border: none;
padding: 0.6rem 1rem;
border-radius: 0.35rem;
cursor: pointer;
font-size: 0.85rem;
}
.news-view-all {
margin-top: 3rem;
text-align: center;
}
.news-view-btn {
background: #ff5fa2;
color: #fff;
border: none;
padding: 0.75rem 2.5rem;
border-radius: 0.35rem;
font-size: 0.9rem;
cursor: pointer;
}
.news-header {
position: relative;
text-align: center;
margin-bottom: 3rem;
}
.news-header h2 {
margin-top: -4rem;
color: #56358d;
margin-bottom: 1.25rem;
}
.news-header p {
color: #56358d;
/*opacity: 0.7;*/
margin-bottom: 2.5rem;
}
.news-tabs {
position: absolute;
right: 0;
top: 120%;
transform: translateY(-50%);
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
font-size:1.25rem;
}
.news-tab {
padding: 0.4rem 1.25rem;
border-radius: 2rem;
border: 1.5px solid #56358d;
background: transparent;
color: #56358d;
font-size:1.25rem;
cursor: pointer;
}
.news-tab.active {
background: #ff5fa2;
border-color: #ff5fa2;
color: #fff;
}
@media (max-width: 991px) {
.news-cards-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.hideimgtop {
display: none;
}
.news-header h2 {
margin-top: -5rem;
color: #56358d;
margin-bottom: 1.25rem;
}
}
.news-slider-wrapper {
padding: 1rem 11.25rem;
}
@media (max-width: 1650px) {
.news-slider-wrapper {
padding: 1.75rem 6.25rem;
}
}
@media (max-width: 1314px) {
.news-slider-wrapper {
padding: 1.75rem 4rem;
}
}
@media (max-width: 1050px) {
.news-slider-wrapper {
padding: 0rem;
}
}
@media (max-width: 575px) {
.news-cards-wrapper {
grid-template-columns: 1fr;
}
.news-section {
padding: 3rem 1.25rem;
}
.news-tabss {
justify-content: center;
}
}
/* ---------- HERO ---------- */
.knowledge-hero {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4rem 4rem 4rem 14rem;
position: relative;
margin-top: -13rem;
}
.khero-image img {
position: relative;
z-index: 5;
}
.knowledge-h{
margin-top:4rem;
}
.bgcolor {
background-color: rgba(203, 233, 232, 1);
margin-bottom: -3.3rem;
padding-bottom: 3.1rem;
}
.puzzle2 {
width: 40rem;
}
.khero-content h1 {
font-weight: 700;
line-height: 1.1;
margin-bottom: 1.4rem;
color: rgba(81, 50, 145, 1);
}
.kh2 h1{
font-size: 4.3rem;
}
.findp{
font-size: 1.2rem;
font-weight: 600;
}
.khero-content p {
font-weight: 800;
color:rgba(81, 50, 145, 1);
}
.khero-image img {
max-width: 30vw;
border-radius: 1.5rem;
}
.knowledge-cards {
position: relative;
z-index: 6;
border-radius: 1.5rem;
margin: 0rem 14rem 3rem 14rem;
display: flex;
flex-direction: column;
gap: 2.5rem;
background-color: rgba(203, 233, 232, 1);
margin-top: -14rem;
}
.kcard {
background: #fff;
border-radius: 1.5rem;
display: flex;
align-items: center;
gap: 2rem;
padding: 0.7rem;
width: 100%;
}
/* .kcard.reverse {
flex-direction: row-reverse;
} */
.kcard-image {
flex: 1;
}
.kcard-image img {
width: 100%;
height: auto;
border-radius: 1rem;
object-fit: cover;
}
.kcard-content {
flex: 1;
padding-left: 3rem;
}
.kcard-content h2 {
margin-bottom: 1rem;
color: rgba(81, 50, 145, 1);
font-size: 3rem;
}
.kcard-content p {
line-height: 1.6;
color: rgba(81, 50, 145, 1);
margin-bottom: 1.5rem;
padding-right: 5rem;
font-size: 1rem;
}
.kbtn {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 0.31rem;
font-size: 1rem;
background:rgba(81, 50, 145, 1);
color: #fff;
text-decoration: none;
transition: background 0.3s ease;
}
.kbtn:hover {
background: #482373;
}
@media (max-width: 1300px) {
.knowledge-cards {
margin: -10rem 6rem 3rem 6rem;
}
}
@media (max-width: 1132px) {
.knowledge-cards {
margin-top: -10rem;
}
}
@media (max-width: 965px) {
.knowledge-cards {
margin: -10rem 4rem 3rem 4rem;
}
.knowledge-hero {
padding-left: 4rem;
padding-bottom: 4rem;
}
}
@media (max-width: 903px) {
.kcard.reverse {
flex-direction: row-reverse;
}
}
@media (max-width: 900px) {
.top-section1 {
padding-left: 0rem;
}
.knowledge-cards {
margin: -6rem 4rem 3rem 4rem;
}
.kcard-content p {
padding-right: 0rem;
}
.kcard {
flex-direction: column;
text-align: center;
}
.kcard.reverse {
flex-direction: column-reverse;
}
.kcard-image img {
width: 100%;
}
}
@media (max-width: 649px) {
.knowledge-cards {
margin: -6rem 4rem 3rem 4rem;
}
.knowledge-hero {
margin-top: -10rem;
}
}
@media (max-width: 531px) {
.knowledge-cards {
margin: -3rem 1rem 3rem 1rem;
}
.khero-image img {
width: 15rem;
}
.kcard {
padding: 1rem 1rem;
}
}
@media (max-width: 455px) {
.knowledge-hero {
padding-left: 1rem;
padding-right: 0;
}
.kcard-content h2 {
font-size: 2rem;
}
.khero-image img {
width: 15rem;
max-width: none;
}
.knowledge-cards {
margin: -6rem 1rem 3rem 1rem;
}
}
@media (max-width: 423px) {
.knowledge-hero {
padding-left: 1rem;
padding-right: 0rem;
}
.khero-image img {
width: 14rem;
max-width: none;
}
.knowledge-cards {
margin: -6rem 1rem 3rem 1rem;
}
}
@media (max-width: 423px) {
.khero-image img {
width: 13rem;
}
}
@media (max-width: 397px) {
.khero-image img {
width: 12rem;
}
.knowledge-cards {
margin: -5rem 1rem 3rem 1rem;
}
}
@media (max-width: 381px) {
.khero-image img {
width: 11rem;
}
.knowledge-cards {
margin: -4rem 1rem 3rem 1rem;
}
}
.mobile-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
background: #fff;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.mobile-logo {
height: 40px;
}
.icon-btn {
width: 34px;
height: 34px;
margin-left: 1rem;
cursor: pointer;
}
.mobile-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
z-index: 998;
}
.mobile-menu-container {
position: fixed;
top: 0;
left: -100%;
width: 75%;
max-width: 320px;
height: 100%;
background: #fff;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
transition: left 0.3s ease;
z-index: 999;
display: flex;
flex-direction: column;
padding: 1rem;
}
.mobile-menu-container.active {
left: 0;
}
.mobile-overlay.active {
opacity: 1;
visibility: visible;
}
.close-btn {
font-size: 2rem;
background: none;
border: none;
align-self: flex-end;
cursor: pointer;
margin-bottom: 1rem;
}
.mobile-search input {
width: 100%;
padding: 0.6rem 1rem;
border: 1px solid #ccc;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.mobile-menu a {
display: block;
padding: 0.8rem 0;
text-decoration: none;
color: #4a2c82;
font-weight: 500;
}
.mobile-menu button {
width: 100%;
padding: 0.6rem;
margin-top: 0.5rem;
border: none;
border-radius: 0.5rem;
cursor: pointer;
}
.mobile-header {
display: none;
}
@media (max-width: 900px) {
.mobile-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
background: #fff;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-container {
display: none;
}
}
.special-hero {
position: relative;
z-index: 3;
}
.specialist-locator {
position: relative;
z-index: 7;
display: flex;
align-items: stretch;
padding: 1.75rem 14.25rem;
gap: 2rem;
margin-top: -12rem;
}
.special-hero {
margin-top: -11rem;
}
.specialist-card p strong{
color:black;
font-size: 1rem;
}
.specialist-sidebar {
width: auto;
background: #ffffff;
color: #fff;
overflow-y: auto;
margin-top: -2.5rem;
}
.specialist-title {
color:rgba(87, 0, 230, 1);
margin-bottom: 1rem;
}
.specialist-search {
position: relative;
margin-bottom: 2rem;
}
.specialist-search input {
width: 100%;
padding: 0.7rem 2.5rem 0.7rem 1rem;
border-radius: 999px;
border: 1px solid #7a2cff;
background: transparent;
color: #000;
outline: none;
}
.specialist-search-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.findhero h1 {
font-size: 3.5rem;
}
.findhero p {
font-size: 1.5rem;
font-weight: 600;
}
.specialist-card {
background: #fff;
color: #000;
border-radius: 12px;
padding: 1.2rem;
margin-bottom: 1.2rem;
}
.specialist-card-header {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.6rem;
}
.specialist-card-title {
color: rgba(81, 50, 145, 1);
margin: 0;
}
.specialist-card p {
color: rgba(81, 50, 145, 1);
font-size: 0.85rem;
margin-bottom: 0.5rem;
font-weight: 700;
}
.specialist-active {
background: rgba(81, 50, 145, 0.2);
color: #fff;
}
.border-card {
border: 1px solid rgba(81, 50, 145, 0.4);
}
.specialist-number {
background: #7a2cff;
color: #fff;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
flex-shrink: 0;
}
.specialist-pagination {
display: flex;
gap: 0.5rem;
justify-content: center;
margin-top: 2rem;
}
.specialist-page {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #7a2cff;
color: #7a2cff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.specialist-page.specialist-active {
background: #7a2cff;
color: #fff;
}
.specialist-map-area {
flex: 1;
display: flex;
}
.specialist-map-area iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 12px;
}
.top2 {
background-color: white;
}
@media (max-width: 1282px) {
.specialist-locator {
margin-top: -11rem;
}
/* .specialimagee {
width: 40rem;
margin-right: -10rem;
} */
/* .specialimagee img {
width: 60rem;
margin-right: -10rem;
} */
}
@media (max-width: 935px) {
.specialist-locator {
padding: 1.75rem 4.25rem;
}
}
@media (max-width: 907px) {
/* .specialimagee {
margin-top: 4rem;
} */
.specialist-locator {
margin-top: -9rem;
}
}
@media (max-width: 827px) {
/* .specialimagee {
margin-top: 4rem;
} */
/* .specialist-locator {
margin-top: -7rem;
} */
}
@media (max-width: 827px) {
/* .specialimagee {
margin-top: 4rem;
} */
.specialist-locator {
margin-top: -7rem;
padding: 1.75rem 3.25rem
}
}
@media (max-width: 645px) {
.specialisttopblue {
width: 30rem;
}
}
@media (max-width: 591px) {
.specialist-map-area {
display: none;
}
.specialist-locator {
flex-direction: column;
padding: 1rem;
margin-top: -6rem;
}
.specialist-sidebar {
width: 100%;
margin-top: 2;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 445px) {
.specialisttopblue {
width: 20rem;
height: 20rem;
margin-right: -8rem;
}
}
@media (max-width: 445px) {
.specialist-sidebar {
margin-top: 0rem;
padding-left: 0rem;
padding-right: 0rem;
}
}
@media (max-width: 405px) {
.specialist-sidebar {
margin-top: 1rem;
}
}
html,
body {
overflow-x: hidden;
}
/* symptom */
.result-content {
top: 5rem;
text-align: left;
color: #fff;
width: 50%;
}
.result-status {
color: rgba(81, 50, 145, 1);
font-size:2rem;
margin-bottom: 0.75rem;
}
.top-sec{
left: 0;
width: 15rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.result-bar {
width: 15rem;
height:2rem;
border-radius: 20px;
border: 2px solid rgba(81, 50, 145, 1);
margin-bottom: 2rem;
position: relative;
}
.result-bar-fill {
height: 100%;
background: #ec4aa4;
border-radius: 20px;
position: relative;
}
.result-knob {
position: absolute;
right: -6px;
top: 50%;
transform: translateY(-50%);
height: 100%;
aspect-ratio: 1 / 1;
background: #5c3dbf;
border: 3px solid #cfefff;
border-radius: 50%;
}
.result-title {
color:rgba(233, 62, 150, 1);
line-height: 1.3;
margin-bottom: 1rem;
}
.result-points {
color: rgba(81, 50, 145, 1);
font-size: 2rem;
margin-bottom: 1rem;
}
.result-points span {
font-weight: 700;
}
.result-description {
color:rgba(81, 50, 145, 1);
max-width: 30rem;
margin-bottom: 2rem;
}
.btn-primary {
background:rgba(233, 62, 150, 1);
color: #fff;
border: none;
padding: 0.9rem 1.8rem;
font-size: 1rem;
border-radius: 6px;
cursor: pointer;
}
.result-content p {
top: 0rem;
}
/* slider */
.profile-section {
background: rgba(203, 233, 232, 1);
}
.profile-container {
padding: 0rem 14.25rem;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
min-height: 48.5rem;
}
.sara{
flex-direction: row-reverse;
}
.gab {
align-self: flex-end;
}
.missing-piecee {
position: absolute;
right: 40px;
bottom: 40px;
width: 120px;
}
.profile-left {
width: 50%;
}
.profile-header {
display: flex;
align-items: center;
gap: 1rem;
}
.avatar {
width: 48px;
height: 48px;
border-radius: 50%;
}
/* .profile-left h2 {
color: #5a2ea6;
font-size: 2.2rem;
} */
.subtitle {
margin: 0.5rem 0 1.5rem;
color: #5a2ea6;
font-weight: 600;
}
.white{
color: white;
}
.intro {
color: #ff2f92;
font-weight: 600;
margin-bottom: 1rem;
}
.intro span {
font-weight: 700;
}
.points {
list-style: none;
margin-bottom: 1.5rem;
}
.points li {
margin-bottom: 0.5rem;
padding-left: 1.5rem;
position: relative;
}
.points li::before {
content: "✔";
position: absolute;
left: 0;
color: #5a2ea6;
}
.highlight {
color: #ff2f92;
font-weight: 600;
max-width: 420px;
}
.profile-right {
margin-bottom: -3rem;
width: 65%;
display: flex;
justify-content: center;
}
.gab {
margin-bottom: 0rem;
}
.sara {
margin-bottom: -6.6rem;
}
.ivy {
margin-bottom: -10.7rem;
}
.main-image {
max-width: 100%;
height: auto;
}
.ivyimg {
max-width: 85%;
}
@media (max-width: 1850px) {
.ivyimg {
max-width: 90%;
}
}
@media (max-width: 1685px) {
/* .gab {
margin-bottom: -11.2rem;
} */
.gab-img{
max-width:93.5% ;
}
}
@media (max-width: 1565px) {
/* .gab {
margin-bottom: -15rem;
} */
.sara {
margin-bottom: -16.4rem;
}
.ivy{
margin-bottom: -14rem;
}
}
@media (max-width: 1400px) {
/* .gab {
margin-bottom: -14rem;
} */
.sara {
margin-bottom: -15.4rem;
}
}
@media (max-width: 1290px) {
/* .gab {
margin-bottom: -14rem;
} */
.sara {
margin-bottom: -16.4rem;
}
}
@media (max-width: 919px) {
.ivyimg{
max-width: 60%;
}
.ivy{
margin-bottom: -1.7rem;
}
.gab-img {
max-width: 70%;
}
.saraimg {
max-width: 70%;
}
.sara {
margin-bottom: -1.6rem;
}
}
@media (max-width: 900px) {
.profile-container {
flex-direction: column;
text-align: center;
}
.profile-left,
.profile-right {
width: 100%;
}
.missing-piece {
position: static;
margin-top: 2rem;
}
}
@media (max-width: 700px){
.ivyimg{
max-width: 70%;
}
}
@media (max-width: 531px){
.profile-left {
margin-top: 6rem;
width: 85%;
}
.profile-container{
min-height: 72rem;
}
.gab-img {
max-width: 90%;
}
}
@media (max-width: 500px) {
.profile-left {
margin-top: 6rem;
}
.ivyimg{
max-width: 90%;
}
.gab-img {
max-width: 100%;
}
.saraimg {
max-width: 100%;
}
.sara {
margin-bottom: -1.8rem;
}
}
@media (max-width: 440px){
.ivyimg{
max-width: 100%;
}
.profile-container,.bottom-section{
height:67rem;
}
.brrem{
display: none;
}
.gab-img{
width: 150%;
}
}
@media (max-width: 400px) {
.gab-img {
max-width: 130%;
}
.saraimg {
max-width: 140%;
}
.ivyimg{
max-width: 120%;
}
}
@media (max-width: 340px) {
.gab-img {
max-width: 170%;
}
.saraimg {
max-width: 170%;
}
.ivyimg{
max-width: 150%;
}
}
/* additional */
@media (max-width: 921px) {
.footerhide {
display: none;
}
.formhide {
width: 100%;
max-width: 900px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
}
.pinkk {
color: rgba(235, 60, 151, 1) !important;
}
.story-slider {
position: relative;
width: 100%;
}
.slider {
position: relative;
width: 100%;
}
.slide {
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease;
position: absolute;
top: 0;
left: 0;
}
.slide.active {
opacity: 1;
visibility: visible;
position: relative;
}
@media (max-width: 900px) {
.profile-container {
padding: 0rem 1.25rem;
/* min-height: 67.5rem; */
/* padding-top: 3rem; */
}
.profile-left{
margin-top: 3rem;
}
.missing-piecee {
display: none;
}
}
.lightyellow {
background-color: rgba(255, 220, 185, 1);
}
.bgyellow {
background-color:#C3DFA4;
}
.detail-page {
padding: 1rem 20.25rem;
}
.blog-hero img {
width: 100%;
height: auto;
}
.tsh-container {
margin: 0 auto;
}
.tsh-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 2rem;
}
.share-img {
width: 7.5rem;
height: auto;
cursor: pointer;
flex-shrink: 0;
}
.share-img:hover {
opacity: 0.85;
}
.tsh-header h1 {
font-size: 4.3rem;
/*line-height: 1.2;*/
color: rgba(81, 51, 146, 1);
font-weight: 800;
}
.blue,.bluee {
color: rgba(81, 51, 146, 1);
}
.tsh-subtitle {
margin-top: 1.9rem;
font-size: 1.9rem;
margin-bottom: 2rem;
/*line-height: 1.6;*/
color: var(--pink);
font-weight: 800;
}
.divider {
margin: 2rem 0;
border-top: 0.0625rem dotted #ccc;
position: relative;
}
.divider .star {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 0 0.5rem;
color: var(--purple);
}
.tsh-intro,
.tsh-text {
/*font-size: 1.2rem;*/
line-height: 1.75;
margin-bottom: 1.5rem;
}
.tsh-text {
color: rgba(81, 51, 146, 1);
}
.tsh-title {
font-size: 1.75rem;
color: var(--pink);
margin: 2.5rem 0 1.5rem;
font-weight: 700;
}
.tsh-followup {
margin-top: 4rem;
}
.tsh-list {
margin: 1.5rem 0 3rem 1.25rem;
font-size: 1.25rem;
line-height: 1.7;
}
.tsh-list li {
margin-bottom: 0.75rem;
}
.tsh-list.purple li {
color: var(--purple);
}
.blogimg2 {
margin-top: 5rem;
}
/* .tsh-list.pink li {
color: var(--pink);
font-weight: 600;
} */
@media (max-width: 1650px) {
.detail-page {
padding: 0rem 15.25rem;
}
}
@media (max-width: 900px) {
.tsh-header {
flex-direction: column;
}
.blogpuzle {
display: none;
}
.detail-page {
padding: 1rem 5.25rem;
}
.tsh-header h1 {
font-size: 2.2rem;
}
.tsh-subtitle {
font-size: 1.1rem;
}
}
@media (max-width: 500px) {
.tsh-header {
flex-direction: column;
}
.detail-page {
padding: 1rem 1.2rem;
}
.tsh-header h1 {
font-size: 2.2rem;
}
.tsh-subtitle {
font-size: 1.2rem;
}
.tsh-text {
font-size: 1rem;
}
}
:root {
font-size: 16px;
--heading: #111;
--text: #333;
--accent: #7a1fa2;
}
/* Section */
.terms-section {
padding: 1rem 14.25rem;
}
/* Container */
.terms-container {
margin: 0 auto;
}
/* Headings */
.terms-heading {
text-align: center;
font-size: 2.9rem;
font-weight: 700;
margin-bottom: 3rem;
color: var(--heading);
}
.terms-subheading {
font-size: 2rem;
margin: 3rem 0 1.5rem;
color: var(--accent);
font-weight: 700;
}
/* Text */
.terms-container p {
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
/* Emphasis */
.terms-bold {
font-weight: 700;
}
/* Links */
.terms-container a {
color: #1a73e8;
text-decoration: underline;
word-break: break-word;
}
@media (max-width: 1630px) {
.terms-section {
padding: 1rem 10.25rem;
}
}
@media (max-width: 1500px) {
.terms-section {
padding: 1rem 5.25rem;
}
}
@media (max-width: 1035px) {
.terms-section {
padding: 1rem 1.5rem;
}
}
/* Responsive */
@media (max-width: 48rem) {
.terms-heading {
font-size: 2rem;
}
}
.slide,
.profile-section {
min-height: 48.5rem;
}
/*
@media (max-width: 1282px) {
.specialist-locator {
margin-top: -11rem;
}
.specialimagee {
width: 40rem;
margin-right: -10rem;
}
.specialimagee img {
width: 60rem;
margin-right: -10rem;
}
}
@media (max-width: 935px) {
.specialist-locator {
padding: 1.75rem 4.25rem;
}
}
@media (max-width: 907px) {
.specialimagee {
margin-top: 4rem;
}
.specialist-locator {
margin-top: -9rem;
}
}
@media (max-width: 827px) {
.specialimagee {
margin-top: 4rem;
}
.specialist-locator {
margin-top: -7rem;
}
}
@media (max-width: 827px) {
.specialimagee {
margin-top: 4rem;
}
.specialist-locator {
margin-top: -7rem;
padding: 1.75rem 3.25rem
}
}
@media (max-width: 645px) {
.specialisttopblue {
width: 30rem;
}
}
@media (max-width: 591px) {
.specialist-map-area {
display: none;
}
.specialist-locator {
flex-direction: column;
padding: 1rem;
margin-top: -6rem;
}
.specialist-sidebar {
width: 100%;
margin-top: 0;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 445px) {
.specialisttopblue {
width: 20rem;
height: 20rem;
margin-right: -8rem;
}
}
@media (max-width: 445px) {
.specialist-sidebar {
padding-left: 0rem;
padding-right: 0rem;
}
}
*/
/* avoidable */
@media (max-width: 965px) {
.knowledge-cards {
margin: -10rem 4rem 3rem 4rem;
}
.knowledge-hero {
padding-left: 4rem;
padding-bottom: 4rem;
}
}
@media (max-width: 903px) {
.kcard.reverse {
flex-direction: row-reverse;
}
}
@media (max-width: 900px) {
.top-section1 {
padding-left: 0rem;
}
.knowledge-cards {
margin: -6rem 4rem 3rem 4rem;
}
.kcard-content p {
padding-right: 0rem;
}
.kcard {
flex-direction: column;
text-align: center;
}
.kcard.reverse {
flex-direction: column-reverse;
}
.kcard-image img {
width: 100%;
}
}
@media (max-width: 649px) {
.knowledge-cards {
margin: -6rem 4rem 3rem 4rem;
}
.knowledge-hero {
margin-top: -10rem;
}
}
@media (max-width: 531px) {
.knowledge-cards {
margin: -3rem 1rem 3rem 1rem;
}
.shero p{
font-size: 1rem;
}
.khero-image img {
width: 15rem;
}
.kcard {
padding: 1rem 1rem;
}
}
@media (max-width: 455px) {
.knowledge-hero {
padding-left: 1rem;
padding-right: 0;
}
.kcard-content h2 {
font-size: 2rem;
}
.khero-image img {
width: 15rem;
max-width: none;
}
.knowledge-cards {
margin: -4rem 1rem 3rem 1rem;
}
}
@media (max-width: 423px) {
.knowledge-hero {
padding-left: 1rem;
padding-right: 0rem;
}
.khero-image img {
width: 14rem;
max-width: none;
}
.knowledge-cards {
margin: -4rem 1rem 3rem 1rem;
}
}
@media (max-width: 423px) {
.khero-image img {
width: 13rem;
}
}
@media (max-width: 397px) {
.khero-image img {
width: 12rem;
}
.knowledge-cards {
margin: -3rem 1rem 3rem 1rem;
}
}
@media (max-width: 381px) {
.khero-image img {
width: 11rem;
}
.knowledge-cards {
margin: -4rem 1rem 3rem 1rem;
}
}
@media (max-width: 371px) {
.brmob {
display: none;
}
}
.sym{
font-weight: 800;
}
.knowledge-container {
padding: 3rem 14rem;
position: relative;
}
/* padding responsive */
@media (max-width: 1681px) {
.header-container,.knowledge-container, .top-section,.bottom-section,.thirdsection-home,.site-footer,.top-section-forms,.specialist-locator{
padding: 1rem 11.25rem;
}
.specialist-locator{
margin-top: -11rem;
}
.profile-container{
padding: 0rem 11.25rem;
}
.knowledge-cards{
margin:1rem 11.25rem ;
margin-top: -13rem;
}
.knowledge-hero{
padding-left: 11.25rem;
}
.thirdsection-container{
padding-left: 2rem;
padding-right: 11.25rem;
}
}
@media (max-width: 1600px) {
.header-container,.knowledge-container,.top-section,.bottom-section,.thirdsection-home,.site-footer,.top-section-forms,.specialist-locator{
padding: 1rem 9.25rem;
}
.knowledge-cards{
margin:1rem 9.25rem ;
margin-top: -12rem;
}
.specialist-locator{
margin-top: -11rem;
}
.knowledge-hero{
padding-left: 9.25rem;
}
.profile-container{
padding: 0rem 9.25rem;
}
.thirdsection-container{
padding-left: 2rem;
padding-right: 9.25rem;
}
.slider-arrow.right{
right: 5rem;
}
.slider-arrow.left{
left: 5rem;
}
}
@media (max-width:900px) {
.knowledge-hero{
padding-left: 2rem;
}
}
@media (max-width:450px) {
.knowledge-cards{
margin:1rem 9.25rem ;
margin-top: -7rem;
}
.knowledge-hero{
padding-left: 2rem;
}
.ktop{
margin-right: -5rem;
}
.title-butterflyk {
left: 15rem;
top: -10%;
width: 1.7rem;
height: auto;
}
}
@media (max-width: 531px) {
.header-container,.top-section,.bottom-section,.thirdsection-home,.site-footer,.top-section-forms{
padding: 1rem 1.25rem;
}
.knowledge-cards{
margin:1rem 1.25rem ;
}
.profile-container{
padding: 0rem 1.25rem;
}
.thirdsection-container{
padding-left: 2rem;
padding-right: 1.25rem;
}
.slider-arrow.right{
right: 0.3rem;
}
.slider-arrow.left{
left: 0.3rem;
}
.slider-arrow img{
width: 2rem;
}
}
@media (max-width: 531px){
.profile-container{
padding-top: 1.25rem;
}
.kcard-content{
padding-left: 0rem;
}
.headk{
padding-bottom: 0rem;
}
}
.formbtm{
width: 40rem;
bottom: 0rem;
}
@media (max-width: 1618px){
.formbtm{
width: 35rem;
overflow: hidden;
}
}
@media (max-width: 569px){
.formbtm{
width: 35rem;
overflow: hidden;
margin-bottom: -10rem;
}
.top-section-forms{
padding-bottom: 0rem;
}
}
.page-top-links {
max-width: 1200px;
margin: 1.5rem auto 0;
padding: 0 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.top-link {
font-family: "Raleway", sans-serif;
font-size: 2rem;
font-weight: 600;
color: white;
text-decoration: none;
padding: 0.75rem 1.5rem;
border-radius: 5px;
font-size: 2rem;
}
.top-link:hover {
text-decoration: underline;
}
@media (max-width: 470px){
.top-link{
font-size: 1rem;
}
}
@media (max-width: 1282px) {
.specialist-locator {
margin-top: -11rem;
}
/* .specialimagee {
width: 40rem;
margin-right: -10rem;
} */
/* .specialimagee img {
width: 60rem;
margin-right: -10rem;
} */
}
@media (max-width: 935px) {
.specialist-locator {
padding: 1.75rem 4.25rem;
}
}
@media (max-width: 907px) {
/* .specialimagee {
margin-top: 4rem;
} */
.specialist-locator {
margin-top: -7rem;
padding: 1.75rem 2rem;
}
}
@media (max-width: 827px) {
.specialist-locator {
margin-top: -7rem;
padding: 1.75rem 2rem
}
}
@media (max-width: 591px) {
.specialist-locator {
flex-direction: column;
margin-top: -1rem;
}
.specialist-sidebar{
padding: 0rem;
}
}
@media (max-width: 450px) {
.specialist-locator {
margin-top: -4rem;
}
}
.age-input {
width: 100%;
font-weight: 800;
max-width: 280px;
padding: 0.3rem 1rem;
font-size: 1.45rem;
border-radius: 6px;
border: none;
color: rgba(81, 50, 145, 1);
text-align: center;
font-family: 'Raleway', sans-serif;
}
.age-input:focus {
border: none;
outline: none;
box-shadow: none;
}
.faq-number {
font-size: 1.5rem;
font-weight: 600;
}
@media (max-width: 450px){
.faq-question {
display: grid;
grid-template-columns: auto 1fr 48px;
align-items: stretch;
cursor: pointer;
padding: 0rem 0;
gap: 1rem;
}
.faq-icon{
width: 4rem;
font-weight:500;
}
.faq-number {
margin-left: 0.3.3rem;
}
.faq-answer{
padding: 0 3rem;
}
}
.overflow{
bottom: 0rem;
}
.bold20{
font-weight: 800;
font-size: 1.25rem;
}
.bg-sc{
background-color:rgba(203, 233, 232, 1);
}
.ttt {
display: flex;
flex-direction: column;
top: 100%;
/* height:23rem; */
left: 50%;
align-items: center;
width: 42.5rem;
background: #ffffff;
border-radius: 1rem;
padding: 1.8rem 1.875rem;
box-shadow: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.4);
}
.language-modal {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-1.25rem);
width: 100vw;
height: calc(100vh - 100%);
background: rgba(233, 62, 150, 0.67);
border-radius: 1rem;
padding: 1.8rem 1.875rem;
box-shadow: 0 1.875rem 3.75rem rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 9999;
}
.language-modal {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 10rem;
}
.language-modal.show {
transform: translateX(-50%) translateY(0);
opacity: 1;
visibility: visible;
}
.language-modal h2 {
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 1.875rem;
background-color:rgb(255, 255, 255) ;
color: rgba(81, 51, 146, 1);
}
.language-modal h2 span {
font-weight: 800;
}
.country-list {
background: #ffffff;
border-radius: 0.875rem;
padding: 0.9375rem;
padding-top: 0rem;
width:100%;
max-height: 17.5rem;
overflow-y: auto;
/*box-shadow: inset 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);*/
}
.tt{
background: #ffffff;
border-radius: 0.875rem;
padding: 0.9375rem;
width:60%;
max-height: 47.5rem;
overflow-y: hidden;
box-shadow: inset 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
}
.country-list::-webkit-scrollbar {
width: 0.275rem;
}
.tt::-webkit-scrollbar-track {
background: transparent;
}
/* .tt::-webkit-scrollbar-track {
background: transparent;
}
.country-list::-webkit-scrollbar-track {
background: rgba(81, 50, 145, 1);
}
.country-list::-webkit-scrollbar-thumb {
background: rgba(235, 60, 151, 1);
border-radius: 0.625rem;
border: 3px solid rgba(81, 50, 145, 1);
cursor: pointer;
} */
.country-item {
display: flex;
align-items: center;
gap: 0.9375rem;
padding: 0.75rem 0.9375rem;
border-radius: 1.875rem;
cursor: pointer;
transition: 0.3s ease;
/*margin-bottom:1rem;*/
}
.country-item img {
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
object-fit: cover;
}
.country-item p {
font-size: 0.95rem;
font-weight: 800;
color:rgba(81, 50, 145, 1);
}
.country-item.active {
background: #eee;
}
.country-item:hover {
background: #eee;
}
.main-header {
position: relative;
}
.pinkk {
color: rgba(235, 60, 151, 1) !important;
}
/* body {
background: #f4f4f4;
} */
.tsh-header {
position: relative;
}
.share-img {
width: 7.5rem;
height: auto;
cursor: pointer;
}
.social-container {
position: absolute;
right: 0rem;
margin-bottom: -2.4rem;
margin-right: -0.1rem;
background:rgba(150, 213, 209, 1);
padding: 0.45rem 1rem;
border-radius: 3.125rem;
display: flex;
gap: 0.75rem;
transform: translateX(120%);
opacity: 0;
pointer-events: none;
transition: transform 0.9s ease, opacity 0.3s ease;
z-index: 9999;
}
.social-container1 {
position: absolute;
bottom: 130%;
right: -9.1rem;
margin-bottom: -3.5rem;
background: #7cc7c7;
padding: 12px 20px;
border-radius: 50px;
display: flex;
gap: 12px;
transform: translateX(120%);
opacity: 0;
pointer-events: none;
transition: transform 0.4s ease, opacity 0.3s ease;
z-index: 9999;
}
.social-container.active {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
.social-container1.active {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
.social-container a {
width: 1.7rem;
height: 1.7rem;
background: #4b2a82;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
font-size: 1rem;
transition: 0.3s ease;
}
.social-container1 a {
width: 38px;
height: 38px;
background: #4b2a82;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
font-size: 16px;
transition: 0.3s ease;
}
.social-container a:hover {
background: #eb3c97;
}
.social-container1 a:hover {
background: #eb3c97;
}
.tsh-container,
.tsh-section,
.detail-page {
overflow: visible;
}
.detail p,.detail h3,.detail h4,.detail h5,.detail ul,.detail h2,.detail img,.mb{
margin-bottom: 1.4rem;
}
.detail h4{
color: rgba(233, 62, 150, 1);
}
.detail img{
width: 100%;
}
.detail ul{
margin-left: 3.5rem;
foo
}
.detail p{
color: rgba(81, 50, 145, 1);
}
.detail ul li{
font-weight: 800;
margin-bottom: .5rem;
font-size: 1.25rem;
color: rgba(81, 50, 145, 1);
}
.reference-toggle {
margin-bottom: 2rem;
margin-top: 1rem;
cursor: pointer;
}
.ref-header {
display: flex;
align-items: center;
gap: 1rem;
}
.plus-icon {
width:3rem;
height: 3rem;
border: 3px solid #7a1fa2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.4rem;
color: #7a1fa2;
transition: 0.3s ease;
}
/* .ref-header h2 {
font-size: 2rem;
margin: 0;
font-weight: 700;
} */
.ref-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
margin-top: 20px;
}
.reference-toggle.active .ref-content {
max-height: 500px; /* adjust if needed */
}
.reference-toggle.active .plus-icon {
transform: rotate(45deg);
}
.ref-content ul {
list-style: decimal;
}
.ref-content ul li {
margin-bottom: 0.75rem;
font-size: 1.1rem;
font-weight: 400;
}
.content-h{
font-size:1rem;
font-weight: 500;
}
.close-share {
position: absolute;
top: 0px;
right: -10px;
background: rgba(81, 50, 145, 1);
color: #fff;
width: 25px;
height: 25px;
border-radius: 50%;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.back {
display: flex;
align-items: center;
margin-left: -5rem;
}
.back-btn {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
margin-right: 12px;
background: #4b2a82;
color: #fff;
border-radius: 50%;
text-decoration: none;
font-size: 20px;
line-height: 1;
transition: 0.3s ease;
}
.back-btn:hover {
background: #eb3c97;
}
.detail-page1 {
max-width: 54rem;
margin: 0 auto;
padding: 1rem 2rem;
margin-top:1rem;
}
.ref-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 3rem;
color: #fff;
padding: 0.5rem 0rem;
border-radius: 60px;
padding-top: 0rem;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
width: fit-content;
transition: 0.3s ease;
}
.ref-header1 {
display: flex;
margin-top: 3rem;
cursor: pointer;
transition: 0.3s ease;
}
.plus-symbol{
font-size: 2rem;
}
.ref-header i {
font-size: 1.25rem;
}
.ref-header:hover {
opacity: 0.9;
}
.share-wrapper {
margin-bottom: 0rem;
position: relative;
display: inline-block;
}
.share-wrapper {
position: relative;
display: flex;
align-items: flex-end;
}
.share-wrapper {
position: relative;
display: block;
text-align: right;
}
.pink1{
color: rgba(233, 62, 150, 1) !important;
}
.parent {
display: flex;
justify-content: flex-end;
margin-bottom:0.8rem;
}
.detail .no-m,.no-m{
margin-bottom: 0.2rem;
height: 1rem;
}
.btn-s{
font-size: 1rem;
}
.ref-h{
margin-top: 0rem !important;
}
/*.green{*/
/* color:rgba(203, 233, 232, 1)) !important;*/
/*}*/
.bluee {
color: rgba(81, 51, 146, 1) !important;
}
p sup {
font-size: 0.7em;
vertical-align: super;
}
.line-height{
line-height: 1;
}
.ref-content ul li a{
color:#007bff;
}
p a{
color:#007bff;
}
.ref-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.ref-content.active {
max-height: 2000px; /* large enough to fit all */
}
.your-cards-wrapper {
display: flex;
gap: 2rem;
padding:1.5rem 0rem;
}
.your-card {
flex: 1;
background: #ffffff;
border-radius: 0.31rem;
padding: 1rem 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.your-card-left {
display: flex;
align-items: center;
gap: 1rem;
}
.your-card-left img {
width: 3rem;
height: 3rem;
}
.your-card-left h4 {
margin: 0;
color: rgba(81, 50, 145, 1);
font-weight: 800;
}
.your-btn {
padding: 0.75rem 2rem;
border: none;
border-radius: 0.25rem;
background: #9fe0d8;
color: rgba(81, 50, 145, 1);
cursor: pointer;
}
.your-btn:hover {
opacity: 0.85;
}
.country-list::-webkit-scrollbar {
width: 6px;
}
.country-list::-webkit-scrollbar-track {
background: rgba(81, 50, 145, 1);
border-radius: 10px;
}
.country-list::-webkit-scrollbar-thumb {
background: rgba(235, 60, 151, 1); /* pink thumb */
border-radius: 10px;
}
.reverse1{
flex-direction: row-reverse;
}
.age-input::-webkit-outer-spin-button,
.age-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-alert {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
font-family: 'Raleway', sans-serif;
}
.alert-box {
background: #ffffff;
width: 30rem;
padding: 1.875rem 1.25rem 1.5625rem;
border-radius: 0.7rem;
text-align: left;
box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,0.15);
display: flex;
flex-direction: column;
}
.alert-text {
color: #5A3E99;
font-size: 1.125rem;
margin-bottom: 1.5625rem;
font-weight: 500;
}
.alert-btn {
background: #FF4FA3;
color: white;
border: none;
padding: 0.625rem 1.25rem;
border-radius: 0.75rem;
font-size: 1rem;
cursor: pointer;
font-weight: 600;
align-self: flex-end;
}
.alert-btn:hover {
background: #e83e8c;
}
body {
opacity: 1;
transition: opacity 0.2s ease;
}
body.page-exit {
opacity: 0.3;
}
.detailh{
color:rgba(81, 50, 145, 1);
}
.detail-page1 h4{
font-weight:400;
}
.detail-page1 .detail h4{
font-weight:800;
color: rgba(233, 62, 150, 1);;
}
.your-bottom{
width:49.82%;
}
.refimg{
width:auto !important;
height: 2.6rem;
margin-bottom:0rem !important;
}
.footer-bottom p,.legal-disclaimer-bottom{
font-size: 0.9rem;
}
.knowledge {
background: rgba(150, 213, 209, 1);
padding: 6rem 0;
position: relative;
overflow: hidden;
padding-top: 0rem;
}
.knowledge-header {
max-width: 38rem;
margin-bottom: 3rem;
}
.tag {
font-size: 1rem;
color: #5a2ca0;
}
.knowledge-header h1 {
font-size: 3.5rem;
color: #5a2ca0;
margin: 0.5rem 0;
}
.desc {
font-size: 1.25rem;
color: #4b4b4b;
}
.hero-image-knowledge {
position: absolute;
right: 0;
top: 2rem;
z-index: 1;
}
.hero-image-knowledge img {
width: 32rem;
}
.knowledge-details-card {
display: grid;
grid-template-columns: 30rem 1fr;
grid-template-rows: auto auto;
column-gap: 2rem;
row-gap: 1rem;
background: #f2f2f2;
border-radius: 1.2rem;
padding: 0.5rem;
margin-bottom: 1.8rem;
position: relative;
z-index: 2;
align-items: center;
padding-right: 3rem;
}
.knodledge-card1{
margin-top: 13rem;
}
.knowledge-card-img {
grid-row: 1 / span 2;
height: 100%;
}
.card-img {
width: 100%;
height: 100%;
border-radius: 0.8rem;
object-fit: cover;
margin-bottom: -0.3rem;
}
.knowledge-card-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1rem;
}
.knowledge-card-top h2 {
font-size: 2rem;
color:rgba(81, 51, 146, 1);
}
.card-icon {
width: 3rem;
}
.knowledge-card-bottom,
.knowledge-card-vottom,
.card-right {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 2rem;
margin-bottom: 1rem;
}
.knowledge-card-bottom p,
.knowledge-card-vottom p,
.card-right p {
font-size: 1rem;
color:rgba(81, 51, 146, 1);
max-width: 30rem;
}
.btn-knowledge {
background:rgba(81, 51, 146, 1);
color: #fff;
cursor: pointer;
white-space: nowrap;
}
.top-content-knowledge{
width: 100%;
}
.top-content-knowledge h2{
top: 2rem;
}
@media (max-width: 1670px) {
.knowledge-details-card{
grid-template-columns: 25rem 1fr;
}
}
.faq-answer {
height: 0;
overflow: hidden;
transition: height 0.38s cubic-bezier(0.65, 0, 0.35, 1);
}
.share-btn-detail-page{
margin-bottom: 0rem !important;
height: 2.6rem;
}
#header-placeholder {
min-height:4.906rem;
}
.diary-link {
color: rgba(81, 51, 146, 1);
text-decoration: underline;
}
.no-margin{
margin-bottom: 0rem !important;
}
.parent .share-wrapper .social-container a img{
height: 1.7rem;
}
.br-mobile{
display: none;
}
@media (max-width: 450px){
.br-mobile{
display: block;
}
}
.show-mobile{
display: none;
}
@media (max-width: 1100px){
.hide-mobile{
display: none;
}
.show-mobile{
display: block;
}
}
@media (max-width: 450px){
.symptom-text{
margin-top: -5rem !important;
}
}
@keyframes popSwitch {
0% { transform: scale(1); }
40% { transform: scale(0.6); }
70% { transform: scale(1.15); }
100% { transform: scale(1); }
}
#refIcon.pop {
animation: popSwitch 0.4s ease;
}
section{
margin-bottom: -1px;
}
.bg-sc{
margin-bottom: -1px;
}
.bg-sc .top-pink{
width: 50.12%;
}