@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
body{margin:0px; padding: 0px; font-family: 'Montserrat', sans-serif; }
header { position: absolute;width:100%; min-height: 120px; padding: 15px 0px; z-index: 99; }
.banner { background-image: url(images/banner.png); background-repeat: no-repeat; background-size:cover; height: 100vh; background-position:bottom left; }
.sub-banner { background-image: url(images/sub-banner.png); background-repeat: no-repeat; background-size:cover; height:100vh; background-position:top left; }
.sub-banner h5 { color: #fff; }
.img-ml30 { margin-left: -30px }
.header-flex-container {
    border: 2px solid green;
    height: 100px;
    margin-bottom: 20px;
  }
  .header-flex-container-column {
    border: 2px solid green;
    height: 200px;
    margin-bottom: 20px;
  }
  .header-flex-item {
    background-color: lightgrey;
    border: 1px dotted grey;
    height: 48px;
  }

 .banner h4, .sub-banner h4 { text-align:center; color:#e4432f; margin-top: 15px; margin-bottom: 30px; }
 .banner h1, .sub-banner h1  {  font-weight: bold; color:#e4432f; margin-top: 10px;  }
.banner h3, .sub-banner h3 {  color: #fff; margin-top:15px;  }
/*.banner h3:after, .sub-banner h3:after { position: absolute; content:''; width:300px; height: 4px; background:#e4432f; margin-left: 0px; margin-top: 0px; }*/
.banner h2, .sub-banner h2 { color: #fff; font-weight: bold; margin-bottom: 1.5rem; margin-top: 15px; }
.banner p, .sub-banner p { color:#e4432f; }
.case-section { position: relative; width:100%; padding:0px 0px 30px 0px; background:#ededed; }
.case-section .title { position: relative; width:100%; background:#e4432f; margin-bottom: 50px;  }
.case-section .title h1 { margin-left: 0px; padding: 10px; color:#e4432f; font-weight: bold; background: #fff; width:30%; }
.case-section .case-box {width:100%; margin-bottom:30px; position: relative; background:#2d2d2d;}
.case-section .case-box .content-section { padding:15px; display: inline-block; width:70%; }
.case-section .case-box .content-section h3 { color:#fff; font-weight: bold; }
.case-section .case-box .content-section h6 {color:#fff;}
.case-section .case-box .before-box { border-top-left-radius: 0px; border-color:#fff; border-top-right-radius: 0px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background:#fff; padding: 3px 30px; display:inline-block; color:#e4432f; font-size: 18px; }
.case-section .case-box .btn-primary { position: relative; top:-20px; background:#fff; padding:.5rem 1.5rem; border-radius: 25px; border-color: #fff; color:#e4432f; }
.enquiry-section { position: relative; width:100%; padding: 30px 0px 15px 0px; background:#e4432f;  }
.btn-primary { background:#fff; padding:.5rem 1.5rem; border-radius: 25px; border-color: #fff; color:#e4432f; }
.strip { background:#e4432f; width:100%; color: #fff; line-height: 40px; margin-left: 5px; font-size:22px; text-align: center; font-weight: bold;  }
.ml35 { margin-left:-35px; }
.border-right { border-right: solid 3px #e4432f; }
.col-lg-4 h5 { margin-left:25px; }
.main-case {width:100%; position: relative; background:#ebebeb url('images/strip1.png') no-repeat;  background-position: bottom 80px right 0px; padding: 30px 0px; }
.main-case h3  { color: #e4432f; font-weight: bold; margin-bottom:30px; }
.main-case-reverse {width:100%; position: relative; background:#ebebeb url('images/strip1.png') no-repeat;  background-position: bottom 80px right 0px; padding: 30px 0px; }
.main-case-reverse h3  { color: #e4432f; font-weight: bold; float: right; }


.doctor-section {
    position: relative;
    padding: 30px 0px;
    width: 100%;
    background: #c1c2c1;
    background: linear-gradient( 90deg, #f04732, #f04732 17%, #c1c2c1 17%, #c1c2c1 83%);
}
.mobile-title { display: none; }

.doctor-section h2 { color:#f04732; font-weight: bold; }
.doctor-section p {margin-bottom: 0px;}
.image-section {position: relative; width:100%; padding: 30px 0px;  }
.copyright { width: 100%; position: relative; padding: 15px 0px; background-color:#454545; }
.desktop-hidden { display: none; }
.py-10 {padding-top:10rem; padding-bottom: 4rem;   }

@media only screen and (max-width: 600px) {
 header { position: relative; min-height: auto; }
 .img-ml30 { margin-left: 0px; }
 .sub-banner { height: auto; padding:30px 0px; }
 .strip { display: none; }
 .border-right { border-right:0px; }
 .sub-banner h5 { text-align: center }
 .main-case, .main-case-reverse { background-image: none; }
 .main-case h3 { text-align: center }
 .main-case-reverse h3 { float:none; text-align: center }
 .doctor-section { background:#c1c2c1; }
 .doctor-section h2 { margin-top: 15px; }
  .doctor-section  img {text-align:center; position: relative; left:50%; transform: translateX(-50%);}
  .desktop-title { display: none; }
  .mobile-title {display: block;}
  .banner { height: auto; }
  .banner h1 { text-align: center; font-size:2rem; }
  .banner h3, .banner h2 { text-align: center; }
  .banner h3::after{display: none;}
  .case-section .title h1 { width:100%; text-align: center; font-size: 26px; }
  .case-section .case-box .content-section { width:100%; text-align: center; }
  .case-section .case-box .btn-primary { top:-10px; left:50%; transform: translateX(-50%); }
.case-section .case-box .before-box { width: 100%; text-align: center; }
.case-section .case-box .before-box { border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.mobile-hidden { display: none; }
.mobile-visible { display: block }
.py-10 { padding-top:1rem; padding-bottom:1rem; }
}