@import url("../css/location-default.css");
@import url("../css/careers.css");

.default-banner-main h1{margin-bottom: 20px;}
.about-overview-main{padding: 104px 0 95px;}
.about-overview-lists{padding: 57px 0 69px; font-size: 1.1875rem; line-height: normal; font-family: 'PointSemiBold', sans-serif;}
.about-career-text{max-width: 353px; font-size: 1rem; line-height: 27px; letter-spacing: -0.42px;}
.about-career-text img{max-width: 74px; margin: 0 0 34px;}
.about-clinic-overview h3{margin-bottom: 14px;}
.clinic-therapis{margin-bottom: 72px;}

.our-value-section{background-color: #221551; color: #FFFFFF;}
.our-value-main{padding: 112px 0 41px;}
.our-value-title{margin: 0 0 47px; font-size: 1.3125rem; line-height: 2.375rem; letter-spacing: -0.26px; color: rgba(255, 255, 255, 0.5);}
.our-value-title h2{color: #FFFFFF; line-height: normal; margin-bottom: 3px;}
.our-value-cols{font-size: 0.9375rem;line-height: 30px;letter-spacing: -0.49px;color: #B5AADF;}
.our-value-icon{width: 52px; margin: 0 0 67px;}
.our-value-icon img{width: 100%;}
.our-value-text h3{color: #FFFFFF; margin-bottom: 9px; font-size: 22px; line-height: normal; letter-spacing: -0.5px;}

.clinic-leader-main{padding: 90px 0 87px;}
.clinic-leader-text{transition: all 0.5s ease-in-out; border-radius: 20px;}
.clinic-leader-text:hover{box-shadow:0 2px 65px rgb(0 42 35 / 10%); background-color: #FFFFFF;}
.clinic-leader-text h3{margin-bottom: -7px;}
.clinic-leader-text span{margin-bottom: 27px; font-size: 1rem; line-height: normal; letter-spacing: -0.36px; color: rgba(34, 21, 81, 0.5); font-family: 'PointRegular', sans-serif; display: block; }
.clinic-leader-text p:not(:last-child){margin-bottom: 24px;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
	.default-banner-section{min-height: 780px;}
	.banner-bg img{object-position: 50% 30%; -o-object-position: 50% 30%;}
	.default-container{min-height: 780px;}
	.default-banner-main{max-width: 570px;}
	.about-overview-text{width: 506px; margin-right: 84px;}
	.about-clinic-overview{padding-left: 116px; width: calc(100% - 590px); border-left: solid 8px #f3f7fb;}
	.about-overview-list{width: 33.333%; padding-right: 21px;}
	.our-value-col{width: calc(18.222% - 35px); margin: 0 35px 70px;}
	.our-value-col:nth-child(5n+1){margin-left: 0;}
	.our-value-col:nth-child(5n+5){margin-right: 0;}
	.about-career-text h4{margin-bottom: 10px;}
	.about-career-text p:not(:last-child){margin-bottom: 30px;}
	.clinic-leader-text{width: calc(50% - 33px); margin: 0 33px; padding: 58px 65px 47px; background-color: #fff; position: relative;}
	.clinic-leader-text:nth-child(odd){margin-left: 0;}
	.clinic-leader-text:nth-child(even){margin-right: 0;}
	.clinic-leader-text:after{width: 7px; height: 230px; top: 56px; left: -36px; background-color: #f3f7fb; content: ""; display: block; position: absolute;}
	.clinic-leader-text:nth-child(odd):after{display: none;}
}
@media only screen and (min-width: 768px){
	span.number{font-size: 70px; line-height: 72px; color: rgba(116, 107, 151, 0.35); display: block; font-family: 'PointExtraBold', sans-serif;}
}
@media only screen and (max-width: 1199px) and (min-width: 1024px){
	.about-overview-main{display: block;}
	.about-overview-text{width: 100%; margin: 0 0 64px;}
	.about-career-text{max-width: 100%;}
	.about-clinic-overview{padding: 60px 0 0; width: 100%; border-left: none; border-top: solid 8px #f3f7fb;}
	.our-value-col{width: calc(18.666% - 20px); margin: 0 20px 70px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.default-banner-main{max-width: 500px;}
	.about-overview-main{display: block;}
	.about-overview-list{width: 33.333%; padding-right: 30px;}
	.about-career-text{max-width: 100%;}
	.about-overview-text{margin: 0 0 55px;}
	.clinic-therapis{margin-bottom: 53px;}
	.our-value-col{width: calc(50% - 20px); margin: 0 20px 40px;}
	.our-value-col:nth-child(odd){margin-left: 0;}
	.our-value-col:nth-child(even){margin-right: 0;}
	.our-value-icon{margin: 0 0 27px;}
	.clinic-leader-main{display: block;}
	.clinic-leader-text{padding: 58px 65px 47px;}
}
@media only screen and (max-width: 767px) and (min-width: 300px){
	.default-banner-section{min-height: 755px;}
	.default-container{min-height: 755px;}
	.default-banner-main h1{margin-bottom: 16px;}
	.about-overview-main{padding: 85px 0 78px; display: block;}
	.about-overview-text{padding-bottom: 71px; margin-bottom: 79px; border-bottom: solid 8px #f3f7fb;}
	.about-overview-lists{font-size: 1.0625rem; padding: 33px 0 63px;}
	.about-overview-list{width: 33.333%; padding-right: 15px;}
	.about-career-text{max-width: 100%;}
	.about-career-text img{margin-bottom: 38px;}
	.about-career-text p:not(:last-child){margin-bottom: 30px;}
	.clinic-therapis{margin-bottom: 36px;}
	.our-value-main{padding: 101px 0 49px;}
	.our-value-title{font-size: 1.1875rem; line-height: 2.125rem; letter-spacing: -0.24px; margin-bottom: 41px;}
	.our-value-title h2{font-size: 2rem;letter-spacing: -1.18px; margin-bottom: 9px;}
	.our-value-cols{display: block;}
	.our-value-col{margin-bottom: 37px; width: 100%; display: flex;}
	.our-value-icon{margin: 0 21px 0 0;}
	.our-value-text{width: calc(100% - 53px); padding-top: 14px;}
	.our-value-text h3{font-size: 1.3125rem;letter-spacing: -0.48px; margin-bottom: 7px;}
	.clinic-leader-main{padding: 40px 0 37px; display: block;}
	.clinic-leader-text{padding: 27px 30px 26px; margin: 0 0 20px;}
}