@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important; }

@media (max-width: 767px) {
  .px-sm-1 {
    padding-left: 1px !important;
    padding-right: 1px !important; } }
.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }

@media (max-width: 767px) {
  .px-sm-2 {
    padding-left: 2px !important;
    padding-right: 2px !important; } }
.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important; }

@media (max-width: 767px) {
  .px-sm-3 {
    padding-left: 3px !important;
    padding-right: 3px !important; } }
.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

@media (max-width: 767px) {
  .px-sm-4 {
    padding-left: 4px !important;
    padding-right: 4px !important; } }
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

@media (max-width: 767px) {
  .px-sm-5 {
    padding-left: 5px !important;
    padding-right: 5px !important; } }
.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important; }

@media (max-width: 767px) {
  .px-sm-6 {
    padding-left: 6px !important;
    padding-right: 6px !important; } }
.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important; }

@media (max-width: 767px) {
  .px-sm-7 {
    padding-left: 7px !important;
    padding-right: 7px !important; } }
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

@media (max-width: 767px) {
  .px-sm-8 {
    padding-left: 8px !important;
    padding-right: 8px !important; } }
.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important; }

@media (max-width: 767px) {
  .px-sm-9 {
    padding-left: 9px !important;
    padding-right: 9px !important; } }
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

@media (max-width: 767px) {
  .px-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important; } }
.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important; }

@media (max-width: 767px) {
  .px-sm-11 {
    padding-left: 11px !important;
    padding-right: 11px !important; } }
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

@media (max-width: 767px) {
  .px-sm-12 {
    padding-left: 12px !important;
    padding-right: 12px !important; } }
.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important; }

@media (max-width: 767px) {
  .px-sm-13 {
    padding-left: 13px !important;
    padding-right: 13px !important; } }
.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important; }

@media (max-width: 767px) {
  .px-sm-14 {
    padding-left: 14px !important;
    padding-right: 14px !important; } }
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

@media (max-width: 767px) {
  .px-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important; } }
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

@media (max-width: 767px) {
  .px-sm-16 {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important; }

@media (max-width: 767px) {
  .px-sm-17 {
    padding-left: 17px !important;
    padding-right: 17px !important; } }
.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important; }

@media (max-width: 767px) {
  .px-sm-18 {
    padding-left: 18px !important;
    padding-right: 18px !important; } }
.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important; }

@media (max-width: 767px) {
  .px-sm-19 {
    padding-left: 19px !important;
    padding-right: 19px !important; } }
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

@media (max-width: 767px) {
  .px-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important; } }
.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important; }

@media (max-width: 767px) {
  .px-sm-21 {
    padding-left: 21px !important;
    padding-right: 21px !important; } }
.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important; }

@media (max-width: 767px) {
  .px-sm-22 {
    padding-left: 22px !important;
    padding-right: 22px !important; } }
.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important; }

@media (max-width: 767px) {
  .px-sm-23 {
    padding-left: 23px !important;
    padding-right: 23px !important; } }
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

@media (max-width: 767px) {
  .px-sm-24 {
    padding-left: 24px !important;
    padding-right: 24px !important; } }
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

@media (max-width: 767px) {
  .px-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important; } }
.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important; }

@media (max-width: 767px) {
  .px-sm-26 {
    padding-left: 26px !important;
    padding-right: 26px !important; } }
.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important; }

@media (max-width: 767px) {
  .px-sm-27 {
    padding-left: 27px !important;
    padding-right: 27px !important; } }
.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important; }

@media (max-width: 767px) {
  .px-sm-28 {
    padding-left: 28px !important;
    padding-right: 28px !important; } }
.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important; }

@media (max-width: 767px) {
  .px-sm-29 {
    padding-left: 29px !important;
    padding-right: 29px !important; } }
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

@media (max-width: 767px) {
  .px-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important; } }
.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

@media (max-width: 767px) {
  .py-sm-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important; } }
.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

@media (max-width: 767px) {
  .py-sm-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important; } }
.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

@media (max-width: 767px) {
  .py-sm-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important; } }
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

@media (max-width: 767px) {
  .py-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important; } }
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

@media (max-width: 767px) {
  .py-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; } }
.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

@media (max-width: 767px) {
  .py-sm-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

@media (max-width: 767px) {
  .py-sm-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important; } }
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

@media (max-width: 767px) {
  .py-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

@media (max-width: 767px) {
  .py-sm-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important; } }
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

@media (max-width: 767px) {
  .py-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; } }
.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important; }

@media (max-width: 767px) {
  .py-sm-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important; } }
.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

@media (max-width: 767px) {
  .py-sm-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important; } }
.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important; }

@media (max-width: 767px) {
  .py-sm-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important; } }
.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important; }

@media (max-width: 767px) {
  .py-sm-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important; } }
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

@media (max-width: 767px) {
  .py-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; } }
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

@media (max-width: 767px) {
  .py-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important; } }
.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important; }

@media (max-width: 767px) {
  .py-sm-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important; } }
.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

@media (max-width: 767px) {
  .py-sm-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important; } }
.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important; }

@media (max-width: 767px) {
  .py-sm-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important; } }
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

@media (max-width: 767px) {
  .py-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; } }
.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important; }

@media (max-width: 767px) {
  .py-sm-21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important; } }
.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important; }

@media (max-width: 767px) {
  .py-sm-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important; } }
.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important; }

@media (max-width: 767px) {
  .py-sm-23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important; } }
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

@media (max-width: 767px) {
  .py-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important; } }
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

@media (max-width: 767px) {
  .py-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important; } }
.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important; }

@media (max-width: 767px) {
  .py-sm-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important; } }
.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important; }

@media (max-width: 767px) {
  .py-sm-27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important; } }
.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important; }

@media (max-width: 767px) {
  .py-sm-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important; } }
.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important; }

@media (max-width: 767px) {
  .py-sm-29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important; } }
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

@media (max-width: 767px) {
  .py-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }
.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important; }

@media (max-width: 767px) {
  .mx.sm-1 {
    margin-left: 1px !important;
    margin-right: 1px !important; } }
.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important; }

@media (max-width: 767px) {
  .mx.sm-2 {
    margin-left: 2px !important;
    margin-right: 2px !important; } }
.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important; }

@media (max-width: 767px) {
  .mx.sm-3 {
    margin-left: 3px !important;
    margin-right: 3px !important; } }
.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important; }

@media (max-width: 767px) {
  .mx.sm-4 {
    margin-left: 4px !important;
    margin-right: 4px !important; } }
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

@media (max-width: 767px) {
  .mx.sm-5 {
    margin-left: 5px !important;
    margin-right: 5px !important; } }
.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important; }

@media (max-width: 767px) {
  .mx.sm-6 {
    margin-left: 6px !important;
    margin-right: 6px !important; } }
.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important; }

@media (max-width: 767px) {
  .mx.sm-7 {
    margin-left: 7px !important;
    margin-right: 7px !important; } }
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

@media (max-width: 767px) {
  .mx.sm-8 {
    margin-left: 8px !important;
    margin-right: 8px !important; } }
.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important; }

@media (max-width: 767px) {
  .mx.sm-9 {
    margin-left: 9px !important;
    margin-right: 9px !important; } }
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

@media (max-width: 767px) {
  .mx.sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important; } }
.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important; }

@media (max-width: 767px) {
  .mx.sm-11 {
    margin-left: 11px !important;
    margin-right: 11px !important; } }
.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

@media (max-width: 767px) {
  .mx.sm-12 {
    margin-left: 12px !important;
    margin-right: 12px !important; } }
.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important; }

@media (max-width: 767px) {
  .mx.sm-13 {
    margin-left: 13px !important;
    margin-right: 13px !important; } }
.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important; }

@media (max-width: 767px) {
  .mx.sm-14 {
    margin-left: 14px !important;
    margin-right: 14px !important; } }
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

@media (max-width: 767px) {
  .mx.sm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important; } }
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

@media (max-width: 767px) {
  .mx.sm-16 {
    margin-left: 16px !important;
    margin-right: 16px !important; } }
.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important; }

@media (max-width: 767px) {
  .mx.sm-17 {
    margin-left: 17px !important;
    margin-right: 17px !important; } }
.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important; }

@media (max-width: 767px) {
  .mx.sm-18 {
    margin-left: 18px !important;
    margin-right: 18px !important; } }
.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important; }

@media (max-width: 767px) {
  .mx.sm-19 {
    margin-left: 19px !important;
    margin-right: 19px !important; } }
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

@media (max-width: 767px) {
  .mx.sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important; } }
.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important; }

@media (max-width: 767px) {
  .mx.sm-21 {
    margin-left: 21px !important;
    margin-right: 21px !important; } }
.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important; }

@media (max-width: 767px) {
  .mx.sm-22 {
    margin-left: 22px !important;
    margin-right: 22px !important; } }
.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important; }

@media (max-width: 767px) {
  .mx.sm-23 {
    margin-left: 23px !important;
    margin-right: 23px !important; } }
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

@media (max-width: 767px) {
  .mx.sm-24 {
    margin-left: 24px !important;
    margin-right: 24px !important; } }
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

@media (max-width: 767px) {
  .mx.sm-25 {
    margin-left: 25px !important;
    margin-right: 25px !important; } }
.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important; }

@media (max-width: 767px) {
  .mx.sm-26 {
    margin-left: 26px !important;
    margin-right: 26px !important; } }
.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important; }

@media (max-width: 767px) {
  .mx.sm-27 {
    margin-left: 27px !important;
    margin-right: 27px !important; } }
.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important; }

@media (max-width: 767px) {
  .mx.sm-28 {
    margin-left: 28px !important;
    margin-right: 28px !important; } }
.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important; }

@media (max-width: 767px) {
  .mx.sm-29 {
    margin-left: 29px !important;
    margin-right: 29px !important; } }
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

@media (max-width: 767px) {
  .mx.sm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important; } }
.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important; }

@media (max-width: 767px) {
  .my.sm-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important; } }
.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important; }

@media (max-width: 767px) {
  .my.sm-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important; } }
.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }

@media (max-width: 767px) {
  .my.sm-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important; } }
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

@media (max-width: 767px) {
  .my.sm-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important; } }
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

@media (max-width: 767px) {
  .my.sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; } }
.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }

@media (max-width: 767px) {
  .my.sm-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important; } }
.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important; }

@media (max-width: 767px) {
  .my.sm-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important; } }
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

@media (max-width: 767px) {
  .my.sm-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important; } }
.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important; }

@media (max-width: 767px) {
  .my.sm-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important; } }
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

@media (max-width: 767px) {
  .my.sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; } }
.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important; }

@media (max-width: 767px) {
  .my.sm-11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important; } }
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

@media (max-width: 767px) {
  .my.sm-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important; } }
.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important; }

@media (max-width: 767px) {
  .my.sm-13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important; } }
.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important; }

@media (max-width: 767px) {
  .my.sm-14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important; } }
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

@media (max-width: 767px) {
  .my.sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; } }
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

@media (max-width: 767px) {
  .my.sm-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important; } }
.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important; }

@media (max-width: 767px) {
  .my.sm-17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important; } }
.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important; }

@media (max-width: 767px) {
  .my.sm-18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important; } }
.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important; }

@media (max-width: 767px) {
  .my.sm-19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important; } }
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

@media (max-width: 767px) {
  .my.sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; } }
.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important; }

@media (max-width: 767px) {
  .my.sm-21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important; } }
.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important; }

@media (max-width: 767px) {
  .my.sm-22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important; } }
.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important; }

@media (max-width: 767px) {
  .my.sm-23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important; } }
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

@media (max-width: 767px) {
  .my.sm-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important; } }
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

@media (max-width: 767px) {
  .my.sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important; } }
.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important; }

@media (max-width: 767px) {
  .my.sm-26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important; } }
.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important; }

@media (max-width: 767px) {
  .my.sm-27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important; } }
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important; }

@media (max-width: 767px) {
  .my.sm-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important; } }
.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important; }

@media (max-width: 767px) {
  .my.sm-29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important; } }
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

@media (max-width: 767px) {
  .my.sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; } }
.ml-1 {
  margin-left: 1px !important; }

.mr-1 {
  margin-right: 1px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.ml-2 {
  margin-left: 2px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.ml-3 {
  margin-left: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.ml-4 {
  margin-left: 4px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-6 {
  margin-left: 6px !important; }

.mr-6 {
  margin-right: 6px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.ml-7 {
  margin-left: 7px !important; }

.mr-7 {
  margin-right: 7px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.ml-8 {
  margin-left: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.ml-9 {
  margin-left: 9px !important; }

.mr-9 {
  margin-right: 9px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-11 {
  margin-left: 11px !important; }

.mr-11 {
  margin-right: 11px !important; }

.mt-11 {
  margin-top: 11px !important; }

.mb-11 {
  margin-bottom: 11px !important; }

.ml-12 {
  margin-left: 12px !important; }

.mr-12 {
  margin-right: 12px !important; }

.mt-12 {
  margin-top: 12px !important; }

.mb-12 {
  margin-bottom: 12px !important; }

.ml-13 {
  margin-left: 13px !important; }

.mr-13 {
  margin-right: 13px !important; }

.mt-13 {
  margin-top: 13px !important; }

.mb-13 {
  margin-bottom: 13px !important; }

.ml-14 {
  margin-left: 14px !important; }

.mr-14 {
  margin-right: 14px !important; }

.mt-14 {
  margin-top: 14px !important; }

.mb-14 {
  margin-bottom: 14px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-16 {
  margin-left: 16px !important; }

.mr-16 {
  margin-right: 16px !important; }

.mt-16 {
  margin-top: 16px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.ml-17 {
  margin-left: 17px !important; }

.mr-17 {
  margin-right: 17px !important; }

.mt-17 {
  margin-top: 17px !important; }

.mb-17 {
  margin-bottom: 17px !important; }

.ml-18 {
  margin-left: 18px !important; }

.mr-18 {
  margin-right: 18px !important; }

.mt-18 {
  margin-top: 18px !important; }

.mb-18 {
  margin-bottom: 18px !important; }

.ml-19 {
  margin-left: 19px !important; }

.mr-19 {
  margin-right: 19px !important; }

.mt-19 {
  margin-top: 19px !important; }

.mb-19 {
  margin-bottom: 19px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-21 {
  margin-left: 21px !important; }

.mr-21 {
  margin-right: 21px !important; }

.mt-21 {
  margin-top: 21px !important; }

.mb-21 {
  margin-bottom: 21px !important; }

.ml-22 {
  margin-left: 22px !important; }

.mr-22 {
  margin-right: 22px !important; }

.mt-22 {
  margin-top: 22px !important; }

.mb-22 {
  margin-bottom: 22px !important; }

.ml-23 {
  margin-left: 23px !important; }

.mr-23 {
  margin-right: 23px !important; }

.mt-23 {
  margin-top: 23px !important; }

.mb-23 {
  margin-bottom: 23px !important; }

.ml-24 {
  margin-left: 24px !important; }

.mr-24 {
  margin-right: 24px !important; }

.mt-24 {
  margin-top: 24px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-26 {
  margin-left: 26px !important; }

.mr-26 {
  margin-right: 26px !important; }

.mt-26 {
  margin-top: 26px !important; }

.mb-26 {
  margin-bottom: 26px !important; }

.ml-27 {
  margin-left: 27px !important; }

.mr-27 {
  margin-right: 27px !important; }

.mt-27 {
  margin-top: 27px !important; }

.mb-27 {
  margin-bottom: 27px !important; }

.ml-28 {
  margin-left: 28px !important; }

.mr-28 {
  margin-right: 28px !important; }

.mt-28 {
  margin-top: 28px !important; }

.mb-28 {
  margin-bottom: 28px !important; }

.ml-29 {
  margin-left: 29px !important; }

.mr-29 {
  margin-right: 29px !important; }

.mt-29 {
  margin-top: 29px !important; }

.mb-29 {
  margin-bottom: 29px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pl-1 {
  padding-left: 1px !important; }

.pr-1 {
  padding-right: 1px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pl-2 {
  padding-left: 2px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pl-3 {
  padding-left: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pl-4 {
  padding-left: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-6 {
  padding-left: 6px !important; }

.pr-6 {
  padding-right: 6px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pl-7 {
  padding-left: 7px !important; }

.pr-7 {
  padding-right: 7px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pl-9 {
  padding-left: 9px !important; }

.pr-9 {
  padding-right: 9px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-11 {
  padding-left: 11px !important; }

.pr-11 {
  padding-right: 11px !important; }

.pt-11 {
  padding-top: 11px !important; }

.pb-11 {
  padding-bottom: 11px !important; }

.pl-12 {
  padding-left: 12px !important; }

.pr-12 {
  padding-right: 12px !important; }

.pt-12 {
  padding-top: 12px !important; }

.pb-12 {
  padding-bottom: 12px !important; }

.pl-13 {
  padding-left: 13px !important; }

.pr-13 {
  padding-right: 13px !important; }

.pt-13 {
  padding-top: 13px !important; }

.pb-13 {
  padding-bottom: 13px !important; }

.pl-14 {
  padding-left: 14px !important; }

.pr-14 {
  padding-right: 14px !important; }

.pt-14 {
  padding-top: 14px !important; }

.pb-14 {
  padding-bottom: 14px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-16 {
  padding-left: 16px !important; }

.pr-16 {
  padding-right: 16px !important; }

.pt-16 {
  padding-top: 16px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.pl-17 {
  padding-left: 17px !important; }

.pr-17 {
  padding-right: 17px !important; }

.pt-17 {
  padding-top: 17px !important; }

.pb-17 {
  padding-bottom: 17px !important; }

.pl-18 {
  padding-left: 18px !important; }

.pr-18 {
  padding-right: 18px !important; }

.pt-18 {
  padding-top: 18px !important; }

.pb-18 {
  padding-bottom: 18px !important; }

.pl-19 {
  padding-left: 19px !important; }

.pr-19 {
  padding-right: 19px !important; }

.pt-19 {
  padding-top: 19px !important; }

.pb-19 {
  padding-bottom: 19px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-21 {
  padding-left: 21px !important; }

.pr-21 {
  padding-right: 21px !important; }

.pt-21 {
  padding-top: 21px !important; }

.pb-21 {
  padding-bottom: 21px !important; }

.pl-22 {
  padding-left: 22px !important; }

.pr-22 {
  padding-right: 22px !important; }

.pt-22 {
  padding-top: 22px !important; }

.pb-22 {
  padding-bottom: 22px !important; }

.pl-23 {
  padding-left: 23px !important; }

.pr-23 {
  padding-right: 23px !important; }

.pt-23 {
  padding-top: 23px !important; }

.pb-23 {
  padding-bottom: 23px !important; }

.pl-24 {
  padding-left: 24px !important; }

.pr-24 {
  padding-right: 24px !important; }

.pt-24 {
  padding-top: 24px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pl-26 {
  padding-left: 26px !important; }

.pr-26 {
  padding-right: 26px !important; }

.pt-26 {
  padding-top: 26px !important; }

.pb-26 {
  padding-bottom: 26px !important; }

.pl-27 {
  padding-left: 27px !important; }

.pr-27 {
  padding-right: 27px !important; }

.pt-27 {
  padding-top: 27px !important; }

.pb-27 {
  padding-bottom: 27px !important; }

.pl-28 {
  padding-left: 28px !important; }

.pr-28 {
  padding-right: 28px !important; }

.pt-28 {
  padding-top: 28px !important; }

.pb-28 {
  padding-bottom: 28px !important; }

.pl-29 {
  padding-left: 29px !important; }

.pr-29 {
  padding-right: 29px !important; }

.pt-29 {
  padding-top: 29px !important; }

.pb-29 {
  padding-bottom: 29px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.flex-column {
  display: flex;
  flex-direction: column; }

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-row {
  display: flex;
  flex-direction: row; }

.space-between {
  justify-content: space-between; }

.space-around {
  justify-content: space-around; }

.container.small {
  width: 1127px;
  margin-left: auto !important;
  margin-right: auto !important; }
  @media (max-width: 767px) {
    .container.small {
      width: auto !important; } }

.container.medium {
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 90%; }

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.flex-end-end {
  display: flex;
  justify-content: flex-end; }

.flex-end-right {
  display: flex;
  justify-content: flex-end;
  float: right;
  text-align: right; }

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.justify-align-center {
  justify-content: center;
  align-items: center; }

.d-flex {
  display: flex !important; }
  .d-flex-center {
    align-items: center !important; }
  .d-flex-baseline {
    align-items: baseline !important; }
  .d-flex-end {
    align-items: flex-end !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  margin: 0; }

input[type=number]::-webkit-outer-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important; }

.align-items-center {
  align-items: center; }

.justify-content-center {
  justify-content: center; }

.flex-start {
  align-items: flex-start; }
  .flex-start--justified {
    align-items: flex-start;
    justify-content: flex-start; }

.justify-items-center-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.justify-items-center-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row; }

/* Variables */
/* Animation */
@keyframes ssc-loading {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(100%); } }
/* Animation partial */
.ssc-circle, .ssc-line, .ssc-head-line, .ssc-square {
  position: relative;
  overflow: hidden; }
  .ssc-circle:after, .ssc-line:after, .ssc-head-line:after, .ssc-square:after {
    content: "";
    animation: ssc-loading 1.3s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); }

/** Main class */
.ssc {
  cursor: progress;
  user-select: none; }

/** Helpers classes */
.ssc .mb {
  margin-bottom: 16px; }
.ssc .mt {
  margin-top: 16px; }
.ssc .mr {
  margin-right: 16px; }
.ssc .ml {
  margin-left: 16px; }
.ssc .mbs {
  margin-bottom: 8px; }
.ssc .mts {
  margin-top: 8px; }
.ssc .mrs {
  margin-right: 8px; }
.ssc .mls {
  margin-left: 8px; }
.ssc .w-10 {
  width: 10%; }
.ssc .w-20 {
  width: 20%; }
.ssc .w-30 {
  width: 30%; }
.ssc .w-40 {
  width: 40%; }
.ssc .w-50 {
  width: 50%; }
.ssc .w-60 {
  width: 60%; }
.ssc .w-70 {
  width: 70%; }
.ssc .w-80 {
  width: 80%; }
.ssc .w-90 {
  width: 90%; }
.ssc .w-100 {
  width: 100%; }
.ssc .flex {
  display: flex; }
.ssc .inline-flex {
  display: inline-flex; }
.ssc .align-center {
  align-items: center; }
.ssc .align-start {
  align-items: flex-start; }
.ssc .align-end {
  align-items: flex-end; }
.ssc .align-stretch {
  align-items: stretch; }
.ssc .justify-start {
  justify-content: start; }
.ssc .justify-end {
  justify-content: end; }
.ssc .justify-between {
  justify-content: space-between; }
.ssc .justify-center {
  justify-content: center; }
.ssc .justify-around {
  justify-content: space-around; }

/** Wrapper class */
.ssc-wrapper {
  padding: 16px; }

/* Figures, Objects */
.ssc-card {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.17);
  background-color: #ffffff; }

.ssc-circle {
  display: block;
  background-color: rgba(0, 0, 0, 0.17);
  border-radius: 50%;
  width: 50px;
  height: 50px; }

.ssc-hr {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.17);
  height: 2px; }

.ssc-line {
  display: block;
  background-color: rgba(0, 0, 0, 0.17);
  border-radius: 15px;
  margin-bottom: 8px;
  width: 100%;
  height: 12px; }
  .ssc-line:last-child {
    margin-bottom: unset; }

.ssc-head-line {
  display: block;
  background-color: rgba(0, 0, 0, 0.17);
  border-radius: 15px;
  width: 100%;
  height: 24px; }

.ssc-square {
  display: block;
  background-color: rgba(0, 0, 0, 0.17);
  width: 100%;
  height: 150px; }

@use "variables";
p,
div,
span,
nav,
ul,
li,
a,
.pack-price {
  font-family: "Open Sans", sans-serif !important; }

body {
  scroll-behavior: smooth; }

header.fixed {
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 0px; }
header p,
header a,
header span {
  color: #fff; }
header .fa {
  font-size: 24px !important;
  color: #fff !important; }
header .header-alpha {
  background: #003b82;
  height: 69px; }
  @media (max-width: 767px) {
    header .header-alpha {
      height: auto;
      background: #fff; } }
header .btn-asan-order {
  display: inline-flex;
  background: #fff !important;
  color: #fb5f50 !important;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 13px !important; }
  @media (max-width: 1024px) {
    header .btn-asan-order {
      font-size: 10px !important; } }
  @media (max-width: 767px) {
    header .btn-asan-order {
      font-size: 12px !important;
      padding: 0px 10px !important;
      height: auto; } }
  header .btn-asan-order:before {
    content: "";
    background: url(../img/upload-thunder.png);
    width: 15px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-right: 5px; }
header .header-location {
  height: 45px;
  justify-content: end; }
  header .header-location > div {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px; }
header .main-search {
  height: 45px;
  border-radius: 16px;
  padding-left: 10px;
  outline: 0;
  border: none; }
  @media (max-width: 767px) {
    header .main-search {
      background: #fff !important;
      display: flex;
      align-items: center;
      font-size: 14px;
      border-radius: 14px;
      padding-left: 40px;
      border: 1px solid #dadee7; } }
header nav .fa {
  color: #2a579b !important; }
header .navbar .dropdown {
  width: 100%; }

.navbar {
  border-bottom: 1px solid #dadee7;
  background: #fff; }
  .navbar .main-nav {
    display: inline-flex;
    float: left; }

@keyframes SearchResults {
  from {
    height: 0vh; }
  to {
    height: 100vh; } }
.results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  white-space: normal;
  text-align: left;
  text-transform: none;
  background: #fff;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  border: 1px solid #d4d4d5;
  z-index: 998; }

.results.menu {
  width: 40.7% !important;
  height: 346px !important;
  animation: SearchResults 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: initial;
  -o-animation-fill-mode: forwards;
  top: 51%;
  left: 11%;
  overflow-y: scroll;
  background: #fff; }
  .results.menu > li {
    background: #00569b;
    color: #fff;
    padding: 0px 10px; }

.label-discount {
  background: #dfefff;
  color: #073065;
  padding: 5px 10px;
  position: absolute;
  right: 0%;
  font-size: 12px;
  top: 15px; }
  @media (max-width: 767px) {
    .label-discount {
      font-size: 10px;
      top: 10px; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 0.9;
  font-family: "Roboto", sans-serif !important; }

h1,
.css-desktop-only + main h2 {
  font-weight: 600; }

@media (min-width: 768px) {
  .css-desktop-only + main h2 {
    font-size: 20px; } }

.top-brands-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #edf7f6;
  height: 96%;
  border-radius: 7px; }
  .top-brands-title h3 {
    font-weight: bolder; }
  .top-brands-title p {
    margin: 0; }

section h2 {
  font-size: 22px; }
  @media (max-width: 767px) {
    section h2 {
      font-size: 16px; } }

.cart-qty {
  background: #fb5f50;
  border-radius: 100%;
  text-align: center;
  position: relative;
  left: 16px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  top: -33px !important;
  border: 1px solid #005396;
  color: #fff;
  justify-content: center;
  align-items: center; }
  @media (max-width: 767px) {
    .cart-qty {
      left: 5px;
      background: #003b82;
      top: -38px !important; } }

.fast-service-logo {
  font-size: 0px; }
  .fast-service-logo:before {
    content: "";
    background: url(/assets/img/fast-logo.png);
    width: 90px;
    height: 20px;
    display: inline-block;
    position: absolute;
    z-index: 7;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    left: -5px; }
    @media (max-width: 767px) {
      .fast-service-logo:before {
        height: 15px;
        left: -10px;
        width: 60px; } }
    @media (min-width: 990px) and (max-width: 1300px) {
      .fast-service-logo:before {
        width: 65px; } }

.placeholder {
  display: flex;
  width: 100%;
  height: 250px;
  background: #ddd;
  justify-content: center;
  align-items: center;
  font-size: 32px; }

.dashed-border {
  border: 1px dashed #2a579b;
  font-size: 14px; }
  @media (max-width: 767px) {
    .dashed-border {
      height: auto;
      margin-bottom: 20px; } }

.flex-display {
  display: flex;
  flex-wrap: nowrap; }

.custom-margin-paragraph {
  margin-top: 25px; }

.custom-margin-image {
  margin-top: 30px;
  margin-left: 10px; }

footer.footer-base-color.primary {
  background: #eee !important; }
  footer.footer-base-color.primary h5 {
    color: #2a579b;
    font-size: 16px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      footer.footer-base-color.primary h5 {
        font-size: 12px; } }
  footer.footer-base-color.primary ul {
    display: inline-grid;
    text-decoration: none;
    padding: 0;
    margin-left: 0px;
    margin-top: 0px; }
    footer.footer-base-color.primary ul li {
      display: inline-block;
      font-size: 13px; }
      footer.footer-base-color.primary ul li a {
        color: #000; }
  footer.footer-base-color.primary p {
    font-size: 13px; }

.element-center {
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  align-items: center; }

ul.top-level.menu {
  min-width: fit-content;
  width: 100%;
  background: #f2f2f2;
  max-height: 70vh;
  padding: 0px;
  overflow: hidden;
  margin-top: 20px; }
  ul.top-level.menu.h-auto {
    height: auto !important;
    max-height: initial !important; }
  ul.top-level.menu li {
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    height: 5.5vh;
    display: flex;
    align-items: center; }
    ul.top-level.menu li.active {
      background: #dfeffe;
      text-decoration: none;
      margin-top: 0px; }
    ul.top-level.menu li a {
      display: flex;
      color: #000;
      text-decoration: none;
      width: 100%;
      font-size: 1vw; }
      ul.top-level.menu li a.project-links {
        padding: 0px !important;
        font-size: 1vw; }

.apps-menu {
  display: none;
  background: #fff;
  width: 250px;
  height: 200px;
  position: absolute;
  z-index: 999999999;
  right: 12px;
  top: 60px !important;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: 0 5px 15px black; }
  .apps-menu i.fa {
    color: #2a579b !important;
    display: block;
    padding-bottom: 12px;
    text-decoration: none !important; }
    .apps-menu i.fa:before {
      color: #2a579b !important; }
  .apps-menu a,
  .apps-menu p,
  .apps-menu span {
    color: #000;
    font-size: 14px; }
  .apps-menu a {
    text-decoration: none; }
  .apps-menu span:hover {
    text-decoration: underline;
    color: #2a579b; }

.full-with-radius {
  width: 100%;
  border-radius: 5px; }

.searched-items-result p.product-details {
  color: #bbb !important;
  font-size: 12px;
  margin: 0; }
  .searched-items-result p.product-details.blck {
    color: #000 !important; }
.searched-items-result span.search-price {
  color: #000; }
  .searched-items-result span.search-price p {
    display: inline-block;
    color: #000;
    margin: 0; }

div#user_signup {
  position: relative;
  left: 0px !important;
  top: 0px !important;
  white-space: nowrap; }

button.AddToCart {
  font-size: 16px !important;
  text-decoration: none;
  outline: none;
  height: 35px; }
  @media (max-width: 767px) {
    button.AddToCart {
      width: 100%; } }

.searched-result-items button.AddToCart {
  font-size: 16px !important;
  text-decoration: none;
  outline: none;
  height: 35px; }
  @media (max-width: 767px) {
    .searched-result-items button.AddToCart {
      width: 100px;
      background: #2a579b;
      color: #fff; } }

.card .card-body h2 {
  line-height: 16px; }

nav .main-nav ul {
  display: block;
  padding: 0px;
  list-style-type: none;
  text-decoration: none;
  margin: 0px;
  text-align: center;
  white-space: nowrap; }
  nav .main-nav ul li {
    text-transform: capitalize;
    margin-top: 0px; }
    nav .main-nav ul li a {
      color: #023d53;
      font-size: 1vw; }
      @media (min-width: 1200px) {
        nav .main-nav ul li a {
          font-size: 0.85vw !important; } }
@media (min-width: 990px) {
  nav .main-nav > ul {
    display: flex;
    justify-content: space-around;
    width: 100%; } }

.width-100 {
  width: 100px !important; }

.bold-paragraph {
  font-weight: bold; }

/* Menu Container */
.main-nav {
  position: relative;
  cursor: default; }

/* Menu List */
.main-nav > ul > li {
  display: inline-block; }

/* Menu Links */
.main-nav > ul > li > a {
  font-family: "Open Sans", sans-serif !important;
  color: #023d53 !important;
  display: block;
  padding: 7px 16px;
  position: relative;
  text-transform: capitalize;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 600; }
  @media (min-width: 990px) and (max-width: 1300px) {
    .main-nav > ul > li > a {
      font-size: 0.53rem !important;
      padding: 7px 0px !important; } }

.main-nav span {
  color: #023d53 !important; }

.main-nav > ul > li:first-child > a {
  border-radius: 3px 0 0 3px;
  border-left: none; }

/* Menu Dropdown */
.main-nav > ul > li > div {
  background: #f6f5f5;
  border-radius: 0 0 3px 3px;
  display: block;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  z-index: 9999;
  -webkit-transition: all 0.3s ease 0.15s;
  -moz-transition: all 0.3s ease 0.15s;
  -o-transition: all 0.3s ease 0.15s;
  -ms-transition: all 0.3s ease 0.15s;
  transition: all 0.3s ease 0.15s;
  box-shadow: 1px 1px 1px #666; }

.main-nav > ul > li:hover > div {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  width: auto !important;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.38) !important;
  border-radius: 5px !important; }

/* Menu Content Styles */
.main-nav .nav-column {
  width: 100%; }

.main-nav .nav-column h3 {
  margin: 20px 0 10px 0;
  line-height: 18px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold;
  font-size: 14px;
  color: #372f2b;
  text-transform: uppercase; }

.main-nav .nav-column h3.orange {
  color: #ff722b; }

.main-nav .nav-column li a {
  display: block;
  line-height: 26px;
  font-size: 12px;
  color: #4c4c4c;
  text-transform: capitalize;
  text-align: left;
  font-family: "Open Sans", sans-serif !important; }

.child-cat > a {
  color: #000;
  font-weight: bold;
  background: url("/assets/img/arrow-menu.png") no-repeat center right;
  border-bottom: 1px solid #ccc; }

.main-nav .nav-column li a:hover {
  color: #035394; }

.searched-result-items p {
  color: #000 !important;
  margin-bottom: 6px; }
  @media (max-width: 767px) {
    .searched-result-items p {
      font-size: 13px; } }
.searched-result-items span {
  color: #ccc !important;
  font-size: 12px !important; }
  @media (max-width: 767px) {
    .searched-result-items span {
      font-size: 10px; } }

.radius-rounded {
  border-radius: 100px;
  width: 35px;
  height: 35px;
  text-align: center;
  display: flex;
  justify-content: center; }

.progress-bar {
  display: flex;
  margin: 40px 0;
  user-select: none;
  margin-top: 20px;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    .progress-bar {
      display: block;
      margin: 0px 0px;
      user-select: none;
      margin-top: 20px;
      margin-bottom: 0px;
      left: 25px;
      position: relative; } }

.progress-bar .step {
  text-align: center;
  width: 100%;
  position: relative; }
  @media (max-width: 767px) {
    .progress-bar .step {
      text-align: left; } }

.progress-bar .step p {
  font-weight: 500;
  font-size: 9px;
  color: #ccc;
  margin-bottom: 8px;
  margin-top: 6px;
  position: relative;
  left: -27px;
  top: 15px; }
  @media (max-width: 767px) {
    .progress-bar .step p {
      font-weight: 500;
      font-size: 9px;
      color: #ccc;
      margin-bottom: 8px;
      margin-top: 6px;
      left: 25px;
      position: relative;
      top: -19px; } }

.progress-bar .step .bullet {
  height: 12px;
  width: 12px;
  border: 2px solid #a9a9a9;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  transition: 0.2s;
  font-weight: 500;
  font-size: 17px;
  line-height: 38px;
  background: #a9a9a9; }

.progress-bar .step .bullet.active {
  border-color: #d43f8d;
  background: #d43f8d; }

.progress-bar .step .bullet span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.progress-bar .step .bullet.active span {
  display: none; }

.progress-bar .step .bullet:before,
.progress-bar .step .bullet:after {
  position: absolute;
  content: "";
  bottom: 2px;
  right: -85px;
  height: 3px;
  width: 93px;
  background: #a9a9a9;
  z-index: -1 !important; }
  @media (max-width: 767px) {
    .progress-bar .step .bullet:before,
    .progress-bar .step .bullet:after {
      position: absolute;
      content: "";
      bottom: -18px;
      right: -14px;
      height: 3px;
      width: 36px;
      background: #a9a9a9;
      z-index: -1 !important;
      transform: rotate(90deg); } }

.progress-bar .step .bullet.active:after {
  background: #d43f8d;
  transform: scaleX(0);
  transform-origin: left;
  animation: animate 0.3s linear forwards; }

@keyframes animate {
  100% {
    transform: scaleX(1); } }
.progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after {
  display: none; }

.progress-bar .step p.active {
  color: #d43f8d;
  transition: 0.2s linear; }

.progress-bar .step.checked .bullet {
  background: #2b579b !important;
  border: 2px solid #2b579b !important; }
.progress-bar .step.checked p {
  color: #2b579b !important; }

.progress-bar .step .check {
  position: absolute;
  left: 50%;
  top: 70%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  display: block; }

.progress-bar .step .check.active {
  display: block;
  color: #fff; }

div#modal3 {
  background: #fff !important; }

img.order-status-image {
  width: 50px;
  margin-top: 15px;
  margin-bottom: 15px; }

p.order-status-text {
  text-align: center; }

.order-status-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.step .fa {
  position: absolute;
  background: transparent;
  top: -2px; }

.step.checked .fa {
  position: absolute;
  background: transparent;
  color: green;
  background: #fff;
  top: -2px; }

.display--none {
  display: none !important; }

body:not(.home_new) .carousels {
  display: none !important; }

body:not(.home_new) .display-now {
  display: none !important; }

.message-container {
  display: none;
  position: fixed !important;
  width: 600px;
  height: auto;
  z-index: 100000000;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .message-container {
      width: 100%;
      height: 50px; } }

.toast.toast-primary.message-container {
  background: #2f2e2e;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  color: #ff8400;
  font-size: 14px; }
  @media (max-width: 767px) {
    .toast.toast-primary.message-container {
      font-size: 12px; } }
  .toast.toast-primary.message-container .fa {
    font-size: 18px; }

p.message-heading.alert-message {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  color: #fff; }

.btn-clear {
  color: #000 !important; }

.modal.active,
.modal:target {
  z-index: 999999; }

.app-store-links ul {
  text-decoration: none !important;
  display: flex !important; }
  .app-store-links ul li {
    display: inline-flex; }

.social-icons ul {
  display: flex !important;
  text-decoration: none !important; }
  .social-icons ul li {
    display: inline-flex !important;
    background: #00569b;
    border-radius: 100px;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    align-items: center; }
    .social-icons ul li .fa {
      color: #fff !important; }
    .social-icons ul li a {
      color: #fff;
      display: flex;
      width: 100% !important;
      height: 100% !important;
      position: relative;
      justify-content: center;
      align-items: center;
      outline: none;
      border: none; }
      .social-icons ul li a:hover {
        border: none;
        text-decoration: none; }

.side-bar-cart {
  display: flex;
  width: 460px;
  height: 100vh;
  background: #fff;
  position: fixed;
  z-index: 99999999;
  right: 0;
  top: 4px; }
  @media (max-width: 767px) {
    .side-bar-cart {
      top: 0;
      width: 100vw;
      bottom: 0px; } }
.side-bar-menu {
  display: flex;
  width: 480px;
  height: 100vh;
  background: #fff;
  position: absolute;
  z-index: 99999;
  left: 0; }
  @media (max-width: 767px) {
    .side-bar-menu {
      top: 0;
      width: 80vw; } }

.side-bar-cart h3 {
  font-size: 14px;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    .side-bar-cart h3 {
      font-size: 14px; } }
.side-bar-cart p {
  margin-bottom: 0px;
  font-size: 14px; }
  @media (max-width: 767px) {
    .side-bar-cart p {
      font-size: 14px; } }
.side-bar-cart .panel-nav {
  align-items: center;
  justify-content: center;
  width: 100%; }
  .side-bar-cart .panel-nav p {
    font-size: 18px; }
  .side-bar-cart .panel-nav .cross {
    font-size: 26px;
    cursor: pointer; }
    @media (max-width: 768px) {
      .side-bar-cart .panel-nav .cross {
        font-size: 25px !important; } }
.side-bar-cart .btn.btn-default {
  width: 100% !important;
  border: none !important;
  border-radius: 5px; }
.side-bar-cart .empty_cart {
  background: #ccc;
  color: #000; }
.side-bar-cart .positive.button {
  background-color: #21ba45;
  color: white;
  text-shadow: none;
  background-image: none;
  display: flex !important;
  align-items: baseline; }
  .side-bar-cart .positive.button a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff; }
.side-bar-cart .panel-footer.total-amount-parent.bottom-fixed {
  background: none !important; }

.pack-size {
  font-size: 12px;
  color: #9d9d9d; }

.truncate-auto {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.form-group.car-html input[type="button"] {
  min-width: 25px !important;
  width: auto;
  transition: all 300ms ease;
  height: 25px;
  border-radius: 3px;
  background: #03a9f4;
  color: #fff;
  border: none; }

.form-group.car-html input[type="number"] {
  position: relative;
  height: 38px;
  left: 0px;
  text-align: center;
  width: 35px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
  border: none;
  border-bottom: 1px solid #bbb;
  -moz-appearance: textfield;
  -webkit-appearance: none; }

a.remove-item {
  color: #00000096;
  padding: 0px 10px 0px 0px;
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  float: right;
  text-align: right; }

.line-through {
  text-decoration: line-through;
  color: red; }

.panel-footer {
  background: none;
  padding: 0.8rem !important;
  bottom: 10px;
  padding-bottom: 0px !important; }
  .panel-footer.bottom-fixed {
    position: sticky;
    width: 100%;
    bottom: 0px; }

.panel-body.cart-product-list--clone {
  overflow: hidden;
  overflow-y: auto;
  flex-wrap: nowrap;
  max-height: calc(100vh - 144px); }
  @media (max-width: 767px) {
    .panel-body.cart-product-list--clone {
      max-height: calc(100vh - 144px); } }
  .panel-body.cart-product-list--clone img {
    width: 100% !important; }
    @media (max-width: 767px) {
      .panel-body.cart-product-list--clone img {
        width: 80%; } }

.modal.active.locationContainer .modal-overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
  /* Black background with opacity */ }

.overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: block;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  /* Black background with opacity */
  z-index: 99999;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */ }
  @media (max-width: 767px) {
    .overlay {
      z-index: 999; } }

.fast-logo-exp {
  position: relative;
  top: 10px;
  left: 12px;
  color: #27518c;
  text-transform: uppercase;
  font-size: 20px; }

p.ed-detail-text {
  font-size: 15px;
  margin: 10px 0 !important; }

ul.ed-modal-list {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 7px;
  border: 2px solid #283551;
  border-radius: 8px; }

.ed-logo {
  height: 30px; }

p.ed-logo-text {
  margin-left: 15px;
  font-size: 12px;
  color: #082754; }

.ed-message-box {
  margin-top: 10px !important;
  background-color: #21569b !important;
  z-index: 9 !important;
  position: relative;
  padding: 10px;
  border-radius: 5px; }

.ed-message {
  color: #fff !important;
  text-align: center;
  font-weight: 100; }

a.in-search-clickable {
  width: 80%;
  height: 25%;
  display: block;
  position: absolute; }
  @media (max-width: 767px) {
    a.in-search-clickable {
      width: 60%;
      height: 15%; } }

a.hover-none {
  text-decoration: none !important;
  color: #21569b !important; }
  a.hover-none-transparent {
    color: #fff !important; }
  a.hover-none:hover {
    text-decoration: none !important;
    color: #21569b !important; }

.footer-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00569b;
  padding: 8px; }
  .footer-inner h5 {
    color: #fff !important;
    margin-bottom: 0px;
    text-transform: capitalize; }

div#user_signup a {
  font-size: 0.7rem !important; }
  @media (min-width: 990px) and (max-width: 1300px) {
    div#user_signup a {
      font-size: 0.6rem !important; } }

.searched-result-items {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 15px;
  padding-bottom: 15px; }

span.subscribe {
  font-size: 12px;
  color: #000; }

.social-icons h6 {
  color: #00569b;
  font-size: 15px;
  margin: 7px 0 0;
  text-transform: uppercase;
  width: 100%; }

input.news_letter_input {
  height: 35px;
  padding: 10px;
  width: 82%;
  outline: 0;
  border: none; }

.border-outline-0 {
  border: none;
  outline: 0; }

.dropdown {
  outline: 0 !important; }
  .dropdown:hover, .dropdown:active, .dropdown:focus {
    outline: 0 !important;
    color: #00569b; }
  .dropdowna:hover, .dropdowna:active, .dropdowna:focus {
    outline: 0 !important;
    color: #00569b; }

a.btn.btn-link.dropdown-toggle {
  display: flex;
  flex-direction: initial;
  outline: 0; }

a:hover,
a:active,
a:focus {
  outline: 0 !important;
  color: #00569b; }

.img-width-fix > img {
  width: 100%;
  height: 100%; }

.img-width-fix {
  width: 100%;
  height: auto;
  overflow: hidden;
  max-height: 200px;
  display: block;
  position: relative; }

.dashed-border p {
  line-height: 16px;
  font-size: 12px; }

section .flex-row.space-between > a {
  font-size: 14px;
  height: 30px; }

.star-widget {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse; }

.star-widget input {
  display: none; }

.star-widget label {
  font-size: 40px;
  color: #e2e0e5;
  padding: 10px;
  /* float: right; */
  transition: all 0.2 ease; }

.star-widget input:not(:checked) ~ label:hover ~ label,
.star-widget input:not(:checked) ~ label:hover {
  color: #fd4; }

input:checked ~ label {
  color: #fd4; }

body.Product .tabs input:checked ~ label {
  color: #000; }

input#rate-5:checked ~ label {
  color: #fe7;
  text-shadow: 0 0 20px #952; }

.rating-btn {
  background-color: #2b579b;
  border: none;
  border-radius: 4px;
  padding: 9px 30px;
  color: #fff;
  cursor: pointer; }

#send:disabled,
#send[disabled] {
  /* border: 1px solid #999999; */
  background-color: #cccccc;
  color: #666666; }

.container--product-search,
.container-location {
  background: #fff;
  height: 100vh;
  width: 100%;
  top: 0;
  z-index: 999999;
  position: fixed;
  left: 0; }
  @media (max-width: 767px) {
    .container--product-search,
    .container-location {
      padding: 15px !important;
      z-index: 99999999; } }

.hamburger-menu {
  display: inline-block;
  width: 22px;
  cursor: pointer;
  margin-right: 15px;
  position: relative;
  top: 7px;
  left: 4px; }
  .hamburger-menu span:nth-child(1) {
    display: block;
    height: 2px;
    background: #003b82;
    margin-bottom: 4px;
    border-radius: 10px; }
  .hamburger-menu span:nth-child(2) {
    display: block;
    height: 2px;
    background: #003b82;
    margin-bottom: 4px;
    border-radius: 10px; }
  .hamburger-menu span:nth-child(3) {
    display: block;
    height: 2px;
    background: #003b82;
    margin-bottom: 6px;
    border-radius: 10px; }
  .hamburger-menu span:nth-child(4) {
    display: none; }

@media (max-width: 767px) {
  header.mobile_alpha {
    position: fixed;
    width: 100%;
    z-index: 999;
    overflow-x: clip;
    top: 0; } }

@media (max-width: 767px) {
  input.prompt.search_input_check.main-search {
    height: 45px;
    border: none;
    border-bottom: 1px solid #ccc !important;
    outline: 0;
    text-decoration: none; } }

.pro-active {
  background: #2a579b; }
  .pro-active a {
    color: #fff; }

.top-tool {
  background: #f9f9f9;
  padding: 12px;
  box-shadow: 1px 1px 4px 1px #00000021;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  height: 72px;
  justify-content: center;
  align-items: center; }
  .top-tool h2 {
    color: #2b579b;
    font-size: 14px; }
  .top-tool p {
    font-size: 11px;
    color: #333; }
  .top-tool a.clickable {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute; }

a {
  outline: 0; }

ul {
  text-decoration: none !important; }
  ul ul {
    list-style-type: none !important; }

a.active-label {
  background: #fff;
  color: #00569b !important;
  border-radius: 10px;
  padding: 2px 8px; }

.MainCart .ui-express-delivery.d-none {
  display: none; }

.location-feature {
  background: #fb5f50 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer; }
  .location-feature .location-map {
    color: #fff; }
    @media (max-width: 767px) {
      .location-feature .location-map {
        text-transform: capitalize;
        font-size: 12px; } }
    .location-feature .location-map i.fa {
      color: #fff !important;
      font-size: 16px !important; }
      @media (max-width: 767px) {
        .location-feature .location-map i.fa {
          font-size: 14px !important; } }
  @media (max-width: 767px) {
    .location-feature {
      background: #004479 !important;
      justify-content: flex-start;
      font-size: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding: 3px 10px; } }
  .location-feature .form-select:not([multiple]):not([size]) {
    background: none !important; }

#SelectLocation .modal-title.h5 {
  color: #2a579b !important; }

#SelectLocation {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #SelectLocation .modal-container h6 {
    margin-top: 15px;
    margin-bottom: 0px; }
  #SelectLocation .modal-container .common-cities {
    height: 236px; }
    #SelectLocation .modal-container .common-cities ul {
      list-style: none;
      padding: 6px;
      display: flex;
      flex-wrap: wrap;
      height: 75%;
      justify-content: flex-start;
      flex-direction: column;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      overflow-y: auto !important; }
      @media (max-width: 768px) {
        #SelectLocation .modal-container .common-cities ul {
          flex-direction: column;
          flex-wrap: nowrap;
          height: 90%; } }
      #SelectLocation .modal-container .common-cities ul li {
        width: 33.33%;
        margin-top: 11px;
        cursor: pointer; }
        #SelectLocation .modal-container .common-cities ul li:hover {
          color: #2a579b;
          font-weight: 600; }
        @media (max-width: 768px) {
          #SelectLocation .modal-container .common-cities ul li {
            width: 100%;
            margin-bottom: 5px;
            margin-top: 0px; } }
  #SelectLocation ::-webkit-scrollbar {
    width: 8px !important; }
  #SelectLocation ::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  #SelectLocation ::-webkit-scrollbar-thumb {
    background: #888 !important; }
  #SelectLocation ::-webkit-scrollbar-thumb:hover {
    background: #555 !important; }

.locationContainer .wrapper {
  position: relative;
  display: inline-block;
  left: 6px; }
.locationContainer .location.search svg {
  top: 17px !important;
  position: absolute !important;
  left: 23px !important; }
.locationContainer .location.search table {
  width: 100%; }
  .locationContainer .location.search table td:last-child {
    display: none; }
  .locationContainer .location.search table input {
    font-size: 14px !important; }
.locationContainer .map-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin-top: -16px;
  pointer-events: none; }
.locationContainer #map {
  height: 320px;
  width: 610px; }
  .locationContainer #map a > img {
    display: none; }
  @media (max-width: 768px) {
    .locationContainer #map {
      height: 75vh;
      width: 93vw;
      right: -7px; } }
.locationContainer #divSearch a {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 25px; }
  .locationContainer #divSearch a .geo-location-icon {
    position: absolute;
    right: 14px;
    top: calc(50% - 10px);
    height: 20px;
    width: 20px; }
.locationContainer #sug-list li {
  margin-top: 0px !important; }

.offer-banner-karachi {
  width: 100%;
  color: white;
  background-color: #fb5f50;
  text-align: center;
  padding: 2px; }
  @media (max-width: 768px) {
    .offer-banner-karachi {
      padding-top: 0px !important;
      overflow: hidden;
      position: relative;
      height: 15px; } }
  .offer-banner-karachi p {
    margin: 0;
    display: inline; }
    @media (min-width: 768px) {
      .offer-banner-karachi p {
        padding: 10px 0; } }
  .offer-banner-karachi .promo-code-bold {
    font-weight: bolder; }
  .offer-banner-karachi i {
    position: absolute;
    right: 0;
    padding-right: 10px;
    font-size: 16px !important;
    padding-top: 3px;
    cursor: pointer; }
    @media (max-width: 768px) {
      .offer-banner-karachi i {
        padding-right: 9px;
        font-size: 10px !important;
        padding-top: 1px; } }

.slider-karachi {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 13px;
  text-align: left;
  animation: cssmarquee 17s linear infinite;
  white-space: nowrap; }

@keyframes cssmarquee {
  0% {
    transform: translate(0%, 0); }
  100% {
    transform: translate(-260%, 0); } }
.toast-primary.message-container .btn-clear {
  color: #fdf9f9 !important; }

div#redeem-voucher .modal-body {
  background-color: #fff !important; }

.text-underline {
  text-decoration: underline; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.footer-inner {
  display: flex;
  justify-content: space-between; }
  .footer-inner h5 {
    text-transform: capitalize !important; }

.footer-base-mobile .course-panel-footer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-left: 10px !important;
  margin-bottom: 5px; }
.footer-base-mobile .course-accordion-footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .footer-base-mobile .course-accordion-footer span:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle; }
  .footer-base-mobile .course-accordion-footer span:before {
    content: "\f107";
    color: #2b579b;
    font-weight: bold; }
.footer-base-mobile .course-accordion-footer.active span:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle; }
.footer-base-mobile .course-accordion-footer.active span:before {
  content: "\f106";
  color: #2b579b;
  font-weight: bold; }
.footer-base-mobile .b-bottom {
  border-bottom: 0.2px solid #dbdada;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5px; }
.footer-base-mobile h5 {
  margin-bottom: 0px; }

.footer-inner small {
  font-size: 12px;
  color: #fff; }

.dawaai-partners-slides {
  align-items: center; }
  @media (min-width: 989px) {
    .dawaai-partners-slides img {
      width: 77% !important; } }

.dawaai-partners-slides > div {
  width: 38% !important; }
  @media (min-width: 989px) {
    .dawaai-partners-slides > div {
      width: 200px !important; } }

.legit img {
  width: 100px;
  height: 75px; }

.payment-method-mobile {
  margin: auto; }

.padding-zero {
  padding: 0px !important;
  padding-top: 5px !important; }

.fast-heading {
  display: flex;
  align-items: center;
  justify-content: center; }

.fast-sub-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333; }

.avai-khi {
  margin-bottom: 5px;
  font-size: 14px; }

.bullet-p {
  border: 1px solid #333;
  border-radius: 10px;
  margin: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-top: 10px;
  background: white;
  font-size: 15px; }

.order-now {
  padding: 6px 60px;
  border-radius: 5px;
  text-transform: uppercase; }

.od-no {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin: 10px; }

.sub-head22 {
  display: flex;
  justify-content: center;
  align-items: center; }

.two-hour {
  color: #27518c;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  padding-top: 12px; }

.product-text {
  color: #2b579b;
  margin: 0;
  margin-left: 10px;
  font-size: 14px; }

.fast-info li span {
  font-weight: bold;
  list-style: initial; }

.fast-info li {
  list-style: initial; }

.two-hour-m {
  color: #27518c;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  padding-top: 12px; }

.fast-sub-heading-m {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  width: 100%;
  text-align: center;
  font-size: 14px; }

.bullet-p-m {
  border: 1px solid #333;
  border-radius: 10px;
  margin: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px;
  background: white;
  font-size: 15px; }

.body-margin-desktop {
  margin-top: 10px; }

.body-margin-mobile {
  margin-top: 149px; }

.column.col-6.results.menu li a:hover {
  color: #fff !important; }

a:focus {
  box-shadow: none !important; }

.apps-menu #btn-track-order,
.apps-menu #btn-redeem-voucher {
  cursor: pointer; }

@media (min-width: 789px) {
  .home-slideshow-container .slideshow-container {
    margin-top: 126px !important; } }

@media (max-width: 789px) {
  #track-order input,
  #track-order input::-webkit-input-placeholder {
    font-size: 14px; } }
@media (max-width: 789px) {
  #track-order .modal-container {
    padding: 0 0.4rem; } }

.view-all-span {
  padding-top: 10px;
  text-align: right;
  padding-right: 18px; }

.kdsp-index {
  width: 55% !important; }

.changePosition {
  position: static !important; }
  .changePosition .search-container {
    position: fixed !important;
    z-index: 10000;
    background: #00569b;
    left: 0;
    right: 0;
    top: 0px;
    padding: 7px 10px;
    animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0px); } }
.changePosition + .body-margin-mobile {
  margin-top: 0px !important; }

.special-banner-header {
  width: 100%;
  color: white;
  background-color: #008912;
  text-align: center;
  padding: 2px;
  position: relative; }
  .special-banner-header i {
    position: absolute;
    right: 0;
    padding-right: 10px;
    font-size: 16px !important;
    padding-top: 3px;
    cursor: pointer;
    top: 0; }
  .special-banner-header a {
    text-decoration: underline;
    color: #008912 !important;
    background-color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 4px 12px;
    font-weight: bold;
    border-radius: 4px; }
    .special-banner-header a :hover,
    .special-banner-header a :focus,
    .special-banner-header a :active {
      color: #008912 !important;
      background-color: #fff; }
    @media (max-width: 767px) {
      .special-banner-header a {
        font-size: 12px; } }
  .special-banner-header .animateHeader {
    animation: smoothScrollHeader 0.2s forwards; }
@keyframes smoothScrollHeader {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }
  .special-banner-header .bank-offers .slides > div {
    width: 25% !important;
    background: #fff; }
    .special-banner-header .bank-offers .slides > div p {
      text-align: left; }

.bank-offers .slides > div {
  width: 25% !important;
  background: #fff; }
  .bank-offers .slides > div p {
    text-align: left; }

.view-all-span.color-blue a {
  color: #2a579b !important; }

.scroll-arrows {
  padding: 10px; }

.scroll-arrows,
.view-all-span {
  white-space: nowrap; }

.main-nav > ul > li > a {
  padding: 8px 0px !important; }

@media (min-width: 768px) and (max-width: 1300px) {
  .about-dawaai .container.small,
  .footer-base-color .container.small {
    width: 900px; } }

.offer-button {
  background-color: #e1edfe;
  border-radius: 3px; }

.offer-button {
  background-color: #e1edfe;
  border-radius: 3px; }

.eclipse {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1; }

.color-black {
  color: #3b4351;
  text-decoration: none; }
  .color-black:hover, .color-black:focus, .color-black:target {
    color: #3b4351;
    text-decoration: none; }

.text-green {
  color: #369c4b; }

.qty-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media (max-width: 789px) {
    .qty-sec {
      align-items: end; }
      .qty-sec small {
        font-size: 11px; } }

.modal-container.track-order {
  max-height: fit-content !important; }
  .modal-container.track-order .track-delivery-status {
    background-color: #f9f9f9;
    border-radius: 4px; }
    @media (min-width: 768px) {
      .modal-container.track-order .track-delivery-status {
        min-width: 400px; } }
    .modal-container.track-order .track-delivery-status p {
      font-size: 12px; }
    .modal-container.track-order .track-delivery-status h4 {
      font-size: 14px; }
    .modal-container.track-order .track-delivery-status .fast-service-logo::before {
      right: 0px !important;
      left: unset !important; }

.side-cart-row {
  margin-top: 5px;
  background-color: #f5f5f5;
  border-radius: 5px; }
  .side-cart-row .button-minus,
  .side-cart-row .button-plus {
    background: #f5f5f5 !important;
    color: #000 !important; }
  .side-cart-row .quantity-field {
    border-bottom: none !important;
    position: static !important;
    height: fit-content !important;
    width: 28px !important;
    -moz-appearance: textfield !important;
    background-color: #f5f5f5; }
    .side-cart-row .quantity-field:focus-visible, .side-cart-row .quantity-field:focus {
      outline: none !important; }

.panel-body .stock-location-limitation {
  white-space: nowrap; }
  .panel-body .stock-location-limitation p {
    font-size: 14px; }
.panel-body .total-section {
  margin-top: 14px;
  padding-top: 15px;
  border-top: 2px solid #ababab;
  padding-bottom: 40px; }
  .panel-body .total-section p {
    font-size: 20px !important; }
.panel-body .flex-start-end {
  align-items: flex-end;
  justify-content: start; }
.panel-body a.remove-item {
  width: fit-content;
  border-radius: 100%;
  background-color: #f5f5f5; }

.fixed-sidecart-footer .panel > div.container {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .fixed-sidecart-footer .panel > div.container .panel-nav padding:auto,
  .fixed-sidecart-footer .panel > div.container .panel-body padding:auto {
    right: 20px !important;
    left: 20px !important; }
  .fixed-sidecart-footer .panel > div.container .panel-footer {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 20px !important;
    background-color: #00569b !important;
    position: fixed;
    bottom: 0px;
    width: 460px;
    height: 80px !important; }
    @media (max-width: 768px) {
      .fixed-sidecart-footer .panel > div.container .panel-footer {
        padding-bottom: 10px !important;
        padding-top: 7px !important;
        width: 100vw; } }
    .fixed-sidecart-footer .panel > div.container .panel-footer a {
      width: 80%;
      background-color: #fff !important;
      color: #00569b !important; }

.side-bar-cart .panel-footer.total-amount-parent.bottom-fixed.d-none {
  display: none !important; }

.page-loader-overlay {
  min-height: unset;
  position: fixed;
  inset: 0px;
  z-index: 999999999;
  background: #00000083;
  overflow: hidden !important;
  height: 100vh;
  overflow: hidden; }
  .page-loader-overlay .loader-container {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .page-loader-overlay .loader-container .loading.loading-lg {
      min-width: 3.5rem;
      background: #fff;
      border-radius: 8px;
      min-height: 3.6rem; }
      .page-loader-overlay .loader-container .loading.loading-lg::after {
        border-width: 0.2rem; }

.side-bar-cart .panel-footer.total-amount-parent.bottom-fixed.d-none {
  display: none !important; }

.full-width-primary-button {
  background: #00569b !important;
  color: #fff !important;
  width: 100%;
  margin: auto;
  border-radius: 7px;
  height: 2.5rem;
  font-weight: bold; }

.p-fixed-100 {
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important; }

div.scrolling {
  position: relative;
  -webkit-animation: scroll 20s infinite linear;
  -moz-animation: scroll 20s infinite linear;
  -o-animation: scroll 20s infinite linear;
  animation: scroll 20s infinite linear;
  white-space: nowrap; }

@keyframes scroll {
  0% {
    left: 500px; }
  100% {
    left: -900px; } }
.cross-icon-holiday {
  top: 1px;
  padding: 8px;
  padding-left: 50px;
  background-color: #fb5f50; }

.slider-holiday {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 10px;
  text-align: left;
  animation: cssmarquee 17s linear infinite;
  white-space: nowrap;
  font-weight: bold; }

@keyframes cssmarquee {
  0% {
    transform: translate(0%, 0); }
  100% {
    transform: translate(-310%, 0); } }
.top-margin-container {
  position: relative;
  margin-top: 131px; }
  @media (max-width: 989px) {
    .top-margin-container {
      margin-top: 90px !important; } }

.bg-color-teal {
  background-color: #00b5ad !important;
  border: none !important;
  color: white !important; }

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  right: 0px; }
  @media (max-width: 768px) {
    .pulsating-circle {
      width: 10px;
      height: 10px; } }
  .pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 160%;
    height: 160%;
    box-sizing: border-box;
    margin-left: -8px;
    margin-top: -7px;
    border-radius: 45px;
    background-color: #01a4e9;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
    @media (max-width: 768px) {
      .pulsating-circle:before {
        margin-left: -5px;
        margin-top: -3px; } }
  .pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00569b;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    border: 5px solid #90c1d7; }

@keyframes pulse-ring {
  0% {
    transform: scale(0.33); }
  80%,
  100% {
    opacity: 0; } }
@keyframes pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
.careers-page h2 {
  color: #22322f;
  font-size: 42px !important; }
  @media (max-width: 768px) {
    .careers-page h2 {
      font-size: 36px !important; } }
.careers-page .text-blue {
  color: #00569b !important; }
.careers-page .bg-light {
  background-color: #f7f7fa !important; }
.careers-page .lh-50 {
  line-height: 50px; }
.careers-page .we-color {
  color: #011a38; }
.careers-page .mt-50 {
  margin-top: 50px; }
.careers-page .slide-0.w-230 {
  width: 230px !important; }
.careers-page .slide-0.w-250 {
  width: 250px !important; }

.location.search input {
  height: 45px;
  padding-left: 54px; }
.location.search svg {
  top: 12px;
  position: absolute;
  left: 26px; }

.slider.services.new a {
  color: #003b82 !important;
  font-weight: 600; }

@media (max-width: 767px) {
  .container-location {
    overflow-y: auto;
    padding: 8px !important;
    z-index: 99999999; }
    .container-location i {
      color: #003b82; }
    .container-location .fa {
      font-size: 10px !important;
      color: #003b82 !important; }
    .container-location .fa-trash-o {
      font-size: 18px !important; } }

.mySlides {
  display: none; }

.mySlides img {
  width: 100%;
  height: 33vh; }
  @media (max-width: 767px) {
    .mySlides img {
      height: auto; } }

.mySlides {
  position: relative; }
  .mySlides a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute; }

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin-top: 168px;
  height: 270px; }
  @media (max-width: 767px) {
    .slideshow-container {
      height: 140px;
      margin-top: 7px; } }

/* Caption text */
.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 {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; }
  @media (max-width: 768px) {
    .dot {
      height: 6px;
      width: 6px; } }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4s;
  animation-name: fade;
  animation-duration: 4s; }

.banner-active, .dot:hover {
  background-color: #717171; }

@-webkit-keyframes fade {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }
@keyframes fade {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {
    font-size: 11px; } }
* {
  box-sizing: border-box; }

.slider {
  width: 100%;
  text-align: center;
  overflow: hidden; }

.slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /*
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
  */ }

.slides::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 10px !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides::-webkit-scrollbar-track {
  background: transparent !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides::-moz-scrollbar {
  width: 10px !important;
  height: 10px !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides::-moz-scrollbar-thumb {
  background: transparent !important;
  border-radius: 10px !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides::-moz-scrollbar-track {
  background: transparent !important;
  display: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 250px;
  margin-right: 15px;
  border-radius: 10px;
  background: #eee;
  transform-origin: center center;
  transition: transform 0.5s;
  position: relative;
  display: flex;
  justify-content: center; }
  @media (max-width: 767px) {
    .slides > div {
      width: 47.7%; } }

.slides > div:target {
  /*   transform: scale(0.8); */ }

.author-info {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0; }

.author-info a {
  color: white; }

.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative; }

.slider > a:active {
  top: 1px; }

.slider > a:focus {
  background: #000; }

/* Don't need button navigation */
@support (scroll-snap-type) {
  .slider > a {
    display: none; } }
.slider.services {
  margin-top: 10px; }
  .slider.services .slides > div {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 250px;
    margin-right: 8px;
    border-radius: 10px;
    background: transparent;
    transform-origin: center center;
    transition: transform 0.5s;
    position: relative;
    display: flex;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      .slider.services .slides > div {
        width: auto;
        font-size: 13px; } }
    .slider.services .slides > div > a {
      color: #fff;
      padding: 2px 8px; }

@media (max-width: 767px) {
  section.alternate-products .slides > div {
    width: 56%; } }

.slides .card .card-image {
  height: fit-content;
  overflow: hidden; }
  .slides .card .card-image img {
    width: 180px;
    height: 180px;
    margin-top: 13px; }
    @media (max-width: 768px) {
      .slides .card .card-image img {
        width: 140px;
        height: 140px; } }

@media (max-width: 768px) {
  .card-width-extra {
    width: 59.7% !important; } }

.left-arrow-slider {
  width: 19px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -42px;
  font-size: 28px !important; }

.right-arrow-slider {
  width: 19px;
  cursor: pointer;
  position: absolute;
  right: -42px;
  font-size: 28px !important;
  top: 47%; }

.card-click-active {
  border: 0.05rem solid #2b5790; }

.slides.not-product {
  height: 126px; }
  .slides.not-product .card .card-image {
    padding-top: 0.8rem;
    height: 126px; }
  .slides.not-product .card img {
    width: 100px;
    height: auto; }

.lab-process {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 1px 1px 5px #555;
  border-radius: 5px;
  padding: 26px 20px; }
  @media (max-width: 767px) {
    .lab-process {
      padding: 10px; } }
  .lab-process h2 {
    text-transform: uppercase;
    font-size: 20px; }
    @media (max-width: 767px) {
      .lab-process h2 {
        font-size: 20px; } }
  .lab-process > P {
    font-size: 18px;
    margin: 10px; }
    @media (max-width: 767px) {
      .lab-process > P {
        margin: 0;
        text-align: center;
        font-size: 15px; } }

ul.lab-process-list {
  list-style-type: none;
  display: block;
  padding: 0; }
  @media (max-width: 767px) {
    ul.lab-process-list {
      display: flex; } }
  ul.lab-process-list li {
    display: inline-block;
    width: 22%;
    margin: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 0; }
    @media (min-width: 991px) and (max-width: 1200px) {
      ul.lab-process-list li {
        width: 20%; } }
    @media (max-width: 990px) {
      ul.lab-process-list li {
        width: 43%; } }
    ul.lab-process-list li::before {
      content: "";
      width: 60px;
      background-color: #000;
      height: 1px;
      display: inline-block;
      position: absolute;
      right: 173px;
      bottom: 145px; }
      @media (min-width: 991px) and (max-width: 1200px) {
        ul.lab-process-list li::before {
          width: 30px !important;
          right: 143px !important;
          bottom: 125px !important; } }
      @media (max-width: 990px) {
        ul.lab-process-list li::before {
          display: none; } }
    ul.lab-process-list li:nth-child(1)::before {
      display: none; }
    ul.lab-process-list li .lab-process-list-img {
      display: inline-block;
      padding: 20px;
      background-color: #f5f6f6;
      border-radius: 100%;
      margin: 10px;
      padding-bottom: 13px; }
      @media (max-width: 767px) {
        ul.lab-process-list li .lab-process-list-img {
          padding: 10px 11px; } }
      ul.lab-process-list li .lab-process-list-img img {
        height: 30px; }
        @media (max-width: 767px) {
          ul.lab-process-list li .lab-process-list-img img {
            height: 20px; } }
    ul.lab-process-list li > p {
      font-size: 15px; }
      @media (max-width: 767px) {
        ul.lab-process-list li > p {
          font-size: 12px; } }

.before-line-one::before {
  display: inline-block !important;
  right: 86% !important;
  bottom: 75% !important; }

.before-line-two::before {
  display: inline-block !important;
  right: 86% !important;
  bottom: 75% !important; }

.popular-padding-fix {
  padding-top: 20px !important;
  padding-bottom: 0px !important; }

.chugtai-lab {
  margin-bottom: 30px; }
  @media (min-width: 768px) and (max-width: 990px) {
    .chugtai-lab {
      margin-bottom: 0px;
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (max-width: 768px) {
    .chugtai-lab {
      margin-bottom: 0px;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .chugtai-lab h2 {
    text-transform: uppercase;
    font-size: 14px; }
    @media (max-width: 990px) {
      .chugtai-lab h2 {
        font-size: 14px; } }

.lab-process-border {
  box-shadow: 1px 1px 5px #555;
  border-radius: 5px;
  padding: 30px 15px; }
  .lab-process-border img {
    margin: 52px 0; }
  @media (max-width: 767px) {
    .lab-process-border {
      padding: 5px 5px;
      width: 50%;
      box-shadow: 1px 1px 5px #555;
      border-radius: 5px;
      margin: 0; }
      .lab-process-border:nth-child(1) {
        margin-right: 15px; } }
  @media (min-width: 768px) and (max-width: 990px) {
    .lab-process-border {
      width: 48% !important; } }

.lab-logos {
  width: 60% !important; }
  @media (max-width: 767px) {
    .lab-logos {
      width: 70% !important; } }

.white-background {
  background-color: white !important; }

.lab-process-border
.bank-discount h2 {
  text-transform: uppercase;
  font-size: 16px; }
  @media (max-width: 990px) {
    .lab-process-border
    .bank-discount h2 {
      font-size: 14px; } }
.lab-process-border
.bank-discount ul.bank-discount-list {
  list-style-type: none;
  padding: 0; }
  .lab-process-border
  .bank-discount ul.bank-discount-list li {
    margin: 25px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .lab-process-border
      .bank-discount ul.bank-discount-list li {
        margin: 5px 0;
        display: flex;
        justify-content: space-between; } }
    .lab-process-border
    .bank-discount ul.bank-discount-list li .bank-width {
      width: 45px !important; }
  @media (max-width: 767px) {
    .lab-process-border
    .bank-discount ul.bank-discount-list {
      margin: 0 !important; } }
  .lab-process-border
  .bank-discount ul.bank-discount-list .bank-discount-items {
    display: inline-block !important;
    width: 45% !important;
    margin-bottom: 15px !important; }
    @media (max-width: 767px) {
      .lab-process-border
      .bank-discount ul.bank-discount-list .bank-discount-items {
        height: 25px; } }
  .lab-process-border
  .bank-discount ul.bank-discount-list .lab-discount-amount {
    color: #5aa623;
    font-weight: bold;
    font-size: 20px; }
    @media (max-width: 1200px) {
      .lab-process-border
      .bank-discount ul.bank-discount-list .lab-discount-amount {
        font-size: 13px; } }
    @media (max-width: 990px) {
      .lab-process-border
      .bank-discount ul.bank-discount-list .lab-discount-amount {
        font-size: 9px; } }

@media (max-width: 767px) {
  .bank-lab-box {
    display: flex !important;
    height: 130px !important; } }
@media (min-width: 768px) and (max-width: 990px) {
  .bank-lab-box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; } }

.accordion-readmore {
  color: #21569b !important; }

.top-lab-test-heading {
  font-size: 27px; }
  @media (max-width: 767px) {
    .top-lab-test-heading {
      font-size: 18px !important; } }

.top-lab-test-card-item {
  border: 1px solid #55555538;
  padding: 20px !important;
  text-align: center;
  height: 210px;
  margin-top: 3px;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .top-lab-test-card-item {
      height: 170px;
      padding: 10px !important; } }

.top-lab-card-title {
  font-size: 17px;
  line-height: 22px;
  margin-top: 10px; }

.top-lab-test-card-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 1px 3px 0 #bcbdbd; }

.top-lab-test-card-item h2 {
  color: #333333;
  text-align: left;
  font-size: 17px !important; }
  @media (max-width: 767px) {
    .top-lab-test-card-item h2 {
      font-size: 13px !important; } }

.card-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%; }

ul.top-lab-test-amount {
  list-style-type: none;
  display: block;
  padding: 0;
  text-align: left; }
  @media (max-width: 767px) {
    ul.top-lab-test-amount {
      margin-bottom: 3vh !important; } }

ul.top-lab-test-amount li {
  display: block;
  font-size: 17px; }
  @media (max-width: 767px) {
    ul.top-lab-test-amount li {
      font-size: 13px; } }

.original-amount {
  color: red; }

.lab-add-to-cart-button {
  font-size: 15px; }
  @media (max-width: 767px) {
    .lab-add-to-cart-button {
      font-size: 12px !important;
      padding: 8px 10px !important; } }

.lab-add-to-cart-button a {
  color: #fff !important; }

.paragraph {
  color: #43A25A !important;
  padding-bottom: 30px !important;
  font-size: 12px !important; }

.dental-services {
  width: 100%;
  background-color: #F5F6F6 !important; }

.labtest-pricing {
  font-size: 20px !important;
  font-weight: 100;
  float: left !important; }
  @media (max-width: 767px) {
    .labtest-pricing {
      font-size: 13px !important; } }

.tooth-blue-img {
  display: flex !important;
  justify-content: center;
  margin-top: 20px; }

@media (max-width: 767px) {
  .tooth-blue-img img {
    width: 50px !important;
    height: 50px !important; } }

.add-to-cart1 {
  font-weight: bold !important;
  margin-right: 10px !important; }
  @media (max-width: 767px) {
    .add-to-cart1 {
      font-size: 12px !important; } }

.card1 {
  background: #fff;
  display: flex !important;
  justify-content: space-around; }

.content1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  @media (max-width: 767px) {
    .content1 {
      padding-top: 15px !important;
      padding-bottom: 0 !important; } }

.content1 a {
  text-decoration: none;
  color: black !important; }

@media (max-width: 767px) {
  .Dental-Services {
    font-size: 18px !important; } }

@media (max-width: 767px) {
  .content1 h3, .content1 .house-call {
    font-size: 13px !important; } }

.tooth-blue-img {
  height: 90px; }

i.shopping.cart.icon.custom-font {
  font-size: 12px !important; }

@media (max-width: 767px) {
  #popular-labs h2 {
    font-size: 17px; } }

.popular-labs-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: 200px;
  margin: 10px 10px;
  text-align: center; }

.description.popular-labs-name {
  font-size: 15px;
  color: #000; }
  @media (max-width: 767px) {
    .description.popular-labs-name {
      font-size: 10px; } }

.popular-labs-logo {
  background-color: #fff;
  padding: 18px;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100px;
  height: 100px;
  background: #F6F5F5;
  position: relative;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .popular-labs-logo {
      width: 100px;
      height: 100px;
      padding: 8px;
      background: none; } }

.popular-labs-logo > img {
  width: 90%; }
  @media (max-width: 767px) {
    .popular-labs-logo > img {
      width: 60%; } }

.popular-labs-card-item {
  cursor: pointer; }

#single-products {
  display: none; }

.lab-view-all {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .lab-view-all {
      flex-direction: column;
      align-items: flex-start; } }

@media (max-width: 767px) {
  .lab-view-all a {
    align-self: flex-end;
    height: 30px; } }

.process-para {
  text-align: center; }

@media (min-width: 767px) {
  .lab-packages-slides {
    height: fit-content !important; } }

#lab-packages h2 {
  font-size: 17px; }

.lab-packages-card-item {
  border: 1px solid #55555538;
  padding: 20px 10px !important;
  text-align: center;
  height: 200px; }
  @media (max-width: 767px) {
    .lab-packages-card-item {
      padding: 10px;
      height: 150px; } }

.lab-package-card-header {
  display: flex;
  align-items: center;
  justify-content: center; }

.lab-package-test {
  font-size: 16px; }
  @media (max-width: 767px) {
    .lab-package-test {
      font-size: 14px; } }

.lab-package-card-header-logo {
  background-color: #f5f6f6;
  padding: 10px;
  border-radius: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 70px;
  width: 70px; }
  @media (max-width: 767px) {
    .lab-package-card-header-logo {
      height: 50px;
      width: 50px;
      padding: 10px; } }

.lab-package-card-header-logo img {
  height: 50px !important;
  width: 50px !important; }

.lab-package-card-header ul {
  padding: 0 !important;
  list-style-type: none;
  text-align: start;
  margin: 0 !important;
  margin-left: 5px !important; }
  .lab-package-card-header ul li {
    margin: 15px 5px;
    font-size: 17px; }
    @media (max-width: 767px) {
      .lab-package-card-header ul li {
        font-size: 13px;
        margin: 5px; } }
    .lab-package-card-header ul li:nth-child(1) {
      font-weight: bold; }

.view-lab-package {
  font-size: 18px;
  color: #21569b; }
  @media (max-width: 767px) {
    .view-lab-package {
      font-size: 15px; } }

#download-app {
  background-color: #f5f6f6; }

.download-app-details {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; }
  @media (max-width: 767px) {
    .download-app-details {
      text-align: center; } }

.download-app-details h2 {
  font-size: 40px !important;
  color: #21569b; }
  @media (max-width: 767px) {
    .download-app-details h2 {
      font-size: 23px !important; } }

.download-app-details p {
  font-size: 18px !important; }
  @media (max-width: 767px) {
    .download-app-details p {
      font-size: 13px !important; } }

.download-app-stores {
  display: flex;
  justify-content: start;
  margin: 20px 0; }
  @media (max-width: 767px) {
    .download-app-stores {
      flex-direction: column; } }

@media (max-width: 990px) {
  .download-app-mobile {
    display: flex !important;
    align-items: center;
    justify-content: space-around; } }

.download-app-stores img {
  display: inline-block !important;
  height: 109px !important;
  width: 223px !important;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .download-app-stores img {
      height: 53.78px !important;
      width: 110px !important;
      margin: 15px; } }

.mobile-demo {
  display: inline-block !important;
  height: 200px !important;
  width: auto !important; }

::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00000040; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00000040; }

.tabbed {
  overflow-x: hidden;
  /* so we could easily hide the radio inputs */
  margin: 32px 0;
  padding-bottom: 16px; }

.tabbed [type="radio"] {
  /* hiding the inputs */
  display: none; }

.tabs {
  display: flex;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media (max-width: 989px) {
    .tabs {
      overflow-x: scroll !important; } }

.tab {
  white-space: nowrap; }

.tab > label {
  display: block;
  margin-bottom: -1px;
  padding: 12px 20px;
  border: 1px solid #ccc;
  background: #eee;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 2px; }

.tab:hover label {
  border-top-color: #333;
  color: #333; }

.tab-content {
  display: none;
  color: black;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 2px; }

.tab-content .container p {
  margin-bottom: 5px !important; }

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label,
.tabbed [type="radio"]:nth-of-type(6):checked ~ .tabs .tab:nth-of-type(6) label,
.tabbed [type="radio"]:nth-of-type(7):checked ~ .tabs .tab:nth-of-type(7) label,
.tabbed [type="radio"]:nth-of-type(8):checked ~ .tabs .tab:nth-of-type(8) label,
.tabbed [type="radio"]:nth-of-type(9):checked ~ .tabs .tab:nth-of-type(9) label,
.tabbed
[type="radio"]:nth-of-type(10):checked
~ .tabs
.tab:nth-of-type(10)
label,
.tabbed
[type="radio"]:nth-of-type(11):checked
~ .tabs
.tab:nth-of-type(11)
label,
.tabbed
[type="radio"]:nth-of-type(12):checked
~ .tabs
.tab:nth-of-type(12)
label,
.tabbed
[type="radio"]:nth-of-type(13):checked
~ .tabs
.tab:nth-of-type(13)
label,
.tabbed
[type="radio"]:nth-of-type(14):checked
~ .tabs
.tab:nth-of-type(14)
label {
  border-bottom-color: #fff;
  border-top-color: #00569b;
  background: #fff;
  color: black; }

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4),
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tab-content:nth-of-type(5),
.tabbed [type="radio"]:nth-of-type(6):checked ~ .tab-content:nth-of-type(6),
.tabbed [type="radio"]:nth-of-type(7):checked ~ .tab-content:nth-of-type(7),
.tabbed [type="radio"]:nth-of-type(8):checked ~ .tab-content:nth-of-type(8),
.tabbed [type="radio"]:nth-of-type(9):checked ~ .tab-content:nth-of-type(9),
.tabbed [type="radio"]:nth-of-type(10):checked ~ .tab-content:nth-of-type(10),
.tabbed [type="radio"]:nth-of-type(11):checked ~ .tab-content:nth-of-type(11),
.tabbed [type="radio"]:nth-of-type(12):checked ~ .tab-content:nth-of-type(12),
.tabbed [type="radio"]:nth-of-type(13):checked ~ .tab-content:nth-of-type(13),
.tabbed [type="radio"]:nth-of-type(14):checked ~ .tab-content:nth-of-type(14) {
  display: block; }

div.course-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

section.product-lab.chs {
  padding: 40px 0px;
  margin-bottom: 0px;
  margin-top: 70px !important; }
  section.product-lab.chs .price-reg {
    display: block;
    position: relative;
    width: 100%; }
  section.product-lab.chs .price-reg .cut-price {
    display: block;
    color: red;
    text-decoration: line-through;
    font-size: 14px;
    margin-left: 3px; }
  section.product-lab.chs .price-box {
    margin-bottom: 0px;
    display: inline-block; }
  section.product-lab.chs .ui.card.full-view-mobile {
    margin-bottom: 15px; }
  section.product-lab.chs h1 {
    font-size: 22px; }

.discounts-on-card {
  display: block;
  position: relative;
  text-align: right;
  font-size: 12px;
  top: -7px;
  left: -19px;
  color: #00569b;
  cursor: pointer; }

.drug-banner ul {
  float: left;
  width: 100%;
  padding: 0; }

.drug-banner ul li:nth-child(odd) {
  text-align: center;
  width: 40%; }
  @media (max-width: 989px) {
    .drug-banner ul li:nth-child(odd) {
      width: 44%; } }

.drug-banner ul li:nth-child(even) {
  width: 52%; }

.drug-banner ul li {
  padding: 10px 10px !important;
  height: 54px !important; }

.drug-banner ul li {
  list-style: none;
  float: left;
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
  height: 34px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px; }

.ui.card.full-view-mobile {
  margin-bottom: 15px; }

@media (max-width: 767px) {
  .full-view-mobile {
    width: 100%; } }

.labtest-bg {
  background: url(/assets/img/blood-test-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  opacity: 0.1;
  z-index: 0; }
  @media (max-width: 767px) {
    .labtest-bg {
      background-position: 50% 0; } }

.respective-test-features {
  margin-top: -200px; }

.chs-lab-tests ul li {
  list-style-type: none; }
  .chs-lab-tests ul li a {
    color: #000; }
    .chs-lab-tests ul li a:hover {
      color: #00569b; }

.chs-lab-tests.mandatory ul {
  display: block;
  min-height: 200px;
  height: auto; }

.chs-lab-tests.mandatory ul li {
  margin-bottom: 5px;
  list-style-type: none !important; }

.subsitute-drug {
  width: 100%;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  margin: 33px 0 0 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  /* overflow-y: hidden; */ }

.subsitute-drug {
  margin: 0px 0 20px 0 !important;
  height: auto;
  max-height: 320px; }
  @media (max-width: 767px) {
    .subsitute-drug {
      margin-top: 20px !important; } }

.subsitute-drug-modal-heading {
  font-size: 16px; }

.box-drug {
  width: 100%;
  margin: 0 0;
  border-bottom: 1px solid #e1e1e1;
  padding: 4px 0; }

.box-drug h4 {
  color: #1dc7ea;
  font-size: 13px;
  display: inline-block;
  width: 50%; }

.Product .box-drug h4 {
  color: #1dc7ea;
  font-size: 13px;
  display: inline-block;
  width: 100%; }

.box-drug h4 a {
  color: #0d678c;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px; }

.box-drug h6 {
  color: #000;
  font-size: 13px;
  text-align: left !important;
  display: inline-block;
  margin: 0px;
  float: none !important; }

.Product .box-drug h5, .Product .box-drug .brand-name {
  color: #e1e1e1;
  margin: 0;
  display: inline-block;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 14px; }
.Product .box-drug .brand-name {
  float: unset;
  text-align: left; }

.box-drug p {
  color: green;
  font-size: 12px;
  text-align: right;
  width: 50%;
  float: right; }

@media (max-width: 767px) {
  .drugs-substitute {
    text-align: left; }
    .drugs-substitute.slides > div {
      background: none;
      border: 1px solid #ccc;
      padding: 15px; }
    .drugs-substitute h4 {
      font-size: 14px;
      margin-bottom: 20px !important; }
      .drugs-substitute h4 > a {
        margin-bottom: 20px !important; } }

.offers-and-savings {
  border: 1px dashed #32AA9E;
  border-radius: 5px;
  padding: 15px; }
  .offers-and-savings h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px; }
  .offers-and-savings h6 {
    font-size: 12px;
    color: #32AA9E; }
  .offers-and-savings p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87); }
  .offers-and-savings a {
    font-size: 12px;
    display: flex;
    justify-content: flex-end; }

.drug-banner ul li > img {
  width: 75%; }

@media (min-width: 768px) {
  .animation-translate {
    transition: 0.5s; }
    .animation-translate:hover {
      transform: translateY(-10px); } }

.box-drug .product-name {
  text-align: left !important;
  float: left !important;
  width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 18px; }
.box-drug .price {
  color: #000;
  font-size: 13px;
  text-align: left !important;
  display: inline-block;
  margin: 0px;
  float: none !important; }

.border-0 {
  border: none !important; }

.top-bottom-padding {
  padding: 50px 0 !important; }
  @media (max-width: 767px) {
    .top-bottom-padding {
      padding: 20px 0 !important; } }

.labtest-mobile-img {
  width: 55%;
  height: auto; }

.half-height {
  height: 50%; }

.bg-asan-order {
  background: #F2F2F2;
  align-items: center; }
  .bg-asan-order h2 {
    font-size: 14px;
    color: #FB5F50; }
  .bg-asan-order p {
    font-size: 10px;
    margin: 0; }

@media (max-width: 767px) {
  .btn-asan-order {
    font-size: 12px !important;
    padding: 0px 10px !important;
    height: auto; } }

@media (max-width: 767px) {
  .btn-track-order button,
  .btn-redeem-voucher button {
    background: #FBFBFB;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: lighter;
    height: 45px;
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    align-items: center; } }

.btn-track-order:before {
  content: ""; }

@media (max-width: 767px) {
  .searched-result-items .btn.disabled, .searched-result-items .btn:disabled, .searched-result-items .btn[disabled] {
    width: 80px !important;
    background: transparent !important;
    color: #8e0a00 !important;
    border: none; } }

@media (max-width: 767px) {
  .results_menu.menu {
    box-shadow: none;
    height: 90vh;
    overflow: scroll; } }

.about-dawaai h1 {
  font-size: 32px; }
.about-dawaai p {
  font-size: 12px; }

.download-sticker-alpha {
  background: #F2F2F2;
  border: none;
  display: none; }
  .download-sticker-alpha p, .download-sticker-alpha .btn {
    font-size: 10px;
    color: #2B579B;
    font-weight: 900;
    font-family: "Open Sans", sans-serif !important;
    line-height: 12px; }
  @media (min-width: 400px) {
    .download-sticker-alpha p {
      margin-right: 12px !important; } }
  .download-sticker-alpha .btn.btn-clear::before {
    color: #2B579B; }
  .download-sticker-alpha a {
    font-size: 9px;
    border-radius: 3px;
    background-color: #FB5F50;
    font-weight: 900;
    text-decoration: none; }
    .download-sticker-alpha a:focus, .download-sticker-alpha a:hover {
      background-color: #FB5F50;
      color: #fff; }

@media (max-width: 767px) {
  main.medicine--new-mobile {
    margin-top: 10px; } }

.truncate {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .truncate {
      max-width: 95%; } }

a.clickable {
  display: flex;
  width: 100%;
  position: absolute;
  height: 100%; }

@media (max-width: 320px) and (min-width: 320px) {
  h2.for-price {
    font-size: 100% !important; } }

@media (max-width: 320px) and (min-width: 320px) {
  span.AddToCart-product {
    font-size: 82% !important; } }

@media (max-width: 320px) and (min-width: 320px) {
  #mobile_single_product_total {
    text-align: center; } }

@media (max-width: 767px) {
  .mobile-alpha-only {
    display: flex;
    flex-direction: row;
    font-size: 0px;
    outline: 0;
    border: none; }
    .mobile-alpha-only img.brands-img-fix {
      width: 70px;
      margin: 10px 10px; } }

.labtest_mobile {
  font-family: "Open Sans", sans-serif !important;
  padding-top: 123px !important; }
  .labtest_mobile .main-heading {
    font-size: 24px; }
  .labtest_mobile h1,
  .labtest_mobile h2 {
    color: #000000de !important; }
  .labtest_mobile .heading-two {
    font-size: 18px !important;
    color: #000000de !important; }
  .labtest_mobile .details {
    transition: all 500ms ease-in-out; }
  .labtest_mobile .lab-process-list {
    margin-left: 0px !important; }
  .labtest_mobile .top-lab-card-title,
  .labtest_mobile #popular-labs h2 {
    font-size: 13px;
    color: #333; }
  .labtest_mobile .labtest-brand {
    text-align: left;
    color: gray;
    font-weight: 500;
    font-size: 14px; }
  .labtest_mobile .top-lab-slides,
  .labtest_mobile .chs-labs-slides {
    height: 222px !important; }
  .labtest_mobile .slides > div {
    width: 46.3%;
    margin-right: 5px; }
  .labtest_mobile .slides {
    overflow-y: hidden !important; }
  .labtest_mobile .popular-lab-alpha .slides > div {
    width: 45%; }
  .labtest_mobile .card {
    border-radius: 0.4rem; }
  .labtest_mobile .top-lab-test-amount {
    margin-left: 0px; }
  .labtest_mobile .description .top-lab-test-amount {
    display: flex;
    justify-content: space-between; }
  .labtest_mobile .bg-color-teal {
    border-radius: 5px;
    font-weight: bold; }
  .labtest_mobile .download-app-details h2 {
    color: #21569b !important; }
  .labtest_mobile .description .popular-labs-name p {
    padding-bottom: 3px; }
  .labtest_mobile .popular-lab div {
    width: 77px; }

@media (max-width: 989px) {
  #popular-labs h2 {
    font-size: 13px;
    color: #333; }

  .description.top-lab-test-amount {
    display: flex;
    justify-content: space-between; } }
.product-lab.chs {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .product-lab.chs ::-webkit-scrollbar {
    width: 10px; }
  .product-lab.chs ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .product-lab.chs ::-webkit-scrollbar-thumb {
    background: #00000040; }
  .product-lab.chs ::-webkit-scrollbar-thumb:hover {
    background: #00000040; }
  .product-lab.chs h1,
  .product-lab.chs strong,
  .product-lab.chs h3 {
    color: rgba(0, 0, 0, 0.87) !important; }
  .product-lab.chs h1 {
    font-size: 22px;
    line-height: 22px; }
  .product-lab.chs p,
  .product-lab.chs .stock-availability {
    font-size: 14px; }
    .product-lab.chs p a,
    .product-lab.chs .stock-availability a {
      font-size: 12px; }
  .product-lab.chs .mandatory ul {
    min-height: 100px; }
  .product-lab.chs .subsitute-drug {
    height: 300px; }
  .product-lab.chs h4 {
    margin-bottom: 0px !important; }
  .product-lab.chs .btn-primary {
    border-radius: 4px; }

.chs-lab-tests.mandatory .box-drug {
  float: left;
  width: 100%;
  margin: 5px 0px;
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
  line-height: 35px; }

.bottom-fixed {
  display: flex;
  width: 100%;
  background: #65A8EC;
  height: 40px;
  position: fixed;
  bottom: 0;
  align-items: center;
  justify-content: center;
  color: #fff !important; }
  .bottom-fixed a {
    color: #fff !important; }

.lab-booking-process {
  background: #EFF6FD;
  padding: 10px; }
  .lab-booking-process > .flex-row {
    justify-content: space-between;
    align-items: center; }
  .lab-booking-process .fa {
    color: #2B579B; }

.lab-process-content span {
  font-size: 25px;
  color: #2B579B;
  font-weight: bold; }

.container--product-quantity {
  position: fixed;
  background: #fff;
  height: 315px;
  width: auto;
  bottom: -200px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 99999999; }
  .container--product-quantity h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0px; }
  .container--product-quantity .ui.radio.checkbox.customized {
    background: #e1e1e1;
    padding: 5px 7px;
    text-transform: uppercase;
    margin-right: -4px;
    margin-bottom: 15px;
    font-size: 12px; }
    .container--product-quantity .ui.radio.checkbox.customized input[type=radio] {
      width: 100% !important;
      height: 100% !important; }
  .container--product-quantity ul.quantity-select.total {
    padding: 0;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    margin-left: 0px; }
  .container--product-quantity .btn.btn-primary {
    border-radius: 5px;
    margin-bottom: 10px; }
  .container--product-quantity h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px; }
  .container--product-quantity .radio-bg {
    background: #e1e1e1;
    border-radius: 5px; }

.Products .container--product-quantity {
  position: fixed;
  background: #fff;
  height: 315px;
  width: auto;
  bottom: -315px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 99999999; }
  .Products .container--product-quantity h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0px; }
  .Products .container--product-quantity .ui.radio.checkbox.customized {
    background: #e1e1e1;
    padding: 5px 7px;
    text-transform: uppercase;
    margin-right: -4px;
    margin-bottom: 15px;
    font-size: 12px; }
    .Products .container--product-quantity .ui.radio.checkbox.customized input[type=radio] {
      width: 100% !important;
      height: 100% !important; }
  .Products .container--product-quantity ul.quantity-select.total {
    padding: 0;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    margin-left: 0px; }
  .Products .container--product-quantity .btn.btn-primary {
    border-radius: 5px;
    margin-bottom: 10px; }
  .Products .container--product-quantity h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px; }
  .Products .container--product-quantity .radio-bg {
    background: #e1e1e1;
    border-radius: 5px; }

.linethrough {
  text-decoration: line-through !important;
  color: red !important; }

.container--product-que .radio-bg {
  background: #e1e1e1;
  border-radius: 5px; }

.side-bar-menu {
  overflow: scroll; }
  .side-bar-menu .custom-width {
    width: 350px !important;
    margin-left: -350px !important;
    background-color: #f9f9f9 !important; }
    @media (max-width: 767px) {
      .side-bar-menu .custom-width {
        width: 91vw !important;
        margin-left: -300px !important; } }
  .side-bar-menu .sidebar_header {
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: #e0e0e0;
    margin-bottom: 10px; }
    .side-bar-menu .sidebar_header i {
      font-size: 50px;
      margin-top: 0px;
      color: #818181;
      margin-right: 15px; }
    .side-bar-menu .sidebar_header h3 {
      margin-bottom: 2px;
      color: #3c3b3b;
      font-size: 24px;
      margin-top: 5px; }
  .side-bar-menu .item {
    color: #3d3d3d !important; }
  .side-bar-menu .first-level {
    padding-left: 0; }
    .side-bar-menu .first-level li {
      position: relative; }
      .side-bar-menu .first-level li .angle {
        position: absolute;
        right: 10px;
        top: 6px;
        cursor: pointer; }
    .side-bar-menu .first-level .second-level {
      padding-left: 40px;
      display: none; }
      .side-bar-menu .first-level .second-level li {
        position: relative; }
      .side-bar-menu .first-level .second-level .third-level {
        display: none; }
  .side-bar-menu .category {
    display: flex;
    flex-direction: row;
    position: relative; }
    .side-bar-menu .category img {
      padding: 10px;
      width: 45px;
      height: auto;
      font-size: 0.78571429rem;
      margin-left: 5px; }
    .side-bar-menu .category .item {
      padding-left: 0; }
  .side-bar-menu a.item {
    display: flex;
    color: #000;
    padding: 10px 15px;
    font-size: 14px; }
  .side-bar-menu .category {
    display: flex;
    flex-direction: row;
    position: relative; }
  .side-bar-menu .list-none:nth-child(1) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(1) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(1) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .list-none:nth-child(2) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(2) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(2) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .list-none:nth-child(3) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(3) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(3) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .list-none:nth-child(4) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(4) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(4) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .list-none:nth-child(5) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(5) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(5) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .list-none:nth-child(6) a.item.link-icons {
    position: relative !important;
    top: -14px;
    padding-bottom: 0px !important; }
    .side-bar-menu .list-none:nth-child(6) a.item.link-icons span {
      display: inline;
      position: relative;
      top: -8px;
      color: #000 !important; }
      .side-bar-menu .list-none:nth-child(6) a.item.link-icons span::before {
        content: "";
        display: inline-block;
        width: 38px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        position: relative;
        top: 9px; }
  .side-bar-menu .first-level li .fa {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
    color: #000 !important;
    font-size: 10px !important; }
  .side-bar-menu .first-level .second-level {
    padding-left: 40px;
    display: none; }
  .side-bar-menu .first-level .second-level li {
    position: relative; }
  .side-bar-menu .item {
    color: #3d3d3d !important; }
  .side-bar-menu li::marker {
    content: "" !important;
    display: none !important; }
  .side-bar-menu .brb-solid {
    border-bottom: 1px solid #dfd9d9; }

.bg-asan-order {
  background: #F2F2F2;
  align-items: center; }
  .bg-asan-order h2 {
    font-size: 14px;
    color: #FB5F50; }
  .bg-asan-order p {
    font-size: 10px;
    margin: 0; }

@media (max-width: 767px) {
  .btn-asan-order {
    font-size: 12px !important;
    padding: 0px 10px !important;
    height: auto; } }

@media (max-width: 767px) {
  .btn-track-order button,
  .btn-redeem-voucher button {
    background: #FBFBFB;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: lighter;
    height: 45px;
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    align-items: center; } }

.btn-track-order:before {
  content: ""; }

@media (max-width: 767px) {
  .searched-result-items .btn.disabled, .searched-result-items .btn:disabled, .searched-result-items .btn[disabled] {
    width: 80px !important;
    background: transparent !important;
    color: #8e0a00 !important;
    border: none; } }

@media (max-width: 767px) {
  .results_menu.menu {
    box-shadow: none;
    height: 90vh;
    overflow: scroll; } }

.about-dawaai h1 {
  font-size: 32px; }
.about-dawaai p {
  font-size: 12px; }

.download-sticker-alpha {
  background: #F2F2F2;
  border: none;
  display: none; }
  .download-sticker-alpha p, .download-sticker-alpha .btn {
    font-size: 10px;
    color: #2B579B;
    font-weight: 900;
    font-family: "Open Sans", sans-serif !important;
    line-height: 12px; }
  @media (min-width: 400px) {
    .download-sticker-alpha p {
      margin-right: 12px !important; } }
  .download-sticker-alpha .btn.btn-clear::before {
    color: #2B579B; }
  .download-sticker-alpha a {
    font-size: 9px;
    border-radius: 3px;
    background-color: #FB5F50;
    font-weight: 900;
    text-decoration: none; }
    .download-sticker-alpha a:focus, .download-sticker-alpha a:hover {
      background-color: #FB5F50;
      color: #fff; }

@media (max-width: 767px) {
  main.medicine--new-mobile {
    margin-top: 10px; } }

.truncate {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .truncate {
      max-width: 95%; } }

a.clickable {
  display: flex;
  width: 100%;
  position: absolute;
  height: 100%; }

@media (max-width: 320px) and (min-width: 320px) {
  h2.for-price {
    font-size: 100% !important; } }

@media (max-width: 320px) and (min-width: 320px) {
  span.AddToCart-product {
    font-size: 82% !important; } }

@media (max-width: 320px) and (min-width: 320px) {
  #mobile_single_product_total {
    text-align: center; } }

@media (max-width: 767px) {
  .mobile-alpha-only {
    display: flex;
    flex-direction: row;
    font-size: 0px;
    outline: 0;
    border: none; }
    .mobile-alpha-only img.brands-img-fix {
      width: 70px;
      margin: 10px 10px; } }

.reset-password {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55vh;
  text-align: center; }
  @media (max-width: 989px) {
    .reset-password {
      padding-bottom: 30px; } }
  .reset-password .forgot {
    float: none;
    padding-top: 30px;
    padding-bottom: 30px; }
  .reset-password .group {
    margin-top: 6px; }
  .reset-password .popup-left .group {
    border-bottom: 1px solid #666 !important;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .reset-password .popup-left .group:hover {
      border-bottom: 1px solid #008bc7 !important; }
  .reset-password .popup-left input[type="password"], .reset-password .popup-left input[type="text"] {
    border: none;
    font-size: 14px;
    padding: auto 14px; }
    .reset-password .popup-left input[type="password"]:focus, .reset-password .popup-left input[type="text"]:focus {
      outline: none; }
  .reset-password input[type="submit"] {
    background: #2185d0;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 5px 24px;
    font-size: 14px; }
    .reset-password input[type="submit"]:focus, .reset-password input[type="submit"]:hover {
      background: #00569b; }
  .reset-password #signin-wrap h2 {
    color: #666;
    float: none;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px; }
    @media (min-width: 989px) {
      .reset-password #signin-wrap h2 {
        margin-top: 80px; } }
  .reset-password button {
    border: none;
    background: transparent;
    outline: none; }
  .reset-password .confirm-password {
    margin-top: 22px; }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .flex-start .flex-row {
      display: -webkit-box !important; }

    ul {
      text-decoration: none !important;
      list-style-type: none !important;
      list-style: none !important; }
      ul ul {
        text-decoration: none !important;
        list-style-type: none !important;
        list-style: none !important; } } }
.carousel .carousel-locator:nth-of-type(1):checked
~ .carousel-container
.carousel-item:nth-of-type(1), .carousel .carousel-locator:nth-of-type(2):checked
~ .carousel-container
.carousel-item:nth-of-type(2), .carousel .carousel-locator:nth-of-type(3):checked
~ .carousel-container
.carousel-item:nth-of-type(3), .carousel .carousel-locator:nth-of-type(4):checked
~ .carousel-container
.carousel-item:nth-of-type(4) {
  animation: carousel-slidein 0.75s ease-in-out 1;
  opacity: 1;
  z-index: 1; }

.carousel .carousel-locator:nth-of-type(1):checked
~ .carousel-nav
.nav-item:nth-of-type(1), .carousel .carousel-locator:nth-of-type(2):checked
~ .carousel-nav
.nav-item:nth-of-type(2), .carousel .carousel-locator:nth-of-type(3):checked
~ .carousel-nav
.nav-item:nth-of-type(3), .carousel .carousel-locator:nth-of-type(4):checked
~ .carousel-nav
.nav-item:nth-of-type(4) {
  color: gray; }

.carousel {
  background: transparent;
  display: block;
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  z-index: 0; }
  .carousel .carousel-container {
    height: 100%;
    left: 0;
    position: relative; }
    .carousel .carousel-container::before {
      content: "";
      display: block;
      padding-bottom: 56.25%; }
    .carousel .carousel-container .carousel-item {
      animation: carousel-slideout 1s ease-in-out 1;
      height: 100%;
      left: 0;
      margin: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .carousel .carousel-container .carousel-item:hover .item-prev,
      .carousel .carousel-container .carousel-item:hover .item-next {
        opacity: 1; }
    .carousel .carousel-container .item-prev,
    .carousel .carousel-container .item-next {
      background: rgba(128, 128, 128, 0.25);
      border-color: rgba(128, 128, 128, 0.5);
      color: gray;
      opacity: 0;
      position: absolute;
      top: 50%;
      transition: all 0.4s;
      transform: translateY(-50%);
      z-index: 1; }
    .carousel .carousel-container .item-prev {
      left: 1rem; }
    .carousel .carousel-container .item-next {
      right: 1rem; }
  .carousel .carousel-nav {
    bottom: 10px;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 10rem;
    z-index: 1; }
    .carousel .carousel-nav .nav-item {
      color: rgba(128, 128, 128, 0.5);
      display: block;
      flex: 1 0 auto;
      height: 8px;
      margin: 7px;
      max-width: 12px;
      position: relative; }
      .carousel .carousel-nav .nav-item::before {
        background: currentColor;
        content: "";
        display: block;
        height: 12px;
        position: absolute;
        top: 0.5rem;
        width: 12px;
        border-radius: 100%; }

@keyframes carousel-slidein {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }
@keyframes carousel-slideout {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-100%); } }
.step-heading {
  font-weight: bold; }
  @media (max-width: 767px) {
    .step-heading {
      font-size: 16px; } }

.steps-images {
  width: 450px;
  height: auto; }

.step-text-div {
  display: flex; }

.step-number {
  font-size: 76px;
  color: #e0e0e0;
  font-weight: bold;
  font-family: sans-serif;
  margin: 0; }
  @media (max-width: 767px) {
    .step-number {
      font-size: 30px; } }

.step-text {
  font-size: 28px; }
  .step-text p {
    margin: 0; }
  @media (max-width: 767px) {
    .step-text {
      font-size: 15px; } }

.specialties-text {
  font-size: 20px; }
  @media (max-width: 767px) {
    .specialties-text {
      font-size: 13px; } }

.specialties-card {
  width: 100%;
  cursor: pointer; }
  .specialties-card a {
    text-decoration: none !important; }
    .specialties-card a:hover {
      text-decoration: none !important; }
  .specialties-card img {
    height: 110px;
    width: 110px; }
    @media (max-width: 767px) {
      .specialties-card img {
        height: 70px;
        width: 70px; } }
  .specialties-card .card-body {
    padding: 0.5rem !important; }

.doctor-custom-card-width {
  width: 400px !important; }
  @media (max-width: 767px) {
    .doctor-custom-card-width {
      width: 180px !important; } }

.dr-consultation-home .dr-card-width {
  width: 350px; }
  .dr-consultation-home .dr-card-width > div {
    width: 100%; }
  @media (max-width: 768px) {
    .dr-consultation-home .dr-card-width {
      width: 295px; } }
@media (max-width: 768px) {
  .dr-consultation-home .specialties-card .card-body {
    padding-right: 0.3rem !important;
    padding-left: 0.3rem !important; } }

.doctor-consult-card,
.doctor-details {
  border: 1px solid #52aa9f;
  padding: 10px;
  width: 100%; }
  .doctor-consult-card .columns,
  .doctor-details .columns {
    height: 100%; }
  .doctor-consult-card .doctor-card-avatar,
  .doctor-details .doctor-card-avatar {
    border-radius: 100px;
    height: 120px;
    width: 120px; }
    @media (max-width: 767px) {
      .doctor-consult-card .doctor-card-avatar,
      .doctor-details .doctor-card-avatar {
        height: 80px;
        width: 80px;
        margin-bottom: 10px; } }
  .doctor-consult-card p,
  .doctor-details p {
    text-align: left; }
    @media (max-width: 767px) {
      .doctor-consult-card p,
      .doctor-details p {
        text-align: center; } }
  .doctor-consult-card a,
  .doctor-details a {
    color: white;
    font-size: 10px; }
  .doctor-consult-card .dc-title,
  .doctor-details .dc-title {
    color: #52aa9f;
    font-size: 22px; }
    @media (max-width: 1320px) {
      .doctor-consult-card .dc-title,
      .doctor-details .dc-title {
        font-size: 12px; } }
  .doctor-consult-card .dc-profession,
  .doctor-details .dc-profession {
    color: grey;
    font-size: 16px;
    font-weight: 600; }
    @media (max-width: 320px) {
      .doctor-consult-card .dc-profession,
      .doctor-details .dc-profession {
        font-size: 14px; } }
  .doctor-consult-card .dc-details,
  .doctor-details .dc-details {
    color: grey;
    font-size: 16px; }
    @media (max-width: 320px) {
      .doctor-consult-card .dc-details,
      .doctor-details .dc-details {
        font-size: 12px; } }
  .doctor-consult-card .dc-ratings,
  .doctor-details .dc-ratings {
    color: yellow; }
    @media (max-width: 767px) {
      .doctor-consult-card .dc-ratings,
      .doctor-details .dc-ratings {
        padding-left: 20px; } }
    @media (max-width: 320px) {
      .doctor-consult-card .dc-ratings,
      .doctor-details .dc-ratings {
        padding-left: 5px; } }
  .doctor-consult-card .dc-price,
  .doctor-details .dc-price {
    color: #52aa9f;
    font-size: 22px; }
    .doctor-consult-card .dc-price s,
    .doctor-details .dc-price s {
      color: red; }
    @media (max-width: 767px) {
      .doctor-consult-card .dc-price,
      .doctor-details .dc-price {
        font-size: 15px; } }
  .doctor-consult-card .doctor-card-button,
  .doctor-details .doctor-card-button {
    background-color: #52aa9f;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 12px; }
  @media (max-width: 767px) {
    .doctor-consult-card .doctor-card-details,
    .doctor-details .doctor-card-details {
      text-align: center !important; } }

.doctor-consult-banner {
  padding: 20px 0px; }
  .doctor-consult-banner p {
    color: white;
    position: absolute;
    text-align: center;
    z-index: 1;
    display: none;
    overflow: hidden;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%); }
  .doctor-consult-banner video {
    width: 78%;
    height: auto;
    margin: 0 auto;
    display: block;
    border: none;
    outline: none; }
    @media (max-width: 767px) {
      .doctor-consult-banner video {
        width: 100%; } }
.doctor-consult-content {
  background-color: white; }
  .doctor-consult-content h1 {
    color: #4f4f4f;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .doctor-consult-content h1 {
        font-size: 20px; } }
  .doctor-consult-content h2 {
    color: #52aa9f;
    text-align: center;
    font-size: 28px;
    margin-top: 20px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .doctor-consult-content h2 {
        font-size: 20px; } }
  .doctor-consult-content p {
    color: grey;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px; }
    @media (max-width: 767px) {
      .doctor-consult-content p {
        font-size: 14px;
        max-width: 350px; } }
  .doctor-consult-content .grid {
    padding: 10px 20px;
    margin-top: 20px; }
    @media (max-width: 767px) {
      .doctor-consult-content .grid {
        padding: 10px 0px; } }
    .doctor-consult-content .grid .row {
      justify-content: space-between; }
    .doctor-consult-content .grid .owl-nutritionist {
      display: flex;
      overflow: hidden; }
      .doctor-consult-content .grid .owl-nutritionist img {
        width: 70%;
        margin: 0 auto; }
  .doctor-consult-content .want-to-consult {
    background-color: #f5f6f6;
    color: white; }
    .doctor-consult-content .want-to-consult h1 {
      text-transform: uppercase;
      text-align: center;
      font-size: 26px;
      padding-top: 20px;
      color: #52aa9f; }
      @media (max-width: 767px) {
        .doctor-consult-content .want-to-consult h1 {
          font-size: 20px; } }
    .doctor-consult-content .want-to-consult h3 {
      text-transform: uppercase;
      text-align: left;
      font-size: 20px;
      margin-bottom: 0;
      color: #52aa9f; }
      @media (max-width: 767px) {
        .doctor-consult-content .want-to-consult h3 {
          font-size: 15px; } }
    .doctor-consult-content .want-to-consult a {
      margin-left: -11px; }
    @media (max-width: 767px) {
      .doctor-consult-content .want-to-consult .mt-24 {
        margin-top: -24px; } }
    .doctor-consult-content .want-to-consult p {
      color: black !important;
      text-align: left;
      margin: 0; }
      @media (max-width: 767px) {
        .doctor-consult-content .want-to-consult p {
          font-size: 12px; } }
    .doctor-consult-content .want-to-consult .get-link {
      margin-top: 50px;
      margin-bottom: 5px; }
      @media (max-width: 767px) {
        .doctor-consult-content .want-to-consult .get-link {
          margin-top: 20px; } }
    .doctor-consult-content .want-to-consult .form {
      padding-bottom: 5px; }
      .doctor-consult-content .want-to-consult .form button {
        background-color: #52aa9f;
        color: white; }
        @media (max-width: 767px) {
          .doctor-consult-content .want-to-consult .form button {
            margin-top: 4px !important; } }
  .doctor-consult-content .owl-doctor-consult {
    display: flex;
    overflow: hidden;
    padding: 20px 0px; }
    .doctor-consult-content .owl-doctor-consult .owl-nav button.owl-prev {
      float: right;
      font-size: 60px !important;
      position: absolute;
      left: 0px;
      top: 111px;
      outline: 0;
      text-decoration: none;
      color: #504f4f; }
    .doctor-consult-content .owl-doctor-consult .owl-nav button.owl-next {
      float: right;
      font-size: 60px !important;
      position: absolute;
      right: 0px;
      top: 111px;
      outline: 0;
      text-decoration: none;
      color: #504f4f; }

#accordion-1:checked ~ label {
  color: black !important; }

#accordion-2:checked ~ label {
  color: black !important; }

#accordion-3:checked ~ label {
  color: black !important; }

#accordion-4:checked ~ label {
  color: black !important; }

#accordion-5:checked ~ label {
  color: black !important; }

#accordion-6:checked ~ label {
  color: black !important; }

#accordion-7:checked ~ label {
  color: black !important; }

#accordion-8:checked ~ label {
  color: black !important; }

#accordion-9:checked ~ label {
  color: black !important; }

#accordion-10:checked ~ label {
  color: black !important; }

#accordion-11:checked ~ label {
  color: black !important; }

#accordion-12:checked ~ label {
  color: black !important; }

#accordion-13:checked ~ label {
  color: black !important; }

#accordion-14:checked ~ label {
  color: black !important; }

#accordion-15:checked ~ label {
  color: black !important; }

.video-bg-color {
  background-color: #33aa9e; }

.video-div {
  background-color: whitesmoke;
  width: 100%;
  line-height: 0px !important; }

.video-title p {
  color: white;
  font-size: 16px; }

.faq-container {
  background-color: #f2f2f2;
  border-radius: 5px; }

.faq-answers {
  color: #787887; }

#message-div {
  margin-top: 45px; }

.oldPrice {
  color: red;
  text-decoration: line-through red; }

.newPrice {
  padding-left: 10px; }

.switch-form-mobile {
  display: none; }

.doctor-category .form-select.sort {
  width: 200px;
  height: 45px; }
  @media (max-width: 768px) {
    .doctor-category .form-select.sort {
      width: 170px;
      height: 38px; } }
.doctor-category .search {
  position: relative; }
  .doctor-category .search input {
    width: 435px;
    height: 45px;
    padding-left: 54px; }
    @media (max-width: 768px) {
      .doctor-category .search input {
        height: 42px;
        width: 100%;
        padding-left: 40px; } }
  .doctor-category .search svg {
    top: 12px;
    position: absolute;
    left: 26px; }
    @media (max-width: 768px) {
      .doctor-category .search svg {
        left: 12px; } }
.doctor-category a.text-teal:hover, .doctor-category a.text-teal:active, .doctor-category a.text-teal:visited {
  color: #33aa9e !important; }

.doctor-profile-details .doctor-details {
  border: none;
  width: auto; }
  .doctor-profile-details .doctor-details .dc-title {
    font-size: 25px; }
    @media (max-width: 767px) {
      .doctor-profile-details .doctor-details .dc-title {
        font-size: 18px; } }
  .doctor-profile-details .doctor-details .dc-details,
  .doctor-profile-details .doctor-details .dc-profession {
    font-size: 20px;
    color: #4f4f4f; }
    @media (max-width: 767px) {
      .doctor-profile-details .doctor-details .dc-details,
      .doctor-profile-details .doctor-details .dc-profession {
        font-size: 15px; } }
  .doctor-profile-details .doctor-details .dc-price {
    font-size: 23px; }
    @media (max-width: 767px) {
      .doctor-profile-details .doctor-details .dc-price {
        font-size: 17px; } }
  @media (max-width: 767px) {
    .doctor-profile-details .doctor-details p {
      text-align: left; } }

.doctor-details-avatar {
  height: 200px;
  width: 200px; }
  @media (max-width: 767px) {
    .doctor-details-avatar {
      width: 130px;
      height: 130px; } }

@media (max-width: 767px) {
  .doctor-background .tabbed {
    margin: 0; } }
.doctor-background .tabbed .tabs .tab {
  margin: 0; }
  .doctor-background .tabbed .tabs .tab label {
    color: #33aa9e !important;
    background-color: #f2f2f2 !important;
    border-radius: 5px 5px 0px 0px;
    border: none;
    font-size: 18px;
    text-transform: none;
    box-shadow: 2px 0px 4px #c7c4c4; }
    @media (max-width: 767px) {
      .doctor-background .tabbed .tabs .tab label {
        font-size: 14px; } }
.doctor-background .tabbed .tab-content {
  font-size: 18px;
  color: #4f4f4f;
  border-radius: 5px;
  box-shadow: 1px 1px 8px #c7c4c4; }
  @media (max-width: 767px) {
    .doctor-background .tabbed .tab-content {
      font-size: 14px; } }

.booking-card {
  box-shadow: 0px 0px 5px #c7c4c4;
  border-radius: 5px !important; }
  .booking-card .card .card-header {
    color: #33aa9e;
    background-color: #f2f2f2; }
    @media (max-width: 767px) {
      .booking-card .card .card-header {
        font-size: 18px; } }
  .booking-card .card .card-body .booking-date-input {
    border: none;
    border-bottom: 2px solid #4f4f4f;
    color: #4f4f4f;
    outline: none;
    width: 180px;
    cursor: pointer; }
  .booking-card .card .card-body #calender-input-label {
    cursor: pointer; }
  .booking-card .card .card-body .booking-timing input {
    display: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(1):disabled
  ~ .slot-label:nth-of-type(1) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(1):checked
  ~ .slot-label:nth-of-type(1) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(2):disabled
  ~ .slot-label:nth-of-type(2) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(2):checked
  ~ .slot-label:nth-of-type(2) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(3):disabled
  ~ .slot-label:nth-of-type(3) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(3):checked
  ~ .slot-label:nth-of-type(3) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(4):disabled
  ~ .slot-label:nth-of-type(4) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(4):checked
  ~ .slot-label:nth-of-type(4) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(5):disabled
  ~ .slot-label:nth-of-type(5) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(5):checked
  ~ .slot-label:nth-of-type(5) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(6):disabled
  ~ .slot-label:nth-of-type(6) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(6):checked
  ~ .slot-label:nth-of-type(6) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(7):disabled
  ~ .slot-label:nth-of-type(7) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(7):checked
  ~ .slot-label:nth-of-type(7) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(8):disabled
  ~ .slot-label:nth-of-type(8) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(8):checked
  ~ .slot-label:nth-of-type(8) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(9):disabled
  ~ .slot-label:nth-of-type(9) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(9):checked
  ~ .slot-label:nth-of-type(9) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(10):disabled
  ~ .slot-label:nth-of-type(10) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(10):checked
  ~ .slot-label:nth-of-type(10) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(11):disabled
  ~ .slot-label:nth-of-type(11) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(11):checked
  ~ .slot-label:nth-of-type(11) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(12):disabled
  ~ .slot-label:nth-of-type(12) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(12):checked
  ~ .slot-label:nth-of-type(12) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(13):disabled
  ~ .slot-label:nth-of-type(13) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(13):checked
  ~ .slot-label:nth-of-type(13) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(14):disabled
  ~ .slot-label:nth-of-type(14) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(14):checked
  ~ .slot-label:nth-of-type(14) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(15):disabled
  ~ .slot-label:nth-of-type(15) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(15):checked
  ~ .slot-label:nth-of-type(15) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(16):disabled
  ~ .slot-label:nth-of-type(16) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(16):checked
  ~ .slot-label:nth-of-type(16) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(17):disabled
  ~ .slot-label:nth-of-type(17) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(17):checked
  ~ .slot-label:nth-of-type(17) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(18):disabled
  ~ .slot-label:nth-of-type(18) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(18):checked
  ~ .slot-label:nth-of-type(18) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(19):disabled
  ~ .slot-label:nth-of-type(19) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(19):checked
  ~ .slot-label:nth-of-type(19) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(20):disabled
  ~ .slot-label:nth-of-type(20) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(20):checked
  ~ .slot-label:nth-of-type(20) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(21):disabled
  ~ .slot-label:nth-of-type(21) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(21):checked
  ~ .slot-label:nth-of-type(21) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(22):disabled
  ~ .slot-label:nth-of-type(22) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(22):checked
  ~ .slot-label:nth-of-type(22) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(23):disabled
  ~ .slot-label:nth-of-type(23) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(23):checked
  ~ .slot-label:nth-of-type(23) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(24):disabled
  ~ .slot-label:nth-of-type(24) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(24):checked
  ~ .slot-label:nth-of-type(24) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(25):disabled
  ~ .slot-label:nth-of-type(25) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(25):checked
  ~ .slot-label:nth-of-type(25) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(26):disabled
  ~ .slot-label:nth-of-type(26) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(26):checked
  ~ .slot-label:nth-of-type(26) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(27):disabled
  ~ .slot-label:nth-of-type(27) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(27):checked
  ~ .slot-label:nth-of-type(27) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(28):disabled
  ~ .slot-label:nth-of-type(28) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(28):checked
  ~ .slot-label:nth-of-type(28) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(29):disabled
  ~ .slot-label:nth-of-type(29) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(29):checked
  ~ .slot-label:nth-of-type(29) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(30):disabled
  ~ .slot-label:nth-of-type(30) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(30):checked
  ~ .slot-label:nth-of-type(30) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(31):disabled
  ~ .slot-label:nth-of-type(31) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(31):checked
  ~ .slot-label:nth-of-type(31) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(32):disabled
  ~ .slot-label:nth-of-type(32) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(32):checked
  ~ .slot-label:nth-of-type(32) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(33):disabled
  ~ .slot-label:nth-of-type(33) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(33):checked
  ~ .slot-label:nth-of-type(33) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(34):disabled
  ~ .slot-label:nth-of-type(34) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(34):checked
  ~ .slot-label:nth-of-type(34) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(35):disabled
  ~ .slot-label:nth-of-type(35) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(35):checked
  ~ .slot-label:nth-of-type(35) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(36):disabled
  ~ .slot-label:nth-of-type(36) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(36):checked
  ~ .slot-label:nth-of-type(36) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(37):disabled
  ~ .slot-label:nth-of-type(37) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(37):checked
  ~ .slot-label:nth-of-type(37) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(38):disabled
  ~ .slot-label:nth-of-type(38) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(38):checked
  ~ .slot-label:nth-of-type(38) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(39):disabled
  ~ .slot-label:nth-of-type(39) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(39):checked
  ~ .slot-label:nth-of-type(39) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(40):disabled
  ~ .slot-label:nth-of-type(40) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(40):checked
  ~ .slot-label:nth-of-type(40) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(41):disabled
  ~ .slot-label:nth-of-type(41) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(41):checked
  ~ .slot-label:nth-of-type(41) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(42):disabled
  ~ .slot-label:nth-of-type(42) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(42):checked
  ~ .slot-label:nth-of-type(42) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(43):disabled
  ~ .slot-label:nth-of-type(43) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(43):checked
  ~ .slot-label:nth-of-type(43) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(44):disabled
  ~ .slot-label:nth-of-type(44) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(44):checked
  ~ .slot-label:nth-of-type(44) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(45):disabled
  ~ .slot-label:nth-of-type(45) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(45):checked
  ~ .slot-label:nth-of-type(45) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(46):disabled
  ~ .slot-label:nth-of-type(46) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(46):checked
  ~ .slot-label:nth-of-type(46) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(47):disabled
  ~ .slot-label:nth-of-type(47) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(47):checked
  ~ .slot-label:nth-of-type(47) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(48):disabled
  ~ .slot-label:nth-of-type(48) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(48):checked
  ~ .slot-label:nth-of-type(48) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(49):disabled
  ~ .slot-label:nth-of-type(49) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(49):checked
  ~ .slot-label:nth-of-type(49) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(50):disabled
  ~ .slot-label:nth-of-type(50) {
    border-color: #aeaeae;
    color: #aeaeae;
    cursor: not-allowed;
    box-shadow: none; }
  .booking-card .card .card-body .booking-timing
  [type="radio"]:nth-of-type(50):checked
  ~ .slot-label:nth-of-type(50) {
    border-color: #33aa9e;
    color: #33aa9e;
    box-shadow: 1px 1px 5px gray; }
  .booking-card .card .card-body .slot-label-div {
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 115px; }
    .booking-card .card .card-body .slot-label-div .slot-label {
      border: 1px solid black;
      color: black;
      border-radius: 5px;
      font-weight: 200;
      font-size: 14px;
      padding: 10px 15px;
      cursor: pointer;
      margin: 7px; }
      .booking-card .card .card-body .slot-label-div .slot-label:hover {
        box-shadow: 1px 1px 5px gray; }
      @media (max-width: 767px) {
        .booking-card .card .card-body .slot-label-div .slot-label {
          padding: 7px 10px;
          font-size: 12px;
          font-weight: bold; } }
    .booking-card .card .card-body .slot-label-div .slot-disable {
      border-color: #aeaeae;
      color: #aeaeae; }
  .booking-card .card .card-footer .book-appo-button {
    background-color: #33aa9e;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer; }
  .booking-card .card .card-footer .book-appo-button:disabled {
    background-color: #33aa9e;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: not-allowed; }

.patient-form-card {
  display: none; }
  .patient-form-card .card .card-header {
    color: #33aa9e;
    background-color: #f2f2f2; }
    @media (max-width: 767px) {
      .patient-form-card .card .card-header {
        font-size: 18px; } }
  .patient-form-card .card .card-footer .payment-button {
    background-color: #33aa9e;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer; }
  .patient-form-card .card .card-footer .payment-button:disabled {
    background-color: #33aa9e;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: not-allowed; }

.patient-form-card-mobile .card .card-footer .payment-button {
  background-color: #33aa9e;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer; }
.patient-form-card-mobile .card .card-footer .payment-button:disabled {
  background-color: #33aa9e;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: not-allowed; }

.disabled-div {
  pointer-events: none;
  opacity: 0.3;
  background: none; }

.switch-div-back {
  text-decoration: underline;
  color: blue;
  cursor: pointer; }

.switch-div-mobile-back {
  text-decoration: underline;
  color: blue;
  cursor: pointer; }

.credit-card-container input {
  -webkit-appearance: auto !important; }

.css-payment-pci input:checked ~ label, .css-payment-mobile-only input:checked ~ label {
  color: #3B4351;
  font-weight: bold; }
.css-payment-pci .add-new-card-btn, .css-payment-mobile-only .add-new-card-btn {
  font-size: 14px !important; }
.css-payment-pci .debit-mobile, .css-payment-mobile-only .debit-mobile {
  justify-content: space-between;
  position: relative; }
  .css-payment-pci .debit-mobile .add-new-card-btn, .css-payment-mobile-only .debit-mobile .add-new-card-btn {
    font-size: 12px !important;
    position: absolute !important;
    right: 9px;
    top: -6px; }
.css-payment-pci .credit-card-container input:checked ~ label, .css-payment-mobile-only .credit-card-container input:checked ~ label {
  color: #3B4351;
  font-weight: bold; }
.css-payment-pci .credit-card-container .form-group span, .css-payment-mobile-only .credit-card-container .form-group span {
  font-size: 14px !important; }
  @media (max-width: 989px) {
    .css-payment-pci .credit-card-container .form-group span, .css-payment-mobile-only .credit-card-container .form-group span {
      font-size: 12px !important; } }
@media (max-width: 989px) {
  .css-payment-pci .credit-card-container .form-group, .css-payment-mobile-only .credit-card-container .form-group {
    margin-bottom: 0px; } }
.css-payment-pci .credit-card-container .card-details-list label span, .css-payment-mobile-only .credit-card-container .card-details-list label span {
  font-size: 12px; }
.css-payment-pci .credit-card-container .edit-card-details, .css-payment-mobile-only .credit-card-container .edit-card-details {
  display: inline-block; }
.css-payment-pci .credit-card-container li:last-child .edit-card-details, .css-payment-mobile-only .credit-card-container li:last-child .edit-card-details {
  display: inline-block !important; }
.css-payment-pci .credit-card-container span i, .css-payment-mobile-only .credit-card-container span i {
  color: #2A579B; }
.css-payment-pci .credit-card-container .trash-card i:hover, .css-payment-mobile-only .credit-card-container .trash-card i:hover {
  color: red !important; }

.dr-consult.add-card-modal .form-label,
.dr-consult.edit-card-modal .form-label {
  font-weight: bold; }
@media (max-width: 989px) {
  .dr-consult.add-card-modal .modal-container,
  .dr-consult.edit-card-modal .modal-container {
    padding-right: 10px;
    padding-left: 10px; } }
.dr-consult.add-card-modal .modal-body,
.dr-consult.edit-card-modal .modal-body {
  background-color: #fff !important; }
  .dr-consult.add-card-modal .modal-body .card-back-container,
  .dr-consult.edit-card-modal .modal-body .card-back-container {
    margin-top: 35px; }
    @media (max-width: 989px) {
      .dr-consult.add-card-modal .modal-body .card-back-container,
      .dr-consult.edit-card-modal .modal-body .card-back-container {
        flex-direction: column; } }
    .dr-consult.add-card-modal .modal-body .card-back-container small,
    .dr-consult.edit-card-modal .modal-body .card-back-container small {
      font-size: 10px; }
  @media (min-width: 989px) {
    .dr-consult.add-card-modal .modal-body .cvv-container,
    .dr-consult.edit-card-modal .modal-body .cvv-container {
      margin-left: 5px; } }
  @media (max-width: 989px) {
    .dr-consult.add-card-modal .modal-body .for-month,
    .dr-consult.edit-card-modal .modal-body .for-month {
      padding-right: 1px; }
    .dr-consult.add-card-modal .modal-body .for-year,
    .dr-consult.edit-card-modal .modal-body .for-year {
      padding-left: 1px; }
    .dr-consult.add-card-modal .modal-body .card-info,
    .dr-consult.edit-card-modal .modal-body .card-info {
      display: flex; }
      .dr-consult.add-card-modal .modal-body .card-info i,
      .dr-consult.edit-card-modal .modal-body .card-info i {
        padding-right: 5px; } }

.css-payment-desktop-only .add-new-card-btn {
  position: static !important; }

#confirm-appointment-button.loading {
  color: transparent !important; }

#confirm-appointment-button:disabled {
  background-color: #e2e2e2 !important; }

.appointment-page {
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  color: #333; }

.main-page {
  margin-top: 141px;
  background-color: white; }

.gif {
  width: 100px;
  align-content: center;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alert {
  font-size: 40px;
  padding-top: 50px;
  text-align: left;
  color: #2B579B;
  text-align: center; }

.para {
  font-size: 20px;
  font-weight: bold;
  color: #333; }

.paraa {
  padding-top: 40px;
  font-size: 20px;
  color: #003B82; }

.appoint-detail {
  width: 100%;
  display: flex;
  justify-content: center; }

.appointment-details {
  padding: 50px;
  border-radius: 5px;
  background-color: #EBF3FA; }

.sub {
  padding-top: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.sub h2 {
  color: #003B82;
  font-size: 20px;
  text-align: center; }

.sub h4 {
  color: #003B82;
  font-size: 20px;
  text-align: center;
  display: flex;
  flex-direction: column; }

.sub span {
  color: #333; }

.footer-thank {
  margin-top: auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .footer-thank {
      margin-top: 20px; } }

.footer-margin {
  margin-top: -10px;
  background-color: white;
  margin-bottom: 141px; }

.ezpaisa-token {
  text-align: left;
  width: 50%;
  display: flex;
  justify-content: center; }

.ezpaisa-token-info {
  padding: 50px;
  border-radius: 5px;
  background-color: #EBF3FA; }

.ezpaisa-notify {
  text-align: left; }

.raheel {
  border: 1px solid lightgray;
  padding: 50px;
  border-radius: 5px;
  background-color: #EBF3FA; }

.appointment-detail {
  text-align: left; }

.subb {
  padding-top: 2px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.notify {
  background-color: white;
  font-size: 18px; }

.notify-border {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 5px;
  border: 1px solid lightgray;
  padding: 25px; }

.css-payment-desktop-only {
  background-color: #f6f5f5; }

.option {
  background-color: white;
  border-radius: 10px;
  margin-bottom: auto; }

.payment-method {
  border: 1px solid lightgray;
  padding: 10px;
  border-radius: 10px;
  background-color: white;
  padding-bottom: 20px;
  border-radius: 10px; }

.payment-method2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 5px; }

.head {
  font-size: x-large; }

.end {
  margin-top: 20px;
  text-align: center;
  font-size: medium; }

.summary {
  background-color: #f6f5f5; }

.dawaai-cash {
  border-radius: 5px;
  padding: 5px;
  align-items: center;
  background-color: white;
  font-weight: bold;
  border: 1px solid lightgray; }

.sub-summary {
  border: 1px solid lightgray;
  background-color: white;
  border-radius: 5px;
  padding: 7px;
  padding-bottom: 2px; }

.head-text {
  padding-bottom: 10px;
  font-weight: bold; }

.order-summary {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold; }

.price {
  text-align: end; }

.desc1 {
  font-weight: bold; }

.price1 {
  text-align: end;
  color: #33aa9e;
  font-weight: bold; }

.apply {
  background-color: #33aa9e;
  color: white;
  padding: 5px;
  border-radius: 5px;
  font-weight: bold;
  border: none; }

.confirm {
  margin-top: 20px; }

.confirm-button {
  width: 100%;
  background-color: #33aa9e;
  color: white;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  border: none; }

.css-payment-mobile-only {
  background-color: #f6f5f5; }

.easypaisa {
  border-radius: 5px;
  padding: 5px;
  align-items: center;
  background-color: white;
  font-weight: bold;
  border: 1px solid lightgray; }

.confrim-mobile {
  margin-top: 20px;
  z-index: 999999; }

.confirm-button-mobile {
  width: 100%;
  background-color: #33aa9e;
  color: white;
  padding: 15px;
  border-radius: 2px;
  font-weight: bold;
  border: none; }

.easypaisa-img {
  text-align: center;
  float: right;
  padding-right: 20px;
  padding-top: 10px; }

.consultation-bottom-sheet {
  border-radius: 20px;
  padding: 10px;
  align-items: center;
  background-color: white;
  font-weight: bold;
  border: 1px solid lightgray;
  width: 96%;
  bottom: 0;
  position: fixed; }

.easypaisa-selection {
  display: none; }

.easy-paisa-shop-method,
.easy-paisa-mobile-account-method {
  display: none; }

.ez-btn {
  width: 100%;
  text-align: left;
  padding: 5px;
  border: 0;
  background: white; }

.ez-btn:hover {
  background: rgba(50, 170, 158, 0.2);
  color: black; }

.consultation-accordion .accordion-bullets {
  appearance: auto !important; }

.consultation-accordion-body {
  display: none; }

.consultation-accordion:nth-of-type(1)
[type="radio"]:checked
~ .accordion-heading {
  color: #3b4351 !important; }

.consultation-accordion:nth-of-type(1)
[type="radio"]:checked
~ .consultation-accordion-body {
  display: block; }

.consultation-accordion:nth-of-type(2)
[type="radio"]:checked
~ .accordion-heading {
  color: #3b4351 !important; }

.consultation-accordion:nth-of-type(2)
[type="radio"]:checked
~ .consultation-accordion-body {
  display: block; }

.consultation-accordion:nth-of-type(3)
[type="radio"]:checked
~ .accordion-heading {
  color: #3b4351 !important; }

.consultation-accordion:nth-of-type(3)
[type="radio"]:checked
~ .consultation-accordion-body {
  display: block; }

.consultation-accordion:nth-of-type(4)
[type="radio"]:checked
~ .accordion-heading {
  color: #3b4351 !important; }

.consultation-accordion:nth-of-type(4)
[type="radio"]:checked
~ .consultation-accordion-body {
  display: block; }

#confirm-appointment-button:disabled {
  background-color: #33aa9e;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: not-allowed; }

.consultation-accordion.debit {
  margin-bottom: 0px; }

.css-payment-desktop-only {
  margin-top: 100px; }

.confirm-mobile.my-10.pci {
  position: fixed;
  bottom: 0px;
  width: 95%; }

.card {
  width: 100% !important;
  border-radius: 10px;
  position: relative; }
  .card .card-image {
    padding-top: 0.8rem;
    height: fit-content; }
    @media (max-width: 768px) {
      .card .card-image {
        height: fit-content;
        padding-top: 23px; } }
    .card .card-image > a {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      height: 180px;
      position: absolute;
      z-index: 1; }
      @media (max-width: 789px) {
        .card .card-image > a {
          height: 140px; } }
    .card .card-image img {
      margin: 0 auto;
      width: 180px;
      height: 180px; }
      @media (max-width: 789px) {
        .card .card-image img {
          width: 140px;
          height: 140px;
          margin-top: 0px; } }
  .card .card-body {
    text-align: left; }
    .card .card-body h2 {
      height: 35px;
      overflow: hidden; }
      .card .card-body h2 > a {
        font-size: 14px;
        font-weight: bold !important; }
        @media (max-width: 767px) {
          .card .card-body h2 > a {
            font-size: 12px; } }
    .card .card-body p, .card .card-body a {
      margin: 0;
      font-size: 12px;
      color: #333333; }
      @media (max-width: 767px) {
        .card .card-body p, .card .card-body a {
          font-size: 10px; } }
    .card .card-body h4 {
      color: #333333;
      font-size: 14px;
      margin-top: 12px;
      margin-bottom: 0px; }
      @media (max-width: 767px) {
        .card .card-body h4 {
          font-size: 13px; } }
      .card .card-body h4 > span {
        text-decoration: line-through;
        color: red;
        margin-left: 5px;
        font-size: 12px; }
        @media (max-width: 767px) {
          .card .card-body h4 > span {
            font-size: 12px; } }
  .card .card-footer .btn.btn-primary.AddToCart {
    width: 100%;
    border-radius: 5px; }
  .card .card-footer .btn.btn-primary.SoldOut {
    width: 100%;
    background: #8a8787 !important;
    border: none;
    border-radius: 5px; }
  .card.styled {
    height: 70px;
    box-shadow: 1px 1px 4px 1px #00000014;
    border: none;
    box-sizing: border-box; }

.card.not-product > a {
  height: 150px; }
.card.not-product img {
  width: 80px;
  height: auto; }

.card-image img.d-block {
  margin-top: 7px; }

.container--product-quantity {
  position: fixed;
  background: #fff;
  height: 315px;
  width: auto;
  bottom: -200px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 99999999; }
  .container--product-quantity h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0px; }
  .container--product-quantity .ui.radio.checkbox.customized {
    background: #e1e1e1;
    padding: 5px 7px;
    text-transform: uppercase;
    margin-right: -4px;
    margin-bottom: 15px;
    font-size: 12px; }
    .container--product-quantity .ui.radio.checkbox.customized input[type=radio] {
      width: 100% !important;
      height: 100% !important; }
  .container--product-quantity ul.quantity-select.total {
    padding: 0;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    margin-left: 0px; }
  .container--product-quantity .btn.btn-primary {
    border-radius: 5px;
    margin-bottom: 10px; }
  .container--product-quantity h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px; }
  .container--product-quantity .radio-bg {
    background: #e1e1e1;
    border-radius: 5px; }

.Products .container--product-quantity {
  position: fixed;
  background: #fff;
  height: 315px;
  width: auto;
  bottom: -315px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 99999999; }
  .Products .container--product-quantity h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0px; }
  .Products .container--product-quantity .ui.radio.checkbox.customized {
    background: #e1e1e1;
    padding: 5px 7px;
    text-transform: uppercase;
    margin-right: -4px;
    margin-bottom: 15px;
    font-size: 12px; }
    .Products .container--product-quantity .ui.radio.checkbox.customized input[type=radio] {
      width: 100% !important;
      height: 100% !important; }
  .Products .container--product-quantity ul.quantity-select.total {
    padding: 0;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    margin-left: 0px; }
  .Products .container--product-quantity .btn.btn-primary {
    border-radius: 5px;
    margin-bottom: 10px; }
  .Products .container--product-quantity h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 18px; }
  .Products .container--product-quantity .radio-bg {
    background: #e1e1e1;
    border-radius: 5px; }

.linethrough {
  text-decoration: line-through !important;
  color: red !important; }

.container--product-que .radio-bg {
  background: #e1e1e1;
  border-radius: 5px; }

section.systemic_class ul.systemic.sidebar {
  padding: 0;
  list-style-type: none;
  outline: 0;
  box-sizing: border-box;
  border: 1px solid #BDBDBD; }
  @media (max-width: 767px) {
    section.systemic_class ul.systemic.sidebar {
      height: 80vh;
      overflow: scroll; } }
  section.systemic_class ul.systemic.sidebar li {
    padding: 0px 10px;
    height: 40px;
    border-bottom: 1px solid #BDBDBD;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: space-between; }
    section.systemic_class ul.systemic.sidebar li.active {
      background: #FFE4E1;
      font-weight: bold; }
    section.systemic_class ul.systemic.sidebar li a {
      color: #000;
      width: 100%;
      display: flex !important;
      height: 100%;
      align-items: center; }
    section.systemic_class ul.systemic.sidebar li:last-child {
      border-bottom: none; }

section.systemic_class h2 {
  font-weight: bold; }
section.systemic_class .child-classes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  section.systemic_class .child-classes::-webkit-scrollbar {
    display: none !important; }
  section.systemic_class .child-classes::-webkit-scrollbar-thumb {
    display: none !important; }
  section.systemic_class .child-classes::-webkit-scrollbar-track {
    display: none !important; }
  @media (max-width: 767px) {
    section.systemic_class .child-classes {
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth; } }
  section.systemic_class .child-classes h3 {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: bold; }
  section.systemic_class .child-classes .label-systemic-child {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #2B579B;
    border-radius: 6px;
    color: #2B579B;
    cursor: pointer; }
    @media (max-width: 767px) {
      section.systemic_class .child-classes .label-systemic-child {
        font-size: 11px; } }
    section.systemic_class .child-classes .label-systemic-child.selected {
      background-color: #EFF7FF;
      border: 1px solid #2B579B;
      border-radius: 6px;
      box-shadow: 0 2px 2px 0 rgba(43, 87, 155, 0.59);
      color: #2B579B; }
      section.systemic_class .child-classes .label-systemic-child.selected i {
        cursor: pointer;
        display: block; }
    section.systemic_class .child-classes .label-systemic-child i {
      cursor: pointer;
      display: none; }
section.systemic_class .hamburger-menu span {
  color: #000; }
  section.systemic_class .hamburger-menu span:nth-child(1) {
    background: #000 !important; }
  section.systemic_class .hamburger-menu span:nth-child(2) {
    background: #000 !important; }
  section.systemic_class .hamburger-menu span:nth-child(3) {
    background: #000 !important; }
section.systemic_class .systemic-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 10px 0px;
  border-radius: 6px; }
@media (min-width: 989px) {
  section.therapeutic_class {
    margin-top: 140px; } }
section.therapeutic_class h2 {
  font-weight: bold; }
  section.therapeutic_class h2 > span {
    text-transform: capitalize; }
section.therapeutic_class .child-classes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #ffe4e1;
  border-radius: 5px;
  padding: 5px 10px;
  justify-content: space-evenly; }
  section.therapeutic_class .child-classes::-webkit-scrollbar {
    display: none !important; }
  section.therapeutic_class .child-classes::-webkit-scrollbar-thumb {
    display: none !important; }
  section.therapeutic_class .child-classes::-webkit-scrollbar-track {
    display: none !important; }
  @media (max-width: 767px) {
    section.therapeutic_class .child-classes {
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth; } }
  section.therapeutic_class .child-classes h3 {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: bold; }
  section.therapeutic_class .child-classes .label-systemic-child {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #2B579B;
    border-radius: 6px;
    color: #2B579B; }
    @media (max-width: 767px) {
      section.therapeutic_class .child-classes .label-systemic-child {
        font-size: 12px; } }
    section.therapeutic_class .child-classes .label-systemic-child.selected {
      background-color: #EFF7FF;
      border: 1px solid #2B579B;
      border-radius: 6px;
      box-shadow: 0 2px 2px 0 rgba(43, 87, 155, 0.59);
      color: #2B579B; }
      section.therapeutic_class .child-classes .label-systemic-child.selected i {
        cursor: pointer;
        display: block; }
    section.therapeutic_class .child-classes .label-systemic-child i {
      cursor: pointer;
      display: none; }
  section.therapeutic_class .child-classes a {
    color: #000;
    width: 30px;
    text-align: center;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      section.therapeutic_class .child-classes a {
        margin-right: 30px;
        position: relative;
        left: 360px;
        width: auto; } }
    @media (min-width: 320px) and (max-width: 320px) {
      section.therapeutic_class .child-classes a {
        margin-right: 27px; } }
    section.therapeutic_class .child-classes a.active {
      font-weight: bold;
      text-decoration: none;
      border-bottom: 3px solid #FB5F50; }

@media (min-width: 989px) {
  section.systemic_class {
    margin-top: 140px; } }

@keyframes tonext {
  75% {
    left: 0; }
  95% {
    left: 100%; }
  98% {
    left: 100%; }
  99% {
    left: 0; } }
@keyframes tostart {
  75% {
    left: 0; }
  95% {
    left: -300%; }
  98% {
    left: -300%; }
  99% {
    left: 0; } }
@keyframes snap {
  96% {
    scroll-snap-align: center; }
  97% {
    scroll-snap-align: none; }
  99% {
    scroll-snap-align: none; }
  100% {
    scroll-snap-align: center; } }
* {
  box-sizing: border-box; }

* {
  -ms-overflow-style: none; }

ol, li {
  list-style: none;
  margin: 0;
  padding: 0; }

.carousel {
  position: relative;
  filter: drop-shadow(0 0 10px #0003);
  perspective: 100px; }

.carousel__viewport {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory; }

.carousel__slide {
  position: relative;
  flex: 0 0 85%;
  width: 100%;
  counter-increment: item;
  margin-left: 15px !important; }

.carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  scroll-snap-align: center; }

@media (hover: hover) {
  .carousel__snapper {
    animation-name: tonext, snap;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-iteration-count: infinite; }

  .carousel__slide:last-child .carousel__snapper {
    animation-name: tostart, snap; } }
@media (prefers-reduced-motion: reduce) {
  .carousel__snapper {
    animation-name: none; } }
.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
  animation-name: none; }

.custom input {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.row {
  display: flex; }
  .row .col {
    flex: 1; }
    .row .col:last-child {
      margin-left: 1em; }

/* Accordion styles */
.accordions {
  border-radius: 8px;
  overflow: hidden; }

.accordion {
  width: 100%;
  color: #000;
  overflow: hidden; }
  .accordion-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: #c8c8c8;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    border-radius: 5px 0px;
    /* Icon */ }
    .accordion-label:hover {
      background: #afafaf; }
    .accordion-label::after {
      content: "\276F";
      width: 1em;
      height: 1em;
      text-align: center;
      transition: all .35s; }
  .accordion-content {
    max-height: 0;
    padding: 0px 10px;
    color: #000;
    background: white;
    transition: all .35s;
    opacity: 0; }
  .accordion-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #c8c8c8;
    cursor: pointer; }
    .accordion-close:hover {
      background: #afafaf; }

input:checked + .accordion-label {
  background: #edf7f6;
  color: black; }
  input:checked + .accordion-label::after {
    transform: rotate(90deg); }
input:checked ~ .accordion-content {
  max-height: 100%;
  padding: 10px;
  width: 100%;
  opacity: 1; }

.accordion--lab .accordion input[type=radio]:checked + label i.fa.fa-plus {
  display: none !important; }

.accordion--lab .accordion input[type=radio]:not(:checked) + label i.fa.fa-minus {
  display: none !important; }

.accordion--med-pro .accordion input[type=checkbox]:checked + label i.fa.fa-plus {
  display: none !important; }
.accordion--med-pro .accordion label {
  background: #e1e1e1;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0px;
  margin-right: 8px; }
.accordion--med-pro .accordion .accordion-body ul li {
  margin-bottom: 0px; }

.accordion--med-pro .accordion input[type=checkbox]:not(:checked) + label i.fa.fa-minus {
  display: none !important; }

body .custom ::-webkit-scrollbar {
  display: none; }

body .custom ::-moz-scrollbar {
  display: none; }

body .custom ::-o-scrollbar {
  display: none; }

body .custom ::-ms-scrollbar {
  display: none; }

.accordion--lab .accordion:last-child label {
  border: none; }
.accordion--lab .accordion label {
  border-bottom: 1px solid #ccc;
  height: 37px;
  display: flex;
  align-items: flex-start; }
.accordion--lab input:checked ~ label {
  color: #2a579b !important; }

.tabbed.unique_generic_content ul li {
  margin-bottom: 0px;
  margin-right: 8px; }
  .tabbed.unique_generic_content ul li label {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px; }
.tabbed.unique_generic_content input[type=radio]:checked + label {
  background: #fff !important; }

.accordion--med-pro input:checked ~ label {
  color: #000 !important; }
.accordion--med-pro .accordion label.d-flex.accordion-header.space-between {
  background: #ecf7f6;
  height: 50px;
  border-radius: 5px; }
  .accordion--med-pro .accordion label.d-flex.accordion-header.space-between .fa {
    color: #32AA9E !important; }
  .accordion--med-pro .accordion label.d-flex.accordion-header.space-between i.fa.fa-stethoscope.mr-5 {
    font-size: 24px;
    font-weight: bold; }

.fixed-bottom-card {
  width: 100%;
  display: flex;
  position: fixed;
  background: #fff;
  height: 70px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999; }

.ui.bottom.attached.button.AddToCart {
  width: 100%;
  height: 47px !important;
  font-size: 16px;
  background: #2a579b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 5px; }

.ui.bottom.attached.button.AddToCart-product {
  width: 100%;
  height: 47px !important;
  font-size: 16px;
  background: #2a579b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 5px; }

h2.for-price {
  font-size: 18px; }
  h2.for-price small {
    text-decoration: line-through;
    color: red; }

span.for-details {
  float: right;
  margin-top: -30px; }

.Product .fixed-bottom-card {
  width: 100%;
  display: flex;
  position: fixed;
  background: #fff;
  height: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99; }

@media (max-width: 767px) {
  h4#mobile_single_product_total {
    font-size: 16px;
    font-weight: bold; } }

main.medicine--new-mobile .tab {
  white-space: normal; }
  main.medicine--new-mobile .tab h4 {
    font-size: 18px !important; }
  main.medicine--new-mobile .tab ul {
    padding: 0px !important; }

.d .block {
  display: block; }
.d h1 {
  font-size: large;
  margin-bottom: auto;
  text-align: left;
  line-height: 1; }
.d .brand-name.pharma-company {
  font-size: 12px; }
.d.container {
  display: block;
  width: auto;
  margin-left: 1em;
  margin-right: 1em; }
  .d.container.full-view {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
.d .bread-crumb {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-size: 10px;
  background: #eee;
  margin-bottom: 1em;
  display: flex; }
  .d .bread-crumb a.section {
    color: #000; }
.d .flex-column {
  display: flex;
  flex-direction: column; }
  .d .flex-column.space-between {
    justify-content: space-between; }
.d .flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .d .flex-row.space-between {
    justify-content: space-between; }
.d .pad-alpha-omega {
  padding-left: 1em;
  padding-right: 1em; }
.d .pad-alpha-omega-point {
  padding-left: .5em;
  padding-right: .5em; }
.d .pad-alpha {
  padding-left: 1em; }
.d .pad-omega {
  padding-right: 1em; }
.d .img-full-view {
  max-width: 100%;
  height: 100%;
  width: auto;
  display: block; }
  .d .img-full-view.scaled {
    transform: scale(0.7); }
.d .img-overflow-control {
  height: 160px; }
.d .justify-centered {
  justify-content: center;
  margin: 0 auto;
  align-items: center; }
.d .position-control {
  position: relative;
  z-index: -9;
  top: -10px; }
.d .label {
  margin-right: .5rem;
  margin-bottom: .5rem;
  padding: .5em;
  padding-left: .6rem;
  padding-right: .6rem;
  border-radius: 4px;
  color: #000;
  font-size: smaller;
  width: fit-content;
  overflow: hidden; }
  .d .label.used-for {
    background: #fff1f0; }
  .d .label.category {
    background: #edf7f6 !important; }
  .d .label.prescription {
    background: #edf7f6;
    display: flex;
    align-items: center; }
    .d .label.prescription > img {
      margin-right: 5px; }
.d .generics small.generate-img:before {
  content: "";
  width: 50px;
  height: 50px;
  background: #f2f2f2; }
.d .generics img.generic-img {
  margin-right: 10px;
  position: relative;
  top: 5px; }
.d .bar-horizontal {
  background: #f5f5f5;
  color: #000;
  border-radius: 5px;
  padding: 0.4rem; }
.d .box-drug.new {
  border-bottom: none; }
.d .mb-1r {
  margin-bottom: 1rem; }
.d .SimilarProductMed {
  background: none !important; }
.d .align-content-center {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center; }
.d .overview-box h4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-content: center; }
  .d .overview-box h4 img {
    margin-right: 10px; }
.d ul.warnings.warnings-fix {
  padding: 0;
  width: 100%; }
  .d ul.warnings.warnings-fix li {
    display: block;
    text-align: center; }
.d .medicine-overview h3 {
  margin: 15px 0;
  width: 100%;
  display: flex;
  justify-content: center; }
@media (max-width: 767px) {
  .d .overview-box h4 > span {
    font-size: 16px !important; }
  .d .overview-box h4 > img {
    width: 25px; } }

body.brands body:not(.Product) .container--product-quantity {
  display: block !important; }

body:not(.Product) .fixed-bottom-card {
  display: none; }

.gray-out {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1); }

.ui.radio.checkbox.customized input[type=radio] {
  width: 100% !important;
  height: 100% !important; }

.d-discount {
  border: none;
  padding: 12px;
  border-radius: 100px;
  margin: 0 auto !important;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex !important;
  background: #33aa9f;
  color: #fff;
  font-size: 12px !important; }

.ui.teal.message.d {
  background: #edf7f6 !important;
  color: #000 !important; }
  .ui.teal.message.d p {
    font-size: 12px; }

div[disabled] {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1); }

.for-med-pro {
  background: #ecf7f6 !important;
  color: #000 !important; }
  .for-med-pro i.user.md.icon {
    border-radius: 100px;
    background: #33aa9f;
    width: 25px;
    height: 25px;
    color: #fff;
    line-height: 22px; }
  .for-med-pro .medicine-overview {
    margin: 0px 0 0px 0; }

.container--product-img {
  display: inline; }
.container--details {
  display: inline-block; }
.container--add-to-cart {
  display: inline-block; }
.container--pricing-details {
  display: inline-block; }
  @media (max-width: 767px) {
    .container--pricing-details {
      display: grid; } }
.container--product-quantity {
  position: fixed;
  background: #fff;
  height: 315px;
  width: auto;
  bottom: -200px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 99999999; }
  @media (min-width: 768px) {
    .container--product-quantity {
      height: 130px;
      width: 800px;
      margin: 0 auto; } }
.container--product-que {
  position: fixed;
  background: #fff;
  height: 312px;
  width: auto;
  bottom: -200px;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 14px 10px 10px #000;
  z-index: 1; }
  @media (min-width: 768px) {
    .container--product-que {
      height: 130px;
      width: 800px;
      margin: 0 auto; } }
.container--product-search {
  background: #fff;
  height: 100vh;
  width: 100%;
  top: 0;
  z-index: 999999;
  position: fixed;
  left: 0; }
  @media (max-width: 767px) {
    .container--product-search {
      padding: 15px !important;
      z-index: 99999999; } }

.box-drug {
  float: left;
  width: 100%;
  margin: 0 0;
  border-bottom: 1px solid #e1e1e1;
  padding: 4px 0; }
  .box-drug a {
    color: #00569b; }

.box-drug h5 {
  color: #3c3c3c;
  font-size: 15px;
  float: left;
  width: 50%;
  margin: 0;
  font-family: "Roboto",sans-serif; }

.box-drug h6 {
  color: #000;
  font-size: 13px;
  float: right;
  width: 50%;
  text-align: right; }

.box-drug p {
  color: green;
  font-size: 12px;
  text-align: right;
  width: 50%;
  float: right; }

.d .SimilarProductMed > i {
  font-size: 16px; }

.subsitute-drug-modal-heading {
  font-size: 18px; }

.box-drug h4 a {
  color: #0d678c;
  font-size: 13px;
  font-family: "Roboto",sans-serif;
  font-weight: bold; }

.product.star-widget {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse; }
.product.star-widget input {
  display: none; }
.product.star-widget label {
  font-size: 16px;
  color: #e2e0e5;
  padding: 3px;
  /* float: right; */
  transition: all 0.2 ease; }
.product.star-widget input:not(:checked) ~ label:hover ~ label, .product.star-widget input:not(:checked) ~ label:hover {
  color: #fd4; }
.product input:checked ~ label {
  color: #fd4; }
.product body.Product input:checked ~ label {
  color: #000; }
.product input#rate-5:checked ~ label {
  color: #fe7;
  text-shadow: 0 0 20px #952; }

@media (max-width: 767px) {
  .modal-discount-btn i.fa.fa-percent {
    background: #33aa9e;
    padding: 10px;
    border-radius: 100px;
    color: #fff; } }

@media (max-width: 767px) {
  .for-med-pro i.fa.fa-user-md {
    background: #33aa9e;
    padding: 10px;
    border-radius: 100%;
    color: #fff; } }

.linethrough {
  color: red;
  text-decoration: line-through; }

@media (max-width: 989px) {
  .container--product-que span.AddToCart-product, .container--product-que i {
    font-size: 14px; }
  .container--product-que h2.for-price {
    font-size: 16px; }

  .medicine--new-mobile .accordion-content p {
    font-size: 14px !important;
    margin-bottom: 4px; }
  .medicine--new-mobile .accordion-content ul {
    margin-left: 0px !important;
    margin-top: 0px;
    width: 100%; }
  .medicine--new-mobile .accordion-content h4 {
    line-height: 26px !important;
    margin: 12px 0px; }
  .medicine--new-mobile .accordion-content table {
    width: 280px !important; }
  .medicine--new-mobile .SimilarProductMed {
    font-size: 16px !important; }
    .medicine--new-mobile .SimilarProductMed i {
      font-size: 12px !important; }
  .medicine--new-mobile .modal-body {
    padding: 0px !important; }

  #MedPro .modal-body, #ModalDiscount .modal-body {
    padding: 0px !important; }
  #MedPro .modal-header, #ModalDiscount .modal-header {
    padding-top: 18px;
    padding-bottom: 2px !important; }
  #MedPro .modal-overlay, #ModalDiscount .modal-overlay {
    background: #2c2c2c !important; } }
@media (max-width: 989px) {
  .medicine--new-mobile .carousel {
    height: fit-content !important; } }
.w3-green,
.w3-hover-green:hover {
  color: #fff !important;
  background-color: #4CAF50 !important; }

.w3-light-grey {
  color: #000 !important;
  background-color: #ededed !important;
  width: 101px;
  display: inline-block;
  margin: 0 11px; }

span.unique_headings {
  color: #00569b;
  font-size: 18px; }

.w-100 {
  width: 100%; }

.w-50 {
  width: 50%; }
  @media (max-width: 768px) {
    .w-50 {
      width: 100%; } }

.login-container {
  max-width: 500px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 768px) {
    .login-container {
      padding-top: 5px;
      padding-bottom: 5px; } }

.login-signup > div {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 768px) {
    .login-signup > div {
      padding-top: 5px;
      padding-bottom: 5px; } }

.caoursel-and-form {
  display: flex;
  flex-direction: row;
  box-shadow: 2px 0px 15px gray !important; }
  @media (max-width: 768px) {
    .caoursel-and-form {
      flex-direction: column !important; } }

.caoursel-and-form-login {
  display: flex;
  flex-direction: row;
  background-color: #f8f8f8 !important;
  box-shadow: 2px 0px 15px gray !important;
  padding-top: 20px;
  padding-bottom: 40px; }
  @media (max-width: 768px) {
    .caoursel-and-form-login {
      flex-direction: column !important; } }

.signup-carousel {
  background-color: #f8f8f8 !important;
  display: flex;
  justify-content: center;
  align-items: center; }

.sign-form {
  background-color: #f8f8f8 !important;
  padding: 50px !important;
  padding-bottom: 0px !important; }
  @media (max-width: 768px) {
    .sign-form {
      box-shadow: none !important;
      padding-top: 20px !important;
      padding: 20px !important; } }

.signup-form {
  background-color: #f8f8f8 !important;
  padding: 50px !important; }
  @media (max-width: 768px) {
    .signup-form {
      box-shadow: none !important;
      padding-top: 20px !important;
      padding: 20px !important; } }

.sign-up-form-heading {
  font-size: 28px;
  font-weight: 600; }
  @media (max-width: 768px) {
    .sign-up-form-heading {
      font-size: 30px; } }
  @media (max-width: 320px) {
    .sign-up-form-heading {
      font-size: 26px; } }

.heading-text {
  text-align: center;
  font-size: 17px;
  margin: 0; }

.heading-text-dawaai {
  text-align: center;
  font-size: 17px;
  margin: 0; }

.text-blue {
  color: #1a73e8 !important; }

.text-orange {
  color: orange; }

.sign-up-button {
  margin-bottom: 20px; }

.primary-btn {
  background-color: #2b579d !important; }

.fb-btn {
  background-color: #3b5999 !important; }

.google-btn {
  background-color: white !important;
  border: 1px solid #d8d9db !important; }

.forgot {
  float: right;
  padding-bottom: 10px;
  font-size: 14px; }

.new-customer-text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px; }

.pointer-cursor {
  cursor: pointer; }

.owl-sign-up .owl-nav {
  display: block !important; }
.owl-sign-up .owl-dots {
  display: block !important; }

.verification-div {
  display: none; }

.hide-signup {
  display: none; }

.back-btn {
  float: left;
  font-size: 12px;
  color: black;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  margin-top: -20px; }

.google-icon-sign {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-bottom: -2px; }

.facebook-icon-sign {
  width: 17px;
  height: 17px;
  margin-right: 0px;
  margin-bottom: -2px; }

.connect-number-text {
  color: #5a5959;
  font-weight: 600; }

.connect-number-no-btn {
  width: 30%;
  padding: 8px 30px;
  background-color: #c8c8c8;
  margin-left: 10px;
  border: none;
  border-radius: 3px;
  color: black;
  font-weight: 600; }
  .connect-number-no-btn:hover {
    background-color: #7a7a7a; }
  .connect-number-no-btn:focus {
    outline: none; }

.connect-number-yes-btn {
  width: 30%;
  padding: 8px 30px;
  background-color: #4487d0;
  margin-left: 20px;
  border: none;
  border-radius: 3px;
  color: white;
  font-weight: 600; }
  .connect-number-yes-btn:hover {
    background-color: #64a5eb; }
  .connect-number-yes-btn:focus {
    outline: none; }

.signup-carousel-img {
  height: auto; }

.signup-carousel-text {
  text-align: center; }

.sign-nav-button button.owl-next {
  display: none;
  float: right;
  font-size: 30px !important;
  position: absolute;
  top: 350px;
  left: 50%;
  outline: 0;
  text-decoration: none;
  color: black !important; }
  @media (max-width: 767px) {
    .sign-nav-button button.owl-next {
      display: none; } }

.sign-nav-button button.owl-prev {
  display: none;
  float: right;
  font-size: 30px !important;
  position: absolute;
  top: 350px;
  left: 48%;
  outline: 0;
  text-decoration: none;
  color: black !important; }
  @media (max-width: 767px) {
    .sign-nav-button button.owl-prev {
      display: none; } }

.signup-carousel-container {
  width: 80% !important;
  margin: 0 auto !important; }
  @media (max-width: 767px) {
    .signup-carousel-container {
      padding-top: 20px;
      width: 60% !important; } }

.question-mark-homeservices {
  width: 80px;
  height: 80px; }
  @media (max-width: 989px) {
    .question-mark-homeservices {
      width: 60px;
      height: 60px; } }

@media (min-width: 989px) {
  .login-signup,
  .signup-alpha-container {
    padding-top: 20px; } }
@media (min-width: 989px) {
  .login-signup .form-select,
  .signup-alpha-container .form-select {
    font-size: 14px; } }
.login-signup div,
.login-signup .text-xs,
.signup-alpha-container div,
.signup-alpha-container .text-xs {
  font-size: 10px !important; }
.login-signup .text-sm,
.signup-alpha-container .text-sm {
  font-size: 12px !important; }
.login-signup .text-md,
.signup-alpha-container .text-md {
  font-size: 14px !important; }
.login-signup .text-lg,
.signup-alpha-container .text-lg {
  font-size: 16px !important; }
.login-signup .text-xl,
.signup-alpha-container .text-xl {
  font-size: 44px !important; }
.login-signup .text-xxl,
.signup-alpha-container .text-xxl {
  font-size: 56px !important; }
.login-signup .color-blue,
.signup-alpha-container .color-blue {
  color: #02559b !important; }
.login-signup .color-black,
.signup-alpha-container .color-black {
  color: #000000 !important; }
.login-signup .text-underline,
.signup-alpha-container .text-underline {
  text-decoration: underline; }
.login-signup .b-divider,
.signup-alpha-container .b-divider {
  border-bottom: 0.05rem solid #dadee4; }
  .login-signup .b-divider:last-child,
  .signup-alpha-container .b-divider:last-child {
    border-bottom: none; }
.login-signup .red-badge,
.signup-alpha-container .red-badge {
  background-color: #ffe8e6;
  color: #db2828;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 14px !important;
  text-align: center;
  display: inline;
  margin: 4px; }
  @media (max-width: 768px) {
    .login-signup .red-badge,
    .signup-alpha-container .red-badge {
      font-size: 10px !important; } }
.login-signup span,
.login-signup nav,
.login-signup ul,
.login-signup li,
.login-signup a,
.signup-alpha-container span,
.signup-alpha-container nav,
.signup-alpha-container ul,
.signup-alpha-container li,
.signup-alpha-container a {
  font-family: "Open Sans", sans-serif !important; }
.login-signup .login-signup .form-input:not(:placeholder-shown):invalid,
.signup-alpha-container .login-signup .form-input:not(:placeholder-shown):invalid {
  border: none !important; }
.login-signup .form-input:not(:placeholder-shown):invalid,
.signup-alpha-container .form-input:not(:placeholder-shown):invalid {
  border-color: transparent;
  box-shadow: none;
  background-color: #fff; }
.login-signup .form-input:not(:placeholder-shown):invalid,
.signup-alpha-container .form-input:not(:placeholder-shown):invalid {
  border-color: none !important; }
.login-signup .ui.button,
.signup-alpha-container .ui.button {
  font-size: 14px;
  font-weight: 600; }
.login-signup .ui.dividing.header,
.signup-alpha-container .ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  margin-top: 25px;
  margin-bottom: 14px; }
.login-signup .google-btn,
.signup-alpha-container .google-btn {
  color: #0000007c; }
@media (min-width: 989px) {
  .login-signup .signup-carousel,
  .signup-alpha-container .signup-carousel {
    width: 46%;
    position: relative;
    padding-left: 35px; } }
.login-signup a:hover, .login-signup a:active, .login-signup a:focus,
.signup-alpha-container a:hover,
.signup-alpha-container a:active,
.signup-alpha-container a:focus {
  text-decoration: none; }
.login-signup .form-input:focus,
.login-signup .form-select:focus,
.signup-alpha-container .form-input:focus,
.signup-alpha-container .form-select:focus {
  box-shadow: none; }
.login-signup .loading,
.signup-alpha-container .loading {
  color: transparent !important; }
.login-signup .ui.blue.button,
.signup-alpha-container .ui.blue.button {
  background-color: #2185d0 !important; }
.login-signup .btn,
.signup-alpha-container .btn {
  border-radius: 4px;
  border: none; }
.login-signup .btn-primary:hover, .login-signup .btn-primary:active, .login-signup .btn-primary:focus,
.signup-alpha-container .btn-primary:hover,
.signup-alpha-container .btn-primary:active,
.signup-alpha-container .btn-primary:focus {
  background: #2a579b !important; }
.login-signup .form-label,
.signup-alpha-container .form-label {
  font-weight: 600; }
@media (min-width: 767px) {
  .login-signup .form-label,
  .login-signup .form-input,
  .login-signup .form-select,
  .signup-alpha-container .form-label,
  .signup-alpha-container .form-input,
  .signup-alpha-container .form-select {
    font-size: 14px !important; } }
.login-signup .error .form-label,
.signup-alpha-container .error .form-label {
  color: #ff0000; }
.login-signup .error .form-input,
.signup-alpha-container .error .form-input {
  border: 1px solid #e85600;
  background: #fffaf7; }
.login-signup select.error,
.signup-alpha-container select.error {
  border: 1px solid #e85600;
  color: #ff0000;
  background: #fffaf7; }
  .login-signup select.error option,
  .signup-alpha-container select.error option {
    background: #fffaf7; }

.signup-alpha-container .w_100 {
  width: 100% !important; }
.signup-alpha-container p {
  margin-bottom: 2px; }
.signup-alpha-container .w_72 {
  width: 72% !important; }
.signup-alpha-container .w_98 {
  width: 98%; }
@media (min-width: 767px) {
  .signup-alpha-container select {
    font-size: 14px; } }

.login-signup .owl-sign-up,
.signup-alpha-container .owl-sign-up {
  overflow-x: hidden;
  overflow-y: hidden; }
.login-signup .pic-ctn,
.signup-alpha-container .pic-ctn {
  width: 100vw;
  height: 200px; }
@keyframes display {
  0% {
    transform: translateX(200px);
    opacity: 0; }
  10% {
    transform: translateX(0);
    opacity: 1; }
  20% {
    transform: translateX(0);
    opacity: 1; }
  30% {
    transform: translateX(-200px);
    opacity: 0; }
  100% {
    transform: translateX(-200px);
    opacity: 0; } }
.login-signup .pic-ctn,
.signup-alpha-container .pic-ctn {
  position: relative;
  width: 100vw;
  height: 300px; }
.login-signup .pic-ctn > .img-container,
.signup-alpha-container .pic-ctn > .img-container {
  position: absolute;
  top: 0;
  left: calc(30% - 100px);
  opacity: 0;
  animation: display 9s infinite; }
.login-signup .img-container:nth-child(2),
.signup-alpha-container .img-container:nth-child(2) {
  animation-delay: 3s; }
.login-signup .img-container:nth-child(3),
.signup-alpha-container .img-container:nth-child(3) {
  animation-delay: 6s; }

.drop-down-flags {
  background-color: white;
  border: 2px solid lightgray;
  margin-top: 45px;
  padding: 0 15px;
  background: #ffff;
  position: absolute;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  width: 200px; }
  .drop-down-flags img {
    display: inline;
    width: 28px;
    height: 28px; }
    @media (max-width: 768px) {
      .drop-down-flags img {
        width: 20px;
        height: 20px; } }
  .drop-down-flags span {
    display: inline;
    padding: 4px; }
    @media (max-width: 768px) {
      .drop-down-flags span {
        font-size: 11px; } }
  .drop-down-flags .select-flags {
    display: flex;
    border-bottom: 1px solid lightgray; }
    .drop-down-flags .select-flags img + span {
      width: 30px; }

.select-flags:hover {
  background-color: #e0e0e0; }

.select-country {
  width: 100%;
  height: 36px;
  padding-left: 35px;
  cursor: initial;
  border: 0.05rem solid #bcc3ce !important;
  background: #e0e0e0; }
  @media (max-width: 768px) {
    .select-country {
      font-size: 14px;
      width: 105%; } }

.select-country.form-select:not([multiple]):not([size]) {
  background: #fff !important; }

.drop-icon {
  position: absolute;
  right: 9px;
  top: 13px;
  color: grey; }
  @media (max-width: 768px) {
    .drop-icon {
      right: 0; } }

.soical-drop-icon {
  position: absolute;
  right: 0px;
  top: 10px;
  color: grey; }

.text-flag {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 12px;
  left: 10px; }

.social-text-flag {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 8px;
  left: 10px; }

.flag-none {
  display: none; }

.social-drop-down-flags {
  background-color: white;
  border: 2px solid lightgray;
  width: 313%;
  margin-top: 3px;
  padding: 0 15px;
  background: #f9f1f0;
  position: absolute;
  border-radius: 5px; }
  @media (max-width: 768px) {
    .social-drop-down-flags {
      width: 243%; } }
  .social-drop-down-flags img {
    display: inline;
    width: 28px;
    height: 28px; }
    @media (max-width: 768px) {
      .social-drop-down-flags img {
        width: 20px;
        height: 20px; } }
  .social-drop-down-flags span {
    display: inline;
    padding: 4px; }
    @media (max-width: 768px) {
      .social-drop-down-flags span {
        font-size: 11px; } }
  .social-drop-down-flags .social-select-flags {
    display: flex;
    border-bottom: 1px solid lightgray; }

.social-select-flags:hover {
  background-color: #e0e0e0; }

#social-select-country {
  width: 110%;
  height: 36px;
  padding-left: 35px; }
  @media (max-width: 768px) {
    #social-select-country {
      font-size: 14px; } }

#verification-form {
  display: flex;
  width: 100%;
  justify-content: center; }
  #verification-form input {
    margin: 0 6px;
    text-align: center;
    font-size: 25px;
    border: solid 1px #ccc;
    outline: none;
    width: 13%;
    transition: all 0.2s ease-in-out;
    border-radius: 3px; }
    #verification-form input:focus {
      border-color: #2185d0;
      box-shadow: 0 0 5px #2185d0 inset; }
    #verification-form input::selection {
      background: transparent; }
    @media (min-width: 768px) {
      #verification-form input {
        line-height: 46px; } }
    @media (max-width: 768px) {
      #verification-form input {
        padding: 8px 0;
        font-size: 18px;
        margin: 0 6px; } }

@media (max-width: 768px) {
  .resend-text {
    line-height: 23px;
    margin: 0;
    padding: 0; } }

.password-fields {
  position: relative; }
  .password-fields .password-toggle {
    position: absolute;
    right: 6px;
    top: 47px;
    border: none;
    background: transparent;
    outline: none; }
    .password-fields .password-toggle i {
      font-size: 18px; }

@media (max-width: 768px) {
  .verification-paragraph {
    font-size: 12px; } }

.password-set {
  text-align: center;
  background-color: #fcfff5;
  border: 1px solid #2c662d;
  padding: 10px;
  border-radius: 4px; }
  @media (max-width: 768px) {
    .password-set {
      margin-top: 10px; } }
  .password-set p {
    font-size: 14px;
    color: #2c662d;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      .password-set p {
        font-size: 10px; } }

.password-errors {
  position: relative; }
  .password-errors .forgot-password-error {
    color: red;
    padding-left: 100px;
    padding-bottom: 0 !important;
    margin-bottom: 3px !important;
    margin-top: -1px !important;
    font-size: 14px !important; }
    @media (max-width: 768px) {
      .password-errors .forgot-password-error {
        padding-left: 92px; } }
  .password-errors .password-button {
    width: 100%;
    position: absolute;
    left: 0;
    display: flex;
    top: 0;
    align-items: flex-end; }

.login-signup {
  margin-bottom: 80px; }
  .login-signup p {
    letter-spacing: 0.5px; }
  .login-signup .or-seperator {
    position: relative; }
    .login-signup .or-seperator span {
      position: absolute;
      top: -16px;
      background: #f8f8f8;
      left: 43%;
      padding: 6px 20px;
      font-size: 14px; }
      @media (max-width: 767px) {
        .login-signup .or-seperator span {
          background: #fff;
          left: 40%; } }
  .login-signup button.login-password {
    background-color: #f8f8f8;
    border: 1px solid #2a579b; }
    .login-signup button.login-password:hover {
      background-color: #f8f8f8;
      border: 1px solid #2a579b;
      color: #2a579b; }
  .login-signup .sign-up-button .btn {
    background-color: #fff !important;
    border: 1px solid #d8d9db !important; }
    .login-signup .sign-up-button .btn:focus {
      box-shadow: none; }
  .login-signup input {
    background-color: #fff; }
  .login-signup .color-red {
    color: red;
    text-transform: capitalize; }
  .login-signup .form-input,
  .login-signup .form-select {
    height: 2.2rem;
    border-radius: 5px; }
  .login-signup .h-5 {
    height: 5px; }
  .login-signup .h-15 {
    height: 15px; }
  .login-signup .btn {
    height: 2.1rem; }
  .login-signup .eye-icon {
    font-size: 20px;
    bottom: 6px;
    right: 16px;
    color: #808080; }
  .login-signup section.sign-form {
    padding-top: 0px !important; }
    @media (max-width: 768px) {
      .login-signup section.sign-form {
        background-color: #fff !important;
        padding: 20px !important;
        padding-top: 0px !important; } }
  .login-signup .signup-form {
    padding-top: 10px !important; }
  @media (max-width: 767px) {
    .login-signup .signup-form {
      background-color: #fff !important; } }

.back-to-first-screen a, .back-on-social a {
  text-decoration: underline; }
  .back-to-first-screen a:hover, .back-on-social a:hover {
    text-decoration: underline; }

.sign-form .new-passsword-div {
  padding-top: 0px !important; }
.sign-form .password-toggle.login {
  top: 42px; }

.signup_email.form-input:not(:placeholder-shown):invalid {
  border-color: #bcc3ce !important; }

.prescription-container {
  padding: 10px 45px 60px 45px;
  background-color: #f6f5f5; }
  .prescription-container .loading {
    color: transparent; }
  .prescription-container .prescription-guide-button {
    background: #e0e1e2;
    color: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 5px;
    width: 100%; }
    .prescription-container .prescription-guide-button:hover, .prescription-container .prescription-guide-button:focus {
      background: #e0e1e2;
      color: rgba(0, 0, 0, 0.6); }
  .prescription-container .prescription-container-box {
    background-color: white;
    border: 1px solid #e5e4e4;
    border-radius: 5px;
    padding: 30px 25px; }
    .prescription-container .prescription-container-box h1 {
      text-transform: uppercase;
      text-align: center;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.87); }
      @media (max-width: 989px) {
        .prescription-container .prescription-container-box h1 {
          line-height: 18px; } }
    .prescription-container .prescription-container-box p {
      margin-bottom: 10px;
      font-family: "Open Sans", sans-serif !important;
      font-size: 14px; }
    .prescription-container .prescription-container-box .upload-prescription-box {
      border: 1px solid #e5e4e4;
      border-radius: 5px;
      padding: 15px;
      margin-bottom: 20px;
      padding-bottom: 46px; }
      @media (max-width: 989px) {
        .prescription-container .prescription-container-box .upload-prescription-box {
          padding: 12px 7px; } }
      .prescription-container .prescription-container-box .upload-prescription-box h2 {
        color: #2b599b;
        font-weight: 600;
        font-size: 16px; }
      .prescription-container .prescription-container-box .upload-prescription-box .form {
        padding-top: 10px; }
      .prescription-container .prescription-container-box .upload-prescription-box .input-image {
        visibility: hidden; }
        @media (max-width: 989px) {
          .prescription-container .prescription-container-box .upload-prescription-box .input-image {
            width: 30px; } }
      .prescription-container .prescription-container-box .upload-prescription-box .mobile-prescr-upload {
        border: 1px solid #aba7a7;
        padding: 10px;
        border-style: dashed;
        background-color: #f9f9fb;
        border-radius: 5px;
        cursor: pointer; }
        @media (max-width: 767px) {
          .prescription-container .prescription-container-box .upload-prescription-box .mobile-prescr-upload {
            border: 1px solid #aba7a7;
            padding: 5px;
            border-style: dashed;
            background-color: #f9f9fb;
            border-radius: 5px;
            cursor: pointer; } }
        .prescription-container .prescription-container-box .upload-prescription-box .mobile-prescr-upload p {
          margin-bottom: 5px; }
      .prescription-container .prescription-container-box .upload-prescription-box .view-upload-images {
        display: none;
        position: relative; }
        .prescription-container .prescription-container-box .upload-prescription-box .view-upload-images #show-input-image {
          width: 80px;
          height: 120px;
          margin: 0;
          border: 1px solid #cecece; }
        .prescription-container .prescription-container-box .upload-prescription-box .view-upload-images .close-on-corner {
          position: absolute;
          top: 0;
          right: 13px; }
      @media (max-width: 767px) {
        .prescription-container .prescription-container-box .upload-prescription-box {
          border: none; } }
      .prescription-container .prescription-container-box .upload-prescription-box .grid-padding {
        padding: 15px 0px 0px 0px !important; }
    .prescription-container .prescription-container-box .right-btn {
      border-radius: 4px;
      float: right; }
      @media (max-width: 767px) {
        .prescription-container .prescription-container-box .right-btn {
          width: 100%; } }
    .prescription-container .prescription-container-box img {
      padding: 10px 0px 0px 0px;
      margin: 0 auto; }
    .prescription-container .prescription-container-box p {
      font-weight: 500; }
      @media (max-width: 767px) {
        .prescription-container .prescription-container-box p {
          font-size: 12px; } }
    .prescription-container .prescription-container-box .images-row {
      text-align: center; }
    .prescription-container .prescription-container-box .row {
      position: relative; }
      .prescription-container .prescription-container-box .row img {
        margin: 0 auto; }
      .prescription-container .prescription-container-box .row p {
        text-align: center; }
        @media (max-width: 767px) {
          .prescription-container .prescription-container-box .row p {
            font-size: 9px; } }
        @media (max-width: 320px) {
          .prescription-container .prescription-container-box .row p {
            font-size: 7px; } }
      .prescription-container .prescription-container-box .row i {
        text-align: center;
        font-size: 27px;
        display: block;
        margin: 0 auto;
        color: #2b579b; }
      .prescription-container .prescription-container-box .row .border-link {
        position: absolute;
        width: 18%;
        border: 1px solid grey; }
        @media (max-width: 989px) {
          .prescription-container .prescription-container-box .row .border-link {
            width: 16.5%; } }
        .prescription-container .prescription-container-box .row .border-link-left {
          top: 36%;
          left: 24%; }
          @media (max-width: 989px) {
            .prescription-container .prescription-container-box .row .border-link-left {
              top: 27%;
              left: 25%; } }
        .prescription-container .prescription-container-box .row .border-link-right {
          top: 36%;
          left: 58%; }
          @media (max-width: 989px) {
            .prescription-container .prescription-container-box .row .border-link-right {
              top: 27%;
              left: 58.5%; } }
  @media (max-width: 989px) {
    .prescription-container {
      padding: 20px;
      padding-top: 10px; } }

.pl-100 {
  padding-left: 100px !important; }
.pl-20 {
  padding-left: 20px !important; }
.pl-0 {
  padding: 0 !important; }

.prescription-image {
  margin: 10px !important; }

.view-upload-images-div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.prescription-last-screen {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  margin-top: 20px; }
  .prescription-last-screen .prescription-done-gif {
    height: 70px;
    margin: 20px;
    margin-bottom: 50px !important; }
  .prescription-last-screen .thank-you-text {
    margin: 0;
    font-size: 16px !important; }
    @media (max-width: 767px) {
      .prescription-last-screen .thank-you-text {
        font-size: 10px !important;
        text-align: center; } }
  .prescription-last-screen .prescription-text {
    font-size: 16px; }
    .prescription-last-screen .prescription-text .prescription-number {
      color: #2a579b;
      font-weight: bold; }
  .prescription-last-screen .add-more-text {
    font-weight: bold;
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #2a579b; }
    @media (max-width: 767px) {
      .prescription-last-screen .add-more-text {
        font-size: 12px !important; } }

.close-on-corner {
  position: absolute;
  top: 8px;
  cursor: pointer; }

.image-div-items {
  position: relative;
  margin-right: 13px; }

.prescription-container .modal-cross {
  position: relative;
  top: -26px;
  left: 23px; }
  @media (max-width: 989px) {
    .prescription-container .modal-cross {
      left: 16px; } }
.prescription-container .modal-container {
  padding: 20px 12px;
  max-height: 95vh; }
.prescription-container .modal-header {
  padding-bottom: 10px; }
  .prescription-container .modal-header h1 {
    font-weight: 700; }

section.faqs {
  padding-top: 130px;
  margin-bottom: 30px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media (max-width: 767px) {
    section.faqs {
      padding-top: 10px; } }
  section.faqs .course-accordion {
    white-space: initial !important; }
    section.faqs .course-accordion span:before {
      font-family: FontAwesome;
      display: inline-block;
      padding-right: 6px;
      vertical-align: middle; }
    section.faqs .course-accordion span:before {
      content: "\f0da"; }
  section.faqs .course-accordion.active span:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle; }
  section.faqs .course-accordion.active span:before {
    content: "\f0d7"; }
  section.faqs .course-panel p {
    white-space: initial !important; }
  section.faqs .course-accordion.active + .course-panel {
    max-height: fit-content !important;
    overflow-y: hidden !important; }
  section.faqs p,
  section.faqs div,
  section.faqs span,
  section.faqs nav,
  section.faqs ul,
  section.faqs li,
  section.faqs a {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px; }
  section.faqs hr {
    color: #ececec; }
  section.faqs hr:last-child {
    display: none; }
  section.faqs a {
    font-weight: 600;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95); }
    section.faqs a .active {
      color: rgba(0, 0, 0, 0.95); }
  section.faqs .course-accordion {
    margin: 10px auto;
    font-weight: 600; }
  section.faqs h1 {
    margin-bottom: 0px;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 600;
    line-height: 27px; }
  section.faqs h2 {
    margin-top: 5px;
    margin-bottom: 25px; }
  section.faqs .columns {
    display: flex;
    justify-content: center; }
  @media (max-width: 767px) {
    section.faqs .ui.top.attached.tabular.menu {
      overflow-x: scroll;
      overflow-y: hidden; } }
  section.faqs button {
    outline: none;
    height: 35px;
    background-color: #ff8400;
    color: white;
    font-size: 12px !important;
    padding: 6px;
    border-radius: 5px;
    border: none;
    margin: auto 5px;
    padding-right: 10px;
    padding-left: 10px; }
  section.faqs .small-cart {
    color: orange;
    font-size: 25px;
    margin: auto 4px; }
  section.faqs .course-panel a {
    color: #4183c4 !important; }
  section.faqs .course-accordion {
    color: #00000066;
    cursor: pointer !important; }
  section.faqs .course-accordion.active,
  section.faqs .course-accordion:hover {
    color: rgba(0, 0, 0, 0.95); }
  section.faqs .tab {
    border-bottom: none; }
    section.faqs .tab label {
      overflow-x: hidden !important; }
  section.faqs label {
    white-space: nowrap; }
  @media (max-width: 989px) {
    section.faqs .tabs {
      overflow-x: scroll !important; } }
  section.faqs .tabbed {
    padding: 0px; }
  section.faqs ::-webkit-scrollbar {
    width: 10px; }
  section.faqs ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  section.faqs ::-webkit-scrollbar-thumb {
    background: #c2c2c2; }
  section.faqs ::-webkit-scrollbar-thumb:hover {
    background: #555; }

section.privacy-policy {
  margin-bottom: 25px; }
  section.privacy-policy .column {
    margin: auto; }
  section.privacy-policy h1 {
    color: #166aa6;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800; }
  section.privacy-policy h2 {
    color: #166aa6;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center; }
  section.privacy-policy h3 {
    color: #166aa6;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px; }
  section.privacy-policy ul {
    padding: 0;
    list-style-type: none; }
    section.privacy-policy ul li {
      color: #525055;
      line-height: 25px;
      margin: 10px 0;
      text-align: left;
      width: 100%;
      list-style: none;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif !important; }
      section.privacy-policy ul li strong {
        color: #000;
        font-weight: bold; }
  section.privacy-policy ol, section.privacy-policy ul {
    margin-left: 0px; }

/* Helping Css */
.flex_d {
  display: flex; }

.flex_row {
  flex-direction: row; }

.flex_row_m {
  flex-direction: row; }

.flex_col {
  flex-direction: column; }

.w_100 {
  width: 100%; }

.w_50 {
  width: 50%; }
  @media (max-width: 768px) {
    .w_50 {
      width: 100% !important; } }

.w_90 {
  width: 90%; }

.w_40 {
  width: 35%;
  margin-right: 20px; }
  @media (max-width: 768px) {
    .w_40 {
      width: 50% !important;
      margin-right: 0px !important; } }

.w_40_m {
  width: 45%;
  margin-right: 10px; }

h5 {
  margin: 0; }

.pt_20 {
  padding-top: 30px; }

.pl_10 {
  margin-left: 10px; }
  @media (max-width: 768px) {
    .pl_10 {
      margin-left: 0px; } }

.font_bold {
  font-size: 15px;
  font-weight: 800; }
  @media (max-width: 320px) {
    .font_bold {
      font-size: 12px; } }

.pointer-cursor {
  cursor: pointer; }

/* Taskeen Css */
.taskeen-container {
  max-width: 1200px;
  margin: 0 auto; }

.taskeen-section {
  margin-bottom: 50px;
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 20px 40px 20px 40px; }
  @media (max-width: 768px) {
    .taskeen-section {
      margin-left: 20px;
      margin-right: 20px;
      padding: 10px 10px 10px 10px !important; } }

.taskeen-heading {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px; }
  @media (min-width: 320px) and (max-width: 768px) {
    .taskeen-heading {
      font-size: 30px !important; } }

.taskeen-contact {
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative; }

.taskeen-img {
  display: flex;
  justify-content: center; }

.taskeen-img-fit {
  width: 100%;
  height: auto; }

.taskeen-btn {
  display: flex;
  justify-content: center;
  padding: 10px 10px;
  border-radius: 10px;
  font-size: 20px;
  background-color: #1d3b82;
  color: white;
  border: none;
  margin-left: 10px; }
  @media (min-width: 320px) and (max-width: 768px) {
    .taskeen-btn {
      font-size: 12px !important;
      padding: 10px 0px !important; } }

.taskeen-btn-green {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  border-radius: 10px;
  font-size: 20px;
  background-color: #52ad38;
  color: white;
  border: none;
  margin-left: 10px; }
  @media (min-width: 320px) and (max-width: 768px) {
    .taskeen-btn-green {
      font-size: 12px !important; } }

.taskeen-contact-mobile {
  display: none; }

.taskeen-img-mobile {
  display: none; }

.doctor-info {
  padding-left: 10px;
  margin: 0px 0px 10px 0px; }
  @media (max-width: 768px) {
    .doctor-info {
      padding-left: 0px !important; } }

.consult-heading {
  font-weight: 500;
  font-size: 20px; }
  @media (max-width: 768px) {
    .consult-heading {
      text-align: center; } }

.urdu-heading {
  padding-bottom: 14px;
  border-bottom: 1px solid #dbd2d2; }

.call-text {
  font-size: 20px;
  padding-top: 10px; }
  @media (max-width: 768px) {
    .call-text {
      padding: 0px 10px 10px 10px;
      margin-top: -15px !important;
      font-size: 14px;
      font-weight: 800; } }

.time-div {
  margin: 40px 0px 40px 0px; }

.time-box {
  background-color: white;
  padding: 10px 20px 10px 20px;
  border-radius: 10px; }
  @media (max-width: 768px) {
    .time-box {
      padding: 10px 10px 10px 10px; } }

.time-div-mobile {
  display: none; }

.taskeen-download-app-text {
  display: none; }

/* Mobile Responsive Css */
@media (max-width: 768px) {
  .flex_row {
    flex-direction: column !important;
    width: 100% !important; }

  .taskeen-logo {
    display: flex;
    justify-content: center; }

  .taskeen-download-app-text {
    display: block;
    font-size: 14px;
    font-weight: 800;
    margin: 10px 5px 0px 10px; }

  .mobile-fix {
    margin-top: 20px; }

  .taskeen-img {
    display: none; }

  .taskeen-img-mobile {
    display: flex;
    justify-content: center; }

  .time-div {
    display: none; }

  .time-div-mobile {
    display: flex; }

  .taskeen-links-download {
    width: 130px !important;
    height: 63.56px !important; } }
  @media (max-width: 768px) and (max-width: 320px) {
    .taskeen-links-download {
      width: 110px !important;
      height: 53.78px !important; } }

.taskeen-container .taskeen-heading {
  font-size: 30px !important;
  font-weight: 700; }
.taskeen-container h1, .taskeen-container h5 {
  color: #000000DE; }
.taskeen-container .mySlides img {
  height: auto; }
.taskeen-container .taskeen-logo {
  margin-bottom: 15px; }
.taskeen-container h2 {
  line-height: 28px; }
.taskeen-container h5 {
  font-weight: 700; }

.offers-page {
  padding-top: 15px; }
  .offers-page p,
  .offers-page div,
  .offers-page span,
  .offers-page nav,
  .offers-page ul,
  .offers-page li,
  .offers-page a {
    font-family: "Open Sans", sans-serif !important; }
  .offers-page p {
    margin-bottom: 2px; }
  .offers-page .offer-item-title {
    font-weight: bold;
    text-transform: uppercase; }
  @media (min-width: 989px) {
    .offers-page {
      margin-top: 100px !important; } }
  @media (max-width: 989px) {
    .offers-page {
      padding-top: 12px; } }
  .offers-page .offers-container {
    margin: 30px auto 40px auto !important; }
  .offers-page section .reduce-price {
    background: #32AA9E;
    border-radius: 0px 0px 1px 95%;
    box-shadow: 2px 2px 2px #ccc;
    color: #fff;
    height: 52px;
    position: absolute;
    right: 0;
    top: -1px !important;
    width: 53px;
    z-index: 1; }
  .offers-page section .reduce-price span {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    margin: 2px auto;
    padding: 6px 0 0 13px;
    text-align: center; }
  .offers-page .offers-card {
    width: 235px !important; }
    @media (max-width: 989px) {
      .offers-page .offers-card {
        width: 135px !important; } }
  .offers-page .offer-carousel-img {
    left: 0px !important; }

.bg-gray-offer-page {
  margin: 0px;
  padding-bottom: 10px; }

.offer-container {
  max-width: 1300px;
  padding: 0 20px;
  margin: 0 auto; }

.container-fix {
  width: 1300px !important; }

.offer-heading {
  text-align: left;
  color: #2c599b;
  font-size: 35px;
  padding-top: 10px; }

.offer-tagline {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 30px; }
  @media (max-width: 768px) {
    .offer-tagline {
      font-size: 16px;
      font-weight: 400; } }

.offer-btn-center {
  display: flex;
  justify-content: center; }

.offer-order-btn {
  padding: 15px 40px;
  border-radius: 5px;
  font-size: 20px;
  background-color: #2b579b;
  color: white;
  border: none;
  margin-bottom: 30px; }

.offers-banner-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.offer-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid gainsboro;
  border-radius: 10px;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .offer-item {
      flex-direction: column-reverse; } }

.offer-img-container {
  width: 60%;
  height: auto; }
  @media (max-width: 768px) {
    .offer-img-container {
      width: 100%; } }

.offer-img {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.offer-details {
  width: 40%;
  padding: 80px 80px;
  position: relative; }
  @media (max-width: 768px) {
    .offer-details {
      width: 100%;
      padding: 30px 20px; } }

.offer-item-title {
  color: #2c599b;
  font-size: 22px;
  padding-bottom: 15px;
  margin-bottom: 0;
  margin-top: 0; }
  @media (max-width: 768px) {
    .offer-item-title {
      font-size: 16px;
      padding-left: 36px; } }

.offer-item-description {
  font-size: 17px; }
  @media (max-width: 768px) {
    .offer-item-description {
      font-size: 15px;
      color: #666; } }

.offers-card {
  border: 1px solid grey !important;
  border-radius: 10px !important; }

.color-fix {
  color: #2c599b !important;
  margin-bottom: 0 !important; }

.offer-carousel-img-container {
  background-color: white;
  width: 100% !important;
  height: 250px !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; }
  @media (max-width: 768px) {
    .offer-carousel-img-container {
      height: 200px !important; } }

.offer-carousel-img {
  position: relative;
  width: 70% !important;
  top: 50px; }

.offer-carousel-button {
  width: 100%;
  font-size: 16px;
  color: white;
  font-weight: 600;
  background-color: #65a8ec;
  padding: 15px 10px;
  border: none;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px; }
  @media (max-width: 767px) {
    .offer-carousel-button {
      font-size: 10px; } }

.offers-lg-banner {
  width: 100%; }

.double-offer-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }

.double-offer-item {
  width: 48%;
  display: flex;
  flex-direction: column-reverse;
  border: 1px solid gainsboro;
  border-radius: 10px;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .double-offer-item {
      width: 100%; } }

.double-offer-details {
  width: 100%;
  padding: 30px 40px; }
  @media (max-width: 768px) {
    .double-offer-details {
      width: 100%;
      padding: 30px 40px; } }

.double-offer-img-container {
  width: 100%; }
  @media (max-width: 768px) {
    .double-offer-img-container {
      width: 100%; } }

.alfalah-watermark {
  position: absolute;
  z-index: 0;
  width: 40%;
  height: auto;
  opacity: 0.2;
  top: 23%;
  left: 24%; }
  @media (max-width: 768px) {
    .alfalah-watermark {
      width: 10%;
      opacity: 1;
      top: 15%;
      left: 5%; } }

.hbl-watermark {
  position: absolute;
  z-index: 0;
  width: 40%;
  height: auto;
  opacity: 0.2;
  top: 37%;
  left: 24%; }
  @media (max-width: 768px) {
    .hbl-watermark {
      width: 10%;
      opacity: 1;
      top: 17%;
      left: 5%; } }

.meezan-watermark {
  position: absolute;
  z-index: 0;
  width: 40%;
  height: auto;
  opacity: 0.2;
  top: 23%;
  left: 24%; }
  @media (max-width: 768px) {
    .meezan-watermark {
      width: 10%;
      opacity: 1;
      top: 15%;
      left: 5%; } }

.disease-category h2 {
  padding-left: 10px;
  color: #2c599b !important; }

.diseases-card {
  border: 0.05rem solid #dadee4; }

.home-services-container {
  padding-bottom: 40px; }
  .home-services-container .home-services-heading {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin: 15px auto;
    font-weight: 700; }
    @media (max-width: 767px) {
      .home-services-container .home-services-heading {
        text-align: left;
        font-size: 22px;
        padding-left: 14px;
        margin: 1px auto; } }
  .home-services-container .home-services-banner-container {
    width: 100%;
    margin: auto; }
    @media (max-width: 798px) {
      .home-services-container .home-services-banner-container {
        padding-top: 11px;
        padding-bottom: 10px; } }
  @media (max-width: 767px) {
    .home-services-container {
      padding-top: 30px; } }
  @media (max-width: 767px) {
    .home-services-container .physio_content {
      padding-left: 4px; } }
  .home-services-container .service-img-container {
    display: flex !important;
    justify-content: center;
    margin-top: 25px;
    height: 84px;
    flex-grow: 3;
    padding-right: 38px;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container {
        height: 80px;
        padding-right: 10px; } }
  .home-services-container .service-img-container img {
    width: 82px !important; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container img {
        width: 50px !important;
        height: 50px !important; } }
  .home-services-container .services-name {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1px; }
  .home-services-container h3 {
    margin-bottom: 5px;
    margin-top: 5px; }
  .home-services-container .labtest-pricing {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .home-services-container .labtest-pricing {
        margin-bottom: 20px; } }
  .home-services-container .add-to-cart1 {
    background-color: #32AA9E;
    border-radius: 5px;
    color: #fff;
    border: none; }
    .home-services-container .add-to-cart1:hover, .home-services-container .add-to-cart1:focus {
      background-color: #25afa1;
      color: #fff; }
  .home-services-container .content1 {
    flex-grow: 3;
    padding-right: 8px;
    padding-top: 16px !important; }
    @media (max-width: 767px) {
      .home-services-container .content1 {
        padding-right: 0px; } }
    .home-services-container .content1 h3 {
      font-weight: 700; }
      @media (max-width: 989px) {
        .home-services-container .content1 h3 {
          display: flex;
          flex-wrap: wrap;
          max-width: 170px; } }
  .home-services-container .paragraph {
    padding-bottom: 10px !important; }
    @media (max-width: 768px) {
      .home-services-container .paragraph {
        padding-bottom: 10px !important; } }
  .home-services-container .left-margin {
    margin-left: 5px; }

.home-services-container {
  padding-top: 131px; }
  .home-services-container h3 {
    font-size: 18px !important; }
    @media (max-width: 989px) {
      .home-services-container h3 {
        font-size: 13px !important; } }
  .home-services-container p {
    font-size: 14px !important; }
  .home-services-container .all-products {
    padding-top: 40px;
    background-color: #fff;
    margin: auto; }
  .home-services-container .labtest-pricing {
    font-weight: 600;
    font-size: 20px !important; }
    @media (max-width: 989px) {
      .home-services-container .labtest-pricing {
        font-size: 13px !important; } }
  .home-services-container .card1 {
    border: 1px solid #E3E4E4;
    border-radius: 5px; }
  .home-services-container .add-to-cart1 {
    font-size: 14px; }
    .home-services-container .add-to-cart1 i {
      margin-right: 4px; }
  @media (max-width: 989px) {
    .home-services-container .house-call {
      margin-bottom: 12px; } }

.container:hover .image {
  opacity: 1 !important; }

.center-aligned {
  text-align: center; }

.left-aligned {
  text-align: left; }

.right-aligned {
  text-align: right; }

.space-between-text {
  margin: 25px 0px; }

.width-auto {
  width: auto !important; }

.color-33AA9E {
  color: #33AA9E; }

.mb-fix {
  margin-bottom: -65px !important; }

.color-CC0606 {
  color: #CC0606; }

.background-color-f2f2f2 {
  background-color: #f2f2f2; }

.background-color-B6DFE1 {
  background-color: #B6DFE1; }

.position-top-alpha {
  position: relative;
  top: 144px; }

.position-top-beta {
  position: relative;
  top: -100px; }

.position-top-gamma {
  position: relative;
  top: 260px; }

.position-top-delta {
  position: relative;
  top: -270px; }

.margin-bottom-fix {
  margin-top: 500px;
  position: relative;
  z-index: 0; }
  @media (max-width: 768px) {
    .margin-bottom-fix {
      margin-top: 580px; } }

.max-height {
  max-height: 1600px; }
  @media (max-width: 768px) {
    .max-height {
      max-height: 3800px; } }

span.img-circle {
  border-radius: 100px;
  height: 150px;
  width: 150px;
  display: flex;
  background: #fff;
  overflow: hidden;
  justify-content: center;
  margin: 0 auto; }
  span.img-circle img {
    width: auto !important; }

header.banner-and-tabs,
section.banner-and-tabs {
  display: block;
  position: relative; }
  header.banner-and-tabs h2,
  section.banner-and-tabs h2 {
    font-size: 26px;
    color: #676767;
    text-transform: uppercase;
    font-weight: bold; }
    @media (max-width: 768px) {
      header.banner-and-tabs h2,
      section.banner-and-tabs h2 {
        font-size: 16px; } }
  header.banner-and-tabs .tabs-rounded-corner,
  section.banner-and-tabs .tabs-rounded-corner {
    position: relative;
    background: #33AA9E;
    border-radius: 5px;
    text-align: center;
    padding: 20px 10px 20px 10px;
    align-items: center;
    display: block;
    width: 100%; }
    header.banner-and-tabs .tabs-rounded-corner > img,
    section.banner-and-tabs .tabs-rounded-corner > img {
      display: inline-block;
      text-align: center; }
  header.banner-and-tabs h4,
  section.banner-and-tabs h4 {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600; }
  header.banner-and-tabs .grey-card,
  section.banner-and-tabs .grey-card {
    background: #bbb;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    text-align: center; }
    header.banner-and-tabs .grey-card ul,
    section.banner-and-tabs .grey-card ul {
      display: flex;
      padding: 0;
      text-decoration: none;
      list-style-type: none;
      text-align: center;
      width: 100%;
      margin-top: 0px;
      margin-bottom: 0px;
      flex-wrap: wrap;
      justify-content: center; }
      header.banner-and-tabs .grey-card ul li,
      section.banner-and-tabs .grey-card ul li {
        display: inline-block;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 auto;
        margin-left: 60px;
        margin-right: 60px;
        margin-bottom: 20px;
        margin-top: 10px;
        left: 0;
        right: 0;
        position: relative; }
        header.banner-and-tabs .grey-card ul li p,
        section.banner-and-tabs .grey-card ul li p {
          display: block;
          width: 178px;
          font-weight: bold;
          font-size: 18px;
          color: #fff;
          margin-top: 20px; }
          @media (max-width: 768px) {
            header.banner-and-tabs .grey-card ul li p,
            section.banner-and-tabs .grey-card ul li p {
              font-size: 14px !important; } }
        header.banner-and-tabs .grey-card ul li img,
        section.banner-and-tabs .grey-card ul li img {
          width: 150px; }
        header.banner-and-tabs .grey-card ul li a.clickable-area,
        section.banner-and-tabs .grey-card ul li a.clickable-area {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          background: none !important;
          top: 0; }
    header.banner-and-tabs .grey-card a,
    section.banner-and-tabs .grey-card a {
      background: #33AA9E !important; }
      header.banner-and-tabs .grey-card a:hover,
      section.banner-and-tabs .grey-card a:hover {
        background: #2d988d !important; }

.top-banner {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: center; }

.background-color-fff {
  background: #fff;
  padding-bottom: 250px; }

i.file.pdf.outline.icon.display--block {
  display: block !important;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 50px;
  margin-top: 50px; }

.pdf h2.center.aligned {
  display: block !important;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 50px; }

a.positive.ui.button.pdf {
  background: #33aa9e;
  padding: 10px 10px; }

.owl-covid-pdf-slider-without-loop button.owl-prev {
  float: right;
  font-size: 60px !important;
  position: absolute;
  left: 0px;
  top: 50px;
  outline: 0;
  text-decoration: none; }

.owl-covid-pdf-slider-without-loop button.owl-next {
  float: right;
  font-size: 60px !important;
  position: absolute;
  right: 0px;
  top: 50px;
  outline: 0;
  text-decoration: none; }

.owl-covid-test-slider-with-loop button.owl-prev {
  float: right;
  font-size: 60px !important;
  position: absolute;
  left: 0px;
  top: 50px;
  outline: 0;
  text-decoration: none; }

.owl-covid-test-slider-with-loop button.owl-next {
  float: right;
  font-size: 60px !important;
  position: absolute;
  right: 0px;
  top: 50px;
  outline: 0;
  text-decoration: none; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: none !important;
  color: #000 !important; }

@media (min-width: 768px) {
  .card-desktop-height {
    height: 400px; } }

.covid19-alpha .mx-auto {
  margin: auto !important; }
.covid19-alpha .background-color-fff {
  padding-bottom: 220px; }
@media (max-width: 989px) {
  .covid19-alpha .max-height {
    max-height: 4250px; } }
.covid19-alpha .w_75 {
  width: 75% !important;
  margin: auto; }
  @media (max-width: 989px) {
    .covid19-alpha .w_75 {
      width: 99%; } }
.covid19-alpha h1 {
  font-size: 28px;
  padding: 10px;
  font-weight: bold;
  color: #000; }
.covid19-alpha .file-container {
  width: 70%;
  justify-content: space-around; }
  @media (max-width: 989px) {
    .covid19-alpha .file-container {
      width: 99%; } }
  .covid19-alpha .file-container a {
    display: block !important; }
  .covid19-alpha .file-container i {
    font-size: 50px;
    color: #000; }
  .covid19-alpha .file-container a.positive.ui.button.pdf {
    margin: 25px 30px; }
    @media (max-width: 989px) {
      .covid19-alpha .file-container a.positive.ui.button.pdf {
        margin: 25px 70px; } }
.covid19-alpha ul {
  margin-left: 1px !important; }
.covid19-alpha h2 {
  line-height: 25px; }
.covid19-alpha .button {
  border-radius: 5px;
  color: #ffffff;
  border: none; }
.covid19-alpha .get-tested {
  margin-bottom: 33px; }
.covid19-alpha .btn-group {
  position: relative; }
  .covid19-alpha .btn-group .or {
    position: absolute;
    left: 121.5px;
    top: 5px;
    background-color: #ffffff;
    border-radius: 20px;
    color: #535252 !important;
    z-index: 1; }
  .covid19-alpha .btn-group .btn {
    padding-right: 20px;
    padding-left: 20px; }

.covid19-alpha.top-margin-container {
  margin-top: 103px !important; }

.buttons-group {
  position: relative; }
  .buttons-group div {
    background-color: #ffffff;
    border-radius: 20px;
    color: #535252 !important;
    margin: auto;
    position: absolute;
    right: 45%;
    top: 34%; }

section.contact-us-alpha {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  section.contact-us-alpha #contact-us-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 340px;
    overflow: hidden; }
    @media (max-width: 767px) {
      section.contact-us-alpha #contact-us-banner {
        height: 180px; } }
    section.contact-us-alpha #contact-us-banner .cb-headings {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: white; }
      section.contact-us-alpha #contact-us-banner .cb-headings h1 {
        font-size: 32px;
        margin-bottom: 2px; }
        @media (max-width: 767px) {
          section.contact-us-alpha #contact-us-banner .cb-headings h1 {
            font-size: 22px; } }
      section.contact-us-alpha #contact-us-banner .cb-headings p {
        font-size: 16px; }
        @media (max-width: 767px) {
          section.contact-us-alpha #contact-us-banner .cb-headings p {
            font-size: 12px;
            text-align: center;
            margin: 0 10px; } }
  section.contact-us-alpha #contact-us-content .ui.padded.grid {
    padding: 40px 0; }
    @media (max-width: 767px) {
      section.contact-us-alpha #contact-us-content .ui.padded.grid {
        padding: 20px 0; } }
  section.contact-us-alpha #contact-us-content .contact-us-form-section {
    border-right: 1px solid #bdbdbd;
    padding: 0 70px; }
    @media (max-width: 767px) {
      section.contact-us-alpha #contact-us-content .contact-us-form-section {
        padding: 0px 10px;
        border: none; } }
    section.contact-us-alpha #contact-us-content .contact-us-form-section .form-faq-details {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-bottom: 15px; }
      section.contact-us-alpha #contact-us-content .contact-us-form-section .form-faq-details p {
        margin-bottom: 4px;
        font-size: 13px;
        text-align: center; }
        @media (max-width: 767px) {
          section.contact-us-alpha #contact-us-content .contact-us-form-section .form-faq-details p {
            font-size: 12px;
            margin-bottom: 6px; } }
    section.contact-us-alpha #contact-us-content .contact-us-form-section .form-div .ui.form > * {
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .contact-us-form-section .form-div .ui.form > * {
          margin-bottom: 15px; } }
    section.contact-us-alpha #contact-us-content .contact-us-form-section .form-div .contact-form-submit {
      background-color: #4183c4;
      color: white;
      font-size: 14px;
      padding: 12px 45px; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .contact-us-form-section .form-div .contact-form-submit {
          padding: 10px 45px; } }
  section.contact-us-alpha #contact-us-content .thank-you-section {
    border-right: 1px solid #bdbdbd;
    padding: 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    @media (max-width: 767px) {
      section.contact-us-alpha #contact-us-content .thank-you-section {
        padding: 0px 10px;
        border: none; } }
    section.contact-us-alpha #contact-us-content .thank-you-section img {
      height: 100px;
      width: 100px;
      margin-bottom: 35px; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .thank-you-section img {
          height: 60px;
          width: 60px;
          margin-bottom: 25px;
          margin-top: 25px; } }
    section.contact-us-alpha #contact-us-content .thank-you-section .success-message {
      font-size: 25px;
      text-align: center;
      font-weight: bold; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .thank-you-section .success-message {
          font-size: 20px; } }
    section.contact-us-alpha #contact-us-content .thank-you-section .team-contact {
      font-size: 18px;
      text-align: center; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .thank-you-section .team-contact {
          font-size: 15px; } }
    section.contact-us-alpha #contact-us-content .thank-you-section .ticket-number-div {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      border: 2px solid #c8c8c8;
      border-radius: 5px;
      padding: 10px 50px;
      font-size: 16px; }
      @media (max-width: 767px) {
        section.contact-us-alpha #contact-us-content .thank-you-section .ticket-number-div {
          padding: 10px 55px;
          margin-bottom: 60px; } }
    section.contact-us-alpha #contact-us-content .thank-you-section .ticket-number-heading {
      margin-bottom: 0; }
  section.contact-us-alpha #contact-us-content .contact-us-details-section {
    padding: 0 70px; }
    @media (max-width: 767px) {
      section.contact-us-alpha #contact-us-content .contact-us-details-section {
        padding: 0px 10px;
        border: none; } }
    section.contact-us-alpha #contact-us-content .contact-us-details-section .contact-us-detail {
      margin-bottom: 45px; }
      section.contact-us-alpha #contact-us-content .contact-us-details-section .contact-us-detail h2 {
        font-size: 18px;
        color: #00589b; }
      section.contact-us-alpha #contact-us-content .contact-us-details-section .contact-us-detail p {
        font-size: 16px; }
      section.contact-us-alpha #contact-us-content .contact-us-details-section .contact-us-detail .social-icons {
        display: flex;
        align-items: center; }
        section.contact-us-alpha #contact-us-content .contact-us-details-section .contact-us-detail .social-icons i {
          color: white;
          background-color: #2b579b;
          height: 35px;
          width: 35px;
          font-size: 18px;
          margin-right: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%; }
  section.contact-us-alpha textarea {
    min-height: 125px;
    resize: vertical; }
  section.contact-us-alpha .loading {
    color: transparent !important; }
  section.contact-us-alpha label:after {
    content: " *";
    color: red; }
  section.contact-us-alpha .columns {
    width: 98%; }
    @media (min-width: 989px) {
      section.contact-us-alpha .columns {
        width: 75%; } }
  section.contact-us-alpha .contact-alpha {
    display: flex;
    justify-content: center; }
  section.contact-us-alpha a {
    color: #00589b; }
  section.contact-us-alpha h2, section.contact-us-alpha h1 {
    font-weight: 800; }
  section.contact-us-alpha .two.fields.columns {
    width: 103.5%; }
  section.contact-us-alpha .btn {
    border: none;
    border-radius: 5px; }
  section.contact-us-alpha .form-input:focus {
    box-shadow: none; }

.upload-file input {
  border: none;
  padding: 6px 10px !important;
  overflow: hidden; }

.margin-bottom-zero {
  margin-bottom: 0 !important; }

.contact-us-alpha.top-margin-container {
  margin-top: 102px; }

.body-stop-scrolling {
  position: fixed;
  overflow: hidden !important; }

.category_alpha .category-filter {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .category_alpha .category-filter {
      padding: 20px 20px 0px 20px; } }
  .category_alpha .category-filter h5 {
    font-size: 17px;
    font-weight: bold; }
    @media (max-width: 768px) {
      .category_alpha .category-filter h5 {
        font-size: 12px;
        margin-top: 5px; } }
  .category_alpha .category-filter a {
    font-size: 12px; }

.category-main-cart .banner {
  width: 100%; }
  .category-main-cart .banner img {
    width: 100%; }
.category-main-cart .filter-forms {
  display: flex;
  justify-content: space-between;
  padding: 21px 0px; }
  @media (max-width: 768px) {
    .category-main-cart .filter-forms {
      padding: 0; } }
  .category-main-cart .filter-forms .search-bar-with-icon {
    position: relative;
    width: 47%;
    margin-bottom: 10px; }
    .category-main-cart .filter-forms .search-bar-with-icon i {
      position: absolute;
      right: 0;
      top: 0;
      padding: 10px;
      color: darkgrey; }

.category-filters {
  padding: 0 41px; }
  @media (max-width: 768px) {
    .category-filters {
      font-size: 12px;
      padding: 0;
      margin-left: 10px;
      margin-top: 15px; } }
  .category-filters .search-bar-with-icon {
    position: relative;
    margin-bottom: 10px; }
    .category-filters .search-bar-with-icon i {
      position: absolute;
      right: 0;
      top: 0;
      padding: 10px;
      color: darkgrey; }
  .category-filters button {
    background-color: white;
    position: relative; }
    @media (max-width: 768px) {
      .category-filters button {
        font-weight: bold; } }
    .category-filters button #icon {
      position: absolute;
      right: 0; }
  .category-filters button.category-course-accordion {
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    line-height: 1.5em;
    text-transform: none;
    letter-spacing: 0px; }
  .category-filters div.category-course-panel {
    overflow-y: scroll;
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 96%;
    line-height: 1.6em;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .category-filters div.category-course-panel ::-webkit-scrollbar {
      width: 10px; }
    .category-filters div.category-course-panel ::-webkit-scrollbar-track {
      background: #f1f1f1; }
    .category-filters div.category-course-panel ::-webkit-scrollbar-thumb {
      background: #888; }
    .category-filters div.category-course-panel ::-webkit-scrollbar-thumb:hover {
      background: #555; }

.category-side-banner {
  padding: 24px 41px; }

.filter-forms-mobile .search-bar-with-icon {
  position: relative;
  width: 75%;
  margin-bottom: 10px; }
  .filter-forms-mobile .search-bar-with-icon input {
    font-size: 12px;
    height: 26px; }
  .filter-forms-mobile .search-bar-with-icon i {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    color: darkgrey; }
.filter-forms-mobile .form-group {
  display: inline-block; }
  .filter-forms-mobile .form-group select {
    font-size: 13px;
    padding: 0px 6px;
    height: 25px; }
.filter-forms-mobile .filters-mobile {
  display: flex;
  justify-content: space-between;
  margin-top: 15px; }
  .filter-forms-mobile .filters-mobile .label-with-icon {
    font-size: 12px;
    color: #2B579B;
    padding-top: 2px; }
  .filter-forms-mobile .filters-mobile .filters {
    font-size: 12px; }

.slider-active {
  left: 0 !important;
  transition: width 2s ease-in; }

.side-menu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  background: white;
  width: 100%;
  bottom: 0; }
  .side-menu .sub-side-menu-category {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  .side-menu .filter-button {
    width: 100%;
    position: absolute;
    bottom: 7px; }
    .side-menu .filter-button button {
      width: 90%;
      font-size: 12px;
      border: none;
      outline: none;
      background-color: #2B579B;
      color: white;
      padding: 10px 0;
      border-radius: 4px;
      margin: 0px 20px;
      text-transform: uppercase; }

.brands-side-cart {
  margin-top: 131px;
  position: sticky;
  top: 109px; }

.heading-with-filters {
  display: flex;
  justify-content: space-between;
  margin-top: 9px; }
  .heading-with-filters h2 {
    padding-top: 6px; }
  .heading-with-filters .filters label {
    font-size: 12px; }
  .heading-with-filters .filters .form-group {
    display: inline-block; }
    .heading-with-filters .filters .form-group .form-select {
      font-size: 10px !important;
      padding: 0px 4px;
      height: 24px; }

.card {
  width: 100% !important;
  border-radius: 10px;
  position: relative; }
  .card .card-image {
    padding-top: 0.8rem;
    height: fit-content; }
    @media (max-width: 768px) {
      .card .card-image {
        height: fit-content;
        padding-top: 23px; } }
    .card .card-image > a {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      height: 180px;
      position: absolute;
      z-index: 1; }
      @media (max-width: 789px) {
        .card .card-image > a {
          height: 140px; } }
    .card .card-image img {
      margin: 0 auto;
      width: 180px;
      height: 180px; }
      @media (max-width: 789px) {
        .card .card-image img {
          width: 140px;
          height: 140px;
          margin-top: 0px; } }
  .card .card-body {
    text-align: left; }
    .card .card-body h2 {
      height: 35px;
      overflow: hidden; }
      .card .card-body h2 > a {
        font-size: 14px;
        font-weight: bold !important; }
        @media (max-width: 767px) {
          .card .card-body h2 > a {
            font-size: 12px; } }
    .card .card-body p, .card .card-body a {
      margin: 0;
      font-size: 12px;
      color: #333333; }
      @media (max-width: 767px) {
        .card .card-body p, .card .card-body a {
          font-size: 10px; } }
    .card .card-body h4 {
      color: #333333;
      font-size: 14px;
      margin-top: 12px;
      margin-bottom: 0px; }
      @media (max-width: 767px) {
        .card .card-body h4 {
          font-size: 13px; } }
      .card .card-body h4 > span {
        text-decoration: line-through;
        color: red;
        margin-left: 5px;
        font-size: 12px; }
        @media (max-width: 767px) {
          .card .card-body h4 > span {
            font-size: 12px; } }
  .card .card-footer .btn.btn-primary.AddToCart {
    width: 100%;
    border-radius: 5px; }
  .card .card-footer .btn.btn-primary.SoldOut {
    width: 100%;
    background: #8a8787 !important;
    border: none;
    border-radius: 5px; }
  .card.styled {
    height: 70px;
    box-shadow: 1px 1px 4px 1px #00000014;
    border: none;
    box-sizing: border-box; }

.card.not-product > a {
  height: 150px; }
.card.not-product img {
  width: 80px;
  height: auto; }

.card-image img.d-block {
  margin-top: 7px; }

.error-new {
  display: block;
  margin: 200px auto 145px;
  background: url(/assets/img/404-bbg2.png) center center no-repeat;
  max-width: 1033px;
  width: 100%;
  height: 532px;
  position: relative; }
  @media (max-width: 767px) {
    .error-new {
      background: none;
      margin: 20px auto 0px; } }

.note-book {
  display: block;
  margin: 0px auto;
  background: url(/assets/img/note-book.png) center center no-repeat;
  max-width: 331px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 59px 21px 41px 25px;
  width: 100%;
  height: 465px;
  position: absolute;
  left: 7%;
  right: 0;
  top: 190px; }

.note-book * {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.note-book h3 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: center; }

.note-book h2 {
  color: #000;
  font-size: 40px;
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: center;
  margin: 5px auto;
  padding: 0;
  line-height: 32px; }

.note-book p {
  color: #000;
  font-size: 13px;
  float: left;
  width: 100%;
  text-align: left;
  line-height: 18px;
  padding: 6px 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.note-book a {
  display: block;
  margin: 10px auto 10px;
  text-align: center;
  color: #000;
  font-size: 17px;
  vertical-align: middle; }

.note-book a img {
  vertical-align: middle;
  margin: 0 3px 0 0px; }

.note-book input[type="text"] {
  font-size: 14px;
  margin: 0px auto 5px;
  padding: 6px 10px;
  width: 100%;
  display: block;
  color: #919191;
  max-width: 245px;
  border: 2px solid #1b70c2; }

.note-book input[type="text"]:focus {
  border: 2px solid #e5442f;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.note-book input[type="submit"] {
  display: inline-block;
  padding: 5px 29px;
  color: #fff;
  font-size: 15px;
  background: #063f85;
  border: none;
  max-width: 100px;
  cursor: pointer;
  margin: 10px 0 !important; }

.note-book input[type="submit"]:hover {
  background: #1b70c2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.note-subscribe {
  text-align: center;
  width: 100%; }

@media (max-width: 768px) {
  .note-book {
    top: 20px;
    left: 0;
    background: url(/assets/img/note-book.png) center center no-repeat/100%; }

  .note-book h2 {
    font-size: 25px; }

  .note-book h3 {
    font-size: 15px; }

  .note-book p {
    font-size: 11px;
    line-height: 15px;
    padding: 11px 11px; }

  .note-book a {
    margin: 0px auto 0px;
    font-size: 15px; } }
.howto-compound {
  background: #e6ecf3;
  float: left;
  width: 100%;
  padding: 120px 0 0 0;
  position: relative; }

.howto-compound:before {
  content: " ";
  position: absolute;
  top: -85px;
  left: 0px;
  background: url(/assets/img/compound-left.png) center center no-repeat;
  width: 153px;
  height: 243px; }

.howto-compound:after {
  content: " ";
  position: absolute;
  top: 300px;
  right: 0px;
  background: url(/assets/img/compound-right.png) center center no-repeat;
  width: 181px;
  height: 386px; }

.howto-compound h3 {
  text-align: center;
  color: #050f1c;
  font-size: 54px;
  float: left;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 70px 0; }

.compound-box {
  margin: 10px auto;
  max-width: 800px; }

.compound-box img {
  display: inline-block;
  vertical-align: top;
  margin: 0 30px 0 0px; }

.compound-box h4 {
  display: inline-block;
  background: url(/assets/img/compound-h4.jpg) left bottom no-repeat;
  padding: 0 0 0 27px;
  color: #050f1c;
  font-size: 25px; }

.compound-box p {
  display: inline-block;
  padding: 0 0 30px 56px;
  background: url(/assets/img/compound-p.jpg) 60px bottom no-repeat; }

.right-comp {
  display: inline-block;
  width: 604px;
  vertical-align: middle;
  padding: 40px 0 0 0; }

.compound-pop {
  background: #050f1c;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 100px auto;
  font-weight: lighter;
  display: block;
  width: 125px;
  border: 4px solid #050f1c;
  position: relative;
  clear: both; }

.compound-pop:hover {
  background: #ccd8e6;
  color: #050f1c;
  border: 4px solid #050f1c;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.compound-pop:before {
  content: " ";
  width: 104%;
  height: 3px;
  background: #96afbb;
  position: absolute;
  left: -4px;
  top: -17px; }

.compound-pop:after {
  content: " ";
  width: 75%;
  height: 3px;
  background: #96afbb;
  position: absolute;
  left: 22px;
  right: 0px;
  bottom: -15px; }

#compound-pop {
  display: none;
  background: #fff url(/assets/img/compound-popup-bg.jpg) 8px 7px no-repeat;
  max-width: 664px;
  width: 100%;
  padding: 68px 20px 20px 56px;
  border: 12px solid #808790;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#compound-pop h4 {
  text-align: left;
  color: #050f1c;
  font-size: 30px;
  float: left;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px 0 20px;
  font-weight: bold; }

#compound-pop ul {
  width: 100%; }

#compound-pop ul li {
  list-style: decimal inside;
  font-size: 15px;
  margin: 5px 0 10px;
  color: #050f1c; }

#compound-pop ol li {
  list-style: upper-roman inside !important;
  padding: 4px 20px;
  font-size: 13px;
  line-height: 18px; }

.onboard {
  background: #ccd8e6;
  float: left;
  width: 100%;
  padding: 120px 0 0 0;
  text-align: center;
  border-top: 5px solid #fff; }

.onboard h3 {
  text-align: center;
  color: #050f1c;
  font-size: 54px;
  float: left;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 70px 0; }

.nigheban {
  text-align: center;
  text-shadow: 0 0 black;
  float: left;
  width: 100%;
  margin: 0 0 55px 0; }

.onboard p {
  text-align: center;
  color: #050f1c;
  font-size: 31px;
  float: left;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 70px 0; }

.numb-com {
  display: inline-block;
  padding: 0 0 0 px;
  color: #050f1c;
  font-size: 42px;
  font-weight: bold;
  line-height: 26px;
  vertical-align: text-bottom; }

.compounding-upload-button {
  background-color: #193d53 !important;
  color: white !important;
  padding: 10px 20px !important;
  margin: 5px !important; }

.onboard-new {
  display: flex !important;
  align-items: center;
  justify-content: space-evenly;
  padding: 50px 0 !important; }
  @media (max-width: 767px) {
    .onboard-new {
      margin-bottom: -230px !important; } }

.nigheban-img {
  height: 200px !important;
  width: auto !important; }
  @media (max-width: 767px) {
    .nigheban-img {
      height: 120px !important; } }

.nigehban-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%; }

.nigehban-details P {
  font-size: 23px !important;
  margin: 0 !important;
  margin-bottom: 20px !important; }
  @media (max-width: 767px) {
    .nigehban-details P {
      font-size: 12px !important; } }

.compounding-container {
  padding: 45px 6px;
  text-align: center;
  background-color: #f7f7f7; }
  @media (max-width: 767px) {
    .compounding-container {
      padding: 45px !important; } }

.modal-heading {
  color: #000;
  font-size: 25px; }
  @media (max-width: 767px) {
    .modal-heading {
      font-size: 15px;
      margin-bottom: 30px; } }

.modal-details {
  text-align: center; }

.upload-input-label {
  color: #193d53;
  font-size: 20px; }

.upload-input {
  border: none !important;
  padding: 30px 0 !important;
  background-color: #f7f7f7 !important; }

.modal-column {
  padding: 70px !important; }
  @media (max-width: 767px) {
    .modal-column {
      padding: 10px !important; } }

.modal-button {
  padding: 10px 40px !important; }

.compounding-prescription-details {
  margin-top: 30px;
  text-align: left !important; }

.compounding-prescription-details h2 {
  color: #000;
  font-size: 14px;
  font-weight: bold; }

.compounding-prescription-details ul {
  color: #000;
  margin-top: 10px;
  font-size: 12px; }

.compounding-prescription-details ul li {
  margin: 5px 0; }

.howto-compound {
  padding: 120px 0 100px 0 !important; }
  @media (max-width: 768px) {
    .howto-compound {
      padding: 20px 0 100px 0 !important; } }

@media (max-width: 768px) {
  .numb-com {
    display: block;
    margin-bottom: 10px; } }

.owl-compounding-padding-fix {
  margin-top: 0 !important;
  margin-bottom: -32px !important; }
  @media (max-width: 767px) {
    .owl-compounding-padding-fix {
      margin-top: -68px !important; } }

.compounding-submit-button {
  background-color: #193d53 !important;
  color: white !important;
  padding: 10px 20px !important;
  margin: 5px !important; }

@media (max-width: 767px) {
  .howto-compound:before,
  .howto-compound:after {
    display: none; }

  .howto-compound {
    padding: 20px 0; }

  .howto-compound h3 {
    font-size: 24px; }

  .howto-compound h3 {
    margin: 0 0 20px 0; }

  .compound-box {
    text-align: center; }

  .compound-box img {
    margin: 0px auto; }

  .right-comp {
    max-width: 604px;
    padding: 15px 0 0 0;
    width: 100%; }

  .compound-box h4 {
    background: none;
    padding: 0;
    font-size: 18px; }

  .compound-box p {
    display: inline-block;
    padding: 0 0 30px 0px;
    background: url(/assets/img/compound-p.jpg) center bottom no-repeat; }

  .compound-box p {
    font-size: 14px; }

  .numb-com {
    display: block; }

  .onboard h3 {
    font-size: 31px;
    margin: 0 0 20px 0; }

  .onboard p {
    font-size: 16px;
    margin: 0 0 40px 0; }

  .onboard {
    padding: 40px 0 0 0; } }
.fadein img {
  position: absolute;
  top: 0px;
  -webkit-animation-name: fade;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
  animation-name: fade;
  animation-iteration-count: infinite;
  animation-duration: 20s; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  30% {
    opacity: 1; }
  73% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  30% {
    opacity: 1; }
  73% {
    opacity: 1; }
  100% {
    opacity: 0; } }
#f2 {
  animation-delay: 1000s; }

.compounding-alpha ::-webkit-scrollbar {
  width: 10px; }
.compounding-alpha ::-webkit-scrollbar-track {
  background: #F1F1F1; }
.compounding-alpha ::-webkit-scrollbar-thumb {
  background: #888; }
.compounding-alpha ::-webkit-scrollbar-thumb:hover {
  background: #555; }
.compounding-alpha .modal-overlay {
  background-color: rgba(105, 105, 105, 0.88) !important; }
.compounding-alpha .compounding-container {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  @media (max-width: 989px) {
    .compounding-alpha .compounding-container {
      padding-right: 10px !important;
      padding-left: 10px !important; } }
.compounding-alpha .modal-container {
  max-width: 850px !important;
  max-height: 83vh !important;
  overflow-y: auto !important; }
  .compounding-alpha .modal-container .float-right {
    position: relative;
    font-size: 25px; }
    @media (max-width: 989px) {
      .compounding-alpha .modal-container .float-right {
        font-size: 20px;
        top: -4px; } }
.compounding-alpha .modal-column {
  padding: 15px 40px !important; }
  @media (max-width: 989px) {
    .compounding-alpha .modal-column {
      padding: 10px !important; } }
.compounding-alpha .compounding-submit-button {
  display: flex;
  align-items: center;
  margin: auto;
  border: none; }
.compounding-alpha .submit-btn-container {
  display: flex;
  justify-content: center; }
.compounding-alpha .compounding-upload-button {
  border-radius: 6px;
  border: none !important;
  outline: none; }
.compounding-alpha .howto-compound {
  overflow-y: hidden !important; }
.compounding-alpha .fadein img {
  top: 52px !important; }
  @media (max-width: 989px) {
    .compounding-alpha .fadein img {
      top: 0px !important; } }
@media (max-width: 767px) {
  .compounding-alpha .onboard-new {
    margin-bottom: 0px !important; } }
.compounding-alpha h2 {
  line-height: 22px; }

@media (max-width: 767px) {
  .compounding-alpha .slideshow-container {
    height: 110px; } }

section.MainCart a:focus {
  box-shadow: none; }
section.MainCart article.cart-home, section.MainCart article.cart-address, section.MainCart article.cart-payment {
  background: #f6f5f5; }
  section.MainCart article.cart-home .cart-product-list, section.MainCart article.cart-address .cart-product-list, section.MainCart article.cart-payment .cart-product-list {
    border: 1px solid #ccc;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home .cart-product-list, section.MainCart article.cart-address .cart-product-list, section.MainCart article.cart-payment .cart-product-list {
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc !important; } }
    section.MainCart article.cart-home .cart-product-list h3.product-name, section.MainCart article.cart-address .cart-product-list h3.product-name, section.MainCart article.cart-payment .cart-product-list h3.product-name {
      font-size: 16px; }
      @media (max-width: 767px) {
        section.MainCart article.cart-home .cart-product-list h3.product-name, section.MainCart article.cart-address .cart-product-list h3.product-name, section.MainCart article.cart-payment .cart-product-list h3.product-name {
          font-size: 12px; } }
    section.MainCart article.cart-home .cart-product-list.modified, section.MainCart article.cart-address .cart-product-list.modified, section.MainCart article.cart-payment .cart-product-list.modified {
      border: none !important;
      border-radius: none !important; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home .cart-product-list.mobile-margin, section.MainCart article.cart-address .cart-product-list.mobile-margin, section.MainCart article.cart-payment .cart-product-list.mobile-margin {
        margin-bottom: 20px !important; } }
  section.MainCart article.cart-home input,
  section.MainCart article.cart-home textarea, section.MainCart article.cart-address input,
  section.MainCart article.cart-address textarea, section.MainCart article.cart-payment input,
  section.MainCart article.cart-payment textarea {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px; }
  section.MainCart article.cart-home input[type="button"], section.MainCart article.cart-address input[type="button"], section.MainCart article.cart-payment input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer; }
  section.MainCart article.cart-home input::-webkit-outer-spin-button,
  section.MainCart article.cart-home input::-webkit-inner-spin-button, section.MainCart article.cart-address input::-webkit-outer-spin-button,
  section.MainCart article.cart-address input::-webkit-inner-spin-button, section.MainCart article.cart-payment input::-webkit-outer-spin-button,
  section.MainCart article.cart-payment input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  section.MainCart article.cart-home .input-group, section.MainCart article.cart-address .input-group, section.MainCart article.cart-payment .input-group {
    clear: both;
    margin: 15px 0;
    position: relative;
    text-align: center;
    margin-top: 0px; }
  section.MainCart article.cart-home .input-group input[type="button"], section.MainCart article.cart-address .input-group input[type="button"], section.MainCart article.cart-payment .input-group input[type="button"] {
    min-width: 25px;
    width: auto;
    transition: all 300ms ease;
    height: 25px;
    border-radius: 3px;
    background: #03a9f4;
    color: #fff; }
  section.MainCart article.cart-home .input-group .button-minus,
  section.MainCart article.cart-home .input-group .button-plus, section.MainCart article.cart-address .input-group .button-minus,
  section.MainCart article.cart-address .input-group .button-plus, section.MainCart article.cart-payment .input-group .button-minus,
  section.MainCart article.cart-payment .input-group .button-plus {
    font-weight: bold;
    height: 25px;
    padding: 0;
    width: 25px;
    position: relative; }
  section.MainCart article.cart-home .input-group .quantity-field, section.MainCart article.cart-address .input-group .quantity-field, section.MainCart article.cart-payment .input-group .quantity-field {
    position: relative;
    height: 38px;
    left: -6px;
    text-align: center;
    width: 35px;
    display: inline-block;
    font-size: 13px !important;
    margin: 0 0 5px;
    resize: vertical;
    border: none;
    border-bottom: 1px solid #bbb; }
  section.MainCart article.cart-home .button-plus, section.MainCart article.cart-address .button-plus, section.MainCart article.cart-payment .button-plus {
    left: -13px; }
  section.MainCart article.cart-home input[type="number"], section.MainCart article.cart-address input[type="number"], section.MainCart article.cart-payment input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none; }
  section.MainCart article.cart-home p.prescription-required, section.MainCart article.cart-address p.prescription-required, section.MainCart article.cart-payment p.prescription-required {
    color: red;
    font-size: 10px;
    margin-bottom: 0; }
  section.MainCart article.cart-home .cart-product-list h3, section.MainCart article.cart-address .cart-product-list h3, section.MainCart article.cart-payment .cart-product-list h3 {
    margin-bottom: 0px;
    padding-left: 0; }
  section.MainCart article.cart-home p.stock-location-limitation, section.MainCart article.cart-address p.stock-location-limitation, section.MainCart article.cart-payment p.stock-location-limitation {
    color: red;
    font-size: 10px; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home p.stock-location-limitation, section.MainCart article.cart-address p.stock-location-limitation, section.MainCart article.cart-payment p.stock-location-limitation {
        margin-bottom: 0px; } }
  section.MainCart article.cart-home .price-discounted, section.MainCart article.cart-address .price-discounted, section.MainCart article.cart-payment .price-discounted {
    color: green;
    margin-bottom: 0;
    font-size: 13px; }
  section.MainCart article.cart-home .price-actual, section.MainCart article.cart-address .price-actual, section.MainCart article.cart-payment .price-actual {
    color: red;
    font-size: 12px;
    margin-bottom: 0; }
    section.MainCart article.cart-home .price-actual.line-through, section.MainCart article.cart-address .price-actual.line-through, section.MainCart article.cart-payment .price-actual.line-through {
      text-decoration: line-through; }
      @media (max-width: 767px) {
        section.MainCart article.cart-home .price-actual.line-through, section.MainCart article.cart-address .price-actual.line-through, section.MainCart article.cart-payment .price-actual.line-through {
          text-align: left;
          margin-bottom: 5px; } }
  section.MainCart article.cart-home .discount-applied, section.MainCart article.cart-address .discount-applied, section.MainCart article.cart-payment .discount-applied {
    font-size: 12px; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home .discount-applied, section.MainCart article.cart-address .discount-applied, section.MainCart article.cart-payment .discount-applied {
        text-align: right; } }
  section.MainCart article.cart-home .border-bottom, section.MainCart article.cart-address .border-bottom, section.MainCart article.cart-payment .border-bottom {
    border-bottom: 1px solid #EBEBEB; }
  section.MainCart article.cart-home a.remove-item, section.MainCart article.cart-address a.remove-item, section.MainCart article.cart-payment a.remove-item {
    color: #00000096;
    padding: 0px 15px 0px 0px;
    display: block;
    margin-bottom: 10px;
    font-size: 12px; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home a.remove-item, section.MainCart article.cart-address a.remove-item, section.MainCart article.cart-payment a.remove-item {
        padding: 0px 0px 0px 0px; } }
    section.MainCart article.cart-home a.remove-item:hover, section.MainCart article.cart-address a.remove-item:hover, section.MainCart article.cart-payment a.remove-item:hover {
      color: red;
      transform: transition 0.5s; }
  section.MainCart article.cart-home .height-defined, section.MainCart article.cart-address .height-defined, section.MainCart article.cart-payment .height-defined {
    min-height: 145px;
    height: auto;
    border-bottom: 1px solid #eee; }
  section.MainCart article.cart-home .margin-top-28, section.MainCart article.cart-address .margin-top-28, section.MainCart article.cart-payment .margin-top-28 {
    margin-top: 28px !important; }
  section.MainCart article.cart-home .margin-top-0, section.MainCart article.cart-address .margin-top-0, section.MainCart article.cart-payment .margin-top-0 {
    margin-top: 0px !important; }
  section.MainCart article.cart-home .width-100, section.MainCart article.cart-address .width-100, section.MainCart article.cart-payment .width-100 {
    width: 100px !important; }
  section.MainCart article.cart-home .pack-price, section.MainCart article.cart-address .pack-price, section.MainCart article.cart-payment .pack-price {
    font-size: 12px;
    text-align: left; }
  section.MainCart article.cart-home .padding-top-5, section.MainCart article.cart-address .padding-top-5, section.MainCart article.cart-payment .padding-top-5 {
    padding-top: 5px !important; }
  section.MainCart article.cart-home .column.width-130, section.MainCart article.cart-address .column.width-130, section.MainCart article.cart-payment .column.width-130 {
    width: 130px !important; }
  section.MainCart article.cart-home input.button-minus:disabled, section.MainCart article.cart-address input.button-minus:disabled, section.MainCart article.cart-payment input.button-minus:disabled {
    background: #ccc !important; }
  section.MainCart article.cart-home .color-blue, section.MainCart article.cart-address .color-blue, section.MainCart article.cart-payment .color-blue {
    color: #4caf50; }
  section.MainCart article.cart-home .theme-blue, section.MainCart article.cart-address .theme-blue, section.MainCart article.cart-payment .theme-blue {
    background: #00569b !important;
    color: #fff !important; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home .theme-blue, section.MainCart article.cart-address .theme-blue, section.MainCart article.cart-payment .theme-blue {
        padding: 8px; } }
  section.MainCart article.cart-home .theme-blue-decorated, section.MainCart article.cart-address .theme-blue-decorated, section.MainCart article.cart-payment .theme-blue-decorated {
    color: #00569b !important;
    text-decoration: underline;
    background: none !important; }
  section.MainCart article.cart-home input.promocode-field, section.MainCart article.cart-address input.promocode-field, section.MainCart article.cart-payment input.promocode-field {
    border-radius: 5px; }
    @media (min-width: 990px) and (max-width: 1199px) {
      section.MainCart article.cart-home input.promocode-field, section.MainCart article.cart-address input.promocode-field, section.MainCart article.cart-payment input.promocode-field {
        width: 60% !important; } }
  section.MainCart article.cart-home .btn-checkout, section.MainCart article.cart-address .btn-checkout, section.MainCart article.cart-payment .btn-checkout {
    text-align: center !important;
    width: 100%;
    vertical-align: middle;
    padding: 14px 0px !important;
    font-size: 16px !important;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      section.MainCart article.cart-home .btn-checkout, section.MainCart article.cart-address .btn-checkout, section.MainCart article.cart-payment .btn-checkout {
        margin-bottom: 10px;
        box-shadow: 0px 0px 5px 0px #00000094;
        padding-left: 35px !important;
        padding-right: 35px !important;
        width: 93%;
        margin: 0 auto;
        margin-top: 13px; } }
    section.MainCart article.cart-home .btn-checkout.disabled, section.MainCart article.cart-address .btn-checkout.disabled, section.MainCart article.cart-payment .btn-checkout.disabled {
      opacity: 1 !important;
      background: #ccc !important; }
section.MainCart article .extra.content.modified {
  border: none !important;
  padding-top: 0px; }
section.MainCart article .content.modified {
  border: none !important; }
section.MainCart article .pt-0 {
  padding-top: 0 !important; }
section.MainCart article .ui.card.height-equalized {
  min-height: 200px;
  height: auto; }
section.MainCart article .content.centered {
  display: block !important;
  text-align: center !important;
  align-content: center !important;
  cursor: pointer; }
section.MainCart article i.plus.icon.display--block {
  margin: 0 auto;
  margin-bottom: 10px; }
section.MainCart article .background-override {
  background: #fff !important; }
section.MainCart article .content.centered-inline {
  margin: 0 auto;
  text-align: center; }
section.MainCart article .two.fields.ui.dividing.header p {
  font-size: 14px;
  margin-bottom: 0px !important;
  padding: 10px 0px;
  background: #ddd; }
section.MainCart h2 span {
  display: block;
  font-size: 14px;
  text-indent: 34px;
  margin-top: 6px; }
section.MainCart .two.fields.ui.dividing.header {
  margin-bottom: 0px;
  background: #ddd; }
section.MainCart img.img-fluid.modified {
  display: block;
  width: auto;
  max-width: 60px; }
section.MainCart a.display--inline-block.right.aligned {
  float: right !important; }
section.MainCart .cart-product-list h2 {
  font-size: 20px;
  color: #666;
  font-weight: 400;
  margin-bottom: 15px; }
  section.MainCart .cart-product-list h2.disabled {
    color: #ccc !important; }
section.MainCart .checkout_title {
  margin: 10px 5px !important; }
  @media (max-width: 767px) {
    section.MainCart .checkout_title {
      margin-left: 2px; } }
section.MainCart .checkout_content {
  font-size: 14px;
  line-height: 19px;
  margin-left: 5px;
  padding: 5px auto 5px 0px; }
  @media (max-width: 767px) {
    section.MainCart .checkout_content {
      margin-left: 10px; } }
  section.MainCart .checkout_content .content {
    font-weight: normal; }
    section.MainCart .checkout_content .content .last_content {
      margin-bottom: 0px; }
    section.MainCart .checkout_content .content .pencil {
      position: relative;
      right: 0px;
      top: 10px; }
      @media (max-width: 768px) {
        section.MainCart .checkout_content .content .pencil {
          right: -16px; } }
  section.MainCart .checkout_content .address-container {
    padding-left: 0px !important;
    margin-top: -5px !important; }
    section.MainCart .checkout_content .address-container .for-border hr {
      border: none;
      border-top: 1px solid #EBEBEB; }
    section.MainCart .checkout_content .address-container .for-border:last-child hr {
      border: none; }
  section.MainCart .checkout_content .checkout_content:last-child {
    background-color: #00589b !important; }
section.MainCart .show_hide {
  margin: 10px 0px; }
section.MainCart .checkout_container {
  margin: 10px 5px 5px 1px !important; }

.position--absolute-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: 0px !important;
  z-index: 9; }

.wipx-550 {
  width: 550px !important;
  overflow: hidden; }

.wipx-400 {
  width: 400px !important;
  overflow: hidden; }
  @media (max-width: 767px) {
    .wipx-400 {
      width: 100% !important; } }

.wipx-48 {
  width: 48px !important; }

.controller.wipx-auto:before {
  width: 70px !important; }

.truncate-155 {
  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.truncate-auto {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media (max-width: 767px) {
  h3.product-name {
    font-size: 14px; } }

button.ui.button.modified {
  width: 240px;
  height: 50px; }

.or.modified:before {
  content: "";
  top: 68% !important; }

.cart-home.background-none {
  background: none !important; }

a.edit-address {
  float: right;
  display: inline-block;
  position: relative;
  margin-top: -25px !important; }

a.edit-address:last-child {
  margin-top: -15px !important; }

@media (min-width: 768px) {
  .hide-on--desktop {
    display: none !important; } }
@media (max-width: 767px) {
  .hide-on--mobile {
    display: none !important; } }

.mobile-position-absolute {
  position: fixed;
  bottom: 0;
  z-index: 99999999;
  display: block;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  width: 100%;
  left: 0px;
  right: 0;
  background: #fff;
  height: 70px;
  box-shadow: 10px 10px 10px 10px #0000004d;
  overflow: hidden; }

.modified-discount-heading {
  display: inline;
  font-size: 14px;
  font-weight: normal; }

.new-cart-btn {
  width: 178px !important;
  height: 40px !important;
  margin: 4px !important;
  padding: 10px !important;
  border-radius: 3px !important; }

.new-cart-btn a {
  color: white !important; }

section.ThankYouPage {
  background: #eee;
  padding: 20px 0px; }
  section.ThankYouPage .margin-auto {
    margin: 0 auto;
    padding: 10px 0px; }
  section.ThankYouPage ul.order-sum {
    list-style-type: none;
    text-decoration: none;
    outline: 0;
    padding: 0; }
  section.ThankYouPage p.grid-control {
    width: 600px;
    margin: 0 auto;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      section.ThankYouPage p.grid-control {
        width: 100%; } }
  section.ThankYouPage .feedback-rating-card h3 {
    margin-bottom: 7px; }
  section.ThankYouPage .feedback-rating-card .rating-container {
    margin-bottom: 10px; }
  section.ThankYouPage .feedback-rating-card button {
    padding: 7px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 8px;
    border-radius: 5px;
    background-color: #2a579b;
    color: #fff;
    font-family: "Open Sans"; }
    section.ThankYouPage .feedback-rating-card button:focus, section.ThankYouPage .feedback-rating-card button:hover {
      background: #063274 !important;
      color: #fff !important; }
  section.ThankYouPage .card {
    width: 325px; }

section.PopularProducts .owl-dots {
  display: none !important; }

.theme-blue {
  background: #2a579b !important;
  color: #fff !important; }

label.ui.green.label.primary {
  display: inline-block;
  float: right;
  font-size: 10px;
  top: 0px;
  position: relative; }

@media (max-width: 767px) {
  .mobile-right-align {
    text-align: right !important; } }

body.Payment .AddToCart.mobile {
  display: none !important; }

.AddAddress_Checked .accordion {
  box-shadow: none !important; }

input.promocode-field {
  width: 160px; }

.new-checkout-button {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .new-checkout-button a {
    width: 100% !important;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }

.click-able-on-box {
  width: 100%; }

.cart-address h1 {
  margin-top: 3px;
  font-weight: 900; }

.upload_paragraph {
  padding-top: 1px;
  font-weight: 700; }

.for-border hr {
  border: none;
  border-top: 1px solid #EBEBEB; }

.for-border:last-child hr {
  border: none; }

.MainCart .quantity-not-eligible {
  padding: 7px;
  text-align: center; }
  @media (max-width: 768px) {
    .MainCart .quantity-not-eligible {
      text-align: left;
      padding: 4px; } }

.AddNewAddress .error .form-label, .EditAddress .error .form-label {
  color: #9f3a38 !important; }
.AddNewAddress .error .form-input, .AddNewAddress .error select, .EditAddress .error .form-input, .EditAddress .error select {
  background: #fff6f6 !important;
  color: #9f3a38 !important;
  border: 1px #9f3a38 solid !important; }
  .AddNewAddress .error .form-input:hover, .AddNewAddress .error select:hover, .EditAddress .error .form-input:hover, .EditAddress .error select:hover {
    background: #fff6f6 !important;
    color: #9f3a38 !important;
    border: 1px #9f3a38 solid !important; }

.MainCart {
  background: #f6f5f5; }
  @media (min-width: 768px) {
    .MainCart {
      margin-top: 100px; } }
  .MainCart .button-minus {
    margin-right: 7px !important; }
  .MainCart .mobile-position-absolute {
    z-index: 99999999 !important;
    height: 73px !important; }
    @media (min-width: 989px) {
      .MainCart .mobile-position-absolute {
        margin-top: 130px; } }
  .MainCart .button-minus {
    margin-right: 7px !important; }
  .MainCart .course-accordion.active + .course-panel {
    max-height: fit-content !important; }
  .MainCart .cart-product-list.column {
    font-size: 12px !important; }
  @media (max-width: 786px) {
    .MainCart .cart-product-list {
      padding-left: 8px !important;
      padding-right: 8px !important; }
    .MainCart #apply_code {
      justify-content: space-between !important; } }
  .MainCart p,
  .MainCart div,
  .MainCart span,
  .MainCart nav,
  .MainCart ul,
  .MainCart li,
  .MainCart a,
  .MainCart .pack-price {
    font-family: "Open Sans", sans-serif; }
  .MainCart input[type="radio"] {
    -webkit-appearance: radio !important; }
  @media (max-width: 786px) {
    .MainCart .apply_promo {
      margin-left: 20px;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center; } }
  .MainCart #ShowDiscounts_Checked {
    border: 1px solid #ccc !important; }
  .MainCart .pack-price,
  .MainCart .pricing-content p {
    font-size: 12px !important; }
  .MainCart .price-discounted {
    font-size: 13px !important; }
  .MainCart .price-actual,
  .MainCart .discount-applied {
    font-size: 12px !important; }
  @media (min-width: 786px) {
    .MainCart .cart-content {
      padding-right: 102px !important;
      padding-left: 102px !important; } }
  .MainCart h1,
  .MainCart h2,
  .MainCart h3,
  .MainCart h4 {
    color: #000000de; }
  .MainCart h1 {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px; }
  .MainCart h2 {
    font-size: 20px; }
  .MainCart h3 {
    font-size: 18px; }
    .MainCart h3 span {
      font-size: 18px; }
  .MainCart h4 {
    font-size: 15px; }
  .MainCart p {
    margin-bottom: 2px;
    font-size: 14px !important; }
  .MainCart span {
    font-size: 14px; }
  .MainCart label {
    font-size: 14px !important; }
  .MainCart .btn {
    border: none;
    border-radius: 5px; }
    .MainCart .btn:hover, .MainCart .btn:focus {
      border: none;
      outline: none;
      background-color: #015291; }
  .MainCart .product-name {
    line-height: 19px !important; }
  .MainCart #checkout-btn {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin-top: 11px;
    margin-bottom: 5px; }
  .MainCart .proceed {
    font-size: 16px; }
  @media (max-width: 786px) {
    .MainCart .padding-0-mobile {
      padding-left: 0px !important;
      padding-right: 0px !important; } }
  .MainCart .checkout_back_to_cart {
    color: #00589b;
    font-size: 16px;
    padding-top: 15px;
    font-weight: 700; }
  .MainCart .checkout-heading {
    width: 75%;
    margin: auto; }
    @media (max-width: 786px) {
      .MainCart .checkout-heading {
        width: 95%; } }
    .MainCart .checkout-heading h3 {
      margin-bottom: 20px; }
  .MainCart .upload-container {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px; }
    @media (max-width: 767px) {
      .MainCart .upload-container {
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc !important; } }
    .MainCart .upload-container .upload_prescription_btn {
      background-color: #2b579b;
      font-size: 14px;
      font-weight: 700;
      border-radius: 4px; }
    .MainCart .upload-container .inputfile {
      display: block !important;
      width: 150px !important;
      overflow: hidden;
      position: absolute;
      z-index: -2; }
    .MainCart .upload-container .view-upload-images-div {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap; }
    .MainCart .upload-container .image-div-items {
      position: relative; }
  .MainCart .main-product-list {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    @media (max-width: 786px) {
      .MainCart .main-product-list {
        padding-right: 12px !important;
        padding-left: 12px !important; } }
  .MainCart .theme-blue-decorated {
    border: none;
    outline: none; }
  .MainCart .user_address label,
  .MainCart .user_address p {
    font-family: "Open Sans", sans-serif !important; }
  .MainCart .user_address i {
    margin-right: 5px; }
  .MainCart .user_address .fa-mobile {
    font-size: 20px; }
  .MainCart .user_address .fa-home {
    font-size: 16px; }
  .MainCart .user_address p {
    font-weight: normal;
    line-height: 24px; }
  .MainCart input:checked ~ label {
    color: #3b4351 !important;
    font-weight: 600 !important; }
  @media (max-width: 786px) {
    .MainCart .payment-apply-btn {
      font-size: 14px; } }
  .MainCart .total-container {
    border-top: 1px solid #ccc; }
  .MainCart .left-container,
  .MainCart .right-container {
    margin: 16px;
    margin-top: 2px; }
  .MainCart .container > .columns {
    justify-content: center !important; }
  .MainCart .border-top {
    border-top: 1.2px solid #ccc; }
  .MainCart .debit-info input {
    width: 100% !important; }
  .MainCart .bank-details {
    color: #000000de; }
  .MainCart .gallery .close-on-corner {
    right: -14px !important;
    top: -24px !important;
    position: absolute; }
  .MainCart .text-align {
    text-align: right; }
    @media (max-width: 854px) {
      .MainCart .text-align {
        text-align: center !important; } }
  .MainCart .btn-checkout {
    border-radius: 5px; }
  .MainCart .confirm-btn {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 16px !important;
    color: #fff;
    font-weight: 700;
    transition: all 1s ease; }
    .MainCart .confirm-btn span {
      font-family: "Open Sans", sans-serif !important; }
  .MainCart button .sign-out {
    display: none; }
  .MainCart button:hover .confirm-active,
  .MainCart button:hover .proceed {
    display: none !important; }
  .MainCart button:hover .sign-out {
    display: inline; }
    .MainCart button:hover .sign-out i {
      font-size: 16px !important; }
  .MainCart .success-message,
  .MainCart .debit-info .ui.green.message {
    background-color: #fcfff5;
    color: #2c662d;
    padding: 9px 18px;
    border: 1px solid #2c662d;
    border-radius: 5px;
    font-size: 13px; }
  .MainCart .red-error-message {
    background-color: #ffe8e6;
    color: #db2828;
    padding: 6px 6px;
    border: 1px solid #db2828;
    border-radius: 5px;
    font-size: 11px;
    margin: 6px auto; }
  .MainCart .red-error-message-qty {
    background-color: #ffe8e6;
    color: #db2828;
    padding: 6px;
    border: 1px solid #db2828;
    border-radius: 5px;
    font-size: 11px;
    text-align: center;
    margin: 4px; }
  .MainCart .product-listing .border-bottom:last-child {
    border: none; }
  .MainCart .product-listing .remove-item {
    text-decoration: none; }
  @media (max-width: 786px) {
    .MainCart .light-weight {
      font-family: "Lato", sans-serif !important; } }
  .MainCart .prescription-required,
  .MainCart .stock-location-limitation {
    font-size: 10px !important; }
  .MainCart .btn-primary {
    font-size: 14px !important; }
  .MainCart .text-right p {
    font-size: 14px !important; }

div.course-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.modal-container {
  max-width: 800px;
  overflow: auto; }

.modal.active .modal-overlay,
.modal:target .modal-overlay {
  background: rgba(0, 0, 0, 0.85) !important; }

.AddNewAddress .modal-body,
.modal-edit .modal-body {
  background-color: #eee !important; }
  .AddNewAddress .modal-body .error,
  .modal-edit .modal-body .error {
    font-size: 16px; }
  .AddNewAddress .modal-body label,
  .modal-edit .modal-body label {
    font-weight: 700; }
  .AddNewAddress .modal-body .form-input,
  .modal-edit .modal-body .form-input {
    border-radius: 2px; }
  .AddNewAddress .modal-body .form-input:focus,
  .AddNewAddress .modal-body .form-select:focus,
  .modal-edit .modal-body .form-input:focus,
  .modal-edit .modal-body .form-select:focus {
    border-color: #85b7d9;
    box-shadow: none; }

.cart-product-list {
  text-overflow: hidden !important; }

.ui-express-delivery {
  position: relative;
  z-index: 5;
  height: 35px;
  cursor: pointer;
  left: 0;
  display: inline-block;
  top: 7px; }
  .ui-express-delivery .controller {
    position: relative;
    width: 100%;
    display: block;
    margin-left: 0px; }
    .ui-express-delivery .controller.-for-header::before {
      left: -10px;
      top: -9px;
      height: 25px !important;
      width: 90px; }
      @media (min-width: 993px) and (max-width: 1140px) {
        .ui-express-delivery .controller.-for-header::before {
          left: -40px; } }
    .ui-express-delivery .controller::before {
      content: "";
      background: url(/assets/img/fast-logo.png);
      width: 90px;
      height: 24px;
      display: inline-block;
      position: absolute;
      z-index: 7;
      padding: 0;
      background-size: contain;
      background-repeat: no-repeat;
      left: 0px; }

.btn-error {
  background-color: #db2828 !important;
  font-size: 13px !important; }

@media (max-width: 786px) {
  .view-upload-images-div {
    margin-top: 10px; } }

@media (max-width: 786px) {
  .p8-mobile {
    padding-right: 8px !important;
    padding-left: 8px !important; } }

.text-right {
  font-size: 14px !important; }

.add-new-card-btn {
  position: absolute;
  right: 39%; }
  @media (max-width: 786px) {
    .add-new-card-btn {
      right: 10%; } }

.course-panel.credit_card {
  position: relative; }
  .course-panel.credit_card .form-group {
    display: flex !important;
    align-items: center !important; }
    .course-panel.credit_card .form-group input {
      width: auto !important; }
    .course-panel.credit_card .form-group ul {
      padding-left: 30px; }
      @media (max-width: 786px) {
        .course-panel.credit_card .form-group ul {
          padding-left: 2px; } }
    .course-panel.credit_card .form-group label {
      display: flex;
      align-items: center;
      padding-right: 30px !important;
      padding-left: 30px !important; }
      @media (max-width: 786px) {
        .course-panel.credit_card .form-group label {
          padding-right: 7px !important;
          padding-left: 7px !important; } }
      .course-panel.credit_card .form-group label .card-detail {
        font-size: 9px; }
      .course-panel.credit_card .form-group label .number {
        padding-right: 30px;
        padding-left: 30px; }
        @media (max-width: 786px) {
          .course-panel.credit_card .form-group label .number {
            padding-right: 5px;
            padding-left: 5px; } }
        @media (max-width: 360px) {
          .course-panel.credit_card .form-group label .number {
            font-size: 10px; } }
      @media (min-width: 786px) {
        .course-panel.credit_card .form-group label img {
          padding: auto 30px; } }
      @media (max-width: 360px) {
        .course-panel.credit_card .form-group label img {
          width: 19px; } }

.add-card-modal .modal-body,
.edit-card-modal .modal-body {
  background-color: #fff !important; }
  .add-card-modal .modal-body .card-back-container,
  .edit-card-modal .modal-body .card-back-container {
    margin-top: 35px; }
    @media (max-width: 786px) {
      .add-card-modal .modal-body .card-back-container,
      .edit-card-modal .modal-body .card-back-container {
        flex-direction: column; } }
    .add-card-modal .modal-body .card-back-container small,
    .edit-card-modal .modal-body .card-back-container small {
      font-size: 10px; }
  @media (min-width: 786px) {
    .add-card-modal .modal-body .cvv-container,
    .edit-card-modal .modal-body .cvv-container {
      margin-left: 5px; } }
  @media (max-width: 786px) {
    .add-card-modal .modal-body .for-month,
    .edit-card-modal .modal-body .for-month {
      padding-right: 1px; }
    .add-card-modal .modal-body .for-year,
    .edit-card-modal .modal-body .for-year {
      padding-left: 1px; } }
.add-card-modal .modal-container,
.edit-card-modal .modal-container {
  max-width: 570px; }

.br-5 {
  border-radius: 5px; }

@media (max-width: 786px) {
  .card-details-list li .pr-10 {
    padding-right: 1px !important; }
  .card-details-list li span.px5 {
    padding-left: 1px !important;
    padding-right: 1px !important; }
  .card-details-list li .card-info {
    display: flex; } }
.card-details-list span i {
  color: #2a579b; }
.card-details-list .trash-card i:hover {
  color: red; }

.edit-card-details {
  display: inline-block; }

li:last-child .edit-card-details {
  display: inline-block; }

@media (max-width: 786px) {
  .debit-info ul {
    margin-left: 1px; } }

@media (max-width: 786px) {
  .card-info {
    display: flex; } }

.card_message_div p {
  background-color: #ffe8e6;
  color: #db2828;
  padding: 6px;
  border: 1px solid #db2828;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  margin: 4px auto;
  width: 100%; }

.payment-pci .btn-checkout.loading span {
  color: transparent !important; }
.payment-pci .loading::after {
  animation: loading 0.5s infinite linear;
  border: 0.1rem solid #ffffff;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 0.8rem;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.4rem;
  position: absolute;
  top: 50%;
  width: 0.8rem;
  z-index: 1; }

.btn-payment:hover .cofirm {
  display: none; }
.btn-payment:hover .sign-out-span:after {
  font-family: "FontAwesome";
  content: "\f08b";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900; }

@media (max-width: 786px) {
  .add-card-modal .modal-container,
  .edit-card-modal .modal-container {
    max-height: fit-content !important;
    margin-bottom: 36px; } }

.form-input.is-error {
  border-color: #db2828 !important; }

.edit_card_message_div p {
  background-color: #ffe8e6;
  color: #db2828;
  padding: 6px;
  border: 1px solid #db2828;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  margin: 4px auto;
  width: 100%; }

#ProceedPayment_Checked .cofirm:focus {
  background-color: transparent; }

#ProceedPayment_Checked {
  height: 100% !important; }

.modal-body .form-input.is-error + p {
  font-size: 11px;
  color: red;
  text-transform: capitalize;
  margin-bottom: 0px; }

.fast-delivery-options .fast-service-logo::before {
  left: auto;
  right: -3px; }
  @media (min-width: 768px) {
    .fast-delivery-options .fast-service-logo::before {
      right: -9px; } }
@media (min-width: 768px) {
  .fast-delivery-options .lg-px-30 {
    padding-right: 30px;
    padding-left: 30px; } }
.fast-delivery-options .for-border:last-child hr {
  border-top: 1px solid #ebebeb !important; }
.fast-delivery-options .options {
  border-radius: 6px;
  background-color: #f9f9fc;
  border: 1px solid #cad0de; }
.fast-delivery-options .text-blue {
  color: #003b82 !important; }
.fast-delivery-options .p-name {
  font-size: 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }
.fast-delivery-options .columns.top {
  border-bottom: 0.05rem solid #dadee4; }
.fast-delivery-options .columns.img {
  justify-content: left !important; }
  .fast-delivery-options .columns.img img {
    margin: auto; }
  .fast-delivery-options .columns.img .product-container {
    border: 0.05rem solid #e9e9e9;
    border-radius: 4px; }

#shipping.back-to-shipping.disabled:hover,
.back-to-delivery.disabled.hover-effect .heading:hover {
  color: #666666 !important;
  text-decoration: underline;
  cursor: pointer !important; }

.back-to-delivery .heading {
  font-size: unset;
  text-indent: unset; }

.proceed_checkout {
  text-align: center;
  margin: 0 auto !important; }

@media (max-width: 767px) {
  .proceed-from-cart#checkout-btn {
    padding-right: 5px !important;
    padding-left: 5px !important; } }
.fast-delivery-options h6 + span {
  display: block;
  line-height: 15px; }

.shipping-tooltip {
  padding-left: 6px; }
  .shipping-tooltip i {
    font-size: 9px;
    text-align: center;
    padding: 2px 5px;
    border: 1px solid gray;
    border-radius: 100%;
    position: relative;
    bottom: 2px; }
  .shipping-tooltip.tooltip::after {
    background: #fff;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.126);
    color: #424242;
    border-radius: 3px;
    margin-top: 4px;
    font-size: 12px;
    min-width: 150px;
    max-width: 200px;
    white-space: pre-wrap; }
  .shipping-tooltip.tooltip:hover::after, .shipping-tooltip.tooltip:focus::after {
    transform: translate(-10%, 0.2rem) !important; }
    @media (max-width: 1440px) and (min-width: 768px) {
      .shipping-tooltip.tooltip:hover::after, .shipping-tooltip.tooltip:focus::after {
        transform: translate(-25%, 0.2rem) !important;
        min-width: 130px; } }

.bank-discount-msg-container {
  height: 33px; }
  @media (max-width: 768px) {
    .bank-discount-msg-container {
      height: 45px; } }
  .bank-discount-msg-container > div.ui.green.message {
    padding-right: 1px !important;
    padding-left: 1px !important;
    font-size: 12px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (max-width: 1440px) {
      .bank-discount-msg-container > div.ui.green.message {
        font-size: 10px !important;
        line-height: 13px; } }
    @media (max-width: 768px) {
      .bank-discount-msg-container > div.ui.green.message {
        font-size: 11.3px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        line-height: 13px;
        white-space: normal;
        padding-right: 5px !important;
        padding-left: 5px !important; } }

p.text-lg-sm {
  font-size: 14px !important; }

span.text-lg-sm {
  font-size: 14px !important; }

@media (max-width: 360px) {
  p.text-lg-sm {
    font-size: 11px !important; }

  span.text-lg-sm {
    font-size: 11px !important; } }
.cart-header-container {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .cart-header-container {
      display: block; } }
  .cart-header-container .prescription {
    text-align: right; }
    @media (max-width: 768px) {
      .cart-header-container .prescription {
        text-align: left; } }
    .cart-header-container .prescription h6,
    .cart-header-container .prescription h6 span {
      font-size: 18px;
      font-weight: bold; }
      @media (max-width: 1400px) {
        .cart-header-container .prescription h6,
        .cart-header-container .prescription h6 span {
          font-size: 16px; } }
      @media (max-width: 768px) {
        .cart-header-container .prescription h6,
        .cart-header-container .prescription h6 span {
          font-size: 14px;
          font-weight: 500; } }
    @media (max-width: 1400px) {
      .cart-header-container .prescription p {
        font-size: 12px !important; } }
    @media (max-width: 768px) {
      .cart-header-container .prescription p {
        font-size: 14px !important; } }
    @media (max-width: 350px) {
      .cart-header-container .prescription p {
        font-size: 12px !important; } }

.cart-prescription-req img {
  width: 22px; }
.cart-prescription-req span {
  font-size: 12px; }
@media (max-width: 768px) {
  .cart-prescription-req span {
    font-size: 10px; } }
@media (max-width: 350px) {
  .cart-prescription-req img {
    width: 18px; }
  .cart-prescription-req span {
    font-size: 8px; } }

.promo-container.bottom-sheet {
  position: fixed;
  bottom: 0px;
  background: white;
  right: 0px;
  left: 0px;
  z-index: 100000000; }

.promo-section {
  margin-left: 1px; }
  @media (max-width: 768px) {
    .promo-section {
      width: 91.66666667%;
      margin-left: 0px;
      margin: auto; } }

.bank-offers-container .text-10 span {
  font-size: 10px !important; }
.bank-offers-container p.text-12 {
  font-size: 12px !important; }
.bank-offers-container p.text-9 {
  font-size: 9px !important; }

.prescription_order {
  @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans&family=Roboto&display=swap");
    /*.search .results a:before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	background: url(http://cssdeck.com/uploads/media/items/7/7BNkBjd.png) no-repeat
}*/
  /* Menu Container */
  /* Menu List */
  /* Menu Links */
  /* Menu Dropdown */
  /* Menu Content Styles */
  /* form starting stylings ------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* HIGHLIGHTER ================================== */
  /* active state */
  /* ANIMATIONS ================ */ }
  .prescription_order html,
  .prescription_order body,
  .prescription_order h1,
  .prescription_order h2,
  .prescription_order h3,
  .prescription_order h4,
  .prescription_order h5,
  .prescription_order h6 {
    font-family: 'Lato', sans-serif !important; }
  .prescription_order p,
  .prescription_order div,
  .prescription_order span,
  .prescription_order nav,
  .prescription_order ul,
  .prescription_order li,
  .prescription_order a {
    font-family: 'Open Sans', sans-serif !important; }
@font-face {
  .prescription_order {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local("Pacifico Regular"), local("Pacifico-Regular"), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format("woff2");
    font-display: swap; } }
  .prescription_order header {
    background: #f6f5f5 !important;
    padding-bottom: 50px; }
    @media (max-width: 767px) {
      .prescription_order header {
        padding-bottom: 20px; } }
  .prescription_order .customize--ui {
    display: none;
    border-top: none !important; }
    .prescription_order .customize--ui .header.text-overflow--hidden {
      text-align: center; }
  .prescription_order .top.fixed {
    top: 0;
    width: 100%;
    z-index: 9; }
  .prescription_order .top-level--nav-directions {
    position: absolute;
    top: -14px; }
    .prescription_order .top-level--nav-directions a {
      display: inline-block;
      padding: 20px 30px !important;
      margin: 0px 0px 10px 10px !important;
      position: relative;
      font-size: 16px;
      color: #fff !important;
      font-weight: 400 !important;
      font-family: 'lato', sans-serif !important; }
      .prescription_order .top-level--nav-directions a.active {
        background: #e6e6e6 !important;
        border-radius: 0 0 5px 5px !important;
        color: #000 !important;
        box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.631) !important; }
        .prescription_order .top-level--nav-directions a.active:hover {
          color: #000 !important;
          background: #e6e6e6 !important; }
      .prescription_order .top-level--nav-directions a:hover {
        color: #fff !important;
        background: #28b5c8 !important;
        border-radius: 0 0 5px 5px !important;
        transition: all 1s ease-out !important; }
      .prescription_order .top-level--nav-directions a a {
        color: #fff; }
  .prescription_order .top-level--nav-assignment {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    position: relative;
    font-size: 12px; }
    .prescription_order .top-level--nav-assignment button {
      outline: 0;
      text-decoration: none;
      cursor: pointer;
      color: #fff !important; }
      .prescription_order .top-level--nav-assignment button.ui.item.track-order:nth-child(1):after {
        content: ""; }
      .prescription_order .top-level--nav-assignment button:nth-child(1):after {
        height: 8px;
        position: absolute;
        right: -10px;
        width: 11px;
        content: "|";
        top: 0px;
        color: #fff;
        font-size: 18px; }
    .prescription_order .top-level--nav-assignment .item {
      color: #fff !important;
      font-family: 'lato', sans-serif !important;
      font-weight: 300 !important; }
    .prescription_order .top-level--nav-assignment .padding.control {
      padding: 5px 8px 5px 8px !important; }
  .prescription_order .header-note {
    position: relative;
    font-family: "Open Sans", sans-serif;
    z-index: 99;
    background-color: #5ab6c8;
    color: white;
    text-align: center;
    overflow: hidden; }
  .prescription_order .owl-content-slider .item {
    background: #42bdc2;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center; }
  .prescription_order header .owl-carousel img {
    height: 307px !important;
    overflow: hidden;
    background-size: cover; }
    @media (max-width: 767px) {
      .prescription_order header .owl-carousel img {
        height: 166px !important;
        margin-top: 0px !important; } }
    @media (min-width: 320px) and (max-width: 374px) {
      .prescription_order header .owl-carousel img {
        height: 136px !important; } }
    @media (min-width: 768px) and (max-width: 990px) {
      .prescription_order header .owl-carousel img {
        margin-top: 45px !important; } }
  .prescription_order header .owl-dots {
    position: relative;
    top: -40px; }
  .prescription_order .searchbox {
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.369); }
  @media (max-width: 990px) {
    .prescription_order .mobile.hidden {
      display: none !important; } }
  @media (max-width: 990x) {
    .prescription_order .mobile.hidden.show {
      display: block !important; } }
  @media (min-width: 990px) {
    .prescription_order .desktop.hidden {
      display: none !important; } }
  @media (min-width: 990px) {
    .prescription_order .desktop.hidden.show {
      display: block !important; } }
  @media (max-width: 990px) {
    .prescription_order .always-show {
      display: inline-block !important; } }
  .prescription_order .hidden-all {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-in-out; }
  .prescription_order .cart-qty {
    background: #f68c1e;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    padding: 4px 0px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 8px;
    top: -8px;
    line-height: 10px; }
    @media (max-width: 767px) {
      .prescription_order .cart-qty {
        top: 0px; } }
  .prescription_order i.shopping.cart.icon {
    font-size: 25px !important; }
    @media (max-width: 767px) {
      .prescription_order i.shopping.cart.icon {
        font-size: 18px !important; } }
  @media (min-width: 768px) and (max-width: 896px) {
    .prescription_order .tablet-search-fix {
      margin-top: 90px !important; } }
  .prescription_order .hamburger-menu {
    display: inline-block;
    width: 35px;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
    top: 6px; }
    @media (min-width: 990px) and (max-width: 1500px) {
      .prescription_order .hamburger-menu {
        width: 25px !important;
        margin-right: 5px !important; } }
    @media (max-width: 767px) {
      .prescription_order .hamburger-menu {
        width: 25px !important;
        top: 2px; } }
    .prescription_order .hamburger-menu span:nth-child(1) {
      display: block;
      height: 4px;
      background: #fff;
      margin-bottom: 6px;
      border-radius: 10px; }
      @media (max-width: 767px) {
        .prescription_order .hamburger-menu span:nth-child(1) {
          height: 3px;
          margin-bottom: 4px; } }
    .prescription_order .hamburger-menu span:nth-child(2) {
      display: block;
      height: 4px;
      background: #fff;
      margin-bottom: 6px;
      border-radius: 10px; }
      @media (max-width: 767px) {
        .prescription_order .hamburger-menu span:nth-child(2) {
          height: 3px;
          margin-bottom: 4px; } }
    .prescription_order .hamburger-menu span:nth-child(3) {
      display: block;
      height: 4px;
      background: #fff;
      margin-bottom: 6px;
      border-radius: 10px; }
      @media (max-width: 767px) {
        .prescription_order .hamburger-menu span:nth-child(3) {
          height: 3px;
          margin-bottom: 4px; } }
    .prescription_order .hamburger-menu span:nth-child(4) {
      display: none; }
    .prescription_order .hamburger-menu.show {
      display: block !important; }
    .prescription_order .hamburger-menu.hide {
      display: none; }
  .prescription_order .ui.modal {
    background: rgba(255, 255, 255, 0.8); }
    .prescription_order .ui.modal > .content {
      background: #d4d4d4 !important; }
  .prescription_order .logo.responsive-img {
    width: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    @media (max-width: 767px) {
      .prescription_order .logo.responsive-img {
        width: 60%;
        margin-top: 8px; } }
  .prescription_order div#login-popup {
    padding: 30px; }
  .prescription_order #login-popup h2,
  .prescription_order #password-reset h2,
  .prescription_order #register-popup h2,
  .prescription_order #financing-form h2,
  .prescription_order #refer-email h2,
  .prescription_order .isign-content h2 {
    background: #166aa6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding: 13px;
    text-align: center;
    text-shadow: 1px 1px 1px #666;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px; }
  .prescription_order #login-popup > .popup-left {
    width: 49%;
    display: inline-block; }
    @media (max-width: 767px) {
      .prescription_order #login-popup > .popup-left {
        width: 100%;
        display: block; } }
  .prescription_order #register-popup > .popup-left {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    @media (max-width: 767px) {
      .prescription_order #register-popup > .popup-left {
        width: 100%;
        display: block; } }
  .prescription_order .popup-left input[type=email],
  .prescription_order .popup-left input[type=password],
  .prescription_order .popup-left input[type=text],
  .prescription_order .popup-left input[type=tel] {
    background: #fff;
    border-bottom: 1px solid #666 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin: 6px auto;
    max-width: 335px;
    padding: 8px 18px;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: none !important;
    outline: 0 !important; }
  .prescription_order .toggle-icon {
    background-color: transparent;
    border: 0px;
    margin-left: -40px;
    margin-top: 10px;
    top: 5px;
    position: relative;
    z-index: 2;
    float: right; }
@-moz-document url-prefix() {
  .prescription_order .toggle-icon-fix {
    top: -50px !important; } }
  .prescription_order .socialconnect {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 22px 0 0 54px;
    width: 85%; }
  .prescription_order .popup-left input[type=checkbox] {
    float: left;
    margin: 10px 5px 0 1px; }
  .prescription_order .popup-left label {
    color: #666;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin: 2px auto;
    text-align: left;
    width: 84%; }
  .prescription_order .popup-left input[type=checkbox] {
    float: left;
    margin: 10px 5px 0 1px; }
  .prescription_order .popup-left input[type=submit] {
    background: #ff8400 none repeat scroll 0 0;
    border: none;
    border-radius: 5px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin: 10px auto;
    min-width: 120px;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
  .prescription_order .popup-left input[type=submit]:hover {
    background: #666;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .popup-left input[type=text]:focus {
    border-bottom: 1px solid #008bc7 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .popup-left input[type=text]::-webkit-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=text]::-moz-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=text]:-ms-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=email]:focus {
    border-bottom: 1px solid #008bc7 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .popup-left input[type=email]::-webkit-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=email]::-moz-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=email]:-ms-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=password]:focus {
    border-bottom: 1px solid #008bc7 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .popup-left input[type=password]::-webkit-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=password]::-moz-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left input[type=password]:-ms-input-placeholder {
    color: #666;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  .prescription_order .popup-left p {
    color: #666;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    text-align: center; }
  .prescription_order .popup-left p a {
    color: #166aa6; }
  .prescription_order .popup-left p a:hover {
    color: #666;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .socialconnect > img {
    width: 88%; }
  .prescription_order .scroll-fixed {
    position: fixed;
    top: 70px;
    z-index: 9;
    width: 100%;
    margin: 0 auto !important;
    background: #f6f5f5 !important;
    left: 0; }
    @media (min-width: 768px) {
      .prescription_order .scroll-fixed .desktop.scroll.view {
        width: 81%;
        margin: 0 auto; } }
    @media (min-width: 991px) and (max-width: 1200px) {
      .prescription_order .scroll-fixed {
        top: 68px !important; } }
    @media (max-width: 990px) {
      .prescription_order .scroll-fixed {
        top: 70px !important; } }
  .prescription_order .labtest-scroll-fixed {
    top: 65px !important; }
  .prescription_order .cart-main {
    padding-left: 0px !important; }
  .prescription_order .cart-main:hover .cart-dropdown {
    display: block; }
  .prescription_order .cart-dropdown:before {
    background: url(/assets/img/cart-dd-before.png) no-repeat center top;
    content: " ";
    height: 27px;
    top: -26px;
    right: 0;
    pointer-events: none;
    position: absolute;
    width: 48px; }
  .prescription_order .cart-dropdown {
    background: #f6f5f5;
    /* box-shadow: 0 0 5px 0 rgba(0,0,0,.75); */
    color: #929292;
    display: none;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    margin: 36px 0 0;
    padding: 17px 15px 36px 15px;
    position: absolute;
    right: -13px;
    top: 7px;
    width: 280px;
    z-index: 1000000000000000300000000;
    border-radius: 15px 0px 15px 15px; }
  .prescription_order .cart-dropdown ul {
    padding: 0; }
  .prescription_order .cart-dropdown ul li {
    border-bottom: 1px solid #b3c3d6;
    float: left;
    list-style: none;
    padding: 0 0 7px;
    width: 100%;
    margin: 0 0 7px 0; }
  .prescription_order .cart-dropdown ul li .cart_img {
    float: left;
    width: 40px; }
  .prescription_order .cart-dropdown ul li h5 {
    float: left;
    font-size: 16px;
    margin: 5px 0 0 0px;
    width: 88%;
    font-weight: 600;
    color: #000;
    font-family: "Roboto", sans-serif;
    word-wrap: break-word; }
  .prescription_order .cart-dropdown ul li span {
    color: #ff641c;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    float: right;
    text-align: right;
    width: 33%; }
  .prescription_order .cart-dropdown ul li p {
    color: #5a5e7b;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    width: 66%;
    float: left; }
  .prescription_order .cart-dropdown ul li p i {
    color: #f60004;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    text-align: right;
    float: right; }
  .prescription_order .cart-dropdown:before {
    background: url(/assets/img/cart-dd-before.png) no-repeat center top;
    content: " ";
    height: 27px;
    top: -26px;
    right: 0;
    pointer-events: none;
    position: absolute;
    width: 48px; }
  .prescription_order .cart-ttl {
    float: left;
    font-size: 15px;
    color: #5a5e7b;
    font-family: "Roboto", sans-serif;
    width: 50%;
    font-weight: 600; }
    @media (max-width: 990px) {
      .prescription_order .cart-ttl {
        line-height: 1.3; } }
  .prescription_order .cart-ttl span {
    color: #009a00;
    font-size: 22px;
    font-weight: 400; }
    @media (max-width: 990px) {
      .prescription_order .cart-ttl span {
        font-size: 18px; } }
  .prescription_order .view-more {
    float: right; }
  .prescription_order .view-more a {
    background: #f68c1e;
    color: #fff;
    float: left;
    margin: 10px 0;
    padding: 10px 13px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    border-radius: 8px; }
  .prescription_order .view-more a:hover {
    background: #20b620; }
  .prescription_order .cart-x {
    float: right;
    margin: 15px 0 0; }
  .prescription_order .clearfix:after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .prescription_order input.searchbox.m-hide-new {
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.369); }
  .prescription_order .search .results {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    z-index: 999999;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    border-radius: 3px;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(100%, #eceef4));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -ms-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: linear-gradient(top, #fdfdfd, #eceef4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .prescription_order .results li:first-child a {
    /*color: #035394;*/
    background: #035394;
    color: #fff;
    text-shadow: none; }
  .prescription_order .search .results li {
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ccc; }
  .prescription_order .search .results li:first-child {
    border: none !important; }
  .prescription_order .search .results a:hover .add_to_cart {
    border: 1px solid #fff;
    color: #fff; }
  .prescription_order .search .results li:first-child {
    margin-top: -1px; }
  .prescription_order .search .results li:first-child:after,
  .prescription_order .search .results li:first-child:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border: 5px outset transparent; }
  .prescription_order .search .results li:first-child:before {
    border-bottom: 5px solid #c4c7d7;
    top: -11px; }
  .prescription_order .search .results li:first-child:after {
    border-bottom: 5px solid #fdfdfd;
    top: -10px; }
  .prescription_order .search .results li:first-child:hover:after,
  .prescription_order .search .results li:first-child:hover:before {
    display: none; }
  .prescription_order .search .results li:last-child {
    margin-bottom: -1px; }
  .prescription_order .search .results a {
    float: left;
    position: relative;
    margin: 0 -1px;
    padding: 6px 10px;
    color: #808394;
    font-weight: 500;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .prescription_order .aboutus-wrap .content-box,
  .prescription_order .content-box p,
  .prescription_order .notiflysubmit {
    font-family: "Open Sans", sans-serif; }
  .prescription_order .big-wrapper h3,
  .prescription_order .content-box h3 {
    font-weight: 700;
    text-transform: uppercase; }
  .prescription_order .search .results a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border-color: #2380dd #2179d5 #1a60aa;
    background-color: #023d53;
      /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #59aaf4), color-stop(100%, #338cdf));
background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf);
background-image: -moz-linear-gradient(top, #59aaf4, #338cdf);
background-image: -ms-linear-gradient(top, #59aaf4, #338cdf);
background-image: -o-linear-gradient(top, #59aaf4, #338cdf);
background-image: linear-gradient(top, #59aaf4, #338cdf);*/
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08); }
  .prescription_order .results li a .left {
    width: 100%;
    vertical-align: top;
    margin: 0px 0 0 0;
    display: block; }
  .prescription_order .results li a .left span {
    float: left;
    text-align: center;
    width: 50%;
    vertical-align: top; }
  .prescription_order .results img {
    width: 15%; }
  .prescription_order .results p {
    display: inline; }
  .prescription_order .product-name-generic {
    text-align: left !important; }
  .prescription_order .product-name-generic strong {
    font-weight: bold; }
  .prescription_order .search-p-name {
    font-size: 12px !important;
    font-weight: normal; }
  .prescription_order .search-price {
    text-align: right !important; }
  .prescription_order .search-price i {
    font-style: normal !important;
    font-size: 12px; }
  .prescription_order .varient-search {
    color: #ff8400;
    text-align: right;
    font-size: 13px; }
  .prescription_order .search-brand {
    float: right;
    font-size: 12px;
    font-weight: bold; }
  .prescription_order div#page {
    display: inline-block; }
  .prescription_order body:not(.home_new) div#hideOnScroll {
    display: none !important; }
  .prescription_order body:not(.home_new) header {
    padding-top: 10px;
    padding-bottom: 20px; }
  @media (max-width: 767px) {
    .prescription_order body.login div.hide-search-on-sign {
      display: none !important; } }
  @media (max-width: 767px) {
    .prescription_order body.login div.hide-search-on-sign {
      display: none !important; } }
  @media (max-width: 767px) {
    .prescription_order body.signup div.hide-search-on-sign {
      display: none !important; } }
  @media (max-width: 767px) {
    .prescription_order body.home_new div.omega-padding--right {
      height: 160px !important; } }
  @media (max-width: 320px) {
    .prescription_order body.home_new div.omega-padding--right {
      height: 150px !important; } }
  .prescription_order .content.customize--ui {
    border-top: none !important; }
  .prescription_order .content.customize--ui .header.text-overflow--hidden {
    text-align: center; }
  @media (max-width: 767px) {
    .prescription_order .ui.fluid.container.no-mobile-padding {
      padding-right: 0px !important;
      padding-left: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important; } }
  .prescription_order .important.notice.marquee {
    background: #42afa4;
    display: block;
    width: 100%;
    color: #fff; }
    .prescription_order .important.notice.marquee marquee {
      clear: both;
      display: block;
      position: relative;
      z-index: 999;
      top: -1px; }
  .prescription_order .bayer .owl-dots {
    display: none !important; }
  .prescription_order .menu.dropdown-ui--modified {
    border-radius: 0px !important;
    margin-top: 15px !important; }
  .prescription_order .menu.dropdown-ui--modified:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff !important;
    position: absolute;
    top: -10px;
    right: 50px;
    transform: rotate(45deg); }
  .prescription_order .menu.dropdown-ui--modified > h4 {
    color: #000 !important;
    text-align: center;
    margin-top: 15px;
    font-size: 14px; }
  .prescription_order button.ui.button.teal.item {
    width: 60vw;
    margin-top: 10px; }
  .prescription_order div#mm-blocker {
    z-index: 0 !important; }
  .prescription_order .menu.dropdown-ui--modified.need-help {
    padding: 10px; }
    .prescription_order .menu.dropdown-ui--modified.need-help i {
      font-size: 24px !important; }
  .prescription_order .call-us-now {
    display: block;
    width: 100%;
    background: #023d53;
    color: #fff;
    border: 2px solid #e0dede;
    padding: 15px;
    position: relative; }
    .prescription_order .call-us-now:hover {
      background: #166aa6;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
  .prescription_order ul.call-us-now {
    list-style-type: none;
    outline: 0;
    text-decoration: none;
    display: block;
    margin-top: 0px; }
  .prescription_order .display--block {
    display: block !important; }
  .prescription_order .display--none {
    display: none !important; }
  .prescription_order .display--desktop-block {
    display: block !important; }
  .prescription_order .display--inline-block {
    display: inline-block !important; }
  .prescription_order .display--inline {
    display: inline !important; }
  .prescription_order ul.important-links {
    display: block;
    padding: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none; }
  .prescription_order ul.important-links li {
    display: block;
    margin: 20px 0px; }
  .prescription_order ul.important-links li > a {
    color: #000;
    padding: 10px 0px 10px 0px;
    font-size: 12px; }
    .prescription_order ul.important-links li > a:hover {
      color: #166aa6; }
  .prescription_order .need-help .social-icons-head h6 {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px; }
  .prescription_order .need-help .social-icons-head ul {
    display: block;
    padding: 0;
    list-style-type: none;
    outline: 0;
    text-decoration: none;
    margin: 0px; }
  .prescription_order .need-help .social-icons-head ul li {
    display: inline-block;
    padding: 7px 3px; }
  .prescription_order .newsletter-div h4 {
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #000;
    margin-bottom: 0px; }
  .prescription_order .newsletter-div input[type=text] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #666;
    color: #666;
    display: block;
    font-size: 13px;
    margin: 10px 0;
    padding: 4px 10px;
    width: 100%;
    border-radius: 5px; }
  .prescription_order .newsletter-div input[type=submit] {
    background: #666 none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 48%; }
    .prescription_order .newsletter-div input[type=submit]:hover {
      background: #035394;
      transition: all 0.2s ease-in-out 0s; }
  .prescription_order .item.ui-modified.none {
    display: none !important; }
  .prescription_order .float-left {
    float: left; }
  .prescription_order .line-height {
    line-height: 14px !important; }
  .prescription_order .cart-main a.view--block-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99; }
  .prescription_order .menu.loggedin-dropdown--modifier {
    border-radius: 0px !important;
    width: 175px !important;
    text-align: center !important;
    padding: 5px !important; }
  .prescription_order .menu.loggedin-dropdown--modifier > a > .item {
    background: #166aa6 !important;
    display: block;
    color: #fff !important;
    border-radius: 0px !important;
    margin: 5px !important;
    border: 2px solid #e0dede !important;
    color: #fff !important; }
  .prescription_order .menu.loggedin-dropdown--modifier > a > .item:hover {
    background: #e0dede !important;
    color: #166aa6 !important;
    border: 2px solid #166aa6 !important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out; }
  .prescription_order .ui.simple.dropdown.item:hover .menu.loggedin-dropdown--modifier:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -8px;
    left: 115px;
    transform: rotate(45deg);
    z-index: 99; }
  .prescription_order .z-100 {
    z-index: 100; }
  @media (min-width: 768px) and (max-width: 990px) {
    .prescription_order .tablet-hidden {
      display: none !important; } }
  .prescription_order .brands-border-fix {
    box-shadow: none !important; }
  .prescription_order .search-results-hover {
    text-decoration: none !important;
    color: #fff !important;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3) !important;
    border-color: #2380dd #2179d5 #1a60aa !important;
    background-color: #023d53 !important;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08) !important;
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08) !important;
    -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08) !important;
    -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08) !important; }
  @media (max-width: 767px) {
    .prescription_order .mm-list.mm-panel.mm-opened.mm-current {
      overflow-y: scroll;
      max-height: 90vh;
      min-height: auto; } }
  .prescription_order .message-container {
    display: none;
    position: fixed !important;
    width: 100%;
    height: auto;
    z-index: 100000000; }
    @media (max-width: 767px) {
      .prescription_order .message-container {
        bottom: 0;
        height: auto;
        border-radius: none !important; } }
    @media (min-width: 768px) {
      .prescription_order .message-container {
        top: 0px; } }
  .prescription_order .message-body {
    width: 38%;
    height: 100%;
    margin: 0 auto !important;
    padding: 5px;
    background: #444 !important;
    box-shadow: 2px 2px 10px #666 !important; }
    @media (max-width: 768px) {
      .prescription_order .message-body {
        width: 100% !important;
        height: 100%; } }
    @media (min-width: 990px) and (max-width: 1380px) {
      .prescription_order .message-body {
        width: 54%; } }
  .prescription_order .message-heading {
    color: white;
    font-size: 14px !important;
    font-weight: 500 !important; }
    @media (max-width: 768px) {
      .prescription_order .message-heading {
        font-size: 13px !important; } }
    @media (max-width: 320px) {
      .prescription_order .message-heading {
        font-size: 11px !important; } }
  .prescription_order .atc-message-container {
    display: none;
    position: fixed !important;
    width: 100%;
    height: auto;
    z-index: 100000000;
    background-color: #333;
    box-shadow: 2px 2px 10px #666 !important;
    padding: 10px 15px 0px 15px; }
    @media (max-width: 767px) {
      .prescription_order .atc-message-container {
        bottom: 0;
        height: auto;
        border-radius: none !important; } }
    @media (min-width: 768px) {
      .prescription_order .atc-message-container {
        top: 30px; } }
  .prescription_order .atc-message-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 38%;
    height: 100%;
    margin: 0 auto !important;
    background-color: #333; }
    @media (max-width: 768px) {
      .prescription_order .atc-message-body {
        width: 100% !important;
        height: 100%; } }
  .prescription_order .atc-message-heading {
    color: white;
    font-size: 14px !important; }
    @media (max-width: 768px) {
      .prescription_order .atc-message-heading {
        font-size: 13px !important;
        width: 80%; } }
    @media (max-width: 330px) {
      .prescription_order .atc-message-heading {
        font-size: 11px !important; } }
  .prescription_order .icon-orange {
    color: #ff8400;
    font-size: 22px !important; }
  .prescription_order .toast-link {
    float: right;
    color: #ff8400; }
  .prescription_order .view-cart-link {
    position: absolute;
    right: 30px;
    bottom: 24px;
    color: #ff8400;
    cursor: pointer;
    font-size: 14px; }
    .prescription_order .view-cart-link:hover {
      color: #ff8400; }
    @media (max-width: 767px) {
      .prescription_order .view-cart-link {
        right: 15px;
        bottom: 10px; } }
    @media (max-width: 640px) {
      .prescription_order .view-cart-link {
        font-size: 12px; } }
  .prescription_order .w-100 {
    width: 100%; }
  .prescription_order .order-visual-status {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
  .prescription_order .tc-order-status {
    position: relative; }
    .prescription_order .tc-order-status.active {
      position: relative; }
      .prescription_order .tc-order-status.active:after {
        content: '';
        position: absolute;
        background-color: #2a579b;
        height: 2px;
        top: 50%;
        right: -32px;
        pointer-events: none;
        width: 32px; }
    .prescription_order .tc-order-status-nop {
      position: relative; }
      .prescription_order .tc-order-status-nop.active {
        position: relative; }
        .prescription_order .tc-order-status-nop.active:after {
          content: '';
          position: absolute;
          background-color: #2a579b;
          height: 2px;
          top: 50%;
          right: -54px;
          pointer-events: none;
          width: 54px; }
      .prescription_order .tc-order-status-nop:after {
        content: '';
        position: absolute;
        background-color: #bdbdbd;
        height: 2px;
        top: 50%;
        right: -54px;
        pointer-events: none;
        width: 54px; }
    .prescription_order .tc-order-status:after {
      content: '';
      position: absolute;
      background-color: #bdbdbd;
      height: 2px;
      top: 50%;
      right: -32px;
      pointer-events: none;
      width: 32px; }
@keyframes bounce {
  0% {
    padding-top: 100px;
    padding-bottom: 0; }
  50% {
    padding-top: 0;
    padding-bottom: 100px; }
  100% {
    padding-top: 100px;
    padding-bottom: 0; } }
  .prescription_order a.new_lab.btn-default.btn-primary.btn-select-lab {
    width: 100%;
    background: #65A8EC;
    color: #fff !important;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 5px; }
  .prescription_order .location-feature {
    background: #fb5f50 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer; }
    .prescription_order .location-feature .location-map {
      color: #fff; }
      @media (max-width: 767px) {
        .prescription_order .location-feature .location-map {
          text-transform: capitalize;
          font-size: 12px; } }
      .prescription_order .location-feature .location-map i.fa {
        color: #fff !important;
        font-size: 16px !important; }
        @media (max-width: 767px) {
          .prescription_order .location-feature .location-map i.fa {
            font-size: 14px !important; } }
    @media (max-width: 767px) {
      .prescription_order .location-feature {
        background: #004479 !important;
        justify-content: flex-start;
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 3px 10px; } }
    .prescription_order .location-feature .form-select:not([multiple]):not([size]) {
      background: none !important; }
  .prescription_order #SelectLocation .modal-title.h5 {
    color: #2a579b !important; }
  .prescription_order #SelectLocation {
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .prescription_order #SelectLocation .modal-container h6 {
      margin-top: 15px;
      margin-bottom: 0px; }
    .prescription_order #SelectLocation .modal-container .common-cities {
      height: 236px; }
      .prescription_order #SelectLocation .modal-container .common-cities ul {
        list-style: none;
        padding: 6px;
        display: flex;
        flex-wrap: wrap;
        height: 75%;
        justify-content: flex-start;
        flex-direction: column;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        overflow-y: auto !important; }
        @media (max-width: 768px) {
          .prescription_order #SelectLocation .modal-container .common-cities ul {
            flex-direction: column;
            flex-wrap: nowrap;
            height: 90%; } }
        .prescription_order #SelectLocation .modal-container .common-cities ul li {
          width: 33.33%;
          margin-top: 11px;
          cursor: pointer; }
          .prescription_order #SelectLocation .modal-container .common-cities ul li:hover {
            color: #2a579b;
            font-weight: 600; }
          @media (max-width: 768px) {
            .prescription_order #SelectLocation .modal-container .common-cities ul li {
              width: 100%;
              margin-bottom: 5px;
              margin-top: 0px; } }
    .prescription_order #SelectLocation ::-webkit-scrollbar {
      width: 8px !important; }
    .prescription_order #SelectLocation ::-webkit-scrollbar-track {
      background: #f1f1f1 !important; }
    .prescription_order #SelectLocation ::-webkit-scrollbar-thumb {
      background: #888 !important; }
    .prescription_order #SelectLocation ::-webkit-scrollbar-thumb:hover {
      background: #555 !important; }
  .prescription_order .locationContainer .wrapper {
    position: relative;
    display: inline-block;
    left: 6px; }
  .prescription_order .locationContainer .location.search svg {
    top: 17px !important;
    position: absolute !important;
    left: 23px !important; }
  .prescription_order .locationContainer .location.search table {
    width: 100%; }
    .prescription_order .locationContainer .location.search table td:last-child {
      display: none; }
    .prescription_order .locationContainer .location.search table input {
      font-size: 14px !important; }
  .prescription_order .locationContainer .map-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin-top: -16px;
    pointer-events: none; }
  .prescription_order .locationContainer #map {
    height: 320px;
    width: 610px; }
    .prescription_order .locationContainer #map a > img {
      display: none; }
    @media (max-width: 768px) {
      .prescription_order .locationContainer #map {
        height: 75vh;
        width: 93vw;
        right: -7px; } }
  .prescription_order .locationContainer #divSearch a {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 25px; }
    .prescription_order .locationContainer #divSearch a .geo-location-icon {
      position: absolute;
      right: 14px;
      top: calc(50% - 10px);
      height: 20px;
      width: 20px; }
  .prescription_order .locationContainer #sug-list li {
    margin-top: 0px !important; }
  .prescription_order .location-feature {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0px 21px;
    cursor: pointer; }
    @media (max-width: 768px) {
      .prescription_order .location-feature {
        position: relative;
        background: #2a579b !important;
        border: none !important;
        outline: 0;
        justify-content: initial;
        padding: 8px 12px !important; } }
  .prescription_order header {
    padding: 0 !important;
    background: white !important; }
  .prescription_order #wrap-body {
    margin-top: 131px; }
    @media (min-width: 989px) {
      .prescription_order #wrap-body {
        margin-top: 105px !important; } }
  .prescription_order .header_lite {
    padding: 0px 20px 16px 20px !important;
    background-color: #2a579b !important;
    color: white; }
    @media (max-width: 988px) {
      .prescription_order .header_lite {
        padding: 12px 12px 22px 12px !important; } }
    .prescription_order .header_lite .grid .forced_padding {
      padding-top: 0px !important;
      padding-bottom: 5px !important; }
    .prescription_order .header_lite .grid .column {
      align-items: center; }
    .prescription_order .header_lite .grid .mt_10 {
      margin-top: 5px; }
    .prescription_order .header_lite .grid .pb_0 {
      padding-bottom: 0 !important; }
    @media (max-width: 768px) {
      .prescription_order .header_lite .grid .horizontally-allign-on-mobile {
        padding-top: 10px !important; } }
    @media (min-width: 767px) {
      .prescription_order .header_lite .nav-logo {
        width: 11%;
        margin-right: 17px; } }
    .prescription_order .header_lite .menu-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .prescription_order .header_lite .menu-row.top-left {
        justify-content: start; }
        .prescription_order .header_lite .menu-row.top-left .top_header_links {
          margin-right: 23px; }
          @media (max-width: 1250px) {
            .prescription_order .header_lite .menu-row.top-left .top_header_links {
              margin-right: 17px; } }
          @media (max-width: 1170px) {
            .prescription_order .header_lite .menu-row.top-left .top_header_links {
              margin-right: 8px; } }
      .prescription_order .header_lite .menu-row a {
        color: white;
        font-size: 13px; }
        @media (max-width: 1170px) {
          .prescription_order .header_lite .menu-row a {
            font-size: 12px; } }
        @media (min-width: 992px) and (max-width: 1370px) {
          .prescription_order .header_lite .menu-row a {
            font-size: 75% !important; } }
        @media (min-width: 992px) and (max-width: 1024px) {
          .prescription_order .header_lite .menu-row a {
            font-size: 66% !important; } }
        .prescription_order .header_lite .menu-row a span {
          color: #1fddf0;
          font-size: 10px;
          text-transform: uppercase; }
        .prescription_order .header_lite .menu-row a.active {
          background-color: #e6e6e6;
          padding: 4px 10px;
          border-radius: 5px;
          color: black; }
      .prescription_order .header_lite .menu-row.uppercase {
        text-transform: uppercase; }
      .prescription_order .header_lite .menu-row i {
        font-size: 20px;
        cursor: pointer; }
      .prescription_order .header_lite .menu-row img.dawaai_logo {
        width: 65%; }
        @media (max-width: 767px) {
          .prescription_order .header_lite .menu-row img.dawaai_logo {
            width: 50% !important; } }
        @media (min-width: 767px) {
          .prescription_order .header_lite .menu-row img.dawaai_logo {
            width: 100% !important; } }
      @media (max-width: 768px) {
        .prescription_order .header_lite .menu-row #hamburger-menu-container {
          margin-top: 5px; } }
      .prescription_order .header_lite .menu-row .expressDelivery {
        top: 15px; }
    .prescription_order .header_lite .searchbar_row {
      margin-top: 0 !important; }
      .prescription_order .header_lite .searchbar_row .search .input {
        width: 100%; }
        .prescription_order .header_lite .searchbar_row .search .input input {
          border-radius: 8px; }
          @media (min-width: 989px) {
            .prescription_order .header_lite .searchbar_row .search .input input {
              border-radius: 4px; } }
    .prescription_order .header_lite .header_popup {
      display: none;
      position: absolute;
      background-color: white;
      color: black;
      z-index: 20;
      top: 60px;
      right: 0;
      width: 250px;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 5px 15px black; }
      .prescription_order .header_lite .header_popup .column {
        cursor: pointer; }
      .prescription_order .header_lite .header_popup i {
        color: #2a579b; }
      .prescription_order .header_lite .header_popup p {
        margin-top: 10px;
        margin-bottom: 0; }
        .prescription_order .header_lite .header_popup p.follow-text {
          margin-top: 20px;
          margin-bottom: -15px; }
      .prescription_order .header_lite .header_popup .bold-text {
        font-weight: 700; }
  .prescription_order .mobile_navBar {
    background-color: #f2f2f2; }
    .prescription_order .mobile_navBar ul {
      list-style-type: none;
      margin: 0;
      padding: 8px; }
      .prescription_order .mobile_navBar ul .owl-nav-carousel {
        height: 30px;
        display: flex;
        overflow: hidden; }
      .prescription_order .mobile_navBar ul a {
        background-color: white;
        padding: 5px;
        font-size: 11px;
        width: 100%;
        border-radius: 15px;
        color: grey;
        display: flex;
        justify-content: start; }
        @media (max-width: 320px) {
          .prescription_order .mobile_navBar ul a {
            font-size: 9px; } }
        .prescription_order .mobile_navBar ul a.active {
          background-color: #2a579b;
          color: white; }
      .prescription_order .mobile_navBar ul .x-mini {
        width: 15px; }
    .prescription_order .mobile_navBar .owl-dots {
      display: none !important; }
    .prescription_order .mobile_navBar .owl-nav {
      display: none !important; }
  .prescription_order .product-found {
    font-size: 16px !important;
    margin-top: 14px;
    padding: 0px 13px; }
  @media (max-width: 768px) and (min-width: 340px) {
    .prescription_order .search-price p {
      font-size: 12px !important; } }
  @media (max-width: 340px) {
    .prescription_order .search-price p {
      font-size: 9px !important; } }
  @media (max-width: 768px) {
    .prescription_order .search-price p b {
      font-size: 10px !important; } }
  .prescription_order .pack--product {
    font-size: 12px;
    display: block;
    text-indent: 27px;
    color: #bbb; }
    @media (max-width: 767px) {
      .prescription_order .pack--product {
        font-size: 10px;
        text-indent: 0;
        white-space: nowrap !important; } }
    .prescription_order .pack--product.name {
      font-size: 16px;
      color: #000; }
      @media (max-width: 767px) {
        .prescription_order .pack--product.name {
          font-size: 13px; } }
    .prescription_order .pack--product.vendor {
      text-indent: 0;
      color: #6f6f6f; }
    .prescription_order .pack--product.price {
      text-indent: 0;
      font-size: 16px;
      color: #000; }
      @media (max-width: 767px) {
        .prescription_order .pack--product.price {
          font-size: 12px; } }
  @media (max-width: 767px) {
    .prescription_order .truncate-140 {
      max-width: 140px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  @media (max-width: 767px) {
    .prescription_order .results_menu.menu {
      height: 80vh;
      overflow-y: scroll;
      overflow-x: hidden; } }
  .prescription_order .results_menu.menu li {
    list-style-type: none;
    background: #2a579b;
    padding: 5px 10px;
    margin-top: 8px; }
    .prescription_order .results_menu.menu li a {
      color: #fff; }
  .prescription_order .container--product-img {
    display: inline; }
  .prescription_order .container--details {
    display: inline-block; }
  .prescription_order .container--add-to-cart {
    display: inline-block; }
  .prescription_order .container--pricing-details {
    display: inline-block; }
    @media (max-width: 767px) {
      .prescription_order .container--pricing-details {
        display: grid; } }
  .prescription_order .container--product-quantity {
    position: fixed;
    background: #fff;
    height: 315px;
    width: auto;
    bottom: -200px;
    left: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 14px 10px 10px #000;
    z-index: 99999999; }
    @media (min-width: 768px) {
      .prescription_order .container--product-quantity {
        height: 130px;
        width: 800px;
        margin: 0 auto; } }
  .prescription_order .container--product-que {
    position: fixed;
    background: #fff;
    height: 312px;
    width: auto;
    bottom: -200px;
    left: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 14px 10px 10px #000;
    z-index: 99999999; }
    @media (min-width: 768px) {
      .prescription_order .container--product-que {
        height: 130px;
        width: 800px;
        margin: 0 auto; } }
  .prescription_order .container--product-search {
    background: #fff;
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: 999999;
    position: fixed;
    left: 0; }
    @media (max-width: 767px) {
      .prescription_order .container--product-search {
        padding: 15px !important;
        z-index: 99999999; } }
  .prescription_order button.AddToCart {
    font-size: 28px !important;
    margin-left: 20px !important;
    text-decoration: none;
    outline: none; }
  .prescription_order .display-toggle--none {
    display: none; }
  .prescription_order .display-toggle--block {
    display: block; }
@keyframes SearchResults {
  from {
    height: 0vh; }
  to {
    height: 100vh; } }
  .prescription_order .results.menu {
    width: 100% !important;
    height: auto !important;
    animation: SearchResults 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: initial;
    -o-animation-fill-mode: forwards; }
  .prescription_order li::marker {
    content: '' !important;
    display: none !important; }
  .prescription_order button.AddToCart {
    border: none;
    background: none;
    font-size: 28px;
    float: left;
    cursor: pointer;
    color: #2a579b; }
  .prescription_order button.AddToCart:hover {
    color: #1d3b82;
    transition: color linear .5s; }
  .prescription_order .product-display-search {
    display: flex !important; }
  .prescription_order .ui.radio.checkbox.customized {
    background: #e1e1e1;
    padding: 5px 7px;
    text-transform: uppercase;
    margin-right: -4px;
    margin-bottom: 15px;
    font-size: 12px; }
    .prescription_order .ui.radio.checkbox.customized label {
      color: #2a579b; }
    .prescription_order .ui.radio.checkbox.customized.checked {
      background: #2a579b;
      transition: all ease .1s;
      width: 100%;
      height: 100%; }
      .prescription_order .ui.radio.checkbox.customized.checked label {
        color: #fff !important; }
    .prescription_order .ui.radio.checkbox.customized.primary {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px; }
    .prescription_order .ui.radio.checkbox.customized.secondary {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
  .prescription_order .linethrough {
    text-decoration: line-through !important;
    color: red !important; }
  .prescription_order .mb-0 {
    margin-bottom: 0px !important; }
  .prescription_order ul.quantity-select.total {
    padding: 0;
    list-style-type: none;
    display: block;
    margin-bottom: 15px; }
    .prescription_order ul.quantity-select.total li {
      display: inline-block !important; }
      @media (min-width: 320px) and (max-width: 350px) {
        .prescription_order ul.quantity-select.total li .ui.selection.dropdown {
          min-width: 11em !important; } }
      .prescription_order ul.quantity-select.total li.total {
        float: right;
        position: relative;
        top: 10px; }
  .prescription_order .card-add-to-cart {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-radius: 4px !important;
    background: #5bb7ff !important;
    color: #fff !important; }
  .prescription_order .close-btn {
    padding-top: 12px;
    position: relative;
    left: 95%; }
  .prescription_order .ui.transparent.input > input.prompt {
    height: 40px;
    border-bottom: 1px solid #ccc !important;
    display: block;
    margin-top: -15px; }
  .prescription_order .header.customized-header {
    height: 32px !important;
    width: 100% !important; }
  .prescription_order body:not(.home_new) .carousel-block {
    display: none !important; }
  .prescription_order button.ui.button.AddToCart {
    padding: 6px 12px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    color: #2a579b;
    background: #eee; }
  .prescription_order button.ui.button.AddToCart > i {
    margin-right: 0px !important;
    font-size: 24px; }
  .prescription_order .container--pricing-details > img {
    position: relative;
    left: 27px; }
    @media (max-width: 767px) {
      .prescription_order .container--pricing-details > img {
        left: 0; } }
  .prescription_order .card-add-to-cart {
    padding: 13px 0px !important;
    background: #2a579b !important;
    text-transform: uppercase !important;
    font-size: 16px !important; }
  @media (max-width: 767px) {
    .prescription_order button.ui.button.new-cart-btn.empty_cart {
      width: 73px !important;
      text-align: center !important;
      padding: 10px 30px !important; } }
  .prescription_order .cart-product-list--clone h3.product-name {
    margin-bottom: 0px; }
  .prescription_order header .owl-carousel img {
    height: 307px !important;
    overflow: hidden;
    background-size: cover; }
  .prescription_order #HeaderLite {
    /* Black background color */
    position: fixed;
    /* Make it stick/fixed */
    top: 0;
    /* Stay on top */
    width: 100%;
    /* Full width */
    transition: top 0.3s;
    /* Transition effect when sliding down (and up) */ }
  .prescription_order a.in-search-clickable {
    float: none !important;
    position: absolute !important;
    width: 100%;
    height: 100%;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    cursor: pointer;
    top: 0; }
    .prescription_order a.in-search-clickable:hover {
      text-shadow: none !important;
      box-shadow: none !important; }
  .prescription_order .fix-margin--top {
    margin-top: 105px !important; }
  @media (min-width: 768px) {
    .prescription_order .home_new .fix-margin--top .owl-carousel {
      width: 100%;
      height: 100%; } }
  @media (min-width: 768px) {
    .prescription_order .home_new .fix-margin--top .owl-carousel .owl-stage-outer {
      width: 100%;
      height: 100%; } }
  .prescription_order .home_new .fix-margin--top .owl-carousel .owl-stage-outer .owl-stage {
    width: 100%;
    height: 100%; }
    .prescription_order .home_new .fix-margin--top .owl-carousel .owl-stage-outer .owl-stage .owl-item {
      height: 100%;
      width: 100%; }
  @media (min-width: 768px) {
    .prescription_order .home_new .fix-margin--top {
      height: 307px; } }
  @media (max-width: 768px) {
    .prescription_order .home_new .fix-margin--top {
      height: 160px; } }
  .prescription_order .home_new .fix-margin--top .display-now {
    width: 100%;
    height: 100%; }
  .prescription_order div#user_signup {
    position: relative;
    left: 7px;
    top: -3px; }
    @media (min-width: 989px) {
      .prescription_order div#user_signup {
        position: static;
        font-size: 16px;
        margin-right: 15px; } }
  @media (max-width: 767px) {
    .prescription_order .sold-out-font {
      font-size: 10px !important; } }
  .prescription_order .sold-out-btn {
    margin-top: 0px !important;
    top: -12px;
    position: relative;
    margin-top: 10px !important; }
    @media (min-width: 768px) {
      .prescription_order .sold-out-btn {
        width: auto !important;
        margin-left: 20px !important;
        margin-top: 0px; } }
    @media (max-width: 767px) {
      .prescription_order .sold-out-btn {
        top: -3px;
        font-size: 10px !important; } }
  .prescription_order .scrollable-vertical {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 84vh; }
  .prescription_order section.MainCart article.cart-home input[type="number"],
  .prescription_order section.MainCart article.cart-address input[type="number"],
  .prescription_order section.MainCart article.cart-payment input[type="number"] {
    -moz-appearance: textfield !important; }
  .prescription_order .ui.mini.quantity-message.message.red {
    font-size: 10px; }
  .prescription_order .z-index-none {
    z-index: 0 !important; }
  .prescription_order .upload_prescription_button_div {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .prescription_order .upload_prescription_button_div p {
      margin: 0px 5px 0px 5px; }
  .prescription_order .upload_prescription_button a {
    color: black;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2px 13px;
    border-radius: 5px;
    margin-left: 12px;
    width: 100%; }
    .prescription_order .upload_prescription_button a p.upload_prescription_text {
      font-weight: bold;
      margin: 0;
      color: #555;
      font-size: 13px; }
    .prescription_order .upload_prescription_button a div {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 6px 2px;
      text-transform: uppercase; }
      .prescription_order .upload_prescription_button a div img {
        height: 15px;
        width: auto;
        margin-right: 3px; }
      .prescription_order .upload_prescription_button a div p {
        color: #fb5f50;
        font-weight: bold;
        padding-left: 2px;
        font-size: 13px; }
  .prescription_order .m_upload_prescription_div {
    display: flex;
    background-color: #f2f2f2;
    width: 100%;
    padding: 10px 8px !important;
    border-radius: 5px;
    margin-bottom: 35px; }
    .prescription_order .m_upload_prescription_div img {
      height: 20px; }
    .prescription_order .m_upload_prescription_div .m_upload_prescription_detail {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_text_div {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_text_div .m_upload_prescription_text {
          margin: 0;
          font-weight: bold; }
        .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_text_div p.m_upload_prescription_text_p {
          font-size: 10px; }
      .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_button {
        background-color: #2a579b;
        border: none;
        padding: 7px 17px;
        border-radius: 5px; }
      .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_button a {
        background-color: #2a579b;
        color: white;
        font-weight: bold;
        font-size: 12px;
        display: flex; }
        .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_button a i {
          font-size: 9px;
          margin-top: 2px; }
        .prescription_order .m_upload_prescription_div .m_upload_prescription_detail .m_upload_prescription_button a p {
          display: inline; }
  .prescription_order .home-slider .owl-stage-outer {
    height: 100% !important; }
    .prescription_order .home-slider .owl-stage-outer .owl-stage {
      height: 100% !important; }
  .prescription_order .contact-button-header {
    padding: 16px !important;
    margin: 10px 0 !important;
    background-color: #2a579b !important;
    position: relative !important; }
    .prescription_order .contact-button-header a {
      left: 0;
      height: 100%;
      width: 100%;
      top: 0;
      /* margin: 30px; */
      display: flex;
      position: absolute;
      align-items: center;
      justify-content: center; }
  .prescription_order .text-truncate1 {
    max-width: 214px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .prescription_order .text-truncate1 {
        max-width: 139px !important; } }
  .prescription_order .lazyload.active-o {
    opacity: 1 !important; }
  .prescription_order nav.navbar ul {
    display: block;
    padding: 0px;
    list-style-type: none;
    text-decoration: none;
    margin: 0px;
    text-align: center;
    background: #f6f5f5; }
    .prescription_order nav.navbar ul li {
      text-transform: uppercase; }
      .prescription_order nav.navbar ul li a {
        color: #023d53;
        font-weight: 300; }
        .prescription_order nav.navbar ul li a:hover {
          text-decoration: underline; }
  .prescription_order .full-width {
    width: 100% !important; }
  .prescription_order .nav {
    position: relative;
    cursor: default;
    text-align: center;
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 100%; }
  .prescription_order .nav > li {
    display: inline-block; }
  .prescription_order .nav > li > a {
    font-family: "Roboto", sans-serif;
    color: #023d53;
    display: block;
    padding: 10px 16px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 300; }
    @media (min-width: 990px) and (max-width: 1300px) {
      .prescription_order .nav > li > a {
        font-size: 0.9rem !important; } }
  .prescription_order .nav > li:first-child > a {
    border-radius: 3px 0 0 3px;
    border-left: none; }
  .prescription_order .nav > li > div {
    background: #f6f5f5;
    border-radius: 0 0 3px 3px;
    display: block;
    opacity: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    z-index: 9999;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
    box-shadow: 1px 1px 1px #666; }
  .prescription_order .nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    width: 20% !important;
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.38) !important;
    border-radius: 5px !important; }
  .prescription_order .nav .nav-column {
    width: 100%; }
  .prescription_order .nav .nav-column h3 {
    margin: 20px 0 10px 0;
    line-height: 18px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
    text-transform: uppercase; }
  .prescription_order .nav .nav-column h3.orange {
    color: #ff722b; }
  .prescription_order .nav .nav-column li a {
    display: block;
    line-height: 26px;
    font-size: 12px;
    color: #023d53;
    text-transform: capitalize;
    text-align: left;
    font-family: "Roboto", sans-serif; }
  .prescription_order .child-cat > a {
    color: #000;
    font-weight: bold;
    background: url("/assets/img/arrow-menu.png") no-repeat center right;
    border-bottom: 1px solid #ccc; }
  .prescription_order .nav .nav-column li a:hover {
    color: #035394; }
  .prescription_order .buorg {
    position: absolute;
    position: fixed;
    z-index: 111111;
    width: 100%;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #A29330;
    text-align: center;
    color: #000 !important;
    background-color: #FF9800 !important;
    font: 18px Calibri, Helvetica, sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    animation: 1s ease-out 0s buorgfly; }
  .prescription_order .buorg-pad {
    padding: 9px;
    line-height: 1.7em; }
  .prescription_order .buorg-buttons {
    display: block;
    text-align: center; }
  .prescription_order #buorgig,
  .prescription_order #buorgul,
  .prescription_order #buorgpermanent {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding: 1px 10px;
    border-radius: 4px;
    font-weight: normal;
    background: #5ab400;
    white-space: nowrap;
    margin: 0 2px;
    display: inline-block; }
  .prescription_order #buorgig {
    background-color: #edbc68; }
  @media only screen and (max-width: 700px) {
    .prescription_order .buorg div {
      padding: 5px 12px 5px 9px;
      line-height: 1.3em; } }
@keyframes buorgfly {
  from {
    opacity: 0;
    transform: translateY(-50px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }
  .prescription_order .buorg-fadeout {
    transition: visibility 0s 8.5s, opacity 8s ease-out .5s; }
  .prescription_order .buorg-icon {
    width: 22px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -0.05em;
    display: inline-block;
    background: no-repeat 0px center; }
  .prescription_order img.rx-img-fix {
    width: 25px !important; }
    @media (max-width: 767px) {
      .prescription_order img.rx-img-fix {
        width: 25px !important; } }
  .prescription_order .fix-margin--top .display-now .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex; }
    @media (max-width: 768px) and (min-width: 371px) {
      .prescription_order .fix-margin--top .display-now .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 12px !important; } }
    @media (max-width: 370px) {
      .prescription_order .fix-margin--top .display-now .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 25px !important; } }
  @media (max-width: 768px) {
    .prescription_order .padding-header-lite {
      margin-bottom: 30px; } }
  .prescription_order .ui.page.dimmer {
    z-index: 99999999; }
  @media (max-width: 768px) {
    .prescription_order .thankyoupromo {
      margin-top: 50px; } }
  .prescription_order .blue-container {
    position: absolute;
    top: 0;
    width: 96%;
    z-index: 1;
    color: #ffffff;
    top: 4%;
    left: 2%; }
    .prescription_order .blue-container h1 {
      display: flex;
      justify-content: center; }
    .prescription_order .blue-container h1 span {
      color: #fed201; }
    .prescription_order .blue-container .form {
      display: flex;
      justify-content: center; }
    .prescription_order .blue-container input[type=text] {
      padding: 9px 20px;
      border: 1px solid #ccc;
      border-radius: 4px;
      outline: none;
      margin-right: 10px; }
    .prescription_order .blue-container button {
      background: #fed201;
      padding: 9px 22px;
      color: white;
      font-weight: bold;
      outline: none;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      text-transform: capitalize;
      cursor: pointer; }
    .prescription_order .blue-container .footer-logos {
      display: flex;
      justify-content: space-between; }
    .prescription_order .blue-container .footer-logos img {
      width: 36%;
      padding: 8px; }
    .prescription_order .blue-container .padding-apply-desktop {
      padding-bottom: 52px !important; }
    .prescription_order .blue-container .cross-icon {
      display: flex;
      justify-content: flex-end;
      padding: 10px; }
    .prescription_order .blue-container .heading {
      padding-top: 11px; }
    .prescription_order .blue-container .promo-img-2 {
      width: 21%; }
    @media (max-width: 768px) {
      .prescription_order .blue-container .cross-icon {
        padding: 3px;
        font-size: 10px; }
        .prescription_order .blue-container .cross-icon i {
          cursor: pointer; }
      .prescription_order .blue-container h1 {
        font-size: 18px; }
      .prescription_order .blue-container .heading {
        padding-top: 0; }
      .prescription_order .blue-container .padding-apply-desktop {
        padding-bottom: 0px; }
      .prescription_order .blue-container .footer-logos img {
        width: 50%;
        padding: 8px; }
      .prescription_order .blue-container .promo-img-2 {
        width: 69% !important; }
      .prescription_order .blue-container .form {
        flex-direction: column; }
      .prescription_order .blue-container input[type=text] {
        margin-right: 0;
        margin-left: 27px;
        width: 82%; }
      .prescription_order .blue-container button {
        padding: 6px 0px;
        width: 35%;
        margin-top: 10px;
        margin-left: 92px; } }
  .prescription_order .blue-container::before {
    content: '';
    position: absolute;
    background-color: blue;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: -1; }
  .prescription_order .imagepromo {
    height: 340px;
    width: 100%; }
  .prescription_order .modal-first-image {
    text-align: left; }
  .prescription_order .modal-second-image {
    text-align: right; }
  .prescription_order .button.ui.bottom.attached.button.btn-default {
    background: #2a579b !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 10px 50px;
    margin: 15px 0px; }
  .prescription_order .current-location-finder {
    color: #2a579b !important;
    margin-top: 10px;
    margin-bottom: 10px; }
  .prescription_order #modal25 {
    background: #fff !important; }
    .prescription_order #modal25 h4 {
      color: #2a579b !important; }
    .prescription_order #modal25 .ui.modal {
      background: #fff !important; }
  .prescription_order .sticker-container {
    padding: 2px 10px !important; }
  .prescription_order #download-app-sticker-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    @media (max-width: 767px) {
      .prescription_order #download-app-sticker-container {
        margin-left: -14px !important;
        margin-right: -14px !important;
        margin-top: -14px !important;
        margin-bottom: -14px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important; } }
  .prescription_order .download-app-sticker {
    display: none !important;
    padding: 18px 10px 6px 10px !important;
    background-color: #F2F2F2;
    border-radius: 4px; }
    @media (max-width: 768px) {
      .prescription_order .download-app-sticker {
        display: flex !important;
        margin-bottom: 14px !important; } }
    .prescription_order .download-app-sticker p {
      font-size: 10px;
      margin-bottom: 0px;
      padding-left: 2px !important;
      padding-right: 13px !important;
      color: #2B579B;
      font-family: "Open Sans";
      font-size: 10px;
      font-weight: 700;
      line-height: 12px;
      margin-right: 10px; }
    .prescription_order .download-app-sticker a {
      color: #FFF;
      font-family: "Open Sans";
      font-size: 9px;
      font-weight: 700;
      line-height: 12px;
      text-transform: uppercase;
      height: 18px;
      border-radius: 3px;
      background-color: #FB5F50;
      padding: 4px 9px;
      border: none; }
    .prescription_order .download-app-sticker i {
      color: #2B579B;
      font-size: 9px;
      margin-left: 1%; }
    .prescription_order .download-app-sticker .btn {
      padding: 0px !important;
      white-space: nowrap; }
    .prescription_order .download-app-sticker .icon-dawaai {
      padding-right: 7.6px !important;
      padding-left: 7.6px !important; }
  @media (min-width: 989px) {
    .prescription_order .display--none--desktop--header {
      display: none !important; } }
  @media (max-width: 989px) {
    .prescription_order .display--none--mobile--header {
      display: none !important; } }
  .prescription_order .desktop-logo {
    padding-right: 0px !important;
    padding-left: 0px !important; }
    .prescription_order .desktop-logo .nav-logo {
      margin-top: 14px;
      margin-right: 0px; }
  .prescription_order .margin_right {
    margin-right: 0px !important; }
  @media (min-width: 989px) {
    .prescription_order .padding_right {
      padding-right: 0px !important; } }
  .prescription_order .right-sect-container {
    position: absolute;
    right: -3.5%; }
  .prescription_order .desktop-fast-logo::before {
    margin-left: 30px;
    width: 75px !important;
    display: none !important; }
    @media (min-width: 1025px) {
      .prescription_order .desktop-fast-logo::before {
        display: inline-block !important; } }
  .prescription_order .desktop-cart-icon {
    margin-right: 30px !important;
    font-size: 24px; }
  .prescription_order .header-dropdown-container {
    height: 33px;
    position: absolute;
    left: 0px;
    box-shadow: none !important;
    border: none !important;
    background-color: #f6f5f5 !important; }
    .prescription_order .header-dropdown-container .dropdown {
      width: 236px;
      color: #2a579b !important; }
      @media (min-width: 1176px) {
        .prescription_order .header-dropdown-container .dropdown span {
          font-size: 16px !important; } }
    @media (min-width: 1176px) {
      .prescription_order .header-dropdown-container .icon {
        margin-left: 20px !important; } }
    .prescription_order .header-dropdown-container .menu {
      background-color: #f2f2f2 !important; }
      .prescription_order .header-dropdown-container .menu a {
        color: #000; }
      .prescription_order .header-dropdown-container .menu .item {
        border-bottom: 1px solid #cccccc !important; }
      .prescription_order .header-dropdown-container .menu .item:last-child {
        border-bottom: none; }
    .prescription_order .header-dropdown-container #bg-hover:hover {
      background: #dfeffe !important; }
  @media (min-width: 989px) {
    .prescription_order .expressDelivery::after {
      border: none !important; } }
  .prescription_order .top_header_links {
    padding-right: 40px !important; }
  @media (min-width: 989px) {
    .prescription_order #cart_item_count {
      right: 24% !important; } }
  @media (min-width: 989px) {
    .prescription_order .cart-qty {
      background: #fb5f50 !important; } }
  .prescription_order .track-delivery-status {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 8px 10px;
    margin-bottom: 9px;
    background-color: #f9f9f9;
    border-radius: 4px; }
    @media (min-width: 768px) {
      .prescription_order .track-delivery-status {
        min-width: 400px; } }
    .prescription_order .track-delivery-status h6 {
      font-weight: bold;
      margin-bottom: 8px;
      font-size: 14px;
      margin-top: 0px !important;
      text-align: left; }
    .prescription_order .track-delivery-status .p-relative {
      position: relative; }
    .prescription_order .track-delivery-status .date {
      margin-bottom: 1px;
      margin-top: 22px; }
    .prescription_order .track-delivery-status p {
      font-size: 12px; }
    .prescription_order .track-delivery-status .fast-service-logo::before {
      right: 0px !important;
      left: unset !important;
      content: "";
      background: url(/assets/img/fast-logo.png);
      width: 80px;
      height: 17px;
      display: inline-block;
      position: absolute;
      z-index: 7;
      padding: 0;
      background-size: contain;
      background-repeat: no-repeat;
      top: 0px; }
  .prescription_order footer {
    display: block;
    position: relative; }
    .prescription_order footer.primary {
      padding-top: 60px !important; }
      @media (max-width: 989px) {
        .prescription_order footer.primary {
          padding-top: 70px !important; } }
    .prescription_order footer h5 {
      color: #61e3f4;
      font-size: 16px;
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      margin: 0 0 11px;
      text-align: left;
      text-transform: capitalize; }
      @media (min-width: 989px) {
        .prescription_order footer h5 {
          color: #2a579b;
          font-size: 16px;
          text-transform: uppercase; } }
    .prescription_order footer ul {
      padding: 0;
      list-style-type: none; }
      .prescription_order footer ul li {
        display: block; }
        .prescription_order footer ul li a {
          color: #fff !important;
          font-size: 12px;
          font-weight: 200; }
          @media (min-width: 989px) {
            .prescription_order footer ul li a {
              color: #000 !important; } }
    .prescription_order footer p {
      color: #fff;
      font-weight: 200;
      font-size: 12px; }
      @media (min-width: 989px) {
        .prescription_order footer p {
          color: #3b4351; } }
    .prescription_order footer input[type=text] {
      font-size: 14px;
      margin: 0;
      padding: 6px 10px;
      width: 73%;
      display: block;
      color: #919191; }
    .prescription_order footer input[type=submit] {
      background: none;
      border: none;
      color: #fff;
      cursor: pointer;
      float: left;
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      font-weight: 400;
      margin: 5px 0;
      padding: 1px 3px;
      text-align: center;
      text-transform: capitalize;
      width: auto; }
  .prescription_order .footer-base-color {
    background: #023d53 none repeat scroll 0 0; }
    @media (min-width: 989px) {
      .prescription_order .footer-base-color {
        background: #eee; } }
  .prescription_order .order-rating-card {
    position: fixed;
    width: fit-content;
    margin: 25px;
    bottom: 0px;
    z-index: 100; }
    @media (max-width: 425px) {
      .prescription_order .order-rating-card {
        margin: 0px; } }
    .prescription_order .order-rating-card .card {
      width: 390px;
      text-align: center;
      border-radius: 5px;
      background-color: #F2F2F2;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5) !important; }
      @media (max-width: 425px) {
        .prescription_order .order-rating-card .card {
          width: fit-content; } }
      .prescription_order .order-rating-card .card .content p {
        font-size: 18px !important;
        color: #333;
        font-family: "Roboto";
        line-height: 21px; }
      .prescription_order .order-rating-card .card .order-card-cross {
        width: 100%;
        text-align: right;
        color: #333;
        font-size: 15px;
        margin-bottom: 5px; }
      .prescription_order .order-rating-card .card .container {
        padding: 15px; }
      .prescription_order .order-rating-card .card .rating {
        display: block;
        margin-top: 15px; }
        .prescription_order .order-rating-card .card .rating .icon {
          margin-right: 5px;
          margin-left: 5px;
          font-size: 31px !important; }
      .prescription_order .order-rating-card .card button {
        padding: 10px 43px;
        margin-top: 5px;
        margin-bottom: 8px;
        border-radius: 5px;
        background-color: #2a579b;
        color: #fff;
        font-family: "Open Sans"; }
        .prescription_order .order-rating-card .card button:focus, .prescription_order .order-rating-card .card button:hover {
          background: #063274 !important;
          color: #fff !important; }
  @media (max-width: 767px) {
    .prescription_order .social-icons {
      text-align: center; } }
  .prescription_order .social-icons ul {
    width: 100%;
    padding: 0;
    list-style-type: none; }
    .prescription_order .social-icons ul li {
      display: inline-block;
      margin: 7px 7px 0 0;
      padding: 0; }
      .prescription_order .social-icons ul li a {
        width: 32px;
        height: 32px;
        display: inline-block;
        font-size: 0px;
        color: transparent !important; }
        .prescription_order .social-icons ul li a.facebook {
          background: url("/assets/img/social-media-icons.png");
          background-position: 105px -31px; }
          @media (min-width: 989px) {
            .prescription_order .social-icons ul li a.facebook {
              background: url("/assets/img/icon-facebook.png"); } }
        .prescription_order .social-icons ul li a.twitter {
          background: url("/assets/img/social-media-icons.png");
          background-position: -32px -30px;
          background-repeat: no-repeat; }
          @media (min-width: 989px) {
            .prescription_order .social-icons ul li a.twitter {
              background: url("/assets/img/icon-twitter.png"); } }
        .prescription_order .social-icons ul li a.youtube {
          background: url("/assets/img/social-media-icons.png");
          background-position: 449px -30px; }
          @media (min-width: 989px) {
            .prescription_order .social-icons ul li a.youtube {
              background: url("/assets/img/icon-youtube.png"); } }
        .prescription_order .social-icons ul li a.instagram {
          background: url("/assets/img/social-media-icons.png");
          background-position: 139px -30px; }
          @media (min-width: 989px) {
            .prescription_order .social-icons ul li a.instagram {
              background: url("/assets/img/icon-instagram.png"); } }
  .prescription_order .social-icons {
    float: left;
    margin: 0;
    width: 100%; }
  .prescription_order .social-icons h6 {
    color: #fff;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    margin: 7px 0 0;
    text-transform: uppercase;
    width: 100%; }
    @media (min-width: 989px) {
      .prescription_order .social-icons h6 {
        color: #2a579b;
        font-size: 16px;
        text-transform: uppercase; } }
  .prescription_order .app-store {
    display: block;
    text-align: center;
    margin: 0 auto; }
    .prescription_order .app-store .app-store-links {
      display: inline-block;
      margin: 0;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .prescription_order .app-store .app-store-links {
          width: 100% !important; } }
      .prescription_order .app-store .app-store-links ul {
        display: block;
        left: -43px;
        position: relative;
        top: -20px; }
        @media (max-width: 767px) {
          .prescription_order .app-store .app-store-links ul {
            left: 0px; } }
        .prescription_order .app-store .app-store-links ul li {
          display: inline-block;
          margin-left: 20px;
          margin-right: 20px;
          text-align: center;
          margin: 0 auto;
          position: relative; }
          .prescription_order .app-store .app-store-links ul li.icon {
            width: 100px;
            height: 28px;
            font-size: 0px;
            margin: 10px 0px; }
            @media (max-width: 767px) {
              .prescription_order .app-store .app-store-links ul li.icon {
                margin: 10px 10px; } }
        .prescription_order .app-store .app-store-links ul .apple-store {
          background: url("/assets/img/app-store-play-store.png");
          background-position: -143px -76px;
          width: 99px;
          height: 140px;
          display: inline-block;
          background-size: cover;
          background-repeat: no-repeat; }
          .prescription_order .app-store .app-store-links ul .apple-store a {
            position: absolute;
            width: 100%;
            height: 100%;
            display: block;
            font-size: 0px;
            color: transparent; }
        .prescription_order .app-store .app-store-links ul .google-app-store {
          background: url("/assets/img/app-store-play-store.png");
          background-position: -20px -77px;
          width: 99px;
          height: 140px;
          display: inline-block;
          background-size: cover;
          background-repeat: no-repeat; }
          .prescription_order .app-store .app-store-links ul .google-app-store a {
            position: absolute;
            width: 100%;
            height: 100%;
            display: block;
            font-size: 0px;
            color: transparent; }
  .prescription_order span.subscribe {
    margin: 6px 0;
    width: auto;
    font-size: 14px; }
  .prescription_order span.subscribe,
  .prescription_order footer strong {
    font-size: 12px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    float: left;
    text-align: left; }
  .prescription_order .footer-whatsapp {
    margin: 4px 0 0 0;
    float: left; }
  .prescription_order .footer-whatsapp img {
    display: inline-block;
    margin: 0 7px 0 0px;
    vertical-align: middle; }
  .prescription_order .footer-whatsapp a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    line-height: 18px; }
  .prescription_order .footer-nav span,
  .prescription_order .footer-nav strong {
    font-size: 12px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    float: left;
    text-align: left; }
  .prescription_order .footer-whatsapp a img {
    width: 22px !important; }
  .prescription_order .footer-whatsapp a:hover {
    color: #e88301;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .prescription_order .whatsapp-mobile {
    background: #fff;
    float: left;
    width: 100%;
    margin: 0px 0;
    text-align: center;
    display: none;
    padding: 15px 0 10px 0; }
  .prescription_order .whatsapp-no {
    background: #fff url("/assets/img/whatsapp-icon.png") no-repeat 6px 6px !important;
    padding: 10px 10px 10px 43px !important; }
  .prescription_order .whatsapp-2 {
    background: #fff url(/assets/img/whatsapp-icon.png) no-repeat 6px 6px !important;
    padding: 10px 10px 10px 44px !important;
    display: inline-block; }
  .prescription_order .whatsapp-mobile span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif; }
  .prescription_order .whatsapp-mobile strong {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    font-family: "Roboto", sans-serif; }
  .prescription_order .whatsapp-mobile a {
    border: none;
    border-radius: 0;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin: 10px auto 7px;
    padding: 0px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 86%;
    background: #25d366; }
  .prescription_order .whatsapp-mobile img {
    float: left;
    margin: 0px 0 0 0px;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    padding: 8px 14px;
    background: #00a138;
    width: 32px; }
  .prescription_order .whatsapp-mobile p {
    float: left;
    margin: 12px 0 0px 0px;
    font-size: 17px;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    width: 73%;
    text-transform: capitalize; }
  .prescription_order .whatsapp-right {
    display: inline-block;
    /* width: 84%; */
    color: #fff;
    font-size: 11px; }
  .prescription_order .android_download,
  .prescription_order .ios_download {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px; }
  .prescription_order .popup-left span {
    font-size: 13px !important;
    margin: 7px 0 0 0 !important;
    float: left !important;
    width: 90% !important; }
  .prescription_order .popup-left select {
    border-bottom: 1px solid #757575;
    /* border-radius: 6px; */
    margin: 6px 0;
    max-width: 335px;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none; }
  .prescription_order .no-position {
    position: relative !important;
    margin: 7px 0 0 0 !important; }
  .prescription_order .group-dob .dob-f {
    width: 94px !important; }
  .prescription_order .group-phone .dob-f {
    width: 94px !important; }
  .prescription_order .group {
    position: relative;
    width: 300px;
    display: block;
    margin: 20px auto 0; }
  .prescription_order .popup-left input[type=text],
  .prescription_order .popup-left input[type=email],
  .prescription_order .popup-left input[type=tel],
  .prescription_order .popup-left input[type=password] {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: inline-block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575; }
  .prescription_order .popup-left input[type=text]:focus,
  .prescription_order .popup-left input[type=email]:focus,
  .prescription_order .popup-left input[type=tel]:focus,
  .prescription_order .popup-left input[type=password]:focus {
    outline: none; }
  .prescription_order .popup-left label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
  .prescription_order .no-position {
    position: relative !important;
    margin: 7px 0 0 0 !important; }
  .prescription_order .popup-left input[type=text]:focus ~ label,
  .prescription_order .popup-left input[type=text]:valid ~ label,
  .prescription_order .popup-left input[type=email]:focus ~ label,
  .prescription_order .popup-left input[type=email]:valid ~ label,
  .prescription_order .popup-left input[type=tel]:focus ~ label,
  .prescription_order .popup-left input[type=tel]:valid ~ label,
  .prescription_order .popup-left input[type=password]:focus ~ label,
  .prescription_order .popup-left input[type=password]:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #5264AE; }
  .prescription_order .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5; }
  .prescription_order .popup-left input[type=text]:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease; }
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
@keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
  .prescription_order .prescription-box {
    float: left;
    width: 100%;
    max-width: 378px;
    position: relative;
    left: 50%;
    margin-left: -189px; }
  .prescription_order .prescription-box img {
    width: 100%;
    display: block; }
  .prescription_order .prescription-box h3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    float: left;
    font-family: "Open Sans", sans-serif;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold; }
  .prescription_order .prescription-box ul {
    float: left;
    width: 100%;
    margin: 0 0 30px 0; }
  .prescription_order .prescription-box h3 span {
    font-size: 14px; }
  .prescription_order .prescription-box p {
    font-size: 12px;
    color: #fe0000;
    float: left;
    width: 100%;
    text-align: left;
    margin: 20px 0 0; }
  .prescription_order .prescription-box ul li {
    float: left;
    list-style: disc outside;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #666;
    width: 100%;
    text-align: left; }
  .prescription_order .nav > li i {
    float: left;
    color: #fff;
    font-size: 14px;
    margin: 3px 5px 0 0; }
  .prescription_order .whatsapp-top p strong {
    font-weight: bold;
    font-size: 19px; }
  .prescription_order .whatsapp-top p img {
    float: left;
    margin: 6px 6px 9px 0px; }
  .prescription_order .group-dob {
    margin: 0 auto;
    display: block;
    text-align: center; }
  .prescription_order form#form_signup_popup {
    text-align: center; }
  .prescription_order .mand-field {
    float: left;
    color: red !important;
    text-align: center; }
  .prescription_order .space-bar {
    margin-top: 0;
    position: absolute;
    bottom: 0; }
    @media (max-width: 767px) {
      .prescription_order .space-bar {
        position: relative; } }
  .prescription_order .padding-centered {
    padding: 20px 20px 20px 10px !important; }
  .prescription_order .order-status--box {
    margin-top: 0px; }
    .prescription_order .order-status--box span {
      display: block;
      line-height: 16px;
      font-size: 14px;
      color: #000;
      margin-bottom: 7px;
      margin-top: 7px;
      white-space: normal;
      word-break: break-all;
      width: 270px;
      padding: 0px 15px; }
  @media (max-width: 767px) {
    .prescription_order .w-100-fix {
      width: 100% !important; } }
  @media (max-width: 767px) {
    .prescription_order .footer-margin-fix {
      margin: 0 auto; } }
  .prescription_order ul.secure-reliable-affordable {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding-left: 30px;
    margin-bottom: 70px;
    left: 25px; }
    @media (max-width: 767px) {
      .prescription_order ul.secure-reliable-affordable {
        flex-direction: row;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        left: 0px;
        margin-top: -55px;
        margin-bottom: 20px; } }
    .prescription_order ul.secure-reliable-affordable li {
      display: inline-block;
      width: 21%;
      margin: 0px 66px; }
      .prescription_order ul.secure-reliable-affordable li img {
        display: inline-block; }
      .prescription_order ul.secure-reliable-affordable li h3 {
        display: inline-block;
        font-size: 24px;
        color: #fff;
        vertical-align: top;
        margin-bottom: 7px; }
        @media (max-width: 767px) {
          .prescription_order ul.secure-reliable-affordable li h3 {
            display: block;
            font-size: 18px;
            font-weight: 300; } }
      .prescription_order ul.secure-reliable-affordable li p {
        display: inline-block; }
      .prescription_order ul.secure-reliable-affordable li.secure {
        position: relative; }
        .prescription_order ul.secure-reliable-affordable li.secure:before {
          content: '';
          background: url("/assets/img/shield.svg");
          width: 90px;
          height: 90px;
          background-size: 40px 40px !important;
          display: inline-block;
          background-repeat: no-repeat;
          position: absolute;
          left: -55px; }
          @media (max-width: 768px) {
            .prescription_order ul.secure-reliable-affordable li.secure:before {
              background-size: 35px 35px !important;
              left: 17px !important;
              top: 40px !important; } }
      .prescription_order ul.secure-reliable-affordable li.reliable {
        position: relative; }
        .prescription_order ul.secure-reliable-affordable li.reliable:before {
          content: '';
          background: url("/assets/img/lock.svg");
          width: 90px;
          height: 90px;
          background-size: 70px 70px !important;
          display: inline-block;
          background-repeat: no-repeat;
          position: absolute;
          left: -65px;
          top: -10px; }
          @media (max-width: 768px) {
            .prescription_order ul.secure-reliable-affordable li.reliable:before {
              background-size: 60px 60px !important;
              left: 12px !important;
              top: 33px !important; } }
      .prescription_order ul.secure-reliable-affordable li.affordable {
        position: relative; }
        .prescription_order ul.secure-reliable-affordable li.affordable:before {
          content: '';
          background: url("/assets/img/wallet.svg");
          width: 90px;
          height: 90px;
          background-size: 40px 40px !important;
          display: inline-block;
          background-repeat: no-repeat;
          position: absolute;
          left: -55px; }
          @media (max-width: 768px) {
            .prescription_order ul.secure-reliable-affordable li.affordable:before {
              background-size: 35px 35px !important;
              left: 23px !important;
              top: 42px !important; } }
      @media (max-width: 767px) {
        .prescription_order ul.secure-reliable-affordable li:before {
          display: block !important;
          left: 0 !important;
          position: relative !important;
          margin: 0 auto; } }
      @media (max-width: 767px) {
        .prescription_order ul.secure-reliable-affordable li {
          width: 30%;
          display: block;
          margin: 0;
          left: 0;
          margin: 30px 0px; } }
  .prescription_order p.legit-script {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    height: 140px;
    margin-left: 10px;
    text-align: left !important; }
    @media (max-width: 767px) {
      .prescription_order p.legit-script {
        display: block;
        width: 100%;
        vertical-align: middle;
        height: auto;
        margin: 15px 0px;
        text-align: center !important; } }
  .prescription_order .footer-links-download {
    width: 130px !important;
    height: 63.56px !important;
    margin-top: -20px !important;
    padding-left: 11px; }
    @media (max-width: 320px) {
      .prescription_order .footer-links-download {
        width: 110px !important;
        height: 53.78px !important; } }
  .prescription_order .covid-modal {
    background-color: white !important;
    padding: 10px; }
    .prescription_order .covid-modal p {
      font-weight: 600; }
      @media (max-width: 767px) {
        .prescription_order .covid-modal p {
          text-align: center; } }
  .prescription_order .covid-border {
    padding: 10px;
    border: 1px solid #b5b3b3; }
  .prescription_order body.compound div#HamburgerWrap {
    margin-top: 1490px; }
    @media (max-width: 767px) {
      .prescription_order body.compound div#HamburgerWrap {
        margin-top: 1805px; } }
  .prescription_order body.doctor_consultation div#HamburgerWrap {
    margin-top: 582px; }
    @media (max-width: 767px) {
      .prescription_order body.doctor_consultation div#HamburgerWrap {
        margin-top: 628px; } }
  @media (max-width: 768px) {
    .prescription_order .ratingmodal {
      position: absolute;
      bottom: 0;
      display: none; } }
  .prescription_order .ratingmodal .color-white {
    background-color: white !important; }
  .prescription_order .ratingmodal .bold-paragraph {
    font-weight: bold;
    white-space: break-spaces; }
    @media (min-width: 768px) {
      .prescription_order .ratingmodal .bold-paragraph {
        font-size: 14px !important; } }
  .prescription_order .ratingmodal .rating_description {
    white-space: break-spaces; }
    @media (min-width: 768px) {
      .prescription_order .ratingmodal .rating_description {
        padding-top: 12px;
        font-size: 14px !important; } }
  .prescription_order .ratingmodal .order_delivered {
    display: flex; }
    @media (min-width: 768px) {
      .prescription_order .ratingmodal .order_delivered {
        margin: 13px 58px;
        font-size: 39px !important; } }
    @media (max-width: 768px) {
      .prescription_order .ratingmodal .order_delivered {
        margin-top: 10px;
        justify-content: center; } }
  .prescription_order .ratingmodal .rating-btn {
    display: flex;
    justify-content: center;
    margin-top: 18px; }
    .prescription_order .ratingmodal .rating-btn button {
      background: #2B579B;
      color: #fff; }
      @media (min-width: 768px) {
        .prescription_order .ratingmodal .rating-btn button {
          padding: 10px 41px; } }
  @media (min-width: 989px) {
    .prescription_order .display--none--desktop--footer {
      display: none !important; } }
  @media (min-width: 989px) {
    .prescription_order .plane-button {
      background-color: #fff !important;
      padding-left: 8px !important;
      padding-right: 8px !important; }
      .prescription_order .plane-button i {
        color: #2a579b;
        cursor: pointer; } }
  .prescription_order .news_letter_input {
    border: #fff 1px solid !important; }
  @media (min-width: 989px) {
    .prescription_order .footer-listing ul li {
      padding-bottom: 5px !important; }
      .prescription_order .footer-listing ul li:hover {
        text-decoration: underline !important; } }
  @media (min-width: 989px) {
    .prescription_order .app-store-links {
      margin-top: 23px !important; } }
  @media (min-width: 989px) {
    .prescription_order .legit-script-container {
      padding-bottom: 22px !important; } }
  .prescription_order .secondary-footer {
    right: 0;
    left: 0;
    bottom: 0;
    position: relative; }
  .prescription_order .cart-qty {
    right: 8px !important;
    top: -8px !important; }
    @media (max-width: 767px) {
      .prescription_order .cart-qty {
        right: 8px !important;
        top: 4px !important;
        font-size: 10px !important;
        width: 15px !important;
        height: 15px !important;
        line-height: 6px !important; } }
  .prescription_order .cart_item_remove {
    float: right;
    padding-right: 10px; }
  .prescription_order .menu.dropdown-ui--modified-cart-main:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff !important;
    position: absolute;
    top: -10px !important;
    right: 0px !important;
    transform: rotate(45deg); }
  .prescription_order .menu.dropdown-ui--modified-cart {
    background: #f6f5f5 !important;
    /* box-shadow: 0 0 5px 0 rgba(0,0,0,.75); */
    color: #929292;
    display: none;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    margin: 36px 0 0;
    padding: 17px 15px 36px 15px !important;
    top: 40px !important;
    min-width: 370px !important;
    max-width: 370px !important;
    border-radius: 15px 0px 15px 15px !important; }
    @media (max-width: 767px) {
      .prescription_order .menu.dropdown-ui--modified-cart {
        min-width: 280px !important;
        max-width: 280px !important; } }
    .prescription_order .menu.dropdown-ui--modified-cart:before {
      background: url(/assets/img/cart-dd-before.png) no-repeat center top;
      content: " ";
      height: 27px;
      top: -26px;
      right: 0;
      pointer-events: none;
      position: absolute;
      width: 48px; }
    .prescription_order .menu.dropdown-ui--modified-cart ul {
      padding: 0; }
      .prescription_order .menu.dropdown-ui--modified-cart ul li {
        border-bottom: 1px solid #b3c3d6;
        float: left;
        list-style: none;
        padding: 0 0 7px;
        width: 100%;
        margin: 0 0 7px 0; }
        .prescription_order .menu.dropdown-ui--modified-cart ul li a {
          text-decoration: none;
          color: #000; }
        .prescription_order .menu.dropdown-ui--modified-cart ul li h5 {
          float: left;
          font-size: 16px;
          margin: 5px 0 0 0px;
          width: 70%;
          font-weight: 600;
          color: #000;
          font-family: "Roboto", sans-serif;
          word-wrap: break-word !important;
          white-space: normal; }
          @media (max-width: 767px) {
            .prescription_order .menu.dropdown-ui--modified-cart ul li h5 {
              font-size: 14px; } }
        .prescription_order .menu.dropdown-ui--modified-cart ul li p {
          color: #5a5e7b;
          font-size: 12px;
          font-family: "Roboto", sans-serif;
          width: 50%;
          float: left; }
          .prescription_order .menu.dropdown-ui--modified-cart ul li p i {
            color: #f60004;
            font-size: 12px;
            font-family: "Roboto", sans-serif;
            font-style: normal;
            text-align: left;
            display: block; }
        .prescription_order .menu.dropdown-ui--modified-cart ul li strong {
          display: block;
          width: 100%;
          float: left; }
        .prescription_order .menu.dropdown-ui--modified-cart ul li span {
          color: #ff641c;
          font-size: 16px;
          font-family: "Roboto", sans-serif;
          font-weight: 600;
          float: right;
          padding-right: 10px;
          text-align: right;
          width: 50%; }
  .prescription_order section.MainCart a:focus {
    box-shadow: none; }
  .prescription_order section.MainCart article.cart-home, .prescription_order section.MainCart article.cart-address, .prescription_order section.MainCart article.cart-payment {
    background: #f6f5f5; }
    .prescription_order section.MainCart article.cart-home .cart-product-list, .prescription_order section.MainCart article.cart-address .cart-product-list, .prescription_order section.MainCart article.cart-payment .cart-product-list {
      border: 1px solid #ccc;
      background: #fff;
      padding: 15px;
      margin-bottom: 20px;
      border-radius: 8px; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home .cart-product-list, .prescription_order section.MainCart article.cart-address .cart-product-list, .prescription_order section.MainCart article.cart-payment .cart-product-list {
          margin-bottom: 10px;
          border-bottom: 1px solid #ccc !important; } }
      .prescription_order section.MainCart article.cart-home .cart-product-list h3.product-name, .prescription_order section.MainCart article.cart-address .cart-product-list h3.product-name, .prescription_order section.MainCart article.cart-payment .cart-product-list h3.product-name {
        font-size: 16px; }
        @media (max-width: 767px) {
          .prescription_order section.MainCart article.cart-home .cart-product-list h3.product-name, .prescription_order section.MainCart article.cart-address .cart-product-list h3.product-name, .prescription_order section.MainCart article.cart-payment .cart-product-list h3.product-name {
            font-size: 12px; } }
      .prescription_order section.MainCart article.cart-home .cart-product-list.modified, .prescription_order section.MainCart article.cart-address .cart-product-list.modified, .prescription_order section.MainCart article.cart-payment .cart-product-list.modified {
        border: none !important;
        border-radius: none !important; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home .cart-product-list.mobile-margin, .prescription_order section.MainCart article.cart-address .cart-product-list.mobile-margin, .prescription_order section.MainCart article.cart-payment .cart-product-list.mobile-margin {
          margin-bottom: 20px !important; } }
    .prescription_order section.MainCart article.cart-home input,
    .prescription_order section.MainCart article.cart-home textarea, .prescription_order section.MainCart article.cart-address input,
    .prescription_order section.MainCart article.cart-address textarea, .prescription_order section.MainCart article.cart-payment input,
    .prescription_order section.MainCart article.cart-payment textarea {
      border: 1px solid #eeeeee;
      box-sizing: border-box;
      margin: 0;
      outline: none;
      padding: 10px; }
    .prescription_order section.MainCart article.cart-home input[type="button"], .prescription_order section.MainCart article.cart-address input[type="button"], .prescription_order section.MainCart article.cart-payment input[type="button"] {
      -webkit-appearance: button;
      cursor: pointer; }
    .prescription_order section.MainCart article.cart-home input::-webkit-outer-spin-button,
    .prescription_order section.MainCart article.cart-home input::-webkit-inner-spin-button, .prescription_order section.MainCart article.cart-address input::-webkit-outer-spin-button,
    .prescription_order section.MainCart article.cart-address input::-webkit-inner-spin-button, .prescription_order section.MainCart article.cart-payment input::-webkit-outer-spin-button,
    .prescription_order section.MainCart article.cart-payment input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .prescription_order section.MainCart article.cart-home .input-group, .prescription_order section.MainCart article.cart-address .input-group, .prescription_order section.MainCart article.cart-payment .input-group {
      clear: both;
      margin: 15px 0;
      position: relative;
      text-align: center;
      margin-top: 0px; }
    .prescription_order section.MainCart article.cart-home .input-group input[type="button"], .prescription_order section.MainCart article.cart-address .input-group input[type="button"], .prescription_order section.MainCart article.cart-payment .input-group input[type="button"] {
      min-width: 25px;
      width: auto;
      transition: all 300ms ease;
      height: 25px;
      border-radius: 3px;
      background: #03a9f4;
      color: #fff; }
    .prescription_order section.MainCart article.cart-home .input-group .button-minus,
    .prescription_order section.MainCart article.cart-home .input-group .button-plus, .prescription_order section.MainCart article.cart-address .input-group .button-minus,
    .prescription_order section.MainCart article.cart-address .input-group .button-plus, .prescription_order section.MainCart article.cart-payment .input-group .button-minus,
    .prescription_order section.MainCart article.cart-payment .input-group .button-plus {
      font-weight: bold;
      height: 25px;
      padding: 0;
      width: 25px;
      position: relative; }
    .prescription_order section.MainCart article.cart-home .input-group .quantity-field, .prescription_order section.MainCart article.cart-address .input-group .quantity-field, .prescription_order section.MainCart article.cart-payment .input-group .quantity-field {
      position: relative;
      height: 38px;
      left: -6px;
      text-align: center;
      width: 35px;
      display: inline-block;
      font-size: 13px !important;
      margin: 0 0 5px;
      resize: vertical;
      border: none;
      border-bottom: 1px solid #bbb; }
    .prescription_order section.MainCart article.cart-home .button-plus, .prescription_order section.MainCart article.cart-address .button-plus, .prescription_order section.MainCart article.cart-payment .button-plus {
      left: -13px; }
    .prescription_order section.MainCart article.cart-home input[type="number"], .prescription_order section.MainCart article.cart-address input[type="number"], .prescription_order section.MainCart article.cart-payment input[type="number"] {
      -moz-appearance: textfield;
      -webkit-appearance: none; }
    .prescription_order section.MainCart article.cart-home p.prescription-required, .prescription_order section.MainCart article.cart-address p.prescription-required, .prescription_order section.MainCart article.cart-payment p.prescription-required {
      color: red;
      font-size: 10px;
      margin-bottom: 0; }
    .prescription_order section.MainCart article.cart-home .cart-product-list h3, .prescription_order section.MainCart article.cart-address .cart-product-list h3, .prescription_order section.MainCart article.cart-payment .cart-product-list h3 {
      margin-bottom: 0px;
      padding-left: 0; }
    .prescription_order section.MainCart article.cart-home p.stock-location-limitation, .prescription_order section.MainCart article.cart-address p.stock-location-limitation, .prescription_order section.MainCart article.cart-payment p.stock-location-limitation {
      color: red;
      font-size: 10px; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home p.stock-location-limitation, .prescription_order section.MainCart article.cart-address p.stock-location-limitation, .prescription_order section.MainCart article.cart-payment p.stock-location-limitation {
          margin-bottom: 0px; } }
    .prescription_order section.MainCart article.cart-home .price-discounted, .prescription_order section.MainCart article.cart-address .price-discounted, .prescription_order section.MainCart article.cart-payment .price-discounted {
      color: green;
      margin-bottom: 0;
      font-size: 13px; }
    .prescription_order section.MainCart article.cart-home .price-actual, .prescription_order section.MainCart article.cart-address .price-actual, .prescription_order section.MainCart article.cart-payment .price-actual {
      color: red;
      font-size: 12px;
      margin-bottom: 0; }
      .prescription_order section.MainCart article.cart-home .price-actual.line-through, .prescription_order section.MainCart article.cart-address .price-actual.line-through, .prescription_order section.MainCart article.cart-payment .price-actual.line-through {
        text-decoration: line-through; }
        @media (max-width: 767px) {
          .prescription_order section.MainCart article.cart-home .price-actual.line-through, .prescription_order section.MainCart article.cart-address .price-actual.line-through, .prescription_order section.MainCart article.cart-payment .price-actual.line-through {
            text-align: left;
            margin-bottom: 5px; } }
    .prescription_order section.MainCart article.cart-home .discount-applied, .prescription_order section.MainCart article.cart-address .discount-applied, .prescription_order section.MainCart article.cart-payment .discount-applied {
      font-size: 12px; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home .discount-applied, .prescription_order section.MainCart article.cart-address .discount-applied, .prescription_order section.MainCart article.cart-payment .discount-applied {
          text-align: right; } }
    .prescription_order section.MainCart article.cart-home .border-bottom, .prescription_order section.MainCart article.cart-address .border-bottom, .prescription_order section.MainCart article.cart-payment .border-bottom {
      border-bottom: 1px solid #EBEBEB; }
    .prescription_order section.MainCart article.cart-home a.remove-item, .prescription_order section.MainCart article.cart-address a.remove-item, .prescription_order section.MainCart article.cart-payment a.remove-item {
      color: #00000096;
      padding: 0px 15px 0px 0px;
      display: block;
      margin-bottom: 10px;
      font-size: 12px; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home a.remove-item, .prescription_order section.MainCart article.cart-address a.remove-item, .prescription_order section.MainCart article.cart-payment a.remove-item {
          padding: 0px 0px 0px 0px; } }
      .prescription_order section.MainCart article.cart-home a.remove-item:hover, .prescription_order section.MainCart article.cart-address a.remove-item:hover, .prescription_order section.MainCart article.cart-payment a.remove-item:hover {
        color: red;
        transform: transition 0.5s; }
    .prescription_order section.MainCart article.cart-home .height-defined, .prescription_order section.MainCart article.cart-address .height-defined, .prescription_order section.MainCart article.cart-payment .height-defined {
      min-height: 145px;
      height: auto;
      border-bottom: 1px solid #eee; }
    .prescription_order section.MainCart article.cart-home .margin-top-28, .prescription_order section.MainCart article.cart-address .margin-top-28, .prescription_order section.MainCart article.cart-payment .margin-top-28 {
      margin-top: 28px !important; }
    .prescription_order section.MainCart article.cart-home .margin-top-0, .prescription_order section.MainCart article.cart-address .margin-top-0, .prescription_order section.MainCart article.cart-payment .margin-top-0 {
      margin-top: 0px !important; }
    .prescription_order section.MainCart article.cart-home .width-100, .prescription_order section.MainCart article.cart-address .width-100, .prescription_order section.MainCart article.cart-payment .width-100 {
      width: 100px !important; }
    .prescription_order section.MainCart article.cart-home .pack-price, .prescription_order section.MainCart article.cart-address .pack-price, .prescription_order section.MainCart article.cart-payment .pack-price {
      font-size: 12px;
      text-align: left; }
    .prescription_order section.MainCart article.cart-home .padding-top-5, .prescription_order section.MainCart article.cart-address .padding-top-5, .prescription_order section.MainCart article.cart-payment .padding-top-5 {
      padding-top: 5px !important; }
    .prescription_order section.MainCart article.cart-home .column.width-130, .prescription_order section.MainCart article.cart-address .column.width-130, .prescription_order section.MainCart article.cart-payment .column.width-130 {
      width: 130px !important; }
    .prescription_order section.MainCart article.cart-home input.button-minus:disabled, .prescription_order section.MainCart article.cart-address input.button-minus:disabled, .prescription_order section.MainCart article.cart-payment input.button-minus:disabled {
      background: #ccc !important; }
    .prescription_order section.MainCart article.cart-home .color-blue, .prescription_order section.MainCart article.cart-address .color-blue, .prescription_order section.MainCart article.cart-payment .color-blue {
      color: #4caf50; }
    .prescription_order section.MainCart article.cart-home .theme-blue, .prescription_order section.MainCart article.cart-address .theme-blue, .prescription_order section.MainCart article.cart-payment .theme-blue {
      background: #00569b !important;
      color: #fff !important; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home .theme-blue, .prescription_order section.MainCart article.cart-address .theme-blue, .prescription_order section.MainCart article.cart-payment .theme-blue {
          padding: 8px; } }
    .prescription_order section.MainCart article.cart-home .theme-blue-decorated, .prescription_order section.MainCart article.cart-address .theme-blue-decorated, .prescription_order section.MainCart article.cart-payment .theme-blue-decorated {
      color: #00569b !important;
      text-decoration: underline;
      background: none !important; }
    .prescription_order section.MainCart article.cart-home input.promocode-field, .prescription_order section.MainCart article.cart-address input.promocode-field, .prescription_order section.MainCart article.cart-payment input.promocode-field {
      border-radius: 5px; }
      @media (min-width: 990px) and (max-width: 1199px) {
        .prescription_order section.MainCart article.cart-home input.promocode-field, .prescription_order section.MainCart article.cart-address input.promocode-field, .prescription_order section.MainCart article.cart-payment input.promocode-field {
          width: 60% !important; } }
    .prescription_order section.MainCart article.cart-home .btn-checkout, .prescription_order section.MainCart article.cart-address .btn-checkout, .prescription_order section.MainCart article.cart-payment .btn-checkout {
      text-align: center !important;
      width: 100%;
      vertical-align: middle;
      padding: 14px 0px !important;
      font-size: 16px !important;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .prescription_order section.MainCart article.cart-home .btn-checkout, .prescription_order section.MainCart article.cart-address .btn-checkout, .prescription_order section.MainCart article.cart-payment .btn-checkout {
          margin-bottom: 10px;
          box-shadow: 0px 0px 5px 0px #00000094;
          padding-left: 35px !important;
          padding-right: 35px !important;
          width: 93%;
          margin: 0 auto;
          margin-top: 13px; } }
      .prescription_order section.MainCart article.cart-home .btn-checkout.disabled, .prescription_order section.MainCart article.cart-address .btn-checkout.disabled, .prescription_order section.MainCart article.cart-payment .btn-checkout.disabled {
        opacity: 1 !important;
        background: #ccc !important; }
  .prescription_order section.MainCart article .extra.content.modified {
    border: none !important;
    padding-top: 0px; }
  .prescription_order section.MainCart article .content.modified {
    border: none !important; }
  .prescription_order section.MainCart article .pt-0 {
    padding-top: 0 !important; }
  .prescription_order section.MainCart article .ui.card.height-equalized {
    min-height: 200px;
    height: auto; }
  .prescription_order section.MainCart article .content.centered {
    display: block !important;
    text-align: center !important;
    align-content: center !important;
    cursor: pointer; }
  .prescription_order section.MainCart article i.plus.icon.display--block {
    margin: 0 auto;
    margin-bottom: 10px; }
  .prescription_order section.MainCart article .background-override {
    background: #fff !important; }
  .prescription_order section.MainCart article .content.centered-inline {
    margin: 0 auto;
    text-align: center; }
  .prescription_order section.MainCart article .two.fields.ui.dividing.header p {
    font-size: 14px;
    margin-bottom: 0px !important;
    padding: 10px 0px;
    background: #ddd; }
  .prescription_order section.MainCart h2 span {
    display: block;
    font-size: 14px;
    text-indent: 34px;
    margin-top: 6px; }
  .prescription_order section.MainCart .two.fields.ui.dividing.header {
    margin-bottom: 0px;
    background: #ddd; }
  .prescription_order section.MainCart img.img-fluid.modified {
    display: block;
    width: auto;
    max-width: 60px; }
  .prescription_order section.MainCart a.display--inline-block.right.aligned {
    float: right !important; }
  .prescription_order section.MainCart .cart-product-list h2 {
    font-size: 20px;
    color: #666;
    font-weight: 400;
    margin-bottom: 15px; }
    .prescription_order section.MainCart .cart-product-list h2.disabled {
      color: #ccc !important; }
  .prescription_order section.MainCart .checkout_title {
    margin: 10px 5px !important; }
    @media (max-width: 767px) {
      .prescription_order section.MainCart .checkout_title {
        margin-left: 2px; } }
  .prescription_order section.MainCart .checkout_content {
    font-size: 14px;
    line-height: 19px;
    margin-left: 5px;
    padding: 5px auto 5px 0px; }
    @media (max-width: 767px) {
      .prescription_order section.MainCart .checkout_content {
        margin-left: 10px; } }
    .prescription_order section.MainCart .checkout_content .content {
      font-weight: normal; }
      .prescription_order section.MainCart .checkout_content .content .last_content {
        margin-bottom: 0px; }
      .prescription_order section.MainCart .checkout_content .content .pencil {
        position: relative;
        right: 0px;
        top: 10px; }
        @media (max-width: 768px) {
          .prescription_order section.MainCart .checkout_content .content .pencil {
            right: -16px; } }
    .prescription_order section.MainCart .checkout_content .address-container {
      padding-left: 0px !important;
      margin-top: -5px !important; }
      .prescription_order section.MainCart .checkout_content .address-container .for-border hr {
        border: none;
        border-top: 1px solid #EBEBEB; }
      .prescription_order section.MainCart .checkout_content .address-container .for-border:last-child hr {
        border: none; }
    .prescription_order section.MainCart .checkout_content .checkout_content:last-child {
      background-color: #00589b !important; }
  .prescription_order section.MainCart .show_hide {
    margin: 10px 0px; }
  .prescription_order section.MainCart .checkout_container {
    margin: 10px 5px 5px 1px !important; }
  .prescription_order .position--absolute-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 0px !important;
    z-index: 9; }
  .prescription_order .wipx-550 {
    width: 550px !important;
    overflow: hidden; }
  .prescription_order .wipx-400 {
    width: 400px !important;
    overflow: hidden; }
    @media (max-width: 767px) {
      .prescription_order .wipx-400 {
        width: 100% !important; } }
  .prescription_order .wipx-48 {
    width: 48px !important; }
  .prescription_order .controller.wipx-auto:before {
    width: 70px !important; }
  .prescription_order .truncate-155 {
    max-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .prescription_order .truncate-auto {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .prescription_order h3.product-name {
      font-size: 14px; } }
  .prescription_order button.ui.button.modified {
    width: 240px;
    height: 50px; }
  .prescription_order .or.modified:before {
    content: "";
    top: 68% !important; }
  .prescription_order .cart-home.background-none {
    background: none !important; }
  .prescription_order a.edit-address {
    float: right;
    display: inline-block;
    position: relative;
    margin-top: -25px !important; }
  .prescription_order a.edit-address:last-child {
    margin-top: -15px !important; }
  @media (min-width: 768px) {
    .prescription_order .hide-on--desktop {
      display: none !important; } }
  @media (max-width: 767px) {
    .prescription_order .hide-on--mobile {
      display: none !important; } }
  .prescription_order .mobile-position-absolute {
    position: fixed;
    bottom: 0;
    z-index: 99999999;
    display: block;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 100%;
    left: 0px;
    right: 0;
    background: #fff;
    height: 70px;
    box-shadow: 10px 10px 10px 10px #0000004d;
    overflow: hidden; }
  .prescription_order .modified-discount-heading {
    display: inline;
    font-size: 14px;
    font-weight: normal; }
  .prescription_order .new-cart-btn {
    width: 178px !important;
    height: 40px !important;
    margin: 4px !important;
    padding: 10px !important;
    border-radius: 3px !important; }
  .prescription_order .new-cart-btn a {
    color: white !important; }
  .prescription_order section.ThankYouPage {
    background: #eee;
    padding: 20px 0px; }
    .prescription_order section.ThankYouPage .margin-auto {
      margin: 0 auto;
      padding: 10px 0px; }
    .prescription_order section.ThankYouPage ul.order-sum {
      list-style-type: none;
      text-decoration: none;
      outline: 0;
      padding: 0; }
    .prescription_order section.ThankYouPage p.grid-control {
      width: 600px;
      margin: 0 auto;
      margin-bottom: 0px; }
      @media (max-width: 767px) {
        .prescription_order section.ThankYouPage p.grid-control {
          width: 100%; } }
    .prescription_order section.ThankYouPage .feedback-rating-card h3 {
      margin-bottom: 7px; }
    .prescription_order section.ThankYouPage .feedback-rating-card .rating-container {
      margin-bottom: 10px; }
    .prescription_order section.ThankYouPage .feedback-rating-card button {
      padding: 7px 30px;
      border-radius: 6px;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 5px;
      margin-bottom: 8px;
      border-radius: 5px;
      background-color: #2a579b;
      color: #fff;
      font-family: "Open Sans"; }
      .prescription_order section.ThankYouPage .feedback-rating-card button:focus, .prescription_order section.ThankYouPage .feedback-rating-card button:hover {
        background: #063274 !important;
        color: #fff !important; }
    .prescription_order section.ThankYouPage .card {
      width: 325px; }
  .prescription_order section.PopularProducts .owl-dots {
    display: none !important; }
  .prescription_order .theme-blue {
    background: #2a579b !important;
    color: #fff !important; }
  .prescription_order label.ui.green.label.primary {
    display: inline-block;
    float: right;
    font-size: 10px;
    top: 0px;
    position: relative; }
  @media (max-width: 767px) {
    .prescription_order .mobile-right-align {
      text-align: right !important; } }
  .prescription_order body.Payment .AddToCart.mobile {
    display: none !important; }
  .prescription_order .AddAddress_Checked .accordion {
    box-shadow: none !important; }
  .prescription_order input.promocode-field {
    width: 160px; }
  .prescription_order .new-checkout-button {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center; }
    .prescription_order .new-checkout-button a {
      width: 100% !important;
      position: absolute;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .prescription_order .click-able-on-box {
    width: 100%; }
  .prescription_order .cart-address h1 {
    margin-top: 3px;
    font-weight: 900; }
  .prescription_order .upload_paragraph {
    padding-top: 1px;
    font-weight: 700; }
  .prescription_order .for-border hr {
    border: none;
    border-top: 1px solid #EBEBEB; }
  .prescription_order .for-border:last-child hr {
    border: none; }
  .prescription_order .MainCart .quantity-not-eligible {
    padding: 7px;
    text-align: center; }
    @media (max-width: 768px) {
      .prescription_order .MainCart .quantity-not-eligible {
        text-align: left;
        padding: 4px; } }
  .prescription_order .AddNewAddress .error .form-label, .prescription_order .EditAddress .error .form-label {
    color: #9f3a38 !important; }
  .prescription_order .AddNewAddress .error .form-input, .prescription_order .AddNewAddress .error select, .prescription_order .EditAddress .error .form-input, .prescription_order .EditAddress .error select {
    background: #fff6f6 !important;
    color: #9f3a38 !important;
    border: 1px #9f3a38 solid !important; }
    .prescription_order .AddNewAddress .error .form-input:hover, .prescription_order .AddNewAddress .error select:hover, .prescription_order .EditAddress .error .form-input:hover, .prescription_order .EditAddress .error select:hover {
      background: #fff6f6 !important;
      color: #9f3a38 !important;
      border: 1px #9f3a38 solid !important; }
  .prescription_order header#HeaderPrescription {
    height: 56px !important;
    position: relative !important; }
  .prescription_order .receive-payment {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ccc; }
    .prescription_order .receive-payment input {
      background: #eee !important; }
  .prescription_order .right-aligned {
    text-align: right; }
  .prescription_order .footer-bottom {
    background: #00569b none repeat scroll 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 10px 2% 0px;
    width: 100%; }
  .prescription_order footer h5 {
    color: #fff !important; }
  .prescription_order .mobile-position-absolute {
    position: fixed;
    bottom: 0;
    z-index: 99999999;
    display: block;
    margin: 0 auto;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    left: 0px;
    right: 0;
    background: #fff;
    height: 70px;
    -webkit-box-shadow: 10px 10px 10px 10px #0000004d;
    box-shadow: 10px 10px 10px 10px #0000004d;
    overflow: hidden; }
  @media (max-width: 767px) {
    .prescription_order .ui.animated.blue.button.theme-blue.btn-checkout {
      width: 90%;
      margin: 0 auto;
      margin-top: 12px;
      bottom: 0 !important;
      position: fixed;
      left: 0;
      right: 0;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .prescription_order div#MobileBottomCard {
      text-align: left; } }
  .prescription_order .asteriskReq {
    color: red;
    float: right; }
  .prescription_order .d-flex-view {
    display: flex;
    padding-left: 15px;
    padding-right: 15px; }
  .prescription_order .ui.animated.blue.button.theme-blue.btn-checkout.p-view {
    padding: 14px !important;
    width: 69% !important; }
  .prescription_order .color-blue.primary-view {
    font-size: revert;
    width: 30%; }
  .prescription_order .footer-inner {
    background: transparent; }
  @media (min-width: 767px) {
    .prescription_order .header_lite .menu-row img.dawaai_logo {
      width: 65% !important;
      padding-top: 15px; } }
  @media (min-width: 989px) {
    .prescription_order .receive-order .MainCart .cart-content {
      padding-right: 150px !important;
      padding-left: 150px !important; } }
  .prescription_order .receive-order .confirm-btn.disabled .sign-out {
    display: none !important; }
  .prescription_order .receive-order .confirm_order.disabled:hover .proceed {
    display: inline !important; }
  .prescription_order .receive-order .confirm_order.disabled:hover .sign-out {
    display: none !important; }
  @media (max-width: 768px) {
    .prescription_order .receive-order .qty-container h3 {
      font-size: 15px !important; }
      .prescription_order .receive-order .qty-container h3 span {
        font-size: 15px !important; } }
  .prescription_order .MainCart.receive-order .asteriskReq {
    margin: 7px 0px 0px 0px !important; }
  .prescription_order .MainCart.receive-order h3.product-name {
    margin-top: 6px; }
  .prescription_order .MainCart.receive-order h4 {
    line-height: 20px !important; }
  .prescription_order .MainCart.receive-order .width-80 {
    width: 80px; }
  @media (max-width: 768px) {
    .prescription_order .MainCart.receive-order {
      padding-top: 0px; }
      .prescription_order .MainCart.receive-order h3.product-name {
        margin-top: 0px; }
      .prescription_order .MainCart.receive-order .pack-price {
        text-align: left !important; } }
  .prescription_order .MainCart.receive-order .card-back-container {
    flex-direction: column; }
  .prescription_order .MainCart.receive-order .form-input:focus {
    border-color: #2a579b;
    box-shadow: none; }
  .prescription_order .MainCart.receive-order .cvc-card-back {
    font-size: 10px; }
  .prescription_order .MainCart.receive-order .mobile-position-absolute {
    padding: 11px !important; }
    .prescription_order .MainCart.receive-order .mobile-position-absolute .form-label {
      padding: 1px 0 !important; }
  .prescription_order .text-end {
    text-align: end !important; }
  @media (min-width: 989px) {
    .prescription_order .cart-product {
      margin-left: 16px; } }
  .prescription_order .footer-prescription p {
    color: #3b4351 !important; }
  .prescription_order .footer-prescription ul.secure-reliable-affordable li h3 {
    color: #3b4351 !important; }
  .prescription_order .details-bottom-sheet {
    padding-bottom: 55px !important; }

.stepwizard-step p {
  margin-top: 0px;
  color: #00569b;
  font-size: 20px;
  font-weight: 300; }

.stepwizard-row {
  display: table-row; }

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 40px; }

.stepwizard-step button[disabled] {
  /*opacity: 1 !important;
  filter: alpha(opacity=100) !important;*/ }

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
  opacity: 1 !important;
  color: #bbb; }

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 0; }

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative; }
  @media (max-width: 767px) {
    .stepwizard-step {
      display: inline-block;
      width: 25%; } }
  @media (max-width: 767px) {
    .stepwizard-step small {
      font-size: 62%; } }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px; }

a.btn.btn-circle {
  border-radius: 100px;
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  background: #fff;
  color: #00569b;
  font-weight: 300;
  font-size: 16px; }
  a.btn.btn-circle.btn-success {
    background: #00569b;
    color: #fff; }

button.ui.basic.button.chs-btn {
  background: #f68c1f !important;
  color: #fff !important;
  display: inline-block;
  float: right; }

button.ui.basic.button.chs-btn > i {
  font-size: 14px !important; }

section.chs .setup-content {
  background: none; }
section.chs .bottom-area {
  margin-top: 20px;
  margin-bottom: 20px; }
  section.chs .bottom-area.btn-align-right {
    text-align: right; }
section.chs .chs-lab-tests ul li {
  list-style-type: none !important; }
  section.chs .chs-lab-tests ul li a {
    color: #000; }
    section.chs .chs-lab-tests ul li a:hover {
      color: #00569b; }
section.chs .content-area > p > span > a {
  color: #00569b; }
section.chs .nextBtn,
section.chs .proceedBtn {
  background: #00569b !important; }
section.chs .content-centered {
  margin: 0 auto !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important; }
  section.chs .content-centered.step-4 {
    margin: 0 auto !important;
    width: 54% !important; }
    @media (max-width: 767px) {
      section.chs .content-centered.step-4 {
        width: 100% !important; } }
    section.chs .content-centered.step-4 p {
      display: block;
      text-align: center; }
    section.chs .content-centered.step-4 button {
      text-align: center !important;
      margin: 0 auto; }
    section.chs .content-centered.step-4 h4 {
      text-align: center;
      width: 100%;
      margin-bottom: 20px; }
    @media (max-width: 767px) {
      section.chs .content-centered.step-4 .card {
        width: 100%;
        text-align: center; } }
section.chs .font-bold {
  font-weight: 600 !important;
  margin-top: 5px;
  color: #000 !important; }
section.chs label.spacing {
  margin-bottom: 5px;
  display: inline-block;
  margin-top: 25px; }
section.chs .mt-10 {
  margin-top: 10px !important;
  display: inline-block; }
section.chs .finalStep h2 {
  text-align: center;
  font-size: 32px; }
section.chs .finalStep h3 {
  text-align: center;
  margin-top: 0px; }
section.chs .backgroundTransparent {
  background: #fff !important;
  margin-top: 5px; }
section.chs .pd-35 {
  padding: 0px 0px 35px 0px; }
@media (max-width: 767px) {
  section.chs .full-view-mobile {
    width: 100%; } }

.setup-content.modified a {
  cursor: default; }

.chs-lab-tests.mandatory ul {
  display: block;
  min-height: 200px;
  height: auto; }

.chs-lab-tests.mandatory ul li {
  margin-bottom: 5px;
  list-style-type: disc !important; }

.respective-test-features {
  margin-top: -200px; }

@media (min-width: 767px) {
  .modified-before {
    width: 100% !important;
    padding-left: 15px !important;
    z-index: 8 !important; } }

.discount-popup {
  padding: 0 !important;
  z-index: 1 !important; }

.question .content {
  background-color: #fff !important;
  text-align: center; }
.question .Image {
  text-align: center;
  padding-top: 20px; }
  @media (max-width: 768px) {
    .question .Image img {
      width: 40px !important;
      height: 40px !important; } }
  @media (max-width: 768px) {
    .question .Image {
      padding-top: 50px; } }
.question .questionbtn {
  width: 70% !important;
  font-size: 14px !important; }

.chs-alpha {
  padding-right: 0px !important;
  padding-left: 0px !important; }
  .chs-alpha .proceed-card-btn:hover, .chs-alpha .proceed-card-btn:focus {
    background-color: #535353;
    border: none; }
  .chs-alpha button.btn.btn-primary.disabled.proceed-card-btn {
    border: none;
    border-radius: 2px;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
    position: static !important;
    background-color: #494949 !important;
    width: fit-content !important; }
  .chs-alpha .form-group input {
    webkit-appearance: auto !important; }
  .chs-alpha .proceed-card-btn {
    background-color: #494949; }
  .chs-alpha .proceed-card-btn.btn.disabled {
    opacity: 0.25; }
  @media (max-width: 989px) {
    .chs-alpha .top-padding {
      padding-top: 106px !important; } }
  .chs-alpha .d-none {
    display: none !important; }
  .chs-alpha .m-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .chs-alpha h1 {
    font-size: 28px !important;
    font-weight: 700; }
  .chs-alpha p {
    font-size: 14px !important;
    margin-bottom: 14px !important; }
  .chs-alpha a {
    font-size: 14px !important; }
  .chs-alpha li {
    list-style-type: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important; }
    @media (min-width: 989px) {
      .chs-alpha li {
        margin-bottom: 5px !important;
        margin-top: 8px !important; } }
  .chs-alpha h3 {
    font-size: 18px !important;
    font-weight: bold; }
  .chs-alpha .panel {
    border: none !important; }
  .chs-alpha .form-label {
    font-weight: bold; }
  .chs-alpha .btn-primary {
    border: none;
    border-radius: 5px;
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px;
    position: static !important; }
    @media (max-width: 989px) {
      .chs-alpha .btn-primary {
        font-size: 12px; } }
  .chs-alpha .card-header {
    font-size: 18px !important; }
  .chs-alpha .form-input:focus,
  .chs-alpha .form-select:focus {
    box-shadow: none !important;
    border-color: #2a579b; }
  @media (min-width: 989px) {
    .chs-alpha .form-label {
      font-size: 14px; }
    .chs-alpha .form-select {
      font-size: 14px; } }
  @media (min-width: 989px) {
    .chs-alpha .w-75 {
      width: 75%;
      margin: auto; } }
  @media (min-width: 989px) {
    .chs-alpha .full-view-mobile {
      width: 300px; } }
  .chs-alpha .setup-content {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
  .chs-alpha .info {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px; }
  .chs-alpha .backBtn {
    background-color: #727272 !important; }
  @media (min-width: 989px) {
    .chs-alpha .redirecting-container {
      width: 450px;
      margin: auto; } }
  .chs-alpha .course-panel.credit_card {
    position: relative; }
    .chs-alpha .course-panel.credit_card .form-group {
      display: flex !important;
      align-items: center !important; }
      .chs-alpha .course-panel.credit_card .form-group input {
        width: auto !important; }
      .chs-alpha .course-panel.credit_card .form-group ul {
        padding-left: 30px; }
        @media (max-width: 989px) {
          .chs-alpha .course-panel.credit_card .form-group ul {
            padding-left: 2px; } }
      .chs-alpha .course-panel.credit_card .form-group label {
        display: flex;
        align-items: center;
        padding-right: 30px !important;
        padding-left: 30px !important; }
        @media (max-width: 989px) {
          .chs-alpha .course-panel.credit_card .form-group label {
            padding-right: 7px !important;
            padding-left: 7px !important; } }
        .chs-alpha .course-panel.credit_card .form-group label .card-detail {
          font-size: 9px; }
        .chs-alpha .course-panel.credit_card .form-group label .number {
          padding-right: 30px;
          padding-left: 30px; }
          @media (max-width: 989px) {
            .chs-alpha .course-panel.credit_card .form-group label .number {
              padding-right: 5px;
              padding-left: 5px; } }
          @media (max-width: 360px) {
            .chs-alpha .course-panel.credit_card .form-group label .number {
              font-size: 10px; } }
        @media (min-width: 989px) {
          .chs-alpha .course-panel.credit_card .form-group label img {
            padding: auto 30px; } }
        @media (max-width: 360px) {
          .chs-alpha .course-panel.credit_card .form-group label img {
            width: 19px; } }
    .chs-alpha .course-panel.credit_card .edit-options {
      padding-right: 10px !important; }
    @media (max-width: 989px) {
      .chs-alpha .course-panel.credit_card .edit-options {
        padding-right: 0px !important; } }
  @media (max-width: 989px) {
    .chs-alpha .chs-lab-tests,
    .chs-alpha .content-area {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media (max-width: 989px) {
    .chs-alpha .second-step {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (max-width: 989px) {
    .chs-alpha .card-details-list {
      margin-left: 0px; }
    .chs-alpha .card.px-20 {
      padding-right: 12px !important;
      padding-left: 12px !important;
      position: relative; }
      .chs-alpha .card.px-20 h6.px-20 {
        padding-left: 13px !important;
        padding-right: 0px !important; }
      .chs-alpha .card.px-20 .add-new-card-btn {
        position: absolute !important;
        right: 8px;
        top: 16px; } }

.credit-card-container .form-group span {
  font-size: 14px !important; }
  @media (max-width: 989px) {
    .credit-card-container .form-group span {
      font-size: 12px !important; } }
.credit-card-container .edit-card-details-chs {
  display: inline-block; }
.credit-card-container li:last-child .edit-card-details-chs {
  display: inline-block; }
.credit-card-container input:checked ~ label {
  color: #3b4351;
  font-weight: bold; }
.credit-card-container span i {
  color: #2a579b; }
.credit-card-container .trash-card i:hover {
  color: red !important; }

.add-card-modal-chs .form-label,
.edit-card-modal-chs .form-label {
  font-weight: bold; }
.add-card-modal-chs .modal-body .card-back-container,
.edit-card-modal-chs .modal-body .card-back-container {
  margin-top: 35px; }
  @media (max-width: 989px) {
    .add-card-modal-chs .modal-body .card-back-container,
    .edit-card-modal-chs .modal-body .card-back-container {
      flex-direction: column; } }
  .add-card-modal-chs .modal-body .card-back-container small,
  .edit-card-modal-chs .modal-body .card-back-container small {
    font-size: 10px; }
@media (min-width: 989px) {
  .add-card-modal-chs .modal-body .cvv-container,
  .edit-card-modal-chs .modal-body .cvv-container {
    margin-left: 5px; } }
@media (max-width: 989px) {
  .add-card-modal-chs .modal-body .for-month,
  .edit-card-modal-chs .modal-body .for-month {
    padding-right: 1px; }
  .add-card-modal-chs .modal-body .for-year,
  .edit-card-modal-chs .modal-body .for-year {
    padding-left: 1px; }
  .add-card-modal-chs .modal-body .card-info,
  .edit-card-modal-chs .modal-body .card-info {
    display: flex; }
    .add-card-modal-chs .modal-body .card-info i,
    .edit-card-modal-chs .modal-body .card-info i {
      padding-right: 5px; } }

.chs-alpha.container {
  padding-right: 0px !important;
  padding-left: 0px !important; }
  @media (max-width: 989px) {
    .chs-alpha.container .debit-listing {
      width: 96%;
      margin: auto; } }
  .chs-alpha.container .proceed-btn-active {
    position: relative !important; }
  .chs-alpha.container .proceed-btn-active.loading {
    color: transparent; }
  .chs-alpha.container .proceed-btn-active.loading::after {
    animation: loading .5s infinite linear;
    border: .1rem solid #FFFFFF;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: .8rem;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.4rem;
    position: absolute;
    top: 50%;
    width: .8rem;
    z-index: 1; }

.edit_card_message_div p {
  background-color: #FFE8E6;
  color: #DB2828;
  padding: 6px;
  border: 1px solid #DB2828;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  margin: 4px auto;
  width: 100%; }

.edit-card-modal.chs .modal-container {
  margin-bottom: 0px !important; }

@media (max-width: 768px) {
  .chs-alpha.container .modal-body {
    padding: 0.4rem !important; } }
@media (max-width: 768px) {
  .chs-alpha.container .modal-footer {
    padding: 0.4rem !important; } }

.card-info {
  font-size: 11px; }

section.labtest--grouped .how-it-works {
  text-align: center;
  margin-top: 46px; }
  section.labtest--grouped .how-it-works ul {
    display: flex;
    padding: 0;
    justify-content: space-around; }
    section.labtest--grouped .how-it-works ul li {
      display: inline-flex;
      flex-direction: column;
      width: 20%; }
      section.labtest--grouped .how-it-works ul li i.fa {
        background: #F9F9F9;
        padding: 35px;
        border-radius: 100%;
        color: #65a8ec;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        display: flex;
        margin: 0 auto;
        font-size: 30px;
        margin-bottom: 15px; }
      section.labtest--grouped .how-it-works ul li:before {
        content: "";
        width: 140px;
        background-color: #000;
        height: 1px;
        display: inline-block;
        position: relative;
        right: -175px;
        bottom: -40px; }
      section.labtest--grouped .how-it-works ul li:last-child:before {
        content: "";
        display: none; }
section.labtest--grouped .accredited-labs {
  background: #EDF7F6;
  display: inline-flex;
  width: 100%;
  height: 122px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px; }
  section.labtest--grouped .accredited-labs p {
    margin-bottom: 0px;
    font-size: 24px; }
section.select-lab a.btn-select-lab {
  width: 100%;
  background: #65A8EC;
  color: #fff;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 5px; }
section .btn-select-lab {
  width: 100%;
  background: #65A8EC;
  color: #fff !important;
  display: flex;
  height: 35px !important;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 5px; }
section.why-book-dawaai {
  background: #F9F9F9;
  padding-top: 50px;
  padding-bottom: 50px; }
  section.why-book-dawaai h2 {
    font-size: 22px;
    text-align: center; }
  section.why-book-dawaai h4 {
    font-size: 16px; }
  section.why-book-dawaai .fa {
    font-size: 36px;
    color: #65A8EC; }
  section.why-book-dawaai .slides > div {
    background: none; }
    @media (max-width: 768px) {
      section.why-book-dawaai .slides > div {
        animation: carousel-dawaai 20s infinite; } }
section.download-app-mobile {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 10%; }
  @media (max-width: 768px) {
    section.download-app-mobile {
      padding-left: 1%; } }
  section.download-app-mobile h2 {
    text-transform: uppercase; }
  section.download-app-mobile .fa {
    color: #65A8EC;
    margin-right: 15px; }
section p.text-lab {
  color: #2B579B !important; }

.select-lab--row {
  justify-content: space-around; }
  .select-lab--row .card-image {
    width: 40%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .select-lab--row .card-image img {
      width: 100%; }
  .select-lab--row .card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .select-lab--row .card-footer {
    display: flex;
    justify-content: end;
    padding-top: 2px; }
    .select-lab--row .card-footer input[type=radio] {
      width: 40px;
      height: 20px; }

a.new_lab.btn-default.btn-primary.btn-select-lab {
  width: 100%;
  background: #65A8EC;
  color: #fff !important;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 5px; }

.brands.slides .tooltip::after {
  font-size: 10px;
  max-width: 400px !important; }

.new-submit-btn {
  color: #fff !important;
  background: #65a9ec !important;
  border: none !important; }
  .new-submit-btn > i {
    color: #fff !important;
    margin: 0 auto !important;
    padding: 0px 7px !important; }

@keyframes carousel-dawaai {
  25% {
    transform: translateX(-106%); }
  50% {
    transform: translateX(-207%); }
  75% {
    transform: translateX(-315%); }
  100% {
    transform: translateX(0%); } }
@media (min-width: 768px) {
  .top-lab-slides.slides.not-product,
  .chs-labs-slides.slides.not-product {
    height: fit-content !important; } }

.lab-package-single-slides.not-product {
  height: fit-content; }

/* The Overlay (background) */
.overlay-panel {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed;
  /* Stay in place */
  z-index: 9999999999;
  /* Sit on top */
  right: 0;
  top: 0;
  background-color: #fff;
  /* Black fallback color */
  background-color: #fff;
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  box-shadow: 0px 10px 10px #000; }
  @media (max-width: 767px) {
    .overlay-panel {
      height: 0;
      width: 100%;
      bottom: 0%;
      top: unset;
      box-shadow: 0px 5px 10px #000;
      box-sizing: border-box; } }
  .overlay-panel .panel-footer {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0; }
  .overlay-panel .btn-select-lab {
    width: 100%;
    background: #65a8ec;
    color: #fff;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 5px;
    height: 35px;
    margin-bottom: 8px;
    border: none; }
  .overlay-panel .error-msg {
    color: red;
    font-size: 11px;
    text-align: left; }
  .overlay-panel .btn-empty-cart {
    border-radius: 5px !important;
    font-size: 12px !important;
    width: 130px !important; }

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 10%;
  /* 25% from the top */
  width: 100%;
  /* 100% width */
  text-align: center;
  /* Centered text/links */
  margin-top: 30px;
  /* 30px top margin to avoid conflict with the close button on smaller screens */ }
  @media (max-width: 767px) {
    .overlay-content {
      overflow: hidden scroll;
      max-height: 52vh; } }

/* The navigation links inside the overlay */
.overlay-panel a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  /* Display block instead of inline */
  transition: 0.3s;
  /* Transition effects on hover (color) */ }

/* When you mouse over the navigation links, change their color */
.overlay-panel a:hover, .overlay a:focus {
  color: #f1f1f1; }

/* Position the close button (top right corner) */
.overlay-panel .closebtn {
  position: absolute;
  top: -10px;
  right: 5px;
  font-size: 40px; }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay-panel a {
    font-size: 20px; }

  .overlay-panel .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px; } }
@media (max-width: 767px) {
  .overlay-panel .panel-footer {
    width: 95%; } }

#datalist {
  position: relative;
  width: 100%;
  color: #000; }

#datalist.active #datalist-ul {
  display: block; }

#datalist-input {
  padding-left: 1em;
  width: 100%;
  height: 43px;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #ccc;
  outline: 0; }

#datalist-input:focus {
  border: 1px solid #000;
  outline: 0; }

#datalist.active i {
  transform: rotate(0.5turn); }

#datalist-ul {
  display: none;
  position: absolute;
  margin: 5px 0 0 0;
  padding: 0;
  width: 100%;
  height: 240px;
  top: 100%;
  left: 0;
  list-style: none;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  z-index: 100; }
  @media (max-width: 768px) {
    #datalist-ul {
      height: 260px; } }

#datalist-ul li {
  display: block;
  text-align: left;
  padding: 0.8em 1em 0.8em 1em;
  color: #999;
  cursor: pointer;
  text-transform: capitalize;
  border-bottom: 1px solid #F2F2F2; }
  #datalist-ul li:last-child {
    border-bottom: none; }

#datalist-ul li:hover {
  background: #00569b;
  color: #fff; }

.hide-datalist-ul {
  right: 10px;
  top: 13px; }
  .hide-datalist-ul i.fa {
    color: #bdbcbc !important; }
    @media (max-width: 767px) {
      .hide-datalist-ul i.fa {
        font-size: 16px !important; } }

.home-services-container {
  padding-bottom: 40px; }
  .home-services-container .home-services-heading {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin: 15px auto;
    font-weight: 700; }
    @media (max-width: 767px) {
      .home-services-container .home-services-heading {
        text-align: left;
        font-size: 22px;
        padding-left: 14px;
        margin: 1px auto; } }
  .home-services-container .home-services-banner-container {
    width: 100%;
    margin: auto; }
    @media (max-width: 798px) {
      .home-services-container .home-services-banner-container {
        padding-top: 11px;
        padding-bottom: 10px; } }
  @media (max-width: 767px) {
    .home-services-container {
      padding-top: 30px; } }
  @media (max-width: 767px) {
    .home-services-container .physio_content {
      padding-left: 4px; } }
  .home-services-container .service-img-container {
    display: flex !important;
    justify-content: center;
    margin-top: 25px;
    height: 84px;
    flex-grow: 3;
    padding-right: 38px;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container {
        height: 80px;
        padding-right: 10px; } }
  .home-services-container .service-img-container img {
    width: 82px !important; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container img {
        width: 50px !important;
        height: 50px !important; } }
  .home-services-container .services-name {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1px; }
  .home-services-container h3 {
    margin-bottom: 5px;
    margin-top: 5px; }
  .home-services-container .labtest-pricing {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .home-services-container .labtest-pricing {
        margin-bottom: 20px; } }
  .home-services-container .add-to-cart1 {
    background-color: #32AA9E;
    border-radius: 5px;
    color: #fff;
    border: none; }
    .home-services-container .add-to-cart1:hover, .home-services-container .add-to-cart1:focus {
      background-color: #25afa1;
      color: #fff; }
  .home-services-container .content1 {
    flex-grow: 3;
    padding-right: 8px;
    padding-top: 16px !important; }
    @media (max-width: 767px) {
      .home-services-container .content1 {
        padding-right: 0px; } }
    .home-services-container .content1 h3 {
      font-weight: 700; }
      @media (max-width: 989px) {
        .home-services-container .content1 h3 {
          display: flex;
          flex-wrap: wrap;
          max-width: 170px; } }
  .home-services-container .paragraph {
    padding-bottom: 10px !important; }
    @media (max-width: 768px) {
      .home-services-container .paragraph {
        padding-bottom: 10px !important; } }
  .home-services-container .left-margin {
    margin-left: 5px; }

.thankyou_alpha .success-message {
  text-align: center;
  background-color: #fcfff5;
  color: #2c662d;
  padding: 9px 18px;
  border: 1px solid #2c662d;
  border-radius: 5px;
  font-size: 13px;
  width: max-content;
  margin: auto;
  display: flex;
  flex-wrap: wrap; }
.thankyou_alpha .success-message-mobile {
  text-align: center;
  font-size: 14px;
  background-color: #fcfff5;
  color: #2c662d;
  padding: 9px 18px;
  border: 1px solid #2c662d;
  border-radius: 5px; }
.thankyou_alpha .w-400 {
  width: 400px; }
.thankyou_alpha h1 {
  font-size: 28px;
  color: #020202;
  line-height: 26px; }
  @media (max-width: 768px) {
    .thankyou_alpha h1 {
      font-size: 23px; } }
.thankyou_alpha h2 {
  font-size: 21px;
  color: #020202;
  line-height: 26px;
  padding-right: 10px;
  padding-left: 10px; }
  @media (max-width: 768px) {
    .thankyou_alpha h2 {
      font-size: 17px; } }
.thankyou_alpha h3 {
  font-size: 18px;
  font-weight: bold;
  color: #020202; }
.thankyou_alpha li {
  margin-top: 0px;
  font-size: 14px; }
.thankyou_alpha .ui.card.mx-auto {
  text-align: center; }
.thankyou_alpha .card {
  padding: 15px 20px; }
  @media (min-width: 989px) {
    .thankyou_alpha .card {
      width: 400px !important; } }
  .thankyou_alpha .card p {
    font-size: 14px; }
  .thankyou_alpha .card .total,
  .thankyou_alpha .card .highlight {
    color: #000;
    font-size: 16px;
    white-space: nowrap; }
  .thankyou_alpha .card .text-lg {
    font-size: 18px; }
  .thankyou_alpha .card .black {
    color: #000; }
  .thankyou_alpha .card .gray {
    color: #8d939c; }
  .thankyou_alpha .card .bg-blue {
    background-color: #e6f5ff; }
  .thankyou_alpha .card .br-sm {
    border-radius: 4px; }
  .thankyou_alpha .card .br-l {
    border-radius: 4px 0px 0px 4px; }
  .thankyou_alpha .card .br-r {
    border-radius: 0px 4px 4px 0px; }
  .thankyou_alpha .card .blue {
    color: #00569b; }
  .thankyou_alpha .card .no-wrap {
    white-space: nowrap; }
  .thankyou_alpha .card .border-b {
    border-bottom: 0.2px solid #e0e0e0; }
    .thankyou_alpha .card .border-b:last-child {
      border-bottom: 0px; }
.thankyou_alpha ul {
  margin: 0px !important; }
.thankyou_alpha .grid-control {
  margin: 25px auto !important; }
.thankyou_alpha #submit-rating {
  border: none !important; }
.thankyou_alpha #submit-rating:disabled {
  background-color: #a2a9b3;
  border: none; }
.thankyou_alpha #submit-rating:disabled:hover {
  background-color: #a2a9b3 !important;
  border: none; }
.thankyou_alpha .ui.button {
  margin: 0px; }
.thankyou_alpha .star-widget label {
  font-size: 32px;
  padding: 9px; }
.thankyou_alpha .shipping::before {
  right: 0% !important;
  left: unset; }
  @media (max-width: 768px) {
    .thankyou_alpha .shipping::before {
      right: 4%; } }
.thankyou_alpha .order-history-d {
  color: #00569b;
  text-decoration: underline; }
.thankyou_alpha .order-history a {
  color: #00569b; }

section.product-listing .ui.mini.negative.message.error {
  margin-bottom: 20px; }
section.product-listing img#cat-image {
  display: none; }
@media (min-width: 861px) and (max-width: 990px) {
  section.product-listing .card {
    width: 600px !important;
    margin-left: 100px !important; } }
@media (min-width: 768px) and (max-width: 860px) {
  section.product-listing .card {
    width: 600px !important;
    margin-left: 50px !important; } }
section.product-listing .product-img {
  text-align: center;
  height: 240px; }
  @media (min-width: 991px) and (max-width: 1180px) {
    section.product-listing .product-img {
      height: 180px !important; } }
  section.product-listing .product-img img {
    padding: 50px;
    width: 100% !important; }
    @media (min-width: 768px) and (max-width: 990px) {
      section.product-listing .product-img img {
        width: 50% !important; } }
section.product-listing h3 {
  color: #023d53;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px; }
  @media (min-width: 991px) and (max-width: 1180px) {
    section.product-listing h3 {
      width: 150px !important; } }
section.product-listing h4 {
  color: #0a900a;
  font-size: 15px;
  width: 100%; }
  section.product-listing h4 span {
    color: #c91f1f;
    display: inline-block;
    font-size: 13px;
    text-decoration: line-through;
    font-weight: 600; }
section.product-listing .btn-cart {
  border-radius: 4px !important;
  background: #2a579b;
  color: white;
  display: inline-block !important;
  margin-top: 10px !important;
  width: 49%;
  font-size: 12px; }
  @media (min-width: 1181px) and (max-width: 1320px) {
    section.product-listing .btn-cart {
      font-size: 8px !important; } }
  @media (min-width: 991px) and (max-width: 1180px) {
    section.product-listing .btn-cart {
      font-size: 8px !important;
      width: 45% !important; } }
  section.product-listing .btn-cart:hover {
    background: #4685e4;
    color: #fff; }
section.product-listing a.view-test-main {
  text-align: center;
  display: block;
  margin-top: 10px;
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.6) !important; }
  section.product-listing a.view-test-main:hover {
    background: #fff;
    color: #555; }
section.product-listing ul.filterby {
  list-style-type: none;
  padding: 0;
  text-decoration: none; }
  section.product-listing ul.filterby li {
    display: block; }
    section.product-listing ul.filterby li a {
      color: #555; }
      section.product-listing ul.filterby li a input {
        margin-right: 5px; }
section.product-listing .browseby ul {
  list-style-type: none;
  padding: 0;
  text-decoration: none; }
  section.product-listing .browseby ul li {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px; }
    section.product-listing .browseby ul li a {
      color: #555; }
      section.product-listing .browseby ul li a input {
        margin-right: 5px;
        border: none !important; }
        section.product-listing .browseby ul li a input [type=checkbox],
        section.product-listing .browseby ul li a input [type=radio] {
          border: none !important; }
section.product-listing .browseby h4 {
  color: #000 !important;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 25px; }
  section.product-listing .browseby h4 a {
    color: #555; }
section.product-listing h5.thisclick {
  display: inline; }
section.product-listing .browseby-wrapper .ui.inverted.segment {
  background: #f6f5f5 !important; }
  section.product-listing .browseby-wrapper .ui.inverted.segment .title h5 {
    color: #555; }
  section.product-listing .browseby-wrapper .ui.inverted.segment .title i {
    color: #555; }
section.product-listing .content.scroll {
  max-height: 250px;
  overflow-y: scroll;
  margin-bottom: 16px; }
section.product-listing.for-search-results {
  background: #eaeaea; }
  @media (min-width: 989px) {
    section.product-listing.for-search-results {
      min-height: 37.8vh; } }
  section.product-listing.for-search-results .margin-bottom {
    margin-bottom: 20px; }
  section.product-listing.for-search-results h4.search-results {
    font-size: 40px;
    color: #3c3c3c; }
  section.product-listing.for-search-results p.search-results {
    font-size: 20px; }
    section.product-listing.for-search-results p.search-results strong i {
      color: #0a900a; }
  section.product-listing.for-search-results .card {
    box-shadow: 0px 0px 8px 0px #0000004a; }
  @media (max-width: 767px) {
    section.product-listing.for-search-results .product-img {
      height: auto !important; } }
  @media (max-width: 767px) {
    section.product-listing.for-search-results .product-img img {
      padding: 20px; } }
  section.product-listing.for-search-results a.cart-clickable {
    width: 100%;
    height: 100%;
    display: block; }
  section.product-listing.for-search-results h3.center-content {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 50px;
    width: 100% !important; }
@media (max-width: 767px) {
  section.product-listing h3 {
    width: 140px; } }
@media (max-width: 767px) {
  section.product-listing .ui.padded.grid.products-inner {
    width: 100%; } }
@media (max-width: 767px) {
  section.product-listing .toolbar {
    display: contents; } }

.ui.aligned.load-img {
  display: flex;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 200px; }

.product-detail {
  display: none; }

.breadcrum ul {
  list-style-type: none;
  padding: 0px 15px;
  margin: 10px 0px 0px 0px; }

.breadcrum ul li a {
  font-size: 12px;
  color: #000;
  padding: 0px 10px; }

.inner-heading {
  display: inline-block; }
  .inner-heading h2 {
    padding-left: 15px; }

.toolbar {
  right: 0%;
  float: right; }
  .toolbar.brands-page {
    position: relative; }
  @media (max-width: 767px) {
    .toolbar {
      position: relative;
      right: 0;
      top: 0;
      margin-bottom: 20px;
      float: revert; } }

@media (max-width: 767px) {
  .tool-bar-main {
    text-align: center; } }

.margin-less-for-card {
  margin: 0.875em -0.5em !important; }

.scrollup {
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  opacity: 0.3;
  position: fixed;
  bottom: 50px;
  right: 40px;
  display: none;
  background: url(/assets/img/icon_top.png) no-repeat; }

@media (max-width: 767px) {
  #browseby-wrapper {
    height: 50px;
    transition: height 300ms;
    overflow: hidden; } }

@media (max-width: 767px) {
  #browseby-wrapper.is-active {
    height: 100%; } }

.inner-banner {
  display: block;
  margin-top: 24px;
  width: 100%; }

.ui.grid.products-inner {
  margin-top: 15px; }

.margin-vertical {
  margin: 30px 0px 0px 0px !important; }
  .margin-vertical h1.brand_name {
    margin-top: 20px !important;
    margin-bottom: 0px !important; }
    @media (max-width: 767px) {
      .margin-vertical h1.brand_name {
        text-align: center; } }
  .margin-vertical .toolbar.brands-page {
    margin-top: 20px !important;
    margin-bottom: 0px !important; }
    @media (max-width: 767px) {
      .margin-vertical .toolbar.brands-page {
        text-align: center;
        margin-top: -10px !important; } }

.home-services-container {
  padding-bottom: 40px; }
  .home-services-container .home-services-heading {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin: 15px auto;
    font-weight: 700; }
    @media (max-width: 767px) {
      .home-services-container .home-services-heading {
        text-align: left;
        font-size: 22px;
        padding-left: 14px;
        margin: 1px auto; } }
  .home-services-container .home-services-banner-container {
    width: 100%;
    margin: auto; }
    @media (max-width: 798px) {
      .home-services-container .home-services-banner-container {
        padding-top: 11px;
        padding-bottom: 10px; } }
  @media (max-width: 767px) {
    .home-services-container {
      padding-top: 30px; } }
  @media (max-width: 767px) {
    .home-services-container .physio_content {
      padding-left: 4px; } }
  .home-services-container .service-img-container {
    display: flex !important;
    justify-content: center;
    margin-top: 25px;
    height: 84px;
    flex-grow: 3;
    padding-right: 38px;
    padding-left: 10px; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container {
        height: 80px;
        padding-right: 10px; } }
  .home-services-container .service-img-container img {
    width: 82px !important; }
    @media (max-width: 767px) {
      .home-services-container .service-img-container img {
        width: 50px !important;
        height: 50px !important; } }
  .home-services-container .services-name {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1px; }
  .home-services-container h3 {
    margin-bottom: 5px;
    margin-top: 5px; }
  .home-services-container .labtest-pricing {
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .home-services-container .labtest-pricing {
        margin-bottom: 20px; } }
  .home-services-container .add-to-cart1 {
    background-color: #32AA9E;
    border-radius: 5px;
    color: #fff;
    border: none; }
    .home-services-container .add-to-cart1:hover, .home-services-container .add-to-cart1:focus {
      background-color: #25afa1;
      color: #fff; }
  .home-services-container .content1 {
    flex-grow: 3;
    padding-right: 8px;
    padding-top: 16px !important; }
    @media (max-width: 767px) {
      .home-services-container .content1 {
        padding-right: 0px; } }
    .home-services-container .content1 h3 {
      font-weight: 700; }
      @media (max-width: 989px) {
        .home-services-container .content1 h3 {
          display: flex;
          flex-wrap: wrap;
          max-width: 170px; } }
  .home-services-container .paragraph {
    padding-bottom: 10px !important; }
    @media (max-width: 768px) {
      .home-services-container .paragraph {
        padding-bottom: 10px !important; } }
  .home-services-container .left-margin {
    margin-left: 5px; }

@media (min-width: 989px) {
  .search_alpha .w-85 {
    width: 85% !important; } }
.search_alpha .sortby {
  padding-top: 10px;
  padding-right: 10px;
  white-space: nowrap; }
.search_alpha .card {
  box-shadow: 0px 0px 8px 0px #33333331 !important;
  width: 23% !important;
  margin: 10px; }
  @media (max-width: 768px) {
    .search_alpha .card {
      width: 46% !important;
      margin: 5px; } }
.search_alpha h4 span {
  font-size: 14px !important;
  font-weight: normal; }
.search_alpha .actual-price {
  font-weight: normal; }
.search_alpha .form-select {
  border-radius: 5px; }
.search_alpha .card-image {
  height: fit-content; }
  .search_alpha .card-image a {
    margin: auto;
    z-index: 0; }
  .search_alpha .card-image picture {
    margin: auto; }
  .search_alpha .card-image .img-responsive {
    margin-top: 10px; }
.search_alpha .image.controller.card-header {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  z-index: 1; }
.search_alpha .pack-price {
  text-transform: capitalize; }
@media (max-width: 768px) {
  .search_alpha .card-body h4 {
    margin-top: 0px !important; }
  .search_alpha .image.controller.card-header {
    padding-top: 16px !important;
    padding-left: 5px !important; }
  .search_alpha .columns {
    justify-content: center; } }

.search_alpha.container .card a {
  position: relative; }
.search_alpha.container .card .card-image img {
  display: flex;
  justify-content: center;
  align-items: center; }
@media (max-width: 767px) {
  .search_alpha.container .card .card-body {
    padding-right: 0.5rem;
    padding-left: 0.5rem; } }
@media (min-width: 767px) {
  .search_alpha.container {
    margin-top: 95px; } }
.search_alpha.container .form-select:not([multiple]):not([size]) {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem !important; }

@media (min-width: 767px) {
  .d-flex-start {
    justify-content: flex-start; } }

.brands-main-headings {
  margin-top: 20px;
  display: flex; }
  .brands-main-headings p {
    padding: 3px 10px 3px;
    background-color: rgba(251, 95, 80, 0.3);
    color: #FB5F50;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 12px;
    text-transform: uppercase; }
    @media (max-width: 768px) {
      .brands-main-headings p {
        padding: 2px 7px 0px 8px;
        margin-left: 8px;
        font-size: 10px;
        border-radius: 4px; } }
  .brands-main-headings h1 {
    text-transform: uppercase;
    font-size: 35px; }
    @media (max-width: 768px) {
      .brands-main-headings h1 {
        font-size: 18px;
        padding-top: 2px; } }

.brands-banner img {
  width: 100%; }

.brands-tabs-search {
  display: flex;
  justify-content: space-between;
  margin-top: 15px; }
  @media (max-width: 768px) {
    .brands-tabs-search {
      flex-direction: column-reverse;
      margin-top: 0; } }
  .brands-tabs-search .tabs {
    margin-top: 8px; }
    .brands-tabs-search .tabs button {
      background-color: white;
      border: none;
      outline: none;
      margin-right: 10px;
      cursor: pointer; }
    @media (max-width: 767px) {
      .brands-tabs-search .tabs {
        overflow-x: auto !important; } }
    .brands-tabs-search .tabs .active {
      border-bottom: 3px solid darkblue; }

.brands-popular-products {
  background-color: rgba(0, 255, 255, 0.2);
  width: 100%;
  margin-top: 20px; }
  .brands-popular-products .popular-heading {
    padding: 50px 20px 10px 20px; }

.label-discount-brands {
  background: #FB5F50;
  color: #fff;
  padding: 5px 30px 5px 10px;
  position: absolute;
  /* font-size: 12px; */
  clip-path: polygon(0% 0%, 100% 0%, 75% 50%, 100% 100%, 0% 100%);
  left: 0;
  top: 15px; }

.final-banner {
  width: 100%; }
  .final-banner img {
    width: 100%; }

@media (min-width: 768px) {
  .apply-margin {
    margin-left: 20px; } }

.side-cart {
  margin-top: 41px; }

.category-filter {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .category-filter {
      padding: 20px 20px 0px 20px; } }
  .category-filter h5 {
    font-size: 17px;
    font-weight: bold; }
    @media (max-width: 768px) {
      .category-filter h5 {
        font-size: 12px;
        margin-top: 5px; } }
  .category-filter a {
    font-size: 12px; }

.category-main-cart .banner {
  width: 100%; }
  .category-main-cart .banner img {
    width: 100%; }
.category-main-cart .filter-forms {
  display: flex;
  justify-content: space-between;
  padding: 21px 0px; }
  @media (max-width: 768px) {
    .category-main-cart .filter-forms {
      padding: 0; } }

.category-filters {
  padding: 0 0px; }
  @media (max-width: 768px) {
    .category-filters {
      font-size: 12px;
      padding: 0;
      margin-left: 10px;
      margin-top: 15px; } }
  .category-filters button {
    background-color: white;
    position: relative; }
    @media (max-width: 768px) {
      .category-filters button {
        font-weight: bold; } }
    .category-filters button #icon {
      position: absolute;
      right: 0; }
  .category-filters button.course-accordion {
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    line-height: 1.5em;
    text-transform: none;
    letter-spacing: 0px;
    background-color: white; }
  .category-filters div.course-panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 96%;
    line-height: 1.6em; }

.filter-forms-mobile .form-group {
  display: inline-block; }
  .filter-forms-mobile .form-group select {
    font-size: 13px;
    padding: 0px 6px;
    height: 25px; }

.slider-active {
  left: 0 !important;
  transition: width 2s ease-in; }

.search-bar-with-icon {
  position: relative; }
  .search-bar-with-icon i {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    color: darkgrey; }

.brand-product .filters-mobile {
  display: flex;
  justify-content: space-between;
  margin-top: 15px; }
  .brand-product .filters-mobile .label-with-icon {
    font-size: 12px;
    color: #2B579B;
    padding-top: 7px; }
  .brand-product .filters-mobile .filters {
    font-size: 12px; }
  .brand-product .filters-mobile .filters label {
    padding-right: 10px; }
  .brand-product .filters-mobile .filters .form-group {
    display: inline-block; }
    .brand-product .filters-mobile .filters .form-group .form-select {
      font-size: 12px; }

.brands-main-container .form-select:not([multiple]):not([size]) {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem !important; }
.brands-main-container .card .card-image {
  height: 180px; }
  @media (max-width: 768px) {
    .brands-main-container .card .card-image {
      height: 140px; } }

section.delivery-page {
  margin-top: 25px;
  margin-bottom: 25px; }
  section.delivery-page h1 {
    color: #166AA6;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; }
  section.delivery-page .bold-text {
    font-size: 16px;
    font-weight: bold; }
  @media (max-width: 768px) {
    section.delivery-page ul {
      margin-top: 2px; } }
  section.delivery-page .important-text {
    font-weight: bold;
    font-size: 16px;
    color: red;
    padding-right: 10px; }
  @media (min-width: 989px) {
    section.delivery-page .container {
      width: 80%; } }

@media (min-width: 768px) {
  section.delivery-page.alpha {
    margin-top: 150px !important; } }

.eid-special h1 {
  font-size: 34px; }
  @media (max-width: 768px) {
    .eid-special h1 {
      font-size: 24px; } }
.eid-special .card .card-body h2 {
  height: 42px !important; }
.eid-special .card-body p {
  height: 20px; }
@media (min-width: 768px) {
  .eid-special {
    margin-top: 130px;
    padding-left: 5%;
    padding-right: 5%; } }
.eid-special .eid-badge-add {
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }
  @media (max-width: 768px) {
    .eid-special .eid-badge-add {
      top: -24px; } }

.eid-badge-add {
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 768px) {
    .eid-badge-add {
      top: -24px; } }

.slider-with-autoplay {
  width: 100%;
  max-height: 300px;
  position: relative;
  left: 3.5px;
  height: 33vh; }
  .slider-with-autoplay .imgs {
    width: 100%;
    height: 100%;
    max-height: 300px;
    position: relative;
    left: 3px;
    display: flex;
    overflow: hidden; }
  .slider-with-autoplay .img {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    left: 100%;
    animation: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s left;
    animation-fill-mode: forwards;
    background-size: cover !important;
    background-position: 50% !important; }
  @media (min-width: 768px) {
    .slider-with-autoplay {
      min-height: 260px; } }

.dots {
  position: absolute;
  bottom: -18px;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%; }

.dot {
  width: 8px;
  height: 8px;
  background: gray;
  border-radius: 50%;
  margin: 0 3px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .dot {
      width: 6px;
      height: 6px; } }

.active.dot {
  background: #3f3f3f;
  cursor: default; }

@keyframes leftNext {
  from {
    left: 100%; }
  to {
    left: 0; } }
@keyframes leftCurr {
  from {
    left: 0; }
  to {
    left: -100%; } }
@keyframes rightNext {
  from {
    left: -100%; }
  to {
    left: 0; } }
@keyframes rightCurr {
  from {
    left: 0; }
  to {
    left: 100%; } }
.slider-with-autoplay.mobile {
  max-height: 160px;
  height: 23.6vh; }

.psl h1 {
  font-size: 32px; }
  @media (max-width: 768px) {
    .psl h1 {
      font-size: 15px;
      line-height: 20px; } }
.psl h2 {
  font-size: 24px;
  font-weight: bold; }
  @media (max-width: 768px) {
    .psl h2 {
      font-size: 15px;
      line-height: 20px; } }
.psl .w-80 {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px; }
  @media (min-width: 768px) {
    .psl .w-80 {
      width: 90%;
      margin: auto; } }
  @media (min-width: 1200px) {
    .psl .w-80 {
      width: 80%;
      margin: auto; } }
.psl .text-gray {
  color: #8a8a8a; }
.psl .schedule {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media (max-width: 350px) {
    .psl .schedule {
      top: 0px;
      width: 100%; } }
  @media (max-width: 768px) {
    .psl .schedule {
      width: 100%; } }
  .psl .schedule .slides > div {
    background-color: #fff;
    border-radius: 7px;
    padding: 10px 12px;
    width: 300px; }
    .psl .schedule .slides > div > div {
      width: 100%; }
    .psl .schedule .slides > div p {
      font-size: 14px;
      margin-bottom: 2px; }
      .psl .schedule .slides > div p.live {
        color: #b82222;
        font-weight: bold; }
        .psl .schedule .slides > div p.live span {
          font-size: 7px;
          margin-bottom: 4px;
          position: relative;
          bottom: 1px; }
      @media (max-width: 350px) {
        .psl .schedule .slides > div p.status-info {
          font-size: 12px; } }
  .psl .schedule > a {
    color: #fff;
    font-weight: 800;
    padding-bottom: 6px;
    border-bottom: 2px solid #fff; }
    .psl .schedule > a:hover, .psl .schedule > a:focus {
      color: #fff;
      text-decoration: none; }
.psl .psl-news .slides > div {
  background-color: #fff;
  width: 326px;
  overflow: hidden;
  border-radius: 7px;
  font-size: 14px; }
.psl .psl-squad .slides > div {
  width: 200px;
  background-color: #fff; }
  .psl .psl-squad .slides > div > div {
    width: 100% !important; }
    .psl .psl-squad .slides > div > div .img-container {
      background: radial-gradient(61.57% 51.95% at 50% 103.94%, #878ca3 0%, #ebf0fc 100%);
      overflow: hidden;
      border-radius: 7px;
      display: flex;
      justify-content: center; }
.psl .about {
  background-color: #f9f9fc; }
  .psl .about h3 {
    font-size: 16px;
    color: #000;
    line-height: 22px; }
.psl .download-app {
  color: #000; }
  .psl .download-app h3 {
    font-size: 24px; }
.psl .main-banner {
  height: 36vh; }
  @media (min-height: 720px) {
    .psl .main-banner {
      height: 30vh; } }
.psl .discount-banner {
  height: 36vh; }
  @media (min-height: 720px) {
    .psl .discount-banner {
      height: 30vh; } }
.psl .download-app .add-number {
  width: 60%; }
  .psl .download-app .add-number .input-text {
    top: -10px;
    z-index: 1;
    font-size: 13px;
    background-color: #fff;
    left: 18px;
    color: #00569b;
    font-weight: 600;
    padding: auto 3px; }
  .psl .download-app .add-number input {
    height: 2.8em; }
  .psl .download-app .add-number .send {
    top: 9px;
    right: 10px;
    color: #00569b; }
.psl .download-app .number-select {
  height: 2.8em; }
.psl .slides.discounts div {
  width: 33%;
  background: #fff; }
.psl .twitter iframe {
  height: 100% !important; }

.vaccination,
.thankyou-vaccine,
.dawaai-clinics,
.dawaai-plus {
  counter-reset: userNumber 1; }
  .vaccination h2,
  .thankyou-vaccine h2,
  .dawaai-clinics h2,
  .dawaai-plus h2 {
    font-size: 22px;
    color: #141212;
    font-weight: bold; }
    @media (max-width: 768px) {
      .vaccination h2,
      .thankyou-vaccine h2,
      .dawaai-clinics h2,
      .dawaai-plus h2 {
        font-size: 16px;
        line-height: 20px; } }
  .vaccination h1,
  .thankyou-vaccine h1,
  .dawaai-clinics h1,
  .dawaai-plus h1 {
    font-size: 18px;
    color: #141212;
    font-weight: bold; }
    @media (max-width: 768px) {
      .vaccination h1,
      .thankyou-vaccine h1,
      .dawaai-clinics h1,
      .dawaai-plus h1 {
        line-height: 20px; } }
  .vaccination .black,
  .thankyou-vaccine .black,
  .dawaai-clinics .black,
  .dawaai-plus .black {
    color: #141212; }
  .vaccination .w-50,
  .thankyou-vaccine .w-50,
  .dawaai-clinics .w-50,
  .dawaai-plus .w-50 {
    width: 100%; }
    @media (min-width: 768px) {
      .vaccination .w-50,
      .thankyou-vaccine .w-50,
      .dawaai-clinics .w-50,
      .dawaai-plus .w-50 {
        width: 90%;
        margin: auto; } }
    @media (min-width: 1200px) {
      .vaccination .w-50,
      .thankyou-vaccine .w-50,
      .dawaai-clinics .w-50,
      .dawaai-plus .w-50 {
        width: 50%;
        margin: auto; } }
  .vaccination .text-gray,
  .thankyou-vaccine .text-gray,
  .dawaai-clinics .text-gray,
  .dawaai-plus .text-gray {
    color: #8a8a8a !important; }
  .vaccination .blue-text,
  .thankyou-vaccine .blue-text,
  .dawaai-clinics .blue-text,
  .dawaai-plus .blue-text {
    color: #003b82; }
  .vaccination .bg-blue,
  .thankyou-vaccine .bg-blue,
  .dawaai-clinics .bg-blue,
  .dawaai-plus .bg-blue {
    background-color: #003b82; }
  .vaccination .br-blue,
  .thankyou-vaccine .br-blue,
  .dawaai-clinics .br-blue,
  .dawaai-plus .br-blue {
    border: 1px solid #003b82;
    border-radius: 5px; }
  .vaccination .info p,
  .thankyou-vaccine .info p,
  .dawaai-clinics .info p,
  .dawaai-plus .info p {
    font-size: 14px; }
  .vaccination .tab-item.active a,
  .thankyou-vaccine .tab-item.active a,
  .dawaai-clinics .tab-item.active a,
  .dawaai-plus .tab-item.active a {
    color: #003b82 !important;
    font-weight: bold; }
    .vaccination .tab-item.active a:focus, .vaccination .tab-item.active a:hover,
    .thankyou-vaccine .tab-item.active a:focus,
    .thankyou-vaccine .tab-item.active a:hover,
    .dawaai-clinics .tab-item.active a:focus,
    .dawaai-clinics .tab-item.active a:hover,
    .dawaai-plus .tab-item.active a:focus,
    .dawaai-plus .tab-item.active a:hover {
      color: #003b82 !important; }
  .vaccination .tab-item a,
  .thankyou-vaccine .tab-item a,
  .dawaai-clinics .tab-item a,
  .dawaai-plus .tab-item a {
    color: #8a8a8a; }
    .vaccination .tab-item a:focus, .vaccination .tab-item a:hover,
    .thankyou-vaccine .tab-item a:focus,
    .thankyou-vaccine .tab-item a:hover,
    .dawaai-clinics .tab-item a:focus,
    .dawaai-clinics .tab-item a:hover,
    .dawaai-plus .tab-item a:focus,
    .dawaai-plus .tab-item a:hover {
      color: #8a8a8a; }
  .vaccination .form-input,
  .vaccination .form-select,
  .thankyou-vaccine .form-input,
  .thankyou-vaccine .form-select,
  .dawaai-clinics .form-input,
  .dawaai-clinics .form-select,
  .dawaai-plus .form-input,
  .dawaai-plus .form-select {
    height: 2.1rem;
    border-radius: 0.4rem; }
  .vaccination .form-label,
  .thankyou-vaccine .form-label,
  .dawaai-clinics .form-label,
  .dawaai-plus .form-label {
    font-size: 14px; }
  .vaccination .btn-primary.vacination,
  .thankyou-vaccine .btn-primary.vacination,
  .dawaai-clinics .btn-primary.vacination,
  .dawaai-plus .btn-primary.vacination {
    background-color: #003b82;
    border-radius: 10px;
    height: 2.4rem;
    width: 100%;
    font-weight: bold;
    margin: 10px auto; }
  .vaccination .underline,
  .thankyou-vaccine .underline,
  .dawaai-clinics .underline,
  .dawaai-plus .underline {
    text-decoration: underline; }
  .vaccination .details-list > li,
  .thankyou-vaccine .details-list > li,
  .dawaai-clinics .details-list > li,
  .dawaai-plus .details-list > li {
    font-size: 14px; }
  .vaccination .bg-rounded-gray,
  .thankyou-vaccine .bg-rounded-gray,
  .dawaai-clinics .bg-rounded-gray,
  .dawaai-plus .bg-rounded-gray {
    background-color: #f9f9fc;
    border-radius: 10px; }
  .vaccination .add-user:focus,
  .thankyou-vaccine .add-user:focus,
  .dawaai-clinics .add-user:focus,
  .dawaai-plus .add-user:focus {
    box-shadow: none; }
  .vaccination .user-count::before,
  .thankyou-vaccine .user-count::before,
  .dawaai-clinics .user-count::before,
  .dawaai-plus .user-count::before {
    counter-increment: userNumber;
    content: "User " counter(userNumber); }
  .vaccination .loading,
  .thankyou-vaccine .loading,
  .dawaai-clinics .loading,
  .dawaai-plus .loading {
    color: transparent !important; }
  .vaccination p.error-msg,
  .thankyou-vaccine p.error-msg,
  .dawaai-clinics p.error-msg,
  .dawaai-plus p.error-msg {
    color: #ff0000c7;
    height: 22px;
    font-size: 14px; }

.dawaai-form-input-fields .form-input:not(:placeholder-shown):invalid {
  border-color: #cad0de;
  background-color: #fff; }
  .dawaai-form-input-fields .form-input:not(:placeholder-shown):invalid:focus {
    border-color: #003b82; }
.dawaai-form-input-fields .form-input:focus,
.dawaai-form-input-fields .form-input:not(:focus):valid {
  border-color: #cad0de; }
.dawaai-form-input-fields .form-input:focus ~ .floating-label,
.dawaai-form-input-fields .form-input:not(:focus):valid ~ .floating-label {
  color: #878ca3;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 1px;
  z-index: 1;
  left: 12px;
  background-color: #fff;
  line-height: 0px; }
  .dawaai-form-input-fields .form-input:focus ~ .floating-label span,
  .dawaai-form-input-fields .form-input:not(:focus):valid ~ .floating-label span {
    background-color: #fff;
    padding-right: 3px;
    padding-left: 3px; }
.dawaai-form-input-fields .floating-label {
  position: absolute;
  pointer-events: none;
  left: 11px;
  top: 12px;
  transition: 0.2s ease all;
  font-size: 14px;
  background-color: #fff; }
.dawaai-form-input-fields .form-radio.active {
  border-color: #003b82 !important; }
.dawaai-form-input-fields .form-radio input:checked + .form-icon {
  border-color: #003b82 !important;
  background: #003b82 !important; }

.input-tab {
  display: none; }

.input-tab + label {
  display: inline-block; }

.input-tab ~ .brand-tab {
  display: none; }

.input-tab + label {
  color: #000 !important;
  padding: 1px 14px;
  font-family: "Roboto", sans-serif !important;
  font-size: 22px; }
  @media (max-width: 768px) {
    .input-tab + label {
      font-size: 18px; } }

.brands-main-headings.customize h1 {
  font-size: 30px; }
  @media (max-width: 768px) {
    .brands-main-headings.customize h1 {
      font-size: 20px; } }

#brand-tab1:checked ~ .brand-tab.brand-content1,
#brand-tab2:checked ~ .brand-tab.brand-content2 {
  display: block; }

.input-tab:checked + label {
  color: #000 !important;
  border-bottom: 2px solid #000;
  font-weight: 600; }

@media (max-width: 768px) {
  .col-w-100 {
    width: 100%; } }

.products-container .btn-container .btn, .products-container .btn-container .btn:active {
  border-radius: 5px;
  width: 260px;
  text-align: center;
  background-color: #fff;
  color: #2a579b; }
  @media (max-width: 768px) {
    .products-container .btn-container .btn, .products-container .btn-container .btn:active {
      width: 90%; } }
.products-container .card {
  width: 22.5% !important;
  margin-right: 13px !important;
  margin-bottom: 13px !important;
  margin-right: 1.7% !important; }
  @media (max-width: 1440px) {
    .products-container .card {
      margin-right: 1.1% !important; } }
  @media (max-width: 768px) {
    .products-container .card {
      width: 46% !important;
      margin: 4px;
      margin-right: 0px; } }

@media (max-width: 768px) {
  .dawaai-offers {
    width: 100% !important; } }
.dawaai-offers .slides > div {
  width: 49.3%; }
.dawaai-offers .carousel-nav {
  bottom: -70px; }
.dawaai-offers .dawaai-offer-card {
  border: 1px solid #dadada;
  border-radius: 0px 0px 12px 12px;
  min-height: 100%;
  height: fit-content;
  background-color: #fff; }
  @media (max-width: 768px) {
    .dawaai-offers .dawaai-offer-card {
      height: 100%;
      min-height: 100%; } }
  .dawaai-offers .dawaai-offer-card img {
    max-height: 50vh; }
    @media (max-width: 768px) {
      .dawaai-offers .dawaai-offer-card img {
        max-height: 150px; } }
  .dawaai-offers .dawaai-offer-card .details {
    overflow-y: auto; }
    @media (max-width: 768px) {
      .dawaai-offers .dawaai-offer-card .details p {
        font-size: 14px;
        max-height: 80px;
        overflow-y: auto !important; } }
  @media (max-width: 768px) {
    .dawaai-offers .dawaai-offer-card .img-container {
      height: fit-content; } }
.dawaai-offers .slider-with-autoplay.d-offers {
  height: 192px; }

:root {
  --blue: #003b82 !important;
  --green: #369c4b !important;
  --saffron: #f29d43 !important;
  --teal: #32aa9e;
  --skyBlue: #c9e7ff !important;
  --dusty-blue: #3e5481 !important;
  --light-blue: #ddebf8 !important;
  --yellow: #f29d43 !important; }

.full-width {
  width: 100% !important; }

.w-100 {
  width: 100% !important; }

.w-30 {
  width: 30% !important; }

.p-fixed-100 {
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important; }

.line-height-12 {
  line-height: 12px; }

.line-height-13 {
  line-height: 13px; }

.line-height-14 {
  line-height: 14px; }

.line-height-15 {
  line-height: 15px; }

.line-height-16 {
  line-height: 16px; }

.line-height-17 {
  line-height: 17px; }

.line-height-18 {
  line-height: 18px; }

.line-height-19 {
  line-height: 19px; }

.line-height-20 {
  line-height: 20px; }

.line-height-21 {
  line-height: 21px; }

.line-height-22 {
  line-height: 22px; }

.line-height-23 {
  line-height: 23px; }

.line-height-24 {
  line-height: 24px; }

.line-height-25 {
  line-height: 25px; }

.line-height-26 {
  line-height: 26px; }

.line-height-27 {
  line-height: 27px; }

.line-height-28 {
  line-height: 28px; }

.line-height-29 {
  line-height: 29px; }

.line-height-30 {
  line-height: 30px; }

.h-100 {
  height: 100% !important; }
.h-12 {
  height: 12px !important;
  white-space: nowrap !important;
  line-height: 18px !important; }
.h-25 {
  height: 25px !important; }

.d-block {
  display: block !important; }

.white-space-nowrap {
  white-space: nowrap !important; }
  @media (min-width: 768px) {
    .white-space-nowrap-d {
      white-space: nowrap !important; } }

.overflow-hidden {
  overflow-x: hidden !important;
  overflow-y: hidden !important; }

.position-fixed {
  position: fixed !important;
  inset: 0 !important; }

.border-none {
  border: none !important; }
.border-bottom {
  border-bottom: 0.5px solid #cad0de !important; }
  .border-bottom:last-child {
    border-bottom: none !important; }
.border-dotted {
  border-bottom: 0.5px dotted #cad0de !important; }
  .border-dotted:last-child {
    border-bottom: none !important; }

.border-right {
  border: 0px !important;
  border-right: 0.5px !important; }

.border-top-dotted {
  border-top: 0.5px dotted #cad0de !important; }

.border-top-none {
  border-top: 0px; }

.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border {
  border-style: solid !important; }
  .border-gray {
    border-color: #ccc; }
  .border-blue {
    border-color: var(--blue); }
  .border-light-blue {
    border-color: var(--light-blue) !important; }

.eclipse {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  -webkit-line-clamp: 1 !important; }
  .eclipse-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important; }
  .eclipse-3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    -webkit-line-clamp: 3 !important; }

.text-green {
  color: var(--green) !important; }
.text-black {
  color: #000 !important; }
.text-blue {
  color: var(--blue) !important; }
.text-light {
  color: #878ca3 !important; }
.text-white {
  color: #fff !important; }
.text-teal {
  color: var(--teal) !important; }
.text-saffron {
  color: var(--saffron); }
.text-dusty-blue {
  color: var(--dusty-blue); }
.text-yellow {
  color: var(--yellow); }
.text-semibold {
  font-weight: 600 !important; }
.text-medium {
  font-weight: 500 !important; }
.text-8 {
  font-size: 8px !important; }
.text-9 {
  font-size: 9px !important; }
.text-10 {
  font-size: 10px !important; }
.text-11 {
  font-size: 11px !important; }
.text-12 {
  font-size: 12px !important; }
.text-13 {
  font-size: 13px !important; }
.text-14 {
  font-size: 14px !important; }
.text-15 {
  font-size: 15px !important; }
.text-16 {
  font-size: 16px !important; }
.text-17 {
  font-size: 17px !important; }
.text-18 {
  font-size: 18px !important; }
.text-19 {
  font-size: 19px !important; }
.text-20 {
  font-size: 20px !important; }
.text-21 {
  font-size: 21px !important; }
.text-22 {
  font-size: 22px !important; }
.text-23 {
  font-size: 23px !important; }
.text-24 {
  font-size: 24px !important; }
.text-25 {
  font-size: 25px !important; }
.text-26 {
  font-size: 26px !important; }
.text-27 {
  font-size: 27px !important; }
.text-28 {
  font-size: 28px !important; }
.text-29 {
  font-size: 29px !important; }
.text-30 {
  font-size: 30px !important; }
@media (min-width: 768px) {
  .text-lg-12 {
    font-size: 12px !important; } }

/* Border Radius */
.br-none {
  border-radius: none !important; }
.br-sm {
  border-radius: 5px !important; }
.br-md {
  border-radius: 10px !important; }
.br-lg {
  border-radius: 15px !important; }
.br-xl {
  border-radius: 20px !important; }
.br-full {
  border-radius: 100% !important; }

.br-8 {
  border-radius: 8px; }

.pointer {
  cursor: pointer !important; }

.bg-light {
  background-color: #f9f9fc !important; }
.bg-white {
  background-color: #fff !important; }
.bg-dawaai-blue {
  background-color: var(--blue) !important; }
.bg-lightBlue {
  background: #c9e7ff38 !important; }
.bg-skyBlue {
  background-color: var(--skyBlue); }

.dawaai-btn {
  background-color: var(--blue);
  border-radius: 10px !important;
  height: 2.4rem !important;
  width: 100% !important;
  font-weight: bold !important;
  margin: 10px auto !important;
  background: var(--blue) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 1px solid var(--blue) !important; }
  .dawaai-btn.loading {
    color: transparent !important; }

.dawaai-btn-outlined {
  border-radius: 10px !important;
  height: 2.4rem !important;
  width: 100% !important;
  font-weight: bold !important;
  margin: 10px auto !important;
  border: 1px solid var(--blue) !important;
  color: var(--blue) !important;
  background-color: #fff; }

.text-underline {
  text-decoration: underline !important; }
.text-decoration-none {
  text-decoration: none !important; }
  .text-decoration-none:hover, .text-decoration-none:focus, .text-decoration-none:active {
    text-decoration: none !important; }

.spacing-sm {
  letter-spacing: 0.2px; }

.transition {
  transition: 0.5s all ease; }

.ordered-list > li {
  list-style: outside auto !important; }

.unordered-list > li {
  list-style: disc !important; }

.li-disc {
  list-style-type: disc !important; }

.grid-listing-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(30%, 1fr));
  grid-gap: 0.5rem; }
  @media (max-width: 768px) {
    .grid-listing-3 {
      grid-template-columns: repeat(1, minmax(100%, 1fr)); } }
.grid-listing-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(48%, 1fr));
  grid-gap: 2.5rem;
  row-gap: 20px; }
  @media (max-width: 768px) {
    .grid-listing-2 {
      grid-template-columns: repeat(1, minmax(100%, 1fr));
      row-gap: 8px; } }

.ramadan .timing-card {
  background: #ffffff !important;
  border: 1px solid #f9f9fc !important;
  box-sizing: border-box !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
  position: relative !important;
  top: -10px !important; }
.ramadan .w-banner {
  width: 73.5% !important; }
.ramadan .ramadan-banner .dot {
  background: #ffffff96 !important; }
.ramadan .ramadan-banner .dot.active {
  background-color: #ffffff !important; }
@media (min-width: 768px) {
  .ramadan .ramadan-banner .img {
    justify-content: start !important; } }
.ramadan .featured-brands h3 {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  line-height: 28px !important; }
.ramadan .brands.slides {
  height: 159px !important; }
  .ramadan .brands.slides .card-image {
    height: 159px !important; }
    .ramadan .brands.slides .card-image img {
      width: 100px !important; }
.ramadan .cta {
  height: 2.4rem !important; }
  @media (max-width: 768px) {
    .ramadan .cta {
      height: 2.2rem !important; } }
.ramadan .heatburn > div.right {
  right: -150px; }
.ramadan .heatburn > div.left {
  left: -150px; }
.ramadan .heatburn > div {
  height: 385px;
  width: 335px;
  top: 0px; }
  .ramadan .heatburn > div .points {
    right: 0px;
    background: #f9f9fcb3;
    line-height: 21.09px; }
.ramadan .ramadan-blog > div {
  background: none !important;
  width: 32.26% !important; }
  @media (max-width: 768px) {
    .ramadan .ramadan-blog > div {
      width: 60% !important; } }
.ramadan .cta-container > .columns {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }
.ramadan .faq-container {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12) !important;
  border-radius: 10px !important; }
  .ramadan .faq-container .faq-question {
    align-items: baseline !important; }
    .ramadan .faq-container .faq-question > div {
      display: flex !important; }
.ramadan .circle {
  padding: 0px 2px !important;
  border-radius: 100% !important;
  max-height: 13.3px !important;
  margin-right: 12px !important;
  background-color: #f29d43 !important;
  margin-top: 3px !important; }
.ramadan .cholestrol {
  width: 457px !important; }
.ramadan .bp {
  width: 432px !important; }
.ramadan .cta-section li {
  list-style: disc !important;
  list-style-position: inside !important; }
@media (max-width: 768px) {
  .ramadan .psl-blog-posts-data.slides > div {
    height: 92px !important; }
    .ramadan .psl-blog-posts-data.slides > div img {
      height: 92px !important; } }
.ramadan .offer-products-only.slides > div {
  width: 45.7%;
  margin-right: 12.4px; }

header.landing {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  margin-bottom: 2px; }

.landing-app p {
  font-size: 13px; }
.landing-app .download-app span {
  width: 20px;
  margin-right: 10px; }
.landing-app .heading {
  border-bottom: 1px solid #000000;
  width: fit-content;
  margin: auto; }
.landing-app .cta {
  height: 2rem !important;
  font-weight: bold; }
.landing-app img.homepage {
  position: relative;
  bottom: -8px; }

.dawaai-clinics .form-input,
.dawaai-clinics .form-select,
.dawaai-plus .form-input,
.dawaai-plus .form-select {
  height: 2.4rem;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: #cad0de; }
  .dawaai-clinics .form-input:active, .dawaai-clinics .form-input:focus,
  .dawaai-clinics .form-select:active,
  .dawaai-clinics .form-select:focus,
  .dawaai-plus .form-input:active,
  .dawaai-plus .form-input:focus,
  .dawaai-plus .form-select:active,
  .dawaai-plus .form-select:focus {
    box-shadow: none !important; }
.dawaai-clinics .form-label,
.dawaai-plus .form-label {
  color: #878ca3;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: -5px;
  z-index: 1;
  left: 16px;
  background-color: #f9f9fc;
  line-height: 0px;
  padding-right: 3px;
  padding-left: 3px; }
.dawaai-clinics .form-group,
.dawaai-plus .form-group {
  position: relative;
  margin-bottom: 30px; }
  .dawaai-clinics .form-group:last-child,
  .dawaai-plus .form-group:last-child {
    margin-bottom: 5px !important; }
.dawaai-clinics .slides > div,
.dawaai-plus .slides > div {
  background: #fff;
  border: 0.1rem solid #dadee4;
  border-radius: 20px;
  width: 205px !important; }

.clinic-border-right {
  border-right: 2px solid white;
  padding-right: 100px;
  margin-right: 100px; }

.dawaai-clinics {
  width: 70%; }
  @media (max-width: 768px) {
    .dawaai-clinics {
      width: 100%; } }

.dawaai-plus {
  width: 66%; }
  @media (max-width: 768px) {
    .dawaai-plus {
      width: 100%; } }

.dawaai-plus .form-radio {
  border: 2px solid #cad0de;
  border-radius: 8px;
  background: #fff; }

.form-styling .form-group {
  position: relative; }
.form-styling .form-input:not(:placeholder-shown):invalid {
  border-color: #cad0de;
  background-color: #fff; }
  .form-styling .form-input:not(:placeholder-shown):invalid:focus {
    border-color: #003b82 !important;
    box-shadow: none;
    border-width: 2px; }
.form-styling .form-input:focus,
.form-styling .form-input:not(:focus):valid {
  border-color: #cad0de;
  box-shadow: none !important; }
.form-styling .form-input:focus ~ .form-styling-label,
.form-styling .form-input:not(:focus):valid ~ .form-styling-label {
  color: #878ca3;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 1px;
  z-index: 1;
  left: 12px;
  background-color: #fff;
  line-height: 0px; }
  .form-styling .form-input:focus ~ .form-styling-label span,
  .form-styling .form-input:not(:focus):valid ~ .form-styling-label span {
    background-color: #fff;
    padding-right: 3px;
    padding-left: 3px; }
.form-styling .form-styling-label {
  position: absolute;
  pointer-events: none;
  left: 14px;
  top: 12px;
  transition: 0.2s ease all;
  font-size: 14px;
  background-color: #fff;
  margin-bottom: 0px; }
.form-styling .form-input {
  height: 2.4rem;
  border-radius: 13px; }
.form-styling .form-radio.active {
  border-color: #003b82 !important; }
.form-styling .form-radio input:checked + .form-icon {
  border-color: #003b82 !important;
  background: #003b82 !important; }
.form-styling .btn-clear {
  position: absolute;
  right: 22px;
  top: 14px;
  border: 1px solid gray;
  border-radius: 42px;
  font-size: 11px;
  padding: 0px;
  color: #003b82 !important;
  border-color: #003b82;
  height: 17px;
  width: 16px;
  line-height: 14px; }

.dshops .steps > p {
  font-family: "Poppins", sans-serif !important;
  width: 80%; }
.dshops .banner {
  top: 150px;
  left: 240px; }
  @media (max-width: 768px) {
    .dshops .banner {
      top: 16px;
      left: 25px; } }
.dshops .text-red {
  color: #f03738 !important; }
.dshops .text-38 {
  font-size: 38px !important; }
.dshops .area-box {
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 14px; }
.dshops div.circle {
  min-height: 55px;
  min-width: 55px;
  width: 55px !important;
  height: 55px !important;
  background-color: #ffc2c1;
  color: #f03738; }
  @media (max-width: 768px) {
    .dshops div.circle {
      width: 47px !important;
      height: 44px !important;
      min-width: 47px !important;
      min-height: 44px !important; } }
.dshops .border-right {
  border-left: 3px solid #f03738 !important; }
  .dshops .border-right div.steps {
    position: relative;
    left: -29px; }
    @media (max-width: 768px) {
      .dshops .border-right div.steps {
        left: -25px; } }
.dshops .dshops-slider .img {
  background-color: #fff !important; }
.dshops .dshops-slider .dot {
  width: 32px !important;
  height: 2.6px !important;
  border-radius: 0px !important;
  background-color: #c4c4c4 !important; }
  .dshops .dshops-slider .dot.active {
    background-color: #f03738 !important; }
.dshops .dshops-slider .dots {
  background-color: #fff;
  width: fit-content !important;
  bottom: 40px !important;
  left: 3px !important;
  bottom: 67px !important;
  left: -4px !important;
  padding: 26px 0px 50px 0px; }
.dshops .dshop-mbl.dots {
  bottom: -35px !important; }
  .dshops .dshop-mbl.dots .dot {
    width: 12px !important;
    height: 12px !important;
    background-color: #c4c4c4 !important; }
    .dshops .dshop-mbl.dots .dot.active {
      background-color: #f03738 !important; }
.dshops #offer-banner.mobile {
  height: 77vh !important; }
  @media (min-height: 800px) {
    .dshops #offer-banner.mobile {
      height: 62vh !important; } }

/*# sourceMappingURL=d-others.css.map */