img.banner-line {
  margin-left: -31px;
}

#manage-attr .cmp-video__player, #manage-attr.cmp-video__content {
    width: 84%;
    margin: 0 auto;
    height: 549px;
}
div#management-properties-subtitle h3 {
  text-align: center;
  margin: 0 auto;
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #00215F;
  max-width: 1087px;
}

div#management-apparoch-container {
  max-width: 1359px;
  margin: 0 auto;
}

#management-apparoch-container div#management-apparoch-general-text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 27px;
  color: #00215f;
  max-width: 1022px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

 div#management-apparoch-general-text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 27px;
  color: #00215f;
  max-width: 1022px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
#body-copy #management-apparoch-container div#management-apparoch-general-text {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 27px;
  color: #00215f;
  max-width: 1022px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#management-apparoch-general-text ul {
  padding: 0;
  margin: 0;
  list-style-position: outside;
  padding-left: 30px;
}

#management-apparoch-general-text ul {
  list-style: disc;
}

#manage-attr .cmp-container__backgroundImage--enabled {
  min-height: 320px!important;
  background-size: cover;
  margin: 0 0px 0px -2px!important;
  display: flex;
  align-items: center;
  justify-content: center;
}

div#research-block-content p {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(24px, 2.75vw, 30px);
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  max-width: 1125px;
  margin: auto;
}

div#research-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

#three-column-management-approach .disease-type-dec {
  padding-top: 38px;
}

#three-column-management-approach .disease-type-details {
  display: flex;
  gap: 12px;
    /* align-items: center; */
    /* justify-content: center; */
  ;
}

#three-column-management-approach p {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.3;
  color: #00215f;
}

#three-column-management-approach h2 {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: clamp(25px, 2.75vw, 30px);
  line-height: 1.3;
  letter-spacing: 0px;
  color: #00215F;
}

/*******************************************************/
#manage-attr #three-column-management-approach {
    /*margin: 20px 0 20px 20px;*/
    width: 90%;
    margin: 0 auto 25px;
}


h2.pattrns-title:before {
   /*content: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/ionic-md-checkmark-circle-outline.svg);*/
    margin-left: -42px;
    margin-right: 12px;
    bottom: -3px;
    position: relative;
}
#manage-attr #three-column-management-approach .pinkColor {
    color: #FF53FF;
    font-weight: 300;
    font-size: 1.5rem;
}

div#ATTR-amyloidosis-section {
  width: 100%;
  min-height: 335px;
  background: #f00;
  background:url(/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/management-approaches/bg-image.jpeg);
  /*background: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/form_bg-desktop.jpg);*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ATTR-amyloidosis-section #ATTR-container {
  max-width: 1160px;
  margin: 0px auto;
  width: 100%;
}
#ATTR-amyloidosis-section #ATTR-container .azcl-column-par1 {
    border-right: 1px solid #fff;
}

#ATTR-amyloidosis-section #ATTR-container .ATTR-title {
  text-align: center;
  color: #fff;
  line-height: 1.5;
  padding:3px 15px;
  font-size: clamp(1.5rem, 1.3331rem + 0.712vw, 2.1875rem);
}

#ATTR-amyloidosis-section #ATTR-container .treatment-btn .back-shadow {
  margin-top: 15px;
}

#manage-attr .treatment-btn a {
 background: linear-gradient(to right, #FEFEFE 0%, #FCF6FE 18%, #EBF1FE 50%, #DFF5FE 90%, #E2FEFE 90%, #FEFEFE) padding-box, linear-gradient(to right, #F599FC 6%, #556AFF 50%, #75F2FB 100%) border-box;
    border-radius: 21px;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 35.5px;
    color: #00215F;
    transition: .2s ease;
    margin: 15px auto;
    max-width: 300px;
    text-align: center;
    border-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%) 0;
    border-width: 2px;
    border-style: solid;
}

#ATTR-amyloidosis-section #ATTR-container .treatment-btn .back-shadow a:hover {
  background: #00215F;
  border: 1px solid #ffffff;
  color: #fff;
}

#ATTR-amyloidosis-section .theSpacing {
    min-height: 150px;
}
#ATTR-amyloidosis-section .theFootNote {
    color: #fff;
    line-height: 1.5;
    font-weight: 100;
}
#ATTR-amyloidosis-section #diagnosis {
    min-height: 95px;
}
@media only screen and (min-width: 628px) and (max-width:750px) {
#ATTR-amyloidosis-section #diagnosis {
    min-height: 160px;
}
}


@media only screen and (min-width: 628px) and (max-width: 998px) {
/*    div#ATTR-amyloidosis-section {*/
/*    width: 100%;*/
    /*min-height: 500px;*/
/*    background-size: 100%;*/
    /*background-repeat: repeat-y;*/
/*    background-repeat:no-repeat;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
#ATTR-amyloidosis-section  .theSpacing {
    min-height: 50px;
}
}
 @media only screen and (max-width: 627px) {
/*    div#ATTR-amyloidosis-section {*/
/*    width: 100%;*/
/*    min-height: 350px;*/
/*    background-size: 100%;*/
/*    background-repeat: repeat-y;*/
/*}*/

#ATTR-amyloidosis-section .theSpacing {
    min-height: 50px;
}
#ATTR-amyloidosis-section #diagnosis {
    min-height: 0;
}
}
 
/*-----new CSS By Shyami----*/
#manage-attr #ATTR-container .treatment-btn {
    text-align: unset;
    min-width: unset;
    height: unset;
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
div#diagnosis h3 {
    font-size: 35px;
    line-height: 41px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Kanit';
    text-align: center;
    padding: 0px 30px;
}
#manage-attr #ATTR-container .azcl-column-par1, #manage-attr #ATTR-container .azcl-column-par2 {
    width: 48%;
    flex: 1;
}

div#Pharmacological-treatments {
    max-width: 1160px;
    margin: auto;
}
.for-mobile-pt-sec{
  display:none;  
}
#manage-attr .banner-wrapper .banner-content h1 {
    line-height: 40px;
    text-transform: uppercase;
}
#manage-attr div#ATTR-container {
    display: flex;
    gap: 0px;
}
@media(min-width:1150px){
div#diagnosis h3 {
    min-height: 130px;
}
div#early-diagnosis h2 {
    padding-top: 80px;
}
#manage-attr #three-column-management-approach {
    margin: 0 auto 70px;
}
}

@media(max-width:1210px) and (min-width:992px){
     #manage-attr .body-copy,  #manage-attr #body-copy, #manage-attr #management-apparoch-container, #Pharmacological-treatments{
    margin: auto;
  max-width: 1160px;
        width: 93%;
}
    div#diagnosis h3 {
        min-height: 156px;
    }
}
@media only screen and (min-width: 992px){
        #manage-attr .gradient-line img {
        margin: 0px auto 25px !important;
    }
     #manage-attr div#management-properties-subtitle h3 {
    margin-bottom: 15px;
}
#manage-attr #three-column-management-approach {
    gap: 100px;
}
#manage-attr .video.aem-GridColumn.aem-GridColumn--default--12 {
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
   div#Pharmacological-treatments, div#management-apparoch-container{
        width: 100%;
        padding: 0 16px;
    }
    div#research-block, .for-mobile-pt-sec{
        width: 100%;
        padding-left: 16px;
        padding-right:16px;
    }
    
    #manage-attr .attr-reference {
    text-align: center;
}
#manage-attr .banner-wrapper .banner-content h1 {
        padding-bottom: 38px;
        text-transform: uppercase;
        font-size: 28px;
        line-height: 25px;
    }
    img.banner-line {
    margin-left: -18px;
}
#manage-attr .sub-section .gradient-line img {
       margin: 15px auto 20px !important;
    }
       #manage-attr .sub-section h2 {
        font-weight: 800;
        font-size: 20px;
      line-height: 21px;
      padding-top: 15px;
    }
    div#diagnosis h3 {
    font-size: 24px;
    line-height: 26px;
}
    #manage-attr #see-the-pattern .sub-section h2 {
        font-size: 24px;
        line-height: 25px;
        margin-bottom: 30px;
    }
}
.for-mobile-pt-sec p {
    font-size: 16px !important;
    line-height: 23px !important;
     font-family: "Kanit", sans-serif !important;
}
#manage-attr .banner-wrapper .banner-content .banner-txt {
        text-transform: uppercase;
    }
    #manage-attr span.pink {
    color: #ff53ff;
}
/*img.only-for-mobile-circle {*/
/*    display: none;*/
/*}*/
@media(max-width:767px){
    img.only-for-mobile-circle {
    display: block;
    margin: 0 auto;
}
 #manage-attr .banner-wrapper .banner-content {
        padding-right: 0px;
    }
   #manage-attr .banner-wrapper .banner-content h1 {
       padding-right: 10px;
       padding-top: 10px !important;
    }
 #manage-attr .playerPoster.fill-height {
    min-height: 100%;
    width: 100%;
}
#manage-attr .cmp-video__player, #manage-attr.cmp-video__content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

         div#ATTR-amyloidosis-section {
        width: 100%;
        background: #f00;
        background: url(/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/hattr-symptoms/bg-image-mob.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 30px;
        align-items: normal;
        min-height: 650px;
        background-position: bottom;
    }
    #three-column-management-approach .disease-type-details {
    display: block;
    text-align: center;
}
#three-column-management-approach .disease-type-dec {
    padding-top: 10px;
}

h2.pattrns-title:before {
   content:none;
   
}
#three-column-management-approach .disease-type-details {
     display: block; 
    margin: 0 auto;
    text-align: center;
}
#ATTR-amyloidosis-section #diagnosis {
    min-height: 0px;
}
#manage-attr div#ATTR-container {
    display: block !important;
    gap: 0;
}
#ATTR-amyloidosis-section #ATTR-container .ATTR-title {
  line-height: 25px;
}
div#child-two {
    margin-top: 20px;
}
#ATTR-amyloidosis-section #ATTR-container .azcl-column-par1 {
    border-right:none;
}
#manage-attr .azcl-column-par1, #manage-attr .azcl-column-par2 {
    width: 100% !important;
    flex: 1;
}
.blue-box-mobile {
        margin: 0 auto;
        color: #fff;
        padding: 20px;
        border-width: 5px;
        border: 2px solid transparent;
        background: linear-gradient(#3b36a4, #3b36a4) padding-box, linear-gradient(90deg, #F995F8, #7F71F9, #626FF6, #5E99F8) border-box;
        border-radius: 15px;
        padding: 20px;
        border-bottom-left-radius: 0;
    }


.for-mobile-pt-sec{
  display:block!important;  
}
.aerrow-and-text-mobile {
    display: flex;
    margin-top: 10px;
    margin-bottom:20px;
    gap: 10px;
}
.aerro-right-text-mob {
    border-width: 5px;
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #F995F8, #7F71F9, #626FF6, #5E99F8) border-box;
    border-radius: 15px;
    padding: 15px;
    border-bottom-left-radius: 0;
}
.arrow-for-mobile {
    text-align: center;
    padding: 10px;
    width: 50px;
    margin: 0 auto;
}
#manage-attr img.banner-line {
    margin-left: -8px; 
    margin-top:15px;
        width: 80%;
}
div#diagnosis h3 {
    font-size: 24px;
    line-height:25px;
}
#manage-attr .banner-wrapper .banner-content .banner-txt {
        padding-top: 50px;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    #manage-attr .banner-wrapper .banner-content {
        padding-top: 100px !important;
    }
    .text-and-img {
    margin-top: 10px;
}
.aerro-pt img {
  min-height: 260px;
        width: 92px;
}
.for-mobile-pt-sec span {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}
.blue-box-mobile p, .aerro-right-text-mob p{
    padding-top: 12px;
}
    #management-apparoch-container .sub-section.body-copy {
        padding: 0;
    }
    div#management-properties-subtitle h3 {
    font-size: 18px;
    line-height: 27px;
}
div#management-apparoch-general-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom:0;
}
#manage-attr .cmp-container__backgroundImage--enabled {
    padding: 32px 0;
    min-height: fit-content;
}
div#research-block {
    padding-top: 0px; 
    padding-bottom: 0px;
}
div#research-block-content p {
    font-size: clamp(20px, 2.75vw, 30px);
    line-height: 21px;
}
    .sub-section h2 {
        padding-left: 0px;
        padding-right: 0px;
    }
        #early-diagnosis .sub-section h2 {
        padding-left: 0px;
        padding-right: 0px;
    }
       #manage-attr #body-copy div#management-apparoch-general-text {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }
 #manage-attr .video.aem-GridColumn.aem-GridColumn--default--12 {
    padding: 15px 0;
}
h3.learn-about-management {
    padding: 0 10px;
}
}

@media(max-width:767px) and (min-width:426px){
        .aerro-pt img {
         width: 60px;
        height: 220px;
        min-height: auto;
    }
}