html, body{
    font-family: sofia-pro-regular;
    font-size: 1.12rem;
    line-height: 1.35;
    color:#505050;
}

/**Sofia Fonts**/


.sofia-pro-cn-light{
    font-family: sofia-pro-cn-light; 
 }
 
@font-face {
    font-family: 'sofia-pro-cn-light';
    src: url('../fonts/Sofia/Sofia-Pro-Condensed-light.otf') format('opentype');
}
.sofia-pro-cn-medium{
    font-family: sofia-pro-cn-medium; 
 }
 
@font-face {
    font-family: 'sofia-pro-medium';
    src: url('../fonts/Sofia/Sofia-Pro-Condensed-Medium.otf') format('opentype');
}
.sofia-pro-cn-regular{
    font-family: sofia-pro-cn-regular; 
 }
 
@font-face {
    font-family: 'sofia-pro-cn-regular';
    src: url('../fonts/Sofia/Sofia-Pro-Condensed-Regular.otf') format('opentype');
}

.sofia-pro-semi-bold{
   font-family: sofia-pro-semi-bold; 
}

@font-face {
    font-family: 'sofia-pro-semi-bold';
    src: url('../fonts/Sofia/Sofia-Pro-Semi-Bold.otf') format('opentype');
}

.sofia-pro-cn-bold{
    font-family: sofia-pro-cn-bold; 
 }
 
 @font-face {
     font-family: 'sofia-pro-cn-bold';
     src: url('../fonts/Sofia/Sofia-Pro-Condensed-Bold.otf') format('opentype');
 }
 

 .sofia-pro-cn-semi-bold{
    font-family: sofia-pro-cn-semi-bold; 
 }
 
 @font-face {
     font-family: 'sofia-pro-cn-semi-bold';
     src: url('../fonts/Sofia/Sofia-Pro-Condensed-Semi-Bold.otf') format('opentype');
 }


 .sofia-pro-regular{
    font-family: sofia-pro-regular; 
 }
 
 @font-face {
     font-family: 'sofia-pro-regular';
     src: url('../fonts/Sofia/Sofia-Pro-Regular.otf') format('opentype');
 }

 .sofia-pro-medium{
    font-family: sofia-pro-medium; 
 }
 
 @font-face {
     font-family: 'sofia-pro-medium';
     src: url('../fonts/Sofia/Sofia-Pro-Medium.otf') format('opentype');
 }

 .sofia-pro-bold{
    font-family: sofia-pro-bold; 
 }
 
 @font-face {
     font-family: 'sofia-pro-bold';
     src: url('../fonts/Sofia/Sofia-Pro-Bold.otf') format('opentype');
 }

 .sofia-pro-light{
    font-family: sofia-pro-light; 
 }
 
 @font-face {
     font-family: 'sofia-pro-light';
     src: url('../fonts/Sofia/Sofia-Pro-Light.otf') format('opentype');
 }

/**Fonts Ends here**/

/**Navbars styles**/
.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
}
.fixed-top #hide-in-scroll .logo{
    width:250px;
    transition: all 0.4s ease-in-out 0s;
}
.ico-x{font-style: normal;}
.navbar-toggler-icon.polytriangle::after{
content: '';
position: absolute;
bottom: -20px;
left:0px;
width: 0;
height: 0;
border-left: 27px solid transparent;
border-right: 25px solid transparent;
border-top: 20px solid #592B82;
clear: both;
}
.navbar-dark .navbar-toggler{
background-color: #592B82;
border:0px !important;
border-radius: 0px !important;
}
.navbar-toggler:focus {
/*Below line will remove the border from the icon
I have used bootstrap icon here */
/* This will only remove the shadow effect */
/* Border is still there */
/* if you don't want any border then set the property equals to zero */
border: 0 !important;
box-shadow: none !important;

/* This will remove the rounded corner(radious-border)
and give square border */
/* border-radius: 0 !important; */
}
.top-nav{font-size: 0.85rem;}
.top-nav .nav-link{
    color:#598233;
}
.top-nav .nav-item.dropdown{
    background-color:#592B82;
    color:#fff;
}
.top-nav .nav-item.dropdown .nav-link{
    color:#fff;
}
.top-nav .nav-item.dropdown .dropdown-menu.show{
    color:#592B82;
    background-color:#EDF6E2;
    padding-top:0px;
    padding-bottom: 0px;
}
.top-nav .nav-item.dropdown .dropdown-menu.show .dropdown-item{
    color:#592B82;
}
.navbar .nav-link{
    color:#ffffff;
}
#navbar_top{padding-top:0px; padding-bottom:0px;}
.fix-scroll{scroll-margin-top: 180px;}
.logo{
    width:354px; 
    cursor:pointer !important; 
    margin-left:40px;
    transition: all 0.4s ease-in-out 0s;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: -0.3em 0 0 0.4em;
    vertical-align: middle;
    content: "";
    border: 0.3em solid;
    border-width: 0 0.15em 0.15em 0;
    transform: rotateZ(45deg);
}
#main_nav .navbar-nav .nav-item .nav-link:hover,  #main_nav .navbar-nav .nav-item .nav-link.active{color: #BA9AC1;}


@media screen and (min-width:992px){
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* remove the gap so it doesn't close */
        color:#592B82;
        background-color:#BA9AC1;
        padding-top:0px;
        padding-bottom: 0px;
    }
    .dropdown:hover .dropdown-menu.left-menu{left:auto !important; right:0 !important;}

    .dropdown-menu-right.left-menu{right: 0;}
    .dropdown-item {font-size: 0.95rem; padding-top:8px; padding-bottom:8px;}
    .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active{
        background-color: #592B82;
        color: #fff;
    }

    #main_nav .navbar-nav .nav-item{padding:5px 50px;}
    #main_nav .navbar-nav .nav-item .nav-link{font-family: sofia-pro-semi-bold; font-size: 1rem !important;}
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffffff;}
    .show-search-mobile{display: none;}
}
@media screen and (min-width:992px) and (max-width:1199px){
    
    #main_nav .navbar-nav .nav-item .nav-link{font-size: 0.9rem !important;}
    .top-nav {font-size: 0.75rem;}
    .left-menu[data-bs-popper]{left:auto !important; right:0 !important;}
}
@media screen and (max-width:991px){
    .mob-nav{padding:0px 0px;}
    .navbar-brand{padding-left: 10px;}
    .navbar-dark .navbar-toggler{margin-right: 10px;}
    .mob-nav.bg-primary{background-color: #fff !important;}
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: #81AF2C;
        color: #fff;
    }
    #hide-in-scroll{display: none;}
    .navbar-toggler {height:50px; font-size: 15px; color:#fff; padding-left: 6px; padding-right: 6px;}
    .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .top-nav{font-size: 12px;}
    .logo {
        width: 255px;
    }
    .top-nav .border-bottom, .nz.border-bottom{border-bottom:1px solid #592B82 !important; font-size: 0.85rem;}
    #navbar_top{padding-top:0px;}
    #main_nav{
        background-color: #592B82;
        position: relative;
        top: 10px;
    }
    #main_nav .navbar-nav .nav-item{padding: 0px 10px; border-bottom: 1px solid #fff;}
    #main_nav .navbar-nav .nav-item .nav-link{color:#fff; text-align: center;font-size: 0.9rem;}
    .navbar-nav .dropdown-menu{margin-bottom: 10px; padding-top:0px; padding-bottom:0px;}
    .navbar-nav .dropdown-menu li{border-bottom:1px solid #592B82; padding-left:0px; padding-right:0px;}
    .dropdown-item.active, .dropdown-item:active{background-color: #68973b;}
    .navbar-nav .dropdown-menu li a{text-align: center;font-size: 0.75rem;}
    /* #navbar_top{
        position: fixed;
        right: 0;
        left: 0;
    } */
}
@media screen and (min-width:768px) and (max-width:991px){
    .top-nav {font-size: 0.65rem;}
    .top-nav .nav-link{padding-left:8px; padding-right:8px;}
    .logo {
        margin-left:0px;
     }
}
@media screen and (max-width:767px){
    .top-nav .nav-link{
       background-color:#592B82;
       color:#fff;
    }
    .top-nav .dropdown-menu.show{
        background-color: #EDF6E2;
        color:#592B82;
    }
    .top-nav .dropdown-item{
        color:#592B82 !important;
    }
    .logo {
       margin-left:0px;
    }
}

@media screen and (max-width:575px){
    .logo {
        width: 224px;
    }
}

/**Navbars styles ends**/

/**Text Colors**/
.text-black{color:#000000 !important;}
.text-default{color:#505050 !important;}
.text-primary{color: #592B82 !important;}
.text-secondary{color:#BA9AC1 !important;}
.text-green{color:#598233 !important;}
.text-lt-green{color:#81AF2C !important;}
.text-white{color:#fff !important;}
.text-lt-white{color:#f5f5ee !important;}
.text-blue{color:#17A7B5 !important;}
.text-lt-blue{color:#7ACBD3 !important;}
.text-footer{color:#444444;}
.text-444{color:#444444;}
.small-1{font-size: 0.875rem;}
/**Text Colors Ends**/

/**Font**/
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.no-underline{text-decoration: none;}

/**Backgrounds**/
.bg-default{background-color:#505050 !important;}
.bg-primary{background-color:#592B82 !important;}
.bg-secondary{background-color:#BA9AC1 !important;}
.bg-green{background-color:#598233 !important;}
.bg-lt-green{background-color:#81AF2C !important;}
.bg-vlt-green{background-color: #EDF6E2;}
.bg-white{background-color:#fff !important;}
.bg-lt-white{background-color:#f5f5ee !important;}
.bg-blue{background-color:#17A7B5 !important;}
.bg-lt-blue{background-color:#7ACBD3 !important;}
.bg-444{background-color:#444444;}
.bg-grad-violet{
        background: rgb(89, 43, 130);
        background: -moz-linear-gradient(360deg, rgb(89,43,130) 10%, rgb(167,154,189) 100%, rgb(167, 154, 189) 100%);
        background: -webkit-linear-gradient(360deg, rgb(89,43,130) 10%, rgb(167,154,189) 100%, rgb(167,154,189) 100%);
        background: linear-gradient(360deg, rgb(89,43,130) 10%, rgb(167,154,189) 100%, rgb(167,154,189) 100%);        
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592B82",endColorstr="#A79ABD",GradientType=1);
}

.bg-grad-purple{
    background: rgb(141, 43, 107);
    background: -moz-linear-gradient(360deg, rgb(89, 43, 130) 10%, rgb(141, 43, 107) 100%, rgb(141, 43, 107) 100%);
    background: -webkit-linear-gradient(360deg, rgb(89, 43, 130) 10%, rgb(141, 43, 107) 100%, rgb(141, 43, 107) 100%);
    background: linear-gradient(360deg, rgb(89, 43, 130) 10%, rgb(141, 43, 107) 100%, rgb(141, 43, 107) 100%);        
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592B82",endColorstr="#8D2B6B",GradientType=1);
}

.bg-grad-blue{
    background: rgb(23, 167, 181);
    background: -moz-linear-gradient(360deg, rgb(23, 167, 181) 10%, rgb(122, 203, 211) 100%, rgb(122, 203, 211) 100%);
    background: -webkit-linear-gradient(360deg, rgb(23, 167, 181) 10%, rgb(122, 203, 211) 100%, rgb(122, 203, 211) 100%);
    background: linear-gradient(360deg, rgb(23, 167, 181) 10%, rgb(122, 203, 211) 100%, rgb(122, 203, 211) 100%);        
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#17A7B5",endColorstr="#7ACBD3",GradientType=1);
}
/**Backgrounds ends**/

/**button starts**/
#search-results, #search-results-mobile{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 8px 20px;
}
/**button ends**/

/**Polygon clip path Button**/
.polygon-btn{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.75rem;
    background-color: #592B82;
    width:300px;
    color: #fff;
    text-decoration: none;
    font-family: sofia-pro-cn-semi-bold;
}
.polygon-text{
    width:75%;
}
.polygon-arrow{
    width:25%;
    z-index: 1;
    color:#fff;
    text-align: right;
}
.polygon-clip{
    width: 100%;
    position: absolute;
    left:1px;
    height: 100%;
    background-color: #6D934A;
    clip-path: polygon(70% 0, 100% 0, 100% 50%, 100% 100%, 85% 100%);
    transition: 1s all;
}
@media screen and (max-with:564px){
    .polygon-btn{width:100%;}
}
/**Polygon clip path Button ends**/

/****Accordian Start****/
/**https://bootstrapbrain.com/component/bootstrap-faq-accordion-example/#preview**/
.expand-all, .collapse-all{cursor: pointer; font-size: 1.1rem;}
.bsb-accordion-flush .accordion-body{padding:5px 105px 5px 5px; font-size: 1.25rem; margin-bottom: 10px; color:#505050;}
.bsb-accordion-flush .accordion-body p{margin-bottom: 5px;}
.bsb-accordion-flush .accordion-button {
    background-color: transparent!important;
    padding: 20px 0px;
    font-family: sofia-pro-medium;
    font-size: 1.25rem;
    line-height: 1.4;
    align-items: start;
}
.bsb-accordion-flush .accordion-button span{padding-left:5px; color: #592B82; font-family: sofia-pro-bold;}

.bsb-accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none
}

.bsb-accordion-flush .accordion-item {
    background-color: transparent!important;
    border-bottom:1px solid #592B82 !important;
}

.bsb-accordion-icon-caret {
    /* --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23212529%27%3E%3Cpath d=%27M13.65 4.77c-.46-.46-1.15-.46-1.62 0L7.99 8.81 3.96 4.77c-.46-.46-1.15-.46-1.62 0s-.46 1.15 0 1.62l4.85 4.85c.23.23.46.35.81.35s.58-.12.81-.35l4.85-4.85c.46-.46.46-1.15 0-1.62Z%27/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23052c65%27%3E%3Cpath d=%27M13.65 4.77c-.46-.46-1.15-.46-1.62 0L7.99 8.81 3.96 4.77c-.46-.46-1.15-.46-1.62 0s-.46 1.15 0 1.62l4.85 4.85c.23.23.46.35.81.35s.58-.12.81-.35l4.85-4.85c.46-.46.46-1.15 0-1.62Z%27/%3E%3C/svg%3E"); */

    /** Plus Miuns
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
*/
--bs-accordion-btn-icon: url("../images/ICON-Plus.png");
--bs-accordion-btn-active-icon:url("../images/ICON-Minus.png")

}


/* .bsb-accordion-icon-position-before .accordion-button:not(.collapsed):after {
    display: none!important
} */
.bsb-accordion-icon-position-before .accordion-button:not(.collapsed):before {
    display: none!important
}

/* .bsb-accordion-icon-position-before .accordion-button:not(.collapsed):before {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
} */
.bsb-accordion-icon-position-before .accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

/* .bsb-accordion-icon-position-before .accordion-button:after {
    display: none!important
} */
.bsb-accordion-icon-position-before .accordion-button:before {
    display: none!important
}

/* .bsb-accordion-icon-position-before .accordion-button:before {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    
    background-size:25px;
    content: "";
    flex-shrink: 0;
    margin-right: .8rem;
    transition: var(--bs-accordion-btn-icon-transition);
    width:25px;
    height: 25px;
} */

.bsb-accordion-icon-position-before .accordion-button:after {
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    /* background-size: var(--bs-accordion-btn-icon-width);
     width: var(--bs-accordion-btn-icon-width)
     height: var(--bs-accordion-btn-icon-width);*/
    background-size:25px;
    content: "";
    flex-shrink: 0;
    margin-right: .8rem;
    transition: var(--bs-accordion-btn-icon-transition);
    width:25px;
    height: 25px;
}

.accordion-button:not(.collapsed){
    color:#592B82 !important;
}

@media(prefers-reduced-motion:reduce) {
    /* .bsb-accordion-icon-position-before .accordion-button:before {
        transition: none
    } */
    .bsb-accordion-icon-position-before .accordion-button:after {
        transition: none
    }
}
@media screen and (max-width:767px){
    .bsb-accordion-flush .accordion-body {
        padding: 0px 15px 0px 1px;
        font-size: 0.95rem;
    }
    .bsb-accordion-flush .accordion-button{font-size: 1rem;}
    .bsb-accordion-flush .accordion-button span{padding-right:25px; padding-left:0px;}
    .bsb-accordion-flush .accordion-body ul{padding-left:20px;}
    .bsb-accordion-icon-position-before .accordion-button:after{
        margin-right:0.2rem;
    }
}
/****Accordian end****/

/***Buttons***/
.confirm-cancel-btn {
    text-transform: capitalize !important;
    min-width: 112px;
    color: white;
    padding: 8px 30px !important;
    margin-left: 10px !important;
    font-weight: normal !important;
    background-color: #a6a7a5;
}
.confirm-ok-btn{
    color: #fff;
    background-color:#592B82;
    font-weight: normal !important;
    min-width: 112px;
    padding: 8px 30px !important;
}
.confirm-ok-btn:hover{background-color:#592B82 !important; color:#e5e5ee !important;}
.confirm-cancel-btn:hover{background-color:#e5e5ee !important;}
.jconfirm-content-pane{padding: 0px 9px !important;}
.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #f36633 !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    color:#592B82 !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
font-size: 15px !important;
}
/***Button ends***/


/*Player video local theme css*/

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
	background: #68973b !important;
}

.plyr__control--overlaid {
	background: rgba(114, 211, 69, 0.64) !important;
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
	background: #68973b !important;
}

.plyr--full-ui input[type=range] {
	color: #68973b !important;
}

.plyr__video-wrapper {
	border: 5px solid #fff !important;
}

.plyr__poster {
	background-color: #fff !important;
}

/***Plyr video styles ends***/

/**UI Auto complete search**/
.ui-autocomplete{
    list-style-type: none;
    background-color: #e5e5ee;
    height: 250px;
    overflow-y: auto;
    width: 300px;
    padding:0px;
}
.ui-autocomplete li{border-bottom:1px solid #000; padding: 5px 10px;}
.ui-autocomplete li a{cursor: pointer; width: 100%; display: block;}
@media screen and (max-width:767px){
    .ui-autocomplete{
        width: 80% !important;
    }
}
/**UI Auto complete search ends**/



/**Body styles**/
.gsk-logo{
    width:130px;
}

.font-default{
    font-size: 1.12rem;
}
.font-114rem{
    font-size: 1.14rem;
}
.font-115rem{
    font-size: 1.15rem;
}
.arrow-l{    
    width: 25px;
    float: right;
    margin-top: 8px;
}
.search .search-ico{
    width:20px;
    right:15px;
    bottom: 10px;
    position: absolute;
}
.btn-outline-secondary{
    background-color: #f5f5ee;
    border:0px;
}
.btn-violet{
    display: inline-block;
    padding: 0.75rem 0.75rem;
    font-family: sofia-pro-cn-semi-bold;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #592B82;
    border-radius: 5px;
    background-color: #592B82;
    transition: color .15s ease-in-out, #592B82 .15s ease-in-out, #592B82 .15s ease-in-out;
    min-width:285px;
}
.btn-md-violet{
    padding: 5px 30px;
    font-family: sofia-pro-cn-semi-bold;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 3px solid #fff;
    border-radius: 5px;
    background: #7d5e9d;
    transition: color .15s ease-in-out, #592B82 .15s ease-in-out, #592B82 .15s ease-in-out;
    min-width:285px;
}
.btn-blue{
    padding: 5px 30px;
    font-family: sofia-pro-cn-semi-bold;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 3px solid #fff;
    border-radius: 5px;
    background: rgb(23, 167, 181);
    transition: color .15s ease-in-out, rgb(23, 167, 181) .15s ease-in-out, rgb(23, 167, 181) .15s ease-in-out;
    min-width:285px;
}

.v-align-middle{vertical-align: middle;}
.home-ico{
    height: 20px;
    width: 20px;
}
a{text-decoration: none; color:#592B82;}
/* .external-link:hover{color: #b8dfa6 !important;} */
.nav .dropdown-item.external-link:hover{color: #fff !important;}
ol{padding-left:1rem;}
ol li{padding-left:10px;}
.hr-2x{border-top:3px solid #b8dfa6;}
.dotted-border{border-bottom:3px dotted #592B82;}
.border-2x{border:1px solid #592B82; width:300px; margin: 0 auto; padding: 5px;}
.border-violet{border:2px solid #592B82;}
.header-data{font-size: 1.25rem;}
section{
   padding-top:50px;
   padding-bottom:50px;
}
.sec-content{
    padding-left:40px;
    padding-right:40px;
}
footer{
    padding-top:0px;
   padding-bottom:30px;
   font-size: 0.95rem;
   /* font-family: sofia-pro-light; */
}
footer .foot-link{text-decoration: none; font-family: sofia-pro-medium; font-size: 1.12rem;}
footer .link-seperator{padding-left: 5px; padding-right: 5px;}

footer .footer-links {
    background-color: #592B82;
    padding: 25px 10px;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
}
footer .footer-links ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0px;
    padding-left: 0px;
}
footer .footer-links ul li.br-2p {
    border-right: 2px solid #fff;
}
footer .footer-links ul li{
    padding: 0px 18px;
  }
  footer .footer-links ul li a{
   color:#fff;
   text-decoration: underline;
   text-decoration-thickness: 1px;
   /* border-bottom: 1px solid #fff; */
  }

  footer .footer-links .gsk-arrow{
      position: absolute;
      width: 120px;
      top: 24px;
      margin: 0px -60px;
  }
  .foot-logo {
    width: 200px;
}


@media screen and (min-width:1400px){
    .btn-violet{
        width:315px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    html, body{
        font-size: 1.02rem;
    }
    .logo {
        width: 290px;
    }
    .btn-violet{
        min-width:240px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    html, body{
        font-size: 1rem;
    }
    .mob-nav{box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}
}
@media screen and (max-width:767px){
    html, body{
        font-size: 1rem;
    }
    .sec-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    footer{font-size: 0.9rem;}
    footer p{margin-bottom:5px;}
    footer .footer-links ul {
        flex-direction: column;
    }
    footer .footer-links ul li.br-2p {
        border-right: 0px solid #fff;
        padding: 7px 10px;
    }
    .gsk-logo {
        width: 90px;
    }
    .mob-text-center{text-align: center;}
    .mob-nav{box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}
}

@media screen and (max-width:480px){
    .foot-ph{display: inline-block; width:120px;}
    footer .foot-link{width:100%; display: block; margin-bottom: 5px;}
    footer .link-seperator{display: none;}
    .border-2x{width: 100%;}
}
/**Body styles ends**/


.imp-info{
    font-size: 1rem;
    color: #444444;
}
.imp-info p{margin-bottom: 8px; color:#444444;}
.icon-1{width:110px;}
.icon-2{width:140px;}
.icon-3{width:120px;}
.icon-4{width:130px;}
.icon-ht-1{height:110px;}
.icon-ht-2{height:120px;}
.icon-ht-3{height:130px;}
.icon-ht-4{height:140px;}
.border-bottom-primary{border-bottom:3px solid #592B82;}
.border-top-primary-1px{border-top:1px solid #592B82;}
.border-bottom-primary-1px{border-bottom:1px solid #592B82;}
.border-white{border:2px solid #fff;}
.white-btn img{width:30px;}
.foot-ph{display: inline-block; width:150px;}
@media screen and (max-width:767px){
    .imp-info{
        font-size: 0.85rem;
    }
    .white-btn{font-size: 0.9rem;}
    .white-btn img{width:20px;}
    .foot-ph{display: inline-block; width:120px;}
    .mob-text-center{text-align:center;}
}

/*****home-page starts here****/
.home-page .banner{
    background: url('../images/Couple-on-bench-in-park-Purple.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 500px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-page .v-shape{
    background: url('../images/v-shape.PNG');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 253px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-page .sec2-bg{
    /* background: url('../images/sec2-bg.jpg'); */
    background: url('../images/hero-mob-1.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: 100%;
        -o-background-size: 100%;
        -ms-background-size: 100%;
        -moz-background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        top:-2px;
        z-index: 2;
}


@media screen and (min-width:768px) and (max-width:991px){
    .home-page .banner{min-height: 280px;}
}


@media screen and (max-width:767px){
    .home-page .banner{
        background: url('../images/Couple-on-bench-in-park-Purple-mob.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 274px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .home-page .banner{
        min-height: 500px !important;
    }
}

@media screen and (min-width:361px) and (max-width:564px){
    .home-page .banner{
        min-height: 450px !important;
    }
}
@media screen and (max-width:360px){
    .home-page .banner{
        min-height: 300px !important;
    }
}
/*****home-page ends here****/




/****frequently-asked-questions starts*****/
.frequently-asked-questions .arrow-l{width:22px;}
.frequently-asked-questions ul.dashed {
    list-style-type: none;
  }
  .frequently-asked-questions ul.dashed > li {
    text-indent: 0px;
  }
  .frequently-asked-questions ul.dashed > li:before {
    content: "-";
    font-size: 1.5rem;
    text-indent: -5px;
    margin-right: 10px;
    line-height: 1;
    vertical-align: bottom;
  }
  .frequently-asked-questions #faqs-pre-filled-pen .foot-ph,
  .frequently-asked-questions #at-home-administration .foot-ph
  {display: inline-block; width:180px;}
  @media screen and (min-width:1200px) and (max-width:1399px){
    .frequently-asked-questions h1{
        font-size: 1.8rem !important;
    }
    .frequently-asked-questions h3, .frequently-asked-questions h2{
        font-size: 1.5rem !important;
    }
    .frequently-asked-questions h4{
        font-size: 1.5rem !important;
    }
}
@media screen and (max-width:767px){
    .frequently-asked-questions ul.dashed > li {
        text-indent: -17px;
      }
      .frequently-asked-questions ul.dashed {
        padding-left: 47px;
      }
}
@media screen and (max-width:560px){
    .frequently-asked-questions #faqs-pre-filled-pen .foot-ph,
    .frequently-asked-questions #at-home-administration .foot-ph
    {display: inline-block; width:120px;}
}
/****frequently-asked-questions ends*****/



/* sup{font-size: 1em; top:-0.1em;} 
sub, sup{font-size: 0.6em;}*/

.f-50{font-size: 5rem !important;}
.f-45{font-size: 4.5rem !important;}
.f-40{font-size: 4rem !important;}
.f-35{font-size: 3.5rem !important;}
.f-325{font-size: 3.25rem !important;}
.f-30{font-size: 3rem !important;}
.f-275{font-size: 2.75rem !important;}
.f-25{font-size: 2.5rem !important;}
.f-225{font-size: 2.25rem !important;}
.f-20{font-size: 2rem !important;}
.f-15{font-size: 1.5rem !important;}
.body-font{font-size: 1.25rem; line-height: 1.35;}

@media screen and (min-width:992px) and (max-width:1199px){
    h1{font-size: 1.8rem !important;}
    h2{font-size: 1.65rem !important;}
    h3{font-size: 1.5rem !important;}
    h4{font-size: 1.4rem !important;}
    h5{font-size: 1.2rem !important;}
}
@media screen and (min-width:1400px){
    html, body{font-size: 1.22rem !important;}
    footer{font-size: 1.05rem;}
    .top-nav{font-size: 1rem !important;}
    #main_nav .navbar-nav .nav-item .nav-link{font-size: 1.4rem !important;}
    .logo {
        width: 385px;
    }
    #main_nav .navbar-nav .nav-item{padding:8px 50px;}
    #navbar_top{display: block;}
    .lft-icon{width:120px !important;}
    h1{font-size: 2rem !important;}
    h2{font-size: 1.85rem !important;}
    h3{font-size: 1.75rem !important;}
    h4{font-size: 1.65rem !important;}
    h5{font-size: 1.4rem !important;}
    .number-icon {
        width: 60px !important;
        height: 60px !important;
    }
    footer .footer-links{font-size: 1.15rem;}
}
@media screen and (max-width:767px){
    .f-50{font-size: 4.5rem !important;}
    .f-45{font-size: 4rem !important;}
    .f-40{font-size: 2.4rem !important;}
    .f-35{font-size: 2.25rem !important;}
    .f-30{font-size: 2.5rem !important;}
    .f-275{font-size: 2.25rem !important;}
    .f-25{font-size: 2rem !important;}
    .f-225{font-size: 1.75rem !important;}
    .f-20{font-size: 1.75rem !important;}
    .f-15{font-size: 1.35rem !important;}
    .body-font{font-size: 1rem; line-height: 1.35;}
    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/****AREXVY STARTS*****/


/***Home Page Starts***/
.page-1 .rxv-info .mh-130{
    min-height: 155px;
}
.page-1 .main-title .txt-pos{
    position: relative;
    left: 60px;
    top:20px;
}

.page-1 .main-title .arexvy-logo{
    position: relative;
    left: 155px;
    bottom: 50px;
    width: 645px;
}
.page-1 .sec2 .sec2-col0 h2{font-size: 3.5rem !important;}
.page-1 .sec2 .sec2-col0 .body-font {
    font-size: 1.2rem;
}
.page-1 .imp-info .sec-content{
    padding-left: 50px;
    padding-right:50px;
}

@media screen and (min-width:1400px){
    .main-title h1{font-size:3.5rem !important;}
    .page-1 .main-title .txt-pos{
        left: 70px;
        top:35px;
    }
    .page-1 .main-title .arexvy-logo {
        left: 190px;
        bottom: 50px;
        width: 750px;
    }
    .page-1 .sec2 .sec2-col0 h2{font-size: 4rem !important;}
    .page-1 .sec2 .sec2-col0 .body-font {
        font-size: 1.29rem;
    }
    .page-1 .rxv-info .mh-130 {
        min-height: 165px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .page-1 .main-title .arexvy-logo{
        width:510px;
    }
    .page-1 .rxv-info .mh-130 {
        min-height: 145px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .page-1 .main-title h1{font-size: 2.5rem !important;} 
    .page-1 .main-title .txt-pos{
        left:45px;
    }
    .page-1 .main-title .arexvy-logo{
        width:370px;
        left: 120px;
        bottom: 30px;
    }
    .page-1 .rxv-info .mh-130{
        min-height: auto;
    }
    .page-1 .rxv-info{
        text-align: center;
    }
    .page-1 .sec2 .sec2-col0 h2{
        font-size: 2.9rem !important;
    }
}
@media screen and (max-width:767px){
    .page-1 .rxv-info{
        text-align: center;
    }
    .page-1 .rxv-info .mh-130{
        min-height: auto;
    }
    .page-1 .main-title h1{
        font-size: 2.5rem !important;
    }

    .page-1 .main-title{
        width:450px;
        padding-top:20px !important;
        margin: 0 auto;
        height: 380px;
    }
    .page-1 .main-title .mob-text-center{text-align: center; display: block;}
    .page-1 .main-title .arexvy-logo {
        left: 0;
        bottom: -135px;
        width: 360px;
        margin-bottom:40px;
    }
    .page-1 .main-title .txt-pos{
        left:10px;
        top:120px;
    }
    .page-1 .sec2 .sec2-col0 h2{font-size: 2.25rem !important;}
    
}

@media screen and (max-width:575px){
    .page-1 .main-title h1{
        font-size: 2.25rem !important;
    }
    .page-1 .main-title{
        width:370px;
        margin: 0 auto;
        height: 370px;
    }
    .page-1 .main-title .arexvy-logo {
        left: 5px;
        bottom: -102px;
        width: 340px;
        margin-bottom: 40px;
    }
    .page-1 .main-title .txt-pos{
        left:15px;
        top:85px;
        font-size: 2rem;
    }

}

@media screen and (max-width:374px){
    .page-1 .main-title h1{
        font-size: 2rem !important;
    }
    .page-1 .main-title{
        width:300px;
    }
    .page-1 .main-title .arexvy-logo {
        bottom: -125px;
        width: 275px;
    }
    .page-1 .main-title .txt-pos {
        left: 10px;
        top: 110px;
        font-size: 1.7rem;
    }
}

/***Home Page Ends***/

/***About AREXVY Starts****/
.about-arexvy .sec-content{padding-left:50px; padding-right:50px;}
.about-arexvy .sp-css-for-this-text{text-align: right !important;}
.about-arexvy .sp-css-for-this-div{padding-top: 8.6rem ; margin-left: -5rem;}
.about-arexvy .about-banner{
    background: url(../images/About-AREXVY_desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
}

.about-arexvy .sixty-year-older{
    background: url(../images/About-AREXVY_for-60_desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}
.about-arexvy .sec-4 .bg-rambus{
    background: url(../images/teal-gem-CTA_desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 317px;
    width: 530px;
    background-position: center;
    background-repeat: no-repeat;
}
.about-arexvy .safety-banner{
    background: url(../images/Side-Effects-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
}
.about-arexvy .ask-doctor-banner{
    background: url(../images/Crazy-Hair-Lady-Desktop-\(2\).png);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 525px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.about-arexvy .sec-4 .start-rsv{width:390px;}

.about-arexvy .sec-4 h3, .about-arexvy .sec-7 h3{
    font-size: 2.25rem !important;
}
.about-arexvy .sec-7 ul{
    padding-left:23px;
}
.about-arexvy .sec-7 ul li{
    padding-bottom:5px;
}
@media screen and (min-width:1400px){
    .imp-info{font-size: 1.06rem;}
    .about-arexvy .body-font{
        font-size: 1.35rem;
    }
    .about-arexvy .sec-4 .start-rsv {
        width: 460px;
    }
    .about-arexvy .sec-4 .start-rsv h3{
       font-size:2rem !important;
    }
    .about-arexvy .sec-4 .bg-rambus{
        min-height: 370px;
        width:620px;
    }
    .about-arexvy .sec-2 h2, .about-arexvy .sec-3 h2{
        font-size: 2.5rem !important;
    }
    .about-arexvy .sec-4 h3, .about-arexvy .sec-7 h3{
        font-size: 2.5rem !important;
    }
    .about-arexvy .sp-css-for-this-div{padding-top: 10.8rem; }
}
@media screen and (min-width:1200px) and (max-width:1399px){
    .about-arexvy .sp-css-for-this-div{padding-top: 9.9rem;}
}

@media screen and (min-width:992px) and (max-width:1199px){
    
    .about-arexvy .sec-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .about-arexvy .body-font {
        font-size: 1.2rem;
    }
    .about-arexvy .sec-4 h3, .about-arexvy .sec-7 h3 {
        font-size: 2rem !important;
    }
    .about-arexvy .sec-4 .bg-rambus{
        min-height: 305px;
        width:510px;
    }
    .about-arexvy .sp-css-for-this-div{padding-top: 8.7rem;}
}
@media screen and (min-width:768px) and (max-width:991px){
    section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .about-arexvy .sec-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-arexvy .about-banner{
        padding-top:0px; 
        padding-bottom:0px;
        min-height: 300px;
        display: flex;
        align-items: center;
    }
    .about-arexvy .about-banner h1{
        font-size: 3rem !important;
    }
    .about-arexvy .sec-4 .bg-rambus{
        width:512px;
        min-height: 305px;
    }
    .about-arexvy .sec-4 .start-rsv {
        width: 290px;
    }
    .about-arexvy .sec-4 .start-rsv h3{
        font-size:2rem !important;
    }
    .about-arexvy .sec-5 h3, .about-arexvy .sec-8 h3{
        font-size:1.6rem !important;
    }
    .about-arexvy .safety-banner{
        min-height: 300px;
    }
    .about-arexvy .sec-6 .sec-content, .about-arexvy .sec-9 .sec-content{
        padding-left:30px;
        padding-right: 30px;
    }
    .about-arexvy .ask-doctor-banner{
        min-height: 350px;
    }
    .about-arexvy .sp-css-for-this-div{padding-top: 6.8rem; margin-left: -4.3rem;}
    .about-arexvy .sp-css-for-this-text{line-height: 1.1;
    font-size: 2.8rem !important;
    }
   
}
@media screen and (max-width:767px){
    .about-arexvy .about-banner{
        background: url(../images/About-AREXVY_768.jpg);
        min-height: 600px;
        background-position: center;
        text-align: center;
    }

    .about-arexvy .sixty-year-older {
        background: url(../images/About-AREXVY_for-60_mobile.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 355px;
        background-position: top;
        background-repeat: no-repeat;
    }
    .about-arexvy .sec-content{
        padding-left:13px;
        padding-right:13px;
    }
    .about-arexvy .sec-2 .f-15{
        font-size: 1.32rem !important;
    }
    .about-arexvy .sec-4 h3, .about-arexvy .sec-7 h3 {
        font-size: 1.75rem !important;
    }
    .about-arexvy .sec-4 .start-rsv h3{
        font-size: 1.35rem !important;
    }
    .about-arexvy .sec-4 .start-rsv {
        width: 285px;
    }
    .about-arexvy .sec-4 .bg-rambus{
        width:330px;
        min-height:198px;
        margin:0 auto;
    }
    .about-arexvy .sec-5, .about-arexvy .sec-8{
        padding-bottom:35px;
    }
    .about-arexvy .sec-5 h3 span, .about-arexvy .sec-8 h3 span{
        display: block;
        margin-bottom:15px;
    }
    .about-arexvy .safety-banner {
        background: url(../images/Side-Effects_mobile.jpg);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 535px;
    background-position: center;
    }
    .about-arexvy .sec-6{text-align: center;}
    .about-arexvy .sec-7 ul {
        padding-left: 18px;
    }
    .about-arexvy .ask-doctor-banner {
        background: url(../images/Crazy-Hair-Lady-Mob-750x930px.png);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 430px;
        background-position: center;
        background-repeat: no-repeat;
        align-items: start;
    }

    .about-arexvy .sec-9{text-align: center;}
    .about-arexvy .imp-info .sec-content{padding-left:6px; padding-right:6px;}
    .about-arexvy .sp-css-for-this-div{padding-top: 0.75rem; margin-left: 2.8rem;}
    .about-arexvy .sp-css-for-this-text{ text-align: center !important;}

    @media screen and (max-width:374px){
        .about-arexvy .sec-4 .bg-rambus{
            width:285px;
            min-height:168px;
            margin:0 auto;
        }
        .about-arexvy .icon-sec{
            padding-left:0px !important;
            padding-right:0px !important;
        }
    }

}

@media screen and (min-width:541px) and (max-width:577px) {
    .about-arexvy .sp-css-for-this-div{
        margin-left: 3.5rem;
    }
}
@media screen and (min-width:521px) and (max-width:540px) {
    .about-arexvy .sp-css-for-this-div{
        margin-left: 2.8rem;
    }
}
@media screen and (min-width:490px) and (max-width:520px) {
    .about-arexvy .ask-doctor-banner{
        min-height:400px;
    }
    .about-arexvy .sp-css-for-this-div{ margin-left: 2.5rem;}
    
}
@media screen and (min-width:455px) and (max-width:489px) {
    .about-arexvy .ask-doctor-banner{
        min-height:350px;
    }
    .about-arexvy .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 1.5rem;
    }
}
@media screen and (min-width:425px) and (max-width:454px) {
    .about-arexvy .ask-doctor-banner{
        min-height:350px;
    }
    .about-arexvy .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 1rem;
    }
}
@media screen and (min-width:413px) and (max-width:424px) {
    .about-arexvy .ask-doctor-banner{
        min-height:350px;
    }
    .about-arexvy .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 0.5rem;
    }
}
@media screen and (min-width:411px) and (max-width:412px) {
    .about-arexvy .ask-doctor-banner{
        min-height:345px;
    }
    .about-arexvy .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 0.5rem;
    }
}

@media screen and (min-width:390px) and (max-width:410px){
    .about-arexvy .ask-doctor-banner{
        min-height: 300px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 14rem;
        margin-left: 1rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.9rem !important;
         
    }
}
@media screen and (min-width:377px) and (max-width:389px){
    .about-arexvy .ask-doctor-banner{
        min-height: 265px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12rem;
        margin-left: 1.3rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}
@media screen and (min-width:361px) and (max-width:376px){
    .about-arexvy .ask-doctor-banner{
        min-height: 260px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12.2rem;
        margin-left: 0.8rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}

@media screen and (min-width:351px) and (max-width:360px){
    .about-arexvy .ask-doctor-banner{
        min-height: 260px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12.2rem;
        margin-left: 0.7rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}
@media screen and (min-width:344px) and (max-width:350px) {
    .about-arexvy .ask-doctor-banner{
        min-height: 245px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12rem;
        margin-left: 1rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}
@media screen and (min-width:335px) and (max-width:343px) {
    .about-arexvy .ask-doctor-banner{
        min-height: 245px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 10rem;
        margin-left: 0.8rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}
@media screen and (max-width:334px) {
    .about-arexvy .ask-doctor-banner{
        min-height: 245px;
    }
    .about-arexvy .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 10rem;
        margin-left: 0.5rem;
    }
    .about-arexvy .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}


/***About AREXVY Ends****/


/*****About RSV Starts*****/
.about-rsv .sec-content{padding-left:50px; padding-right:50px;}
.about-rsv .sp-css-for-this-text{text-align: right !important;}
.about-rsv .sp-css-for-this-div{padding-top: 8.6rem ; margin-left: -5rem;}
.about-rsv .about-banner{
    background: url(../images/About-RSV-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
}
.about-rsv .protect-rsv{
    background: url(../images/About-RSV_prevention_desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 525px;
    background-position: center;
    background-repeat: no-repeat;
}
.about-rsv .ask-doctor-banner-rsv{
    background: url(../images/Crazy-Hair-Lady-Desktop-\(2\).png);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 525px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.about-rsv .sec-2 ul, .about-rsv .sec-3 ul, .about-rsv .sec-5 ul{
    padding-left:24px;
}
.about-rsv .sec-2 ul li, .about-rsv .sec-3 ul li, .about-rsv .sec-5 ul li{
    padding-bottom:5px;
}

.about-rsv .men-cough{
    background: url(../images/About-RSV_symptoms_desktop-v2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
}


@media screen and (min-width:1400px){
    .imp-info{font-size: 1.06rem;}
    .about-rsv .body-font{
        font-size: 1.35rem;
    }
    .about-rsv .sec-2 h2{
        font-size: 2.5rem !important;
    }
    .about-rsv .sec-3 h3{
        font-size: 2.5rem !important;
    }
    .about-rsv .sp-css-for-this-div{padding-top: 10.9rem; margin-left: -4.8rem; }
}
@media screen and (min-width:1200px) and (max-width:1399px){
    .about-rsv .sp-css-for-this-div{padding-top: 9.8rem;}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .about-rsv .body-font {
        font-size: 1.2rem;
    }
    .about-rsv .sec-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .about-rsv .sec-3 h3{
        font-size: 2rem !important;
    }
    .about-rsv .about-banner{
        min-height: 320px;
    }
    .about-rsv .sp-css-for-this-div{padding-top: 8.6rem;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .about-rsv .sec-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-rsv .icon-ht-4, .about-rsv .icon-ht-2 {
        height: 100px;
    } 
    .about-rsv .about-banner{
        padding-top:0px; 
        padding-bottom:0px;
        min-height: 300px;
        display: flex;
        align-items: center;
    }
    .about-rsv .about-banner h1{
        font-size: 3rem !important;
    }
    .about-rsv .men-cough{
        min-height: 345px;
    }
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 400px;
    }
    .about-rsv .sec-4 h3 span, .about-rsv .sec-7 h3 span{
        display: block;
        margin-bottom:15px;
    }
    .about-rsv .sp-css-for-this-div{padding-top: 6.8rem; margin-left: -4.0rem;}
    .about-rsv .sp-css-for-this-text{line-height: 1.1;
    font-size: 2.8rem !important;
    }
}

@media screen and (max-width:767px){
    .about-rsv .sec-content{
        padding-left:13px;
        padding-right:13px;
    }
    .about-rsv .icon-ht-4, .about-rsv .icon-ht-2 {
        height: 100px;
    } 
    .about-rsv .about-banner{
        background: url(../images/About-RSV_768.jpg);
        min-height: 600px;
        background-position: center;
        text-align: center;
    }
    .about-rsv .men-cough {
        background: url(../images/About-RSV_symptoms_768-v2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 700px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .about-rsv .ask-doctor-banner-rsv{
        background: url(../images/Crazy-Hair-Lady-Mob-750x930px.png);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 430px;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: start;
    }
    .about-rsv .sec-2 ul, .about-rsv .sec-3 ul{
        padding-left: 18px;
    }
    .about-rsv .sec-3 h3{
        font-size: 1.75rem !important;
    }

    .about-rsv .sec-4, .about-rsv .sec-7{
        padding-bottom:35px;
    }
    .about-rsv .sec-4 h3 span, .about-rsv .sec-7 h3 span{
        display: block;
        margin-bottom:15px;
    }
    .about-rsv .sec-6{text-align: center;}
    .about-rsv .sec-8{text-align: center;}
    .about-rsv .imp-info .sec-content{padding-left:6px; padding-right:6px;}
    .about-rsv .sp-css-for-this-div{padding-top: 0.75rem; margin-left: 4rem;}
    .about-rsv .sp-css-for-this-text{ text-align: center !important;}

}

@media screen and (min-width:320px) and (max-width:575px){
    .about-rsv .about-banner{
        min-height: 600px;
    }
}
@media screen and (min-width:576px) and (max-width:577px) {
    
    .about-rsv .sp-css-for-this-div{ margin-left: 4.7rem;}
    
}
@media screen and (min-width:560px) and (max-width:575px) {
    
    .about-rsv .sp-css-for-this-div{ margin-left: 5.3rem;}
    
}
@media screen and (min-width:541px) and (max-width:559px) {
    
    .about-rsv .sp-css-for-this-div{ margin-left: 4.4rem;}
    
}
@media screen and (min-width:521px) and (max-width:540px) {
    
    .about-rsv .sp-css-for-this-div{ margin-left: 3.8rem;}
    
}
@media screen and (min-width:503px) and (max-width:520px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:400px;
    }
    .about-rsv .sp-css-for-this-div{ margin-left: 3.5rem;}
    
}
@media screen and (min-width:490px) and (max-width:502px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:400px;
    }
    .about-rsv .sp-css-for-this-div{ margin-left: 3rem;}
    
}
@media screen and (min-width:478px) and (max-width:489px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 2.9rem;
    }
}
@media screen and (min-width:455px) and (max-width:477px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 2.2rem;
    }
}
@media screen and (min-width:434px) and (max-width:454px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 1.3rem;
    }
}
@media screen and (min-width:425px) and (max-width:433px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 1rem;
    }
}
@media screen and (min-width:417px) and (max-width:424px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 1rem;
    }
}
@media screen and (min-width:413px) and (max-width:416px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height:350px;
    }
    .about-rsv .sp-css-for-this-div{
        padding-top: 0rem;
        margin-left: 0.7rem;
    }
}
@media screen and (min-width:411px) and (max-width:412px){
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 345px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        margin-left: 0.8rem;
    }
   
}
@media screen and (min-width:390px) and (max-width:410px){
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 300px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 14rem;
        margin-left: 1.8rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.9rem !important;
         
    }
}
@media screen and (min-width:377px) and (max-width:389px){
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 265px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12.2rem;
        margin-left: 1.7rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}
@media screen and (min-width:361px) and (max-width:376px){
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 260px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12.2rem;
        margin-left: 1rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}
@media screen and (min-width:351px) and (max-width:360px){
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 260px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12.2rem;
        margin-left: 0.7rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.7rem !important;
    
    }
}
@media screen and (min-width:344px) and (max-width:350px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 245px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 12rem;
        margin-left: 1.4rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}
@media screen and (min-width:335px) and (max-width:343px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 245px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 10rem;
        margin-left: 1rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}
@media screen and (max-width:334px) {
    .about-rsv .ask-doctor-banner-rsv{
        min-height: 245px;
    }
    .about-rsv .sp-css-for-this-div{ 
        padding-top: 0rem;
        padding-bottom: 10rem;
        margin-left: 0.8rem;
    }
    .about-rsv .sp-css-for-this-text{
         font-size: 1.5rem !important;
    
    }

}

/*****About RSV Ends*****/


/*****FAQ Starts*******/
.faq .sec-content{padding-left:50px; padding-right:50px;}
.faq .faq-banner{
    background: url(../images/FAQ-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 355px;
    background-position: center;
    background-repeat: no-repeat;
}
.faq .ask-doctor-banner-arexvy{
    background: url(../images/Crazy-Hair-Lady-Desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 525px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.faq ul{
    padding-left: 26px;
}
.faq ul li{
    padding-bottom: 8px;
}
@media screen and (min-width:1400px){
    .imp-info{font-size: 1.06rem;}
    .faq .body-font{
        font-size: 1.35rem;
    }

    .bsb-accordion-flush .accordion-button,
    .bsb-accordion-flush .accordion-body{
        font-size: 1.35rem;
    }
    
}
@media screen and (min-width:992px) and (max-width:1199px){
    .faq .body-font {
        font-size: 1.15rem;
    }
    .bsb-accordion-flush .accordion-button,
    .bsb-accordion-flush .accordion-body{
        font-size: 1.15rem;
    }
    .faq .sec-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .faq .faq-banner{
        min-height: 320px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .faq .sec-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .faq .faq-banner{
        padding-top:0px; 
        padding-bottom:0px;
        min-height: 230px;
        display: flex;
        align-items: center;
    }
    .faq ul {
        padding-left: 20px;
    }
    .faq .faq-banner h1{
        font-size: 3rem !important;
    }
    .faq .sec-4, .about-rsv .sec-6{
        padding-bottom:35px;
    }
    .faq .sec-4 h3 span, .faq .sec-6 h3 span{
        display: block;
        margin-bottom:15px;
    }
}
@media screen and (max-width:767px){
    .faq .sec-content{
        padding-left:13px;
        padding-right:13px;
    }
    .faq .faq-banner{
        background: url(../images/FAQ-mobile-v2.jpg);
        min-height: 700px;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
    }
    .faq .ask-doctor-banner-arexvy{
        background: url(../images/Crazy-Hair-Lady-Mob.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        min-height: 525px;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: start;
    }
    .faq ul{
        padding-left: 18px;
    }
    .faq .sec-1{
        padding-top:0px;
        padding-bottom:0px;
    }
    .faq .sec-1 .sec-content{
        padding-top:0px !important;
        padding-bottom:0px;
    }
    .faq .sec-4, .about-rsv .sec-6{
        padding-bottom:35px;
    }
    .faq .sec-4 h3 span, .faq .sec-6 h3 span{
        display: block;
        margin-bottom:15px;
    }
    .faq .sec-7{text-align: center;}
}

@media screen and (max-width:480px){
    .faq .faq-banner{min-height: 550px;}
}
/*****FAQ Ends*******/