@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

.h100 {
    height: 100%;
}

.header {
    padding: 20px 60px;
    width: 100%;
    box-shadow: 0px 0px 10px 3px #00000014;
}

.home-page .header {
    position: absolute;
    box-shadow: none;
}

.navbar-brand {
    max-width: 350px;
    width: 100%;
    display: inline-block;
}

.head-right {
    display: flex;
    align-items: center;
}

.register {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-right: 15px;
    padding: 10px 23px;
    border-radius: 3px;
    background: #fff;
}


.navbar-light .navbar-toggler-icon {
    background-image: url(../images/toggle-icon.svg);
}
.navbar-expand-lg .navbar-toggler {
    display: block;
    border: 0;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: column;
}
.overlaybg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    right: 0;
    top: 0;
    background-color: rgb(0 0 0 / 50%);
}
.uploadRow {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
}
.modal-header {
    background-color: #7f8d47;
    color:#ffffff;

}
.close {
    border: 1px solid #7f8d47;
    background-color: #7f8d47;
    color: #ffffff;
    font-size: 20px;
   
    font-weight: 600;
}
.modal-body{
    padding:1.5rem;
}
.btn-secondary {
    color: #fff;
    background-color: #7f8d47;
    border-color: #7f8d47;
}
div#navbarSupportedContent {
    width: 357px;
    filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.16));
    background-color: #ffffff;
    position: fixed;
    right: 0;
    top: 0;
    height: auto;
    z-index: 9;
    padding: 0;
}
.overul {
    width: 357px;
    filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.16));
    background-color: #ffffff;
    position: fixed;
    right: 0;
    top: 0;
    height: auto;
    z-index: 99;
    padding: 25px 15px 50px;
}

.collapse.navbar-collapse.collapseshow {
    display: block;
}
.collapse.navbar-collapse {
    display: none;
}
.prhmenu {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    /*font-family: "Poppins";*/
    padding: 17px 0;
}
.prhmenu span {
    width: 50px;
    display: inline-block;
}
.prhmenu img {
    margin-right: 20px;
}
li.brd_btm_mn {
    border-bottom: 15px solid #eeeeee;
    margin: 10px -10px;
}


.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
    float: right;
    top: 13px;
    position: relative;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: relative;
    border: 0;
    text-align: right;
}
.dropdown-item {
    font-size: 14px;
    line-height: 21px;
    color: #615f5f;
    font-weight: 300;
    /*font-family: "Poppins";*/
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #615f5f;
    background-color: transparent;
}





.user {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0 3px 3px 3px #0000000a;
    justify-content: center;
}

.left-text {
    padding-top: 160px;
    padding-bottom: 30px;
    padding-left: 42px;
}

.left-text h1 {
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
}

.health-list {
    display: flex;
    padding-right: 100px;
    margin: 30px 0;
}

.list-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.list-col p {
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: 600;
    padding-right: 50px;
    margin-top: 5px;
}

.booking p {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}

.th-btn {
    background-color: #7F8D47;
    color: #fff;
    padding: 10px 40px;
  /*  width: 245px;*/
    height: 56px;
    border-radius: 5px;
    border: none;
    font-weight: 500;
    font-size: 24px;
}

.grey-bg {
    background-color: #e5e5e7;
}

.diab-symp {
    position: relative;
    max-width: 526px;
    width: 100%;
    margin: 160px auto 30px;
}
.record-title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}
.ds-text {
    width: 189px;
    height: 85px;
    position: absolute;
    text-transform: uppercase;
    left: 50%;
    top: 50%;
    line-height: 16px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px 0px #0000001c;
}

.ds-text-title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 28px;
    line-height: 30px;
}

.ds-sub-text {
    font-size: 18px;
    font-weight: 500;
}

.challenged {
    border-bottom: 1px solid #707070;
}

.blue-bg {
    background-color: #001439;
}

.chall-left {
    color: #e5e5e7;
    font-size: 26px;
    padding: 68px 0 88px 50px;
}

.chall-right {
    height: 100%;
}

.cr-list {
    display: flex;
    height: 100%;
    text-align: center;
}

.cr-list-col {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.5s;
}

/* .cr-list-col:hover {
    background-color: #7F8D47;
    transition: 0.5s;
    cursor: pointer;
} */

/* .cr-list-col:hover .divider {
    opacity: 0;
} */

.cr-list-active {
    background-color: #7F8D47;
    transition: 0.5s;
    cursor: pointer;
}
.cr-list-active .divider {
    opacity: 0;
}


.cr-no {
    font-size: 40px;
    font-weight: 600;
}

.cr-name {
    font-size: 21px;
    font-weight: 500;
    width: 120px;
    line-height: 25px;
    text-transform: capitalize;
}

.divider {
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.healthcare {
    padding: 50px 0 100px;
}

.sec-title {
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
}

.sec-title p {
    font-size: 45px;
    font-weight: 500;
    width: 245px;
    margin: 0 0 0 15px;
    line-height: 46px;
}

.heal-txt {
    color: #b1b1b1;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 100px;
    line-height: 30px;
    max-width: 1280px;
}

.healthcare .card {
    border: none;
    box-shadow: 1px 2px 18px 5px #00000017;
    border-radius: 10px;
    overflow: hidden;
}

.healthcare .card .card-title {
    margin-bottom: .5rem;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.healthcare .card p {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 25px;
}

.partners {
    padding: 100px 0 50px;
}

.logos {
    padding: 0;
    margin: 30px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logos li {
    margin: 8px 50px;
    max-width: 300px;
    list-style: none;
}

.logos li img {
    object-fit: contain;
    width: 100%;
}

.services {
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}

.serv-img-wrap {
    height: 100%;
}

.serv-img-wrap img {
    height: 100%;
    object-fit: cover;
}

.ser-box {
    padding: 30px 30px 30px 60px;
    position: relative;
    transition: 0.5s;
    height: 100%;
}

.ser-box:hover,
.ser-box.active {
    background-color: #7F8D47;
    transition: 0.5s;
}

.ser-box:hover .ser-tit,
.ser-box.active .ser-tit,
.ser-box:hover p,
.ser-box.active p {
    color: #fff;
}

.ser-box:hover img,
.ser-box.active img {
    filter: brightness(0) invert(1);
}

.ser-box .ser-tit {
    font-size: 24px;
    margin: 10px 0;
    font-weight: 500;
}

.ser-box p {
    font-size: 14px;
    color: #8f8f91;
}

.ser-box .effect {
    position: absolute;
    left: 30px;
    top: 58px;
}

/* Consultation page css start */

.consult {
    background-color: #001439;
    text-align: center;
    padding-top: 80px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.consult:after {
    bottom: 0px;
    content: "";
    left: 0;
    height: 190px;
    background: #fff;
    position: absolute;
    z-index: -1;
    width: 100%;
}

.cons-title {
    max-width: 874px;
    font-size: 22px;
    margin: 0 auto;
    line-height: 45px;
    font-weight: 600;
}

.cons-subtitle {
    max-width: 576px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
}

.consult .th-btn,
.provide .th-btn,
.btn-wrap .th-btn {
    margin: 30px 0;
    padding: 10px 10px;
    width: 267px;
}

.cons-video {
    max-width: 890px;
    margin: 0 auto;
    position: relative;
}

.patient {
    position: absolute;
    top: 60px;
    right: -115px;
}

.doc {
    position: absolute;
    top: 154px;
    left: -98px;
}

.provide {
    padding: 130px 0 50px;
}

.prov-image {
    position: relative;
}

.satisfie {
    max-width: 452px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.satisfie .no {
    font-size: 26px;
    font-weight: 500;
}

.satisfie p {
    font-size: 11px;
    color: #727272;
    margin: 0;
}

.prov-text {
    padding-left: 50px;
}

.prov-text .sec-title {
    margin: 0 0 0 -60px;
}

.prov-text .sec-title p {
    font-size: 37px;
    font-weight: 500;
    max-width: 560px;
    width: 100%;
    margin: 0 0 0 10px;
    line-height: 46px;
}

.prov-sub-title {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 15px;
}

.doc-pro {
    font-size: 14px;
    line-height: 25px;
}

.doc-pro-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.doc-pro-title img {
    width: 27px;
    height: 27px;
    background: #7F8D47;
    padding: 7px;
    border-radius: 100%;
    margin-right: 10px;
}

.pro-per {
    margin-bottom: 5px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.doc-pro .progress-bar {
    background-color: #7F8D47;
}

.prov-text .profile {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.prov-text .profile img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    background: #ccc;
    margin-right: 15px;
}

.prov-text .profile .name-des .doc-name {
    font-weight: 600;
    font-size: 21px;
    margin: 0px;
}

.prov-text .profile .name-des .doc-desi {
    font-size: 14px;
    opacity: 0.4;
    margin: 0px;
}

.feedback {
    padding: 50px 0;
}

.sec-name {
    font-size: 16px;
    color: #7F8D47;
    font-weight: 600;
}

.feed-title {
    font-size: 32px;
    font-weight: 700;
    margin: 20px 0;
}

.feed-subtitle {
    max-width: 534px;
    margin: 0 auto 50px;
    font-size: 15px;
    opacity: 0.5;
}

.wrap-feed {
    display: flex;
}

.wrap-feed .slick-next:before,
.wrap-feed .slick-prev:before {
    display: none;
}

.wrap-feed .slick-next,
.wrap-feed .slick-prev {
    width: 13px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.wrap-feed .slick-next {
    background-image: url(../images/right-arrow.svg);
}

.wrap-feed .slick-prev {
    background-image: url(../images/left-arrow.svg);
}

.feed-col {
    width: 33.3333%;
    padding: 0 10px;
}

.auth-desc {
    background-color: #001439;
    color: #fff;
    border-radius: 8px;
    padding: 49px 20px;
    font-size: 15px;
}

.auth-feed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.auth-prof {
    display: flex;
    align-items: center;
}

.auth-prof img {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
}

.download {
    background-color: #001439;
    padding: 50px 0 150px;
    color: #fff;
}

.app-image {
    text-align: center;
    position: relative;
    z-index: 1;
}

.ellipse {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.app-desc {
    padding-left: 50px;
}

.dwl-name {
    font-size: 18px;
    color: #7F8D47;
    font-weight: 500;
}

.dwl-title {
    font-size: 34px;
    margin: 25px 0;
    font-weight: 600;
    line-height: 44px;
}

.app-desc p {
    font-size: 14px;
    margin: 0px;
}

.app-desc ul {
    list-style: none;
    padding: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 20px 0;
    line-height: 30px;
}

.app-desc ul li {
    position: relative;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.app-desc ul li span {
    opacity: 0.5;
}

.app-desc ul li:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/check-o.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
}

.dwl-store a {
    display: inline-block;
    margin-right: 10px;
}

.online-chat {
    padding: 50px 0;
}

.chat-wrap {
    border-radius: 10px;
    padding: 30px 50px;
    box-shadow: 0 1px 10px 6px #0000000d;
    background-color: #fff;
    margin-top: -154px;
}

.btn-wrap {
    text-align: right;
}

.chat-tit {
    font-size: 33px;
    font-weight: 500;
    line-height: 42px;
}

.chat-wrap p {
    font-size: 14px;
    opacity: 0.6;
    margin: 5px 0 0 0;
    line-height: 23px;
}

.btn-wrap .th-btn {
    font-size: 18px;
    width: 244px;
    height: 60px;
}

/* Consultation page css end */

.footer {
    background-color: #001439;
    padding: 30px 0 40px;
    color: #fff;
}

.about-foot {
    display: flex;
    align-items: center;
}

.about-foot img {
    height: 65px;
    margin-right: 15px;
}

.about-foot p {
    margin: 0;
    font-size: 13px;
}

.foo-txt {
    color: #bfc4cd;
    line-height: 30px;
}

.social-foot {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.social-foot p {
    color: #bfc4cd;
    font-size: 13px;
    margin-bottom: 5px;
}

.icons a {
    display: inline-flex;
    color: #fff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    justify-content: center;
    border: 3px solid #fff;
    align-items: center;
    margin-left: 5px;
}

.icons a .fa {
    font-size: 25px;
}

/* User form css start */

.user-form .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

.user-form .modal-body {
    padding: 30px;
    background: #eeeef0;
}

.user-form .modal-footer {
    justify-content: space-between;
    padding: 10px 30px 5px;
}

.user-form .modal-footer .btn {
    flex: 1;
    width: 100%;
}

.user-form label {
    font-size: 15px;
    margin-bottom: 2px;
}

.user-form .group-field {
    margin-bottom: 10px;
}

.user-form .group-field:last-child {
    margin-bottom: 0;
}

.user-form .form-control {
    height: 57px;
    background-color: transparent;
    border-color: #cececf;
}

.user-form .form-control:focus,
.register-form .form-control:focus {
    color: #212529;
    background-color: transparent;
    border-color: #7F8D47;
    outline: 0;
    box-shadow: none;
}

.user-form .reg {
    background-color: #7F8D47;
    height: 51px;
    border-color: #7F8D47;
    font-size: 15px;
}

.user-form .log {
    background-color: #001439;
    border-color: #001439;
    height: 51px;
    font-size: 15px;
}

.user-form .reset,
.agree {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.user-form .reset .link,
.agree .link {
    color: #7F8D47;
    text-decoration: none;
}

/* User form css end */

/* Register form css start */
.register-sec {
    background-color: #f0f0f1;
    padding: 100px 0;
}

.register-form {
    max-width: 1000px;
    margin: 0 auto;
}

.form-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #7F8D47;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-left img {
    margin: 60px 0px;
}

.fl-title {
    font-size: 30px;
    font-weight: 500;
}

.fl-btn {
    text-align: center;
}

.fl-btn p {
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 500;
}

.btn-login {
    width: 71px;
    height: 36px;
    background-color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}

.form-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #ffffff;
    height: 100%;
    padding: 120px 0;
}

.field-wrap {
    padding: 0 25px;
    margin-bottom: 20px;
}

.register-form .form-control {
    height: 51px;
}

.fileld-col {
    position: relative;
}

.field-label {
    position: absolute;
    background-color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    left: 20px;
    top: -11px;
    font-weight: 500;
}

::placeholder {
    opacity: 0.5;
    font-size: 11px;
    font-style: italic;
}

:-ms-input-placeholder {
    opacity: 0.5;
    font-size: 11px;
    font-style: italic;
}

::-ms-input-placeholder {
    opacity: 0.5;
    font-size: 11px;
    font-style: italic;
}

.cc-col .form-control::placeholder {
    opacity: 1;
    font-size: 14px;
    font-style: normal;
}

.cc-col .form-control:-ms-input-placeholder {
    opacity: 1;
    font-size: 14px;
    font-style: normal;
}

.cc-col .form-control::-ms-input-placeholder {
    opacity: 1;
    font-size: 14px;
    font-style: normal;
}

.cc-col {
    max-width: 132px;
    min-width: 132px;
}

.cc-col .form-control {
    text-align: center;
}

.m-col {
    max-width: calc(100% - 132px);
}

.register-form .th-btn {
    height: 44px;
    font-size: 19px;
    margin-bottom: 15px;
}

.gnder-box {
    display: inline-flex;
    width: 96px;
    height: 96px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 6px 3px #0000000a;
    border-radius: 10px;
    margin-right: 20px;
}

.gnder-box:last-child {
    margin-right: 0px;
}

.other-box {
    box-shadow: 0 1px 6px 3px #0000000a;
    margin-top: 20px;
    padding: 6px 15px;
    width: 96px;
    display: flex;
    align-items: center;
}

.other-box .circle {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 2px solid #000;
    display: inline-block;
    margin-right: 10px;
}

.other-box span {
    font-size: 12px;
    font-weight: 500;
}

.gnder-box .gb-label {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.gnder-box img {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    overflow: hidden;
}

/* Register form css end */

/* What css start */
.page-title {
    position: relative;
    background-image: url(../images/title-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    text-align: center;
}

.page-title h1 {
    font-size: 42px;
    margin: 0;
}
.page-title1 {
    position: relative;
    background-image: url(../images/bnr1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    text-align: center;
}
.page-content {
    padding: 50px 0;
    min-height: calc(100vh - 472.7px);
}

.page-content h2 {
    font-size: 43px;
    font-weight: 400;
    margin-bottom: 60px;
}

    .page-content p {
        color: #000000;
        /*font-size: 14px;*/
        font-size: 18px;
        font-weight: 500;
        /*text-align:justify;*/
    }
   
.p-first p::first-letter {
    margin-left: 40px;
}

.right-align {
    float: right;
    margin: 0 0 20px 20px;
}

/* What css end */

/* Reason css start */

.page-title.reason {
    background-image: url(../images/reason.jpeg);
}

.reason+.page-content p {
    font-size: 14px;
}
.right-align1 {
    float: right;
    margin: -10px 0 20px 20px;
}

.right-align2 {
    float: right;
    margin: -20px 0 20px 20px;
}
.type-wrap {
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 25px;
    margin-top: 50px;
    overflow: hidden;
}

.type-wrap .type-text {
    padding: 15px 20px;
    min-height: 330px;
}

.type-tetle {
    color: #7F8D47;
}

ul.disc-list {
    list-style: none;
    padding: 0;
}

ul.disc-list li {
    position: relative;
    display: flex;
    align-items: baseline;
    font-weight: 500;
}

ul.disc-list li:before {
    height: 14px;
    width: 14px;
    content: "";
    border-radius: 100%;
    background-color: #7F8D47;
    display: flex;
    margin-right: 10px;
}

/* Reason css end */

/* Types of diabetes css start */

.typ-of-diab {
    background-image: url(../images/types-of-diabetes.jpeg);
}

.max-w10 {
    max-width: 1049px;
    margin: 50px auto;
}

.wrap-diab p {
    font-size: 15px;
}

.dip {
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 25px;
    overflow: hidden;
}

.dip img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.dip h2 {
    font-size: 36px;
    color: #7F8D47;
    font-weight: 700;
}

.dip h2 {
    font-size: 36px;
    color: #7F8D47;
    font-weight: 700;
    margin: 25px 0;
}

.dip p {
    padding-right: 20px;
}

/* Types of diabetes css end */

/* Symptoms of diabetes css start */

.page-title.so-diab {
    background-image: url(../images/sod.jpeg);
}

.sod-txt p {
    font-size: 14px;
    color: #858585;
}

.sod-txt ul.disc-list li:first-child:before {
    display: none;
}

.sod-txt ul.disc-list li:first-child {
    font-style: normal;
    font-weight: 500;
}

.sod-txt ul.disc-list li {
    font-size: 14px;
    color: #858585;
    font-style: italic;
    font-weight: 400;
}

.cre-sym {
    margin: 80px 0;
}

.cre-sym h2,
.dod h3 {
    font-size: 26px;
    color: #7F8D47;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}

.cre-sym p {
    font-size: 14px;
    color: #858585;
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
}

.dod {
    background-image: url(../images/dod.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 55px 0;
}

.dod h3 {
    text-align: left;
}

.dod p {
    color: #fff;
    font-size: 14px;
}

/* Symptoms of diabetes css end */

/* Treatment for diabetes css start */

.tf-diab {
    background-image: url(../images/tfd.jpeg);
}

.tf-diab h1 {
    color: #fff;
}

.tfd p {
    font-size: 14px;
}

.ctrl-types {
    margin-top: 50px;
    padding: 0 100px;
}

.ct-box {
    width: 178px;
    height: 178px;
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.ct-box-label {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}

/* Treatment for diabetes css end */

/* Insulin for diabetes css start */

.wrap-insulin {
    padding: 0 95px;
}

.wrap-insulin p {
    /*font-size: 15px;*/
}

.req-insu {
    margin: 50px 0px;
}

.insulin-diab {
    background-image: url(../images/insulin-bg.jpeg);
}

.req-insu-tit {
    font-size: 21px;
    font-weight: 600;
    color: #7F8D47;
    margin-bottom: 10px;
}

.req-insu ul.disc-list li {
    font-size: 18px;
    font-weight: normal;
}

.insu-img {
    text-align: center;
}

.insu-take {
    padding: 50px 0;
}

.insu-take h2.take-tit {
    font-size: 35px;
    font-weight: 600;
    margin: 0;
    color: #7F8D47;
}

.insu-take ul.disc-list {
    width: 320px;
    margin: 0 auto 50px;
}

.insu-take p {
    max-width: 550px;
    margin: 50px auto;
}

.site-inj {
    background-color: #7F8D47;
    color: #fff;
}

.site-inj h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}

.site-inj ul.disc-list li:before {
    background-color: #ffffff;
}

.site-inj ul.disc-list {
    column-count: 2;
    line-height: 50px;
    margin-bottom: 0;
}

.self-injec {
    padding: 50px 0;
}

.self-injec p {
    font-size: 15px;
    color: #858585;
}

.self-injec .si-title {
    font-size: 35px;
    color: #7F8D47;
    font-weight: 700;
    margin-bottom: 20px;
}

img.self-inj {
    max-width: 360px;
    width: 100%;
    margin: 30px 0 70px;
}

img.ins-pen {
    max-width: 453px;
    width: 100%;
    margin: 20px 0 30px;
}

/* Insulin for diabetes css end */

/* Diabetes care css start */
.d-care-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 50px;
}

.d-care-title .dct-strong {
    font-weight: 600;
}

.diab-care .ct-box {
    width: 108px;
    height: 108px;
    padding: 18px;
    margin-bottom: 15px;
}

.diet {
    text-align: center;
    font-size: 27px;
    margin-bottom: 30px;
}

.diab-care .ct-box img {
    width: 100%;
}

.diet-box {
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 25px;
    overflow: hidden;
    max-width: 633px;
    width: 100%;
    margin: 50px auto;
}

.diet-box img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.db-text {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 40px;
    font-size: 21px;
    color: #858585;
    font-weight: 500;
}

.diet-box.exe-box {
    max-width: 792px;
}

/* Diabetes care css end */

/* Our service page css start */
.serv-title {
    background-image: url(../images/serv-title.jpeg);
}

.serv-box {
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 25px;
    overflow: hidden;
    max-width: 860px;
    width: 100%;
    margin: 30px auto 40px;
    display: flex;
}

.serv-box:last-child {
    margin-bottom: 0px;
}

.serv-box .serv-img {
    width: 30%;
}

.serv-box .serv-txt {
    width: 70%;
    padding: 20px 40px;
}

.serv-box .service-title {
    font-size: 21px;
    color: #963bc0;
    font-weight: 700;
}

.serv-box:nth-child(even) .service-title {
    color: #06c855;
}

.serv-box p {
    font-size: 15px;
    color: #858585;
    margin-bottom: 0;
}

/* Our service page css end */

/* Appointment page css start */

.appoint {
    background-image: url(../images/appointments.jpeg);
}

.appoint h1,
.m-record h1,
.prescr h1 {
    color: #fff;
}

.appoint-wrap {
    box-shadow: 0 1px 10px 6px #0000000d;
    border-radius: 15px;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:20px;
}

.appoint-txt {
    width: 60%;
}

.doc-name {
    font-size: 27px;
    font-weight: 700;
}

.doc-desi {
    font-weight: 600;
    font-size: 18px;
    color: #636363;
}

.appo-time {
 
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    opacity: 0.9;
    font-weight: 500;
}

.appointment .th-btn {
    font-size: 18px;
    width: fit-content;
    height: 40px;
    padding: 0px 25px;
}

/* Appointment page css end */

/* Medical records page css start */
.m-record {
    background-image: url(../images/medical-records.jpeg);
}

.record-up {
    text-align: center;
}

.custom-file-input {
    color: transparent;
    text-align: center;
    width: 130px;
    margin-top: 22px;
    margin-bottom: 10px;
    float:left;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'Select File';
    color: #fff;
    display: flex;
    background: #7F8D47;
    padding: 5px 8px;
    outline: none;
    justify-content: center;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    height: 40px;
}

.custom-file-input:focus-visible {
    outline: none;
}

.record {
    box-shadow: 0 1px 5px 5px #0000000d;
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.record:last-child {
    margin-bottom: 0px;
}

.rec-txt {
    width: 90%;
    font-size: 18px;
    color: #001439;
    display: flex;
    align-items: center;
}

.rec-txt::before {
    height: 16px;
    width: 16px;
    background-color: #7F8D47;
    border-radius: 100%;
    display: inline-flex;
    content: "";
    margin-right: 10px;
}

.record .th-btn {
    height: 45px;
    width: 116px;
    font-size: 16px;
    text-decoration: none;
}

/* Medical records page css end */

/* Prescription page css start */

.prescr {
    background-image: url(../images/prescription.jpeg);
}

.presc-date {
    margin-left: 100px;
}

/* Prescription page css end */

/* Book your pointment css start */

.book-appoit {
    background-color: #f0f0f1;
    padding: 120px 0;
}

.main-title {
    font-size: 20px;
    font-weight:bold;
    margin: 0px;
}

#form {
    position: relative;
    margin-top: 20px;
}

.wrap-fieldset {
    display: flex;
}

.fieldset {
    width: 60%;
    background: white;
    border-radius: 10px;
    padding: 15px 20px;
}

.right-side {
    width: 40%;
}

#form fieldset {
    border: 0 none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative
}

.finish {
    text-align: center
}

#form fieldset:not(:first-of-type) {
    display: none
}

#form .previous-step,
.next-step {
    width: 150px;
    font-weight: 500;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    border-radius: 5px;
    font-size: 16px;
}

.form,
.previous-step {
    background: #a4a4a4;
}

.form,
.next-step {
    background: #7F8D47;
}

#form .previous-step:hover,
#form .previous-step:focus {
    background-color: #000000
}

.text {
    color: #2F8D46;
    font-weight: normal
}

#progressbar {
    overflow: hidden;
    color: lightgrey;
    width: 100%;
}

#progressbar .active {
    color: #2F8D46
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    position: relative;
    font-weight: 400;
    z-index: 1;
    position: relative;
}

#progressbar li span {
    position: absolute;
    top: 2px;
    left: 40px;
    font-size: 15px;
    font-weight: bold;
    color: #a4a4a4
}

#progressbar li.active span {
    color: #000000
}

#progressbar li:last-child:after {
    display: none;
}

#progressbar li:before {
    content: "\f00c";
    width: 26px;
    height: 26px;
    line-height: 23px;
    display: block;
    font-size: 14px;
    color: #a4a4a4;
    background: #a4a4a4;
    border-radius: 50%;
    margin: 0 0 65px;
    padding: 2px;
    text-align: center;
    font-family: FontAwesome;
}

#progressbar li:after {
    content: '';
    width: 2px;
    height: 92px;
    background: lightgray;
    position: absolute;
    left: 12px;
    top: 15px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #4caf50;
    color: #fff;
}

.form-head {
    font-size: 21px;
    color: #7F8D47;
    padding-bottom: 10px;
    border-bottom: 1px solid #707070;
}

.field-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}

.select-doc,
.choose-date {
    display: flex;
    align-items: center;
    width: 50%;
}

.select-doc img {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    margin-right: 15px;
}

.sel-doc-name {
    font-size: 20px;
    font-weight: 600;
    color: #919191;
}

.req-asist {
    width: 100%;
    margin-left: 32px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px 4px #0000000d;
    padding: 15px 20px;
    max-width: 362px;
    font-weight:bold;
}

.req-asist p {
    font-size: 15px;
    margin-bottom: 5px;
}

.asist-head {
    margin-bottom: 10px;
    color: #7F8D47;
    /*font-weight: 500;*/
}

.asist-head img {
    margin-right: 10px;
}

.req-asist .asist-clr {
    color: #7F8D47;
    /*font-weight: 500;*/
}

.date-wrap {
    margin-left: auto;
}

.choose-date label {
    padding: 0.5rem 0.75rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #7F8D47;
}

.choose-date label .fa {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
}

.choose-date input {
    width: 100%;
    background: none;
    border: none;
    height: 34px;
    color: #fff;
}

.choose-date input::placeholder {
    color: #fff;
    opacity: 1;
    font-style: normal;
    font-size: 14px;
}

.choose-date input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    font-style: normal;
    font-size: 14px;
}

.choose-date input::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    font-size: 14px;
    font-style: normal;
}

.choose-date input:focus {
    outline: none;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.choose-date table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #eb660d;
    color: white;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #eb660d;
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

ul.time-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
}

.time-list li {
    width: 31%;
    min-height: 30px;
    text-align: center;
    background-color: #eeeef0;
    padding: 6px 5px;
    color: #000;
    font-size: 16px;
    border-radius: 3px;
    margin: 0 10px 10px 0;
    position: relative;
    display: flex;
}

.time-list li.selected {
    background-color: #7F8D47;
}

.bd-title {
    color: #7F8D47;
    font-size: 24px;
    margin-bottom: 20px;
}

.app-time {
    border: 1px solid #fff;
    padding: 20px 0;
  }
  
  .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 40px;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #fff;
    border: 1px solid #999;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
  }
  
  .option-input.radio {
    border-radius: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    border: 0;
    background: transparent;
    left: 0;
    top: 0;
    margin-right: 0;
  }
  .option-input.radio::after {
    border-radius: 50%;
  }
  .app-check {
    display: flex;
  }
  .app-border {
    border: 0 ;
    border-radius: 7px;
    padding: 5px 7px 5px 9px;
    min-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
.aactive {
    background: #7F8D47 !important;
    color:#fff !important
}
  /*.option-input.radio:checked + .app-border {
    background: #7F8D47;
  }*/
  .option-input.radio:disabled,
  .option-input.radio:disabled + .app-border {
    cursor: not-allowed;
    opacity: 0.6;
  }
  .app-label {
    position: relative;
    top: 1px;
    margin-right: 0;
  }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #6b6d6f;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #7d8c46;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.form-fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.form-fields .form-control {
    height: 46px;
    background-color: #eeeeee;
}

.form-fields .form-control:focus {
    border-color: #7F8D47;
    outline: 0;
    box-shadow: none;
}

.form-fields .form-control.age {
    width: 127px;
    text-align: center;
}

.form-fields .p-name {
    width: calc(100% - 177px);
}

.booking-done .next-step {
    width: 215px;
    margin-bottom: 20px;
}

.req-mo {
    display: none;
}

/* Book your appointment css end */

/* Personal Information css start */
.personal-info .register-form {
    max-width: 100%;
}

.personal-info .form-right {
    border-radius: 10px;
    padding: 20px 0;
}

.pi-title {
    font-weight: 500;
    font-size: 16px;
}

.personal-info hr {
    margin: 20px 0;
}

.exp-field::placeholder {
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    color: #000;
    font-weight: 500;
}

.exp-field:-ms-input-placeholder {
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    color: #000;
    font-weight: 500;
}

.exp-field::-ms-input-placeholder {
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    color: #000;
    font-weight: 500;
}

/* The container */
.radio-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-top: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-wrap:hover input~.checkmark {
    background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.radio-wrap input:checked~.checkmark {
    background-color: transparent;
    border-color: #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-wrap input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-wrap .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
}

/* Personal Information css end */

/* Responsive css start */
@media (min-width: 576px) {
    .user-form .modal-dialog {
        max-width: 424px;
    }
   
}


@media only screen and (max-width: 1560px) {
    .diab-symp {
        max-width: 445px;
    }
    .healthcare .card p {
        font-size: 15px;
    }
    .ser-box p {
        font-size: 12px;
    }
 
}

@media (max-width:1500px) {
    .header {
        padding: 10px 60px 20px;
    }

    .navbar-brand {
        max-width: 250px;
    }

    .user {
        width: 40px;
        height: 40px;
    }

    .user img{
        width: 25px;
    }

    /* .menus {
        width: 24px;
    } */

    .left-text {
        padding-top: 130px;
    }

    .left-text h1 {
        font-size: 35px;
    }

    .health-list {
        display: flex;
        padding-right: 35px;
        margin: 30px 0;
    }

    .list-col img {
        width: 40px;
    }

    .list-col p {
        font-size: 14px;
    }

    .booking p {
        font-size: 20px;
    }

    .th-btn {
        padding: 7px 40px;
        width: 220px;
        height: 50px;
        font-size: 20px;
    }

    .diab-symp {
        position: relative;
        max-width: 445px;
        width: 100%;
        margin: 130px auto 30px;
    }

    .ds-text-title {
        font-size: 24px;
    }

    .ds-sub-text {
        font-size: 16px;
    }

    .register {
        font-size: 14px;
        padding: 6px 20px;
    }

    .chall-left {
        font-size: 20px;
    }

    .sec-title p {
        font-size: 35px;
        width: 220px;
    }
    .prhmenu {
        padding: 9px 0;
    }
    .ser-box p {
        font-size: 11px;
    }
}

@media (max-width:1400px) {
    .diab-symp {
        position: relative;
        max-width: 445px;
        width: 100%;
        margin: 130px auto 30px;
    }
}

@media (min-width:1400px) and (  max-width:1601px ) {
    .diab-symp {
        position: relative;
        max-width: 400px !important;
        margin: 102px auto 30px !important;
        width: 100%;
        margin: 130px auto 30px;
    }
    .left-text h1 {
        font-size: 35px !important;
    }
}




@media only screen and (max-width: 1370px) {
    .diab-symp {
        margin: 85px auto 0px;
        max-width: 380px;
    }
    .left-text {
        padding-top: 100px;
    }
    .chall-left {
        color: #e5e5e7;
        font-size: 22px;
        padding: 40px 0 55px 50px;
    }
    .heal-txt {
        font-size: 13.2px;
        line-height: 26px;
    }
    .healthcare .card p {
        font-size: 12.5px;
    }
    .ser-box {
        padding: 30px 10px 30px 50px;
    }
    .ser-box .effect {
        position: absolute;
        left: 20px;
        top: 58px;
    }
     
}

@media (max-width:1199px) {
    .header {
        padding: 15px 60px;
    }

    .left-text {
        padding-top: 130px;
    }

    .left-text h1 {
        font-size: 32px;
    }

    .list-col img {
        width: 40px;
    }

    .list-col p {
        padding-right: 0px;
        font-size: 14px;
    }

    .health-list {
        padding-right: 50px;
        margin: 20px 0;
    }

    .ds-text {
        width: 150px;
        height: 65px;
    }

    .booking p {
        font-size: 20px;
    }

    .diab-symp {
        max-width: 375px;
        margin-top: 130px;
    }

    .ds-text-title {
        font-size: 22px;
    }

    .ds-sub-text {
        font-size: 14px;
    }

    .chall-left {
        font-size: 18px;
        padding: 50px 30px 50px 50px;
    }

    .cr-no {
        font-size: 30px;
    }

    .cr-name {
        font-size: 16px;
        line-height: 20px;
    }

    .sec-title p {
        font-size: 35px;
        line-height: 40px;
        width: 190px;
    }

    .logos li {
        margin: 8px 30px;
        max-width: 190px;
    }

    .ellipse {
        width: 100%;
    }

    .reason+.page-content img {
        width: 100%;
    }

    .type-wrap .type-text {
        min-height: 400px;
    }

    .dod {
        background-position: 35% top;
    }

    .cre-sym {
        margin: 50px 0;
    }

    .ctrl-types {
        padding: 0 0px;
    }

    .time-list li {
        width: 14.75%;
    }

    .date-wrap {
        max-width: 200px;
    }
}

@media (max-width:1024px) {
    .cons-video {
        max-width: 640px;
    }

    .doc {
        top: 114px;
        width: 150px;
        left: -78px;
    }

    .patient {
        right: -75px;
        width: 150px;
    }

    .consult:after {
        height: 140px;
    }

    .page-title {
        padding: 55px 0;
    }

    .wrap-insulin,
    .insu-take {
        padding: 0;
    }
}

@media (max-width:991px) {
    .heal-txt {
        margin-bottom: 50px;
    }
    .uploadRow {
        display: block;
    }
    .healthcare {
        padding: 50px 0 70px;
    }

    .partners {
        padding: 50px 0 0px;
    }

    .foo-txt {
        line-height: 18px;
    }

    .logos li {
        max-width: 130px;
    }

    .serv-img-wrap img {
        object-position: 60%;
    }

    .ser-box .ser-tit {
        font-size: 18px;
    }

    .ser-box {
        min-height: 100%;
    }

    .cons-title {
        font-size: 32px;
    }

    .provide {
        padding: 100px 0 50px;
    }

    .prov-text .sec-title {
        margin: 0px 0 0 -40px;
    }

    .prov-text .sec-title p {
        font-size: 25px;
        line-height: 36px;
    }

    .prov-text .sec-title img {
        width: 10px;
    }

    .doc-pro {
        margin-bottom: 15px;
    }

    .dwl-title {
        font-size: 25px;
        margin: 10px 0;
        line-height: 34px;
    }

    .app-desc ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .dwl-store a {
        width: 130px;
    }

    .dwl-store a img {
        width: 100%;
    }

    .chat-wrap {
        padding: 20px;
    }

    .chat-tit {
        font-size: 20px;
        line-height: 26px;
    }

    .app-image .app-screen {
        max-width: 240px;
    }

    .form-left img {
        margin: 30px 0px;
        max-width: 250px;
    }

    .book-appoit {
        padding: 60px 0;
    }

    .main-title {
        font-size: 25px;
    }

    #form {
        margin-top: 15px;
    }

    .form-right {
        padding: 60px 0;
    }

    .fl-title {
        font-size: 22px;
    }

    .type-wrap .type-text {
        min-height: 480px;
    }

    .dip h2 {
        font-size: 25px;
        margin: 16px 0;
    }

    .ct-box {
        width: 148px;
        height: 148px;
    }

    .ct-box img {
        width: 70%;
    }

    .ct-box-label {
        font-size: 13px;
    }

    .self-injec img,
    .site-inj img {
        width: 100%;
    }

    .fieldset {
        width: 70%;
    }

    .right-side {
        width: 30%;
    }

    #progressbar {
        padding-left: 15px;
    }

    .req-asist {
        margin-left: 15px;
    }

    #progressbar li:before {
        margin: 0 0 35px;
    }

    #progressbar li:after {
        height: 50px;
    }

    .sel-doc-name {
        font-size: 14px;
    }

    .time-list li {
        margin: 0 8px 8px 0;
    }

    ul.time-list {
        margin: 20px 0;
    }

    .req-asist {
        padding: 15px;
    }

    .ah-text {
        display: block;
    }

    .bd-title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .req-asist .asist-clr {
        display: block;
    }
}

@media (max-width:768px) {
    .header {
        padding: 15px 20px;
    }
    .mobdiv {
        display: none;
    }
    .navbar-brand {
        max-width: 220px;
    }

    .left-text {
        padding-top: 100px;
        padding-left: 6px;
    }

    .diab-symp {
        max-width: 325px;
        margin-top: 100px;
    }

    .left-text h1 {
        font-size: 24px;
    }

    .health-list {
        padding-right: 0px;
    }

    .list-col p {
        font-size: 12px;
    }

    .chall-left {
        font-size: 16px;
        padding: 30px 10px 30px 20px;
    }

    .cr-no {
        font-size: 24px;
    }

    .sec-title p {
        font-size: 25px;
        line-height: 30px;
        width: 150px;
    }

    .sec-title img {
        width: 10px;
    }

    .healthcare {
        padding: 30px 0 50px;
    }

    .heal-txt {
        margin-top: 20px;
    }

    .heal-txt {
        line-height: 25px;
    }

    .healthcare .col-md-3 {
        width: 50%;
    }

    .healthcare .card {
        border-radius: 24px;
        margin-bottom: 30px;
    }

    .services .col-md-5,
    .services .col-md-7 {
        width: 100%;
    }

    .partners {
        padding: 30px 0 0px;
    }

    .consult {
        padding-top: 50px;
    }

    .cons-title {
        font-size: 25px;
        line-height: 35px;
    }

    .provide {
        padding: 50px 0 50px;
    }

    .prov-text .sec-title {
        margin: 0px 0 20px 0px;
    }

    .prov-text .sec-title p {
        font-size: 22px;
        line-height: 36px;
    }

    .page-content {
        padding: 30px 0;
    }

    .page-title {
        padding: 35px 0;
    }

    .page-title h1 {
        font-size: 32px;
    }

    .page-content h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .dip h2 {
        font-size: 25px;
        margin: 16px 0;
    }

    .dod {
        background-position: 30% top;
    }

    .cre-sym h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .dod h3 {
        font-size: 25px;
    }

    .appoint-wrap {
        padding: 20px 25px;
        text-align: center;
    }

    .doc-name {
        font-size: 22px;
    }

    .doc-desi,
    .appo-time {
        font-size: 16px;
    }

    .appo-time {
        margin-top: 5px;
    }


    .uploadRow {
        display: block;
    }
}

@media (max-width:767px) {
    .uploadRow {
        display: block;
    }
    .left-text {
        text-align: center;
    }
    .mobdiv {
        display: none;
    }
    .left-text h1 br,
    .chall-left br {
        display: none;
    }

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

    .list-col {
        align-items: center;
        padding: 0 20px;
    }

    .booking p {
        font-size: 16px;
    }

    .th-btn {
        width: 180px;
        height: 50px;
        font-size: 20px;
    }

    .diab-symp {
        margin-top: 30px;
    }

    .chall-left {
        text-align: center;
    }

    .divider {
        width: 10px;
    }

    .cr-list-col {
        padding: 20px 0;
    }

    .app-image .app-screen {
        max-width: 100%;
    }

    .app-image {
        margin-bottom: 30px;
    }

    .prov-text {
        padding-left: 0;
        margin-top: 30px;
    }

    .btn-wrap {
        text-align: left;
        margin-top: 10px;
    }

    .app-desc {
        padding-left: 0;
    }

    .register-sec {
        padding: 50px 0;
    }

    .form-left {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        padding: 50px 0;
    }

    .form-right {
        border-top-right-radius: 0px;
        padding: 50px 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .field-wrap:first-child .fileld-col:first-child {
        margin-bottom: 20px;
    }

    .right-align {
        width: 40%;
    }

    .reason+.page-content img:first-child {
        margin-bottom: 30px;
    }

    .type-wrap .type-text {
        min-height: auto;
    }

    .type-wrap {
        margin-top: 30px;
    }

    .type-diab {
        width: 100%;
    }

    .max-w10 {
        margin: 30px auto;
    }

    .dip p,
    .dip h2 {
        padding: 0 20px;
    }

    .dod {
        position: relative;
        z-index: 1;
    }

    .dod::before {
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
        background-color: #0000008a;
        z-index: -1;
    }

    .ct-box {
        width: 178px;
        height: 178px;
    }

    .ct-box img {
        width: auto;
    }

    .ct-box-label {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .req-insu {
        margin: 30px 0px 50px;
    }

    .insu-take h2.take-tit {
        font-size: 25px;
    }

    .site-inj h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .site-inj {
        padding: 30px 20px;
    }

    .insu-take img {
        width: 100%;
    }

    .self-injec .si-title {
        font-size: 25px;
    }

    .d-care-title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .db-text {
        padding: 30px 10px 30px 30px;
        font-size: 18px;
    }

    .serv-box .serv-img {
        width: 35%;
    }

    .serv-box .serv-txt {
        width: 65%;
        padding: 20px 30px;
    }

    .serv-box img {
        object-fit: cover;
        height: 100%;
    }

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

    .main-title {
        text-align: center;
    }

    .fieldset,
    .right-side {
        width: 100%;
    }

    .fieldset {
        order: 2;
    }

    .right-side {
        order: 1;
    }

    #progressbar {
        padding-left: 0;
    }

    .req-asist {
        margin-left: 0;
    }

    .req-mo {
        order: 3;
        display: block;
        max-width: 100%;
        margin-top: 20px
    }

    .req-dsk {
        display: none;
    }

    #progressbar {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    #progressbar li {
        flex: 1;
    }

    #progressbar li:before {
        margin: 0 auto;
    }

    #progressbar li span {
        position: unset;
    }

    #progressbar li:after {
        height: 2px;
        width: 100%;
        top: 13px;
        left: 50%;
    }

    .ah-text,
    .req-asist .asist-clr {
        display: inline;
    }
}

@media (max-width: 667px) {
    .mobdiv {
        display: none;
    }
    .logos li {
        max-width: 100px;
    }
    .uploadRow {
        display: block;
    }
    .cons-video {
        max-width: 350px;
    }

    .consult:after {
        height: 80px;
    }

    .provide {
        padding: 50px 15px 0px;
    }

    .slick-prev {
        left: -15px;
    }

    .slick-next {
        right: -15px;
    }

    .feedback {
        padding: 50px 15px;
    }

    .download {
        padding: 50px 15px 150px;
    }

    .online-chat {
        padding: 50px 15px;
    }

    .auth-desc {
        padding: 20px 20px;
    }

    .dod {
        padding: 30px 10px 10px;
    }

    .cre-sym {
        margin: 30px 0;
    }
}

@media (max-width: 575px) {
    .mobdiv {
        display: none;
    }
    .page-title {
        padding: 26px 0;
    }
    .uploadRow {
        display: block;
    }
    .about-foot {
        align-items: center;
        text-align: center;
        margin-bottom: 15px;
        flex-direction: column;
    }

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

    .diet-box {
        margin: 50px auto 0;
    }

    .db-text {
        padding: 40px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .diab-care {
        padding: 30px 10px;
    }

    .page-content {
        padding: 30px 15px;
    }

    .appoint-wrap {
        padding: 15px 20px;
        text-align:center;
    }

    .doc-name {
        font-size: 18px;
    }

    .doc-desi,
    .appo-time {
        font-size: 14px;
    }



    .presc-date {
        margin-left: 30px;
    }

    .book-appoit {
        padding: 30px 0;
    }

    .form-fields {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .mobdiv {
        display: none;
    }
    .navbar-brand {
        max-width: 120px;
    }
    .uploadRow {
        display: block;
    }
    .overul {
        width: 300px;
    }
    

    .register {
        padding: 10px 10px;
        font-size: 14px;
    }

    .cr-list {
        flex-wrap: wrap;
    }

    .cr-list-col {
        width: 50%;
    }

    .healthcare {
        padding: 30px 20px 50px;
    }

    .healthcare .col-md-3 {
        width: 100%;
    }

    .logos li {
        max-width: 110px;
    }

    .footer {
        padding: 30px 20px 40px;
    }

    .about-foot img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .consult {
        padding-top: 30px;
    }

    .cons-title {
        font-size: 24px;
    }

    .cons-video {
        max-width: 290px;
    }

    .patient {
        right: -54px;
        width: 100px;
    }

    .doc {
        top: 64px;
        width: 110px;
        left: -48px;
    }

    .consult:after {
        height: 60px;
    }

    .feed-title {
        font-size: 24px;
        margin: 0px 0;
    }

    .feed-subtitle {
        margin: 0 auto 20px;
    }

    .register-sec {
        padding: 50px 20px;
    }

    .page-content {
        padding: 30px 10px;
    }

    .right-align {
        width: 100%;
        margin-left: 0;
    }

    .page-title {
        padding: 22px 0;
    }

    .page-title h1 {
        font-size: 26px;
    }

    .page-content h2 {
        font-size: 28px;
    }

    .type-tetle {
        font-size: 19px;
    }

    .cre-sym h2,
    .dod h3 {
        font-size: 22px;
    }

    img.self-inj {
        margin: 0px 0 50px;
    }

    .site-inj ul.disc-list {
        line-height: 35px;
        margin-bottom: 20px;
    }

    .self-injec .si-title,
    .site-inj h3 {
        font-size: 20px;
    }

    .serv-box {
        flex-direction: column;
        margin: 30px auto 30px;
    }

    .serv-box .serv-img {
        width: 100%;
    }

    .serv-box .serv-txt {
        width: 100%;
        padding: 20px;
    }

    .appoint-wrap {
        flex-direction: column;
        text-align: center;
    }

    .appoint-txt {
        width: 100%;
    }

    .appointment .th-btn {
        margin-top: 10px;
        
    }

    .record {
        flex-direction: column;
        align-items: flex-start;
    }

    .record .th-btn {
        width: 100%;
        margin-top: 10px;
    }

    #progressbar li span {
        font-size: 12px;
    }

    .time-list li {
        width: 46%;
        font-size: 13px;
    }
}

@media (max-width: 375px) {
    /* .menus {
        width: 20px;
    } */
    .mobdiv {
        display: none;
    }
    .uploadRow {
        display: block;
    }
    .register {
        margin-right: 0px;
    }

    .navbar-brand {
        max-width: 110px;
    }

    .left-text h1 {
        font-size: 20px;
    }

    .logos li {
        max-width: 90px;
    }

    .list-col {
        padding: 0;
    }

    .ser-box {
        padding: 15px 30px 15px 60px;
    }

    .cons-title {
        font-size: 20px;
    }

    .cons-video {
        max-width: 220px;
    }

    .consult:after {
        height: 30px;
    }

    .prov-text .sec-title p {
        font-size: 20px;
    }

    .feed-title {
        font-size: 22px;
    }

    .dwl-title {
        font-size: 20px;
    }

    .dwl-store a {
        width: 110px;
    }

    .btn-wrap .th-btn {
        width: 210px;
    }

    .page-title {
        padding: 16px 0;
    }

    .page-title h1 {
        font-size: 22px;
    }

    .page-content h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .cre-sym h2,
    .dod h3 {
        font-size: 18px;
    }

    .d-care-title {
        font-size: 22px;
    }

    .date-wrap {
        max-width: 180px;
    }

    .choose-date label .fa {
        font-size: 18px;
    }

    .field-head {
        flex-direction: column;
    }

    .select-doc,
    .choose-date {
        width: 100%;
    }

    .date-wrap {
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }

    #progressbar li {
        padding: 0 10px;
        line-height: 15px;
    }

    .time-list li {
        /*width: 22%;*/
        width: 47%;
        font-size: 13px;
    }

    .form-fields .form-control.age {
        width: 100px;
        text-align: center;
    }

    .form-fields .p-name {
        width: calc(100% - 115px);
    }

    .main-title {
        font-size: 20px;
    }
}

@media (max-width: 320px) {
    .mobdiv {
        display: none;
    }
    .time-list li {
        width: 30.21%;
    }
    .uploadRow {
        display: block;
    }
}

/* Responsive css end */