@charset "utf-8";

/*======================================
============= Opensans font style ===========*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*======================================
============= DINPro font style ===========*/
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro.eot');
    src: url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff'),
        url('../fonts/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'DIN Pro';
	src: url('../fonts/DINPro-Bold.eot');
	src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro-Bold.woff2') format('woff2'),
		url('../fonts/DINPro-Bold.woff') format('woff'),
		url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('../fonts/DINPro-Regular.eot');
	src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro-Regular.woff2') format('woff2'),
		url('../fonts/DINPro-Regular.woff') format('woff'),
		url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Pro';
	src: url('../fonts/DINPro-Medium.eot');
	src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro-Medium.woff2') format('woff2'),
		url('../fonts/DINPro-Medium.woff') format('woff'),
		url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Light.eot');
    src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Light.woff2') format('woff2'),
        url('../fonts/DINPro-Light.woff') format('woff'),
        url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-LightItalic.eot');
    src: url('../fonts/DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-LightItalic.woff2') format('woff2'),
        url('../fonts/DINPro-LightItalic.woff') format('woff'),
        url('../fonts/DINPro-LightItalic.svg#DINPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/*===============================================
============= DINPro font style end ===========*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-size: 12px;
	background: #fff;
	overflow-x: hidden;
	font-family: 'DIN Pro';
	font-weight: normal;
	color: #000000;
}

a,
a:hover,
a:active,
a:focus {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'DIN Pro';
	color: #255ca3;
	font-weight: normal;
}

h1 {
	font-size: 45px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 35px;
}

h4 {
	font-size: 30px;
}

h5 {
	font-size: 20px;
	padding-bottom: 10px;
}

h6 {
	font-size: 16px;
}

p {
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	font-family: 'DIN Pro';
	font-weight: normal;
	color: #000000;
}

img {
	border: none;
	vertical-align: middle;
	border-style: none;
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul li {
	list-style: none;
}

select,
input,
textarea {
	box-shadow: none;
	outline: 0 !important;
}

/*html,body{height: 100%;position: relative;z-index: 2;}*/
[placeholder]:focus::-webkit-input-placeholder {
	-webkit-transition: opacity 0.3s 0.3s ease;
	-moz-transition: opacity 0.3s 0.3s ease;
	-ms-transition: opacity 0.3s 0.3s ease;
	-o-transition: opacity 0.3s 0.3s ease;
	transition: opacity 0.3s 0.3s ease;
	opacity: 0;
}
.sec-pad-30 {
	padding: 30px 0;
}

.sec-pad-90 {
	padding: 90px 0;
}

.sec-pad-100-0 {
	padding: 100px 0 0 0;
}

.sec-pad-90-50 {
	padding: 90px 0 50px 0;
}

.sec-pad-45 {
	padding: 45px 0;
}

.sec-pad-50-40 {
	padding: 50px 0 40px 0;
}

.sec-pad-35 {
	padding: 35px 0;
}

.id_hash {
	font-size: 1px;
	line-height: 1px;
	display: block;
}

.section-title {
	font-size: 40px;
	line-height: 50px;
	position: relative;
	color: #00DAFD;
	padding-bottom: 12px;
	font-weight: bold;
}

.section-title:before {
	content: '';
	position: absolute;
	width: 300px;
	height: 2px;
	background: #00DAFD;
	left: 40%;
	bottom: 0px;
	margin-left: -30px;
}

.section-title:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 2px;
	background: #FFFFFF;
	left: 46%;
	bottom: 0px;
	margin-left: 0px;
}
.sec-para{
	font-size: 24px;
    line-height: 30px;
    padding: 20px 0px 40px 0px;
    color: #FFFFFF;
    text-align: center;
}
.sec-para span{
	white-space: nowrap;
}
.bg-blue {
	background: #1E2B58;
}

.bg-gary {
	background: #f8f8f8;
}

.box-radius {
	border-radius: 25px;
}

.play-btn {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.clear {
	clear: both;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover,
a[href^="tel"]:active,
a[href^="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #000000;
}

/* ==========================================================================
   2.1 common style
   ========================================================================== */
.pt-20{
	padding-top: 20px;
}
.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}
.pl-pr-0{
	padding: 0px;
}
.pb-20 {
	padding-bottom: 20px!important;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}
.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-125 {
	margin-bottom: 125px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top.res-show {
	display: none !important;
}

.back-to-top {
	display: inline-block;
	z-index: 99;
	position: relative;
	bottom: -5px;
	width: 35px;
	height: 35px;
	background: #e8ae4a;
	text-align: center;
}

.back-to-top i {
	display: inline-block;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	line-height: 32px;
	color: #fff;
	transition: all 0.4s;
	width: 35px;
	height: 35px;
}

.back-to-top i:hover {
	background: #d4901a;
	color: #fff;
}


.site-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*.offcanvas-menu .site-wrap:before {content: ""; display: block;-webkit-transition: .3s all ease-in-out;-o-transition: .3s all ease-in-out;transition: .3s all ease-in-out;background: rgba(0, 0, 0, 0.6);position: absolute;z-index: 9999;top: 0;left: 0;right: 0;bottom: 0;visibility: visible;}*/

/*=====================================
2. Header
====================================-*/

.site-navbar .header-section,
.site-navbar .top-header,
.site-navbar .top-header.hide,
.logo,
.sticky-wrapper,
.sticky-wrapper .shrink,
.sticky-wrapper .shrink .header-section,

.site-navbar .site-navigation .site-menu,
.site-navbar .site-navigation .site-menu>li,
.sticky-wrapper .site-navbar .topbar-links,
.sticky-wrapper .shrink .site-navbar .topbar-links,
.site-navbar .toggle-button .site-menu-toggle,
.site-navbar.shrink .toggle-button .site-menu-toggle,
.sticky-wrapper.is-sticky {
	webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sticky-wrapper .site-navbar .content-hp p {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF
}
.sticky-wrapper .site-navbar .content-hp p br{
	display: none;
}

.sticky-wrapper .site-navbar .topbar-links {
	text-align: right;
}

.sticky-wrapper .site-navbar .topbar-links:nth-child(1) {
	padding-bottom: 6px;
}

.sticky-wrapper .site-navbar .topbar-links:nth-child(2) li:before {
	left: -17px;
}

.sticky-wrapper .site-navbar .topbar-links li {
	display: inline-block;
	position: relative;
}

.isi_click {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

.sticky-wrapper .site-navbar .topbar-links li a {
	color: #00DAFD;
	text-decoration: underline;
}

.sticky-wrapper .site-navbar .topbar-links li:nth-child(2), .sticky-wrapper .site-navbar .topbar-links li:nth-child(3) {
	margin: 0px 0px 0px 35px;
}

.sticky-wrapper .site-navbar .topbar-links li:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	background: #00DAFD;
	top: 4px;
	left: -19px;
}

.sticky-wrapper .site-navbar .topbar-links li:first-child:before {
	content: inherit;
}

.site-navbar {
	margin-bottom: 0px;
	z-index: 1999;
	position: relative;
	width: 100% !important;
	background: #fff;
}

.site-navbar .site-navigation.border-bottom {
	border-bottom: 1px solid white !important;
}

.site-navbar .site-navigation .site-menu {
	margin-bottom: 0;
	line-height: 1px;
}

.site-navbar .site-navigation .site-menu a {
	text-decoration: none !important;
	display: inline-block;
}

.site-menu .nav-link {
	position: relative;
	overflow: hidden;
	z-index: 4;
	line-height: 1;
}

.site-menu .nav-link::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #00DAFD;
	transition: left 0.4s ease;
	z-index: -1;
}

.site-menu .nav-link:hover::after {
	left: 0;
}

.site-menu .nav-link:hover::after .nav-link {
	color: #000
}

.site-menu .nav-link.active::after {
	left: 0;
}

.site-menu .nav-link:hover {
	color: #1E2B58;
}

.site-menu .nav-link.active {
	color: #1E2B58 !important;
	background-color: #00DAFD;
	/* Set the background color for active menu item */
}

.site-navbar .site-navigation .site-menu>li>a:hover {
	color: #1E2B58;
}

.site-navbar .site-navigation .site-menu>li {
	display: inline-block;
	margin: 0px;
	position: relative;
	white-space: nowrap;
}

.site-navbar .site-navigation .site-menu>li>a {
	color: #00DAFD;
	display: inline-block;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	padding: 14px 13px;
	text-transform: uppercase;
}

.site-navbar .site-navigation .site-menu>li:first-child {
	margin-left: 0px;
}

.site-navbar .header-section {
	background: #003079;
}

.logo {
	width: 238px;
	height: auto;
	float: left;
}


.site-navbar .site-navigation .site-menu>li.res-nav {
	display: none;
}
.logo-con{
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 90px;
}
.top-head{
	display: flex;
	gap:20px;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0px;
}
/*----------------------------*/
/*---- mobile view -----------*/

.site-mobile-menu {
	width: 100%;
	position: fixed;
	right: 0;
	z-index: 2000;
	background: #0D479E;
	height: calc(100vh);
	-webkit-transform: translateX(110%);
	-mz-transform: translateX(110%);
	-ms-transform: translateX(110%);
	transform: translateZ(110%);
	-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.sticky-wrapper {
	position: relative;
	z-index: 100;
	width: 100%;
	background: #fff;
	height: 102px;
}

.sticky-wrapper .shrink {
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
}

/*=====================================
3. banner
====================================-*/

#carousel-area {
	overflow: hidden;
	background: #2c3e50;
}

#carousel-area .carousel-item {
	height: 460px;
}

#carousel-area .carousel-item .carousel-caption {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-shadow: none;
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
	height: 100%;
}

#carousel-area .carousel-item .carousel-caption h1 {
	font-size: 36px;
	color: #00DAFD;
	padding-bottom: 15px;
	text-align: left;
}

#carousel-area .carousel-item .carousel-caption h4 {
	font-size: 24px;
	color: #ffffff;
	line-height: 30px;
	padding-bottom: 22px;
	font-weight: normal;
	letter-spacing: -0.2px;
}
#carousel-area .carousel-item .carousel-caption h4 span, #carousel-area .carousel-item .carousel-caption h1{
	white-space: nowrap;
}
#carousel-area .carousel-item .carousel-caption a {
  position: relative;
  padding: 5px 50px 5px 30px;
  background-color: #00DAFD;
  color: #253569;
  border: none;
  border-radius: 0px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 35px;
  
}
#carousel-area .carousel-item .carousel-caption a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;  
  border-right: 5px solid transparent; 
  border-bottom: 110px solid #00253B;   
  transform: translate(50%, -50%);  
}

#carousel-area .carousel-item .carousel-caption figure {
	margin: 0 0 1.5rem;
}

#carousel-area .carousel-item>img {
	width: 100%;
	height: auto;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
}

#carousel-area .carousel-control {
	display: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#carousel-area:hover .carousel-control {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

#carousel-area .carousel-control-next,
#carousel-area .carousel-control-prev {
	opacity: 1;
}

#carousel-area .carousel-control-next i,
#carousel-area .carousel-control-prev i {
	width: 48px;
	line-height: 48px;
	height: 48px;
	color: #fff;
	font-size: 24px;
	display: inline-block;
	background: #F97794;
	border-radius: 30px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#carousel-area .carousel-control-next i:hover,
#carousel-area .carousel-control-prev i:hover {
	opacity: 0.9;
}

#carousel-area .carousel-indicators {
	bottom: 20px;
	margin-bottom: 0px;
}

#carousel-area .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #76828C;
	opacity: 1;
	margin-left: 8px;
	margin-right: 8px;
	border: none;
}

#carousel-area .carousel-indicators li:hover,
#carousel-area .carousel-indicators li.active {
	background: #FFFFFF;
	width: 20px;
	height: 10px;
	border: none;
}

#carousel-area .btn>img {
	position: relative;
	top: -4px;
}

#carousel-area .carousel-item .carousel-caption h1>sup {
	font-size: 40%;
	top: -1em;
}
#slider-area {
	margin-top: -1px;
}

#slider-area .btn {
	margin-right: 15px;
}

#slider-area .large_white {
	color: #fff;
}

#slider-area .about-info p {
	color: #333;
}
.pos-rt-bt{
	right: 220px!important;
	bottom: 40px!important;
}

.contents p {
	font-size: 16px;
	font-weight: 400;
	line-height: 50px;
}

.contents .header-button .btn i {
	margin-left: 10px;
}

.small-note {
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
}

#carousel-area .btn-effect::after {
	background: rgba(0, 0, 0, 0.1);
}
.carousel-img {
  display: flex;
  flex-direction: column;
  align-items: center; 
  gap: 10px;
  position: relative;
}
.carousel-img p{
	position: absolute;
	bottom: 25px;
	left: 195px;
	font-size: 9px;
	line-height: 12px;
	color: #1E2B58;
	
}
.sm-txt{
	position: absolute;
	bottom: -13px;
	left: 45px;
	font-size: 10px;
	line-height: 13px;
	padding: 0px 15px;
	color: #1E2B58;
}
.carousel-img img:nth-child(2){
	width: 330px;
	height: auto;
	margin: 15px 0px 20px 0px;
}
.doc-img p{
	text-align: right;
	top: 40px;
	position: relative;
	font-size: 10px;
	line-height: 12px;
	color: #1E2B58;
}
.img-portrayal{
	position: absolute;
	bottom: 10px;
	right: 100px;
	color: #ffffff;
	font-size: 10px;
	line-height: 13px;
}

/*============================================
================ About section =============*/
.about-section {
	background: #1E2B58;
	padding:40px 0px 55px 0px;
}
.b-blue{
	background: #0050C7;
}
.b-darkblue{
	background: #0D479E;
}
.icon-content-wrapper {
  display: flex;
  align-items: center; /* Align items vertically in the center */
}
.icon-content-wrapper .icon{
	width: 130px;
}
.about-column{
	padding: 30px 55px 30px 40px;
	margin: 0px 0px 10px 10px;
}
.icon-content{
	flex: 1;
}
.icon-content h4{
	font-size: 22px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: 500;
}
.icon-content h4 br{
	display: none;
}
.icon-content p{
	font-size: 16px;
	line-height: 20px;
	color: #BDD5FF;
	padding-top: 10px;
}

/*============================================
================ Indication and Usage section =============*/
.indication-content h4{
	font-size: 16px;
	line-height: 20px;
	color: #0D479E;
	font-weight: 600;
}
.indication-content p{
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	padding-top: 10px;
}
.indication-content p a{
	font-size: 14px;
	line-height: 18px;
	color: #0D479E;
	text-decoration: underline;
	font-weight: 400;
}
.icon-content h4 br {
	display: block;
}

/*============================================
================ Why Raldesy section =============*/
.why-raldesy-sec{
	background: #1E2B58;
	padding: 40px 0px 55px 0px;
}
.why-content-wrapper{
  display: flex;
  align-items: center;
  padding: 12px 0px 30px 0px;
}
.why-raldesy-sec .icon{
	width: 98px;
	text-align: center;
}
.content-wrap{
	flex: 1;
}
.why-dov-sec{
	border-bottom: solid 1px #ffffff;
	margin-bottom: 25px;
}
.why-dov-sec:nth-child(3){
	border-bottom: none;
	margin-bottom: 0px;
}
.content-wrap p{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
}
.why-raldesy-sec h4{
	font-size: 22px;
	line-height: 30px;
	color: #00DAFD;
	font-weight: 600;
}
.raldesy-bottle{
	text-align: center;
	position: relative;
}
.bottle-sm-txt{
	position: absolute;
	bottom: 0px;
    right: 35%;
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
}

/*============================================
================== Reliability and Consistency Section ==================*/
.reliability{
	padding: 50px 0px 30px 0px;
	background: url("../images/blue-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.reliability .section-title {
	color: #000000;
}
.reliability .section-title:before{
	background: #FFFFFF;
}
.reliability .section-title:after{
	background: #000000;
}
.reliability .sec-para{
	color: #000000;
	padding-bottom: 30px;
	text-align: left;
	letter-spacing: -0.2px;
}
.reliability h4{
	font-size: 30px;
	line-height: 35px;
	color: #0D479E;
	text-align: center;
	font-weight: 600;
	padding-bottom: 25px;
}
.reliability-info h4{
	font-size: 30px;
	line-height: 35px;
	color: #000000;
	text-align: center;
	font-weight: 300;
	padding-bottom: 20px;
}
.reliability-info ul {
    display: flex; /* Makes the list items align horizontally */
    padding: 0;
    list-style-type: none;
	margin-bottom: 10px;
}

.reliability-info ul li {
	flex: 1;
    padding: 15px;
    margin-right: 10px; /* Adds space between items */
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	box-sizing: border-box;
}

.reliability-info ul li:nth-child(odd) {
    background-color: #0050C7;
}

.reliability-info ul li:nth-child(even) {
    background-color: #0D479E;
}
.reliability-info ul li:nth-child(4){
	margin-right: 0px;
}
.reliability-info p{
	font-size: 10px;
	line-height: 13px;
	padding-bottom: 30px;
}
.reliability-group h4{
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	font-weight: 600;
	text-align: left;
}
.reliability-wrapper{
  display: flex;
  align-items: flex-start;
  padding: 12px 0px 30px 0px;
}
.reliability .icon{
	width: 100px;
	text-align: center;
}
.reliability-content{
	flex: 1;
}
.reliability-content .list-info {
	margin-left: 20px;
}
.reliability-content .list-info li{
	list-style: disc;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	padding-bottom: 7px;
}
.gradient-bg {
	background: #0D479E;
	opacity: 0.5px;
}
.gradient-bg h4{
	font-size: 30px;
	line-height: 33px;
	font-weight: 600;
	color: #000000;
	padding: 8px 0px 10px 0px;
	text-align: center;
}
.gradient-bg {
    background-color: rgba(13, 71, 158, 0.5); 
    position: relative;
}

.gradient-bg h4 {
    color: #000000;
    position: relative;
}
.sec-para-list ul li{
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 6px;
}
.sec-para-list ul li a{
	font: 12px;
	line-height: 15px;
	color: #000000;
}
.sec-para-list ul li:nth-child(1){
	display: flex;
}
.drop-sec{
	position: absolute;
	left: 37%;
	top: -250px;
}
.rel-content h4{
	font-size: 30px;
	line-height: 38px;
	color: #000000;
	font-weight: 400;
	text-align: left;
	padding-bottom: 18px;
}
.rel-content ul li{
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	font-weight: 400;
	margin-left: 25px;
	list-style: disc;
	
}
.rel-info{
	margin-right: 40px;
}
.rel-info img{
	width: 106px;
	height: auto;
}
.reliability .sec-para-list{
	padding: 20px 0px 35px 0px;
}

.reliability-box{
	display: flex;
	align-items: center;
}
.pl-20{
	padding-left: 20px;
}

/*============================================
================== Dosage Section ==================*/
.dosage-section{
	background: #00253B;
	padding: 40px 0px 70px 0px;
}
.dosage-section .sec-para{
	color: #D0DEEE;
}

.dosage-wrap{
	display: flex;
	border-top: solid 0.5px #707070;
	border-bottom: solid 0.5px #707070;
}
.number-sec{
  display: flex;
  align-items: center;
  padding: 25px 0px;
	flex: 1;
}
.number-sec .dosage-icon{
	width: 235px;
	text-align: center;
}
.dosage-content{
	flex: 1;
}
.dosage-content p{
	font-size: 24px;
	line-height: 30px;
	color: #D0DEEE;
}
.box-wrap {
  display: flex;
  gap: 10px;
  max-width: 100%;
}

.treatment-info {
  padding: 35px 20px 40px 32px;
  margin-bottom: 10px;
}

.treatment-info:first-child {
  background-color: #0050C7; /* Light blue background for the first box */
  width: 640px; /* Width for the first treatment-info */
}

.treatment-info.dark-blue-bg {
  background-color: #0D479E; /* Dark blue background for the second box */
  width: 490px; /* Width for the second treatment-info */
}
.treatment-title{
	font-size: 30px;
	line-height: 35px;
	color: #D0DEEE;
	font-weight: 300;
	text-align: center;
	padding: 30px 0px 20px 0px;
}
.treatment-info h4{
	font-size: 30px;
	line-height: 35px;
	color: #FFFFFF;
	font-weight: 500;
	padding-bottom: 10px;
}
.treatment-info p{
	font-size: 16px;
	line-height: 20px;
	color: #BDD5FF;
	font-weight: 300;
}
.box-wrap:nth-of-type(2) {
  flex-direction: row-reverse; /* Reverse the order of the boxes */
}

.box-wrap:nth-of-type(2) .treatment-info:first-child {
  background-color: #0050C7; /* Dark blue for the first box in the second wrapper */
  width: 640px; /* Larger width for the first box */
  color: #FFFFFF; /* White text color for readability */
}

.box-wrap:nth-of-type(2) .treatment-info.dark-blue-bg {
  background-color: #0D479E; /* Light blue for the second box in the second wrapper */
  width: 490px; /* Smaller width for the second box */
}
.treatment-info p a{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #BDD5FF;
	text-decoration: underline;
}
/* calculator */
.input-container {
  display: flex;
  align-items: center;
  gap: 10px; 
  background: #B8F7FF;
  border-radius: 16px;
  padding: 20px 10px;
  justify-content: center;
	
}

.input-field {
  padding: 10px;
  width: 150px;
  font-size: 16px;
  border: 1px solid #707070;
  border-radius: 5px;
  text-align: right;
}
.input-field::placeholder {
	color: #000000;
}
.equal-sign {
  font-size: 20px;
  margin: 0 10px;
  color: #000000;
  font-weight: 600;
}

.submit-button {
  position: relative;
  padding: 5px 50px 5px 30px;
  background-color: #0D479E;
  color: white;
  border: none;
  border-radius: 0px;
  font-size: 22px;
  line-height: 25px;
  font-weight: bold;
  cursor: pointer;
  overflow: hidden;
  margin-left: 10px;
  outline: none!important;
  
}
.submit-button::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 90px solid #FFFFFF;  
  transform: translate(50%, -50%);    
}
.calculate-info .submit-button::after{
	 border-bottom: 90px solid #B8F7FF; 
}
.submit-button:hover, .submit-button:active, .submit-button:visited, .submit-button:focus{
	background-color: #00DAFD!important;
	color: #000;
	border-color:#00DAFD!important;
	box-shadow: none!important;
}
.calc-title h4{
	font-size: 30px;
	line-height: 36px;
	color: #FFFFFF;
	padding: 40px 0px 20px 0px;
	text-align: center;
	font-weight: 700;
}
.calc-title p{
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 10px;
}


/* Video */
.video-container{
	width: 100%;
	height: 360px;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-des p{
	font-size: 24px;
	line-height: 28px;
	color: #E4E4E4;
	padding-bottom: 30px;
}
.video-des p a{
	font-size: 24px;
	line-height: 28px;
	color: #00DAFD;
	text-decoration: underline;
	font-weight: 300;
}
.video-title {
	font-size: 30px;
	line-height: 35px;
	color: #E4E4E4;
	font-weight: 300;
	padding: 70px 0px 20px 0px;
}

/* ==========================================================================
  Safety section
   ========================================================================== */
.safety-section{
	background-image: url('../images/safety-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0px 70px 0px;
	background-position: center;
}
.safety-section .section-title{
	margin-bottom: 40px;
}
.safety-des p{
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
	padding-bottom: 30px;
	letter-spacing: -0.3px;
}
.safety-des p a{
	font-size: 24px;
	line-height: 28px;
	color: #00DAFD;
	text-decoration: underline;
	font-weight: 400;
}

/* ==========================================================================
  Savings card and support section
   ========================================================================== */
.savings-section {
	padding: 45px 0px 110px 0px;
	background-image: url('../images/savings-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.savings-section .section-title{
	color: #000000;
}
.savings-section .section-title:before{
	background: #FFFFFF;
}
.savings-section .section-title:after{
	background: #000000;
}
.savings-section .sec-para{
	color: #000;
	padding-bottom: 80px;
}
.savings-box ul li{
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	padding-bottom: 20px;
	display: inline-block;
}
.savings-box ul li:nth-child(1){
	margin-right: 40px;
}
.savings-box ul li:nth-child(3){
	display: block;
}
.savings-box ul li a{
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	color: #000000;
	text-decoration: underline;
}
.savings-box ul li img{
	margin-right: 20px;
}
.savings-box p{
padding-bottom: 40px;
}
.savings-box p a{
	font-size: 24px;
	line-height: 28px;
	text-decoration: underline;
	color: #000000;
}
.para{
	font-size: 24px;
	line-height: 28px;
	padding-bottom: 20px;
	color: #000000;
}
/* patient-section */
.patient-section{
padding: 200px 0px;
background: #C2D3E8;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* Support Section */
.support-section{
	padding: 70px 0px 60px 0px;
	background-image: url('../images/liquid-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.support-section .para{
	color: #fff;
}
.savings-box ul li:nth-child(2) a, .copay-list ul li:nth-child(2) a{
	text-decoration: none;
}


/* Copay section */
.copay-section{
background-color: #C2D3E8;
padding:40px 0px;
}
.copay-info h4{
	color:#0D479E;
	font-size: 30px;
	line-height: 34px;
	padding-bottom: 10px;
	font-weight: 600;
}
.copay-info p{
	padding-bottom: 10px;
}
.copay-60{
	padding-top: 60px;
}
.copay-info p a{
	font-size: 24px;
	line-height: 28px;
	text-decoration: underline;
	color: #000000;
}
.service-steps{
	padding: 20px 45px 10px 38px;
	margin:0px 0px 10px 10px;
}
.service-steps h4{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	padding-bottom: 10px;
	font-weight: 600;
}
.service-steps h4 br{
	display: none;
}
.service-steps p{
	color: #fff;
}
.copay-list ul{
	display: inline-flex;
}
.copay-list ul li,.copay-list ul li a{
	font-size: 22px;
	line-height: 26px;
	font-weight: 500;
}
.copay-list ul li:nth-child(1),.copay-list ul li:nth-child(2){
	margin-right: 50px;
}
.copay-list ul li a{
	color: #000000;
	text-decoration: underline;
}
.copay-list ul li img{
	margin-right: 20px;
}

/* Cash Program */
.cash-pro-section{
padding: 60px 0px 90px;
background-image: url('../images/cash-pro-bg.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cash-pro-info h4{
	font-size: 30px;
	line-height: 34px;
	color: #fff;
	font-weight: 600;
	padding-bottom: 20px;
}
.cash-pro-info p{
	color: #fff;
	letter-spacing: -0.3px;
	padding-bottom: 30px;
}
.cash-btn {
	position: relative;
	padding: 8px 50px 8px 30px;
	background-color: #0D479E;
	color: white;
	border: none;
	border-radius: 0px;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	cursor: pointer;
	overflow: hidden;
	outline: none!important;
	margin-bottom: 30px;
	clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
	
  }
  
  .cash-btn:hover, .cash-btn:active, .cash-btn:visited, .cash-btn:focus{
	background-color: #00DAFD!important;
	color: #000;
	border-color:#00DAFD!important;
	box-shadow: none!important;
	font-size: 22px;
	line-height: 25px;
	padding: 8px 50px 8px 30px;
}
.cash-pro-img{
	padding-bottom: 30px;
}
/* Patient Assistance */
.patient-info h4{
	font-size: 30px;
	line-height: 34px;
	color: #000;
	font-weight: 600;
	padding-bottom: 10px;
}
.patient-info p:nth-last-child(2){
	padding-bottom: 10px;
}

/* References */
.reference-info{
	border-top: solid 0.5px #707070;
	margin-top: 40px;
}
.reference-info p{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	padding: 28px 0px 2px 0px;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
}
.reference-list{
	margin-left: 15px;
}
.reference-list li{
	font-size: 14px;
    line-height: 18px;
	padding: 0px 0px 10px 5px;
    color: #000000;
    list-style: decimal;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}
.reference-list li a{
    font-size: 14px;
    line-height: 18px;
    color: #0D479E;	
	text-decoration: underline;
	font-family: "Open Sans", sans-serif;
}

/*========================================================
=================== ISI content ============================*/
.indication-sec {
	padding: 40px 0px;
}
.isi-header h5{
	font-size: 16px;
	line-height: 20px;
	color: #0D479E;
	font-weight: 600;
	padding-bottom: 8px;
}
.isi-box{
	border: solid 1px #4C4B4C;
	padding: 4px 20px 8px 20px;
	margin-bottom: 10px;
}
.isi-box h5{
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #4C4B4C;
	font-family: "Open Sans", sans-serif;
}
.isi-box p{
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #4C4B4C;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	letter-spacing: -0.1px;
}
.description h5{
	font-size: 16px;
	line-height: 20px;
	color: #0D479E;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.description p{
	font-size: 14px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif;
	color: #000000;
	padding-bottom: 10px;
}
.description p a{
	font-size: 14px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif;
	color: #005DE8;
	text-decoration: underline;
}
.description p .wrap-txt{
	word-wrap: break-word;
	display: block;
	color: #000000;
	text-decoration: none;
}
.description h6{
	font-size: 14px;
	line-height: 18px;
	color: #0D479E;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	padding-bottom: 6px;
	
}
.desc-list{
	margin-left: 16px;
	margin:0px 0px 6px 16px;
}
.desc-list li{
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	padding-bottom: 6px;
	font-family: "Open Sans", sans-serif;
	padding-left: 8px;
	list-style: disc;
}
.click-txt{
	font-weight: bold;
	color: #000000!important;
}
.pt-10{
	padding-top: 10px;
}
.pb-0{
	padding-bottom: 0px;
}
.pb-2{
	padding-bottom: 2px!important;
	
}
.sticky-isi-outer {
	background: #fff;
	width: 100%;
	max-width: none;
	position: fixed;
	bottom: 0;
	height: 180px;
	left: 0;
	right: 0;
	z-index: 99;
	padding-bottom: 0px;
	display: none;
	transition: height 0.5s;
}
.importantLines {
	padding-top: 15px;
}
.right-pad{
	right: 35%;
}

.sticky-isi-wrapper {
	position: fixed;
	bottom: 0;
	height: 180px;
	background: #fff;
	left: 0;
	right: 0;
	z-index: 9;
	-webkit-transition: height 4s;
	/* For Safari 3.1 to 6.0 */
	transition: height 0.5s;
	-webkit-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.35);
}

.sticky-isi-head .expand-isi {
	position: absolute;
	right: 0;
	top: 2px;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}

.sticky-isi-head {
	padding: 20px 0 3px 0;
	position: absolute;
	top: -3px;
	right: 20px;
	width: 120px;
}

.isi-readmore {
	display: none;
}
.description .pi-link, .description .pi-link a{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
}

.isi-readmore {
	color: #0D479E;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	padding-right: 8px;
}

h2.isi-heading,
.approved-uses h2 {
	font-size: 16px;
	margin: 0;
	line-height: 1em;
}

p.sub-head {
	color: #00693C;
	line-height: 1.3em;
	padding: 0;
	margin: 3px 0;
}

.expand-isi img {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.isi-readmore {
	display: inline;
}
.isi-mlr{
	text-align: right;
	font-size: 16px;
	line-height: 20px;
}

/*========================================================
=================== footer ============================*/
.footer-section{
	background: #0D479E;
	padding: 40px 0px;
}
.footer-section .section-title{
	margin-bottom: 40px;
}
.footer-logo img{
	width: 200px;
}
.footer-logo p{
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-top: 15px;
	text-decoration: underline;
}
.footer-add p{
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;
	padding-bottom: 7px;
}
.footer-add p a{
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: underline;
}
.footer-nav ul li{
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-decoration: underline;
	font-weight: 300;
}
.footer-nav ul li a{
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: 300;
}
.footer-nav ul li a img{
	margin-bottom: 14px;
}
.txt-upper ul li a{
	text-transform: uppercase;
}
.copyright-info{
	background: #000000;
	padding: 12px 0px;
}
.copyright-info p{
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: center;
}
/*==============================================
============ floating-icon ==================*/

.floating-point {
	position: absolute;
	top: 2%;
	z-index: 9;
}

.floating-point li {
	padding-bottom: 60px;
}

.floating-point li:last-child {
	padding-bottom: 0px;
}

.modal-open {
	padding-right: 0px !important;
}

.modal-open .floting-icon .modal {
	padding-right: 0px;
}

.fl-fl.hide {
	right: -190px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.fl-fl {
	width: 210px;
	height: 48px;
	position: fixed;
	right: -150px;
	z-index: 1000;
	align-items: center;
	font: normal normal 10px Arial;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden;
	background: #ffffff;
	cursor: pointer;
}
.video-fl-fl {
	width: 180px;
	right: -120px;
}
.video-fl-fl p{
	width: 120px!important;
}
.fl-fl-call {
	width: 160px;
	right: -100px;
}
.fl-fl-call p{
	width: 100px!important;
}
.fl-fl-know {
	width: 170px;
	right: -110px;
}
.fl-fl-know p{
	width: 110px!important;
}
.fl-fl-home {
	width: 190px;
	right: -130px;
}
.fl-fl-home p{
	width: 130px!important;
}

.fl-fl p {
	font-size: 18px;
	line-height: 22px;
	color: #0D479E;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 2px;
	text-align: center;
}

.fl-link {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%
}

.comn-model .modal.show .modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}
.comn-model .cookiealert.show .modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}

.comn-model .modal-content {
	border: 0px;
	border-radius: 0;
}

.comn-model .modal-body {
	padding: 0;
	text-align: left;
}
.floting-icon .watch-video {
	padding: 40px;
	text-align: left;
} 

.comn-model .modal-title {
	font-size: 30px;
	line-height: 35px;
	position: relative;
	color: #0D479E;
	padding-bottom: 30px;
	font-weight: 500;;
}

.comn-model .modal-para {
	font-size: 16px;
	line-height: 20px;
	color: #4C4B4C;
	padding-bottom: 20px;
	letter-spacing: -0.2px;
}
.comn-model .mdl-para{
	font-size: 19px;
	line-height: 25px;
	font-weight: bold;
	padding:30px 0px 0px 0px;
}

.comn-model .modal-para a{
	font-size: 16px;
	line-height: 20px;
	color: #4C4B4C;
	letter-spacing: -0.2px;
	text-decoration: underline;
}

.comn-model .btn-secondary {
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #0D479E!important;
	width: 156px;
	height: 40px;
	background-image: url('../images/br-btn.png')!important;
	background-color: transparent!important;
	border-color: transparent!important;
	border:none;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	border-radius: 0px;
	font-weight: 500;
}
.comn-model .btn-secondary:hover,.comn-model .btn-secondary:active, .comn-model .btn-secondary:focus, .comn-model .btn-secondary:visited{
	background-image: url('../images/bg-btn.png')!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	width: 156px;
	height: 40px;
	background-color: transparent!important;
	border:none!important;
	color: #1E2B58!important;
	font-weight: 500;
	box-shadow: none!important;
}

.comn-model .form-group {
	margin-bottom: 20px;
}
.comn-model .form-group:last-of-type{
	margin-bottom: 30px;
}

.comn-model .btn-primary, .form-section .submitformbtn {
	font-size: 20px;
	line-height: 23px;
	border: solid 1px transparent;
	margin-right: 40px;
	background: #0D479E;
	width: 200px;
	color: #FFFFFF;
	position: relative;
	border-radius: 0px;
	font-weight: 500;
	padding: 8px 4px;
}
.comn-model .btn-primary::after, .form-section .submitformbtn::after {
    content: '';
    position: absolute;
    bottom: 22px;
    right: -22px;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 47px solid #FFFFFF;
    transform: translate(-50%, 50%);
}
.btn-click a{
	font-size: 15px;
	line-height: 18px;
	border: solid 1px transparent;
	margin-right: 40px;
	background: #0D479E;
	color: #FFFFFF;
	position: relative;
	border-radius: 0px;
	font-weight: bold;
	padding: 8px 22px;
	margin-top: 25px;
}
.btn-click a::after {
    content: '';
    position: absolute;
    bottom: 22px;
    right: -22px;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 47px solid #FFFFFF;
    transform: translate(-50%, 50%);
}

.comn-model .btn-primary:hover,.comn-model .btn-primary:active, .comn-model .btn-primary:visited, .comn-model .btn-primary:focus, .form-section .submitformbtn:hover,.form-section .submitformbtn:active, .form-section .submitformbtn:visited, .form-section .submitformbtn:focus, .btn-click a:hover,.btn-click a:active{
	background-color: #00DAFD!important;
	color: #00253B;
	border: solid 1px #00DAFD;
	border-color:#00DAFD!important;
	box-shadow: none!important;
}

.comn-model .form-control:focus {
	box-shadow: none;
	border-color: #ced4da;
}
.form-control::placeholder{
	color: #AAAAAA;
	opacity: 1;
}
.comn-model .modal-body .border-blue, .success-modal .modal-body .border-blue{
	position: relative;
	background: transparent;
	border:solid 5px #00DAFD;
	transition: all 0.3s ease;
	clip-path: polygon(0 0, 91% 0, 90% 100%, 0% 100%);
}
.comn-model .pl-pb-pr, .success-modal .pl-pb-pr{
	padding: 40px 35px 60px 35px;
}
.comn-model .modal-body ul li{
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 34px;
}
.comn-model .modal-body ul li:nth-child(2){
	margin: 0px 0px 0px 35px;
}
.comn-model .modal-body ul li:nth-child(1)::before{
	content: inherit;
}
.comn-model .modal-body ul li::before{
	content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    background: #000;
    top: 8px;
    left: -19px;
}

.floting-icon .close {
	opacity: 1;
	padding: 0;
}

.floting-icon .close:not(:disabled):not(.disabled):focus,
.floting-icon .close:not(:disabled):not(.disabled):hover {
	opacity: 1;
}

.fl-calc {
	background: url("../images/fl-calculator.png") 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 50px;
}
.fl-video {
	background: url("../images/fl-video.png") 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 50px;
}
.fl-call {
	background: url("../images/fl-call.png") 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 50px;
}
.fl-know {
	background: url("../images/fl-know-more.png") 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 50px;
	position: relative;
}

.fl-fl:hover {
	right: 0;
}

.fl-home {
	background: url("../images/fl-home.png") 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 60px;
	height: 50px;
}

.use-blk .fl-fl p {
	padding-top: 0px;
	/*position: relative;left: -35px;*/
	width: 150px;
}

.coverage-blck .fl-fl p {
	padding-top: 0px;
	width: 150px;
}

.comparision-blck .fl-fl {
	padding: 10px 8px;
}

.comparision-blck .fl-fl p {
	padding-top: 15px;
	position: relative;
}

#comparison .modal-body {
	padding: 30px;
}

.comparision-blck .pop-content h4 {
	padding-left: 110px;
}

.pop-content {
	text-align: left;
}

.pop-content h4 {
	font-weight: 600;
	font-size: 22px;
	padding-bottom: 25px;
}

.pop-content p {
	color: #58595b;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px;
}

.pop-content p.note-pop {
	color: #58595b;
	font-size: 12px;
	padding-left: 130px;
}

.pop-content .fig-block p {
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	color: #58595b;
	text-align: center;
	padding-bottom: 0px;
}

.coverage-content {
	padding: 30px 13% 0 13%;
}

.hcp-home.modal-open {
	overflow-y: hidden !important;
}

.success-modal .modal.show .modal-dialog {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
}
.success-modal .modal-body{
	padding: 0;
}

.success-modal .modal-body h2 {
	font-size: 30px;
	line-height: 38px;
	padding-bottom: 20px;
	color: #0D479E;
	font-weight: 500;
}

.success-modal .modal-body h2 img {
	width: 40px;
}

.success-modal .modal-body p {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 20px;
	color: #4C4B4C;
}
.contact-form .form-check{
	margin-bottom: 15px;
}

/************* form input field error **************/
.error {
	border: 1px solid #FF0000;
	/* Add red border for error styling */
}

/************* floating-icon-responsive **************/
.floting-icon-res {
	display: none;
	visibility: hidden;
}

.floating-point-res {
	line-height: 0px;
}

.floting-icon-res li {
	padding-bottom: 0px;
	display: inline-block;
	cursor: pointer;
	width: 33.33%;
	height: 60px;
	border-right: 1px solid #ffffff;
}

.floting-icon-res li:last-child {
	border-right: 0px;
}

.icon-flat {
	padding: 10px;
	background: #e8ae4a;
	display: block;
	width: 100%;
	height: 100%;
}

.icon-flat {
	position: relative;
}

.floting-icon-res li .fl-video {
	margin: 0 auto;
	width: 40px;
	height: 40px;
}

.floting-icon-res li .fl-coverage,
.floting-icon-res li .fl-comparision {
	top: 0px;
	margin: 0 auto;
	width: 40px;
	height: 40px;
}

/*==============================================
============ Popupcontainer ==================*/
.modal-header{
	padding: 0px;
	border:none;
}
button:focus{
	outline: none!important;
}
.modal-header .close{
	color: #0D479E;
	position: absolute;
	right: 35px;
	top: 20px;
	border:solid 2px #0D479E;
	border-radius: 50px;
	padding: 0px 4px 4px;
	opacity: 1;
	font-size: 30px;
	line-height: 20px;
}
.Popupcontainer .error-msg {
	display: none;
	color: #ff0000;
	padding: 10px;
	background: #ffefef;
	margin-top: 10px;
	width: 170px;
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	position: relative;
}

.Popupcontainer .error-msg::before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ff0000;
}
.Popupcontainer .btn-primary{
	width: 156px;
	margin-top: 20px;
	text-transform: uppercase;
}
.Popupcontainer .btn-seconday{
	text-transform: uppercase;
}

/*==========================================================================
15. Cookie Alert
==========================================================================*/

.cookiealert {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	margin: 0 !important;
	z-index: 1052;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	background: rgba(22, 22, 22, 0.5);
	padding-left: 0px;
	padding-right: 0px !important;
}

.cookiealert.show {
	opacity: 1;
	visibility: visible;
}

.cookiealert .acceptcookies {
	margin: 10px 40px 0px 0px;
}
.cookiealert .btn-secondary, .cookie-preferences-link .btn-secondary{
	background-image: url("../images/cookie-br.png")!important;
	width: 253px!important;
	margin-top: 10px;
}
.cookiealert .btn-secondary:hover, .cookiealert .btn-secondary:active, .cookiealert .btn-secondary:focus, .cookiealert .btn-secondary:visited, .cookie-preferences-link .btn-secondary:hover, .cookie-preferences-link .btn-secondary:active, .cookie-preferences-link .btn-secondary:focus, .cookie-preferences-link .btn-secondary:visited{
	background-image: url('../images/cookie-fill-br.png')!important;
	width: 253px!important;
}

/* sample Request Form */
.sample-form p{
	color: #000;
	padding-bottom: 10px;
}
.sample-form p a{
	font-size: 16px;
	line-height: 20px;
	color: #0D479E;
	text-decoration: underline;
}
.sample-form h6{
	color: #4C4B4C;
	padding-bottom: 10px;
}
.sample-form h6 span{
	color: #FF0000;
}
.sample-form .form-item{
	border: solid 1px #707070;
	border-radius: 4px;
	padding: 10px 20px 0px 10px;
	margin-bottom: 20px;
}
.sample-form .form-group:last-of-type{
	margin-bottom: 8px;
}
.sample-form .form-group label{
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
.sample-form .form-group label span{
	color: #FF0000;
}
.sample-form  .form-check-inline .form-check-input{
margin-top: 2px;
}
.sampleForm{
	padding: 10px 0px 20px 0px;
}
.sample-form .form-group .form-control{
	border: 1px solid #707070;
}
.sample-form .check-pad .form-check-inline{
	margin: 0px 15px 4px 0px;
}
.sample-form .form-group  .date-style .form-control{
	border: none;
	padding: 0px 4px;
}
.sample-form .form-group  .date-style label{
	margin-bottom: 0;
}
.sample-form .form-group  .date-style{
	text-align: right;
}
.sample-form .form-group .h-70{
	height: 80px;
}
.sample-form .sample-footer{
	background: #0D479E;
	padding: 15px 20px 15px 20px;
}
.sample-form .sample-footer p{
   color: #fff;
}
.sample-form .sample-footer .sample-footer-img{
	text-align: right;
}
.sample-form .sample-footer .sample-footer-img img{
	width: 150px;
}
.sample-form .custom-check input{
	width: 45px;
	height: 20px;
}
.sample-form .custom-radio input{
	width: 20px;
	height: 20px;
}
.sample-form .custom-check{
	top:-4px;
}

/*==========================================================================
15. Contact Rep
==========================================================================*/
.contact-section{
	padding: 40px 0px 75px 0px;
	background-image: url('../images/contact-bg.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.thankyou{
	padding: 40px 0px 110px 0px;
	background-image: url('../images/thanks-bg.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-rep .sticky-wrapper {
	height: auto!important;
}
.contact-detail p{
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
	padding: 20px 0px 30px 0px;
}
.contact-detail h5{
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: 500;
	padding-bottom: 20px;
}
.contact-detail h2{
	font-size: 34px;
	line-height: 40px;
	color: #00DAFD;
	font-weight: 500;
}
.contact-section .section-title{
	margin-bottom: 20px;
}
.ptb-40{
	padding:20px 0px 45px 0px;
}
.contact-detail .btn-secondary, .contact-detail .btn-primary {
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff!important;
	width: 137px;
	height: 35px;
	background-image: url('../images/wht-br-btn.png')!important;
	background-color: transparent!important;
	border-color: transparent!important;
	border:none;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	border-radius: 0px;
	font-weight: bold;
	margin-right: 20px;
}
/* .contact-detail .btn-secondary:hover,.contact-detail .btn-secondary:active, .contact-detail .btn-secondary:focus, .contact-detail .btn-secondary:visited, .contact-detail .btn-primary:hover,.contact-detail .btn-primary:active, .contact-detail .btn-primary:focus, .contact-detail .btn-primary:visited{
	background-image: url('../images/bg-btn.png')!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	width: 137px;
	height: 35px;
	background-color: transparent!important;
	border:none!important;
	color: #1E2B58!important;
	font-weight: 500;
	box-shadow: none!important;
} */
.button-active{
	background-image: url('../images/bg-btn.png')!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	width: 137px;
	height: 35px;
	background-color: transparent!important;
	border:none!important;
	color: #1E2B58!important;
	font-weight: 500;
	box-shadow: none!important;
	margin-right: 20px;
	border-radius: 0px;
	font-size: 20px;
	line-height: 25px;
}
.form-section{
	padding: 40px 0px 10px;
	border-bottom: solid 1px #707070;
}
.form-detail h4{
	font-size: 23px;
	line-height: 28px;
	color: #000000;
	font-weight: 600;
	padding-bottom: 20px;
}
.form-detail p{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	font-weight: 600;
	padding-bottom: 10px;
}

/* Initial CSS for the error message */
.error-message {
    color: #FF1A00;
    font-size: 0.875rem;
    display: none; 
}
.form-control.error {
    border-color: #FF1A00;
}
.is-invalid {
    border: 1px solid #FF1A00;
}
.contact-form .form-group label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.contact-form .form-group label span{
	color: #FF1A00;
}
.form-group.has-error .error-message {
    display: block;
}
 .form-control:focus{
	border-color:#ced4da;
	box-shadow:none;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
	background-image: none;
}
.rep-section{
	background: #1E2B58;
	padding: 4px 0px;
	border-bottom: solid 0.5px #00dafd73;
}
.rep-section .content-hp p{
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: 600;
}
.rep-section .topbar-links{
	text-align: right;
	position: relative;
}
.rep-section .topbar-links li a{
	font-size: 12px;
	line-height: 16px;
	color: #00DAFD;
	text-decoration: underline;
	position: relative;
}
.rep-section .topbar-links li a:nth-child(2){
	margin-left: 18px;
}
.rep-section .topbar-links li{
	position: relative;
}

.rep-section .topbar-links .second-link a:nth-child(2)::before{
	content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #00DAFD;
    top: 4px;
    left: -11px;
}

.rep-section .topbar-links li:nth-child(1){
	padding-bottom: 4px;
}
.contact-form .check-o .form-check label{
	font-weight: 400;
}
.contact-form .privacy-check label{
	font-weight: 400;
}
.form-section{
	display: none;
}
.noerrormsg{
	font-size: 24px;
	line-height: 30px;
	color: #00DAFD;
	padding-top: 30px;
	display: none;
	font-weight: 500;
}
#thankYou{
	display: none;
}

/* ====== Desktop: center & spread main menu (safe override) ====== */
/* Target only the desktop/main menu so mobile clone/layout remains unchanged */
@media (min-width: 992px) {
  /* make the UL a centered flex container */
  .site-menu.main-menu.d-none.d-lg-block {
    display: flex !important;
    justify-content: center !important; /* center the whole menu */
    align-items: center;
    gap: 48px; /* spacing between menu items — change to taste (e.g. 32px / 60px) */
    padding-left: 0; /* ensure no unexpected left padding */
  }

  /* make each <li> behave nicely inside flex */
  .site-menu.main-menu.d-none.d-lg-block > li {
    display: inline-flex; /* keep inline-like behavior, but allow vertical centering */
    align-items: center;
    margin: 0; /* remove any existing left/right margins */
    white-space: nowrap;
  }

  /* tighten link paddings so visual spacing is controlled by gap */
  .site-menu.main-menu.d-none.d-lg-block > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 16px; /* slightly larger for better readability */
    letter-spacing: 0.6px;
  }
}

/* ===== Optional: equal width menu items (uncomment if you want all items to be same width) ===== */
/*
@media (min-width: 992px) {
  .site-menu.main-menu.d-none.d-lg-block {
    gap: 0;
  }
  .site-menu.main-menu.d-none.d-lg-block > li {
    flex: 1 1 0;
    text-align: center;
    max-width: 180px;  // optional cap
  }
  .site-menu.main-menu.d-none.d-lg-block > li > a {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
*/

/* ===== Small tweak: keep header layout stable (optional) =====
   If you want the centered menu to sit nicely between the logo and other header elements, you can
   make the nav area a flex container. This is safe but only enable if header layout looks off.
*/
/*
.site-logo .block {
  display: flex;
  justify-content: center;
  align-items: center;
}
*/

/* Move ONLY the video floating element down */
.floating-point li:first-child {
  margin-top: 150px !important;
}