.dropdowncountry .menudrop,
.dropdowncountrynew .menudrop1 {
    transition: max-height .5s ease-out;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99
}

.benefits,
.helpsection,
.location,
.location1,
.offersec li,
.offersec li:hover,
.wellness {
    background-repeat: no-repeat
}

@font-face {
    font-family: fedrafont;
    src: url(fonts/fedra_sans_light.ttf);
    font-display: swap
}

@font-face {
    font-family: fedrafont;
    src: url(fonts/fedra_sans_book.ttf);
    font-display: swap
}

html {
    scroll-behavior: smooth;
    scroll-behavior: smooth;
    scroll-padding-top: 50px;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 50px
}


body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.carousel-data>:first-child {
    font-family: Georgia
}

.antara p,
.carousel-data>:nth-child(2),
.footer-data ul a,
.footer-data>:nth-child(2),
.legacy p,
.legacy-data>:first-child,
.location p,
.location ul li,
.location-footer p,
.location1 p,
.location1 ul li,
.wellness p {
    font-family: verdana
}

#toggle,
.br,
.burger,
.carousel-indicators,
.carousel-indicators li,
.footer-hr,
.label,
.menudrop1.pointerCursor.hide,
.next,
.prev,
img.img-fluid.banner-img-mob {
    display: none
}

.footer-right p,
.form h5,
.legacy h3,
.location1 h3,
.wellness h3 {
    font-family: georgia
}

.service-data h1 {
    color: #610631;
    font-size: 40px;
    font-weight: 300;
    padding: 0 15%;
    text-align: center;
    margin-bottom: 15px
}

.service-data>:first-child {
    font-family: Georgia;
    font-size: 26px;
    color: #610631
}

.service-data {
    font-size: 18px;
    color: #610631;
    font-family: verdana
}

.benefit-card .card,
.benefit-card1 .card,
.benefit-card2 .card {
    box-shadow: 0 0 19px 1px rgba(0, 0, 0, .1)
}

.benefit-card .card .card-body>:first-child,
.benefit-card1 .card .card-body>:first-child,
.benefit-card2 .card .card-body>:first-child {
    font-family: georiga;
    color: #610631;
    font-size: 18px;
    text-align: left
}

.benefit-card .card .card-body ul li,
.benefit-card1 .card .card-body ul li,
.benefit-card2 .card .card-body ul li {
    font-family: verdana;
    color: #484737;
    font-weight: 400;
    font-size: 14px;
    margin-top: 4px
}

.location1 h5 {
    font-family: verdana;
    margin-bottom: 20px
}

.location h2,
.location-header1 h2 {
    font-family: Baskerville-Light
}

.wellness h6,
section.reviewsection .item {
    margin-top: 20px
}

.coutryselect {
    position: absolute;
    top: -5px;
    height: 30px;
    border: none;
    left: 5px;
    outline: 0;
    border-radius: 4px;
    color: #666;
    width: 34%;
    background-color: transparent
}

.phoneno {
    padding-left: 70px !important
}

@media screen and (min-width :1400px) {
    .coutryselect {
        width: 40%
    }
}

@media screen and (min-width :1440px) {
    .coutryselect {
        width: 32%
    }
}

@media screen and (min-width :1600px) {
    .coutryselect {
        width: 29%
    }
}

@media screen and (min-width :1680px) {
    .coutryselect {
        width: 34%
    }
}

@media screen and (min-width :1920px) {
    .coutryselect {
        width: 27%
    }
}

@media screen and (max-width :830px) {
    .menu {
        display: none;
        flex-wrap: nowrap
    }

    .burger,
    .label,
    .menu a {
        display: inline-block
    }

    .label {
        cursor: pointer;
        float: right
    }

    .menu a {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width:1024px) {

    .benefit-card .card,
    .benefit-card1 .card,
    .benefit-card2 .card {
        height: auto
    }

    .location,
    .location1 {
        background-size: 100% 100%
    }

    .location1 h3 {
        padding-top: 120px
    }

    .form {
        position: inherit;
        width: 94%;
        bottom: 0;
        margin-bottom: 10px;
        transform: inherit;
        left: 3%;
        background-color: rgba(255, 255, 255, .9);
        box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);
        transform: inherit;
        border-radius: 10px;
        opacity: .98;
        padding: 20px 45px;
        margin-top: 25px
    }

    .owl-next {
        right: -30px !important
    }

    .owl-prev {
        left: -30px !important
    }

    .wellness-right img {
        width: 100%
    }

    .carousel-data {
        top: 45%
    }

    .wellness ul li {
        font-size: 16px
    }

    .wellness {
        padding: 40px 0
    }
}

@media screen and (max-width:768px) {
    .carousel-data {
        top: 40%
    }
}

@media screen and (max-width:450px) {
    iframe {
        width: 100%;
    }
    .helpsection p span {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .benefits,
    .location1 {
        background-image: none
    }

    .legacy h3,
    .location h2,
    .location1 h3,
    .wellness h3 {
        font-size: 22px
    }

    .location1,
    .wellness {
        background-size: 100% 100%
    }

    .dropdowncountry .title {
        margin: 3px;
        width: 87%;
        position: relative;
        top: 17px
    }

    .carousel-data {
        width: 75%;
        height: auto;
        top: 45%;
        left: 10%;
        position: absolute
    }

    .form,
    form button {
        position: inherit;
        left: 0;
        transform: inherit
    }

    /* .carousel-item img {
        height: 250px
    } */

    .carousel-data>:first-child {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        font-family: Georgia
    }

    .carousel-data>:nth-child(2) {
        font-size: 14px;
        font-family: verdana;
        color: #fff
    }

    .form {
        width: 90%;
        margin-left: 5%;
        bottom: 0;
        margin-bottom: 50px;
        background-color: #fff;
        box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);
        border-radius: 10px;
        opacity: .98;
        padding: 10px 20px 20px;
        margin-top: 25px
    }

    #form_register_btn,
    .location,
    .wellness-right img {
        width: 100%
    }

    .form p {
        margin-top: 6%
    }

    .service {
        padding-top: 0;
        padding-bottom: 0
    }

    .benefits {
        padding-top: 40px
    }

    .legacy,
    .location1 h3 {
        padding-top: 0
    }

    .location1 {
        background-color: #7c3458
    }

    .benefit-card .card,
    .benefit-card1 .card,
    .benefit-card2 .card {
        box-shadow: 0 0 19px 1px rgb(0 0 0 / 10%);
        height: auto;
        width: 90%;
        background-color: #fff;
        opacity: .9;
        margin-left: 5%;
        border-radius: 10px;
        margin-bottom: 30px
    }

    .benefit-card,
    .benefit-card1,
    .benefit-card2 {
        width: 100%;
        display: inherit;
        flex-direction: inherit
    }

    .wellness {
        padding: 50px 0
    }

    .location {
        background-size: auto;
        float: left;
        padding: 30px 0
    }

    form button {
        background-color: #f0941c;
        color: #fff;
        border: 0;
        border-radius: 10px;
        width: 50%;
        padding: 5px;
        font-weight: 400;
        opacity: 1;
        margin-top: 10px;
        justify-content: center;
        font-family: Verdana;
        font-size: 14px
    }

    .footer-bottom {
        text-align: center
    }

    .footer-bottom .text-right {
        text-align: center !important
    }

    .service-data>:first-child {
        font-size: 20px
    }

    .input1,
    .input2 {
        margin-left: 0
    }

    .form-control {
        width: 100% !important
    }

    .owl-next {
        right: -14px !important
    }

    .owl-prev {
        left: -14px !important
    }

    .coutryselect {
        width: 24%
    }
}

@media screen and (max-width:375px) {
    .benefits-header p {
        font-size: 20px
    }

    .coutryselect {
        width: 28%
    }
}

@media screen and (max-width:360px) {
    .benefits-header p {
        font-size: 18px
    }

    .legacy h3,
    .location h2,
    .wellness h3 {
        font-size: 20px
    }

    .location p {
        font-size: 16px
    }

    .coutryselect {
        width: 29%
    }
}

@media screen and (max-width:320px) {
    .coutryselect {
        width: 33%
    }
}

.hide {
    max-height: 0 !important
}

.dropdowncountry {
    position: absolute;
    top: -5px;
    height: 30px;
    border: none;
    left: 5px;
    outline: 0;
    border-radius: 4px;
    color: #666;
    background-color: transparent
}

.coutrycode-div,
.home,
.newsletterform,
a.vedioimg,
section.ban_sec,
section.helpsection.carehomesec ul li {
    position: relative
}

.dropdowncountry .title,
.dropdowncountry1 .title {
    margin: 3px;
    width: 87%;
    position: relative
}

.dropdowncountry .title .fa {
    float: right;
    margin-right: 15px;
    transition: transform .3s;
    padding-top: 0
}

.dropdowncountry .menudrop {
    max-height: 15em;
    width: 190px;
    position: absolute;
    top: 31px;
    background-color: #fff
}

.menudrop::-webkit-scrollbar {
    width: 5px
}

.menudrop::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #fdfdfd
}

.menudrop::-webkit-scrollbar-thumb {
    background-color: #610631;
    outline: #fdfdfd solid 0
}

.dropdowncountry .menudrop .option,
.dropdowncountrynew .menudrop1 .option {
    margin: .3em
}

.dropdowncountry .menudrop .option:hover {
    background: rgba(0, 0, 0, .2)
}

.pointerCursor:hover {
    cursor: pointer
}

@media screen and (min-width :920px) and (max-width :1024px) {
    .dropdowncountry {
        width: 30%
    }
    
}

body,
html {
    max-width: 100%
}

.benefits-header p,
.form h5,
.header-mobile-no p,
.header-mobile-no1 p,
.menu a,
.menu a:hover,
.service-data p,
.service-data p b {
    color: #610631
}

.header-mobile-no p span,
.header-mobile-no1 p span,
form button {
    font-weight: 400
}

.wellness ul li,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    font-family: fedrafont !important
}

.header-mobile-no p,
.helpsection a,
.helpsection a:hover,
a#whatsapp,
a.appointment:hover {
    text-decoration: none
}

@font-face {
    font-display: swap;
    font-family: fedrafont;
    src: url(fonts/fedra_sans_light.ttf)
}

@font-face {
    font-display: swap;
    font-family: fedrafont;
    src: url(fonts/fedra_sans_book.ttf)
}

@font-face {
    font-family: mr-eaves-modern;
    src: url(https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-display: swap;
    font-style: normal;
    font-stretch: normal
}

.fixed-top {
    background-color: rgb(255 255 255 / .9) !important;
    border-bottom: 1px solid #ddd
}

.fixed {
    background-color: #fff !important;
    box-shadow: 0 0 3px rgb(35 35 35 / 44%) !important
}

.card {
    border: none !important
}

.act,
.menu a:hover {
    border-bottom: 4px solid #610631
}

.navbar {
    padding: 0 1rem !important
}

.navbar-brand img {
    width: 175px
}
  
.label {
    float: right;
    font-size: 26px;
    width: 26px
} 
 
.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 55%
}

button.owl-next,
button.owl-prev {
    outline: 0
}

.owl-nav button,
button:focus {
    outline: 0 !important
}

.act,
.ban_text h4 b,
.benefits-header p b,
.carousel-contant h4 b,
.form h5,
.header-mobile-no1 p,
.helpsection h4 b,
.service p,
.whyussection h4 b {
    font-weight: 700
}

/* .home {
    width: 100%;
    margin-top: 86px
} */

.fixed-top,
.menudrop1.pointerCursor {
    display: block
}

.navbar-light .navbar-brand {
    color: rgb(0 0 0 / .9);
    width: auto;
    text-align: center
}

.header-mobile-no,
.header-mobile-no1 {
    width: 10%;
    text-align: right
}

.benefits-data,
.benefits-header p,
.form h5,
.item,
.item .card .logo-text,
.legacy,
.location,
.location h2,
.service-data p,
a#whatsapp {
    text-align: center
}

.header-mobile-no p {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 22px
}

.header-mobile-no p a {
    color: #610631;
    text-decoration: none
}

.carousel-data {
    width: 50%;
    height: 250px;
    top: 30%;
    left: 50%;
    position: absolute
}

.next,
.prev {
    top: 58%;
    position: absolute
}

.carousel-data>:first-child {
    color: #fff;
    position: absolute;
    font-size: 50px;
    font-weight: 700
}

.carousel-data>:nth-child(2) {
    position: absolute;
    top: 40%;
    font-size: 26px;
    color: #fff
}

.next {
    left: 94%
}

.prev {
    left: 4%
}

.form {
    background-color: rgb(255 255 255 / .9)
}

.form h5 {
    font-size: 15px;
    margin-top: 20px
}

.form p {
    font-size: 12px;
    margin-top: 2%
}

.form-control {
    font-family: verdana;
    background-color: #fff !important;
    border: .2px solid #610631 !important;
    display: inline !important;
    margin-top: 10px;
    color: #610631 !important;
    box-shadow: none !important;
    font-size: 14px !important
}

::placeholder {
    color: #fff;
    opacity: 1
}

.input1,
.input2,
.input3 {
    margin-left: 0
}

form button {
    background-color: #f0941c;
    color: #fff;
    border: 0;
    border-radius: 5px;
    width: 46%;
    float: left;
    min-height: 47px;
    padding: 5px;
    opacity: 1;
    margin-top: 10px;
    justify-content: center;
    font-size: 14px
}

.service {
    height: auto;
    padding: 100px 0 0
}

.benefits,
.legacy {
    width: 100%;
    padding: 50px 0
}

.service-data p b {
    font-size: 26px
}

.service-data p {
    font-size: 18px;
    font-family: Verdana, sans-serif;
    font-weight: 300;
    padding: 0 15%;
    margin-bottom: 30px;
    line-height: 26px
}

.item {
    margin-top: 50px
}

.item .card .logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%
}

.item .card .logo-text {
    color: #484737;
    margin-top: 10px;
    font-size: 14px
}

.benefits {
    float: left;
    background-image: url(../images/rectangle-3new.png);
    background-size: 100% 100%;
}

.location,
.location1 {
    background-size: 100%;
    float: left
}

.benefits-header,
.legacy-header {
    width: 100%;
    text-align: center
}

.benefits-header p {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 200;
    font-family: mr-eaves-modern !important
}

.benefits-data p {
    color: #484737;
    font-size: 18px;
    margin-bottom: 40px
}

.benefit-card,
.benefit-card1,
.benefit-card2 {
    width: 100%;
    display: flex;
    flex-direction: row
}

.benefit-card {
    top: 240px
}

.benefit-card1 {
    top: 480px
}

.benefit-card2 {
    top: 720px
}

.benefit-card .card,
.benefit-card1 .card,
.benefit-card2 .card {
    box-shadow: 0 0 19px 1px rgb(0 0 0 / .1);
    width: 40%;
    background-color: #fff;
    opacity: .9;
    margin-left: 6%;
    border-radius: 10px;
    margin-bottom: 30px
}

.benefit-card .card .card-body ul,
.benefit-card1 .card .card-body ul,
.benefit-card2 .card .card-body ul {
    padding-left: 20px
}

.copyright,
.legacy {
    float: left
}

.legacy h3,
.wellness h3 {
    font-size: 26px;
    color: #610631;
    font-weight: 700;
    margin-bottom: 30px
}

.legacy-data {
    margin: 0 auto;
    width: 50%
}

.legacy-data>:first-child {
    font-size: 18px;
    font-weight: 400;
    color: #610631
}

.legacy-bg {
    background-image: url(images/flower.png);
    width: 356px;
    height: 536px;
    margin-left: 0;
    padding-left: 0;
    transform: rotate(180deg)
}

.legacy-footer {
    margin-top: 1%;
    position: absolute
}

.legacy p {
    font-size: 16px;
    color: #484737;
    font-weight: 400
}

.location1 h3,
.location1 h5 {
    font-weight: 700;
    text-align: center;
    color: #fff3dc
}

.location1 {
    width: 100%;
    padding: 40px 0;
    background-image: url(../images/location.png)
}

.location-header,
.wellness-right img,
section.ban_sec img {
    width: 100%
}

.location1 h3 {
    font-size: 26px;
    padding-top: 175px;
    margin-bottom: 30px
}

.location1 h5 {
    font-size: 18px
}

.location1 p {
    font-size: 16px;
    color: #fff3dc;
    text-align: left;
    font-weight: 400
}

.location1 ul {
    padding: 0 0 0 15px
}

.location-header1 h2 {
    text-align: center;
    color: #fff;
    font-size: 38px;
    padding-top: 40px
}

.location {
    width: 100%;
    padding: 50px 0;
    background-image: url(../images/foot-img.jpg)
}

.location h2 {
    color: #fff;
    font-size: 38px;
    padding-top: 0
}

.location p,
.location1 ul li {
    color: #fff3dc;
    font-weight: 400
}

.location p {
    font-size: 18px
}

.location ul li,
.location-footer p {
    font-size: 14px;
    color: #fff3dc;
    font-weight: 400
}

.location-footer {
    position: absolute;
    top: 30px
}

.location-footer p,
.reviewsection .card-body p {
    text-align: left
}

.location1 ul li {
    font-size: 16px;
    line-height: 26px
}

.wellness {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-image: url(../images/wellness-pillar-bg.png);
    background-size: 70% 100%
}

.wellness h6 {
    font-size: 26px;
    color: #610631;
    font-weight: 700
}

.wellness p {
    font-size: 20px;
    color: #484737;
    font-weight: 400
}

.wellness ul {
    padding: 0;
    padding-left: 15
}

.wellness-data {
    transform: translateY(-25%);
    width: 100%
}

.wellness ul li {
    margin-left: 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #484737;
    line-height: 34px
}

.antara p,
.footer-bottom p,
.footer-data ul a,
.footer-data>:nth-child(2),
.footer-right p {
    font-size: 14px;
    font-weight: 400
}

.footer-bottom {
    width: 100%;
    float: left;
    padding: 10px 0;
    background-color: #67122f
}

.footer-bottom p {
    margin-bottom: 0;
    color: #fff
}

.footer {
    height: auto
}

.footer-img {
    width: 100%;
    height: 200px
}

.footer-img img {
    margin-top: 5%
}

.footer-data>:nth-child(2) {
    color: #fff;
    margin-top: 10px
}

.footer-data ul a {
    color: #fff;
    line-height: 2.86;
    font-stretch: normal;
    font-style: normal;
    display: block
}

.antara p,
.emailfoot:hover a,
.footer-right p,
.offersec li:hover p {
    color: #fff
}

.footer-right img {
    margin-right: 5px
}

.antara {
    width: 100%;
    background-color: #484737
}

p.disclaimer {
    padding: 16px 20px 0;
    float: left;
    width: 100%
}

@media screen and (max-width :830px) {
    .menu {
        display: none;
        flex-wrap: nowrap
    }

    .burger,
    .label,
    .menu a {
        display: inline-block
    }

    .label {
        cursor: pointer;
        float: right;
        margin-bottom: 0
    }

    .menu a {
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width:1024px) {

    .benefit-card .card,
    .benefit-card1 .card,
    .benefit-card2 .card {
        height: auto
    }

    .location,
    .location1 {
        background-size: 100% 100%
    }

    .location1 h3 {
        padding-top: 120px
    }

    .form {
        position: inherit;
        width: 96%;
        bottom: 0;
        margin-bottom: 10px;
        transform: inherit;
        left: 2%;
        background-color: rgb(255 255 255 / .9);
        box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);
        transform: inherit;
        border-radius: 10px;
        opacity: .98;
        padding: 20px;
        margin-top: 25px
    }

    .owl-next {
        right: -30px !important
    }

    .owl-prev {
        left: -30px !important
    }

    .wellness-right img {
        width: 100%
    }

    .carousel-data,
    .next,
    .prev {
        top: 45%
    }

    .wellness ul li {
        font-size: 16px
    }

    .wellness {
        padding: 40px 0
    }

    /* .home {
    margin-top: 86px;
    } */

    .form-control {
        width: 32% !important
    }

    select.form-control.input3 {
        width: 65% !important
    }

    .menu {
        margin-left: 15%
    }

    .header-mobile-no {
        width: 15%;
        text-align: right
    }

    img.img-fluid.banner-img-dev {
        margin-top: 35px
    }
}

.dropdowncountry1 .title .fa {
    float: right;
    margin-right: 3px;
    transition: transform .3s;
    padding-top: 0
}

.dropdowncountry1 .menudrop1 {
    top: 50px
}

.site,
div#codeonly1 i.fa.fa-angle-down {
    float: right
}

.dropdowncountrynew {
    position: absolute;
    top: -5px;
    height: 30px;
    border: none;
    left: 5px;
    outline: 0;
    border-radius: 4px;
    color: #666;
    width: 31%;
    background-color: #fff0
}

.dropdowncountrynew .menudrop1 {
    max-height: 10em;
    width: 190px;
    position: absolute;
    top: 35px;
    background-color: #fff
}

@media screen and (max-width:912px) {
    img.img-fluid.banner-img-dev {
        margin-top: 35px
    }

    .carousel-data,
    .next,
    .prev {
        top: 40%
    }

    .header-mobile-no {
        display: none
    }

    .header-mobile-no1 {
        display: block;
        width: 37%;
        margin-right: 20px;
        margin-left: 30%
    }

    .header-mobile-no1 p {
        margin-bottom: 0
    }
}

.dropdowncountry {
    width: 37%
}

@media screen and (max-width:450px) {

    .benefits,
    .location1 {
        background-image: none
    }

    .location1,
    .wellness {
        background-size: 100% 100%
    }

    .coutrycode-div {
        position: relative;
        display: flex
    }

    .dropdowncountry .title {
        margin: 3px;
        width: 87% !important
    }

    .dropdowncountry .menudrop {
        top: 50px
    }

    .phoneno {
        padding-left: 80px !important
    }

    .carousel-indicators {
        display: block !important;
        text-align: center;
        margin-bottom: 10px
    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 5px !important;
        height: 5px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 !important;
        background-clip: padding-box;
        border-top: 0 solid transparent !important;
        border-bottom: 0 solid transparent !important;
        opacity: .5;
        transition: opacity .6s;
        display: inline-block;
        margin: 0 auto;
        border-radius: 50px !important
    }

    .next img.img-fluid,
    .prev img.img-fluid {
        width: 7px
    }

    .header-mobile-no,
    .next,
    .prev {
        display: none
    }

    .carousel-data {
        width: 75%;
        height: auto;
        top: 45%;
        left: 10%;
        position: absolute
    }

    .form,
    form button {
        position: inherit;
        left: 0;
        transform: inherit
    }

    .carousel-data>:first-child {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        font-family: Georgia
    }

    .carousel-data>:nth-child(2) {
        font-size: 14px;
        font-family: verdana;
        color: #fff
    }

    .form {
        width: 90%;
        margin-left: 5%;
        bottom: 0;
        margin-bottom: 50px;
        background-color: #fff;
        box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);
        border-radius: 10px;
        opacity: .98;
        padding: 10px 20px 20px;
        margin-top: 0px
    }

    .next,
    .prev {
        position: absolute;
        top: 24%
    }

    #form_register_btn,
    .location,
    .wellness-right img {
        width: 100%
    }

    .form p {
        margin-top: 6%
    }

    .service {
        padding-top: 30px;
        padding-bottom: 0
    }

    .benefits,
    .legacy,
    .location1 h3 {
        padding-top: 0
    }

    .location p {
        font-size: 16px
    }

    .legacy h3,
    .location h2,
    .location1 h3,
    .wellness h3 {
        font-size: 22px
    }

    .location1 {
        background-color: #7c3458
    }

    .benefit-card .card,
    .benefit-card1 .card,
    .benefit-card2 .card {
        box-shadow: 0 0 19px 1px rgb(0 0 0 / 10%);
        height: auto;
        width: 90%;
        background-color: #fff;
        opacity: .9;
        margin-left: 5%;
        border-radius: 10px;
        margin-bottom: 30px
    }

    .benefit-card,
    .benefit-card1,
    .benefit-card2 {
        width: 100%;
        display: inherit;
        flex-direction: inherit
    }

    .wellness {
        padding: 50px 0
    }

    .location {
        background-size: auto;
        float: left;
        padding: 30px 0;
        font-size: 15px
    }

    form button {
        background-color: #f0941c;
        color: #fff;
        border: 0;
        border-radius: 10px;
        width: 50%;
        padding: 5px;
        font-weight: 400;
        opacity: 1;
        margin-top: 10px;
        justify-content: center;
        font-family: Verdana;
        font-size: 14px
    }

    .footer-bottom {
        text-align: center
    }

    .footer-bottom .text-right {
        text-align: center !important
    }

    .service-data>:first-child {
        font-size: 20px
    }

    .input1,
    .input2 {
        margin-left: 0
    }

    .form-control,
    select.form-control.input3 {
        width: 100% !important
    }

    .owl-next {
        right: -14px !important
    }

    .owl-prev {
        left: -14px !important
    }
/* 
    .home {

        height: auto
    } */

    .next {
        left: 97%
    }

    .prev {
        right: 15%;
        left: 2%
    }

    .header-mobile-no1 {
        display: block;
        width: 37%;
        margin-right: 20px;
        margin-left: 0
    }

    .header-mobile-no1 p {
        font-size: 17px;
        margin-bottom: 0
    }

    .header-mobile-no1 p a {
        color: #610631
    }
}

.ban_text h4,
.helpsection h4,
.offersec li p,
.reviewsection h4,
.whyussection h4,
form h4,
section#service h4,
section.helpsection.carehomesec ul li {
    font-family: mr-eaves-modern !important
}

.ban_text,
.form {
    position: absolute
}

.helpsection,
.offersec li {
    background-size: 100% 100%
}

a#whatsapp,
button#submit {
    width: 47%;
    min-height: 45px;
    border-radius: 5px;
    float: left
}

@media screen and (max-width:375px) {
    .benefits-header p {
        font-size: 20px
    }

    .navbar-brand img {
        width: 120px
    }

    /* .home {
        margin-top: 81px
    } */
}

@media screen and (max-width:540px) {
    .navbar-brand img {
        width: 160px
    }

    .fixed-top {
        height: 85px;
    }

    img.img-fluid.banner-img-mob {
        display: block;
        width: 100%;
        height: auto;
    }
    .ban_text, .form {
        position: relative;
    }
    .form {
        position: relative;
        width: 94%;
        margin-left: 3%;
    }


    img.img-fluid.banner-img-dev {
        display: none
    }
    .carousel {
        position: relative;
        min-height: 381px;
    }
}

@media screen and (max-width:360px) {
    .benefits-header p {
        font-size: 18px
    }

    .legacy h3,
    .location h2,
    .wellness h3 {
        font-size: 20px
    }

    .location p {
        font-size: 13px
    }

    .navbar-brand img {
        /* width: 90px */
        width: 115px
        
    }

    .header-mobile-no1 p {
        font-size: 12px;
        margin-bottom: 0
    }
}

@media screen and (min-width:335px) and (max-width:390px) {
    .header-mobile-no1 p {
        font-size: 12px;
        margin-bottom: 0
    }

    .header-mobile-no1 {
        display: block;
        width: 34%
    }
}

@media screen and (min-width :768px) and (max-width :920px) {
    .dropdowncountry {
        width: 37%
    }

    .dropdowncountry .title {
        width: 100%
    }
}

.form {
    width: 75%;
    bottom: -0px;
    transform: translateY(-55%);
    left: 32%;
    background-color: #7e354ddb;
    box-shadow: 0 0 20px 1px rgb(0 0 0 / .1);
    transform: translateX(-25%);
    border-radius: 10px 10px 0 0;
    opacity: .98;
    padding: 15px 30px 15px 32px
}

.form-control {
    width: 100% !important;
    height: 45px !important;
    border-radius: 5px !important;
    margin-bottom: 10px
}

div#input_name {
    padding: 0 15px
}

.form p {
    color: #fff;
    display: flex
}

.helpsection h4,
form h4 {
    color: #610631;
    text-align: left
}

button#submit {
    margin: 10px 0
}

a#whatsapp {
    margin: 10px 0 0 24px;
    background-color: #24cc63;
    padding: 10px;
    color: #fff;
    font-size: 15px
}

.fa-whatsapp:before {
    content: "\f232";
    font-size: 20px
}

.helpsection {
    padding: 70px 0 100px;
    text-align: left;
    float: left;
    width: 100%;
    background-image: url(../images/mandla.png);
    background-color: #f5f5f5
}

.helpsection h4 {
    margin: 20px 0 50px;
    font-size: 50px;
    font-weight: 100
}

form h4 {
    margin: 10px;
    font-size: 33px;
    font-weight: 400
}

section.helpsection.carehomesec {
    background-color: #fff
}

.helpsection a {
    display: flex;
    float: left;
    margin-right: 30%
}

.helpsection.carehomesec p {
    font-size: 18px;
    color: #000;
    font-weight: 200
}

.fa:before {
    font-size: 23px !important;
    padding-top: 16px
}

.helpsection p {
    color: #67122f;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.ban_text h4,
.reviewsection h4 {
    font-size: 50px
}

.helpsection p span {
    font-size: 17px;
    color: #000;
    text-decoration: underline;
    margin-top: 7px;
    float: left;
    font-weight: 600;
    margin-bottom: 40px;
    margin-left: 30px
}

.helpsection a i.fa {
    margin-right: 10px
}

.helpsection .fa-whatsapp:before {
    content: "\f232";
    color: #24cc63
}

.helpsection .fa-phone:before {
    content: "\f095";
    color: #67122f
}

section.helpsection.carehomesec ul {
    padding-left: 0;
    margin-top: 30px
}

section.helpsection.carehomesec ul li {
    font-size: 30px;
    color: #000;
    padding: 7px 0 7px 25px;
    border-bottom: 2px solid #f5f5f5;
    width: 78%;
    list-style: none;
    font-weight: 300;
    height: 54px;
    line-height: 35px
}

#form_register_btn {
    width: 100% !important;
    padding: 0 4px
}

section.helpsection.carehomesec ul li:hover {
    color: #610631;
    font-weight: 400;
    font-size: 30px
}

section.helpsection.carehomesec ul li:after {
    position: absolute;
    left: 0;
    content: url(../images/staricon.png)
}

.helpsection.carehomesec img.secimage {
    width: 100%;
    padding: 70px 20px 0
}

.offersec li {
    background-image: url(../images/offerbg.png);
    list-style: none;
    text-align: center;
   width: 23%;
    /* width: 31%; */
    float: left;
    margin: 1%;
/*    min-height: 205px;*/
min-height: 220px;
    padding: 20px
}

.offersec li:hover {
    background-image: url(../images/offerbghover.png)
}

section.helpsection.carehomesec ul li:last-child {
    border-bottom: none
}

ul.offersec {
    float: left;
    padding: 0;
/*    width: 86%;*/
 /* width: 70% */
 width: 90%;
    margin: 0 auto
}

.offersec li img {
/*    padding-top: 35px;*/
padding-top: 40px;
    padding-bottom: 10px;
    filter: brightness(1) ;width: auto;
    height: auto
}

.offersec li p {
    font-size: 16px;
    line-height: 16px;
    color: #610631
}

.offersec li:hover img {
    filter: brightness(0) invert(1)
}

section.ban_sec {
    float: left;
    width: 100%
}

.ban_text {
    top: 37%;
    left: 70px
}

.ban_text h4 {
    color: #fff;
    font-weight: 100
}

.reviewsection h4,
.whyussection h4 {
    color: #610631;
    text-align: center
}

section#service h4 {
    font-size: 50px;
    text-align: center
}

.reviewsection {
    background-color: #e2d39e;
    float: left;
    width: 100%;
    padding: 50px
}

.reviewsection .item .card .logo-text {
    text-align: left;
    color: #484737;
    margin: 3px 0;
    font-size: 14px;
    display: flex
}

.reviewsection .owl-carousel .owl-item img {
    display: block;
    width: auto;
    object-fit: contain;
    margin-right: 10px
}

.reviewsection p span,
.user span {
    padding-top: 6px
}

.setpadding {
    padding: 0 20px
}

.card-body {
    padding-bottom: 0
}

.reviewsection .card {
    border-radius: 12px;
    min-height: 300px;
    /* min-height: 363px */
}

p.reviewdetail {
    font-size: 15px;
    padding-top: 20px
}

.whyussection h4 {
    font-weight: 200;
    float: left;
    font-size: 50px
}

.copyright p,
.footer .f-link ul li a,
.footer p,
.social-contact {
    font-family: fedrafont
}

.footer .single-footer h3,
.tk-mr-eaves-modern {
    font-family: mr-eaves-modern, sans-serif
}

.whyussection .appointment {
    background-color: #610631;
    padding: 10px 25px;
    float: right;
    color: #fff;
    border-radius: 10px
}

a.vedioimg {
    float: left;
    width: 100%;
    margin-top: 30px
}

img.playicon {
    position: absolute;
    top: 45%;
    z-index: 99;
    right: 47%
}

section.whyussection {
    float: left;
    width: 100%;
    padding: 100px 0 70px;
    position: relative
}

section.whyussection:after {
    position: absolute;
    content: url(../images/mundla.png);
    top: -360px;
    left: -360px;
    z-index: -1
}

section.whyussection:before {
    position: absolute;
    content: url(../images/mundlapink.png);
    bottom: -360px;
    right: -360px;
    z-index: -1
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    color: #fff;
    opacity: 1
}

.modal-header {
    padding: 0 !important;
    position: absolute;
    z-index: 9;
    right: 9px;
    color: #fff;
    border: none !important
}

#myModal .modal-header:hover button.close {
    color: #fff;
    opacity: 1
}

.modal-body {
    padding: 0 !important;
    position: relative
}

.modal-body iframe {
    float: left;
    width: 100%;
    height: 400px
}

div#myModal .modal-dialog {
    width: 880px;
    max-width: 800px;
    min-height: 400px;
    -webkit-transform: none;
    transform: none
}

.modal-dialog {
    max-width: 600px;
    margin: 3.75rem auto
}

#myModal1 .modal-content {
    padding: 30px
}

#myModal1 .modal-header .close {
    color: #000;
    padding: 0 1rem;
    margin: -1rem -1rem -1rem auto
}

#myModal1 .modal-header {
    padding: 0;
    border: none
}

#myModal1 a#whatsapp {
    width: 46%
}

#myModal1 p.form_text {
    display: flex
}

.text-center h4 {
    width: 100%;
    margin: 30px 0
}

section.whyussection p {
    padding: 10px 20%;
    float: left;
    width: 100%;
    color: #4b4b4b;
    font-weight: 600;
    font-size: 15px
}

.footer {
    background-color: #67122f;
    width: 100%;
    float: left
}

.footer .footer-middle {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #67122f
}

.inner .col-lg-12.col-md-6.col-12 {
    display: flex;
    padding-bottom: 15px
}

.footer-bottom {
    padding-bottom: 10px
}

.footer .single-footer {
    margin-top: 30px
}

.footer ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer .f-link ul li {
    margin-bottom: 15px;
    position: relative
}

.footer .f-link ul li a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize
}

.footer .f-link ul li a:hover {
    color: #be9c53
}

.footer .single-footer h3 {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px
}

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

.footer .single-footer .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff !important;
    background-color: transparent !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.footer .single-footer .form-control::placeholder {
    color: #fff !important
}

.newsletterform .btn-icon {
    background: url(../images/arrow_foot.png) center center no-repeat;
    height: 30px;
    width: 30px;
    border: 0;
    position: absolute;
    right: 5px;
    top: 5px
}

.checkoutPP .form-group {
    display: block;
    margin-bottom: 0;
    margin-top: 5px
}

.checkoutPP .form-group label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%
}

.footer .checkoutPP .form-group label:before {
    background-color: #fff0;
    border-radius: 6px;
    content: '';
    -webkit-appearance: none;
    background-color: #fff0;
    border: 1px solid #ababab;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0 -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    cursor: pointer;
    margin-right: 15px;
    text-align: center;
    float: left;
    margin-top: 4px
}

.checkoutPP .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkoutPP p {
    float: left;
    width: 90%;
    font-size: 13px;
    text-align: left;
    margin: 0;
    padding: 5px 1px;
    line-height: 17px;
    color: #fff
}

.emailfoot {
    margin: 20px 0
}

.emailfoot a,
.other-links li a {
    font-size: 15px;
    font-family: fedrafont;
    color: #fff;
    text-decoration: none
}

.checkoutPP .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 7px;
    width: 6px;
    height: 12px;
    border: solid #b3b3b3;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.social-contact {
    color: #fff;
    float: right;
    padding: 0 10px 0 0;
    font-size: 18px;
    margin-top: 18px
}

.social-links {
    margin: 0 0 5px;
    padding: 0 0 12px !important;
    float: right
}

.social-links li {
    list-style-type: none;
    font-size: 24px;
    display: inline-block;
    padding-right: 5px;
    margin: 5px 0;
    float: inline-start
}

.social-links li a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 6px 7px;
    font-size: 16px;
    display: inline-block;
    text-align: center
}

.social-links .fa:before {
    font-size: 19px !important;
    padding-top: 16px
}

.other-links li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 10px;
    line-height: 15px
}

.header-mobile-no p,
.navbar-nav>li p {
    line-height: 22px
}

.copyright p {
    font-size: 14px;
    color: #fff;
    padding: 0 10px
}

.footer p a {
    color: #fff;
    text-decoration: none
}

.whyussection .text-center h4 {
    margin: 10px 0 0;
    width: 100%;
    font-weight: 600;
    font-size: 38px;
    float: left
}

.whyussection .col-md-4.text-center p {
    margin-bottom: 0;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
    font-family: mr-eaves-modern !important
}

.whyussection .col-md-4.text-center {
    margin: 50px 0;
    border-right: 2px solid #f5f5f5
}

.whyussection hr {
    width: 10%;
    margin: 0 45% auto;
    float: left;
    border-right: 2px solid #ccc
}

img.img-fluid.mailogo {
    width: 49%
}

.col-sm-12.col-md-12.text-center h4 {
    font-weight: 200;
    font-size: 50px;
    margin-bottom: 30px
}

.carousel-contant {
    position: absolute;
    top: 27%;
    z-index: 9;
    width: 100%
}

.carousel-contant h4 {
    color: #fff;
    font-size: 50px;
    text-align: left;
    font-weight: 200;
    font-family: mr-eaves-modern !important;
    float: left;
    width: 100%
}

.carousel-contant p {
    color: #ccc;
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 600
}

i.fa.fa-chevron-left,
i.fa.fa-chevron-right {
    color: #fff;
    margin-top: 9px
}

.fa-envelope:before {
    content: "\f0e0";
    font-size: 15px !important
}

input#random,
input#random1 {
    box-sizing: border-box;
    padding: 0;
    height: 23px;
    margin-right: 5px;
    width: 35px
}

@media screen and (max-width:767px) {

    .copyright,
    benefits-data p {
        text-align: left
    }

    .benefits-data p,
    .footer-bottom .col-lg-12.col-md-6.col-12,
    .helpsection,
    .helpsection .col-xs-12.col-sm-7.col-md-7.ml-auto.mr-auto.benefits-data,
    div#input_name {
        padding: 0
    }

    #form_register_btn {
        width: 100% !important;
        padding: 0 15px
    }

    .email p span,
    .offersec li p {
        font-size: 15px
    }

    form h4 {
        font-weight: 400
    }

    .benefits-data p br {
        display: none
    }

    .dropdowncountrynew {
        width: 18%
    }

    div#codeonly1 {
        margin-top: 26px
    }

    .dropdowncountrynew .menudrop1 {
        top: 53px;
        background-color: #fff
    }

    div#myModal .modal-dialog {
        width: 96%
    }

    #myModal1 a#whatsapp,
    button#submit,
    form button,
    ul.offersec {
        width: 100%
    }

    .col-sm-12.col-md-12.text-center p img.img-fluid.vediobg {
        width: 82px
    }

    button.owl-next {
        margin: 0 -5px 0 0 !important
    }

    button.owl-prev {
        margin: 0 0 0 -5px !important
    }

    .copyright,
    .footer p,
    .whyussection .appointment {
        float: left
    }

    .logo img {
        height: auto;
        width: 175px
    }


    .carousel-contant {
        padding: 0 10px
    }

    .carousel-contant h4 {
        color: #fff;
        font-size: 43px;
        margin-top: 65px
    }

    .carousel-contant p {
        color: #fff;
        font-size: 17px
    }

    .fixed-top {
        padding: 3px 0 !important
    }

    .form {
        position: relative;
        width: 100%;
        transform: translateY(-55%);
        left: 0;
        background-color: #7e354ddb;
        box-shadow: 0 0 20px 1px rgb(0 0 0 / .1);
        transform: none;
        border-radius: 0;
        opacity: .98;
        padding: 15px 30px 15px 32px;
        margin-left: 0;
    }

    .dropdowncountry .title {
        margin: 8px 3px 3px;
        width: 52% !important;
        padding-bottom: 30px
    }

    .ban_text {
        position: absolute;
        top: 62%;
        left: 23px
    }

    .ban_text h4 {
        font-size: 35px
    }

    a#whatsapp {
        width: 100%;
        min-height: 45px;
        margin: 10px 0 0
    }

    .benefits-header p {
        font-size: 40px
    }

    .offersec li {
        min-height: 183px;
        width: 48%;
        margin: 10px 1%;
        padding: 20px 16px 0
    }

    .offersec li img {
        padding-top: 24px;
        padding-bottom: 5px
    }

    .helpsection h4 {
        margin: 50px 0 20px;
        font-size: 39px
    }

    section.helpsection.carehomesec ul li {
        font-size: 25px;
        padding: 7px 0 7px 20px;
        height: 48px;
        width: 100%
    }

    .helpsection.carehomesec img.secimage {
        width: 100%;
        padding: 30px 0
    }

    .reviewsection,
    section.whyussection {
        padding: 50px 0
    }

    .whyussection .col-md-4.text-center {
        margin: 30px 0 0
    }

    .col-sm-12.col-md-12.text-center h4 {
        margin-top: 40px;
        font-weight: 200;
        font-size: 28px;
        margin-bottom: 30px
    }

    section.whyussection .col-sm-12.col-md-12.text-center p {
        padding: 10px 0;
        margin-bottom: 0;
        text-align: left
    }

    .col-sm-12.col-md-12.text-center h4 img.img-fluid.vediobg {
        width: 100px
    }

    section.whyussection p,
    ul.other-links {
        padding: 10px 0
    }

    .helpsection a {
        width: 50%;
        float: left
    }

    .footer ul,
    .site,
    ol {
        width: 100%;
        float: left
    }

    .footer .checkoutPP .form-group label:before,
    .helpsection a i.fa {
        margin-right: 5px
    }

    .col-lg-12.col-md-12.col-12.wraprevers {
        flex-wrap: wrap-reverse;
        display: flex
    }

    .footer .f-link ul li {
        margin-bottom: 5px;
        width: 50%;
        float: left
    }

    .footer .f-link ul li a {
        font-size: 14px
    }

    .footer .single-footer {
        margin-top: 30px
    }

    .copyright p {
        font-size: 12px;
        padding: 3px 6px
    }

    .site {
        margin: 10px 9px;
        font-size: 12px !important
    }

    .col-sm-12.copyright {
        padding: 15px 0
    }

    .checkoutPP p {
        float: left;
        width: 79%
    }

    .emailfoot {
        margin: 6px 0;
        float: left
    }

    .footer .footer-middle {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (min-width:678px) and (max-width:1024px) {
    img.img-fluid.banner-img-dev {
        margin-top: 0;
        padding-top: 80px;
    }

    section.ban_sec img.img-fluid.banner-img-dev {
        padding-top: 0px;
    }

    .helpsection p span,
    a#whatsapp {
        font-size: 13px
    }

    .footer .col-lg-12,
    .form {
        float: left
    }

    .whyussection .text-center h4 {
        font-size: 32px
    }

    .modal-body iframe {
        margin: 0
    }

    div#myModal .modal-dialog {
        width: 600px
    }

    .form .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 3px
    }

    ul.offersec {
        width: 68%
    }
/* 
    .home {
        margin-top: 47px;
        top: 0
    } */

    .form,
    a.vedioimg,
    section.ban_sec img.img-fluid.banner-img-dev {
        margin-top: 0
    }

    select.form-control.input3 {
        width: 100% !important
    }

    form button {
        width: 46%;
        font-size: 14px
    }

    a#whatsapp {
        width: 46%;
        margin: 10px 0 0 20px
    }

    .fa-whatsapp:before {
        font-size: 18px !important;
        padding-top: 16px
    }

    .benefits-data p {
        font-size: 16px
    }

    section#benefits {
        margin-top: 10px
    }

    .helpsection h4 {
        margin: 50px 0 20px;
        color: #610631;
        font-size: 35px
    }

    .helpsection.carehomesec p {
        margin-bottom: 0
    }

    section.whyussection {
        padding: 50px 0
    }

    section.helpsection.carehomesec ul li {
        width: 100%;
        padding: 4px 0 4px 25px;
        font-size: 25px
    }

    .reviewsection {
        padding: 50px 10px
    }

    .helpsection {
        padding: 0 0 50px
    }

    .reviewsection .card {
        border-radius: 12px;
        min-height: 305px
    }

    .dropdowncountry .title {
        margin: 3px;
        width: 61px;
        position: relative
    }

    section.whyussection p {
        padding: 10px 20px
    }

    iframe {
        width: 100%;
        height: 300px;
        margin-top: 35px
    }
/* li.spacemandla {
    margin-left: 16%;
} */
    .offersec li {
        width: 48%;
        min-height: 200px
    }
.offersec li img {
     padding-top: 35px;}
    .form {
        position: relative;
        width: 98%;
        bottom: -10px;
        margin-bottom: 10px;
        transform: translateY(-55%);
        left: 1%;
        margin-left: 0;
        box-shadow: none;
        animation: none;
        transform: none !important;
        border-radius: 10px;
        opacity: .98;
        padding: 15px 30px 15px 32px
    }

    .footer .footer-middle .col-lg-4.col-md-6.col-12 {
        width: 33.333%;
        float: left;
        max-width: 33.333%
    }

    .logo img {
        width: 100%;
        height:auto;
    }
.col-lg-12.col-md-6.col-12.row {
    max-width: 100% !important;
}
.inner .col-lg-12.col-md-6.col-12 {
    display: contents;
}
    .footer-middle .row {
        display: block
    }

    .footer .checkoutPP .form-group label:before {
        border-radius: 2px;
        padding: 5px;
        margin-right: 10px
    }

    .checkoutPP p {
        width: 83%;
        font-size: 11px;
        padding-top: 2px
    }

    .emailfoot a {
        font-size: 10px;
        white-space: nowrap
    }

    .fa-envelope:before {
        content: "\f0e0";
        margin-right: 5px
    }

    img.img-fluid.mailogo {
        width: 87%
    }
}

@media screen and (max-width:390px) {
    .carousel-contant h4 {
        font-size: 40px
    }

    .carousel-contant p {
        font-size: 16px
    }

    /* .home {
        margin-top: 0;
        top: 80px
    } */
}

@media screen and (max-width:375px) {
    .carousel-contant h4 {
        font-size: 40px
    }

    .carousel-contant p {
        font-size: 16px
    }

    /* .home {
        margin-top: 0;
        top: 80px
    } */
}

@media screen and (min-width:920px) and (max-width:1024px) {
    
    ul.offersec {
        /* width: 70% */
        width: 100%
    }
    .header-mobile-no, .header-mobile-no1 {
        width: 14%;
        text-align: right;
    }
    
    

    .offersec li {
        width: 23%;
        min-height: 190px
    }

    section.helpsection.carehomesec ul li {
        padding-left: 25px
    }

    img.img-fluid.mailogo {
        width: 63%
    }

    .offersec li img {
        padding-top: 20px
    }

    a#whatsapp {
        width: 46%;
        margin: 10px 0 0 20px;
        font-size: 13px;
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .reviewsection .card {
        border-radius: 12px;
        min-height: 384px
    }

    .form .col-md-3 {
        padding: 0 5px
    }
}

@media screen and (min-width:1200px) {
    .form .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 25%
    }

    li.spacemandla {
/*        margin-left: 26%*/
  /* margin-left: 16% */
    }
}

@media screen and (max-width:360px) {
    .benefits-header p {
        font-size: 35px
    }

    .helpsection h4 {
        margin: 50px 0 20px;
        font-size: 37px
    }

    section.helpsection.carehomesec ul li {
        font-size: 22px
    }

    .email p span,
    .offersec li p {
        font-size: 13px
    }

    .carousel-contant {
        position: absolute;
        top: 44%
    }

    .dropdowncountrynew {
        width: 21%
    }

    .dropdowncountry .title {
        width: 58% !important
    }

    /* .home {
        margin-top: 0;
        top: 53px
    } */

    .carousel-contant h4 {
        color: #fff;
        font-size: 35px;
        margin-top: 0
    }

    .carousel-contant p {
        color: #fff;
        font-size: 15px
    }

    .offersec li {
        width: 48%;
        margin: 10px 1%;
        min-height: 160px;
        padding: 12px 16px 0
    }

    .offersec li img {
        padding-top: 24px;
        padding-bottom: 5px
    }

    .col-sm-12.col-md-12.text-center p img.img-fluid.vediobg {
        width: 72px
    }
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/9c22f5/00000000000000007735b33a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/b537cd/00000000000000007735b33c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/b537cd/00000000000000007735b33c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/b537cd/00000000000000007735b33c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/e746e4/00000000000000007735b342/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/e746e4/00000000000000007735b342/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/e746e4/00000000000000007735b342/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 200;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/63bc72/00000000000000007735b345/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/63bc72/00000000000000007735b345/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/63bc72/00000000000000007735b345/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 200;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/47a10b/00000000000000007735b347/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/47a10b/00000000000000007735b347/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/47a10b/00000000000000007735b347/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/555361/00000000000000007735b348/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/555361/00000000000000007735b348/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/555361/00000000000000007735b348/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/61c19b/00000000000000007735b34c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/61c19b/00000000000000007735b34c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/61c19b/00000000000000007735b34c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/086da3/00000000000000007735b34e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/086da3/00000000000000007735b34e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/086da3/00000000000000007735b34e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 800;
    font-stretch: normal
}

@font-face {
    font-family: mr-eaves-modern;
    src: url("https://use.typekit.net/af/a615a6/00000000000000007735b351/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/a615a6/00000000000000007735b351/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/a615a6/00000000000000007735b351/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
    font-display: swap;
    font-style: italic;
    font-weight: 100;
    font-stretch: normal
}

.owl-prev {left: -50px}

.owl-next {right: -50px}

.owl-next, .owl-prev {position: absolute;top: 40%;background-color: #610631 !important;width: 40px;border-radius: 40px !important;height: 40px;line-height: 40px !important}
.owl-next span, .owl-prev span {font-size: 25px;border: 0 transparent;background-color: transparent;color: #fff;padding: 10px}
.owl-theme .owl-nav [class*=owl-]:active,
.owl-theme .owl-nav [class*=owl-]:hover {border: 0;background-color: transparent}
span.timing {font-weight: 400;font-size: 15px}
.navbar-nav>li p {text-align: right}
.dayat{float: left;padding: 70px 0;width: 100%;font-family: mr-eaves-modern !important;}
.dayat h4{margin: 20px 0 50px;text-align: center;text-transform: uppercase;font-size: 50px;color: #610631;float: left;width: 100%;font-weight: 200;font-family: mr-eaves-modern !important;}
#dayatcarousel img.img-fluid.logo {width: auto;margin: 0 auto;}
.dayat h4 b {font-weight: 700;}
#dayatcarousel h6 {font-size: 23px;text-transform: uppercase;font-weight: 500;margin: 10px 0;font-family: mr-eaves-modern !important;}
#dayatcarousel .item {margin-top: 0px;}
#dayatcarousel p {font-size: 20px;font-family: mr-eaves-modern !important;line-height: 23px;font-weight: 400;}
h6.color1 {color: #EB6608;}
h6.color2 {color: #F5A61C;}
h6.color3 {color: #67122F;}
h6.color4 {color: #CD162B;}
.patientjourney {float: left;padding: 70px 0;background-color: #f4f4f4;width: 100%;font-family: mr-eaves-modern !important;}
.patientjourney h4{margin: 20px 0 50px;text-align: center;text-transform: uppercase;font-size: 50px;color: #610631;float: left;width: 100%;font-weight: 200;font-family: mr-eaves-modern !important;}
.patientjourney h4 b{font-weight: 700;}
.journeycontant {padding: 20px 10px;}
#dayatcarousel .owl-prev, #dayatcarousel .owl-next {top: 32%;}
#patientjourney .owl-prev, #patientjourney .owl-next {top: 32%;}
#panel, #panel1, #panel2, #panel3 {padding: 5px;display: none;}
.flip{position: relative;border-bottom: solid 1px #F06F23;}
.flip:after {position: absolute;right: 0;background-color: transparent;content: url(../images/plus-icon.png);padding: 0;line-height: 1px;border-radius: 25px;}
.flip.rotate::after {content: url(../images/minus-icon.png);}
.flip {color: #610631;font-size: 22px;padding: 0px 0 15px 0;text-align: left;}
.panel ul {margin: 15px 0 0 0;padding-left: 15px;text-align: left;}
.panel li {line-height: 26px;font-size: 14px;}
#patientjourney .item {margin-top: 0px;position: relative;}
#patientjourney .item:after {position: absolute;right: 10px;background-color: transparent;content: url(../images/journeyafter.png);padding: 0;line-height: 1px;border-radius: 25px;bottom: 0;width: 80px;height: 82px;z-index: -1;}
@media screen  and (min-width: 768px) and (max-width: 800px) {
#patientjourney .owl-next {right: -25px !important;}
#patientjourney  .owl-prev {left: -25px !important;}
#dayatcarousel .owl-next {right: -25px !important;}
#dayatcarousel  .owl-prev {left: -25px !important;}
    }

@media screen and (max-width:500px) {
.patientjourney {  padding: 30px 15px;}
.dayat {padding: 30px 15px;}
.dayat h4 {margin: 0px 0 25px;font-size: 40px;}
span.timing {font-size: 12px}
.patientjourney h4 {font-size: 40px;margin: 20px 0 30px;} 
#patientjourney .owl-prev, #patientjourney .owl-next {top: 29%;}   
#patientjourney .owl-next {right: -10px !important;}
#patientjourney  .owl-prev {left: -10px !important;}
#dayatcarousel .owl-next {right: -10px !important;}
#dayatcarousel  .owl-prev {left: -10px !important;}
    
}
@media screen and (min-width:335px) and (max-width:390px) {
    .header-mobile-no1 p {
        font-size: 12px;
        margin-bottom: 0
    }
}

.nav-360{
    background-color:#f0941c;
    color:white !important;
    border: 0;
    border-radius: 10px;
}