@charset "utf-8";
/* CSS Document */
body
{
	font-family: 'Exo', sans-serif;
	background: #f4f9fc;
}
div#txtmeLivechatTitle {
    background-color: red !important;
}
div#txtmeLivechatTitleImg {
    background-color: red !important;
}
div#txtmeLivechatTitleText {
    background-color: red !important;
}
.operator-avatar-wrap.col-auto {
    background-color: red !important;
}
.send-button-panel .send-button svg {
    color: #ff0700 !important;
}
h2
{
	color: #223a66;
}
.bg-dark
{
	background: #223a66 !important;
}

.topleft{
	font-size: 15px;
    padding: 2.2rem;
    font-weight: 600;
}
.topright
{
	font-size: 15px;
    padding: 2.2rem;
}
.number
{
	font-size: 1.3rem;
}

header .mainan {
    margin: 0 !important;
    max-width: 100% !important;
	overflow: hidden;
}

.carousel-caption h3
{
	font-size: 3.5rem;
	font-weight: bold;
}
.feature .row
{
	flex-basis: 33.33%;
    background-color: #fff;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 0px 30px 0px rgb(0 42 106 / 10%);
	margin: 0.5rem;
	padding: 0.5rem;
}
.btn-success
{
	background: #DC312A;
	border:0;
	font-size: 1rem;
}
.btn-success:hover
{
	background: #223a66 ;
}
.feature .col-2
{
	font-size:50px;
	color: #223a66;
	margin-right: 1rem;
}

.feature h4
{
	padding: 0.7rem 0;
}
.feature p
{
	padding: 0 1rem 0.7rem 1rem;
	color: #666;

}
.text-red
{
	color: #DC312A;
	font-weight: bold;
}
.featuremain
{
	margin-top: -6rem;
	padding-bottom: 3rem;
}
.carousel-caption
{
	top:12rem;
	left: 26rem;
}
.carousel-indicators
{
	bottom: 4rem;
}

.abouthome h5
{
	color:#7068A3;	
	font-size: 0.9rem;
	font-weight: bold;
}
.abouthome
{
	padding-top: 3rem;
}
.abouthome h2, .abouthome h3
{
font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    color:#222;
}
.abouthome h3
{
	font-size: 30px;
	padding: 1rem 0;
}
.exp
{
	color: #fff;
	font-size: 50px;
	background: #7068A3;
	padding: 0.5rem 0.7rem;
	height: 0;
	border-radius: 50px;
}
.helpwith
{
	margin: 3rem 0;
}

.helpwithtxt
{
	max-width: 660px;
	margin: 0 auto;
	font-size: 0.9rem;
	color: #686a6f;
}
.helpwith h2
{
	font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    color: #222;
}
.abouthome p
{
	color: #686a6f;
	font-size: 0.9rem;
}
.tca
{
	color: #7068A3;
}
.service .card
{
	    position: relative;
    background-color: #fff;
    box-shadow: 0 10px 50px 0 rgb(53 82 99 / 9%);
    border: 0;
    padding: 60px 30px 30px;
    text-align: center;
    transition: .3s;
    z-index: 1;
	margin-bottom: 5rem;
	min-height: 35rem;
	border-radius: 1rem;
}
.service .card i
{
	
    font-size: 40px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7068A3;
    border: 5px solid #fff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 10%);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 25px;
    color: #111;
    line-height: 1;
    transition: .3s;
	margin: 0;
    position: absolute;
    top: -10%;
    left: 35%;
    color: #fff;
}
.howit
{
	    background: #7068A3;

    border: 0;
    border-radius: 5px;
    font-size: 23px;
    padding: 15px 40px 15px 30px;
    position: relative;
    box-shadow: 0px 0px 25px 2px rgb(196 206 213 / 20%);
    transition: .5s;
	margin-bottom: 1rem;
	color: #fff;
}
.howit i
{
	margin-right: 1rem;
}
.howork p, .howork h2
{
	margin-left: 1rem;
}
.blog img
{
	width:100%;
}
.blog h5
{
	padding: 1rem 0 0 0;
	margin-top: 3rem;
}
.dateholder
{
	margin: -1.5rem 0 0;
    position: relative;
}
.date
{
	    left: auto;
    right: 20px;
    font-weight: 600;
    border-radius: 15px;
	background: #7068A3;
	width: 15rem;
	height: 3rem;
	position: absolute;
	right: 2rem;
	padding: 0.3rem 1rem;
	color: #fff;
	text-align: center;
}
.part
{
	    background-color: #1e90ff;
    padding: 5rem;
    border-radius: 2rem;

}
.partner img
{
	max-width: 100%;
	height: auto;
	text-align: center;
}
.footer .card
{
color:#222;
	border:0;
	border-radius:0;
	padding: 2rem 0 0 1rem;
	min-height: 16rem;
}
.footer .widget
{
	padding-top: 5rem;
}
.footer .links
{
	padding-left: 9rem;
}
.footer .card i
{
font-size:30px;
	color: #FF0000;
}
.footer .contain
{
	background: #fff;
	padding: 1rem;
	    box-shadow: 0 10px 30px #0000000d;
    border-radius: 15px;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.ftlogo img
{
	width: 120px;
	height: auto;
}
.ftlogo p
{
	color: #222;
	font-size: 0.9rem;
	max-width: 345px;
}
.footerlt
{
	padding-top:2rem;
}
.footerlt li
{
	text-align: left;
	color: #222;
	padding: 0.3rem 0;
	font-size: 0.9rem;
}
.ftlogo ul
{
	padding: 0;
}
.ftlogo li
{
	    float: left;
    width: 10%;
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 20px;
}
.ftlogo li a
{
	color: #7068A3;
}
.carousel-caption
{
	    text-shadow: 0 1px 1px rgb(0 0 0 / 60%);

}
.footer .col-lg-6
{
	margin: 0;
	padding: 0;
	font-size:2rem;
}
.footer .col-lg-6 h6, .col-lg-9 h6
{
	    font-size: 1.6rem;
    font-weight: 500 !important;
    width: 100%;
    line-height: 2.3rem;
}
.noborder
{
	border-right: 0!important;
}
.footer
{
	padding-top: 0;
}
.specialize
{
	padding-top: 150px;
}
.service
{
	padding-top: 30px;
}
.copyright
{
	font-size: 1.5rem;
}
.btmfooter
{
	background: #fff;
}

.aboutdet
{
	text-align: left;
	margin-top:5rem;
}
.aboutdet img
{
	width: 80%;
	height: auto;
}
.graycol
{
	background: #D4DAE2!important;

}
.graycol i
{
	background: #fff!important;
	color:  #7068a1!important;
	border:5px solid #7068a1!important;
}
.whitecol i
{
	background: #fff!important;
	color:  #7068a1!important;
	border:5px solid #7068a1!important;
}
.purcol
{
	background: #7068a1!important;
}
.purcol h5, .purcol p
{
	color: #fff!important;
}
.mission .media-body 
{
	padding: 3rem;
	background: #e0f3ff;
	    border-radius: 0 50px 0 50px;
	margin-bottom: 5rem;
}
.mission .card i
{
	right:0 !important;
	left: auto !important;
	color: red;
	background: #fff;
}
.mission .card
{
	    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 25px !important;
	min-height: 38rem;
}
.mission .card:hover
{
	background: #223a66!important;
	color: #fff;
}
.mission .card:hover h5
{
	color: #fff;
}
.mission .card:hover i
{
	background: #fff;
	color: #7068a1;
	border:5px solid #7068a1;
}
.trauma, .trauma h2
{
	text-align: center;
	width: 100%;
}
.trauma p
{
	width: 75%;
	margin: 0 auto;
	padding: 1rem 0;
}
.mission
{
	padding-top:10rem;
}
.punderline
{
	width: 20rem;
	margin: 0 auto;
	height: 5rem;
}

.mission i
{
	font-size: 50px;
	color: #FF0000;
	margin-right: 3rem;
}
/**Nav bar**/


.navbar-nav li
{
	padding:1rem;
}
.navbar-nav li a
{
	color: #222;
    font-weight: 600;
    font-size: 17px;
    padding: 0px 0px !important;
}
.navbar-nav li a:hover
{
	color:#DB3129;
}
.navbar-expand-lg .container {
    padding: 0px;
}
.navbar-expand-lg .col-lg-10 {
    padding: 0px;
}
.navbar-brand img
{
	height: auto;
    width: 163px;
    top: -5px;
    position: relative;
}

#navbarSupportedContent {
    padding: 0px;
}

.navbar-brand {
    padding: 0;
	margin: 0;
	height: 15rem;
}
.navbar
{
	background:#fff;
	margin-bottom: 0;
}
.navbar button i
{
	color: #000;
	font-size: 20px;
	text-align: center;
}
.navbar button{
	outline: none;
  box-shadow: none;
}

.mainpic
{
	border-radius:0 100px 0 100px;
}
.mission .media h5
{
	font-size: 2.5rem;
	line-height: 3rem;
}
.divider {
    width: 40px;
    height: 5px;
    background: #e12454;
	margin: 0 auto;
}
.form-group .form-control 
{
	background: #e0f3ff;
}
.contact_form .col-lg-6
{
    height: 60px;
    box-shadow: none;
    width: 100%;
	padding: 1rem!important;
}
.msgbx
{
	padding: 1rem;
	margin-bottom: 1rem;
}
.msgbx textarea
{
	background: #e0f3ff;
}
/*.show {
    display: block!important;
    height: auto!important;
}*/
.faq h2
{
	margin-top: 5rem;
	margin-bottom: 5rem;
	width: 100%;
}
.panel-default>.panel-heading
{
	background: #7068A3;
	color: #fff;
}
.panel-default>.panel-heading:hover
{
	background:#223a66;
}
.faq a
{
	color: #fff;
}
.meditation ul
{
	margin: 0;
	padding: 0;
}
.meditation li i
{
	margin-right: 1rem;
	color: #DC312A;
}
.meditation li
{
	list-style: none;
	padding: 0.6rem 0;
	margin: 0;
}
.date-box {

    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1.732px 40px 0px rgb(0 0 0 / 8%);
    margin-right: 30px;
    text-align: center;
    padding: 30px 30px;
    position: relative;
	margin-top: 5rem;
	min-width: 10rem;
}
.date-box::before {
    content: "";
    width: 80%;
    height: 80%;
    left: 18px;
    border: 2px dashed #FF0000;
    position: absolute;
    top: 16px;
    border-radius: 10px;
}
.date-box h3 {
    color: #FF0000;
    font-size: 2rem;
    margin-bottom: 0;
}
.critical
{
	background:#e0f3ff;
	padding: 2rem;
	margin: 2rem 0;
}
.critical h1
{
	padding: 2rem 0 3rem 0;
}
.critical li
{
	list-style: none;
}
.critical ul
{
	padding-left: 0;
}
.img-right
{
	float: right;
}
.critical li i
{
	padding-right: 2rem;
	color: #FF0000;
}
.critical1
{
	padding: 2rem 0;
}
.addressbar .card:hover
{
background: #7068a1!important;
	border-radius: 15px;
}
.addressbar .card:hover
{
	background: #7068a1!important;
	color: #fff;
}
.addressbar .card:hover h6, .addressbar .card:hover a
{
	color: #fff !important;
}
.addressbar .card:hover i
{
	color: #fff;
}
.addressbar .card
{
background: transparent!important;	
}
.addressbar .col-md-4
{
	border-right:1px solid #ccc;
}
.bulletin a
{
	display: block;
}
.clear
{
	float: none;
	clear: both;
	width: 100%;
	height: 30px;

}
.counselling h5
{
	margin-top: 2rem;
}
.counselling i
{
	color: #e12454;
	font-size:8rem;
}
.counselling h2, .counselling p
{
	width: 100%;
}
.ovser ul li
{
	list-style: none;
	border-bottom: 1px solid #eee;
	padding: 0.5rem 0;
}
.ovser
{
	text-align: center;
}

.ovser .holder
{
	background: #fff;
	border-radius: 10px;
	border:1px solid #eee;
	padding: 1rem;
	margin-bottom: 1rem;
}
.ovser ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5rem;
}
.delnumber
{
	width: 100%;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	background: #7068a1;
	padding: 1rem 0;
	border-radius: 1rem 1rem 0 0;
	margin-bottom: 1rem;
}
.career h5, .career h2
{
	width: 100%;
	margin: 2rem 0;
}
.panel
{
	overflow: hidden;
}
.assessment .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	font-weight: bold;
}

.assessment .active, .accordion:hover {
  background-color: #ccc; 
}

.assessment .panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.needhelp
{
    height: 15rem;
    width: 15rem;
    z-index: 111;
    background: url(../images/needhelp.png) no-repeat;
    background-size: 100%;
    position: fixed;
    top: 10rem;
    right: 9rem;
}
.needhelpcol
{
	min-height: 55rem;
}
.privacy .col-sm-4
{
	border-right: 1px solid #ccc;
	min-height: 60rem;
	margin-top: 7rem;
}
.privacycol
{
	min-height: 50rem!important;
}
.terms h5, .terms p
{
	width: 100%;
}
.meditation p {
    text-align: justify;
}
.psychologicalRow p {
    text-align: justify;
}
.paraCls {
    text-align: justify;
}
@media screen and (max-width: 992px) {
  .needhelp {
  	top: 12rem;
  }
}
@media screen and (max-width: 600px) {
  .needhelp {
    top: 13rem;
    right: 1rem;
    height: 9rem;
    width: 9rem;
  }
  .topright {
    font-size: 12px;
    padding: 1.2rem;
    text-align: center !important;
    max-width: 100%;
    flex: auto;
}
.topleft {
    font-size: 12px;
    padding: 1.2rem;
    font-weight: 600;
    text-align: center !important;
    max-width: 100%;
    flex: auto;
}
.navbar-brand img {
    width: 100px;
    top: 0px;
}
.navbar-brand {
    height: 9rem;
}
.navbar-toggler {
    position: relative;
    right: 84px;
}
.features {
    margin-top: 34px;
}
.carousel-caption h1 {
    font-size: 17px;
    letter-spacing: 0px;
}
.carousel-caption span {
    font-size: 12px;
}
.carousel-caption {
    top: 0rem;
    left: 6rem;
    padding-top: 4px;
}
.carousel-caption p {
    font-size: 11px;
}
.footer .links {
    padding-left: 0rem;
}
.section {
    padding: 40px 0 0 0;
}
h2, .h2 {
    font-size: 2.3rem;
}
.footer .widget {
    padding-top: 0rem;
}
.copyright {
    text-align: center;
}
.testimonial-block p {
    font-size: 14px;
    text-align: justify;
}
.counter-stat span {
    font-size: 35px;
}
.counter-stat i {
    font-size: 43px;
}
.counter-stat {
    padding: 40px 0px 20px 0px;
}
.specialize {
    padding-top: 80px;
}
ul.navbar-nav {
    margin: 13px 0px;
}
.aboutdet img {
    width: 88%;
    margin: auto;
    display: block;
}
.mission {
    padding-top: 2rem;
}
.helpwith h2 {
    font-size: 2.3rem;
}
.howork h2 {
    margin: 0px 9px 20px;
}
.aboutdet {
    margin-top: 1rem;
}
.date-box {
    min-width: 87%;
    margin: 14px auto;
}
.date-box::before {
    width: 90%;
}
.bulletin .col-3 {
    max-width: 100%;
    flex: auto !important;
}
.career h5, .career h2 {
    padding: 13px 0px;
}
.meditation {
    padding: 20px 30px;
}
.careerTitle, .careerSubTitle {
    padding: 6px 20px !important;
    margin: 0px !important;
}
.career img {
    width: 100% !important;
}
.card-body p {
    text-align: justify;
}
.meditation li {
    text-align: justify;
}
.rowPadding{
	padding: 0px 20px;
}
img.mainpic {
    width: 100%;
    float: none;
}
p.critical1 {
    padding: 2rem 20px;
}
.critical li {
    text-align: justify;
    padding: 6px 0px;
}
section.faq {
    padding: 0px 20px;
}
.managingTraumaImg{
	width: 100% !important;
}
.privacy .col-sm-4 {
    min-height: auto;
    margin-top: 3rem;
}
}
@media (min-width: 768px) {
  #navbarSupportedContent
{
	display:none ;
}
.navbar button i {
    font-size: 40px;
}
.navbar-toggler {
    padding: 1.25rem 8.75rem;
}

}
@media (min-width: 483px) {
  #navbarSupportedContent
{
	display:none ;
}

}