#referral-page{
    padding: 0;
}
#referral-page .body-copy, #referral-page #body-copy{
    padding: 0 15px;
}
:root {
  --heading-30-20: clamp(1.25rem, 1.0299rem + 0.939vw, 1.875rem);
  --bodytext-18-16: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
}
#referral-page .banner-wrapper {
    /*background: linear-gradient(90deg, rgba(0, 0, 18, 0.5) 0%, rgba(1, 1, 107, 0.6) 100%);*/
    /*box-shadow: none;*/
    /*box-shadow: rgba(0, 0, 0, 0.90) 0px -60px 29px -32px inset*/
}
#referral-page #suspect-sec{
    padding: 40px 0;
}
#referral-page #suspect-sec #blue-box-sec{
    
}
#referral-page #suspect-sec #blue-box-sec p{
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: var(--heading-30-20);
    padding: 30px 60px;
    border: 3px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#3B36A4, #3B36A4) padding-box, linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%) border-box;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    border-bottom-left-radius: 0;
    margin-bottom: 30px;
}
#referral-page #diagnosis-ten-main-cont{
    padding: 72.5px 0px 220px;
}
 .container-attr-footer {
    color: #FFFFFF;
}
 #footer-ref-text p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Kanit';
    word-wrap: break-word;
}
#footer-ref-text p a{
    color: #fff;
}
.text-center{
    text-align: center;
    margin-bottom: 20px
}
#page-heading h3{
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: var(--heading-30-20);
    color: #00215F;
    text-align: center;
    padding-bottom: 20px;
    line-height: 32px
    
}
#page-heading h3 sup{
    /*font-size: revert;*/
    line-height: 1;
}
#para-style p{
    font-family: "Kanit", sans-serif;
    font-size: var(--bodytext-18-16);
    font-style: normal;
    font-weight: 400;
    color: #00215F; 
    padding-bottom: 20px;
    line-height: normal;
}
#para-style p sup{
    line-height: 0;
    font-size: 12px;
}
#referral-page .flex-box-outline{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.pink-heading{
    color: #FF53FF;
}
.cont-boxi p.pink-heading {
    color: #FF53FF;
    font-family: "Kanit", sans-serif;
    font-size: var(--bodytext-18-16);
    font-style: normal;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 5px;
}
.cont-boxi p{
    font-family: "Kanit", sans-serif;
    font-size: var(--bodytext-18-16);
    font-style: normal;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    line-height: normal;
}
.cont-boxi ul li{
    font-family: "Kanit", sans-serif;
    font-size: var(--bodytext-18-16);
    font-style: normal;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    text-indent: -20px;
    padding-left: 30px;
    line-height: normal;
}

.cont-boxi ul li::before {
  content: "";
  display: inline-block;
  width: 11px;        
  height: 11px;
  margin-right: 8px;
  background-image: url("/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/referral/star.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#suspect-sec .img-boxi{
    width: 40px;
}
#suspect-sec .img-boxi img{
    width: 30px;
}
#suspect-sec .cont-boxi{
    width: 96%;
}
#gradient-border-box .img-boxi{
    width: 45px;
}
#gradient-border-box .img-boxi img{
    width: 36px;
}
#gradient-border-box .cont-boxi{
    width: 96%;
}
#three-box-column-sec .azcl-column-par1,
#three-box-column-sec .azcl-column-par2,
#three-box-column-sec .azcl-column-par3{
    border: 2px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%) border-box;
    border-bottom-left-radius: 0;
    padding: 20px;
}
#three-box-column-sec {
    padding-bottom: 40px;
    padding-top: 40px;
    background: #FAFAFA;
}
#referral-page #bigTextandBanner{
    /*background: linear-gradient(to bottom, #000000 0%, #1a1a1a 3%, #dcdcdc 74%);*/
    /*box-shadow: rgba(0, 0, 0, 0.90) 0px -60px 23px -38px inset;*/
}

#referral-page #sign-symptom-text h2, 
#referral-page #early-intervention-text h2 {
    font-size: 35px;
    line-height: 41px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Kanit';
    text-align: center;
    padding: 0px 30px;
}
#referral-page sup {
    /*font-size: 60%;*/
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
}
#referral-page #sign-symptom-text h2 {
    border-right: 1.5px solid #ffffff;
}
#referral-page #sign-symptom-text .button a, 
#referral-page #early-intervention-text .button a {
    font-size: 16px;
    line-height: 23.92px;
    color: #00215F;
    font-weight: 600;
    background: #ffffff;
    font-family: 'Kanit';
    padding: 10px 30px;
    border-radius: 25px;
    background: linear-gradient(to right, #FFFFFF, #FFFFFF), linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border: 1.5px solid transparent;
    width: 292px;
    text-align: center;
}
#referral-page #sign-symptom-text .button, 
#referral-page #early-intervention-text .button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
#referral-page #early-intervention-text .button{
    margin-top: 40px;
}
#gradient-box-full .grad-box-parent{
    border: 2px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #F995F8 3.3%, #7F71F9 53.07%, #626FF6 102.84%, #5E99F8 152.61%, #74EBF5 253.81%) border-box;
    border-bottom-left-radius: 0;
    padding: 40px 30px;
    display: flex;
    gap: 20px;
    width: 90%;
    margin: 0 auto;
}
#gradient-box-full .grad-box-parent .img-ico{
    width: 70px;
}
#gradient-box-full .grad-box-parent .content-ico{
    width: 90%;
}
#gradient-box-full .grad-box-parent .content-ico p b{
    font-size: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #00215F;
}
#gradient-box-full .grad-box-parent .content-ico p a{
    font-family: "Kanit", sans-serif;
    font-size: var(--bodytext-18-16);
    font-style: normal;
    font-weight: 400;
    color: #FF53FF;
    text-decoration: underline;
    word-wrap: break-word;
    line-height: normal;
}
#gradient-box-full .grad-box-parent .content-ico p{
    padding-top: 5px;
}
#referral-page #two-col-container #sign-symptom-text h2{
    padding-left: 0;
}
#referral-page #two-col-container #early-intervention-text h2{
    padding-right: 0;
}


@media screen and (max-width: 768px){
    #referral-page #bigTextandBanner #diagnosis-ten-main-cont #two-col-container h2{
        padding: 0;
    }
    #gradient-box-full .grad-box-parent{
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    }
    #gradient-box-full .grad-box-parent .img-ico{
        margin: 0 auto;
    }
    #referral-page #two-col-container{
    display: flex;
    flex-direction: column;
    }
    #referral-page #sign-symptom-text h2{
        border-right: 0;
    }
    #referral-page #early-intervention-text .button{
        margin-top: 0;
    }
    #referral-page #sign-symptom-text h2, #referral-page #early-intervention-text h2{
        font-size: 24px;
        line-height: 25px;
    }
    #referral-page #suspect-sec #blue-box-sec p{
        padding: 25px 20px;
        line-height: 100%;
    }
    #three-box-column-sec .flex-box-outline{
        flex-wrap: wrap;
            text-align: center;
    flex-direction: column;
    }
    #gradient-border-box .img-boxi{
        margin: 0 auto;
    }
    #page-heading h3{
        line-height: 21px;
    }
    #gradient-border-box .cont-boxi{
        width: 100%;
    }
    .text-center img {
    width: 85%;
    }
    #referral-page #footer-ref-text p,
    #body-gb-no p{
        text-align: center;
    }
    #gradient-box-full .grad-box-parent{
        width: 100%;
    }


}