/*
Table Of Content
0. Bootstrap
1.0 Global styles
2.0 Header
3.0 Footer
4.0 Search Section
5.0 Partner Logo
6.0 Latest Notices
7.0 Online Pharmacy
8.0 Consult Doctor
9.0 Find Doctor
10.0 Health Articles
11.0 Tanya
12.0 Featured On
13.0 Review
14.0 Floating Button
15.0 FAQ
16.0 New Floating button
17.0 Corporate Section
18.0 Homepage Scroll
19.0 Hello Bar
20.0 6 Boxes
21. Slide for Tiles
22. Partners Slider
*/

/* ********** 0. Bootstrap ********** */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Oswald:wght@500&display=swap');

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;
    overflow: auto;
    font-size: 14px;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
}

.mobile-only{
    display: none;
}

.desktop-only{
    display: block;
}
@media (max-width: 769px){
    #mobileSearchInput{
        display: inline-block !important;
    }
}
@media (max-width: 768px){
    .mobile-only{
        display: block;
    }
    .desktop-only{
        display: none;
    }
}

.search-button {
    border-radius: 0 15px 15px 0;
}

.container-fluid.land-search-main .search-button{
    border-radius: 0 15px 15px 0;
}

.container-fluid.land-search-main .searchbar-input, .searchbar-input:active {
    border-radius: 15px 0 0 15px;
}

@media (max-width: 1024px) {
    .container-fluid.land-search-main .search-button{
        border-radius: 0 7.5px 7.5px 0;
    }

    .container-fluid.land-search-main .searchbar-input, .searchbar-input:active {
        border-radius: 7.5px 0 0 7.5px;
    }
}

.container-fluid.land-search-main > .container {
    padding: 0;
}

.container-fluid.land-search-main > .container  > .land-item-div{
    margin-top: 0;
}

.container-fluid.land-search-main > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

.container-fluid.land-search-main > .container > .row >.search-cta-2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.container-fluid.land-search-main {
    padding: 10px 0;
}
/*20.0 6 Boxes*/
.wrapper {
    background-color: #e2e4fd;
}
.m-w-1140 {
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 0;
}
.flex-box {
    display: flex;
    flex-wrap: wrap
}
.flex-box > div {
    width: 25%;
    padding: 10px;
}
.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);
}
.flex-box a div {
    width: 74%;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 1em;
    padding: 0 1em;
}
.flex-box a:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}
.flex-box small {
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    margin-left: 1.65em;
    margin-top: 2em;
    font-size: 0.4em;
}

#banner-1 {
    color: #4c818c;
}
#banner-2 {
    color: #FFEEEE;
}
#banner-3 {
    color: #148C57;
}
#banner-4,#banner-7 {
    color: #a38e2c;
}
#banner-5 {
    color: #0a7d88;
}
#banner-6{
    color: #33706b;
}
#banner-8 {
    color: #906e7d;
}
#b_umrah{
    color: #316C80;
}
#b_fwd{
    color: #316C80;
}
#b_fwd4{
    color: #FFF;
}
.fwd-tile-logo{
    display: inline-block;
    color: #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    margin-left: 1.65em;
    margin-top: 2em;
    font-size: 0.4em;
}
.search {
    padding: 0 10px;
}
#mensHealthTitle{
    color: #FFEEEE;
    opacity: 80%;
}
#fwdTitle{
    color: #FFEEEE;
    opacity: 80%;
}
@media (max-width: 1100px) {
    .flex-box a {
        background-position: 60% center;
    }
}
@media (max-width: 900px) {
    .flex-box > div {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .flex-box > div {
        width: 50%;
    }
    .flex-box a {
        background-size: 380px;
    }
}

@media (max-width: 500px) {
    .flex-box > div {
        padding: 5px;
    }
    .flex-box a {
        font-size: 22px;
        height: 140px;
        background-size: 240px;
    }
    .flex-box small {
        margin-left: 15px;
    }
    .flex-box small {
        font-size: 0.4em;
    }
}

@media (max-width: 450px) {
    .flex-box a#b2 {
        background-position: 0% center;
        background-size: 200px
    }
    .flex-box a#b3 {
        background-position: 3% center;
        background-size: 247px
    }
    .flex-box a#b5 {
        background-position: 50% center;
        background-size: 215px
    }
}

@media (max-width: 380px) {
    .flex-box a#b2 {
        background-position: 35% center;
    }
    .flex-box a#b3 {
        background-position: 35% center;
    }
    .flex-box a div {
        width: 80%;
    }
}
@media (max-width: 360px) {
    .flex-box a {
        background-position: 50% center;
        background-size: 136%;
    }
}
.search {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}
input[type="search"] {
    -webkit-appearance: none !important;
    background-clip: padding-box;
    background-color: white;
    vertical-align: middle;
    border-radius: 1em;
    border: none;
    width: 100%;
    line-height: 2;
    padding: 1em 1.25em 1em 3em;
    background-image: url("images/search-icon.png");
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: 1em center;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
}
input[type="search"]:focus {
    transition: all 0.5s;
    box-shadow: 0 0 40px #f9d442b9;
    border-color: #f9d342;
    outline: none;
}

/* ********** 2.0 Header ********** */

/* .header-user-link{
  display: inline-block;
}

.header-user-link-desktop-only{
  display: inline-block;
}

@media (max-width: 768px){
  .header-user-link-desktop-only{
    display: none;
  }
}

.header-user-link-desktop-only svg {
  cursor: pointer;
  display: none;
  fill: #aaa;
  margin: 0 15px;
  position: relative;
  top: 13px;
  visibility: hidden;
  width: 45px;
} */

/* 1.4. No select */

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/*
_    _ ______          _____  ______ _____
| |  | |  ____|   /\   |  __ \|  ____|  __ \
| |__| | |__     /  \  | |  | | |__  | |__) |
|  __  |  __|   / /\ \ | |  | |  __| |  _  /
| |  | | |____ / ____ \| |__| | |____| | \ \
|_|  |_|______/_/    \_\_____/|______|_|  \_\
 */

/* 2. header */

.mobile-only {
    display: none
}

.desktop-only {
    display: block
}

@media(max-width:768px) {
    .mobile-only {
        display: block
    }
    .desktop-only {
        display: none
    }
}

.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
}
.header-user-link{
    background: #cbcbcb;
    width: 40px;
    height: 40px;
    display: flex ;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.header-user-link i{
    font-size: 20pt;
    color: white;
}

@media (min-width:1120px) {
    .header-user-link {
        display: flex;
    }
}

@media (max-width:1120px) {
    .header-user-link {
        display: none;
    }
}

.top-lang-link {
    display: none
}

@media (max-width:576px) {
    .doc-header-logo svg {
        height: 50px;
        margin-top: 0;
        padding: 10px 0 0
    }
}

.header {
    background-color: #fff;
    width: 100%;
    z-index: 3;
    height: 86px
}

@media(max-width:1120px) {
    .header {
        height: 65px
    }
}

.header ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.header-link {
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 35px 5px 28px;
    text-decoration: none
}

.header-link:hover, .header-link:active {
    color: #41c0f1;
    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;
    padding: 10px;
    width: auto
}

@media (min-width:1140px) {
    .header-link {
        padding: 35px 10px 28px
    }
}

@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: #2a2e64;
    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: visible;
    position: absolute;
    z-index: 99999;
    display: none;
}

.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
}
.header-more-content:hover .header-dropdown-content {
    height: auto;
}
@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;
    }
}

.header-dropdown-content a {
    color: #000;
    display: block;
    padding: 16px 0 16px 20px;
    text-decoration: none;
    text-align: left;
}

.header-dropdown-content a:hover {
    color: #41c0f1;
}

.header-menu-div:hover .header-dropdown-content {
    display: block;
}

@media (max-width:1120px) {
    .header-dropdown-content, .header-more-content {
        height: unset;
        width: 100%;
    }
    .header-dropdown-content a {
        margin-left: 10px;
    }
    .header-dropdown-content {
        position: unset;
    }
}
.fwd-logo-menu {
    height: 12px;
    width: 35px;
    margin-right: 8px;
}

.header-submenu {
    position: relative;
}

.submenu-content {
    display: none;
    position: absolute;
    right : 100%;
    top: 0;
    background-color: #fff;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100001;
    border: 1px solid #eee;
}

.header-submenu:hover .submenu-content {
    display: block;
}

.submenu-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submenu-content a:hover {
    background-color: #f1f1f1;
    color: #41c0f1;
}

.submenu-title {
    display: block;
    padding: 16px 0 16px 20px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.submenu-title:hover {
    color: #41c0f1;
}

@media (max-width: 1120px) {
    .submenu-content {
        position: static;
        display: block;
        box-shadow: none;
        border: none;
    }

    .submenu-content a {
        padding-left: 40px;
        white-space: normal;
    }
}
/*Scrollbar*/

::-webkit-scrollbar {
    width: 12px;
    height: 8px;
    background-color: transparent;
}

::-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%;
    }
}


/* ********** 3.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;
    overflow: hidden;
    padding-bottom: 40px
}

.footer a:hover {
    color: #41c0f1
}

.first-footer p {
    color: #3c3c3c;
    line-height: 1.8em;
    margin-top: 15px;
    /* padding-right: 20px; */
}

@media (max-width:960px) {
    .first-footer p {
        padding-right: 0
    }
}

.first-footer h3 {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 700;
    margin: 27px 0
}

.footer-readmore-link {
    color: #41c0f1;
    margin-left: 20px;
    text-decoration: none
}

.footer-readmore-arrow {
    height: 15px;
    width: 15px
}

.footer-services-title {
    text-align: center
}

.footer-content>a {
    color: #3c3c3c;
    display: block;
    padding: 4px 0;
    text-decoration: none
}

.footer-social-media svg {
    height: 24px;
    margin-right: 5px;
    width: 24px
}

.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
    }
}

.padding-zero {
    padding: 0 !important
}

.footer-sitemap {
    margin-top: 80px
}

.footer-sitemap-title h2 {
    color: #3c3c3c;
    font-weight: 700;
    font-size: 16px;
    text-align: center
}

@media (max-width:767px) {
    .footer-sitemap-title h2 {
        color: #3c3c3c;
        font-weight: 700;
        font-size: 16px;
        text-align: left
    }
}

.footer-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width:767px) {
    .footer-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        margin-bottom: 15px
    }
}

.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;
    padding-bottom: 20px
}

@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: "  |  "
}

@media (max-width:992px) {
    .footer-services-title {
        text-align: left;
    }
}

/* ********** 4.0 Search Section ********** */

.land-h1{
    font-size: 2em;
    text-align: center;
    color: #000;
}
.land-search-svg{
    float: right;
    height: 15px;
    margin-right: 13px;
    margin-top: 10px;
}

.land-search-main{
    background-color: #e2e4fd;
    color: #fff;
}

.land-p{
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0;
    width: 84%;
}

.land-span{
    display: inline-block;
    font-size: 16px;
    margin-right: 20px;
    vertical-align: top;
}

.land-tumbnail{
    border-radius: 8px;
    width: 100%;
}

.land-seach-play{
    margin-left: 20px;
    vertical-align: middle;
}

.land-search-div a{
    color: #000;
    text-decoration: none;
}

.land-search-div{
    text-align: center;
}

.land-notice-moh{
    background-color: #e0ffff;
    background-position: right!important;
    background-size: contain!important;
    padding: 15px;
}

.land-img-free-vaccine{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 11em;
    margin-top: 25px;
}

.land-img-free-vaccine img{
    width: 70px;
}

.land-search-span{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 15px;
    padding-top: 10px;
    text-align: left;
    width: 95%;
}

.land-search-span-2{
    text-align: left;
    width: 88%;
}

.search-cta a{
    background: #41c0f1;
    border-radius: 4px;
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    /* width: 50%; */
}

.search-cta-2{
    padding: 0;
    text-align: right;
}

.land-search-input{
    border: none;
    border-radius: 6px 0 0 6px;
    height: 48px;
    margin-bottom: 3%;
    outline: 0;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    width: calc(85% - 57px);
}

.land-searchbar{
    align-items: center;
    background: #408BF9;
    border: none;
    border-radius: 0 6px 6px 0;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-left: -5px;
    outline: 0;
    vertical-align: top;
    width: 56px;
}

.land-search-div a{
    color: #000;
    margin: 0 auto;
    text-decoration: none;
    /* width: 80%; */
}

.land-search-box img{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    float: left;
    margin-right: 15px;
}

.land-search-box{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 3px 6px #00000019;
    display: block;
    height: 123px;
}

.land-search-svg-div{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.land-search-mobile-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    float: left;
    height: 123px;
    margin-right: 8px;
    width: 40%;
}

.land-search-mobile-img-1{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/doctoroncall-consult-doctor.jpg');
}

.land-search-mobile-img-2{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/doctoroncall-book-appointment.jpg');
}

.land-search-mobile-img-3{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/doctoroncall-pharmacy.jpg');
}

@media(min-width:576px){
    .land-search-main{
        padding: 10px;
    }

    .land-tumbnail{
        display: flex;
        margin: 0 auto;
    }
    .land-search-svg{
        margin-right: 25px;
        margin-top: 15px;
    }
}

@media(min-width:992px){
    .land-tumbnail{
        margin: 0;
        width: 84%;
    }
}

@media(max-width:576px){

    .land-img-free-vaccine img {
        width: 28px;
        display: block;
        margin-bottom: 5px;
    }
    .land-img-free-vaccine {
        display: block;
        width: auto;
        margin-top: 0;
    }

    .search-cta{
        padding: 0;
    }

    .land-search-main{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .land-h1{
        font-size: 28px;
    }
    .land-p{
        margin: 30px 0;
    }
    .land-search-box{
        border-radius: 8px;
        height: auto;
    }
    .land-search-span-2{
        margin: auto;
        width: 83%;
    }
    .land-search-div a{
        height: 155px;
        width: auto;
    }
    .land-search-div{
        padding: 0;
    }
    .land-search-span{
        font-size: 16px;
        margin-bottom: 7px;
        margin-top: 15px;
        padding-top: 5px;
        width: 94%;
    }
    .land-search-input{
        width: calc(99% - 57px);
    }
    .land-search-mobile-img{
        height: 155px;
        width: 38%;
    }
}

@media(max-width:991px){
    .land-search-div{
        padding: 0;
    }
    .search-cta-2{
        /* margin-bottom: 10%; */
    }
    .search-cta a{
        margin: 0 auto;
        width: 100%;
    }
}

.main-search-btn:hover, .main-search-btn:visited, .main-search-btn:active{
    text-decoration: none;
}

.main-search-button-container a{
    align-items: center;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    margin: 3px;
    padding: 12px;
    width: 172px;
    white-space: nowrap;
    vertical-align: top;
    text-decoration: none;
}

.main-search-button-container a:hover, .main-search-button-container a:visited, .main-search-button-container a:active{
    color: #fff;
    text-decoration: none;
}

.main-search-section {
    background-image: url("https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/doctoroncall_background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: -18px;
    text-align: center;
}

@media(max-width:425px){
    .main-search-section{
        background-image: url("https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/doctoroncall_background_mobile.jpg");
        background-size: 100% 100%;
    }
}

.main-search-section h1{
    padding-top: 5%;
}

.main-title{
    color: #fdfffe;
    font-weight: bold;
    height: 49px;
    margin-top: 85px;
}

.main-search-bar{
    border-radius: 6px 0 0 6px;
    border: none;
    color: #000;
    display: inline-block;
    height: 100%;
    padding-left: 20px;
    width: 65%;
}

.main-search-bar::placeholder {
    font-size: 14px;
    padding-left: 4px;
}

.main-dropdown{
    -webkit-appearance: none;
    background-image: url("https://img.icons8.com/ios/50/000000/sort-down.png");
    background-position: right .7em top 50%, 0 0;
    background-size: 1em auto, 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    border: none;
    color: #3C3C3C;
    display: inline-block;
    height: 100%;
    margin-left: -4px;
    padding-left: .5em;
    width: 20%;
}

.main-dropdown::-ms-expand {
    display: none;
}
.main-dropdown:hover {
    border-color: #888;
}
.main-dropdown:focus {
    box-shadow: 0 0 1px 3px #41C0F1;
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    outline: none;
}
.main-dropdown option {
    font-weight:normal;
}

.search-btn {
    background-color: #41C0F1;
    border-radius: 0 6px 6px 0  ;
    border: none;
    display: inline-block;
    height: 100%;
    margin-left: -4px;
    vertical-align: top;
    width: 8%;
    text-align: center;
}

.search-btn-icon{
    fill : #fff;
    height: 5px;
}
.search-btn img {
    height: 20px;
    width: 20px;
}

.main-search-desc{
    color:#fdfffe;
    margin-left: 13%;
    margin-right: 13%;
    margin-top: 33px;
}
.book{
    color:#fff;
    border: 1px solid #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 14px;
    padding: 20px;
    text-decoration: none;
}

.main-search-button-container{
    margin-top: 50px;
    padding-bottom: 6%;
}

.main-docworks-text{
    display: inline-block;
    margin: 26px 45px 0 45px;
}

.main-search-button-container button{
    align-items: center;
    border: 1px solid #fff;
    background-color: #2e5aa9;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    height: 50px;
    padding: 12px;
    margin: 4px;
    vertical-align: top;
    white-space: nowrap;
    width: 162px;
}

.main-search-icon {
    cursor: pointer;
    fill: #fff;
    margin-right: 10px;
    position: relative;
    vertical-align: top;
    width: 20px;
}

.main-search-part{
    height: 48px;
    margin: 0 auto;
    white-space: nowrap;
    /* width:75%;  */
}

@media (max-width: 576px) {
    .main-search-part {
        width: 100%;
    }
}
@media (max-width: 768px){
    .main-search-part input, .main-search-part input:active, .search-button {
        display: inline-block;
        /* margin-top: 20px; */
        width: calc(100% - 50px);
        vertical-align: top;
    }
}


@media(max-width: 576px){
    .main-dropdown{
        display: none;
    }
}

@media (max-width:836px){
    .main-epharm-slider-3{
        display: flex;
        overflow: auto;
    }
}

@media (max-width: 576px){
    .search-btn {
        background-color: #41C0F1;
        border-radius: 0 6px 6px 0;
        border: none;
        display: inline-block;
        height: 100%;
        margin-left: -4px;
        vertical-align: top;
        width: 15%;
    }
}

/*
_____ ______          _____   _____ _    _ ____          _____
/ ____|  ____|   /\   |  __ \ / ____| |  | |  _ \   /\   |  __ \
| (___ | |__     /  \  | |__) | |    | |__| | |_) | /  \  | |__) |
\___ \|  __|   / /\ \ |  _  /| |    |  __  |  _ < / /\ \ |  _  /
____) | |____ / ____ \| | \ \| |____| |  | | |_) / ____ \| | \ \
|_____/|______/_/    \_\_|  \_\\_____|_|  |_|____/_/    \_\_|  \_\
*/

/*4.3. Searchbar */
.searchbar-col{
    align-items: center;
    display: flex;
}
.searchbar-form {
    padding: 0;
    width: 100%;
}
.searchbar-input,.searchbar-input:active {
    border: none;
    border-radius: 6px 0 0 6px;
    height: 48px;
    vertical-align: top;
    padding-left: 14px;
    padding-top: 12px;
    padding-bottom: 14px;
    outline:none;
    width: calc(100% - 50px);
}
.searchbar-icon-crosshair {
    position: relative;
    top: 5px
}
.search-button {
    align-items: center;
    background: #96CCD6;
    border: none;
    border-radius: 0 6px 6px 0;
    color: white;
    cursor: pointer;
    display:inline-flex;
    height: 48px;
    justify-content: center;
    margin-left: -5px;
    outline:none;
    vertical-align: top;
    width: 56px;
}
.search-button svg{
    fill:#387B86;
    width:24px;
}

@media(max-width:576px){
    .search-button svg{
        width: 28px;
        margin: 8px;
    }
    .searchbar-col{
        padding:0;
    }
}
/* 4.3.1 Search result */

.search-result {
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    /* width: 84%; */
    z-index: 999;
    /* left: 8%; */
}

@media(min-width: 577px){
    .search-result{
        box-shadow: inset 0 0 1px 1px #eef;

    }
}
.search-back-btn{
    display:none;
}

@media (max-width: 768px) {
    .search-result {
        background-color: #fff;
        border-radius: 5px;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        width: 88%;
        z-index: 999;
        left: 6%;
    }
}

.result-detail:first-child {
    border-top:1px solid #eee;
}

.result-detail {
    color: #333;
    border-bottom:1px solid #eee;
    display: flex;
    padding: 5px 0;
    text-decoration: none;
    width: 100%;
}

.result-image {
    align-items: center;
    display:flex;
    justify-content: center;
    width: 20%;
}

@media (max-width: 768px) {
    .result-image {
        width: 20%;
    }
    .result-detail {
        height: 72px;
        overflow: hidden;
    }
}

.result-image div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 80px;
}

.result-title-price {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 80%;
}



@media (max-width: 768px) {
    .result-title-price {
        display: block;
        margin-top: 5px;
        padding-left: 5px;
        width: 70%;
    }
    .result-title{
        font-weight: bold;
    }
}



.result-title {
    margin-left: 0;
    max-width: 60%;
    text-align: left;
}
@media(max-width:576px){
    .result-title {
        display:table-caption;
        max-width:90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}

.search-result a {
    text-decoration: none;
}

.result-title span{
    color:#777;
    display: flex;
    font-weight: 400;
}

@media(min-width:576px){
    .result-title span{
        color:#777;
        display: flex;
        font-weight: 400;
        position: absolute;
    }
}

.result-price {
    display: flex;
    margin-right: 10px;
    width:80px;
}

@media(min-width: 576px){
    .result-price {
        display: flex;
        margin-right: 10px;
        width: 80px;
        margin-top: 20px;
    }
}

.result-buy-icon {
    display:none;
}

.result-buy-icon svg {
    width: 25px;
}

@media (max-width: 768px) {
    .result-buy-icon {
        display: flex;
        width: 10%;
    }
}

.search-back-btn {
    background: #fff;
    border: none;
}
.search-back-btn svg {
    width: 25px;
}

.clear-btn svg {
    width: 30px;
}

/*4.3.1.1. Search Suggestions*/

.search-suggest{
    display:none;
}
.searchSuggestShow{
    display:block;
    text-align: left;
    white-space: initial;
}
@media(max-width:576px){
    .searchSuggestShowMobile{
        display:block;
    }
}

.search-suggest .search-history-title{
    background:none;
    display:block;
}
.search-suggest div{
    background-color: #eee;
    border-radius: 5px;
    color: #777;
    display: table;
    overflow: scroll;
    margin: 10px;
    padding: 15px 20px;
}

@media(max-width:576px){
    .search-suggest-mobile div{
        background-color: #eee;
        border-radius: 5px;
        color: #777;
        display: inline-block;
        overflow: hidden;
        margin: 3px;
        padding: 14px 20px;
    }
    .search-style-mobile{
        text-align: left;
        width: 100%;
        white-space: initial;
    }

}



@media(min-width: 768px){
    .search-suggest div{
        display: inline-table;
    }
}

/*4.3.2. Apply styles for mobile phone search*/

@media (max-width: 576px) {
    .searchShow{
        display:inline-block;
    }
    .searchbar-mobile {
        background-color: #fff;
        height: 100%;
        left: 0;
        position: fixed;
        max-width: 100%;
        top: 0;
        z-index: 1000;
    }
    .searchbar-form-mobile{
        position: absolute;
        top:5px;
    }
    .search-back-btn svg{
        padding: 10px;
        width: 50px;
    }
    .searchbar-input-mobile, .searchbar-input-mobile:active{
        display: inline-block;
        margin-top: 5px;
        width: calc(100% - 120px);
    }
    .searchbar-btn-mobile,.searchbar-btn-mobile:hover,.searchbar-btn-mobile:active{
        background-color:transparent
    }
    .searchbar-btn-mobile svg{
        fill:#000;
    }
}

@media (max-width: 576px){
    .main-health-related-tabs label {
        border-bottom: 2px solid #EBEBEB;
        cursor: pointer;
        color: #3C3C3C;
        display: block;
        float: left;
        font-size: 70%;
        font-weight: normal;
        transition: all 0.5s;
        text-decoration: none;
        text-align: center;
        -webkit-transition: all 0.5s;
        width: 43%;
    }
}




/* ********** 5.0 Partner Logo ********** */

/* 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: -15px;
    }
    .prev, .next{
        top: 35%;
    }
}

.prev{
    left: -5%;
}

@media(min-width:576px){
    .prev{
        left: -9%;
    }
}

/* 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}
}

.land-partner-mobile{
    display: flex;
    overflow: auto;
    width: 93vw;
}


/* ********** 6.0 Latest Notices ********** */

.land-notice-h2{
    margin-top: 3%;
    margin-bottom: 25px;
}

.land-notice-tile-2{
    margin-top: 3%;
}

.land-notice-h2 a{
    color: #000;
    text-decoration: none;
}

.land-card{
    box-shadow: 0px 3px 6px #00000019;
    border-radius: 8px;
    overflow: hidden;
}

.land-card p:nth-child(2){
    font-weight: bold;
    height: 50px;
    margin-bottom: -8px;
}

.home-notice-desc{
    display: block;
    margin-left: 5%;
    height: 45px;
}

.home-notice-cta{
    padding: 10px;
    background-color: #2F6FE3;
    color: #fff;
    font-size: 14px;
    width: 40%;
    margin: 5%;
    margin-top: 10px;
    border-radius: 25px;
    text-transform: uppercase;
    text-align: center;
}

.home-notice-cta svg{
    height: 15px;
    fill: #fff;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
}

.land-card p:nth-child(3){
    color: #408BF9;
}

.land-card p{
    margin: 5%;
}

.land-notice-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 195px;
    margin-top: -1px;
}

.land-notice a{
    color: #000;
    margin-bottom: 30px;
    text-decoration: none;
}

@media(min-width: 768px){
    .land-notice-img-hc div{
        background-size: 99% 130%;
    }
}
@media(max-width: 768px){
    .land-card p:nth-child(2) {
        height: auto;
    }
}

@media(max-width: 576px){
    .land-notice a{
        display: block;
        margin-bottom: 8%;
        padding: 0;
        height: 110px;
    }
    .land-notice-img{
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        float: left;
        height: 100%;
        margin-right: 10px;
        width: 44%;
    }
    .land-card p:nth-child(2) {
        margin-bottom: 4%;
    }
    .land-card p {
        margin: 0;
        margin-bottom: 3%;
    }
    .land-notice-h2{
        margin-top: 60px;
    }
    .land-card{
        height: 100%;
    }
}


/* ********** 7.0 Online Pharmacy ********** */

.land-pharma-bw{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.land-pharma-seeall{
    text-align: right;
    white-space: nowrap;
}

.land-pharma-seeall a:visited, .land-pharma-seeall a:hover, .land-pharma-seeall a:focus{
    color: #408BF9;
}

.land-pharma-seeall a{
    color: #408BF9;
    text-decoration: none;
}

.land-pharma-h2{
    margin-top: 6%;
}

.land-pharma-h2 a{
    color: #000;
    text-decoration: none;
}

.main-epharma-a a{
    color: #000;
    text-decoration: none;
}

.main-epharma-b a{
    color: #fff;
    text-decoration: none;
}

.main-epharmacy-supply{
    color: #41C0F1;
    margin-bottom: -40px;
    margin-top: 3px;
}

.main-epharmacy-supply-2{
    color: #41C0F1;
    margin-bottom: -53px;
    margin-top: 9px;
}

.main-doc-pharmacy-h2{
    font-size: 26px;
    margin-left: 5%;
    margin-top: 7%;
}

.main-pharmacy-subtitle{
    margin-left: 4%;
}

.main-epharma-price{
    margin-bottom: 1px;
    margin-top: 36px;
}

.main-epharma-slider{
    display: flex;
    overflow: auto;
}

.main-e-pharm-btn{
    border : none;
    background-color: #41C0F1;
    border-radius: 4px;
    color: #fff;
    padding: 15px;
    padding-right: 34px;
    text-decoration: none;
    width:max-content;
}

.main-epharma-a-tag a:hover, .main-epharma-a-tag:visited, .main-epharma-a-tag:active {
    text-decoration: none;
    color: #fff;
}

.main-dr-img:hover, .main-dr-img:visited, .main-dr-img:active {
    text-decoration: none;
}

.main-health-p:hover, .main-health-p:visited, .main-health-p:active {
    text-decoration: none;
}

.main-epharma-a a:hover, .main-epharma-a a:visited, .main-epharma-a a:active {
    text-decoration: none;
    color: #000;
}

.main-epharma-b a:hover, .main-epharma-b a:visited, .main-epharma-b a:active {
    text-decoration: none;
    color: #fff;
}



.main-e-pharm-btn:hover, .main-e-pharm-btn:visited, .main-e-pharm-btn:active{
    text-decoration: none;
}

.main-ephrama-cliente{
    display: inline-block;
    margin-left: 2%;
}

.main-ephrama-cliente-2{
    display: inline-block;
    margin-left: 2%;
    /* margin-right: 12%; */
}

.main-epharma-medicine-img {
    text-align: center;
}

.main-ephrama-stars{
    margin-bottom: 20px;
}

.main-epharma-img{
    height: 20px;
    margin-right: 19px;
    margin-left: 15px;
    vertical-align: top;
}

.main-medicine-image{
    height: 100px;
}

.main-medicine-img-2{
    width: 160px;
    text-align: left;
    display: block;
}

.main-tabs-epharma:after {
    content: '';
    clear: both;
    display: table;
}

.main-tabs-epharma input[type=radio] {
    display:none;
}

.main-tabs-epharma label {
    cursor: pointer;
    border-bottom: 2px solid #ccc;
    display: block;
    float: left;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    width: 33%;
    white-space: nowrap;
}

.main-tabs-epharma label span {
    display: none;
}

.main-tabs-epharma label i {
    margin-right: 0;
    padding: 5px;
}

.main-tabs-epharma label:hover {
    color: #3498db;
    border-bottom: 2px solid #3498db;
}

.main-ephrama-tab-content {
    display: none;
    float: left;
    margin-top: 20px;
    padding: 15px;
    white-space: nowrap;
    width: 105%;
}

.main-ephrama-tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.01);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.main-tabs-epharma [id^="main-ephrma-tab-1"]:checked + label {
    border-bottom: 2px solid #3498db;
    color: #3498db;
}

.main-tabs-epharma [id^="main-ephrma-tab-2"]:checked + label {
    border-bottom: 2px solid #3498db;
    color: #3498db;
}

.main-tabs-epharma [id^="main-ephrma-tab-3"]:checked + label {
    border-bottom: 2px solid #3498db;
    color: #3498db;
}

#main-ephrma-tab-1:checked ~ #main-epharma-tab-content1,
#main-ephrma-tab-2:checked ~ #main-epharma-tab-content2,
#main-ephrma-tab-3:checked ~ #main-epharma-tab-content3 {
    display: block;
}

.main-tabs-epharma i {
    margin-right: 10px;
    padding: 5px;
}

.main-tabs-epharma label span {
    display: inline-block;
}

.main-epharma-tab-1{
    font-weight: bold;
}
.main-epharma-tab-2{
    font-weight: bold;
}

.main-epharma-tab-3{
    font-weight: bold;
}

@media(max-width: 1194px){
    .main-epharm-slider-4{
        overflow: auto;
    }
}

@media(max-width: 576px){
    .main-ephrama-tab-content{
        width: 110%;
    }
    .main-epharm-slider-4{
        padding-left: 0;
    }
}


/* ********** 8.0 Consult Doctor ********** */

.land-consult-bg{
    background: linear-gradient(360deg, #E8F2FA 72%, #fff 50%);
}

.land-consult a{
    /* color: #000; */
    text-decoration: none;
}

.land-consult-h2 a{
    color: #000;
}

.land-consult{
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000019;
    border: 1px solid #F0F0F0;
    margin-top: 5%;
    padding: 30px;
    text-align: center;
}

.land-consult h2{
    margin: 0;
    margin-left: 20px;
    text-align: left;
}

.land-consult h2{
    color: #000;
    text-decoration: none;
}

.land-consult p:nth-child(2){
    margin-bottom: 35px;
    text-align: left;
}

.land-consult-number{
    text-align: center;
}

.land-consult-digit{
    color: #408BF9;
    font-size: 40px;
    font-weight: bold;
}

.land-consult-number p:nth-child(2){
    color: #408BF9;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.land-consult-number p:nth-child(3){
    line-height: 24px;
    width: 96%;
}

.land-consult-signup{
    color: #408BF9;
    text-decoration: none;
}

.land-book-div{
    display: flex;
    overflow: auto;
}

.land-book-div p{
    line-height: 18px;
}

@media(max-width:576px){
    .land-consult h2{
        margin: 0;
    }
    .land-consult{
        padding: 20px;
    }
    .land-consult-number p:nth-child(2){
        display: inline-block;
        font-size: 14px;
    }
    .land-consult-digit{
        font-size: 20px;
        margin-right: 10px;
    }
    .land-consult p:nth-child(2){
        margin-bottom: 0;
    }
    .land-consult-number p:nth-child(3){
        text-align: left;
    }
    .land-consult-number{
        margin-top: 15px;
        text-align: left;
    }
    .land-consult{
        margin-top: 60px;
    }
}

@media(min-width:576px){
    .land-consult-number{
        display: inline-block;
    }
    .land-consult-desc{
        margin-left: 20px;
    }
}


/* ********** 9.0 Find Doctor ********** */

.land-book-link a{
    color: #000;
    text-decoration: none;
}

.land-book-bg{
    background-color: #E8F2FA;
    padding-bottom: 40px;
}

.land-book-bg h2{
    margin-top: 3%;
}

.land-book-card{
    box-shadow: 0px 3px 6px #00000019;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    cursor: pointer;
    margin: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.land-book-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 130px;
}

.land-book p{
    background: #fff;
    font-weight: bold;
    margin: 0;
    padding: 5% 0;
    text-align: center;
}

.land-book-wrap a{
    color: #000;
    text-decoration: none;
}

.land-book-wrap-2 a{
    color: #000;
    padding: 0;
    text-decoration: none;
    width: 25%;
}

.land-book-img-1{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/book-doctor-paediatrician.jpg');
}

.land-book-img-2{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/book-doctor-gynaecologist.jpg');
}

.land-book-img-3{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/book-doctor-psychiatrist.jpg');
}

.land-book-img-4{
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/book-doctor-dermatologist.jpg');
}

.land-book-seeAll{
    background-color: #408BF9;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    /* display: block; */
    padding: 15px;
    margin: 0 auto;
    margin-top: 30px;
    width: 15%;
}

.land-book-wrap-2{
    display: flex;
    justify-content: space-between;
}

@media(max-width:576px){
    .land-book-img{
        height: 110px;
    }
    .land-book-seeAll{
        width: 65%;
    }
    .land-book-wrap-2 a{
        min-width: 75vw;
    }
    .land-book-wrap-2{
        width: 110%;
    }
    .land-book-div{
        width: 110%;
    }
}

@media(max-width: 1199px){
    .land-book-wrap-2{
        display: flex;
        overflow: auto;
        /* width: 110%; */
    }
}

/* ********** 10.0 Health Articles ********** */

.land-book-div a{
    margin-right: 10px;
    /* margin-top: 3%; */
}

.land-book-seAll{
    background-color: #408BF9;
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 65%
}

.land-health-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    height: 130px;
}

.land-health-img-1{
    background-image: url('/images/homepagev2/doctoroncall-read-health-articles-1.png');
}

.land-health-img-2{
    background-image: url('/images/homepagev2/doctoroncall-read-health-articles-2.png');
}

.land-health-img-3{
    background-image: url('/images/homepagev2/doctoroncall-read-health-articles-3.png');
}

.land-health-img-4{
    background-image: url('/images/homepagev2/doctoroncall-read-health-articles-4.png');
}


@media(max-width:576px){
    .land-book-div a{
        min-width: 60%;
    }
}

@media(min-width:576px){
    .land-book-div a{
        margin-bottom: 8%;
    }
}

/* ********** 11.0 Tanya ********** */

.land-quest-banner-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('https://doc-cdn.s3-ap-southeast-1.amazonaws.com/home/new_home/consult-banner.jpg');
    border-radius: 8px;
    height: 100%;
}

.land-quest-link a{
    color: #000;
    text-decoration: none;
}

.land-quest-banner-text{
    color: #fff;
    left: 50%;
    position: absolute;
    width: 83%;
    text-align: center;
    top: 21%;
    transform: translate(-50%,-50%);
}

.land-quest-banner-text p:nth-child(1){
    font-size: 21px;
    font-weight: bold;
    padding-top: 40px;
}

.land-quest-banner-text p:nth-child(2){
    line-height: 24px;
    margin-bottom: 45px;
    margin-top: 35px;
}

.land-quest-banner-text a{
    color: #fff;
    text-decoration: none;
}

.land-quest-cta{
    background-color: #D65858;
    border-radius: 8px;
    color: #fff;
    padding: 15px;
    text-decoration: none;
}

.land-quest-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    height: 120px;
}

.land-quest-img-1{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-1.png');
}

.land-quest-img-2{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-2.png');
}

.land-quest-img-3{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-3.png');
}

.land-quest-img-4{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-3.png');
}

.land-quest-img-5{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-5.png');
}

.land-quest-img-6{
    background-image: url('/images/homepagev2/doctoroncall-ask-question-6.png');
}

.land-quest-div{
    display: flex;
}

.land-quest-bg{
    background-color: #E8F2FA;
    border-radius: 8px;
}

.land-quest-div a{
    color: #000;
    margin: 0;
    text-decoration: none;
}

.land-quest-wrap{
    background-color: #E8F2FA;
    border-radius: 8px;
    padding: 15px;
}

@media(max-width:576px){
    .land-quest-img{
        float: left;
        height: 68px;
        margin-right: 15px;
        margin-bottom: 20px;
        width: 37%;
    }
    .land-quest-div p{
        margin-top: 0;
    }
}

@media(min-width:576px){
    .land-quest-div p{
        line-height: 18px;
    }
}
/* ********** 12.0 Featured On ********** */

.land-feature-logo{
    justify-content: center;
}

.land-media a{
    color: #000;
    text-decoration: none;
}

.land-feature-mobile{
    display: flex;
    overflow: auto;
}

.land-feature-logo img{
    margin: -6px;
    width: 25%;
}

.land-feature-sub{
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 30px;
    text-align: center;
}

.land-feature-sub p:nth-child(1){
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.land-feature-sub p:nth-child(2){
    line-height: 24px;
    padding-bottom: 15px;
    margin: 0;
}

@media(min-width:576px){
    .land-feature-logo{
        display: flex;
    }
    .land-feature-mobile{
        display: none;
    }
}

/* ********** 13.0 Review ********** */

.star-entities{
    color: gold;
    font-size: 20px;
    letter-spacing: -4px;
    margin-right: 5px;
    top: 0px;
}

.category-title-2 a{
    color: #000;
    display: block;
}

.product-fomo{
    background-color: #f0fff4;
    color: #7ab688;
    font-size: 14px;
    margin: 15px 0;
    padding: 10px 15px;
    text-align: center;
}

@media(max-width:576px){
    .product-fomo{
        margin: 15px 15px 15px -15px;
        width: calc(100% + 30px);
    }
}

.product-rating-title{
    font-size: 30px;
    font-weight: bold;
    margin-top: 36px;
}

.product-rating-item{
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 18px;
    margin: 24px 0;
    padding-bottom: 16px;
}

.product-rating-date{
    color: #777;
    margin-bottom: 16px;
}

.product-rating-img{
    border-radius: 50%;
    float: left;
    text-align: center;
    width: 100%;
}

.product-rating-custom-1{
    width: 8%;
}

.product-rating-custom-2{
    width: 35%;
}

.category-title{
    font-size: 26px;
    padding-top: 3%;
}

.category-title-2{
    /* font-size: 26px;  */
    padding-top: 3%;
}

@media (max-width: 576px){
    .product-rating-title{
        font-size: 20px;
    }
    .product-rating-img-container{
        margin:0;
        padding:0;
    }
}

.media-great-takaful{
    width: 80%;
}

.media-takaful{
    background-color: #f4f4f4;
    text-align: center;
}

.category-title-2 a{
    text-decoration: none;
}

/* ********** 14.0 Floating Button ********** */

.coronavirus-floating {
    background: #4bc986;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 19px;
    position: fixed;
    text-decoration: none;
    width: 52vw;
    z-index: 99;
}

/* ********** 15.0 FAQ ********** */

.main-faq-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
}

.main-faq-sub-title {
    line-height: 26px;
}

/*16.0 New 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;
    background-color: #aa9536;
    color:#aa9536;
    display:flex;
    /* font-weight:700; */
    font-weight: bold;
    justify-content:center;
    /* padding: 0 20px; */
    text-align: center;
    text-decoration:none;
}
.hc-floating-center{
    background:#345093;
}
.hc-floating-left{
    background:#ffed94;
    /* background:#41c0f1; */
    height:100%;
    width:100%;
}
.hc-floating-right{
    display: none;
    background:#f18800;
    height:100%;
    width:50%;
}
.hc-post-author-desc{
    align-items: center;
    display:block;
}
.hc-post-author-desc a{
    text-decoration: none;
    color:#41c0f1;
}

.land-booking-new{
    background-color:#EA4335;
    color: #fff;
    padding: 0 5px;
    position: relative;
    top: 3px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 4px;
    /* margin-left: 12px; */
    font-size: 12px;
    vertical-align: text-top;
}

@media(max-width:576px){
    .land-booking-new{
        margin-left: 0;
    }
}

.land-main-item{
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    /* margin-bottom: 30px; */
    background-color: #fff;
    position: relative;
}

.land-main-item-a{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-align: center;
    /* padding: 0; */
}

.land-main-item-2{
    font-size: 16px;
    bottom: 0;
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffffeb;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 35px;
    color: #000;
}

.land-item-div{
    margin-top: 25px;
    align-items: center;
    justify-content: center;
}

.land-item-heading h1{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 34px;
}

.land-item-heading p{
    margin: 0;
    font-size: 20px;
}

.land-item-heading{
    margin-bottom: 30px;
}

@media(max-width:576px){
    .land-item-heading h1{
        font-size: 26px;
    }
}

/*17.0 Corporate Section*/

.land-corp-cta{
    background-color: #2F80ED;
    color: #fff;
    border-radius: 8px;
    padding: 14px;
    text-decoration: none;
    display: inline-block;
    width: max-content;
    text-align: center;
}

.land-corp-title{
    font-size: 20px;
    font-weight: bold;
}

.land-corp-circle{
    float: right;
    top: 158px;
    position: relative;
    height: 256px;
}

.land-corp-bg{
    height: 85%;
}

.land-corp-desc{
    margin: 20px 0;
    width: 80%;
    line-height: 22px;
}

.land-corp-padding{
    padding: 0;
}

.land-corp-2{
    padding-top: 8%;
}

.land-corp-bg-2{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 348px;
}

@media(max-width:576px){
    .land-corp-desc{
        width: auto;
    }
    .land-corp-bg-2{
        height: 381px;
        margin-top: 16%;
    }
    .land-consult-bg{
        background: linear-gradient(360deg, #E8F2FA 98%, #fff 50%);
    }
    .land-corp-text{
        background: url('https://doc-cdn.s3.ap-southeast-1.amazonaws.com/home/corp-desktop-circle-bg.png');
        background-repeat: no-repeat;
        background-position: right;
    }
}

@media(min-width:576px){
    .land-corp-text{
        padding-top: 16%;
        padding-left: 5%;
    }
}

.media-col.col-md-4 {
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    /* max-width: 23%; */
    margin: 20px 1%;
    padding: 0;
}

.media-col {
    max-width: 23%;
    margin: 20px 1%;
    padding: 0;
}

@media (min-width: 768px){
    .col-md-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 576px){
    .media-col.col-md-4{
        min-width: 31%;
    }
}

@media (max-width: 576px){
    .land-main-item-2{
        font-size: 10px;
    }
    .media-col.col-md-4 {
        max-width: unset;
        /* margin: 10px; */
        max-width: 31%;
    }
    .land-main-item{
        height: 105px;
        margin-bottom: 0;
    }
    .land-item-heading{
        margin-bottom: 15px;
    }
}

a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

.img-sec3-lazy-load{
    display: none;
    visibility:hidden;
}

/*18.0 Homepage Scroll*/

.scroll::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-corner,.scroll::-webkit-scrollbar-track-piece,.scroll::-webkit-scrollbar-button{
    display: none !important;
}
.scroll-super-deals{
    display: flex;
    flex-direction: row;
    overflow: scroll;
    width: 100%
}
.scroll{
    display: flex;
    flex-direction: row;
    overflow: scroll;
    width: 100%
}
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: 26px;
    line-height: 48px;
    text-align: left;
}
.no-padding{
    padding:0 ;
}

/*19.0 Hello Bar*/

.hc-hh-floating-top-btn{
    background: #243271;
    top: 0;
    display: flex;
    position: sticky;
    width: 100%;
    z-index: 9999;
}

.hc-hh-floating-top-btn{
    top: 0;
    display: flex;
    position: sticky;
    width: 100%;
    z-index: 9999;
}

.hc-hh-floating-top{
    color: #fff;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    text-align: center;
    text-decoration: none;
    gap: 1em;
    padding: 0.2em 0 0.2em 1em;
}

.hc-hh-floating-top-close i{
    cursor: pointer;
    font-size: 15pt;
    color: white;
}


@keyframes blink {
    0% {
        background-color: #AD2831;
    }
    50% {
        background-color: #fff;
        color: #AD2831;
    }
    100% {
        background-color: #AD2831;
    }
}


.hc-hh-floating-top a{
    background-color: #AD2831;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    position: relative;
    font-weight: bold;
    width: max-content;
    font-size: 1em;
    margin-right: 15px;
    animation: blink 1s infinite;
}

.hc-hh-floating-span{
    font-size: 14px;
    font-weight: bold;
}

.hc-hh-floating-top-close svg{
    cursor: pointer;
    width: 16px;
}

@media(min-width:1200px){
    .hc-hh-floating-span{
        font-weight: bold;
    }

}
@media(min-width:768px){
    .hc-hh-floating-top{
        justify-content: center;
    }
}

@media(min-width:768px){
    .hc-hh-floating-top-close{
        display: none!important;
    }
}
@media(max-width:1200px){
    .hc-hh-floating-top-btn{
        font-size: 11px;
    }
    .hc-hh-floating-span{
        width: 52%;
        right: 6%;
        position: relative;
    }
}

.hc-hh-floating-top-close{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2.5em 0 0;
}

/*21. Slide for Tiles*/

.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: -45px;
}

.slider-block .slider-container .slider-btn-right {
    right: -45px;
}

/***************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%;
}

.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;
}

/*22. Partners Slider*/

.partner-slider{
    background: white;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

.slide-track {
    display: inline-block;
    animation: move 25s linear(0 0%, 1.12 96.76%) infinite;
    white-space: nowrap;
}

.slide-track>* {
    display: inline-block;
}

@keyframes move {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.slider-img img{
    height: 75px;
    width: auto;
    padding: 10px;
    justify-content: space-between;
}
#mobileSearchInput {
    display: none
}

@media only screen and (max-width: 769px) {
    #mobileSearchInput {
        display:block
    }

    #searchInput {
        display: none
    }
}