@font-face {
    font-family: 'sofia_problack';
    src: url('../fonts/SofiaProBlack.eot');
    src: url('../fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBlack.woff2') format('woff2'), url('../fonts/SofiaProBlack.woff') format('woff'), url('../fonts/SofiaProBlack.ttf') format('truetype'), url('../fonts/SofiaProBlack.svg#sofia_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_probold';
    src: url('../fonts/SofiaProBold.eot');
    src: url('../fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBold.woff2') format('woff2'), url('../fonts/SofiaProBold.woff') format('woff'), url('../fonts/SofiaProBold.ttf') format('truetype'), url('../fonts/SofiaProBold.svg#sofia_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_prosemibold';
    src: url('../fonts/SofiaProSemiBold.eot');
    src: url('../fonts/SofiaProSemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProSemiBold.woff2') format('woff2'), url('../fonts/SofiaProSemiBold.woff') format('woff'), url('../fonts/SofiaProSemiBold.ttf') format('truetype'), url('../fonts/SofiaProSemiBold.svg#sofia_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_promedium';
    src: url('../fonts/SofiaProMedium.eot');
    src: url('../fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProMedium.woff2') format('woff2'), url('../fonts/SofiaProMedium.woff') format('woff'), url('../fonts/SofiaProMedium.ttf') format('truetype'), url('../fonts/SofiaProMedium.svg#sofia_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_prolight';
    src: url('../fonts/SofiaProLight.eot');
    src: url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProLight.woff2') format('woff2'), url('../fonts/SofiaProLight.woff') format('woff'), url('../fonts/SofiaProLight.ttf') format('truetype'), url('../fonts/SofiaProLight.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proultralight';
    src: url('../fonts/SofiaProUltraLight.eot');
    src: url('../fonts/SofiaProUltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProUltraLight.woff2') format('woff2'), url('../fonts/SofiaProUltraLight.woff') format('woff'), url('../fonts/SofiaProUltraLight.ttf') format('truetype'), url('../fonts/SofiaProUltraLight.svg#sofia_proultralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proextralight';
    src: url('../fonts/SofiaProExtraLight.eot');
    src: url('../fonts/SofiaProExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProExtraLight.woff2') format('woff2'), url('../fonts/SofiaProExtraLight.woff') format('woff'), url('../fonts/SofiaProExtraLight.ttf') format('truetype'), url('../fonts/SofiaProExtraLight.svg#sofia_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proregular';
    src: url('../fonts/SofiaProRegular.eot');
    src: url('../fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProRegular.woff2') format('woff2'), url('../fonts/SofiaProRegular.woff') format('woff'), url('../fonts/SofiaProRegular.ttf') format('truetype'), url('../fonts/SofiaProRegular.svg#sofia_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'sofia_proregular';
    font-size: 16px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none !important;
}
p {
    line-height: normal;
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul,
ol {
    margin: 0;
    padding: 0;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("../images/down-arrow.png") no-repeat scroll 97% center;
    background-size: 9px;
}
.logo {
    display: inline-block;
    transition: all 0.2s;
    min-width: 131px;
}
.logo img {
    max-width: 90px;
    width: 100%;
}
.menu-section {
    float: right;
    display: inline-block;
    padding: 0;
    transition: all 0.2s;
    flex: 1;
}
.main-nevigation li {
    float: left;
    position: relative;
}
.main-nevigation a {
    color: #4D4D4D;
    border: solid 1px transparent;
    border-radius: 4px;
    margin: 0 26px;
    display: block;
    transition: all 0.2s;
    font-family: 'sofia_proregular';
    font-weight: normal;
}
.main-nevigation .carer-menu a {
    border: solid 1px #fff;
    padding: 0;
    color: #333333;
    margin: 0;
}
.main-nevigation li:last-child a {
    padding-right: 0;
    margin-right: 0;
}
.menu-section ul {
    display: flex;
    align-items: center;
    margin-left: 53px;
    justify-content: end;
}
.menu-section ul li.carer-menu {
    margin-right: auto;
}
.menu-section ul li.carer-menu a {
    color: #333333;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}
.menu-section ul li.carer-menu a img {
    margin-right: 13px;
    transition: all 0.3s;
}
.main-nevigation li.auth-link a {
    color: #868C98;
    margin: 0 18px;
}
.main-nevigation li.auth-link a:hover {
    color: #ed297b;
}
.menu-section ul li.carer-menu a:hover {
    color: #ed297b;
}
.menu-section ul li.carer-menu a:hover img {
    filter: invert(37%) sepia(84%) saturate(5476%) hue-rotate(319deg) brightness(95%) contrast(95%);
}
.header-inner {
    padding: 10px 0;
    display: flex;
    align-items: center;
}
header {
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: all 0.2s;
    box-shadow: 0px 6px 16px #00000066;
    background-color: #fff;
    /* z-index: 11111; */
}
.slider-content {
    color: #fff;
    vertical-align: middle;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: unset;
    position: relative;
    padding: 89px 0;
    z-index: 1;
}
.section-slider div#owl-example:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000059;
    z-index: 1;
}
section.section-slider {
    position: relative;
    background-color: #f67c88;
    background-image: url(../images/home-page-banner-rightt.png), url(../images/home-page-banner-left.png);
    background-position: right center, left center;
    background-repeat: no-repeat, no-repeat;
}
.slider-heading {
    font-size: 60px;
    color: #fff;
    font-family: 'sofia_probold';
    line-height: 62px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}
.slider-text {
    font-size: 36px;
    margin: 0 0 72px;
    font-family: 'sofia_prolight';
    line-height: 42px;
    position: relative;
    z-index: 1;
}
.slider-btninner li {
    width: 200px;
    float: left;
    text-align: center;
    margin: 0 20px
}
.bg-pink {
    background: #ed297b !important;
    border-color: #ed297b !important;
}
.bg-pink:hover {
    background: #be2b69 !important;
    border-color: #be2b69 !important;
}
.bg-purpal {
    background: #652d90 !important;
    border-color: #652d90 !important;
}
.bg-purpal:hover {
    background: #532576 !important;
    border-color: #532576 !important;
}
.btn-pink {
    background: #ed297b !important;
    border: solid 1px #ed297b !important;
    transition: all 0.2s;
    color: #fff;
}
.btn-purpal {
    background: #652d90 !important;
    border: solid 1px #652d90 !important;
    transition: all 0.2s;
    color: #fff;
}
.btn-pink:hover {
    background: #fff !important;
    color: #ed297b !important;
}
.btn-purpal:hover {
    background: #fff !important;
    color: #652d90 !important;
}
.bg-pink-opacity {
    background: rgba(237, 41, 123, 0.9);
}
.bg-purpal-opacity {
    background: rgba(101, 45, 144, 0.9);
}
.bg-white-opacity {
    background: rgba(255, 255, 255, 0.9);
}
.white-text {
    color: #fff;
}
.slider-btninner li a {
    color: #fff;
    width: 200px;
    display: block;
    border-radius: 5px;
    margin: 0 0;
    font-size: 18px;
    padding: 13px 0;
    font-family: 'Myriad_Pro';
}
.section-slider div#owl-example {
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100%;
}
.section-slider div#owl-example .owl-stage-outer {
    height: 100%;
}
.section-slider div#owl-example .owl-stage {
    height: 100%;
}
.section-slider div#owl-example .owl-item,
.section-slider div#owl-example .owl-item>div,
.section-slider div#owl-example .owl-item>div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.abtcontentsmallheading {
    color: #2b262e;
    font-size: 25px;
}
.section-heading {
    font-size: 60px;
    text-align: center;
    color: #333333;
    line-height: normal;
    font-family: 'sofia_probold';
}
.color-black {
    color: #2b262e;
}
.abtcontenttext {
    font-size: 15px;
    color: #555058;
    line-height: 28px;
}
.abtcontentntb a {
    color: #fff;
    font-size: 15px;
    padding: 13px 49px;
    display: inline-block;
    border-radius: 5px;
    margin: 30px 0 0;
}
.about-content .section-heading {
    margin: 8px 0 21px;
    text-align: left;
}
.section-about {
    padding: 40px 0 0;
}
.about-content {
    padding: 62px 0 0;
}
.works-grid {
    border: 1px solid #D3DBEA;
    border-radius: 6px;
    overflow: hidden;
    padding: 45px 59px;
    display: flex;
    margin: 15px 0;
    height: calc(100% - 30px);
}
.works-img {
    height: 68px;
    flex: 0 0 31%;
    min-width: 31%;
    margin-top: 11px;
    text-align: left;
}
.works-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}
.works-heading {
    color: #333333;
    font-size: 24px;
    font-family: 'sofia_probold';
    line-height: 29px;
}
.bg-white-opacity,
.bg-purpal-opacity,
.bg-pink-opacity {
    padding: 0;
    padding-right: 0;
}
.works-text {
    color: #888888;
    padding: 11px 0 0;
    line-height: 24px;
}
.white-text .works-heading {
    color: #fff;
}
.white-text .works-text {
    color: #fff;
}
.color-white {
    color: #fff;
}
.section-works .section-heading.color-white {
    padding: 0 0 50px;
}
.section-works {
    padding: 100px 0 50px;
}
.count-number {
    color: #ed297b;
    font-size: 80px;
    font-family: 'sofia_probold';
    line-height: 102px;
}
.count-text {
    font-size: 20px;
    color: #333333;
    font-family: 'sofia_proregular';
}
.count-content-left {
    width: 285px;
    background: #fff;
    box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.17);
    float: left;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    overflow: hidden;
}
.count-first {
    color: #ED297B;
    font-size: 20px;
    padding: 15px 20px 9px;
    font-family: 'sofia_promedium';
}
.count-img {
    height: 200px;
}
.count-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.count-first i.fa.fa-check {
    background: #01e073;
    color: #fff;
    border-radius: 50%;
    font-size: 19px;
    padding: 0;
}
.count-second {
    color: #888888;
    font-size: 14px;
    border-bottom: solid 1px #e3e0e1;
    padding: 10px 20px 27px;
    line-height: 19px;
    padding-top: 0;
}
.count-third {
    text-align: center;
    color: #555058;
    padding: 0;
    display: inline-block;
    width: 100%;
    float: left;
}
.count-second span.text-right {
    float: none;
    margin: 0 8px;
}
.reating-star {
    display: inline;
    position: relative;
    width: auto;
    margin-right: 10px;
    margin-bottom: 7px;
    display: block;
}
span.teating-div {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}
.reating-star span.teating-div span {
    color: #ffd66a;
    width: 22px;
    margin-top: 0px;
    float: left;
}
.count-content-right {
    box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.17);
    background: #fff;
    float: left;
    width: 538px;
    padding: 40px 23px 40px 23px;
    z-index: 1;
    position: relative;
    color: #555058;
}
.reating-star span {
    font-size: 18px;
    display: inline-block;
}
.count-right-text {
    line-height: 26px;
    font-size: 18px;
    line-height: 26px;
    font: italic normal normal 18px/26px Zilla Slab;
    font-family: 'Zilla Slab', serif;
}
.section-count .section-heading {
    font-size: 36px;
    text-align: center;
    padding-bottom: 45px;
    font-family: 'sofia_proregular';
}
.works-inner {
    padding-top: 45px;
}
.section-count {
    padding: 50px 0 80px;
    position: relative;
    background-image: url(../images/connected-bg.png);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.count-content {
    padding: 133px 0 0;
}
.section-small-heading.color-white {
    font-size: 24px;
    text-align: center;
    padding: 10px 0 60px;
    font-family: 'sofia_prolight';
}
.confidence {
    padding: 0;
    position: relative;
    z-index: 2;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #3C112333;
    border-radius: 6px;
    overflow: hidden;
    flex: 0 0 calc(50% - 15px);
}
.confidence-heading {
    color: #454147;
    font-size: 20px;
    padding: 12px 50px;
    font-family: 'sofia_probold';
    background: #F8F8F8 0% 0% no-repeat padding-box;
}
.reating {
    color: #FFBD11;
}
.confidence-list span {
    float: left;
    width: 39px;
    text-align: center;
    display: inline-block;
    text-align: center;
    height: 42px;
    margin-right: 15px;
}
.confidence-list li {
    display: flex;
    padding: 12px 0;
    align-items: center;
    border-bottom: 1px dashed #D3DBEA;
}
.confidence-list li:last-child {
    padding-bottom: 0;
    border: 0;
}
#owl-textimonial.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto 0;
}
#owl-textimonial .owl-item.active {
    text-align: center;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}
.owl-nav.disabled {
    text-align: center;
}
.owl-prev {
    display: inline-block;
    width: 15px;
    height: 25px;
    background-repeat: no-repeat;
    background: url(../images/slider-nevigation-btn.png);
    background-repeat: no-repeat;
    color: transparent;
    margin: 0 15px;
}
.owl-next {
    display: inline-block;
    width: 10px;
    height: 20px;
    color: transparent;
    transform: rotate(180deg);
    margin: 0 15px;
    object-fit: contain !important;
}
.section-confidence.bg-pink:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fff;
    left: 0;
    height: 0px;
}
.section-confidence.bg-pink {
    position: relative;
    padding: 60px 0 80px;
}
.section-confidence.bg-pink:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fff;
    left: 0;
    height: 0px;
}
.section-confidence.bg-pink {
    position: relative;
}
.section-testimonial {
    padding: 60px 0 100px;
}
div#owl-textimonial {
    margin: 60px auto 0;
    max-width: 810px;
}
.testimonial-text {
    font-size: 14px;
    color: #555058;
    padding: 0 14px;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0px;
    color: #666666;
    font-family: 'Zilla Slab', serif;
    font-style: italic;
}
.confidence_outer {
    max-width: 1020px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.confidence-list {
    padding: 10px 35px 29px;
}
.confidence-list span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.textimonial-user-image {
    width: 160px;
    height: 160px;
    margin: auto;
}
.textimonial-user-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#owl-textimonial.owl-carousel .owl-nav {
    position: absolute;
    top: 75px;
    width: 300px;
    display: flex !important;
    justify-content: space-between;
    left: 0;
    right: 0;
    margin: auto;
}
.testimonial-name {
    margin: 20px 0 40px;
    line-height: 26px;
    font-family: 'sofia_proregular';
    letter-spacing: 1.28px;
    color: #ED297B;
    text-transform: uppercase;
    text-align: center;
}
.matchbtn-section {
    text-align: center;
    margin: 29px 0 0;
}
.section-family .matchbtn-section a {
    text-align: center;
    width: 180px;
    background: #fff;
    color: #652d90;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 0;
    border-radius: 5px;
    margin: 0 16px;
    /* font-weight: 600; */
    transition: all 0.2s;
}
.matchbtn-section a:hover {
    background: #ed297b;
    color: #fff;
}
.section-match.bg-purpal {
    padding: 49px 0 56px;
}
.section-family {
    text-align: left;
    position: relative;
    padding: 100px 0 124px;
    background-image: url('../images/family-bg-new.jpg');
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.section-family .section-heading {
    text-align: left;
    font-size: 48px;
    max-width: 615px;
    line-height: 60px;
}
.small-heading {
    font-size: 24px;
    color: #5d5b5e;
    padding: 20px 0 50px;
    line-height: 29px;
    font-family: 'sofia_proregular';
}
.section-family:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url('../images/family-bg-new.jpg');
    background-repeat: no-repeat;
    background-position: right;
    opacity: 0;
}
footer {
    background: #32343c;
}
footer .footer-menu a {
    color: #fff;
    font-size: 14px;
    margin: 0;
    display: block;
    font-family: 'sofia_proregular';
    line-height: 30px;
    display: flex;
    align-items: center;
}
.footer-menu-heading {
    COLOR: #fff;
    padding: 60px 0 17px;
    font-family: 'sofia_probold';
}
.footer-menu i.fa {
    font-size: 15px;
    width: 29px;
    margin-right: 16px;
}
.footer-menu .footer-text i {
    color: #adb0b6;
    float: left;
    width: 20px;
}
.footer-text span {
    float: left;
    width: calc(100% - 20px);
    color: #fff;
    line-height: 30px;
    margin: -6px 0 0;
    font-size: 14px;
    font-family: 'sofia_proregular';
}
.copyright {
    border-top: solid 1px rgb(255 255 255 / 20%);
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    margin: 46px 0 0;
}
.copyright li {
    display: inline-block;
}
.copyright li a {
    color: #fff;
    font-size: 13px;
    padding: 0 5px;
    font-family: 'sofia_proregular';
}
.copy-right {
    float: right;
    text-align: right;
    display: inline-block;
    font-family: 'sofia_proregular';
}
.copy-left {
    float: left;
    display: inline-block;
    font-size: 13px;
    font-family: 'sofia_proregular';
}
.section-slider .owl-nav.disabled {
    display: none !important;
}
header {
    background: #fff;
    opacity: 1;
}
.main-nevigation a {
    color: #454147;
    text-shadow: none;
}
.header-inner {
    padding: 12px 0;
}
.logo {
    width: 134px;
}
.logo img {
    transition: all 0.2s;
    width: 100%;
}
.logo img {
    width: 100%;
}
.menu-section {
    padding: 8px 0;
}
.header-inner {
    padding: 12px 0;
}
.logo {
    width: 134px;
}
.logo img {
    width: 100%;
}
.menu-section {
    padding: 8px 0;
}
.main-nevigation a:hover {
    color: #ed297b;
}
.main-nevigation .carer-menu a:hover {
    background: transparent;
    color: #ed297b;
}
span.chtIcn a:hover,
span.chtIcn a i.fa.fa-envelope:hover {
    color: #000;
    box-shadow: none;
}
#owl-example .owl-dots {
    position: absolute;
    bottom: 24px;
    left: 0;
    z-index: 9;
    width: 100%;
    text-align: center;
}
#owl-example .owl-dot span {
    width: 37px;
    height: 5px;
    background: #fff;
    display: block;
}
#owl-example .owl-dot {
    width: auto;
    display: inline-block;
    margin: 0 4px;
}
#owl-example .owl-dot.active span {
    background: #ed297b;
}
footer .footer-menu a:hover {
    color: #ed297b;
}

/*Inner page css*/

section.imer-page-title {
    text-align: center;
    color: #fff;
    background: url(../images/imgpsh_fullsize_anim.png);
    padding: 90px 0;
    background-size: cover;
    background-position: center;
    position: relative;
}
.imer-page-title h2 {
    font-size: 45px;
    margin: 0;
    font-family: 'sofia_probold';
}
.carer-menu a.active {
    background: #ed297b;
    border-color: #ed297b !important;
    color: #fff;
}
label {
    color: #333333;
    display: block;
    padding: 0;
    z-index: 2;
    font-family: 'sofia_proregular';
    text-align: left;
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 10px;
}
label span {
    color: red;
}
input#startDate,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
select {
    padding: 12px !important;
    height: 50px !important;
    border-radius: 4px;
    color: #333333;
}
#ui-datepicker-div select.ui-datepicker-year,
#ui-datepicker-div select.ui-datepicker-month {
    padding: 3px 8px !important;
    height: auto !important;
}
.ui-datepicker-buttonpane.ui-widget-content {
    margin: 0;
    border: 0;
}
#ui-datepicker-div.ui-datepicker {
    width: 349px;
    z-index: 9999 !important;
}
.form-group {
    margin-bottom: 20px;
    margin-top: 0;
    display: inline-block;
    width: 100%;
    position: relative;
}
.rario-btn-section label {
    margin: 0;
    padding: 0;
    background: none;
    position: static;
    display: block;
    margin: 23px 0 14px;
}
.redio-inner>span {
    display: block;
    position: relative;
    line-height: 18px;
    padding: 7px 0 7px 29px;
    margin: 3px 0;
}
.redio-inner span input~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: #fff;
    border: solid 1px #b7b6b6;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
.redio-inner span input:checked~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: #fff;
    border: solid 1px #652d90;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
.redio-inner span input:checked~span.check-span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    background: #652d90;
    border: solid 1px #b7b6b6;
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
.redio-inner input.form-check-input {
    margin: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 1;
    opacity: 0;
    width: 100%;
}
textarea.form-control {
    height: 122px !important;
}
.rario-btn-section {
    margin: 0 0 20px;
}
button.btn.btn-cancle,
.btn.btn-primary {
    background: #ed297b;
    border: solid 1px #ed297b;
    color: #fff;
    padding: 12px 14px;
    width: 370px;
}
.btn.btn-primary:hover {
    color: #ed297b;
    background: transparent;
}
.form-section {
    padding: 20px 0;
}
.menu-login a {
    display: inline-block;
    color: #fff;
    margin: 0;
    padding: 9px 0 9px;
}
li.menu-login {
    color: #fff;
    margin: 0 0 0 21px;
}
a.active {
    color: #ed297b;
}
a:hover {
    color: #ed297b;
}
.thumbimg {
    position: relative;
}
.add-dog .redio-inner span input~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #b7b6b6;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.add-dog .redio-inner span input:checked~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #652d90;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.add-dog .redio-inner span input:checked~span.check-span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 10px;
    background: #652d90;
    border: solid 1px #b7b6b6;
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.redio-inner>div>div>span {
    padding: 10px 0 0 31px;
    display: inline-block;
    margin: 0;
    position: relative;
}
.add-dog .rario-btn-section label {
    margin: 0 0 7px;
}
input#file-upload {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 12px;
    height: 53px;
    z-index: 2;
    cursor: pointer;
}
.custom-file-upload, .custom-file-upload-o {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: -13px 0 0;
    padding: 12px !important;
    height: 50px !important;
    /* z-index: -1; */
}
.upload-file {
    position: relative;
}
span.upload-btn {
    position: absolute;
    right: 0;
    top: 12px;
    background: #652d90;
    color: #fff;
    padding: 14px 13px;
    border-radius: 0 4px 4px 0px;
}
.upload-btn i {
    padding: 0 8px 0 0;
    display: inline-block;
}
button.btn.btn-cancle {
    background: #32343c;
    border-color: #32343c;
}
.save-dog button.btn.btn-primary,
.save-dog button.btn.btn-cancle {
    width: calc(50% - 2px);
    display: inline-block;
}

/*==================================*/

.stepwizard-step p {
    margin-top: 12px;
    font-size: 18px;
}
.stepwizard-row {
    display: block;
}
.stepwizard {
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 26px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 90%;
    height: 1px;
    background-color: #ccc;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.abt-dog-section {
    text-align: center;
}
.abt-dog-img {
    display: inline-block;
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 50%;
}
.abt-dog-detail {
    color: #2b262e;
    margin: 22px 0 22px;
}
.abt-dog-text {
    margin: 0 0 18px;
}
a.btn.btn-default.btn-circle {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    display: inline-block;
    overflow: hidden;
    -webkit-appearance: unset;
    background: #fff;
    padding: 14px;
    border-color: #d4d2d2;
    color: #2b262e;
}
a.btn.btn-circle.btn-default.btn-primary {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    display: inline-block;
    overflow: hidden;
    -webkit-appearance: unset;
    background: #652d90;
    border-color: #652d90;
    padding: 14px;
    color: #fff
}
.stepwizard-step:last-child {
    padding-right: 0;
}
.stepwizard-step:first-child {
    padding-left: 0;
}
.stepwizard-step {
    display: inline-block;
    text-align: center;
    position: relative;
    padding: calc();
    width: 13.9%;
}
.inner {
    margin: 0 auto;
    text-align: center;
}
.inner h3 {
    font-size: 35px;
}
.inner .redio-inner span input~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #b7b6b6;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.inner .redio-inner span input:checked~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #652d90;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.inner .redio-inner span input:checked~span.check-span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 10px;
    background: #652d90;
    border: solid 1px #b7b6b6;
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.inner {
    margin: 83px auto 77px;
    text-align: center;
}
.inner h3 {
    font-size: 35px;
}
.small-text {
    margin: 30px 0 35px;
}
.inner .redio-inner span input~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #b7b6b6;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.inner .redio-inner span input:checked~span.check-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    border: solid 1px #652d90;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.inner .redio-inner span input:checked~span.check-span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 10px;
    background: #652d90;
    border: solid 1px #b7b6b6;
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.inner .redio-inner>span {
    display: inline-block;
    margin: 0 0 0 38px;
    padding: 11px 0 0 31px;
}
.inner .redio-inner>span:last-child {
    margin: 0;
    color: #454147;
}
.inner .redio-inner>span:last-child i {
    font-size: 22px;
    display: inline-block;
    float: left;
    margin: -3px 8px 0 0;
}
.inner .btn.btn-primary {
    width: auto;
    float: none;
    padding: 12px 67px;
    margin: 55px 0 0;
}
.btnDiv {
    display: inline-block;
    width: 100%;
}
.ancer-button {
    background: #ed297b;
    color: #fff;
    padding: 12px 31px;
    display: inline-block;
    border-radius: 5px;
    margin: 42px 20px 10px 0;
    float: left;
    line-height: 27px;
    height: auto;
    border: solid 1px;
}
.ancer-button:hover {
    background: transparent;
    border: solid 1px;
}
.dog-list-detail {
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
    padding: 3px;
    border: solid 1px #b7b6b6;
}
span.dropbtn a {
    padding: 8px 8px;
}
span.dropbtn.chtIcn {
    margin: 0 0 0 12px;
}
.fileuploader-items {
    display: none !important;
}
.list-img {
    border-radius: 6px 6px 0 0;
    width: 100%;
    height: 179px;
    overflow: hidden;
}
.list-title {
    font-size: 18px;
    padding: 18px 0 9px 10px;
}
.list-text {
    padding: 0 0 0 10px;
}
.list-btn {
    text-align: center;
    padding: 16px 00 27px;
}
.list-btn a {
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 8px 0px;
    border-radius: 5px;
    margin: 0 8px 0;
    background: #32343c;
}
.dog-list-detail {
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
    padding: 3px;
    border: solid 1px #b7b6b6;
    transition: all 0.2s;
    padding-bottom: 85px;
    position: relative;
}
.list-img {
    border-radius: 6px 6px 0 0;
    width: 100%;
    height: 179px;
    overflow: hidden;
}
.list-title {
    font-size: 18px;
    padding: 18px 0 9px 10px;
}
.list-text {
    padding: 0 0 0 10px;
}
.list-btn {
    text-align: center;
    padding: 16px 00 17px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.list-btn a {
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 8px 0px;
    border-radius: 5px;
    margin: 0 8px 0;
    background: #32343c;
}
nav[aria-label="Page navigation example"] {
    text-align: center;
    margin: 20px 0 50px;
}
.dog-list-detail:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    transform: scale(1.03);
}
section.section-middle.login {
    background: url("../images/login-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.login-form {
    background: #fff;
    max-width: 450px;
    margin: 20px 0;
    width: 100%;
}
.formheading {
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    padding: 37px 0 4px;
}
.login-form form {
    padding: 0 40px;
}
.form-group.form-check {
    padding: 0;
}
input.form-check-input~span.remembrChk {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: solid 1px #ED297E;
    border-radius: 3px;
    left: 0;
    top: 2px;
    width: 21px;
    height: 21px;
    border: 1px solid #D3DBEA;
    content: "";
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
}
input.form-check-input.select_dogs_checkbox~span.remembrChk {
    position: static;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    left: 0;
    top: 0;
    color: #212529;
}
input.form-check-input.select_dogs_checkbox~span.remembrChk:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: solid 1px #ED297E;
    border-radius: 3px;
    left: 0;
    top: 2px;
}
input.form-check-input:checked~span.remembrChk {
    background: #ED297E;
    color: #fff;
    width: 21px;
    height: 21px;
    border: 1px solid #ED297B;
    content: "";
    position: absolute;
    border-radius: 4px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/white-check.svg);
    background-color: #ED297B;
    background-repeat: no-repeat;
    background-position: center;
}
input.form-check-input.select_dogs_checkbox:checked~span.remembrChk {
    background: transparent;
    color: #212529;
}
input.form-check-input~span.remembrChk i {
    display: none;
}
input.form-check-input:checked~span.remembrChk i {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
}
input.form-check-input.select_dogs_checkbox:checked~span.remembrChk i {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 12px;
    border: solid 1px #ED297E;
    background: #ED297E;
    color: #fff;
    border-radius: 3px;
}
input.form-check-input {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 9;
    width: 15px;
    height: 15px;
    opacity: 0;
    margin: 0;
    cursor: pointer;
}
.forgot-link a {
    color: #848588;
    font-size: 14px;
    float: right;
    display: inline-block;
}
.forgot-link a:hover {
    color: #ed297b;
}
.forgot-link {
    display: inline-block;
    float: right;
    margin-left: auto;
}
.forgot-link a {
    font-family: 'sofia_proregular';
    text-align: left;
    line-height: 20px;
    font-size: 18px;
}
.form-check-label {
    margin: 0;
    padding: 0 0 0 33px;
    bottom: auto;
    position: relative;
}
.btn.btn-primary.btn-pink {
    text-transform: none;
    font-size: 18px;
}
.login-btns li {
    display: inline-block;
    float: left;
    width: 50%;
    margin: 40px 0 0;
    text-align: center;
}
.login-btns {
    display: inline-block;
    width: 100%;
    margin: 0 0 -7px;
}
.login-btns li a {
    color: #fff;
    padding: 12px 14px;
    display: inline-block;
    width: 100%;
    transition: all 0.2s;
}
.login-btns li.bg-pink a:hover {
    box-shadow: 0px -2px 0px #ed297b !important;
    color: #ed297b !important;
    background: #fff;
}
.login-btns li.bg-purpal a:hover {
    box-shadow: 0px -2px 0px #652d90 !important;
    color: #652d90 !important;
    background: #fff;
}
.section-middle.without-header-image {
    padding: 107px 0 0;
}
.individual {
    margin: 0;
    display: inline-block;
}
.twodog {
    /* float: left; */
    width: 240px;
    height: 240px;
    border-radius: 30px;
    border-radius: 8px;
    /* border: solid 2px #ed297b; */
    padding: 0;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.twodog img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: #000;
    border-radius: 0;
}
.review {
    display: inline-flex;
    padding: 0;
}
.review img {
    margin: 0 5px 0 0;
}
.dogbtn {
    display: inline-block;
}
.dogbtn button.fbtn {
    border: solid 1px #b7b6b6;
    padding: 5px 11px;
    width: auto;
    border-radius: 5px;
    text-align: center;
    color: #2b262e;
    background: transparent;
}
.iconid {
    margin: 0 0 20px;
}
.carerList .iconid {
    margin: 0;
}
.follow-count {
    padding: 0;
}
.price-profile {
    width: 120px;
    margin-top: 8px;
}
.carerList .price-profile {
    width: 135px;
}
.profile-right-div {
    flex: 1;
}
.heart i {
    color: #ed297b;
    font-size: 20px;
    margin: 0 13px 0 0;
}
a.dbtn {
    font-size: 12px;
    color: #2b262e;
    border: 1px solid;
    border-radius: 5px;
    padding: 7px 16px;
    margin: 0 0 0 200px;
    display: inline-block;
}
.dogow {
    float: left;
    display: inline-block;
    margin: 125px 0 0 10px;
}
.heart {
    display: inline-block;
}
.requestbtn .bookbtn {
    font-size: 14px;
    color: #ed297b !important;
    border-radius: 5px;
    display: inline-block;
    float: right;
    border: 1px solid #ed297b;
    border-radius: 5px;
    margin: 28px 0 12px 0;
    padding: 8px 22px;
    background-color: transparent;
}
.pric {
    font-size: 22px;
    display: inline-block;
}
.own {
    display: inline-block;
    margin: 20px 0 0 0;
    background: #744C28;
    width: 100%;
    border-radius: 5px;
    position: relative;
    height: auto;
    overflow: hidden;
    transition: all 0.3s;
}
.own ul {
    padding: 0;
}
.own ul li {
    list-style-type: none;
    font-size: 14px;
    color: #fff;
    line-height: 250%;
    border-bottom: solid 1px #fff;
    padding: 14px 20px 5px;
}
.own ul li div {
    line-height: normal;
}
.own ul li span {
    color: #fff;
    font-weight: bold;
    font-family: 'sofia_proregular';
}
form label.rtLbl {
    bottom: 0;
    display: block;
}
.showMr {
    text-align: center;
    background: rgb(2, 0, 36);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, transparent 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #652D90;
    font-size: 22px;
    padding: 24px 0;
    z-index: 9;
    display: none;
}
.own.mr {
    height: 100%;
}
.map {
    padding: 35px 0 0 0;
    float: right;
}
.ratingr {
    margin: 46px 0 38px 0;
}
.ratingr h1 {
    font-size: 20px;
    color: #302f30;
    font-weight: bold;
}
.becky {
    width: 60px;
    height: 60px;
    overflow: hidden;
    flex: 0 0 60px;
    margin-right: 15px;
}
.hunter {
    padding: 0 0 0 19px;
}
.beckhunter.d-flex {
    border-bottom: solid 1px #ccc;
    padding: 0 0 28px;
    margin: 0 0 31px;
}
.beckhunter.d-flex:last-child {
    border-bottom: 0;
}
.becky img {
    width: 100%;
}
.loadbtn {
    text-align: center;
    margin: 60px 0 50px 0;
}
a.morebtn {
    font-size: 14px;
    color: #ed297b;
    border: 1px solid;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 16px 35px;
    text-transform: uppercase;
}
.key-section {
    border-top: 1px solid #b7b6b6;
    padding: 14px 0 25px;
}
.keyword {
    margin: 0;
}
.flex-1 {
    flex: 1;
}
a.keywordbtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 30px 17px 16px;
}
.selectbtn {
    display: inline-block;
    float: left;
    width: 160px;
    margin: 0 0 30px 0;
}
a.selectdogbtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 23px 17px 16px;
}
.selectdogbtn span {
    margin: 0 0 0 30px;
}
.postbtn {
    display: inline-block;
    float: left;
    width: 119px;
    margin: 62px 0 30px 0;
}
a.postcodebtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 38px 17px 16px;
}
.milebtn {
    display: inline-block;
    float: left;
    width: 118px;
    margin: 62px 0 30px 8px;
}
a.milesbtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 60px 17px 16px;
}
.startbtn {
    display: inline-block;
    float: left;
    width: 138px;
    margin: 62px 0 30px 4px;
}
a.startdatebtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 15px 17px 16px;
}
.startdatebtn span {
    margin: 0 0 0 20px;
}
.endbtn {
    display: inline-block;
    float: left;
    width: 140px;
    margin: 62px 0 30px 4px;
}
a.enddatebtn {
    font-size: 14px;
    color: #454147;
    border: 1px solid;
    border-radius: 5px;
    padding: 17px 15px 17px 16px;
}
.enddatebtn span {
    margin: 0 0 0 15px;
}
.searchbtn {
    display: inline-block;
    float: left;
    width: 110px;
    margin: 62px 0 30px 0;
}
a.pinkbtn {
    font-size: 14px;
    color: #ffffff;
    border: 1px solid;
    border-radius: 8px;
    background-color: #ed297b;
    padding: 17px 32px;
}
.more {
    display: inline-block;
    float: left;
    margin: 62px 0 0 25px;
}
.more p {
    font-size: 14px;
    color: #454147;
}
.more p span {
    margin: 0 0 0 20px;
}
.list {
    width: 100%;
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    margin: 15px 0;
    padding: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
.list:hover, .active .list {
    box-shadow: 0px 6px 16px #d1c4c4;
}
.list.active {
    box-shadow: 0px 6px 16px #d1c4c4;
    background-color: #fff;
}
.favoriteBtn {
    position: absolute;
    right: 0;
    top: 7px;
    cursor: pointer;
}
.list.featured:before {
    position: absolute;
    content: "Featured";
    background: #ed297b;
    color: #fff;
    padding: 2px 27px;
    transform: rotate(-45deg);
    left: -29px;
    top: 10px;
    font-size: 11px;
    z-index: 1;
}
.listing {
    display: inline-block;
    float: left;
    width: 110px;
    height: 110px;
    overflow: hidden;
    transition: all 0.3s;
    border-radius: 50%;
    border: solid 2px #ed297b;
    padding: 3px;
    position: relative;
}
.listicon h1 a {
    font-size: 18px;
    color: #2b262e;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-transform: capitalize;
    width: 100%;
}
.listing img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
    border-radius: 50%;
}
.right-serch {
    flex: 1;
    /* display: flex; */
}
.listicon {
    flex: 1;
}
.data-div {
    padding: 0 0 0 35px;
}
.carerList .data-div {
    padding: 0 0 0 22px;
}
.listicon img {
    margin: 0 10px 0 0;
    display: inline-block;
}
.listicon span {
    font-size: 14px;
    color: #555058;
    display: inline-flex;
    align-items: center;
}
.listreview {
    float: left;
    margin: 60px 0 0 -100px;
}
.listreview img {
    margin: 0 5px 0 0;
}
.listreview span {
    font-size: 14px;
    color: #555058;
    margin: 0 10px 0 0;
}
.followbtn {
    display: inline-block;
    float: left;
    border: 1px solid;
    border-radius: 5px;
    margin: 50px 0 0 0;
}
a.fbtn {
    display: inline-block;
    padding: 8px 15px;
    color: #2b262e;
    font-size: 12px;
}
.follow {
    float: left;
    display: inline-block;
    margin: 59px 0 0 10px;
}
.follow p {
    font-size: 12px;
    color: #2b262e;
}
.listheart {
    float: right;
    margin: 15px 10px 0 0;
}
a.requestbookbtn {
    font-size: 12px;
    color: #ed297b;
}
.dropdown-links ul {
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 0;
    left: auto;
    width: 184px;
    top: 19px;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
}
.dropdown-links {
    position: relative;
}
.dropdown-links ul li a {
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #ccc;
    padding: 7px 13px;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    font-size: 14px;
}
#drop-menu li {
    display: block;
    width: 100%;
    float: none;
}
#drop-menu li a:hover,
#drop-menu li a.active {
    background-color: #ed297b;
    color: #fff !important;
}
input#chooseFile {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    opacity: 0;
    position: static;
    left: 0;
    top: 12px;
    height: 53px;
    z-index: 2;
    cursor: pointer;
}
div#noFile {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0;
    padding: 12px !important;
    height: 100% !important;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 100px);
    text-overflow: ellipsis;
}
div#fileName {
    position: absolute;
    right: 0;
    top: 1px;
    background: #652d90;
    color: #fff;
    padding: 14px 13px;
    border-radius: 0 4px 4px 0;
    white-space: nowrap;
}
.file-upload {
    position: relative;
}
.availInner {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 20px;
    margin: 25px 0 20px;
}
.availInner .form-check {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    border-bottom: solid 1px #ccc;
    line-height: normal;
    float: left;
}
.availInner label.form-check-label {
    margin: 0;
    bottom: 0;
    float: left;
    line-height: normal;
    font-size: 18px;
    text-transform: uppercase;
}
.availInner .chkBox {
    float: right;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 4px 0 0;
}
.availInner .chkBox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 18px;
    height: 18px;
    z-index: 1;
    opacity: 0;
}
.availInner .chkBox span {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border: solid 1px #b7b6b6;
    width: 18px;
    height: 18px;
}
.availInner .chkBox input[type="checkbox"]:checked~span i {
    display: block;
    font-size: 15px;
}
.availInner .chkBox span i {
    display: none;
    position: absolute;
    left: 1px;
    top: 1px;
}
.availInner .chkBox input[type="checkbox"]:checked~span {
    color: #fff;
    background: #652d90;
    border: solid 1px #652d90;
}
.favorite h1 {
    font-size: 35px;
    color: #2b262e;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}
.availInner .btn.btn-primary {
    background: #ed297b;
    color: #fff;
    border: 0;
    padding: 12px 14px;
    width: 100%;
    margin-top: 30px;
}
section.section-middle.no-banner.membershpPage {
    position: relative
}
.MembershipInner {
    text-align: center;
    margin: 0 0 50px
}
.membership {
    width: 350px;
    height: 350px;
    margin: 57px auto 30px;
    position: relative
}
.memShpHedr {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 15px);
    height: calc(100% - 46px);
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    padding: 84px 20px;
    z-index: 1
}
.memShpPrice span.topText {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 28px;
    color: #652d90;
    text-transform: uppercase
}
span.prs {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 28px;
    color: #652d90;
    text-transform: uppercase;
    font-weight: bold
}
.memShpTxt {
    text-align: center;
    font-size: 20px;
    padding-top: 28px
}
.memShpBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 15px);
    height: calc(100% - 46px);
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    padding: 62px 20px;
    background: #652d90;
    z-index: 0
}
.memShpBtn input[type="button"] {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    width: 100%;
    padding: 8px 0;
    background: transparent;
    border: 0;
    color: #fff
}
.memShpBtn input[type="button"]:hover {
    text-shadow: 3px 2px 4px #fff
}
.cararFeatured .membership {
    height: auto
}
.cararFeatured .memShpHedr {
    position: relative;
    padding: 51px 20px
}
.cararFeatured .memShpBtn {
    margin-bottom: -46px;
    height: 100%
}
.cararFeatured .memShpPrice {
    border-bottom: solid 1px #ccc;
    padding: 0 0 28px
}
.memShpTxt {
    text-align: center;
    font-size: 20px;
    padding-top: 28px
}
.memShpBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 15px);
    height: calc(100% - 46px);
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    padding: 62px 20px;
    background: #652d90;
    z-index: 0;
    text-align: center;
}
.memShpBtn a {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    width: 100%;
    padding: 8px 0;
    background: transparent;
    border: 0;
    color: #fff
}
.memShpBtn a:hover {
    text-shadow: 3px 2px 4px #fff
}
.memShpTxt ul li {
    font-size: 14px;
    text-align: left;
    list-style: unset;
    color: gray;
    padding: 12px 0 0
}
.memShpTxt ul {
    padding: 0 22px
}
.keybtn button.btn.btn-info {
    background: #ed297b;
    width: 100%;
    border: 0;
    padding: 9px 0;
    width: 121px;
    line-height: 29px;
    height: 50px;
    border: solid 1px #ed297b;
    transition: all 0.3s;
    border-radius: 4px;
}
.keybtn button.btn.btn-info:hover {
    background: transparent;
    color: #ed297b;
}
.keybtn input {
    padding: 11px;
    line-height: normal;
    height: auto !important;
    font-size: 13px;
}
.input-field {
    position: relative;
}
input:not([type]):not([readonly])+label,
input[type=text]:not(.browser-default):not([readonly])+label,
input[type=password]:not(.browser-default):not([readonly])+label,
input[type=email]:not(.browser-default):not([readonly])+label,
input[type=url]:not(.browser-default):not([readonly])+label,
input[type=time]:not(.browser-default):not([readonly])+label,
input[type=date]:not(.browser-default):not([readonly])+label,
input[type=datetime]:not(.browser-default):not([readonly])+label,
input[type=datetime-local]:not(.browser-default):not([readonly])+label,
input[type=tel]:not(.browser-default):not([readonly])+label,
input[type=number]:not(.browser-default):not([readonly])+label,
input[type=search]:not(.browser-default):not([readonly])+label,
textarea.materialize-textarea:not([readonly])+label {
    transition: all 0.2s;
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    -webkit-transform: translateY(-24px) translateX(-25px);
    transform: translateY(-14px) translateX(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #ed297b;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-color: #ed297b !important;
    box-shadow: none;
}
.select2-container .select2-selection--multiple {
    height: 50px !important;
    overflow: auto;
}
.input-field select~label {
    -webkit-transform: translateY(-24px) translateX(-25px);
    transform: translateY(-14px) translateX(-17px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 0.2s;
}
.rario-btn-section .redio-inner>span {
    line-height: 18px;
}
.rario-btn-section .redio-inner>span input.form-check-input~span {
    border: 0;
    position: static;
}
.rario-btn-section .redio-inner>span input.form-check-input:checked~span {
    background: transparent;
    color: #212529;
}
li.select2-search.select2-search--inline {
    line-height: 36px;
    padding: 0 0 0 9px;
}
.form-control:focus {
    box-shadow: none !important;
    border-color: #ced4da !important;
}
label.form-check-label.remember-div {
    margin: 0 0 20px !important;
}
button.submitButton {
    margin: 32px 0 0;
}
.editBtn a.btn.btn-primary {
    width: auto;
    padding: 12px 39px;
}
.profileImageOuter {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #ccc;
}
.form-check-input.is-invalid~.invalid-feedback {
    position: static;
    width: 100%;
    display: block;
    border: 0;
}
.iconid h1 a {
    color: #2b262e;
    font-size: 24px;
}
.iconid h1 span i {
    font-size: 31px;
    margin: 0 0 0 9px;
    color: green;
}
.iconid h3 span:last-child {
    margin-left: 30px;
}
.pric sub {
    font-size: 12px;
    margin: -14px 0 0;
    display: inline-block;
    bottom: 0;
}
.current_date_indicator,
.bookings_indicator,
.leaves_indicator,
.availables_indicator {
    width: 14px !important;
    height: 14px !important;
}
.ratingr h1~div[style="text-align:right"] {
    font-size: 12px;
    text-align: left !important;
    margin: 0 0 14px;
}
.fc-toolbar.fc-header-toolbar .fc-center {
    float: left;
}
.fc-toolbar.fc-header-toolbar .fc-left {
    float: right;
}
.fc-toolbar.fc-header-toolbar .fc-center h2 {
    font-size: 18px;
    text-align: right !important;
    line-height: 28px;
}
.fc-toolbar.fc-header-toolbar .fc-left button.fc-today-button {
    display: none;
}
.fc-scroller.fc-day-grid-container {
    height: auto !important;
    overflow: unset !important;
}
.hunter h2 {
    font-size: 17px;
    font-weight: bold;
}
.dropdown-links ul#drop-menu li a {
    text-shadow: none;
    color: #1f1f1f;
}
section.listimg-section {
    background: url(../images/shadowBgImage.png);
    background-position: top;
    background-repeat: repeat-x;
}
input.smallInput {
    width: 100%;
}
.keybtn.flex-1 {
    flex: 0 0 18%;
}
.keybtn.sorting {
    width: 146px;
}
.sorting span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.sorting span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    padding: 6px 0;
}
.keybtn.flex-1 input,
.keybtn.flex-1 select.breed_select.form-control.select2-hidden-accessible {
    width: 269px;
    display: inline-block;
}
.keybtn.flex-1 span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
table.carerList {
    border: 0 !important;
}
.keybtn.searchDate input.form-control.mydaterangepicker {
    width: 174px;
}
.listimg-section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.listimg-section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.listimg-section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: #ed297b !important;
    color: #fff !important;
    border: 0;
    margin: 5px 5px;
}
.listimg-section .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #ed297b !important;
    color: #fff !important;
    border: 0;
    margin: 5px 5px;
}
.listimg-section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.5;
}
div.dataTables_paginate {
    width: 100%;
    text-align: center;
}
.keybtn {
    margin: 0 8px;
}
.outerSearch {
    margin: 0;
}
.keybtn .select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
    line-height: 16px;
    height: 43px !important;
    width: 100%;
    padding: 0;
}
.keybtn span.selection {
    display: block;
    border: 0;
}
.keybtn label {
    margin: 0 0 7px;
    bottom: 0;
    height: 22px;
    width: 100%;
    float: left;
}
.carerList thead {
    display: none;
}
.carerList thead {
    display: none;
}
.carerList td.sorting_1 {
    padding: 0;
}
.carerList td {
    border: 0 !important;
}
input#imgInp,
input#profile_pic {
    width: 144px;
    height: 40px;
    margin: 22px 0 0;
    position: relative;
    background: green;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.profile_image span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 144px;
    height: 40px;
    padding: 10px 0;
    color: #fff;
    background: #ed297b;
    border-radius: 5px;
    border: solid 1px #ed297b !important;
    transition: 0.4s;
    background: #ed297b;
    color: #fff;
    border: 0;
    padding: 7px 10px;
    cursor: pointer;
}
.form-group.profile_image {
    position: relative;
}
.profile_image input#imgInp:hover~span,
.profile_image input#profile_pic:hover~span {
    background: transparent;
    color: #ed297b;
}
.blogImage {
    height: 200px;
    width: 100%;
    border: 1px solid lightgray;
}
.blogImage img.img-responsive {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogDetailTop h3 {
    text-align: center;
    margin: 54px 0 42px;
}
.blogMainImage {
    width: 100%;
    margin: 0 auto;
    height: 40%;
    overflow: hidden;
}
.blogMainImage img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.blogPage p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.blogPage dl,
.blogPage ol,
.blogPage ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.blogPage li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: unset;
}
.blogPage a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.blogVideo {
    margin: 51px 0 17px;
    text-align: center;
}
.list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.infoTabDiv .small-text {
    display: inline-block;
}
.redio-inner {
    display: inline-block;
    margin: 4px 8px 10px;
}
span.plus_sign_btn {
    margin: 10px 14px;
    display: inline-block;
    padding: 2px 0;
}
span.plus_sign_btn i.fa {
    font-size: 20px;
    margin: 9px 0 0;
    display: inline-block;
    position: relative;
    top: 2px;
    color: #5d5d5d;
}
.queText {
    font-size: 17px;
    font-weight: bold;
    margin: 20px 0 0;
}
.add_more_info {
    width: 423px;
    margin: 0 auto;
}
.treadMoreBtn a.btn.btn-warning {
    background: #ed297b !important;
    border: solid 1px #ed297b !important;
    color: #fff;
}
.treadMoreBtn a.btn.btn-warning:hover {
    background: transparent !important;
    color: #ed297b;
}
.modal-footer button.btn.btn-info.btn-block {
    background: #ed297b !important;
    border: solid 1px #ed297b !important;
    color: #fff;
    transition: 0.3s;
}
.modal-footer button.btn.btn-info.btn-block:hover {
    background: transparent !important;
    color: #ed297b !important;
}
.toggleMneuDivNotify {
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    width: 524px;
    right: 0;
    top: 100%;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    left: auto;
    top: 32px;
    right: 0;
    display: none;
}
.toggleMneuDivNotify.show {
    display: block;
}
.toggleMneuDivNotify a {
    padding: 0;
    margin: 0;
    display: inline-block;
    color: red;
    text-shadow: none;
    font-size: 13px;
    margin: 0 21px 0 0;
    text-decoration: underline;
}
.toggleMneuDivNotify li.makeAllRead {
    padding: 8px 14px;
    border: 0;
}
.toggleMneuDivNotify li {
    padding: 7px 11px;
    border-bottom: solid 1px #ccc;
}
.dropbtn i.fa {
    color: #454147;
    font-size: 20px;
    /* text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); */
}
span.dropbtn {
    margin: 0;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.dataTables_length label select {
    padding: 5px 10px !important;
    height: 36px !important;
    width: 66px;
}
#example_filter label input[type="search"] {
    border: solid 1px rgba(169, 169, 169, 0.7);
    padding: 6px 9px;
}
.form-section .dataTables_wrapper .dataTables_paginate .paginate_button,
.form-section .dataTables_wrapper .dataTables_paginate span .paginate_button {
    background: #ed297b !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0;
}
.form-section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.form-section .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    opacity: 0.7;
    border: 0;
    background: #ed297b;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0 !important;
}
.form-check.booking {
    padding: 0;
    margin: 10px 0 0;
}
.socialSection {
    text-align: center;
    padding: 41px 0;
}
.socialSection .topImage {
    width: 200px;
    margin: 0 auto 28px;
    border-radius: 50%;
    overflow: hidden;
    height: 200px;
}
.socialSection .topImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contentAddress p {
    font-size: 15px;
    margin: 0 0 16px;
}
.sectionSocial li {
    display: inline-block;
    margin: 17px 6px 0;
}
.sectionSocial li a {
    display: inline-block;
    width: auto;
    height: 30px;
    overflow: hidden;
    padding: 5px 0;
    border-radius: 33px;
    background: #000;
    white-space: nowrap;
    transition: all 2s;
    float: left;
    color: #fff;
}
.sectionSocial li.fb a {
    background: #3b5998;
}
.sectionSocial li.tw a {
    background: #1da1f2;
}
.sectionSocial li.li a {
    background: #2977c9;
}
.sectionSocial li.in a {
    background: #bd236b;
}
.sectionSocial li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: left;
    padding: 2px 0;
}
.sectionSocial li a span {
    padding: 0 10px 0 0;
}
.dropbtn i.fa {
    color: #454147;
    text-shadow: none;
}
span.notification-count {
    background: red;
    color: #fff;
    padding: 1px 1px 1px;
    font-size: 11px;
    border-radius: 50%;
    position: absolute;
    right: -11px;
    top: -7px;
    min-width: 18px;
    text-align: center;
}
span.chtIcn {
    display: flex;
    padding: 0;
    margin: 0 26px;
    position: relative;
    align-items: center;
}
span.chtIcn a {
    padding: 0;
    margin: 0 0;
    display: flex;
    align-items: center;
    color: #454147;
}
span.chtIcn a i.fa.fa-envelope {
    font-size: 20px;
}

/* Messanger css  */

.msgBtns {
    width: 59px;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #744C28;
    color: #fff;
}
.msgBtns input#selectFile {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.msgBtns span {
    position: static;
    left: 0;
    top: 0;
    font-size: 33px;
    text-align: center;
    padding: 8px 0;
    display: inline-block;
    width: 100%;
}
.messangerRightBottom input#message {
    margin: 0;
    border-radius: 0;
}
button#sendMessage {
    background: #ED297B;
    border: 0;
    color: #fff;
    font-size: 25px;
    padding: 5px 12px;
    cursor: pointer;
}
input.form-check-input:disabled~span.remembrChk {
    opacity: 0.5;
}
.received .profileInfo span.userImage {
    width: 27px;
    height: 27px;
    /* float: left; */
    overflow: hidden;
    margin: 0 6px 0 0;
    display: inline-table;
}
.received .profileInfo span.userImage img {
    padding: 0;
    margin: 0;
    border-radius: 50%;
}
.received .profileInfo {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-weight: bold;
}
.message p.date {
    color: #ccc;
    margin: 0;
}
.profileInfo {
    font-weight: bold;
}
.sent .profileInfo {
    display: none;
}
.message .sent p {
    margin: 4px 0 9px;
}
.message .sent p.date {
    margin: 0;
}
.fileuploader-items {
    display: none !important;
}
.fileuploader.fileuploader-theme-default {
    padding: 0;
    background: transparent;
}
.fileuploader-input-button {
    background: #ed297b !important;
    border-radius: 0 !important;
}
.fileuploader-input-caption {
    border: 0 !important;
    border-radius: 0 !important;
}
.fileuploader-input {
    border: 1px solid #ced4da !important;
    overflow: hidden;
    border-radius: 0.25rem !important;
}
.fileuploader-input-caption span {
    font-size: 1rem;
    font-weight: normal;
    color: #495057;
}
.fileuploader-input .fileuploader-input-button:hover,
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success:hover {
    transform: none !important;
}
.inputFile label {
    margin: 0;
    top: 0;
    padding: 0;
}
.form-group.inputFile.input-field:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 201px;
    height: 18px;
    background: #fff;
}

/* Payment page */

.payment .card-header img {
    float: right;
    width: 27px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.card.payment {
    margin: 41px 0 75px;
}
.payment .card-body {
    margin: 63px 23px;
    border: solid 1px #dcdbdb;
    padding: 0 15px;
}
.payment.rait .card-body {
    margin: 0;
    border: 0;
    padding: 34px 39px 18px;
}
span.count {
    position: absolute;
    right: -10px;
    top: -7px;
    background: #ff0000;
    border-radius: 27px;
    min-width: 17px;
    line-height: 15px;
    padding: 0 4px 0px;
    height: 17px;
}
a.btn.btn-info.btn-sm {
    position: relative;
}
.payment button.btn.btn-primary {
    width: auto;
    padding: 10px 27px;
}
.users span.count {
    color: #fff;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 17px;
    margin: auto;
    width: auto;
}
button#clear_filter {
    font-size: 1rem;
    line-height: 1.5;
    padding: 8px 16px;
    text-transform: uppercase;
}
.payment div.StripeElement {
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
    padding: 19px 0 34px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.ElementsApp span.CardField-expiry.CardField-child {
    margin: 0 25px 0 0;
}
.payment .card-header {
    background: #ed297b;
    color: #fff;
}
.pmtImg img {
    max-width: 200px;
    width: 100%;
    margin: 20px 0 22px 25px;
}
.dogImage {
    width: 200px;
    height: 200px;
    margin: 35px auto 13px;
    border-radius: 50%;
    overflow: hidden;
}
.dogImage img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    padding: 0;
}
.doginfo {
    display: flex;
}
.doginfo .abt-dog-detail {
    flex: 1;
    margin: 0;
}
.doginfo .dogImage {
    margin: 0 22px;
    border-radius: 0;
    margin-left: 0;
}
.doginfo .abt-dog-detail .trye {
    margin: 0 0 3px;
}
.dogNumber {
    font-size: 22px;
    background: #ed297b !important;
    position: absolute;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    top: 0;
    left: 0;
}
.doginfo .abt-dog-detail .trye {
    margin: 0 0 7px;
    font-size: 18px;
}
.btjlk>div {
    margin: 4px 0;
} 

.queans .panel.panel-default {
    border: solid 1px #ccc;
    margin: 16px 0;
    border-radius: 4px;
    overflow: hidden;
}
.queans .panel.panel-default .panel-heading {
    padding: 0;
}
.queans .panel.panel-default .panel-heading a {
    font-size: 17px;
    color: #2b262e;
    display: inline-block;
    width: 100%;
    padding: 11px 18px;
    background: #ed297b !important;
    color: #fff;
    text-transform: uppercase;
}
div#searchResult .carerListOuter.open_list {
    flex: 0 0 42.5%;
}
.queans .panel.panel-default .panel-heading h4.panel-title {
    margin: 0;
}
.queans .panel.panel-default div.panel-collapse {
    padding: 10px 17px;
    border-top: solid 1px #ccc;
}
.btjlk {
    margin: 9px 0;
    border-bottom: solid 1px #efefef;
    padding-bottom: 9px;
}
.btjlk:last-child {
    padding: 0;
    border: 0;
}
.section-slider .outerSearch {
    margin: 0px;
    display: flex;
    margin-left: -15px;
}
.section-slider .outerSearch .keybtn {
    margin: 0px;
}
.section-slider .outerSearch .keybtn label {
    background-color: transparent;
    width: auto;
    color: #000;
    margin-bottom: 10px;
}
.section-slider .outerSearch .search_btn {
    margin-top: 28px;
    text-align: left;
    margin-left: 14px;
}
.banner-search {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #A539484D;
    border-radius: 6px;
    max-width: 960px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.banner-search-title {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #333333;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border-radius: 6px 6px 0px 0px;
    padding: 15px;
    font-family: 'sofia_proregular';
}
.banner-search form {
    padding: 30px 45px 48px;
}
.keyfield {
    margin: 0 15px;
    position: relative;
}
.keyfieldOuter label {
    padding-left: 15px;
    flex: 0 0 100%;
    width: 100%;
}
.keyfieldOuter {
    display: inline-flex;
    flex-wrap: wrap;
    width: auto;
    flex: 1;
    position: relative;
}
.outerSearch .keyfield .form-control {
    border-color: #D3DBEA;
    line-height: 29px;
    color: #999999;
    font-family: 'sofia_proregular';
    padding: 0 15px !important;
    width: 220px;
}
img.search-clasnger-arrow {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 10px;
    top: 49px;
}
.notificaiton .noti a {
    color: inherit;
}
.notificaiton .noti a:hover {
    color: #ff0000;
}
.alert_scrollingDiv {
    background: url(../images/slider2.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: calc(100vh - 160px);
}
.verify-msg {
    background-color: #fff;
    padding: 30px;
    margin: 20% auto;
    text-align: center;
    max-width: 400px;
}
.verify-msg h1 {
    font-size: 28px;
    font-weight: bold;
    color: red;
    line-height: 40px;
    margin-bottom: 20px;
}
.verify-msg a {
    background-color: green;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}
.sweet-alert button {
    background-color: rgb(59 145 16) !important;
}
@media only screen and (max-width:767px) {
    .verify-msg {
        max-width: 100%;
    }
}
.calender-homeset {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    height: 24px;
    cursor: pointer;
}
.calender-homeset i {
    color: #000;
}
.calender-set {
    position: absolute;
    top: 0;
    right: 0;
    margin: 38px 11px 0px 0px;
}
.listimg-section .dataTables_wrapper {
    height: 400px;
    overflow-y: scroll;
    margin-bottom: 70px;
}
.add-dog .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #ced4da !important;
    padding: 12px !important;
    height: 50px !important;
}
.add-dog .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px !important;
}

/* prem css start*/

.section-about-1 h3 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
}
.section-about-1 h3 a {
    color: inherit;
}
.form-section ul,
.form-section ol {
    margin-top: 10px;
    margin-left: 20px;
}
.form-section ul li {
    list-style: disc;
    margin: 0;
    padding: 0;
}
.form-section ol li {
    list-style: number;
    margin: 0;
    padding: 0;
}
.notmsg {
    text-transform: capitalize;
}
.msgBtns span.file:before {
    display: none !important;
}
.user:hover {
    color: #000 !important;
}
.card-footer .btn-primary {
    color: #fff !important;
    border-color: #ed297b !important;
    border: 1px solid #ed297b !important;
}
#card-errors {
    color: red;
}
.pagination>li {
    padding: 0px 4px;
}
.pagination>li>.page-link {
    border-color: transparent !important;
    color: #ed297b !important;
    background-color: transparent;
}
.pagination>li:first-child .page-link {
    color: #ed297b;
}
.pagination>li>.page-link:hover {
    color: #000000 !important;
    text-decoration: underline;
    background-color: transparent !important;
    border-color: transparent !important;
}
.pagination>li:first-child>.page-link,
.pagination>li:last-child>.page-link {
    font-size: 14px;
    border-radius: 0px !important;
    color: #ed297b !important;
    background-color: #fff !important;
    font-weight: 600;
    z-index: 9 !important;
    border-color: #b7b8b2 !important;
}
.pagination>li:first-child>.page-link:hover,
.pagination>li:last-child>.page-link:hover {
    background-color: #3a3f45 !important;
    border-color: #b7b8b2 !important;
    text-decoration: none !important;
}
.pagination>li.disabled>.page-link {
    border-color: #e9ecef !important;
    border: 1px solid #e9ecef;
    background-color: #e9ecef !important;
}
.pagination>li:last-child.disabled>.page-link {
    color: #ed297b;
}
.pagination>li.active>.page-link {
    color: #000000 !important;
    text-decoration: none;
    background-color: #ed297b !important;
    border-color: #ed297b !important;
}
.pagination .prev,
.pagination .next {
    font-size: 14px;
    color: #000 !important;
    background-color: #fff !important;
    border-color: #b7b8b2 !important;
    font-weight: 600;
    z-index: 9 !important;
    border-radius: 4px;
    border: 1px solid #b7b8b2;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ed297b !important;
    border-color: #ed297b !important;
}
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(237 41 123) !important;
}
label.form-check-label.remember-div a {
    color: inherit;
    font-weight: 600;
}
.btn-link {
    border-color: #a09d9d !important;
    color: #a09d9d !important;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
}
.request_booking_btn {
    border-color: #ed297b !important;
    background-color: transparent !important;
    padding: 7px 10px 5px 10px;
    border-radius: 4px;
    color: #ed297b !important;
    border: 1px solid #ed297b !important;
}
.request_booking_btn:hover {
    color: #fff !important;
    background-color: #ed297b !important;
}
main {
    padding-top: 80px;
}
a.view-profile-link {
    background: #ED297B 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 4px 4px;
    display: inline-block;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    font-family: 'sofia_proregular';
    float: left;
    padding: 15px;
}
.count-content-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
img.banner-bg-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#owl-textimonial .owl-nav>div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#owl-textimonial .owl-nav>div {
    width: 10px;
    height: 20px;
    background: transparent;
    margin: 0;
}
#owl-textimonial .owl-nav>div.owl-prev {
    left: 0;
}
#owl-textimonial .owl-nav>div.owl-next {
    right: 0;
}
.section-family .matchbtn-section {
    margin: 0;
    text-align: left;
    display: flex;
    align-items: center;
}
a.btn-pink.section-family-btn a {
    margin: 0;
}
.section-family .matchbtn-section a {
    margin: 0;
    color: #fff;
    font-family: 'sofia_proregular';
    font-weight: normal;
    text-transform: none;
    padding: 15px;
}
span.ortext {
    letter-spacing: 0px;
    color: #333333;
    font-family: 'sofia_proregular';
    margin: 0 7px;
}
footer .footer-menu .footer-custom-menu li {
    flex: 0 0 calc(33.33% - 5px);
}
footer .footer-menu .footer-custom-menu {
    display: flex;
    flex-wrap: wrap;
}
footer .footer-menu a img {
    margin-right: 15px;
}
.footer-menu .footer-text.address i {
    font-size: 23px;
    margin: -6px 4px 0 0;
    color: #ED297B;
}
.footer-menu .footer-text.address span {
    line-height: 24px;
}
footer .footer-menu a img {
    margin-right: 15px;
}
.footer-menu .footer-text.address i {
    font-size: 23px;
    margin: -6px 4px 0 0;
    color: #ED297B;
}
.footer-menu .footer-text.address span {
    line-height: 24px;
}
.count-right-title {
    font-size: 1.25rem;
    color: #333333;
    margin-bottom: 10px;
}
.count {
    padding: 0 50px;
    width: 50%;
    text-align: right;
}
.count:last-child {
    text-align: left;
}
#owl-textimonial .owl-nav>div.disabled {
    opacity: 0.5;
}
a#username {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 26px;
}
a#username span {
    font-size: 12px;
    position: absolute;
    padding: 0px 6px;
    border-radius: 15px;
    top: -7px;
    left: 49px;
    white-space: nowrap;
}
a#username br {
    display: none;
}
#username img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 50%;
}
.usrnm {
    position: relative;
    margin-right: 8px;
}
.main-nevigation a#username:hover:after {
    display: none;
}
img.verify-icon {
    position: absolute;
    left: 28px;
    top: -8px;
    width: 19px !important;
    height: auto !important;
}
.container {
    max-width: 1230px;
}
.about-page-title {
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    font-family: 'sofia_proregular';
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 30px;
}
.about-page-content p {
    letter-spacing: 0px;
    color: #666666;
    font-size: 18px;
    line-height: 28px;
    font-family: 'sofia_proregular';
    margin-bottom: 20px;
}
.about-icon-section-title {
    font-size: 18px;
    line-height: 29px;
    font-family: 'sofia_probold';
    margin-bottom: 24px;
}
.about-icon-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBEA;
    border-radius: 6px;
    overflow: hidden;
    padding: 22px 30px;
    margin-bottom: 24px;
}
.about-icon-box img {
    width: 65px;
    margin-right: 30px;
}
.about-icon-box-content {
    font-size: 16px;
    line-height: 26px;
    font-family: 'sofia_proregular';
}
.about-icon-section {
    padding-left: 55px;
}
.about-padding {
    padding: 120px 0;
}
.outerSearch .keyfield .form-control.hasDatepicker {
    background: url(../images/icon-search-calander.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    cursor: pointer;
}
.individual.d-flex {
    align-items: start;
    margin-top: 30px;
}
.feacturedDiv img {
    width: 35px;
    height: auto;
    /* position: absolute; */
    top: -6px;
    right: -10px;
    background: transparent;
}
.search-page-outer .key-section {
    min-width: 20%;
    padding: 15px;
    background: #fff;
    margin: 0;
    border: 0;
    height: calc(100vh - 84px);
    overflow: auto;
    top: 84px;
    z-index: 1;
}
.carerListOuter {
    background: #fff;
    flex: 0 0 44%;
    padding: 15px;
    margin: 0;
    transition: all 0.3s;
}
.intlmap {
    flex: 0 0 36%;
    height: calc(100vh - 84px);
    margin: 0;
    transition: all 0.3s;
    top: 84px;
}
.search-page-outer.d-flex {
    background: #F4F7FD;
}
.ma-width {
    background: #fff;
    padding: 12px 15px;
    border: solid 1px #0000002e;
}
.ma-width span.larg-map {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'sofia_prosemibold';
}
.intlmap.sticky-top.open_map {
    flex: 0 0 46%;
}
.carerListOuter.open_list {
    flex: 0 0 34%;
}
.keybtn {
    margin: 0 0 14px;
}
.ma-width span.larg-map img {
    width: 10px;
    margin-right: 20px;
    margin-top: 3px;
}
.open_list .listing {
    width: 77px;
    height: 77px;
    padding: 2px;
}
.open_list .iconid h1 a {
    font-size: 18px;
}
.inner-data {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.open_list .carerList .data-div {
    padding-left: 15px;
}
.review span {
    display: inline-flex;
    align-items: center;
}
.iconid h1 {
    display: flex;
    margin: 0;
}
.button-section a.redirect_to_user_profile {
    margin-left: auto;
}
.button-section {
    display: flex;
}
span.smtext {
    display: none;
}
.open_map span.smtext {
    display: block;
}
.open_map span.lrtext {
    display: none;
}
.open_map .larg-map img {
    transform: rotate(180deg);
}
td.searchItem {
    padding: 0 !important;
}
.individual .inner-data .review {
    padding: 0 23px 0 0;
}
.btn-link:hover {
    background: #a09d9d !important;
    color: #fff !important;
    text-decoration: none;
}
.new-registeration {
    background: #F4F7FD;
    padding: 80px 0;
}
.register-inner {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    margin: 0 auto;
    width: 810px;
    padding: 62px 105px;
}
.registration-heading {
    letter-spacing: 0px;
    color: #333333;
    font-size: 48px;
    text-align: center;
    font-family: 'sofia_probold';
    padding-bottom: 55px;
}
p.terms-condition-text {
    font-size: 14px;
    text-align: center;
    font-family: 'sofia_prolight';
    padding: 40px 0 30px;
}
p.terms-condition-text a {
    color: #ED297B;
}
.register-button {
    background: #ED297B;
    border-radius: 4px;
    width: auto;
    border: solid 1px #ED297B;
    padding: 15px 60px;
    line-height: 30px;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
}
.register-button:hover {
    background: transparent;
    color: #ED297B;
}
.step-form {
    width: 600px;
    margin: 0 auto;
    padding: 39px 15px;
}
.step-sub-title {
    font-size: 24px;
    line-height: 29px;
    color: #ED297B;
}
.step-title {
    font-size: 48px;
    font-family: 'sofia_probold';
    color: #333333;
}
.step-sub-heading {
    color: #333333;
    font-size: 24px;
    line-height: 29px;
    font-family: 'sofia_prolight';
}
.step-what {
    padding: 12px 15px;
    background: #F8F8F8;
    color: #ED297B;
    font-size: 21px;
    margin-top: 30px;
    margin-bottom: 30px;
}
span {}
.label-sub-heading {
    font-size: 16px;
    color: #888888;
    font-family: 'sofia_prolight';
    margin-bottom: 20px;
    margin-top: 4px;
}
p.label-heading {
    font-size: 18px;
    color: #ED297B;
    line-height: 29px;
}
label.label.custom-file-upload.btn.btn-primary.ml-3, label.label.custom-file-upload-o.btn.btn-primary.ml-3 {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    margin: 0;
    display: flex;
    color: #333333;
    justify-content: center;
    align-items: center;
    margin: 21px 0 0 !important;
    width: 285px;
}
label.label.custom-file-upload.btn.btn-primary.ml-3 img,
label.label.custom-file-upload-o.btn.btn-primary.ml-3 img {
    margin-right: 6px;
    height: 16px;
}
.add-link-text label.label.custom-file-upload-o.btn.btn-primary.ml-3 {
    margin: 0 !important;
    height: 100%;
    flex: 1;
    flex-direction: column;
}
.add-link-text label.label.custom-file-upload-o.btn.btn-primary.ml-3 img {
    height: auto;
}
.sub-label {
    color: #888888;
    display: block;
    line-height: 22px;
    font-family: 'sofia_prolight';
}
.image-image-section {
    width: 180px;
    height: 180px;
    flex: 0 0 180px;
    text-align: center;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}
.image-image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-upload-section {
    padding-right: 0;
    max-width: 360px;
}
.form-group.form-control-box {
    border: 1px solid #DEE4EF;
}
.form-group.form-control-box label.active {
    display: flex;
    margin: 0;
    background: #F8F8F8;
    padding: 7px 18px;
    margin: 0 !important;
    font-size: 14px;
}
.form-group.form-control-box label.active span.edit-input {
    margin-left: auto;
}
.form-group.form-control-box .form-control {
    border: 0 !important;
}
.pricing-save {
    display: flex;
    align-items: center;
}
.pricing-outer {
    width: 198px;
    height: 50px;
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px;
    margin-right: 13px;
}
.sub-lbel {
    color: #999999;
    font-size: 14px;
    margin-top: 12px;
}
.form-check input[type='radio']~label:before,
.form-check input[type='checkbox']~label:before {
    width: 21px;
    height: 21px;
    border: 1px solid #D3DBEA;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
}
.form-check input[type='radio']:checked~label:after,
.form-check input[type='checkbox']:checked~label:after {
    width: 21px;
    height: 21px;
    border: 1px solid #ED297B;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../images/white-check.svg);
    background-color: #ED297B;
    background-repeat: no-repeat;
    background-position: center;
}
.form-check input[type='checkbox']~label:before,
.form-check input[type='checkbox']:checked~label:after {
    border-radius: 3px;
}
.form-check input[type='radio']~label,
.form-check input[type='checkbox']~label {
    color: #999999;
    padding-left: 30px;
    cursor: pointer;
    margin: 0 !important;
}
.form-group .form-check {
    margin: 10px 0;
    padding: 0;
}
.form-check input[type='radio']:checked~label:before {
    border-color: #ED297B;
}
body .form-check input[type=checkbox],
body .form-check input[type=radio] {
    position: absolute;
    left: -999px;
}
body .form-check input[type=checkbox],
body .form-check input[type=radio] {
    position: absolute;
    left: -999px;
}
.payment-type {
    display: flex;
    margin: 0 -17px;
}
.payment-type .border-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3DBEA;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 33px 35px;
    margin: 17px;
}
.border-bo-title {
    font-size: 18px;
    line-height: 24px;
    font-family: 'sofia_probold';
    margin-top: 20px;
}
.border-bo-content {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    font-family: 'sofia_prolight';
    margin-top: 10px;
}
.step-sub-title a {
    color: #ED297B;
    margin-left: auto;
    text-decoration: underline;
}
.step-form {
    display: none;
}
div#step-point0 {
    display: block;
}
.parsley-errors-list.filled li {
    color: red;
    font-size: 13px;
}
div#searchResult {
    flex: 0 0 80%;
    display: flex;
}
div#searchResult .carerListOuter {
    flex: 0 0 62.5%;
}
#searchResult .intlmap.sticky-top {
    flex: 0 0 37.5%;
    top: 84px;
    height: calc(100vh - 84px);
}
#searchResult .intlmap.sticky-top.open_map {
    flex: 0 0 57.5%;
}
.days-checkbox {
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    display: inline-flex !important;
    overflow: hidden;
    margin-top: 20px;
}
.days-checkbox .form-check.form-check-inline {
    margin: 0;
}
.days-checkbox label.form-check-label {
    width: 85px;
    text-align: center;
    padding: 15px 10px !important;
    border-left: 1px solid #D3DBEA;
    line-height: 16px;
}
.days-checkbox label.form-check-label::before {
    display: none;
}
.days-checkbox .form-check.form-check-inline:first-child label.form-check-label {
    border: 0;
}
.days-checkbox input:checked~label {
    background: #21BC38 !important;
    color: #fff;
}
.days-checkbox input[type="checkbox"]:checked~label:after {
    display: none !important;
}
.same-small-width {
    display: flex;
    width: 359px;
    flex-wrap: wrap;
}
.same-small-width .form-check.form-check-inline {
    flex: 0 0 35%;
}
.form-check.form-check-inline {
    margin-right: 50px;
}
.imer-page-title img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 01;
}
.title {
    position: relative;
}

/* .cropper-container.cropper-bg {
    max-height: 500px;
    max-width: 500px;
} */

.img-container {
    max-height: 500px;
    max-width: 100%;
}
.profile-shadow-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 0px #D3DBEA;
    border-radius: 6px;
    padding: 30px;
    margin-bottom: 30px;
    align-items: center;
}
.carer-profile-detail-outer {
    background: #F4F7FD 0% 0% no-repeat padding-box;
    padding: 60px 0;
    position: relative;
}
.profile-info {
    display: flex;
    align-items: center;
}
.profile-info-img {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    width: 98px;
    height: 98px;
}
.profile-info-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.profile-info-name {
    letter-spacing: 0px;
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    font-family: 'sofia_prosemibold';
}
.profile-info-edit-link a {
    color: #ED297B;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 0;
    display: inline-block;
}
.profile-info-edit-link {}
.profile-info-view-link a {
    color: #622C8C;
    font-size: 16px;
    line-height: 22px;
    /* padding: 8px 0; */
    display: inline-block;
}
.profile-info-text {
    padding-left: 30px;
}
.balance-heading {
    font-size: 18px;
    line-height: 24px;
    font-family: 'sofia_probold';
    border-bottom: 2px solid #ED297B;
    padding-bottom: 12px;
    font-family: 'sofia_prosemibold';
}
.balance-price {
    text-align: center;
    font-size: 30px;
    font-family: 'sofia_prosemibold';
    margin-top: 37px;
}
.balance-status {
    text-align: center;
    color: #888888;
    font-size: 14px;
    line-height: 22px;
    margin-top: 7px;
    margin-bottom: 0;
}
.balance-widro a {
    color: #ED297B;
    font-size: 14px;
    line-height: 22px;
}
.balance-widro {
    text-align: center;
}
.panding-link {
    background: #F4F7FD 0% 0% no-repeat padding-box;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #888888;
    padding: 10px;
    margin-top: 33px;
}
a.view-payment-link {
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    display: inline-block;
    width: calc(100% - 20px);
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    color: #333333;
    padding: 9px;
    margin-top: 20px;
    transition: all 0.3s;
}
a.view-payment-link:hover,
.last-update-section-link a:hover {
    color: #fff;
    background: #333333;
}
.refer-box-content-heading {
    color: #333333;
    font-size: 21px;
    line-height: 24px;
    font-family: 'sofia_prosemibold';
    margin-bottom: 15px;
}
.refer-box {
    display: flex;
}
.refer-box-a {
    background: #ed297b;
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #ed297b;
    transition: all 0.3s;
}
.refer-box-content-text {
    color: #888888;
    font-family: 'sofia_prolight';
}
.refer-box-content {
    width: 455px;
}
.refer-box-link {
    margin-left: auto;
}
.profile-shadow-box.refer-box {
    padding-bottom: 33px;
    padding-top: 37px;
}
a.refer-box-a:hover {
    color: #ed297b;
    background: transparent;
}
.calander-box-heading {
    font-size: 24px;
    line-height: 24px;
    font-family: 'sofia_prosemibold';
}
.calander-box-heading a {
    letter-spacing: 0px;
    color: #ED297B;
    font-size: 16px;
    line-height: 22px;
    float: right;
}
.calander-box-text {
    font-size: 16px;
    padding-top: 13px;
}
.calander-box .calander {
    display: flex;
    flex-direction: column;
    margin: 27px 0 30px;
}
.calander-tr {
    display: flex;
    justify-content: space-between;
}
.calander-tr .calander-th,
.calander-tr .calander-td {
    flex: 0 0 14%;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    font-family: 'sofia_promedium';
}
.calander-tr .calander-td {
    border: 1px solid #D3DBEA;
    border-radius: 2px;
    margin: 2px 0;
    padding: 6px;
    color: #888888;
}
.calander-tr .calander-th {
    padding: 6px 0;
}
.d-flex.last-update-section {
    align-items: center;
    justify-content: end;
    margin-top: 23px;
}
.last-update-section-content:before {
    content: "";
    background-color: #ED297B;
    width: 21px;
    height: 21px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 13px;
    background-image: url(../images/white-check.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.last-update-section-content {
    display: flex;
    align-items: center;
}
.last-update-section-link a {
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    display: inline-block;
    width: calc(100% - 20px);
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    color: #333333;
    padding: 9px;
    transition: all 0.3s;
    white-space: nowrap;
    width: auto;
    margin-left: 34px;
    padding-left: 20px;
    padding-right: 20px;
}
.calander-tr .calander-td.act {
    background: #21BC38;
    color: #fff;
}
.dog-box {
    border: 1px solid #D3DBEA;
    border-radius: 2px;
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin: 15px 0;
    height: 270px;
}
.my-dog-add {
    display: flex;
    flex-wrap: wrap;
}
.dog-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a.dogs-edit-link {
    font-size: 16px;
    line-height: 22px;
    color: #ED297B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.action-link {
    padding: 15px 21px;
    display: flex;
    align-items: center;
}
a.dogs-edit-link img {
    max-height: 16px;
    max-width: 18px;
    margin-right: 10px;
}
.my-dog-add {
    padding: 15px 0;
    justify-content: space-between;
}
.dog-box.add-link {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.add-link-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.add-link-text img {
    width: 36px;
    height: 36px;
    margin-bottom: 19px;
}
.add-link-text {
    color: #888888;
    cursor: pointer;
}
.services-section {
    background: #F4F7FD 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 40px;
    margin-top: 50px;
    padding-bottom: 36px;
}
.services-section-heading {
    font-size: 36px;
    font-family: 'sofia_prosemibold';
    line-height: 29px;
    padding-bottom: 21px;
}
.services-table-heading {
    font-family: 'sofia_prosemibold';
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 5px;
}
.services-table-price {
    font-family: 'sofia_prosemibold';
    font-size: 30px;
    line-height: 30px;
}
table.services-table {
    width: 100%;
    border-bottom: 1px solid #D3DBEA;
    padding-bottom: 15px;
}
.services-table-sub-heading {
    color: #888888;
}
table.services-table td {
    padding: 0 0 25px;
}
.services-section-asr p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding-top: 20px;
}
.services-section-asr p span {
    color: #ED297B;
    font-size: 18px;
    font-family: 'sofia_prosemibold';
}
.detail-page-heading {
    font-size: 26px;
    line-height: 26px;
    color: #333333;
    font-family: 'sofia_probold';
    padding-bottom: 25px;
    padding-top: 30px;
}
.dogs-lbs-box {
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    border: 1px solid #D3DBEA;
    border-radius: 6px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    padding: 25px 18px;
    margin: 15px;
}
.dogs-lbs {
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -15px;
}
.dogs-lbs-box-text2 {
    color: #666666;
}
.dogs-lbs-box img {
    margin-bottom: 8px;
    margin: 0;
    max-width: 100%;
}
select.select2 {
    border: 1px solid #D3DBEA;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 40px;
}
.profile-detail-calender .fc-view {
    background: #F4F7FD !important;
    border: 1px solid #D3DBEA !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.profile-detail-calender th.fc-day-header.ui-widget-header {
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: 'sofia_prosemibold' !important;
    border: 0 !important;
    background: #fff !important;
}
.profile-detail-calender .fc-row.ui-widget-header {
    padding: 14px 20px !important;
    background: #fff !important;
}
.profile-detail-calender .fc-view {
    border: 0 !important;
}
.profile-detail-calender td.ui-widget-content {
    padding: 0 16px !important;
    padding: 14px 20px !important;
    background: #F4F7FD;
}
.profile-detail-calender .fc-day-grid.fc-unselectable td.fc-day.ui-widget-content {
    text-align: center !important;
    padding: 0 !important;
    border: 0 !important;
}
.profile-detail-calender td.fc-day-top {
    text-align: center !important;
    border: 0 !important;
}
.profile-detail-calender .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none !important;
    padding: 0 !important;
    line-height: 36px !important;
    font-size: 15px !important;
}
.profile-detail-calender .fc-basic-view .fc-body .fc-row {
    min-height: 36px !important;
    height: 36px !important;
}
.profile-detail-calender .fc-row .fc-content-skeleton {
    height: 36px !important;
    margin: 4px 0 !important;
}
.profile-detail-calender .fc-row .fc-content-skeleton table {
    height: 36px !important;
}
.profile-detail-calender .fc-row .fc-content-skeleton table td {
    height: 36px !important;
}
.below-calander-title {
    font-size: 18px !important;
    line-height: 29px !important;
    text-align: center !important;
    font-family: 'sofia_promedium' !important;
}
.below-calander-text {
    text-align: center !important;
    color: #666666 !important;
    line-height: 29px !important;
}
h2.carer-heading {
    font-size: 48px;
    font-family: 'sofia_prosemibold';
    margin-bottom: 15px;
    position: relative;
}
.carer-sub-heading {
    font-size: 18px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 18px;
}
.user-profile-info {
    display: flex;
    margin-bottom: 40px;
}
.user-profile-info .review {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    /* margin-right: 30px; */
}
.user-profile-info .review .review-star {
    font-size: 15px;
    color: #FFC834;
    margin-right: 10px;
    white-space: nowrap;
}
.user-profile-info-text {
    font-size: 15px;
    line-height: 22px;
    line-height: 22px;
    color: #666666;
    margin-right: 30px;
}
.user-profile-info-text i {
    color: #622C8C;
    font-size: 16px;
    margin-right: 9px;
}
.user-profile-info-text strong {
    color: #333333;
    margin-left: 3px;
}
.detail-image-box {
    border-radius: 6px;
    overflow: hidden;
    padding-top: 59%;
    position: relative;
}
.detail-image-box:nth-child(1) {
    grid-area: grd1;
}
.detail-image-box:nth-child(2) {
    grid-area: grd2;
}
.detail-image-box:nth-child(3) {
    grid-area: grd3;
}
.detail-image-box:nth-child(4) {
    grid-area: grd4;
}
.detail-image-box:nth-child(5) {
    grid-area: grd5;
}
.detail-image-box:nth-child(6) {
    grid-area: grd6;
}
.detail-image-box:nth-child(7) {
    grid-area: grd7;
}
.detail-image-box:nth-child(8) {
    grid-area: grd8;
}
.detail-image-box:nth-child(9) {
    grid-area: grd9;
}
.detail-image-box:nth-child(10) {
    grid-area: grd10;
}
.detail-images {
    display: grid;
    grid-template-areas: 'grd1 grd1 grd2 grd3' 'grd1 grd1 grd4 grd5' 'grd6 grd7 grd10 grd10' 'grd8 grd9 grd10 grd10';
    width: 100%;
    grid-template-columns: calc(25% - 10px);
    gap: 20px;
    margin-top: 50px;
    padding-bottom: 50px;
}
.detail-image-box img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.some-detail ul li {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.some-detail {
    margin-top: 30px;
}
.some-detail i {
    color: #21BC38;
    margin-right: 15px;
}
.some-detail ul li {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
}
.some-detail {
    margin-top: 30px;
}
.some-detail i {
    color: #21BC38;
    margin-right: 12px;
    margin-top: 3px;
}
.text p {
    /* color: #fff; */
    font-size: 16px;
    line-height: normal;
    margin-bottom: 8px;
}
.some-detail.big-list {
    margin: 0;
    display: flex;
}
.some-detail.big-list ul {
    display: flex;
    flex-wrap: wrap;
}
.some-detail.big-list ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    display: flex;
    align-items: flex-start;
    margin: 8px 0;
}
.beckhunter {
    padding: 20px 0;
    border-bottom: solid 1px #D3DBEA;
}
.beckhunter p {
    color: #333333;
    line-height: 26px;
    margin-top: 20px;
}
.nmanddate h2 {
    line-height: 26px;
    color: #622C8C;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.nmanddate p {
    margin: 0;
    color: #666666;
}
.veriyfystate {
    color: #21BC38;
    font-size: 12px;
    line-height: 24px;
    background: #21BC380D 0% 0% no-repeat padding-box;
    border: 1px solid #21BC38;
    border-radius: 4px;
    margin-left: auto;
    margin-bottom: auto;
    padding: 1px 10px;
}
.dog-box label.label.custom-file-upload.btn.btn-primary.ml-3 {
    /*margin: 0 !important;*/
    height: 100% !important;
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
}
.dog-box .add-link-text {
    height: 100%;
    width: 100%;
}
.dog-box label.label.custom-file-upload.btn.btn-primary.ml-3 img {
    width: 40px;
    height: auto;
    margin: 0 0 11px;
}
body .dropzone .dz-preview.dz-processing {
    margin: 0;
    border: 1px solid #D3DBEA;
    border-radius: 15px;
    flex: 0 0 calc(33.33% - 33px);
    max-width: calc(33.33% - 6px);
    margin: 14px 11px;
}
body .dropzone.dz-clickable {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    border: 0;
    padding: 0;
    margin: 0 -11px;
    width: 100%;
    min-height: unset;
}
.dropzone .dz-preview.dz-processing .dz-image {
    width: 100%;
    height: 100%;
    border-radius: 13px;
}
.dz-preview.dz-processing.dz-image-preview .dz-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
}
.dz-default.dz-message {
    display: none !important;
}
.calendar-dashboard-page.fc td,
.calendar-dashboard-page.fc th {
    border: 0;
}
.calendar-dashboard-page.fc th {
    font-size: 16px;
    font-family: 'sofia_promedium';
    padding-bottom: 15px;
    padding-top: 14px;
}
.calendar-dashboard-page.fc td {
    /* font-size: 16px; */
    /* text-align: center; */
    /* width: 100%; */
}
.calendar-dashboard-page .fc-row .fc-content-skeleton {
    height: 42px;
    text-align: center;
    padding: 0;
}
.calendar-dashboard-page .fc-row .fc-content-skeleton td {
    text-align: center;
}
.calendar-dashboard-page .fc-row .fc-content-skeleton td span {
    width: 100%;
    text-align: center;
    line-height: 42px;
    padding: 0;
}
.calendar-dashboard-page.fc .fc-bg table,
.calendar-dashboard-page .fc-row .fc-content-skeleton table {
    border-spacing: 4px 2px;
    border-collapse: separate;
    /* margin-bottom: 9px; */
}
.calendar-dashboard-page.fc .fc-bg table td {
    border: 0;
    /* border-radius: 2px; */
    /* height: 42px; */
}
.calendar-dashboard-page .fc-basic-view .fc-body .fc-row {
    height: 42px !important;
    min-height: unset;
}
.dog-box-image {
    height: 220px;
    border-bottom: 1px solid #D3DBEA;
}
.cal-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 0 14px;
}
.cal-status>span {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    margin-left: 30px;
    margin-right: 7px;
}
.cal-status>span:first-child {
    margin-left: 0;
}
.profile-detail-calender .fc-row .fc-content-skeleton table td span {
    width: 100%;
    height: 100%;
    line-height: 32px;
}
.btn.bookbtn.request_booking_btn.refer-box-a.ml-3 {
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #ed297b;
    transition: all 0.3s;
    padding: 0;
}
label.label.custom-file-upload.btn.btn-primary.ml-3:focus,
label.label.custom-file-upload.btn.btn-primary.ml-3:active {
    border-color: green !important;
    box-shadow: none !important;
    background: black !important;
    color: #fff;
}
.form-group.form-control-box label.active a span {
    margin-left: auto;
    color: #ED297B !important;
}
.form-group.form-control-box .form-control {
    background: transparent !important;
    border: 0 !important;
}
.form-group.form-control-box label.active a {
    margin-left: auto;
}
input.width-dynamic.proba.dva {
    border: 0;
    padding: 0 !important;
    padding-left: 15px !important;
    margin-left: auto;
    height: 90% !important;
    min-width: 30px;
    text-align: right;
    color: #999999;
}
input.width-dynamic.proba.dva:focus-visible {
    outline: none;
}
::placeholder {
    color: #999999 !important;
}
.messages-page .left-side .form-control::placeholder {
    color: #fff !important;
}
.dropbtn i.fa:hover {
    color: #000;
}
.main-nevigation .chtIcn a:hover:after {
    display: none;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.noti_dropdown_menu {
    margin: 0;
    width: 100%;
    flex: 0 0 100%;
    min-width: 100%;
    display: inline-block;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group {
    margin: 0;
    display: inline-block !important;
    width: 100%;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group li {
    width: 100%;
    border: 0;
    display: inline-block !important;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #99999942;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group li a {
    color: #000;
    color: #333333;
    display: block;
    padding: 13px 16px;
    z-index: 2;
    font-family: 'sofia_proregular';
    text-align: left;
    line-height: 20px;
    font-size: 18px;
    margin: 0;
    text-decoration: none;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group li:last-child {
    border: 0;
    display: flex !important;
    gap: 17px;
    justify-content: center;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group li:last-child a {
    color: #ed297b;
}
.card-image {
    position: relative;
}
.card-image .cardImages {
    position: absolute;
    right: 8px;
    top: 0;
    height: 34px;
    bottom: 0;
    margin: auto;
}
.card-image .cardImages img {
    height: 34px;
}
button.Back-button {
    color: #ED297B;
    border-radius: 4px;
    width: auto;
    border: solid 1px #ED297B;
    padding: 15px 60px;
    line-height: 30px;
    background-color: #fff;
    transition: all 0.3s;
    cursor: pointer;
    margin-right: 30px;
}
button.Back-button:hover {
    background: #ED297B;
    color: #fff;
}
.dropdown-links ul.open {
    display: block !important;
}
.login-btns ul {
    margin: 20px 0 0;
}
.banner-search label {
    margin-bottom: 1px !important;
    font-size: 16px;
}

/*message chat*/

.messages-page {
    padding: 20px;
    background-color: #F3F3F3;
}
.messages-page .left-side {
    background-color: #fff;
    margin: 0;
    padding-top: 1px;
    height: calc(100vh - 132px);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 0px #D3DBEA;
    border-radius: 6px;
    padding: 12px;
}
.messages-page .left-side h3 {
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.messages-page .left-side form {
    margin: 0 0 12px;
}
.messages-page .left-side .input-group {
    margin-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}
.messages-page .left-side .input-group .form-control {
    border-right-color: transparent;
}
.messages-page .left-side .input-group .btn {
    background-color: transparent;
    border-left-color: transparent;
    font-size: 24px;
}
.messages-page .left-side .list-group {
    margin-left: 0px;
}
.messages-page .left-side .list-group .list-group-item {
    border: none;
    color: #000;
    position: relative;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin-bottom: 0px;
}
.messages-page .left-side .form-control {
    background-color: #ed297b;
    border-color: #ed297b;
    border: 1px solid #ed297b;
    color: #fff !important;
}
.messages-page .left-side .form-control::placeholder {
    color: #000;
}
.messages-page .left-side .list-group .list-group-item:first-child,
.messages-page .left-side .list-group .list-group-item:last-child {
    padding: 8px 10px;
    border-radius: 0px;
}
.messages-page .left-side .list-group .list-group-item .d-flex {
    position: relative;
    width: 100%;
    /* float: left; */
    position: relative;
    align-items: center;
}
.messages-page .left-side .list-group .list-group-item.active,
.messages-page .left-side .list-group .list-group-item:hover,
.messages-page .left-side .list-group .list-group-item:focus {
    background-color: #F3F3F3;
    border-color: #F3F3F3;
    transition: all 0.3s ease-in-out;
}
.messages-page .left-side .list-group .list-group-item .pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.messages-page .left-side .list-group .list-group-item .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.messages-page .left-side .list-group .list-group-item .text {
    float: left;
    width: 80%;
}
.messages-page .left-side .list-group .list-group-item .rounded-circle {
    border: 1px solid #dee2e6;
}
.messages-page .left-side .list-group .list-group-item h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.messages-page .left-side .list-group .list-group-item p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
}
.messages-page .left-side .list-group .list-group-item .count {
    min-width: 18px;
    width: auto;
    height: 18px;
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: normal;
    padding: 4px 0 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: normal;
}
.messages-page .problem {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #ed297b;
    padding: 10px;
    background-color: #ed297b;
}
.messages-page .problem .pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.messages-page .problem .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.messages-page .problem .text {
    color: #fff;
}
.messages-page .problem .text h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
.messages-page .problem .view-profile {
    background-color: #003D66;
    color: #fff;
    border: 1px solid #003D66;
    border-color: #003D66;
    font: normal normal 600 14px/17px Spartan;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 10px 20px 5px;
}
.messages-page .message-list {
    width: 100%;
    position: relative;
    padding: 0;
    height: calc(100vh - 284px);
}
.messages-page .message-list ul {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
}
.messages-page .message-list ul .left-msg {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    list-style: none;
}
.messages-page .message-list ul .left-msg .msg {
    max-width: 80%;
    width: auto;
    display: flex;
    flex-direction: column;
}
.messages-page .message-list ul .left-msg .profile {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border-radius: 50%;
    margin: 18px 10px 0px 0px;
}
.searchfind-box form {
    margin: 0;
}
.messages-page .message-list ul .left-msg .profile img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.closeChat {
    display: none;
}
.messages-page .message-list ul time {
    float: right;
    padding-top: 3px;
    color: #989898;
    font-size: 12px;
}
.messages-page .message-list ul .left-msg .text {
    float: left;
    border: 1px solid #ed297b;
    padding: 5px 7px 3px;
    color: #fff;
    width: auto;
    background-color: #ed297b;
    border-radius: 6px;
    border-top-left-radius: 0;
}
.messages-page .message-list ul .left-msg .text p i {
    font-size: 15px;
    color: inherit;
}
.messages-page .message-list ul .right-msg {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    padding-right: 0px;
    list-style: none;
}
.messages-page .message-list ul .right-msg .profile {
    order: 2;
    margin-right: 30px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 25px 0px 0px 10px;
}
.messages-page .message-list ul .right-msg .profile img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
li.right-msg.msg_container {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}
.messages-page .message-list ul .right-msg .del-icon {
    order: 1;
    margin: 10px;
    padding-top: 12px;
    color: #c31818;
}
.messages-page .message-list ul .right-msg .del-icon a {
    color: inherit;
}
.messages-page .message-list ul .right-msg .text {
    color: #000;
    background-color: #F3F3F3;
    border-color: #fff;
    float: right;
    padding: 5px 7px 3px;
    /* font: normal normal normal 14px/24px Spartan; */
    border-radius: 6px;
    border-top-right-radius: 0;
}
.messages-page .message-list ul .right-msg .text p {
    margin-bottom: 5px;
}
.messages-page .message-list ul .right-msg .text p img {
    width: 50px;
    height: 50px;
}
.messages-page .message-list ul .right-msg .text p i {
    font-size: 15px;
    color: inherit;
}
.messages-page .message-list ul .right-msg time {
    display: block;
    text-align: left;
    color: #989898;
    font-size: 12px;
    margin-bottom: 5px;
}
.messages-page .message-list ul .right-msg .msg {
    display: flex;
    flex-direction: column;
}
.messages-page form#replyMessage .msg-box {
    /* border: 1px solid #fff; */
    background-color: #fff;
    height: 70px;
    border-top: solid 3px #ed297b;
}
.messages-page form#replyMessage .msg-box .form-control {
    width: 78%;
    font-size: small;
    line-height: 20px;
    border: 0;
    padding: 20px 20px;
    height: 60px !important;
}
.messages-page form#replyMessage .msg-box .form-control:focus {
    box-shadow: none;
    outline: none;
}
.messages-page .message-button {
    margin-bottom: 0;
    position: relative;
    width: 100%;
    /* float: left; */
    position: relative;
}
form#replyMessage {
    margin: 0;
}
.messages-page .message-button .caption {
    margin: 0;
    display: flex;
}
.messages-page .message-button .caption .btn-link {
    padding: 0px 5px;
    color: #000;
}
.messages-page .message-button .caption .btn-black {
    padding: 9px 32px 6px;
    margin-top: -10px;
    background-color: #ed297b;
    border: 1px solid #ed297b;
    border-color: #ed297b;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
}
.messages-page .message-button #file {
    position: absolute;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    left: -99999px;
}
.messages-page .message-button #fileName {
    position: absolute;
    right: 20px;
    margin-top: 80px;
}
.emoji {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 151px;
}
.emoji i {
    font-size: 25px;
}
.messages-page .message-button .caption label i {
    margin-right: 0;
    font-size: 25px;
}
.messages-page .message-button .emoji-picker-icon {
    right: 135px;
    top: 24px;
}
.messages-page .message-button .parsley-errors-list {
    padding-left: 0;
    position: absolute;
    margin-top: 65px;
}
.emoji-items-wrap1 .emoji-menu-tabs {
    display: none;
}
.emoji-items-wrap1 {
    margin-top: 45px;
}
.loc_search .searchfind-box .flex-form-input {
    flex: 0 0 calc(50% - 20px);
}
.loc_search .searchfind-box .flex-form-button {
    flex: 40px;
}
.loc_search .searchfind-box .flex-form-button button {
    position: static;
}
.loc_search {
    margin-right: 30px;
    margin-left: auto;
}
button#sendMsgBtn {
    /* font-size: 17px; */
    /* height: 36px; */
    /* line-height: 34px; */
}
button#sendMsgBtn:hover {
    color: #ed297b;
    background-color: transparent;
}
.msgWrite input#file-upload {
    position: absolute;
    left: -9999px;
}
div.chat-box {
    position: fixed;
    left: 21px;
    bottom: 15px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0px 8px rgb(0 0 0 / 20%);
    max-width: 500px;
    border-radius: 10px;
    padding: 19px;
}
.chat-box h4 {
    font-size: 18px;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0;
}
.chat-box .closechat {
    position: absolute;
    right: 21px;
    top: 20px;
    cursor: pointer;
}
.chat-box textarea#text {
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    margin: 0;
}
.chat-box .chat-header {
    margin-bottom: 18px;
}
button#sendMsgBtn {
    background: #ed297b;
    border-color: #ed297b;
    font-size: 17px;
    height: auto;
    line-height: 34px;
    margin: 0;
}
button#sendMsgBtn:hover {
    color: #ed297b;
    background-color: transparent;
}
.msgWrite input#file-upload {
    position: absolute;
    left: -9999px;
}

/* message css end*/

.dogs-lbs-box-smalltext {
    font-size: 14px;
    color: #666666;
}
.dogs-lbs-box-title {
    font-size: 18px;
    font-family: 'sofia_prosemibold';
}
.dogs-lbs-box-text1 {
    font-size: 16px;
    margin-bottom: 10px;
}
.dogs-lbs-box-image {
    width: 75px;
    height: 60px;
    margin: 0 auto 20px;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}
.dogs-lbs-box-image .small {
    width: 33px;
}
.dogs-lbs-box-image .medium {
    width: 47px;
}
.dogs-lbs-box-image .large {
    width: 64px;
}
.ortimage .dogs-lbs-box-image {
    height: 60px;
    width: auto;
}
.ortimage .dogs-lbs-box-image img {
    width: auto;
    height: 100%;
}
.dogs-lbs-box.ortimage {
    padding-top: 30px;
    padding-bottom: 30px;
}
.dogs-lbs-box-ortimage {
    font-size: 15px;
    width: 97px;
    margin: 0 auto;
}
.dogs-lbs-box-image.ortimage {
    width: auto;
    height: 66px;
}
.dogs-lbs-box-image.ortimage img {
    height: 100%;
    width: auto;
}
button.fc-prev-button,
button.fc-next-button {
    border-radius: 50%;
    width: 30px;
    height: 30px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px !important;
}
button.fc-prev-button:before,
button.fc-next-button:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/slider-nevigation-btn.png);
    flex: 0 0 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    display: inline-block;
}
button.fc-next-button:before {
    transform: rotate(180deg);
}
.calandet-type {
    display: flex;
    align-items: center;
    justify-content: center;
}
.calandet-type {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 15px;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    text-transform: capitalize;
}
.calandet-type>span {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #D3DBEA;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 0;
}
.nmanddate .review i.fa-solid {
    color: #FFC834;
}
.nmanddate .review-star {
    display: flex;
    font-size: 15px;
    gap: 3px;
}
.user-profile-info-text img {
    width: 17px;
}
.carer-heading .heart {
    border: 2px solid #D3DBEA;
    position: absolute;
    right: 0;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 0;
    cursor: pointer;
}
.carer-heading .heart i {
    margin: 0;
}
.profile-info-name.nmheading {
    border-bottom: 2px solid #D3DBEA;
    padding-bottom: 13px;
    margin-bottom: 23px;
}
.verify-option-points img {
    width: 17px;
    margin-right: 12px;
}
.verify-option-points {
    display: flex;
    align-items: center;
    padding: 7px 0;
    font-size: 16px;
    color: #666666;
}
.profile-info-text.p-0.verify-option {
    width: 100%;
}
.calendar-dashboard-page.data table {
    border-radius: 6px;
    border: 0;
}
.calendar-dashboard-page.data table th {
    background: #D3DBEA;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    padding: 15px 20px;
}
.calendar-dashboard-page.data table.table-bordered td {
    padding: 14px 20px;
    font-size: 16px;
    color: #464A53;
}
.calendar-dashboard-page.data table tbody tr:nth-child(odd) {
    background: #fff;
}
.calendar-dashboard-page.data table.table-bordered td.dgname {
    color: #ED297B;
}
.calendar-dashboard-page.data table.table-bordered td span.badge {
    font-size: 16px;
    background: transparent;
    padding: 0;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-success {
    color: #21BC38;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-danger {
    color: red;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-danger.td-decline {
    color: #666666;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-danger.td-panding {
    color: #622C8C;
}
.calendar-dashboard-page.data table {
    border-radius: 6px;
    border: 0;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 0px #D3DBEA;
    border-radius: 6px;
    overflow: hidden;
}
.calendar-dashboard-page.data table th {
    background: #D3DBEA;
    font-size: 15px;
    line-height: 24px;
    white-space: nowrap;
    padding: 12px 13px;
}
.calendar-dashboard-page.data table.table-bordered td {
    padding: 9px 13px;
    font-size: 15px;
    color: #464A53;
}
.calendar-dashboard-page.data table tbody tr:nth-child(odd) {
    background: #fff;
}
.calendar-dashboard-page.data table.table-bordered td.dgname {
    color: #ED297B;
}
.calendar-dashboard-page.data table.table-bordered td span.badge {
    font-size: 16px;
    background: transparent;
    padding: 0;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-success {
    color: #21BC38;
}
.calendar-dashboard-page.data table.table-bordered td span.badge.badge-danger {
    color: red;
}
a.btn.btn-info.btn-sm.message-to-owner {
    background: transparent;
    border: 0;
    color: #622C8C;
    font-size: 16px;
    line-height: normal;
    padding: 0;
    display: inline-block;
}
a.btn.btn-info.btn-sm.new-message {
    background: transparent;
    border: 0;
    color: #3393FF;
    font-size: 16px;
    line-height: normal;
    padding: 0;
    display: inline-block;
}
.calendar-dashboard-page.data table.table-bordered tr:nth-child(even) td {
    background: #F4F7FD;
}
.calander-box-text.link {
    text-align: center;
    margin-bottom: 28px;
}
.calander-box-text.link a {
    font-size: 16px;
    color: #ED297B;
    text-decoration: underline;
}
.calander-box-heading .review-star {
    display: flex;
    font-size: 15px;
    gap: 3px;
}
.calander-box-heading .review-star i.fa-solid.fa-star {
    color: #FFC834;
}
span.strty {
    font-size: 17px;
}
span.dtr {
    color: #666666;
}
.dogs-lbs-box.ortimage.opcity-gray {
    filter: opacity(0.2) brightness(0);
}
.left-side .form-group {
    margin: 0;
}
.mg-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 0px #D3DBEA;
    border-radius: 6px;
    overflow: hidden;
}
.messages-page .message-button .caption label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px;
}
.messages-page .problem .d-flex {
    align-items: center;
}
.messages-page .message-list ul .left-msg .text p {
    color: #fff;
}
.media-div {
    margin-bottom: 5px;
}
.chat-box .input-group.form-controls {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.chat-box .input-group.form-controls textarea#text {
    width: 80% !important;
    flex: 0 0 72%;
    height: 60px !important;
    padding: 8px !important;
}
.chat-box .input-group.form-controls label.custom-file-upload {
    flex: 0 0 12%;
    padding: 0 !important;
    border: 0;
    height: 100% !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-box .input-group.form-controls span.input-group-btn {
    flex: 0 0 15% !important;
    width: 15% !important;
}
.chat-box .input-group.form-controls span.input-group-btn button#sendMsgBtn {
    width: auto;
}
.chat_box_pro.pull-right.customer_side {
    width: 100%;
}
.blog-list-box {
    border: solid 1px #d7d7d7;
    border-bottom: solid 3px #ed297b;
    border-radius: 5px;
    height: 100%;
    padding: 7px;
    position: relative;
}
.blog-list-box .blogImage {
    border-radius: 7px !important;
    overflow: hidden;
    position: relative;
}
.section-about-1 .blog-list-box h3 {
    font-weight: normal;
    padding: 0 10px 0;
    margin-top: 16px;
}
.blog-text {
    margin: 0 10px 40px;
    width: calc(100% - 20px) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.treadMoreBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.blog-list-box:hover .treadMoreBtn a.btn.btn-pink {
    background: #ed297b !important;
    color: #fff;
}
.treadMoreBtn a.btn.btn-pink {
    width: 100%;
    border-radius: 0;
    background: transparent !important;
    border: 0 !important;
    color: #ed297b;
}
.blog-list-box:hover {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
    border-top-color: #d7d7d7;
    border-left-color: #d7d7d7;
    border-right-color: #d7d7d7;
}
.blog-list-box:hover .treadMoreBtn a.btn.btn-pink:hover {
    color: #fff !important;
}
.blog-list-box:hover .blogImage h5 {
    top: calc(100% - 41px);
}
.blog-list-box .blogImage h5 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    margin: 0;
    background: #652d90c7;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 10px;
}
.intlmap.sticky-top {
    z-index: 0;
}
input.send-otp-btn {
    font-size: 16px;
    background: transparent;
    border: 0;
    padding: 0;
    color: #ED297B;
    cursor: pointer;
}
input.verify-otp-button {
    background: #ED297B;
    border-color: #ED297B;
    border-style: solid;
    border-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
input.verify-otp-button:hover {
    background: transparent;
    color: #ED297B;
}
.form-section ul.parsley-errors-list,
.form-section ul.parsley-errors-list li {
    list-style: none;
    margin: 0;
}
.dog-image {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-top: 17px;
}
.st-account-img {
    width: 250px;
    height: 250px;
    border: 1px solid #ced4da;
    position: relative;
}
.st-account-img .Choose-File {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.st-account-img .Choose-File div#fileName {
    position: static;
    padding: 0;
    background: transparent;
    color: black;
}
.st-account-img .Choose-File div#noFile {
    position: static;
    border: 0;
    padding: 0 !important;
    height: auto !important;
    width: auto;
    font-size: 12px;
    color: purple;
}
.st-account-img img#profilePicture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    background: #fff;
}
.st-account-img input#chooseFile {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
}
#username img.profimage {
    border: solid 1px #cbcbcb;
}
/* .navigation-icon {
    display: none;
} */

.open .dropdown-menu {
    display: block;
}
.not-icon {
    margin: 0 26px;
}
.toggleMneuDiv.toggleMneuDivNotify.show ul.list-group li.empty {
    padding: 12px 14px;
}
.mbl{
    width: 100%;
}
.login-outer {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.not-chat h5 {
    text-align: center;
    color: #ababab;
    margin: 0;
}
#messages-ajax h5 {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ababab;
}
#messages-ajax .not-chat {
    height: calc(100vh - 131px);
    display: flex;
    align-items: center;
    justify-content: center;
}
#messages-ajax h5 i {
    font-size: 63px;
    margin: 0 0 12px;
    color: #ababab;
}
#chats-ajax .not-chat {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 27px;
}
.chatButton {
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #ED297B;
}
.chatButton i {
    margin-right: 7px;
    font-size: 21px;
}
.calendar-dashboard-page.data table.table-bordered td:last-child, td.trnd-status {
    vertical-align: middle;
}
.centered {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #652d90;
    color: #fff;
    padding: 14px 13px;
    border-radius: 0 4px 4px 0;
    white-space: nowrap;
}
div#myId input {
    position: absolute;
    left: -99999px;
}
div#myId {
    position: relative;
    z-index: 0;
}
div#chat-box.fixed {
    position: absolute;
    bottom: 357px;
    top: auto;
}
main {
    position: relative;
}
div#chat-box.absolut {
    position: absolute;
    bottom: calc(21px + 338px);
    left: 21px;
}
.search-mobile-buttos,
.close-filter-button{
    display: none;
}
div.dataTables_length label {
    margin-bottom: 20px;
}
.profileImageOuter .centered {
    width: 100%;
}

.proof-div .fallback.dropzone {
    width: calc(100% - 149px);
    min-height: unset;
    display: flex;
    align-items: center;
    padding: 10px 13px;
    border: 1px solid #ced4da;
}

img.proof-delete {
    width: 20px;
    margin-left: auto;
}

.proof-div .dog-box.add-link {
    width: auto;
    height: auto;
    flex: 0 0 44px;
    max-width: unset;
    margin: 0;
}

.proof-div .add-link-text label.label {
    width: 134px !important;
    padding: 14px 10px !important;
    display: flex !important;
    flex-direction: row !important;
}

.proof-div label.label img {
    margin: 0;
    width: 18px;
}

.proof-div div#myId.fallback.dropzone {
    border: 0;
}
.mt-100{
    margin-top: 100px;
}
.messages-page {
    padding: 20px;
    height: calc(100vh - 68px);
}
.loader {
    position: fixed;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    display: none;
    /* display: flex !important; */
    z-index: 111;
}

.loader img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.rating {
    margin-top: 100px;
}
.form-section {
    padding: 60px 0;
}