.thank-you .thank-you-reg {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 40%;
    transform: translateY(-40%);
}
.thank-you {
    margin-top: 102px;
}
.thank-you h5 {
    margin-top: 20px;
    font-size: 30px;
    line-height: 21px;
    color: #000;
}
.thank-you p {
    font-size: 16px;
    line-height: 21px;
}
.thank-register img {
    display: flex;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
}
.error-page-section {
    margin-top: 21px;
}
.error-page {
    position: relative;
}
.error-page img {
    width: 100%;
    height: 100%;
}
.error-p {
    top: 10%;
    position: absolute;
    width: 100%;
}
.error-p h5 {
    text-align: center;
    font-size: 114px;
    line-height: 21px;
    margin-bottom: 45px;
    color: red;
}
.error-p p {
    text-align: center;
    font-size: 46px;
    line-height: 21px;
}
.appointment-base {
    margin-bottom: 100px;
    margin-top: 120px;
}
.goback {
    padding: 0 65px;
    text-decoration: none !important;
}
.testimonial-video {
    width: 500px;
    height: 324px;
}
.service-main {
    padding: 60px 0;
    margin-top: 76px;
}
.service-main h4 {
    font-weight: 700;
    color: #000;
    font-size: 36px;
    line-height: 17px;
    width: 100%;
    text-align: center;
}
.service-main-gap {
    padding: 0px;
    /* margin-bottom: 28px; */
}
.service-main-gap:hover{
z-index: 1000;
}
.service-main p {
    margin-bottom: 35px;
    margin-top: 19px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #5c5c5c;
}
.service-main-red {
    /* border-radius: 15px; */
    background: red;
    /* margin-left: 14px; */
    height: 140px;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.6;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 52px 0;
}
.service-main-yellow {
    /* margin-left: 14px; */
    /* border-radius: 15px; */
    background: #ffd70a;
    height: 140px;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.6;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 52px 0;
}
.service-main-blue {
    /* border-radius: 15px; */
    background: #3b8bb9;
    width: 100%;
    height: 140px;
    margin-left: 0px;
    position: absolute;
    top: 0;
    opacity: 0.6;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 53px 0;
}
.medicine-main-img {
    /* border-radius: 15px; */
    position: relative;
    width: 100%;
    height: 140px;
}
.advocacy-main-img {
    /* border-radius: 15px; */
    position: relative;
    width: 100%;
    height: 140px;
}
.physiotherapy-main-img {
    /* border-radius: 15px; */
    position: relative;
    width: 100%;
    height: 140px;
}
.red-main-image {
    /* border-radius: 15px; */
    position: relative;
    margin: 0;
    height: 140px;
    width: 100%;
}
.blue-main-image {
    /* border-radius: 15px; */
    position: relative;
    margin: 0;
    height: 140px;
    width: 100%;
}
.service-top-sec {
    margin-top: 50px;
}
.goback-service {
    top: 10%;
    position: absolute;
    text-decoration: none !important;
    color: #fff;
}
.goback-service:hover {
    color: #ff0;
    text-decoration: none;
}
#physiotherapy .owl-nav i {
    font-size: 52px;
}
#physiotherapy .owl-nav .owl-prev {
    background: transparent;
    position: absolute;
    left: -55px;
    outline: none;
}
#physiotherapy .owl-nav .owl-next img{
    width: 50px;
}
#physiotherapy .owl-nav .owl-prev img{
    width: 50px;
}
#physiotherapy .owl-nav .owl-next {
    position: absolute;
    background: transparent;
    margin: 0;
    right: -55px;
    outline: none;
}
#physiotherapy img {
    margin-top: 60px;
    border-radius: 15px;
    /* width: 424px; */
    object-fit: inherit;
     width: 100%;
    height: 285.63px;
}
#physiotherapy .owl-nav {
    left: 0;
    right: 0px;
    position: absolute;
    top: 0%;
    display: block;
    text-align: center;
}
#physiotherapy p {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}
#physiotherapy .owl-nav .owl-prev span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#physiotherapy .owl-dots .active span {
    background-color: #f1bb08da !important;
}
#pathology .owl-nav i {
    font-size: 52px;
}
#pathology .owl-nav .owl-prev img {
    width: 50px;
}
#pathology .owl-nav .owl-prev {
    outline: none;
    position: absolute;
    left: -55px;
    background: transparent;
}
#pathology .owl-nav .owl-next {
    outline: none;
    position: absolute;
    background: transparent;
    margin: 0;
    right: -55px;
}
#pathology .owl-nav .owl-next img {
    width: 50px;
}
#pathology img {
    object-fit: inherit;
    border-radius: 15px;
    margin-top: 60px;
    width: 100%;
    /* width: 424px; */
    height: 285.63px;
}
#pathology .owl-nav {
    left: 0;
    right: 0;
    position: absolute;
    top: 0%;
    display: block;
    text-align: center;
}
#pathology p {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}
#pathology .owl-nav .owl-prev span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#pathology .owl-dots .active span {
    background-color: #f1bb08da !important;
}
#medicines .owl-nav i {
    font-size: 52px;
}
#medicines .owl-nav .owl-prev img{
    width: 50px;
}
#medicines .owl-nav .owl-prev {
    outline: none;
    background: transparent;
    position: absolute;
    left: -55px;
}
#medicines .owl-nav .owl-next img{
width: 50px;
}
#medicines .owl-nav .owl-next {
    outline: none;
    position: absolute;
    background: transparent;
    margin: 0;
    right: -55px;
}
#medicines img {
    object-fit: inherit;
    margin-top: 60px;
    border-radius: 15px;
    /* width: 424px; */
    width: 100%;
    height: 285.63px;
}
#medicines .owl-nav {
    left: 0;
    top: 0%;
    right: 0px;
    position: absolute;
    display: block;
    text-align: center;
}
#medicines p {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}
#medicines .owl-nav .owl-prev span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#medicines .owl-dots .active span {
    background-color: #f1bb08da !important;
}
#advocacy .owl-nav i {
    font-size: 52px;
}
#advocacy .owl-nav .owl-prev {
    outline: none;
    background: transparent;
    position: absolute;
    left: -55px;
}
#advocacy .owl-nav .owl-prev img{
    width: 50px;
}
#advocacy .owl-nav .owl-next img{
    width: 50px;
}
#advocacy .owl-nav .owl-next {
    outline: none;
    position: absolute;
    background: transparent;
    margin: 0;
    right: -55px;
}
#advocacy .owl-stage-outer {
    border-radius: 15px;
}
#advocacy .item{
    border-radius: 15px;
}
#advocacy .owl-item{
    border-radius: 15px;
}
#advocacy img {
    z-index: 1000;
    margin-top: 60px;
    border-radius: 15px;
    /* width: 424px; */
    width: 100%;
    object-fit: inherit;
    height: 285.63px;
}
#advocacy .owl-nav {
    border-radius: 15px;
    top: 0%;
    /* right: 0px; */
    left: 0;
    right: 0;
    position: absolute;
    /* top: 30%; */
    display: block;
    text-align: center;
}
#advocacy p {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}
#advocacy .owl-nav .owl-prev span {
    width: 37px !important;
    height: 6px !important;
    background-color: #c6c6c6;
    border-radius: 0 !important;
    margin: 3px !important;
    display: block;
    outline: 0;
}
#advocacy .owl-dots .active span {
    background-color: #f1bb08da !important;
}
.service-imh-transform{
    margin-left: 0px;
    width: 100% !important;
}
.service-para p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 20px;
    color: #5c5c5c;
}
.service-para {
    padding: 126px 0 0 85px;
}
.service-bottom {
    margin-bottom: 50px;
}
.consultation {
    margin-top: 160px;
    margin-bottom: 60px;
}
.consultation h4 {
    font-size: 36px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
}
.card-img-consultation {
    width: 100%;
    height: 166px;
    border-radius: 0;
}
.card-con {
    background-color: #fff;
    box-shadow: 0 4px 29px rgb(202 218 235 / 58%);
    border-radius: 8px;
    margin: 0 auto;
    width: 96%;
    height: 168px;
    margin-top: 60px;
    margin-bottom: 0px;
}
.card-body-consultation a {
    margin-top: 42px;
    float: right;
    margin-right: 18px;
}
.card-body-consultation a:hover {
    text-decoration: none;
}
.card-body-consultation {
    padding: 0;
    margin-top: 25px;
}
.doc-consultation {
    margin-top: 150px;
}
.doc-consultation h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 30px;
    color: #000;
    text-align: center;
}
.doc-consultation h6 {
    margin-top: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 14px;
    color: #000;
    text-align: center;
}
.date-avail {
    margin-top: 20px;
    display: inline-flex;
    justify-content: center;
    margin-left: 158px;
}
.fieldset-con {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 437px;
}
#locationError {
    color: red;
}
.fieldset-con input {
    width: 100% !important;
    justify-content: center;
}
.fieldset-con button {
    width: 100% !important;
}
#date {
    width: 150px;
    outline: 0;
    border: 1px solid #aaa;
    padding: 6px 28px;
    color: #aaa;
}
.date-container {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 49px;
}
.date-text {
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: 12px;
    color: #bfbfbf;
}
.bottom-consultation {
    margin-bottom: 124px !important;
}
.date-icon {
    position: absolute;
    top: 16px;
    right: 19px;
    cursor: pointer;
    color: #aaa;
}
#ui-datepicker-div {
    top: 188.875px !important;
}
.ui-datepicker {
    position: absolute;
    z-index: 1;
    display: block;
}
.ui-widget.ui-widget-content {
    border: 1px solid #fff;
    display: none;
}
.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;
}
.ui-datepicker-calendar tbody td a:hover {
    background-color: #e0f2f1;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #009688;
    color: #fff;
}
.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: -5px;
    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-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;
}
.fieldset-con a {
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 50px;
    border: none;
    float: right;
    background: #3c8dbd;
    border-radius: 15px;
    color: #fff;
    margin: 0 0 5px;
    padding: 14px;
    font-size: 15px;
}
.fieldset-con a:hover {
    text-decoration: none;
}
.avail-details {
    margin-bottom: 66px;
    display: flex;
    justify-content: center;
}
.avail-details p {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
.avail-details-img img {
    margin-right: 16px;
    width: 304.97px;
    height: 330.96px;
}
.avail-details-para h1 {
    font-size: 24px;
    line-height: 24px;
}
.avail-place {
    margin-top: 30px;
}
.available-doc {
    margin-top: 163px;
    margin-bottom: 90px;
}
.avail-fixed {
    margin-top: 30px;
}
.avail-time {
    margin-top: 30px;
}
.book-appointment {
    margin-top: 30px;
}
.book-appointment a {
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 50px;
    border: none;
    text-decoration: none;
    float: right;
    background: #3c8dbd;
    border-radius: 15px;
    color: #fff;
    margin: 0 0 5px;
    padding: 14px;
    font-size: 15px;
}
.avail-time a {
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 50px;
    border: none;
    text-decoration: none;
    float: right;
    background: #3c8dbd;
    border-radius: 15px;
    color: #fff;
    margin: 0 0 5px;
    padding: 14px;
    font-size: 15px;
}
.avail-details {
    margin-bottom: 40px;
}
.avail-time {
    margin-top: 0;
}
.margin-consultation {
    margin-top: 18px;
}
.avail-time p {
    margin-bottom: 2px;
    font-size: 16px;
}
.avail-fixed p {
    font-size: 16px;
}
.available-doc h4 {
    font-weight: 700;
    margin-bottom: 31px;
    font-size: 36px;
    line-height: 30px;
    text-align: center;
}
.mision-con {
    margin-left: 46px;
}
@media screen and (max-width: 1360px) {
    .date-avail {
        margin-left: 75px;
    }
    .mision-con {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #physiotherapy .owl-nav .owl-next {
        right: -30px;
    }
    #physiotherapy .owl-nav .owl-prev {
        left: -30px;
    }
    #advocacy .owl-nav .owl-prev {
        left: -30px;
    }
    #advocacy .owl-nav .owl-next {
        right: -30px;
    }
    #medicines .owl-nav .owl-prev {
        left: -30px;
    }
    #medicines .owl-nav .owl-next {
        right: -30px;
    }
    .testimonial-video {
        width: 100%;
    }
    .iframe-sucess {
        width: 100% !important;
    }
    #pathology .owl-nav .owl-next {
        right: -35px;
    }
    #pathology .owl-nav .owl-prev {
        left: -36px;
    }
}
@media screen and (max-width:768px){
  
}
@media screen and (max-width: 600px) {
    #physiotherapy .owl-nav .owl-next {
        right: -14px;
    }
    #physiotherapy .owl-nav .owl-prev {
        left: -14px;
    }
    #advocacy .owl-nav .owl-prev {
        left: -14px;
    }
    #advocacy .owl-nav .owl-next {
        right: -14px;
    }
    #medicines .owl-nav .owl-prev {
        left: -14px;
    }
    #medicines .owl-nav .owl-next {
        right: -14px;
    }
    #pathology .owl-nav .owl-next {
        right: -11px;
    }
    #pathology .owl-nav .owl-prev {
        left: -11px;
    }
    .service-main {
        padding: 60px 15px 60px 15px;
    }
    .service-main-para-change {
        font-size: 18px;
        top: 42% !important;
    }
    #physiotherapy img {
        width: 100%;
    }
    #advocacy img {
        width: 100%;
    }
    #pathology img {
        width: 100%;
    }
    #medicines img {
        width: 100%;
    }
    .service-para {
        padding: 85px 0 0 47px;
    }
    .card-img {
        margin-top: 3px;
    }
    .error-p {
        top: -13%;
    }
    .error-p h5 {
        font-size: 80px;
        margin-bottom: 26px;
    }
    .error-p p {
        font-size: 32px;
    }
    .thank-register img {
        width: 100%;
    }
    .available-doc {
        margin-top: 163px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .avail-details {
        margin-bottom: 0;
        justify-content: left;
    }
    .avail-fixed p {
        font-size: 12px;
        text-align: left;
    }
    .avail-time p {
        font-size: 12px;
        text-align: left;
    }
    .events-content {
        top: 31%;
    }
    .avail-details-img img {
        margin-right: 16px;
        width: 158px;
        height: 167px;
        border-radius: 10px;
    }
    .avail-mob {
        text-align: center;
        margin-bottom: 55px;
    }
    .avail-details-para h1 {
        font-size: 14px;
        font-weight: 700;
    }
    .avail-details p {
        font-size: 12px;
        line-height: 15px;
    }
    .fieldset-con {
        width: 100%;
    }
    .date-avail {
        margin-left: 0 !important;
    }
    .spec-banner h1 {
        top: 51%;
        font-size: 20px;
    }
    .service-para p {
        font-size: 13px;
        line-height: 13px;
    }
    .service-main-yellow {
        width: 100%;
        font-size: 15px;
    }
    .service-main-red {
        width: 100%;
        font-size: 15px;
    }
    .service-main-blue {
        width: 100%;
        font-size: 15px;
    }
}
@media(max-width:375px){
    .service-main-yellow {
        width: 100% !important;
    }
    .service-main-yellow:hover{
        width: 100% !important;
    }
    .service-main-red:hover{
        width: 100% !important;
    }
    .service-main-blue:hover{
        width: 100% !important;

    }
    .service-main-red {
        width: 100% !important;
        /* font-size: 15px; */
    }
    .service-main-blue {
        width: 100% !important;
    }
}
@media (max-width: 455px) {
    .service-main-red {
        width: 100%;
        /* font-size: 15px; */
    }
    .service-main-blue {
        width: 100%;
    }
    .service-main-yellow {
        width: 100%;
    }
    .avail-time a {
        padding: 14px 65px;
        /* padding: 14px 94px; */
    }
}
@media (max-width: 320px) {
    .avail-time a {
        padding: 14px 37px;
    }
    /* .service-main-yellow {
        width: 82% !important;
    }
    .service-main-blue {
        width: 91.4% !important;
    }
    .service-main-red {
        width: 84% !important;
    } */
}
.iframe-sucess{
    width: 526px;
    height:324px;
}
iframe {
    /* padding: 15px; */
    border-radius: 15px;
}
.service-main-para-change {
    position: absolute;
    font-weight: bold;
    z-index: 1000;
    top: 38%;
    text-align: center;
    left: 0;
    right: 0;
    color: white;
}
.service-transform:hover{
    transform: scale(1.1);
    width: 100%;
}
.service-main-red:hover {
    z-index: 1000;
     margin-left: 0px;
     width: 100%;
    }
.service-main-yellow:hover{
        margin-left: 0px;
        width: 100%; 
    }

.service-main-blue:hover{
    margin-left: 0px;
    width: 100%; 
}