/* @media (min-width: 1240px){
    .container {
        max-width: 1240px !important;
    }
} */
.mb-50{
    margin-top: 50px;
}
.mb-20{
    margin-bottom: 20px;
}

/* ---------------------------------- */
/* Index - Top
 bar
------------------------------------- */
.div-img img{
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 350px;
    object-fit: cover;
}
.lng-div{
    width:fit-content;
}
.lng-btn{
    font-size: 13px;
    /* line-height: 13px;
    padding: 1px 6px !important; */
    border-radius: 0rem !important;
}
.toggle{
    color: #fff !important;
    background: #c77104 !important;
}
.btn.lng-btn:focus{
    box-shadow: none;
}
/* ---------------------------------- */
/* Index - App Screen
------------------------------------- */
.box-h3{
    font-size: 20px;
    margin-bottom: 7px;
    font-weight: 700;
}
/* ---------------------------------- */
/* Index - App Screen
------------------------------------- */
.app-section{
    padding: 0px 0 0px 0;
    background: #fff4e7;
    background: url(../images/home/sign_bg.jpg) 50% 0 repeat-y;
}
.app-screen-img{
    position: relative;
    padding-top: 50px;
}
.text-center{
    text-align: center;
}
.app-btn{
    border-radius: 0px !important;
}
.app-btn a{
    padding: 15px 30px;
    color: #fff !important;
}
.app-screen-h2{
    font-size: 2.5rem;
}
.c-applink {
    display: flex;
}
.u-margin--10__top {
    margin-top: 10px;
}
.c-applink__input {
    width: 256px;
    border: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    position: relative;
    font-weight: 600;
}
.u-d__flex {
    display: flex;
}
.u-font--14 {
    font-size: 14px;
}
.c-applink__input .country-code {
    vertical-align: bottom;
    border-right: 1px solid #fff;
}
.c-applink__input, .c-applink__input .country-code, .c-footer__column, .s-static__card, .u-d__inline-block {
    display: inline-block;
}
.c-applink__input .country-code, .u-padding--15 {
    padding: 15px;
}
.c-applink__input .country-code, .u-t-c--black_2 {
    color: #000;
}
.btn, .c-applink__input .country-code, .c-copyright, .c-footer__title, .card-testimonial .user-name, .u-font--bold {
    font-weight: 700;
}
.c-applink__input .text {
    outline: none;
    border: none;
    padding-left: 12px;
    flex-grow: 100;
    font-weight: 600;
    background-color: transparent;
}
/* ---------------------------------- */
/* Index - How it works
------------------------------------- */
.ttm-processbox-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 -50px;
}
.ttm-processbox-wrapper .ttm-processbox {
    position: relative;
    display: block;
    text-align: center;
    width: 200px;
    height: 200px;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    margin: auto;
    box-shadow: 0 10px 50px 0 rgba(29,79,206,.1);
    -webkit-box-shadow: 0 10px 50px 0 rgba(29,79,206,.1);
    -moz-box-shadow:  0 10px 50px 0 rgba(29,79,206,.1);
    transition: all 500ms ease;
}
.ttm-processbox-wrapper .ttm-processbox .process-num {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 50%;
    border: none;
    display: block;
    text-align: center;
    position: absolute;
    left: auto;
    right: 30px;
    top: 20px;
    z-index: 10;
}
.ttm-processbox-wrapper .featured-content {
    position: relative;
    border-radius: 50%;
    padding: 45px 15px 45px 15px;
    width: 160px;
    height: 160px;
    border: 6px solid #e8ecef;
}
.ttm-processbox-wrapper .ttm-processbox .featured-title h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
}
.ttm-processbox-wrapper .ttm-processbox:hover {
    box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1);
    -webkit-box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1);
    -moz-box-shadow: 0 -10px 39px 0 rgba(8,18,109,.1);
    transform: translateY(-10px);
}
.ttm-processbox-wrapper:before {
    content: '';
    position: absolute;
    height: 100%;
    display: block;
    background-image: url(../images/home/proccess-box-arrow.png);
    top: -5px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

/* login-pg */

.pad-16{
    padding: 16px;
}
.auth-border{
    margin: auto;
    padding: 20px 30px;
    /* box-shadow: 0 0 25px rgba(0,0,0,.1); */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}
.input-without-icon-left{
    padding-left: 0px;
}
.input-border-bottom{
    border-bottom: .05882rem solid #b9bdc5 !important;
    box-shadow: none !important;
    padding: 0 0px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 15px !important;
    margin: 0 0 7px 0 !important;
}
#password-field-error {
    display: inline-block !important;
}
#current_password-error {
    display: inline-block !important;
}
#new_password-error {
    display: inline-block !important;
}
#confirm_password-error {
    display: inline-block !important;
}
#confirm_password-field-error {
    display: inline-block !important;
}
#account_no-error {
    display: inline-block !important;
}
#retype_account_no-error {
    display: inline-block !important;
}
/* register-pg */
.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: 14px;
    position: relative;
    z-index: 999;
    right: 18px;
    bottom: 50px;
    cursor: pointer;
}
.field-icon-change-pswd {
    float: right;
    margin-left: -25px;
    margin-top: 14px;
    position: relative;
    z-index: 999;
    right: 18px;
    bottom: 56px;
    cursor: pointer;
}
.field-icon-create-pswd {
    float: right;
    margin-left: -25px;
    margin-top: 14px;
    position: relative;
    z-index: 999;
    right: 18px;
    bottom: 6px;
    cursor: pointer;
}
.input-with-icon-left select{
    padding: 0 0 0 65px !important;
}
.agree-terms-para{
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.agree-terms-para a{
    font-weight: 700;
    color: #fb8c00;
}
.agree-terms-para a:hover{
    font-weight: 700;
    color: #de7100;
}
.otp-img{
    height: 48px;
    margin-bottom: 16px;
}
.otp-number span{
    font-weight: 700;
    font-size: 18px;
    color: #435a64;
}
.contact-h3 h3{
    font-size: 18px;
    font-weight: 700;
}
/* .birth-month select {
    color: #c7c3ce;
}
.birth-month select option{
    color: #000;
} */
/* ========================= Listing Pg ================================= */

.compact-list-layout .job-listing.with-apply-button {
    position: relative;
    padding-right: 35px;
    border-bottom: 1px solid #eee;
}
.border-bottom-1 {
    border-bottom: 1px solid #eee;
}
/* index-pg services  */

.category-box-icon.features-box-top {
    margin: 0px 0px 12px 0px !important;
    text-align: left;
}
.features-box-top .icon {
    line-height: 1em;
    font-size: 30px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 16px;
    padding: 12px;
    color: #fff;
}

.features-box-top h3 {
    font-weight: 600;
}
.ser-btn {
    padding: 5px 10px;
    border: 1px solid #757575;
    margin-top: 15px;
    border-radius: 4px;
    font-size: 15px;
}
.hor-ser {
    background-color: #00BBEC;
}
.matching-ser{
    background-color: #57B846;
}
.puja-ser{
    background-color:#D73765;
}
.manglik-ser{
    background-color:#FF8300;
}
.vasthu-ser{
    background-color: #4272D7;
}
.health-ser{
    background-color: #8058BD;
}
.eduction-ser{
    background-color: #FE3E64;
}
.finance-ser{
    background-color: #E9A502;
}
.ser-hover:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}
.hor-btn:hover{
    background-color:#00BBEC ;
    border-color: #00BBEC;
    color:#fff;
    font-weight:500;
}
.match-btn:hover{
    background-color: #57B846;
    border-color: #57B846;
    color:#fff;
    font-weight:500;
}
.puja-btn:hover{
    background-color: #D73765;
    border-color: #D73765;
    color:#fff;
    font-weight:500;
}
.manglik-btn:hover{
    background-color: #FF8300;
    border-color: #FF8300;
    color:#fff;
    font-weight:500;
}
.vasthu-btn:hover{
    background-color: #4272D7;
    border-color: #4272D7;
    color:#fff;
    font-weight:500;
}
.health-btn:hover{
    background-color: #8058BD;
    border-color: #8058BD;
    color:#fff;
    font-weight:500;
}
.education-btn:hover{
    background-color: #FE3E64;
    border-color: #FE3E64;
    color:#fff;
    font-weight:500;
}
.finance-btn:hover{
    background-color: #E9A502;
    border-color: #E9A502;
    color:#fff;
    font-weight:500;
}


#backtotop a{
    background-color: #ff8712 !important;
}
a:hover {
    text-decoration: none !important;
}

/*-- hs_sign_wrapper start --*/
.hs_sign_main_wrapper {
    background: url(../images/home/sign_bg.jpg) 50% 0 repeat-y;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}
.hs_sign_wrapper{
float:left;
width:100%;
padding-top:78px;
}
.hs_sign_heading_wrapper{
float:left;
width:100%;
}
.hs_sign_box{
float: left;
text-align: center;
width: 85px;
min-height: 130px;
padding-top: 10px;
margin-top: 40px;
/* background: #fff;
-webkit-box-shadow: 0px 0px 35px -20px;
box-shadow: 0px 0px 35px -20px; */
}
.hs_sign_box:hover{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_sign_box:hover h2,
.hs_sign_box:hover p {
color: #000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.hs_sign_box h2 {
font-size: 16px;
}
.hs_sign_box h2:hover {
    color: black;
}
/*-- hs_sign_wrapper end --*/
.heading_wrapper h3 {
font-weight: bold;
}
.heading_wrapper h4 span {
width: 8px;
height: 8px;
border-radius: 50px;
display: inline-block;
position: relative;
}
.heading_wrapper h4 span:before {
content: '';
border: 1px solid #d8d8d8;
width: 20px;
position: absolute;
right: 8px;
top: 3px;
}
.heading_wrapper h4 span:after {
content: '';
border: 1px solid #d8d8d8;
width: 20px;
position: absolute;
left: 8px;
top: 3px;
}
.text-center{
text-align: center;
}
.mp-0{
margin: 0px !important;
padding: 0px !important;
}
.slide-sec {
width: 100% !important;
float: left;
margin: 0px;
padding: 0px;
}
/* #grad1 {
height: 160px;
background-image: linear-gradient(to right, #040f61 , #2a41e8);
} */
.banner-btn1{
padding: 20px;
border-bottom: 1px solid #040f61;
}
.banner-btn2{
padding-top: 12px;
}
.banner-btn-text:hover{
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.white-text{
color: #fff !important;
}
.feature-info{
box-shadow: -1px 8px 34px #9f9f9f;
}
.feature-info-02{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.feature-info {
/* padding: 25px; */
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 3px;
}
.feature-info .feature-info-icon {
font-size: 56px;
line-height: 56px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Zodaic Signs Tabs  */
.nav-tabs {
/* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); */
border-bottom: 1px solid #eee;
}
.nav-tabs .nav-link{
border: none;
border-radius: 0;
transition: color .2s ease-out;
}
.tabs-dark .nav-link {
color: #fff;
}
.tabs-light .nav-link {
color: rgba(0,0,0,.5);
}
.tabs-dark .nav-link:not(.active):hover {
color: #aeb0b3;
}
.tabs-light .nav-link:not(.active):hover {
color: #495057;
}

.nav-pills .nav-link{
border-radius: 2px;
color: #495057;
transition: color .2s ease-out, box-shadow .2s;
}
.nav-pills .nav-link:hover{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

}
.nav-pills .nav-item {
margin: 0 5px;
}
.nav-pills.pills-dark .nav-link.active {
background-color: #343a40!important;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.nav-pills.pills-dark .nav-link:not(.active):hover {
color: #1d1e22;
}
.tabs-marker .nav-link {
position: relative;
}
.tabs-marker .nav-link.active .marker {
height: 30px;
width: 30px;
left: 50%;
bottom: -30px;
transform: translatex(-50%);
position: absolute;
overflow: hidden;
}
.tabs-marker .nav-link.active .marker:after {
content: "";
height: 15px;
width: 15px;
top: -8px;
left: 50%;
transform: rotate(45deg) translatex(-50%);
transform-origin: left;
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
position: absolute;
}
.category-box h3{
font-size: 1.2rem;
}

.feature-info-content h5{
    font-weight: bold;
}
.tabs-marker li{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.day-text{
    font-weight: 600;
}

/* ====================================== index-pg tabs =======================================*/
.selected{
    transition: all 0.5s;
    color: #fff !important;
    font-weight:900 !important;
    font-size: 1rem;
}
.horoscope .selected h2 {
    color: #000 !important;
    font-weight:700 !important;
}

.nav-tabs .nav-link.active {
    color: #ffffff !important;
    border-color: #dee2e6 #dee2e6 #fff;
}
.text-black{
    color: #000;
}
.footer-bottom-section a{
    color: #fff
}

/* contact-us */
.list-style-none{
    list-style:none;
}

.icon-box {
    position: relative;
    width: 110px;
    height: 110px;
    font-size: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 110px;
    margin: 0 auto;
    z-index: 1;
    display: inline-block;
    /* background-color: #ffffff; */
    /* box-shadow: 0px 0px 15px rgba(0,0,0,0.10); */
}
.featured-content .icon-box .circles-box {
    position: absolute;
    left: 0px;
    top: -127px;
    right: 0px;
    bottom: 75px;
    border-radius: 50%;
}

.icon-box .circles-box{
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.icon-box .circles-box .circle-one {
    position: absolute;
    right: 8px;
    width: 20px;
    height: 20px;
    z-index: 1;
    border-radius: 50%;
    display: inline-block;
    /* background-color: #009688; */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #009688), color-stop(100, #02706f));
    background-image: -webkit-linear-gradient(bottom, #009688 0%, #02706f 100%);
    background-image: linear-gradient(to top, #009688 0%, #02706f 100%);
}
.icon-box .circles-box .circle-two {
    position: absolute;
    left: 8px;
    bottom: 6px;
    width: 15px;
    height: 15px;
    z-index: 1;
    border-radius: 50%;
    display: inline-block;
    /* background-color: #fe4c1c; */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fd3a33), color-stop(100, #f53c36));
    background-image: -webkit-linear-gradient(bottom, #fd3a33 0%, #f53c36 100%);
    background-image: linear-gradient(to top, #e41811 0%, #f53c36 100%);
}
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
      }
}
@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -o-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -o-transform: rotate(360deg);
        opacity: 1;
      }
}

@keyframes rotateme {

     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(180deg);
      }
    100% {
        transform: rotate(360deg);
        opacity: 1;
      }
}

.subscribe-box {
    width: 100%;
    display: flex;
    padding: 70px 0 0 0px;
    /* background: #FB8C00; */
    /* background: linear-gradient(29.61deg, #FFB300 0%, #FFA726 50.39%, #FFCC80 100%); */
    background: linear-gradient(29.61deg, #FFB300 0%, #FFB300 50.39%, #FFCA28 100%);
    position: relative;
}
.subscribe-box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/home/bg-wave.svg) top right no-repeat;
    background-size: 90% auto;
    z-index: 0;
    opacity: 0.1;
}
/* Button */
.main-purple-button {
    position: relative;
    max-width: 100%;
}
.main-purple-button a {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background-color: #FB8C00 ;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.15px;
    z-index: 1;
    position: relative;
}
.main-purple-button a:hover::after {
    width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: -webkit-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
}
.main-purple-button a:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #de7100;
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all transform 300ms ease-out 200ms;
    transition: all transform 300ms ease-out 200ms;
}

.main-black-button {
    position: relative;
    max-width: 100%;
}
.main-black-button a {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background-color: #000 ;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.15px;
    z-index: 1;
    position: relative;
}
.main-black-button a:hover::after {
    width: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: -webkit-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
}
.main-black-button a:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    content: '';
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all transform 300ms ease-out 200ms;
    transition: all transform 300ms ease-out 200ms;
}

/* Listing Details */
.doctor-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.doc-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.doc-info-right {
    margin-left: auto;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}
.doctor-img {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    margin-right: 20px;
    width: 150px;
}
.doctor-img img {
    border-radius: 5px;
}
.doc-department {
    color: #20c0f3;
    font-size: 14px;
    margin-bottom: 8px;
}
.doc-department img {
    width: 19px;
    display: inline-block;
    margin-right: 10px;
}
.doc-location {
    color: #757575;
    font-size: 14px;
    margin-bottom: 5px;
}
.pharmacy-location,
.pharmacy-title{
    color: #2E3842;
}

/*-----------------
    17. Doctor Profile
-----------------------*/

.clinic-direction {
    color: #757575;
    font-size: 14px;
    margin-bottom: 25px;
}
.clinic-direction a {
    color: #09e5ab;
    font-weight: 500;
}
.doctor-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.doctor-action a + a {
    margin-left: 8px;
}
.doctor-action .fav-btn:hover {
    background-color: #fb1612;
    border-color: #fb1612;
    color: #fff;
}
.msg-btn:hover, .msg-btn:focus {
    background-color: #09e5ab;
    border-color: #09e5ab;
    color: #fff;
}
.call-btn:hover, .call-btn:focus {
    background-color: #09e5ab;
    border-color: #09e5ab;
    color: #fff;
}
.user-tabs .nav-tabs .nav-link:hover {
    border-color: none !important;
}
.user-tabs .nav-tabs > li > a {
    border: 0;
    /* border-bottom: 3px solid transparent;
    color: #3e3e3e; */
    font-weight: 600;
    padding: 20px;
}
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus {
    border-bottom-width: 3px;
    color: #fb8c00;
}
.user-tabs .med-records {
    display: inline-block;
    min-width: 130px;
}
.user-tabs .nav-tabs > li > a:hover {
    background-color: unset;
    color: #fb8c00;
}
.widget {
    margin-bottom: 30px;
}
.widget-title {
    margin-bottom: 15px;
}
.experience-box {
    position: relative;
}
.experience-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.experience-list::before {
    background: #ddd;
    bottom: 0;
    content: "";
    left: 8px;
    position: absolute;
    top: 8px;
    width: 2px;
}
.experience-list > li {
    position: relative;
}
.experience-list > li:last-child .experience-content {
    margin-bottom: 0;
}
.experience-user .avatar {
    height: 32px;
    line-height: 32px;
    margin: 0;
    width: 32px;
}
.experience-list > li .experience-user {
    background: #fff;
    height: 10px;
    left: 4px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 10px;
}
.experience-list > li .experience-content {
    background-color: #fff;
    margin: 0 0 20px 40px;
    padding: 0;
    position: relative;
}
.experience-list > li .experience-content .timeline-content {
    color: #757575;
}
.experience-list > li .experience-content .timeline-content a.name {
    font-weight: 500;
}
.experience-list > li .time {
    color: #757575;
    display: block;
    font-size: 13px;
}
.before-circle {
    background-color: rgba(32, 192, 243, 0.2);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    border: 2px solid #20c0f3;
}
.exp-year {
    color: #20c0f3;
    margin-bottom: 2px;
}
.exp-title {
    font-size: 16px;
}
.awards-widget .experience-list > li:last-child p {
    margin-bottom: 0;
}
.service-list {
    margin-bottom: 30px;
}
.service-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.service-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.service-list ul li {
    float: left;
    margin: 6px 0;
    padding-left: 25px;
    position: relative;
    width: 33%;
}
.service-list ul li::before {
    color: #ccc;
    content: '\f30b';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    position: absolute;
}
.location-list {
    border-radius: 4px;
    padding: 20px;
}
.location-list + .location-list {
    margin-top: 20px;
}
.clinic-content .clinic-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}
.clinic-content .clinic-direction a {
    display: inline-block;
    margin-top: 8px;
}
.timings-days {
    font-weight: bold;
    color: #272b41;
    margin-bottom: 5px;
}
.timings-times span {
    display: block;
}
.location-list .consult-price {
    font-size: 20px;
    font-weight: 500;
    color: #272b41;
}
.review-listing {
    border-bottom: 1px solid #f5f7fc;
    margin-top: 20px;
    padding-bottom: 30px;
}
.review-listing > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.review-listing > ul li + li {
    margin-top: 20px;
    border-top: 1px dashed #f0f0f0;
    padding-top: 20px;
}
.review-listing > ul li .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.review-listing > ul li .comment:last-child {
    margin-bottom: 0;
}
.review-listing > ul li .comment .comment-body {
    margin-left: 16px;
    width:100%;
}
.review-listing > ul li .comment .comment-body .meta-data {
    position: relative;
    margin-bottom: 10px;
}
.review-listing > ul li .comment .comment-body .meta-data span {
    display: block;
    font-size: 16px;
    color: #757575;
}
.review-listing > ul li .comment .comment-body .meta-data span.comment-author {
    font-weight: 600;
    color: #272b41;
    text-transform: capitalize;
}
.review-listing > ul li .comment .comment-body .meta-data span.comment-date {
    font-size: 14px;
}
.review-listing > ul li .comment .comment-body .meta-data .review-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3px;
    right: 0;
    width: auto;
}
.review-listing > ul li .comment .comment-body .comment-content {
    color: #757575;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}
.review-listing > ul li .comment .comment-body .comment-reply .comment-btn {
    color: #20c0f3;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
}
.review-listing .recommend-btn {
    float: right;
    color: #757575;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 0;
}
.review-listing .recommend-btn a {
    border: 1px solid rgba(128,137,150,0.4);
    border-radius: 4px;
    display: inline-block;
    padding: 4px 12px;
    color: #757575;
    margin-left: 3px;
    margin-right: 3px;
    transition: all .3s;
}
.review-listing .recommend-btn a.like-btn:hover {
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #fff;
}
.review-listing .recommend-btn a.dislike-btn:hover {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #fff;
}
.review-listing .recommend-btn a i {
    font-size: 16px;
}
.review-listing > ul li .comments-reply {
    list-style: none;
    margin-left: 65px;
    padding: 0;
}
.recommended {
    color: #28a745;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.all-feedback {
    margin-top: 20px;
}
.star-rating {
    direction: rtl;
}
.star-rating input[type=radio] {
    display: none
}
.star-rating label {
    color: #bbb;
    cursor: pointer;
    font-size: 18px;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type=radio]:checked ~ label {
    color: #f2b600 !important;
}
.terms-accept a {
    color: #20c0f3;
    font-weight: 500;
}
.business-widget {
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    padding: 20px;
    margin-bottom: 0;
}
.listing-day {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 10px;
}
.listing-day:last-child {
    margin-bottom: 0;
}
.listing-day.current {
    border-bottom: 1px solid #ddd;
    padding-bottom: 13px;
    margin-bottom: 13px;
}
.listing-day .day {
    font-weight: 500;
}
.listing-day.current .day {
    font-weight: bold;
}
.listing-day.current .day span {
    display: block;
    font-weight: normal;
}
.time-items {
    color: #757575;
}
.time-items > span {
    display: block;
    text-align: right;
}
.time-items > span.open-status {
    margin-bottom: 3px;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    display: none;
}
.doc-location a {
    color: #09e5ab;
    font-weight: 500;
}
.doctor-widget .doc-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3px;
}
.doc-speciality {
    font-size: 14px;
    color: #757575;
    margin-bottom: 0px;
}
.doctor-widget .rating i {
    font-size: 14px;
}
.doctor-widget .average-rating {
    font-size: 14px;
    font-weight: 500;
}
.rating {
    list-style: none;
    margin: 0 0 0px;
    padding: 0;
    width: 100%;
}
.rating i {
    color: #dedfe0;
    font-size: 13px;
}
.rating i.filled {
    color: #f4c150;
}
.clinic-details {
    margin-bottom: 15px;
}
.clinic-details h5 {
    font-weight: normal;
    color: #757575;
    margin-bottom: 25px;
}
.clinic-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clinic-details ul li {
    display: inline-block;
    padding-right: 5px;
}
.clinic-details ul li:last-child {
    padding-right: 0;
}
.clinic-details ul li a {
    display: inline-block;
}
.clinic-details ul li a img {
    border-radius: 5px;
    width: 50px;
    height:50px;
}
.clinic-services {
    color: #272b41;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.clinic-services span {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
}
.clinic-services span{
    margin: 5px 0 0 5px;
}

.clini-infos {
    margin-bottom: 15px;
}
.clini-infos h2 b.strike{
    text-decoration: line-through;
    font-weight: 500;
}
.clini-infos ul {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.clini-infos ul li {
    display: block;
    line-height: 30px;
    color: #4E4852;
}
.clini-infos ul li i {
    font-size: 15px;
    min-width: 30px;
}
.clinic-booking a + a {
    margin-top: 15px;
}
.clinic-booking a {
    background-color: #fff;
    color: #fb8c00;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 18px;
    text-align: center;
    width: 100%;
}
.clinic-booking a.view-pro-btn:hover, .clinic-booking a.view-pro-btn:focus {
	background: #fb8c00;
	color: #fff;
}
.clinic-booking a.apt-btn {
    background-color: #fb8c00;
    color: #fff;
}
.clinic-booking a.apt-btn:hover, .clinic-booking a.apt-btn:focus {
    background-color: #fb8c00;
    color: #fff;
}
.load-more {
    margin-bottom: 30px;
}
.doctor-img1{
    margin-right: 20px;
}
.doctor-img1 img{
    border-radius: 4px;
}
.btn-border-listing {
    border: 1px solid #ccc !important;
}
.doc-department {
    color: #fb8c00;
    font-size: 14px;
    margin-bottom: 0px;
}
.doctor-action .fav-btn:hover {
    background-color: #fb1612;
    border-color: #fb1612;
    color: #fff;
}
.msg-btn:hover, .msg-btn:focus {
    background-color: #09e5ab;
    border-color: #09e5ab;
    color: #fff;
}
.call-btn:hover, .call-btn:focus {
    background-color: #09e5ab;
    border-color: #09e5ab;
    color: #fff;
}
.card-listing {
    /* border: 1px solid #f0f0f0; */
    box-shadow: -1px 8px 34px #cecece;
    border: none !important;
    margin-bottom: 1.875rem;
}
.avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
}

/* listing-pg booking time slot */

.margin-30 {
    margin: 30px ;
}
.times a{
    border-radius: 3px;
    border: 1px solid #e0e0e4;
    padding: 7px ;
    display: inline-block;
    text-align: center;
    color: #2d2d32 !important;
    cursor: pointer;
    font-size:14px;
}
.times a:hover{
    background-color: #fff9f2;
    color: #fb8c00 !important;
    border: 1px solid #fb8c00;
}
.times{
    padding:4px;
    /* width:15%; */
    display: inline-block;

}
.on-date{
    border-bottom:2px solid #fb8c00;
}
.border-circle-orange{
    border: 1px solid #e0e0e4;
    border-radius: 50%;
    text-align: center;
    padding:12px;
    color: #fb8c00;
    font-size: 24px;
    cursor: pointer;
}

/* marriage matchig */
.padding-15{
    padding:15px;
}
.btn-200{
    width:200px !important;
    margin:auto;
}
.card-header-bg-color {
    background-color: #ffd8a7 !important;
    border-bottom: 0px solid rgba(0,0,0,.125) !important;
}
.star-line label{
    display: inline-block !important;
}

/* ==========checkout-page========= */
.card {
    border: 1px solid #f0f0f0;
}
.card .card-header {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.padding-24 {
    padding: 24px;
}
.padding-0{
    padding:0;
}
.info-widget {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.font-size-17{
    font-size:17px;
}
.font-weight-600{
    font-weight:600;
}
.payment-radio {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size:17px;
    color: #272b41;
}
.payment-radio input {
    position: absolute;
    opacity: 0;
}
.payment-radio input:checked ~ .checkmark {
    border-color: #FB8C00;
}
.payment-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    margin: 3px 0 0 0;
    border: 2px solid #ddd;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.payment-radio input:checked ~ .checkmark::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.payment-radio .checkmark::after {
    position: absolute;
    left: 3px;
    top: 3px;
    content: '';
    width: 9px;
    height: 9px;
    background-color: #FB8C00;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.check-box{
    height:15px !important;
    width:15px !important;
}
.coupon-input{
    border: 1px solid #ced4da !important;
    border-radius: 0px;
}
.coupon-btn{
    margin-left: -30px;
}
/* right-side */
.booking-doc-info .booking-doc-img {
    width: 80px;
    margin-right: 15px;
}
.booking-doc-info .booking-doc-img img {
    border-radius: 4px;
    height: 80px;
    width: 80px;
    object-fit: cover;
}
.booking-doc-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.font-size-16{
    font-size:16px ;
}
.booking-date li ,.booking-fee li{
    position: relative;
    font-weight: bold;
    color: #272b41;
    text-transform: capitalize;
    margin-bottom: 7px;
}
.booking-date li span,.booking-fee li span{
    float: right;
    color: #757575;
    font-weight: 400;
    text-align: right;
}
.booking-total {
    border-top: 1px solid #e4e4e4;
    margin-top: 20px;
    padding-top: 20px;
}
.booking-total ul li span {
    font-size: 18px;
    font-weight: bold;
    color: #272b41;
}
.booking-total ul li .total-cost {
    color: #009688;
    font-size: 18px;
    float: right;
}

.theiaStickySidebar{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position:sticky;
    top:0;
}
.margin-left--30{
    margin-left:-30px;
}
.section-top-100{
    margin-top: 100px;
}
.section-top-120{
    margin-top: 120px;
}
.section-top-95{
    margin-top: 95px;
}
input.otp-input{
height: 36px;
width: 40px;
font-size: 25px;
text-align: center;
border-bottom: 1px solid #fb8c00 !important;
padding:0;
display:inline;
box-shadow: none !important;
margin-left: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}
.textarea{
    resize: none !important;
}
/* ---------------------------------- */
/* About - How it starts
------------------------------------- */
.about-box {
    text-align: center;
    margin-top: 45px;
    position: relative;
}
.about-box.with-line:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 40px;
    background: #e9e9e9;
    display: block;
    z-index: 9;
}
.about-box-circle {
    background-color: #fff;
    width: 50%;
    height: 60px;
    z-index: 100;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    margin-bottom: 35px;
}
.about-box-circle-inner {
    font-size: 72px;
    color: #ccc;
    position: relative;
    width: 60px;
    margin: 0 auto;
    display: inline-block;
}
.about-box-check {
    box-shadow: 0 0 0 5px rgba(42,65,232,0.1);
}
.cta-area {
    position: relative;
    z-index: 1;
}
.cta-text h3{
    color: #000;
    font-weight: bold;
}
.about-bg{
    background-image: url(../images/about/about-box.jpg);
    /* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1c3cea), color-stop(100, #1924a7));
    background-image: -webkit-linear-gradient(bottom, #1c3cea 0%, #1924a7 100%);
    background-image: linear-gradient(to top, #1c3cea 0%, #1924a7 100%); */
    padding-bottom: 30px;
    padding-top: 30px;
    border-radius: 5px;
}
.about-padding {
    padding: 40px
}
.text-sm-right {
    text-align: right!important;
}
.saasbox-btn {
    color: #333333;
    font-size: 15px;
    font-weight: 900;
    display: inline-block;
    padding: 12px 20px;
    border-radius: 30px;
    background: #ffffff;
    -webkit-box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 41%);
    -ms-box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 41%);
    -o-box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 41%);
    -moz-box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 41%);
    box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 41%);
}
.saasbox-btn:hover {
    color: #fff;
    background: #000;
}
/* Marriage Matching */
.star-tab{
    border: 1px solid #eee;
    background: #fff6eb;
    padding: 16px;
}
.star-tab .form-control{
    border-radius: 0 !important;
}
.star-btn button{
    width: 100% !important;
}
.mm-h3 h3{
    font-weight: 700;
    color: #333;
    font-size: 20px;
}
.mm-h3 img{
    height: 50px;
}
.mm-label label{
    font-weight: 700;
}
.mm-tab-title .nav-tabs{
    border: 1px solid #fb8c00;
    width: max-content;
}
.mm-tab-title{
    width: 50%;
    margin: auto;
}
.right-line{
    border-left: 1px solid #d6d6d6;
}
.mm-tab-title ul li a{
    padding: 3px 7px !important;
}
.custom-check input{
    width: 9% !important;
    position: relative;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 0 10px 0 !important;
}
.mm-input .mm-input-type {
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 0 10px 0 !important;
}
.custom-filter label{
    margin-bottom: 0px !important;
}
.view-profile{
    font-size: 15px;
}
.trending-list-head{
    background: whitesmoke;
    padding: 10px;
}
.pd-10{
    padding: 10px;
}
.pd-r0{
    padding-right: 0px;
}
.trending-list-h4 h4{
    font-size: 18px;
    font-weight: 700;
}
.pd-0{
    padding: 0px !important;
}
/* about-us Evolution  */
.timeline {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #eee;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */

.timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */

.timeline-container::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: -4px;
    background-color: #fff;
    border: 2px solid #fb8c00;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.timeline-left {
    left: 0;
}

.timeline-right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */

.timeline-left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */

.timeline-right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 10px;
    border: 2px solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

.timeline-right::after {
    left: -8px;
}

/* The actual content */

.timeline-content {
    padding: 0px 0px 50px 0px;
    background-color: white;
    position: relative;
    border-radius: 6px;
}

.timeline-content-inner {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 20px 30px 30px 30px;
}

.timeline-content-inner p {
    font-size: 14px;
    color: #999;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 0px;
}

.timeline-content h3 {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin: 7px 0px;
}

.timeline h2 {
    display: block;
    color: #fb8c00;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.timeline-left-all h2 {
    width: 50%;
    color: #fb8c00;
    margin-left: 50%;
    padding-left: 30px;
    margin-bottom: -35px;
}

.timeline-right-all h2 {
    width: 50%;
    text-align: right;
    color: #fb8c00;
    padding-right: 35px;
    margin-bottom: -35px;
}

@media screen and (max-width: 600px) {
    .timeline::after {
        left: 31px;
    }
    .timeline-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    .timeline-container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }
    .timeline-left::after,
    .timeline-right::after {
        left: 20px;
    }
    .timeline-right {
        left: 0%;
    }
    .timeline-left-all h2 {
        margin: 0px;
        width: 100%;
        padding-left: 65px;
        padding-bottom: 10px;
        margin-bottom: 0px !important;
        color: #fb8c00;
        text-align: left !important;
    }
    .timeline-right-all h2 {
        margin: 0px;
        width: 100%;
        padding-left: 65px;
        padding-bottom: 10px;
        margin-bottom: 0px !important;
        color: #fb8c00;
        text-align: left !important;
    }
    .steps-section .carousel-column .carousel-inner {
        margin-left: 0 !important;
    }
}

.timeline-left .timeline-content {
    text-align: right;
}

.user-top-60{
    margin-top: 60px;
}

@media screen and (max-width: 600px) {
    .timeline-left .timeline-content {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .mobile-hide{
        display: none;
    }
    .content-desktop {display: none !important;}
    .content-mobile {display: block !important;}
    .intro-banner-
    -form .input-with-icon {
        align-self: normal !important;
        flex: 1.5;
    }
    .intro-banner-
    -form .input-with-icon input {
        padding-top: 4px !important;
    }
    .intro-banner-
    -form .input-with-icon input {
        height: 30px !important;
        line-height: 30px !important;
    }
    .padding-0 {
        padding: 0 !important;
    }
    .header-widget .log-in-button i {
        font-size: 16px !important;
        top: 3px;
        color: white !important;
    }
    .user-top-60{
        margin-top: 0px !important;
    }
    .user-mobile-nav{
        padding: 0 7px 0 7px !important;
    }
    .steps-section .carousel-column .carousel-inner {
        margin-left: 0 !important;
    }
}
.content-desktop {display: block;}
.content-mobile {display: none;}
/* extra small screen code */
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
/* Bootstrap Class Language Button */
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
/* Bootstrap Class Language Button */
    /* wishlist */
    .bg-theme{
        background-color: #FB8C00 !important;
    }
    .profile-widget {
        background-color: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 4px;
        margin-bottom: 30px;
        position: relative;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        padding: 15px;
    }
    .doc-img {
        position: relative;
        overflow: hidden;
        z-index: 1;
        border-radius: 4px;
    }
    .doc-img img {
        border-radius: 4px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
        -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
        -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
        -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
        transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
        width: 100%;
        height: 100px;
        object-fit: contain;
    }
    .profile-widget .fav-btn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #fff;
        width: 30px;
        height: 30px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        border-radius: 3px;
        color: #2E3842;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        visibility: hidden;
        z-index: 99;
    }
    .profile-widget:hover .fav-btn {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .profile-widget .fav-btn:hover {
        /* background-color: #fb1612; */
        color: #fff;
    }
    .doc-img:hover img {
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        transform: scale(1.15);
    }
    .pro-content {
        padding: 15px 0 0;
    }
    .pro-content .title {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 5px;
        /* text-align: center; */
    }
    .profile-widget .pro-content .title a {
        display: inline-block;
        color:#000 ;
        font-weight: 700;
    }
    .profile-widget p.speciality {
        font-size: 13px;
        color: #757575;
        margin-bottom: 5px;
    }
    .available-info {
        font-size: 13px;
        color: #757575;
        font-weight: 400;
        list-style: none;
        padding: 0;
        margin-bottom: 15px;
    }
    .available-info li + li {
        margin-top: 5px;
    }
    .available-info li i {
        width: 22px;
    }
    .row.row-sm {
        margin-left: -3px;
        margin-right: -3px;
    }
    .row.row-sm > div {
        padding-left: 3px;
        padding-right: 3px;
    }
    .view-btn {
        color: #fb8c00;
        font-size: 13px;
        border: 2px solid #fb8c00;
        text-align: center;
        display: block;
        font-weight: 500;
        padding: 6px;
    }
    .view-btn:hover, .view-btn:focus {
        background-color: #fb8c00;
        color: #fff;
    }
    .book-btn {
        background-color: #fb8c00;
        border: 2px solid #fb8c00;
        color: #fff;
        font-size: 13px;
        text-align: center;
        display: block;
        font-weight: 500;
        padding: 6px;
    }
    .book-btn:hover, .book-btn:focus {
        background-color: #fb8c00;
        border-color: #fb8c00;
        color: #fff;
    }
    .height-250{
        height:250px;
    }
    .rating i.filled {
        color: #f4c150;
    }

    .text-red{
        color:red !important;
    }

    /* With Border */
    input.with-border,
    input[type="text"].with-border,
    input[type="password"].with-border,
    input[type="email"].with-border,
    input[type="number"].with-border,
    textarea.with-border,
    select.with-border {
        border: 1px solid #e0e0e0;
        box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
    }
    input.with-border:focus,
    input[type="text"].with-border:focus,
    input[type="password"].with-border:focus,
    input[type="email"].with-border:focus,
    input[type="number"].with-border:focus,
    textarea.with-border:focus {
        border: 1px solid #e0e0e0;
        box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08);
    }

    /*======= wallet-pg start=======*/
    .dashboard-wallet-box {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
        border-radius: 4px;
        padding: 30px;
        /* margin-left: 14px; */
        border: 1px solid #dfdfdf;
        margin-bottom: 30px;
        /* height: 330px; */
        margin-bottom: 20px;
    }
    .font-bold{
        font-weight:bold;
    }
    .text-pearl{
        color:#000b1c;
    }
    .font-25{
        font-size:25px;
    }
    .fwallet {
        font-weight: 700;
        color: #4b4b4b;
        font-size: 15px;
    }
    .border-top{
        border-top: 1px solid #c4c4c4;
    }
    .margin-left-24{
        margin-left:24px;
    }
    .widget ul{
        margin: 0;
        padding: 0;
        list-style: none;
        right: 0;
        left: 0;
    }
    .widget ul>li {
        padding: 0 0 15px 0;
        position: relative;
    }
    .amt-li {
        display: inline-block;
        margin-left: 16px
    }
    .widget .tagcloud a {
        display: inline-block;
        padding: 7px 20px;
        margin: 0 0px 8px;
        border: 1px solid #656c76;
        font-size: 14px!important;
    }
    .widget .tagcloud a:hover {
        border: 1px solid #FB8C00;
        color: #fff;
        background: #FB8C00;
        font-weight: 700;
    }
    .text-in {
        /* width: 50% !important; */
        display: inline-block !important;
        padding: 7px 20px !important;
        margin: 0 4px 2px !important;
        border: 1px solid !important;
        border-radius: 0 !important;
        font-size: 14px!important;
        background-color: transparent !important;
    }
    .wallet-btn {
        background:#FB8C00;
        color:#fff;
        padding:10px 20px;
        /* margin-left:-74px; */
    }
    .dashboard-wallet-box .table td,.dashboard-wallet-box .table th{
        padding:5px;
    }
    /*======= wallet-pg end=======*/

    /*======= wallet-cnfrm-pg start=======*/
    .dashboard-list-box {
        margin: 30px 0 0;
        box-shadow: 0 0 12px 0 rgba(0,0,0,.06);
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .dashboard-list-box h4 {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        padding: 20px 15px;
        color: #333;
        /*background-color: #fff;*/
        background-color: #fbfbfb;
        display: block;
        border-bottom: 1px solid #eaeaea;
        border-radius: 4px 4px 0 0;
    }
    .referral-btn {
        position: absolute;
        right: 70px;
        color: #fff;
        background-color: #FB8C00;
        padding: 7px 20px;
        margin-top: -52px;
    }
    .mt-55{
        margin-top:-55px;
    }
    .margin-20{
        margin:20px;
    }
    .cart-collaterals span {
        float: right;
    }
    .b-line {
        border-top: 1px dashed #e2e2e2;
        border-bottom: 1px dashed #e2e2e2;
        padding: 12px 0px 12px 0px;
    }
    .text-center{
        text-align:center;
    }
    .dashboard-nav ul li.active a, .dashboard-nav ul li:hover a {
        color: #fb8c00 !important;
    }
    .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i{
        color: #fb8c00 !important;
    }
    /*======= wallet-cnfrm-pg end=======*/

    /***

====================================================================
    Steps Section
====================================================================

***/

.steps-section{
    position:relative;
    padding:40px 0px;
    background-color:#fdf4e9;
    height: 600px;
}

.steps-section .patern-layer-one{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
    width:34%;
    height: 600px;
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
}

.steps-section .patern-layer-two{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:331px;
	height:590px;
	background-position:right top;
	background-repeat:no-repeat;
}

.steps-section .patern-layer-three{
    position:absolute;
    content:'';
    right:0px;
    bottom:0px;
    width:623px;
    height:824px;
    background-position:right bottom;
    background-repeat:no-repeat;
}
.steps-section .carousel-column{
    position:relative;
}

.steps-section .carousel-column .carousel-inner{
	position: relative;
    width: 292px;
    height: 654px;
    margin: 0 auto;
	padding: 18px 18px 17px;
    margin-left: 200px;
    margin-top: -20px;
    background-repeat: no-repeat;
}

.steps-section .carousel-column .carousel-inner:before{
    position:absolute;
    content:'';
    left:0px;
    top:17px;
    right:0px;
    height:22px;
    z-index:1;
    background:url(../images/mobile-slide/mobile-speaker.png) center center no-repeat;
}

.steps-section .carousel-column .carousel-inner .slides{
    position:relative;
    overflow:hidden;
}

.steps-section .carousel-column .carousel-inner .content img{
    position:relative;
    border-radius:25px;
}

.steps-section .blocks-column{
    position:relative;
}

.steps-section .blocks-column .inner-column{
    position:relative;
    padding-left:30px;
}

.steps-section .blocks-column .inner-column .carousel-indicators{
    position:relative;
    margin:0px;
    display:block;
    overflow:hidden;
}

.steps-section .blocks-column .inner-column .carousel-indicators li{
    position: relative;
    display: block;
    width:auto;
    height:auto;
    margin-right: 0px;
    font-size: 16px;
    color: #373a5b;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    padding-left: 170px;
    line-height: 1.8em;
    margin-bottom: 50px;
	background:none;
	text-indent:inherit;
    transition: all 500ms ease;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:before{
    position:absolute;
    content:'';
    left:85px;
    top:0%;
    width:1px;
    height:150%;
    background-color:#dce0fe;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:last-child::before{
    display:none;
}

.steps-section .blocks-column .inner-column .carousel-indicators li strong{
    color:#373a5b;
    display:block;
    font-size:20px;
    margin-bottom:12px;
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon{
	position:absolute;
	left:45px;
	top:0px;
	font-size: 36px;
    width: 75px;
    height: 75px;
	font-weight:400;
	border-radius:8px;
	text-align:center;
	line-height:75px;
	display:inline-block;
	z-index:1;
	text-indent:inherit;
	overflow:hidden;
	background-color:#ffffff;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	box-shadow:0px 10px 15px rgba(0,132,253,0.15);
}

.steps-section .blocks-column .inner-column .carousel-indicators li .icon i{
    position:relative;
    z-index:2;
    font-weight:500;
    -webkit-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    transition:all 600ms ease;
    background: -webkit-gradient(linear, left top, right top, from(#0084fd), color-stop(98%, #41b7fe), to(#41b7fe));
    background: linear-gradient(to right, #0084fd 0%, #41b7fe 98%, #41b7fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon{
    box-shadow:0px 10px 15px rgba(147,39,213,0.15);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2) .icon i{
    background: -webkit-gradient(linear, left top, right top, from(#9426d5), color-stop(98%, #eb44dc), to(#eb44dc));
    background: linear-gradient(to right, #9426d5 0%, #eb44dc 98%, #eb44dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon{
    box-shadow:0px 10px 15px rgba(242,66,69,0.15);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3) .icon i{
    background: -webkit-gradient(linear, left top, right top, from(#f24245), color-stop(98%, #fc8b8b), to(#fc8b8b));
    background: linear-gradient(to right, #f24245 0%, #fc8b8b 98%, #fc8b8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.steps-section .blocks-column .inner-column .carousel-indicators li .number{
	position:absolute;
	left:0px;
	top:0px;
	color:#daddf1;
	font-size:60px;
	font-weight:700;
	border-radius:8px;
	text-align:center;
	line-height:1em;
	display:inline-block;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	font-family: 'Poppins', sans-serif;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon{
    background-image: -ms-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -moz-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -o-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084FD), color-stop(100, #45b9fe));
    background-image: -webkit-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: linear-gradient(to right, #0084FD 0%, #45b9fe 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(1).active .icon i{
    color:#ffffff;
    -webkit-text-fill-color:inherit;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon{
    background-image: -ms-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
    background-image: -moz-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
    background-image: -o-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9326d5), color-stop(100, #ec44dd));
    background-image: -webkit-linear-gradient(left, #9326d5 0%, #ec44dd 100%);
    background-image: linear-gradient(to right, #9326d5 0%, #ec44dd 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(2).active .icon i{
    color:#ffffff;
    -webkit-text-fill-color:inherit;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon{
    background-image: -ms-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
    background-image: -moz-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
    background-image: -o-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f24346), color-stop(100, #fc8b8b));
    background-image: -webkit-linear-gradient(left, #f24346 0%, #fc8b8b 100%);
    background-image: linear-gradient(to right, #f24346 0%, #fc8b8b 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(3).active .icon i{
	color:#ffffff;
	-webkit-text-fill-color:inherit;
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(4):hover .icon,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(4).active .icon{
    background-image: -ms-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -moz-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -o-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0084FD), color-stop(100, #45b9fe));
    background-image: -webkit-linear-gradient(left, #0084FD 0%, #45b9fe 100%);
    background-image: linear-gradient(to right, #ff8b00 0%, #fab74f 100%);
}

.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(4):hover .icon i,
.steps-section .blocks-column .inner-column .carousel-indicators li:nth-child(4).active .icon i{
    color:#ffffff;
    -webkit-text-fill-color:inherit;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: dimgray !important;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: 000 !important;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: 000 !important;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: 000 !important;
  }

/******** Cart *******/
.custom-increment.cart .input-group1 {
    justify-content: center;
    -webkit-justify-content: right;
}
.custom-increment .input-group1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
}
.custom-increment button.btn-danger {
    border-radius: 4px 0px 0px 4px;
}
.custom-increment.cart button {
    font-size: 10px;
}
.custom-increment button {
    font-size: 14px;
    height: 30px;
    background: #dcdcdc;
    color: #000;
    border: 0;
    display: inline-block;
}
.cart-avatar-img{
    max-width: 54px !important;
    border-radius: 50%;
}
.bg-danger-light {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
}
.order-received-style {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}
.order-received:first-child {
    padding-left: 0px;
    border-left: 0px;
}
.order-received {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0px 15px;
    border-left: 1px solid rgb(241, 241, 241);
}
.order-received .title {
    margin-bottom: 10px !important;
    font-size: 15px;
    color: #c77104;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    margin: 0px;
}
.cart-h3{
    padding-top: 7px;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
.cart-qty{
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    text-align: center;
    border-radius: 0px !important;
    border: 1px solid #eee !important;
    box-shadow: none !important;
}
.thead-bg{
    background: #fb8c00;
}
.cart-total{
    font-weight: 700;
    color: #007756;
}
.order-description{
    padding-left: 19px;
}
.cart-btn{
    background: #4caf5d !important;
}
.cart-btn:hover{
    background: #19842b !important;
}
.checkout-td{
    vertical-align: middle !important;
}
.coupon-apply{
    line-height: 20px !important;
}
/********* Cart End *********/

/******************* Blog Start ****************************/
/******* Blog List Start *******/
.blog.grid-blog {
    padding: 20px;
}

.blog {
    border: 1px solid #f0f0f0;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 1.5rem;
    position: relative;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.grid-blog .blog-image {
    margin-bottom: 20px;
}
.blog-image {
    margin-bottom: 30px;
}
.blog-image, .blog-image > a, .blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.blog-image {
    overflow: hidden;
}
.blog-image img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.blog-image, .blog-image > a, .blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.blog-content {
    position: relative;
}
.grid-blog .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.entry-meta {
    color: #757575;
    font-size: 14px;
    list-style: none;
    margin-bottom: 15px;
    padding: 0;
}
.grid-blog .entry-meta li {
    margin-bottom: 10px;
}
.entry-meta li {
    display: inline-block;
}
.grid-blog .post-author {
    width: 189px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.post-author a {
    display: flex;
    align-items: center;
}
.post-author img {
    border-radius: 100%;
    width: 28px;
    margin-right: 5px;
}
.blog-title{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}
.grid-blog .entry-meta li:last-child {
    float: right;
}
.latest-posts {
    margin: 0;
    padding: 0;
}
.latest-posts li {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.post-thumb {
    border-radius: 4px;
    width: 70px;
    float: left;
    overflow: hidden;
}
.post-thumb a img {
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.post-info {
    margin-left: 95px;
}
.widget-shadow {
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.post-info h4 {
    font-size: 15px;
    margin: 0 0 5px;
}
.post-info h4 a {
    color: #272b41;
}
.post-info p {
    color: #757575;
    font-size: 12px;
    margin: 0;
}
.category-widget-mt30{
    margin-top: 30px;
}
.category-widget .categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.category-widget .categories li {
    margin-bottom: 7px;
}
.category-widget .categories li a {
    color: #2E3842;
    font-size: 15px;
    font-weight: 500;
}
.category-widget .categories li a span {
    float: right;
    color: #757575;
}
.blog-content p{
    line-height: normal;
}
.blog-side-title{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}
.latest-posts .post-info h4{
    font-weight: 600;
}
/******* Blog List End *******/
/******* Blog Details Start *******/
/*-----------------
    39. Blog Details
-----------------------*/

.blog-view .blog-title {
    font-size: 24px;
}
.blog-content p:last-child {
    margin-bottom: 0;
}
.blog-view .blog-info {
    border: 0;
    margin-bottom: 20px;
    padding: 0;
}
.social-share {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-share > li {
    display: inline-block;
    float: left;
    margin-left: 10px;
    text-align: center;
}
.social-share > li:first-child {
    margin-left: 0;
}
.social-share > li > a {
    border: 1px solid #dfdfdf;
    color: #666;
    display: inline-block;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}
.social-share > li > a:hover {
    color: #fff;
    border-color: #c77104;
}
.blog-reply > a {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
.blog-date {
    color: #999;
    font-size: 12px;
}
.blog-comments .comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.blog-comments .comments-list li {
    clear: both;
    padding-left: 0px;
}
.blog-comments .comments-list li .comment {
    margin-bottom: 20px;
}
.blog-comments .comments-list li .comment-author {
    left: 0;
    position: absolute;
}
.blog-comments .comments-list li img.avatar {
    height: 58px;
    width: 58px;
    border-radius: 58px;
}
.blog-comments .comment-btn {
    color: #20c0f3;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
}
.blog-author-name {
    color: #272b41;
    font-size: 16px;
    font-weight: 600;
}
.new-comment label {
    font-weight: 500;
}
.comment-submit .btn {
    background-color: #20c0f3;
    border-color: #20c0f3;
    border-radius: 0;
    font-size: 18px;
    padding: 8px 26px;
    color: #fff;
}
.about-author-img {
    background-color: #fff;
    height: 100px;
    overflow: hidden;
    position: absolute;
    width: 100px;
}
.author-details {
    margin-left: 120px;
}
.about-author {
    min-height: 100px;
}
.author-details .blog-author-name {
    display: inline-block;
    margin-bottom: 10px;
}
.post-author img {
    border-radius: 100%;
    width: 28px;
    margin-right: 5px;
}
.custom-edit-service textarea.form-control{
    min-height: 200px;
}
.custom-edit-service .service-upload {
    border: 1px solid #dcdcdc;
    border-radius: .25rem;
    text-align: center;
    padding: 70px 0;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
}
.custom-edit-service .service-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.custom-edit-service .service-upload i{
    font-size: 50px;
    color: #858585;
}
.custom-edit-service .service-upload span {
    font-size: 15px;
    color: #858585;
    margin-top: 14px;
    display: block;
}
.custom-edit-service .upload-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-edit-service .upload-wrap li {
    margin: 10px;
}
.custom-edit-service .upload-wrap li:first-child{
    margin-left: 0;
}
.custom-edit-service .upload-wrap li img{
    max-width: 100%;
}

.post-left ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.post-left ul li {
    margin-bottom: 5px;
    margin-right: 20px;
}
.post-left ul li:last-child {
    margin-right: 0;
}
.post-author a {
    display: flex;
    align-items: center;
}
.social-share > li > a .fa-facebook{
    color: #3b5999;
}
.social-share > li > a .fa-twitter{
    color: #55acee ;
}
.social-share > li > a .fa-instagram{
    color: #e4405f ;
}
.social-share > li > a .fa-youtube{
    color: #cd201f ;
}
.error {
    color: #ff0000 ;
}
/******* Blog Details End *******/


/******************* Blog End ****************************/
.dashboard-nav.dashboard-nav-1 ul li a:after {
    content: ' ';
    background:none;
}
/* My Wallet Table full width, Search bar box left view */
.dataTables_wrapper {
    width: 100%;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0px !important;
}
/* My Wallet Table full width, Search bar box left view */

/******************* All Reviews Start ****************************/
#all-reviews .astro-profile{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin-left: 25%;
}
.astro-name{
    margin-top: 15px;
    text-align: center;
    font-weight: 600;
}
.review-progree{
    height:5px;
}
.rating-text{
    font-size:22px;
    font-weight:bold;
}
.rating-text>i.fa-star{
    font-size:16px;
}
.side>.star-text{
    font-weight: bold;
    color: #212121;
    font-size: 12px;
}
.total-rating-text{
    font-size: 14px;
    color: #6c757d;
}

/* Three column layout */
.side {
    float: left;
    width: 10.5%;
    /* margin-bottom:10px; */
  }
  
  .middle {
    margin-top:10px;
    float: left;
    width: 70%;
  }

  /* The bar container */
  .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
  }
  
  /* Individual bars */
  .bar-5 {width: 100%; height: 18px; background-color: #4CAF50;}
  .bar-4 {width: 30%; height: 18px; background-color: #2196F3;}
  .bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}
  .bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
  .bar-1 {width: 15%; height: 18px; background-color: #f44336;}
  
  /* Responsive layout - make the columns stack on top of each other instead of next to each other */
  @media (max-width: 400px) {
    .side, .middle {
      width: 100%;
    }
    .right {
      display: none;
    }
  }
  .position-sticky{
      position: sticky;
      top:0;
  }
  .ml--6 {
    margin-left: -6px;
  }
  .mr--16 {
    margin-right: -16px;
  }

  /* Success and failure page*/
  .success-mt-mb {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  /** Button Disable **/
  button:disabled, button[disabled] {
      cursor: not-allowed ! important;
      /* background-color: #e0a050; */
  }

  /** Text Uppercase **/
  .text-upper {
    text-transform: uppercase ! important;
  }
  /** Text lowercase **/
  .text-lower {
    text-transform: lowercase ! important;
  }
  .coupon-input-box{
    height: 42px !important;
    line-height: 42px !important;
  }
  .ml--1{
    margin-left: -1px;
  }
  .mt-20{
      margin-top: 20px;
  }
  .f-sz-14{
    font-size: 14px;
  }
  .applied-box{
    border: 1px solid #e2e2e2;
    padding: 7px 20px;
    border-left: 3px solid #fb8c00;
  }
  .applied-coupon{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
  }
  .coupon-rmv-btn{
        background: #de1d1d;
        color: #fff;
        padding: 6px 14px;
        margin-top: 10px;
  }
  .rating-star {
  border: none;
  float: left;
}
.rating-star > input {
  display: none;
}
.rating-star > label:before {
  display: inline-block;
  content: " \2605";
}
.rating-star > label {
  float: right;
}
.rating-star > input:checked ~ label,
.rating-star:not(:checked) > label:hover,
.rating-star:not(:checked) > label:hover ~ label {
  color: #FFD700;
}
.rating-star > input:checked + label:hover,
.rating-star > input:checked ~ label:hover,
.rating-star > label:hover ~ input:checked ~ label,
.rating-star > input:checked ~ label:hover ~ label {
  color: #FFED85;
}