/***side-effcts****/
.mg-16{
    margin-bottom:16px;
}
.link-color{
    color:#C804CB !important;
}
.clinical-data-sec {
  display: flex;
  justify-content: center;
  align-items: center;
}

.clinical-desc p {
  font-family: 'Saira';
  font-weight: 500;
  color: #7C007E;
  font-size: 24px;
  line-height: 32px;
}

p.clinical-head {
  font-size: 22px;
  line-height: 36px;
  color: #000000;
  font-family: 'Inter';
}

p.clinical-foot {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.image-sec {
  margin: 16px auto 40px;
  border-radius: 8.3px;
}

div#most-common-side-effects p.page-subhead {
  margin: 25px 0 10px;
  color: #21272A;
}

.bullet-list.pink-list li {
  color: #FF00EB !important;
}

.eye-section {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 42px;
}

.visual-effect-sec .flex-sec {
  display: flex;
  justify-content: center;
  padding: 19px 0 31px;
  align-items: center;
}

.visual-effect-sec .flex-sec .vis-flex {
  max-width: 200px;
}

.cmp-text:has(div#visual-effect-sec) {
  /*box-shadow: 2.9px 2.9px 11.61px 0px rgba(100, 2, 100, 0.25);*/
  position: relative !important;
}

.visual-effect-sec {
  padding: 45px 23px;
    /*border: 2px solid #BAC9FA;*/
    /*border-radius: 16px;*/
    /*margin-bottom: 60px;*/
  max-width: 1000px;
  margin: 0 auto;
    /*box-shadow: 0px 4px 16px 0px rgb(100, 2, 100, 0.25);*/
  ;
}

.visual-effect-sec .flex-sec .vis-flex img {
  margin: 0 auto 16px;
  display: block;
}

.visual-effect-sec .flex-sec .vis-flex p {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #464646;
}

#most-common-side-effects,#certain-visual-effects,#less-common-side-effects,#monitoring-and-testing {
  scroll-margin-top: 27px;
}

#side-effects .newly-added-content > p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Inter';
}

.visual-effect-sec .flex-sec hr {
  background: #BAC9FA;
  border: 0;
  width: 2px;
  min-height: 209px;
  height: 100%;
}

.visual-effect-sec>p.sec {
  font-size: 16px;
  line-height: 20px;
  color: #7C007E;
  text-align: center;
}

#most-common-side-effects .list-sec {
  margin-bottom: 30px;
}

#certain-visual-effects {
  margin-top: 60px;
}

.text:has(#less-common-side-effects),.text:has(#monitoring-and-testing) {
  background: radial-gradient(#E9EFFF, #FFFFFF, #FFFFFF, #FDEEE7);
  padding: 60px 0 40px;
}

div#less-common-side-effects .sec-body, div#monitoring-and-testing .sec-body{
  color: #21272A;
  padding-top: 24px;
}

.effects-sec .flex {
  display: flex;
  gap: 16px;
  padding: 6.5px 0;
}

.effects-sec .flex h4 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 800;
  color: #640264;
  font-family: 'Saira';
  text-transform: uppercase;
  font-style: italic;
}

.effects-sec .subhead {
  padding: 16px 0 10px;
  font-size: 18px;
  line-height: 27px;
}

#side-effects .text:has(.inner-sec) {
  background: radial-gradient(72.95% 71.86% at 87.11% 9.86%, #FFFFEA 0%, #FFF4FF 100%);
}

div#less-common-side-effects .cmp-separator hr,div#monitoring-and-testing .cmp-separator hr{
  margin: 24px auto;
  margin-bottom: 0 !important;
}

.common-effects>p:not(:last-child) {
  margin-bottom: 16px;
}

.common-effects>p {
  line-height: 19px;
}

#side-effects #submenu-nav-sec {
  margin: 0 auto !important;
}

#side-effects #submenu-nav-sec~div>.eye-section {
  margin: 30px 0 25px;
  justify-content: center;
}

#side-effects p.clinical-foot,
#side-effects p.clinical-head {
  font-weight: 400;
}

#side-effects .bullet-list li {
  padding-left: 20px;
}

#side-effects .bullet-list li:before {
  left: 6px;
}

#side-effects .page-callout-sec {
  color: #A005A2;
  text-align: center;
}

#dose-1 .new-content-pink,
#dose-2 .new-content-pink {
  color: #640264;
  text-align: center;
  margin-top: 60px;
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
}

#dose-2 .new-content-pink > p:not(:last-child) {
  margin-bottom: 22px;
}

#dose-1 .new-content-pink {
  margin-top: 25px;
}

#side-effects  .text:has(#less-common-side-effects),#side-effects  .text:has(#monitoring-and-testing) {
  background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/side-effects/desktop/bg-gradient-container.png);
  background-size: cover;
}

#most-common-side-effects p.page-heading {
  letter-spacing: -3%;
}

#side-effects .effects-sec.sec1 > .bottom_16 {
  margin-bottom: 16px;
}

#side-effects .common-effects {
  font-size: 16px;
}

.visualeffect {
  width: 100%;
}

.photopsia-section {
  display: flex;
  align-items: center;
  margin: 0px auto 42px;
}

.photopsia-content {
  /*background: linear-gradient(90deg, #FFFFFF 0%, #EBF0FF 100%);*/
  background: radial-gradient(68.41% 150.87% at 27.38% 97.81%, #FFFFFF 0%, #EBF0FF 100%) ;
  padding: 30px;
  min-height: 290px;
  display: flex;
  align-items: center;
  border-radius: 16px 0 0 16px;
  box-shadow: 4px 4px 16px 0px rgb(100 2 100 / 25%);
}

.photopsia-content p span {
  color: #21272A;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-top: 25px;
  max-width: 271px;
}

.photopsia-content p {
  font-size: 18px;
  line-height: 27px;
  max-width: 302px;
}

.image-sec.photopsia-image {
  margin: 0;
}

#side-effects .visual-effect-sec .flex-sec .vis-flex.drive {
  max-width: 267px;
}

.eye-section p {
  font-size: 18px;
}

.effects-sec .flex {
  padding-bottom: 0;
}

#side-effects .effects-sec.sec1>.bottom_16 {
  margin-bottom: 22px;
}

#side-effects .bullet-list li {
  padding-bottom: 0px;
}

#side-effects .effects-sec .subhead {
  padding: 16px 0 5px;
}

div#less-common-side-effects .cmp-separator hr,div#monitoring-and-testing .cmp-separator hr {
  margin: 30px auto;
  /*margin-bottom: 8px !important;*/
}

.text:has(#less-common-side-effects) ,.text:has(#monitoring-and-testing){
  background: radial-gradient(#E9EFFF, #FFFFFF, #FFFFFF, #FDEEE7);
  padding: 60px 0 60px;
}

.letter-spc {
  letter-spacing: -0.03em;
}

.common-effects>p:not(:last-child) {
  margin-bottom: 18px;
}

#side-effects .common-effects {
  font-size: 16px;
  padding-top: 40px;
}

div#less-common-side-effects .sec-body ,#monitoring-and-testing .sec-body{
  padding-top: 0;
}

.visual-effect-sec {
  padding: 0px 23px 28px;
}

.visual-effect-sec .flex-sec {
  padding: 19px 0 40px;
}

#side-effects .visual-effect-sec .flex-sec {
  padding-top: 37px;
}

.max-width:has(.inner-sec.patient-cust) {
  padding: 0px 0px;
  max-width:1000px;
}
.inner-sec.patient-cust{
    max-width:100%;
}
.clinical-data-sec{
    justify-content:unset;
        margin-top: 24px;
}

@media screen and (max-width: 991px) {
  #side-effects .cust-fein .cust-aac {
    font-size: 16px!important;
    line-height: 22px!important;
    text-align: center;
    width: 286px;
  }
  .effects-sec .flex {
    padding-bottom: 0;
    align-items: flex-start;
}

.first-para-text.first-para-text{
    margin-top:10px;
}
#side-effects .max-width:has(.inner-sec.patient-cust) {
         padding-top: 0px;
        }
  /*#less-common-side-effects .cmp-separator ,#monitoring-and-testing .cmp-separator{*/
  /*  display: none;*/
  /*}*/

  #side-effects .cust-fein .cust-pea {
    color: #000000!important;
    font-size: 16px!important;
    line-height: 22px!important;
    text-align: center;
    font-weight: 400!important;
    padding-top: 15px;
    font-family: 'Inter'!important;
  }

  #side-effects .cust-fein .cust-blv {
    font-weight: 600!important;
    text-align: center;
  }

  .effects-sec.sec1>p:nth-child(2) {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  #side-effects .newly-added-content > p:last-child {
    margin-bottom: 25px;
  }

  #metastatic-breast-cancer .page-cta-sec > div:before {
    top: 17px;
  }

  #side-effects .effects-sec.sec1 ul.bullet-list li {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 0;
  }

  .flex-sec {
    flex-direction: column;
  }

  #side-effects .text:has(#less-common-side-effects),  #side-effects .text:has(#monitoring-and-testing) {
    background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/side-effects/desktop/bg-gradient-container-mob.png);
    background-size: 100% 100%;
  }

  .visual-effect-sec .flex-sec hr {
    min-height: 2px;
    width: 100%;
    margin: 23px 0;
  }

  .clinical-data-sec {
    flex-direction: column;
    padding: 0 33px;
    padding-bottom: 20px;
        margin-top: 24px;
  }

.clinical-value.img-pepi{
        position: relative;
           top: -59px;
}
  .clinical-data-sec .clinical-desc {
        margin-top: -157px;
  }
.clinical-data-sec.cust-fein{
    /*padding-top:25px;*/
    margin:24px 0 0;
}
  #less-common-side-effects .cmp-separator hr ,#monitoring-and-testing .cmp-separator hr {
    margin: 24px auto 0;
  }

  #less-common-side-effects .effects-sec.sec1+.cmp-separator hr,#monitoring-and-testing .effects-sec.sec1+.cmp-separator hr{
    margin-bottom: 20px;
  }

  #side-effects .bullet-list li {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 10px;
    color: #464646;
  }
img.blood-icon {
    /*margin-right: 29px;*/
}
  #certain-visual-effects .eye-section {
    align-items: flex-start;
  }

  #taking-etcamah #dose-2 .dose-flex:last-child {
    padding-bottom: 30px;
  }

  #taking-etcamah #dose-2 {
    margin-bottom: 36px;
  }

  #taking-etcamah .page-cta-sec {
    padding-top: 30px;
    background: linear-gradient(226deg, rgba(231, 164, 236, 0.5) 9.23%, rgba(255, 253, 175, 0.5) 100%);
  }

  #side-effects .max-width:has(.inner-sec) {
    padding-top: 25px;
  }

  .photopsia-section {
    flex-direction: column-reverse;
    margin: 15px auto 50px;
  }

  .photopsia-content {
    margin: 0 15px;
    border-radius: 0 0 16px 16px;
    min-height: auto;
    padding: 25px 30px;
  }

  .photopsia-content p {
    text-align: center;
  }

  .photopsia-content p span {
    padding-top: 35px;
  }

  .visual-effect-sec {
    padding: 23px 23px 0px;
  }
    /*update*/
  .text:has(#less-common-side-effects),.text:has(#monitoring-and-testing) {
    padding: 40px 0 60px;
  }

  #side-effects .submenu-navigation hr.submenu-line {
    height: 129px;
    top: 39px;
  }

  #side-effects #submenu-nav-sec~div>.eye-section {
    margin: 30px 0 40px;
  }

  div#less-common-side-effects .sec-body,#monitoring-and-testing .sec-body{
    padding-top: 17px;
  }

  .first-para-text {
    margin-top: 30px;
  }

  #side-effects .common-effects {
    padding-top: 44px;
  }

  .visual-effect-sec .flex-sec .vis-flex {
    max-width: 100%;
  }

  .visual-effect-sec .flex-sec {
    padding: 19px 0 44px;
  }
  .d-none-mob{
    display:none;
}
}

#side-effects .text:has(#monitoring-and-testing){
     background:white;
}
#side-effects .new-mg{
    margin:0 0 15px;
}
#side-effects .health-care-text{
    margin: 30px 0px 0 !important;
}
.blood-mg{
    margin:40px 0 21px;
}
#side-effects #most-common-side-effects .bullet-list li{
    color: #21272A;
}
@media screen and (min-width:992px) {
    div#monitoring-and-testing img

 {
    max-width: 70px;
}
  #side-effects .cust-fein .cust-aac {
    font-size: 16px!important;
    line-height: 22px!important;
    max-width: 100%;
  }
 #side-effects .blood-icon{
    /*margin-right: 29px;*/
}
  #side-effects .cust-fein .cust-pea {
    color: #000000!important;
    font-size: 16px!important;
    line-height: 22px!important;
    font-weight: 400!important;
    padding-top: 15px;
    font-family: 'Inter'!important;
  }

  #side-effects .cust-fein .cust-blv {
    font-weight: 600!important;
  }

  #side-effects .clinical-desc {
            padding-left: 26px;
  }

  #side-effects .visual-effect-sec>p.text-center:first-child {
    font-size: 16px;
    line-height: 20px;
  }

  #side-effects .page-callout-sec {
    padding: 66px 0;
  }

  #side-effects .visual-effect-sec .flex-sec {
    align-items: flex-start;
  }

  #side-effects .visual-effect-sec .flex-sec .vis-flex {
    padding-top: 12px;
  }

  #side-effects .eye-section .list-sec {
    padding-left: 10px;
  }

  .clinical-data-sec .clinical-value {
    max-width: 250px;
    width: 100%;
            height: 199px;
  }

  .clinical-data-sec .clinical-value img {
           width: 118%;
        max-width: unset;
        position: relative;
        top: -67px;
  }

  .visual-effect-sec .flex-sec {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
  }

  #side-effects .visual-effect-sec .flex-sec .vis-flex {
    min-width: 240px;
  }

  .visual-effect-sec .flex-sec hr {
    margin: 0 41px;
    min-height: 172px;
  }

  #side-effects .visual-effect-sec .flex-sec .vis-flex:nth-child(5)+hr {
    display: none;
  }
  #monitoring-and-testing .effects-sec .flex:has(img) {
    align-items: center;
}
/*Staging code*/ 
#less-common-side-effects .sec-body{
    margin-top:8px;
}
}
@media screen and (max-width:991px) {
#less-common-side-effects .effects-sec .flex {
    align-items: center;
    padding-top: 0;
}
}
@media screen and (min-width:393px) and  (max-width:991px) {
  #side-effects .text:has(#less-common-side-effects),#side-effects .text:has(#monitoring-and-testing) {
    background-repeat: no-repeat!important;
    background-size: cover!important;
  }
}

@media screen and (min-width:992px) and  (max-width:1070px) {
  #side-effects .max-width:has(.inner-sec) {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }
}