load->view('header', $data); $cust_type = $this->session->userdata(SESSION_PREFIX.'cust_type'); $myCurInfo = getCurrency(); $layoutImg = getLayoutImg(); $socialQuery = getSocial(); $custId = $this->session->userdata(SESSION_PREFIX.'cust_id_session'); /* if(isset($layoutImg['homeNoticeEnable']) && $layoutImg['homeNoticeEnable'] == 1 && isset($layoutImg['homeNotice']) && $layoutImg['homeNotice'] != ''){ ?>
slide_text_position == 2){ $position = 'left'; }else if($slide->slide_text_position == 3){ $position = 'right'; } $thumbSlideImage = base_url().'images/no_image.png'; if($slide->slide_image != ''){ $thumbArr = explode('_',$slide->slide_image); if(!empty($thumbArr[1])){ $thumbName = 'thumb_'.$thumbArr[1]; $imagePath = './images/uploads/slideshow/'; $thumbImageName = $imagePath.'/thumb/'.$thumbName; $thumbImgUrl=@getimagesize($thumbImageName); if(is_array($thumbImgUrl)){ $thumbSlideImage = base_url().'images/uploads/slideshow/thumb/'.$thumbName; } } } ?>
slide_link) && !empty($slide->slide_link)){ ?> slide_type != '0'){ ?>

slide_caption?>

slide_desc?>

slide_link) && !empty($slide->slide_link)){ ?> slide_button_name?>
slide_link) && !empty($slide->slide_link)){ ?>

TAKE CHARGE OF YOUR HEALTH

Discover health screening packages, pharmacy essentials, nutritional products, and rehabilitation tools — all in one convenient place to support your health.

Explore by Category

<?php echo $cat->category_name;?>

category_name ?>

VIEW PRODUCTS →
<?php echo $cat->category_name;?>

category_name ?>
*/ ?>

Best Sellers

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

*/?>

Recommended For You

Explore selected products and bundles to support your health and wellness

product_category, ','); $ids = explode(',', $cleaned); $first_id = isset($ids[0]) ? $ids[0] : ''; $cat = getCategoryById($first_id); if($cat['category_parent'] !='') { if($cat['category_parent'] == 0){ $catUrl = getCategoryById($cat['id']); }else{ $catUrl = getCategoryById($cat['category_parent']); } }else{ $catUrl = $cat;} ?>
product_url_title.'/';?>">
product_promotion) && $prod->product_promotion !='0'): ?>
PROMOTION

product_name ?>

product_description2 ?>

VIEW PACKAGE →

product_retail_price) && $prod->product_retail_price > 0){ $save = $prod->product_retail_price - $prod->product_price; } if($save !='0'){ ?>

save

product_price, 2); ?>

<?php echo $prod->product_name?>

Why Choose Us?

We aim to offer reliable healthcare products and services, guided by the same care and standards trusted in our hospital.

" alt="Trusted healthcare provider">

Trusted healthcare provider

" alt="Genuine products guarantee">

Genuine products guarantee

" alt="Convenient online booking">

Convenient online booking

" alt="Experienced medical team">

Experienced medical team

4 Simple Steps to Purchase

" alt="Step 1">

Step 1: Sign Up / Log In

Choose your preferred health screening package.

" alt="Step 2">

Step 2: Pay Online

Make a secure payment using your preferred method.

Enjoy 10% OFF when you pay with Maybank or CIMB debit/credit cards.

After successful payment, you will receive a confirmation email.

" alt="Step 3">

Step 3: Book Your Appointment

Go to “My Appointment ” where the booking link will appear.

Click to select your preferred date and time. You will then receive an SMS confirmation of your appointment.

" alt="Step 4">

Step 4: Visit Us

Bring your IC/Passport & order number. Redeem within 3 months from purchase.

Please fast for at least 8 hours before your check-up (only water allowed).

" alt="Step 1">

Step 1: Browse Products

Explore our range of pharmacy, nutrition, and rehab items.

" alt="Step 2">

Step 2: Add to Cart & Checkout

Click “Add to Cart” and proceed to payment.

" alt="Step 3">

Step 3: Choose Delivery or Pick-up

Select your preferred method: home delivery or self-pickup.

" alt="Step 4">

Step 4: Receive Your Order

Track your delivery or collect your items at your chosen location. For collection, please bring your invoice or show the confirmation email for verification.

For Corporate / Bulk Purchase, submit an enquiry via email, our team will get in touch with you.()

" alt="Clinic Waiting" class="sub-img">

Frequently Asked Questions

01
How do I create an account?
Click on the “My Account” icon at the top right and select “Register”. Fill in your personal details and create a password.
02
I Did Not Receive Any Emails From The Website, What Should I Do?

Try to make sure to properly check your inbox in your email address. Most commonly the email might be transferred to the “Junk" or “Spam" folder/section in your email address.

It is also suggested to make sure that you have entered to the correct email address to avoid any misunderstandings.

If the issue still persist, please do not hesitate to contact us.

03
How can i check my order?
Click ">My Account, and view the order/appointment details.
04
I forgot my password. What should I do?
Click on “Forgot Password” at the ">login page, and follow the instructions to reset your password.
05
What payment methods are available?
We accept FPX (online banking), credit/debit cards, and e-wallets (e.g. TNG, Boost).
06
Can I view my past purchases?
Yes. Log in and go to “My Orders” to view your order history and receipts.
07
Is my personal data protected?
Yes. We are fully compliant with Malaysia’s PDPA regulations and use secure payment gateways.

Our Testimonials

'> ">
testimonial_rating;$i++){ ?>
testimonial_content ?>
testimonial_images) && !empty($tes->testimonial_images)): ?>
testimonial_images, 0, 3); // Get first 3 images $totalImages = count($tes->testimonial_images); ?> $image): ?>
<?php echo $tes->testimonial_title; ?> 3): ?>
+

testimonial_title ?>

">
$tes->id, 'images' => isset($tes->testimonial_images) ? $tes->testimonial_images : array() ); ?>

Awards & Accreditations

<?php echo $c->award_name;?>

Proud Panel Hospital of These
Insurance & TPA Providers

AIA
Great Eastern
Allianz
eTiQa
Prudential BSN Takaful
G.MI
MiCARE
MediExpress
Asia Assistance
COMPUMED
Stay Healthy, Stay Informed

Stay Healthy, Stay Informed

From everyday essentials to specialised care, we’re here to support your journey — whether you’re looking for screening packages, trusted medication, nutritional products, or rehab tools. Taking care of your health starts with the right information, and the right choices.

View More
load->view('footer'); ?> .fa-tiktok:before { height: 38px; display:flex ; align-items: center; justify-content: center; } .email-nowrap{ white-space:nowrap; text-decoration:underline; color:#00c3c6; } .hyperlink{ color:#00c3c6; text-decoration:underline; } @media(min-width: 1900px){ .social_media .social_bg .social_dark{ padding-top: 120px; } .social_media .social_main .social_icon{ width: 330px; } .social_media button{ font-size: 18px; } #slider .swiper-scrollbar { left: 400px !important; } .slider-arrow-right, .slider-element .owl-next, .flex-next { right: -270px !important; } .slider-arrow-left { left:180px !important; } } /*---Header---*/ #top-bar .top-links .top-social-icon a{ font-size: 13px; height: 45px; line-height: 45px; color: #555; padding: 0; } #top-bar .top-links .top-social-icon a i { height: 45px; line-height: 45px; font-size: 20px; padding: 0 12px; color: #555; } /*#top-bar .top-links .top-social-icon a i.fa-instagram, #top-bar .top-links .top-social-icon a i.fa-youtube-play, #top-bar .top-links .top-social-icon a i.fa-tiktok{ font-size: 22px; display: flex; height: 100%; align-items: center; } #top-bar .top-links .top-social-icon a i.fa-tiktok{ font-size: 18px; }*/ #top-bar .top-links .top-social-icon:hover, #top-bar .top-links .top-social-icon a:hover{ background-color: transparent; } #top-bar .top-links .top-social-icon a:hover i.icon-facebook2 { color: #335fab; } #top-bar .top-links .top-social-icon a:hover i.icon-instagram { color: #E1306C; } #top-bar .top-links .top-social-icon a:hover i.icon-youtube-play { color: #ec2227; } #top-bar .top-links .top-social-icon a:hover i.icon-linkedin { color: #0072b1; } #top-bar .top-links .top-social-icon a:hover i.icon-tiktok { color: #000; } /*#top-bar .top-links .top-social-icon a:hover i.fa-tiktok { color: #111111; filter: drop-shadow(1px 0px 0px #FD3E3E) drop-shadow(-1px -1px 0px #4DE8F4); }*/ #top-bar .top-links .sunwaylogo{ padding: 0 15px; } #top-bar .top-links .sunwaylogo img{ max-height: 28px; width: 100px; margin-top: -3px; } #top-bar .top-links .engLang{ border-left: 1px solid #d7d7d7; display: block; padding: 0 15px; font-size: 15px; color: #555; font-family: 'OpenSans-Medium' } #header .header-info{ display: flex; /*width: calc(100% - 200px);*/ align-content: space-between; flex-wrap: wrap; align-content: center; float: right; position: relative; } .header-info.pc_view{ display: flex !important; } #header .header-info .flexbox{ display: flex; align-items: center; } #header .header-info .infobox{ border-right: 1px solid #d9d9d9; height: 100%; align-items: center; display: grid; font-family: 'OpenSans-Medium'; letter-spacing: 1.2px; padding: 0 25px; height: 76px; margin: 0; } /*#header .header-info .infobox.general-line{ width: 240px; } #header .header-info .infobox.emergency-services{ width: 295px; }*/ #header .header-info .infobox.sunway-group{ /* width: 378px;*/ position: relative; } #header .header-info .infobox svg{ max-height: 40px; float: left; padding: 0; width: 40px; } #header .header-info svg{ fill: #ed1c24; padding: 0 7px; } #header .header-info .infotitle{ color: #555555; padding: 0 7px; float: left; text-transform: uppercase; font-size: 13px; font-family: 'OpenSans-Medium', sans-serif; letter-spacing: 0.5px; padding-left: 10px; line-height: 1.5; width: calc(100% - 40px); } #header .header-info .infotitle p{ margin-bottom: 3px; text-transform: uppercase; font-family: 'OpenSans-Medium'; text-transform: uppercase; font-size: 13px; font-family: 'OpenSans-Medium', sans-serif; letter-spacing: 0.5px; font-weight: bold; } #header .header-info .infobox.general-line .infotitle a, #header .header-info .infobox.emergency-services .infotitle a{ text-transform: uppercase; font-size: 13px; font-family: 'OpenSans-Medium', sans-serif; letter-spacing: 0.5px; display: block; font-weight: 400; text-transform: none; } .header-info .infobox.sunway-group .infotitle a{ text-transform: uppercase; font-size: 13px; font-family: 'OpenSans-Medium', sans-serif; letter-spacing: 0.5px; font-weight: bold; } .header-icon{ font-size:13px; } .top-links{ width:100%; display:flex; justify-content:flex-end; padding: 0 15px; z-index:3; } .top-links .backbutton{ opacity:0; width:25px; text-align:start; } .top-links .backbutton svg{ text-align:start; height: 20px; vertical-align: middle; fill:#555; } .top-links .hub_menu { position: absolute; top: 45px; right: 0px; width: 357px; background: white; display: none; z-index: 10000; box-shadow: rgb(0 0 0 / 12%) 0px 3px 8px; /* padding: 12px !important; */ /* padding-top: 20px;*/ } .top-links .hub_menu ul{ list-style: none; margin: 0; padding: 0; height: auto !important; } .top-links .hub_menu li:last-child{ border: none; } .top-links .hub_menu li { display: flex; flex-direction: column; justify-content: center; height: auto; border-bottom: 1px solid #d9d9d9; width: 100%; height: 40px !important; padding: 5px !important; } .top-links .hub_menu ul li a{ color: #555; text-align: left !important; text-transform: uppercase; font-size: 11px; font-family: 'OpenSans-Medium', sans-serif; letter-spacing: 0.5px; padding: 0 15px !important; font-weight: 600; } #header .header-info .infobox.others{ border: none; } #header .header-info .infobox.others svg{ fill: #ed1c24; padding: 0 7px; height: 14px; width: auto; display: block; } #header .header-info .infobox.others ul{ list-style: none; text-align: center; overflow: hidden; padding: 0; margin: 0; position: relative; display: flex; gap:15px; align-items:center; } #header .header-info .infobox.others ul li{ padding: 10px 0; } #header .header-info .infobox.others ul li a:not(#top-search-close){ display:flex; flex-direction:column; align-items:center; } body.top-search-open #header .header-info .infobox.others ul li a:not(#top-search-close){ display:none; } #header .header-info .infobox.others ul li a p{ margin:0; } #top-cart-trigger{ } #top-search-close{ padding: 0 5px; } #top-search-close i{ /*font-size: 20px; font-weight: 700;*/ color: #ed1c24; font-size: 13px; line-height: 14px; } #top-cart #cartQty{ width: 12px; height: 12px; line-height: 12px; font-size: 9px; } #header-wrap #smcv{ letter-spacing: 2px; font-size: 12px; font-weight: 400; float: right; color: #fff; text-transform: uppercase; background: #ec2227; } #header-wrap #smcv a { text-align: center; display: block; height: 60px; padding: 0 20px; line-height: 60px; color: #fff; font-family: 'OpenSans-Bold', sans-serif; letter-spacing: 0; } #header-wrap #smcv a svg{ fill: white; width: 12px; display: inline-block; margin-left: 7px; } #hub-trigger img { max-height: 18px; padding-bottom: 2px; } @media (max-width: 1399px) { #header .header-info .infobox{ padding: 0 20px; } } @media (max-width: 1301px) { #header .header-info .infobox.others svg{ padding: 0 8px; } #header .header-info .infobox.others{ justify-content: center; } } @media (max-width: 1277px) { #header .header-info .infobox{ padding: 0 15px; } } @media (max-width: 1200px) { #header .header-info .infobox{ padding: 0 13px; } #header .header-info .infotitle p{ font-size: 13px; } #header .header-info .infobox.sunway-group .infotitle a{ font-size: 13px; } #header .header-info .infobox.general-line .infotitle a, #header .header-info .infobox.emergency-services .infotitle a{ font-size: 13px; } } @media (max-width: 1085px) { #header .header-info .infobox { padding: 0 5px; } } @media (max-width: 991px) { #header .header-info .infobox.others ul li#top-cart{ display: none; } body:not(.top-search-open) #top-search form{ z-index: 0; } #logo{ z-index: 1; } .takecharge{ font-size:16px; } .discover{ font-size:22px; } } @media (max-width: 979px) { .header-info.pc_view{ display: none !important; } #top-search{ width: calc(100% - 85px); opacity: 1; } body:not(.top-search-open) #top-search, body:not(.top-search-open) #top-search-close{ opacity: 1; } #top-search svg{ height: 15px; } #top-account-m svg{ height: 18px; } #top-cart-m svg{ height: 17px; } .top-links ul li{ height: 40px; line-height: 36px; } .top-links li > a{ height: 40px; line-height: 40px !important; } } @media (max-width: 768px){ .top-links ul{ justify-content: center; } } /*---Header END---*/ @media (max-width:767px){ .top-links{ justify-content:space-between; } .top-links .backbutton.show{ opacity:1; } #top-bar .top-links .sunwaylogo img{ width:70px; } .header-icon{ font-size:11px; } #top-account-m svg { height: 13px; display: block; margin: auto; } #top-search svg{ height:11px; } #top-cart-m svg{ height:13px; } #top-search{ width: calc(100% - 65px); } #top-account-m{ right:95px; } #top-account-m a { line-height: 15px; } #top-account-m{ top: 18px; } } /*---Home---*/ .fs-16{ font-size:16px; } .d-none{ display:none; } @media(min-width:1300px){ .d-lg-block{ display:block; } } #slider{ top: -60px; /*height: 500px !important;*/ /*aspect-ratio: 1920 / 715;*/ aspect-ratio: 1920 / 630; width: 100%; height: auto; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { /*height: 500px !important;*/ /*aspect-ratio: 1920 / 715;*/ aspect-ratio: 1920 / 630; width: 100%; } .slider-element .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player, .swiper-slide-bg { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .slider-caption .slider-caption-container{ position: relative; transform: translate(0, -30px); } .slider-caption h2 { font-family: 'OpenSans-Bold', sans-serif; width: 500px; font-size:50px; text-align: left; letter-spacing: 0; margin-bottom: 20px; } .slider-caption p { font-size: 16px !important; font-family: 'OpenSans-Medium', sans-serif; width: 450px; /*text-align: center;*/ line-height: 1.5; text-shadow: none; } .slider-caption a { border: 0px solid transparent; background-color: #78c7cb; color: white !important; line-height: 36px; font-weight: normal; text-shadow: none !important; border-radius: 0; font-size: 16px; font-family: 'OpenSans-Medium'; margin-top: 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .slider-caption a.button:hover{ color: #00a5a8 !important; background-color: rgba(0,195,198,0.1); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .swiper-navs { position: absolute; right: auto; left: 215px; bottom: 70px; top: auto; z-index: 99; } .slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; /* left: -80px;*/ background-color: rgba(0,0,0,0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; transform: translateY(-50%); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-left{ border-radius: 50%; background: transparent; border: 1px solid rgba(0,140,143,0.5); width: 36px; height: 36px; left:-80px; right:auto; } .slider-arrow-right { border-radius: 50%; background: transparent; border: 1px solid rgba(0,140,143,0.5); width: 36px; height: 36px; right:-80px; left:auto; } .slider-arrow-left i, .slider-arrow-right i{ line-height: 36px; width: 100%; text-align: center; color: #008c8f; } #slider .swiper-scrollbar { background-color: rgba(0,140,143,1); bottom: 100px; left: 135px; width: 200px; top: auto; right: auto; height: 2px; border-radius: 2px; position: absolute; z-index: 50; } #slider .swiper-scrollbar-drag { background: rgba(0,140,143,1) !important; height: 4px; border-radius: 0; margin-top: -3px; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0; } #slider .swiper-pagination { width: 50px !important; color: #444444 !important; } .swiper-pagination { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 5px !important; text-align: center; line-height: 1; } .swiper-pagination span { display: inline-block; margin: 0 0px; opacity: 1; background-color: transparent; /* border: 1px solid #FFF; */ /* border-radius: 50%; */ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; top: auto; bottom: 0; font-size: 21px; font-weight: 700; color: #444444; } #slider .swiper-pagination-total { font-size: 13px; line-height: 28px; left: 29px; top: auto; bottom: 5px; right: 0; } #slider ~ #content{ z-index: 1; background: transparent; } #slider ~ #content .content-wrap{ background: transparent; } .homeslogan .homeslogan-container{ padding: 50px 20px; background-color: white; } .homeslogan .homeslogan-container h3{ text-align: center; font-size: 30px; line-height: 40px; margin-bottom: 0; } .homeslogan.container{ padding-bottom:40px; } .flexbox{ display: flex; align-items: center; } .feaCat .container{ padding-bottom: 50px; } .feaCat .row{ margin: 0; } .feaCat .row .col_one_fifth{ margin: 0; width: 20%; display: inline-block; height: 100%; } .feaCat .catcol{ text-align: center; border-right: 2px dashed #d7d7d7; } .feaCat .catcol:last-child{ border: none; } .feaCat .row .col_one_fifth a{ padding: 20px 0; display: inline-block; height: 100%; width: 100%; } .feaCat .row .col_one_fifth:hover{ background-color: #ecf8f8; border-color: transparent; } .feaCat .removeBorder{ border-right: 2px dashed transparent !important; } .feaCat h2{ margin-bottom:30px; } .feaCat .catContainer{ display:flex; gap:30px; } .feaCat .catCard{ flex:1; } .feaCat .flexbox{ justify-content: space-between; padding: 50px 15px 0; background-color: white; border: 1px solid #cecece; border-radius: 15px; flex-direction: column; min-height: 250px; height:100%; } .feaCat .catContent{ display:flex; flex-direction:column; align-items:center; padding-bottom:30px; } .feaCat .catView p{ color:#00a5a8; font-family:'OpenSans-Bold'; text-align:center; margin:0; } .feaCat .catView { border-top:1px solid #cecece; width:100%; padding:20px 0; } .feaCat .flexbox img{ margin-bottom:20px; } .feaCat .flexbox h3{ color: #555; font-family: 'OpenSans-Medium'; text-transform: capitalize; padding: 0 8px; margin-bottom: 0; font-size: 16px; text-align:center; font-weight: 500; } .feaPac .container{ padding: 25px 0 60px; } .feaPac h2{ color: #555; margin-bottom: 30px; } .feaPac p.desc{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; } .feaPac .product-desc2{ padding: 15px 0 0; } .feaPac .product-title h2{ font-size: 20px; margin: 0; font-family: 'OpenSans-Bold'; color: #555; height: 50px; } .feaPac .product-title h2 a{ color: #555; font-family: 'OpenSans-Medium'; } .feaPac .owl-dots{ text-align:center; } .product-overlay3{ bottom: 0; right: 0; left: auto; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: rgba(0,0,0,0.25); cursor: pointer; } .product:hover .product-overlay3{ opacity: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .product-overlay3 .overlay-btn-container{ position: absolute; right: 0; bottom: 0; } .product-overlay3 .overlay-btn a{ width: 40px; height: 40px; border-radius: 50%; background-color: white; margin: 5px 10px; display: flex; align-items: center; justify-content: center; } .product-overlay3 .overlay-btn a:hover{ background-color: #78c7cb; } .product-overlay3 .overlay-btn a:hover svg{ fill: white; } .product-overlay3 .overlay-btn a svg{ max-width: 20px; } .product-overlay3 .overlay-btn.shopping-bag a svg{ max-width: 20px; } .view-more-package-col .imagebox{ position: relative; padding: 20px 30px; } .view-more-package-col .imagebox img{ position: absolute; top: 0; left: 0; } .view-more-package-col .imagebox h3{ color: #555555; position: relative; z-index: 1; font-family: 'OpenSans-Bold'; font-size: 20px; line-height: 1.2; margin-bottom: 15px; } .view-more-package-col .imagebox a{ z-index: 1; position: relative; display: block; background: transparent; text-shadow: none; color: #ec2227; font-family: 'OpenSans-Medium'; padding: 0; font-weight: 100; font-size: 16px; letter-spacing: 0; } .view-more-package-col .imagebox a svg{ max-height: 7px; fill: #ec2227; } .steps-to-purchase{padding:60px 0;} .faq-col{ background-image: url('../../images/home-faq-bg.png'); background-size: cover; background-position: top left; background-repeat: no-repeat; padding: 35px 45px 30px; } .faq-col h3{ font-family: 'OpenSans-Bold'; font-size: 30px; color: white; margin-bottom: 10px; } .faq-col .desc{ font-family: 'OpenSans-Medium'; font-size: 16px; color: white; margin-bottom: 30px; } .faq-col .faqs{ margin-bottom: 20px; } .faq-col .faqs svg.icon{ max-width: 30px; fill: white; } .faq-col .faqs span{ font-family: 'OpenSans-Medium'; font-size: 20px; color: white; padding: 0 15px; width: calc(45% - 30px); } .faq-col .faqs svg.hrline{ fill: rgba(255,255,255,0.3); width: calc(40% - 30px); padding: 0 30px 0 15px; } .faq-col .faqs a{ font-family: 'OpenSans-Medium'; color: #2f8483; font-size: 16px; padding: 4px 12px; background-color: white; float: right; width: calc(28% - 30px); } .signup-newsletter-col{ padding: 35px 45px 30px; display: flex; align-items: center; } .signup-newsletter-col .newsletter-container{ border-left: 1px solid #78c7cb; padding: 5px 30px; } .signup-newsletter-col .newsletter-container h3{ font-family: 'OpenSans-Bold'; font-size: 30px; color: #555555; line-height: 1.2; } .signup-newsletter-col .newsletter-container .desc{ color: #555; font-size: 16px; font-family: 'OpenSans-Medium'; } .signup-newsletter-col .newsletter-container .widget{ margin-bottom: 20px; margin-top: 30px; } .signup-newsletter-col .newsletter-container input{ font-family: 'OpenSans-Medium'; color: #444; background: #ebebeb; border: none; font-size: 15px; line-height: 50px; height: 50px; padding: 5px 22px; } .signup-newsletter-col .newsletter-container button{ font-family: 'OpenSans-Medium'; background-color: #78c7cb; font-size: 16px; height: 50px; line-height: 50px; width: 150px; padding: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .signup-newsletter-col .newsletter-container button:hover{ color: #00a5a8; background-color: rgba(0,195,198,0.1); border-color: rgba(0,195,198,0.1); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .steps-to-purchase .tab-nav { display: flex; justify-content: center; margin: 20px 0; gap: 30px; } .steps-to-purchase .tab-button { background: none; border: none; font-size: 20px; font-family:'OpenSans-Medium'; cursor: pointer; padding: 10px 30px; position: relative; width:260px; border-bottom: 1px solid #00a5a8; } .steps-to-purchase .tab-button.active { color: white; background-color: #00a5a8; font-family:'OpenSans-Bold'; } /* Steps Content */ .steps-to-purchase .steps-content { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .steps-to-purchase .tab-content { flex: 1; min-width: 300px; display:flex; justify-content:center; flex-direction:column; } .steps-to-purchase .tab-content:not(.active) { display: none; } .steps-to-purchase .step { display: flex; margin-bottom:50px; align-items: center; } .steps-to-purchase .step .icon { margin-right: 20px; min-width:80px; position:relative; } .steps-to-purchase .step:not(:first-child) .icon::before { content: ""; position: absolute; bottom: 100%; left: 50%; width: 2px; height: 100px; border-left: 3px dashed #b99663; z-index:-1; } .steps-to-purchase .step .icon img { width: 100%; } .steps-to-purchase .step-text h3,.steps-to-purchase .step-text p { margin: 0; } .steps-to-purchase .step-text h3{ font-family:'OpenSans-Bold'; } .steps-to-purchase .steps-images { flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 20px; } .steps-to-purchase .steps-images img { width: 100%; border-radius: 8px; } .steps-to-purchase #others.active ~ .steps-images { display: none; } .panel-hospital .container-fluid{ padding: 60px 70px 50px; } .panel-hospital h2{ font-size: 30px; color: #555; text-align: center; font-family: 'OpenSans-Bold'; margin-bottom: 40px; line-height: 1.2; } .panel-hospital .row{ margin: 0; } .panel-hospital .col_one_fifth{ margin-right: 10px; margin-bottom: 10px; width: calc(20% - 8px); text-align: center; } .panel-hospital .col_one_fifth:last-child{ } .panel-hospital a.button{ display: inline-block; text-align: center; margin-top: 25px; text-shadow: none; color: #00a5a8; background-color: rgba(0,195,198,0.1); height: 40px; line-height: 40px; width: 130px; padding: 0; font-size: 16px; font-family: 'OpenSans-Medium'; text-transform: none; font-weight: 100; letter-spacing: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .panel-hospital a.button:hover{ background-color: #78c7cb; color: white; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .stay-healthy .container-fluid{ padding: 25px 70px 70px; background-image: url('../../images/doctors-bg.png'); background-size: contain; background-position: bottom left; background-repeat: no-repeat; } .awardSwiper{overflow:hidden;} .awardSwiper img{ width:100%; object-fit:cover; } .award-pagination,.testimonial-pagination{ margin-top:30px; text-align:center; } #slider .swipe-pagination{ position:relative; z-index:3; bottom:70px; text-align:center; } .testimonials { position: relative; padding: 0 0 60px; background-color: #EBEAE5; } .testimonials .container-fluid{ padding: 0 70px 0; overflow:hidden; } .testimonialSwiper{ overflow:hidden; } .testimonialSwiper .swiper-slide{ opacity:0.5; transition: opacity 0.3s ease-in, transform 0.3s ease-in; height:auto; padding-top:30px; } .testimonialSwiper .swiper-slide:not(.swiper-slide-duplicate).swiper-slide-active, .testimonialSwiper .swiper-slide:not(.swiper-slide-duplicate).swiper-slide-next, .testimonialSwiper .swiper-slide:not(.swiper-slide-duplicate).swiper-slide-prev { opacity: 1; } .testimonialSwiper .swiper-slide-duplicate { opacity: 1 !important; } .testimonialSwiper .swiper-slide.swiper-slide-active { transform: scale(1); } .testimonialSwiper .swiper-slide, .testimonialSwiper .swiper-slide { transform: scale(0.9); } @media (max-width: 480px) and (max-width: 767px){ .testimonials .container-fluid { padding: 0 0 50px; width: 470px !important; } } @media (max-width: 479px){ .testimonials .container-fluid { width: 100% !important; padding: 0 20px 0; } } .testimonial-card{ display:flex; padding: 10%; flex-direction:column; justify-content:start; align-items:center; border-radius: 10px; background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); gap:20px; height:100%; position:relative; } .testimonial-title{ margin-top:auto; } .testimonial-title p{ font-size:14px; color:#00A6A9; text-align:center; font-weight:700; } .testimonial-rating{ display:flex; gap:10px; align-items:center; justify-content:center; } .tes-image-btmright{ position:absolute; right:0; bottom:0; } .tes-image-topleft{ position:absolute; left:10%; top:-30px; } /* Testimonial Images Grid */ .testimonial-images { display: flex; gap: 10px; margin: 15px 0; justify-content: space-between; } .testimonial-image-item { position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; transition: transform 0.3s ease; } .testimonial-image-item:hover { transform: scale(1.05); } .testimonial-image-item img { width: 100%; height: 100%; object-fit: cover; } .testimonial-image-item.has-more .image-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; font-weight: bold; } /* Modal Styles */ .testimonial-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); animation: fadeIn 0.3s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .testimonial-modal-content { position: relative; margin: auto; padding: 20px; width: 100%; max-width: 1200px; height: 100%; display: flex; flex-direction: column; justify-content: center; } .testimonial-modal-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 10000; transition: color 0.3s; } .testimonial-modal-close:hover { color: #bbb; } .testimonial-modal-body { display: flex; flex-direction: column; gap: 20px; align-items: center; width: 100%; } /* Main Swiper */ .testimonial-swiper-main { width: 100%; max-width: 1200px; max-height: 500px; margin-bottom: 10px; } .testimonial-swiper-main .swiper-slide { display: flex; align-items: center; justify-content: center; background: transparent; } .testimonial-swiper-main .swiper-slide img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); } /* Swiper Navigation Buttons */ .testimonial-modal-body .swiper-button-next, .testimonial-modal-body .swiper-button-prev { color: #555; background: #fff; width: 50px; height: 50px; border-radius: 50%; transition: all 0.3s; } .testimonial-modal-body .swiper-button-next:after, .testimonial-modal-body .swiper-button-prev:after { font-size: 20px; } .testimonialSwiper .swiper-pagination-bullet{ opacity:0.5; } .testimonialSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; } /* Thumbnail Swiper */ .testimonial-swiper-thumbs { width: 100%; max-width: 1000px; box-sizing: border-box; padding: 10px 0; } .testimonial-swiper-thumbs .swiper-slide { opacity: 0.4; cursor: pointer; border: 3px solid transparent; border-radius: 8px; overflow: hidden; transition: all 0.3s; } .testimonial-swiper-thumbs .swiper-slide-thumb-active { opacity: 1; border-color: #fff; } .testimonial-swiper-thumbs .swiper-slide:hover { opacity: 0.7; } .testimonial-swiper-thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } @media(max-width:1440px){ .testimonial-card{ padding:15% 10%; } } /* Mobile Responsive */ @media (max-width: 768px) { .testimonial-images { gap: 8px; } .testimonial-swiper-main { height: 300px; } .testimonial-modal-body .swiper-button-next, .testimonial-modal-body .swiper-button-prev { width: 40px; height: 40px; } .testimonial-modal-body .swiper-button-next:after, .testimonial-modal-body .swiper-button-prev:after { font-size: 16px; } .testimonial-modal-close { top: 10px; right: 20px; font-size: 30px; } .testimonial-modal-content { padding: 10px; } } @media (max-width: 480px) { .testimonial-swiper-main { height: 250px; } } .testimonial-pagination .swiper-pagination-bullet,.award-pagination .swiper-pagination-bullet,.recommended-pagination .swiper-pagination-bullet,.swipe-pagination .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius:0; background:#00a5a8; opacity:0.5; } .testimonial-pagination .swiper-pagination-bullet-active,.award-pagination .swiper-pagination-bullet-active,.recommended-pagination .swiper-pagination-bullet-active,.swipe-pagination .swiper-pagination-bullet-active{ background:#00a5a8; opacity:1; } .faq.homepage{ background:url("../../images/faq-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding:60px 0; } .faq.homepage h2{ margin-bottom:30px; } .faq.homepage .accordion { width: 100%; margin: 0 auto; } .faq.homepage .accordion-item { background: #f9f9f7; border-radius: 10px; margin-bottom: 15px; overflow: hidden; transition: all 0.3s ease; padding: 0 120px ; } .faq.homepage .accordion-header { display: flex; align-items: center; padding: 10px 0; cursor: pointer; position: relative; transition: all 0.3s; } .faq.homepage .accordion-number { font-size: 50px; font-family:'OpenSans-Bold'; color: #d4f3f0; margin-right: 20px; flex-shrink: 0; } .faq.homepage .accordion-item.active .accordion-number{ color: #25797c } .faq.homepage .accordion-question { flex: 1; font-family:'OpenSans-Bold'; font-size: 20px; color: #555; } .faq.homepage .accordion-toggle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #00a5a8; color: #00a5a8; display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s; margin-left:5px; } .faq.homepage .accordion-item.active .accordion-toggle { background: #00a5a8; color: #fff; } .faq.homepage .accordion-body { max-height: 0; overflow:hidden; transition: padding 0.3s ease,height 0.3s ease; font-size: 20px; color: #555; } .faq.homepage .accordion-body p{ font-size:20px; } .accordion-item.active .accordion-body { padding: 30px 0 45px; max-height: 300px; overflow:visible; } .faq.homepage .accordion-item.active .accordion-body { border-top: 1px solid #c8e8e5; } .faq.homepage .accordion-item.active .accordion-body { padding: 30px 0 45px; border-top: 1px solid #c8e8e5; max-height: 300px; } .faq.homepage .accordion-item.active .accordion-header{ padding:20px 0; } .faq.homepage .accordion-item.active .accordion-toggle svg { stroke: #fff; } @media (min-width: 1800px) { .stay-healthy .info-container{ padding: 20px 220px !important; } } .recommended{ padding:60px 0 160px; background-color: #ebebe4; background-repeat: no-repeat; background-size:cover; } .recommended .row{align-content:center;display:flex;flex-wrap:wrap;} .recommendedSwiper{margin-top:30px;} .recommended .container{overflow:hidden;} .recommended .promo-card { position: relative; max-width: 100%; border-radius: 10px; } .recommended .promo-inner { display: flex; flex-direction: row; background: #fff; border-radius: 10px; overflow: hidden; height:290px; } .recommended .recommended a:hover .promo-inner{box-shadow: 0 4px 12px rgba(0,0,0,0.1);} .recommended .promo-text { padding: 30px ; flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; min-height:250px; } .recommended .promo-badge { display: inline-block; background-color: #d60000; color: #fff; font-size: 16px; border-radius: 20px; padding: 3px 30px; position:absolute; top:-15px; left:20px; } .recommended .promo-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height:50px; font-family: 'OpenSans-Bold'; } .recommended .promo-desc p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size:16px; } .recommended .promo-link { color: #33b7b9; font-family:'OpenSans-Bold'; margin-bottom: 12px; } .recommended .promo-save { color: #444; opacity:0.45; margin:0; } .recommended .promo-amount{margin:0;font-family:"OpenSans-Bold";} .recommended .promo-image img { max-width: 260px; height: 100%; object-fit: cover; object-position:left; height:100%; } .recommended .col-md-6{display:flex;align-self:center;} .why-choose-us{margin-top:-100px;} .why-choose-us .why-bg{ padding:60px 0; color:white; background-image: url(../../images/why-bg.jpg); background-repeat: no-repeat; background-size:cover; padding:60px 70px; border-radius:8px; } .why-choose-us .row{ display:flex; align-items:center; flex-wrap:wrap; margin:auto; justify-content:center; } .why-choose-us .container-fluid{ padding:0 70px; } .why-choose-us h2,.why-choose-us p{ color:#fff; } .why-choose-us .content-wrapper{ display:flex; justify-content:space-around; max-width:900px; } .why-choose-us .content-wrapper .icon-container{ display:flex; flex-direction:column; align-items:center; justify-content:center; max-width: 165px; text-align:center; } .why-choose-us .content-wrapper .icon-container img{ margin-bottom:10px; border-radius:50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px; } .stay-healthy .info-container{ padding: 20px 50px; } .stay-healthy .info-container h2{ font-family: 'OpenSans-Bold'; font-size: 30px; color: #555555; } .stay-healthy .info-container p.desc{ font-family: 'OpenSans-Medium'; font-size: 20px; color: #ec2227; } .stay-healthy .info-container p.small{ font-family: 'OpenSans-Medium'; font-size: 16px; color: #555555; line-height: 1.5 !important; margin-bottom: 50px; } .stay-healthy .info-container a.button{ width: 130px; height: 40px; line-height: 40px; text-shadow: none; background-color: #00a5a8; font-family: 'OpenSans-Medium'; font-size: 16px; text-transform: none; padding: 0; font-weight: 100; text-align: center; letter-spacing: 0; margin-bottom: 90px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .stay-healthy .info-container a.button:hover{ color: #00a5a8; background-color: rgba(0,195,198,0.1); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .svgicon svg{ fill: #ed1c24; padding: 0 14px; height: 25px; display: block; } @media (max-width: 1399px) { #slider{ height: 550px !important; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 550px !important; } .slider-caption .slider-caption-container{ transform: translate(30px, -35px); } .view-more-package-col .imagebox h3{ font-size: 18px; } .stay-healthy .flexbox img{ width: 660px; } #slider .swiper-scrollbar { bottom: 100px; left: 105px; } .slider-arrow-left, .slider-element .owl-prev, .flex-prev { left: -110px; right: auto; top:40px; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: -90px; top:40px; } } @media (max-width: 1277px) { .swiper-navs{ left: 170px; bottom: 70px; } #slider .swiper-scrollbar{ bottom: 100px !important; left: 90px !important; } } @media (max-width: 1261px) { .stay-healthy .info-container{ padding: 20px 30px; } .stay-healthy .info-container p.desc{ line-height: 1.5 !important; } .slider-arrow-left, .slider-element .owl-prev, .flex-prev { left: -80px; right: auto; top:0; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: -120px; top:0; } } @media (max-width: 979px) { #slider{ top: auto; height: 350px !important; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 350px !important; } .slider-caption .slider-caption-container{ transform: translateY(-30px); } .slider-caption h2{ width: 300px; font-size: 28px; } .slider-caption p{ width: 310px; line-height: 1.2; font-size: 14px !important; } .slider-caption a.button{ padding: 0 20px; height: 33px; line-height: 33px; margin-top: 15px; font-size: 13px ; } #slider ~ #content { padding-top:60px; } .swiper-navs { left: 180px; bottom: 45px; } .slider-arrow-left, .slider-arrow-right { width: 30px !important; height: 30px !important; } .slider-arrow-left i, .slider-arrow-right i{ line-height: 30px; } .slider-arrow-left, .slider-element .owl-prev, .flex-prev { left: -80px; right: auto; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: -40px; } #slider .swiper-scrollbar { bottom: 70px !important; left: 100px !important; width: 120px !important; height: 1px !important; } #slider .swiper-scrollbar-drag { height: 2px; margin-top: -1px; } #slider .swiper-pagination { width: 50px !important; color: #444444 !important; } .swiper-pagination { bottom: 5px !important; } .swiper-pagination span { font-size: 16px; } #slider .swiper-pagination-total { font-size: 10px; } .homeslogan .homeslogan-container { padding: 30px 10px; } .homeslogan .homeslogan-container h3 { font-size: 20px; line-height: 27px; padding: 0 5px; } .feaCat .container { padding-bottom:30px; } .feaCat .row .col_one_fifth, .feaCat .row .col_one_fifth.col_last { width: 18%; margin: 0 0.7% 0 0 !important; } .feaCat .row .col_one_fifth a { padding: 10px 5px 10px 0; } .feaCat .flexbox img { margin-bottom: 15px; } .feaCat .flexbox h3 { font-size: 13px; line-height: 13px; text-align: center; } .font_size30 { font-size: 20px; } .feaPac .container { padding: 15px 0 45px; } .feaPac h2 { margin-bottom: 5px; } .feaPac p.desc{ font-size: 16px; } .feaPac .product-title h2 { font-size: 18px; height: 35px; } .view-more-package-col.visible-xs{ background: rgb(204,242,242); background: linear-gradient(178deg, rgba(204,242,242,1) 0%, rgba(235,250,250,1) 100%); } .view-more-package-col.visible-xs .imagebox{ background-image: url('../../images/2-feapac-box-tab-transparent.png'); background-size: contain; background-repeat: no-repeat; background-position: right top; } .view-more-package-col .imagebox h3{ font-size: 17px; } .steps-to-purchase h2{ font-size: 20px; } .faq-col{ padding: 35px 30px 30px; } .faq-col h3{ font-size: 20px; line-height: 30px; } .faq-col .desc{ font-size: 13px; line-height: 1.5 !important; } .faq-col .faqs .flexbox{} .faq-col .faqs span{ width: calc(67% - 30px); font-size: 18px; } .faq-col .faqs svg.hrline{ display: none; } .faq-col .faqs a{ width: calc(44% - 30px); font-size: 15px; text-align: center; } .signup-newsletter-col{ padding: 35px 30px 30px; } .signup-newsletter-col .newsletter-container h3{ font-size: 20px; } .signup-newsletter-col .newsletter-container .desc{ font-size: 13px; line-height: 1.5 !important; } .signup-newsletter-col .newsletter-container .input-group{ display: block; } .signup-newsletter-col .newsletter-container input{ height: 35px; line-height: 35px; width: 100%; border-radius: 0; } .signup-newsletter-col .newsletter-container .input-group .input-group-btn{ text-align: center; } .signup-newsletter-col .newsletter-container button{ height: 35px; line-height: 35px; width: 100%; border-radius: 0; margin-top: 5px; } .panel-hospital h2{ font-size: 20px; } /*.panel-hospital a.button{ padding: 0 20px; height: 33px; line-height: 33px; margin-top: 15px; font-size: 13px !important; }*/ .stay-healthy{ position: relative; } .stay-healthy .flexbox{ display: block; } .stay-healthy .info-container h2 { font-size: 20px; } .stay-healthy .container-fluid{ padding: 25px 70px 70px; background-image: none; } .stay-healthy .info-container a.button { margin-bottom: 0; } .stay-healthy::before{ background-image: url('../../images/blue-rec.png'); background-size: auto; background-position: bottom left; background-repeat: no-repeat; position: absolute; content: ' '; color: transparent; width: 150px; height: 250px; left: 15px; top: 0; z-index: -1; } .stay-healthy .info-container{ padding: 20px 0 30px; } } @media(max-width:1199px){ .stay-healthy .container-fluid{ padding: 25px 30px 70px; } .stay-healthy .flexbox img{ width:550px; } } @media (max-width: 768px){ #slider{ top: auto; height: 280px !important; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 280px !important; } .slider-caption .slider-caption-container{ transform: translate(25px, -40px); } .slider-caption h2{ margin-bottom: 10px !important; } .slider-caption p{ display: block !important; font-size: 12px !important; width: 280px; } .slider-caption a.button{ display: inline-block !important; margin-top: 5px; } #slider .swiper-scrollbar{ bottom: 60px !important; left: 35px !important; } .swiper-navs { left: 115px; bottom: 35px; } .view-more-package-col .imagebox { position: relative; padding: 20px; } .view-more-package-col .imagebox h3 { font-size: 16px; margin-top: 5px; } .view-more-package-col .imagebox a{ font-size: 16px; margin-bottom: 30px; } .panel-hospital .col-xs-6{ padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 700px){ .view-more-package-col.visible-xs .imagebox{ height: 470px; background-size: auto; background-position: bottom center; } } @media (max-width: 480px) and (max-width: 767px){ .panel-hospital .container-fluid { padding: 0 0 50px; width: 470px !important; } } @media (max-width:600px) { #slider{ top: auto; height: auto !important; aspect-ratio: 2000/812; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: auto !important; aspect-ratio:2000/812; } .swiper-pagination span { font-size: 12px; } .swiper-pagination { bottom: -2px !important; } #slider .swiper-pagination-total { font-size: 8px; } .swiper-navs { left: 115px; bottom: 35px; } .slider-arrow-left, .slider-arrow-right{ width: 20px !important; height: 20px !important; } .slider-arrow-left i, .slider-arrow-right i{ line-height: 20px; font-size: 8px; } #slider .swiper-scrollbar{ bottom: 50px !important; left: 15px !important; } .slider-arrow-left, .slider-element .owl-prev, .flex-prev { left: -100px; right: auto; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: 13px; } .slider-caption .slider-caption-container{ transform: translate(0, 0); } .swiper_wrapper .slider-caption h2{ font-size: 16px; width: 240px; } .slider-caption p{ font-size: 9px !important; width: 170px; } .slider-caption a.button{ font-size: 9px; } #slider .swiper-scrollbar{ width: 85px !important; bottom: 50px !important; } #slider .swiper-pagination { display: none; } .view-more-package-col .imagebox h3 { font-size: 20px; } .slider-caption a.button{ height:28px; line-height:28px; } #slider .swipe-pagination{ bottom:50px; } } @media (max-width: 479px){ .feaCat .row{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: space-around; } .feaCat .catcol{ margin-bottom: 15px; } .panel-hospital .container-fluid { width: 100% !important; padding: 60px 20px 50px; } .stay-healthy .container-fluid{ padding: 25px 40px 50px; } .stay-healthy::before{ width: 150px; height: 130px; } .signup-newsletter-col .newsletter-container { border-left: 0px solid #78c7cb; padding: 0px; } .product-image4 img{ height:auto !important; width: 100% !important; object-fit: cover; position: relative; top: auto; bottom: auto; left: auto; right: auto; } .product-image4 > a{ position: relative; top: auto; bottom: auto; left: auto; right: auto; } .feaPac .product-title h2, .product-price4 { height:50px; } .sale-flash { font-size: 14px; } #featuredproduct-carousel .oc-item .infobox .info { padding: 30px 15px !important; } #featuredproduct-carousel .oc-item .imagebox img { width: 100% !important; height: 280px !important; object-fit: cover; } #featuredproduct-carousel + #shop { padding-left: 15px; padding-right: 15px; } /*#content.product_detail_view .equalHeight.product_detail_sidebar {*/ /* padding-left: 15px;*/ /* padding-right: 15px;*/ /*}*/ #packages_interested { padding-left:15px; padding-right:15px; } .bread_contact_banner ~ #content { top: 0 !important; } .steps-desc h2 { font-size: 20px !important; } .steps-desc { padding: 70px 15px !important; } .contactdesc-section .box { margin-bottom: 30px; } .contactinfo-section { padding-left:15px !important; } .steps-to-purchase .tab-button{ padding:5px; } .faq.homepage .accordion-body,.faq.homepage .accordion-question,.faq.homepage .accordion-body p{ font-size:16px; } .why-choose-us .content-wrapper{ flex-wrap:wrap; gap:20px; } .why-choose-us .content-wrapper .icon-container { flex: calc(50% - 10px); } } @media(min-width:1600px) { .why-choose-us .col-lg-4{ max-width:300px; } .why-choose-us .col-lg-8{ max-width:900px; } } /*---Home END---*/ /*---FAQ---*/ .steps-desc{ padding: 70px 0; background-color: #00c3c6; } .steps-desc h2{ color: white; font-size: 30px; font-family: 'OpenSans-Bold'; max-width: 660px; margin: 0 auto; } .bread_contact_banner{ top: -60px; border-bottom: 1px solid #ec2227; } .bread_contact_banner .image_absolute{ min-height: 250px; } .bread_contact_banner ~ #content{ top: -60px; } .bread_contact_banner h1{ font-family: 'OpenSans-Bold'; font-size: 30px; } @media(max-width: 576.9px){ .bread_contact_banner h1{font-size: 24px;} } .faq-desc h2{ margin-bottom: 15px; color: #555; font-size: 30px; font-family: 'OpenSans-Bold'; } .faq-desc p{ color: #555; font-size: 16px; font-family: 'OpenSans-Medium'; margin-bottom: 45px; } .faq-container{ margin-bottom: 70px; } /* Style the tab */ .tab { overflow: hidden; } /* Style the buttons inside the tab */ .tab button { background-color: #f5f5f5; color: #555555; float: left; border: none; outline: none; cursor: pointer; padding: 10px 16px; transition: 0.3s; font-family: 'OpenSans-Bold'; font-size: 20px; width: 100%; margin: 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 10px; } .tab button .icon-col{ background-color: #00c3c6; width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; display: inline-block; } .tab button .icon-col svg{ width: 30px; height: 30px; fill: white; margin: 0; padding: 7px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #e8e8e8; } /* Create an active/current tablink class */ .tab button.active { background-color: #00c3c6; color: white; } .tab button.active .icon-col{ background-color: white; } .tab button.active .icon-col svg{ fill: #00c3c6; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 20px; border-top: none; } .tabcontent h2{ font-family: 'OpenSans-Bold'; font-size: 30px; color: #555; } .tabcontent .toggle .togglet{ color: #555; background-color: transparent; font-family: 'OpenSans-Bold'; padding: 15px 0; } .tabcontent .faqs .toggle { border-bottom: 1px solid #e6e6e6; margin: 0; } .tabcontent .faqs .toggle:last-child { border: none; } .faqs .toggle .togglet i { color: #00a5a8; } .faqs .toggle .toggleta{ background-color: transparent !important; color: #00a5a8 !important; font-family: 'OpenSans-Bold'; font-size: 16px; } .faqs .toggle .togglec{ padding: 0 0 15px; } .faqs .toggle .togglec p{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; line-height: 1.4 !important; } @media (max-width: 768px){ .tab .col-xs-12:not(first-child) button{ margin-top: 15px; } .feaCat .row{ flex-wrap:wrap; } } /*---FAQ END---*/ /*---Contact---*/ .contactdesc-section .box{ padding: 50px 70px; background-color: #f2fcfc; } .contactdesc-section .box h2{ font-family: 'OpenSans-Bold'; font-size: 30px; color: #555; line-height: 1.3; } .contactdesc-section .box h2 span{ color: #00a5a8; } .contactdesc-section .box p{ font-family: 'OpenSans-Medium'; font-size: 16px; color: #444; } .contactinfo-section .contact_grid{ display: flex; align-items: center; margin-bottom: 30px; } .contactinfo-section .contact_grid .contact_icon{ background-color: #f5f5f5; width: 60px; height: 60px; border-radius: 50%; padding: 15px; margin-right: 15px; } .contactinfo-section .contact_grid .contact_icon svg{ fill: #78c7cb; } .contactinfo-section .contact_grid .contact_info{} .contactinfo-section .contact_grid .contact_info h4{ font-family: 'OpenSans-Medium'; font-size: 16px; color: #555; margin-bottom: 5px; font-weight: 100; } .contactspan{ font-size: 18px; color: #555; } .whitespace{white-space: nowrap;} .contactinfo-section .contact_grid.call .contact_info, .contactinfo-section .contact_grid .contact_info a{ color: #00a5a8; font-family: 'OpenSans-Bold'; font-size: 20px; } .contactinfo-section .contact_grid.email .contact_info a{ text-decoration: underline !important; } .contactinfo-section .contact_grid .contact_info p{ color: #555; font-family: 'OpenSans-Medium'; font-size: 16px; line-height: 1.4 !important; max-width: 360px; } .contactform-container-fluid{ background-image: url('../../images/contact-form-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: top right; margin-top: 50px; } .contactform-container-fluid h2{ font-family: 'OpenSans-Bold'; font-size: 30px; color: #555; } .contactform-container-fluid .col-xs-12{ padding: 0 7px; } .contactform-container-fluid input, .contactform-container-fluid select, .contactform-container-fluid textarea{ font-family: 'OpenSans-Regular'; margin: 0 7px 10px ; font-size: 15px; padding: 8px 14px; height: 40px; border: 2px solid #DDD; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .contactform-container-fluid textarea{ height: auto; } .contactform-container-fluid .g-recaptcha, .contactform-container-fluid #submitBtn{ font-family: 'OpenSans-Regular'; margin: 0 7px 10px ; font-size: 15px; } .contactform-container-fluid #submitBtn input{ display: block; width: 100%; text-transform: capitalize; border: none; line-height: 0; margin-top: 10px !important; font-family: 'OpenSans-Medium'; font-size: 15px; text-shadow: none; font-weight: 100; letter-spacing: 0; } .contactform-container-fluid .form-container{ background-color: white; padding: 40px 30px 50px; display: inline-block; margin-bottom: 140px; box-shadow: 16px 0px 59px rgba(64,64,64,0.1); float:left; } /*---Contact END---*/ /*--- Product List ---*/ .product_hotdeal_container { height:38px; } .product-hotdeal { display:inline-block; padding: 4px 14px; background-color: #e9292c; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-radius: 0px; z-index: 7; font-family: 'OpenSans-Medium'; text-transform: uppercase; font-size: 13px; margin-bottom: 10px; } .side_menu{ box-shadow: none; } .side_menu .menu_title{ font-family: 'OpenSans-Bold'; color: #555; font-size: 20px; text-align: left; background-color: transparent; padding: 10px 15px 10px; display: inline-block; border-bottom: 1px solid #78c7cb; margin-bottom: 15px; } .side_menu ul li:first-child{ padding-top:0; } .side_menu ul li a{ font-family: 'OpenSans-Medium'; font-size: 15px; color: #555; background-color: transparent; border: none; padding: 10px 15px 10px 15px; } .side_menu ul li a:hover, .side_menu ul li a.active{ color: #00a5a8; background-color: transparent; border: none; } #featuredproduct-carousel{ margin: 0; } #featuredproduct-carousel .oc-item { position: relative; } #featuredproduct-carousel .oc-item a.link{ position: absolute; width: 100%; height: 100%; } #featuredproduct-carousel .oc-item .row{ background-image: url('../../images/product-featured-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: top left; } #featuredproduct-carousel .oc-item .infobox{ display: flex; align-items: center; } #featuredproduct-carousel .oc-item .infobox .info{ padding: 0 70px; } #featuredproduct-carousel .oc-item .infobox .sale{ color: #d60000; font-family: 'OpenSans-Bold'; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; } #featuredproduct-carousel .oc-item .infobox h3{ color: #555555; font-family: 'OpenSans-Bold'; font-size: 20px; margin-bottom: 10px; line-height: 25px; } #featuredproduct-carousel .oc-item .infobox div.proddesc p{ color: #555; font-family: 'OpenSans-Medium'; font-size: 16px; margin-bottom: 15px; line-height: 1.4; } #featuredproduct-carousel .oc-item .infobox a.button{ display: inline-block; color: #00a5a8; font-family: 'OpenSans-Medium'; font-size: 16px; text-shadow: none; background-color: transparent; text-transform: capitalize; padding: 0; font-weight: 100; letter-spacing: 0; margin-bottom: 0; height: auto; line-height: 1; } #featuredproduct-carousel .oc-item .infobox a.button svg{ max-height: 8px; fill: #00a5a8; } #featuredproduct-carousel .oc-item .imagebox{ padding: 0; } #featuredproduct-carousel .oc-item .imagebox img{ width: 350px; height: 200px; object-fit: cover; } #featuredproduct-carousel .owl-carousel .owl-nav [class*=owl-]{ color: #00a5a8; background-color: white; border-radius: 50%; text-align: center; line-height: 36px; box-shadow: 5px 0 16px rgba(64,64,64,0.15); } #featuredproduct-carousel .owl-carousel:hover .owl-nav [class*=owl-]{ left: 20px; } #featuredproduct-carousel .owl-carousel:hover .owl-nav .owl-next{ left: auto; right: 20px; } #featuredproduct-carousel .owl-carousel .owl-nav [class*=owl-]:hover{ background-color: #f7fffd !important; color: #00a5a8 !important; } #featuredproduct-carousel + #shop{ padding-top: 20px; } #featuredproduct-carousel + #shop #filtersection{ font-family: 'OpenSans-Regular'; font-size: 15px; letter-spacing: 0; } #featuredproduct-carousel + #shop #filtersection #filterForm{ margin-bottom: 15px; } #featuredproduct-carousel + #shop #filtersection #filterForm label{ padding-right: 5px; text-transform: capitalize; font-family: 'OpenSans-Regular'; font-size: 15px; letter-spacing: 0; } #featuredproduct-carousel + #shop #filtersection #filterForm select{ padding: 4px 10px; border: 1px solid #d5d5d5; font-family: 'OpenSans-Regular'; } #featuredproduct-carousel + #shop hr{ margin: 10px 0; } .product-image2{ height: 100%; aspect-ratio: 5 / 4; } .product-title h2{ margin: 0; color: #555; font-family: 'OpenSans-Bold'; font-size: 20px; height: 50px; } #shop .product-overlay3 .overlay-btn-container{ bottom: 10px; } #shop .product-price { display:flex; align-items: center; } #shop .product-price del { font-weight: 400; font-size: 80%; color: rgba(68,68,68,0.45); display: block; } #shop .titleSection{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:20px; } #shop .titleSection form{ margin-bottom:0; } #shop{ padding:60px 0 0; } #shop .container{ border-bottom:1px solid #c9c9c9; padding-bottom:30px; } #categoryList{padding:60px 0 0;} .categorySwiper-wrapper{display:flex;align-items:center;gap:20px;} #categoryList .categorySwiper-wrapper .swiper-button-prev, #categoryList .categorySwiper-wrapper .swiper-button-next { color: #0caacb; width: 40px; height: 40px; border: 1px solid #0caacb; border-radius: 50%; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; position:static; z-index:1; } #categoryList .swiper-button-prev:after, #categoryList .swiper-button-next:after{ display:none; } #categoryList .categorySwiper { overflow:hidden; flex-grow:1; } #categoryList .catContent{ display:flex; flex-direction:column; text-align:center; justify-content:space-between; padding:30px 10px; border-radius:8px; aspect-ratio: 1 / 1; align-items:center; border:1px solid #ecf8f8; gap:10px; } #categoryList .catContent img{ max-width:50px; aspect-ratio: 1 /1; object-fit:contain; } #categoryList .catContent p{ margin:0; font-size:12px; } #categoryList .swiper-wrapper.centered{ justify-content:center; } #categoryList .swiper-button-prev.hide-nav,#categoryList .swiper-button-next.hide-nav{ display:none; } #requirement{ padding:60px 0 0; } #requirement .bg-grey{background-color:#f8f8f8;padding:60px;} #bestSeller{padding:60px 0;} #bestSeller .owl-dots{text-align:center;margin-top:20px;} #rehab{ background:#00a5a8; max-height:370px; } #rehab .downloadContainer{ display:flex; flex-direction:column; justify-content:center; } #rehab h2{ color:#fff; } #rehab img{ clip-path: ellipse(100% 150% at 0% 50%); width: 100%; height: auto; max-width:650px; margin-right:30px; aspect-ratio:2 /1 ; flex-shrink: 1; } #rehab .download{ display:block; padding:10px 20px; background: #62c6c4;; color:#fff; width:fit-content; border-radius:5px; } #rehab > div { display: flex; flex-wrap: nowrap; align-items: center; } /*--- Product List END ---*/ /*--- Product Detail ---*/ .recommendedaddon { background:#d60000; text-align: center; color:white; padding:3px 10px; font-size: 12px; } #content.product_detail_view{ overflow: visible; } #content.product_detail_view .equalHeight.product_detail_sidebar{ justify-content: space-between; } .product-desc1 .sale{ padding: 5px 20px; background-color: #d60000; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-radius: 0px; z-index: 5; font-family: 'OpenSans-Bold'; text-transform: uppercase; font-size: 20px; display: inline-block; margin-bottom: 15px; } .product-desc1 h2.productname{ margin-bottom:5px; text-transform: capitalize; color: #555; font-family: 'OpenSans-Bold'; line-height: 1.2; } .product-desc1 .product-price{ color: #00a5a8; font-family: 'OpenSans-Bold'; font-size: 20px; } .product-desc1 .anniversary_div{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; } .product-desc1 .promotion_wording{ margin-top: 10px; margin-bottom: 0; font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; } .product-desc1 .product_desc{ text-align: justify; } .product-desc1 .product_desc p, .product-desc1 .product_desc ul{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; line-height: 1.4 !important; } .product-desc1 .product_termsconditions{ background-color: rgba(104,195,194,0.15); padding: 15px 20px 20px; } .product-desc1 .product_termsconditions h4{ color: #008385; font-size: 15px; font-family: 'OpenSans-Medium'; font-weight: 100; margin-bottom: 5px; } .product-desc1 .product_termsconditions ul{ color: #008385; font-size: 14px; font-family: 'OpenSans-Medium'; margin-bottom: 0; } #productdesc_packageincludes h2{ font-family: 'OpenSans-Bold'; font-size: 24px; color: #555; } #productdesc_packageincludes .productdesc_packageincludes_wording p, #productdesc_packageincludes .productdesc_packageincludes_wording ul{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; line-height: 1.4 !important; } #productdesc_appointment{margin-bottom:20px;} #productdesc_appointment a{ color:#68c3c2; font-size:18px ; text-decoration:underline; } #productdesc_packagedescription .productdesc_packagedescription_wording ul li,#productdesc_packagedescription .productdesc_packagedescription_wording p{ font-size:16px; } #productdesc_booking{ padding:30px; background:rgba(0,195,198,0.1); margin-bottom:30px; } #productdesc_booking ul{ margin:0; } .tnc.accordion { width: 100%; margin: 0 auto; } .tnc .accordion-item { background: #f9f9f7; border-radius: 10px; margin-bottom: 15px; overflow: hidden; transition: all 0.3s ease; padding: 0 30px ; } .tnc .accordion-header { display: flex; align-items: center; padding: 20px 0; cursor: pointer; position: relative; transition: padding 0.3s ease; } .tnc .accordion-item.active .accordion-number{ color: #25797c } .tnc .accordion-question { flex: 1; font-family:'OpenSans-Bold'; font-size: 20px; color: #555; } .tnc .accordion-toggle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #00a5a8; color: #00a5a8; display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s; } .tnc .accordion-item.active .accordion-toggle { background: #00a5a8; color: #fff; } .tnc .accordion-body { max-height: 0; overflow:hidden; transition: padding 0.3s ease,height 0.3s ease; color: #555; } .accordion-item.active .accordion-body { padding: 30px 0 45px; max-height: 300px; overflow:visible; } .tnc .accordion-item.active .accordion-body { padding: 20px 0 0; max-height: 100%; margin: 0 10px; color: #008385; } .tnc .accordion-item.active .accordion-body ul li{ font-size:16px; } .tnc .accordion-item.active .accordion-body p{ color:#008385; } .tnc .accordion-item.active .accordion-header{ padding:20px 0; border-bottom: 1px solid #c8e8e5; } .tnc .accordion-item.active .accordion-toggle svg { stroke: #fff; } #packages_interested h4{ font-family: 'OpenSans-Bold'; font-size: 30px; font-weight: 100; color: #555; text-align: center; } #product_detail + .sidebar { width: 325px; } .addtocart_tab{ background-color: #f4f4f4; text-align: center; padding: 25px 35px; position: -webkit-sticky; /* position: sticky;*/ /* top: 60px;*/ margin-bottom: 50px; /*min-height:250px;*/ max-height:500px; overflow-x: hidden; /* overflow:scroll;*/ } .addtocart_tab h3{ color: #555; font-family: 'OpenSans-Bold'; font-size: 20px; text-align: left; } .addtocart_tab .flexbox{ justify-content: center; } .addtocart_tab .quantitylabel{ display: block; float: left; font-family: 'OpenSans-Medium'; font-size: 15px; color: #555; padding-right: 20px; } .addtocart_tab .flexbox .quantity{ margin: 0; } .addtocart_tab .quantity .plus, .addtocart_tab .quantity .minus{ border: none; background-color: transparent; color: rgba(109,109,109,0.7); font-weight: 100; line-height: 20px; } .addtocart_tab .quantity .plus{ font-size: 20px; } .addtocart_tab .quantity .qty{ border: none; background-color: transparent; width: 35px; font-family: 'OpenSans-Medium'; font-size: 18px; } .addtocart_tab .addons{} .addtocart_tab .addons .row{ /*display: flex; align-items: center;*/ } .addtocart_tab .addons .row .col-checkbox{ text-align: right; } .addtocart_tab .addons .row .col-checkbox input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: auto; left: auto; height: 20px; width: 20px; background-color: #fff; border-radius: 3px; border: 1px solid #e1e1e1; } .addtocart_tab .addons .row:hover .col-checkbox input ~ .checkmark { background-color: #f5f5f5; } .addtocart_tab .addons .row .col-checkbox input:checked ~ .checkmark { background-color: #fff; } .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .addtocart_tab .addons .row .col-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .addtocart_tab .addons .row .col-checkbox .checkmark:after { left: 7px; top: 5px; width: 5px; height: 9px; border: solid #555; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .addtocart_tab .addons .col-form-label{ text-align: left; padding: 2px 0 0 20px; margin-bottom: 0; margin-top: 6px; } .addtocart_tab .addons .col-form-label .attr-title{ color: #555; font-family: 'OpenSans-Bold'; font-size: 16px; font-weight: 100; margin-bottom: 5px; letter-spacing: none; text-transform: none; } .addtocart_tab .addons .col-form-label .attr-desc{ font-family: 'OpenSans-Medium'; color: #555; font-size: 16px; line-height: 1.4 !important; text-transform: none; letter-spacing: 0; } .addtocart_tab .addons .col-form-label .attr-price{ font-family: 'OpenSans-Bold'; color: #00a5a8; font-size: 16px; } .addtocart_tab .submitBtn, .addtocart_tab .submitBtn:focus{ width: 100%; } .addtocart_tab .submitBtn.add, .addtocart_tab .submitBtn.buy{ text-shadow: none; font-family: 'OpenSans-Medium'; font-size: 14px; font-weight: 100; height: 46px; line-height: 46px; border: 1px solid; } .addtocart_tab .submitBtn.add{ border-color: #e4e4e4; background-color: white; color: #00a5a8; } .addtocart_tab .submitBtn.buy{ border-color: #68c3c2; background-color: #68c3c2; } .addtocart_tab .submitBtn.add:hover{ background-color: #00a5a8; color: white; } .addtocart_tab .submitBtn.buy{ border-color: #68c3c2; background-color: #68c3c2; } .addtocart_tab .submitBtn.buy:hover{ background-color: #3da4a3; } .addtocart_tab .quantitylabel{ display: block; float: left; font-family: 'OpenSans-Medium'; font-size: 15px; color: #555; padding-right: 20px; } .addtocart_tab .flexbox .quantity{ margin: 0; } .addtocart_tab .quantity .plus, .addtocart_tab .quantity .minus{ border: none; background-color: transparent; color: rgba(109,109,109,0.7); font-weight: 100; line-height: 20px; } .addtocart_tab .quantity .plus{ font-size: 20px; } .addtocart_tab .quantity .qty{ border: none; background-color: transparent; width: 25px; font-family: 'OpenSans-Medium'; font-size: 18px; } .addtocart_button .submitBtn, .addtocart_button .submitBtn:focus{ width: 100%; } .addtocart_button .submitBtn.add, .addtocart_button .submitBtn.buy{ text-shadow: none; font-family: 'OpenSans-Medium'; font-size: 14px; font-weight: 100; height: 46px; line-height: 46px; border: 1px solid; } .addtocart_button .submitBtn.add{ border-color: #e4e4e4; background-color: white; color: #00a5a8; } .addtocart_button .submitBtn.buy{ border-color: #68c3c2; background-color: #68c3c2; } .addtocart_button .submitBtn.add:hover{ background-color: #00a5a8; color: white; } .addtocart_button .submitBtn.buy{ border-color: #68c3c2; background-color: #68c3c2; } .addtocart_button .submitBtn.buy:hover{ background-color: #3da4a3; } .addtocart_button .quantitylabel{ display: block; float: left; font-family: 'OpenSans-Medium'; font-size: 15px; color: #555; padding-right: 20px; } .addtocart_button .flexbox .quantity{ margin: 0; } .addtocart_button .quantity .plus, .addtocart_button .quantity .minus{ border: none; background-color: transparent; color: rgba(109,109,109,0.7); font-weight: 100; line-height: 20px; } .addtocart_button .quantity .plus{ font-size: 20px; } .addtocart_button .quantity .qty{ border: none; background-color: transparent; width: 25px; font-family: 'OpenSans-Medium'; font-size: 18px; } a.arrowbutton, .arrowbutton a{ padding-right: 20px; position: relative; } a.arrowbutton:before, .arrowbutton a:before { content: ''; position: absolute; bottom: 0; left: 0; background-color: #ec2227; height: 1px; width: 0%; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.arrowbutton:hover:before, .arrowbutton a:hover:before { width: 100%; } a.arrowbutton:after, .arrowbutton a:after { content: ''; width: 20px; height: 100%; background-size: 15px 15px; background-repeat: no-repeat; background-position: center right; background-image: url(../../images/icons/btn-arrow.png); position: absolute; right: 0; top: 0; } a.arrowbutton.news_button{padding-bottom: 3px;} .lineTitle{ width: fit-content; padding: 0 10px 10px 0; border-bottom: 1px solid; font-weight:700; } @media(max-width: 1200px){ #content.product_detail_view .equalHeight.product_detail_sidebar{ /* display: inline-block;*/ } #rehab img { max-width:450px; } /*#content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent{*/ /* width: 63%;*/ /*}*/ /*#content.product_detail_view .equalHeight.product_detail_sidebar #product_detail + .sidebar{*/ /* width: 34%;*/ /*}*/ } @media(max-width: 991px){ .homeslogan.container{ padding-bottom:20px; } .contactinfo-section .contact_grid.call .contact_info, .contactinfo-section .contact_grid .contact_info a { font-size: 16px; } .contactform-container-fluid input, .contactform-container-fluid select, .contactform-container-fluid textarea { margin: 0 0 10px; } #featuredproduct-carousel .oc-item .infobox .sale { font-size: 18px; } .stay-healthy .info-container p.small { font-size: 13px; } .product-desc1 .sale{ font-size:16px; } .fs-16{ font-size:14px; margin-bottom:0; } .tab button { font-size: 18px; } .faqs .toggle .togglec p { font-size: 13px; } #productdesc_packageincludes h2 { font-size: 20px; } #packages_interested h4 { font-size: 20px; } .product-desc1 h3.productname { font-size: 20px; } .contactdesc-section .box h2 { font-size: 20px; } .contactform-container-fluid h2 { font-size: 20px; } .faq-desc h2 { font-size: 20px; } .tabcontent h2 { font-size: 20px; } /*#content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent{*/ /* width: 53%;*/ /*}*/ #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail + .sidebar{ width: 44%; } #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent .product .col_half{ width: 100%; } #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent .product .col_half .product-image .flex-control-nav{ display: none; } .signup-newsletter-col .newsletter-container { border-left: 0px solid #78c7cb; padding: 5px 30px; } .steps-to-purchase .tab-button{ font-size:16px; } .steps-to-purchase .step-text h3{ font-size:16px; } .faq.homepage .accordion-item{ padding: 0 30px; } .why-choose-us .container-fluid{ padding:0 30px; } .why-choose-us .why-bg{ padding:60px 30px; } #requirement .bg-grey{ padding:30px; } #rehab img { max-width:350px; } } @media(max-width: 768px){ .bread_contact_banner{ top: 0; } /*#content.product_detail_view .equalHeight.product_detail_sidebar{*/ /* padding-top: 30px;*/ /*}*/ #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent{ width: 100%; padding-bottom: 0; } #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail.postcontent .product{ margin-bottom: 0; } #content.product_detail_view .equalHeight.product_detail_sidebar #product_detail + .sidebar{ width: 100%; } #packages_interested .product-title h2{ font-size: 20px; height: auto; } #packages_interested .product-image4{ height: 200px; } #packages_interested .product-image4 > a, #packages_interested .product-image4 .slide a, #packages_interested .product-image4 img{ position: relative; top: auto; bottom: auto; left: auto; right: auto; max-width: 100% !important; width: 100% !important; object-fit: cover; height: 200px !important; } } @media (max-width:767px){ .product-title h2{ font-size:16px; } .recommended .promo-inner{ flex-direction:column-reverse; height:auto; max-height:500px; } .recommended .promo-image img{ width:100%; max-width:none; object-fit:contain; } .steps-to-purchase .tab-nav{ gap:10px } .steps-to-purchase .tab-button{ width:auto; } .steps-to-purchase .step { margin-bottom:30px; } .textCenter-sm{ text-align:center; margin-bottom:20px; } .mb-30-sm{ margin-bottom:30px; } .stay-healthy .info-container p.desc{ font-size:16px; } .steps-to-purchase .step .icon{ max-width:50px; min-width:50px; } .steps-to-purchase .step:not(:first-child) .icon::before{ height:90px; } .steps-to-purchase .tab-content { padding:0 20px; } .feaCat .catContainer{ flex-wrap:wrap; gap:20px; } .feaCat .catCard{ flex: calc(50% - 10px); } .takecharge{ font-size:14px; } .discover{ font-size:18px; } } /*--- Product Detail END ---*/ /*--- Footer ---*/ #footer.dark{margin-top: -60px;} #footerCart { position: fixed; bottom: 85px; right: 25px; z-index: 99999; cursor: pointer; opacity: 1; transition: opacity, bottom 0.2s ease; -moz-transition: opacity, bottom 0.2s ease; -webkit-transition: opacity, bottom 0.2s ease; } #footerCart a{ display: block; background: white; padding: 15px; width: 60px; height: 60px; border-radius: 50%; box-shadow: 5px 5px 18px rgba(64,64,64,0.13); } #footerCart svg{ width: 100%; } #footer .social-icon i.fa-instagram{ height: 40px; line-height: 40px; font-size: 26px; } #footer .social-icon i.fa-instagram:last-child{ line-height: 38px; } #footer .social-icon.si-instagram:hover{ background: radial-gradient(circle at 35% 115%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border: none; } @media (min-width: 768px){ .text-md-right { text-align: right !important; } .text-md-left { text-align: left !important; } .signup-newsletter-col { padding: 35px 0 30px; } } @media(max-width:600px){ #rehab img { max-width: none; clip-path: ellipse(100% 100% at 50% 0); margin-bottom: 30px } #rehab{ padding:0 0 30px; max-height:none; } #rehab > div{ flex-wrap:wrap; } #rehab .downloadContainer{ padding: 0 30px; } #rehab .downloadContainer h2{ font-size:20px; line-height:1.2; } } @media (max-width:479px) { .signup-newsletter-col .newsletter-container { padding: 0; } .signup-newsletter-col { padding: 30px 0 0; } .faq-col .faqs .flexbox { display: flex; align-items: center; flex-direction: column; } .faq-col .faqs span { width: 100%; text-align: center; margin:10px 0; } .faq-col .faqs a { width: 100%; } .contactdesc-section .box { padding: 40px 25px 25px 25px; } } /*--- Footer END ---*/ @media(max-width: 978.9px){ .bread_contact_banner{top: auto;} .bread_contact_banner ~ #content{top: auto;} #footer.dark{ margin-top:0; } } .owl-carousel .owl-dot{ width: 20px; height: 4px; padding: 0; background: #00a5a8; opacity: 0.5; border: none; box-shadow: none; margin-right: 5px; } .owl-carousel .owl-dot.active{opacity: 1;} .owl-carousel .product-price4{height: auto;} .owl-carousel .homeproductcss{height: auto;}