.Click-here {
  /* cursor: pointer;
  background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out; */
}
/* .Click-here:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);
} */
.custom-model-main {
  width: 100%;
  height: 100vh;
  /* text-align: center; */
  overflow: hidden;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;

  /* background-color: #0006; */

  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #397524 #DFE9EB !important;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
 
}
.custom-model-wrap {
  display: block;
  width: 100%;
  height: 400px;
  position: relative;
  background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url(../images/expert/pop-bg.jpg)center no-repeat;
  background-size: cover;

  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
  border: 5px solid #0c95ec;
  overflow-y: scroll;
  
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 20px;
  top: -10px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #000;
}

.user-photo img{
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 4px solid #0c95ec;
  margin-right: 20px;
}

.pop-up-content-wrap{
  display: flex;
  
}

.custom-model-wrap p{
  text-align: justify;
  font-size: 15px;
}

.pop-up-content-wrap .user-content{
  /* padding: 10px 0 0 20px; */
}

.scrollable-element {
 
}
.name{
  color: #0c95ec;
}

.custom-model-wrap ul li {
  /* font-weight: bold !important; */
  font-size: 14.5px;
}

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.custom-model-wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #0008;
}

.custom-model-wrap::-webkit-scrollbar-track:hover {
  background-color: #0008;
}

.custom-model-wrap::-webkit-scrollbar-track:active {
  background-color: #0008;
}

.custom-model-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #0c95ec;
}

.custom-model-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #0c95ec;
}

.custom-model-wrap::-webkit-scrollbar-thumb:active {
  background-color: #0c95ec;
}

.contactheading{
  font-weight: bold;
}

.designation{
  font-size: 16px;
  font-weight: 600;
}

.user-content p{
  /* font-size: 15px; */
}

.contact-ul-li {
  display: flex;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}

@media screen and (max-width:768px) and (min-width:300px){
  .custom-model-main{
    top: 10%;
  }

  .pop-up-content-wrap{
    flex-direction: column;
    padding: 10px 0 0 0 !important; 
    text-align: center;
  }
}

@media screen and (max-width:1024px) and (min-width:769px){
  .custom-model-main{
    top: 20%;
  }

 
}