/* header-code starts here*/
#header-splash .cmp-text, #footer-splash .cmp-text {
    position: relative !important;
    color: inherit !important;
    padding: 0 !important;
    line-height: normal;
    font-family: inherit !important;
}
a.skip {
  font: 400 12px/100% "Inter", sans-serif;
}
html {
  -webkit-text-size-adjust: 100%;
}

a[href^="tel:"] {
  font-size: inherit !important;
}

/*accessbilty code*/
#sitemap .cmp-sitemap__item-link:focus-visible {
  border: 1px solid rgba(160, 5, 162, 1);
  text-decoration: underline;
}

#header-splash-dtc .cmp-topnavigation__item--level-0 .cmp-topnavigation__link:focus-visible, #footer-splash .footer-wrapper .link-nav a:focus-visible {
  border: 1px solid rgba(255, 255, 255, 1);
  text-decoration: underline;
    outline: none;
}

.exit-ramp-cancel.close-exit-ramp:focus-visible, .exit-ramp-actions a:focus-visible {
  background: linear-gradient(97.95deg, #640264 -4.6%, #7082BA 89.92%);
}

.exit-ramp-actions a:before:focus-visible {
  border: 2px solid white;
  border-radius: 48px;
    /*background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(200, 4, 203, 1), rgba(238, 148, 109, 1));*/
  background-origin: padding-box, border-box;
  outline: 1px solid linear-gradient(97.95deg, #640264 -4.6%, #7082BA 89.92%);
}

.exit-ramp-actions a:focus-visible::before{
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(97.95deg, #640264 -4.6%, #7082BA 89.92%);
  z-index: -1;
  border-radius: inherit;
}

.exit-ramp-actions a:focus-visible {
  position: relative;
  z-index: 1;
  /*background: white;*/
  /*padding: 1rem 2rem;*/
  border-radius: 48px;
}

/*accessbilty code*/
#header-splash #skip-update {
  position: absolute !important;
  top: -20px;
}

#header-splash-dtc .topnavigation.languagenavigation {
  display: flex;
  align-items: center;
  justify-content: center;
}

#header-splash-dtc .topnavigation.languagenavigation ul li {
  font: 700 12px/100% "Inter", sans-serif;
  margin: 0;
  padding-top: 4.5px;
  padding-bottom: 4.5px;
  color: rgba(255, 255, 255, 1);
}

#header-splash-dtc .topnavigation.languagenavigation ul li:hover {
  /*text-decoration: underline;*/
  text-decoration:none;
}

#header-splash-dtc .topnavigation.languagenavigation ul li:focus-visible {
  border: 1px solid rgba(160, 5, 162, 1);
  border-radius: 4px;
  padding: 4px;
}

#header-splash-dtc .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

#header-splash-dtc .cmp-topnavigation {
  padding: 8px;
}

#header-splash-dtc .topnavigation.languagenavigation ul li a img {
  margin-left: 7.5px;
}

#header-splash-dtc .topnavigation.languagenavigation ul li:last-child {
  text-align: center;
  display: flex;
}

#header-splash-dtc .topnavigation.languagenavigation ul li .patient-info {
  margin-left: 18px;
}

#header-splash-dtc .topnavigation.languagenavigation {
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: rgba(200, 4, 203, 1);
}

/* accessibility footer  */
#footer-splash .image a:focus-visible {
  outline: 1px solid #fff;

}

/*#header-splash-dtc .cmp-topnavigation__item--level-0 .cmp-topnavigation__link:hover {*/
/*  text-decoration: none;*/
/*}*/

#main-grid-sub {
  padding-top: 66px;
}

/* body.page.basicpage.modal-enabled #main-grid-sub,body.page.basicpage.modal-enabled .container.responsivegrid:has(#footer-splash) {
        background: rgba(70, 70, 70, 0.42);
    opacity: 0.9;
} */
/* header-code ends here*/

/* footer code starts here */


#footer-splash .footer-wrapper .image {
  display: flex;
  flex-direction: column;
}

#footer-splash .footer-wrapper .image img {
  max-width: 185px;
}

#footer-splash .footer-wrapper .image img.product-img,
#footer-splash .footer-wrapper .link-nav {
  margin-top: 30px;
}

#footer-splash .footer-wrapper .link-nav {
  display: flex;
  flex-direction: column;
  gap: 45px;
  /*text-decoration: underline;*/
    color: white;
}

#footer-splash .footer-wrapper .footer-link.privacy-icon img {
  margin-left: 4px;
}

#footer-splash .footer-wrapper .link-nav a {
  text-decoration: underline;
}

#footer-splash .footer-wrapper .desc-footer {
  margin-top: 16px;
}

#footer-splash .footer-wrapper .link-nav a {
  font: 700 14px/110.00000000000001% "Inter", sans-serif;
  color: rgba(255, 255, 255, 1);
}

#footer-splash .footer-wrapper .link-nav a:hover {
    text-decoration: none;
}

.desc-footer {
  font: 400 14px/110.00000000000001% "Inter", sans-serif;
  color: rgba(255, 255, 255, 1);
}

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

#footer-splash {
  max-width: 1074px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

/*#footer-splash .footer-wrapper .link-nav a:hover {*/
  /*text-decoration: underline;*/
/*  text-decoration: none;*/
/*}*/

.container.responsivegrid:has(#footer-splash) {
    /* background: linear-gradient(153.11deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%); */
  background: linear-gradient(132.11deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%);
}

/* footer code ends here */

/* home page code starts here */
#image-home-page {
  max-width: 314px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

#homepage #main-grid-sub .cmp-title__text {
  margin-bottom: 15px;
  margin-top: 73px;
  color: rgba(200, 4, 203, 1);
  text-align: center;
}

.home-page-text p.sub-head-text {
  font: 700 18px/110.00000000000001% "Inter", sans-serif;
  text-align: center;
  color: rgba(33, 39, 42, 1);
}

/* home page code ends here */

/* pop-up code starts here */
.modal.exit-ramp-modal.modal--visible button svg,
.modal-box__content .modal__closeIcon svg {
  display: none;
}

.modal.exit-ramp-modal.modal--visible button::after,
.modal-box__content button::after {
  content: "";
  background-size: cover;
  display: inline-block;
  /*background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/close-icon.svg");*/
   background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/close-icon-new.png");
  width: 36px;
  height: 36px;
  cursor: pointer;
  position: relative;
}

.modal.exit-ramp-modal.modal--visible button:hover::after,
.modal-box__content button:hover::after {
  content: "";
  background-size: cover;
  display: inline-block;
  /*background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/hover-icon-close.svg");*/
    /*background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/hover-close-icon-new.svg");*/
     background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/hover-close-icon-latest.svg");
  width: 36px;
  width: 36px;
  height: 36px;
}
/*It can be uncommented in accessibility */
/*.modal.exit-ramp-modal.modal--visible button:focus-visible::after,*/
/*.modal-box__content button:focus-visible::after {*/
/*  content: "";*/
/*  background-size: cover;*/
/*  display: inline-block;*/
/*  background-image: url("/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/close-icon-focus.svg");*/
/*  width: 36px;*/
/*  height: 36px;*/
/*}*/

.modal.exit-ramp-modal.modal--visible button,
.modal-box__content button {
  background: transparent;
  padding: 0;
  display: flex;
  justify-content: end;
  width: 100%;
  max-width: fit-content;
  position: absolute;
    /* right: 20px; */
  margin-top: 26px;
}

.modal.exit-ramp-modal.modal--visible .modal__closeLabel,
.modal-box__content .modal__closeLabel {
  display: none;
}

.modal.exit-ramp-modal.modal--visible .modal-box,
.modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
  border: 2px solid transparent;
  border-radius: 40px;
  background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)),
        linear-gradient(to right, rgba(100, 2, 100, 1), rgba(112, 130, 186, 1));
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  -webkit-background-clip: padding-box, border-box;
  box-sizing: border-box;
}

.exit-ramp-modal.modal--visible,
.modal.cmp-modal__modalbox.modal-md.modal--visible {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
}

.exit-ramp-modal,
.modal.cmp-modal__modalbox.modal-md.modal--visible {
  position: relative;
  overflow: hidden scroll;
  z-index: 9999999;
  visibility: visible;
  backdrop-filter: none !important;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  cursor: auto !important;
  top: 0;
  background: rgba(70, 70, 70, 0.42);
  margin: 0;
  padding: 0px 10px;
}

.modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
  max-height: 474px;
  margin-top: 79px;
}

.exit-ramp-modal .modal-box {
  margin-top: 79px;
}

body.page.basicpage.modal-enabled {
  overflow: hidden;
}

.cmp-modal__modalbox .modal-box__content {
  padding: 0px 20px;
}

.modal.exit-ramp-modal.modal--visible .exit-ramp-title,
.modal-box .cmp-modal__title {
  margin-top: 85px;
  font: 700 28px/34px "Inter", sans-serif;
  color: rgba(40, 16, 40, 1);
  max-width: 320px;
  text-align: center;
  padding: 0px 20px;
  margin-bottom: 30px;
}

.modal-box .cmp-modal__title {
  padding: 0px 0px;
}

.cmp-modal__modalbox .modal-box__content {
  padding: 0 !important;
}

/* .exit-ramp-body {
    border-top: 3px solid rgba(200, 4, 203, 1);

    padding-top: 30px;

} */
.exit-ramp-body:after {
  content: "";
  border-top: 3px solid rgba(200, 4, 203, 1);
  position: absolute;
  top: 300px;
  left: 50%;
  width: 100%;
  max-width: 330px;
  border-top: 3px solid rgba(200, 4, 203, 1);
  transform: translateY(-20%);
  transform: translateX(-50%);
  pointer-events: none;
  
    /* padding-top: 30px; */;
}

.exit-ramp-body {
  margin-top: 30px;
}

.modal-box__content .modal__close {
  top: 80px;
}

.modal-box__content button {
    /* right: 27px; */;
}

.modal.exit-ramp-modal.modal--visible .exit-ramp-body,
.cami-hcp-popup-container .exit-ramp-body {
  font: 400 20px/110.00000000000001% "Inter", sans-serif;
  color: rgba(33, 39, 42, 1);
  text-align: center;
}

.exit-ramp-actions {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 19px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.exit-ramp-cancel.close-exit-ramp {
  cursor: pointer;
}

.exit-ramp-cancel.close-exit-ramp,
.exit-ramp-actions a {
     border: 2px solid transparent;
    border-radius: 48px;
    /* background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(200, 4, 203, 1), rgba(238, 148, 109, 1)); */
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    -webkit-background-clip: padding-box, border-box;
    box-sizing: border-box;
    font: 600 16px / 110.00000000000001% "Inter", sans-serif;
    padding: 17px 30px;
    color: rgba(200, 4, 203, 1);
    max-height: 54px;
    background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(to right, rgba(200, 4, 203, 1), rgba(238, 148, 109, 1));
    background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(132deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%);
}


.exit-ramp-cancel.close-exit-ramp::after,
.exit-ramp-actions a:after {
  content: "";
  background-size: contain;
  display: inline-block;
  background-image: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/color-arrow.svg);
  width: 14.84px;
  background-repeat: no-repeat;
  height: 14px;
  margin-left: 8px;
  vertical-align: middle;
}

.exit-ramp-actions a:after {
  background-image: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/white-arrow.svg);
}

.exit-ramp-actions a {
  background-image: none;
  background: var(--gradient-plum, linear-gradient(132deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%));
  color: rgba(255, 255, 255, 1);
  border: 2px solid transparent;
  background-clip: padding-box;
}


.modal.exit-ramp-modal.modal--visible::-webkit-scrollbar {
  display: none;
}

.exit-ramp-cancel.close-exit-ramp:hover,
.exit-ramp-actions a:hover {
  border: 2px solid transparent;
  border-radius: 48px;
  /*background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)),*/
  /*      linear-gradient(to right, rgba(200, 4, 203, 1), rgba(238, 148, 109, 1));*/
  background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(132deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  -webkit-background-clip: padding-box, border-box;
  box-sizing: border-box;
  color: rgba(200, 4, 203, 1);
  text-decoration: none;
}

.exit-ramp-cancel.close-exit-ramp:hover {
  color: rgba(100, 2, 100, 1);
}

.exit-ramp-cancel.close-exit-ramp:hover::after,
.exit-ramp-actions a.exit-ramp-cancel.close-exit-ramp:hover::after {
  content: "";
  background-size: contain;
  display: inline-block;
  background-image: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/hover-image-arrow.png);
  width: 14.84px;
  background-repeat: no-repeat;
  height: 14px;
  margin-left: 8px;
  vertical-align: middle;
}

.exit-ramp-cancel.close-exit-ramp:hover,
.exit-ramp-actions a:hover {
  /*box-shadow: -6px 0 12px rgba(200, 4, 203, 0.6), 6px 0 12px rgba(238, 148, 109, 0.6);*/
  box-shadow: -4px 0 9px rgba(91, 19, 96, 0.6), 0px 0 22px rgba(123, 36, 129, 0.5), 3px 0 7px rgba(200, 4, 203, 0.6);
}

.exit-ramp-actions a:hover::after {
  background-image: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/image/desktop/color-arrow.svg);
}

.exit-ramp-title,
.modal.cmp-modal__modalbox.modal-md.modal--visible .cmp-modal__title {
  margin-left: auto;
  margin-right: auto;
}

.cami-hcp-popup-container {
  text-align: center;
  padding: 0px 20px;
}

.cmp-experiencefragment.cmp-experiencefragment-- .modal {
  display: none;
}

.modal.exit-ramp-modal.modal--visible button {
  margin-top: 26px;
  top: 81px;
    /* pop-up  code ends here */;
}

.exit-ramp-continue.skip-exit-ramp {
  padding-right: 23px;
}

.modal.exit-ramp-modal.modal--visible .exit-ramp-body {
  padding-top: 29px;
}

/* pop-up code ends here */

#footer-splash .max-width {
    padding: 0;
}
@media screen and (max-width:991px) {
    body:has(#header-splash ) .cami-hcp-popup-container .exit-ramp-body:after {
  
  top: 330px!important;
    }
    
  #homepage #main-grid-sub>.container.responsivegrid.max-width {
    padding: 79px 28px 36px;
  }

  #footer-splash {
    padding: 56px 28px;
  }

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

  #footer-splash .footer-wrapper .link-nav {
    /*gap: 15px;*/
  }

  #footer-splash .desc-footer {
    margin-top: 15px;
  }

  #footer-splash .margin-text {
    margin-top: 28px;
  }

  #header-splash-dtc .topnavigation.languagenavigation ul li a img {
    margin-left: 7.5px;
    max-width: 10px;
        /* height: 16px; */
    width: 100%;
    vertical-align: bottom;
  }

  .exit-ramp-content {
    padding: 0px 20px;
  }

  .modal.exit-ramp-modal.modal--visible button {
        /* right: 32px; */;
  }

  #homepage #main-grid-sub .cmp-title__text {
    margin-bottom: 16px;
    margin-top: 74px;
    line-height: 38px;
  }

  .exit-ramp-actions {
    gap: 25px;
  }

  .modal-box__content button::after {
    right: -315px;
  }

  .modal.exit-ramp-modal.modal--visible button::after {
    right: -145px;
  }
}

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

    /* header-code starts here*/
  #header-splash-dtc .topnavigation.languagenavigation {
    justify-content: end;
    flex-direction: row;
  }

  #header-splash-dtc .cmp-topnavigation__group.cmp-topnavigation__group--menus {
    display: flex;
    gap: 20px;
  }

  #header-splash-dtc .topnavigation.languagenavigation ul li:last-child {
    display: block;
  }

  #header-splash-dtc .topnavigation.languagenavigation ul li .patient-info {
    margin-left: 0px;
  }

  #header-splash-dtc .topnavigation.languagenavigation ul li {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  #header-splash-dtc .cmp-topnavigation__item--level-0 .cmp-topnavigation__link,
    #header-splash-dtc .cmp-topnavigation__item--level-0 .cmp-topnavigation__link span {
    display: flex;
    align-items: center;
  }

  #header-splash-dtc .cmp-topnavigation {
    padding-right: 25px;
  }

  #homepage #main-grid-sub>.container.responsivegrid.max-width {
    /*padding: 100.5px 87px;*/
    padding: 95.5px 87px;
  }

    /* header-code ends here*/

    /* footer code starts here */
  #footer-splash .footer-wrapper .link-nav {
    margin-top: 0;
  }

  #footer-splash .cmp-text {
    padding: 60px 0px 75px !important;
  }

  #footer-splash .footer-wrapper {
    display: flex;
    align-items: flex-start;
  }

  #footer-splash .footer-wrapper .link-nav {
    padding-left: 70px;
  }

  #footer-splash .desc-footer {
    margin-left: 220px;
    max-width: 342px;
    margin-top: 0;
  }

  .container.responsivegrid:has(#footer-splash) {
    background: linear-gradient(153.11deg, #5B1360 53.53%, #7B2481 74.56%, #C804CB 93.66%);
  }

  #footer-splash {
    flex-direction: row;
  }



    /* footer code starts here */

    /* home page code */
  #homepage #main-grid-sub>.container.responsivegrid.max-width>.cmp-container {
    display: flex;
    align-items: center;
    gap: 50px;
        /* justify-content: center; */;
  }

  #homepage #main-grid-sub .cmp-title__text {
    margin-top: 0;
    margin-bottom: 16px;
    text-align: start;
  }

  #main-grid-sub {
    padding-top: 39px;
  }

    /* home page code ends here */
    /* pop-up code starts here */
  .exit-ramp-title {
    max-width: 100%;
  }

  .modal.exit-ramp-modal.modal--visible .modal-box {
    max-width: 700px;
    margin: 0 auto;
    padding: 0px 100px;
    max-height: 560px;
    margin-top: 51px;
  }

  .cmp-modal__modalbox.modal-md .modal-box {
    max-width: 583px;
    padding: 0px 60px;
  }

  .exit-ramp-actions {
    justify-content: center;
    gap: 30px;
  }

  .exit-ramp-title {
    padding: 0 30px;
  }

  .exit-ramp-body {
    max-width: 490px;
  }

  .modal.exit-ramp-modal.modal--visible button {
    margin-top: 26px;
        /* right: 27.5%; */
    top: 54px;
        /* pop-up  code ends here */;
  }

  .modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
    max-height: 439px;
  }

  .exit-ramp-title,
    .modal-box .cmp-modal__title {
    max-width: 100%;
  }

  .modal.exit-ramp-modal.modal--visible .exit-ramp-title {
    max-width: 100% !important;
  }

  .modal-box__content .modal__close {
        /* right: 31.7%; */;
  }

  .exit-ramp-modal .modal-box {
    margin-top: 51px;
  }

  .modal.cmp-modal__modalbox.modal-md.modal--visible .cami-hcp-popup-container .exit-ramp-actions {
    margin-bottom: 61px;
  }

  .exit-ramp-body:after {
    top: 297px;
    left: 50%;
    width: 100%;
    max-width: 463px;
  }

  .modal.exit-ramp-modal.modal--visible .exit-ramp-body:after {
    top: 237px;
    left: 50%;
    width: 100%;
    max-width: 500px;
  }

  .modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
    padding: 0px 59px;
  }

  .modal-box__content button::after {
    right: -458px;
  }

  .modal.exit-ramp-modal.modal--visible button::after {
    right: -306px;
  }
  .home-page-text {
    max-width: 500px;
}
.home-page-text p.sub-head-text.plz-c {
    max-width: 480px;
}
.home-page-text p.sub-head-text{
    text-align: left;
}
}

@media screen and (min-width:400px) and (max-width:991px) {
  .modal.exit-ramp-modal.modal--visible .exit-ramp-title {
    max-width: 100%;
  }

  .modal.exit-ramp-modal.modal--visible .exit-ramp-actions {
    justify-content: center;
  }

  .exit-ramp-actions {
    justify-content: center;
  }

  .modal-box__content button::after {
    right: -31.786vw;
  }
}

@media screen and (min-width:992px) and (max-width:1200px) {
  #footer-splash {
    padding: 0px 20px;
  }

  #main-grid-sub {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width:360px) {
    #header-splash-dtc .cmp-topnavigation__group.cmp-topnavigation__group--menus {
        display: flex;
        flex-direction: column;
    }
  #header-splash-dtc .topnavigation.languagenavigation {
    justify-content: unset;
  }

  #header-splash-dtc .topnavigation.languagenavigation ul li .patient-info {
    margin-left: 0px;
  }

  .exit-ramp-title, .modal.cmp-modal__modalbox.modal-md.modal--visible .cmp-modal__title {
    margin-left: 10px;
    margin-right: 10px;
  }

  .modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
    max-height: 517px;
  }
}
@media screen and (max-width:331px) {
  .exit-ramp-body:after {
    top: 366px;
  }
}
@media screen and (max-width:389px) {
    .exit-ramp-cancel.close-exit-ramp,
    .exit-ramp-actions a {
        padding: 17px 11px;
    }
    .exit-ramp-actions {
        justify-content: center;
    }
    .exit-ramp-body:after {
        max-width: 84%;
    }
    .exit-ramp-continue.skip-exit-ramp {
        padding-right: 11px;
    }
}
img.product-img.ui-img {
    min-width: 185px!important;
}
#main .image .cmp-image__image.cmp-image--desktop{
    min-width:314px;
}
@media screen and (max-width:991px) {
    .home-page-text p.sub-head-text{
        max-width: 322px;
        margin: 0 auto;
    }
}
@media (min-width:320px) and (max-width: 331px) { 
    .modal.cmp-modal__modalbox.modal-md.modal--visible .modal-box {
        margin-top: 60px!important;
    }
}
@media (min-width:320px) and (max-width: 389px) { 
    .modal-box__content button::after {
        right: 25px;
        /* right: -315px; */
        position: fixed;
    }
}
@media (min-width:389px) and (max-width: 389px) {
    .exit-ramp-continue.skip-exit-ramp {
        padding-right: 11px!important;
    }
}
@media (min-width:400px) and (max-width: 767px) {
    .cmp-modal__modalbox.modal-md .modal-box {
        max-width: 442px!important;
    }
}
@media (min-width:320px) and (max-width: 460px) {
    .modal-box__content button::after {
        right: 25px;
        position: fixed;
    }
}
@media (min-width:461px) and (max-width: 800px) {
    .modal-box__content button::after {
        right: -415px !important;
        position: inherit !important;
    }
}
@media (min-width:800px) and (max-width: 850px) {
    .modal-box__content button::after {
        right: -445px !important;
        position: inherit !important;
    }
    
}
@media (min-width:850px) and (max-width: 900px) {
    .modal-box__content button::after {
        right: -482px !important;
        position: inherit !important;
    }
}
@media (min-width:901px) and (max-width: 992px) {
    .modal-box__content button::after {
        right: -492px !important;
        position: inherit !important;
    }
    
}
@media (min-width:320px) and (max-width:389px) {
    .modal.exit-ramp-modal.modal--visible .exit-ramp-body {
    padding-top: 39px!important;
}
    .exit-ramp-actions {
        gap: 15px;
    }
}

/*CC*/

@media (min-width:992px) and (max-width:995px) {
    
     #homepage .home-page-text p.sub-head-text {
   
    margin-left: -25px;
    }
    
    
}






@media (min-width:995px) and (max-width:1019px) {

       #homepage #main-grid-sub .cmp-title__text {
       
        margin-left: -27px;}

#homepage .home-page-text p.sub-head-text {
    font: 700 18px / 110.00000000000001% "Inter", sans-serif;
    text-align: center;
    color: rgba(33, 39, 42, 1);
    margin-left: -24px;
}

}

body:has(#header-splash) .exit-ramp-cancel.close-exit-ramp::after {
    transform: rotate(0deg);
    margin-right:10px;
}

body:has(#header-splash) .exit-ramp-cancel.close-exit-ramp, body:has(#header-container) .exit-ramp-cancel.close-exit-ramp {
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 128px;
    white-space:nowrap;
}