@font-face {
  font-family:"Alata";
  src: url("../vendor/bootstrap5.0.2/fonts/alata-regular.ttf") ;
}
 @font-face {
  font-family:"HelveticaNeue";
  src: url("../vendor/bootstrap5.0.2/fonts/helvetica_neue.ttf") ;
}
 @font-face {
  font-family:"TimesNewRoman";
  src: url("../vendor/bootstrap5.0.2/fonts/times.ttf") ;
}
 @font-face {
  font-family:"SansSerif";
  src: url("../vendor/bootstrap5.0.2/fonts/SansSerif.ttf") ;
}
@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('../vendor/bootstrap5.0.2/fonts/AVENIR NEXT LT PRO.otf') format('opentype');
}
@font-face {
  font-family:"Carena-Regular";
  src: url("../vendor/bootstrap5.0.2/fonts/Carena-Regular.otf") ;
}

.profile{
    border: solid 1px transperent !important; 
    padding: 12px 14px 17px 29px;
    background-color:#f6f6f6; 
    font-family: var(--myFontFamily);
    line-height: 1.75;
    font-size: 13px; 
    color: #373737;
 }
  
.img-resp {
     width:96%;
     height:122px;
     margin:auto;
     padding-top:5px;
     padding-bottom:5px;
 }
 
 .bg-grey{
 background-color:#f6f6f6!important;	
}

.bg-blue{
 background-color:#F8FAFB!important;		
}
.bg-aliceblue{
 background-color:aliceblue!important;		
}
.bg-white{
 background-color:#FFFF!important;		
}
.br-5{
	border-radius:5px;
}
.list-table{
   	 width: 100% !important;
   	 border-collapse: separate;
     border-spacing: 0 8px;
     font-family: var(--myFontFamily)!important;
     font-size: 14px;
     line-height: 1.27;
     letter-spacing: normal;
     color: #373737;
     margin-right: auto;
     margin-left: auto;
}

.t-head{
	background-color:var(--tblHd);
	height:50px;
	vertical-align:middle;
}

.t-row{
    outline: thin solid white;
    background-color:#fff;
    vertical-align:middle;
} 

.ul{
     list-style-type: none; 
     padding-top: 3px; 
}
   
.hrtag{
  	 color: #979797; 
  	 margin-top: 25px;
  	 margin-bottom: 25px;
}
 
 .hrblue{
  	 color: #247ec2; 
  	 height:4px!important;
  	 margin-top: 25px;
  	 margin-bottom: 25px;
  	 opacity:1;
}  
 .font{
  font-family: var(--myFontFamily);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #373737;
  }
  
 .font >a{
    text-decoration:none;
 }

.tag{
  font-family: Alata;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  }
  
  .tag1{
  font-family: Alata;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #FFF;
  }
  
  .tag2{
  font-family: Alata;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
 }
  
 .text2{
  font-family: var(--myFontFamily);
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #247ec2;
  font-weight:500;
 }
 
 .txt2{
  font-family: var(--myFontFamily);
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #000;
  font-weight:500;
 }
 
.lable{
  font-family: var(--myFontFamily);
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #373737;
  }
  
 input:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

select:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
textarea:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
 text-area:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
 
.view {
   text-align:right;
}
.welcome{
    color:#247ec2;
    font-size:26px;
    font-family: Alata;
    padding-left:0px;
    padding-bottom:0px;
}
.bt{
 border:none;
 background-color:var(--btnColor);  
 color:var(--btnTxtColor);  
 font-family:var(--myFontFamily); 
 font-size: 12px!important; 
 font-weight: 500;
 outline: none !important;
 padding: 5px 25px;
 }
 .anker:hover{
  text-decoration:none!important;
 }
 
.butn{
    border:none;
    background-color:var(--btn2Color); 
    color:var(--btn2TxtColor);  
    font-family:var(--myFontFamily); 
    font-size: 14px; 
    font-weight: 500;
    border-radius: 0px!important;
 }
 
 .butn:hover{
  color:var(--btn2TxtColor);
 }
 
.bt:focus{
    outline: none !important;
    border: none !important;
   -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
   -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
    box-shadow: inset 0px 0px 5px #c1c1c1;
} 
 
 input[type=button] {
    outline: none !important;
    box-shadow: none !important;
} 

.back{
    background-color: #6c6c6c;
    color: white;  
    font-family:var(--myFontFamily); 
    font-size: 12px; 
    font-weight: 500;
    padding: 5px 12px;
}
.back:focus{
    outline: none !important;
    border: none !important;
   -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
   -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
    box-shadow: inset 0px 0px 5px #c1c1c1;
} 

.change{
    border:none;
    background-color: var(--btn2Color);  
    color:var(--btn2TxtColor);  
    font-family: var(--myFontFamily); 
    font-size: 10px; 
    font-weight: 500;
 }

.check{
	border:none;
    background-color:var(--btn2Color); 
    color:var(--btn2TxtColor);  
    font-family:var(--myFontFamily); 
    font-size: 14px; 
    font-weight: 500;
    border-radius: 0px!important;
    padding:5px 30px;
}
.it .iti--allow-dropdown{	
	width:100%;
}
.join{
	border:none;
    background-color:#A8DBF0;
    color:black;  
    font-family:var(--myFontFamily); 
    font-size: 14px; 
    font-weight: 600;
    outline: none !important;
    padding: 5px 25px;
}
.card{
	border-radius:10px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
	transition:0.3s;
	background-color:#fff;
	cursor: pointer;
}
.br-0{
	border-radius:0px!important;
}
.shadow-0{
	box-shadow:none!important;
}
.card:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
}
.form-control-text{
  font-family:var(--myFontFamily);
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  font-weight:500;
  
}
.form-control-text:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
  #breadcrumbs{
    overflow: hidden;
    width: 100%;
  }

  #breadcrumbs li{
    float: left;
    margin: 0 .5em 0 1em;
  }

  #breadcrumbs span{
    background: #ddd;
    padding: 1.2em 5.5em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
  }
  #breadcrumbs span::before{
    content: "";
    position: absolute;
    top: 40%;
    margin-top: -1.5em;
    border-width: 1.9em 2em 1.9em 1em;
    border-style: solid;
    border-color: #ddd #ddd #ddd transparent;
    left: -1em;
  }

  #breadcrumbs span::after{
    content: "";
    position: absolute;
    top: 40%;
    margin-top: -1.5em;
    border-top: 1.9em solid transparent;
    border-bottom: 1.9em solid transparent;
    border-left: 1em solid #ddd; 
    right: -0.95em;
  }
.hcpcard {
  border-radius:0px!important;  
  border: 1px solid rgba(0,0,0,.125);  
}
.hcpcard-header {
  background-color: #d5edff!important;
  border-radius:0px!important;
  color:black;
}

.ptcard {
  border-radius:0px!important;  
  border: 1px solid rgba(0,0,0,.125);  
}
.ptcard-header {
  background-color:#247ec2!important;
  border-radius:0px!important;
  color:#FFF;
  font-weight:400;
}
.ptcard1-header {
  background-color:white!important;
  border-radius:0px!important;
  color:#247EC2;
  font-weight:400;
  border-left:7px solid #247ec2;
}
 @media (max-width: 529px){
.view {
    text-align:left;
}
#breadcrumbs span{
    background: #ddd;
    padding: .7em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    font-size:11px;
  }
 .tag{
  font-size:18px;
 }
}
 @media (max-width: 992px)and (orientation:landscape) {
#breadcrumbs span{
    background: #ddd;
    padding: .7em 2em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
  }
}
 
:root {
	--myFontFamily:HelveticaNeue;
   	--navItem:Alata;
   	--color:#247ec2;
   	--btnColor:#247ec2;
   	--btnTxtColor:#ffff;
   	--btn2Color:#17b0e7;
   	--btn2TxtColor:#ffff;
   	--tblHd:#d5edff;
} 
.shadow-0{
	box-shadow:none!important;
}
.border-top{
  border-top:8px solid #247ec2 !important;
}
.container-blue{
	height:200px;
	background-color:#247ec2;
}
.wht{
	color:white!important;
}

.wl{
 margin-top:-9rem!important;
}

.stats i {
    color: blue;
    background-color: aliceblue;
    width: 54px;
    height: 54px;
    font-size: 24px;
    border-radius: 50px;
    border: 2px solid var(--background-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
.container-blue{
	height:0px!important; 
	background-color:white;
}
.wht{
	color:black!important;
}
.tag1{
  font-family: Alata;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
 }
 .wl{
  margin-top:50px!important;
 }
 
.card-container .card-back{
  font-size:12px;
 }
 .card-container .card-front{
  font-size:13px;
 }
 .stats{
justify-content: start !important;
}
 .hrblue{
  	 color: #247ec2; 
  	 height:4px!important;
  	 margin-top: 15px;
  	 margin-bottom: 15px;
  	 opacity:1;
}

 .mb-vw-center{
    text-align:center!important;
    }  
    
 #know_more{
	position: relative!important;
}
}
.btprnt{
background-color:aliceblue!important;
color:black!important;
border:1px solid #247ec2!important;	
}
.colored-svg {
    height: 70px;
    object-fit:contain;
}
.card-container {
    perspective: 1000px;
}

.card-container .card {
    width: 100%;
    height: 100%;
    position: relative;
    min-height:200px;
}

.card-container .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.card-container:hover .card-inner {
    transform: rotateY(180deg);
}

.card-container .card-front, .card-back {
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    padding: 20px;
    box-sizing: border-box;
}

.card-container .card-front {
    z-index: 2;
}

.card-container .card-back {
    transform: rotateY(180deg);
    border-radius: 10px;
    background-color:aliceblue;
}

.stats i {
    color: #247EC2;
    background-color: #247EC208;
    width: 84px;
    height: 84px;
    font-size: 24px;
    border-radius: 50px;
    border: 2px solid var(--background-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.newBtn{
 font-size: 12px!important; 
 font-weight: 500;
 outline: none!important;
 border:1px solid #ced4da;
 background-color:#ffff;  
 border-radius:7px;
 padding: 8px 25px!important;
 color:#373737 !important; 
 box-shadow: none!important;
 
 }
 .activeBtn{
 font-size: 12px!important; 
 font-weight: 500;
 background-color:#247ec2!important; 
 color:#FFF!important;
 border-radius:7px;
 padding: 8px 25px!important;
 }
 .br-none{
 	border:none!important;
 }