html,
body {
    scroll-behavior: smooth;
    overflow-x: hidden
}

:root {
    --fs-f50: clamp(32px, 3.571vw, 50px);
    --fs-f40: clamp(28px, 2.857vw, 40px);
    --fs-f30: clamp(24px, 2.143vw, 30px);
    --fs-f24: clamp(20px, 1.714vw, 24px);
    --fs-f20: clamp(16px, 1.429vw, 20px);
    --fs-f16: clamp(13px, 1.143vw, 16px);
}

h2,.h2{
    margin-bottom:10px;
    font-size:var(--fs-f30);
}
h3{
    font-size:var(--fs-f24);
}

.justify{
    text-align:justify;
}
.row{
    margin-left:0;
    margin-right:0;
}
.fs-40{
    font-size:var(--fs-f40);
}
/* --------------------------------------------------
   SECTION 1 - HERO
-------------------------------------------------- */
section{
    overflow:hidden;
    padding:60px 0;
}
strong,.strong{
    font-family:'SunwaySans Bold','OpenSans-Bold', sans-serif;
    font-weight:700;
}
.stroke-hero {
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: url('../images/stroke/hero-bg2.jpg') center center / cover no-repeat;
        z-index: 0;
        aspect-ratio:1600/550;
        display:flex;
        align-items:center;
    }
.stroke-hero .container {
    position: relative;
    z-index: 1;
}
.stroke-hero-col-text {
    vertical-align: middle;
    color:#fff;
}
.stroke-hero h1 {
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 20px;
    color:#fff;
    font-size: var(--fs-f50);
    margin-bottom:10px;
}
.stroke-hero p {
    line-height: 1.7;
    margin-bottom: 30px;
    color:#fff;
}
.stroke-hero-col-img {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.stroke-hero-col-img img {
    max-width: 100%;
    max-height: 380px;
    object-fit: contain;
}

.stroke-btn-red {
    display: inline-block;
    background: #EC2227;
    color: #fff;
    padding: 13px 28px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    font-size: var(--fs-f16);
    cursor: pointer;
   
    font-family:'SunwaySans Bold','OpenSans-Bold', sans-serif;
}
.stroke-btn-red:hover {
    background: #aa1f1f;
    color: #fff;
    text-decoration: none;
}


/* --------------------------------------------------
   SECTION 2 - Award
-------------------------------------------------- */

.stroke-award{
    background-color:#AC8C5E;
}

.stroke-award .row{
    align-items:center;
}

/* --------------------------------------------------
   SECTION 3 - What is Stroke
-------------------------------------------------- */
.stroke-what{
    padding-bottom:0;
}

.d-flex.what-stroke{
    gap:20px;
}

.flex-1{
    flex:1;
    margin:0;
}

.flex-4{
    flex:4;
    margin:0;
}

/* --------------------------------------------------
   SECTION 4 - BEFAST
-------------------------------------------------- */
.stroke-befast{
    position:relative;
}
.lines{
    position:absolute;
    
}
.lines.left{
    left:0;
    top:0;
}
.lines.right{
    right:0;
    bottom:-50px;
}
.befast-tag{
    color:#fff;
    border-radius: 18px;
    background: #AC8C5E;
    padding:4px 20px;
    text-align:center;
    width:fit-content;
    font-size: clamp(20px,2vw,35px);
    font-family:'SunwaySans Bold','OpenSans-Bold', sans-serif;
    margin: 0 auto;
    margin-bottom:60px;
}
.befast-item .red{
    color: #B91519 !important;
}

.befast-container{
    display:flex;
    gap:5px;
    position:relative;
    z-index:1;
}

.befast-item{
    flex:1;
    border-radius: 10px;
    border: 1px solid rgba(172, 140, 94, 0.50);
    background: #FEF9F1;
    padding: 0 20px 20px;
}
.befast-item h3{
    margin-bottom:8px;
    font-size:var(--fs-f24);
}
.befast-item span{
    font-family:'SunwaySans Bold','OpenSans-Bold', sans-serif;
    color:#ec2227;
}
.befast-item img{
    margin: -33px auto 20px;
    display:block;
}



/* --------------------------------------------------
   SECTION 4 - Comprehensive
-------------------------------------------------- */

.stroke-comprehensive{
    background-color:#F7F7F7;
}

.stroke-comprehensive .btn.outlined{
    border-radius: 5px;
    border: 1px solid #EC2227;
    color:#ec2227;
    padding:8px 30px;
    margin-bottom:0;
    font-size: var(--fs-f16);
    font-family:'SunwaySans Bold','OpenSans-Bold', sans-serif;
    font-weight:700;
}

.stroke-comprehensive .treatment{
    row-gap:30px;
    margin-top:10px;
}

.stroke-comprehensive .content{
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:flex-start;
}

.stroke-comprehensive .content h3{
    font-size: var(--fs-f24);
    margin-bottom:10px;
}

/* --------------------------------------------------
   SECTION 5 - CT Scan
-------------------------------------------------- */
.stroke-scan{
    position: relative;
    overflow: hidden;
    background: url('../images/stroke/ct-scan.jpg') center center / cover no-repeat;
    z-index: 0;
    display:flex;
    align-items:center;
    max-height:740px;
    width:100%;
    height:100%;
}

.stroke-scan h2{
    margin-bottom:30px;
    font-size:var(--fs-f40);
}
.stroke-scan h3{
    font-size:var(--fs-f24);
    margin-bottom:10px;
}
.stroke-scan p{
    margin-bottom:30px;
}
.stroke-scan hr{
    margin:30px 0;
}

/* --------------------------------------------------
   SECTION 6 - Multidisciplinary
-------------------------------------------------- */
.stroke-multidisciplinary{
    position: relative;
    min-height: 440px;
    overflow: hidden;
    background: url('../images/stroke/multidisciplinary.jpg') center top / cover no-repeat;
    z-index: 0;
    display:flex;
    align-items:center;
    
}
.stroke-multidisciplinary .lines.right{
    bottom:0;
}
.stroke-multidisciplinary h2{
    font-size:var(--fs-f40);
}
.stroke-multidisciplinary h2,.stroke-multidisciplinary p,.stroke-multidisciplinary ul{
    margin-bottom:10px;
}
.stroke-multidisciplinary .content{
    padding:40px 50px;
    border-radius: 10px;
    background: #FEF9F1;
}

/* --------------------------------------------------
   SECTION 7 - Specialist
-------------------------------------------------- */
.stroke-specialist{
    padding-bottom:0;
    margin-bottom:-1px;
}
.stroke-specialist h2{
    font-size: var(--fs-f40);
}
.stroke-specialist .doctors{
    position:relative;
    z-index:2;
}

.stroke-specialist .lines.right{
    bottom:12rem;
}

/* --------------------------------------------------
   SECTION 8 - Ennquiry
-------------------------------------------------- */

.stroke-enquiry{
    position: relative;
    min-height: 440px;
    overflow: hidden;
    background: url('../images/stroke/enquiry.jpg') center left / cover no-repeat;
    z-index: 0;
    display:flex;
    align-items:center;
}

.enquiry-container{
    border-radius: 10px;
    background: #FEF9F1;
    padding:30px 50px;
}

.enquiry-container .row{
    margin-left:-15px;
    margin-right:-15px;
}

.enquiry-container h2{
    font-weight: 700;
    font-size: var(--fs-f40);
    line-height: 1.2;
    color: #4a4a4a;
    margin-bottom: 30px;
}

.enquiry-container label{
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #555;
    letter-spacing:0px;
    font-family:'SunwaySans Medium','OpenSans-Medium', sans-serif;
}

.enquiry-container .row{
    row-gap:20px;
}

.enquiry-container .sm-form-control{
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 14px 16px;
    font-size: 14px;
    border-radius: 4px;
    box-sizing: border-box;
}

.enquiry-container select.sm-form-control{
    background: #f7f7f7;
    color: #4a4a4a;
    appearance: none;
    -webkit-appearance: none;
}

.enquiry-container textarea.sm-form-control{
    resize: vertical;
}

.enq-btn-submit{
    width: 100%;
    background: #e5231b;
    color: #fff;
    border: none;
    padding: 16px;
    font-size: var(--fs-f16);
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 25px;
}

.enq-btn-submit:hover{
    background: #c91d16;
}

/* --------------------------------------------------
   Responsive
-------------------------------------------------- */
@media(min-width:991px){
    .stroke-what .col-md-3{
        padding-right:0;
    }
}

@media (max-width: 1024px) {
    #logo {
         margin-right: auto !important; 
    }
}



@media(max-width:767px){
    
    .stroke-hero {
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: url(../images/stroke/hero-mobile.jpg) center bottom / cover no-repeat;
        z-index: 0;
        aspect-ratio: auto;
        display: flex;
        align-items: flex-start;
        padding: 60px 0;
        width: 100%;
        height: 590px;
    }
    
    .befast-tag{
        margin-bottom:30px;
    }
    .stroke-comprehensive{
        padding-bottom:30px;
    }
    
    
    .stroke-scan {
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: url(../images/stroke/scan-mobile.jpg) center bottom / cover no-repeat;
        z-index: 0;
        aspect-ratio: auto;
        display: flex;
        align-items: flex-start;
        padding: 40px 0;
        width: 100%;
        height: 950px;
        max-height:none;
    }
    
    .stroke-multidisciplinary{
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: url(../images/stroke/contact-mobile.jpg) center bottom / cover no-repeat;
        z-index: 0;
        aspect-ratio: auto;
        display: flex;
        align-items: flex-start;
        padding: 40px 0;
        width: 100%;
        height: 1000px;
        max-height:none;
    }
    
    .stroke-multidisciplinary h2{
        font-size:var(--fs-f40);
    }
    
    .stroke-specialist .lines.right{
        bottom:0;
    }
    
    .stroke-specialist .lines.left{
        top:-3rem;
    }
    
    .stroke-enquiry{
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: url(../images/stroke/multidisciplinary-mobile.jpg) center bottom / cover no-repeat;
        z-index: 0;
        aspect-ratio: auto;
        display: flex;
        align-items: flex-start;
        padding: 40px 0;
        width: 100%;
        height: 1400px;
        max-height:none;
    }
    
    .enquiry-container{
        padding:20px;
    }
    
    .textCenter-sm{
        text-align:center;
    }
    .stroke-award img{
        max-height:200px;
        display:block;
        margin:0 auto 20px;
    }
    
    .stroke-award h2,.stroke-award p{
        text-align:center;
    }
    
    .lines.left{
        top:8%;
    }
    
    .befast-item {
        flex: 1;
        border-radius: 10px;
        border: 1px solid rgba(172, 140, 94, 0.50);
        background: #FEF9F1;
        padding: 20px;
        margin-left: 30px;
        margin-right:30px;
        display: flex;
        gap: 15px;
        align-items: center;
    }
    
    .befast-container {
    display: flex;
    gap: 5px;
    position: relative;
    z-index: 1;
    flex-direction: column;
    }
    
    .befast-item img{
        margin: 0 0 0 -40px;
        max-width:45px;
    }
    
    .befast-item p{
        margin-bottom:0;
    }
    
    .stroke-comprehensive .treatment > div:nth-child(1){
        order:1;
    }
    .stroke-comprehensive .treatment > div:nth-child(2){
        order:2;
    }
    .stroke-comprehensive .treatment > div:nth-child(3){
        order:4;
    }
    .stroke-comprehensive .treatment > div:nth-child(4){
        order:3;
    }
    .stroke-comprehensive .treatment > div:nth-child(5){
        order:5;
    }
    .stroke-comprehensive .treatment > div:nth-child(6){
        order:6;
    }
    
    .stroke-comprehensive .content h3{margin-bottom:10px;}
    .stroke-comprehensive .treatment{
        row-gap:0;
    }
    .stroke-comprehensive .content{
        margin-bottom:30px;
    }
    .stroke-comprehensive .image{
        margin-bottom:10px;
    }
    .stroke-multidisciplinary .content{
        padding:20px;
    }
    .stroke-multidisciplinary .lines{
        display:none;
    }
    .stroke-hero .stroke-btn-red{
        padding:10px 20px;
    }
    .stroke-btn-red{
        padding:8px 30px;
    }
}