@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html {
  scroll-behavior: smooth;
}
body{font-family: 'Roboto', sans-serif; background:#f5f5f5;}
.starter-template {
  padding-top: 200px;
  text-align: center;
  margin-bottom:80px;
}
.light-sky {background:#DCF9FA !important;}
.footer {
position:relative;
}
.footer .spacing-pad {
    padding-top: 150px;
	padding-bottom: 25px;
}
.pos-img {
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: -33px;
	width: 68px;
}
.bg-light {background:#FFFFFF; padding: 25px 0;}
.badge-info {
    background-color: #5bc0de;
    position: absolute;
    top: 7px;
    left: 20px;
    font-size: 12px;
}
.light-grybg {
    background: #f5f5f5;
	padding: 100px 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #292b2c;
}
main.container {margin-top: 100px;}
.btn-dark{background:#192c2f}
.bg-cover {background-repeat: no-repeat !important;background-size: cover !important; min-height: 700px; padding:0;}
/************************/
.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
	right:0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.backside .card-body{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    margin: 0;
    padding: 0;
    width: 80%;
}
.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
	border:0;
}

.backside .card a {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #002729;
	text-decoration:none;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #fff !important;
}
.frontside .card .card-title {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 40px;
color: #FFFFFF;
text-shadow: 0px 3.91407px 19.5703px #000000;
}
.frontside .card .card-body img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	object-fit: cover;
}
/******welcome ge*********/
.banner {position:relative; overflow:hidden;}
.banner-pos {
    position: absolute;
    top: 0;
    z-index: -1;
	/*height: 100% !important;*/
    width: 100%;
    object-fit: cover;
}
.banner .card {
    min-height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), rgba(255, 255, 255, 0.5);
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 12px;
}
.banner .card img {
    width: 70px;
}

.banner .card .card-text {
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 38px;
    color: #002729;
    margin-top: 30px;
}
.banner .welcome-text {
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 61px;
/* identical to box height */
color: #FFFFFF;
}
.banner .welcome-p {
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFF;
	font-size:24px;
}
.bold-font {
    font-size: 70px;
    font-weight: 500;
    line-height: 81px;
}
.navbar-nav .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    color: #002729 !important;
    margin: 0 10px;
	position:relative;
}
.footer ul li {
    list-style: none;
    text-align: center;
}
.footer ul li a{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.022em;
text-decoration-line: underline;
color: #002729;}
.footer ul .under-none a{text-decoration-line:none;}
.scroll {
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}
/*********home ge*********/
/******experts-profile-preview-ge*********/
.expert-card ul {
    padding:0px;
    list-style: none;
    margin: 0;
	align-items: center;
}
.expert-card {
    padding: 14px 12px;
    gap: 14px;
    background: #F3F3F3;
    box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
    border-radius: 2px;
	margin-bottom: 25px;
}
.date-slot {list-style:none; padding:0;}
.date-slot li {
    padding: 17px 0px;
    width: 90px;
    border: 2px solid #656565;
    border-radius: 4px;
	color: #656565;
}
.view-more a{
font-style: normal;
font-weight: 500;
font-size: 19px;
color: #767878;
}
.date-slot .bold{
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #656565;
display: block;
margin-top: 10px;
}
.primary-btn {
    padding: 15px;
    background: #002729;
    border-radius: 9.6px;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.722603px;
    color: #FFFFFF;
}
.expert-card .bold {
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    display: flex;
    color: #000000;
}
.expert-card .light{
	
font-style: normal;
font-weight: 400;
font-size: 23.664px;
color: #002729;
}
.expert-card ul li .fa-star:first-child{color:#001414;}
.expert-card ul li .fa-star:nth-child(2){color:#93E8EB}
.expert-card ul li .fa-star:nth-child(3) {color:#00C5CC}
.expert-card ul li .fa-star:last-child{color:#003B3D;}
.primary-btn:hover {color:#ddd;text-decoration:none;}
.expert-card li .fa-star {
    font-size: 18px;
    margin-left: 2px;
}
.transparent-section {
    position: relative;
    color: #FFFFFF;
    border-radius: 5px !important;
    overflow: hidden;
}
.transparent-section .img-postion {
    position: absolute;
    right: 15px;
	top:0;
}
.transparent-section p{
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin:0;
}
.transparent-section .text-cont {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: rgba(34, 34, 34, 0.3);
    border-radius: 0px 0px 6px 6px;
}
.common-black-h{font-style: normal;
font-weight: 700;
font-size: 32px;
text-transform: capitalize;
color: #002729;
}
.common-gray-h{
	font-style: normal;
font-weight: 700;
font-size: 30px;
color: #767878;
}
.text-gray{
font-style: normal;
font-weight: 500;
font-size: 20px;
color: #767878;
line-height: 24px;
}
.bg-white .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 10px 0;
}
.breadcrumb-text .breadcrumb {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #767878;
}
.breadcrumb-text h3{
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 38px;
text-transform: capitalize;
color: #002729;
}
.breadcrumb-text .btn{
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 27px;
letter-spacing: 0.752712px;
}
.breadcrumb-text {
    padding: 15px 0
}
.breadcrumb-text .breadcrumb-item+.breadcrumb-item:before {
    content: url("/images/gse/right.png");margin-top: 1px;
}
.breadcrumb-text .breadcrumb-item {
    float: left;
    position: relative;
}
.breadcrumb-text .breadcrumb a, .breadcrumb-text .breadcrumb .breadcrumb-item{color: #767878 !Important; font-size:18px !important}
.slider-nav-thumbnails .slick-slide {
      margin: 0px 15px;
	  cursor:pointer;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
/******experts-profile-preview-ge-end*********/
.banner-transparent-bottom p {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    margin: 0;
}
.banner-transparent-bottom {
    position: absolute;
    bottom: 0;
    background: #0000004a;
    width: 100%;
    padding: 50px 0;
}
.bg-white {background:#fff}
.banner-3 {position:relative; min-height:500px}
.custom-space {
    padding: 100px 0px;
    font-size: 70px;
    font-weight: 500;
    line-height: 80px;
}
.inpage-search {position:relative}
.inpage-search .fa-solid {
    position: absolute;
    left: 20px;
    top: 25px;
}
.min-height-white {
    min-height: 350px;
}
.transparent-section .card-img-top {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.minus-main {margin-top:-170px !important;}
/*********custom dropdown**********/
.location .dropdown {
  background-color: white;
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
  transform: scaleY(1);
}
.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {
  transform: rotate(-135deg);
}
.dropdown__options-filter {
  width: 100%;
  cursor: pointer;
}
.dropdown__filter {
    position: relative;
    display: flex;
    padding: 20px;
    background-color: #fff;
    border: 1.125px solid #B3B3B3;
    border-radius: 9px;
    font-size: 18px;
    transition: 0.3s;
    list-style: none;
    font-style: normal;
    font-weight: 400;
    color: #767878;
    background-image: url("/images/gse/location.png");
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 45px;
}
.dropdown__filter:focus {
  border: 1px solid #B3B3B3;
  outline: none;
  *box-shadow: 0 0 2px 3px #B3B3B3;
}
.dropdown__filter:after {
  position: absolute;
  top: 45%;
  right: 20px;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  transform: rotate(45deg) translateX(-45%);
  transition: 0.2s ease-in-out;
}
.dropdown__select {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 1px;
  overflow: hidden;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  transform: scaleY(0);
  transform-origin: top;
  font-weight: 300;
  transition: 0.2s ease-in-out;
  padding: 0;
  z-index: 1;
}
.dropdown__select-option {
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  transition: 0.3s;
}
.dropdown__select-option:last-of-type {
  border-bottom: 0;
}
.dropdown__select-option:hover {
  background-color: #f9f9f9;
}
.expert-card .light a {
	font-style: normal;
    font-weight: 400;
    font-size: 23.664px;
    color: #002729;
	text-transform: capitalize;
	margin-right: 10px;
}
/*****End drop down*******/
.inpage-search .form-control {
    padding-left: 32px;
    padding: 20px;
    border: 1.125px solid #B3B3B3;
    border-radius: 9px;
    padding-left: 50px;
    font-size: 18px;
    min-height: 68px;
}

/************dashbord**************/
.sidebar .list-sidebar {
    list-style: none;
    padding: 25px 0;
    margin: 0;
}
.sidebar .list-sidebar li{line-height: 40px;}
.sidebar .list-sidebar a{
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #000000;
opacity: 0.5;
}
.sidebar {padding-top:50px}
.sidebar .user-title{
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 35px;
color: #000000;
margin-top: 15px;
}
.user-title-2{
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
letter-spacing: 0.641509px;
color: #002729;
}
.upcoming-list {padding: 10px 0;}
.dashboard-cont ul {list-style:none; padding:0; margin:0;}
.dashboard-cont .upcoming-list ul {list-style:none; padding:0; margin:0}
.dashboard-cont .upcoming-list .rounded-circle {width: 50px;height: 50px;object-fit: cover;border-radius: 100%;}
.dashboard-cont .upcoming-list .pl-3 p {margin-bottom:0;}
.light-gray-1 {background:#F0F0F0;}
.light-gray-2 {background:#D9D9D9;}
.light-gray-2, .light-gray-1{padding-top: 50px;}
.light-gray-2 .notification-heading {
	font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.320755px;
    color: #002729;
	margin-bottom: 25px;
}
.light-gray-2 .list-dot {
    list-style: inherit;
    padding: 0 20px;
}
.light-gray-2 .list-dot h6{
font-style: normal;
font-weight: 700;
font-size: 16.5px;
line-height: 20px;
letter-spacing: 0.36412px;
color: #273240;
}
.light-gray-2 .list-dot p{
	color: #002729;
    mix-blend-mode: normal;
    opacity: 0.5;
}
/********calender*************/
.cal-wrap {
    padding-bottom: 30px;
}
.cal-wrap .wrapper {
    background: #F5F5F5;
    box-shadow: 0px 0.746479px 1.49296px rgba(0, 14, 51, 0.25);
    border-radius: 11.9437px;
}

.cal-wrap .wrapper header {
    display: block;
    align-items: center;
    padding: 25px 10px 0;
}

.cal-wrap header .icons {
    display: flex;
    margin-right: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cal-wrap header .icons span {
    height: 30px;
    width: 30px;
    margin: 0 1px;
    cursor: pointer;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    user-select: none;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 0.746479px 0.746479px rgba(0, 14, 51, 0.05);
}
.sub-heading {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.288679px;
color: #002729;
}
.upcoming-list ul li.pl-3 h6{
	font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.329919px;
color: #002729;
}
.upcoming-list ul li.pl-3 p{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.481132px;
color: #002729;
mix-blend-mode: normal;
opacity: 0.5;
}
.upcoming-list .text-right{
	font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.467232px;
color: #002729;
}
.cal-wrap .icons span:last-child {
    margin-right: -10px;
}

.cal-wrap header .icons span:hover {
    background: #f2f2f2;
}

.cal-wrap header .current-date {
    font-size: 1.45rem;
    font-weight: 500;
	    margin: 0;
}

.cal-wrap .calendar {
    padding: 20px;
}

.cal-wrap .calendar ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
}

.cal-wrap .calendar .days {
    margin: 20px 0 0;
}

.cal-wrap .calendar li {
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
}

.cal-wrap .calendar .weeks li {
    font-weight: 500;
    cursor: default;
}

.cal-wrap .calendar .days li {
    z-index: 1;
    cursor: pointer;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0.746479px 0.746479px rgba(0, 14, 51, 0.05);
    border-radius: 4.47887px;
    margin: 1%;
	flex: 0 0 18%;
}

.cal-wrap .days li.inactive {
    color: #aaa;
}

.cal-wrap .days li.active {
    color: #fff;
}

.cal-wrap .days li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: 4.47887px;
}

.cal-wrap .days li.active::before {
    background: #00C5CC;
}

.cal-wrap .days li:not(.active):hover::before {
    background: #f2f2f2;
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
.no-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.no-list a{color:#000; font-size:25px; margin:2px 5px;}
.rating-dialog h5{
font-style: normal;
font-weight: 600;
font-size: 30.4589px;
line-height: 130%;
text-align: center;
color: #333333;
}
.rating-dialog p{
font-weight: 400;
font-size: 22.0892px;
line-height: 150%;
text-align: center;
color: #333333;
}
.modal-open .container{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}
.close:focus, .close:hover {
    outline: 0;
}
.btn-info{
background: #00C5CC;
border-radius: 6.20732px;
font-style: normal;
font-weight: 500;
font-size: 13.6561px;
line-height: 17px;
letter-spacing: 0.467232px;
}
.view-more-2 a {
    font-size: 10.5px;
    line-height: 13px;
    letter-spacing: 0.350424px;
    color: #767878;
}
.rating-dialog .no-list li:first-child {
    width: 240px;
    text-align: left;
}

/**********end dashbord**************/

/*********custon upload**********/
.custom-input .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.custom-input .switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 24px;
  margin-right: 10px;
}

.custom-input .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-input .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #767878;
  -webkit-transition: .4s;
  transition: .4s;
}

.custom-input .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0px 2.4px 2.4px rgba(0, 0, 0, 0.25);
}

.custom-input input:checked + .slider {
  background-color: #00C5CC;
}
.switch p {
    position: absolute;
    width: 240px;
    top: 0;
    left: 55px;
	cursor:pointer;
}
a.btn {text-decoration:none !important;}
.custom-input input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.custom-input input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.custom-input .slider.round {
  border-radius: 34px;
}

.custom-input .slider.round:before {
  border-radius: 50%;
}

.custom-input .form-control {
    padding: 20px 15px;
    background: #F9F9F9;
    box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
    border-radius: 9px!important;
    border: 0;
	font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #767878;

}
.custom-input .input-group .form-control {
    padding-left: 40px;
	padding-right:25px;
	min-height: 61px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.no-list span {
    vertical-align: text-bottom;
	    padding-right: 4px;
}
.no-list .fa-circle {
    font-size: 6px;
}
.confirmation-{
background: #FFFFFF;
box-shadow: 0px 6.42846px 26.6322px rgba(100, 100, 111, 0.2);
border-radius: 12.8569px;
padding:100px;
position: relative;
}
.confirmation- .top-right-pos {
    position: absolute;
    right: 35px;
    top: 25px;
}
.confirmation- h2{
font-style: normal;
font-weight: 500;
font-size: 46.0625px;
line-height: 56px;
text-align: center;
color: #000000
}
.confirmation-  p a{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-decoration-line: underline;
color: #767878;
}
.confirmation- h3{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #00C5CC;
}
.confirmation- ul li{
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: left;
color: #767878;
list-style: outside;

}
.conf-btn {
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 0.753px;
    min-width: 300px;
    height: 60px;
    line-height: 35px !important;
}
.confirmation- ul{max-width: 420px;margin: auto;}
.custom-input .input-group-addon img {
    width: 22px;
}
.custom-input .input-group-addon{
	border:0;
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
	background: transparent;
}
.custom-input .box {
    padding: 20px 15px;
    background: #F9F9F9;
    box-shadow: 0px 2px 8px rgba(99, 99, 99, 0.2);
    border-radius: 9px;
	margin-bottom: 40px
}
.custom-input .box label .fa-solid {
    font-size: 30px;
	margin-right: 8px;
	color:#00C5CC;
}
.custom-input .box label span{font-size:20px;}
.custom-input .box label{margin: 0 !important;padding: 0;display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;}
.chav-ico {
    background-image: url("/images/gse/chav-down.png")no-repeat right top;
}
.chav-ico:after {
    background: url("/images/gse/chav-down.png")no-repeat right top;
    content: '';
    position: absolute;
    right: 10px;
    top: 25px;
    z-index: 111;
    height: 10px;
    width: 18px;
}
.se-call h2 {
font-weight: 700;
font-size: 30px;
line-height: 37px;
color: #002729;
}
.se-call .no-list {
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 37px;
color: #767878
}

.light-gray-h3{
    color: #767878;
    text-align: center;
    font-weight: 500;
}
/*******end custom upload *******/
/********video call dashboard*******************/
.timer {
	position: absolute;
	width: 175.79px;
	height: 67.89px;
	left: 10px;
	top: 10px;
	background: #00C5CC;
	opacity: 0.8;
	border-radius: 20px;

	font-style: normal;
	font-weight: 600;
	font-size: 16.9728px;
	line-height: 15px;
	color: #FFFFFF;

}

.name {
	position: absolute;
	width: 210px;
	height: 48.34px;
	left: 10px;
	bottom: 10px;
	font-style: normal;
	font-weight: 500;
	font-size: 18.9566px;
	line-height: 31px;
	color: #FFFFFF;

	background: #002729;
	backdrop-filter: blur(7.10874px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 60px;
}

.caller-sec {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.20);
}

.sound {
	position: absolute;
	right: 15px;
	bottom: 10px;
}

.reciver {
	position: absolute;
	width: 200px;
	right: 10px;
	top: 10px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 14px;
	overflow: hidden;
}

.reciver .name-2 {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: #002729;
	backdrop-filter: blur(7.10874px);
	border-radius: 10px;
	height: 20px;
	width: 100px;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}

.reciver .mike {
	position: absolute;
	right: 7px;
	width: 30px;
	bottom: 7px;
}

.meet-with {
	position: relative;
	padding-right: 35px;
}

.meet-with .edit-ico {
	position: absolute;
	right: 0;
	width: 25px;
}

.chat-bg {
	background: #002729;
	border: 0.772636px solid #767878;
	box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);
	border-radius: 30.918px;
	padding: 25px;
	color: #fff;
}

.chat-bg p {
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 19px;
	color: #FFFFFF;
}

.chat-bg .heading {
	font-style: normal;
	font-weight: 600;
	font-size: 15.1718px;
	line-height: 19px;
	color: #EEF6F7;
}

.white-bg- h6 {
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 28px;
	color: #002729;
	margin: 0;
}

.white-bg- p {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 29px;
	color: #002729;
	margin: 0;
}

.white-bg- {
	padding: 5px 10px;
	background: #E1E0E0;
	border: 0.900033px solid #002729;
	border-radius: 10px;
	flex: 0 0 60%;
}

.white-bg-2 {
	background: #E5F8F9;
}

.time {
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 22px;
	color: #A8A8A8;
	padding-top: 10px;
	flex: 0 0 20%;
}

.chat-bg .chat-bubble {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.profile-pic- {
	flex: 0 0 15%;
}

.main-caller {
	position: absolute;
	height: 100%;
	object-fit: cover;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.video-call-btn .btn-danger {
    background: #D40707;
    border-radius: 73px;
    min-height: 50px;
    width: 100px;
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.video-call-btn img {
	height: 44px;
	margin: 5px;
}

.video-call-btn {
	padding: 20px 0;
}

.chat-text-bg {
	background: #002729;
	box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);
	border-radius: 88px;
	height: 48px;
	margin-top: 20px;
	padding: 0 3px;
}

.chat-text-bg .form-control {
	border: 0;
	background: transparent;
}
.screen-share- {
    position: relative;
    overflow: hidden;
    height: 260px;
	border-radius: 10px;
}
.share-screen- .screen-share {
    object-fit: fill;
}
.screen-share- .timer {
    position: absolute;
    width: 100px;
    left: 5px;
    top: 5px;
    font-size: 10px;
	height: 30px;
}
.screen-share- .timer .img-fluid {
    width: 10px;
}
.screen-share- .reciver {width: 110px;border-radius: 5px;}
.screen-share- .reciver .name-2 {
    left: 3px;
    bottom: 3px;
    border-radius: 5px;
    height: auto;
    width: auto;
    font-size: 8px;
    color: #FFFFFF;
    padding: 1px 4px;
	line-height: inherit;
}
.screen-share- .reciver .mike {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 15px;
}
.screen-share- .name {
    width: auto !important;
    height: auto !important;
    left: 5px;
    bottom: 5px;
    font-size: 11px;
    line-height: inherit;
    border-radius: 60px;
    padding: 5px 10px;
}
.screen-share- .sound {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.chat-bg h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 15.1718px;
    line-height: 19px;
    color: #EEF6F7;
    margin-bottom: 35px;
}
/*********************/
.min-btn {
    width: 380px;
    height: 60px;
    line-height: 42px;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
}
.light-gray-h3 {font-size: 32px;}
/******welcome update*******/
.border-bottom {
    border-bottom: 2px solid #767878;
}
.down-spacing-pad{padding-top:0px !important;}
.logo-text-s{font-size: 28px;font-weight: 500;letter-spacing: -0.616px;color: #002729;}
.address-text h4{font-size: 16px;font-weight: 500;letter-spacing: -0.352px;}
.address-text p{font-size: 16px;letter-spacing: -0.352px;}
.banner .card .card-text a{text-decoration:none; color:#002729;}
.banner .card .card-body {width:100%; height:100%;}
.banner .card .card-body .frontside {
    margin: 0;
}
.banner .card .backside .card-text {
    font-size: 30px;
    line-height: 45px;
    margin: 0;
	font-weight: 400;
}
.banner .card .backside {
    height: 100%;
    background: none;
    box-shadow: none;
}
.banner .card .backside .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 15px;
}

.about-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.about-list li {
    flex: 0 0 45%;
    position: relative;
    padding-left: 130px;
    font-size: 22px;
    font-weight: 400;
    padding-right: 20px;
	margin-bottom: 50px;
}

.about-list li img {
    position: absolute;
    left: 0;
    max-width: 100px;
}
.light-gray-fluid {
    background: #E8E6E6;
}
.video-call-sec h3, .video-call-sec h4, .video-call-sec li{color:#002729;}
.video-call-sec h3 {font-size: 40px;font-weight: 700;}
.video-call-sec h4 {font-size: 24px;line-height: 30px;}
.video-call-sec li{font-size: 22px;line-height: 30px;}


.primary-btn, .btn-dark{background:#002729 !important; border-color:#002729 !important;}
.min-btn:hover, .primary-btn:hover, .btn-dark:hover {
    background: #003B3D !important;
    border-color: #003B3D !important;
	cursor:pointer;
}
.btn-info{background:#00C5CC;}
.btn-info:hover{background:#40E0E5; border-color:#40E0E5;cursor:pointer;}

#navbarSupportedContent .dropdown-menu {
    left: 20px;
}
.place-image {
    height: 360px;
    overflow: hidden;
    min-height: inherit;
    position: relative;
}
.place-image h3{
	font-size: 30px;
    font-style: normal;
    font-weight: 500;
}
.newcomer-text h2{
font-size: 50px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.newcomer-text p{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 125%;
color:#767878;
}
.term-cons{
color:  #767878;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.sidebar .list-sidebar li.active a {
    opacity: 1;
}
.place-bg {
    height: auto;
    overflow: hidden;
    min-height: inherit;
    position: relative;
    background: #002729;
	padding:150px;
}
.place-bg h3 {
    font-size: 70px;
    font-style: normal;
    line-height: normal;
}
.frontside .card .card-title span {
    font-size: 15px;
    display: block;
}
/*************profile page*********/
.list-sidebar.bg-defoult.icon-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    text-align: center;
}
.list-sidebar.bg-defoult.icon-block li {
    flex: 0 0 45%;
    border: 2px solid #D9D9D9;
    margin-bottom: 10px;
    border-radius: 15px;
    height: 100px;
    line-height: 65px;
    margin-right: 3%;
}
.list-sidebar.bg-defoult.icon-block li a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    display: block;
}
.list-sidebar.bg-defoult.icon-block li p {
    margin: 0;
    padding: 0;
    line-height: 0px;
}
.list-sidebar.bg-defoult.icon-block li.active {
    background: #F0FAFA;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
    border-color: #F0FAFA;
	position:relative;
}
.list-sidebar.bg-defoult.icon-block li.active:after {
    content: '';
    height: 5px;
    width: 5px;
    background: #FD2E2E;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 100%;
	
}
.white-bg-imp {background:#fff !Important}
.dashboard-cont .caller-card li {
    flex: 0 0 100%;
}
.dashboard-cont .caller-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #002729;
    padding: 65px;
    border-radius: 12px 12px 0px 0px;
}
.dashboard-cont .caller-card li img{
    border-radius: 96px;
    border: 6px solid #FFF;
}
.dashboard-cont .caller-card li h4{
	color: #DCF9FA;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 0;
}
 .dashboard-cont .caller-card li h5{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	margin-bottom: 20px;
}
.flex-row-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #ccf3f5;
    padding: 10px 15px;
	border-radius: 10px;
	
}
.flex-row-col .left-s {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flex-row-col .left-s p {
    margin: 0;
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.33px;
}
.flex-row-col .left-s h5 {
    margin: 0;
    opacity: .5;
    color: #002729;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.481px;
}
.flex-row-col .img-l img {
    width: 50px;
    border-radius: 100%;
    padding-right: 7px;
}
.Scheduled {
    color: #002729;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.467px;
}
.white-card-bg .title{
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px;
}
.white-card-bg .title-2 h5 {
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.white-card-bg .title-2 p {
    color: #002729;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 126.188%;
}
.white-card-bg .title-2 .attchments {
    color: #767878;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.481px;
    text-decoration-line: underline;
}
.white-card-bg .title-2 {
    padding: 15px;
}
.white-card-bg {background:#fff;}
.white-card-bg .title-2 .form-control {
    color: #767879;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.481px;
}
.form-space .col {margin-bottom:25px;}
.form-space .col label {
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.6px;
}
.form-space .col label span{
    color: #767878;
}
.form-space .col input::placeholder{
    color: #CACED8;
}
.form-space .col .form-control {color:#083A50; font-size: 16px;font-style: normal;font-weight: 400;line-height: 19.6px;}
.confirmation-2 h2 {
    color: #000;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    line-height: normal;
}
.confirmation-2 h3 {
color: #767878;
text-align: center;
font-size: 19.208px;
font-style: normal;
font-weight: 500;
line-height: 24.97px; /* 130% */
}
.pro-exp .notification-heading {
    color: #00C5CC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px;
}
.pro-exp .pro-b h3 {
color: #002729;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.pro-exp .pro-b h3 span{
    color: #767878;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.pro-exp .pro-b h5 {
color: #767878;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.date-slot .add-price {
    font-size: 12px;
}
/*******input slider**********/
.custom-slider-input .slick-prev:before {
	content: url("/images/gse/little-arrow-l.png") !important;
}
.custom-slider-input .slick-prev {
    left: -15px !important;
}
.custom-slider-input .slick-next {
    right: -15px !important;
}
.custom-slider-input .slick-prev, .custom-slider-input .slick-next{
	width: 20px !important;
    height: 20px !important;
	cursor: pointer !important;
}
.custom-slider-input .slick-next:before {
	content: url("/images/gse/little-arrow-r.png") !important;
}
.custom-slider-input .slick-prev.slick-disabled:before, .custom-slider-input .slick-next.slick-disabled:before {
    opacity: .2 !important;
}
.custom-slider-input .slick-slide img {
    border: 1px dashed #767878;
    border-radius: 15px;
    height: 100px;
    object-fit: cover;
}
.custom-slider-input .slick-slide {margin: 0px 10px;}


.drop-zone {
    background-color: #F0FAFA;
    border-radius: 24px;
    border: 3px dashed #00C5CC;
    padding: 2.5rem 1.25rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.profile-btn .btn-primary, .profile-btn .btn-primary:focus {
    background: #002729 !important;
    border-color: #002729 !important;
    color: #fff;
}
.profile-btn a.btn{cursor:pointer;}
.drop-zone .drop-zone__prompt {
    color: #00C5CC;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    flex: 0 0 100%;
	cursor: pointer !important;
}
.drop-zone p {
    font-size: 11px;
    color: #767878;
    font-weight: 400;
    margin-top: 12px;
    flex: 0 0 100%;
    order: 1;
}
.drop-zone .drop-zone__prompt p i {
    color: #00C5CC;
    font-size: 60px;
}
.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}
.drop-zone__thumb {
    height: 130px !important;
    width: 130px !important;
    margin: auto;
	cursor: pointer;
}
.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}
.custom-slider-input h4{
    color: #767878;
    font-size: 22px;
    font-weight: 400;
    line-height: 125%;
}
.custom-slider-input h3{
    color: #002729;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
}
.cal-wrap.slider-cal .calendar .days li {
    flex: 0 0 12% !important;
	height: 77px;
    text-align: start;
    padding-left: 10px;
	 padding-top: 10px;
	font-size: 10px;
	line-height: inherit;
}
.chav-ico- .form-check-input {
    position: inherit;
    vertical-align: top;
    margin-left: 0;
}
.calendar-main-bg {background:#F0F0F0}
.vertical-slider {background:#D9D9D9; padding-top:50px;}
.cal-wrap.slider-cal  .wrapper {
    border: 0;
    box-shadow: inherit;
    background: transparent;
}
.cal-wrap.slider-cal .wrapper header, .cal-wrap.slider-cal .calendar{padding:0 !important;}
.cal-wrap.slider-cal .material-symbols-rounded {
    display: none !important;
}
.cal-wrap.slider-cal .current-date {
    color: #002729;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.44px;
}
.cal-wrap.slider-cal .calendar {margin-top:20px;}
.chav-ico- ul{
    /*height: 70vh;
    overflow: auto;*/
	padding-left: 20px;
	padding-bottom: 10px;
}
.toggle-btn p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	width:180px;
}
 .toggle-btn {
    width: 238px;
    float: right;
}
.calender-sub h5 {
    color: #002729;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.calender-sub h5 a{
    color: #002729;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}
.calender-sub {
    padding-top: 70px;
    padding-bottom: 15px;
}
.cal-wrap.slider-cal .days li.inactive {
    color: #aaa;
    border-radius: 6.417px;
    border: 1px solid #C2C2C2;
    background: #FAF8F8;
}
.cal-wrap.slider-cal .calendar .days li.active {
    border-color: #00c5cc;
}
.heading-bg .sub-heading {
    padding: 5px 10px;
    line-height: initial;
}
.heading-bg {
    border-radius: 8px;
    background: rgba(217, 217, 217, 0.60);
}
.pending-btn:hover, .declined-btn:hover { color:#fff; text-decoration:none;}
.pending-btn{
    border-radius: 8px;
    background: #002729;
    color: #fff;
    padding: 11.12px 10px;
}
.declined-btn{
    border-radius: 8px;
    background: #FD2E2E;
    color: #fff;
    padding: 11.12px 10px;
}
.custom-calender ul {
    display: flex;
    flex-wrap: wrap;
}
.custom-calender ul li {
    flex: 0 0 13%;
    height: 70px;
    border-radius: 6.417px;
    border: 1px solid #C2C2C2;
    background: #FAF8F8;
    margin-right: 1%;
    padding: 6px;
    font-size: 8.983px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1%;
}
.custom-week ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	margin-bottom: 5px;
}
.custom-week ul li {
    flex: 0 0 13%;
    margin-right: 1% !IMPORTANT;
    padding: 0;
    margin: 0;
	overflow: hidden;
}
.cal-wrap.slider-cal .calendar .days li {
    box-shadow: inherit;
    margin: 1%;
    border-radius: 6.417px;
    border: 1px solid #C2C2C2;
    background: #FFF;
}
.user-title-4{
    color: #002729;
    font-size: 58px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.slider-cal .today-date{
color: #002729;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.44px;
} 
.stslots {background: #D9D9D9;padding: 10px; text-align: center;    margin-bottom: 10px;}
.stslots p{
    color: #002729;
    font-size: 13.679px;
    font-style: normal;
    font-weight: 500;
    line-height: normal; margin:0;
}
.stslots h3 {color:#767878;
font-size: 11.725px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.703px;margin:0;}
.cal-wrap.slider-cal .weeks li{color: #002729;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}
.chav-ico- h6 {
    color: #002729;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 36px;
    background: #f0f0f0;
    margin-bottom: 0;
    padding-bottom: 7px;
}
.chav-ico- {
    background: #fff;
}
.chav-ico- li {
    color: #1D1D1F;
    font-size: 13.679px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.user-panel {
    word-wrap: break-word;
}
/*******end input slider**********/
.privew-btn{
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.753px;
}
.banner .min-btn {
    width: 460px;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 18px;
    height: auto;
}
.bg-gray-back {
    padding: 0;
}
.bg-gray-back .breadcrumb {
    background: transparent;
    margin: 0;
	padding-left: 0;
}
/*************messages_expert_default 8*8*2023*****************/
.messages .upcoming-list {
    padding: 10px 0;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}
.messages li{position:relative;}
.messages li span.status-active {
    height: 10px;
    width: 10px;
    display: block;
    background: #58F553;
    position: absolute;
    right: 0;
    top: 35px;
    border-radius: 100%;
	border:2px solid #EFEFEF;
}
.messages li span.status-un-active {
    height: 10px;
    width: 10px;
    display: block;
    background: #D3D3D3;
    position: absolute;
    right: 0;
    top: 35px;
    border-radius: 100%;
	border:2px solid #8D8989
}
.chat-message-box p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.264px;
    margin-bottom: 10px;
}
.chat-message-box h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.33px;
    margin-bottom: 8px;
}
.chat-message-box h6 span{    
	font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.22px;
}
.center-border {
    position: relative;
    text-align: center;
    margin-top: 25px;
}
.center-border:after {
    content: '';
    height: 1px;
    background: #767878;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.center-border .text-info {
    color: #5bc0de!important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: #f5f5f5;
    padding: 10px;
	cursor: pointer;
}
.chat-box {
    position: relative;
    padding-bottom: 20px;
}
.chat-box .form-control {
    padding-right: 130px; height:44px;
}
.chat-box input::placeholder{ color: #D9D9D9;}
.chat-box .chat-tool {
    position: absolute;
    right: 25px;
    top: 8px;
}
.chat-box .chat-tool li {
    margin: 0 5px;
}
.chat-box .chat-tool li:last-child {
    border-left: 1px solid #EEE;
    padding-left: 5px;
    margin-left: 0;
}
.own-chat a {
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.33px;
    text-decoration-line: underline;
}
.own-chat p {
color: #707070;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.264px;}
.anthony-francis span {
    height: 10px;
    width: 10px;
    display: block;
    background: #58F553;
    position: absolute;
    right: 0;
    top: 23px;
    border-radius: 100%;
    border: 2px solid #EFEFEF;
}
.anthony-francis {
    position: relative;
}
.chat-message-box img.rounded-circle {
    border-radius: 10px;
    height: 50px;
    width: 50px;
    object-fit: cover;
}
.chat-message-box .anthony-francis .rounded-circle{border-radius:100%; height:40px; width:40px;}
.messages .upcoming-list-2 p {
    color: #002729;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.264px;
}
.dashboard-cont .messages .upcoming-list .rounded-circle {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
}
.dashboard-cont .messages .upcoming-list p{
color:#002729;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.264px;
opacity:1;
}
.dashboard-cont .messages .upcoming-list h6 span{
color:#767878;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.22px;
}
.dashboard-cont .messages .upcoming-list h6 .notifi {
    background: #DCF9FA;
    padding: 7px;
    border-radius: 100%;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 0px;
}
.dashboard-cont .messages .upcoming-list h6{position:relative;padding-right: 45px;}
.chat-scroll {
    height: 460px;
    overflow: auto;
	background: #F5F5F5;
}


/********calling************/
.callin-one p {
    margin: 0;
}
.callin-one .month {
    color: #00C5CC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.308px;
}
.callin-one .call-detail {
    color: #002729;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.33px;
}
.callin-one .call-history {
    color: #767878;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.33px;
}

.calling-box h4 {
    color: #002729;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.308px;
	margin-bottom: 25px;
}
.callin-one li {
    margin-bottom: 8px;
}
.callin-one {
    margin-bottom: 15px !important;
	border-bottom: 1px solid #767878;
}
.call-detail .span-right {
    color: #767878;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.33px;
    float: right;
}
.callin-one .call-history p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.doc-media .media- {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.doc-media .media- li {
    flex: 0 0 30%;
    margin: auto;
    margin-bottom: 5px;
}
.document li {
    color: #767878;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.264px;
    border-bottom: 1px solid #D9D9D9;
}
.doc-media p {
    color: #002729;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.264px;
}
.document li {
    background: url(/images/gse/doc/doc.png) no-repeat;
    background-position: 0px 6px;
    padding-left: 18px;
    line-height: 24px;
}

.doc-scroll {
    overflow: auto;
    height: 250px;
}
.call-history .span-left img {
    margin-right: 8px;
}
.doc-media h4{
    color: #002729;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.264px;
}
.doc-media{background:#f5f5f5;}
/******************8*8*2023 end********************************/

/******************Transaction _Expert********************************/
.light-gray {
  padding: 10px;
  background: #eeeeee;
  border-radius: 14px;
}
.light-gray .upcoming-list {
  margin-bottom: 15px !important;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0px 2px 48px 0px rgba(0, 0, 0, 0.04);
}
.chart-up-d li h3 {
  color: #fff;
  font-size: 21.716px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.955px;
  margin-top: 1rem;
}
.chart-up-d li p {
  color: #fff;
  font-family: Roboto;
  font-size: 12.668px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.906px;
}
.sky-bg .chart-up-d li {
  border-radius: 21.716px;
  padding: 15px;
}

.chart-up-d .light-pink h3,
.chart-up-d .light-pink p {
  color: #000;
}
.gray {
  background: #767878;
}
.light-pink {
  background: #ffe2e0;
}
.dark-bg {
  background: #002729;
}
.chart-up-d {
  width: 270px;
  margin: auto !important;
}
.sky-bg .chart-up-d {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.chart-up-d .pull-right {
  float: right;
}
.progress-bar {
  height: 3px;
  color: #fff;
  background-color: #00c5cc;
}
.visibility-h {
  height: 120px;
  background: #fff;
}
.text-sky,
.text-red {
  color: #00c5cc !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
}
.sky-space {
  padding-top: 60px;
}
.text-red {
  color: #fd2e2e !important;
}
.sky-bg {
  background: #f0fafa;
  border-radius: 14px;
  min-height: 610px;
}
.light-gray .upcoming-list ul li.pl-3 h6 {
  color: #222325;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
}
.btn-sky{
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.481px;
    background: #00C5CC;
	
}
.btn-dark-2{
	text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.481px;
    background: #767878;
}
.light-gray .upcoming-list .rounded-circle {
    height: 40px;
    width: 40px;
}
.month a {
    padding: 6px;
    border-radius: 8px;
    color: #002729;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.44px;
    display: inline-block;
}
.transaction li {
    color: #222325;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
}
.transaction a{
	color: #222325;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1px;
}
.month a:hover {
    background: #FFF;
    padding: 6px;
}
.simple-month {
    background: #D9D9D9;
    padding-top: 50px;
}
.month a {margin-bottom: 10px;}
.month a.active {
    background: #fff;
}
.progress {background-color: #ffffff;}
.anthony-francis .rounded-circle {
    height: 40px;
    object-fit: cover;
}
.col-sm-4.light-gray-1.messages .upcoming-list h6 {
    padding-right: 0;
}
/******************end Transaction _Expert********************************/
@media(max-width: 768px) {
  .modal-dialog { min-height: calc(100vh - 20px);}
  
}
@media screen and (max-width: 992px) {
    .footer ul li a {font-size: 14px;}
	.simple-month .month {display: flex;flex-wrap: wrap;}
	.simple-month .month div {flex: 0 0 50%;}
	.navbar-brand {min-width: 300px;}
	.navbar-brand .img-fluid {max-width:200px}
	.footer .d-flex {flex-wrap: wrap;}
	.footer .d-flex li {flex: 0 0 100%; text-align: center; padding-top: 10px;}
	.footer .spacing-pad {padding-top: 75px;}
	.navbar .navbar-toggler{z-index:1;}
	.slick-prev {left: 0px !important;}
	.slick-next {right: 0px !important;}
	.date-slot {flex-wrap: wrap;gap: 15px;}
	.date-slot li {flex: 0 0 45%;}
	.transparent-section .text-cont h3 {font-size: 17px;margin-bottom: 0;}
	.transparent-section .img-postion {width: 15px;}
	.navbar-toggleable-md .container {width:94%;}
	.dashboard-cont .light-gray-1, .dashboard-cont .light-gray-2{flex: 0 0 100%;max-width: 100%;}
	.rating-dialog .no-list li {flex: 0 0 40px;}
	.rating-dialog .no-list li:first-child {flex: 0 0 100%;text-align: center;}
	.rating-dialog .no-list {flex-wrap: wrap;text-align: center;justify-content: center;}
	.screen-share- .main-caller {width: 100%;}
	.screen-share- .reciver {margin-top: 35px;}
	.min-btn {line-height: 42px;font-size: 25px; width:auto !important;}
	.conf-btn {font-size: 20px !important;letter-spacing: 0.753px;min-width: inherit;}
	.about-list li {flex: 0 0 100%;}
    .banner-pos {height: 100% !important;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
.date-slot li {
    flex: 0 0 45%;
}
.date-slot {
    flex-wrap: wrap;
    gap: 15px;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.simple-month .month {display: flex;flex-wrap: wrap;}
.simple-month .month div {flex: 0 0 50%;}
.pending-btn, .declined-btn {padding: 8px 8px; font-size: 10px !important;}
}
@media screen and (min-width:300px) and (max-width:767px) {
	.location .dropdown {width: 100%;}
	.confirmation- {padding: 50px;}
	.se-call h2, .se-call .no-list{font-size:20px;line-height: 25px;}
	.caller-sec, .chat-main-sec {width: 100%;flex: 0 0 100%;max-width: inherit;}
	.caller-sec {min-height: 640px; margin-bottom:20px;}
	.for-mob-1 {flex: 0 0 50%;max-width: 50%;}
	.banner .card .backside .card-text {font-size: 20px;line-height: 30px;}
	
}
@media screen and (min-width:300px) and (max-width:410px) {
.timer img {width: 15px;}
.timer {
    width: auto !important;
    font-size: 10px !important;
    height: auto !important;
    padding: 5px;
    border-radius: 8px !important;
}
}
@media screen and (min-width:300px) and (max-width:575px) {
			.breadcrumb-text .justify-content-end{-webkit-box-pack: start !IMPORTANT;
    -webkit-justify-content: start!important;
    -ms-flex-pack: end!important;
    justify-content: left !important;}
		.breadcrumb-text {padding: 20px 0;}
		.banner .card{margin-bottom:50px;}
		.breadcrumb-text .breadcrumb a {font-size: 14px !important;}
		.minus-main {margin-top: -100px !important;}
		.banner-transparent-bottom p {font-size: 18px;line-height: 24px;}
		.custom-space {padding: 100px 0px;padding-top: 50px;}
		
		.for-mob-1 {flex: 0 0 100%;max-width: 100%;}
		.banner .card .backside .card-text {font-size: 32px;line-height: 45px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.mob-100 {flex:0 0 100% !important;max-width: 100% !important;}
}
@media screen and (min-width:767px) and (max-width:991px) {
.list-sidebar.bg-defoult.icon-block li {flex: 0 0 100%;}
.for-mob .width-100 {width: 100%;max-width: 100%;flex: 0 0 100%;}
.visibility-h {height: 50px;background: #fff;}
.sky-bg {margin: 0 15px;    min-height: inherit;padding-bottom: 60px;}
}
@media screen and (min-width:300px) and (max-width:767px) {
.calendar-main-bg .mob-100 .col-sm-3 {padding-left: 15px !important;}
.calender-sub h5, .calender-sub h5 a{font-size:15px;}	
.custom-week ul {font-size: 9px;}
.navbar-brand {min-width: 272px;}
.vertical {min-height: inherit !important;}
.vertical .slick-next {left: 0;width: 100%;height: 35px !important;position: inherit !important;bottom: -14px;}
.mob-100, .for-mob {max-width: 100%;flex: 0 0 100%;}
.for-mob .width-100 {width: 100%;max-width: 100%;flex: 0 0 100%;}
.visibility-h {height: 50px;background: #fff;}
.sky-bg {margin: 0 15px;min-height: inherit;padding-bottom: 60px;}
.callin-one .call-history p {font-size: 12px;}
.calling-box h4{font-size: 14px;}
}