.pinktext{
    color:#AD5C6D;
}
.underline{
    text-decoration: underline;
}
#side-effects .cmp-text
{
    padding:0;
}
/*#side-effects #main-section {*/
/*    padding-top: 59px;*/
/*}*/

#side-effects #banner-content #banner-main-border > .aem-Grid {
        border-top-right-radius: 150px;
        border-top-left-radius: 20px;
}

#side-effects #main-section #banner-main-border #banner-main-text {
    margin-bottom:13px;
}

#side-effects #main-card-grid #card-section .content-card-section .content-text-section > .card-text {
    font-size: 22px;
    line-height: 30px;
   
}

#side-effects #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title {
    font: 400 45px / 50px "Open Sans", sans-serif;
    /* letter-spacing: 3px; */
}

#side-effects #main-card-grid #card-section .content-card-section .content-text-section {
        padding: 16px 20px 20px;
    }
#side-effects #main-card-grid #card-section .content-card-section .content-text-section{
    margin-top:0;
} 
#side-effects .content-card-section {
            padding: 0 !important;
            margin-bottom:30px;
        }    
#side-effects .bullet-columns ul li::marker,
#side-effects #main-card-grid #card-section ul li::marker
{
        font-size: 18px;
        line-height: 22px;
    }
#side-effects #main-card-grid #card-section ul.subtypes-list.card-text{
    margin-left:34px;
}

#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background .content-card-section{
   background-color: #FAF3F7;
   border:none;
}
#side-effects #main-card-grid #card-section .container.responsivegrid .content-card-section.border-top-right{
        border-radius: 40px 120px 40px 40px;
    }
#side-effects .list-space{
    padding-top:10px;
    padding-bottom:15px;
}
#side-effects .bullet-columns{
        margin-left: 21px;
    }
#side-effects #main-card-grid #card-item2,
#side-effects #main-card-grid #card-section #lady-img{
  border: 4px solid #e0e7f0;
  border-radius: 40px 123px 40px 40px;  
}
#side-effects #main-card-grid #card-section #card-item2 .content-card-section,
#side-effects #main-card-grid #card-section #lady-img #card-4 .content-card-section,
#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background #card-item7 .content-card-section,
#side-effects #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button),
#side-effects #main-card-grid #card-section #main-text-section .content-card-section,
#side-effects #button-last-section .button:nth-of-type(2).pink-gradient{
   margin-bottom:0;
}

#side-effects #main-card-grid #card-section #card-item2,
#side-effects #main-card-grid #card-section #lady-img{
   margin-bottom:30px;
}

#side-effects #main-card-grid #card-section 
  > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container 
  > .aem-Grid:has(.content-card-section.border-image-right) {
    flex-direction: column-reverse;
}


#side-effects #main-card-grid #card-section .container.responsivegrid #card-item8 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item4 .content-card-section.border-top-right{
    border-top-left-radius: 36px;
}
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item3 .content-card-section.border-top-right{
    border-top-left-radius: 36px;
    border-bottom-left-radius: 56px;
    border-bottom-right-radius: 56px;
    /*background-color: transparent;*/
}
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item5 .content-card-section.border-top-right{
    border-top-left-radius: 26px;
    /*background-color: transparent;*/
}
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item6 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item7 .content-card-section.border-top-right{
      border-top-left-radius: 26px;
}
#side-effects #main-card-grid #card-section #text-section .content-card-section .content-text-section{
    padding-bottom: 0px;
}

#side-effects #button-last-section .aem-Grid .button:nth-of-type(2) a {
    padding: 5px 7px;
}
#side-effects #card-item7 .list-space1 {
        padding-top: 4px;
        padding-bottom:18px;
    }

#side-effects #main-card-grid #card-section #card-item7 .content-card-section .content-text-section .list-space1 {
    padding-right:6px;
}


#side-effects .disblock{
    display: inline-block;
}

#side-effects #main-card-grid #card-section #card-item4 .content-card-section .content-text-section,
#side-effects #main-card-grid #card-section #lady-img .content-card-section .content-text-section{
    padding-left:19px;
    padding-right:19px;
}

#side-effects #banner-main-border #content-section-banner .breadcrumb.pink-text{
   padding-right: 41px;
}
#side-effects #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right){
    border:none;
}

#side-effects .padright{
    padding-right:11px;
}
#side-effects #banner-main-border #content-section-banner .breadcrumb.pink-text .cmp-breadcrumb__item > .cmp-breadcrumb__item-link{
    padding-right: 4px;
}

/* Desktop CSS Start */

@media (min-width: 992px) {
/*    #side-effects #main-section {*/
/*    padding-top: 75px;*/
/*}*/
#side-effects #banner-content #banner-main-border > .aem-Grid {
        border-top-right-radius:250px;
        border-top-left-radius: 56px;
}
#side-effects #banner-main-border #content-section-banner .breadcrumb.pink-text{
    width:100%;
}

#side-effects #main-card-grid #card-section 
  > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container 
  > .aem-Grid:has(.content-card-section.border-image-right) {
    flex-direction: row;
}
#side-effects #main-card-grid #card-section .content-card-section .content-text-section > .card-text {
    font-size:27px;
    line-height:40px;
   
}

#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background .content-card-section {
        max-height: none;
        min-height: 707px;
    }    

#side-effects .content-card-section {
            padding: 0;
            margin-bottom: 40px;
        }
#side-effects #main-card-grid #card-section .content-card-section .content-text-section {
        padding: 30px 40px 30px;
    }
#side-effects .bullet-columns ul li::marker,
#side-effects #main-card-grid #card-section ul li::marker{
        font-size: 25px;
        line-height: 27px;
    }
#side-effects .bullet-columns
{
        display: flex;
        gap: 95px;
        margin-left: 27px;
    }
#side-effects #main-card-grid #card-section ul.subtypes-list.card-text {
    margin-left: 41px;
}


#side-effects .list-space{
    padding-top:14px;
}
#side-effects #main-card-grid #card-section .container.responsivegrid .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section #lady-img,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item3 .content-card-section.border-top-right
{
    border-radius:56px 200px 59px 56px;
}

#side-effects #main-card-grid #card-item2
{
  border-radius: 60px 200px 59px 56px;  
}
#side-effects #main-card-grid #card-item2{
     border-top-right-radius:203px;
}
#side-effects #main-card-grid #card-section #lady-img{
    border-top-right-radius:254px;
}
#side-effects #main-card-grid #card-item2  .bullet-columns {
        gap: 42px;
}
#side-effects #main-card-grid #card-section #card-item2 .content-card-section .content-text-section{
    padding-bottom: 26px;
}

/*#side-effects #main-card-grid #card-section > .aem-Grid > .container > .cmp-container > .aem-Grid > .container{*/
/*   gap:40px*/
/*}*/

#side-effects #main-card-grid #card-section #card-item2 .content-card-section,
#side-effects #main-card-grid #card-section #lady-img #card-4 .content-card-section,
#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background #card-item7 .content-card-section{
   margin-bottom:0;
}
#side-effects #main-card-grid #card-section #card-item2,
#side-effects #main-card-grid #card-section #lady-img,
#side-effects #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button) {
   margin-bottom:40px;
}

#side-effects #main-card-grid #card-section #card-item3 .content-card-section .content-text-section {
        padding-bottom:30px;
    }

#side-effects #card-section .container.responsivegrid:has(#card-4 .content-card-section.border-image-right) .image {
        max-width: 542px;
        max-height: 621px;
    }
    
#side-effects #main-card-grid #card-section #card-4 .content-card-section .content-text-section{
        padding-right:0;
        padding-bottom:28px;
    }

#side-effects #main-card-grid #card-section #card-item5 .content-card-section{
        max-height: none;
        min-height: 283px;
    }

#side-effects #main-card-grid #card-section .container.responsivegrid #card-item5 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item6 .content-card-section.border-top-right{
        border-radius: 40px 200px 40px 40px;
    }

#side-effects #card-item5 .list-space{
    padding-bottom: 0px;
}
#side-effects #card-item7 .list-space1 {
        padding-top: 4px;
        padding-bottom:18px;
    }

#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background #card-item7 .content-card-section {
        max-height: none;
        min-height: 681px;
    }

#side-effects #main-card-grid #card-section #card-item3 .content-card-section .subtypes-list {
       padding-top:3px;
    }
    
    
    #side-effects #main-card-grid #card-section #card-item8 .content-card-section .content-text-section{
        max-height:none;
        min-height:854px;
    }
    #side-effects #main-card-grid #card-section #main-text-section .content-card-section .content-text-section{
     padding-top:52px;
      padding-left:38px;
    }
    #side-effects #main-card-grid #card-section #main-text-section .content-card-section {
        margin-bottom:18px;
    }
#side-effects #main-section .banner-sub-text{
    max-width: none;
    padding-right: 82px;
    padding-bottom: 40px;
}
#side-effects #banner-main-text .cmp-title__text{
    margin-bottom: 13px;
}
#side-effects #main-section #banner-main-border #banner-main-text span {
        font: 400 64px / 70px "Open Sans", sans-serif;
}
#side-effects #main-card-grid #card-section .container.responsivegrid.blue-background .content-card-section,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item3 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item5 .content-card-section.border-top-right{
    background-color: #FAF3F7;
    border:none;
}
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item8 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item4 .content-card-section.border-top-right,
#side-effects #main-card-grid #card-section .container.responsivegrid #card-item7 .content-card-section.border-top-right{
    border-top-left-radius:56px;
}
#side-effects #button-last-section .aem-Grid .button:nth-of-type(2) a {
    padding: 5px 15.5px;
}
#side-effects #button-last-section .aem-Grid .button.pink-gradient #home-button {
    padding: 5px 11.5px;
}
#side-effects #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid{
    gap:27px;
    
}
#side-effects #main-card-grid #card-section #card-item4 .content-card-section .content-text-section{
    padding-left:40px;
    padding-right:40px;
}

#side-effects #main-card-grid #card-section #lady-img .content-card-section .content-text-section{
    padding-left:40px;
}
#side-effects #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title {
    font: 400 45px / 55px "Open Sans", sans-serif;
    /* letter-spacing: 3px; */
}
}
 @media screen and (min-width:1104px) and  (max-width:1190px)
  {
  #side-effects #main-card-grid #card-section .container.responsivegrid #card-item3 .content-card-section.border-top-right
{
    border-top-right-radius: 140px !important;
}    
}
@media screen and (min-width: 631px) and (max-width:991px)
{
#side-effects #main-card-grid #card-item2 {
   border-top-right-radius:310px!important;
   border-top-left-radius: 86px !important;
     overflow: hidden;
   
}
#side-effects #main-card-grid #card-section #lady-img {
  
   border-top-right-radius:442px!important;
   border-top-left-radius: 0 !important;
     overflow: hidden;
}
}
@media screen and (min-width: 631px) and (max-width:767px)
{
 #side-effects #main-card-grid #card-section #lady-img {
   border-top-left-radius: 78px !important;
     overflow: hidden;
} 
}
@media screen and (min-width: 992px) and (max-width:1069px)
{
 #side-effects .bullet-columns {
        display: block !important;
 }
}
@media screen and (min-width: 992px) and (max-width:1400px)
{
    #side-effects #main-card-grid #card-item2{
  border-top-right-radius: 191px !important;
   border-top-left-radius: 40px !important;
   overflow: hidden;
    }
    #side-effects #main-card-grid #card-section #lady-img {
           overflow: hidden;
    }
   #side-effects  #button-last-section{
      padding-right: 13px;
    padding-left: 25px;  
    }
    
   #side-effects #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title
    {
      letter-spacing: 0px !important;  
    }
}
@media screen and (min-width: 400px) and (max-width:630px)
{
#side-effects #main-card-grid #card-item2, #side-effects #main-card-grid #card-section #lady-img {
    border-top-right-radius: 199px !important;
     border-top-left-radius: 62px !important;
     overflow: hidden;
}


}

@media screen and (min-width: 320px) and (max-width:385px)
{
#side-effects #main-card-grid #card-item2, #side-effects #main-card-grid #card-section #lady-img{
    overflow: hidden;
}
#side-effects #button-last-section > .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    padding-left: 16px;
    padding-right: 16px;
}
}

 @media screen and (min-width:1148px) and  (max-width:1187px){
#side-effects #banner-main-text .cmp-title__text{
    padding-right: 40px !important;
}
 
 }
 
 
 @media screen and (min-width:337px) and  (max-width:355px){

#side-effects .text-nowrap{
    white-space: nowrap!important;
}
 
 } 
  @media screen and (min-width:329px) and  (max-width:338px){

#side-effects .padright {
    padding-right: 28px !important;
}

 }
 @media screen and (min-width:409px) and  (max-width:415px){

#side-effects .padright {
    padding-right: 18px !important;
}

 }

 @media screen and (min-width:337px) and  (max-width:357px){

#side-effects #main-card-grid #card-section #card-item4 .content-card-section .content-text-section > .card-text.title{
    padding-right:21px!important;
}

 }
  @media screen and (min-width:431px) and  (max-width:448px){

#side-effects #main-card-grid #card-section #card-item4 .content-card-section .content-text-section > .card-text.title{
    padding-right:21px!important;
}

 }
   @media screen and (min-width:554px) and  (max-width:573px){

#side-effects #main-card-grid #card-section #card-item4 .content-card-section .content-text-section > .card-text.title{
    padding-right:20px!important;
}

 }
 @media screen and (min-width:992px) and  (max-width:995px)
 {
 #side-effects #main-card-grid #card-section #card-item3 .content-card-section .content-text-section {
        padding-bottom: 60px;
    }
 }