/********Fonts styling begins here**********/
.ff-roboto { font-family: 'roboto', sans-serif; } /*******Other font declaration used in site*******/
.ff-roboto-bold{font-family: 'Roboto-Bold', sans-serif !important; }
.ff-myriad{ font-family : 'myriad-pro', sans-serif !important;}
.ff-futura-pt { font-family: "futura-pt",sans-serif; }
.ff-futura-pt-bold { font-family: "futura-pt-bold",sans-serif; }
.fw-thin { font-weight: 100; }
.fw-exlight { font-weight: 200; }
.fw-light { font-weight: 300; }
.fw-regular { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-smbold { font-weight: 600; }
.fw-bold { font-weight: 700; }
.fw-exbold { font-weight: 800; }
.fw-black { font-weight: 900; }
.fs-normal { font-style: normal;}
.fs-italic {font-style: italic;}
/********Fonts styling ends here***********/

/********font color styling begins here (to declare common colors used for site)**********/
.white-color { color: #FFFFFF; } 
.pink-color{ color: #990064 ; } 
.blue-color { color: #004D74 !important; }
.black-color { color: #000000; }
/********font color styling ends here**********/

/********background color styling begins here (to declare common background colors used for site)**********/
.pink-bg { background-color: #990064 !important; }
.blue-bg{background-color: #004D74; }
.lt-green-bg { background-color: #F8FFF7; }
.lt-grey-bg {background-color: rgba(0, 77, 116,0.05); }
.lt-pink-bg{background-color : #EBDCE6; }
/********background color styling ends here**********/

/**** pink-var & brackets starts ****/
.pink-var{ color: #FF00EB;}
.pink-brackets:before{content:"[";color: #FF00EB;}
.pink-brackets:after{content:"]"; color: #FF00EB;}
/**** pink-var & brackets Ends****/

.skew10 { transform: skewX(10deg); }
.skew-10 { transform: skewX(-10deg); }
.skew8 { transform: skewX(8deg); }
.skew-8 { transform: skewX(-8deg); }

.mb-15{ marging-bottom : 15px !important; }
.mb-40{ marging-bottom : 40px !important; }
.mbottom_5 {
    margin-bottom: 5px !important;
}
.m-0{
	margin: 0;
}
.superscript-gap{margin-left:2px;}
.text-underline { text-decoration: underline; } /******to underline for anchor tag*******/
.text-underline:hover { text-decoration: none; } /******to remove underline for anchor tag on hover*******/
.text-nowrap { white-space: nowrap; } /******to wrap text*******/
.text-break {word-break: break-all; }  
.mobile-view-only { display: none; } /*********to hide till 1003************/
.desktop-view-only { display: block; }
.text-center{ text-align:center; }


/*** CTA styles start ***/
.cta-button {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.cta-button a {
    border: 5px solid #990064;
    max-width: fit-content;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 19px;
    background: #D9B9CA;
    font-size: 20px;
    line-height: 20px;
}
.cta-button>div {
    max-width: fit-content;
}

.cta-button a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 4px solid;
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
    margin-left: 33px;
}
.cta-button a.pink-color:hover {
    text-decoration: none;
    background-color: #990064;
    color: white;
}
.cta-button a.blue-color {
    border: 5px solid #004D74;
    background-color: #B5CCD8;
}

.cta-button a.blue-color:hover {
    color: white !important;
    text-decoration: none;
    background-color: #004D74;
}
/*** CTA styles ends ***/
/*** bullet-list styles starts ***/


ul.list-section li.list-item .list-bullet {
    /* margin-left: -6px; */
    position: relative;
    /* margin-right: 1px; */
}

ul.list-section {
    padding: 0;
    list-style : none;
}

ul.list-section li.list-item {
    padding-left: 0px;
}

li.footnotes {
    font-size: 10px;
}
/*** bullet-list style ends ***/

@media screen and (min-width:1004px) and (max-width: 1300px){
	.isi-tray-head .container-center h2 {max-width: 830px;}
}
/******standard media query for lyn hcp*******/
@media screen and (min-width: 1004px) { }
@media screen and (max-width: 1003px) { 
    .desktop-view-only { display: none; } /*********to hide till 1005************/
	.mobile-view-only { display: block; }
    .cta-button {
    	justify-content: center;
	}
	li.footnotes {
    	font-size: 12px;
	}
} 
/******media query for tablet landscape*******/
@media screen and (min-width: 992px) and (max-width: 1023px) { } 
/******media query for tablet potrait*******/
@media screen and (min-width: 768px) and (max-width: 991px) { } 

@media screen and (max-width:350px){
    
    .cta-button a {
        font-size: 16px;
    }
    
    .cta-button a:after {
        margin-left: 20px;
        width: 12px;
        height: 12px;
    }
}