strong {
  font-weight: 700;
}
img {
  width: 100%;
  height: auto
}
p {
margin: 0px;
padding: 0px;
}
sup {
	/*
  vertical-align: top;
  line-height: 1;*/
  font-size: 50%;
}
ul, li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.order-stickyicon {
    position: absolute;
    right: 3rem;
    top: 3rem;
}
.inner-hero,
.inner-hero .container,
.inner-hero .container .row,
.inner-hero .container .inner-hero-section {
    max-width:100%;
    width:100%;
	margin:0px;
	padding:0px;
}
.hero-content {
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/round-bg.svg) no-repeat left top;	
    position: absolute;
    left: 0px;
    top: 0;
    height: 90%;
    width: 61rem;
    background-size: cover;
    background-position-y: -23.5rem;
    z-index: 1;
    background-position-x: -6.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
}
.hero-content h1 {
    max-width: 44rem;
    font-size: 5rem;
    color: #fff;
	letter-spacing: -.1rem;
	line-height: 101%;
    font-weight: 700;
    margin:3.5rem 0 0 0;
	padding:0px;
}
.inner-hero-section .hero-content p {
    font-size: 1.75rem;
    max-width: 36rem;
    letter-spacing: -.0125rem;
    line-height: 1.75rem;
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding: 1.5rem 0 0 0;
}
element.style {
    align-items: baseline;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    display: flex;
    gap: 4.5rem;
}
#three-column-section .container > .row{
    align-items: baseline;
    flex-direction: row;
    text-align: center;
    justify-content: center;
}
#three-column-section img {
    width: auto;
    height: 8rem;
}
#three-column-section .three-content:nth-child(2) img{
	height: 4.51em;
}
.three-content {
    padding: 0 1.8rem;
    margin: 0;
}

.three-content p{
    margin-top: 1.75rem;
    color: rgb(0 28 167);
	font-size: 1.25rem;
    line-height: 1.3;
}
#image-links-section .three-content {
    padding: 0 1.8rem;
    margin: 0;
    max-width: unset;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    flex: none;
}
#image-links-section .container > .row {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
    background-color: rgb(227 249 250);
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    margin: 0px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 5.6rem;
}
#image-links-section img {
    width: 8.25rem;
    height: 8.25rem;
}
#image-links-section a {
    align-items: center;
    border-radius: 9999px;
    color: rgb(255 255 255);
    display: flex;
    font-family: Poppins,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: -.015rem;
    line-height: 2rem;
    line-height: 81%;
    min-height: 2.875rem;
    min-width: 12.5rem;
    padding: 1rem 1.25rem;
    text-transform: uppercase;
	background-color: rgb(0 28 167);
	text-align:center;
	text-decoration:none;
	justify-content:space-between;
}
#image-links-section a:hover {
    background-color: rgb(59 122 237);
}
.inner-content {
    text-align: center;
}
#redefine-section {
    position: relative;
    width: 34.313rem;
    left: 0px;
    top: 0px;
    height: 8.625rem;
    max-width: unset;
    -ms-flex: none;
    flex: none;
}
#redefine-section {
    position: relative;
    width: 30.013rem;
    left: 0px;
    top: 0px;
    height: 7.625rem;
    max-width: 100%;
    -ms-flex: none;
    flex: none;
}
#redefine-section .col24-24{
    padding: 0px;
}
main #redefine-section .container{
    width: 100%;
    max-width: 100%;
    padding: 0px;
}
div#image-links-section {
    margin-top:3.5rem;
}
#image-links-section a::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/link-arrow.svg) no-repeat left top;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}
.order-ryzumvi-heading {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    justify-content: space-between;
}
.order-ryzumvi-heading-right{
    width: 42.875rem;
}
#order-ryzumvi-section {
    margin-top: 5rem;
    padding: 0px;
}
h2{
    font-size: 3rem;
    letter-spacing: -.06rem;
    line-height: 1.1;
    color: rgb(0 28 167);
    font-weight: 700;
	padding:0px;
	margin:1rem 0 0px;
}
h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: rgb(59 122 236);
    font-weight: 600;
	padding:0px;
	margin:0px;	
}
.main-logo-section {
    display: flex;
    margin: 0px;
    gap: 0.25rem;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
    flex-wrap: nowrap;
    flex-direction: row;
}
.logo-click-section {
    background-color: #fff;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .1s;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 2px solid rgb(0 28 167);
    flex: 1 1 auto;
}
.logo-click-section:hover {
    box-shadow: inset 0px 4px 5px 3px rgba(0, 0, 0, 0.25);
}

.logo-click-section a span {
    display: inline-block;
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/plus-icon.svg) no-repeat left top;
	background-size:contain;
    height: 38px;
    width: 38px;
    text-align: center;
    margin: 0 auto;
}
.logo-click-section a{
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
	padding: 0.5rem 2rem;
	gap: 0.5rem;
}
.with-ryzumvi-section {
    margin: 5.5rem 0 0;
}
.with-ryzumvi-section img {
    margin-top: 1rem;
}
.with-ryzumvi-section .with-ryzumvi-dilation-section {
    margin-bottom: 0;
    margin-top: 1.5rem;
    display: grid;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}
.with-ryzumvi-section .with-ryzumvi-dilation-img {
    height: 30rem;
    grid-area: 1/1;
    align-items: center;
    overflow: hidden;
    width: 100%;
    display: flex;
}
.with-ryzumvi-section .with-ryzumvi-dilation-img img{
    object-fit: contain;
    object-position: left center;
    opacity: 1;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.with-ryzumvi-section .with-ryzumvi-dilation-content {
    aspect-ratio: 1 / 1;
    max-width: 36rem;
    width: 100%;
    height: auto;
    background: rgb(240 88 104);
    border-radius: 9999px;
    border: 3.5rem solid #fff;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
    grid-area: 1/1;
    margin-left: 37.5rem;
}
.with-ryzumvi-section .with-ryzumvi-dilation-content p{
    line-height: 1.125;
    color: rgb(255 255 255);
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
	max-width: 21rem;
    width: auto;
}
.with-ryzumvi-section .field-mobile-image {
    width: 8.3125rem;
    height: 8.8125rem;
    top: -3.5rem;
    left: auto;
    position: absolute;
    z-index: 1;
    right: 0px;
}
.with-ryzumvi-section .col24-24 > p{
    padding-left: 0;
    padding-right: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgb(77 77 77);
    font-weight: 400;
}
form#RyzumviRequest {
    padding-right: 9px;
    padding-left: 9px;
}
form#RyzumviRequest > .row {
    margin: 0px;
}
form#RyzumviRequest h2{
    margin-bottom: 1.25rem;
}
form#RyzumviRequest h3 {
    margin-bottom: 1.75rem;
}
form#RyzumviRequest i,
form#RyzumviRequest i strong{
    color: rgb(0 28 167);
    font-style: normal;
    font-weight: 400;
}
form#RyzumviRequest label {
    display: inline-block;
    width: 100%;
    color: rgb(0 28 167);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding-bottom: 0.125rem;
}
form#RyzumviRequest .form-control,
form#RyzumviRequest select#Specialty {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border: 1px solid rgb(102 206 141 / var(--tw-border-opacity));
    border-radius: 0.75rem;
    color: rgb(0 28 167 / var(--tw-text-opacity));
    font-size: 1rem;
    font-weight: 400;
    height: 3.5rem;
    line-height: 1;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    box-shadow: none;
    background-color: white;
    appearance: none; 
	font-family: Poppins, sans-serif;
}

form#RyzumviRequest select#Specialty {
  position: relative;
  width: 100%;
  appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/download-img.svg) no-repeat right 1rem center;
    background-size: 1.5rem;
    
    padding-right: 3rem;
    border: 1px solid rgb(102 206 141 / 1);
    border-radius: 0.75rem;
    height: 3.5rem;
    font-size: 1rem;
    color: rgb(0 28 167 / 1);
}
form#RyzumviRequest .form-control.error_input,
form#RyzumviRequest select#Specialty.error_input {
    border: 1px solid rgb(241 40 27);
}
form#RyzumviRequest .error {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(241 40 27/var(--tw-text-opacity,1));
    display: flex;
    font-size: .938rem;
    font-weight: 500;
    line-height: 1.75rem;
    position: relative;
    padding-left: 20px;
}
form#RyzumviRequest .error::before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-content: "!";
    align-items: center;
    background-color: rgb(241 40 27/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
    content: var(--tw-content);
    display: flex;
    height: 1rem;
    justify-content: center;
    margin-right: 0.5rem;
    width: 1rem;
    position: absolute;
    left: 0px;
    top: 5px;
}
.frm-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
	margin-top:30px;
}
button.formbtn-primary {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(102 206 141/var(--tw-bg-opacity,1));
    border-radius: 0.5rem;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
    font-size: 1.125rem;
    font-weight: 700;
    height: 3.5rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    width: 21.563rem;
    border: none;
	cursor: pointer;
}

.frm-privacy p{
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    color: rgb(77,77,77);
}
.custom-select-wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 3rem;
}

div#content > .row > .component {
    padding-left: 0px;
    padding-right: 0px;
}
div#content > .row > .component#three-column-section{
    margin-top: 0rem;
}
.inner-hero-section .hero-banner{
	margin-top: -130px;
}
.inner-hero-section .hero-banner img {
    object-position: 0px;
}
#foot-next-page-section {
    width: 100%;
	margin-bottom: 2rem;
    margin-top: 2rem;
}
.singup-form-section-page > .row, .singup-form-section-page > .row > div {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin: 0px;
    padding: 0px;
}
.singup-form-section-page > .row > div{
	padding-bottom:20px;
}
.next-page-section {
    padding: 1rem;
    height: 4.125rem;
    line-height: .951rem;
    font-weight: 600;
    font-size: .875rem;
    background-color: rgb(204 239 217/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.previous-tab {
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 0;
}
.next-tab {
    text-align: right;
    position: relative;
}
.previous-tab:hover, .next-tab:hover {
	color: rgb(0, 173, 65);
}
.next-page-section a {
    text-align: right;
    color: rgb(0 28 167);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px;
    display: flex;
    outline: none;
    margin: 0px;
    align-items: center;
    justify-content: flex-end;
}
.next-page-section a:hover,
.next-page-section .next-tab a:hover::after,
.next-page-section .previous-tab a:hover::before {

	color: rgb(0, 173, 65);
}
.next-page-section .previous-tab a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.next-page-section .next-tab a::after,
.next-page-section .previous-tab a::before {
    content: "";
    background: url(/-/media/Project/Common/RyzumviCom/Images/all-arrows-img.png) no-repeat left top;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    right: 0px;
    top: 0%;
    transform: translateY(0%);
	background-position: -42px 0;
	margin-left:20px;
	visibility: visible !important;
}
.next-page-section .previous-tab a::before {
    background-position: 0 1px;
    margin-right: 20px;
    margin-left: 0px;
}
.next-page-section .next-tab a:hover::after,
.next-page-section .next-tab a:active::after{
    background-position: -42px -43px;
}
.next-page-section .previous-tab a:hover::before, 
.next-page-section .previous-tab a:active::before {
    background-position: 0 -42px;
}
.singup-form-section-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 38.25rem;
    margin-top: 2rem;
}
.isi-section h3{
    font-size: 1.375rem;
    line-height: 2rem;
    color: rgb(0 28 167/var(--tw-text-opacity,1));
    text-transform: uppercase;
    font-weight: 700;
	margin:1rem 0 0 0px;
	padding:0px;
}
.isi-content h4{
    font-size: 1.25rem;
    line-height: 2rem;
	--tw-text-opacity: 1;
    color: rgb(77 77 77/var(--tw-text-opacity,1));
	font-weight: 700;
	margin:0px;
	padding:0px;
}
.isi-content ul {
    list-style-type: disc;
    padding-left: 1.75rem;
	margin-top: 0.25rem;
}
.isi-content ul li {
    list-style: disc;
}
.isi-section a.text-blue {
    --tw-text-opacity: 1;
    color: rgb(0 28 167/var(--tw-text-opacity,1));
    text-decoration-line: underline;
    font-weight: 700;
}
div#content > .row > .component.foot-reference {
    margin-bottom: 3rem;
    margin-top: 3rem;
	width: 100%;
}
#RyzumviRequest .col24-24.col24-md-18{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
div#content > .row > .component.isi-section{
    margin-bottom:0;
    margin-top: 0;
	width: 100%;
}
.order-stickyicon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
	margin-top:5px;
}
.order-stickyicon a{
    background: rgb(240 88 104/var(--tw-bg-opacity,1));
    border-radius: 9999px;
    width: 7.25rem;
    height: 7.25rem;
    right: 3.25rem;
    gap: 0.7rem;
    font-size: 1rem;
    padding: 1rem 1.2rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-wrap: wrap;
    align-content: center;
}
.order-stickyicon a img{
    width: 1.5625rem;
    pointer-events: none;
}
.order-stickyicon a:after{
    content: "";
    width: 5rem;
    height: 0.688rem;
    right: -3.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(240 88 104/var(--tw-bg-opacity,1));
    position: absolute;
    z-index: -1;
}
.order-stickyicon a span {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 101%;
    display: inline-block;
    width: 100%;
}
#footer-isi{
    margin-bottom: 0;
    margin-top: 3rem;
    position: fixed;
    bottom: 0px;
    height: 11rem;
    border-top: 0.25rem solid rgb(59 122 236);
    background: #fff;
    z-index: 99;
	width:100%;
}
#footer-isi .container{
	margin: 0 auto;
}
#full-isi .isi-bullet-list {
	padding: 7px 0;
}
.isi-heading-icons {
    position: relative;
	padding-right: 20px;
}
.isi-section .plus-icon {
	display:none;
}
#footer-isi.isi-section .plus-icon {
position: absolute;
    right: 0px;
    display: block;
    top: 0px;
    text-align: center;
}
#footer-isi .col24-md-24{
	cursor:pointer;
}
#footer-isi .plus-icon span {
    line-height: 1.5;
    font-size: .75rem;
    color: rgb(0 28 167/var(--tw-text-opacity,1));
    font-weight: 700;
	text-align:center
}
#footer-isi .plus-icon span::after{
	content: "";
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/download-img.svg) no-repeat left top;
width: 33px;
    height: 33px;
    display: flex;
    background-size: contain;
    padding: 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#footer-isi .isi-content ul li {
  list-style-type: disc;  
  font-size: 1.25rem;
  line-height: 1.75rem;  
}

.patient-dilation-challenges-page .inner-hero-section .hero-banner{
	margin-top:0;
}
div#content > .row > .component#depending-section{
    margin-top:0.5rem;
}
#depending-section.with-ryzumvi-section .with-ryzumvi-dilation-content p{
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 500;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 27rem;
    margin-right: 4.6rem;
}
#depending-section.with-ryzumvi-section h2{
		padding-left: 0;
}
#depending-section.with-ryzumvi-section .with-ryzumvi-dilation-content p span{
font-size: 2.25rem;
line-height: 1.08;
font-weight: 700;
}
#depending-section.with-ryzumvi-section .with-ryzumvi-dilation-img {
    width: 66.3%;
	height: 30.1rem;
}
#depending-section.with-ryzumvi-section .field-mobile-image{
	display:none;
}
#depending-section.with-ryzumvi-section .with-ryzumvi-dilation-content {
    background: url("/-/media/Project/Common/RyzumviCom/Images/Patient Dilation Challenges/curved-section-bg.png") no-repeat left top;
    background-size: contain;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    width: 34rem;
    margin-left: 40.5rem;
}
#depending-section.with-ryzumvi-section .col24-24 > p.dilation-text{
    font-size: 2.25rem;
    line-height: 1.08;
    color: rgb(59 122 237);
    font-weight: 600;
    margin-top: 1.25rem;

}

#depending-section.with-ryzumvi-section .col24-24 > p{
    font-size: 1rem;
    line-height: 1.3;
    margin-top: -20px;
}
div#content > .row > .component#accelerated-mydriatic-section{
    /*padding-left: 3rem;*/
    /*padding-right: 3rem;*/
	margin: 3rem 0 4rem;
}
#accelerated-mydriatic-section h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: rgb(59 122 237);
    margin-bottom: 3.75rem;
    margin-top: 0;
    padding: 0px;
	font-weight:600;
}
#accelerated-mydriatic-section > .component-content > .container > .row{
padding-left: 3rem;
    padding-right: 3rem;
    margin: 0px;
    justify-content: space-between;
    text-align: center;
    align-items: flex-end;
    flex-direction: row;
    gap: 2.5rem;
    display: flex;
}
#accelerated-mydriatic-section .three-content {
    padding: 0 1.8rem;
    margin: 0;
    flex: 1 1 0;
    max-width: calc((100% - 5rem) / 3);
    -ms-flex: au;
    flex: auto;
}
#accelerated-mydriatic-section .three-content img {
    height: 165px;
}
#accelerated-mydriatic-section .row .three-content:first-child img {
    height: 124px;
}
#accelerated-mydriatic-section .three-content p {
    font-size: 1.375rem;
    font-weight: 700;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.patient-dilation-challenges-page #content > .row > .component.isi-section {
    margin-bottom: 0;
    margin-top: 0;
}
.patient-dilation-challenges-page .hero-content h1{
	max-width: 38rem;
}
.efficacy-safety-page .with-ryzumvi-dilation-content p{
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}
#the-onset-section .with-ryzumvi-dilation-section {
    padding: 2rem 4rem 2rem 5rem;
    background: rgb(227 249 250);
    align-items: center;
    display: flex;
    flex-direction: row;
}
.efficacy-safety-page #the-onset-section .with-ryzumvi-dilation-content p {
    margin: 0px;
    padding: 0px;
    color: rgb(59 122 237);
    font-size: 1.75rem;
    line-height: 1.75rem;
    text-align: left;
    font-weight: 600;
	position:relative;
	/*text-indent: -0.5em;*/
	  --tw-space-x-reverse: 0;
  --tw-space-y-reverse: 0;
  margin: calc(0px * (1 - var(--tw-space-y-reverse)))
          calc(4rem * var(--tw-space-x-reverse))
          calc(0px * var(--tw-space-y-reverse))
          calc(4rem * (1 - var(--tw-space-x-reverse)));*/
}
.sup_absolute{
	position:absolute;
	right:100%;
	font-size:100%;
}
.efficacy-safety-page #the-onset-section .with-ryzumvi-dilation-img {
    width: 7%;
}
.efficacy-safety-page #the-onset-section .with-ryzumvi-dilation-content{
	width:93%;
}
div#content > .row > .component#the-onset-section{
    margin-bottom: 4rem;
}
.percentage-patient-content {
    padding: 0;
    width: 56.25rem;
    margin: 0 auto 3rem;
    position: relative;
    --progress: 0%;
    text-align: center;
}
.percentage-patient-section .hero-slide {
    align-items: center;
    display: none;
    justify-content: center;
}
.percentage-patient-section .hero-slide.active {
    display: flex;
	margin-top:- 75px;
}
.percentage-patient-section .hero-slide.active img{
	max-width: 40%;
}
.timeframe-content.field-content {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 2rem 0 0 0;
}
.timeframe-content.field-content p{
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    color: rgb(0 28 167);
    font-weight: 600;
    text-align: center;
	padding:0px;
}
.percentage-patient-content::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 0.8rem;
    background-color: #ccefd9;
    z-index: 1;
    border-radius: 99999px;
}
.percentage-patient-content::after {
    border-radius: 9999px;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    height: 0.3rem;
    width: var(--progress);
    background-color: rgb(0 173 65);
    z-index: 2;
    transition: width 0.3s ease-in-out;
}
.hero-slide-content {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  position: relative;
  z-index: 3;
}
.hero-slide-content:first-child{
	text-align:left;
}
.hero-slide-content:last-child{
	text-align:right;
}
.hero-slide-content .slide-link a.timer-content, .hero-slide-content .slide-link a.timer-content span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color:transparent;
  border-radius: 50%;
  line-height: 20px;
  color: rgb(0, 28, 167);;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  z-index: 3;
  padding-top: 15px;
}
.hero-slide-content .slide-link a.timer-content span:before{
	content:'';
	position:absolute;
	display: inline-block;
	background-color:rgb(163, 172, 185);
	height: 0.75rem;
	width: 3px;
	top: 0;
	left: 47%;
}
.hero-slide-content.active .slide-link a.timer-content span{
	color: rgb(0, 28, 167);
	top: 7px;
	position:relative;
}
.hero-slide-content .slide-link a.timer-content span.first-child{
  left: 6px;
}
.hero-slide-content .slide-link a.timer-content span.first-child:before {
  left: 3px;
}
.hero-slide-content .slide-link a.timer-content span.last-child{
  right: 1px;
}
.hero-slide-content .slide-link a.timer-content span.last-child:before {
  right:10px
}
.hero-slide-content.active .slide-link a {
  background-color:#f05868;
  color: #fff;
  top: -4px;
  right:-2px;
  border:none;
  outline: none !important;
}
.hero-slide-content.active .slide-link a:focus {
	border:none;
  outline: none !important;
}
h4.field-title {
    font-size: 1.375rem;
    line-height: 1.6rem;
    color: rgb(0 28 167);
    font-weight: 700;
    text-align: center;
	margin:0px;
	padding:0px;
}
#reversed-pupil-section .three-content {
    padding: 0 10px;
    margin: 0;
}
#reversed-pupil-section .inner-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
#reversed-pupil-section .inner-content img {
    text-align: left;
    width: 6.438rem;
}
#reversed-pupil-section .three-content p {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.0625rem;
    color: rgb(59 122 237/var(--tw-text-opacity,1));
    font-weight: 600;
	text-align: left;
}
#request-a-rep{
	width:100%;
}
.nav > .header-bottom-left {
	max-width: 36%;
	flex: 0 0 36%;
}
.nav > .header-bottom-right{
	max-width: 64%;
	flex: 0 0 64%;
	padding-left: 60px;
}

.error_section label,
.error_section select,
.error_section input{
	color:rgb(241 40 27) !important;
}
form#RyzumviRequest .error{
	display:none;
}
form#RyzumviRequest .error_section .error{
	display:block;
}
form#RyzumviRequest button:disabled {
    cursor: not-allowed;
    opacity: .5;
}
#form_message_section,
#form_message_section .msg{
	display:none;
}
#form_message_section h4{
    font-size: 6rem;
    line-height: 1;
    font-weight: 900;
	color:rgb(0, 28, 167);
	margin:0 0 15px ;
}
#form_message_section  .error_div.msg,
#form_message_section p{
    font-size:3.75rem;
    line-height: 1;
    font-weight: 700;
	color:rgb(0, 28, 167);
}
#form_message_section {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background-color: rgba(0, 28, 167, 0.5);
    backdrop-filter: blur(16px);
	z-index:999;
    padding: 40px;
}
#form_message_section .bg {
	top:50%;
    transform:translatey(-50%);
    flex-direction: column;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/form_msg_bg.svg) no-repeat;
    background-position-y: center;
    background-size: contain;
    position: relative;
    background-position-x: calc(50% + 50px);
	height: 700px;
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
}
#form_message_section .msg {
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: -7%;
}
#form_message_section .modal-close--btn{
	background:none;
	border:none;
	position:absolute;
	top:10px;
	cursor:pointer;
}
#form_message_section .modal-close--btn span{
	background: url(/-/media/Project/Common/RyzumviCom/Images/Home/form_close.svg) no-repeat;
	width:42px;
	height:42px;
	display:inline-block;
}
div#form_message_section div {
    height: 100%;
}
.form_success #form_message_section,
.form_fail #form_message_section{
	display:block;
}
.form_fail .error_div,
.form_success .success_div{
	display:flex !important;
}
.form_fail ,
.form_success {
	overflow:hidden;
}
@media (min-width:1024px) and (max-width:1400px){
#order-ryzumvi-section .order-ryzumvi-heading-right img{
    margin-left: -10%;
    width: 110%;
}
#order-ryzumvi-section .main-logo-section{
    margin-top: -3rem;
}
}

@media (min-width: 768px){
.main-text p{
    font-size: .813rem;
	color:rgb(0 28 167);
	margin:0px;
	padding:0px;
	font-weight: 600;
	line-height: 117%;
}
#order-ryzumvi-section h2{
white-space: nowrap;
}

}


@media (min-width: 1024px){
body {
    font-size: 1.25rem;
    line-height: 1.3;
}
.main-logo{
    width: 10.5rem;
    height: 4.875rem;
}
.main-logo a {
    display: inline-block;
    position: relative;
    top: 0;
    padding: 0px;
    margin: 0px;
    height: 78px;
    line-height: 0;
 }
.main-logo img {
    position: relative;
    top: -10px;
}

.hero-banner {
    clip-path: ellipse(130% 104% at 50% -5%);
    position: relative;
    overflow: hidden;
}
div#content > .row > .component#three-column-section {
    padding-top: 10px;
}


#image-links-section a {
    letter-spacing: -.015rem;
    line-height: 91%;
    padding-left: 1.75rem;
    padding-right: 3.75rem;
    min-width: 15rem;
    width: auto;
    margin: 0 auto;
    min-height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	margin-top: 0.75rem;
}
#image-links-section a[href*=patient] {
	min-width:18.875rem;
}
.with-ryzumvi-section h2 {
    font-size: 3rem;
    letter-spacing: -.06rem;
    line-height: 1.1;
	    margin-top: 0;
    padding-left:0;
}
}




@media (min-width:1500px){
.with-ryzumvi-section .with-ryzumvi-dilation-img {
    width: calc(100% - 17.5rem);
}
.with-ryzumvi-section .field-mobile-image {
    grid-area: 1/1;
    top: -3.5rem;
    right: auto;
    left: calc(37.5rem + 28rem);
    z-index: 2;
}
}
.with-ryzumvi-section .with-ryzumvi-dilation-section {
    margin-top: 3.5rem;
}
.with-ryzumvi-section .with-ryzumvi-dilation-img img {
	position:relative;
}
}

@media (min-width: 1920px){
main .container {
    max-width: 1920px;
    padding-left: 8rem;
    padding-right: 8rem;
}
.nav > .header-bottom-left{
	padding-right: 5rem;
}
.hero-content{
	background-size: contain;
}

}
@media (max-width:1450px){
	#form_message_section .bg {
	height: 600px;
    width: 600px;
	}
	#form_message_section h4 {
    font-size:4rem;
	}
	#form_message_section p{
		 font-size:3.25rem;
	}
	#form_message_section .modal-close--btn {
		top:15px;
	}
}
@media (max-width:1400px){
	
	.nav{
		padding: 0 0.75rem 0 1rem;
	}
	.nav > .header-bottom-left {
	max-width: 38%;
	flex: 0 0 38%;
}
.nav > .header-bottom-right{
	max-width: 62%;
	flex: 0 0 62%;
	padding-left: 50px;
}

.second-nav li:last-child {
    width: 9.875rem;
    -ms-flex: 0 0 9.875rem;
    flex: 0 0 9.875rem;
    max-width: 9.875rem;
    text-align: center;
}
ul.second-nav {
    padding-left: 2rem;
}
.header-bottom-left .main-text {
    margin-right: -2rem;
}
.toplinks ul a, .field-show-menu-text {
    font-size: .825rem;
}
.second-nav li a{
	padding: 1.25rem 0.5rem;
}
.second-nav li a.a-active::before{
	width: 4.4rem;
	height: 4.4rem;
}

.three-content. p > sup{
	font-size: 100%;
}

.hero-content{
	width:61rem;
}


}
.cs-video,
.tab .content-detail{
	display:none;
}
#video-tab-section > .component-content > .row > .component{
	width:100%;
	padding:0;
}
.cs-video,
#tab-image{
	background-color: rgb(227 249 250/var(--tw-bg-opacity,1));
}
.cs-video .component-content,
#tab-image .component-content{
	background:#fff;
	margin:1rem;
}
#video-tab-section{
	margin-top:2rem;
	padding-left: 6rem !important;
    padding-right: 6rem !important;
}
#video-tab-section #tab-image .container{
	padding: 1rem;
}
#tab-image .disclaimer-class {
	font-size: .875rem;
    font-weight: 400;
margin-top: 1rem;
margin-left: 2rem; 	
    line-height: 1.625rem;
}
.tabs-heading {
    display: grid;
    justify-content: center;
    grid-template-columns: 33.33% 33.33% 33.33%;
    align-items: center;
    text-align: center;
}
.tabs-heading .row{
	justify-content:center;
}
.tabs-heading li{	
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.tabs-heading a.tab-link {
	background-color :rgb(0, 28, 167);
	border-radius:24px;
	border:rgb(0, 28, 167) 2px solid;
	color :rgb(255, 255, 255);
	cursor:pointer;
	font-family :Poppins, sans-serif;
	font-size:20px;
	font-weight:500;
	line-height:30px;
	padding:10px 25px;
	text-align:center;
	display:block;
	width: 17.313rem;
}

.tabs-heading a.tab-link:hover{	
	background-color: rgb(59 122 237/var(--tw-bg-opacity,1));
	border-color: rgb(59 122 237/var(--tw-border-opacity,1));
}
.tabs{
	margin-top: 2.25rem;
}
#video-tab-section .active{
	background:rgb(227, 249, 250);
}
#how-ryzumvi h2{
	margin-top:3rem;
}
#how-ryzumvi  p{
	margin-top: 1.5rem;
	font-size: 1.25rem;
    line-height: 1.75rem;
}
.tab .with-ryzumvi-dilation-img img{
	width:75px;
	margin-right: 1.5rem;
}
.tab .with-ryzumvi-dilation-section{
	display:flex;
	align-items: center;
}
.tab .with-ryzumvi-dilation-section p{
	color: rgb(0, 28, 167);
	line-height: 1.5rem;
	font-weight: 600;
	font-size: 1.125rem;
}
.tabs .container{
	padding:0;
}
.tabs .tab .heading-section{
	padding:1rem 2rem;
}
#star-red .with-ryzumvi-dilation-section{
  border-top: 5px solid rgb(0, 173, 65);
  border-left: 5px solid rgb(0, 173, 65);
  padding: 28px 0 24px 36px;
  width: 785px;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 7rem auto 4rem;
}
#star-red .with-ryzumvi-dilation-section p{
  color: rgb(59, 122, 236);
  font-family: 'Poppins', sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  margin:0;
}
#star-red img {
	position: absolute;
    height: 90px;
    left: -5rem;
    top: -5rem;
    width: 85px;
}
#video-tab-section .container{
	padding:0;
	max-width:100%;
	width:100%;
}
#video-tab-section .plain-html p{
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#video-tab-section .row{
	margin:0;
}
#blue-para-text p{
color:#001ca7;
font-weight: 700;
font-size: 1.375rem;
}

#adverse-reactions h2{
	margin-top: 4rem;
	padding-bottom: 0.75rem;
}
#adverse-reactions p.blue-text {
	color: rgb(59 122 237);
font-size: 1.75rem;
margin-top:2rem;
font-weight:600;
}
#study-population ul li{
	list-style-type: disc;
}
#adverse-reactions ul li > p {
	color:#001ca7;
	font-size: 1.375rem;
}
#adverse-reactions ul li > p span {
font-weight: 700;
}
#RyzumviRequest > .row > div{
	padding:0;
}
select#Specialty {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}
.dropdown-button {
    border-color: ;
    border-radius: 0.75rem;
    border: 1px  solid rgb(102 206 141);      /* <-- add this */
    color: rgb(0 28 167);
    font-size: 1rem;
    font-weight: 400;
    height: 3.5rem;
    line-height: 1.5rem;
    padding-left: 2rem;
    text-align: left;
    background-color: rgb(255 255 255);
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-menu{
	background-color: rgb(255 255 255);
    border:1px solid rgb(230 230 230);
    border-radius: 0.75rem;
	position:absolute;
    left: 2.5%;
    top: 4rem;
    width: 95%;
	z-index: 99;
	padding:8px 0;
	display:none;
}
.dropdown-menu button{	
	cursor: pointer;
	display:block;
	outline:0;
	background:#fff;
	border:0;
	width:100%;
	color: rgb(0 28 167);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    padding:0 2rem;
    min-height: 2.65rem;
    text-align: left;
	font-family: 'Poppins', sans-serif;
}
.dropdown-menu button:hover{
	background-color: rgb(227 249 250);
}
.dropdown-container{
	position:relative;
}
.error_section .dropdown-button{
	border-color: rgb(241 40 27);
    color: rgb(241 40 27);
}
/* Replace the ▼ with your custom image */
.dropdown-button::after {
    content: "";
    display: inline-block;
    width: 1.667rem;   /* adjust based on your image size */
    height: 1.667rem;
    background: url(/-/media/Project/Common/RyzumviCom/Images/Home/download-img.svg) no-repeat right 1rem center; /* 🔁 your image path */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 8px;
}
input::placeholder {
  color: #aab3c3; /* your desired placeholder color */
}
.self-cert-interstitial .window .inner {
	min-height:auto;
	padding:2.5rem;
	flex-wrap:wrap;
}
.self-cert-interstitial .window .right{
	padding: 5rem 0;
}
.self-cert-interstitial .inner  > div {
	width:100% !important;
}
.self-cert-interstitial .inner  .left .modal-close {
    background: url(/-/media/Project/Common/RyzumviCom/Images/modal-close.svg) no-repeat;
    width: 40px;
    background-size: contain;
    height: 40px;
    border: 0;
	cursor:pointer;
	display:inline-block;
}
.self-cert-interstitial .inner  .left  {
    text-align:right;
}
sup.sup-align {
    display: inline-block;
    vertical-align: top;
    margin-top: 13px;
    margin-bottom: 0;
}
#reversed-pupil-section sup.sup-align {
    margin-top: 7px;
}
@media (max-width:1023px){
main #full-isi .isi-heading-icons p {
    width:100%;
	padding-right: 0px;
}
main #full-isi .isi-heading-icons {
    padding-right: 0;
}
}