@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    font-family: "f1";
    overflow-x: hidden;
    font-size: 14px;
}

@font-face {
    font-family: "f1";
    src: url(../fonts/asap/Asap-Regular.ttf);
}

@font-face {
    font-family: "f2";
    src: url(../fonts/asap/Asap-Medium.ttf);
}

@font-face {
    font-family: "f21";
    src: url(../fonts/asap/Asap-Semibold.ttf);
}

@font-face {
    font-family: "f3";
    src: url(../fonts/asap/wheaton.ttf);
}

@font-face {
    font-family: "f4";
    src: url(../fonts/asap/BAUHS93.ttf);
}

::focus {
    outline: none !important;
}

:focus {
    outline: none !important;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

a:hover {
    color: #fff;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

p {
    font-size: 14px;
    font-family: "f1";
}

.pa-5 {
    padding: 5px !important;
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
}

.login-formainer {
    padding: 0;
}

.cust-container {
    width: 95%;
    margin: auto;
    display: block;
}

.login-formainer90 {
    width: 90%;
    margin: auto;
    display: block;
}

.row {
    margin: 0;
    padding: 0;
}

/*top-menu*/
.main-logo {
    background: rgba(255, 255, 255, 0.6);
}

.main-logo img {
    width: 200px;
}

.tl-banner {
    position: relative;
}

.tl-banner .carousel-control-prev {
    height: 30px;
    top: 50%;
}

.tl-banner .carousel-control-next {
    height: 30px;
    top: 50%;
}

.tl-banner .carousel-control-next,
.carousel-control-prev {
    width: 50px;
}
.bann-back{
    width:100%;
}
.tl-banner .banner-firt {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    bottom: -50px;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0;
    color: #fff;
    text-align: center;
}

.tl-banner .banner-firt .banner-text1 {
    background: url(../images/banner-slide.png) no-repeat;
    background-size: 100% 100%;
    margin: -74px auto 0;
    height: 114%;
    padding: 29% 140px 0 242px;
}

.tl-banner .banner-firt .banner-text3 {
    background: url(../images/banner-slide1.png) no-repeat;
}

.tl-banner .banner-firt .banner-text1 h4 {
    font-family: "f4";
}

.tl-banner .banner-firt .banner-text1 p {
    font-size: 16px;
}

.tl-banner .banner-firt .banner-text1 a {
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 7px 15px;
    color: #fff;
    margin: 5px;
}

.tl-banner .tl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 111;
    padding: 0;
    height: 58px;
}

.tl-banner .tl-nav .left-nav-top nav {
    background: #fff;
    height: 55px;
    padding: 0 40px;
}

.tl-banner .tl-nav .left-nav-top .navbar-nav {
    width: 100%;
    display: initial;
    text-align: center;
}

.tl-banner .tl-nav .left-nav-top .navbar-brand {
    padding: 0 !important;
}

.tl-banner .tl-nav .left-nav-top .navbar-brand img {
    /*margin-top: 70px;*/
    width: 180px;
    /*background: #fff;
    padding: 8px;
    border-radius: 80px;*/

}

.tl-banner .tl-nav .left-nav-top ul .active a {
    color: #de3c4b !important;
    background: url(../images/active.png) no-repeat;
    background-position: top center;
}

.tl-banner .tl-nav .left-nav-top ul .nav-item {
    padding: 0 9px;
    display: inline-block;
}

.tl-banner .tl-nav .left-nav-top ul .nav-item a {
    text-transform: uppercase;
    color: #000;
    font-size: 13.5px;
    font-family: "f2";
}

.tl-banner .tl-nav .left-nav-top ul .nav-item a:hover {
    color: #de3c4b !important;
    background: url(../images/active.png) no-repeat;
    background-position: top center;
}

.tl-banner .top-enq {
    position: relative;
}

.tl-banner .top-enq .log-expert{
    position: absolute;
    top: 0;
    right: 100%;
    background: url(../images/rt-login.png) no-repeat;
    padding: 14px 8px 20px 71px;
    background-size: cover;
        color: #fff;
    font-family: "f3";
}


.tl-banner .top-enq .top-log-client {
    background: url(../images/login-back.png) no-repeat;
    background-size: cover;
    display: inherit;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "f3";
    height: 55px;
    padding: 12px 0 0 10px;
}
.offline-login{
   
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 7px 10px;
    color: #fff;
    font-size: 12px;
}

.expert-bg img {

    height: 300px;


}

/*top-menu*/
/*ind-tab-cont*/
.atro-psycho-tab {
    position: relative;
    padding: 50px 0;
    background: url(../images/back-ground.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center top;
}

.atro-psycho-tab ul {
    /*
  position: absolute;
  top: 10%;
  left: 0;
*/
    z-index: 1;
}

.atro-psycho-tab ul li {
    margin-bottom: 20px;
}

.top-im {
    margin: auto;
}

.top-magni {
    margin: auto;
}

.atro-psycho-tab .ind-tab-cont {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px #bfbfbf;
    width: 90%;
}

.atro-psycho-tab .ind-tab-cont h2 {
    font-family: "f2";
    color: #000;
    font-size: 16px;
}

.atro-psycho-tab .ind-tab-cont p {
    color: #7b7b7b;
    text-align: justify;
    font-size: 14px;
}

.atro-psycho-tab .ind-tab-cont a {
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 9px 17px;
    color: #fff;
    font-family: "f2";
}

.atro-psycho-tab .ind-abt-img {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.atro-psycho-tab .ind-abt-img img {
    width: 100%;
}

.atro-psycho-tab .nav-pills .nav-link.active,
.atro-psycho-tab .nav-pills .show > .nav-link {
    background: #de3c4b !important;
    position: relative;
}

.atro-psycho-tab .nav-pills .nav-link.active:after,
.atro-psycho-tab .nav-pills .show > .nav-link:after {
    position: absolute;
    content: "";
    font-family: fontawesome;
    font-size: 21px;
    transform: rotateZ(90deg);
    z-index: 11;
    left: 50%;
    bottom: -12px;
}

.atro-psycho-tab .nav-pills .nav-link {
    background: #363636;
    color: #fff;
    margin-right: 10px;
}

/*ind-tab-cont*/
/*ind-icon-fac*/
.facility-ind {
    background: url(../images/serv-back.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 30px 0;
    background-position: center;
}

.facility-ind .ind-icon-fac {
    margin: 20px 0;
}

.facility-ind .ind-icon-fac img {
    background: #c7c7c7;
    border-radius: 10px;
    border: 3px solid #fff;
    padding: 10px;
}

.facility-ind .ind-icon-fac p {
    font-family: "f2";
    margin-top: 10px;
    color: #fff;
    margin-bottom: 0;
}

/*ind-icon-fac*/
.title h4 {
    font-size: 23px;
    font-family: "f4";
}

.title hr {
    width: 100px;
    height: 1px;
    background: #de3c4b;
    margin-top: 0;
}

/*ind-supt*/
.ind-supt .supt-img {
    width: 40%;
    height: 200px;
    display: inline-block;
}

.ind-supt .supt-img img {
    width: 100%;
    height: 100%;
}

.ind-supt .suprt-cont img {
    float: right;
    width: 50px;
    padding-right: 5px;

}

.ind-supt .suprt-cont {
    width: 60%;
    height: 200px;
    background: #363636;
    display: inline-block;
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
}

.ind-supt .suprt-cont h3 a {
    color: #fff;
}

.ind-supt .suprt-cont h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-family: "f2";
    margin-bottom: 5px;
}

.ind-supt .suprt-cont h5 {
    font-size: 14px;
    font-family: "f1";
    font-style: italic;
    margin-bottom: 5px;
}

.ind-supt .suprt-cont p {
    color: #a3ef2f;
    font-size: 13px;
    margin-bottom: 0;
}

.ind-supt .suprt-cont .astro-cht a {
    color: #a3ef2f;
}

.ind-supt .suprt-cont .soci-sprt {
    padding: 0;
}

.ind-supt .suprt-cont .soci-sprt li {
    display: inline-block;
}

.ind-supt .suprt-cont .soci-sprt li a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 5px;
}

.ind-supt .suprt-cont .onl-ch {
    padding: 0;
}

.ind-supt .suprt-cont .onl-ch li {
    display: inline-block;
}

.ind-supt .suprt-cont .onl-ch li a {
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 7px 10px;
    color: #fff;
    font-size: 12px;


}
.ind-supt .suprt-cont .onl-ch li a.green-butn{
    background: #fff;
    color: #0b0bff;
    font-weight: 500;
    font-size: 12px;
}
 .gree-orang{
    color: rgb(111, 185, 0);
    font-size:18px;
    font-weight: 700;
    font-family:"f1";
}

/* .ind-supt .suprt-cont .onl-ch li a.bell-off {
    display: inline-block;
    border-radius: 50px;
     background: linear-gradient(#fc792c, #de3c4b); 
    /* padding: 3px 5px; */
color: #fff;
font-size: 12px;
width:25px;
height: 25px;
line-height: 25px;
text-align: center;
}

*/ .ind-supt .suprt-cont .ratings a span.session-in {
    color: #a3ef2f;
}

.ind-supt .suprt-cont .ratings a {
    display: block;
    color: #fff;
    font-size: 13px;
}

.ind-supt .suprt-cont .ratings {
    margin-bottom: 5px;
}

/*ind-supt*/
/*ind-counseling*/
.ind-counseling {
    background: url(../images/back-img.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
}

.ind-counseling .consl-ind {
    padding: 0 0 0 25px;
    margin: 40px 0;
}

.ind-counseling .consl-ind h3 {
    font-family: "f4";
    font-size: 22px;
    color: #fff;
}

.ind-counseling .consl-ind p {
    line-height: 21px;
    color: #fff;
    text-align: justify;
    margin-top: 7px;
}

.ind-counseling .consl-ind .ind-consl-hp {
    margin-top: -28px;
    padding-left: 43px;
}

.ind-counseling .consl-ind .ind-consl-hp h5 {
    color: #fc792c;
    font-size: 15px;
    font-family: "f21";
    margin-bottom: 0;
    text-transform: uppercase;
}

.ind-counseling .consl-ind .ind-consl-hp p {
    text-align: justify;
}

.ind-counseling .consl-ind a {
    display: inherit;
    border-radius: 35px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 11px 20px;
    color: #fff;
    font-size: 16px;
    margin-left: 40px;
}

.ind-counseling .rit-couns {
    background: url(../images/back1.png) no-repeat;
    background-size: cover;
    height: 110%;
    width: 100%;
    margin-top: -30px;
    position: relative;
}

.ind-counseling .rit-couns img {
    position: absolute;
    top: 35px;
    right: 19px;
}

/*ind-counseling*/
/*footer*/
.tl-ftr {
    background: #363636;
    position: relative;
}

.tl-ftr .colm-ftr {
    margin-top: 10px;
}

.tl-ftr .colm-ftr p {
    /*  margin-top: 10px;*/
    text-align: justify;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
   
    padding: 5px 0 0 0;
}

.tl-ftr .colm-ftr img {
    /*margin: -30px auto 0;*/
    /*border-top-left-radius: 80px;*/
    /*border-top-right-radius: 80px;*/
    background: #fff;
    width: 250px;
    /* display: block; */
    border-radius:2px;
/*
    margin: 0 auto;
    display: block;
*/
}

.tl-ftr .mor-lnk-ftr {
    margin-top: 20px;
}

.tl-ftr .mor-lnk-ftr h5 {
    font-size: 15px;
    font-family: "f2";
    color: #fff;
    margin-bottom: 0;
}

.tl-ftr .mor-lnk-ftr hr {
    margin: 7px 0 7px 0px;
    width: 60px;
    height: 1px;
    background: #fc792c;
}

.tl-ftr .mor-lnk-ftr ul {
    padding: 0;
}

.tl-ftr .mor-lnk-ftr ul li {
    font-size: 14px;
    padding: 4px 0;
}

.tl-ftr .mor-lnk-ftr ul li a {
    color: #fff;
}
.tl-ftr .mor-lnk-ftr ul li a span:hover {
    color: rgb(244, 105, 51);
}

.tl-ftr .mor-lnk-ftr ul li a i {
    padding-right: 7px;
    color: #fc792c;
}

.tl-ftr .mor-lnk-ftr ul li a span {
    color: #fff;
}

.tl-ftr .ftr-ftr {
    padding: 7px 0;
    border-top: 1px solid #6d6d6d;
}

.tl-ftr .ftr-ftr ul {
    padding: 0;
    display: inline-block;
}

.tl-ftr .ftr-ftr ul li {
    display: inline-block;
    padding: 0 10px;
}

.tl-ftr .ftr-ftr ul li a {
    color: #fff;
}
.tl-ftr .ftr-ftr ul li a i:hover{
    color: rgb(244, 105, 51);
}

.tl-ftr .ftr-ftr .ftr-mail {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.tl-ftr .ftr-ftr p {
    text-align: right;
    color: #fff;
    font-family: "f1";
    margin: 0;
}

.tl-ftr .ftr-ftr p a {
    color: greenyellow;
}

/*footer*/

/*# sourceMappingURL=style.css.map */
/***exper ***/

.expert-head h2 {
    text-align: center;
    font-size: 24px;
    font-family: "f1";
    color: rgb(222, 60, 75);
}

.expert-head h3 {
    text-align: center;
    font-size: 18px;
    font-family: "f2";

}

.expert-head {
    padding: 20px 0;
}

.tab-list-mnu {
    display: table;
    margin: 0 auto;
}

.expert-tab {
    padding: 2rem 0;
}

.expert-tab .nav-pills .nav-link {
    border-radius: .25rem;
    text-align: center;
    color: #333;
    border: 2px solid rgb(222, 60, 75);
    display: inline-block;
    margin: 0 auto;
}

.expert-tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

.expert-tab .nav-item {
    padding: 0 10px;
    text-align: center;
}


.expert-tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: rgb(244, 105, 51);
    border: 2px solid rgb(222, 60, 75);
}

.expert-count .form-control:focus {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.expert-count span {
    padding-left: 10px;
    padding-right: 3px;
}

.expert-count .form-control {
    width: auto;
    display: inline-block;

}

.expert-filter {
    outline: 0;
    float: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.expert-filter .textbox {
    outline: 0;
    height: 42px;
    width: 200px;
    line-height: 42px;
    padding: 0 16px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #212121;
    border: 0;
    float: left;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.expert-filter .textbox:focus {
    outline: 0;
    background-color: #FFF;
}

.expert-filter .button {
    outline: 0;
    background: none;
    background-color: rgba(38, 50, 56, 0.8);
    float: right;
    height: 42px;
    width: auto;
    text-align: center;
    line-height: 42px;
    border: 0;
    color: #FFF;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.expert-filter .button:hover {
    background-color: rgb(244, 105, 51);
}

.expert-prime {
    text-align: right;
}

.expert-prime .form-control {
    width: auto;
    display: inline-block;
}

.expert-prime .form-control:focus {
    box-shadow: none;
    border: 1px solid #ced4da;
}

.login-box {
    position: relative;
    margin: 10px auto;
    padding: 10px;
    border-radius: 3px;
}

.lb-header {
    position: relative;
    color: #00415d;
    margin: 5px 5px 5px 5px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
    text-align: center;
    height: 28px;
}

.lb-header a {
    margin: 0 25px;
    padding: 6px 20px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    background: #eee;
    border-radius: 4px;
   
}

.lb-header a:hover {
    color: rgb(244, 105, 51);
}
.lb-header .active:hover {
    color: #fff;
} 
.lb-header .active {
    color: #fff;
    font-size: 18px;
    background: rgb(244, 105, 51);
}


.lb-header1 {
    position: relative;
    color: #00415d;
    margin: 5px 5px 5px 5px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
    text-align: center;
    height: 28px;
}

.lb-header1 a {
    margin: 0 25px;
    padding: 6px 20px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    background: #eee;
    border-radius: 4px;
}

.lb-header1 a:hover {
    color: rgb(244, 105, 51);
}
.lb-header1 .active:hover {
    color: #fff;
} 
.lb-header1 .active {
    color: #fff;
    font-size: 18px;
    background: rgb(244, 105, 51);
}

.social-login {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.social-login a {
    position: relative;
    /*  float: left;*/
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 12px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 3%;
    text-align: center;
}

.social-login a:hover {
    color: #fff;
}

/*
.social-login a i{
  position: relative;
  float: left;
  width: 20px;
  top: 2px;
}
*/
.social-login a:first-child {
    background-color: #49639F;
}

.social-login a:last-child {
    background-color: #DF4A32;
}

.email-login1,
.email-signup1 {
    position: relative;
    float: left;
    height: auto;
    margin-top: 20px;
    text-align: center;
    display: block !important;
}

.email-login,
.email-signup {
    position: relative;
    float: left;
    height: auto;
    margin-top: 20px;
    text-align: center;
    display: block !important;
}

.pro-tx a {
    display: inline-block;
    border-radius: 35px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
/*    margin-left: 40px;*/
}

.log-form-group {
    width: 85%;
    margin-bottom: 10px;
    margin: 10px auto;
}

.log-form-group input {
    width: 100%;
    height: 45px;
    outline: none;
    border: 1px solid #ddd;
    padding: 0 10px;
    border-radius: 1px;
    color: #333;
    font-size: 0.8rem;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border: none;
    border-bottom: 2px solid rgba(250, 118, 45, 0.34);
    background: none;

}

.log-form-group input:focus {
    border-color: rgb(222, 60, 75);
}

.log-form-group button {
    padding: 10px 30px;
    background: linear-gradient(#fc792c, #de3c4b);
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 2px;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
}

.forgot-password {
    width: 50%;
    text-align: left;
    text-decoration: underline;
    color: #888;
    font-size: 0.75rem;
}
.forgot-password:hover{
    color: rgb(244, 105, 51) !important;
}

.forget-log {
    display: none;
}

.view-list-client .modal-header {
    border-bottom: none;
}

.avalio-img img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    border: 4px solid #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.68);
}

.avalio-img h2 {
    color: rgb(244, 105, 51);
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
}

.avaliable-top .modal-content {
    background: rgba(255, 206, 187, 0.93);
}

.avaliable-top .modal-header {
    border-bottom: none;
}

.avalio-img h4 {
    background: #fff;
    margin: 0;
    padding: 20px 20px;
    border-radius: 5px;
    font-family: "f4";
    font-size: 17px;
    text-align: center;
    color: rgb(244, 105, 51);
}

.avalio-img h5 {
    font-size: 14px;
    font-family: "f1";
    text-align: center;
    padding: 20px 0;
    color: #636363;
}

.avalio-img p {
    color: #636363;
}

.astro-cht {
    margin: 5px 0;
}
.book-head{
    text-align: center;
}
.book-head h2 {
    font-size: 24px;
    font-family: "f1";
    text-align: center;
    color: #fff;
    background: rgb(222, 60, 75);
    padding: 10px 15px;
    display: inline-block;
    border-radius: 4px;
}
.book-head h2:hover{
    background: #666;
    background: #666;
}

.book-head p {
    font-size: 16px;
    font-family: "f1";
    text-align: center;

}

.book-bg {
    padding: 2rem 0 0 0;
}

.book-profile img {
    width: 150px;
    height: 150px;
}

.book-profile {
    float: left;
}

.book-para {
    float: left;
    padding-left: 30px;
    padding-top: 25px;
    width: 50%;
}

.book-para p {
    margin-bottom: 5px;
}
.book-para p a{
  color: #333;
}

.book-profile1 {
    float: left;
    padding-top: 20px;
}

.book-profile1 span {
    display: block;
}

.profile-abt h3 {
    text-align: center;
    font-family: "f1";
    font-size: 20px;
}

.profile-abt p {
    text-align: justify;
    font-family: "f1";
}

.book-para1 span {
    display: block;
}

.book-para1 {
    float: right;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.book-appomnt-bg {
    margin: 15px auto;
    width: 70%;
    background: #fff7f7;
    padding: 1rem 0;
    box-shadow: 2px 2px 10px rgb(183, 176, 173);
    border-radius: 15px;
}

.book-appomnt-bg2 {
    margin: 15px auto;
    width: 90%;
    background: #fff;
    padding: 1rem 0;

}

.book-appomnt-bg2 table {
    margin-bottom: 0;
}

.book-choose h2 {
    text-align: center;
    font-size: 24px;
    font-family: "f1";
    padding: 2rem 0;
    color: rgb(222, 60, 75);
}

.choose-voice h3 {
    text-align: center;
    font-size: 18px;
    font-family: "f1";

}

.choose-voice p {

    font-size: 14px;
    font-family: "f1";
}

.choose-para small {
    color: rgb(244, 105, 51);
}

.choose-para {
    margin-top: 30px;
}

.choose-para h3 {
    font-size: 18px;
    font-family: "f1";
}

.choose-para span {
    font-size: 40px;
    color: rgb(208, 208, 208);
}

.choose-btn {
    text-align: right;
    margin-top: 30px;
}

.choose-btn a {
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px 40px;
    color: #fff;
    font-size: 13px;
}

.choose-btn a:hover {
    color: #fff;
}

.book-choose-bg {
    margin: 15px auto;
    width: 70%;
    background: #fff7f7;
    padding: 1rem 0;
    box-shadow: 2px 2px 10px rgb(183, 176, 173);
    border-radius: 15px;
}

.choose-para strike {
    color: #333;
}

.reviw-full {
    width: 100%;
    float: left;

}

.review-list {
    width: 25%;
    float: left;
}

.review-list p,
.review-end p,
.review-middle p {
    color: rgb(130, 130, 130);
}

.review-middle {
    width: 9%;
    float: left;
}

.review-end {
    width: 66%;
    float: left;
}

.review-bg {
    padding: 2rem 0;
    background: rgba(255, 246, 246, 0.84);
}

.review-bg h2 {
    padding: 2rem 0;
    color: rgb(222, 60, 75);
    text-align: center;
    font-family: "f1";
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
}

.reviw-full h3 {
    color: rgb(244, 105, 51);
    text-align: center;
    font-family: "f1";
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 2rem 0;

}

.review-details {
    text-align: center;
    float: none;
    margin: 0 auto;
}

.review-top {
    background: rgba(231, 231, 231, 0.15);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .09);
}

.submit-group input {
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    color: #fff;
    font-size: 14px;
    display: block;
    border: 0;
    padding: 10px 40px;
}

.reviw-full1 h3 {
    color: rgb(244, 105, 51);
    text-align: center;
    font-family: "f1";
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 2rem 0 .50rem 0;

}

.log-form-group select {
    border: none;
    border-bottom: 2px solid rgba(250, 118, 45, 0.34);
    border-radius: 1px;
    background: none;
}

.log-form-group .form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: rgb(222, 60, 75);
    background: none;
}

.submit-group p {
    text-align: center;
    padding: 20px 0;
    margin: 0;
}

.reviw-full2 {
    display: none;

}

.reviw-full2 h3 {
    color: rgb(244, 105, 51);
    text-align: center;
    font-family: "f1";
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 2rem 0 .50rem 0;
}

.best-head h2 {
    color: rgb(244, 105, 51);
    text-align: center;
    font-family: "f1";
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    padding: 2rem 0;
}

.best-head p {
    text-align: center;
    padding: 0 15px;
}

.best-rew p {
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.best-rew span {
    color: rgb(222, 60, 75);
}

.best-rew .best-btn,
.best-footer .best-btn {
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px 40px;
    color: #fff;
    font-size: 14px;
    border: none;
    margin: 10px auto;
    display: inline-block;
    cursor: pointer;
}

.best-footer {
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
    text-align: center;
}

.best-off-bck .modal-content {
    border: 5px solid rgb(244, 105, 51);
    border-radius: 10px;
}


.check-form-group {
    display: block;
    margin-bottom: 10px;
    padding: 0 .75rem;
}

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

.check-form-group label {
    position: relative;
    cursor: pointer;
}

.check-form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid rgb(244, 105, 51);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.check-form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid rgb(244, 105, 51);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    font-family: "f1";
}

.log-form-group h4 {
    color: #495057;
    font-size: 16px;
    padding: 0 15px;
    font-family: "f1";
}

.view-profile .modal-title {
    color: #fff;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    text-transform: uppercase;
    font-family: "f1";
}

.view-profile .modal-header .close {
    background: #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    margin: 0;
    padding: 0;
    opacity: inherit;
    color: rgb(222, 60, 75);
}

.view-profile .modal-header .close:hover {
    color: #fff;
    background: rgba(38, 50, 56, 0.8);
}
.view-profile .modal-header .close span{
    line-height: .75;
    vertical-align: super;
}
.view-profile .modal-header {
    background: linear-gradient(#fc792c, #de3c4b);

}


.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


/***faq***/

.faq-bakbg {
    padding: 2rem 0;

}

.faq-qus {
    width: 80%;
    margin: 0 auto;
}

.faq-bakbg h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-family: "f1";
    color: rgb(222, 60, 75);
    text-align: center;
}

.accordion a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
}

.accordion a:hover,
.accordion a:hover::after {
    cursor: pointer;
    color: rgb(244, 105, 51) !important;
}


.accordion a.active {
    color: rgb(244, 105, 51);
    border-bottom: 1px solid rgb(244, 105, 51);
}

.accordion a::after {
    font-family: 'FontAwesome';
    content: '\f067';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 1rem;
    color: rgb(244, 105, 51);
    padding: 3px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
}

.accordion a.active::after {
    font-family: 'FontAwesome';
    content: '\f068';
    color: rgb(244, 105, 51);

}

.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}

.accordion .content p {
    font-size: 1rem;
    font-weight: 300;
}

.accordion .content.active {
    opacity: 1;
    padding: 1rem;
    max-height: 100%;
    -webkit-transition: all 0.35s ease 0.15s;
    -o-transition: all 0.35s ease 0.15s;
    transition: all 0.35s ease 0.15s;
}

/***faq end***/

/***how-its-work***/

.how-it-eye {
    text-align: center;
    margin-bottom: 2rem;
}

.how-it-eye h4 {
    font-family: "f1";
    font-size: 16px;
}

.how-it-eye p {
    margin: 0 auto;
    width: 70%;
}

.how-it-worl-bg h2 {
    color: rgb(222, 60, 75);
    text-align: center;
    font-family: "f1";
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 0 1rem 0;
    margin: 0;
}

.how-it-worl-bg {
    padding: 2rem 0;
}

.tab-how {
    background: rgba(255, 244, 244, 0.75);
    padding: 20px 20px;
    box-shadow: 2px 2px 10px #e0d6d6;
}

.how-head h3 {
    color: rgb(244, 105, 51);
    font-size: 18px;
    font-family: "f1";
    margin: 0;
    padding: 5px 0;
}

.how-head p {
    margin: 0;
    padding: 5px 0;
}

.how-it-worl-bg .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: rgb(244, 105, 51);
    border: 2px solid rgb(222, 60, 75);
    border-radius: 4px;
    padding: 10px 30px;
}

.how-it-worl-bg .nav-pills .nav-link {
    border-radius: 4px;
    border: 2px solid rgb(222, 60, 75);
    border-radius: 4px;
    border: 2px solid rgb(222, 60, 75);
    margin: 0 10px;
    padding: 10px 30px;
}

.how-it-worl-bg .nav-pills a {
    color: rgb(244, 105, 51);
}

.how-head ul li {
    position: relative;
    padding: 5px 0 5px 25px;
}

.how-head ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    background: url(../images/clickbuy.png)no-repeat;
    content: "";
    width: 33px;
    height: 24px;
}

.works-heads {
    margin: 15px;
}

/***how its work end***/

/***contact***/

.contact-area {
    padding: 2rem 0;
}

.contact-area h2 {
    padding: 1rem 0;
    margin: 0;
    color: rgb(222, 60, 75);
    font-family: "f1";
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}

.form-area {
    background: #363636;
    padding: 3rem;
}

.form-area .form-control {
    margin-bottom: 20px;
}

.form-area input {
    height: 45px;
    box-shadow: 1px 1px 3px rgb(214, 204, 204);
    border: none;
}

.contact-submit {
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    color: #fff;
    font-size: 14px;
    display: block;
    border: 0;
    padding: 10px 40px;
}

.form-area .form-control:focus {
    border-color: ivory;
    box-shadow: none;
}

.item-with-text-left:hover,
.item-with-text-right:hover {
    background: rgba(247, 247, 247, 0.62);
    -ms-box-shadow: 4px 22px 43px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 4px 22px 43px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 4px 22px 43px rgba(0, 0, 0, 0.15);
    box-shadow: 4px 22px 43px rgba(0, 0, 0, 0.15);
}

.item-with-text-left:hover {
    background: #fff;
}

.bg-five {
    background: #f7f7f7;
}

.section-main {
    overflow: hidden;
    padding: 3rem 0;
}

section {
    position: relative;
    z-index: 2;
}

.item-with-text-left {
    border-radius: 5px;
}

.item-with-text-left i {
    position: absolute;
    top: 10px;
}

.item-with-text-left:hover .circular {
    border: 5px solid #fff;
}

.circular {
    background: #f7f7f7;
    border: 5px solid rgb(222, 60, 75);
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #ececec;
    box-shadow: 0 0 0 1px #ececec;
    line-height: 1.3;
    font-size: 36px;
    margin-bottom: 30px;
    padding: 12px;
    width: 80px;
    height: 80px;
    text-align: center;
}

.item-with-text-left h6 {
    font-weight: 600;
    padding-left: 105px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.item-with-text-left:hover h6 {
    color: rgb(244, 105, 51);
}

.h-medium {
    font-size: 16px;
    line-height: 1.2;
    font-family: "f1";
}

.item-with-text-left p {
    padding-left: 105px;
    margin-bottom: 0;
}

.item-with-text-left {
    text-align: left;
    padding: 25px;
    position: relative;
    margin-bottom: 30px;
}

.item-with-text-left:hover .circular {
    background: rgb(244, 105, 51);
    color: #fff;
}

.item-with-text-left:hover i,
.item-with-text-right:hover i {
    color: rgb(244, 105, 51);
}

.charity-fund-bg {
    padding: 2rem 0;
}


.charity-fund-bg h2 {
    color: rgb(222, 60, 75);
    text-align: center;
    font-family: "f1";
    text-transform: uppercase;
    font-size: 24px;
    padding: 1rem 0;
    margin: 0;
}


.charity-fund-bg h3 {
    color: #333;
    text-align: left;
    font-family: "f1";
    text-transform: uppercase;
    font-size: 18px;

}

.charity-heading p {
    text-align: justify;
    font-family: "f1";
}

/***dashboard***/
.dash-head {
    float: left;
}

.dash-head h2 {
    color: #fff;
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 24px;
}

.daash-right {
    float: right;
}

.daash-right a {
    color: #fff !important;
    padding: 17px 15px;
    margin: 0;
    font-size: 16px;
    font-family: "f1";
    display: inline-block;
}

.dash-board-top {
    background: #333;
    display: inline-block;
    width: 100%;
    position: relative;
}

.dash-board-bg .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background: linear-gradient(#fc792c9e, #de3c4bbd);
}

.dash-board-bg .nav-pills .nav-link {
    border-radius: 0;
    /*    background: rgba(244, 105, 51, 0.15);*/
    color: #333;
    border-bottom: 1px solid #fff;

}

.dash-board-bg .nav-pills .nav-link:hover {
    background: linear-gradient(#ffd2b5de, #ffb5bcde);
    color: #fff;
}

.padd-lst {
    padding-left: 0;
    padding-right: 0;
}

.rw-mar {
    margin-top: -6px;
}

.dash-profile h3 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.dash-profile img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.form-group {

    margin: 0 auto;
}

.form-group1 {
    width: 40%;
    margin: 0 auto;
}

.profile-sub {
    margin: 10px 0;
}

.dash-search .expert-filter {
    float: right;
}

.dash-astrology-bg {
    padding: 2rem 0;
}

.dash-astrology-bg h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.dash-astrology {
    background: rgba(247, 72, 9, 0.06);
}

.dash-astrology h3 {

    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 16px;
    text-align: left;
}

.dash-astrology h3 span {
    color: rgb(222, 60, 75);
}

.dash-asto-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.dash-chat .table thead th,
.dash-tabl .table thead th {
    border: none;
    border-top: none;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.dash-chat .table td,
.dash-tabl .table thead th {
    border: none;
    border-top: none;
    /*    padding: 15px;*/
    border-bottom: 1px solid #ddd;
}
.dash-chat .table td .name-history{
    color: #ff0014;
}

.dash-chat .table th,
.dash-tabl .table thead th {
    border: none;
    border-top: none;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.dash-chat-bg {
    padding: 2rem 0;
}

.dash-chat-bg h2 {

    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.dash-chat {
    background: rgba(247, 72, 9, 0.06);

}

.dash-hist {
    padding: 30px 15px;
    background: rgba(255, 239, 233, 0.83);
}

.dash-hist .trans-select {
    width: auto;
    display: inline-block;
}

.dash-hist .trans-select1 {

    float: right;
}

.dash-hist .form-control:focus {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.leave-dash {
    padding: 1rem 0;

    text-align: center;
}

.leave-dash h4 {
    color: rgb(244, 105, 51);
    font-family: "f1";
    font-size: 18px;
}

.dash-date {
    display: inline;
}

.dash-time {
    display: inline;
    padding-left: 15px;
}

.history-detail {
    color: #333;
    background: #e2e2e2;
    padding: 2px 20px;
    font-family: "f1";
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.history-detail:hover {
    color: #333;
}

.history-delet {
    color: #fff;
    background: rgb(243, 55, 55);
    padding: 2px 20px;
    font-family: "f1";
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.history-download {
    color: #fff;
    background: rgb(6, 136, 6);
    padding: 2px 20px;
    font-family: "f1";
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.transaction-head h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.dash-chat h5 {
    margin: 0;
    padding: 10px 15px 0 15px;
    font-family: "f1";
    font-size: 16px;

}

.dash-chat h6 {
    margin: 0;
    padding: 10px 15px 0 15px;
    font-family: "f1";
    font-size: 16px;

}

.transaction-head {
    padding: 2rem 0;
}

.dash-delete {
    padding: 2rem 0;
}

.dash-delete h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.dash-delete p {
    padding: 15px;
    background: rgba(255, 239, 233, 0.83);

}

.das-chating-bg {
    padding: 2rem 0;
}

.dash-heading-chat {
    background: #fee8e0;
    padding: 15px;
    margin-bottom: 10px;
}

.dash-heading-chat img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
}

.dash-heading-chat p {
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.dash-heading-chat h4 {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    font-size: 15px;
    color: rgb(6, 183, 6);
    font-family: "f1";
}

.dash-heading-chat span {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
    color: rgb(6, 183, 6);
    font-family: "f1";
    margin: 0 auto;
}

.dash-heading-chat button {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.total-chat {
    background: #fee8e0;
    padding: 15px;
    margin-bottom: 10px;
}

.total-chat h3 {
    text-align: center;
    margin: 0;
    font-size: 15px;
    font-family: "f1";

}

.total-time h3 {
    color: #333;
    font-family: "f1";
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.total-time p {
    text-align: center;
}

.total-cst {
    background: #fee8e0;
    padding: 15px;
}

.total-cst h3 {
    color: #222;
    font-family: "f1";
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.das-chating-bg h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.chat-txt-area {
    float: left;
}

.chat-txt-area .form-control {
    width: 50%;
    float: left;
    border: 1px solid #eee;
    border-radius: 1px;
}

.chat-txt-area .form-control:focus {
    border: 1px solid #eee;
    box-shadow: none;
}

.chat-messag h3 {
    font-size: 16px;
    color: rgb(244, 105, 51);
}

.chat-messag p {
    height: 100px;
    background: #fee8e0;
    padding: 15px;

}

.text-snd {

    padding: 8px 10px;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
}

.text-snd:hover {
    background: rgb(244, 105, 51);
}

.chat-txt-area p {
    float: left;
    padding: 10px 0;
}

.clint-feedback-bg {
    padding: 2rem 0;
    text-align: center;
}

.clint-feedback-bg h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.commt-lst {
    float: left;
    width: 100%;
}

.choose-rate h3 {
    font-size: 16px;
    color: rgb(244, 105, 51);
    margin: 0;
    font-family: "f1";
}

.cmmt-cancl {
    padding: 8px 20px;
    background: #777;
    color: #fff;
    border: none;
    cursor: pointer;
}

.cmmt-save {
    padding: 8px 20px;
    background: rgb(244, 105, 51);
    color: #fff;
    border: none;
    cursor: pointer;
}

.notify-head p {
    margin: 0;
    padding: 10px 0;
}

.notify-head textarea {
    width: 100%;
    border: 1px solid #eee;
}

.notify-head [type="radio"]:checked,
.notify-head [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.notify-head [type="radio"]:checked + label,
.notify-head [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.notify-head [type="radio"]:checked + label:before,
.notify-head [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.notify-head [type="radio"]:checked + label:after,
.notify-head [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: rgb(244, 105, 51);
    position: absolute;
    top: 7px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.notify-head [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.notify-head [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.notify-head h3 {
    font-size: 16px;
    color: rgb(244, 105, 51);
    margin: 0;
    font-family: "f1";
}

/***dahboard-end***/


/****rating start***/

fieldset,
label {
    margin: 0;
    padding: 0;
}

.rating {
    border: none;
    /*  float: left;*/
    display: inline-block;
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label,
/* show gold star when clicked */
.rating:not(:checked) > label:hover,
/* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating > input:checked + label:hover,
/* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
/* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

/***end star***/
.chat-mn {
    background: rgba(244, 105, 51, 0.15);
}

.wrapper {
    position: relative;
    padding: 2rem 0;
    height: 485px;

}

.wrapper h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.new_container {

    height: 75%;

}

.new_container .left {
    float: left;
    width: 37.6%;
    /*  height: 100%;*/
    border: 1px solid var(--light);
    background-color: var(--white);
    height: calc(60vh - 60px);
}

.new_container .left .top {
    position: relative;
    width: 100%;
    height: 96px;
    padding: 29px;
}

.new_container .left .top:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    content: '';
    background-color: var(--light);
    transform: translate(-50%, 0);
}

.new_container .left input {
    float: left;
    width: 188px;
    height: 42px;
    padding: 0 15px;
    border: 1px solid var(--light);
    background-color: #eceff1;
    border-radius: 21px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.new_container .left input:focus {
    outline: none;
}

.new_container .left .people {
    margin-left: -1px;
    border-right: 1px solid var(--light);
    border-left: 1px solid var(--light);
    width: calc(100% + 2px);
    /*
    height: 454px;
    overflow: hidden scroll;
*/
}

.new_container .right .right-people {
    margin-left: -1px;
    border-right: 1px solid var(--light);
    border-left: 1px solid var(--light);
    width: calc(100% + 2px);
    height: 100%;

    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: var(--light);
    padding: 10px 0;
}

.new_container .left .people .person {
    position: relative;
    width: 100%;
    padding: 12px 10% 16px;
    cursor: pointer;
    background-color: var(--white);
}

.new_container .left .people .person:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    content: '';
    background-color: var(--light);
    transform: translate(-50%, 0);
}

.new_container .left .people .person img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 50%;
}

.new_container .left .people .person .name {
    font-size: 14px;
    line-height: 22px;
    color: var(--dark);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.new_container .left .people .person .time {
    font-size: 14px;
    position: absolute;
    top: 16px;
    right: 10%;
    padding: 0 0 5px 5px;
    color: var(--grey);
    background-color: var(--white);
}

.new_container .left .people .person .preview {
    font-size: 14px;
    display: inline-block;
    overflow: hidden !important;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--grey);
}

.new_container .left .people .person.active,
.new_container .left .people .person:hover {
    margin-top: -1px;
    margin-left: -1px;
    padding-top: 13px;
    border: 0;
    background-color: #fdd5c6;
    width: calc(100% + 2px);
    padding-left: calc(10% + 1px);
}

.new_container .left .people .person.active span,
.new_container .left .people .person:hover span {
    color: var(--dark);
    background: transparent;
}

.new_container .left .people .person.active:after,
.new_container .left .people .person:hover:after {
    display: none;
}

.new_container .right {
    position: relative;
    float: left;
    width: 62.4%;
    /*  height: 100%;*/
    height: calc(60vh - 60px);
}

/*
.new_container .right .top {
  width: 100%;
  height: 47px;
  padding: 15px 29px;
  background-color: #eceff1;
}
*/
.new_container .right .top span {
    font-size: 15px;
    color: var(--grey);
}

.new_container .right .top span .name {
    color: var(--dark);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.new_container .right .chat {
    position: relative;
    display: none;
    overflow: hidden;
    padding: 0 35px 92px;
    /*
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: var(--light);
*/
    height: calc(100% - 0px);
    justify-content: flex-end;
    flex-direction: column;
}

.new_container .right .chat.active-chat {
    display: block;
    display: flex;
}

.new_container .right .chat.active-chat .bubble {
    transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
}

.new_container .right .chat.active-chat .bubble:nth-of-type(1) {
    animation-duration: 0.15s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(2) {
    animation-duration: 0.3s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(3) {
    animation-duration: 0.45s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(4) {
    animation-duration: 0.6s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(5) {
    animation-duration: 0.75s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(6) {
    animation-duration: 0.9s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(7) {
    animation-duration: 1.05s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(8) {
    animation-duration: 1.2s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(9) {
    animation-duration: 1.35s;
}

.new_container .right .chat.active-chat .bubble:nth-of-type(10) {
    animation-duration: 1.5s;
}

.new_container .right .write {
    position: absolute;
    bottom: 29px;
    left: 30px;
    height: 42px;
    padding-left: 8px;
    border: 1px solid var(--light);
    background-color: #eceff1;
    width: calc(100% - 58px);
    border-radius: 5px;
}

.new_container .right .write input {
    font-size: 16px;
    float: left;
    /*  width: 347px;*/
    height: 40px;
    padding: 0 10px;
    color: var(--dark);
    border: 0;
    outline: none;
    background-color: #eceff1;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.new_container .right .write .write-link.attach:before {
    display: inline-block;
    float: left;
    width: 20px;
    height: 42px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/attachment.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*
.new_container .right .write .write-link.smiley:before {
  display: inline-block;
  float: left;
  width: 20px;
  height: 42px;
  content: '';
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/smiley.png');
  background-repeat: no-repeat;
  background-position: center;
}
*/
.new_container .right .write .write-link.send:before {
    display: inline-block;
    float: right;
    width: 20px;
    height: 42px;
    margin-right: 11px;
    content: '';
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/382994/send.png');
    background-repeat: no-repeat;
    background-position: center;
}

.new_container .right .bubble {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
}

.new_container .right .bubble:before {
    position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    transform: rotate(29deg) skew(-35deg);
}

.new_container .right .bubble.you {
    float: left;
    color: var(--dark);
    background-color: #fdd5c6;
    align-self: flex-start;
    animation-name: slideFromLeft;
}

.new_container .right .bubble.you:before {
    left: -3px;
    background-color: #fdd5c6;
}

.new_container .right .bubble.me {
    float: right;
    color: var(--dark);
    background-color: #eceff1;
    align-self: flex-end;
    animation-name: slideFromRight;
}

.new_container .right .bubble.me:before {
    right: -3px;
    background-color: #eceff1;
}

.new_container .right .conversation-start {
    position: relative;
    width: 100%;
    margin-bottom: 27px;
    text-align: center;
}

.new_container .right .conversation-start span {
    font-size: 14px;
    display: inline-block;
    color: var(--grey);
}

.new_container .right .conversation-start span:before,
.new_container .right .conversation-start span:after {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: '';
    background-color: var(--light);
}

.new_container .right .conversation-start span:before {
    left: 0;
}

.new_container .right .conversation-start span:after {
    right: 0;
}

@keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

/****chat***/



/***expert-dash-board****/

.expert-dash-board-bg .nav-pills .nav-link:hover {
    background: rgba(224, 74, 86, 0.4);
    color: #fff;
}

.expert-dash-board-bg .nav-pills .nav-link {
    border-radius: 0;
    background: rgba(222, 60, 75, 0.89);
    color: #fff;
    border-bottom: 1px solid #fff;
}

.chat-mn1 {
    background: rgba(225, 76, 88, 0.27);
}

.expert-dash-board-bg .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background: rgba(224, 74, 86, 0.4);
}

.dash-hist1 {
    padding: 30px 15px;
    background: rgba(224, 74, 86, 0.17);
}

.dash-astrology1 {
    background: rgb(255, 230, 232);
}

.dash-chat1 {
    background: rgb(250, 224, 226);
}

.dash-heading-chat1 {
    background: #f7ced2;
    padding: 15px;
    margin-bottom: 10px;
}

.total-chat1,
.total-cst1 {
    background: #f7ced2;
}

.chat-messag1 p,
.dash-delete1 p {
    background: #f7ced2;
}

.dash-heading-chat1 .history-detail {
    margin-bottom: 10px;
}

.dele-top {
    padding: 15px;
    background: #f7ced2;
    text-align: center;
    margin-top: 10px;
}

.expert-feed-bg {
    padding: 2rem 0;
}

.expert-feed-bg h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.expert-feed-bg img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
}

.feed-selet {
    text-align: right;
}

.feed-selet .form-control {
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.feed-selet .form-control:focus {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.expert-feed-para h3 {
    font-size: 16px;
    font-family: "f1";
}

.expert-feed-para p {
    font-size: 16px;
    font-family: "f1";
    margin: 0;
    color: rgb(244, 105, 51);
}

/****pagenation***/

.pagination-outer {
    text-align: center;
}

.pagination {
    font-family: 'Rubik', sans-serif;
    padding: 0 30px;
    display: inline-flex;
    position: relative;
}

.pagination li a.page-link {
    color: #909090;
    background-color: transparent;
    font-size: 22px;
    line-height: 35px;
    height: 45px;
    width: 40px;
    margin: 0 3px;
    border: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease 0s;
}

.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
    color: rgb(244, 105, 51);
    background-color: transparent;
}

.pagination li a.page-link span {
    display: block;
    transition: all 0.3s;
}

.pagination li a.page-link:hover span {
    transform: rotateY(360deg);
}

.pagination li a.page-link:before,
.pagination li a.page-link:after {
    content: "";
    background-color: rgb(244, 105, 51);
    height: 3px;
    width: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s;
}

.pagination li a.page-link:before {
    background: linear-gradient(135deg, transparent 49%, rgb(244, 105, 51) 50%);
    height: 15px;
    width: 15px;
    transform: translateX(-50%) rotate(45deg);
    bottom: auto;
    top: -20px;
    left: 50%;
}

.pagination li a.page-link:hover:after {
    width: 100%;
}

.pagination li a.page-link:hover:before {
    top: -10px;
}

.pagination li a.page-link:hover:before,
.pagination li.active a.page-link:before {
    top: -10px;
}

.pagination li a.page-link:hover:after,
.pagination li.active a.page-link:after {
    width: 100%;
}

.expert-feed-bg .page-link:focus {
    box-shadow: none;
}

.page-end {
    text-align: right;
}

@media only screen and (max-width: 480px) {
    .pagination {
        display: block;
    }

    .pagination li {
        margin-bottom: 10px;
        display: inline-block;
    }
}

/****pagination end****/


/****calender start***/

.calender-left-but {
    padding: 2rem 0;
    text-align: right;
}

.but-cal-left {
    padding: 10px 30px;
    color: #fff;
    background: #777;
    margin: 5px;
}

.but-cal-right {
    padding: 10px 30px;
    color: #fff;
    background: rgb(222, 60, 75);
}

.but-cal-left:hover {
    color: #fff;
    background: rgb(222, 60, 75);
}

.but-cal-right:hover {
    color: #fff;
    background: #777;
}

.calendar-bg {
    padding: 2rem 0;
}

.calendar-bg h1 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    /* 		float: right; */
    margin: 0 auto;
    /*		width: 900px;*/
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
}


td.fc-day {

    background: #FFF !important;
    font-family: 'Roboto', sans-serif;

}

td.fc-today {
    background: #FFF !important;
    position: relative;


}

.fc-first th {
    font-family: 'Roboto', sans-serif;
    background: rgb(244, 105, 51) !important;
    color: #FFF;
    font-size: 14px !important;
    font-weight: 500 !important;

}

.fc-event-inner {
    font-family: 'Roboto', sans-serif;
    background: rgb(222, 60, 75) !important;
    color: #FFF !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 5px 0px !important;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}

html .fc,
.fc table {
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica;

}

.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
}



/* Header
------------------------------------------------------------------------*/

.fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

span.fc-button {
    font-family: 'Roboto', sans-serif;
    border-color: rgb(244, 105, 51);
    color: rgb(244, 105, 51);
}

.fc-state-down,
.fc-state-active {
    background-color: rgb(244, 105, 51) !important;
    color: #FFF !important;
}

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

/* buttons edges butting together */

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right,
/* non-theme */
.fc-header .ui-corner-right {
    /* theme */
    margin-right: 0;
    /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}



/* Content
------------------------------------------------------------------------*/

.fc-content {
    clear: both;
    zoom: 1;
    /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    width: 100%;
    overflow: hidden;
}



/* Cell Styles
------------------------------------------------------------------------*/

/* <th>, usually */
.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    border-bottom: 1px solid #EEE;
}

.fc-state-highlight {
    /* <td> today cell */
    /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3; */
}

.fc-state-highlight > div > div.fc-day-number {
    background: linear-gradient(#fc792c, #de3c4b);
    color: #FFFFFF;
    border-radius: 50%;
    margin: 4px;
}

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}



/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

.fc-state-default.fc-corner-left {
    /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
    /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*
	Our default prev/next buttons use HTML entities like ‹ › « »
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
    margin: 0 .4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline;
    /* for IE7 */
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
    /* for ‹ › */
    font-weight: bold;
}

/* icon (for jquery ui) */

.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;

    *margin-top: 0;
    *top: -50%;
}


.fc-state-default {
    border-color: #ff3b30;
    color: #ff3b30;
}

.fc-button-month.fc-state-default,
.fc-button-agendaWeek.fc-state-default,
.fc-button-agendaDay.fc-state-default {
    min-width: 67px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #FFE3E3;
}

.fc-state-hover {
    color: #ff3b30;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #ff3b30;
    background-image: none;
    outline: 0;
    color: #FFFFFF;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    background-color: #FFE3E3;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #FFE3E3;
    color: #ff3b30;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #FFF;
    /* default BORDER color */
    background-color: #FFF;
    /* default BACKGROUND color */
    color: #919191;
    /* default TEXT color */
    font-size: 12px;
    cursor: default;
}

.fc-event.chill {
    background-color: #f3dcf8;
}

.fc-event.info {
    background-color: #c6ebfe;
}

.fc-event.important {
    background-color: #FFBEBE;
}

.fc-event.success {
    background-color: #BEFFBF;
}

.fc-event:hover {
    opacity: 0.7;
}

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /* hacky spaces (IE6/7) */
    font-size: 300%;
    /* */
    line-height: 50%;
    /* */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /*
border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
*/
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /*
border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
*/
}

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
    /* IE6 had 0 height */
}



/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
    border-right-width: 1px;
}


.fc-border-separate tr.fc-last td {}

.fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

.fc .fc-week-number div {
    padding: 0 2px;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
    /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}



/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

.fc-agenda-slots td div {
    height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid;
    /* doesn't work with background in IE6/7 */
}



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
}

.fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2;
}

.fc-event-vert .fc-event-bg {
    /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg,
/* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9;
    /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}

thead tr.fc-first {
    background-color: #f7f7f7;
}

table.fc-header {
    background-color: #FFFFFF;
    border-radius: 6px 6px 0 0;
}

.fc-week .fc-day > div .fc-day-number {
    font-size: 15px;
    margin: 2px;
    min-width: 19px;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.fc-sun,
.fc-sat {
    color: #b8b8b8;
}

.fc-week .fc-day:hover .fc-day-number {
    background-color: #B8B8B8;
    border-radius: 50%;
    color: #FFFFFF;
    transition: background-color 0.2s;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #ff3b30;
}

.fc-button-today {
    border: 1px solid rgba(255, 255, 255, .0);
}

.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
}

/*!
 * FullCalendar v1.6.4 Print Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */


/* Events
-----------------------------------------------------*/

.fc-event {
    background: #fff !important;
    color: #000 !important;
}

/* for vertical events */

.fc-event-bg {
    display: none !important;
}

.fc-event .ui-resizable-handle {
    display: none !important;
}

/****end***/

.expert-prime .check-form-group {
    display: inline-block;
}

.exper-wid .log-form-group {
    width: 100%;
}

.payment-bg {
    padding: 2rem 0;
}

.payment-bg h2 {
    color: rgb(222, 60, 75);
    font-family: "f1";
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}


.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    width: 60px;
    background-color: #e4e4e4;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: rgb(244, 105, 51);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.expert-mss {
    float: right;
    color: var(--dark);
    background-color: #eceff1;
    align-self: flex-end;
    animation-name: slideFromRight;
}

.me-chat {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
}


.expert-as {
    float: left;
    color: var(--white);
    background-color: #fdd5c6;
    align-self: flex-start;
    animation-name: slideFromLeft;
}

.youu-chat {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
}

.expert-as.youu-chat:before {
    left: -3px;
    background-color: #fdd5c6;
}

.expert-as.youu-chat:before {
    position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    transform: rotate(29deg) skew(-35deg);
}

.expert-mss.me-chat:before {
    right: -3px;
    background-color: #eceff1;
}

.expert-mss.me-chat:before {
    position: absolute;
    top: 19px;
    display: block;
    width: 8px;
    height: 6px;
    content: '\00a0';
    transform: rotate(29deg) skew(-35deg);
}

.chat-full-his {
    /*
    height: 400px;
    overflow: scroll;
*/
    padding: 1rem 0;
}

.credits-mn {

    background: #fc792c;
    padding: 10px 10px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    right: 100px;
    top: 18%;
    position: absolute;
    border-radius: 4px;
}

.credits-mn:hover {
    color: #fff;
}

/* .credit-scro{
    text-align: right;
    padding: 1rem 0;
} */

.pop-notify span {
    width: 25px;
    height: 25px;
    background: rgb(90, 83, 84);
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

.notification-tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background: #fdd5c6;
}

.notification-tab .nav-pills .nav-link:hover {
    background: linear-gradient(#ffd2b5de, #ffb5bcde);
    color: #fff;
}

.notification-tab .nav-pills .nav-link {
    border-radius: 0;
    background: rgba(175, 172, 171, 0.15);
    color: #333;
    border-bottom: 1px solid #fff;
}

.notification-tab p {
    margin: 0;
    padding: 5px 0;

}

.notify-desp p {
    margin: 0;

}

.notific-heading h4 {
    text-align: center;
    font-size: 16px;
    position: relative;
    margin: 1rem 0;
}

.notific-heading h4:after {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: '';
    background-color: var(--light);
    left: 0;
}

.notific-heading h4:before {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 30%;
    height: 1px;
    content: '';
    background-color: var(--light);
    right: 0;
}

.notify-desp p {
    padding: 15px;
    background: rgba(253, 213, 198, 0.21);
}

.notification-tab img {
    width: 50px;
}

.notification-tab .nav-link p {
    text-align: right;
}

.notification-tab {
    padding: 2rem 0;
}

.notification-tab h2 {
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px;
    font-family: "f1";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.icon-star-active {
    color: rgb(255, 255, 18);
}


.charty-btn {
    margin: 0 auto;
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
}

.charty-btn:hover {
    color: #fff;
}

.sess-hstry .log-form-group {
    text-align: center;
    width: auto;
}

.book-oppint {
    padding: 10px 0;
}

.book-oppint a {
    border-radius: 50px;
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 7px 10px;
    color: #fff;
    font-size: 13px;
}

/****end***/
.sub-left {
    position: relative;
}

.sub-left h5 {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(244, 105, 51);
    width: 75px;
    height: 61px;
    padding: 22px 0px;
    z-index: 99;
    color: #fff;
}

.sub-left h5 {
    text-align: center;
}

.inputGroup {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
}

.inputGroup label {
    padding: 20px 20px 20px 48px;
    width: 100%;
    display: block;
    text-align: left;
    color: #3c454c;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    text-align: center;
    background: #eee;
}

.inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #808080;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.inputGroup label:after {
    width: 32px;
    height: 32px;
    content: '';
    border: 2px solid #d1d7dc;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
}

.inputGroup input:checked ~ label {
    color: #fff;
}

.inputGroup input:checked ~ label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}

.inputGroup input:checked ~ label:after {
    background-color: rgb(222, 60, 75);
    border-color: rgb(222, 60, 75);
}

.inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}


.clit {
    color: #de3c4b;
    font-family: "f1";
}

.nww-client {
    color: rgb(244, 105, 51);
    font-family: "f1";
    font-size: 24px;
}

/* req */
.notif-all {
    position: relative;
}

.notif-all:before {
    content: '';
    position: absolute;
    left: 42%;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 20px solid #ff1d1d00;
    border-right: 20px solid #e0151500;
    border-top: 20px solid #e8e8e8;
    background: rgb(222, 60, 75);
    z-index: 1;
}

.notification-cht {
    position: fixed;
    right: 5px;
    z-index: 9999;
    width: 300px;
    height: 250px;
    background: rgb(222, 60, 75);
    bottom: 20%;

}

.notification-cht p {
    padding: 15px;
    color: #fff;
    margin: 0;
}

.notif-all a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}


.footer-twa {
    position: fixed;
    right: 4%;
    z-index: 9999;
    background: rgb(222, 60, 75);
    bottom: 8%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.footer-twa i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    z-index: 9999;
}

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

.notification-cht {
    display: none;
}

.footer-messg {
    position: relative;
}

.multi-mssg {
    position: absolute;
    top: -12px;
    right: -12px;
    background: linear-gradient(#fc792c, #de3c4b);
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    line-height: 24px;
    border: 4px solid #fff;
    text-align: center;
}

.ftr-close {
    display: none;
}

#scrwl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#scrwl::-webkit-scrollbar {
    width: .1px;
    /* background-color: #F5F5F5; */
}

#scrwl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgb(222, 60, 75);
}

.scrollbar {

    height: calc(60vh - 60px);
    width: 100%;
    overflow-y: hidden;

}

.scrollbar:hover {
    overflow-y: scroll;
}

.force-overflow {
    min-height: 250px;
}

/*
@media (min-width: 992px){
	
	.clint-notify .modal-bottom-right {
    bottom: 10px;
    right: 10px;
}
.clint-notify .modal-side {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    width: 400px;
  
}

}*/

.dash-profile {
    position: relative;
}

.dash-profile a {
    position: absolute;
    top: 15px;
    right: 0px;
    padding: 10px;
    font-family: "f2";
    color: #fff;
    background: #e04a56;
    font-size: 16px;
    border-radius: 5px;
}

.scroll {
    width: 100%;
    height: 270px;
    overflow-y: scroll;

    float: left;
    /* perspective: 1px; */
    perspective-origin: 0 0;


}

.scrol-content {
    /*  height: 500px;  */
    transform-origin: 0 0;
    transform-style: preserve-3d;
    top: 0px;
    transform: translate(-2px) scale(1);
}


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

.scroll1::-webkit-scrollbar-track {
    background: rgb(255, 244, 240);
}

.scroll1::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 15px;
}

.notify-resp {
    margin: 3px auto;

}

.notify-scroll {
    height: calc(76vh - 60px);
    overflow-x: auto;
}

.notify-scroll {

    transform-origin: 0 0;
    transform-style: preserve-3d;
    top: 0px;
    transform: translate(-2px) scale(1);
}


.notify-scroll::-webkit-scrollbar {
    width: 5px;
}

.notify-scroll::-webkit-scrollbar-track {
    background: #fff;
}

.notify-scroll::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 15px;
}

.dash-tabl .dataTables_info {
    padding: 10px;
}


.scroll-bar-msg {
    width: 100%;
    height: calc(60vh - 60px);
    overflow: hidden scroll;
    float: left;
    /* perspective: 1px; */
    /* perspective-origin: 0 0; */

}


.scroll-bar-content {
    /*  height: 500px;  */
    transform-origin: 0 0;
    /* transform-style: preserve-3d; */
    top: 0px;
    transform: translate(-2px) scale(1);
}


.scroll-bar-msg1::-webkit-scrollbar {
    width: 5px;
}

.scroll-bar-msg1::-webkit-scrollbar-track {
    background: #fff;
}

.scroll-bar-msg1::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 50px;

}

.terms-cond-bg {
    padding: 2rem 0;
}

.terms-cond-bg h2 {
    text-align: center;
    font-size: 24px;
    font-family: "f1";
    color: rgb(222, 60, 75);
}

.terms-cond-bg h3 {
    text-align: left;
    font-size: 20px;
    font-family: "f1";
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 15px 0 5px 0;
}

.terms-cond-bg h5 {
    text-align: left;
    font-size: 18px;
    font-family: "f1";
    color: rgb(222, 60, 75);
    margin: 0;
    padding: 3px 0 5px 0;
}

.terms-cond-bg p {
    margin: 0;
}

.term-cnd {
    padding-inline-start: 15px;
}

.term-cnd li {
    list-style: initial;
}

.dash-tabl .dataTables_filter {
    padding: 0 10px;
}

.dash-tabl .dataTables_filter input {
    border: 1px solid #eee;
    height: 30px;
    border-radius: 20px;
    padding: 0 10px;
}

.dash-tabl .paginate_button.current {
    background: linear-gradient(to bottom, #de3c4b 0%, #de3c4b 100%) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 2px !important;
}

.img-blck img {
    display: block;
    padding: 1rem 0 1rem 0;
}

.ind-supt .suprt-cont .ratings a.price-premium {
    color: #a3ef2f;
    font-size: 16px;
    font-family: "f2";
}


.notify-scroll-feedback {
    transform-origin: 0 0;
    transform-style: preserve-3d;
    top: 0px;
    transform: translate(-2px) scale(1);
}

.notify-scroll-feedback {
    height: calc(50vh - 60px);
    overflow-x: auto;
}

.notif-trash {
    font-size: 20px;
    color: rgb(245, 44, 44);
    float: right;
}

.trash-top {
    position: relative;
}

.trash-end {
    position: absolute;
    right: 15px;
    top: 10px;
}

.history-detail-end {
    background: #e2e2e2;
    color: #333;
}

.best-off-bck button.close{
    background:rgb(244, 105, 51);      
    border-radius: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    margin: 0;
    padding: 0;
    opacity: inherit;
    color: #fff;
    z-index: 1;
}
.best-off-bck button.close:hover{
    background: rgb(222, 60, 75);
}

.remove-clos{
    position: absolute;
    right: 10px;
    top: 6px;   
}


.remove-clos span{
    line-height: .75;
    vertical-align: super;
}
.request-remove{
    opacity: 7;
}
.request-remove span{
    color: #fff;
}
.highlight{
    display: inline-flex;
    margin: 0 auto;
    border-top:none;
}
.best-rew .best-btn, .highlight .best-btn{
    margin: 6px 4px;
}


.credit-scro1{
    position: relative;  
    top: 54px;
    z-index: 8;
}
.credit-scro1 .credits-mn{
position: absolute;
top: 50%;
right: auto;
 left: 0;
 border-radius: 3px;
 text-align: center;
 padding: 10px 15px;
    
}

.credit-scro3{
    position: relative;  
    top: 96px;
    z-index: 8;
}

.credit-scro3 .credits-mn{
position: fixed;
top: 50%;
right: 0;
 left: auto;
 border-radius: 3px;
 text-align: center;
 padding: 10px 15px;
    
}

.credit-scro4 {
    position: relative;  
    top: 96px;
    z-index: 8;
}
.credit-scro4 .audio-sund{
position: absolute;
top: 50%;
right: auto;
 left: 0;
 border-radius: 3px;
 text-align: center;
 padding: 10px 13px;
 background: #de3c4b;
    
}

.audio-sund select{
    border:none;
    padding: 3px;
    border-radius: 3px;
}
.credit-scro1 .credits-mn, .credit-scro3 .credits-mn, .credit-scro4 .audio-sund{
   
    -webkit-animation-name: animation;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;    
    -webkit-animation-play-state: running;
    
    animation-name: animation;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;    
    animation-play-state: running;
    background-color: rgb(222, 60, 75);
}

@-webkit-keyframes animation {
    0%     {background-color:#fc792c;}
    50.0%  {background-color:rgb(222, 60, 75);}
    100.0%  {background-color:#fc792c;}
}

@keyframes animation {
    0%     {background-color:#fc792c;}
    50.0%  {background-color:rgb(222, 60, 75);}
    100.0%  {background-color:#fc792c;}
}

.free-min{
    background: #fc792c;
    color: #fff;
    width: 280px;
    position: fixed;
    top:76%;
    right: 120px;   
    padding: 15px;
    z-index: 999;
        border-radius:3px;
}
.free-min p{
    text-align: justify;
    margin: 0;
    padding: 10px;
}
.free-min .click-three{
    background: #333;
    color: #fff;
    padding: 6px 30px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s;
}
.free-min .click-three:hover{
    background: rgb(222, 60, 75);
    transition: all .2s;
}

.frnt-add-all a{

  position: absolute;
    top: 50%;
    right: auto;
    left: 90px;
    border-radius: 3px;
    text-align: center;
    padding: 6px 1px;
}
.frnt-add-all .best-btn{
    border-radius: 3px;
    padding: 8px 15px;
}
.frnt-add-all{
    border:none;
}

.frnt-add-all{
    position: relative;
    top: 40px;
    z-index: 8;
   padding-bottom:0;
   padding-top:0;
}

.req-missed{
    padding: 2rem;
    text-align: center;
}

.req-missed a{
    padding: 10px 30px;
    background: linear-gradient(#fc792c, #de3c4b);
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-radius: 2px;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
}

.audio-sund button{
    background: #00B5B8;
    color: #fff;
    border: none;
    border-radius: 3px;
}
.astro-notification {
position: absolute;
    top: 105px;
    z-index: 9;
    left: 5px;
    color: #fff;
}
.astro-notification a {
    color: #fff;
    text-decoration: none;
}
.holy-expert {
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
.expert-chats .modal-body {
    text-align: center;
    padding: 30px 0;
}
.expert-chats .modal-body a {
    background: linear-gradient(#fc792c, #de3c4b);
    padding: 10px 30px;
    color: #fff;
    border-radius: 50px;
}
.ad-fund-bg {
    background: none !important;
}
.expert-rgi .modal-body {
    overflow: scroll;
    height: 500px;
}