/* Table Of Content 0. Bootstrap 1.0 Global styles 2.0 Landing page 3.0 Category Page(pfizer) 6.0 Header 7.0 Footer 8.0 Breadrumb 9.0 Posts 10.0 Floating Button 11.0 Retail CTA 12.0 Sidebar Subscribe 13.0 Post Author 14.0 Google Ads 15.0 Slides 16.0 Banner 17.0 Carousel HH 18.0 Product Listing 19.0 Dengue */ /* ********** 0. Bootstrap ********** */ html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}} /* ********** 1.0 Global styles ********** */ html{ box-sizing: border-box; font-size: 14px; overflow: auto; scroll-behavior: smooth; } body { font-family: 'Open Sans', sans-serif; margin: 0; scroll-behavior: smooth; } .mobile-only{ display: none; } .desktop-only{ display: block; } @media (max-width: 768px){ .mobile-only{ display: block; } .desktop-only{ display: none; } } /* 2.0 Landing page */ @media(max-width:576px){ .hc-padding{ padding: 0; margin-bottom: 20px; } .hc-landing-featured div{ width: 48%; } } .hc-landing-post-height div{ height: 130px; } .hc-landing-list-a-z{ max-width: 23%; margin: 20px 1%; padding: 0; } .hc-landing-margin{ margin: 30px 0; margin-bottom: 70px; } @media(max-width:576px){ .hc-landing-margin{ margin: 30px 0px 0 0px; } } .hc-landing-featured div{ width: 42%; } .hc-landing-featured-title{ color: #000; font-weight: bold; font-size: 16px; margin: 0 0 5px 0; } .hc-land-tiles{ background-color: #408BF9; /* margin-bottom: 2%; */ padding: 1%; } .hc-land-tiles-cta{ display: block; width: 100%; text-align: center; } .hc-breadcrumb{ background-color: #F5F5F5; padding: 15px; } .hc-land-tiles-cta a{ color: #fff; margin: 0 10px; padding: 16px; text-decoration: none; } @media(max-width:991px){ .hc-land-tiles-cta{ display: flex; overflow: auto; } .hc-land-tiles-cta a{ white-space: nowrap; } } .hc-land-main-img{ background-image: url('https://www.doctoroncall.com.my/images/online-doctor/cough n cold.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; height: 260px; } .hc-land-cat{ color: #408BF9; margin: 20px 0; text-transform: uppercase; } .hc-land-book{ margin-bottom: 5px; width: 100%; } .hc-land-book a{ text-decoration: none; } .hc-land-date{ color: #797979; margin-top: 7px; margin-bottom: 5px; text-decoration: none; width: 100%; } .hc-land-date a{ color: #707070; text-decoration: none; } .hc-land-book-svg{ height: 15px; } .hc-land-head{ font-weight: bold; font-size: 18px; margin: 10px 0; } .hc-land-desc{ margin-bottom: 25px; } .hc-land-a{ color: #000; text-decoration: none; } .hc-land-a a{ text-decoration: none; } .hc-land-home-tile-bg{ background-image: url('https://www.doctoroncall.com.my/images/homepagev2/doctoroncall-consult-doctor.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; float: left; height: 123px; margin-right: 8px; width: 40%; } .hc-land-home-tile-bg-2{ background-image: url('https://www.doctoroncall.com.my/images/online-doctor/cough n cold.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; float: left; height: 123px; margin-right: 8px; width: 40%; } .hc-land-home-tile-bg-3{ background-image: url('https://www.doctoroncall.com.my/images/online-doctor/skin prob.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; float: left; height: 123px; margin-right: 15px; width: 28%; } .hc-land-home-tile{ color: #000; display: block; margin: 0 auto; margin-bottom: 15px; text-decoration: none; } .hc-land-home-tile-cat{ color: #408BF9; margin: 0; text-transform: uppercase; } .hc-land-home-tile-head{ color: #000; font-weight: bold; font-size: 16px; margin: 15px 0 5px 0; } .hc-pfizer-link-desc{ color: #000; } .hc-land-list-a{ color: #000; display: block; margin-bottom: 12%; text-decoration: none; } .hc-land-list-img{ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; float: left; height: 123px; margin-right: 8px; width: 25%; } .hc-land-list-head{ font-weight: bold; margin-bottom: 5px; } .hc-land-sub p{ font-weight: bold; } .hc-land-sub a{ background-color: #D65858; color: #fff; padding: 10px; border-radius: 4px; text-decoration: none; } .hc-land-sub{ text-align: center; } .hc-land-cv{ background-color: #123655; border-radius: 8px; margin: 20px 0; } .hc-land-cv-cat a{ color: #fff; text-decoration: none; } .hc-land-cv-head{ color: #FEAB29; font-weight: bold; font-size: 2em; margin-bottom: 6%; margin-top: 2%; } .hc-land-cv-cat{ border-bottom: 1px solid #fff; color: #fff; margin-bottom: 7%; padding-bottom: 10px; font-weight: bold; font-size: 18px; } .hc-land-cv-cat:last-child{ border: none; } .hc-land-cv-cat svg{ fill: #fff; float: right; height: 15px; } .hc-land-cv-bg{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/covid\ people.png'); background-position: top; background-size: cover; height: 354px; } .hc-land-hamil-head{ border-bottom: 1px solid #000; align-items: center; display: flex; justify-content: space-between; width: 100%; margin: 3% 0; } .hc-land-hamil-cta{ text-align: right; white-space: nowrap; } .hc-land-hamil-cta svg{ fill: #408BF9; height: 15px; } .hc-land-hamil-cta{ color: #408BF9; } .hc-land-hamil-svg{ border: 2px solid #408BF9; border-radius: 50%; display: inline-block; padding-top: 3px; height: 25px; vertical-align: middle; margin-left: 15px; width: 26px; text-align: center; } .hc-land-list-margin{ margin: 5% 0; } .hc-land-yt-img{ background-position: top; background-size: cover; border-radius: 8px; height: 150px; text-align: center; } .hc-land-yt-a{ color: #000; text-decoration: none; } .hc-land-yt-img svg{ height: 20px; fill: #fff; } .hc-land-yt-img-1{ background-image: url('https://www.doctoroncall.com.my/images/penyebab-psoriasis.jpeg'); } .hc-land-yt-img-2{ background-image: url('https://www.doctoroncall.com.my/images/gallstone.jpeg'); } .hc-land-yt-img-3{ background-image: url('https://www.doctoroncall.com.my/images/hepatitis-a.jpeg'); } .hc-land-yt-img div{ border-radius: 50%; border: 2px solid #fff; display: inline-block; margin: 0 auto; margin-top: 18%; padding: 15px; width: max-content; } .main-pny-senarai-link{ color: #000; /* display: block; margin: 15px 0; */ text-decoration: none; } @media (max-width: 768px){ .hc-landing-featured-title{ font-size: 14px; margin: 0; line-height: 20px; } .hc-land-hamil-cta{ margin-bottom: 15px; text-align: left; } .hc-land-hamil-head{ display: block; } } /* 3.0 Category Page(pfizer) */ .hc-cat-title-blue{ max-width: 23%; margin: 20px 1%; padding: 0; } @media (max-width: 768px){ .hc-cat-title-blue{ max-width: unset; margin: 10px; } } .hc-hepatitis-c-main-banner{ height: 350px; } .hc-pf-smoke-banner{ background-position: top; background-size: 100%; background-repeat: no-repeat; border-radius: 8px; color: #000; height: 310px; padding-left: 5%; text-align: center; width: 100%; } .hc-pf-asthma-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/ashtma-desktop-en.png'); background-position: top; background-size: 100%; background-repeat: no-repeat; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; height: 500px; padding-left: 5%; text-align: center; width: 100%; margin-top: 1%; } .hc-pf-asthma-banner-bm{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/ashtma-desktop-bm.png'); background-position: top; background-size: 100%; background-repeat: no-repeat; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #000; height: 500px; padding-left: 5%; text-align: center; width: 100%; margin-top: 1%; } @media (max-width: 576px){ .hc-pf-asthma-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/ashtma-mobile-en.png'); width: 100%; height: 420px; } .hc-pf-asthma-banner-bm{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/ashtma-mobile-bm.png'); width: 100%; height: 420px; } } .hc-you-date{ width: max-content; } .hc-cat-desc{ margin: 15px 0; } .hc-hepa-desc{ margin: 15px 0; width: 50%; } @media(min-width:576px){ .hc-hepa-desc{ font-size: 18px; } } .hc-cat-title-sec{ text-align: center; } .hc-pf-smoke-banner-nutrition{ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; color: #fff; height: 360px; margin: 20px 0; padding-left: 5%; padding-top: 3%; width: 100%; } .hc-pf-smoke-banner-nutrition h1{ font-size: 2em; /* text-align: center; */ /* color: #000; */ } @media(max-width:576px){ .hc-pf-smoke-banner-nutrition h1{ margin-top: 70px; text-align: left; } } .hc-pf-smoke-banner-nutrition p:nth-child(2) { /* color: #000; */ margin-top: 40px; padding: 0; text-align: left; width: 50%; } .hc-hiv-title{ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; color: #fff; height: 360px; margin: 20px 0; padding-left: 5%; padding-top: 3%; width: 100%; } .hc-hiv-title h1{ font-size: 2em; text-align: left; color: #000; } .hc-hiv-title p:nth-child(2) { color: #000; margin-top: 35px; padding: 0; width: 50%; } @media(max-width:576px){ .hc-hiv-title h1{ margin: 0; text-align: left; } .hc-hiv-title p:nth-child(2){ color: #000; margin-top: 35px; padding: 0; width: 85%; } } .hc-land-home-tile-head{ color: #000; font-weight: bold; font-size: 16px; margin: 15px 0 5px 0; } .hc-land-date-2{ color: #797979; text-decoration: none; width: 100%; } .hc-land-date-2 a{ color: #707070; text-decoration: none; } @media(min-width: 576px){ .hc-pf-smoke-banner-nutrition{ margin: 15px 0; margin-bottom: 40px; } } .hc-land-home-tile-head-2 { color: #000; font-weight: 700; font-size: 16px; margin: 15px 0 5px 0; } @media(max-width: 576px){ .hc-landing-post-height div{ height: 105px; } .hc-land-home-tile-head-2{ font-size: 14px; margin: 0; line-height: 20px; } .hc-land-date-2{ margin: 5px 0; } .hc-pf-smoke-banner-nutrition p:nth-child(2){ width: auto; } .hc-disclaimer{ margin: 0px 25px 15px; } .hc-landing-list-a-z{ max-width: unset; margin: 15px 25px; } } .hc-disclaimer{ color: #2e5aa9; font-weight: bold; font-size: 20px; } .hc-pf-smoke-banner h1{ font-size: 2em; text-transform: uppercase; } .hc-cat-youtube{ padding: 0; text-align: center; } .hc-cat-youtube-desc{ margin: 10px 15px 25px; } .hc-hepatitis-c-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-hepatitis-c-ds-min.png'); height: 350px; margin-top: 3%; text-align: left; color: #fff; } .hc-pf-smoke-banner-smoke{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/smoking_ds_en.jpg'); } .hc-asthma-bayer-banner h1{ font-size: 2em; text-transform: none; } .hc-asthma-guide{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/e-book-desktop-min.png'); height: 280px; background-position: center; background-size: contain; background-repeat: no-repeat; } .hc-bayer-quiz-cta{ background-color: #0071EB; color: #fff; padding: 15px; border-radius: 8px; text-decoration: none; margin-top: 10px; display: inline-block; width: max-content; } .hc-asthma-e-book{ background-position: center; background-size: contain; background-repeat: no-repeat; height: 230px; } .hc-asthma-endo-diagram{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-asthma-endo-ds-min.png'); height: 430px; background-position: center; background-size: 100%; background-repeat: no-repeat; } .hc-asthma-bayer-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-asthma-main-banner-ds-min.png'); color: #fff; margin: 15px 0; text-align: left; background-position: top; background-size: 100%; background-repeat: no-repeat; border-radius: 8px; height: 310px; padding-left: 5%; position: relative; width: 100%; } .hc-pf-smoke-banner-smoke-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/smoking_ds_en.jpg'); } .hc-pf-heart-health-banner{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/hh_ds_en.jpg'); } .hc-pf-heart-health-banner-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/hh_ds_en.jpg'); } .hc-pf-vacc-banner{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/vacc_ds_en.jpg'); } .hc-pf-vacc-banner-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/vacc_ds_en.jpg'); } .hc-covid-19{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/Desktop_banner_covid19_vaccine.jpg'); color: rgb(226, 179, 179); height: 315px; margin-bottom: 30px 0; } .hc-pfxdoc-logo{ height: 78px; width: 80px; float: right; top: 140px; right: 12px; position: relative; } .hc-pf-smoke-banner h2{ font-size: 2em; font-weight: bold; margin-bottom: 3%; margin-top: 5%; text-transform: uppercase; } .hc-pf-smoke-banner p:nth-child(2){ margin: 0; padding: 0; width: 50%; } .hc-pf-smoke-banner p:nth-child(3){ font-size: 10px; margin-top: 13%; } .hc-pf-tiles{ color: #000; font-weight: bold; display: inline-block; margin-bottom: 25%; padding: 15% 0; text-decoration: none; } .hc-pf-hg-img{ background-image: url('https://firebasestorage.googleapis.com/v0/b/doctoroncall-cms.appspot.com/o/categories%2F1604830240117?alt=media&token=6929ace2-4db0-4e8f-bbbe-cf7b0f026c7f'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; height: 280px; margin-bottom: 10px; width: 100%; } .hc-pf-hg-desc{ color: #3C3C3C; line-height: 28px; margin: 15px 0; } .hc-land-list-desc{ line-height: 24px; margin: 0; } .hc-pf-ass{ background-color: #F7EADA; border-radius: 8px; padding: 5% 0; padding-bottom: 6%; text-align: center; } .hc-pf-asthma-ass{ background-color: white; box-shadow: 0 3px 10px rgb(0 0 0 / 20%); border-radius: 8px; padding: 7%; text-align: center; } .nic-land-tick{ width: 20px; } .nic-land-tick-desc{ position: relative; top: -5px; } .hc-asthma-quiz-img{ width: 150px; height:auto; } .hc-asthma-quiz-container{ text-align: left; } .hc-asthma-quiz-list-first{ margin-top: 13%; } .hc-asthma-quiz-list-others{ margin-top: 5%; } .hc-asthma-quiz-header{ text-align:left; } @media(max-width:576px){ .hc-bayer-quiz-cta{ width: 100%; text-align: center; } .hc-asthma-quiz-container{ text-align: center; } .hc-asthma-quiz-list-first{ margin-top: 0; } .hc-asthma-quiz-header{ text-align:center; } } .hc-vacc-models div:nth-child(1){ background-color: #E8F2FA; } /* .hc-vacc-models a:nth-child(1){ background-color: red; } */ .hc-heart-health-models div:nth-child(1){ background-color: #FAE8F3; } .hc-heart-caring-logo{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/caring_heart_health_desktop+banner+hc.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; padding: 3%; text-align: center; } .hc-heart-caring-logo p:nth-child(1){ font-weight: bold; color: #C00000; margin: 25px 0; } .hc-heart-caring-logo p:nth-child(2){ margin-top: 100px; margin-bottom: 47px; line-height: 18px; font-weight: bold; } .hc-heart-caring-logo a{ background-color: #408BF9; border-radius: 8px; color: #fff; padding: 5%; text-decoration: none; display: inline-block; width: 100%; } .hc-pf-lung{ display: block; margin: 0 auto; margin-bottom: 10%; height: 100px; } .hc-pf-ass a{ background-color: #D09853; border-radius: 4px; color: #fff; display: block; margin: 0 auto; padding: 5%; text-decoration: none; width: 84%; } .hc-pf-asthma-ass a{ background-color: #0071EB; border-radius: 4px; color: #fff; display: block; margin: 0 auto; padding: 3%; text-decoration: none; width: 100%; } .hc-pf-mg{ margin: 3% 0; } .hc-pf-asthma-mg{ padding: 5%; background-color: #F1F4FA } .hc-asthma-content-video{ text-align: left; margin-left: 3%; } .hc-asthma-content-quiz-section{ height:100%; padding:0; } .hc-asthma-content-quiz-title{ font-weight: bold; font-size: 21px; margin-bottom:0; margin-top: 0; } .hc-asthma-content-quiz-img{ width: 150px; margin: 5% 0; } .hc-asthma-content-breathe-section{ margin: 3% 0; text-align: center; } .hc-asthma-content-breathe-img{ width: 250px; } .hc-asthma-video-section{ margin-top: 5%; } .hc-pf-ass p:nth-child(1){ font-style: italic; } .hc-pf-ass p:nth-child(2){ font-weight: bold; margin: 10px; height: 48px; } .hc-pf-ft{ color: #000; text-decoration: none; } .hc-pf-ft p:nth-child(2){ margin-top: 15px; } .hc-pf-ft h2{ font-weight: bold; font-size: 16px; } .hc-pf-art{ border-bottom: 2px solid #707070; margin: 10px 0; width: 100%; } .hc-hepatitis-c-video-title{ margin: 10px 0; width: 100%; } .hc-pf-art-1{ padding: 0; } .hc-land-home-tile-bg-3{ width: 28%; } .hc-pf-info{ background-color: #F5E5D1; padding: 1%; margin: 3% 0; } .hc-pf-art h2{ text-transform: uppercase; } .hc-cat-pf-cat{ text-transform: uppercase; text-decoration: none; color: #fff; } .hc-pf-subs{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/bg_subscribe.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; /* height: 200px; */ padding: 5%; text-align: center; } .hc-pf-subs a{ background-color: #D65858; color: #fff; display: inline-block; margin-top: 10px; padding: 10px; border-radius: 4px; text-decoration: none; } .hc-pf-subs p{ font-weight: bold; } .hc-pf-smoking-banner{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/smoking\ graph.png'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; height: 280px; } .hc-pf-smoking-desc{ text-align: center; } .hc-pf-smoking-list{ line-height: 24px; } .hc-pf-smoking-list li{ margin-bottom: 3%; } .hc-pf-margin{ margin-bottom: 5%; } .hc-land-home-tile p:nth-child(3){ margin: 0; line-height: 24px; } .hc-sidebar-title{ border-bottom: 1px solid #00000030; color: #0071eb; padding-bottom: 15px; font-size: 20px; font-weight: 600; } .hc-sidebar-sticky{ position: sticky; top: 0; /* z-index: 100; */ } .hc-sidebar-div{ box-shadow: 0px 3px 6px #00000019; border-radius: 8px; margin-bottom: 30px; overflow: hidden; padding: 20px; text-align: center; } .hc-sidebar-cta{ background-color: #ed4b7a; color: #fff; display: block; margin-top: 10px; padding: 10px; border-radius: 4px; text-decoration: none; } .hc-cat-cta{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/talk-to-doctor-banner-empty.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; color: #000; height: 640px; padding: 20px; text-align: center; } .hc-cat-cta-2{ margin: 0 auto; margin-bottom: 20px; width: 87%; } .hc-cat-cta-3{ margin: 0 auto; margin-bottom: 20px; width: auto; } .hc-cat-cta a{ background-color: #ed4b7a; color: #fff; display: block; margin-top: 10px; padding: 10px; border-radius: 4px; text-decoration: none; } .hc-cat-cta p:nth-child(1){ font-size: 20px; font-weight: 600; } .hc-cat-cta p:nth-child(2){ line-height: 26px; margin-bottom: 25px; } .hc-pf-subs p:nth-child(3){ font-weight: normal; } .hc-cat-yt-desc{ color: #3C3C3C; margin: 10px 0; } .hc-in-tag-head{ color: #408BF9; } .soalan-icon { cursor: pointer; height: 26px; vertical-align: top; width: 35px; } .hc-in-icon-tele{ fill: #03A9F4; } .hc-in-icon-book{ height: 20px; margin-left: 8px; vertical-align: middle; } .hc-in-date{ color: #707070; margin: 18px 0 0 0; } .hc-in-related-art{ border-bottom: 1px solid #000; font-weight: bold; font-size: 24px; margin-bottom: 20px; } .hc-in-related-art p{ color: #3c3c3c; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 10px; } .hc-in-rel-art-img{ background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; height: 150px; width: 336px; } .hc-in-rel-art-img-2{ background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 8px; height: 180px; } .hc-in-rel-a{ color: #000; margin-bottom: 20px; text-decoration: none; } .hc-in-rel-a a{ color: #000; text-decoration: none; } .hc-author-desktop a{ color: #707070; } .hc-in-body{ font-family: 'Open Sans', sans-serif !important; margin-bottom: 20px; font-size: 16px; line-height: 26px; } .hc-in-body li{ font-family: 'Open Sans', sans-serif !important; font-size: 14px!important; } .hc-in-body p{ font-family: 'Open Sans', sans-serif !important; font-size: 14px!important; } .hc-in-body span{ font-family: 'Open Sans', sans-serif !important; font-size: 14px!important; } .hc-in-body sup{ font-size: 10px!important; } .hc-in-body span sup span{ font-size: 10px!important; } .hc-in-body a{ color: #00a2e3; text-decoration: none; } .hc-in-body img{ width: 85%; } .hc-in-body figure{ text-align: center; } .hc-in-ref{ color: #408BF9; width:100%; } .hc-in-ref svg{ fill: #408BF9; height: 15px; vertical-align: bottom; } .hc-land-date-book a{ color: #707070; text-decoration: none; } .hc-article-author{ font-size: 16px; font-weight: 700; } .hc-in-author-desc{ color: #707070; align-items: center; display:block; } .hc-in-author-desc a{ color:#000; font-weight: bold; text-decoration: none; } .hc-in-ref-mg{ margin-bottom: 15px; } .hc-art-date{ margin-top: 5px; } .hc-in-rel-art-mg{ margin-bottom: 30px; margin-top: 60px; } .hc-in-soalan{ color: #000; display: inline-block; text-decoration: none; } .hc-in-soalan-mg{ margin-bottom: 10px; } .hc-in-soalan p:nth-child(1){ font-weight: bold; } .hc-cat-height{ height: 140px; } .hc-cat-height a{ /* color: #000; */ text-decoration: none; } .hc-sc-youtube-title{ font-weight: bold; text-align: left; } .hc-cat-height p:nth-child(2){ margin: 3px 0; margin-bottom: 7px; margin-top: 13px; width: 95%; } .hc-author-desktop{ display: inline-block; } .hc-art-bg-img{ background-position: center; background-size: cover; height: 320px; margin-top: 2%; margin-bottom: 5%; border-radius: 8px; } .hc-in-body table,tr,td,th{ border: 1px solid #000; } .hc-smoking-head{ text-transform: uppercase; } @media(max-width:576px){ .hc-heart-caring-logo{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/caring_heart_health_mobile+banner+hc.png'); padding: 5% 0; } .hc-heart-caring-logo a{ width: 84%; } .hc-heart-caring-logo p:nth-child(2){ margin-top: 160px; } .hc-pf-smoke-banner{ background-position: top; border-radius: 0; height: 285px; margin: 0; } .hc-pf-smoke-banner p:nth-child(3){ margin-top: 41%; } .hc-art-bg-img{ height: 190px; /* margin-top: 10%; */ } .hc-author-desktop{ display: none; } .hc-sc-youtube-title{ margin: 5px 0; } .hc-pf-ass p:nth-child(2){ height: auto; } .hc-asthma-endo-diagram{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-asthma-endo-mb-min.png'); height: 445px; } .hc-hepatitis-c-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-hepatitis-c-mb-min.png'); margin-top: 3%; height: 350px; text-align: left; color: #fff; } .hc-asthma-bayer-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-asthma-main-banner-mb-min.png'); background-position: bottom; height: 435px; margin: 10px 0; padding-left: 15px; text-align: left; } .hc-pf-smoke-banner-smoke{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/smoking_mb_en.jpg'); } .hc-pf-smoke-banner-smoke-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/smoking_mb_en.jpg'); } .hc-pf-heart-health-banner-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/hh_mb_en.jpg'); } .hc-pf-heart-health-banner{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/hh_mb_en.jpg'); } .hc-pf-vacc-banner{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/vacc_mb_en.jpg'); } .hc-pf-vacc-banner-bm{ background-image: url('https://storage.googleapis.com/doc-cdn/health-center/vacc_mb_en.jpg'); } .hc-covid-19{ background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/health-center/images/Mobile_banner_covid19_vaccine.jpg'); } .hc-covid-19.hc-pf-smoke-banner{ height: 400px; margin: 30px 0; } .hc-indi-body img{ width: 60%; } .hc-land-list-desc{ margin: 0; line-height: 24px; } .hc-land-list-head{ font-size: 18px; margin-bottom: 5px; } .hc-in-rel-art-mg{ margin-bottom: 20px; margin-top: 0; } .hc-in-author-desc{ margin-bottom: 8%; } .hc-land-main-img{ /* margin-top: 15px; */ } .hc-land-cat{ margin: 10px 0; } .hc-land-head{ margin: 10px 0; font-weight: 400; line-height: 28px; } .hc-land-desc{ margin: 10px 0; } .hc-land-main-img{ height: 190px; } .hc-land-home-tile{ height: 122px; } .hc-land-home-tile p:nth-child(3){ margin: 5px 0; font-weight: 400; } .hc-land-home-tile-bg{ height: 150px; width: 43%; } .hc-land-book{ margin-bottom: 0; margin-top: -16px; } .hc-pf-smoke-banner h1{ margin: 30px 0; text-align: center; } .hc-pf-smoke-banner p:nth-child(2){ height: 58px; text-align: center; width: auto; } .hc-smoking-head{ margin: 15px 0; } .hc-pf-hg-img{ height: 160px; margin-bottom: 17px; margin-top: 15px; } .hc-pf-hg-desc{ margin: 0; } .hc-pf-ass{ margin: 5% 0; } .hc-pf-asthma-ass{ margin: 5% 0; } .hc-pf-smoke-banner-nutrition{ height: 270px; text-align: center; } .hc-pf-tiles{ margin-bottom: 0; padding:0; } .hc-land-home-tile-bg-3{ float: left; height: 110px; width: 48%; } .hc-land-home-tile-head{ font-size: 14px; margin: 0; line-height: 20px; } .hc-cat-height p:nth-child(2){ margin: 0; } .hc-land-list-img{ width: auto; float: none; } .hc-land-yt-a{ display: block; margin-bottom: 5%; } .hc-cat-yt-desc{ margin: 5px 0; } .hc-cat-height{ height: auto; } } @media(min-width:576px){ .hc-land-book{ text-align: right; } .hc-land-date-book{ align-items: center; display: flex; justify-content: space-between; } .hc-in-rel-a{ display: inline-block; } .hc-covid-19{ margin-bottom: 30px; } .hc-covid-19.hc-pf-smoke-banner{ height: 275px; margin-top: 30px; padding: 50px; font-size: 1.3em; } } @media(max-width:1050px){ .hc-in-rel-art-img{ width: auto; } } .hc-floating-btn{ background-color: #D62944; margin-top: 40px; padding: 15px; text-align: center; } .hc-floating-btn-2{ background: #D62944; bottom: 0; color: #fff; display: flex; justify-content: center; margin-bottom: -1px; padding: 16px; position: fixed; text-decoration: none; z-index: 98; } .hc-floating-btn-2 a{ color: #fff; text-decoration: none; } .hc-floating-btn a{ color: #fff; text-decoration: none; } .topic-cta-share-div{ display: none; border-radius: 5px; padding: 7px 10px; align-items: center; color: #777; width: max-content; float: right; } @media(max-width:576px){ .hc-land-tiles-cta a{ padding: 4px; font-weight: bold; } .hc-land-tiles-cta a{ margin: 0 5px; } .topic-cta-share-div{ display: flex; position: relative; right: -12px; top: -85px; } .topic-cta-share{ display:none; width: 20px; margin-right: 10px; } .topic-cta-share { display: flex; } .hc-floating-btn{ margin-top: 0; } } .hc-author-tile{ border-radius: 8px; box-shadow: 0 3px 6px #00000019; max-width: 23%; margin: 20px 1%; padding: 0; } .hc-author-tile-bg{ background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; height: 240px; text-align: center; width: 100%; } .hc-author-tile-detail{ padding: 18px 10px; } .hc-author-tile-dr-name{ color: #000; font-weight: bold; text-align: center; } .hc-author-tile-dr-degree{ color: #777; padding-bottom: 10px; font-size: 14px; padding-top: 10px; text-align: center; } .hc-author-tile-bg-div{ padding: 10px; } .hc-author-tile a{ text-decoration: none; } @media (max-width: 768px){ .hc-author-tile.col-md-3 { max-width: unset; margin: 10px; } } .land-health-img{ background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 4px; height: 130px; background-image: url("https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/health-article-6-doctoroncall.jpg"); } .hc-cat-pf-asthma-video{ margin-bottom: 3%; } .hc-cat-pf-asthma-video iframe{ border-radius: 12px; height: 300px; width: 95%; } @media (max-width: 1060px){ .hc-cat-pf-video iframe{ height: 185px; width: 90%; } } @media (max-width: 576px){ .hc-land-date{ margin: 5px 0; } .hc-cat-cta-2{ width: auto; } .hc-floating-btn{ background-color: #fff; } .hc-floating-btn a{ background: #D62944; bottom: 0; color: #fff; display: flex; justify-content: center; margin-bottom: -1px; padding: 16px; position: fixed; text-decoration: none; width: 101vw; z-index: 98; margin-left: -16px; } } @media (min-width: 576px){ .hc-land-tiles-cta{ overflow: auto; } .hc-land-tiles-cta a{ display: inline-block; margin: 8px; padding: 0; white-space: nowrap; } } .hc-sc-sub-title{ font-weight: bold; margin: 15px 0; } /* 6.0 Header */ .header-as-cta{ position: relative; top: 47px; color: #000; text-decoration: none; left: -43px; color: #00a2e3; } .doc-header-logo svg { height: 75px; margin: 5px 0 0; padding: 10px } .header-user-link { display: inline-block } @media(max-width:960px) { .header-user-link { display: none } } .header-user-link svg { cursor: pointer; fill: #aaa; margin: 0 15px; position: relative; top: 13px; width: 45px; display: none; visibility: hidden } .top-lang-link { display: none } @media (max-width:576px) { .header-as-cta{ top: 35px; } .doc-header-logo svg { height: 50px; margin-top: 0; padding: 10px 0 0 } } .header { background-color: #fff; box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 10%); padding-left: 0; position: sticky; width: 100%; z-index: 3; } @media(max-width:1120px) { .header { height: 65px } } .header ul { overflow: hidden; list-style: none; margin: 0; padding: 0 } .header-link { color: #000; display: inline-block; padding: 35px 5px 28px; text-decoration: none } .header-link-lang { color: #000; display: none; float: right; padding: 8px 10px; text-decoration: none } .header a:hover { color: #41c0f1; transition: all .35s ease-in-out } .header-logo { height: 75px; margin: 5px 0 0 15px; padding: 10px; width: auto } @media (min-width:1140px) { .header-link { padding: 35px 10px 28px } } @media (min-width: 961px){ .header { height: 86px; } } @media (max-width:1120px) { .header-link { color: #000; padding: 20px 0 20px 30px; text-decoration: none } .header-link-lang { display: inline-block } .header-more-content { border-top: 1px solid #ddd } .header-logo { height: 60px; margin-top: 0; margin-left: 0; padding: 10px; width: auto } .header-lang-right { color: #000; display: inline-block; margin: 0 10px; padding: 20px 0 16px 20px; text-decoration: none } } @media(max-width:576px) { .header-link-lang { margin-top: 3px } } .header .header-menu { float: right } .header-menu-div, .header-menu-div-signup { border-bottom: 3px solid transparent; display: inline-block } @media (max-width:1120px) { .header .header-menu { background-color: #fff; height: 0; left: 0; overflow: hidden; position: absolute; width: 100%; z-index: 99999 } .header-menu-div, .header-menu-div-signup { width: 100% } } .header .header-menu-icon { cursor: pointer; float: right; padding: 30px 20px; position: relative; user-select: none } @media (min-width:1120px) { .header .header-menu-icon { display: none } } @media (max-width:1120px) { .header .header-menu-icon { display: block } } .header .header-menu-icon .navicon { background: #333; display: block; height: 2px; position: relative; width: 18px } .header .header-menu-icon .navicon:after, .header .header-menu-icon .navicon:before { background: #333; content: ""; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100% } .header .header-menu-icon .navicon:before { top: 5px } .header .header-menu-icon .navicon:after { top: -5px } .header-more-icon { height: 15px; margin-left: 5px; position: relative; top: 2px; width: 15px } .header .header-menu-btn { display: none } .header .header-menu-btn:checked~.header-menu { height: auto; transition: all 10s } .header .header-menu-btn:checked~.header-menu-icon .navicon { background: 0 0 } .header .header-menu-btn:checked~.header-menu-icon .navicon:before { transform: rotate(-45deg) } .header .header-menu-btn:checked~.header-menu-icon .navicon:after { transform: rotate(45deg) } .header .header-menu-btn:checked~.header-menu-icon:not(.steps) .navicon:after, .header .header-menu-btn:checked~.header-menu-icon:not(.steps) .navicon:before { top: 0 } .button-login-signup, .header-menu-div-signup .button-login-signup:hover { background-color: #41c0f1; border: 4px; border-radius: 4px; color: #fff; height: 50px; margin-top: 21px; padding: 15px 28px; position: relative; text-decoration: none; text-align: center; top: -4px } .icon-userlogin svg { width: 40px; margin-right: 24px } .icon-userlogin img { height: 40px; width: 40px; margin-right: 24px } @media (min-width:960px) { .header-menu-div:hover { border-bottom: 3px solid #41c0f1; transition: all .35s ease-in-out } .header-menu-div:hover a, .header-menu-div:hover a svg { color: #41c0f1; fill: #41c0f1 } } .header-dropdown-content { background-color: #fff; height: 0; min-width: 250px; overflow: hidden; position: absolute; z-index: 99999 } .header-dropdown-content-last { min-width: 160px } .header-more-content .header-dropdown-content a { color: #000; display: block; padding: 16px 0 16px 20px; text-decoration: none; text-align: left } @media (min-width:960px) { .header-dropdown-content:hover, .header-more-content:hover .header-dropdown-content { height: auto; border: 1px solid #eee } .header-more-content .header-dropdown-content a:hover { color: #41c0f1 } } @media (max-width:1120px) { .header-dropdown-content, .header-more-content { height: calc(34px * 9); width: 100% } .header-dropdown-content a { margin-left: 10px } .header-dropdown-content { position: unset } } @media (min-width:960px) { .header li { float: left } } @media (max-width:1120px) { .icon-userlogin { align-items: center; border-bottom: 1px solid #ddd; display: inline-flex; padding: 20px 30px; width: 100% } .icon-userlogin a { color: #000; text-decoration: none } .header-user-link-mobile a { display: flex; align-items: center } } @media(max-width:1120px) { .header-menu-div-signup, .header-menu-div.desktop-only { display: none } .header-lang-right { padding: 20px 0 16px 20px } } .header-lang-left { color: #000; display: inline-block; margin: 13px 10px 0; padding: 27px 0; text-decoration: none } .header-logo-lang { display: inline-flex } .header-menu-div-2 { padding-bottom: 3px } .header-lang-left { color: #000; margin: 13px 10px 0 10px; padding: 22px 0; text-decoration: none } .header-link-lang { color: #000; display: none; float: right; margin-top: 15px; padding: 0 10px; text-decoration: none } @media (max-width:1120px) { .header-lang-left { display: none } .header-link-lang { display: inline-block; margin-top: 3px } .dropdown-4items { height: calc(23px * 9); border-bottom: 1px solid #ddd } } @media (max-width: 1120px) { .header-more-content, .header-dropdown-content { height: unset; width: 100%; } .header-dropdown-content a { margin-left: 10px } .header-dropdown-content { position: unset } } @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ .header-link-promos{ margin-top: 20px; } .header-more-content .header-dropdown-content a { padding: 20px 0 13px 20px; } } /* 2.7 logo and language side by side */ /* .header-lang-left { color: #000; display: inline-block; margin: 13px 10px 0 10px; padding: 22px 0; text-decoration: none; } */ .header-logo-lang{ display: inline-flex; } /*Scrollbar*/ ::-webkit-scrollbar { width: 12px; height: 0; background-color: transparent; } @media(min-width:576px){ ::-webkit-scrollbar { height: 8px; } } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #aaa; } ::-webkit-scrollbar-thumb:active { background: #888; } /*Horizontal scrollers*/ .scroller::-webkit-scrollbar-track { border-radius: 4px; background-color: transparent; } .scroller::-webkit-scrollbar { width: 4px; height: 8px; background-color: transparent; } .scroller::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(119, 118, 118, 0.2); } .scroller{ overflow: auto; white-space: nowrap; } @media(max-width:768px) { .scroller{ width:105%; } } /* 7.0 Footer */ .cls-1{fill:#263575;}.cls-1,.cls-2,.cls-3{fill-rule:evenodd;}.cls-2,.cls-4{fill:#4099d4;}.cls-3{fill:#fff;} /* ______ ____ ____ _______ ______ _____ | ____/ __ \ / __ \__ __| ____| __ \ | |__ | | | | | | | | | | |__ | |__) | | __|| | | | | | | | | | __| | _ / | | | |__| | |__| | | | | |____| | \ \ |_| \____/ \____/ |_| |______|_| \_\ */ /* 3. footer */ .footer { background-color: #f6f6f6; bottom: 0; /* margin-top: 20px; */ overflow: hidden; padding: 0 0 70px 0; } .footer a:hover{ color: #41c0f1; } .first-footer p { color: #3c3c3c; line-height: 1.8em; margin-top: 15px; } @media (max-width: 960px) { .first-footer p { padding-right:0; } } .first-footer h3 { color: #3c3c3c; font-size: 16px; font-weight: bold; margin: 27px 0 27px; } .footer-readmore-link { color: #41c0f1; margin-left: 20px; text-decoration: none; } .footer-readmore-arrow { height: 15px; width: 15px; } .footer-content>a { color: #3c3c3c; display: block; margin: 8px 0; text-decoration: none; } /* 3.1 footer icon */ .footer-social-media svg { height: 24px; margin-right: 5px; width: 24px; } .footer-social-media a{ text-decoration: none; } .footer-logo { height: 60px; margin-top: 33px; padding: 4px; width: auto; } @media (max-width: 768px) { .footer-logo { height: 60px; margin-top: 33px; padding: 4px; width: auto; } } /* 3.2 footer sitemap */ .footer-sitemap { margin-top: 80px; } .footer-sitemap-title h2 { color: #3c3c3c; font-weight: bold; font-size: 16px; text-align: center; } @media (max-width: 767px) { .footer-sitemap-title h2 { color: #3c3c3c; font-weight: bold; font-size: 16px; text-align: left; } } /* 3.3 footer tabs */ /** code by webdevtrick( https://webdevtrick.com ) */ .footer-tabs { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px; } @media (max-width: 767px) { .footer-tabs { display: flex; flex-wrap: wrap; justify-content: left; } } .footer-tabs label { cursor: pointer; order: 1; margin:23px; } .footer-tabs .footer-tab { display: none; flex-grow: 1; order: 99; width: 100%; } .footer-tabs input[type="radio"] { display: none; } .footer-tabs input[type="radio"]:checked+label+.footer-tab { display: block; } .footer-tab { margin-left: -3px; text-align: center; } @media (max-width: 767px) { .footer-tab { text-align: left; } } .footer-tab>a { color: #3c3c3c; display: inline-block; text-decoration: none; } .footer-tab a:nth-child(1)~a::before { content: " | "; } /* 8.0 Breadrumb */ .hc-indi-h1{ font-size: 25px; font-weight: bold; line-height: 28px; } .breadcrumbs-cont{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .breadcrumbs-cont a, .breadcrumbs-cont a:visited, .breadcrumbs-cont a:focus, .breadcrumbs-cont a:active{ color:#00a2e3; text-decoration: none; } @media(max-width:576px){ .breadcrumbs-cont{ margin-top: 20px; } .hc-arti-h1{ margin-top: 15px; } .hc-art-titl-2{ color: #000; font-weight: 500; line-height: 26px; margin: 20px 0; } } .hc-banner{ align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; color:#fff; display:flex; height: 320px; width: 100%; } .hc-banner h1{ font-size:3em; } .hc-posts-container{ height:200px; display:flex; margin: 15px 0; width:100%; } .hc-posts-img{ background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; display:inline-block; height:150px; width:200px; } .hc-posts-box,.hc-posts-box:active,.hc-posts-box:focus,.hc-posts-box:visited{ color:#333; display:inline-block; height:100%; padding:0 15px; text-decoration: none; width:calc(100% - 230px); } .hc-posts-box h3{ margin-top:0; } .hc-posts-date{ color:#777; font-size:0.9em; text-align:right; } @media(max-width:576px){ .hc-posts-container{ height:unset; } .hc-posts-img{ height:100px; width:100px; } .hc-posts-box,.hc-posts-box:active,.hc-posts-box:focus,.hc-posts-box:visited{ width:calc(100% - 130px); } .hc-posts-box span{ max-height:80px; height:80px; text-overflow: ellipsis; } .hc-banner{ height: 300px; } .hc-posts-box h3{ margin-bottom:0; } .hc-posts-date{ text-align:left; } } .breadcrumb-news-container{ color: #000; background-color: #fff; margin-bottom: 5px; margin-top: 5px; } @media(max-width:576px){ .breadcrumb-news-container{ overflow: scroll; padding: 15px 0 0; } } .breadcrumb-news { list-style: none; margin: 0; padding:0; } .breadcrumb-news > li { display: inline-block; } .breadcrumb-news > li + li:before { color: #000; padding: 0 5px; } .breadcrumb-news li a{ color:#00a2e3; text-decoration: none; } .breadcrumb-news li a:hover{ color:#00a2e3; text-decoration: none; } @media(max-width: 576px){ .breadcrumb-news-item{ max-width: 170px; white-space: nowrap; } } svg.svg-chevron { display: inline-block; height: .8em; overflow: visible; vertical-align: -.125em; color: #3c3c3c; margin: 0 3px; } .hc-social-share{ float: right; position: relative; top: -20px; } .hc-social-share a{ text-decoration: none; } .soalan-cat-tag-2{ background-color: #7AB688; border-radius: 20px; color: #fff; padding: 10px; text-align: center; text-decoration: none; text-transform: capitalize; white-space: nowrap; width: max-content; } .soalan-title-p-2{ margin-bottom: 5px; text-align: right; width: 100%; } .soalan-title-p-2 a{ text-decoration: none; } .soalan-icon{ cursor: pointer; height: 26px; vertical-align: top; width: 35px; } .soalan-icon-box{ background-color: #cec8c8; float: left; width: 42px; height: 41px; text-align: center; margin-right: 20px; } .soalan-icon-ask-discount{ width: 50px; height: 50px; background-color: #D4EBF6; padding: 13px; margin-right: 25px; } .soalan-icon-ask-discount svg{ width: 25px; } /* 9.0 Posts */ .hc-arti-h1{ color: #3c3c3c; font-size: 26px; font-weight: 500; line-height: 34px; } .hc-indi-body{ font-size: 16px; line-height: 26px; } .hc-indi-body a,.hc-indi-body a:visited,.hc-indi-body a:hover{ color:#00a2e3; text-decoration: none; } .hc-indi-written{ color: #0071eb; text-decoration: none; } .hc-article-img{ width:100%; } @media(max-width:576px){ .hc-indi-body img{ width: 60%; } .hc-article-img{ width:calc(100% + 30px); margin-left:-15px; } } .hc-post-author-img{ border-radius:50%; /* height: 15vh; */ width:100%; } table{ border-spacing: 1px; border-collapse: collapse; width: 100%; } table tr td,table tr th{ /* padding:10px; */ } .hide-class{ height:0; max-height:0; overflow: hidden; } /* 10.0 Floating Button */ .hc-floating-container{ bottom:0; display:flex; height:56px; position:fixed; width:100%; z-index:3; } .hc-floating-left, .hc-floating-right, .hc-floating-center{ align-items:center; color:#fff; display:flex; font-weight:700; justify-content:center; padding: 0 20px; text-align: center; text-decoration:none; } .hc-floating-center{ background:#d65858; } .hc-floating-left{ background:#345093; height:100%; width:50%; } .hc-floating-right{ background:#41c0f1; height:100%; width:50%; } .hc-post-author-desc{ align-items: center; display:block; } .hc-post-author-desc a{ color:#41c0f1; text-decoration: none; } .hc-in-nav-links{ text-decoration: none; color:#00a2e3; } .pipe-separator{ margin: 0 5px; } .hc-adjust-floating{ background: #fff; bottom: 0; height: 56px; position: fixed; width: 100%; text-align: center; box-shadow: 0px 3px 6px #00000019; border-radius: 8px; overflow: hidden; } .hc-adjust-floating-btn{ box-shadow: 0px 2px 7px #000000c4; background: #d65858; width: 95%; border-radius: 15px; margin: 0 auto; display: block; height: 45px; bottom: 0; padding-top: 15px; margin-top: 7px; color: #fff; font-weight: 700; text-align: center; text-decoration: none; z-index: 3; } .hc-hh-adjust-floating-btn{ background: #d65858; width: 100%; margin: 0 auto; display: block; height: 56px; bottom: 0; padding-top: 15px; margin-top: 8px; color: #fff; font-weight: 700; text-align: center; text-decoration: none; z-index: 3; } .hc-hh-floating-left{ background: #0071EB; height: 90%; width: 48%; align-items: center; color: #fff; display: flex; font-weight: 700; justify-content: center; padding: 0 20px; text-align: center; text-decoration: none; margin: 0 auto; border-radius: 8px; margin-top: 4px; } .hc-hh-floating-right{ background: #F18800; height: 90%; width: 48%; align-items: center; color: #fff; display: flex; font-weight: 700; justify-content: center; padding: 0 20px; text-align: center; text-decoration: none; margin: 0 auto; border-radius: 8px; margin-top: 4px; } .hc-hh-floating-container{ bottom: 0; display: flex; height: 56px; position: fixed; width: 100%; z-index: 3; background: #fff; text-align: center; justify-content: space-between; box-shadow: 0px 2px 7px #000000c4; } @media(max-width:576px){ .hc-hh-floating-left{ font-size: 12px; white-space: nowrap; width: 49%; } .hc-hh-floating-right{ font-size: 12px; white-space: nowrap; width: 49%; } } /* 11.0 Retail CTA */ svg.svg-chevron { display: inline-block; height: .8em; overflow: visible; vertical-align: -.125em; color: #3c3c3c; margin: 0 3px; } .hc-retail-cta{ background-color: #f5fcff; border-radius: 8px; box-shadow: 0 3px 6px #00000019; margin-bottom: 10px; padding: 10px; } .hc-retail-dr{ background-image: url(https://www.doctoroncall.com.my/soalan/images/DrSashini.png); background-size: cover; background-repeat: no-repeat; height: 43px; width: 43px; display: inline-block; vertical-align: top; } .hc-retail-desc{ display: inline-block; width: 82%; margin-left: 5px; } .hc-retail-desc p:nth-child(1){ font-weight: bold; margin: 0; } .hc-retail-link{ background-color: #df7c7c; color: #fff; text-decoration: none; padding: 10px; display: block; width: 50%; text-align: center; border-radius: 4px; margin: 0 auto; } /* 12.0 Sidebar Subscribe */ .land-feature-sub { border: 1px solid #d0d0d0; border-radius: 8px; margin-top: 10%; padding: 15px; padding-top: 0; padding-bottom: 30px; text-align: center; } .land-feature-sub p:nth-child(1) { font-size: 24px; font-weight: 700; margin: 20px 0; } .land-feature-sub p:nth-child(2) { line-height: 24px; padding-bottom: 40px; margin: 0; } .land-quest-cta { background-color: #d65858; border-radius: 8px; color: #fff; padding: 15px; text-decoration: none; } /* 13.0 Post Author */ .hc-indi-ref{ font-weight: bold; margin: 3% 0; } .hc-author-social a{ text-decoration: none; } .hc-author-desc{ border-top: 1px solid #dcdbdb; margin: 0 auto; margin-top: 2%; padding: 2% 0; width: 65%; } .hc-author-name{ font-weight: bold; font-size: 24px; color: #41c0f1; } .hc-author-bc{ margin: 3% 0; } .hc-author-h1{ font-size: 20px; font-weight: 400; line-height: 28px; } .hc-author{ text-align: center; width: 100%; } .hc-author-list{ font-weight: bold; font-size: 24px; } .hc-author-img{ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto; height: 110px; width: 110px; } .hc-authors-div{ margin: 3% 0; } .hc-author-desc-1{ font-weight: bold; } .hc-author-desc-1{ margin: 5px 0; } .hc-author-indi-link{ box-shadow: 0 3px 6px #00000019; margin: 3% 0; padding-top: 3%; } .hc-author-indi-link a{ color: #000; text-decoration: none; } .hc-author-heading{ font-size: 22px; font-weight: bold; } .hc-author-article-written{ font-size: 24px; font-weight: bold; margin-bottom:24px; } .hc-author-indi-link img{ width: 60%; } .hc-author-post-title{ display: block; font-size:16px; font-weight: 700; padding-top:12px; } .hc-author-post-date{ color:#777; font-size:16px; } .hc-author-post-img{ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 10px; display: block; height:240px; width:100%; } @media(max-width:576px){ .hc-author-img{ margin-top: 8%; } .hc-post-author-desc{ margin-bottom: 8%; } } .hc-forum-bg{ float: left; } .hc-forum-bg img{ margin-top: 10px; min-width: 70%; border-radius: 50%; width: 70%; } .hc-forum-title{ font-weight: bold; } .hc-forum-width{ width: 100%; } .hc-forum-link{ color: #575757; text-decoration: none; } .hc-forum-padding{ padding: 0; } .hc-forum-cta{ text-align: center; background: #0071EB; width: 21%; color: #fff; text-decoration: none; padding: 15px; border-radius: 8px; margin: 0 auto; } .hc-forum-cta-div{ margin-top: 35px; text-align: center; width: 100%; } .hc-forum-link span{ color: #0071EB; margin-left: 5px; } @media(max-width:576px){ .hc-forum-bg{ height: 180px; } .hc-forum-cta{ width: auto; } } /* 14.0 Google Ads */ .google-ads-position-desktop{ display: flex; justify-content: center; margin-top: 5px; width: 100%; } .google-ads-position-mobile{ display: none; } .google-ads-large-leaderboard{ display: flex; /* margin-top: 15px; */ /*margin: 20px 0;*/ margin-bottom: 20px; justify-content: center; width: 100%; } .google-ads-leaderboard{ display: none; } .ads-leaderboard-individual-soalan{ display: flex; /* text-align: center; */ justify-content: center; margin: 20px 0; width: 100%; } @media (max-width: 960px){ .google-ads-large-leaderboard{ display: none; } .google-ads-leaderboard{ display: flex; /* text-align: center; */ justify-content: center; margin: 20px 0; width: 100%; } } @media(max-width: 576px){ .google-ads-position-desktop{ display: none; } .google-ads-position-mobile{ display: flex; /* text-align: center; */ justify-content: center; /* margin: 20px 0; */ overflow: hidden; margin-bottom:20px; width: 100%; } .google-ads-leaderboard{ display: none; } .ads-leaderboard-individual-soalan{ display: none; } } /*Pandemic Game*/ .pandemic-link,.pandemic-link:active,.pandemic-link:hover,.pandemic-link:visited{ align-items:center; background-color:#f6c42c; border-radius:50px; display:flex; color:#000; font-size:16px; font-weight:bold; height:56px; justify-content:center; margin:0 auto; text-decoration:none; width:300px; } /* 15.0 Slides */ /* Carousel Style Banner */ .mySlides {display: none;cursor: pointer;} .img-banner-slide {vertical-align: middle;} /* Slideshow container */ .slideshow-container { /* max-width: 1000px; */ position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: #000; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: -80px; border-radius: 3px 0 0 3px; } @media(max-width:576px){ .img-banner-slide{ padding: 10px 10px; } .next { right: -16px; } .prev, .next{ top: 49%; } } .prev{ left: -8%; } @media(min-width:576px){ .prev{ left: -6%; } } /* On hover, add a black background color with a little bit see-through */ /* .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } */ /* Caption text */ .prev:hover, .next:hover{ color: #000; text-decoration: none; } .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } /* .active, .dot:hover { background-color: #717171; } */ /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } .media-col{ max-width: 23%; margin: 20px 1%; padding: 0; } .category-tag{ color: #408BF9; margin: 0; text-transform: uppercase; font-size: 12px; font-weight: 600; } .category-main-tag{ color: #408BF9; margin-top: 20px; text-transform: uppercase; } .hc-hiv-tiles-border{ border: 1px solid #d62944; display: inline-block; width: 18%; margin: 28px 0px; } .hc-hiv-tiles{ text-align: center; } .hc-hiv-tile-link{ border: 2px solid #d62944; color: #d62944; font-weight:bold; text-decoration: none; padding: 13px; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-align: center; margin: 15px 0; width: 100%; } .hc-hiv-tile-link:hover{ background-color: #d62944; color: #fff; } .hc-hiv-desc{ display: inline-block; font-weight: bold; width: 25%; margin: 14px 0; vertical-align: top; } .hc-hiv-title-mobile{ font-weight: bold; } .hc-hiv-span{ margin-bottom: 25px; } .hc-hiv-h2{ margin: 23px 10px; } .hc-hiv-desc-desk{ text-align: center; } .hc-hiv-img{ display: inline-block; border: 2px solid #d62944; border-radius: 50%; padding: 10px; } @media(max-width:576px){ .hv-hiv-img{ display: block; height: 60px; } .hc-hiv-tiles-border{ transform: rotate(90deg); display: block; margin: 36px 0; width: 93%; } .hc-hiv-tiles{ display: inline-block; margin-left: 8px; } .hc-hiv-desc-mobile{ display: inline-block; vertical-align: top; margin-left: 20px; width: 64%; } .hc-hiv-title-hide{ display: none; } .search-container{ margin: 0; padding: 0; } .hc-hiv-tile-link{ padding: 11px; } } @media(min-width:576px){ .hc-hiv-desc-mobile{ display: none; } .hc-hiv-tile-link{ height: 60px; } } .hc-art-yt{ text-align: center; margin: 40px 0; position: relative; overflow: hidden; } .hc-art-yt-mb{ padding: 0; margin: 0; position: relative; overflow: hidden; text-align: center; } .hc-yt-floating{ display: none; bottom: 30px; position: fixed; width: 100%; z-index: 10; text-align: right; } .hc-yt-player{ height:250px; width:450px; } .popup-close-icon { align-items: center; background-color: #eee; border-radius: 25px; color: #fff; cursor: pointer; display: flex; float: right; height: 25px; justify-content: center; width: 25px; z-index: 10000; top: 7px; /* left: 22em; */ position: relative; } .popup-close-icon svg { width: 16px; } @media (max-width: 576px) { .popup-close-icon { margin: -14px; } } .popup-close-icon-video { align-items: center; background-color: #eee; border-radius: 50%; cursor: pointer; display: flex; float: right; height: 25px; justify-content: center; width: 27px; z-index: 10000; top: -11px; position: relative; right: 13px; } .popup-close-icon-video svg { width: 16px; } @media (max-width: 576px) { .popup-close-icon-video { margin: -14px; } } /*16.0 Banner*/ .hc-as-cta-banner{ background-color: #0000C9; border-radius: 8px; padding: 20px; text-align: center; } .hc-as-cta-banner-div-1 p:nth-child(1){ color: #fff; font-size: 24px; font-weight: bold; } .hc-as-cta-banner-div-1 a{ background-color: #EF7D00; border-radius: 8px; color: #fff; padding: 15px; text-align: center; font-weight: bold; } .hc-as-cta-banner img{ float: left; width: 18%; } .hc-as-cta-banner-div-1{ padding: 22px 0; } @media(max-width:576px){ .hc-as-cta-banner img{ width: 43%; height: 91px; position: relative; top: 35px; } .hc-as-cta-banner-div-1 p:nth-child(1){ font-size: 16px; } .hc-as-cta-banner{ display: flex; } } .hc-cta-banner img{ float: right; width: 140px; position: absolute; bottom: 0; } .hc-cta-banner p:nth-child(1){ font-weight: bold; } .hc-cta-banner p:nth-child(2){ width: 70%; } .hc-cta-banner a{ background-color: #ED4B7A; color: #fff; padding: 8px; border-radius: 8px; text-decoration: none; margin-top: 15px; display: block; width: 43%; text-align: center; position: relative; bottom: 11px; font-size: 14px; } .hc-cta-banner{ width: auto; margin: 34px auto; background-repeat: no-repeat; padding: 5px 15px; border-radius: 8px; background-size: cover; background-position: center; } .hc-cta-2-div{ position: relative; } .hc-cta-banner-div-1{ width: 70%; } .hc-sc-cta-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-sc-banner-ds.png'); } .hc-vacc-cta-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-vacc-banner-ds.png'); } .hc-hh-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-sc-hh-ds.png'); } .hc-hh-banner-2{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-hh-banner-2-ds-bg+article+banner.png'); } .hc-asthma-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc_asthma_article+banner+desktop.png'); } @media(max-width:576px){ .hc-cta-banner img{ right: 0; } .hc-cta-banner{ background-position: right; width: auto; } .hc-sc-cta-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-sc-banner-mb.png'); } .hc-vacc-cta-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-vacc-banner-mb.png'); } .hc-hh-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-sc-hh-mb.png'); } .hc-hh-banner-2{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-hh-banner-2-mb-bg+article+banner.png'); } .hc-asthma-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc_asthma_article+banner+mobile.png'); } .hc-cta-banner a{ width: 45%; font-size: 13px; padding: 2px; } .hc-cta-banner-div-1{ width: auto; } } .hh-bookings{ background-color: #EAF1FE; } .hh-bookings-title{ font-size: 20px; font-weight: bold; } .hh-book{ background-color: #fff; border-radius: 8px; color: #000; margin-right: 20px; overflow: auto; text-decoration: none; min-width: 290px; } .hh-book-info p:nth-child(1){ font-weight: bold; margin-bottom: 0; } .hh-book-info p:nth-child(2){ color: #8D8D8D; } .hh-book-tick{ margin-top: 14px; margin-left: 10px; } .hh-book:hover, .hh-book:visited, .hh-book:focus{ color: #000; text-decoration: none; } .hh-book-time{ /* border-top: 0.5px solid #DBDBDB; */ padding: 15px; width: 88%; margin: 0 auto; text-align: center; } .hh-book-info p:nth-child(4){ font-weight: bold; } .hh-book-info p:nth-child(3){ height: 55px; width: 75%; } .hh-book-time-img{ margin-right: 10px; margin-bottom: -5px; } .hh-book-person{ display: inline-block; } .hh-book-video{ display: inline-block; height: 15px; vertical-align: bottom; } .hh-book-person img{ margin-right: 8px; height: 15px; } .hh-book-rec{ font-weight: bold; margin: 32px 0; font-size: 20px; padding-bottom: 3%; } .hh-book-dr-img{ border-radius: 50%; height: 67px; /* padding: 12px; */ } @media(max-width:576px){ .hh-book-rec{ font-size: 16px; margin: 10px; } } @keyframes scroll { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(calc(-350px * 6)); transform: translateX(calc(-350px * 6)); } } .hh-hc-book-div-container{ border-radius: 8px; overflow: auto; padding-bottom: 5px; display: flex; } .hh-hc-book-div-container::before, .hh-hc-book-div-container::after { position: absolute; z-index: 2; } .hh-book-div{ display:flex; /* animation: scroll 50s linear infinite; */ /* animation-play-state: paused; */ } /* .hh-book-div:hover{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } */ .hh-book-div a{ /* animation: all 0.3s ease-in-out; */ } @media(max-width:576px){ .hh-book{ margin-bottom: 10px; } } /*17.0 Carousel HH*/ .slider-block { margin: 50px 0; } .slider-block-prac{ margin: 50px 0 0; } .slider-block .slider-container { display: flex; align-items: center; position: relative; margin-top: -15px; } .slider-block .slider-container .slider-btn-left, .slider-block .slider-container .slider-btn-right { position: absolute; border: none; background: #fff; box-shadow: 5px 36px 32px rgba(0, 0, 0, 0.08); font-size: 40px; height: 50px; width: 50px; border-radius: 50%; top: calc(60% - 25%); line-height: 40px; color: #000; cursor: pointer; /* z-index: 500; */ transition: .2s ease all; } /* .slider-block .slider-container .slider-btn-left:hover, .slider-block .slider-container .slider-btn-right:hover { background: rgba(255, 43, 43, 0.3); } */ .slider-block .slider-container .slider-btn-left { left: -25px; } .slider-block .slider-container .slider-btn-right { right: -25px; } /***************TRABAJANDO CARRUSEL*********/ .slider-block .slider-carousel-container { width: 100%; padding: 20px 0; overflow: hidden; scroll-behavior: smooth; margin-top: -35px; } .slider-block .slider-carousel-container2 { margin-top: -35px; } .slider-block .slider-carousel-container3 { margin-top: -35px; } .slider-block .slider-carousel-container4 { margin-top: -35px; } .slider-block .slider-carousel-container .carrusel { display: flex; flex-wrap: nowrap; } .slider-block .slider-carousel-container .carrusel .carrusel-card-block { min-width: 23.3%; transition: .3s ease all; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); margin: 10px; padding: 15px; border-radius: 12px; } .slider-block .slider-carousel-container .carrusel .prac-landing-card { transition: .3s ease all; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); cursor: pointer; display:block; padding: 15px; margin: 0px 4px; min-width: 31.9%; } .slider-block .slider-carousel-container .carrusel .est-card-container { transition: .3s ease all; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); display:block; min-width: 23.3%; margin: 10px; padding: 30px; } .slider-block .slider-carousel-container .carrusel .carrusel-card-block.hover { transform: scale(1.2); transform-origin: center; } .carousel-card-text{ margin:10px 0 15px; font-weight:600 } .carousel-card-link{ color: #0071EB; font-size: 14px; } @media(max-width:768px){ .slider-block .slider-carousel-container .carrusel .est-card-container{ min-width: 39%; } .slider-block .slider-carousel-container .carrusel .carrusel-card-block{ min-width: 39%; } .slider-block .slider-carousel-container .carrusel .prac-landing-card{ min-width: 48%; } } @media(max-width: 576px) { .slider-block .slider-container .slider-btn-left, .slider-block .slider-container .slider-btn-right{ height: 42px; } .slider-block { margin: 50px 0 0; } .slider-block .slider-carousel-container .carrusel .est-card-container{ min-width: 80%; } .slider-block .slider-carousel-container{ min-width: 95%; } .slider-block .slider-carousel-container .carrusel .carrusel-card-block{ min-width: 75%; } .slider-block .slider-carousel-container .carrusel .prac-landing-card{ min-width: 95%; } .slider-block .slider-container .slider-btn-left, .slider-block .slider-container .slider-btn-right { position: unset; /* display: none; */ } } .prac-card{ background: #fff; border-radius: 16px; padding: 30px; margin-top: 20px; } .dflex-prac-details{ display: flex; align-items: flex-start; border-bottom: 1px solid #DBDBDB; } /* .dflex-prac-details img{ border-radius: 50%; height: 67px; } */ .prac-details-info-block{ margin-left: 30px; } .prac-text-verified{ color: #828282; font-size: 12px; } .prac-edu-spec-text, .prac-edu-spec-text a{ color: #444444; font-weight: normal; /* font-size: 16px; */ margin: 10px 0; } .prac-phone-text{ align-items: center; color: #444444; display: flex; /* font-size: 16px; */ margin-bottom: 10px; } .prac-price-text{ color: #828282; font-size: 18px; font-weight: 600; } .available-consult-block{ margin-bottom: 25px; } .available-consult-detail-block{ display: flex; align-items: center; margin: 15px 0 30px; /* justify-content: space-between; */ } .available-consult-detail-text{ align-items: center; /* background: #FFDD98; */ border-radius: 8px; display: flex; font-size: 14px; font-weight: 700; text-align: left; /* padding: 5px; */ } .available-consult-detail-text svg{ margin-right: 10px; width: 18px; } .practice-est-detail{ display: flex; align-items: center; margin-bottom: 10px; } .practice-est-detail a{ color: #0071EB; font-weight: 600; } .practice-est-detail a img{ height: auto; border-radius: 8px; margin-right: 10px; width: 100px; } .booking-close-block{ background-color: #0071eb; border-radius: 16px; color: #fff; padding: 20px; text-align: center; margin-bottom: 25px; } .booking-close-block svg{ margin-top:10px; width:30px; } .doctor-close-text{ font-weight: bold; font-size: 20px; margin: 0; } .doctor-close-text span{ display: block; margin-top: 5px; font-size: 16px; font-weight: normal; } @media(max-width: 576px){ .slider-block{ left: -6%; position: relative; } .prac-card{ padding: 20px; } .dflex-prac-details{ border-bottom: unset; } .prac-details-info-block { margin-left: 10px; } .available-consult-detail-block{ margin: 15px 0 15px; } .mobile-margin-0{ margin: 0; } } .icon-chev-right { position: relative; width: 15px; } .hh-book-title-top{ padding-top: 3%; } .hc-hh-main-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/cv-19-banner-desktop-min.jpg'); height: 293px; border-radius: 8px; } .hc-hh-main-banner-btn{ background-color: #0071EB; color: #fff; padding: 12px; border-radius: 8px; margin-top: 20px; display: block; width: 62%; text-align: center; } .hc-hh-main-banner-title{ font-size: 18px; font-weight: bold; margin: 0; } .hc-hh-main-banner a{ text-decoration: none; } /* .hc-hh-main-banner p:nth-child(2){ display: inline; } */ .hc-hh-main-banner-div{ width: 77%; padding-left: 5%; padding-top: 3%; } @media(max-width:576px){ .hc-hh-main-banner-div{ width: auto; } .hc-hh-main-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/cv-19-banner-mobile-min.png'); height: 520px; background-position: top; background-size: cover; background-repeat: no-repeat; } .hc-hh-main-banner-title{ margin: 10px 0; } .hh-hc-main-banner-desc{ margin: 10px 0; } .hc-hh-main-banner-btn{ width: 96%; } } .hc-hh-floating-top-btn{ top: 0; display: flex; height: 56px; position: sticky; width: 100%; z-index: 9999; } .hc-arm-self-floating-top-btn{ bottom: 0; display: flex; height: 56px; position: fixed; width: 100%; z-index: 9999; } .hc-hh-floating-top{ background: #F18800; color: #fff; height: 100%; width: 100%; align-items: center; display: flex; justify-content: center; text-align: center; text-decoration: none; } .hc-arm-self-floating-top-2{ background: #FF0000; color: #fff; font-weight: bold; font-size: 20px; height: 100%; width: 100%; align-items: center; display: flex; justify-content: center; text-align: center; text-decoration: none; } .hc-hh-floating-top-close{ position: relative; left: 27%; } .hc-hh-floating-top-close svg{ cursor: pointer; width: 16px; } .hc-hh-floating-top a{ background-color: #fff; color: #F18800; text-decoration: none; padding: 10px; border-radius: 8px; left: 11%; position: relative; font-weight: bold; width: 12%; } .hc-arm-self-floating-top-btn a{ background-color: #0095FF; color: #fff; text-decoration: none; padding: 10px; border-radius: 8px; left: 11%; position: relative; font-weight: bold; width: max-content; } .hh-hc-main-banner-desc{ margin: 15px 0; } @media(max-width:576px){ .hc-arm-self-floating-top-btn a{ left: 1%; width: 28%; } .hc-hh-floating-top-btn{ display: none; } } .hc-as-main-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/arm-self-main-banner-wording-min.png'); height: 335px; } .hc-as-cta-book-now{ background-color: #0000C9; /* border-radius: 8px; */ height: 200px; margin-top: 3%; color: #fff; padding-top: 40px; text-align: center; } .hc-as-cta-book-now img{ float: left; left: 25%; position: relative; } .hc-as-cta-book-now p{ font-size: 24px; font-weight: bold; margin: 0px 35px; padding-bottom: 14px; display: inline-block; vertical-align: bottom; } .hc-as-cta-book-now a{ background-color: #EF7D00; border-radius: 8px; color: #fff; padding: 15px 25px; text-decoration: none; font-weight: bold; font-size: 24px; vertical-align: top; } .hc-arm-self-info-1{ background-color: #d4eefb; border-radius: 8px; margin-top: 45px; padding: 0; max-width: 49%; } .hc-arm-self-info-1 img{ height: 300px; width: 100%; } .hc-arm-self-info-1 p{ padding: 0 20px; line-height: 24px; } .hc-arm-self-info-2 p{ padding: 0 20px; } .hc-arm-self-info-1 p:nth-child(1){ color: #0396fc; font-size: 20px; font-weight: bold; } .hc-arm-self-info-2{ background-color: #0195ff; border-radius: 8px; margin-top: 45px; color: #fff; line-height: 24px; padding: 0; max-width: 49%; } .hc-arm-self-info-title{ font-size: 20px; font-weight: bold; } .hc-arm-self-info-2 img{ height: 240px; float: right; } .hc-arm-self-terms{ color: #41c0f1; text-decoration: none; } .hc-arm-self-main-banner-img{ margin: 0 auto; width: 100%; } .hc-arm-self-banner-1{ text-align: center; width: 100%; } .hc-arm-self-infographic-ds-1{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/Infographic 2_pneumo Thumbnail Desktop.png'); height: 775px; background-size: cover; background-repeat: no-repeat; border-radius: 14px; opacity: 0.5; } .hc-arm-self-infographic-ds-1:hover{ opacity: 1; } .hc-arm-self-infographic-ds-2{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/Infographic+1_GI+Thumbnail+Desktop.png'); height: 775px; background-size: cover; background-repeat: no-repeat; border-radius: 14px; opacity: 0.5; } .hc-arm-self-infographic-ds-2:hover{ opacity: 1; } .hc-arm-self-touch-me{ position: absolute; opacity: 1; right: 34px; top: 15px; height: 53px; z-index: 99; } .hc-arm-infographic-img{ width: 82%; } .hc-as-info-text{ font-size: 24px; font-weight: 700; margin: 0 35px; padding-bottom: 14px; display: inline-block; vertical-align: bottom; } .hc-as-info-cta-book-now{ background-color: #0000c9; height: 200px; margin-top: 3%; color: #fff; margin: 0 auto; padding-top: 40px; text-align: center; width: 80%; } .hc-as-info-cta-book-now img{ float: left; left: 7%; position: relative; } .hc-as-info-cta-book-now a{ background-color: #ef7d00; border-radius: 8px; color: #fff; padding: 15px 25px; text-decoration: none; font-weight: 700; font-size: 24px; left: 5%; position: relative; vertical-align: top; } .hc-as-img-info{ background-position: center; background-repeat: no-repeat; background-size: cover; height: 1000px; } .hc-as-img-info-1{ background-position: center; background-repeat: no-repeat; background-size: cover; height: 877px; } .hc-as-img-info-3{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hc-as-Pneumo-Infographic-Desktop-3-min.png'); background-position: center; background-repeat: no-repeat; background-size: cover; height: 800px; } .hc-as-info-cta-wrap{ display: inline-block; } @media(max-width:576px){ .hc-as-img-info-1{ /* height: 330px; */ height: calc(0.664 * 118vw); } .hc-as-img-info-3{ height: calc(0.664 * 100vw); } .hc-as-img-info{ /* height: 335px; */ height: calc(0.664 * 130vw); } .hc-arm-infographic-img{ width: 90%; } .hc-arm-self-infographic-mb-1{ padding: 0; padding-right: 2px; } .hc-arm-self-infographic-mb-2{ padding: 0; padding-left: 2px; } .hc-arm-self-infographic-ds-1{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/Info%202_Pneumo%20infographics_updated17Nov_mobile.png'); height: 265px; margin-top: 6%; opacity: 1; border-radius: 0; } .hc-arm-self-infographic-ds-2{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/Info%201_GI%20infographics_updated17Nov_mobile.png'); height: 265px; margin-top: 6%; opacity: 1; border-radius: 0; } .hc-arm-self-touch-me{ height: 25px; } .hc-as-cta-book-now img{ left: 0; } .hc-as-cta-book-now{ border-radius: 0; margin: 25px 0; } .hc-as-main-banner{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/main-arm-self-mobile-banner-min.png'); } .hc-as-cta-book-now p{ margin-bottom: 0; margin-top: 0; display: block; font-size: 22px; } .hc-as-cta-book-now a{ padding: 10px 20px; font-size: 28px; } .hc-arm-self-floating-top-2{ font-size: 14px; } .hc-as-info-cta-book-now img{ left: 0; width: 14%; } .hc-as-info-cta-book-now{ border-radius: 0; /* margin: 25px 0; */ } .hc-as-info-cta-book-now p{ margin-bottom: 0; margin-top: 0; display: block; font-size: 22px; } .hc-as-info-cta-book-now a{ padding: 5px 10px; font-size: 20px; width: 55%; margin: 0 auto; position: relative; left: -2%; margin-bottom: 17px; } .hc-as-info-cta-wrap{ display: inline-block; position: relative; width: 80%; } .hc-as-info-text{ font-size: 16px; margin: 0; padding-bottom: 14px; } } @media(min-width:576px){ .hc-arm-self-main-cta{ bottom: -48px; position: relative; } } @media(min-width:576px){ .hc-fp-title-wrap{ position: relative; bottom: -38%; } } .hc-asthma-cta{ background-color: #0071EB; color: #fff; padding: 15px; border-radius: 8px; } .hc-pf-smoke-banner-nutrition a{ text-decoration: none; } .hc-asthma-title{ color: #000; width: 50%; margin-bottom: 3%; font-size: 28px; } .hc-bayer-endo h2{ line-height: 24px; } .hc-bayer-endo p{ line-height: 24px; } @media(max-width:576px){ .hc-asthma-title{ margin-bottom: 6%; width: auto; text-align: left; padding: 0 10px; } .hc-asthma-cta{ width: 88%; display: inherit; margin: 0 auto; } } /* Modal Content/Box */ /* The Modal */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ text-align: center; } /* Modal Content/Box */ .modal-container { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ border: 1px solid #888; width: 38%; /* Could be more or less, depending on screen size */ border-radius: 8px; box-shadow: 0 3px 10px rgb(0 0 0 / 80%); } .modal-form{ margin: 5% 5% 7% 5%; font-size: 16px; } /* The Close Button */ #close-modal { color: #aaa; float: right; font-size: 20px; padding-right: 10px; font-weight: bold; } #close-modal:hover, #close-modal:focus { color: black; text-decoration: none; cursor: pointer; } .modal-img{ margin-top: 5%; margin-left: 8%; } .modal-title{ font-size: 24px; margin-top: 5%; font-weight: bold; margin-left: 3%; margin-right: 3%; } .modal-desc{ font-size: 16px; color: #3C3C3C; font-weight: lighter; margin-left: 12%; margin-right: 12%; } .email-form{ padding: 2%; border-radius: 8px 0 0 8px; border: 1px solid #D9E1E7; width: 70%; } .modal-submit{ padding: 2% 5%; background-color: #0071EB; color: white; border-radius: 0 8px 8px 0; border: 1px solid #0071EB; } @media (max-width: 1024px){ .modal-img{ margin-left: 10%; } .email-form{ padding: 2% 20% 2% 3%; } .modal-title{ font-size: 20px; } .modal-desc{ font-size: 14px; } } @media (max-width: 768px){ .email-form{ padding: 2% 10% 2% 3%; } .modal-title{ font-size: 16px; } .modal-desc{ font-size: 12px; } .modal-form{ font-size: 14px; } } @media (max-width: 576px){ .modal-container{ margin: 50% auto; width: 90%; } .modal-img{ margin-left: 8%; width: 150px; } .email-form{ padding: 2% 10% 2% 3%; } .modal-title{ font-size: 16px; } .modal-desc{ font-size: 12px; } .modal-form{ font-size: 14px; } } .bayer-modal-container { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ border: 1px solid #888; width: 55%; /* Could be more or less, depending on screen size */ border-radius: 8px; box-shadow: 0 3px 10px rgb(0 0 0 / 80%); } .bayer-modal-desc{ display: inline-block; width: 50%; margin-top: 5%; text-align: left; } .bayer-modal-desc p:nth-child(1){ font-weight: bold; font-size: 1.5em; } .bayer-modal-desc p:nth-child(2){ margin-top: 2%; } .bayer-modal-form{ margin-top: 5% ; } .bayer-modal-img{ margin-top: 5%; margin-left: 8%; vertical-align: top; margin-bottom: 5%; } .desktop-only-bayer-modal{ display: inline-block; } .hc-bayer-banner-e-book{ border: 1px solid #DCDCDC; border-radius: 8px; text-align: center; padding: 10px 0; margin-bottom: 15px; } .hc-bayer-banner-e-book a{ background-color: #0071EB; border-radius: 8px; color:#fff; font-weight: bold; padding: 10px; text-decoration: none; display: inline-block; margin-bottom: 5%; } .hc-bayer-banner-take-rest{ border: 1px solid #DCDCDC; border-radius: 8px; text-align: center; } .hc-bayer-banner-take-rest img{ width: 100%; } .hc-bayer-banner-take-rest span{ font-weight: bold; } .hc-bayer-banner-take-rest a{ background-color: #ED4B7A; color: #fff; border-radius: 8px; font-weight: bold; display: inline-block; margin: 10px 0; padding: 10px; width: max-content; text-decoration: none; } .hc-bayer-banner-take-rest p:nth-child(2){ color: #ED4B7A; font-weight: bold; margin-left: 5%; text-align: left; } .hc-bayer-banner-take-rest p:nth-child(3){ margin-left: 5%; line-height: 20px; text-align: left; } .hc-bayer-banner-e-book p:nth-child(2){ padding: 0 5px; } .hc-bayer-banner-e-book p:nth-child(3){ padding: 0 5px; } @media (max-width: 576px){ .hc-bayer-banner-e-book a{ width: 88%; } .hc-bayer-banner-take-rest a{ width: 88%; } .hc-bayer-banner-take-rest{ margin-bottom: 10%; } .desktop-only-bayer-modal{ display: none; } .bayer-modal-container{ margin: 50% auto; width: 90%; } .bayer-modal-desc{ display: inline-block; width: 77%; margin-top: 5%; margin-bottom: 8%; text-align: center; } } .as-carousel-img div{ height: 400px; } @media(max-width:576px){ .as-carousel-img div{ height: 300px; } } .blink { animation: blink 1.5s infinite; color: #FF0000; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; transform: scale(2); } 51% { opacity: 0; transform: scale(0); } 100% { transform: scale(1); opacity: 1; } } .external-link-svg svg { align-items: center; display: flex; margin-left: 5px; width: 15px; } .soalan-link-svg-fill { fill: #41c0f1; } .reference-text-link { align-items: center; color: #3c3c3c; display: flex; margin-bottom: 8px; text-decoration: none; } .hc-article-reference-title{ font-size: 16px; font-weight: 700; } .hc-article-reference{ margin: 40px 0; } .dr_list{ display: flex; overflow: auto; } .prac-landing-card{ min-width: 80%; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); margin: 2%; border-radius: 12px; } .bayer_revamp_banner_cta{ position: absolute; bottom: 60px; left: 60px; } .bayer_revamp_banner_cta a{ border-radius: 8px; font-weight: bold; padding: 20px; text-decoration: none; width: max-content; } .bayer_revamp_banner_cta a:first-child{ color: #F4DE41; background-color: #850033; } .bayer_revamp_banner_cta a:last-child{ color: #850033; background-color: #F4DE41; } .bayer-revamp-voucher h2{ color: #FF1A7C; } .bayer-revamp-voucher a{ background-color: #850033; border-radius: 8px; color: #F4DE41; padding: 15px; text-decoration: none; margin: 20px 0; display: block; width: max-content; } .bayer-revamp-voucher p{ line-height: 24px; } .bayer-revamp-voucher p:nth-child(4){ font-size: 12px; } .bayer-revamp-voucher-img{ text-align: center; } .bayer-revamp-voucher-img img{ width: 100%; } .bayer_revamp_chart h2{ color: #FF1A7C; } .bayer_revamp_chart p{ line-height: 24px; } .bayer_revamp_yellow_bg{ background-color: #FFEA89; } .bayer_revamp_margin_div{ margin-top: 3%; margin-bottom: 0; } .bayer_revamp_padding_div{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/bayer-revamp-yellow-flower-bg.png'); background-position: center; background-size: 100%; background-repeat: repeat; padding-bottom: 1%; padding-right: 0; } .bayer_revamp_big_engo_img{ /* background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/ENDO+BIG+IMG+(1).png'); */ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/section+bg.png'); background-color: #F0D5DD; height: 700px; background-position: top; background-size: 100%; background-repeat: no-repeat; position: relative; } .bayer_revamp_endo_explain{ bottom: 65px; left: 12%; position: absolute; width: 40%; } .bayer_revamp_green_leaves{ float: right; } .bayer_revamp_dr { background-color: #fff; border-radius: 8px; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); color: #000; width: 16%; margin: 0px 2px; padding: 20px; padding-bottom: 5%; position: relative; text-align: center; } /* .bayer_revamp_dr{ background-color: #fff; border-radius: 8px; box-shadow: 0 6px 16px rgb(0 0 0 / 8%); color: #000; min-width: 20%; margin: 0 10px; padding: 20px; padding-bottom: 5%; position: relative; text-align: center; } */ .bayer_revamp_dr img{ margin-bottom: 10%; border-radius: 50%; width: 60%; } .bayer_revamp_discover{ background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/download+img.png'); background-size: 100% 100%; /* margin: 3% auto; */ /* margin-bottom: 3%; */ } .bayer_revamp_article_bg{ background-color: #F0D5DD; padding-bottom: 3%; } .bayer-revamp-voucher{ width: 75%; } .bayer_revamp_disclaimer{ font-size: 1.5em; font-weight: bold; margin: 5% 0; text-align: center; } .bayer_revamp_dr a{ background-color: #0071EB; color: #fff; padding: 15px; border-radius: 8px; text-decoration: none; display: block; text-align: center; font-weight: bold; bottom: 4px; position: absolute; left: 0; right: 0; width: 75%; margin: 0 auto; } .bayer_revamp_margin_bottom{ margin-bottom: 5%; } .bayer_revamp_uterus_img img{ text-align: center; } .bayer_revamp_uterus_img img{ width: 65%; } .bayer_revamp_dr p:nth-child(2){ font-weight: bold; } .bayer_revamp_endo_explain h2{ color: #FF1A7C; } .bayer_revamp_endo_explain p{ line-height: 24px; } .bayer_revamp_dr_list{ display: flex; /* overflow: auto; */ } .bayer_revamp_6_boxes{ background-color: #F0D5DD; background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/bayer-revamp-bg-flower.png'); background-size: 100%; background-position: center; padding: 5% 0; } .bayer_revamp_symptoms h2{ color: #FF1A7C; } .bayer_revamp_symptoms p{ line-height: 24px; } .m-w-1140 { max-width: 1140px; margin: 0 auto; /* padding: 10px 0; */ } .bayer-flex-box { display: flex; flex-wrap: wrap; justify-content: center; } .bayer-flex-box > div { background-color: #fff; width: 30.3%; padding: 10px; text-align: center; border: 0.2em solid #fff; transition: all 0.5s ease; filter: brightness(1); box-shadow: 0 6px 16px rgb(0 0 0 / 8%); border-radius: 8px; margin: 5px; position: relative; padding-bottom: 4%; } .bayer-flex-box > div:hover { transform: scale(1.05); filter: brightness(1.1); } .bayer-flex-box a { background-size: cover; background-repeat: no-repeat; background-position: center right; width: 100%; display: block; height: 200px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 30px; border-radius: 0.5em; border: 0.2em solid #fff; transition: all 0.5s ease; filter: brightness(1); } .bayer-flex-box a div { width: 74%; font-weight: 600; font-size: 1em; letter-spacing: -0.04em; line-height: 1em; padding: 0 1em; } .bayer-flex-box span{ color: #FF1A7C; display: block; font-weight: bold; position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 2%; } .bayer-flex-box a:hover { transform: scale(1.05); filter: brightness(1.1); } .bayer-flex-box small { font-family: 'Oswald', sans-serif; font-size: 14px; display: inline-block; background-color: #000; color: #fff; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; margin-left: 28px; margin-top: 30px; } .bayer_revamp_sleep{ margin-top: 8%; margin-bottom: 4%; } .bayer_revamp_sleep h2{ color: #FF1A7C; margin-bottom: 5%; text-align: center; } .bayer_revamp_sleep img{ width: 100%; } .bayer_revamp_download{ /* background-image: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/dotted+lines.png'); */ background-repeat: no-repeat; text-align: center; } .bayer_revamp_chart{ width: 75%; } .bayer_revamp_download h2{ color: #FF1A7C; } .bayer_revamp_download span{ font-weight: bold; } .bayer_revamp_download a{ background-color: #850033; color: #F4DE41; padding: 15px; border-radius: 8px; text-decoration: none; display: block; width: max-content; margin: 3% auto; text-align: center; } .bayer_revamp_chart h2 { color: #FF1A7C; font-size: calc(1.375rem + 1.1vw); } @media (max-width: 1024px) { .bayer-flex-box a { background-position: 75% center; font-size: 24px; } .bayer-flex-box small { margin-left: 22px; } } @media (max-width: 767px) { .bayer-flex-box > div { width: 50%; padding: 5px; } .bayer-flex-box a { background-size: 380px; } } @media (max-width: 500px) { .bayer-flex-box > div { width: 50%; padding: 5px; } .bayer-flex-box a { font-size: 18px; height: 140px; background-size: 240px; } .bayer-flex-box small { margin-left: 15px; } } @media (max-width: 450px) { .bayer-flex-box a#b2 { background-position: 0% center; background-size: 200px } .bayer-flex-box a#b3 { background-position: 3% center; background-size: 247px } .bayer-flex-box a#b5 { background-position: 50% center; background-size: 215px } } @media (max-width: 380px) { .bayer-flex-box a#b2 { background-position: 35% center; } .bayer-flex-box a#b3 { background-position: 35% center; } .bayer-flex-box a { font-size: 16px; } .bayer-flex-box a div { width: 80%; } } @media(max-width:576px){ .hc-asthma-bayer-banner{ background-position: top; height: 550px; } } @media(min-width:576px){ .prac-landing-card{ min-width: 27%; margin: 1%; } .hc-asthma-bayer-banner{ background-size: cover; padding-bottom: 40%; } } @media(max-width:576px){ .bayer_revamp_banner_cta{ left: 0; right: 0; top: 42%; } .bayer_revamp_banner_cta a{ display: block; margin: 0 auto; margin-bottom: 5%; width: 80%; text-align: center; } .bayer-revamp-voucher{ width: auto; } .bayer-revamp-voucher-img img{ margin-bottom: 10%; } .bayer_revamp_chart{ width: auto; } .bayer_revamp_big_engo_img{ height: auto; } .bayer_revamp_endo_explain{ bottom: 65px; padding-top: 55%; position: initial; width: auto; } .bayer_revamp_endo_explain p{ margin: 0; } .bayer_revamp_discover{ background-size: cover; /* margin: 3% auto; */ padding-bottom: 15%; } .bayer_revamp_dr{ min-width: auto; margin: 37px; padding: 50px; width: auto; } .bayer_revamp_dr_list{ display: block; overflow: unset; } } /* 18.0 Product Listing */ .discount-price{ position:absolute; top:15px; z-index:2; display:flex; right: 0; text-align: center; } .product-discount-logo{ background:#ffb726; border-radius:5px; font:normal normal 600 16px/30px Open Sans; letter-spacing:0; color:#3c3c3c; text-transform:capitalize; opacity:1; width:70px; height:fit-content; font-size:14px; font-weight: normal; } .scroll-superdeals::-webkit-scrollbar-track,.scroll-superdeals::-webkit-scrollbar-corner,.scroll-superdeals::-webkit-scrollbar-track-piece,.scroll-superdeals::-webkit-scrollbar-button{ display: none !important; } .scroll-superdeals{ display: flex; flex-direction: row; overflow: scroll; width: 100%; padding: 2em 0; overflow-y: hidden; /* Hide vertical scrollbar */ padding-left: 5px; } input[type='radio'] { width: 10px; height: 10px; } input[type='radio']:after { width: 10px; height: 10px; border-radius: 10px; top: -2px; left: 0px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: none; } input[type='radio']:checked:after { width: 10px; height: 10px; border-radius: 10px; top: -2px; left: 0px; position: relative; background-color: #ffa500; content: ''; display: inline-block; visibility: visible; border: none; } .land-search-main{ overflow: hidden; } .super-deals{ font-style: normal; font-weight: 600; font-size: 25px; margin: 15px 0 !important; text-align: left; } .book-now-btn{display:none;padding:10px 14%;background-color:#0071eb;color:#fff!important;border:1px solid #eee;text-align:center;color:#fff;border-radius:8px;width:max-content;align-self: center;margin-top: 5px;}.book-now-price{margin-bottom:20px;bottom:0;display:flex;flex-direction:row;position: absolute;width: 100%;justify-content: flex-start;align-items: center;}@media (max-width:576px){.book-now-price{width:100%;justify-content:space-between}} .featured-title{color:#555;line-height:20px;padding-bottom:10px}.featured-card{box-shadow:0 3px 6px #0000001a;border:1px solid #dbdbdb;border-radius:8px;cursor:pointer;padding:20px}.featured-card-url{text-decoration:none;color:#000}@media (max-width:576px){.featured-card{width:100%;margin-bottom:12px}.featured-title{height:auto;font-size:14px}}.featured-price{color:#FF0000;display:block;text-decoration:none;border-radius:4px;margin-top:10px;font-weight:700;}@media screen and (max-width:575px){.featured-btn-seemore{position:static;margin-top:30px;display:inline-flex}}.custom-button{border-radius:8px;padding:13px 28px;letter-spacing:0;color:#000;text-transform:capitalize;font-size:20px;border:none;cursor:pointer;background:#fff;width:max-content;align-self:center}.custom-button:hover{transition:.1s ease-in;opacity:.8}.custom-button--red{background:#d65858;color:#fff}.custom-button--blue{background:#4181f8;color:#fff}@media screen and (max-width:575px){.custom-button{padding:7px 14px;font-size:14px}}.screening-section-title{font-weight:400;color:#434343;letter-spacing:0;font-size:26px;line-height:27px;padding:20px;text-align:center}.screening-section-title--reduced-top-margin{margin-top:30px}.screening-section-title--increased-top-margin{margin-top:90px}@media screen and (max-width:575px){.screening-section-title{font-size:18px;line-height:30px;margin-top:50px;margin-bottom:20px}.screening-section-title--reduced-top-margin{margin-top:20px}.screening-section-title--increased-top-margin{margin-top:80px}}.vaccine-banner{background-position:left;background-repeat:no-repeat;width:100%;color:#fff}.vaccine-banner-text-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:320px}.vaccine-banner-title{font-size:58px;line-height:46px;font-weight:700;letter-spacing:0;margin-top:15px;margin-bottom:10px;max-width:600px}.vaccine-banner-subtitle{max-width:600px;font-size:16px;line-height:32px;font-weight:400}@media (max-width:576px){.vaccine-banner-title{font-size:50px;line-height:60px;margin-bottom:10px}.vaccine-banner-subtitle{font-size:14px;line-height:26px}.vaccine-banner-text-container{align-items:center;text-align:center;max-width:90%;height:300px}}#registration-form{display:flex;flex-direction:column;align-items:flex-start}.registration-form-message{margin-bottom:50px;margin-top:20px;padding:10px 20px;border-radius:8px;background:bisque;display:none}.registration-form-description{margin-bottom:30px}.registration-form-input{padding:14px;width:100%;max-width:576px;margin:14px 0;font-size:16px}.registration-form-input:focus{outline:0}.registration-form-label{width:100%;text-align:left}.registration-form-submit{margin-top:20px;margin-bottom:30px}@media (max-width:576px){#registration-form{align-items:center}.registration-form-submit{margin-bottom:30px}}.vaccine-article{text-decoration:none;color:#434343;text-align:center}.vaccine-article-img{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:8px;height:150px}.vaccine-article-title{font-weight:700;line-height:23px;margin:15px 0;font-size:16px}.vaccine-article-description{margin-bottom:20px;line-height:26px;font-size:16px}.vaccine-featured{height:100%;background:#ad3030;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:15px;text-align:center}.vaccine-featured-question{font-size:28px;font-weight:700;margin-bottom:15px}.vaccine-featured-description{text-align:center;margin-bottom:30px;font-size:16px;line-height:26px}@media (max-width:992px){.vaccine-article{margin-bottom:40px}}@media (max-width:576px){.vaccine-featured{margin-top:40px}}.reviews-title{font-size:26px;font-weight:400;margin-top:0}.featured-card{position:relative;padding:0}.book-now-price{padding:0 10px} /*-------------------------Card-----------------------*/ .category-featured-card{ padding: 0; font-size: 16px; color: #0071EB; } .category-book-now-price{ margin-bottom: 0px; padding-bottom: 10px; } .flex-between{ display: flex; flex-direction: column; } .featured-card{ position: relative; height: 265px; width: 220px; margin-right: 15px; } .category-featured-title{ font-size: 14px; line-height: 19px; font-weight: normal; padding: 0 10px; } .category-featured-price{ margin-top: 0; text-align: left; } .category-compared-price{ text-align: left; font-size: 12px; color: grey; margin: 0; margin-left: 5px; text-decoration: line-through; } /*-------------------Tabs Style Control-----------------*/ @media (max-width:1200px) { .book-now-btn { font-size: 1.25em; padding:10px 10%; } .category-book-now-price{ margin-bottom: 10px; justify-content: center; width: 100%; margin: 0; padding-bottom: 5px; } } @media (max-width:576px) { .mobile-category-scroll-max-width{ overflow: scroll; justify-content:unset; flex-wrap: nowrap; max-width: 90vw; } .category-featured-title{ font-size: 14px; } .book-now-btn { font-size: 4vw; } .mobile-max-width{ max-width: 100% !important; } .mobile-row-nowrap{ flex-wrap: nowrap !important; overflow: scroll; } .mobile-block{ display: block; } } .inherit-max-width{ max-width: inherit; } .padding-right-zero{ padding-right: 0; max-width: 18%; } .featured-img-position{ /* display: flex; */ justify-content: center; padding: 10px; } @media (max-width:960px) { .padding-right-zero{ max-width: unset; } } .featured-title-container{ display: -webkit-box; max-width: 200px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 0 10px; color: #555; font-weight: 400; } .hs-dr-listing{ box-shadow: 0 3px 6px #0000001a; border: 1px solid #dbdbdb; border-radius: 8px; cursor: pointer; margin-right: 15px; padding: 20px; position: relative; min-width: 35%; } .hs-dr-listing-title{ font-weight: bold; font-size: 1.3em; } .hs-dr-listing-cta{ background-color: #0d6efd; color: #fff; padding: 10px; border-radius: 8px; text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; width: 75%; margin: 0 auto; } .hs-dr-listing-img{ border-radius: 50%; border: 3px solid #0d6efd; height: 150px !important; width: 150px !important; } @media(max-width:576px){ .hs-dr-listing{ min-width: 55%; } .hs-dr-listing-img{ height: 85px !important; width: 77px !important; } } .hs-div-col.col-md-3 { border: 1px solid #E0E0E0; border-radius: 6px; max-width: 23%; margin: 20px 1%; padding: 0; } .hs-home-img { text-align: center; width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center; } .hs-div-col a{ color: #000; text-decoration: none; } .hs-home-tag{ background: #408BF9; margin: 0; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #fff !important; width: max-content; padding: 8px; border-radius: 50rem; text-align: center; } .hs-home-title{ display: block; font-size: 1.2em; font-weight: bold; margin: 1em 0; } .hs-box-wrapper{ padding: 1em; } @media(max-width: 768px) { .hs-div-col.col-lg-3 { max-width: unset; margin: 10px; } .hs-div-col.col-md-3 { max-width: unset; margin: 10px; } } /* 19.0 Dengue */ sup{ font-size: xx-small; vertical-align: top; } .desktop-only{ display: block; } .mobile-only{ display: none; } .tablet-only{ display: none; } .hc-dengue{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/desktop-banner.png); background-position: center; background-size: cover; background-repeat: no-repeat; /* border-radius: 8px; */ color: #fff; height: 500px; margin: 20px 0; padding-left: 5%; padding-top: 3%; width: 100%; } .takeda{ bottom: 90px; right: 50px; position: absolute; height: 40px; } .hc-zigzag{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/zigzag.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 165px; width: 100%; margin-top: -80px; margin-bottom: -120px; } .dengue-rise-container{ background:#ECF1F3; background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/map.png); background-position: 50% 80%;; background-size: cover; background-repeat: no-repeat; background-size: 800px; /* margin-bottom: 40px; */ padding-bottom: 50px; } .dengue-rise-text{ position: relative; } .dengue-rise-title{ /*font-weight: 800; text-align: center; padding: 10px 0 30px; font-family: 'Montserrat', sans-serif; color: #e0242a; font-size: 50px;*/ padding: 30px 0 30px; width: 800px; left: 0; right: 0; margin: 0 auto; display: block; } .dengue-rise-explanation{ text-align: center; padding: 0 15%; line-height: 24px; } .dengue-rise-explanation h1{ font-size: 14px; font-weight: normal; margin: unset; display: unset; } .dengue-rise-explanation2{ margin-bottom: 70px; } .total-cases-container{ padding: 14px 0px 0px; width: 400px; background: rgba(224, 38, 42, 0.2); border-radius: 20px 20px 0px 0px; text-align: center; left: 0; right: 0; /* margin: 0 auto 40px; */ } .total-cases-div{ background: rgba(224, 38, 42, 0.2); height: 120px } .dengue-number-flex{ display: flex; justify-content: center; align-items: flex-end; gap: 1em; margin-bottom: 75px; } .total-cases-text-wrapper{ display: flex; height: 140px; flex-direction: column; align-items: center; justify-content: center; } .dg-tt-dance-home-img{ position: absolute; bottom: 0; right: 0; } @media(max-width:576px){ .dengue-number-flex{ display: block; } .comparison-cases-figure{ padding-top: 10px; } .comparison-cases-container{ padding-top: 10px; } } .comparison-cases-container{ background: #fff; width: 300px; border-radius: 20px 20px 0px 0px; text-align: center; height: 155px; position: relative; } .total-cases-div{ width: 400px; border-radius: 20px 20px 0px 0px; text-align: center; position: relative; background: rgba(224, 38, 42, 0.2); height: 200px } .total-cases-text{ font-family: 'Antonio', sans-serif; font-weight: 700; font-size: 20px; } .total-cases-figure{ font-size: 60px; color: #E0242A; margin: 5px 0 0px; display: inline-flex; } .dg-pin{ margin: 30px auto; width: 60%; background-color: #e9f4fb; border-radius: 8px; box-shadow: 0 3px 12px #000; padding: 35px; background-image: url(https://storage.googleapis.com/doc-cdn/Dengue%20Tracker/map-468-300.png); background-repeat: no-repeat; background-size: contain; background-position: right; display: flex; } .dg-pin-text{ width: 50%; } @media(max-width:576px){ .dg-pin{ background-position: bottom; background-size: contain; padding: 15px; padding-bottom: 54%; background-image: url(https://storage.googleapis.com/doc-cdn/Dengue%20Tracker/Phone-and-map.png); width: 80%; } .dg-pin-text{ width: auto; } } .enlarge-stop-image { transform: scale(0.3); /* Initial size of the image */ transition: transform 0.5s ease; } .enlarge-stop-image.enlarged { transform: scale(1.2); /* Enlarged size of the image */ } #myAudio { display: none; } .dg-pin img{ width: 25%; position: relative; left: 162px; bottom: 61px; } .dg-pin-text div:nth-child(1){ font-weight: bold; font-size: 1.5em; margin-bottom: 15px; } .dg-pin-text div:nth-child(2){ margin-bottom: 15px; } .dg-pin-text a{ background-color: red; color: #fff; text-decoration: none; padding: 10px; border-radius: 8px; display: block; width: max-content; box-shadow: 0 3px 5px #000; font-weight: bold; margin-top: 15px; } .dg-tt-text-home{ margin-top: 11%; } .dg-tt-text-home a{ background-color: red; color: #fff; text-decoration: none; padding: 10px; border-radius: 8px; display: block; width: max-content; box-shadow: 0 3px 5px #000; font-weight: bold; margin-top: 15px; } .dg-tt-text-home div:nth-child(1){ font-size: 1.5em; margin: 15px 0; } .dg-tt-dance-home{ background-image: url(https://storage.googleapis.com/doc-cdn/Dengue%20Tracker/DengueDance%20Bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 36vh; /* align-items: center; */ } .text-red{ color: red; } .comparison-cases-figure{ font-size: 50px; color: #E0242A; display: flex; align-items: center; justify-content: center; gap: 13px; margin-top: 28px; } .highest-spike-figure{ font-size: 50px; color: #67AB92; display: flex; align-items: center; gap: 13px; justify-content: center; margin-top: 28px; } .date-range{ background-color: rgba(53, 55, 63, 0.9); padding: 10px 5px; align-items: center; justify-content: center; display: flex; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; } .bottom-0{ position: absolute; bottom: 0; width: inherit; height: 60px; } @media(max-width:576px){ .bottom-0{ height: auto; width: 100%; } .dg-pin img{ width: 28%; position: absolute; right: 99px; /* height: 86px; */ bottom: 115px; } } .highest-spike{ /* position: absolute; */ background: #fff; border-radius: 20px; text-align: center; /* right: 25px; */ /* bottom: -25px; */ display: flex; padding: 10px; align-items: center; width: 260px; } .highest-spike-text{ font-family: 'Montserrat', sans-serif; /*font-weight: 600;*/ } .mosquito{ height: 350px; position: absolute; bottom: 0; left: 0; margin: 0 0 -0 -100px; } .hc-blood{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/blood.png); /* background-position: center; */ background-size: cover; background-repeat: no-repeat; height: 500px; width: 100%; display: flex; align-items: center; justify-content: space-evenly; } .img-mosquito-alert{ height: 230px; position: absolute; z-index: 1; } .dengue-dangerous-text{ padding: 20px 60px; line-height: 24px; } .dengue-properties-container{ background: #fff; width: 30%; text-align: center; height: 290px; width: 290px; border-radius: 50%; margin-top: 50px; padding: 30px; line-height: 24px; } .dengue-fact-img{ height: 60px; margin-bottom: 10px; } .dengue-fact-text{ font-weight: 600; font-size: 16px; line-height: 24px; margin-bottom: 15px; } .symptom-title{ font-weight: 800; font-size: 24px; text-align: center; padding: 50px 0 30px; font-family: 'Montserrat', sans-serif; } .symptom-single{ padding: 0; text-align: center; margin-bottom: 30px; } .normal-symptom-img{ height: 180px; width: 180px; } .symptom-text{ font-weight: 700; font-size: 18px; text-align: center; color: #3C3C3C; margin-top: 15px } .severe-symptom-container{ background: #F9D3D4; justify-content: space-around; padding: 0 20px; margin: 0; } .severe-symptom-img{ width: 150px; } .symptom-alert-text{ color: #58595b; margin: 0; font-size: 14px; font-weight: 700; display: flex; justify-content: center; padding: 20px 0 40px; line-height: 24px } .alert-icon{ margin-right: 10px; } .hc-hospital{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hospital.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; height: 1000px; width: 100%; align-items: center; /*margin-bottom: 40px;*/ } .reason-container{ display: flex; padding: 0 30px; justify-content: space-between; } .single-reason{ border: solid #FFFFFF 3px; border-radius: 16px; background: #35373F; text-align: center; padding: 30px 10px; width: 100%; color: #fff; margin: 0 3px; } .dengue-references-bg{ background: #ECF1F3; font-size: 1.2em; word-wrap: break-word; } .dengue-references-text-bolded{ text-decoration: none; color: #243271; font-weight: bold; } .dengue-references-title{ color: #2E4C5C; font-weight: 700; } .reason-img{ height: 75px; margin-bottom: 20px; } .worry_explanation_text{ line-height: 22px; } .stay-know{ font-weight: 800; font-size: 24px; text-align: center; padding: 40px 0 5px; font-family: 'Montserrat', sans-serif; } .read-dengue-articles{ text-align: center; padding-bottom: 30px } .reference-text{ margin-bottom: 30px; word-wrap: break-word; } .reference-text a{ color: #00a2e3; text-decoration: none; } .read-more-button{ color: #fff; cursor: pointer; align-items: center; padding: 10px 40px; background: #3C3C3C; border-radius: 8px; border: none; height: 40px; margin-top: 10px; } .dengue-article{ height: 185px; } .dengue-article-image{ height: 150px; } @media(max-width:992px){ .tablet-only{ display: block; } .desktop-only{ display: none; } .dengue-rise-title{ width: 600px; } .img-mosquito-alert{ right: 50px; padding-bottom: 50px; top: -100px; } .dengue-dangerous-text{ padding: 0 70px 0 20px; margin-bottom: -50px; } .total-cases-container{ margin-bottom: 70px; } .mobile-highest-spike{ background: #fff; border-radius: 20px; text-align: center; align-items: center; left: 0; right: 0; margin: 0 230px; padding-top: 14px; } .mobile-highest-spike-text{ display: flex; justify-content: space-evenly; padding-bottom: 10px; } .comparison-cases-container{ margin-bottom: 70px; } .highest-spike{ position: unset; left: 0; right: 0; margin: 0 auto; } .mosquito{ height: 250px; margin: 0 0 0 -70px; } .hc-blood{ display: block; height: 1150px; padding: 100px 30px 0; } .dengue-properties-container{ left: 0; right: 0; margin: 50px auto; } .normal-symptom-img{ height: 150px; width: 150px; } .symptom-text{ padding: 0 20px; } .severe-symptom-img{ width: 130px; } .alert-icon{ height: 100%; } .hc-hospital{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hospital_1000px.jpg); background-position: unset; height: 1700px; } .reason-container{ display: unset; padding: 0 20px; } .single-reason{ left: 0; right: 0; margin: 0 80px 20px; width: unset; } .worry_explanation_text{ padding: 0 10px; } .dengue-rise-container{ background-size: 600px; } .stay-know{ padding: 30px 0 5px; } .bottom-0{ height: auto; width: 100%; } .dengue-number-flex{ display: block; } .comparison-cases-container{ width: unset; margin: 0 40px; margin-bottom: 29px; height: 177px; } .total-cases-div{ width: unset; margin: 0 40px; margin-bottom: 29px; } } @media (max-width: 992px) and (min-width:765px){ .fourth-severe-symptom{ margin-right: -200px; } } @media(max-width:765px){ .dengue-rise-title{ width: 400px; } .mobile-highest-spike{ margin: 0 130px; } .dengue-dangerous-text { padding: 0 120px 0 20px; } .img-mosquito-alert{ height: 130px; right: 20px; margin-top: 20px; padding-bottom: unset; top: unset; } .hc-hospital{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hospital_1300px.jpg); background-position: unset; height: 1700px; } .read-more-button { padding: 5px 30px; height: 30px; } .dengue-article{ height: 140px; } .dengue-article-image{ height: 123px; } } @media(max-width:576px){ .desktop-only{ display: none; } .mobile-only{ display: block; } .hc-dengue{ background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/mobile-banner.png); background-size: contain; height: 220px; } .takeda{ bottom: 60px; right: 30px; position: absolute; height: 40px; } .hc-zigzag{ background-position: top; background-size: contain; height: 100px; margin-top: -50px; margin-bottom: -90px; } .dengue-rise-title{ padding: 25px 20px 10px; width: 345px; left: unset; right: unset; margin: unset; display: unset; } .dengue-rise-explanation{ text-align: left; padding: 0 20px 10px; } .dengue-rise-explanation2{ margin-bottom: 40px; } .mosquito{ height: 200px; margin: 0 0 -30px -70px; } .img-mosquito-alert{ height: 130px; right: 20px; margin-top: -15px; padding-bottom: unset; top: unset; } .dengue-dangerous-text{ padding: 0; margin-bottom: unset; } .hc-hospital{ margin-bottom: unset; background-image: url(https://doc-cdn.s3.ap-southeast-1.amazonaws.com/health-center/hospital_1300px.jpg); background-position: unset; height: 1300px; } .alert-icon{ margin-top: 3px; } .single-reason{ margin: 0 20px 20px; height:270px; } .dengue-rise-container{ background-position: center; background-size: 300px; height: unset; padding-bottom: 50px; } .total-cases-container{ width: unset; margin: 0 20px; margin-bottom: 50px; } .comparison-cases-container{ width: unset; margin: 0 40px; margin-bottom: 29px; height: 177px; } .total-cases-div{ width: unset; margin: 0 40px; margin-bottom: 29px; } .mobile-highest-spike{ background: #fff; border-radius: 20px; text-align: center; align-items: center; left: 0; right: 0; margin: 0 80px; padding-top: 14px; } } @media(max-width:380px){ .mobile-highest-spike { margin: 0 60px; } } .dg-discount{ background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0 3px 6px #0000001a; border: 1px solid #dbdbdb; height: 300px; /* width: 80%;*/ margin: 0 auto; border-radius: 8px; background-color: #f9d4d4; } .dg-discount-desc span{ color: #ff0010; } .dg-discount-desc a{ background-color: #ff0010; border-radius: 8px; color: #fff; font-weight: bold; padding: 15px; text-align: center; text-decoration: none; display: block; width: max-content; margin: 25px 0; } .dg-discount-desc p:nth-child(1){ font-size: 1.5em; font-weight: bold; } .dg-dis-mob-banner{ width: 75%; } .ta-c{ text-align: center; } @media(max-width:576px){ .dg-discount-desc a{ margin: 25px auto; } .dg-discount{ /* width: 90%; */ } .dg-dis-mob-banner{ bottom: -11px; border-bottom: 8px; position: relative; width: 100%; } .dg-mb-img{ border-bottom: 8px; width: 100%; } } .bg-pink{ background-color: #FDCCD1; } .bg-pink h1{ color: #F20013; font-size: 1.5em; } .mg-20{ margin: 20px 0; } .mg-30{ margin: 30px 0; } .ft-bd{ font-weight: bold; } .dg-btn{ border: 1px solid #1A2E35; border-radius: 8px; padding: 12px 23px; display: inline-block; cursor: pointer; background: #fff; font-weight: bold; font-size: 1em; } /* .dg-btn:focus,.dg-btn:visited,.dg-btn:active,.dg-btn:hover{ background-color: #41c0f1; color: #fff; } */ .policy-text a{ color: #0071EB; text-decoration: none; } .dg-submit{ background: #FDCCD1; border: 1px solid #231F20; border-radius: 8px; padding: 15px 50px; text-decoration: none; color: #3C3C3C; } .dg-input{ background: #FAFAFB; border: 1px solid #1A2E35; border-radius: 8px; padding: 5px; width: 350px; height: 40px; margin-top: 5px; } .dg-sucess-btn{ width: 62%; margin: 0 auto; border-radius: 8px; box-shadow: 0 3px 6px #0000001a; border: 1px solid #dbdbdb; padding: 15px; background: #fff; text-align: left; } .dg-scs-element p:nth-child(2){ color: #F20013; font-size: 1.5em; font-weight: bold; } .dg-scs-element a{ background: #FFFFFF; border: 1px solid #231F20; border-radius: 8px; color: #3C3C3C; padding: 11px; text-decoration: none; display: inline-block; width: 26%; text-align: center; margin-top: 10px; } .dg-scs-logo{ float: right; text-align: right; } .dg-scs-logo img{ /* width: 20%; */ } .dg-sucess-btn{ font-family: 'DengueSurvey'; } @media(max-width:576px){ .dg-btn{ margin-top: 10px; display: block; text-align: center; width: 100%; } .dg-submit{ display: inline-block; width: 90%; text-align: center; } .dg-scs-element a{ width: 58%; } .dg-sucess-btn{ width: 84%; text-align: center; } } @media(max-width:768px){ .dg-input{ width: 100%; } } .invalid-msg{ color: #F66565; } .invalid-msg a{ color: #F66565; font-weight: 600; text-decoration: none; } .dg-tt-video{ background-color: #97d5c9; color: #000; align-items: center; } .dg-tt-video-title{ font-size: 1.5em; } .dg-tt-video-title span{ color: red; } .dg-tt-video-margin{ margin: 20px 0; } .dg-tt-yt{ padding: 45px; text-align: center; } .dg-tt-yt iframe{ border-radius: 8px; width: 360px; height: 250px; } .dg-tt-yt-big-div{ padding-left: 5%; } #d3{ cursor: pointer; } @media(max-width:576px){ .dg-tt-yt iframe{ border-radius: 8px; width: 260px; height: 150px; } .dg-tt-yt{ padding: 20px; } }