@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600&display=swap");
@font-face { font-family: 'Sanofi_sans'; font-weight: bold; font-style: 'italic'; src: url("../../assets/fonts/woff2/Sanofi_Sans-Bold_Italic.woff2") format("woff2"); }
@font-face { font-family: 'Sanofi_sans'; font-weight: bold; src: url("../../assets/fonts/woff2/Sanofi_Sans-Bold.woff2") format("woff2"); }
@font-face { font-family: 'Sanofi_sans'; font-weight: 400; font-style: 'regular'; src: url("../../assets/fonts/woff2/Sanofi_Sans-Regular.woff2") format("woff2"); }
@font-face { font-family: 'Sanofi_sans'; font-weight: 400; font-style: italic; src: url("../../assets/fonts/woff2/Sanofi_Sans-Italic.woff2") format("woff2"); }
@font-face { font-family: 'Sanofi_sans'; font-weight: 200; src: url("../../assets/fonts/woff2/Sanofi_Sans-Light.woff2") format("woff2"); }
@font-face { font-family: 'Sanofi_sans'; font-weight: 200; font-style: italic; src: url("../../assets/fonts/woff2/Sanofi_Sans-Italic.woff2") format("woff2"); }
sup {font-size: .55em !important; }
.chronic {position: relative;}
.chronic_lf {width: 100% !important; margin: 0 auto; padding:30px 0; }
.chronic_lf h2{color:#ffffff; font-style: italic; padding-bottom: 20px;}
.chronic_lf h1{color:#ffffff; text-align: center; padding-bottom: 20px; font-size:2rem; }
.chronic_in {margin:0 auto; position: absolute; bottom:29px; left: 0; right: 0;  text-align: center; width: 300px;}
.chronic button {color:#ffffff; backdrop-filter: blur(4px); background-color: rgba(255, 255, 255, 0.24); width: 300px; height: 55px; border-radius: 27px; line-height: 18px; font-size:20px; float: none; display:block; margin-right: 20px;  outline: none; border:3px solid #ffffff; -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;}
.chronic button:hover {background-color: rgba(122, 0, 230, 0.24); border:3px solid #ffffff; color: #ffffff; backdrop-filter: blur(4px);}
/*.ps { padding-top: 30px;}*/
.ps h6{ margin-bottom: 0px; padding-top: 5px;}
/*.ps a {background: #F3F5F9; width:100%;  min-height:100px; border-radius:10px;line-height: 18px;font-size: 16px; display:block; margin-right: 20px;outline: none; border:1px solid #2664F5;transition: 0.5s; text-align: center; padding:10px 0; color: #000000; text-decoration: none;}
.ps a:hover {border:1px solid #ffffff; background: #2664F5; color: #ffffff;}*/
.main2 {position: relative; background:#F3F5F9; background-size: 100% 100%; padding:30px 0 30px;  }
.main2 figure{margin-bottom: 0;}
/*.ps2 { background-image:  url("../images/eye.svg"); width:80px !important; height: 80px;  background-position: center;  background-size: 100%; transition: 0.5s; text-align: center; margin:0 auto;}
.ps a:hover .ps2 { background-image:  url("../images/eye-w.svg"); }*/
.ps p{margin-bottom: 0;  text-align: center; padding-top:1px;}
.ps {position: absolute; top:0 ; left:0; width:90px !important; height: 90px; border:1px solid #2664F5; display: inline-block; border-radius:100%; cursor: pointer; -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; background: #F3F5F9; }
.ps:hover {background-color:#0B1E4A; border:1px solid #2664F5; color: #ffffff;}
.ps img {margin: 0 auto; display: block;}
.setpadding { padding-top: 18px;}
.setpadding1 { padding-top:17px;}
.setpadding2{ padding-top:24px;}
.ps1 {top: 0.7%;left: 62.4%;}
.ps2 {top: 4.7%;left: 27%;}
.ps3 {top: 19.4%;left: 70.71%;}
.ps4 {top: 24.28%;left: 20.74%;}
.ps5 {top: 38.3%;left: 71.5%;}
.ps6 {top: 44%;left: 21.64%;}
.ps7 {top: 57.12%;left: 65.6%;}
.ps8 {top: 63%;left: 28.6%;}
.ps9 {top: 50.8%; left: 69.17%;}
.human h6 {text-align: center; padding-bottom:20px;}
.ps1 figure {background:url("../images/eye.svg") no-repeat; width:36px; height:18px; margin: 0 auto;}
.ps2 figure {background:url("../images/mouth.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps3 figure {background:url("../images/lung.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps4 figure {background:url("../images/liver.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps5 figure {background:url("../images/skin.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps6 figure {background:url("../images/gi-tract.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps7 figure {background:url("../images/genitalia.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps8 figure {background:url("../images/Joints.svg") no-repeat; width:32px; height:32px; margin: 0 auto; background-position: center;}
.ps9 figure {background:url("../images/nails.svg") no-repeat; width:32px; height:32px; margin: 0 auto; background-position: center;}


.ps1:hover figure {background:url("../images/eye-w.svg") no-repeat; width:36px; height:18px; margin: 0 auto;}
.ps2:hover figure {background:url("../images/mouth-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps3:hover  figure {background:url("../images/lung-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps4:hover  figure {background:url("../images/liver-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps5:hover figure {background:url("../images/skin-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps6:hover figure {background:url("../images/gi-tract-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps7:hover figure {background:url("../images/genitalia-w.svg") no-repeat; width:30px; height:30px; margin: 0 auto; background-position: center;}
.ps8:hover figure {background:url("../images/Joints-w.svg") no-repeat; width:32px; height:32px; margin: 0 auto; background-position: center;}
.ps9:hover figure {background:url("../images/nails-w.svg") no-repeat; width:32px; height:32px; margin: 0 auto; background-position: center;}

/*------- overview-cg------*/
.clear {clear: both;}
.occurs {display:flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display:-webkit-flexbox; align-items: center;}
.overview-cg {background:#ffffff; padding:30px 0; } 
.overview-cg2{background:#ffffff !important; padding-bottom:30px !important;} 
.overview-cg h2{color:#2664F5; line-height: 26px; width: 100%;}
.overview-cg-in-lf { color:#ffffff; padding:0 40px; }
.overview-cg-in-lf p {margin-bottom:  0px; color: #000000;}
.overview-cg-in-rt {background:#0B1E4A;   color:#ffffff; padding:15px;  }
.overview-cg-in-rt p {margin-bottom:  0px;}
.overview-cg-fot {padding-top:30px;}
.overview-cg-fot p{margin: 0; font-size: 10px; line-height:12px; color: #000000;}
.overview-cg-in-lf hr {border-color: #2664F5; opacity: 2; margin: 1.5rem 0;}
.chronic figure{margin-bottom: 0;}
.overview-cg6  {padding:30px 0; background:#F3F5F9;}
/*------- overview-hd------*/
.overview-hd {background:#0B1E4A; padding:32px 0 32px 0;} 
.gvhd_in ul {padding-left:17px; margin: 0;}
.gvhd_in figure {text-align: left !important; display:block;}
.gvhd_in_md {border-right:1.4px solid #ffffff;}
.gvhd_in_lf {border-right:1.4px solid #ffffff;}
.gvhd_in_lf h4,li{color: #ffffff;}
.gvhd_in_md h4,li{color: #ffffff;}
.gvhd_in_rt h4,li{color: #ffffff;}
.gvhd_in_fot p {margin: 0; font-size: 10px; line-height:12px; color: #ffffff; padding: 20px 0;}
.gvsh {color: #000000; padding-bottom: 10px;}
.sepad {padding:0 30px !important; }
/*------- overview-gv------*/
.overview-gv h6 {color: #000000; font-weight: bold;} 
.overview-gv p {color: #000000;} 
.gv-bg {padding-top:20px } 
.gv-bg h6{color: #ffffff; padding: 10px; background: #2664F5; border-radius:15px; width: 50%; margin: 0 auto;}  
.occur{display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display:-webkit-flexbox; text-align: left; align-items: center; padding:20px 0; border-bottom:1.4px solid #2664F5;}  
.overview-gv p{margin: 0;} 
.occur figure{margin: 0;} 
.occur_rt{padding-left:20px;}  
.bg-gv{padding-bottom:0px;}
.occur1 {border-bottom:none !important;} 
.bg-gv1 {padding-bottom:20px !important;} 
.allo p {color: #ffffff; padding-top: 20px; } 

/*------- factors------*/
.factors_rt {background: #F3F5F9; padding: 20px; border-radius:15px; } 
.factors_rt ul{padding: 0; display:block; margin-bottom: 0;  } 
.factors_rt ul li{list-style: none; text-align: center; width:20%; float: left; display: inline-block;border-right: 3px solid #ffffff; min-height:192px;}
.factors_rt ul li:nth-child(5){border: none; }
.factors_rt ul li p{color: #000000; margin-bottom: 0px; font-weight: bold; }
.factors > p{padding:15px 15px 10px 15px; }
.overview-cg4 {background:#F3F5F9; padding:30px 0; }
.overview-cg4 p{color: #ffffff;}
.overview-cg4 h2{color: #2664F5; padding-bottom: 20px;}
.factors_new p{padding: 0;   line-height:28px; color: #000000;}
.factors_rt1 figure{ margin: 0px;}
.factors_rt1{ padding: 0; width:100%;}
/*------- occurorg------*/
.occurorg { border-bottom: none; }
/*.occurorg p {padding:10px 0; border-bottom:1px solid #2664F5; }*/
.joints1 {border-bottom: none !important; padding-bottom: 0 !important;}
.joints {padding-top:0 !important; }
.occurorg {padding-bottom: 0 !important;}
/*------- thymus------*/
.thymus {background: #F3F5F9; padding: 30px 0; } 
.thymus p {border-bottom: none; padding-top:10px; } 
.thymus .occur {border-bottom: none; padding-bottom:0px; } 
.occurthymus{align-items:start; } 
.occurthymus_lf img{ border-radius:8px; } 
.regimen {padding-top: 20px; font-size: 14px;}

/*------- overview-ab------*/
.overview-cg1 {background: #ffffff; position: relative;} 
.overview-cg1 h2{color: #000000;} 
.overflow-auto-in {padding:25px 10px 10px; border-radius:15px;  } 
.overview-ab a {color: #000000; text-decoration: none; display: inline-block;  border-radius: 15px; -webkit-box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); -moz-box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); border: 1px solid transparent;}
.overview-ab a:hover { border: 1px solid #2664F5; color: #000000; text-decoration: none; }
.overview-abbt { background-image:  url("../images/scroll-up.svg"); margin-top: 20px !important; width:50px !important; height: 50px;  background-position: center; position: absolute; right: 0; bottom:0; background-size: 100%; -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;}
.overview-abbt:hover { background-image:  url("../images/scroll-up-hov.svg"); }
.overview-abbt button {background: #ffffff;width: 159px; height: 55px; border-radius: 27px; line-height: 18px; font-size: 16px; float: left; display: inline-block; margin-right: 20px;  outline: none; border:3px solid #2664F5; -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; }
.overview-abbt button:hover {background: #2664F5; border:3px solid #ffffff; color: #ffffff;}
.overview-ab a{min-height: 223px; display: block;}
/*------- systemic ------*/
.systemic{background: #ffffff; padding:30px 0px; }
.systemic h2{color:#2664F5; }
.systemic_lf ul{padding-left: 20px;}
.systemic_lf > p{background: #0B1E4A; padding:10px 10px; color: #ffffff; border-radius:10px 10px 0px 0px; text-align: center; min-height: 68px; margin: 0px;}
.systemic_lf ul li {color: #000000;} 
.sy-gv{padding-bottom:20px;}
.stems{padding-top:21px !important;}
.develop { padding-top:15px;  }
.develop p{background: #0B1E4A; padding:10px 10px; color: #ffffff;  text-align: center; border-radius:10px; font-weight: bold;}
.systemic_lf ul li::marker {color:#2664F5;}

/*------- systemic ------*/
.pathophysiology{background: #ffffff; padding:30px 0px; text-align: center;}
.pathophysiology h2{color:#2664F5; }
.pathophysiology h6{font-size: 20px; padding:10px 0 15px 0; }
.pathophysiology p{background: #0B1E4A; padding:8px 5px; border-radius:10px;  text-align: center; color: #ffffff; line-height: 20px;}
.pathophysiology figure {margin-bottom:25px;}
.figfixm{margin:25px 0px 0px 0px !important;}
.pathophysiology1 {background: #ffffff;}
.pathophysiologyin-rt{padding-top:5%; }
.pathophysiologyin-lf figure {margin-bottom:0px;}

/*------- popou------*/
.accordion>.card>.card-header {background: #2664F5; color: #ffffff;}
.btn-link{color: #ffffff !important;}
.btn.focus, .btn:focus{box-shadow: 0 0 0 0 !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{color: #000000;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #F3F5F9 !important; color: #2664F5 !important;}
.tab-cg {display: flex; align-items: center; display:-webkit-box; display: -moz-box; display: -ms-flexbox;}
.tab-cg-rt{padding-left: 20px;}
.card .card-header h2 button {background-image: url("../images/down-arrow.svg") !important;  background-repeat: no-repeat !important; background-position: right center !important;  background-size:28px !important; }
.card .card-header h2 button.collapsed {background-image: url("../images/up-arrow.svg") !important; }
.card .card-header h2 button{width: 100% !important; text-align: left;}
.tab-sl {margin-bottom:20px;}
.home {margin:20px 0;}
.home a {background: #0B1E4A; width: 30px; padding:10px; border-radius:10px; color: #ffffff;}
.home a:hover {color: #ffffff; text-decoration: none;}
#scrollToTopBtn { display: none;  position: fixed; bottom: 20px; right: 6px; z-index: 99; font-size: 18px; border: none; outline: none; color: white; cursor: pointer; padding: 15px; border-radius: 4px;}

/*------- organs------*/
.organs {padding:40px 0; }
.organs_lf img {border-radius:20px;}
.orga {padding-bottom:20px !important; color: #2664F5;}
.organs_rt h6 {font-size:26px;  padding-top: 10px;}
.organs_option figure {text-align: center; margin-bottom: 0;}
.organs_dv {background:#ffffff; border-radius:15px; -webkit-box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); -moz-box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); box-shadow: 0px 0px 16px 1px rgba(168, 168, 168, 0.34); text-align: center; padding:23px 0 10px 0; margin-bottom:20px; border:1px solid transparent; cursor: pointer; min-height: 115px}
.organs_dv:hover {border:1px solid #2664F5;}
.organs_dv p { margin-bottom: 0; padding-top:5px;}
.organs_rt p {padding-bottom: 10px;}
.organs1 {background: #F3F5F9; }

footer {background: #0B1E4A; padding:40px 0; }
footer figure {padding:0 0 10px 0;}
footer p  {color: #ffffff; margin-bottom: 0; display: block; width: 100% }
.nav-link:focus, .nav-link:hover  {color:#2664F5 !important;}

nav {background:#F3F5F9;}
.nav_in {width: 100% !important;  margin: 0 auto; padding:5px 0;}
.nav_in ul{ padding: 0; margin: 0; display: block;}
.nav_in ul li{ float: left; list-style: none; color: #000000; display: inline-block;  width: 14%; text-align: center;}
.nav_in ul li a {padding:5px 10px; display: inline-block;  color: #000000; text-decoration: none; transition: all 0.5s; border-radius: 5px;}
.nav_in ul li a:hover {background: #0B1E4A; color: #ffffff;}
.nav1 {background: #0B1E4A;}
.nav1 ul li a {color: #ffffff;}
.nav_in1 ul li a:hover {background: #2664F5; color: #ffffff;}
.nav_in ul li a.active {background: #2664F5; color: #ffffff;}
.nav_in1 ul li a.active {background: #2664F5; color: #ffffff;}
.each {display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display:-webkit-flexbox; align-items: center;width: 39% !important;text-align: center; padding-bottom: 20px;margin: 0 auto;}
.each h6{padding-bottom: 0; margin: 0; padding-left: 10px;}
.w-gp img {margin-right: 7px;} 
.w-gp font {padding-top:3px;} 


/*------- Inner page------*/
.pat h3 {color:#2664F5 !important; padding-bottom: 10px;} 
.tab-eye p{margin-bottom: 0px; padding-bottom: 5px;}
.tab-eye ul {padding: 0px; display: block; }
.tab-eye ul li {list-style: disc; }
.tab-eye ul li p{color:#000000; }
.tab-eye ul li::marker {color:#2664F5;}
.tab-eye_fot p {margin: 0; font-size: 10px; line-height:12px; color: #000000; }
.tab-cg-rt p {background:#0B1E4A; padding:7px 5px; border-radius:10px; text-align: center; color: #ffffff; margin-bottom:15px; font-size: 14px; line-height: 18px;}
.dia {background:#0B1E4A; padding:7px 2px; border-radius:8px; text-align: center; color: #ffffff; margin-bottom:20px !important;}
.diagno ul {padding-left: 15px; }
.diagno { align-items: start; }
.diafig img{border-radius:8px; }
.tab-cg-mouth ul li {list-style: none;}
.bg-line {border-bottom: 2px solid #2664F5; margin-bottom: 15px;}
.tab-cg-mouth .tab-cg-lf {padding-left: 0px;}
.bg-line h5 {background:#0B1E4A; padding:10px 10px; border-radius:8px; text-align: center; color: #ffffff; display: inline-block; margin: 0 0 13px -14px; font-size:16px; font-weight: bold;}
.bg-line1{border-bottom: none;}
.tab-liver figure{ margin-bottom: 0px; }
.tab-liver p{ padding: 0; }
.bg-wid-lf{ padding:0 2px !important;  }
.bg-wid-rt{ padding:0 15px !important; }
.tab-liver{ padding-bottom:15px;  }
.tab-eye-lun ul li {list-style: disc;}
.tab-eye-lun ul{margin-bottom: 10px; padding-left: 15px;}
.tab-eye-lun ul li p{color:#000000; }
.tab-eye-lun ul li::marker {color:#2664F5;}
.tab-eye-lun p {font-size:16px; line-height:18px; color: #000000; margin-bottom: 0; padding-bottom:8px;}
.tab-eye-lun-in {border:1px solid #2664F5; padding:10px 10px 0px 10px; border-radius:10px;}
.bg-line2 h5 { padding:6px 15px; margin-left:2px; margin-bottom:5px;}
.bg-line2 { border-bottom: none;}
.bg-lung-inner{border:1px solid #2664F5; padding:10px 10px 0px 10px; border-radius:10px;}
.bg-lung-inner p{line-height: 20px; padding-bottom: 9px;}
.thy-hr{border-bottom:1px solid #2664F5; }
/*------- Diagnosis ------*/
.di-fibrosis {padding:30px 0;}
.di-fibrosis h3{font-size:32px; line-height:34px; color:#2664F5;}
.di-fibrosis small{font-size:10px; line-height:14px;}
.di-organs {background: #0B1E4A; border-right: 1px solid #ffffff;  text-align: center; color: #ffffff; padding:10px 5px;  font-weight: bold; width:25%; }
.di-organs-in {background: #F3F5F9; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; color: #000000; padding:10px 5px; width:25%;}
.di-organs-l {text-align: left !important; vertical-align: top; padding: 10px 10px 10px 10px;}
.di-organs-l-in {text-align: left !important; vertical-align: top; padding: 10px 10px 10px 10px;}
.di-organs-lu {width:20%;}
.di-organs-in-liu {width:20%;}
.di-organs-lu-mu {width:33.33%;}
.di-organs-in-liu-mu {padding: 6px 5px !important;}
.lu-tr-wid {background:#ffffff; }
.lu-tr-wid-gr {background:#F3F5F9; }
.di-border{border-bottom:5px solid #2664F5;}
.di-tissue {display:inline-flex; align-items: center;}
.di-tissue_lf {background:#ffffff; border: 1px solid #2664F5; border-radius:10px; text-align: center; width: 25%; margin-right:10px; min-height: 185px;}
.di-tissue_lf p{font-weight: bold;padding:25% 10px 0 10px;}
.di-tissue_rt p{font-weight: bold; padding:18% 10px 0 10px;}
.di-tissue_md {background:#F3F5F9; width:50%; padding: 10px 10px 0px 10px; border-radius: 10px;}
.di-tissue_rt {background:#ffffff; border: 1px solid #2664F5; border-radius: 10px; width: 25%; margin-left: 10px; min-height: 185px; text-align: center;}
.di-tissue p {margin-bottom: 0px; align-items: center;} 
.di-or {text-align: center; padding-bottom: 10px; } 
.di-or figure {padding-bottom: 5px; margin-bottom: 0; min-height: 43px;} 
.di-tissue_md p {font-size: 14px; font-weight: bold;} 
.di-list {padding:20px 0 0 0;} 
.di-fibrosis small {padding:15px 0 25px 0;} 
.di-list ul {display: block; padding-left:18px; margin-bottom: 0;}
.di-list ul li{list-style:disc; color: #2664F5; padding-bottom:3px;}
.di-list ul li p {color: #000000; margin-bottom: 0px;}
.di-chronic span {line-height:14px !important; font-size: 10px; display:block;}
.di-chronic {padding-top: 20px;}
.di-presence {background: #F3F5F9; padding:30px 0;}
.di-presence_in {display: flex;}
.di-presence-lf1 {background: #0B1E4A; padding:25px 15px 15px 15px; border-radius: 15px; }
.di-presence-lf p {color: #ffffff; margin-bottom: 0px; padding-bottom: 10px;}
.di-presence-lf ul {margin-bottom: 10px;}
.di-sub {padding-left: 10px;}
.di-presence_in {border: 1px solid #2664F5; border-radius: 15px; padding:10px; margin-bottom:30px; min-height: 151px;}
.di-sub p {margin-bottom: 0; font-size: 16px; line-height:20px;}
.di-sub h6 {font-weight: bold; color: #2664F5;}
.di-presence h3{font-size:32px; line-height:34px; color:#2664F5; padding-bottom:10px; }
.di-trial {background:#ffffff; }
.di-trial-in p {background:#0B1E4A; color: #ffffff; padding:10px 15px; border-radius: 15px; margin-bottom:0;}
.di-trial-in figure {margin-bottom:0; text-align: center; padding:10px 0; }
.di-trial h3{font-size:32px; line-height:34px; color:#2664F5; text-align: center; padding-bottom: 15px;}
.di-trial {padding: 30px 0; }
.di-severity {padding: 30px 0; background:#F3F5F9;}
.di-severity h3{font-size:32px; line-height:34px; color:#2664F5; text-align: center; padding-bottom: 15px;}
.di-or-ls .di-or{background:#ffffff;} 
.di-severity-lf-bg{border: 1px solid #2664F5; border-radius: 10px; padding:20px 5px; }
.di-severity-lf-bg ul {display: block; padding-left:18px; margin-bottom: 0;}
.di-severity-lf-bg ul li{list-style:disc; color: #000000; padding-bottom:3px; line-height:21px; }
.di-severity-lf-bg ul li::marker{color: #2664F5; }
.di-severity-lf-bg li p {color: #000000; margin-bottom: 0px;}
.di-or-ls {padding:8px; }
.di-or p {font-size: 14px; font-weight: bold;}
.di-points { padding:0 5px !important;  }
.di-points-in {background:#0B1E4A; padding:10px 5px; border-radius: 10px; min-height:120px; } 
.di-points-inul {display: block; padding-left:18px; margin-bottom: 0;}
.di-points-in ul li{list-style:disc; color: #ffffff; padding-bottom:3px; font-size: 12px; line-height: 14px;}
.di-points-in ul {padding-left:15px; margin-bottom: 0;}
.di-points-in h6 {font-size: 12px; line-height: 14px; color:#ffffff; font-weight: bold; text-align: center;}
.di-points-in p{ color: #ffffff; padding-bottom:0px; font-size: 12px; line-height: 14px; margin-bottom: 0px; text-align: center;}
.di-key ul li{list-style:decimal; color: #000000; padding-bottom:5px; font-size: 16px; line-height: 18px; padding-left: 5px;}
.di-key ul {padding-left:15px; margin-bottom: 0; padding-top:20px;}
.di-key ul li::marker{color: #2664F5; }
.di-key { padding:20px 0px 0 5px; }
.di-key p {padding:13px 15px;  margin-bottom:0;}
.di-key figure {margin-bottom:0; text-align: center;}
.di-or-eye figure {padding-bottom: 27px;}
.thy-bos {position: relative; background: #0B1E4A; text-align: center; color: #ffffff; padding: 10px 20px;border-radius:29px; margin:10px 0;}
.thy-bos p{margin-bottom: 0px; }
.di-into{padding-top:20px; width: 98%; }
.thy-bos-after {background: #ffffff; border: 1px solid #2664F5; border-radius:10px; }
.thy-bos-after p{color: #000000; }
.thy-bos-after-lf{position: absolute; top:-2px; left: -1px;}
.thy-bos-after-rt{position: absolute; top:-2px; right:-1px;}
.thy-bos figure{margin-bottom: 0px;}
/*------- treatment  page------*/
.tr-lungs{padding:30px 0;}
.burden { display: flex; align-items: center; padding: 9px 15px;}
.burden p{ margin-bottom:0; padding-left: 12px; color: #ffffff; font-weight: bold;}
.burden figure{ margin-bottom:0;}
.tr-general_lf {background:#0B1E4A; padding:10px 5px; border-radius:10px 0px 0px 10px;}
.burden-lf span {font-size: 12px; line-height: 15px !important; font-weight: normal; display: inline-block;}
.tr-lungs h3 {color:#2664F5; text-align: center !important; font-size:32px; padding-bottom: 15px; width: 100%;}
.tr-lung-pad h3 {padding-bottom:0px;}
.tr-lungs h6{color:#ffffff; text-align: left; font-size: 20px; padding:8px 0 10px 15px;}
.tr-general {background:#2664F5;  border-left:2px solid #ffffff; border-radius:0px 10px 10px 0px;}
.tr-general figure {margin:0 0 0 -16px; padding: 10px 0; }
.tr-lungs1 {background:#F3F5F9;}
.tr-mild-in {background:#0B1E4A; border-radius:10px; padding:20px; }
.tr-mild-in ul{margin-bottom: 0; }
.tr-mild-in h6{font-weight: bold;}
.tr-lungs4 p{ background: #2664F5; text-align: center; color: #ffffff; padding: 10px;border-radius: 10px; margin:20px 0 0;}
.tr-newly {text-align: center; font-weight: bold; color: #000000; width: 100%;}
.tr-for { background: #ffffff; text-align: left; color: #000000; padding: 10px 20px; border-radius:10px; margin-bottom: 15px; border:1px solid #2664F5; display: flex; align-items: center; width: 100%;}
.tr-for-rt p{margin-bottom: 0; padding-right: 20px; padding-top: 6px; padding-left: 15px;}
.tr-new-add{border: 1px solid #2664F5; border-radius: 10px !important; padding:9px !important; margin-bottom: 10px !important; }
.tr-for-lf figure{margin-bottom: 0;}
.tr-options-in  {background:#0B1E4A; border-radius:10px; padding:20px 20px; text-align: center;}
.tr-options-in  p{color: #ffffff; font-size: 18px; margin-bottom: 0; padding-bottom:8px; }
.tr-for1 {border-radius:0 10px 10px 10px;}
.tr-for1 p{padding: 0; margin-bottom: 0px;}
.tr-lungs5 h6 {background:#0B1E4A; border-radius:10px 10px 0px 0px; padding:10px 2px 10px 20px; color:#ffffff; width:240px; margin-bottom: 0px;}
.tab-eye-lun1 h5 {background:#0B1E4A; border-radius:10px 10px 0px 0px; padding:10px 11px; color:#ffffff; width:300px; margin-bottom: 0px;}
.tab-eye-gs1 h5 {width:180px;}
.tab-eye-lun1 .tab-eye-lun-in{border-radius:0 10px 10px 10px; margin-bottom:20px; }
.ref-graf{background:#F3F5F9; padding: 30px 0;}
.ref-graf-in {font-size:10px;} 
.ref-graf-in p{ margin-bottom: 0; }
.lu-such {padding-bottom: 15px; }
.lu-such span{font-size:12px; text-align: center; display: block; padding-bottom: 10px; color: #2664F5;}
.dig-lu-space{padding-top:20px;}
.tab-liver-tr  {padding-bottom:0px;}
.tr-lungs-eye{background: #ffffff; padding: 0;}
.di-trial-in-join p{margin-bottom: 15px;}
.ref-graf-dig {background: #ffffff;} 
.all-hun-pad{padding-top:42px; } 
.ext-lun p{line-height: 20px; }
.show{display: none; }
.tr-lungs-wid {background: #ffffff;}
.tr-lungs-wid1{background: #F3F5F9;}
.intact{color: #2664F5; font-weight: bold;}
.bull-pad-n{padding: 0px 0 0 14px !important;}
.spec-n{background: none !important; padding: 0px 0px !important; color: #2664F5 !important; margin: 0;}
.atyp-pad{padding-top:20px; padding-bottom: 10px;}
.new-sp{margin-top: 30px !important;}
.video-side{display: flex; align-items: center;}
.overview-ab1 a{min-height: 112px !important; padding: 10px;}
.overview-ab1 p {margin: 0px; padding-left:10px; }
.overview-ab1 figure{margin: 0px;}
.text-sm{font-size: 12px; padding-bottom: 5px;}
.overview-ab1 h6 {margin: 0px; padding-left:10px; padding-bottom: 5px;}
.overview-ab2 a{min-height: auto !important;}
.overview-ab4 {text-align: center; margin: 0 auto !important;}
.consider-demo {display: flex; align-items: center; padding:20px 0;}
.consider-demo h3 {margin: 0; padding:7px 0 0 10px; color: #2664F5; font-size: 1.75rem !important;}
.consider-demo figure {padding: 0; margin: 0; }
.o-cg-pad{padding-bottom: 30px;}
.o-cg-occ{align-items: start;}
.o-cg-occ hr {border-color: #2664F5; margin: 1.5rem 0;}
.pathophysiology-fix1 {background-color: #F3F5F9;}
.pathophysiology-fix1 h2 {padding-top: 0; }
.pathophysiology-fix p {margin: 0;}
.di-presence1 {padding:30px 0 10px 0; }
.di-presence1 h3{padding-bottom: 15px;}
.tr-lungs4{width: 97%; margin: 0 auto;}
.tr-lungs-wid figure {margin: 0px;}
.tr-lungs2 {padding: 30px 0 20px 0;}
.diafig{margin: 0 0 1rem;}
.tab-eye-mar{padding-top: 20px;}
.overview-cg_bg_fix{background: #F3F5F9;}
.bg-over-fix a {background: #ffffff;}
.crypts-psd {padding-top:14px !important; }
.crypts-psd1 {padding-top:13px !important; padding-left:22px !important; }
.ne-tar{color: #000000 !important; text-align: left !important; padding-top: 20px !important; font-size: 14px !important; line-height: 17px !important;}
.click-pad-t{padding-top: 10px; margin-bottom: 0px;}
.cct_tab{width: 100% !important; }
.video-side1{width: 100% !important; }
.vid-slide-rt1 h6{font-size:20px; padding-top: 10px; color:#2664F5; }





.video-section {
  display: flex;
  gap: 20px;
}


.vertical-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 50px;
}

.vertical-heading-in {
  margin-top: -7px;
border-radius:10px; 
}

.vertical-heading h5 {
  writing-mode: vertical-rl;        
  -webkit-writing-mode: vertical-rl; 
  -ms-writing-mode: tb-rl;          
  transform: rotate(180deg);       
  margin: 0;
  font-size:11px;
  font-weight: bold;
  color: #2664F5; 
  text-align: center;
}
.new-case-main {display: flex; align-items: center; flex-direction:row; width: 100%;}
.new-case-lf {width:6%; display: inline-block;}
.new-case-rt {width:94%; display: inline-block;}

.new-case-qz{width:100%; display: inline-block;}
.new-case-qz a {min-height: auto !important;}
.new-case-main-pd{margin-bottom: 20px !important;}
.new-case-main-pd .overview-ab1 h6 {padding-bottom: 0 !important;padding-top: 0 !important;}
.overview-ab1 figure {text-align: right !important;}