/* Section 1 */


.others p {
    font-size: 12px;
    min-width: 150px;
    margin-right: .5rem !important;
}

.banner_lbl {
    position: relative;
}

.banner_lbl:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 15px;
    background: url("https://uxwing.com/wp-content/themes/uxwing/download/location-travel-map/maps-pin-line-icon.png") center / contain no-repeat;
}

.banner_lbl input {
    padding: 10px 35px;
}

.jumbotron {
    background-image: linear-gradient(rgb(0 0 0 / 53%), rgb(0 0 0 / 53%)), url(https://firebasestorage.googleapis.com/v0/b/letsupdoc.appspot.com/o/assets%2Fbanner.png?alt=media);

    /* background-image: url('https://www.practostatic.com/web-assets/home/assets/images/homepage.06859593240c3efd483fe48951cfe6ff.svg'); */
    position: relative;
    /* padding-top: 0; */
    display: flex;
    align-items: center;
    max-height: 515px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.jumbotron .offer-btn{
    position: absolute;
    /* background: #2dd36f; */
    color: white;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50px;
    width: 200px;
    padding: .5rem 1rem;
    bottom: 1rem;
    transition: .3s cubic-bezier(0.19, 1, 0.22, 1);
}

.jumbotron .offer-btn:hover{
    background: crimson;
}

.icon_bar {
    overflow: hidden;
    height: 100px;
    padding: 17px 0;
    background-color: #1d2869;
    text-align: center;
    margin-top: -4px;
}

@media screen and (min-width: 1200px) {
    .jumbotron {
        background: white;
        background-image: linear-gradient(rgb(0 0 0 / 53%), rgb(0 0 0 / 53%)), url(https://firebasestorage.googleapis.com/v0/b/letsupdoc.appspot.com/o/assets%2Fbanner.png?alt=media);
        /* background-image: url('https://www.practostatic.com/web-assets/home/assets/images/homepage.06859593240c3efd483fe48951cfe6ff.svg'); */
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        /* height: calc(100vh - 72.5px); */
        height: calc(0.664 * 50vw);
    }
}

@media screen and (max-width: 768px) {
    .jumbotron h1{
        font-size: 22px !important;
    }
    .jumbotron h2{
        font-size: 19px !important;
    }
}

/* Section 1 Ends */

/* Section 2 */
.shadow-lg {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Section 2 Ends */
/* Section 3 */
.item .card {
    background: #96d3bf;
}

.offer_img {
    width: 80px !important;
    position: absolute;
    bottom: -20px;
    right: 0px;
}

.download_app {
    display: flex;
    align-items: center;
    color: black;
}

#search-results {
    min-height: 50vh;
}

html,
.doctor-list-section {
    scroll-behavior: smooth;
}

#book-consult-btn {
    transition: .3s cubic-bezier(0.23, 1, 0.320, 1);
}

#book-consult-btn:hover {
    background-color: white !important;
    color: #2dd36f !important;
}

.scroll-margin {
    margin-top: 102px !important;
}

.doctor-list-section {
    overflow-y: scroll;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
}

.doctor-list-section::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
}

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

body {
    /* font-family: "Roboto", sans-serif; */
}

h5,
h6 {
    /* font-family: "Roboto", sans-serif; */
}

.doc_dp {
    border-radius: 50%;
}

.btn-success {
    background-color: #2dd36f !important;
    border: none;
}


h5,
h6,
label {
    margin-bottom: 0 !important;
}

.row {
    margin-right: -7.5px;
    margin-left: -7.5px
}

.static-online-doctors {
    padding-top: 4px;
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.static-online-doctors::-webkit-scrollbar {
    display: none;
    background: 0 0;
    width: 0;
    height: 0;
    -webkit-appearance: none
}

.static-online-doctors::-webkit-scrollbar-track {
    background: 0 0
}

.static-online-doctors::-webkit-scrollbar-thumb {
    background: 0 0
}

.static-online-doctors::-webkit-scrollbar-thumb:hover {
    background: 0 0
}

.static-online-doctors .card {
    --width: 75%;
    margin: 0 10px 8px 0;
    flex: 0 0 var(--width);
    max-width: var(--width);
    border-radius: 5px;
    border: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.online-slider-arrow {
    --size: 36px;
    z-index: 9;
    background: #f2f2f2;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    opacity: .6;
    border: 1px solid #dfe1e5;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .2);
    padding: 0;
    position: absolute;
    transform: translate(0, -50%);
    top: 44%;
    cursor: pointer;
    outline: 0 !important;
    display: none
}

.online-slider-arrow:hover {
    opacity: 1
}

.online-slider-arrow.online-slider-next {
    right: -17px
}

.online-slider-arrow.online-slider-prev {
    left: -17px
}

.online-slider-arrow:after {
    content: '';
    width: var(--size);
    height: var(--size)
}

@media only screen and (min-width:768px) {

    .static-online-doctors .card {
        --width: 43%;
        margin: 2px 10px 8px 0
    }

    .online-slider-arrow {
        display: block
    }

    .similar-doc-card .static-online-doctors .card {
        box-shadow: none
    }
}

@media (max-width:767px) {
    .static-online-doctors .card {
        box-shadow: 0 1px 30px rgba(0, 0, 0, .05), 0 1px 4px rgba(0, 0, 0, .15);
        margin-top: 5px
    }

    .similar-doc-card .static-online-doctors .card {
        --width: 72.8%;
        margin: 5px 7px 10px 3px
    }
}

.similar-doctor .similar-doc .online-slider-arrow {
    display: inline-flex;
    position: static;
    background: #fff;
    opacity: 1;
    box-shadow: 0 3.41px 9.52px rgba(78, 78, 78, .25)
}

@media only screen and (min-width:992px) {

    .static-online-doctors .card {
        --width: 27.36%
    }

    .static-online-doctors.similer-doc-slider .card {
        --width: 20%;
        background-color: transparent;
    }
}

.online-slider-arrow:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 24px;
    content: '';
    width: var(--size);
    height: var(--size);
    display: block;
    background-repeat: no-repeat;
    background-position: 49% 50%
}

.online-slider-arrow.online-slider-next:after {
    transform: rotate(180deg)
}

@media screen and (max-width:768px) {
    .similar-doctor .similar-doc .online-slider-arrow {
        display: none !important
    }
}

/* Section 3 Ends*/

/* Section 4  */

.owl-prev {
    position: absolute;
    left: -40px;
    top: 25px;
}

.owl-next {
    position: absolute;
    right: -40px;
    top: 25px;
}

.btn {
    background-color: #2dd36f !important;
    color: white;
}

.pulse {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2dd36f;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 2s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}


/* Section 4 Ends */

/* Section 7 */
.owl-theme .owl-dots .owl-dot span {
    height: 4px !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #2dd36f !important;
}

/* Section 7 Ends */

/* Section 8 */
@media screen and (min-width: 1201px) {
    .map_img {
        /* height: 300px; */
    }
}



/* Section 8 Ends */

/* Section 10 */
.social {
    list-style: none;
}

.social li {
    display: inline;
    padding: 0 2px 0 2px;
    font-size: 20px;
}

/* Section 10 Ends*/

/* Section 11  */
.bg-lightgray {
    background-color: #f5f5f5 !important
}

a {
    color: #2dd36f;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #00ad45;
    text-decoration: underline;
}

.doctors_location_nav ul li a {
    font-size: 12px;
    color: #868e96;
}

ul.blue_arrowright_svg {
    padding-left: 20px;
}

ul.blue_arrowright_svg li {
    position: relative;
}

ul.blue_arrowright_svg li:after {
    position: absolute;
    left: -17px;
    top: 5px;
    background: url(dist/images/blue-arrow-right.svg) no-repeat;
    background-position: center;
    background-size: 6px;
    height: 14px;
    width: 6px;
    content: '';
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.doctors_location_nav ul li a:hover {
    text-decoration-line: underline;
}

/* Section 11 Ends */