.blogDetailPage{padding-bottom:8.8rem}.blogDetailPage .blogDetailTop{background:#e9eeef;padding-block:5.8rem}.blogDetailPage .blogDetailTop .container{display:flex;align-items:center}.blogDetailPage .blogDetailTop .container>div{width:50%}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft{padding-left:4rem;padding-right:4.8em}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div{margin-bottom:11.7rem}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div:first-child{display:flex;align-items:center;column-gap:2.6rem}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div:first-child span:first-child{border-radius:.8rem;background:#c4968f;padding:.75rem 1.8rem;color:#fff;font-size:1.3rem;font-style:normal;font-weight:500;line-height:135%;letter-spacing:.013rem;text-transform:uppercase}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div:first-child span:nth-child(2){color:#7e7e7e;font-size:1.6rem;font-style:normal;font-weight:400;line-height:135%;letter-spacing:-.032rem}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div:first-child span:nth-child(3){display:flex;align-items:center;column-gap:.8rem;color:#858585;font-size:1.6rem;font-style:normal;font-weight:400;line-height:155%}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft h1{text-align:left;padding-left:1.2rem;border-bottom:1px solid #c4968f;padding-bottom:3.7rem}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft a{color:#034b59;text-align:center;font-size:1.7rem;font-style:normal;font-weight:300;line-height:2.2rem;letter-spacing:-.051rem;opacity:.6;margin-top:2.3rem;margin-left:1.2rem;transition:all .3s var(--animationStyle)}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft a:hover{opacity:1}.blogDetailPage .blogDetailTop .container .blogDetailTopRight .imgContainer{width:100%;height:40.3rem;border-radius:2.8481rem}.blogDetailPage .blogContent .container{display:flex;align-items:flex-start}.blogDetailPage .blogContent .container .blogContentLeft{width:65%;padding-top:8.3rem;padding-right:4.7rem}.blogDetailPage .blogContent .container .blogContentLeft h4{color:rgba(39,58,61,.9);font-size:2rem;font-style:normal;font-weight:500;line-height:2.55rem;letter-spacing:-.06rem;margin:3.6rem 0 1.6rem}.blogDetailPage .blogContent .container .blogContentLeft>div h4:first-child{margin-top:0}.blogDetailPage .blogContent .container .blogContentRight{position:relative;width:35%;padding:8.5rem 0 7.5rem 3.6rem;background-color:rgba(233,238,239,.3)}.blogDetailPage .blogContent .container .blogContentRight>span{color:#2b6a76;font-size:3.6rem;font-style:normal;font-weight:500;line-height:4.4rem;letter-spacing:-.072rem;margin-bottom:2rem;display:block}.blogDetailPage .blogContent .container .blogContentRight:before{content:"";position:absolute;top:0;left:100%;width:100vw;height:100%;background-color:rgba(233,238,239,.3);z-index:-1}.blogDetailPage .blogContent .container .blogContentRight .otherBlogs{display:flex;flex-direction:column;row-gap:5rem}@media screen and (max-width:767.9px){.blogDetailPage .blogDetailTop{padding:4.9rem 0}.blogDetailPage .blogDetailTop .container{flex-direction:column-reverse;row-gap:2.7rem}.blogDetailPage .blogDetailTop .container>div{width:100%!important}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft{width:100%;padding-left:0;padding-bottom:3.2rem}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft>div.first-child{margin-bottom:1.5rem!important}.blogDetailPage .blogDetailTop .container .blogDetailTopLeft h1{font-size:4rem}.blogDetailPage .blogDetailTop .container .blogDetailTopRight .imgContainer{width:100%;height:30.8rem;border-radius:1rem}.blogDetailPage .blogContent .container{flex-direction:column;row-gap:2.7rem}.blogDetailPage .blogContent .container>div{width:100%!important}.blogDetailPage .blogContent .container .blogContentLeft{width:100%;padding-right:0;padding-top:0}.blogDetailPage .blogContent .container .blogContentLeft h4{font-size:3.2rem}.blogDetailPage .blogContent .container .blogContentRight{width:100%;padding:0}.blogDetailPage .blogContent .container .blogContentRight:before{display:none}.blogDetailPage .blogContentRight{padding:4rem 2rem}.blogDetailPage .blogContentRight>span{font-size:2.8rem;text-align:center}.blogDetailPage .blogContentRight .otherBlogs{row-gap:3.2rem}.blogDetailPage .blogContentRight .otherBlogs>div{padding:0 2rem}.blogDetailPage .blogContentRight .otherBlogs>div h4{font-size:2.4rem}.blogDetailPage .blogContentRight .otherBlogs>div p{font-size:1.4rem}.blogDetailPage .doctor_about_left{padding-left:0!important}}