/*
  Author      : Rehab
  Email       : rehabzafar@yahoo.com
  copyrights  : All rights reserved to rehab
   */
/* ================================================== */
/*  Fonts */
/* ================================================== */
@font-face {
  font-family: Primary-Font-bold;
  src: url("../../assets/fonts/HKGrotesk-Bold.otf"); }

@font-face {
  font-family: Primary-Font-medium;
  src: url("../../assets/fonts/HKGrotesk-Medium.otf"); }

@font-face {
  font-family: Secondary-Font-regular;
  src: url("../../assets/fonts/MYRIADPRO-REGULAR.OTF"); }

/* ================================================== */
/*  Typography */
/* ================================================== */
a {
  list-style: none;
  text-decoration: none; }

ul {
  padding-left: 0; }

/* ================================================== */
/*  Custom Style */
/* ================================================== */
/* Header styles */
header .topbar {
  background-color: #ed028c;
  text-align: center; }
  header .topbar p {
    text-transform: uppercase;
    padding: 10px 0;
    font-family: Primary-Font-medium;
    color: white;
    font-size: 14pt;
    margin-bottom: 0; }

header .mid-section {
  padding: 20px 0; }
  header .mid-section .has-search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 130px; }
    header .mid-section .has-search .form-control {
      border-color: transparent; }
      header .mid-section .has-search .form-control:focus {
        box-shadow: none; }
    header .mid-section .has-search .form-control-feedback {
      z-index: 2;
      display: block;
      width: 2.375rem;
      height: 2.375rem;
      line-height: 2.375rem;
      text-align: center;
      pointer-events: none;
      color: black; }
    header .mid-section .has-search ::-webkit-input-placeholder {
      font-family: Secondary-Font-regular; }
    header .mid-section .has-search ::-moz-placeholder {
      font-family: Secondary-Font-regular; }
    header .mid-section .has-search :-ms-input-placeholder {
      font-family: Secondary-Font-regular; }
    header .mid-section .has-search ::placeholder {
      font-family: Secondary-Font-regular; }
  header .mid-section .cart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 130px; }
    header .mid-section .cart ul {
      padding-left: 0;
      display: inline-flex; }
      header .mid-section .cart ul li {
        list-style: none;
        margin-left: 25px; }
        header .mid-section .cart ul li .circle-no {
          background-color: #18469d;
          color: white;
          border-radius: 50%;
          position: absolute;
          width: 18px;
          height: 18px;
          left: 6px;
          text-align: center;
          top: -4px;
          line-height: 17px; }
        header .mid-section .cart ul li .dropdown {
          position: unset;
          color: black; }
          header .mid-section .cart ul li .dropdown .btn {
            padding: unset; }

header nav ul li a.nav-link {
  font-family: Primary-Font-medium;
  color: #08294e !important;
  text-transform: uppercase;
  font-size: 12pt;
  margin-left: 25px; }

header .navbar-toggler {
  background-color: #08294e;
  border-color: #aad4ec; }

.banner-main {
  background-image: url("../../assets/img/banners/banner-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .banner-main h4 {
    font-family: Primary-Font-bold;
    color: #08294e;
    font-size: 40pt;
    padding-top: 96px; }
  .banner-main a {
    width: 170px;
    height: 52px;
    margin-top: 96px;
    background-color: #18469d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: Secondary-Font-regular;
    margin-bottom: 96px; }
    .banner-main a:hover {
      color: white; }

/* Product section styles */
.product-section {
  padding-bottom: 1.222in; }
  .product-section .single-slider .slick-next, .product-section .single-slider .slick-prev {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 0.417in;
    background-color: #18469d; }
  .product-section .single-slider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    color: white; }
  .product-section .single-slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    color: white; }
  .product-section .single-slider .img {
    position: relative; }
    .product-section .single-slider .img .description {
      position: absolute;
      bottom: 10px;
      max-width: 300px;
      left: 50px; }
      .product-section .single-slider .img .description p {
        font-family: primary-font-bold;
        font-size: 25pt;
        color: white;
        line-height: 37px; }
      .product-section .single-slider .img .description .btn-bordered {
        width: 170px;
        height: 52px;
        margin-top: 0.55in;
        border: 2px solid #18469d;
        background-color: transparent;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-family: Secondary-Font-regular;
        margin-bottom: 0.358in; }
        .product-section .single-slider .img .description .btn-bordered:hover {
          color: white; }

/* Our products section styles */
.our-products {
  background-color: #03a8f0;
  padding-bottom: 86px; }
  .our-products .product {
    background-color: white;
    border-radius: 8px;
    text-align: center;
    padding: 20px 15px;
    color: #08294e;
    min-height: 370px; }
    .our-products .product h6 {
      font-family: primary-font-bold;
      font-size: 18pt;
      margin: 10px 0;
      min-height: 56px; }
    .our-products .product p {
      font-family: Secondary-Font-regular;
      font-size: 17pt; }

/* Top selling items section styles */
.top-selling {
  margin: 30px 0; }
  .top-selling .slick-next, .top-selling .slick-prev {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 0.417in;
    z-index: 1;
    background-color: #18469d; }
  .top-selling .slick-prev {
    left: 0; }
    .top-selling .slick-prev:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f053";
      color: white; }
  .top-selling .slick-next {
    right: 0; }
    .top-selling .slick-next:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f054";
      color: white; }
  .top-selling .slick-track {
    width: 11084px; }
  .top-selling .slick-slider {
    display: grid; }
  .top-selling .slick-slide {
    padding: 0 12px; }
    .top-selling .slick-slide img {
      display: unset; }
  .top-selling .items {
    border: 1px solid #e9e9e9;
    text-align: center;
    padding: 20px; }
    .top-selling .items .item img {
      padding-left: 25px;
      margin-bottom: 20px; }
    .top-selling .items a {
      color: #18469d;
      font-size: 14px;
      font-family: primary-font-bold;
      text-transform: uppercase;
      text-decoration: none; }
    .top-selling .items .link {
      margin-top: 10px; }

/* Medical supplies section styles */
.medical-supplies {
  padding-top: 56px;
  padding-bottom: 85px;
  color: white; }
  .medical-supplies .medical-supply, .medical-supplies .corona-kit {
    background-color: black;
    background-image: url("../../assets/img/medical-supplies.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 320px;
    position: relative; }
  .medical-supplies .corona-kit {
    background-image: url("../../assets/img/corona-kit.png") !important; }
  .medical-supplies .description {
    position: absolute;
    bottom: 30px;
    left: 33px;
    text-transform: uppercase; }
    .medical-supplies .description h5 {
      font-size: 22pt;
      font-family: primary-font-bold; }
    .medical-supplies .description p {
      font-family: Secondary-Font-regular; }
    .medical-supplies .description a {
      color: white; }

/* Our vision section */
.our-vision {
  position: relative; }
  .our-vision .our-vision-inner {
    background-image: url("../../assets/img/our-vision.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 420px; }
  .our-vision .description {
    position: absolute;
    top: 70px; }
    .our-vision .description .mini {
      background: white;
      padding: 30px;
      box-shadow: 0 0 13px 0 #1b1e212b; }
      .our-vision .description .mini h4 {
        font-size: 22pt;
        font-family: primary-font-bold; }
      .our-vision .description .mini p {
        font-family: Secondary-Font-regular;
        font-size: 12pt; }

/* Health tip section */
.health-tip {
  padding-bottom: 66px; }
  .health-tip .heading-section h4 {
    font-family: Secondary-Font-regular;
    font-size: 25pt; }

/* Enquiry section */
.enquiry {
  background: url("../../assets/img/enquiry.png") bottom right no-repeat;
  background-size: contain;
  width: 100%;
  height: 400px;
  background-color: #aad4ec;
  position: relative; }
  .enquiry .description {
    position: absolute;
    top: 40%; }
    .enquiry .description h4 {
      font-family: Secondary-Font-regular;
      color: #08294e;
      font-size: 42pt;
      font-weight: 600; }
    .enquiry .description a {
      width: 170px;
      height: 52px;
      margin-top: 25px;
      background-color: #18469d;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-transform: uppercase;
      font-family: Secondary-Font-regular; }
      .enquiry .description a:hover {
        color: white; }

/* Footer section */
footer {
  padding: 52px 0; }
  footer .description h4 {
    text-transform: uppercase;
    font-family: Primary-Font-medium;
    padding-bottom: 20px;
    font-size: 18px; }
  footer .description p {
    font-family: Secondary-Font-regular;
    text-align: justify; }
  footer .icon {
    padding: 7px;
    font-size: 15px;
    height: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%; }
  footer .icon:hover {
    opacity: 0.7; }
  footer .fab {
    background: #eaebec;
    color: #08294e; }
  footer .footer-links {
    padding-top: 30px; }
    footer .footer-links ul {
      width: 100%;
      padding-left: 0;
      text-align: center; }
      footer .footer-links ul li {
        list-style: none;
        display: inline-flex; }
        footer .footer-links ul li a {
          font-family: Primary-Font-medium;
          color: #08294e !important;
          text-transform: uppercase;
          font-size: 12pt;
          margin-left: 25px; }
  footer .copy-right {
    padding-top: 30px;
    text-align: center; }
    footer .copy-right p {
      font-family: Secondary-Font-regular;
      color: rgba(0, 0, 0, 0.47);
      margin-bottom: 0; }

/* Heading section */
.heading-section {
  text-align: center;
  color: #08294e; }
  .heading-section p {
    padding-top: 1.222in;
    text-transform: uppercase;
    font-size: 14pt;
    font-family: Primary-Font-medium;
    margin-bottom: 24px; }
  .heading-section h4 {
    text-transform: capitalize;
    font-size: 45pt;
    font-family: Primary-Font-bold;
    padding-bottom: 66px; }

.heading-section-1 {
  padding-top: 86px;
  padding-bottom: 60px;
  color: white;
  text-align: center; }
  .heading-section-1 h4 {
    font-family: primary-font-bold;
    font-size: 45pt; }
  .heading-section-1 p {
    font-family: Secondary-Font-regular;
    font-size: 18pt; }

.d-block-mb {
  display: none;
  visibility: hidden; }

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Medium devices (landscape tablets, 767px and up) */
@media (max-width: 991px) {
  header nav ul li a.nav-link {
    margin-left: 0; }
  .d-none-mb {
    display: none;
    visibility: hidden; }
  .d-block-mb {
    display: block;
    visibility: unset; }
  .our-products .product {
    margin-bottom: 20px; }
  .medical-supplies .medical-supply {
    margin-bottom: 20px; } }

/* Small devices (portrait tablets and large phones, 575px and up) */
@media (max-width: 767px) {
  header .topbar p {
    font-size: 13pt; }
  .banner-main {
    height: 350px; }
    .banner-main h4 {
      font-size: 19pt; }
  .product-section .single-slider .slick-prev {
    left: 0;
    z-index: 1; }
  .product-section .single-slider .slick-next {
    right: 0;
    z-index: 1; }
  .product-section .single-slider .img .description {
    bottom: -15px; } }

/* Extra small devices (phones, 575 and down) */
@media (max-width: 575px) {
  header .topbar p {
    font-size: 7pt; }
  .banner-main {
    height: 185px; }
    .banner-main h4 {
      padding-top: 19px;
      font-size: 13pt; }
    .banner-main a {
      width: 131px;
      height: 39px;
      margin-top: 0; }
  .heading-section p {
    padding-top: 0.422in;
    margin-bottom: 1px; }
  .heading-section h4 {
    font-size: 26pt;
    padding-bottom: 25px; }
  .product-section {
    padding-bottom: 0.422in; }
    .product-section .single-slider .img .description {
      bottom: 14px;
      left: 23px;
      max-width: 133px; }
      .product-section .single-slider .img .description p {
        font-size: 11pt;
        line-height: unset; }
      .product-section .single-slider .img .description a.btn-bordered {
        margin: 0;
        width: 131px;
        height: 39px; }
  .heading-section-1 {
    padding-top: 0.422in;
    padding-bottom: 0.422in; }
    .heading-section-1 h4 {
      font-size: 26pt; }
    .heading-section-1 p {
      font-size: 13pt; }
  .our-products {
    padding-bottom: 0.422in; }
    .our-products .product {
      min-height: 295px; }
      .our-products .product p {
        font-size: 12pt; }
  .our-vision .description .mini {
    padding: 19px; }
  .enquiry {
    height: 170px; }
    .enquiry .description {
      top: 18%; }
      .enquiry .description h4 {
        font-size: 22pt; }
      .enquiry .description a {
        width: 131px;
        height: 39px; }
  footer .footer-links ul {
    text-align: left; }
    footer .footer-links ul li {
      display: block; }
      footer .footer-links ul li a {
        margin-left: 0; } }

/* Extra small devices (phones, 473 and down) */