.header{
    position: relative !important;
  }
  .shopPersonalProds .slds-required, .configModal .slds-required, .Simple-Login2  .slds-required{
    display: none;
  }

  .Header-Desktop .component-wrapper-spacer {
    margin-bottom: 0;
  }

  .Header-Xl nav.lwc-59kp5sov61j a:hover.lwc-59kp5sov61j, nav.lwc-59kp5sov61j a:active.lwc-59kp5sov61j{
    text-decoration: underline;
    background-color: unset;
  }

  .Header-Xl .navMenus .Header-Nav-Item1:hover, .Header-Nav-Item2:hover {
    background-color: #eee;
  }

  .Secondary-Buttons-Continue:hover {
    background-color: #005b92;
    border-color: #005b92;
    color: #fff;
    transition: background-color 0.2s linear;
}

  .Secondary-Buttons-Continue {
    height: 47px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 14px 20px;
    border-radius: 4px;
    border: solid 1px #077ac1;
    background-color: #077ac1;
    color: #fff;
}

  .Header-Desktop .Promo-Bar {
    height: 40px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    *flex-direction: row;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 8px 40px;
    background-color: #045c92;
  }

  .Header-Desktop .Promo-Bar .Frame-27 {
    width: 400px;
    height: 21px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    padding: 0;
  }

  .Shape {
    width: 5.3px;
    height: 9.3px;
    background-color: #fff;
  }

  .Header-Desktop .Promo-Bar .Frame-27 .Free-Ground-Shipping {
    width: 354px;
    height: 21px;
    flex-grow: 0;
    
    font-size: 13px;
    font-weight: normal;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-left: 4%;
  }

  .Shape {
    width: 5.3px;
    height: 9.3px;
    background-color: #fff;
  }

  img.chevron-left-fill {
    width: 16px;
    height: 16px;
    flex-grow: 0;
    object-fit: contain;
  }

  img.chevron-right-fill {
    width: 16px;
    height: 16px;
    flex-grow: 0;
    object-fit: contain;
  }

  .Nav-Wrapper {
    height: 64px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 10px 40px;
    background-color: #ecf5fa;
  }
 
  .Frame-11651 {
    width: 94px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    *gap: 6px;
    padding: 0;
  }

  img.solarlogout-outline {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
    max-width: none;
  }

  .Frame-11652 {
    *width: 326px;
    *height: 44px; 
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2px;
    padding: 0;
    border-radius: 10px;
  }

  .Frame-11657 {
    *width: 326px;
    *height: 44px; 
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0;
  }

  .Frame-11655 {
    height: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
  }

  .Frame-11653, .Frame-11653 .guest-user, .Frame-11653 .loggedin-user {
    width: 234px;
    height: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 0;
  }

  .Frame-11654 {
    width: 218px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    padding: 0;
  }

  .welcomelabel {
    height: 21px;
    align-self: stretch;
    flex-grow: 0;
    
    font-size: 14px;
    *font-weight: 500;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.14px;
    text-align: left;
    color: #000;
  }

  .greetinglabel {
    height: 21px;
    align-self: stretch;
    flex-grow: 0;
    
    font-size: 14px;
    font-weight: normal;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #045c92;
  }
  
  .greetinglabel .text-style-1 {
    line-height: 1.5;
    color: #000;
  }

  /* .Text-Links {
    *width: 52px;
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 0;
  } */

  .Label-Wrapper {
    width: 52px;
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    *padding: 1px 0 0;
  }

  .Label-Wrapper-LogOut{
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .logoutlabel {
    width: 52px;
    height: 19px;
    flex-grow: 0;
    
    font-size: 16px;
    font-weight: normal;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000;
  }

  .Frame-28 {
    *width: 116px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    padding: 0;
  }

  .Label-Wrapper1 {
    height: 24px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    padding: 0;
  }

  .Frame-11651_a {
    width: 116px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    *gap: 6px;
    padding: 0;
  }

  img.Account {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
  }

  .Text-Link-Header {
    width: 86px;
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding-left: 6px;
  }

  .Text-Link-Header-myAcc {
    width: 11.9rem;
     height: auto;                        /*20px; */
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    *gap: 2px;
    padding-bottom: 1.3rem;
  }

  .Label-Wrapper2 {
    width: 86px;
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1px 0 0;
  }

  .myAccountlabel {
    width: 86px;
    height: 19px;
    flex-grow: 0;
    
    font-size: 16px;
    font-weight: normal;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000;
  }

  .Header-Desktop .Nav-Wrapper1 {
    *height: 80px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 16px 40px 20px;
    background-color: #fff;
  }

  .Vector1 {
    width: 9.4px;
    height: 40px;
    flex-grow: 0;
    background-color: #a6d1ea;
  }

  .Mask-group {
    width: 40px;
    height: 40px;
    flex-grow: 0;
  }

  img.WK-Logo-Dark {
    width: 247.7px;
    height: 40px;
    flex-grow: 0;
    object-fit: contain;
    cursor: pointer;
  }

  .Frame-11660 {
    *height: 44px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    *gap: 20px;
    *padding: 2px 0 0 20px;
  }

  .Rectangle-12 {
    width: 1px;
    align-self: stretch;
    flex-grow: 0;
    background-color: #d8d8d8;
  }

  .Header-Nav-Item1 {
    width: 103px;
    height: 42px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
  }

  .label1 {
    width: 79px;
    height: 22px;
    flex-grow: 0;
    
    font-size: 18px;
    font-weight: normal;
    *font-stretch: normal;
    *font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    *color: #000;
    cursor: pointer;
  }

 .Header-Nav-Item2 {
  width: 193px;
  height: 42px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.Header-Nav-Item2 .label2 {
  width: auto;
  height: 19px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
}

.label2 {
  width: 153px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: normal;
  *font-stretch: normal;
  *font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  *color: #000;
  cursor: pointer;
}

.Header-Nav-Item3 {
  width: 74px;
  height: 42px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.label3 {
  width: 50px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: normal;
  *font-stretch: normal;
  *font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Frame-11658 {
  *width: 259.3px;
  *height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 0;
}

.Cart-with-No {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}

img.Cart {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}

.Vector2 {
  width: 20.2px;
  height: 14.3px;
  background-color: #000;
}

.Rectangle-line{
  padding: 1px;
  width: 1px;
  height: 26px;
  flex-grow: 0;
  background-color: #000;
}

.configModalIcon {
  --slds-c-icon-color-foreground-default: #fff;
}

/*--------------- Header Mobile Start --------------*/
@media only screen and (max-width: 600px) {
  
  .Header-Desktop .Nav-Wrapper {
    padding: none;
    padding-right: 1rem;
  }

  .Header-Desktop .Nav-Wrapper .Frame-11655 {
    justify-content: flex-start;
  }

}
  
  /*--------------- Header Mobile Ends --------------*/
  /* static resource B2BUpToDate */

/*--------------- Login Page Starts --------------*/
.Create-Account-Login-Landing-Page-Desktop {
  *width: 1440px;
  *height: 1808px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  background-color: #fff;
}
.Header-Xl {
  *width: 1440px;
  *height: 177px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 0 1px;
  border-bottom: solid 1px #d8d8d8;
  background-color: #fff;
}
.Header-Desktop {
  *height: 176px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 0;
}
.Frame-11884 {
  height: 443px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}
.footer {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  background-color: #fff;
}
.Footer-Desktop {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 40px 40px 20px;
  background-color: #023b5f;
}
.Frame-11885 {
  height: 1365px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0 0 40px;
  border: solid 720px #f7f7f7;
}
.Promo-Bar {
  height: 40px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 40px;
  background-color: #045c92;
}

.Nav-Wrapper2 {
  height: 80px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 16px 40px 20px;
  background-color: #fff;
}

.Row {
  height: 1132px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  padding: 0 40px;
}

.Column1 {
  height: 539px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
  padding: 0;
}

.Column2 {
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  /* padding: 32px; */
  padding-top: 25px;
  background-color: #f7f7f7;
}

.login_Page .Simple-Login1 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  padding: 32px;
  border-radius: 8px;
}

.Dialog-Headline-Text1_login_Page {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text2_login_Page {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Simple-Login2 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  padding: 32px;
  border-radius: 8px;
}

.Frame-11922 {
  height: 19px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.login_Page .Content1 {
  height: 90px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 8px;
}

.Content2 {
  height: 90px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 16px;
}

.Dialog-Headline-Text {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text h2 {font-size: 32px; font-weight: normal;}

.Dialog-Headline-Text2 {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text {
  *height: 24px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}



.Frame-12061 {
  /*height: 111px; */
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 0;
  padding-top: 15px;
}

.Primary-Buttons1 {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

.Label-Wrapper1 {
  width: 172px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.label1 {
  width: 160px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  *color: #fff;
}

.Primary-Buttons2 {
  *height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
  color:#fff;
}

/* .Label-Wrapper2 {
  width: 164px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
} */

.label2 {
  width: 168px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  *color: #fff;
}

.Frame-11979 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0;
}

.Rectangle-19 {
  height: 1px;
  flex-grow: 1;
  background-color: #d8d8d8;
}

.OR {
  width: 21px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #464646;
}

.Rectangle-20 {
  height: 1px;
  flex-grow: 1;
  background-color: #d8d8d8;
}

.Secondary-Buttons_login_page {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 2px #077ac1;
  background-color: #fff;
}

button.slds-button.slds-button_neutral.Secondary-Buttons_login_page:hover {
  background-color: #ecf5fa !important;
  border: solid 2px #077ac1;
  transition: background-color 0.2s linear;
}

.Label-Wrapper3 {
  *width: 227px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.label3 {
  width: 245px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}

.Frame-11921 {
  height: 99px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0 32px;
}

.Content3 {
  height: 99px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  border-radius: 10px;
  border: solid 1px #ececec;
}

.Frame-11906 {
  height: 22px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.img.Chat-Support {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}

.Dialog-Headline-Text1 {
  width: 93px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Dialog-Headline-Text2 {
  width: 343px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Frame-11907 {
  height: 21px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0 28px;
}

.Text-Links1 {
  width: 166px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}

.Label-Wrapper1 {
  width: 166px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}

.label4 {
  width: 166px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
  padding-top: 1rem;
}

.Dialog-Content-Text2 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Frame-11711 {
  height: 101px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 0;
}

.Top-Row1 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.Label-Wrapper4 {
  width: 78px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.-Required {
  width: 8px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #e4202e;
}

.label5 {
  width: 66px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Field1 {
  height: 77px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.Top-Row2 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
}

.Label-Wrapper5 {
  width: 52px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label6 {
  width: 40px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Field1 {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.searchableCountries .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}


.passwordField .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.emailField .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.dateField .slds-input{
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.fix-slds-input_faux{
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.input {
  height: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.Value-Wrapper1 {
  height: 28px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2px 0 2px 4px;
}

.Label-Wrapper6 {
  width: 90px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label7 {
  width: 78px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Label-Wrapper7 {
  width: 88px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label8 {
  width: 76px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Label-Wrapper8 {
  width: 58px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label9 {
  width: 46px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Label-Wrapper9 {
  width: 118px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label10 {
  width: 106px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Value {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #929292;
}

.Label-Wrapper10 {
  width: 94px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label11 {
  width: 82px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Frame-11701 span.slds-form-element__label {
  cursor: pointer !important;
}

.Frame-11701 span.slds-radio_faux {
  cursor: pointer !important;
}

.Frame-11701 {
  height: 178px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0 0 8px;
}

.Radio-Button1 {
  height: 26px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.Indicator1 {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  padding: 2px;
  border-radius: 3px;
}

.Icon-Wrapper1 {
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  border: solid 1.5px #929292;
  background-color: #fff;
}

.Icon-Wrapper2 {
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  border: solid 1.5px #929292;
  background-color: #fff;
}

.Label-Wrapper11 {
  width: 90px;
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 2px 0 0;
}

.label12 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Label-Wrapper12 {
  width: 145px;
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 2px 0 0;
}

.Label-Wrapper13 {
  width: 212px;
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 2px 0 0;
}

.Label-Wrapper14 {
  width: 158px;
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 2px 0 0;
}

.Label-Wrapper15 {
  width: 89px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label13 {
  width: 77px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Field1_CreateAccount3 {
  line-height: 0px;
  height: 77px;
}
.Frame-11713 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 0;
}

.Checkbox-with-Text {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  padding: 0;
}

.img.Checkbox {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}

.Icon-Wrapper {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}

.Label-Wrapper16 {
  width: 229px;
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 2px 0 0;
}

.label14 {
  width: 229px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Primary-Buttons3 {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  background-color: #077ac1;
}

.Label-Wrapper17 {
  *width: 124px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.label15 {
  *width: 112px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}

.Bottom-Row {
  *width: 576px;
  height: 20px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}

.Helper-Text {
  
  *width: 371px;
  height: 40px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.14px;
  text-align: left;
  color: #000;
}

.Helper-Text .text-style-1 {
  color: #077ac1;
}

.Icon-Right-Wrapper {
  width: 24px;
  height: 20px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 2px;
}

img.Icon-Right {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}

.searchable-div{
  margin-top: -1rem;
}

.forgotPaswd-Text{
  flex-grow: 1;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.14px;
  text-align: right;
  color: #077ac1;
}
  
  
  /*--------------- Login Page Ends --------------*/

  /*--------------- Login Page Mobile Starts --------------*/

  @media only screen and (max-width: 600px) {
    
    .Dialog-Headline-Text {
      height: auto;
      align-self: stretch;
      flex-grow: 0;
      
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.2;
      letter-spacing: 0.48px;
      text-align: left;
      color: #000;
    }
    
    .Dialog-Content-Text {
      height: auto;
      align-self: stretch;
      flex-grow: 0;
      
      font-size: 15px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: #000;
    }

    .Dialog-Headline-Text1 {
      width: 93px;
      height: 22px;
      flex-grow: 0;
      
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.2;
      letter-spacing: normal;
      text-align: left;
      color: #000;
    }

    .Dialog-Headline-Text2{
      width: 343px;
      height: 22px;
      flex-grow: 0;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.2;
      letter-spacing: normal;
      text-align: left;
      color: #000;
    }
  }

  /*--------------- Login Page Mobile Ends --------------*/

/*--------------- Shop Personalized template in loginPage Starts --------------*/

   .shopPersonalProds .Simple-Login-3 {
    *height: 1132px; 
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    padding: 32px;
    border-radius: 8px;
  }


  .shopPersonalProds .Simple-Login-3 .Frame-11922-3 {
    *height: 207px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    padding: 0;
  }

  @media (max-width: 768px) {
    .shopPersonalProds .Simple-Login-3 .Frame-11922-3 {
      padding-bottom: 25px !important;
    }
  }

  @media (max-width: 403px) {
    .shopPersonalProds .Simple-Login-3 .Frame-11922-3 {
      padding-bottom: 50px !important;
    }
  }


  .shopPersonalProds .Text-Field-3 {
    *height: 77px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    gap: 6px;
    padding: 0;
  }

  .shopPersonalProds .Frame-11701-3, .configModal .Frame-11701-3 {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
  }

  .shopPersonalProds .Frame-11701-3 .slds-form-element{
    margin-bottom: unset;
  }
/* hover radio on persona start */
  .shopPersonalProds span.slds-form-element__label:hover {
    cursor: pointer !important;
 }

.shopPersonalProds span.slds-radio_faux:hover {
  cursor: pointer !important;
} 
/* hover radio on persona end */

  .shopPersonalProds .Frame-11701-3 .slds-form-element .slds-radio {
    padding: 0.5rem;
  }
  
  .shopPersonalProds .Radio-Button1-3, .configModal .Radio-Button1-3 {
    height: 26px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 1.2rem;
    padding-left: 0;
  }
  
  .solaradd-circle-broken {
    width: 32px;
    height: 10px;
    flex-grow: 0;
    padding: 1.5px 1.5px 1.5px 1px;
  }

  .solaradd-circle-broken .Vector {
    width: 29px;
    height: 29px;
    margin: 0 0 0 0.5px;
    *transform: rotate(-270deg);
    border: solid 3.2px #045c92;
    border-radius: 2rem;
    border-right: 0px;
    padding: 2px;
    margin-right: 10px;
    margin-top: 4px;
    object-fit: cover;
    float: left;
    line-height: 1.2;
    letter-spacing: 0.34px;
    text-align: center;
    color: #045c92;
    background-color: #fff;
  }

  .Label-Wrapper-Prof{
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 4px;
    padding: 0;
  }

  .label-Prof{
    height: 24px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .label-continue{
    width: 131px;
    height: 19px;
    flex-grow: 0;
    
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.32px;
    text-align: left;
    color: #077ac1;
  }

  .verification-div .Dialog-Content-Text {
    height: auto;
  }

  .verification-div .Frame-11921 {
    padding: 0;
    height: auto;
  }

  .verification-div .Content3 {
    height: auto;
  }

  .verification-div .Text-Field {
    *height: 77px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    gap: 6px;
    padding-top: 1rem;
  }
  
  .verification-div .Top-Row {
    *height: 24px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
  }

  .verification-div .Label-Wrapper {
    *width: 52px;
    *height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 4px;
    padding: 0;
  }

  .verification-div .label {
    *width: 40px;
    *height: 24px;
    flex-grow: 0;
    
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .verification-div .label-verifCode {
    flex-grow: 0;
    
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.32px;
    text-align: left;
    color: #fff;
  }


/*--------------- Shop Personalized template in loginPage Ends --------------*/

/*--------------- ProductList Page Starts --------------*/
.plp-header {display: flex; max-width: 1440px; margin: 0 auto;}
.plp-header p {margin-bottom: 1em;}
.plp-header .copy {width: 50%; background: #ececec; padding: 30px 50px; display: flex; align-items: center;}
.plp-header .image {width: 50%;}
.plp-header h1 {font-size: 48px; font-weight: 200; line-height: 1.2em;}
.plp-header h2 {font-size: 24px; margin-bottom: 0.5em;}
.plp-wrap {background: #ececec;}

.comparison-header {text-align: center; margin-bottom: 20px;}
.comparison-header h2 {font-size: 24px;}
.comparison-header-no-banner {padding-top: 20px;}

.section-basic {background: #ececec; text-align: center; color: #000; padding: 40px 20px; margin: 40px 0 0;}

@media (max-width: 768px) {
    .plp-header {display: grid;}
    .plp-header .copy {width: 100%;}
    .plp-header .image {width: 100%;}
}
/*--------------- ProductList Page Ends --------------*/

/*--------------- UTD-Pro ProductList Page Starts --------------*/

.UTD-Pro {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 60px 40px;
  background-color: #f8f8f8;
}

.UTD-Pro .Frame-11947 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 0;
}

.UTD-Pro .Frame-11947 .Frame-11933 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 40px;
  border-radius: 20px;
  *-webkit-filter: blur(2px);
  *filter: blur(2px);
  background-color: #999;
}

.UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942 {
  width: auto;
  height: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  padding: 0;
}

.UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942 .Frame-11721 {
  width: 539px;
  height: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 0 0;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d8d8d8;
  background-color: #fff;
}

.UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942 .Frame-11721 .Frame-11897 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942 .Frame-11721 .Frame-11897 .UpToDate-Pro {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  font-size: 42px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.42px;
  text-align: center;
  color: #000;
  padding-bottom: 15px;
}

.UTD-Pro .Frame-11719 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 0 0 24px;
}

.UTD-Pro .Frame-11719 .utd-price {
  height:  auto;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: center;
  color: #000;
}

.UTD-Pro .Frame-11719 .utd-term {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.UTD-Pro .Frame-11721 .Frame-11691 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  padding: 32px 40px;
  background-color: rgba(236, 236, 236, 0.4);
}

.UTD-Pro .Frame-11721 .Frame-11691 .Frame-11599 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Frame-11599 .Frame-11596 {
  *height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Frame-11599 img.heroicons-outlinecheck {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Frame-11599 .Frame-11596 .utd-Desc {
  *height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.UTD-Pro .Frame-11721 .Frame-11691 .optional-txt {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #0778bf;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore .Label-Wrapper-learnMore {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.UTD-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore .Label-Wrapper-learnMore .utd-learnMore {
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}

.prod-highlights ul li::marker {
  content: "\2713\0020" !important;
  color: #077ac1 !important;
}

.prod-highlights ul li{
  padding-left: 6px;
  margin-bottom: 8px;
}

.prod-highlights .mobile-access {font-weight: 500; font-style: italic;}
.prod-highlights p {margin-bottom: 1em;}
.prod-highlights p:last-child {margin-bottom: 0;}

/*--------------- UTD-Pro ProductList Page Ends --------------*/

/*--------------- UTD-Pro ProductList Mobile Page Starts --------------*/
@media only screen and (max-width: 600px) {
  .UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942{
    width: auto;
  }

  .UTD-Pro .Frame-11947 .Frame-11933 .Frame-11942 .Frame-11721 {
    width: 20rem;
  }
}

/*--------------- UTD-Pro ProductList Mobile Page Ends --------------*/

/*--------------- LexiDrug-Pro ProductList Page Starts --------------*/

.LexiDrug-Pro {
  *height: 1024px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 40px;
  border-radius: 10px;
}

.LexiDrug-Pro .Frame-11928 {
  *height: 944px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
  padding: 60px 40px;
  border-radius: 20px;
  border-top: solid 429px #0778bf;
  background-color: #f7f7f7;
}

.LexiDrug-Pro .Frame-11928 .Content {
  *height: 109px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 0;
  margin-top: -30rem;
}

.LexiDrug-Pro .Frame-11928 .Content .Dialog-Headline-Text {
  *width: 364px;
  *height: 50px;
  flex-grow: 0;
  font-size: 42px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.42px;
  text-align: center;
  color: #fff;
  padding-top: 2rem;
}

.LexiDrug-Pro .Frame-11928 .Content .Dialog-Content-Text {
  *width: 796px;
  *height: 44px;
  flex-grow: 0;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  padding: 15px 0;
}

.LexiDrug-Pro .Frame-11928 .Frame-11722 {
  *height: 675px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 10px 40px;
  border-radius: 14px;
}

.LexiDrug-Pro .Frame-11928 .Frame-11721 {
  *height: 417px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 0 0;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d8d8d8;
  background-color: #fff;
}

.LexiDrug-Pro .Frame-11928 .Frame-11721 .Frame-11897 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.LexiDrug-Pro .Frame-11928 .Frame-11721 .Frame-11897 .Essentials-Package {
  *height: 29px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: center;
  color: #000;
}

.LexiDrug-Pro .Frame-11719 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 0 0 24px;
}

.LexiDrug-Pro .Frame-11719 .essential-price {
  height:  auto;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: center;
  color: #000;
}

.LexiDrug-Pro .Frame-11719 .essential-term {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  padding: 32px 40px;
  background-color: rgba(236, 236, 236, 0.4);
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Frame-11599 {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Frame-11599 .Frame-11596 {
  *height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Frame-11599 .Frame-11596 p {margin-bottom: 10px;}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Frame-11599 img.heroicons-outlinecheck {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Frame-11599 .Frame-11596 .lexi-Desc {
  *height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .optional-txt {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  *
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #0778bf;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore {
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore .Label-Wrapper-learnMore {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.LexiDrug-Pro .Frame-11721 .Frame-11691 .Primary-Buttons-learnMore .Label-Wrapper-learnMore .utd-learnMore {
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}


/*--------------- LexiDrug-Pro ProductList Page Ends --------------*/

/*--------------- LexiDrug-Pro ProductList Page Mobile Starts --------------*/

@media only screen and (max-width: 600px) {
  .LexiDrug-Pro .Frame-11928 .Frame-11721 {
    width: 20rem;
    
  }
  .LexiDrug-Pro .Frame-11928 .Content .Dialog-Content-Text{
    margin-left: 0;
  }
  
}

/*--------------- LexiDrug-Pro ProductList Page Mobile Ends --------------*/

/*--------------- LexiDrug-Mobile ProductList Page for Mobileview starts --------------*/

.lexidrug-mobile {
  width: 375px;
  height: 900px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0 20px;
  background-color: #077ac1;
}

.lexidrug-mobile .Frame-11928 {
  height: 900px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 40px 0 30px;
}

.lexidrug-mobile .Frame-11928 .Content {
  height: 125px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 0;
}

.lexidrug-mobile .Frame-11928 .Content .Dialog-Headline-Text {
  width: 283px;
  height: 38px;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #fff;
}

.lexidrug-mobile .Frame-11928 .Content .Dialog-Content-Text {
  height: 72px;
  align-self: stretch;
  flex-grow: 0;
  *
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 {
  height: 653px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 10px 0;
  border-radius: 14px;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 {
  width: 242px;
  height: 633px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0 0;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d8d8d8;
  background-color: #fff;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 .Frame-12070 {
  height: 136px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0 0 10px;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 .Frame-12070 .leximobile-premium-package {
  height: 29px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #000;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 .Frame-12070 .Frame-11719 {
  height: 87px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 0 0 20px;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 .Frame-12070 .Frame-11719 .lexiMobile-premium-price {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: center;
  color: #000;
}

.lexidrug-mobile .Frame-11928 .Content .Frame-11722 .Frame-11718 .Frame-12070 .Frame-11719 .lexiMobile-premium-term {
  height: 21px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

.lexidrug-mobile .Frame-11928  .Frame-12075 {
  width: 64px;
  height: 12px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
}

.lexidrug-mobile .Frame-11928  .Frame-12075 .Ellipse-1 {
  width: 10px;
  height: 10px;
  flex-grow: 0;
  background-color: #fff;
}

.lexidrug-mobile .Frame-11928  .Frame-12075 .Ellipse-2 {
  width: 12px;
  height: 12px;
  flex-grow: 0;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.5), 0 0 0 2px #087ac0;
  border: solid 1px #fff;
  background-color: #fff;
}

.lexidrug-mobile .Frame-11928  .Frame-12075 .Ellipse-3 {
  width: 10px;
  height: 10px;
  flex-grow: 0;
  background-color: #fff;
}

.slidePadding-right{
  padding-right: 1rem !important;
}

.slidePadding-left{
  padding-left: 1rem !important;
}

/*--------------- LexiDrug-Mobile ProductList Page for Mobileview Ends --------------*/

/*--------------- LexiDrug-Mobile carousel Starts --------------*/
.slds-carousel__stage{
  height: auto;
}

.slds-carousel__panel-action{
  border: none;
}
.slds-carousel__indicator-action {
  border: solid 1px #fff;
}

.slds-carousel__indicator-action .slds-is-active{
  border: solid 1px #fff !important;
}

.slds-carousel__indicator-action.slds-is-active, .slds-carousel__indicator-action.slds-is-active:hover{
  border-color: #fff;
}


/*--------------- LexiDrug-Mobile carousel Ends --------------*/


/*--------------- Footer Starts --------------*/

.Global-Footer---Logged-Out-Desktop {
  width: 100%;
  *padding: 273px 0 0;
  *background-color: #fff;
}
footer {
  width: 100%;
 /* height: 443px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  background-color: #fff;
}
.Footer-Desktop {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 40px 40px 20px;
  background-color: #023b5f;
}
.Navigation {
  height: 10rem;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 0;
}

.Footer-Desktop a {color: #fff;}
.Footer-Desktop a:link:not(.slds-button, .slds-dropdown__item > a) {color: #fff;}
.Footer-Desktop a:visited:not(.slds-button, .slds-dropdown__item > a) {color: #fff;}
.Footer-Desktop a:hover:not(.slds-button, .slds-dropdown__item > a) {color: #fff;}
.Footer-Desktop a:active:not(.slds-button, .slds-dropdown__item > a) {color: #fff;}

@media only screen and (min-width:600px) {
  .social-IconCustom{
      margin-left: 24px;
      width: 300px;
 }
}
.Column {
  width: 300px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0;
}
.Navigation-Company {
  width: 87px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
}
.Menu-Item-AboutUs {
  width: 66px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Menu-Item-ContactUs {
  width: 78px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Navigation-Support {
  width: 76px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
}
.Menu-Item-Resources-Training {
  width: 152px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Menu-Item-Facts-Comparisons-EAnswers {
  width: 224px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Global-Footer---Logged-Out-Desktop footer .Footer-Desktop .Navigation .Column .Navigation-My-Account {

  height: 24px;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
}
.Column .Menu-Item-Create-Account {
  width: 171px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Column .Menu-Item-View-Account {
  width: 96px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Frame-11664 .Menu-Item-Access-Lexicomp {
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Menu-Item-Access-UptoDate {
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Column .Frame-11664 {
  width: auto;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0;
}
img.Up-Right-Arrow {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  object-fit: contain;
}
.Frame-11665 {
  width: auto;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0;
}
.Up-Right-Arrow {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  object-fit: contain;
}
.Frame-11660-Nav {
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  padding: 0;
}
.Frame-11661 {
  width: 100%;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0;
}
.Frame-11662 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}
.Navigation-Subscribe-To-Email {
  width: 186px;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #fff;
}
.Navigation-Receive-Our-Monthly-Newsletter-Special-Promotions {
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
@media only screen and (max-width:600px) {
  .Primary-Buttons {
      width: 100% !important;
 }
}
.Primary-Buttons {
  width: 127px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

.Primary-Buttons:link, .Primary-Buttons2:link {
  background-color: #077ac1;
  border-color: #077ac1;
  color: #fff;
}

.Primary-Buttons:visited, .Primary-Buttons2:visited {
  background-color: #077ac1;
  border-color: #077ac1;
  color: #fff;
}

.Primary-Buttons:hover, .Primary-Buttons2:hover {
  background-color: #005b92;
  border-color: #005b92;
  color: #fff;
  transition: background-color 0.2s linear;
}

.Primary-Buttons:active, .Primary-Buttons2:active {
  background-color: #077ac1;
  border-color: #077ac1;
  color: #fff;
}

.Primary-Buttons .Label-Wrapper {
  width: 87px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}
.Label-WrapperSubscribe label {
  width: 75px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}
.Sharing-Icons-W1{
  width: 192px;
  height: 30px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  padding: 0;
}
.Frame-11660 img.Social-Icons {
  width: 30px;
  height: 30px;
  flex-grow: 0;
  object-fit: contain;
}
.Frame-11660 .Social-Icons {
  width: 30px;
  height: 30px;
  flex-grow: 0;
  object-fit: contain;
}
img.Footer---Design {
  width: 217.9px;
  height: 217.6px;
  flex-grow: 0;
  object-fit: contain;
}
.Frame-11648 {
  height: 118px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding: 0;
}
img.WK-Logo-White {
  width: 309.6px;
  height: 50px;
  flex-grow: 0;
  object-fit: contain;
}
.Bottom-Bar {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0;
}
.Terms-of-Use {
  width: 87px;
  height: 21px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.14px;
  text-align: left;
  color: #fff;
}
.Rectangle-17 {
  width: 1px;
  height: 16px;
  flex-grow: 0;
  background-color: #fff;
}
.Privacy-Cookies {
  width: 117px;
  height: 21px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.14px;
  text-align: left;
  color: #fff;
}
.Copyright-2024-Wolters-Kluwer-Company-All-Rights-Reserved {
  height: 21px;
  flex-grow: 1;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.14px;
  text-align: left;
  color: #fff;
}
.Bottom-Bar .Frame-11663 {
  width: 317.5px;
  height: 48px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
  padding: 0;
}
.Rectangle-16 {
  width: 54.4px;
  height: 54.4px;
  transform: rotate(-179.98deg);
  background-color: #045c92;
}
.Rectangle-10 {
  width: 54.4px;
  height: 54.4px;
  transform: rotate(-179.98deg);
  background-color: #3f99d0;
}

/*--------------- Footer Ends --------------*/

/*--------------- Stencil Ends --------------*/

.stencilContainer {
  overflow: hidden;
  border-radius: 0.25rem;
}

.loading {
  margin: 0;
  padding: 0;
  height: inherit;
  overflow: hidden;
    position: relative;
    background-color: #e2e2e2;
}

.loading::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    animation: loading 1.5s infinite;
}

@keyframes loading {
    100% {
         transform: translateX(100%);
    }
}


/*--------------- Stencil Ends --------------*/


.thumbnailImg:hover {
  cursor: pointer;
}

.productAttribute {
  color: var(--dxp-g-neutral-3);
  font-size: var(--dxp-g-font-size-4);
}

.quantityButton {
  --dxp-s-button-radius-border: 8px;
  display: inline-flex;
}

.quantityButton {
  --dxp-g-neutral-3: var(--dxp-g-root-contrast);
  --dxp-g-neutral-1: var(--dxp-g-root-contrast);
}

.quantityDecrementButton {
  --sds-c-button-radius-border: var(--dxp-s-button-radius-border) 0 0 var(--dxp-s-button-radius-border);
}

.quantityIncrementButton {
  --sds-c-button-radius-border: 0 var(--dxp-s-button-radius-border) var(--dxp-s-button-radius-border) 0;
}

.quantityInput {
  --dxp-s-form-element-radius-border: 0;
  display: inline-block;
  width: 6rem;
  top: -24px;
}

.listPrice {
  text-decoration: line-through;
  color: var(--dxp-g-neutral-3);
  font-size: var(--dxp-g-font-size-4);
}

.customBadge {
  display: inline-block;
  border-radius: 10px;
  background-color: var(--dxp-g-success-1);
  color: var(--dxp-g-root);
  font-size: 12px;
  padding: 5px;
  position: relative;
}

.autoFlex {
  line-height: 1.5em;
  flex: auto;
}

.actionsContainer {
  display: flex;
}

.quantitySelectorContainer {
  display: flex;
  margin-top: 20px;
}

.qtySelectordiv .Frame-11919 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding-bottom: 0.5rem;
}

.helpText {
  margin-right: 5px;
}

.dynamicTextAlign {
  flex-direction: column;
  flex-wrap: wrap-reverse;
  text-align: right;
}

.deleteBtn {
  margin-top: 20px;
  margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .dynamicTextAlign {
      flex-direction: row;
      flex-wrap: wrap-reverse;
      text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .actionsContainer {
      flex-direction: column;
  }

  .deleteBtn {
      margin: 0;
      position: relative;
      top: -25px;
  }
}



/* Cart CSS Starts */

 .cardDelIcon {
  --slds-c-icon-color-foreground-default: #0176d3;
 }
  
 commerce_cart-apply-coupon-button {
  padding-top: 19px;
 }
.cart-Items .Frame-11836 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
  *padding: 40px 0 60px; 
}

.cart-Items .Description2 {
 
  height: 24px;
  flex-grow: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cart-Items .card-Row2 {
  align-self: stretch;
  flex-grow: 0;
  display: block;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  /* padding: 0 0 0 40px; */
}

.cart-Items .card-Row {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  padding: 0 0 0 40px;
}
.cart-Items .Frame-11822 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 0;
}
.cart-Items .Frame-11825 {
  width: 433px;
  height: 520px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  padding: 0;
  background-color: lightgray;
}
.cart-Items .Frame-11837 {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
}
.cart-Items .Frame-11978 {
  width: 328px;
  height: 38px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
}
.cart-Items .Dialog-Headline-Text1 {
  width: 213px;
  height: 38px;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}
.cart-Items .Dialog-Headline-Text2 {
  width: 99px;
  height: 29px;
  flex-grow: 0;
  
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}
.cart-Items .Text-Links {
  width: 74px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}
.cart-Items .Label-Wrapper1 {
  width: 74px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}
.cart-Items .label1 {
  width: 74px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}
.cart-Items .Underline {
  height: 1px;
  align-self: stretch;
  flex-grow: 0;
  background-color: #077ac1;
}
.cart-Items .Frame-11840 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}
.cart-Items .Cart-Products-Cards {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: #fff;
}
.cart-Items .Frame-12107 {
  height: 53px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.cart-Items .Frame-11688 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  padding: 0;
}
.cart-Items .Frame-11681 {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
}
.cart-Items .Image-Placeholder-W1 {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  background-color: rgba(236, 236, 236, 0.4);
}
.Image-Placeholder-W1Checkout img {
  height: 70px !important; 
  width: 70px;
}

.Image-Placeholder-W1 img {
  height: 150px !important; 
  width: 200px;
}

.cart-Items .Frame-11683 {
  height: 195px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}
.cart-Items .Frame-11683_a {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  padding: 0;
}
.cart-Items .Frame-11979 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 3rem 0;
}
.cart-Items .Frame-11982 {
 
  
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0;
}
.cart-Items .Frame-11980 {

  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}

.cart-Items .UpToDate-Online-SubscriptionCheckout {

  flex-grow: 0;
  
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .UpToDate-Online-Subscription {

  flex-grow: 0;
  
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items img.x-stroke {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}
.cart-Items .Frame-11994 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  padding: 0;
}
.cart-Items .Frame-11984 {
  
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}
.cart-Items .Frame-11984_a {
  height: 78px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0;
}
.cart-Items .Frame-11918 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.cart-Items .Frame-11918_a {
  height: 78px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 60px;
  padding: 0;
}
.cart-Items .Frame-11981 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding-top: 0.5rem;
}

.cart-Items .label2Checkout {
  flex-grow: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  cursor: unset;
}

.cart-Items .label2 {
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  cursor: unset;
}
.cart-Items .Frame-11672 {

  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding: 0;
}
.cart-Items .span1Checkout {

  height: 24px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .span1 {

  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .Frame-11991 {
  height: 52px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}
.cart-Items .TotalCheckout {
  height: 24px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #464646;
}

.cart-Items .Total {
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #464646;
}
.cart-Items .span2 {
  height: 24px;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}

.cart-Items .label3Checkout {
  
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #464646;
}

.cart-Items .label3 {
  
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #464646;
}
.cart-Items .Frame-11919 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  padding: 0;
}
.cart-Items .Frame-11824 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 0;
}
.cart-Items .Frame-11826 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.cart-Items .Frame-11683_aCheckout {
  padding-left: 10px !important;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  line-height: initial;
  padding: 0;
}

.cart-Items .Checkbox-with-Text2Checkout {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.cart-Items .Checkbox-with-Text1 {
  
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0;
}
.cart-Items .Label-Wrapper2 {
  width: 122px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}
.cart-Items .label4Checkout {
  
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .label4 {
  
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .Description {
  width: 46px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .Checkbox-with-Text2 {
  width: 115px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0;
}
.cart-Items .Label-Wrapper3 {
  width: 115px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}
.cart-Items .label5 {
  width: 115px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .Frame-11825_a {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 0;
}
.cart-Items .Text-Links1 {
  width: 105px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}
.cart-Items .Label-Wrapper4 {
  width: 105px;
  height: 21px;
  flex-grow: 0;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}
.cart-Items .label6 {
  width: 105px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}
.cart-Items .label6:hover, .cart-Items .label6:focus{
  text-decoration: none !important;
}
.cart-Items .Frame-11839 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 0px 16px;
  width: 100%;
  height: fit-content;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: rgba(236, 236, 236, 0.3);
}
.cart-Items .Checkbox-with-Text3 {
  width: fit-content;
  height: fit-content;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
img.Checkbox {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}
.cart-Items .Label-Wrapper5 {
  width: fit-content;
  height: fit-content;
  flex-grow: 0;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 2px 0 0;
}
.cart-Items .label7 {
  width: 245px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
img.info-stroke {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}
.cart-Items .Cart-Products-Cards1 {
  height: 198px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: #fff;
}
.cart-Items .Cart-Products-Cards2 {
  height: 198px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: #fff;
}
.cart-Items .Frame-11688_a {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  padding: 0;
}
.cart-Items .Content {
  width: 227px;
  height: 53px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 16px 0;
  border-radius: 50px;
}
.cart-Items img.Chat-Support {
  width: 20px;
  height: 20px;
  flex-grow: 0;
  object-fit: contain;
}
.cart-Items .Dialog-Headline-Text3 {
  width: 88px;
  height: 20px;
  flex-grow: 0;
  
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-Items .Text-Links2 {
  width: 103px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}
.cart-Items .Label-Wrapper7 {
  width: 81px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}
.cart-Items .label8 {
  width: 81px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}
.cart-Items .Frame-12106 {
  width: 166px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.cart-Items .Text-Links3 {
  width: 166px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}
.cart-Items .Label-Wrapper8 {
  width: 144px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}
.cart-Items .label9 {
  width: 144px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}
.cart-Items .Frame-11824_a {
  width: 433px;
  height: 520px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0;
}
.cart-Items .Frame-11680 {
  height: 520px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  padding: 0;
}
.cart-Items .Frame-11674 {
  height: 520px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 20px 16px 16px 32px;
  border-radius: 10px;
}
.cart-Items .Frame-11675 {
  height: 355px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  padding: 0;
}
.cart-Items .Frame-11660 {
  height: 29px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.Order-Summary {
  height: 29px;
  flex-grow: 1;
  
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}

.save-Link {
  width: 35px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

.save-label-wrapper{
  width: 35px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}
/*
.cart-summary .Frame-11844 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 8px;
  padding: 0;
}
.cart-summary .Frame-11655 {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0;
}
.cart-summary .Shipping {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Calculated-in-Checkout {
  flex-grow: 1;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.cart-summary .Tax {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Subtotal {
  width: 66px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cart-summary .amt {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.cart-summary .amt1 {
  height: 22px;
  flex-grow: 1;
  
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.cart-summary .Frame-11661 {
  height: 34px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 9px;
  padding: 6px 0;
}
.cart-summary .Text-Field {
  width: auto;
  height: auto;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}
.cart-summary .Top-Row {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
}
.cart-summary .Label-Wrapper9 {
  width: 272px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}
.cart-summary .label10 {
  width: 260px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Field {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}
.cart-summary input {
  height: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.cart-summary .Value-Wrapper {
  height: 28px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 0 2px 4px;
}
.cart-summary .Value {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #929292;
}
img.Icon {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}
.cart-summary .Primary-Buttons {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}
.cart-summary .Label-Wrapper10 {
  width: 82px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}
.cart-summary .label11 {
  width: 70px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}
.cart-summary .Promo-Code-Accordion {
  height: 21px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.cart-summary .Promo-code-can-be-entered-during-checkout {
  width: 277px;
  height: 21px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Frame-12000 {
  height: 76px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 0;
}
.cart-summary .Frame-11921 {
  width: 257px;
  height: 44px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}
.cart-summary .iconamoonshield-light {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  padding: 2.3px 4.3px;
}
.cart-summary .Frame-11851 {
  width: 229px;
  height: 44px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  padding: 2px 0 0;
}
.cart-summary .-Day-Money-Back-Guarantee {
  width: 229px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #023b5f;
}

.cart-summary .-Day-Money-Back-Guarantee .text-style-1 {
  font-weight: 500;
}
.cart-summary .See-Details {
  width: 71px;
  height: 17px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #077ac1;
}
.cart-summary .Frame-11988 {
  height: 78px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0;
}
.cart-summary .Frame-11986 {
  width: 125px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}
.cart-summary .EditionNo {
  width: 80px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Frame-11987 {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}
.cart-summary .save15 {
  height: 48px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #638c1b;
}
.cart-summary .Frame-11683 {
  height: 123px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  padding: 0;
}*/

/* Cart Css Ends */

/* Cart Summary Starts */

.cart-summary {
  background-color: #fff;
  padding: 3rem;
}


.cart-summary .Frame-11660 {
  padding: 2rem 0;
}

.cart-summary .checkoutBtnCls {
  padding: 1rem 0;
}
.cart-summary .Order-Summary {
  height: 29px;
  flex-grow: 1;
  
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}
.cart-summary .Frame-11844 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 8px;
  padding: 0;
}
.cart-summary .Frame-11655 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 0;
}
.cart-summary .Shipping {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cart-summary .Calculated-in-Checkout {
  flex-grow: 1;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}

.cart-summary .Tax {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}


.cart-summary .Total {
  flex-grow: 0;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

label {

  flex-grow: 0;
 
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cart-summary .Subtotal {
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cart-summary .-Required {
  width: 8px;
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #e4202e;
}

.cart-summary .amt {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.cart-summary .amt1 {
  height: 22px;
  flex-grow: 1;
  
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.cart-summary .Frame-11661 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 9px;
  padding: 6px 0;
}
.cart-summary .Text-Field {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 1rem 0;
}
.cart-summary .Top-Row {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
}
.cart-summary .Label-Wrapper9 {
  width: 272px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}
.cart-summary .label10 {
  width: 260px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Field {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}
.cart-summary input {
  height: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.cart-summary .Value-Wrapper {
  height: 28px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 0 2px 4px;
}
.cart-summary .Value {
  height: 24px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #929292;
}
.cart-summary img.Icon {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
}

.cart-summary .Label-Wrapper10 {
  width: 82px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}
.cart-summary .label11 {
  width: 70px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}
.cart-summary .Promo-Code-Accordion {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.cart-summary .Promo-code-can-be-entered-during-checkout {
flex-grow: 0;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #000;
}
.cart-summary .Frame-12000 {
  height: 76px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 0;
}
.cart-summary .Frame-11921 {
  width: 257px;
  height: 44px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
}
.cart-summary .iconamoonshield-light {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  padding: 2.3px 4.3px;
}
.cart-summary .Frame-11851 {
  width: 229px;
  height: 44px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  padding: 2px 0 0;
}
.cart-summary .-Day-Money-Back-Guarantee {
  width: 229px;
  height: 19px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #023b5f;
}

.cart-summary .-Day-Money-Back-Guarantee .text-style-1 {
  font-weight: 500;
}
.cart-summary .See-Details {
  width: 71px;
  height: 17px;
  flex-grow: 0;
  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #077ac1;
}
.cart-summary .Frame-11988 {
  height: 78px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0;
}
.cart-summary .Frame-11986 {
  width: 125px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}
.cart-summary .EditionNo {
  width: 80px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cart-summary .Frame-11987 {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
}
.cart-summary .save15 {
  height: 48px;
  flex-grow: 1;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #638c1b;
}
.cart-summary .Frame-11683 {
  height: 123px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  padding: 0;
}



.Frame-11978_cartSummary {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}

.Primary-Buttons_CartSummaryCheckout {
  color: #fff;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 11px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

button.slds-button.Primary-Buttons_CartSummaryCheckout:hover {
  background-color: #005b92 !important;
  transition: background-color 0.2s linear;
  border: solid 1px #005b92;
  color: #fff !important;
}


/* Cart Summary Ends */



/*********************/

/* ProductHighlights CSS Starts */

.PDP---UTD---Lexidrug---Default_highlights {
  width: 100%;
flex-grow: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 40px;
padding: 0;
background-color: #fff;
}
.pdp-Frame-11916_highlights {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0 0 24px;
}

.pdp-Row_highlights {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 60px;
} 
.Dialog-Headline-Text_highlights {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.thumbSlider .splide__slide {cursor: pointer;}

.Accordion-W1_highlights {

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  padding: 10px 0 10px;

}

.Accordion-W1_highlights p {margin-bottom: 10px;}
.Accordion-W1_highlights p:last-child {margin-bottom: 0;}

.Text_highlights {
 
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: left;
  color: #000;
}
.Value_highlights {
 
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.ValuePara_highlights {
  height: 181px;
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.customGrid_highlights{
  width:100%;
}

.customcol_highlights{
  width: 40px;
}

/* ProductHighlights CSS Ends */

.productImage img {margin: 0 auto; display: block;}


/*********************/

/* ProductImage CSS Starts */
.imageArea_pdpImage {
  display: grid;
  grid-area: imageArea;
  align-items: end;
  --com-c-image-width-mobile: var(--ref-c-search-product-card-image-width-mobile, 300);
  --com-c-image-width-tablet: var(--ref-c-search-product-card-image-width-tablet, 130);
  --com-c-image-width-desktop: var(--ref-c-search-product-card-image-width-desktop, 330);
}

.productImage_pdpImage {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.75);
  display: contents;
  width: 94%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.PDP---UTD---Lexidrug---Default_pdpImage {
  width: 100%;

flex-grow: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 40px;
padding: 0;
background-color: #fff;
}


/* ProductImage CSS Ends */

/*****************************/


/* productGroupPricing CSS Starts */


.GPA_PDP---UTD---Lexidrug---Default {
  width: 100%;

  background-color: #fff;
}

img.Icon-RightGPA {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  object-fit: contain;
}

.table-GroupPricing span.slds-th__action {
  background-color: #fff !important;
  font-weight: normal;
}



.GPA-PDP---Term-Selected-Desktop {
  background-color: #fff;
}

.Frame-11916-GroupPricing {

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0 0 24px;
}

.price-reflects_GPA {
  padding-bottom: 20px;
}

.Row-GroupPricing {
  
  align-self: stretch;
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  padding: 0 40px;
}

.Table-Row-GroupPricing {
  height: 44px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 10px 20px;
  background-color: #ecf5fa;
}

.table-GroupPricing{
  padding: 11px 4px;
   font-size: 16px; 
 
  line-height: 2.5;
}

.Title-GroupPricing{
  padding-bottom: 10px;
}
.Pricing-reflects-the-price-per-person_GPA{
  padding-bottom: 20px;
}

.Table-Row20_GPA {
  height: 49px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 10px 20px;
  background-color: #ecf5fa;
}

.span20_GPA {
  width: 116.8px;
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Links20_GPA {
  width: 206px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}

.Label-Wrapper20_GPA {

 
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}

label20_GPA {
  width: 184px;
  height: 19px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}

label20_GPA{
  color: #077ac1 !important;
}

.Underline20_GPA {
  height: 1px;
  align-self: stretch;
  flex-grow: 0;
  background-color: #077ac1;
}

.link20_GPA{
  border-bottom: 1px solid #077ac1;
  text-decoration: none !important;
}

.table-GroupPricing tr:nth-child(odd) {
  background-color: #ecf5fa;
}

.table-GroupPricing table, .table-GroupPricing th, .table-GroupPricing tr, .table-GroupPricing td {
border: none !important;
}


.table-GroupPricing table tr td lightning-base-formatted-text {
  font-weight: bold;
  }
  
.table-GroupPricing .slds-truncate {
padding: 0 10px;
}


/* productGroupPricing CSS Ends */

/******************************/



/* productVariantSelector CSS starts */


.pdp-Frame-11831_SelectTerm {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
}
.pdp-Primary-Buttons_SelectTerm {
  height: 38px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 25px 20px;
  border-radius: 4px;
  background-color: #077ac1;
  margin-top: 40px;
}
.pdp-Label-Wrapper-Add-To-Cart_SelectTerm {
  width: 97px;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}
.pdp-LabelAddToCart_SelectTerm{
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}

.Quantity-Discounts_SelectTerm {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 16px 24px 24px;
  border-radius: 10px;
  background-color: #f7f7f7;
  margin-top: 20px;
}

.Title-Underline_SelectTerm {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0 20px;
}
.Title_SelectTerm {

  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.pdp-Frame-11714_SelectTerm {
  height: 108px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
}
.pdp-Frame-11713_SelectTerm {

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.Radio-Button_SelectTerm {
 
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.Indicator_SelectTerm {

  flex-grow: 0;
  padding: 2px;
  border-radius: 3px;
}
.Icon-Wrapper_SelectTerm {
 
  border-radius: 9999px;
  border: solid 1.5px #929292;
  background-color: #fff;
}
.pdp-Label-Wrapper_SelectTerm {

  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 2px 0 0;
}
label.labelradio_SelectTerm {
 
 
  align-self: stretch;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.labelradio_SelectTerm {
  padding: 3px 8px;
}
.pdp-Frame-11821_SelectTerm {
 
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.ValueMoney_SelectTerm {
  width: 62px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
 
  color: #077ac1;
}
.ValueDay_SelectTerm {
 
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #464646;
}
.pdp-Frame-11715_SelectTerm {
  height: 26px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}


.pdp-radioCustom_SelectTerm{

  float: left;
  clear: none;
 
  width: 20px;
  height: 41px;
  border-radius: 9999px;
  border: solid 1.5px #929292;
  background-color: #fff;
}

.Row_SelectTerm {
  height: 888px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  padding: 0 60px;
}

.Product-Header_SelectTerm {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 10px 0 0;
}

.TitleSelectUser_SelectTerm {
  width: 189px;

  flex-grow: 0;
  font-family: FiraSans;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Field_SelectTerm {
  width: 200px;

  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.Field_SelectTerm {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

input.pdp-radioCustom_SelectTerm {

  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.Value-Wrapper_SelectTerm {
 
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 0 2px 4px;
}

.Value_SelectTerm {

  flex-grow: 1;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #171717;
}

.strikethrough_SelectTerm{
  color: #464646 !important;
  text-decoration: line-through;
 
  width: 62px;
  height: 22px;
  flex-grow: 0;
  
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
}

.ValueSpecialPricing_SelectTerm {
 
  flex-grow: 0;
  /*ECOMM-189 - Commented below as per figma - 01-08-2025*/
  /*font-family: FiraSans;*/
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  white-space: nowrap;
  color: #077ac1;
}

/*ECOMM-189*/
.traineePrice_Savings{
  display:inline-flex; 
  justify-content:center; 
  gap:8px;
}

.textAlignLeft_SelectTerm{
  text-align: left !important;

}
.textAlignRight_SelectTerm{
  text-align: right !important;
}
.space_SelectTerm{

  width: 4px;
}

/* productVariantSelector CSS Ends */


/***********************************/


/* product Quantity Add CSS Starts */
.pdp-Frame-11831_addTocart_custom {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
}

.pdp-LabelAddToCart_custom{
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
}

.pdp-Primary-Buttons_custom {
  height: 38px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 25px 20px;
  border-radius: 4px;
  background-color: #077ac1;
  margin-top: 40px;
}

lightning-overlay-container lightning-toast-container lightning-toast .slds-notify_container.slds-is-relative {
  display: none;
}

/* product Quantity Add CSS Ends */


/***********************************/

/* Select number of users CSS starts */

.Row_SelectNumberOfUser {
  height: 888px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  padding: 0 60px;
}

.Product-Header_SelectNumberOfUser {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 10px 0 0;
}

.TitleSelectUser_SelectNumberOfUser {
  width: 189px;
  border: none;
  flex-grow: 0;

  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Field_SelectNumberOfUser {
  width: 200px;

  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.Field_SelectNumberOfUser {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 11px 12px 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

input_SelectNumberOfUser {

  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.Value-Wrapper_SelectNumberOfUser {
 
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 0 2px 4px;
}

.Value_SelectNumberOfUser {

  flex-grow: 1;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #171717;
}


.Quantity-Discounts_SelectNumberOfUser {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 16px 24px 24px;
  border-radius: 10px;
  background-color: #f7f7f7;
  margin-top:45px;
}
.Title-UnderlineMax_SelectNumberOfUser {
  
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0 20px;
}

.slds-select_SelectNumberOfUser {
  width: 100%;
  border: none !important;
}


._SelectUserRequired_SelectNumberOfUser{
  border: none !important;
  padding: 2px;
  width: 8px;
  height: 24px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #e4202e;
}

/* Select number of users CSS Ends */


/***************************/


/*** Product Section css starts***/


.pdp-accordion_pdpSection .slds-accordion__summary-heading lightning-primitive-icon {
  position: absolute;
  right: 10px;
  order: 2;
}

.pdp-accordion_pdpSection .slds-accordion__summary-heading .slds-button:focus {
  box-shadow: none !important;
}

.highlightAccord .slds-accordion__summary {
  background-color:  #f6fafc !important;
}

.accordian-description_pdpSection{
    background-color: #f6fafc !important;
}

.accordian-description_pdpSection p {margin-bottom: 1em;}
.accordian-description_pdpSection ul li {margin-bottom: 0.5em;}
.accordian-description_pdpSection h3 {font-weight: 500; font-size: 1em;}
.accordian-description_pdpSection .footnote {font-size: 0.8em; color: #747474; border-top: solid 1px #ddd; padding-top: 15px; margin-top: 15px;}
.accordian-description_pdpSection dt {font-weight: 500; border-top: solid 1px #ccc; padding-top: 1em}
.accordian-description_pdpSection dt:first-child {border-top: 0; padding-top: 0;}
.accordian-description_pdpSection dd {margin: 0 0 1em; padding: 0;}

.styled-table {
      font-size: 15px;
      text-align: left;
  }

  .styled-table tbody.align-top td {
      vertical-align: top;
  }

  .styled-table p {
      font-size: 15px;
  }

  .styled-table ul {
      padding-left: 20px;
  }

  .styled-table ul li {
      font-size: 15px;
  }

  .styled-table .date {
      background-color: #f2f2f2;
  }

  .styled-table .odd {
      background-color: #f2f2f2;
      border-bottom: none;
  }

  .styled-table thead {
      background-color: #f2f2f2;
  }

  .styled-table th {
      padding: 6px 8px;
      background-color: #474747;
      color: #ffffff;
      border: 0px;
      border-top: none;
      border-bottom: none;
  }

  .styled-table td {
      padding: 6px 8px;
      border-top: none;
      border-bottom: none;
  }

  .styled-table tr {
      padding: 6px 8px;
      border: 0px;
      border-top: none;
      border-bottom: none;
  }

  .table-with-border {
      border-bottom: solid 1px #bbb;
      border-right: solid 1px #bbb;
  }

  .table-with-border td {
      border-left: solid 1px #bbb;
      border-top: solid 1px #bbb;
  }

  .table-with-border th:first-child {
      text-align: left;
  }

  .table-with-border tr:hover td {
      background: #f2f2f2;
  }


.highlight {
    background-color: #f6fafc !important;
    border: 1px solid #3678BC !important;
}


.pdp-accordion_pdpSection .slds-button:hover, lightning-button::part(button):hover {
  color: #000 !important;
  border: none;
}

.pdp-Frame-11917_pdpSection {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0;
}
.PDP-Accordions_pdpSection {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
  padding: 24px;
  border-radius: 10px;
  border: solid 1px #d8d8d8;
  background-color: #fff;
}



.customGrid_pdpSection{
  width:100%;
  padding: 10px;
}

.pdp-card_pdpSection:hover {
    box-shadow: 
        1px 1px 5px rgba(0, 0, 0, 0.25);
}


.accordianCustom_pdpSection{
  width:100%;
  margin-top: 46px;
}

.slds-accordion__summary-content {font-weight: 400; font-size: 18px; color: #000;}

.pdp-card_pdpSection{
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 24px;
  border-radius: 10px;
 
  background-color: white;
  border: 1px solid #929292;
  padding: 14px;
  border-radius: 15px;
}

.productAddonsSec .title-Underline {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 0 20px;
}


.stat-list-wrap {background: #f7f7f7; padding: 10px 20px 40px;}
.stat-list {display: flex; flex-wrap: wrap; gap: 60px; max-width: 1200px; margin: 0 auto;}
.stat-list > div {flex: 1 1 calc(33.333% - 60px); box-sizing: border-box; position: relative; padding-bottom: 20px;}
.stat-list .stat-bar {height: 12px; width: 100%; background: #d9d9d9; border-radius: 6px; margin: 0; position: absolute; bottom: 0; left: 0;}
.stat-list .stat-bg {background: #007ac3; height: 100%; border-radius: 6px;}
.stat-list dd, .stat-list dt {margin: 0; padding: 0;}
.stat-list-wrap h4 {font-size: 30px; text-align: center; font-weight: 400; margin: 20px 0 30px;}
.stat-list dd {font-size: 36px; font-weight: 400}
.stat-list dt {font-size: 18px; font-weight: 300; margin-bottom: 10px; font-style:italic; font-weight: 400;}
.stat-footnote{text-align: right; color: #747474; font-size: 14px; max-width: 1200px; margin: 20px auto 0;}

/*** Product Section css ends***/
.Header-Desktop .component-wrapper-spacer {
  margin-bottom: 0;
}


/****** b2b missing Info css start******/

.Account-Login---More-Info-Needed-Desktop_missingInfo {
   
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  padding: 0;
  background-color: #fff;
}
.Frame-11885_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0 0 40px;
}
.Row_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 60px;
  padding: 0 40px;
}

.Column_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  padding: 0;
}
.Simple-Login_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
  padding: 32px;
  border-radius: 8px;
}

.Frame-12069_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding-left: 3rem;
}

.Content_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 8px;
}

.Dialog-Headline-Text_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
 
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text_missingInfo {
  height: 48px;
  align-self: stretch;
  flex-grow: 0;
 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.Cart-Products-Cards_missingInfo {
  margin-bottom: 3rem;

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 24px 32px;
  border-radius: 10px;
  border: solid 1px rgba(236, 236, 236, 0.8);
  background-color: #f7f7f7;
}


.Cart-Products-Cards .slds-gutters .slds-col {
  padding-left: unset;
  padding-right: unset;
}

.Frame-11841_missingInfo {
  
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 16px;
  padding: 0;
}
.Frame-11978_missingInfo {
 
 
  flex-grow: 0;
  display: block;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
}
.Dialog-Headline-Text_customer_missingInfo {
  
  padding-bottom: 15px;
  flex-grow: 0;

  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}
.Account-Login---More-Info-Needed-Desktop_missingInfo label {

  flex-grow: 0;
 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.Text-Field_missingInfo {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding-left: 3rem;
}
.Top-Row_missingInfo {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
}
.Label-Wrapper_missingInfo {
 
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.-Required_missingInfo {
  width: 8px;
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #e4202e;
}

.Primary-Buttons_missingInfo {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
  color: #fff;
}

.Dialog-Headline-Text_Login_create_Account {
  height: 38px;
  align-self: stretch;
  flex-grow: 0;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

.Dialog-Headline-Text2_Login_create_Account {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}


.PhoneField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.LastNameField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.FirstNameField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.EmailField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.VatIDField_MissingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.VATField_MissingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}
.Account-Login---More-Info-Needed-Desktop_missingInfo label.label11 {
  font-weight: 500 !important;
}

.Account-Login---More-Info-Needed-Desktop_missingInfo label.label10 {
  font-weight: 500 !important;
}
.Account-Login---More-Info-Needed-Desktop_missingInfo label.label9 {
  font-weight: 500 !important;
}
.Account-Login---More-Info-Needed-Desktop_missingInfo label.label9__Create_Account {
  font-weight: 500 !important;
}

.VATField_MissingInfo.slds-form-element .slds-form-element__label {
  display: inline !important;
}

.Login_create_Account .Text-Field1_CreateAccount {
  line-height: 0px;
  /*height: 77px; */
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.Account-Login---More-Info-Needed-Desktop_missingInfo .Text-Field1_CreateAccountMarketing {
  line-height: 0px;
  /*height: 77px; */
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0;
  padding: 0;
}

.Login_create_Account .Text-Field1_CreateAccountMarketing {
  height: 79px !important;
}

.Login_create_Account .Text-Field1_CreateAccount2 {
  line-height: 0px;
  height: 35px;
}

.Label-Wrapper8_Create_Account {
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.label14_SmsOptIn_CreateAccount {
  width: 229px;
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Text-Field1_CreateAccount4 {
  height: 50px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.Label-Wrapper16_CreateAccountoptIn {
 
  height: 26px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 2px 0 0;
}

.label14_CreateAccountoptIn {

  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.label9__Create_Account {
 
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.SalutationFieldInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.CompanyField_MissingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.NPIField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.PhoneField_missingInfo .slds-input {
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
 
}


.Frame-11978_Login_Create_AccountPage {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}

.Primary-Buttons_Login_Create_AccountPage {
  color: #fff;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 11px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
}

button.slds-button.Primary-Buttons_Login_Create_AccountPage:hover {
  background-color: #005b92 !important;
  transition: background-color 0.2s linear;
  border: solid 1px #005b92;
  color: #fff !important;
}


.label_missingInfo{
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}


/****** b2b missing Info css ends******/



/***** my Account subscriptions css starts******/

.Registered-User-HP---Other-Subscription-States-Desktop {
   
  background-color: #fff;
}

.Row_MyAccSubscription {

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
 
}

.Column_MyAccSubscription {
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;

}

.Content_MyAccSubscription {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
}

.Dialog-Headline-Text_MyAccSubscription {

  align-self: stretch;
  flex-grow: 0;

  font-size: 42px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.42px;
  text-align: left;
  color: #000;
}

.Frame-11870_MyAccSubscription {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 0;
  border-radius: 10px;
  background-color: #fff;
}

.Subscriptions_MyAccSubscription {

  align-self: stretch;
  flex-grow: 0;

  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text_MyAccSubscription {
 
  flex-grow: 0;

  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Frame-11871_MyAccSubscription {
  margin-bottom: 30px;
  margin-right: 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 16px 25px 30px;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: #f7f7f7;
}

.Frame-11872_MyAccSubscription {
 
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 24px 32px 30px;
  border-radius: 8px;
  border: solid 1px #ececec;
  background-color: #f7f7f7;
}

.Frame-11858_MyAccSubscription {
 
  align-self: stretch;
  flex-grow: 0;
 
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 2px 0 0;
}

.Dialog-Content-Text_MyAccSubscriptionValue {
  padding: 5px;
}

.Frame-11859_MyAccSubscription {
  margin-top: 15px;
 
  align-self: stretch;
  flex-grow: 0;
 
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding: 0;
}

.Text-Links_MyAccSubscription {
 
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}
.Label-Wrapper_MyAccSubscription {
 
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}

.Row_MyAccSubscription label {
 
  flex-grow: 0;

  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}

.Checkbox-with-Text_MySubscription {

  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.Active_MySubscription {
  min-width: 40px;
  height: 21px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-align: left;
  color: #68a900;
}




.Secondary-Buttons_MySubscription{
  width: auto;
  height: 48px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 2px #077ac1;
  background-color: #fff;
  margin-bottom: 10px;
}

.Label-Wrapper_UpgradeMySubscription {
  width: auto;
  height: 22px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 4px;
}

.Secondary-Buttons_MySubscription label {
  width: auto;
  height: 19px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}

.Expired_MySubscription {
  width: auto;
  height: 21px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-align: left;
  color: #ac1423;
}

.Dialog-Content-Text_Subscription_expired {
  width: auto;
  height: 24px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #ac1423;
}

.Primary-Buttons_MySubscription {
  width: auto;
  height: 47px;
  flex-grow: 0;
  /* display: flex; */
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
  cursor:pointer;
}

.Primary-Buttons_MySubscription-label {
  width: auto;
  height: 19px;
  flex-grow: 0;
  /* font-family: FiraSans; */
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #fff;
  cursor:pointer;
}

.Label-Wrapper_RenewMySubscription {
  width: auto;
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.Frame-11887_Frame-11887_MySubscription_Active {
  min-width: 95px;
  height: 25px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* align-items: center; */
  gap: 10px;
  padding: 2px 16px;
  border-radius: 100px;
  border: 1px solid #68a900;
  background-color: #f7f7f7;
}

.Frame-11887_Frame-11887_MySubscription_NotStarted {
  min-width: 95px;
  height: 25px;
  width: max-content;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  /* align-items: center; */
  gap: 10px;
  padding: 2px 12px; /*ECOMM-1775*/
  border-radius: 100px;
  background-color: #f7f7f7;
  border: solid 1.5px #077ac1;
  color: #077ac1;
}

.NotStarted_MySubscription {
  min-width: 40px;
  height: 21px;
  flex-grow: 0;
  font-family: FiraSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-align: left;
  color: #077ac1;
}

.Frame-11887_Frame-11887_MySubscription_Expired {
  width: 81px;
  height: 25px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 2px 16px;
  border-radius: 100px;
  background-color: #f7f7f7;
  border: 1.5px solid #ac1423;
}


/***** my Account subscriptions css ends******/

/****** b2bInstitutionalSales css starts ******/

.home-institutional-sales h3 {font-weight: 500;}
.home-institutional-sales h3:first-child {margin-top: 10px}
.home-institutional-sales p {margin-bottom: 10px;}


.b2bInstitutionalSales_desktop {
  padding: 14px 30px !important;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  padding: 0;
  background-color: #fff;
}

.Frame-11886_b2bInstitutionalSales {

  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}


.Frame-11705_b2bInstitutionalSales {
 
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  border-radius: 10px;
  border: solid 1px #ececec;
  background-color: #fff;
}
.Content-Tile_b2bInstitutionalSales {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
 
  justify-content: flex-start;
  align-items: center;
  padding: 13px 24px;
  border-radius: 4px;
}

.Content_b2bInstitutionalSales {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0;
}

.Frame-11703_b2bInstitutionalSales {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding: 0;
}

.Frame-11708_b2bInstitutionalSales {
 
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  padding: 0;
}

.Dialog-Headline-Text_b2bInstitutionalSales_headingLetsTalk {
  text-transform: uppercase;
  align-self: stretch;
  flex-grow: 0;
 
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.56px;
  text-align: left;
  color: #077ac1;
}
a.b2bInstitutionalSalesLabel_link {
  padding-right: 2px;
  border-bottom: 1px solid #077ac1;
  text-decoration: none !important;
}




.Dialog-Headline-Text_b2bInstitutionalSales_headingInstitutionalSales {
 
  align-self: stretch;
  flex-grow: 0;
  
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}

.Dialog-Content-Text_b2bInstitutionalSalesText {
  
  align-self: stretch;
  flex-grow: 0;
 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.b2bInstitutionalSales_desktop label {
 
  flex-grow: 0;
 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}

.Label-Wrapper_b2bInstitutionalSales {
 
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}

.Text-Links_b2bInstitutionalSales {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0;
}

img.Icon-Right_b2bInstitutionalSales {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  object-fit: contain;
}




/****** b2bInstitutionalSales css ends******/



.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
  text-decoration: none;
  color: #fff !important;
  /* height: 56px; */
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border-radius: 4px;
  background-color: #045c92 !important; 
  font-weight: unset;

}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus{
  box-shadow: unset;
  outline: none;
}

a.slds-nav-vertical__action:hover {
  text-decoration: none;
  background-color: #e8e8e8 !important;
}




nav.slds-nav-vertical a:link:not(.slds-button) {
  color:#000;
  height: 56px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border-radius: 4px;
  text-decoration: none !important;
  background-color: #f7f7f7;
  box-shadow: unset;
}

.slds-nav-vertical__item:before {
  position: relative;
}

.slds-p-vertical_small {
  padding-top: 0 !important;
  padding-bottom: 0.5rem !important;
}

.shopPersonalProds .slds-form-element .slds-form-element__label {
  display: none;
}

.shopPersonalProds .role-btns .slds-form-element__label {
  display: unset;
}

.slds-button+.slds-button{
  margin-left: unset;
}




  /****Storefront Persona Modal Start***/
/*
  .Frame-11978 {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    padding: 0;
  }

  .Frame-11705 {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 24px;
    border-bottom: solid 1px #d8d8d8;
  }

  .Select-to-Shop-Products {
       flex-grow: 1;
       font-size: 24px;
       font-weight: normal;
       font-stretch: normal;
       font-style: normal;
       line-height: 1.2;
       letter-spacing: 0.48px;
       text-align: left;
       color: #000;
  }

  .Shape {
    width: 14px;
    height: 14px;
    background-color: #000;
  }

  img.x-fill {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
  }

  .Frame-11972 {
    width: 1440px;
    height: 1024px;
    padding: 0 0 163px;
    background-color: rgba(0, 0, 0, 0.6);
  }

  .Frame-11979 {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 8px 0;
  }

  .OR {
    width: 21px;
    height: 24px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #171717;
  }

  .Rectangle-19 {
    height: 1px;
    flex-grow: 1;
    background-color: #d8d8d8;
  }

  .Rectangle-20 {
    height: 1px;
    flex-grow: 1;
    background-color: #d8d8d8;
  }

  .Frame-12062 {
    align-self: stretch;
    flex-grow: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 24px;
    border-radius: 10px;
    border: solid 1px #ececec;
    background-color: #f7f7f7;
  }

  .Shop-as-Guest {
    width: 134px;
    height: 24px;
    flex-grow: 0;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.4px;
    text-align: center;
    color: #000;
  } */



  /****Storefront Persona Modal end***/


   /****Storefront Persona Modal Start***/

 .Frame-11978 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding: 0;
}

.Frame-11978_GuestShopButton_PersonaModal {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  padding-top: 14px;
}

.Frame-11705 {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 24px;
  border-bottom: solid 1px #d8d8d8;
}

.Select-to-Shop-Products {
     flex-grow: 1;
     font-size: 24px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.2;
     letter-spacing: 0.48px;
     text-align: left;
     color: #000;
}

.Shape {
  width: 14px;
  height: 14px;
  background-color: #000;
}

img.x-fill {
  width: 24px;
  height: 24px;
  flex-grow: 0;
  object-fit: contain;
  cursor: pointer;
}

.Frame-11972 {
  width: 1440px;
  height: 1024px;
  padding: 0 0 163px;
  background-color: rgba(0, 0, 0, 0.6);
}

.Frame-11979_login_page {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0;
}

.OR {
  width: 21px;
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #171717;
}

.Rectangle-19 {
  height: 1px;
  flex-grow: 1;
  background-color: #d8d8d8;
}

.Rectangle-20 {
  height: 1px;
  flex-grow: 1;
  background-color: #d8d8d8;
}

.Frame-12062 {
  align-self: stretch;
  flex-grow: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 10px;
  border-radius: 10px;
  border: solid 1px #ececec;
  background-color: #f7f7f7;
}

.Shop-as-Guest {
  width: -webkit-fill-available;
  flex-grow: 0;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #000;
}

.Secondary-Buttons_PersonaSelectorModal {
  color: #077ac1;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 5px 20px;
  border-radius: 4px;
  border: solid 2px #077ac1;
  background-color: #fff;
}

.primary-PersonaSelectorModal {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 5px 20px;
  border-radius: 4px;
  border: solid 1px #077ac1;
  background-color: #077ac1;
  color: #fff;
}

.personaModalLoginBtn {
  align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 5px 0;
    border-radius: 4px;
    border: solid 1px #077ac1;
    background-color: #077ac1;
    color: #fff;
}

.configModal .slds-modal__container {
  max-width: 35rem;
}

label.shopasGuest_PersonalSelectorModel {
  
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  
  letter-spacing: 0.32px;
  text-align: left;
  
}

label.LoginCreateAccount_PersonalSelectorModel{
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
 
  letter-spacing: 0.32px;
  text-align: left;

}

.Frame-12063_PersonalSelectorModel {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
}


button.slds-button.slds-button_neutral.Secondary-Buttons_PersonaSelectorModal:hover {
  background-color: #ecf5fa !important;
  border: solid 2px #077ac1;
}

.Frame-OR {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
}


/****Storefront Persona Modal end***/

  /****Storefront Money Back Guarantee Modal Start***/

  .PDP---UTD---Default_MoneyBack {
    margin-top: 45px;
    background-color: #fff;
  }

  .Frame-11851_MoneyBack {

    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2px 0 0;
  }

  .-Day-Money-Back-Guarantee_MoneyBack {

    flex-grow: 0;

    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #023b5f;
  }

  .-Day-Money-Back-Guarantee_MoneyBack .text-style-1_MoneyBack {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: 500;
  }

  .Doller_MoneyBack span {
    width: 6px;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #023b5f;
  }
  .Vector_MoneyBack {

    padding: 3.8px 4.8px 2.8px;
  }

  .iconamoonshield-light_MoneyBack {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    padding: 2.3px 4.3px;
  }

  .Frame-11851_MoneyBack {

    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 2px 0 0;
  }

  .See-Details_MoneyBack {
    margin-left: 30px;
    cursor: pointer;
    border-bottom: 1px solid #077ac1;
    margin-top: 6px;
    flex-grow: 0;

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #077ac1;
    padding: 2px 0 0;
  }

  .CloseButton_MoneyBack {
    border: none !important;
    width: 93px;
    height: 47px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    /* letter-spacing: 0.32px; */
    /* text-align: left; */
    /* color: #077ac1; */
}


.-Day-Money-Back-Guarantee_MoneyBackHeader{
    flex-grow: 1;

    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.48px;
    text-align: left;
    color: #000;
  }

  label.MoneyBackModelContent {
    flex-grow: 1;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .Frame-11846_MoneyBack {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 18px 16px;
  }

  .Frame-11706_MoneyBack {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
    padding: 7px 17px 11px;
  }
  .Secondary-Buttons_MoneyBack {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 4px;
    border: solid 2px #077ac1;
    background-color: #fff;
  }
.FrameHeader_MoneyBack{
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 32px 32px;
    border-bottom: solid 1px #d8d8d8;
}

.Modal---Delete-Product {
    width: 600px;
    height: 284px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin: 153px 360px 297px;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 40px 40px -20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }

  img.dollarShield {
    width: 24px;
    height: 19.5px;
    flex-grow: 0;
    object-fit: contain;
}

img.x-close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
}

  /****Storefront Money Back Guarantee Modal End***/
  /****Storefront Cart Modal Delete Start***/
  img.x-close1 {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-grow: 0;
    object-fit: contain;
  }
  /****Storefront Cart Modal Delete End***/

/* Base Modal Starts */
.baseModalFooter .slds-modal__footer{
  border: none;
  padding-bottom: 2rem;
}

.baseModalHeader .slds-modal__header h1 {
  /* border: none;
  box-sizing: content-box; */
  display: inline-flex;
  float: left;
}

.baseModalHeader .slds-modal__header{
  padding: 2rem 1rem 3rem;
}

.baseModalCrossBtn {
  float: right;
  cursor: pointer;
}

.baseModalCls .slds-modal__content {
  padding-top: 2rem;
}

lightning-modal-base .slds-button.slds-button_icon {
  /* color: #fff !important; */
  display: none;
}

.cartItemDelSpanLabel {
  height: 24px;
  flex-grow: 1;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.cartItemDelSpanBoldLabel {
  height: 24px;
  flex-grow: 1;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.cartItemCancelBtnCLs {               /*cancel btn padding right */
  padding-right: 1rem;
}

.cartItemCancelBtnCLs .slds-button{
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: 1px solid rgb(7, 122, 193);
  /*Below commented to fix modal continue shopping UI issue*/
  /* width: 146px; */
  height: 47px;
}

.cartItemOkayBtnCls .slds-button {
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: 1px solid rgb(7, 122, 193);
  background-color: rgb(7, 122, 193);
  color: rgb(255, 255, 255);
  width: fit-content;
  height: 47px;
}

/* my changes for version  */


/* Base Modal Ends */

.clear-cart-section c-b2b-clear-cart {
  padding-right: unset;
}

.mycls{
  display:none;
  padding: 14px 20px;
  display: block;
}

/* Cart Header Starts*/

commerce_cart-managed-contents .header-labels .textBlock_desktopTabletMobile{
  flex-grow: 0;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.64px;
  text-align: left;
  color: #000;
}

/* Cart Header Ends */

/* cart Badge Starts */
  .HeaderDesk commerce_cart-badge svg {
    --sds-c-icon-color-foreground-default: #000;
  }

  .HeaderDesk commerce_cart-badge .slds-notification-badge {
    background: #045c92;
  }

/* Cart Badge Ends */


/* checkout summary Starts*/



.Frame-12116_CartItemCheckoutSummary {
  height: 21px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  padding: 0;
}

.Text-Links_CartItemCheckoutSummary {
  width: 65px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  padding: 0;
}

.Label-Wrapper_CartItemCheckoutSummary {
  width: 65px;
  height: 21px;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
}

label.Edit_Cart_links_CartItemCheckoutSummary {
  width: 65px;
  height: 19px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
  cursor: pointer;
  border-bottom: 1px solid;
}

.Cart-Products-Cards_CartItemCheckoutSummary {
  height: 148px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-radius: 10px;
  border: solid 1px #ececec;
  background-color: #fff;
}


.Frame-12113_Checkout_Summary {
  align-self: stretch;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 0 24px 24px 0;
  background-color: #f7f7f7;
}

.Frame-12068_Checkout_Summary {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 24px 0 0 24px;
  border-radius: 10px;
}

.Order-Summary_Checkout_Summary {
  height: 29px;
  flex-grow: 1;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0px;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}

.Frame-12131_Checkout_Summary {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 16px;
  padding: 20px 24px;
  border-radius: 10px;
  border: solid 1px #ececec;
  background-color: #fff;
}


.Checkout_Summary .Text-Field1_CreateAccount {
  line-height: 0px;
  /*height: 77px; */
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.emailSpinner .slds-spinner_container {
  left: 90%;
}

.Checkout_Summary .Label-Wrapper8_Create_Account {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

.Checkout_Summary .slds-input {
  height: 47px !important;
}

.Checkout_Summary .label9__Create_Account {
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.promoCodeField_CheckoutSummary .slds-input {
  height: 47px !important;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
}

.Label-Wrapper_ApplyPromoCode {
  line-height: 0px;
}


.Secondary-Buttons_CheckOutSummary {
    margin-top: 35px;
    margin-left: 6px;
    height: 47px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 14px 20px;
    border-radius: 4px;
    border: solid 2px #077ac1;
    background-color: #fff;
}
.Label-Wrapper_CheckOutSummary {
 
  height: 19px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0 6px;
}

.label9_ApplyPromoCode {
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Label-Wrapper8_ApplyPromoCode {
  /* width: 213px; */
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0;
}

label.apply_CheckOutSummary {
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.32px;
  text-align: left;
  color: #077ac1;
}


.Subtotal_CheckOutSummary{
height: 24px;
flex-grow: 1;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #000;
}
.Total_CheckOutSummary {
    width: 46px;
    height: 22px;
    flex-grow: 0;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.SubtotalAmt_CheckOutSummary {
  height: auto;
  flex-grow: 1;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}

.TotalAmt_CheckOutSummary {
  height: 22px;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}

.Checkout_Summary .cart-Items .Frame-11688 {
  align-self: stretch;
  flex-grow: 0;
  display: block;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  padding: 0;
}

.Checkout_Summary .promoCodeAccordionText {
  color: #077ac1;
  text-decoration: underline;
}

.Checkout_Summary .add-input__button-icon .slds-icon {
  fill: #077ac1;
  height: 13px;
  padding-bottom: 1px;
}

/* checkout summary ends*/

/* PDP*/

.toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* adjust label spacing */
}

/* optional – makes the toggle align visually tighter */
.toggle-wrapper lightning-input {
  margin: 0;
  padding: 0;
}

.right-label {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.rbText{
  padding-left: 55px;
  flex-wrap: wrap;
  width: 90%;
}


/* checkout checkoutCustomerInfo Start*/


.checkoutCustomerInfo .Cart-Products-Cards{
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 24px 32px;
  border-radius: 10px;
  border: solid 1px #ececec;
  background-color: #f7f7f7;
}

.checkoutCards{
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
  padding: 24px 32px;
  border-radius: 10px;
  background-color: #f7f7f7;
}

.checkoutCustomerInfo .Dialog-Headline-Text{
  flex-grow: 0;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}

.checkoutCustomerInfo .Frame-11996{
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 6px;
  padding: 0;
}

.checkoutCustomerInfo .Frame-11918{
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    padding: 0;
}


.currentSection{
  border: solid 1px  #0070d2;
  background-color: white;
}

.checkoutCustomerInfo .accDetailHeading{
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.checkoutCustomerInfo .accDetailVal {
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding-left: 5px;
}

.checkoutHeading h2{
  flex-grow: 0;
  font-size: 32px;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-align: left;
  color: #000;
}



/* checkout checkoutCustomerInfo Ends*/

/* Checkout billing start*/
.subText{
  font-size: 14px;
  font-weight: 400;
}

.noticeCopy{
  background-color: #f2f1f0;
  border-radius: 1rem;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.warningCopy{
  background-color: #ecbc00;
  border-radius: 1rem;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.billing-slot {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0;
}

.editMode {
background-color: white;
}

.checkoutCTAButton{
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
 
}

.billing-address-container .slds-input {
  /* Custom styles for input fields */
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

lightning-input[data-field='city'] {
  padding-bottom: 12px;
}
.billing-address-container .slds-select {
  /* Custom styles for input fields */
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.billing-address-container .slds-textarea {
  /* Custom styles for input fields */
  height: 47px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
}

.billing-address-container .slds-form-element__label {
  /* Custom styles for input fields */
 
  height: 24px;
  flex-grow: 0;
  
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  
}
/* Checkout billing ends*/

.checkoutPaymentDisabled{
  border: solid 1.5px #d8d8d8;
  background-color: #fff;
  color: #928c8c;
}
/* Checkout Profile info Starts*/

.profileInfoCancelButton .slds-button {
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: 1px solid rgb(7, 122, 193);
  width: 240px;
  padding-right: 1rem;
}

.profileInfoOkayButton .slds-button {
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 14px 20px;
  border-radius: 4px;
  border: 1px solid rgb(7, 122, 193);
  background-color: rgb(7, 122, 193);
  color: rgb(255, 255, 255);
  width: 240px;
}

.profileInfoCancelButton {
  padding-right: 1rem;
}

.Account---Profile-Info-Desktop_MyAccountProfile {
    
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0;
  background-color: #fff;
  }

  .Row_MyAccountProfile {
    padding: 32px;
    align-self: stretch;
    flex-grow: 0;
    flex-direction: row;
    gap: 40px;
  }

  .Column_MyAccountProfile {
    align-self: stretch;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 12px 0;
  }
  .Content_MyAccountProfile {
    height: 50px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
  }
  .Dialog-Headline-Text_ProfileInfo_MyAccountProfile {
    height: 50px;
    align-self: stretch;
    flex-grow: 0;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.42px;
    text-align: left;
    color: #000;
  }

  .Frame-11871_MyAccountProfile {
    margin-top: 20px;
    flex-grow: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    padding: 24px 32px 30px;
    border-radius: 8px;
    border: solid 1px #ececec;
    background-color: #fcfcfc;
  }
  .Frame-11858_MyAccountProfile {
    height: 30px;
    align-self: stretch;
    flex-grow: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    padding: 2px 0 0;
  }
  .Dialog-Content-Text_UserInfo_MyAccountProfile {
    height: 28px;
    flex-grow: 1;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .EditPageAccountProfile {
    margin-top: 20px;
  }

  .Frame-11859_MyAccountProfile {
    margin-top: 20px;
    flex-grow: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
  }

  @media screen and (max-width:345px) {
    .Frame-11859_MyAccountProfile {
      margin-top: 40px;
      flex-grow: 0;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      padding: 0;
    }
  }

  @media screen and (max-width:400px) {
    .Frame-Address {
      margin-top: 40px;
      flex-grow: 0;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      padding: 0;
    }
  }

  @media screen and (max-width:360px) {
    .Frame-Additional_Information {
      margin-top: 40px;
      flex-grow: 0;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      padding: 0;
    }
  }

  .Dialog-Content-Text_LabelInfo_MyAccountProfile {
    padding-right: 8px;
    height: 24px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .Additional_Information_MyProfile {
    margin-top: 24px;
}

.profileInfoButton{

  width: 240px;

}

.underlined-link{
  text-decoration: none;
}

  .Dialog-Content-Text_LabelValue_MyAccountProfile {
    display: inline-block;
    height: 24px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }

  .Text-Links_MyAccountProfile {
    height: 21px;
    flex-grow: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 0;
    text-align: right;
  }

  .Label-Wrapper_MyAccountProfile {
   
    height: 21px;
    flex-grow: 0;
   
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1px 0 0;
  }

  label.editLink_MyAccountProfile {
    height: 19px;
    flex-grow: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.32px;
    color: #077ac1;
    border-bottom: 1px solid #077ac1;
    cursor: pointer;
  }

  .profileInfoButton .slds-button {
    flex-grow: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding: 14px 20px;
    border-radius: 4px;
    border: 1px solid rgb(7, 122, 193);
    width: 240px;
  }

/* Checkout Profile info Ends*/

/******************/

/* PLP Recommended starts */

.Frame-11721_Recommended {
  align-self: center;
  margin-top: -46px;
  width: 137px;
  height: 36px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #000;
}

span.Recommended {
  width: 109px;
  height: 24px;
  flex-grow: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

/* PLP Recommended starts*/

/* Comparison Chart Responsive */
.comparison-chart {max-width: 1440px; margin: 0 auto; text-align: center; margin-top: 20px; padding: 0 10px;}
.comparison-header-row {margin-bottom:20px;}
.comparison-chart > div {display:grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 20px; align-items:center;}
.comparison-chart.two-prod-col > div {display:grid; grid-template-columns: 2fr repeat(2, 1fr); gap: 20px; align-items:center;}
.comparison-chart > .comparison-header-row {row-gap: 0;}
.comparison-feature-cell {text-align: left; background: #eee; padding: 10px;}
.comparison-value-cell {padding: 10px;}
.comparison-row {margin:15px 0; border: solid 1px #ddd;}

.comparison-header-row > div:nth-child(3) {grid-area: 2 / 2 / 3 / 3;} /* first box */
.comparison-header-row > div:nth-child(4) {grid-area: 1 / 3 / 2 / 4;} /* middle badge */
.comparison-header-row > div:nth-child(5) {grid-area: 2 / 3 / 3 / 4;} /* middle box */
.comparison-header-row > div:nth-child(6) {grid-area: 1 / 4 / 2 / 5;} /* right badge */
.comparison-header-row > div:nth-child(7) {grid-area: 2 / 4 / 3 / 5;} /* right box */
.not-included-feature {color: #999;}

/* country specific overrides */
.comparison-chart .comparison-row:nth-child(3) {display: none;} 
body.country-united-states .comparison-chart .comparison-row:nth-child(3) {display: grid;} 
body.country-united-states .comparison-chart .comparison-row:nth-child(2) {display: none;}

/* comparison chart modal */
.comparison-chart-modal .slds-modal__content slot .row-wrapper:nth-child(3) {display: none;} 
body.country-united-states .comparison-chart-modal .slds-modal__content slot .row-wrapper:nth-child(3) {display: grid;} 
body.country-united-states .comparison-chart-modal .slds-modal__content slot .row-wrapper:nth-child(2) {display: none;}

.lexidrug-access h2 {margin-top: 20px;}
.lexidrug-access .app-store-link {margin-bottom: 40px; display: block;}
.lexidrug-access .badge-wrap {display: flex;}
.lexidrug-access .badge-wrap a {margin-right: 10px}

.recaptcha-disclaimer {margin-bottom: 10px;}

@media screen and (max-width: 720px){
     .comparisons-header-cell .slds-button {font-size: 0;}
    .comparisons-header-cell .slds-button::before {content: "Select"; font-size: 12px;}
}

@media screen and (max-width: 690px){

    .plp-header .copy {padding-left: 20px; padding-right: 20px;}
}


@media screen and (max-width: 670px){
    .Frame-11660 {display: block;}
    .Header-Desktop .Nav-Wrapper1 {display: block;}
    .Frame-11660.navMenus {display: flex;}
    .Header-Nav-Item1 {border-right: solid 1px #ddd; flex: 1; height: auto; width: auto;}
    .Header-Nav-Item2 {flex: 1; height: auto; width: auto;}
    .Header-Nav-Item1 .label1, .Header-Nav-Item2 .label2 {display: block; margin: 0 auto; text-align: center; height: auto; width: auto; font-size: 0.9em;}
    img.WK-Logo-Dark {margin: 0 auto 15px; display: block;}
    .Header-Desktop .Nav-Wrapper1 {padding-left: 10px; padding-right: 10px;}
}

/* Fix for state picklist margin on mobile in lightning-input-address */
@media screen and (max-width: 768px) {
    lightning-input-address .slds-form-element.slds-size_2-of-6 {
        margin-bottom: 0 !important;
    }
    
    lightning-input-address lightning-picklist[data-field="province"] {
        margin-bottom: 0 !important;
    }

    lightning-input[data-field='city'] {
      padding-bottom: 8px;
    }
}

.slds-form-element_address .slds-form-element__row{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-start;
}

/* Fix for product PLP page padding*/
@media only screen and (max-width:400px){
	.LexiDrug-Pro .Frame-11928 {
		align-self: stretch;
		flex-grow: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		gap: 40px;
		padding: 0px 40px;
		border-radius: 20px;
		border-top: solid 500px #0778bf;
		background-color: #f7f7f7;
	}
}

/* Fix for item summary overlap in checkout page */
@media only screen and (max-width: 445px){
	.cart-Items .Frame-11979 {
   	align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: auto !important;
	}	
}

/* Fix for item summary overlap in checkout page */
@media only screen and (min-width:1025px) and (max-width: 1340px){
  .cart-Items .Frame-11979 {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: auto !important;
  } 
}