.preparation {
    display: flex;
}
.step {
    border-radius: 50%;
      font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    color: rgb(78, 0, 46);
    display: flex;
    align-items: center;
    width: 113px ;
    height: 113px ;
    border: 5px solid rgb(78, 0, 46) ;
    text-align: center ;
    justify-content: center;
    margin-right: 1rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}
.preparation.preparation-text-middle {
    align-items: center;
}
.preparation-img img {
    width: 162px;
    max-width: inherit;
    margin-left: 20px;
}
.preparation-img img {
    width: 162px;
    max-width: inherit;
    margin-left: 2rem;
}
.dose-preparation-middle {
    background-color: #E7E8E8;
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    color: #4E002E;
    font-size: 2.625rem;
    position: relative;
}
.dose-preparation-middle:before {
    position: absolute;
    content: '';
    top: -3rem;
    left: -1rem;
    right: -1rem;
    bottom: -3rem;
    background-color: #E7E8E8;
}
.dose-preparation-middle .dosing-bottom-dwn-box{
	position: relative;
}


ol.list-ol {
    list-style-type: decimal;
    margin-left: 2.3rem;
}
ol.list-ol li {
     font-family: 'Futura PT';
font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #4E002E;
    padding: 0.3rem 0;
}
ol.list-ol.gray-li li {
    color: #6D6E71;
}
ol.list-ol.references-list li{
	font-size: 1.3rem;    font-family: 'Futura PT';
}
/*
ol.list-ol {
  counter-reset: list;
}
ol.list-ol > li {
  list-style: none;
}
ol.list-ol > li:before {
  content: counter(list, decimal) ") ";
  counter-increment: list;
}*/
.isi-content p, .isi-content p a {
    font-size: 1.2rem;
    font-family: 'Futura PT';
    color: #303234 !important;
}
.isi-content ul.list-ul.gray-li li{
	font-size: 1.2rem;    font-family: 'Futura PT';color: #303234 !important;
}
.isi-content .blue-text, .isi-content p.f-note{
	font-size: 1rem;    font-family: 'Futura PT';
}

.patient-enrolled {
    background-color: #c4d7e9;
    text-align: center;
    padding: 41px;
    font-size: 2rem;
    line-height: 1.2;
    margin-top: -7px;
}
.gray-box {
    background-color: #E7E8E8;
    padding: 3rem 2rem 2rem;
    text-align: center;
}
.title-box {
        font-family: 'Futura PT';
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    color: #4E002E;
    font-size: 2.625rem;
}
a.w-bttn.bttn.btn-color {
    background: #4E002E;
    color: #fff;
    margin-top: 30px;
}
.patient-enrolled.margin-bottom3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
}
.accordion .field-heading{
    font-size: 2rem!important;
}
.accordion .field-content p.blue-title2 {
    font-weight: 400!important;
    font-size: 1.5rem!important;
    line-height: 1.2!important;
}
.accordion .field-content p.blue-text {
    font-size: 1.125rem!important;
    line-height: 1.5!important;
    color: #303234!important;
    font-weight: 400!important;
}
.accordion .field-content{
    margin-top: 1rem;
}
.tab-table table td{
    line-height: 1.2;
}
.tab-table.acc-table.accordion-table td {
    line-height: 1.2;
}
.tab-table.acc-table.accordion-table table td ul {
    list-style: disc;
    margin-left: 1.5rem;
    padding: 0.3rem 0;
}
.list-ul-ul {
    margin-left: 7.8rem!important; 
    padding-top: 5px;
}
.preparation-table{
    padding: 0 50px;
}
#footer-bottom-top-logo > div > a{
    height: auto!important;
}
#footer-bottom-top-logo > div > a img{
    vertical-align: middle;
}
p.blue-title2.text-color-gray.refertext {
    padding-left: 16px;
    position: relative;
}
span.s-signn {
    position: absolute;
    left: 0;
}

.dosing-table-heading {
      font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #F47B20;
    margin-bottom: 1rem;
}

.dosing-table-row.row {
    margin-left: -2px;
    margin-right: -2px;
}
.dosing-table-column{
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 1.5rem;
}
.dosing-table-button button{
       font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    border: none;
    margin-bottom: 1rem;
}
.dosing-table-button.dosing-btn1 button{
    background-color: #F47920;
}
.dosing-table-button.dosing-btn2 button{
    background-color: #7D0849;
}
.dosing-table-button.dosing-btn3 button{
    background-color: #A7A9AC;
}
.dosing-table-button.dosing-btn4 button{
    background-color: #B7E2E3;
    color: #4C4D4F;
}
.dosing-table-button.dosing-btn5 button{
    background-color: #3EB8EA;
}
.dosing-table-button.dosing-btn6 button{
    background-color: #5C5D60;
}
.dosing-table-button.dosing-btn7 button{
    background-color: #13749A;
}



@media screen and (min-width: 1024px){
    .dosing-table2 .dosing-table-column.col-md-6.col-lg-3 {
        flex: 0 0 27.2%;
        max-width: 28%;
    }
    .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 {
        flex: 0 0 18.2%;
        max-width: 20%;
    }
}


@media screen and (max-width: 1024px){
    .dosing-table-buttons{
        margin-left: -5px;
        margin-right: -5px;
    }
    .dosing-table-button{
        padding-left: 5px;
        padding-right: 5px;
    }
    .dosing-table-button button{
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 960px){
	.dose-preparation-middle{
		font-size: 2rem;
	}
	.dose-preparation-middle br{
		display: none;
	}
	.patient-enrolled{
		font-size: 1.5rem;
		
	}
	.patient-enrolled br{
		display: none;
	}
	.gray-box{
		margin-top: -2rem;
	}
	.gray-box br {
	    display: none;
	}
	.title-box{
		font-size: 1.8rem;
	}
    .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 img{
        height: 220px;
    }
}

@media screen and (max-width: 767px){
	.preparation{
		flex-wrap: wrap;
	}
	.step{
		width: 50px;
		height: 50px;
		font-size: 0.9rem; 
		border-width: 2px;
	}
	.instructions {
	    width: calc(100% - 70px);
	}
	.preparation-img {
	    width: 100%;
	    text-align: center;
	}
	.preparation-img img {
	    width: 120px;
	    margin-left: 0;
	    margin-top: 2rem;
	}
	.preparation.preparation-text-middle {
	    align-items: start;
	}


	
	.gray-box{
		padding: 2rem;
		margin-bottom: 2rem;
	}
    .accordion .field-heading{
        font-size: 1.7rem!important;
    }
    .accordion .field-content p.blue-title2{
        font-size: 1.2rem!important;
    }
    .accordion .field-content p.blue-text {
        font-size: 1rem!important;
    }
    ul.list-ul.gray-li li br{
        display: none;
    }
    .list-ul-ul{
        margin-left: 3rem!important;
    }
    .preparation-table{
        padding: 0 20px;
    }
    .isi-content p br{
        display: none;
    }
    .dosing-table2 .dosing-table-column.col-md-6.col-lg-2 img{
        height: 210px;
    }
}

@media screen and (max-width: 480px){
    .preparation-table{
        padding: 0;
    }
    .patient-enrolled {
        font-size: 1.2rem;
        padding: 20px;
    }
    .dosing-table-column{
        margin-bottom: 1rem;
    }
    .dosing-table-heading{
        margin-top: 2rem;
    }
}