/* menu style*/
 
/*.hamburger-wrapper {*/
/*      display: block;*/
/*      width: 45px;*/
/*      height: 24px;*/
/*      cursor: pointer;*/
/*      background: url(/content/dam/intelligentcontent/unbranded/lookbeyondpdl1/us/en/image/mobile/mobile-menu.png) no-repeat;*/
/*      background-size: 100% 100%;*/
/*      position: absolute;*/
/*      right: 24px;*/
/*      top: 16px;*/
/*      z-index: 10;*/
/*    }*/
/*    .ic-hamburger.open .hamburger-wrapper {*/
/*      width: 35px;*/
/*      height: 30px;*/
/*      cursor: pointer;*/
/*      background: url(/content/dam/intelligentcontent/unbranded/lookbeyondpdl1/us/en/image/mobile/menu-close.png) no-repeat;*/
/*      z-index: 11;*/
/*      background-size: cover;*/
/*      top: 13px;*/
/*      right: 28px;*/
/*    }*/
#btkmutation-home #main-menu{
    background: linear-gradient(180deg, #000 -53.13%, rgba(0, 0, 0, 0.00) 100%);
    box-shadow: none;
}

#main-menu{
    background: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15);
}

#btkmutation-home #btk-main-navigation ul li a{
    color: #ffffff;
}

#signup #btk-main-navigation ul li a:hover, #error-404 #btk-main-navigation ul li a:hover, #error-500 #btk-main-navigation ul li a:hover{
    font-weight: 700;
}

sup.clr-pink-astrisk{
        color: #CB006E;
    position: relative;
    /*top: 4.5px;*/
    top: 5px;
    font-size: 14px;
}

#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .has-error .form-control:not(textarea){
    border:1px solid #E70B0B;
}
#signup .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .has-error .cmp-dynamicform__control-label{
        color: #E70B0B;
    font-weight: 700;
}

#signup .cmp-dynamicform__form-validation .has-error .cmp-dynamicform__control-label .text-danger{
        color: #E70B0B !important;
    font-weight: 700;
}

#field-group-657b30203fc60c0002035fe7 .cmp-dynamicform__control-label span.text-danger,
#field-group-657b30203fc60c0002035fe8 .cmp-dynamicform__control-label span.text-danger,
#field-group-657b30203fc60c0002035fe9 .cmp-dynamicform__control-label span.text-danger{
        color: #CB006E;
    font-weight: 600;
    position: relative;
    right: 4px;
    font-size: 19px;
    top: 3px;
}
#signup p.text-danger{
    font-size:14px!important;
    margin-top:2px!important;
    color: #E70B0B !important;
}
#signup .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger{
    color: #CB006E;
    font-weight:600;
}
#btkmutation-home #main-menu.fixed{
        position: fixed;
    top: 0;
    max-width: 100%;
    width: 100%;
    /* border-radius: 20px; */
    background: var(--clr-white);
    /* box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15); */
    /* color: white; */
    /* margin-left: 2.65%; */
    /* margin-right: 2.65%; */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    z-index: 100;
    /* display: flex; */
    /* justify-content: space-evenly; */
    /* padding: 2.1% 4.4% 1.6% 4.4%; */
    box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15);
}

#main-menu.fixed{
        position: fixed;
    top: 0;
    max-width: 100%;
    width: 100%;
    /* border-radius: 20px; */
    background: var(--clr-white);
    /* box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15); */
    /* color: white; */
    /* margin-left: 2.65%; */
    /* margin-right: 2.65%; */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    z-index: 100;
    /* display: flex; */
    /* justify-content: space-evenly; */
    /* padding: 2.1% 4.4% 1.6% 4.4%; */
    box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15);
}

#main-menu.fixed .hamburger-wrapper{
    background:url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/mobile/hamburger-icon-open.svg) no-repeat;
background-size:100% 100%;
    
}
#main-menu #btk-main-navigation .cmp-navigation__item.active{
   position:relative;
    
}
#main-menu #btk-main-navigation .cmp-navigation__item.active:after{
        border-bottom: 5px solid #CB006E;
    content: '';
    position: absolute;
    top: 66px;
    width: 100%;
    /* height: 4px; */
    left: 0;
}
#main-menu #btk-main-navigation .cmp-navigation__item.active:nth-child(4):after{
    top: 58px;
}
#main-menu #btk-main-navigation .cmp-navigation__item.active a{
    font-weight:700;
}

#main-menu.fixed .ic-hamburger.open .hamburger-wrapper{
    background:url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/global/menu-close.svg) no-repeat;
}
    .navigation-overlay .cmp-navigation {
      display: none;
      position: absolute;
    }
    .navigation-overlay.show {
      height: auto!important;
    }
    .cmp-navigation:has(+ a.ic-hamburger.open) {
      display: block;
    }
    .ic-header .cmp-navigation:has(+ a.ic-hamburger.open) {
      position: absolute;
      z-index: 1;
      min-height: auto;
      padding: 10px 0 22px;
      background: var(--blue-transparent);
      top: 57px;
      right: 0;
      width: 80%;
      z-index: 9;
    }
/* menu style */


/* signup form*/
#signup-outter-wrppaer {
  margin-top: 100px;
  margin-left: 75px;
}

#signup-title h1 {
  /*font: normal normal 800 35px/normal "Lato", sans-serif;*/
  font-family:"Lato", sans-serif;
  font-weight:800;
  font-size:35px;
  line-height:normal;
  color: var(--secondary-clr);
}

p.mandatory-text {
  color: var(--clr-black);
  /*font: normal normal 600 14px/normal "Lato", sans-serif;*/
  font-family:"Lato", sans-serif;
  font-weight:600;
  font-size:14px;
  line-height:normal;
  margin-top: 24px;
  margin-bottom: 36px;
}

/* form style*/
#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea){
  min-width: 418px;
  border-radius: 6px;
  border: 1px solid var(--clr-black);
  height:62px;
}

#field-group-657b30203fc60c0002035fe7, #field-group-657b30203fc60c0002035fe8 {
  display: inline-table;
}
#field-657b30203fc60c0002035fe9 {
    width:418px;
}
.cmp-dynamicform-v2 .cmp-dynamicform__generated-form{
    padding-left:0;
    padding-right:0;
}
#field-group-657b30203fc60c0002035fe8 {
  margin-left: 20px;
}
.cmp-dynamicform__form-label-container{
    margin-bottom:10px;
}
.cmp-dynamicform__form-label-container label {
  font: normal normal 700 18px/normal "Lato", sans-serif;
  text-transform: capitalize;
  color: var(--clr-black);
  
}
.cmp-dynamicform__clear-btn{
    display:none;
}
#signup-inner-wrapper .cmp-dynamicform__submit-btn{
border-radius: 100px;
background: var(--Linear-Gradient, linear-gradient(90deg, #84185E 0%, #CB006E 100%));
box-shadow: 0px 2px 3px 0px rgba(203, 0, 110, 0.25);
width: 191px;
height: 51px;
}
#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .button-group{
    margin-top:35px;
}
#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group{
    margin-bottom:20px;
}
.cmp-dynamicform__submit-btn span{
    /*font: normal normal 800 18px/normal "Lato", sans-serif;*/
    color: #FFF;
    font-size:18px;
    font-weight:800;
    line-height:normal;
    font-family:"Lato", sans-serif;;
}
.modal--visible{
    
        position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,0.9);
    opacity: 0;
    overflow: scroll;
    overflow-x: hidden;
        visibility: visible;
    opacity: 1;
        -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
       background: rgba(0, 0, 0, 0.56);
    cursor: default;
    padding: 0px 40px;
}
.modal-box{
       position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 60%;
    border-radius: 4px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity;
        border-radius: 10px;
    width: 100% !important;
    max-width: 860px;
        margin-top: unset;
}
.modal-box__content{
       padding: 120px 0px;
}
.modal-box__content h2{
        text-align: center;
    color: var(--Lighter-UB-Purple, #CB006E);
    font-family: "Lato", sans-serif;
    font-size: 44.211px;
    font-style: normal;
    font-weight: 700;
    line-height: 138.7%;
    text-transform: capitalize;
}
.modal-box__content p{
        text-align: center;
    color: #000;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.7%;
}

.exit-ramp-content .exit-ramp-title{
    text-align: center;
    color: var(--Lighter-UB-Purple, #CB006E);
    font-family: "Lato", sans-serif;
    font-size: 44.211px;
    font-style: normal;
    font-weight: 700;
    line-height: 138.7%;
    text-transform: capitalize;
}

.exit-ramp-content .exit-ramp-body{
    text-align: center;
    color: #000;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.7%;
    padding-top: 11px;
}

.exit-ramp-content .exit-ramp-actions{
    text-align: center;
    padding-top: 25px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.exit-ramp-content .exit-ramp-continue{
    display: block;
    background: linear-gradient(90deg, #84185E 0%, #CB006E 100%);
    text-align: center;
    padding: 10px 10px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: var(--clr-white);
    font-weight: var(--fw-bold);
    text-decoration: none;
    width: 170px;
    text-decoration: none;
    box-shadow: 0px 0px 22px 0px rgba(203, 0, 110, 0.36);
    cursor: pointer;
}

.exit-ramp-content .exit-ramp-cancel{
    background: var(--Light-Gray);
    text-align: center;
    padding: 10px 10px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: var(--Gray);
    font-weight: var(--fw-bold);
    text-decoration: none;
    width: 170px;
    border-color: unset;
    text-transform: uppercase;
    border-bottom: none;
    box-shadow: 0px 0px 22px 0px rgb(203 203 203 / 36%);
    cursor: pointer;
}

.modal__close{
        position: fixed;
    top: 2.5rem;
    right: 2.5rem;
    z-index: 1000;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
         max-width: 919px;
    background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/global/menu-close.svg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    position: relative;
    /* margin-top: 9.6em; */
    /* top: 315px; */
    /* right: -400px; */
    top: 2rem;
    /* right: -25rem; */
    /* color: #000; */
    height: 0;
    margin-top: auto;
    z-index: 1000;
    background-color: transparent;
    cursor: pointer;
}
.modal--visible .modal__closeIcon{
    
    /*      width: 24px;*/
    /*height: 24px;*/
    position: absolute;
    right: 10px;
    top: 0px;
    /*font-weight: 400;*/
    /*color: #656969;*/
        background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/global/menu-close.svg) no-repeat;
    background-size: 100% 100%;
    width: 38px;
    height: 38px;
    /* display: none; */
}
.modal--visible .modal__closeIcon svg{
    display:none;
}
.modal__close svg *{
        fill: currentColor;
}
#container-1adfa6dc92 h2{
        color: var(--Lighter-UB-Purple, #CB006E);
    font-family: "Lato", sans-serif;
    font-size: 44.211px;
    font-style: normal;
    font-weight: 700;
    line-height: 138.7%;
    text-transform: capitalize;
    text-align: center
}
#container-1adfa6dc92 p{
        color: #000;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.7%;
}
@media (min-width:992px){
    .mobile-only{
    display:none;
}
p.mandatory-text{
    margin-top:34px;
    margin-bottom:18px;
}

.modal__close{
        top: 0.7rem;
    right: 2rem;
}
.modal-box__content p{
    padding-top:11px;
}
    #main-menu .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--3 {
        display:none;
    }
    #main-menu .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn--default--9{
        width:100%;
    }
    #signup-outter-wrppaer .cmp-dynamicform-v2 .cmp-dynamicform__generated-form{
        padding-left:0;
    }
    #btk-main-navigation ul{
        height:80px;
    }
    #signup-outter-wrppaer{
            margin-top: 52px;
    margin-left: 75px;
    margin-bottom: 57px;
    }
}
@media (max-width:991px){
    #signup-outter-wrppaer {
      margin-top: 100px;
    margin-left: 24px;
    margin-bottom: 46px;
}

.cmp-dynamicform__form-label-container{
        margin-bottom: 10px;
}
.cmp-dynamicform__form-label-container label{
    color: #000;
font-family: "Lato", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
p.mandatory-text{
    margin-bottom: 15px;
    margin-top: 34px;
}
#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group{
        margin-bottom: 14px;
}
#signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .button-group{
        margin-top: 44px;
}
.mobile-only{
    display:block;
}
.modal-box{
    /*max-width:318px;*/
}
.modal__close{
       top: 0.7rem;
    right: 2.2rem;
}
.modal-box__content{
           padding: 74px 28px 57px 28px;
}

/* update 02/06/2026 */
.exit-ramp-modal .modal-box__content{
    padding: 74px 14px 57px 14px;
}
.exit-ramp-content .exit-ramp-body {
    padding-left: 14px;
    padding-right: 14px;
}
/* update 02/06/2026 */

.modal-box__content h2{
    color: #84185E;
font-family: "Lato", sans-serif;
font-size: 35.316px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.modal-box__content p{
    color: #000;
text-align: center;
font-family: "Lato", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 138.7%; /* 22.192px */
padding-top:12px;
}
#main-menu #btk-main-navigation .cmp-navigation__item.active:after{
    border-bottom:0px solid #CB006E;
}
#main-menu.fixed .ic-hamburger.open~#btk-carousel-wrapper.fixed{
    top:490px;
}
#main-menu{
         /* display: flex; */
    /* justify-content: space-evenly; */
    padding: 2.1% 4.4% 1.6% 4.4%;
    padding: 3.25% 4.4% 3.25% 4.4%;
    padding: 3.95% 5.4% 3.25% 4.4%;
    background: transparent;
    position: absolute;
    z-index: 99;
    width: 100%;
}

#signup #main-menu{
    box-shadow: 0px 8px 16px 0px rgba(60, 66, 66, 0.15);
}

#main-menu .aem-Grid.aem-Grid--12.aem-Grid--default--12{
        display: flex;
    justify-content: center;
    align-items: center;
}
#main-menu .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0{
        display: flex;
    align-items: center;
    /*justify-content: end;*/
    justify-content: flex-end;
}
#signup-title{
        max-width: 340px;
}
#signup-title h1{
     /*font: normal normal 800 26px/normal "Lato", sans-serif;*/
     font-family:"Lato", sans-serif;
     font-size:26px;
     font-weight:800;
     line-height:normal;
}
.cmp-dynamicform__form-label-container{
    max-width:340px;
}
#signup-outter-wrppaer .cmp-dynamicform-v2 .cmp-dynamicform__generated-form{
    padding:0;
}
#field-657b30203fc60c0002035fe9{
    width:auto;
}
    #signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea){
        max-width:340px;
        min-width:auto;
    }
    #field-group-657b30203fc60c0002035fe7, #field-group-657b30203fc60c0002035fe8 {
  display: block
}
#field-group-657b30203fc60c0002035fe8 {
  margin-left: 0px;
}
/* menu style*/

.hamburger-wrapper {
      display: block;
      width: 24px;
      height: 24px;
      cursor: pointer;
      background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/mobile/hamburger-icon.svg) no-repeat;
      background-size: 100% 100%;
    background-position:center;
    /*margin-top:4px;*/
     
    }
#signup .hamburger-wrapper{
    background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/mobile/hamburger-icon-open.svg) no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}

.ic-hamburger.open .hamburger-wrapper {
      width: 24px;
      height: 24px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/global/menu-close.svg) no-repeat;
      z-index: 11;
      background-size: 100% 100%;
      /*top: 2.5%;*/
      /*top: 2.5%;*/
      /*right: 15px;*/
    }
    
    #signup .ic-hamburger.open .hamburger-wrapper {
      width: 24px;
      height: 24px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      background: url(/content/dam/intelligentcontent/unbranded/btkmutations/us/en/images/global/menu-close.svg) no-repeat;
      z-index: 11;
      background-size: 100% 100%;
      /*top: 2.5%;*/
      /*top: 2.5%;*/
      /*right: 15px;*/
    }
    .navigation-overlay .cmp-navigation {
      display: none;
       /*display: block;*/
      position: absolute;
          /* display: none; */
   
    width: 100%;
    margin-top:13.9%;
    z-index: 100;
    
    }
    .navigation-overlay.show {
      height: auto!important;
    }
#main-menu{
padding:2.5% 4.4% 2.5% 4.4%;
}
    .cmp-navigation:has(+ a.ic-hamburger.open), .ic-header .cmp-navigation a.ic-hamburger.open{
      display: block;
      
    }

    .ic-header .cmp-navigation:has(+ a.ic-hamburger.open), .ic-header .cmp-navigation a.ic-hamburger.open {
      position: absolute;
      z-index: 1;
      min-height: auto;
      padding: 10px 0 22px;
      background: var(--blue-transparent);
      top: 0;
      margin-top:11.5%;
      /*margin-top:8.7%;*/
      right: 0;
      width: 100%;
      z-index: 9999;
     
    }
    .cmp-navigation {
      display: none;
    }
    
    #signup-inner-wrapper sup.clr-pink-astrisk{
        color: #000000;
    }
   .exit-ramp-content .exit-ramp-title{
       font-size: 35.316px;
       word-break: break-word;
   }
   .exit-ramp-content .exit-ramp-body{
       font-size: 16px;
   }
/* menu style ended */
}

@media (min-width:391px) and (max-width:991px){
    #signup-title{
        max-width:100%;
    }
    #signup-inner-wrapper .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .form-control:not(textarea){
        max-width:97%;
    }
    
}

@media (min-width:320px) and (max-width:374px){
    #signup-outter-wrppaer{margin-right: 24px;}
}

@media screen and (max-width:930px){
   .modal--visible .modal__closeIcon{
       right: -20px;
   }
}

@media (min-width: 450px) and (max-width: 991px){
    .ic-header .cmp-navigation:has(+ a.ic-hamburger.open), .ic-header .cmp-navigation a.ic-hamburger.open{
        margin-top: 8.5%;
    }
}