/* fonts */
/******** Google fonts **********/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.cmp-selfcertification.modal{
    z-index:2000 !important;
}
#new-top-line-header .stay-informed-sec{
    display: none;
}
#seethepattrns-thankyou #stay-inf-two-col-cnt .azcl-column-par1 {
    display: none;
}
#seethepattrns-thankyou #stay-inf-two-col-cnt.azcl-columns__base {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.thankyou {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.thankyou p {

    text-align: center;
}



/****** accessibility ******/
a:focus-visible,
button:focus-visible,
.exit-ramp-cancel:focus-visible
{
 outline: 1px solid grey !important;
 border-radius: 1px !important;
}
.skip-nav {
    display: none !important;
}
/* .skip-nav {
  line-height: 30px;
  color: #ff53ff;
  position: absolute;
  margin-top: -40px;
  font-size: 18px;
  padding-left: 15px;
  background: white;
  padding-right: 20px;
}
a.skip-nav:focus {
  margin-top: 0;
  position: relative;
}
a.skip-nav:focus-visible {
  outline: auto;
} */


/* Global Styles*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

img.privacy-image {
    position: relative;
    bottom: -3px;
    margin-left: 3px;
}

body {
  -webkit-text-size-adjust: 100%;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-y: auto;
}

body.modal-enabled {
    overflow: hidden;
}

.content-container {
  width: 1132px;
  margin: 0 auto;
}

a {
  outline: none;
  border: none;
}

a:visited,a:active,a:hover,a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}

.suptxt {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.suptxt-d {
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}

.suptxt-da {
  vertical-align: baseline;
  position: relative;
  top: -0.7em;
  font-size: 18px;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.header-list {
  background-color: #00102E;
}

.navbar {
  max-width: 1310px;
  margin: 0 auto;
}

.navbar-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

/* Header */
.cmp-text {
  padding: 0px !important;
}

.top-menu {
  background: #00102E;
}

#header .container-inner {
  max-width: 1366px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#mobile-menu {
  position: fixed;
  width: 100%;
  z-index: 1;
}

.top-menu ul.medical-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.top-menu ul {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.top-menu ul.us-healthcare {
  display: flex;
  color: #FFFFFF;
  /*justify-content: flex-end;*/
  /*max-width: 1160px;*/
  /*max-width: 1221px;*/
  align-items: center;
  margin: auto;
  width: 100%;
}

.top-menu ul.us-healthcare li {
    font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-left: 34px;
  font-size: 12px;
  line-height: normal;
}

.top-menu ul.medical-info li {
  margin-left: 20px;
}

.top-menu ul.medical-info li sup {
  font-size: 70%;
}

.top-menu ul li a {
  color: #FFFFFF;
  font-size: 16px;
}

.top-menu ul li a:hover {
  text-decoration: none;
}


.us-healthcare li.stay-inf a.bg-stay:hover{
    background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/stay-inform-container.png);
}

.main-menu {
  max-width: 1310px;
  margin: 0px auto;
  background: #001234;
  padding: 10px 50px;
  font-family: 'Helvetica Neue';
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  border: 0px;
  border-radius: 0px 0px 30px 30px;
}

.header-logo {
  display: flex;
}

.header-main-menu {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}

.header-main-menu ul {
  display: flex;
  align-items: center;
}

.header-main-menu ul li {
  margin-left: 32px;
}

.header-main-menu ul li a {
  color: #FFF;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 100;
}

.header-main-menu ul li a.active, .header-main-menu ul li a:hover {
  text-decoration: none;
  color: #ff53ff;
  border-bottom: 2px solid #ff53ff;
}

#header .container-inner {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

#header .container-inner {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.mobile-only .header-main-menu {
  width: 100%;
}

.mobile-only .header-main-menu ul li {
  margin-left: 0;
}

.mobile-only .main-menu ul li.logo {
  margin-bottom: 0;
}

.mobile-only .header-main-menu ul {
  display: flex;
  align-items: flex-start;
}

.mobile-only .nav-bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  position: relative;
  background: var(--color2);
  padding: 0;
}

.mobile-only #check {
  display: none;
}

.mobile-only .main-menu li {
  margin-bottom: 25px;
}

.mobile-only .main-menu .open-menu {
  top: 0;
  right: 16px;
}

.mobile-only .main-menu .close-menu {
  top: -58px;
  right: 16px;
}

.mobile-only .main-menu .close-menu i::before {
  content: "\00d7";
}

.mobile-only .close-menu {
  top: -60px;
  right: 20px;
}

.mobile-only .main-menu .close-menu i::before {
  content: "\00d7";
}

.mobile-only .main-menu ul li.logo a {
  padding-bottom: 0;
}

.border-gradient {
  border: 4px solid;
  border-image-slice: 1;
  border-width: 5px;
}

.border-gradient-green {
  border-image-source: linear-gradient(to left, #00C853, #B2FF59);
}

.only-top {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.bg-stay {
  background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/stay-inform-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 240px;
  height: 41px;
  z-index: 3;
  position: relative;
  display: grid;
  padding-top: 9px;
}

.top-menu ul li a {
  color: #00215F;
  text-align: center;
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.top-menu ul li.stay-inf {
    text-align: center;
}

/*.top-menu ul.us-healthcare {*/
/*  height: 27px;*/
/*}*/

/* footer */
#footer-style {
  background: #000;
}

.footer-container {
  margin-left: auto;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-right: auto;
  max-width: 1158px;
  padding-bottom: 34px !important;
 
}



.footer-logos {
  padding: 0px;
}

.footer-logos ul li {
  float: left;
}

.footer-second-paragraph {
  display: block;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  clear: both;
  font-size: 14px;
  line-height: 19px;
  padding-top: 15px;
  color: #FFF;
}

.footer-logos ul li.footer-bar:after {
  content: "";
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: normal;
  color: #FFF;
  font-size: 60px;
  padding-left: 17px;
  padding-right: 17px;
}

.footer-logos ul li.footer-bar {
  padding-top: 17px;
}

.footer-logos ul li.seclogo {
  padding-top: 30px;
}

.footer-ul-li-container {
  padding-top: 30px;
  clear: both;
}

.footer-ul-li-container ul.footer-ul-li li {
  float: left;
}

.footer-ul-li-container ul.footer-ul-li li a {
  color: #FFF;
  font-size: 14px;
  line-height: 22px;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-bottom: 12px;
}

.footer-ul-li-container ul.footer-ul-li li:after {
  content: "";
  padding-left: 10px;
  padding-right: 10px;
}

img.privacy-logo {
  width: 19px;
  height: 10px;
  margin-left: 2px;
}

#footer-inner-container #footer_copyright {
  padding-top: 25px;
  padding-bottom: 108px;
}

#footer-inner-container .cmp-text {
  padding: 0;
}

#patient-home .az-footer-logo img {
  padding-right: 35px;
}

#footer-inner-container #footer_copyright ul li {
  float: left;
  color: #FFF;
  font-size: 14px;
  line-height: 17px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 15px;
}
.patrn-num {
    color: white !important;
    text-decoration: none !important;
    cursor: none;
    -webkit-text-fill-color: white;
    -webkit-opacity: 1;
}
/* stay informed */
.cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger {
  padding-top: 5px;
  padding-left: 1px;
 
}

.icon-tick {
    padding-top: 22px;
  padding-bottom: 15px;
}

.thankyou h2 {
    font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 45px;
  color: #00215F;
  padding-top: 5px;
  padding-bottom: 20px;
}

.thankyou p {
    font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  color: #151515;
}

.thankyou .return-to-home {
  width: 193px;
  height: 38px;
  background: linear-gradient(to right, #5E4A83 0%, #353C83 50%, #3D5E83 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  border-radius: 50em;
  color: #FFF;
  border: 2px solid transparent;
  left: 10%;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 32px;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.thankyou .return-to-home a {
  color: #FFF;
}

#attr-inform #attr-header-test {
  background: transparent;
 /* background: rgba(0, 18, 52, 0.9);*/
}

.sticky #attr-header-test {
  max-width: 1310px;
  /*margin: 0px auto;*/
  background: rgba(0, 18, 52, 0.8) !important;
  backdrop-filter: blur(3px) !important;
  /*padding: 5px 78px 10px;*/
  border-radius: 0px 0px 30px 30px;
  z-index: 2;
  position: relative;
  /*top:0px;*/
}

.sticky #attr-header-test > .aem-Grid,
 #attr-header-test > .aem-Grid{
    width:93%;
    margin:auto;
    max-width:1160px;
    
} 
#attr-inform #attr-header-test .cmp-navigation__item {
  background-color: unset;
}

#attr-inform .bg-stay {
  background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/stay-inform-container.png);
}

#attr-inform .main-menu {
  background: transparent;
}

#attr-inform #stay-container-thank .azcl-column-par2 {
  background: transparent linear-gradient(112deg, #F599FC 0%, #7D76FE 18%, #556AFF 50%, #619EFD 87%, #75F2FB 100%) 0% 0% no-repeat padding-box;
  border-radius: 30px 30px 30px 0px;
  opacity: 1;
  width: 730px;
  height: 365px;
    /* padding: 35px 60px; */
  margin: auto;
  position: relative;
}

#attr-inform .azcl-column-par2 #container-a119321110, #attr-inform .azcl-column-par2 #thanku-container {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: 2px;
    /* background: #FFFFFF 0% 0% no-repeat padding-box;*/
  background: linear-gradient(to right, #FEFEFE 0%, #FCF6FE 18%, #EBF1FE 50%, #DFF5FE 87%, #E2FEFE 90%, #FEFEFE) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  opacity: 1;
  padding: 35px;
  position: absolute;
  border-radius: 30px 30px 30px 0px;
}

#attr-inform #stay-container-thank {
  margin-bottom: 200px;
}

/* form css ends */


/* DESKTOP STAY INFORMED SIGN-UP FORM CSS STARTS */
#form-container-sign-up-si .azcl-container {
    max-width: 1160px;
    margin: 0px auto;
}
#form-container-sign-up-si {
    background-image: url('/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/form_bg-desktop.jpg');
    background-repeat: no-repeat;
    background-position: left;
    /*background-size: cover;*/
    background-size: 100% 100%;
    min-height: 735px;
}

#attr-home #form-container-sign-up-si {
    min-height: 785px;
    /*min-height: 825px;*/
}
#attr-inform #form-container-sign-up-si {
    min-height: 770px;
}
#stay-inf-two-col-cnt h1.h1-form-head-si {
    font-size: 40px;
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 45px;
    color: #FFFFFF;
    padding-top: 10px;
}
#stay-inf-two-col-cnt p.p-form-txt-si {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 345px;
    /* font-family: "Montserrat",sans-serif;
    font-weight: 800;
    letter-spacing: -0.4px; */
}
#stay-inf-two-col-cnt img.signup-form-bg-si {
    position: relative;
    left: -10px;
}
#stay-inf-two-col-cnt .azcl-column-par2 #col-control-part2, #stay-inf-two-col-cnt .azcl-column-par2 #thanku-container {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    background: linear-gradient(to right, #FEFEFE 0%, #FCF6FE 18%, #EBF1FE 50%, #DFF5FE 87%, #E2FEFE 90%, #FEFEFE) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    opacity: 1;
    /*padding: 37px 60px 32px 60px;*/
    padding: 37px 60px 19px 60px;
    /* position: absolute; */
    position: relative;
    border-radius: 30px 30px 30px 0px;
}
#stay-inf-two-col-cnt .form-notes p {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}
#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form {
    padding: 10px 0 10px 0;
}
#stay-inf-two-col-cnt .azcl-column-par2 {
    background: transparent linear-gradient(112deg, #F599FC 0%, #7D76FE 18%, #556AFF 50%, #619EFD 87%, #75F2FB 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px 30px 30px 0px;
    opacity: 1;
    width: 100%;
    max-width: 730px;
    height: 100%;
    margin: auto;
    position: relative;
}
#seethepattrns-thankyou #stay-inf-two-col-cnt .azcl-column-par2 {
    background: transparent linear-gradient(112deg, #F599FC 0%, #7D76FE 18%, #556AFF 50%, #619EFD 87%, #75F2FB 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px 30px 30px 0px;
    opacity: 1;
    width: 100%;
    max-width: 730px;
    height: 100%;
    margin: auto;
    position: relative;
        margin-top: 78px;
}

#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea) {
    border-radius: 5px;
    background-color: #FEFEFE;
    opacity: 1;
    width: 100%;
    height: 43px;
    padding: 5px 10px;
    box-shadow: none;
    color:#000000;
    border: 1px solid #D1D1D1;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
        font-size: 16px;
}
#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .has-error textarea, 
#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .has-error input {
    border-color: #a94442;
}
#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control {
   
    padding: 5px 26px 5px 10px;
   
}
.contact-form-heading {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    color: #151515;
    margin-bottom: 10px;
}
#stay-inf-two-col-cnt label.cmp-dynamicform__control-label {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    color: #151515;
}
/*#stay-inf-two-col-cnt form.cmp-dynamicform__form-validation>div:first-child {*/
/*    width: 48%;*/
/*    margin-right: 2%;*/
/*    margin-bottom: 20px;*/
/*    float: left;*/
/*}*/
#stay-inf-two-col-cnt select option{   
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
  font-size: 18px;  
  line-height: 20px;
  margin-top: 9px;
color: #151515;
}

/*#stay-inf-two-col-cnt form.cmp-dynamicform__form-validation>div:nth-child(2) {*/
/*    width: 48%;*/
/*    margin-left: 2%;*/
/*    margin-bottom: 20px;*/
/*    float: right;*/
/*}*/
#stay-inf-two-col-cnt .cmp-dynamicform__form-label-container {
    padding-top: 5px;
    padding-bottom: 5px;
}
#stay-inf-two-col-cnt button.cmp-dynamicform__submit-btn {
    width: 132px;
    height: 36px;
    background: linear-gradient(to right, #5E4A83 0%, #353C83 50%, #3D5E83 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    border-radius: 21px;
    opacity: 1;
    color: #FFFFFF;
    backdrop-filter: blur(5px);
    border: 2px solid transparent;
    padding: 0;
}
#stay-inf-two-col-cnt button:hover,
.thankyou .return-to-home:hover
{
    background: #00215F;
    color: #FFFFFF;
}
#stay-inf-two-col-cnt button.cmp-dynamicform__submit-btn span {
    font-size: 16px;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #FFFFFF;
    line-height: 0px;
}
#stay-inf-two-col-cnt.azcl-columns__base {
    padding-top: 43px;
}
#attr-home #stay-inf-two-col-cnt.azcl-columns__base {
   padding-top: 89px;
}
#attr-inform #stay-inf-two-col-cnt.azcl-columns__base {
    padding-top: 11%;
    gap:15px;
}
#stay-inf-two-col-cnt select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/contact-us/arrow-dropdown.png");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 12px;  
}
#stay-inf-two-col-cnt  select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/contact-us/arrow-updown.png");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 12px;  
}
#stay-inf-two-col-cnt #field-group-66310950dcdd360002fe5d66 {
    clear: both;
}




#stay-inf-two-col-cnt .cmp-dynamicform__clear-btn {
    display: none;
}
.text-nowrap {
    /*text-wrap: nowrap;*/
    white-space: nowrap;
}
    
  #stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .iti--show-flags .form-control:not(textarea){
      
     
    border-radius: 5px;
    background-color: #FEFEFE;
    opacity: 1;
    width: 100%;
    height: 43px;
    padding: 5px 10px 5px 48px;
    box-shadow: none;
    color: #000000;
    border: 1px solid #D1D1D1;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;

  }
  
#get-in-touch-main-sec {
    max-width: 768px;
    margin: 0px auto;
}

#get-in-touch-main-sec #get-touch-sec {
    text-align: center;
    padding: 60px 0px 70px !important;
}
#get-in-touch-main-sec #get-touch-sec p:nth-child(2) {
    /*font-size: 35px;*/
    /*line-height: 41px;*/
    font-size: clamp(25px, 2.75vw, 30px);
    line-height: 1.3;
    /*font-weight: 600;*/
    font-family: 'Kanit';
    padding: 20px 0px 15px;
    color: #00215F;
}
#get-in-touch-main-sec #get-touch-sec p:nth-child(3) {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    color: #00215f;
}
#get-in-touch-main-sec #get-touch-sec a {
    font-family: "Kanit", sans-serif;
    color: white;
    background-color: #00215f;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
}
#get-in-touch-main-sec #get-touch-sec p:nth-child(4) {
    margin-top: 30px;
}
/* DESKTOP STAY INFORMED SIGN-UP FORM CSS ENDS */




@media screen and (max-width: 768px){
  #get-in-touch-main-sec #get-touch-sec {
    padding: 60px 16px 70px !important;
}
#new-top-line-header{
    display: none;
}
}


@media screen and (min-width: 992px) {

    .desktop-only.stay-inf {
        display: block;
    }
    .mobile-only.stay-inf {
        display: none;
    }
    
    a#MODVideo {
    scroll-margin-top: 80px;

}
.form-subhead-p{
    margin-top: 10px;
}

    
  .modal-box {
    background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/container-popup.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    width: 518px;
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 30px 30px 30px 0px;
    background-color: #FFF;
    background-size: cover;
    opacity: 1;
    cursor: auto;
    border: 3px solid transparent;
    will-change: transform, opacity;
    background: linear-gradient(to right, #FFF 0%, #FFF 50%, #FFF 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    cursor: auto;
    will-change: transform, opacity;
    padding: 32px 40px;
  }

  .mobile-only {
    display: none;
  }

  #attr-home .banner-subheading-home {
    margin-bottom: 5px !important;
  }

  #attr-home .heading-subheading {
    position: relative;
    bottom: 6px;
  }

  #attr-home .bottom-section-home {
    top: 85% !important;
  }

  #attr-home .card-one {
       height: auto !important;
    max-height: 100% !important;
  }

  #attr-home .card-two {
        height: auto !important;
    max-height: 100% !important;
  }
  
  /*.mobile-only img {*/
  /*  width: 100%;*/
  /*}*/

  #attr-home .card-one-info {
    margin-bottom: 0px !important;
  }

  #attr-home .card-two-info {
    margin-bottom: 0px !important;
  }

  #thank-you-page-contnr #stay-inf-two-col-cnt .azcl-column-par2 #col-control-part2{
    padding: 35px 65px 28px 44px;

  }





}

@media screen and (min-width: 612px) and (max-width: 991px) {
  

  #treatment-approaches .treatment-diagnosis-banner {
    background-position: right !important;
  }
 
}

@media screen and (max-width: 991px) {
    #attr-header-test {
        padding: 0px 16.5px;
        margin-left: 16.5px;
        margin-right: 16.5px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    #attr-header-test.menu-open {
  max-width: 1310px;
  background: rgba(0, 18, 52, 0.8) !important;
  backdrop-filter: blur(3px) !important;
  border-radius: 0px 0px 30px 30px;
  z-index: 2;
  position: relative;

    }
.sticky #attr-header-test > .aem-Grid, #attr-header-test > .aem-Grid {
    width: 100%;
    margin: 0;
    max-width: 1160px;
}
    #menucontainer {
       
        left: -40px!important;
    }
#attr-header-test .cmp-navigation__group {
   
    padding-bottom: 20px!important;
   
}
    #attr-header-test .cmp-navigation__item {
         padding: 20px 0!important;
    }
    .desktop-only.stay-inf {
        display: none;
    }
    .mobile-only.stay-inf {
        display: block;
    }
    
  .mobile-only img {
    width: 100%;
  }

  .footer-ul-li-container ul.footer-ul-li li:after {
    padding-left: 0px;
    padding-right: 0px;
  }

    /* stay informed*/
   
  #attr-inform .azcl-columns__base {
    padding-top: 30px;
  }


  #attr-inform .main-menu {
    background: #001234;
  }

  #attr-inform .azcl-container {
    width: auto;
    margin: 0px auto;
  }

  #attr-inform #field-group-64981db93ef17000026c06d2 {
    display: grid;
  }

  #attr-inform #stay-container-thank .azcl-column-par2 {
    width: 300px;
    height: 376px;
  }

  #attr-inform #field-group-64981db93ef17000026c06d3 {
    padding-left: 0px;
    max-width: 326px;
  }

    /* ends stay informed */
  .footer-logos {
    text-align: center;
  }

  .footer-logos ul li {
    display: inline-flex;
    float: none;
  }

  .footer-line {
    display: block;
  }

  .footer-second-paragraph {
    text-align: center;
    padding-top: 6px;
  }

  .footer-logos ul li.footer-bar:after {
    content: "";
    color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-container {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    bottom: 0;
    padding-bottom: 45px;
        padding-top: 25px;
  }
  
  
  

  .footer-ul-li-container ul.footer-ul-li li {
    float: none;
    text-align: center;
    padding-bottom: 15px;
  }

  .top-menu ul.us-healthcare li {
    margin-left: 0px;
    line-height: 26px;
    font-size: 10px;
  }
 .top-menu ul.us-healthcare li:nth-child(1) {
   
    line-height: normal;
    width: 70%;
  }
  .top-menu ul.us-healthcare {
    justify-content: space-between;
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding: 4px 0;
  }

  .mobile-only .open-menu, .mobile-only .close-menu {
    display: block;
  }

  #attr-header-test {
    height: 50px;
    padding: 0px 15px;
  }

  .main-menu {
    margin: 0px 15px;
  }

  #header .container-inner {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-only .top-menu ul.medical-info {
    width: 110%;
    display: block;
  }

  .mobile-only .top-menu ul.medical-info li {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #header .mobile-only .main-menu > .container-inner {
    padding-left: 0;
    padding-right: 0;
  }

  #header .mobile-only .main-menu > .container-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .bg-stay {
    width: 150px;
    height: 29px;
    padding-top:0;
  }
/*.sticky #attr-header-test {*/
   
/*    top: -1px;*/
/*}*/
  .top-menu ul li a {
    padding: 0px;
    font-size: 14px;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
  }

    /* footer */
  #footer-inner-container #footer_copyright ul li {
    line-height: 14px;
  }

  .footer-first-reference, .footer-second-paragraph-1 {
    font-size: 12px;
    line-height: 18px;
  }
}

@media screen and (max-width: 1200px) {
  #header .container-inner {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*Home CSS STARTS*/
#attr-home .hero-banner-home-main {
    /*background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/test-background-homepage-complete.jpg);
background-repeat: no-repeat;
background-size: cover;*/
  height: 935px;
  box-shadow: rgba(0, 0, 0, 0.90) 0px -50px 36px -15px inset;
}


#attr-home .banner-heading-home-bg {
    /*background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/home-bg-second.png);*/
  background-repeat: no-repeat;
}

#attr-home .hero-banner-text-home {
  width: 24%;
  position: absolute;
  left: 58%;
  top: 8%;
    /*background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/home-bg-second.png);
background-repeat: no-repeat;
height: 345px;*/
  ;
}

#attr-home .banner-subheading-home {
    font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 25px;
  width: 85%;
  line-height: 22px;
}

#attr-home .pink-text-heading {
  color: #FF53FF;
}

#attr-home .heading-subheading {
  font-size: 34px;
}

#attr-home h1 {
  margin-bottom: 5px;
  font-size: 60px;
}

#attr-home .banner-info-text-home {
    font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 10px;
  line-height: 22px;
}

/*#attr-home .bottom-section-home {
background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/home-bg-second.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;


}*/
#attr-home .bottom-section-items {
  display: flex;
  width: 80%;
  column-gap: 20px;
}

#attr-home .card-one {
  display: flex;
  width: 100%;
    /*background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/callout-container-home.svg);
background-repeat: no-repeat;
background-size: contain;*/
  height: 164px;
  background: linear-gradient(108deg, #FFFFFF 0%, #FCE0FD 11%, #EFF1FE 50%, #E5FFFF 100%) padding-box, linear-gradient(to right, #F599FC 0%, #7d76fe 30%, #556AFF 100%, #75F2FB 100%) border-box;
  border-radius: 30px 30px 30px 0px;
  border: 3px solid transparent;
  max-height: 164px;
      max-width: 585px;
    min-height: 210px;
}

#attr-home .card-two {
  display: flex;
  width: 100%;
  height: 164px;
  background: linear-gradient(108deg, #FFFFFF 0%, #FCE0FD 11%, #EFF1FE 50%, #E5FFFF 100%) padding-box, linear-gradient(to right, #F599FC 0%, #7d76fe 30%, #556AFF 100%, #75F2FB 100%) border-box;
  border-radius: 30px 30px 30px 0px;
  border: 3px solid transparent;
  max-height: 164px;
     max-width: 569px;
      min-height: 210px;
}

#attr-home .bottom-section-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 2700px;
  margin-right: auto;
  margin-left: auto;
}

#attr-home .bottom-section-home {
  position: absolute;
  top: 80%;
  z-index: 1;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  justify-items: center;
  width: -webkit-fill-available;
}

#attr-home .card-one-icon {
  height: 125px;
  margin: 26px 30px 26px 30px;
}

#attr-home .card-two-icon {
  height: 48px;
  margin: 26px 11px 26px 15px;
}

#attr-home .card-one-title {
    font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px !important;
  color: #00215F;
  margin-top: 6%;
  line-height: 24px;
}

#attr-home .card-two-title {
    font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px !important;
  color: #00215F;
  margin-top: 5%;
  line-height: 22px;
}

#attr-home .card-one-info {
    font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #151515;
  margin-top: 15px;
  margin-bottom: 17px;
  line-height: 20px;
      padding-right: 10px;
}

#attr-home .card-two-info {
    font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #151515;
  margin-top: 15px;
  margin-bottom: 17px;
  width: 90%;
  line-height: 20px;
}

#text-13cafc36fe {
  padding: 0;
}

/*#attr-home .big-picture-cta {
text-align: center;
padding-bottom: 15px;
position: relative;
width: 60%;
border-radius: 25px;
max-width: 42%;
z-index: 9999;

}*/
/*.cta-banner-home::before {
content: '';
position: absolute;
top: 3px;
left: 3px;
right: 0;
bottom: 0;
border-radius: 25px;
background-color: #FFFFFF;
z-index: -1;
width: 97%;
height: 70%;
opacity: 85%;
}*/
#attr-home .cta-banner-home {
    /*border-radius: 25px;
background: transparent linear-gradient(99deg, #F599FC 0%, #556AFF 50%, #75F2FB 100%) 0% 0% no-repeat padding-box;
z-index: 1;*/
  width: 65%;
  height: 43px;
  position: relative;
  background: linear-gradient(to right, #FFFFFF 0%, #FCE0FD 20%, #E5FFFF 50%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

#attr-home .main-menu {
  background: transparent;
}

#attr-home .big-picture-cta {
  text-align: center;
  position: relative;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
  /*margin-top: 13px;*/
  color: #00215F;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}

#attr-home .cta-bottom-home {
  width: 60%;
  height: 38px;
  position: relative;
  background: linear-gradient(to right, #5E4A83 0%, #353C83 50%, #3D5E83 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  border-radius: 50em;
  border: 3px solid transparent;
  left: 10%;
}

#attr-home .middle-bottom-cta {
  text-align: center;
  position: relative;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: 3px;
  color: #FFFFFF;
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  padding: 6px 30px 8px 30px;
}

#attr-home .reference-footnote {
  position: relative;
  color: #FFFFFF;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-right: 15px;
  margin-left: 15px;
  max-width: 1158px;
  margin-top: 46px;
  line-height: 19px;
}

#attr-home .bold-reference {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
}

#attr-home .italic-reference {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: italic;
}

#attr-home #attr-header-test {
  background: transparent;
}

#attr-home #attr-header-test .cmp-navigation__item {
  background-color: transparent;
}

#attr-home .footnote-style-one {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
  font-size: 16px;
}

#attr-home .suptxt {
  font-size: 14px;
}


/*Home media query starts*/
@media only screen and (min-width: 1024px) and (max-width: 1253px) {
  #attr-home .hero-banner-home-main {
    min-height: 826px;
  }

  #attr-home .card-one-icon {
    height: 80px;
    margin: 24px 20px 26px 20px;
  }

  #attr-home .card-one-title {
    font-size: 18px;
    margin-top: 5%;
  }

  #attr-home .card-one-info {
    font-size: 14px;
    margin-bottom: 0px !important;
    padding-right: 15px;

  }

  #attr-home .card-two-icon {
    height: 55px;
    margin: 24px 7px 19px 13px;
    
    
  }

  #attr-home .card-two-title {
    font-size: 18px;
    margin-top: 5%;
    letter-spacing: -0.5px;
    padding-right: 0px;
  }

  #attr-home .card-two-info {
    font-size: 14px;
    margin-bottom: 40px !important;
    padding-right: 15px;
  }

  #attr-home .card-two-info {
    margin-top: 8px;
  }

  #attr-home .reference-footnote,#attr-home .footer-container,
  #attr-home .container-attr-footer{
    /*margin-left: 65px;*/
    margin-left: 41px;
    margin-right: 45px;
  }

  #attr-home .cta-bottom-home {
    width: 65%;
  }

  #attr-home .bottom-section-items {
    width: 90%;
  }

  #attr-home .card-one .cta-bottom-home  {
    margin-top: 15px;
  }
  
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    #form-container-sign-up-si .azcl-container {
    max-width: 1160px;
    margin: 0px auto;
    width: 93%;
}
.footer-container {
  
    width: 93%;
}
}
@media only screen and (max-width: 991px) {
#attr-header-test #az-logoheader .cmp-image__image {
      
        z-index: 1;
        position: relative;
    }
    #menucontainer  {
       /*background-image: linear-gradient(transparent 0%, #000000E5 0%)!important;*/
          background: rgba(0, 0, 0, 0.9) !important;
    }
   #attr-header-test .cmp-navigation__group  {
       /*background-image: linear-gradient(transparent 0%, #000000E5 0%)!important;*/
          /*background: rgba(0, 0, 0, 0.1) !important;*/
    
          background: transparent !important;
    }
    #attr-inform #attr-header-test {
    /* background: none; */
     background: rgba(0, 18, 52, 0.9); 
}
/* MOBILE STAY INFORMED SIGN-UP FORM CSS ENDS */
#stay-inf-two-col-cnt h1.h1-form-head-si {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -0.6px;
    padding-top: 0;
    margin-bottom: 5px;
}
#stay-inf-two-col-cnt p.p-form-txt-si {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 95%;
    /* line-height: 24px;
    letter-spacing: -0.36px; */
}
#stay-inf-two-col-cnt .azcl-column-par2 #col-control-part2, #stay-inf-two-col-cnt .azcl-column-par2 #thanku-container {
    /*padding: 33px 32px 28px 33px;*/
    padding: 33px 32px 0px 33px;
    border-radius: 30px 30px 30px 0px;
}
#stay-inf-two-col-cnt form.cmp-dynamicform__form-validation>div:first-child {
    width: 100%;
}
#stay-inf-two-col-cnt form.cmp-dynamicform__form-validation>div:nth-child(2) {
    width: 100%;
}
#stay-inf-two-col-cnt.azcl-columns__base {
    padding: 40px 16.5px 0px 16.5px !important;
}
#stay-inf-two-col-cnt .lt-col-stay-sign{
    position: relative;
    top: 0;
    padding-top: 0;
}
#attr-inform #stay-inf-two-col-cnt .lt-col-stay-sign{
    position: relative;
    top: 0;
    padding-top: 55px;
}
#form-container-sign-up-si {
    background-image: url('/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/form_bg-mobile.jpg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% 100%;
        min-height: 1044px;
}
#attr-home #form-container-sign-up-si {
    min-height: 1044px;
}
#attr-inform #form-container-sign-up-si {
    min-height: 1195px;
}
#thank-you-page-contnr #form-container-sign-up-si {
    background-image: url('/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/thank-banner-rocks-bg.png'), url('/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/thank-banner-sky-bg.jpg');
    background-position: bottom, top;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, cover;
    position: relative;
    min-height: 745px!important;
}
#stay-inf-two-col-cnt .azcl-column-par2 {
    width: 100%;
    /* height: 760px; */
    margin: 0 auto;
    position: relative;
    top: 70px;
    margin-top: 10px;
}
#stay-inf-two-col-cnt .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea) {
    width: 100%;
    color: initial;
}
#stay-inf-two-col-cnt.azcl-columns--2 {
    --col-count: 1 !important;
}
#attr-inform #attr-footer-section {
    background-color: #000000;
}
#thank-you-page-contnr #stay-inf-two-col-cnt .azcl-column-par2 {
    width: 98.85%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}
#stay-inf-two-col-cnt img.signup-form-bg-si {
	width: fit-content;
}
/* MOBILE STAY INFORMED SIGN-UP FORM CSS ENDS */

    #attr-inform .heading p
    {
        font-size:30px;
    }
  #attr-home .hero-banner-home-main {
    height: 2000px;
  }


  #attr-home .hero-banner-text-home {
    width: 100%;
    position: relative;
    text-align: center;
    left: 0%;
    top: 1049px;
    justify-content: center;
    display: flex;
    padding-bottom: 124px;
    background-color: black;
  }

  #attr-home .hero-banner-text {
    width: 50%;
  }

  #attr-home .cta-banner-home {
    width: 60%;
    left: 20%;
    margin-top: 33px;
    /*margin-bottom: 20px;*/
        margin-bottom: 45px;
  }

  #attr-home .bottom-section-home {
    position: relative;
    top: 48%;
    background-color: black;
    padding-bottom: 20px;
  }

  #attr-home .bottom-section-items {
    width: 80%;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 30px;
    row-gap: 30px;
  }

  #attr-home .card-one {
    width: 100%;
  }

  #attr-home .card-two {
    width: 100%;
  }

  #attr-home .card-two-title {
    font-size: 20px;
    margin-top: 7%;
  }

  #attr-home .card-one-title {
    font-size: 20px;
    margin-top: 7%;
  }

  #attr-home .card-two-info {
    font-size: 16px;
    margin-bottom: 24px !important;
  }

  #attr-home .card-one-info {
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 41px !important;
    padding-right: 20px;
  }

  #attr-home .middle-bottom-cta {
    margin-top: 3px;
    font-size: 14px;
  }

  #attr-home .main-menu {
    background: #001234;
  }

  /*#attr-home #attr-header-test {*/
  /*  background: #000B20;*/
  /*}*/

    /*

#attr-home #attr-header-test .cmp-navigation__item {
background-color: #000000E5;
}
*/
  #attr-home .bottom-section-container {
    margin-right: 10%;
    margin-left: 10%;
    position: relative;
    bottom: 40px;
  }

  #attr-home .banner-subheading-home {
    margin-left: 8%;
    margin-bottom: 6px;
    /*padding-top: 10px;*/
    /*margin-top: -30px;*/
    padding-top: 0px;
    margin-top: 0px;
  }
.cta-bottom-home.home-cta-1 {
    top: -8px;
}
.cta-bottom-home.home-cta-2 {
    top: -2px;
}
  #attr-home .cta-bottom-home {
    width: 75%;
    left: 0;
  }

  #attr-home .reference-footnote {
    max-width: 462px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    margin-top:0;
  }
}

@media only screen and (max-width: 480px) {
  #attr-home .bottom-section-items {
    padding-right: 18px;
    padding-left: 18px;
    width: 100%;
  }

  #attr-home .card-one-icon {
    height: 44px;
    margin: 24px 24px 26px 24px;
  }

  #attr-home .card-one-info {
    margin-bottom: 8px;
    margin-top: 10px;
    font-size: 12px;
  }

  #attr-home .card-two-title {
    font-size: 14px;
    letter-spacing: -0.5px;
  }

  #attr-home .card-two-icon {
    height: 33px;
    margin: 23px 12px 26px 12px;
  }

  #attr-home .card-two-info {
    font-size: 12px;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #attr-home .card-one-title {
    font-size: 14px;
  }

  #attr-home .bottom-section-container {
    width: 90%;
  }
          #attr-inform #form-container-sign-up-si {
        min-height: 1150px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1360px) {
  #attr-home .banner-subheading-home {
    width: 100%;
  }
}


@media only screen and (min-width: 1400px) and (max-width: 1650px) {
    
  .hero-banner-text-home {
    top: 18% !important;
  }
.cta-bottom-home.home-cta-1 {
    top: 14px;
}
  
  #attr-home .banner-info-text-home {
    width: 87%;
  }

  #attr-home .banner-subheading-home {
    font-size: 18px;
    width: 90%;
    line-height: 22px;
  }

  #attr-home .banner-info-text-home {
    width: 90%;
  }

  #attr-home .hero-banner-home-main {
        /* min-height: 75vh; */
    min-height: 85vh !important;
  }

  #attr-home .bottom-section-home {
    position: absolute;
    top: 90% !important;
  }
}


/* Samsung Tab S8 (Landscape & Portrait) ends */
@media screen and (orientation: portrait) and (min-device-width: 750px) and (max-device-width: 760px) {
  #attr-home .bottom-section-home .bottom-section-items .cta-bottom-home {
    top: -35px;
  }

  body#page-1a38cc0b2e .img-align.hear-beat {
    width: auto;
  }

  #about-attr-page .treatment-footer-main-container {
    height: 330px;
  }

  #about-attr-page .about-attr-reference p {
    padding-top: 20px;
  }
}

@media screen and (orientation: landscape) and (min-device-width: 1030px) and (max-device-width: 1040px) {
  #page-1a38cc0b2e div#container-f5476fa003 {
    width: 1037px;
  }

  #page-1a38cc0b2e div#attr-header-test {
    padding-left: 23px;
    padding-right: 23px;
  }

  #page-1a38cc0b2e .attrsymptoms-block {
    width: auto;
  }

  #page-1a38cc0b2e p.title-blue {
    width: auto;
  }

  #page-1a38cc0b2e .banner-img {
    background-size: cover;
    margin-top: 10px;
    min-height: 620px;
  }

  #page-1a38cc0b2e .banner-img .banner-block {
    padding-left: 20px;
    max-width: 1037px;
    width: auto;
    margin: 0;
  }

  #page-1a38cc0b2e .attrsymptoms-col {
    width: 255px;
  }

  #page-1a38cc0b2e .footer-strip p {
    padding-left: 20px;
  }

 
}
/* Samsung Tab S8 (Landscape & Portrait) ends*/

@media only screen and (min-width: 1450px) and (max-width: 2580px) {
  #attr-home .banner-subheading-home {
    max-width: 392px;
  }

  #attr-home .banner-info-text-home {
    max-width: 404px;
    margin-bottom: 4%;
  }

  #attr-home .cta-banner-home {
    max-width: 200px;
  }

}

@media only screen and (min-width: 1444px) {
  #attr-home .card-two-text {
    width: 80%;
  }

  #attr-home .card-one-text {
    width: 80%;
  }
}

@media only screen and (min-width: 730px) and (max-width: 837px) {
  #attr-home .card-one-info {
    font-size: 16px;
    margin-top: 9px;
    margin-bottom: 22px;
  }

  #attr-home .card-two-title {
    padding-right: 100px;
    margin-top: 4%;
    font-size: clamp(1.125rem, 0.5391rem + 1.5625vw, 1.25rem);
  }

  #attr-home .card-two-info {
    font-size: 16px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 21px;
  }
.cta-bottom-home.home-cta-1 {
    top: -25px;
}
}

@media only screen and (min-width: 482px) and (max-width: 728px) {
  #attr-home .card-one-info {
    font-size: clamp(0.6875rem, -0.7773rem + 3.9063vw, 1rem);
    margin-bottom: 4%;
  }

  #attr-home .card-two-info {
    font-size: clamp(0.6875rem, -0.7773rem + 3.9063vw, 1rem);
    margin-bottom: 2%;
  }

  #attr-home .card-one-title {
    margin-top: 4%;
    font-size: clamp(0.875rem, -0.8828rem + 4.6875vw, 1.25rem);
  }

  #attr-home .card-two-title {
    margin-top: 4%;
    font-size: clamp(0.875rem, -0.8828rem + 4.6875vw, 1.25rem);
    padding-right: 4%;
  }

  #attr-home .bottom-section-items {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    
 
    
  #attr-home .bottom-section-container {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  #attr-home #container-3f04199104 {
    padding-top: 76px;
  }

  #attr-home .bottom-section-home {
    z-index: 1;
    background-color: black;
    top: 25%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #attr-home .reference-footnote {
    margin-right: 25px;
    margin-left: 25px;
    margin-top: 0px;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 20px;
    padding-top: 0px;
  }

  #attr-home #footer-style {
    background: #000;
    padding-top: 120px !important;
  }

  #attr-home .banner-subheading-home {
    font-size: 14px;
    margin-right: 22px;
    margin-left: 27px;
    line-height: 19px;
    margin-top: -40px;
  }

  #attr-home .banner-info-text-home {
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
    font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
    line-height: 18px;
  }

  #attr-home .big-picture-cta {
    font-size: 16px;
  }

  #attr-home .cta-banner-home {
    width: 50%;
    left: 25%;
  }

  #attr-home .card-one-icon {
    height: 86px;
    margin: 24px 14px 0px 18px;
    width: 18%;
  }

  #attr-home .card-one-title {
    font-size: 20px;
    width: 80%;
    margin-top: 0%;
    padding-top: 24px;
    padding-bottom: 12px;
  }

  #attr-home .card-one-info {
    margin-bottom: 10px;
    margin-top: 4px;
    font-size: 16px;
    padding-right: 0px;
    line-height: 18px;
    padding-bottom: 0px;
  }

  #attr-home .bottom-section-items {
    row-gap: 45px;
  }

  #attr-home .card-two-icon {
    height: 38px;
    margin-top: 28px;
  }

  #attr-home .card-two-title {
    font-size: 20px;
    letter-spacing: 0px;
    padding-right: 35px;
    margin-top: 0%;
    padding-top: 24px;
    padding-bottom: 10px;
  }

  #attr-home .card-two-info {
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 13px;
    line-height: 18px;
    padding-bottom: 6px;
    margin-top: 10px;
  }

  .hero-banner-text {
    padding-bottom: 30px;
    height: 830px;
  }

  #attr-home .hero-banner-home-main {
    height: 100%;
  }

  #attr-home #footer-style {
    background: #000;
    padding-top: 0px !important;
  }

  #attr-home .hero-banner-text {
    width: 100%;
    margin-top: 40px;
    background-color: #000;
    /*height: 890px;*/
  }

  #attr-home .hero-banner-text-home {
    padding-bottom: 0px;
        top: 422px;
  }

  #attr-home .cta-bottom-home {
    width: 74%;
    left: -9vw;
    height: 30px;
    border: 2px solid transparent;
  }
.cta-bottom-home.home-cta-2 {
    top: 16px;
}
  #attr-home .middle-bottom-cta {
    margin-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  #attr-home h1 {
    font-size: 40px;
  }

  #attr-home .heading-subheading {
    font-size: 24px;
  }

  #attr-home .card-one {
    height: 218px;
    max-height: 218px;
    border: 2px solid transparent;
  }

  #attr-home .card-two {
    height: 218px;
    max-height: 218px;
    border: 2px solid transparent;
  }

  #attr-home .hero-banner-text .suptxt {
    font-size: 10px;
  }

  #attr-home .card-one-info .suptxt {
    font-size: 10px;
  }

  #attr-home .card-two-title .suptxt {
    font-size: 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 340px) {
    .bg-stay {
    width: 120px;
    }
}
@media only screen and (min-width: 1700px) and (max-width: 1980px) {
  #attr-home .bottom-section-home {
    width: 100%;
  }

  #attr-home .bottom-section-items {
    width: 70%;
  }
}

@media only screen and (min-width: 604px) and (max-width: 867px) {
  #attr-home .card-one, #attr-home .card-two {
    width: 100%;
    height: 195px;
    max-height: 200px;
  }

  #attr-home .card-one-info {
    font-size: 18px !important;
    margin-top: 10px !important;
    margin-bottom: 50px !important;
    line-height: 20px;
        /* padding-right: 71px; */
    padding-right: 20px;
  }

  #attr-home .card-one-title {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 23px !important;
    color: #00215F;
    margin-top: 6%;
    line-height: 24px;
  }

  #attr-home .card-two-info {
    font-size: 18px !important;
    padding-right: 25px;
    margin-top: 23px !important;
    margin-bottom: 45px !important;
    line-height: 20px;
  }
}

#attr-home #attr-header-test {
  backdrop-filter: none;
}

/*Home CSS ENDS*/
/*exit ramp-start*/
.modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

.modal--visible {
  visibility: visible!important;
  opacity: 1!important;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  background: rgba(0,0,0,0.85);
  opacity: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.modal--visible .modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.modal__close {    
  position: absolute;
  top: 19%;
  right: 27%;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  opacity: 0;
}


.modal__close .modal__closeLabel {
  display: none;
}

.exit-ramp-modal::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.exit-ramp-modal .modal-box__content {
  padding: 0;
  text-align: center;
  margin: 0 auto;
}

.exit-ramp-modal .exit-ramp-title {
  
  color: #00215F;
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
 line-height: 34px;
 
}

.exit-ramp-modal .exit-ramp-body {
  padding: 10px;
  color: #151515;
  font-size: 14px;
  line-height: 16px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.exit-ramp-modal .exit-ramp-actions {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 41px;
  justify-content: center;
  
  padding-top: 16px;
  flex-direction: row-reverse;
}

.exit-ramp-modal .exit-ramp-cancel {
  width: 143px;
  height: 34px;
  background: linear-gradient(to right, #5E4A83 0%, #353C83 50%, #3D5E83 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  border-radius: 50em;
  color: #FFF;
  border: 2px solid transparent;
  font-size: 16px;
  line-height: 26px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}


.exit-ramp-modal .exit-ramp-continue
{
  width: 143px;
  height: 34px;
  background: linear-gradient(to right, #FFF 0%, #FFF 50%, #FFF 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
  border-radius: 50em;
  color: #00215F;
  border: 2px solid transparent;
  font-size: 16px;
  line-height: 26px;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}


/*
.exit-ramp-cancel {
background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/cancel-button.png);
background-size: cover;
}

.exit-ramp-continue {
background-image: url(/content/dam/intelligentcontent/brands/breztri/beflareaware-global/desktop/continue-button.png);
background-size: cover;
}
*/
.exit-ramp-modal .modal__close svg {
  display: none;
}

@media only screen and (max-width: 991px) {
    
 
    p.inform-pg {
    margin-top: 70px;
}
#attr-inform .staypic {
    width: 100%;
}

.modal-box {
    background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/container-poup-mobile.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 30px 30px 30px 0px;
    background-color: #FFF;
    background-size: cover;
    opacity: 1;
    cursor: auto;
    border: 3px solid transparent;
    will-change: transform, opacity;
    background: linear-gradient(to right, #FFF 0%, #FFF 50%, #FFF 100%) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    cursor: auto;
    will-change: transform, opacity;
  }
    
  .modal-box {
    width: 339px;
    padding: 32px 32px 26px 32px;
  }

  .exit-ramp-modal .exit-ramp-body {
    padding: 10px 10px 0px;

  }

  .exit-ramp-modal .exit-ramp-title {
    font-size: 25px;
    line-height: 29px;
  }

  .exit-ramp-modal .modal-box__content {
    /*padding: 20px;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(to right, #FEFEFE 0%, #FCF6FE 18%, #EBF1FE 50%, #DFF5FE 87%, #E2FEFE 90%, #FEFEFE) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    border-radius: 30px;*/
  }

  .exit-ramp-modal .exit-ramp-continue, .exit-ramp-modal .exit-ramp-cancel {
    margin: 9px;
  }

  .exit-ramp-modal .exit-ramp-actions {

    gap: 0px;
    flex-flow: column;
    align-items: center;
    flex-direction: column-reverse;
  }
}
    /*
.modal__close {
position: relative;
top: 8%;
left: 23%;
}
*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .modal__close {
    top: 18rem;
    left: 15em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .modal__close {
    top: 6rem;
    left: 55em;
  }
  
  .cta-bottom-home.home-cta-1 {
    top: -41px;
}
 .cta-bottom-home.home-cta-2 {
    top: -35px;
} 
  
  
  
}

/*exit ramp-end*/
#attr-home .cta-bottom-home{
     position: relative;
    top: -21px;
    left: 50%;
    transform: translate(-50%, 0px);
}

@media only screen and (min-width: 320px) and (max-width: 330px) {
  .basicpage #container-3bf849c4ef {
    position: relative;
  }
}

@media ( min-width: 745px) and (max-width: 780px){
  #attr-symptoms #attr-home .card-two{
    margin-top: 20px;
  }
}
@media ( min-width: 992px) and (max-width: 1200px){
  .top-menu ul.us-healthcare li{
    margin: 0 15px;
  }
  #stay-inf-two-col-cnt.azcl-columns__base {
    margin: 0px 15px !important;
}
/*#stay-inf-two-col-cnt .azcl-column-par2{*/
/*    margin-right: 15px !important;*/
    
/*    width: 55.7vw;*/
/*}*/
#stay-inf-two-col-cnt .azcl-column-par1{
    margin-left: 22px !important;
}
 
}

@media ( min-width: 500px) and (max-width: 991px){
        #attr-inform #form-container-sign-up-si {
        min-height: 1035px;
    }
    #form-container-sign-up-si {
       
        min-height: 980px;
    }
    
    #attr-home #form-container-sign-up-si {
       
        min-height: 980px;
    }
            #attr-sitemap #container-b82ed5bf8d {
        min-height: 670px!important;
    }
}
@media   (max-width: 374px){
        #attr-inform #form-container-sign-up-si {
        min-height: 1200px;
    }
    #form-container-sign-up-si,
    #attr-home #form-container-sign-up-si {
       
        min-height: 1075px;
    }
         #attr-sitemap #container-b82ed5bf8d {
        min-height:745px!important;
    }  
    .footer-logos ul li.footer-bar:after {
        content: "";
        color: #FFF;
        padding-left: 0px;
        padding-right: 0px;
    }
        #attr-inform #thank-you-page-contnr #form-container-sign-up-si {
        min-height: 765px;
    }
}


/*New stay informed page CSs*/

#attr-inform #form-container-sign-up-si {
    background-image: url(/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/contact-us/form_bg-desktop.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% 100%;
    padding-top: 50px;
    padding-bottom: 15%;
}
#attr-inform .form-head-h1 {
    text-align: center;
}
 #attr-inform #stay-inf-two-col-cnt img.signup-form-bg-si {
        width: fit-content;
        left: 0;
    }
@media(min-width:991px){
#attr-inform #form-container-sign-up-si .azcl-columns__base {
    display: grid;
    gap: 0px;
    /* grid-template-columns: repeat(var(--col-count), 1fr); */
    grid-template-columns: 40% 60%;
}
   
}
@media(max-width:991px){
    
    h1.h1-form-head-si br {
    display: none;
}
     #attr-inform #stay-inf-two-col-cnt h1.h1-form-head-si {
        font-size: 28px;
        line-height: 25px;
        padding-top: 15px;
    }
    #attr-inform #form-container-sign-up-si {
    padding-bottom: 15%;
    min-height: auto;
}
}
@media only screen and (max-width: 768px) {
    .attr-reference {
    margin-top: 20px;
}
    body {
        padding-top: 0px !important;
    }
}