@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap");
* {
  font-family: "Kanit", sans-serif;
}
html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.btn-lang {
  width: 100%;
  height: 43px;
  top: 4766px;
  left: 627px;
  border-radius: 21.5px;
  background: rgba(182, 149, 97, 1);
  color: white;
  border: none;
}
/* 
.wrapper{
  width:70%;
}
@media(max-width:992px){
 .wrapper{
  width:100%;
} 
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}  */

/* .accordion .card-header:after {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
}
.accordion .card-header.collapsed:after {
  content: "\f077";
} */

h1,
h2,
h3,
p,
span,
label {
  font-family: "Kanit", sans-serif;
}

#main {
  margin: 50px 0;
}

#main #faq .card {
  margin-bottom: 10px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #fff;
  color: #222;
  padding: 20px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
  color: "red";
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #fff;
  color: #17184e;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  /* background: #ffe472; */
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  /* background: #ffe472; */
  line-height: 30px;
  color: #222;
}

/* .card-title {
  text-decoration: none;
}

.card-title::after,
.card-title:hover {
  color: #17184e !important;
}

.card-header {
  background-color: white;
  padding: 1.5rem;
  color: #17184e;
} */

.video-desktop {
  display: block;
  margin-top: 3rem;
}

.video-tablet {
  display: none;
}

.line {
  margin-left: 5rem;
  border-top:none !important;

}
.mt-9 {
  margin-top: 9rem !important;
}

.bg-none {
  background: none !important;
}
.banner {
  background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");
  /* background-image: url("../images/panacee_hospital_Billboard_banner.png"); */

  height: 600px;
  /* background-position: center; */
  background-position: 30% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner_en {
  background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");
  height: 600px;
  background-position: 30% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner .buttonBanner {
  margin-top: 28rem;
  width: 20% !important;
}

.banner_en .buttonBanner {
  margin-top: 28rem;
  width: 20% !important;
}

.textBanner1 {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}

.textBanner2 {
  color: #17184e;
  font-size: 80px;
}

.textBanner3 {
  color: #fff;
  font-size: 36px;
}

.content0 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 450px;
}

.content0 .video iframe {
  width: 438px;
  height: 227px;
}

.content0 .show-video {
  /* place-content: center; */
  margin-left: 3rem;
}

.content0 .head-video .topic {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 16px;
  color: #19182580;
}

.content1 {
  /*  */
  height: 700px;
  background: url("../images/Slice 13_cancer.png");
  background-position: 25% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content1 .topic {
  font-size: 32px;
}

.content1 .content {
  padding: 60px;
  margin-top: 1.5rem;
}

.content1 .text {
}

.content1 img {
  height: 100%;
}

.content2 {
  /* height: 650px; */
  height: auto;
  /* background: url("../images/Slice\ 14_cancer.png"); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content2 .headerTop {
  margin-left: 5rem;
}

.content2 .buttonPosition {
  width: 45%;
  text-align: -webkit-center;
}

.content2 img {
  /* height: 100%; */
  width: 100%;
}

.content2 .topic {
  font-size: 25px;
  height: auto;
}

.content2 .cardSlide {
  border-radius: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: white;
}

.content2 .leftRight {
  text-align: -webkit-center;
  place-self: center;
}

.content2 .cardSlidePosition {
}

.content2 .cardSlide {
}

.content2 .imgSlide {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image 39_cancer.png");
  background-position: 15% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content2 .imgSlide img {
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
}
.content2 .imgSlide1 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image 40_cancer.png");
  background-position: 15% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content2 .imgSlide2 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/cancer_jorney_cancer_3.png");
  background-position: 70% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content2 .imgSlide3 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/cancer_jorney_cancer_4.png");
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content2 .imgSlide4 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/cancer_jorney_cancer_5.png");
  background-position: 35% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content2 .cardSlide .textSlide .topicCardSlide {
  font-size: 24px;
  color: #927d5c;
}

.content2 .cardSlide .textSlide .topicCardSlide1 {
  font-size: 24px;
  font-weight: 700;
  color: rgba(23, 24, 78, 1);
}

.content2 .cardSlide .textSlide .textTopicCardSlide {
  /* font-size: 16px;
  font-weight: 300; */
  /* color: #927d5c; */

  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 2;
  color: rgba(23, 24, 78, 1);
}

.content2 .cardSlide .textSlide .contentCardSlide1 {
  color: #17184e;
  font-size: 18px;
  font-family: Montserrat;
  line-height: 24px;
  font-weight: 400;
}

.content2 .cardSlide .textSlide .contentCardSlide2 {
  color: #19182580;
  font-size: 15px;
  font-family: Montserrat;
  line-height: 16px;
  font-weight: 400;
  list-style-type: none;
}

.content2 .contentCard .header {
  font-size: 30px;
  color: #927d5c;
  font-weight: 400;
}

.content2 .contentCard .content {
  color: #17184e;
  font-size: 20px;
}

.content2 .contentCard .subContent {
  font-size: 15px;
  color: #19182580;
  list-style-type: none;
}

.content3 {
  height: 900px;
  background: url("../images/Emotional support_cancer.png");
  background-position: 23% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content3 img {
  width: 100%;
  height: 100%;
}

.content3 .content {
  font-size: 20px;
}

.content4 {
  height: auto;
  background: url("../images/Slice 9_cancer.png");
  /* background-position: center; */
  background-position: 95% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content4 .box {
  width: 25px;
  height: 25px;
  border-radius: 6px;
  background-color: #bd9359;
  margin-left: 25px;
}

.content4 .content {
  font-size: 20px;
}
.content4 .subContent {
  font-size: 16px;
  font-weight: 400;
}

.content4 .boxContent {
  padding-left: 35px;
  padding-right: 30px;
}

.content4 .buttonPosition {
  position: absolute;
  top: 490px;
  left: 270px;
}

.cardText {
  background: #fff;
  width: 100%;
  border-radius: 17px;
}

.content4 .buttonPositionRight {
}

.content4 .mobile {
  display: none;
}

.content4 .desktop {
  display: block;
}

.content5 {
  height: 1000px;
  background: url("../images/Slice\ 8_cancer.png");
  /* height: auto; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content5 .topic {
  font-weight: 500;
  font-size: 36px;
}

.content5 .topic1 {
  font-weight: 300;
  font-size: 36px;
}

.content5 .topic-card {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}

.content5 .content-card {
  font-family: Montserrat;
  font-size: 16px;
  color: #191825bf;
}

.content5 .subContentCard {
  background: #fff;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  box-shadow: 0px 128px 128px 0px #0000000d;
  padding: 24px, 32px, 32px, 32px;
  height: 450px;
}

.content5 .contentShow ul {
  padding-left: 50px;
}

.content6 {
  height: auto;
  background: url("../images/Slice7_cancer1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content6 .allDot {
  text-align: center;
  margin-left: 80px;
}

.content6 section {
  width: 75%;
  margin: auto;
}

.content6 .divider {
  width: 75%;
  margin: 100px auto;
  height: 2px;
  background-color: #333;
}

.content6 .item {
  height: 10rem;
  padding: 1rem;
  opacity: 0.4;
  transition: 0.4s ease all;
  margin: 0 20px;
  transform: scale(0.9);
}

.content6 h2 {
  color: #333;
  text-align: center;
}

.content6 .cardSlide {
  background: #fff;
  box-shadow: 0px 5px 100px 0px #0000000d;
  border-radius: 20px;
  padding: 20px;
}

.content6 .cardSlide .headerCard {
  font-size: 25px;
  font-weight: 600;
  color: #17184e;
  text-align: center;
}

.content6 .cardSlide .headerCard1 {
  font-size: 25px;
  font-weight: 600;
  color: #17184e;
  margin-left: 15px;
}

.content6 .cardSlide .contentCard {
  line-height: 35px;
  color: #17184e;
  margin-bottom: 20px;
}

.content6 .cardSlide .frameImage {
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}

.content6 .mySlides {
  height: 480px;
}

.content6 .owl .item {
  background: #4dc7a0;
}

.content6 .slick .item {
  background: #3498db;
}

.content6 .active .item,
.slick-center {
  opacity: 1;
  transform: scale(1);
}

.content6 .owl-controls {
  position: absolute;
  margin-top: 300px;
}

.content6 .main {
  padding: 80px;
}

.content7 .imgSlide {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(1\)_cancer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 .imgSlide img {
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
}
.content7 .imgSlide1 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: 68% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 .imgSlide2 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: 70% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 .imgSlide3 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 .imgSlide4 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(3\)_cancer.png");
  background-position: 75% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 .imgSlide5 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(3\)_cancer.png");
  background-position: 35% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content7 img {
  height: 100%;
  width: 15%;
}

.content7 .cardSlide {
  border-radius: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: white;
}

.content8 {
  height: 650px;
  background-color: white !important;
  /* background: url("../images/Slice\ 14_cancer.png"); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content8 .buttonPosition {
  width: 45%;
  text-align: -webkit-center;
}

.content8 img {
  height: 100%;
  width: 100%;
}

.content8 .next,
.content8 .back {
  width: 50%;
}

.content8 p,
.content8 ul li {
  font-size: 16px;
}

.content8 .topic {
  font-size: 25px;
  height: auto;
}

.content8 .cardSlide {
  border-radius: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: white;
}

.content8 .leftRight {
  text-align: -webkit-center;
  place-self: center;
}

.content8 .cardSlidePosition {
}

.content8 .cardSlide {
}

.content8 .imgSlide {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/Cancer_PREVENTION_IMAGE 2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide img {
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
}
.content8 .imgSlide1 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide2 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/cancer_jorney_cancer_3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide3 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide4 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(2\)_cancer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide5 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(3\)_cancer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .imgSlide6 {
  margin: 0;
  padding: 0;
  border-top-left-radius: 20px;
  border-end-start-radius: 20px;
  background-image: url("../images/image\ 39\ \(3\)_cancer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
}

.content8 .cardSlide .textSlide .topicCardSlide {
  font-size: 24px;
  /* color: #927d5c; */
  color: rgba(23, 24, 78, 1) !important;
  font-weight: 700;
}

.content8 .cardSlide .textSlide .topicCardSlide1 {
  font-size: 24px;
  font-weight: 700;
  color: rgba(23, 24, 78, 1);
}

.content8 .cardSlide .textSlide .topicCardSlide3 {
  font-size: 24px;
  color: #927d5c !important;
  font-weight: 700;
}

.content8 .cardSlide .textSlide .textTopicCardSlide {
  /* font-size: 16px;
  font-weight: 300; */
  /* color: #927d5c; */

  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 2;
  color: rgba(23, 24, 78, 1);
}

.content8 .cardSlide .textSlide .contentCardSlide1 {
  color: #17184e;
  font-size: 18px;
  font-family: Montserrat;
  line-height: 24px;
  font-weight: 400;
}

.content8 .cardSlide .textSlide .contentCardSlide2 {
  color: #19182580;
  font-size: 15px;
  font-family: Montserrat;
  line-height: 16px;
  font-weight: 400;
  list-style-type: none;
}

.content8 .contentCard .header {
  font-size: 30px;
  color: #927d5c;
  font-weight: 400;
}

.content8 .contentCard .content {
  color: #17184e;
  font-size: 20px;
}

.content8 .contentCard .subContent {
  font-size: 15px;
  color: #19182580;
  list-style-type: none;
}

/* .accordion .card-header:after {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
}
.accordion .card-header.collapsed:after {
  content: "\f077";
} */

.content-blog {
}

.content-blog .frame {
}

.textBlue {
  color: #17184e;
}

.textBlueBold {
  color: #17184e;
  font-weight: 500;
}

.textBlueBold1 {
  color: #17184e;
  font-weight: 700;
}

.textLight {
  color: rgba(25, 24, 37, 0.5);
}

.textYellow {
  color: #bd9359;
}

.textYellowBold {
  color: #927d5c;
}

.headerText {
  font-size: 30px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.02em;
  color: rgba(23, 24, 78, 1);
}

.headerText1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 43px;
  letter-spacing: 0.02em;
  color: rgba(146, 125, 92, 1);
}

.fw-300 {
  font-weight: 300;
}

.fw-700 {
  font-weight: 700;
}

.cardSize {
  padding: 4rem !important;
}

.cardFrame {
  background: #fff;
  border-end-end-radius: 32px;
  border-end-start-radius: 32px;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.cardTopic {
  color: rgba(146, 125, 92, 1);
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}

.cardDetail {
  color: rgba(23, 24, 78, 1);
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  height: 40px;
}

.socialIcon {
  width: 32px;
  height: 32px;
  text-align: center;
  background: #17184e;
  border-radius: 100px;
}

.socialIconTwiter {
  width: 32px;
  height: 32px;
  text-align: center;
  background: #17184e;
  border-radius: 100px;
  float: right;
}

.socialIconTwiter i {
  margin-top: 8px;
  color: #fff;
}

.socialIcon i {
  margin-top: 8px;
  color: #fff;
}

.facebook .socialIcon {
  width: 32px;
  height: 32px;
  text-align: center;
  background: #fff;
  border-radius: 100px;
}

.facebook .socialIcon i {
  margin-top: 9px;
  color: #17184e;
}

.facebook {
  text-align: -webkit-right;
}

.twitter {
  text-align: -webkit-center;
}

.line {
  text-align: -webkit-left;
  border-top:none !important;

}

.fixed-btn {
  height: 50px;
}

.dot {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0 2px;
  background-color: #bd9359;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #bd9359;
  transition: background-color 0.6s ease;
}

.content6 .active,
.dot:hover {
  background-color: #ffc675;
  border: 0.5px solid #bd9359;
}

.content6 .topicName {
  font-size: 20px;
}

.content6 .mySlides {
  height: 480px;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

.mySlides {
  display: none;
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dot-none {
  list-style-type: none;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

.fading {
  animation: fading 2s;
}

.content6 .contentCard .topic {
  color: #17184e;
  font-size: 25px;
  font-weight: 500;
}

@keyframes fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.circle {
  width: 82px;
  height: 82px;
  border-radius: 100px;
  padding: 16px, 32px, 16px, 32px;
  box-shadow: 0px 43px 26px 0px #0000000d;
  text-align: center;
}

.circle img {
  margin-top: 15px;
}

.fixedbutton {
  position: fixed;
  top: 450px;
  right: 10px;
}

.feedback {
  z-index: 99999px;
  background-color: red;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #46b8da;
}

#mybutton {
  position: fixed;
  top: 350px;
  right: 10px;
  background-color: #17184e;
  z-index: 9999; /* Adjust this value as needed */
}

#facebook {
  position: fixed;
  top: 450px;
  right: 10px;
  background-color: #17184e;
  z-index: 9999; /* Adjust this value as needed */
}

#facebook i {
  color: #fff;
  font-size: 3.4rem;
  margin-top: 15px;
}

#email {
  position: fixed;
  top: 550px;
  right: 10px;
  background-color: #17184e;
  z-index: 9999; /* Adjust this value as needed */
}

#email i {
  color: #fff;
  font-size: 3rem;
  margin-top: 15px;
}

.carousel-control-next,
.carousel-control-prev {
  top: 50px;
}

.carousel-control-next {
  right: 5px;
}

.carousel-control-prev {
  left: 10px;
}

video {
  width: 100%;
}

.logo-banner {
  margin-top: 0px !important;
  padding-top: 3rem;
}

.logo-banner-top {
  margin-top: 0px !important;
  padding-top: 10rem !important;
}

.logo-banner img {
  width: 60%;
}

.logo-banner .btnContract {
  width: 25%;
}

.banner-mobile {
  display: none;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-weight: 18px;
}

.f20 {
  font-size: 20px;
}

.headerTopicText {
  margin-top: 3rem;
  font-size: 30px !important;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
  color: rgba(23, 24, 78, 1);
}

.headerTopicText1 {
  font-size: 30px !important;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  color: rgba(23, 24, 78, 1);
}

.detailText {
  font-size: 20px !important;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  color: rgba(23, 24, 78, 1);
}

.detailText1 {
  font-size: 16px !important;
  font-weight: 400;
  /* line-height: 19px; */
  letter-spacing: 0em;
  text-align: left;
  color: rgba(23, 24, 78, 1);
}

.frame-white {
  margin-top: 3rem;
  background: #fff;
  padding: 3rem;
  border-radius: 10px;
}

.readmore {
  width: 188px;
  height: 43px;
  top: 1743px;
  left: 162px;
  border-radius: 21.5px;
  background: rgba(23, 24, 78, 1);
  color: white;
}

.readmore1 {
  width: 188px;
  height: 43px;
  top: 4766px;
  left: 627px;
  border-radius: 21.5px;
  background: rgba(182, 149, 97, 1);
  color: white;
  border: none;
}
/* End  */

@media only screen and (min-width: 1400px) {

  .banner {
    /* background-image: url("../images/banner-desktop_cancer.jpg"); */
    background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");
    /* background-image: url("../images/panacee_hospital_Billboard_banner.png"); */

    height: 600px;
    background-position: 45% 5%;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");
    height: 600px;
    background-position: 45% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner .buttonBanner {
    /* margin-top: 30rem;
    margin-left: 2rem;
    width: 20% !important; */

    margin-top: 28rem;
    margin-left: 2rem;
    width: 20% !important;
    position: absolute;
    left: 210px;
  }

  .banner .imgBanner {
    margin-top: 10rem;
  }

  .banner_en .buttonBanner {
    margin-top: 28rem;
    margin-left: 2rem;
    width: 20% !important;
    position: absolute;
    left: 210px;
  }

  .banner_en .imgBanner {
    margin-top: 10rem;
  }

  .navbar-eiei{
    height:110px;
  }

  .content1 {
    /* height: auto; */
    height: 800px;
    background: url("../images/Slice 13_cancer.png");
    /* background-position: 100% 75%; */
    background-position: 20% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content1 .text {
    /* font-size: 24px; */
    font-size: 18px;
  }

  .content2 {
    height: auto;
    /* height: 750px; */
    /* background: url("../images/Slice\ 14_cancer.png"); */
    background-position: 90% 1000%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* margin-bottom: 90px; */
    padding-bottom: 90px;
  }

  .content2 .topic {
    align-self: center;
  }

  .content2 .buttonPosition {
    width: 35%;
    text-align: -webkit-center;
  }

  /* .content2 .cardSlide .textSlide {
    padding: 30px;
  } */
  .content2 .cardSlide .textSlide {
    padding: 50px;
    /* margin-left: 30px; */
  }
  .content2 .cardSlide .textSlide .topicCardSlide {
    font-size: 24px;
    color: #927d5c;
  }

  .content2 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 18px;
    font-family: Montserrat;
    /* line-height: 24px; */
    font-weight: 400;
    margin-bottom: 2rem;
  }

  .content2 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 26px;
    font-weight: 400;
    list-style-type: none;
    /* margin-bottom: 2rem; */
  }

  .content2 .cardSlidePosition {
    margin-bottom: 50px;
  }

  .content2 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-image: url("../images/image 40_cancer.png");
    background-position: 15% 25%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }

  .content2 .card-container {
    height: 700px;
  }
  /* Content3 */
  /* .content3 {
    height: 980px;
    background: url("../images/Emotional support_cancer.png");
    background-position: 15% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  } */

  .content3 {
    /* height: 980px; */
    /* width: 100%; */
    background: url("../images/Emotional support_cancer.png");
    background-position: 25% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content3 .buttonPosition {
    position: absolute;
    margin-left: 30px;
    margin-top: 20px;
  }

  /* Content4 */
  /* .content4 {
    height: 1050px;
    background: url("../images/Slice 9_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  } */

  .content4 {
    height: auto;
    background: url("../images/Slice 9_cancer.png");
    background-position: 70% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content4 .main {
    padding: 60px;
  }

  .content4 .buttonPositionRight {
    display: none;
  }

  .content4 .buttonPosition {
    position: absolute;
    top: 925px;
    left: 270px;
  }

  .content5 {
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content5 .contentShow ul {
    padding-left: 50px;
  }

  .content6 {
  }

  .content6 .main p {
    font-size: 20px;
  }

  .content6 .contentCard {
    font-size: 18 !important;
  }

  .textV1 {
    font-size: 20px;
  }

  .content6 .cardSlide ul {
    font-size: 18px;
  }

  .f16 {
    /* font-size: 16px; */
  }

  .content8 {
    height: 850px;
    background-color: white !important;
    /* background: url(../images/Slice\ 14_cancer.png); */
    /* background-position: center; */
    /* background-position: 90% 40%; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .card-container {
    height: 600px;
  }

  .content8 .topic {
    align-self: center;
  }

  .content8 .buttonPosition {
    width: 35%;
    text-align: -webkit-center;
  }

  /* .content8 .cardSlide .textSlide {
    padding: 30px;
  } */
  .content8 .cardSlide .textSlide {
    padding: 50px;
    /* margin-left: 30px; */
  }
  .content8 .cardSlide .textSlide .topicCardSlide {
    font-size: 24px;
    color: #927d5c;
  }

  .content8 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 18px;
    font-family: Montserrat;
    /* line-height: 24px; */
    font-weight: 400;
    margin-bottom: 2rem;
  }

  .content8 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 26px;
    font-weight: 400;
    list-style-type: none;
    /* margin-bottom: 2rem; */
  }

  .content8 .cardSlidePosition {
    margin-bottom: 50px;
  }

  .content8 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }

  .content8 .imgSlide2,
  .content8 .imgSlide3,
  .content8 .imgSlide4 {
    background-position: center;
  }

  .content8 .imgSlide5,
  .content8 .imgSlide6 {
    background-position: center;
  }

  .img-qa {
    height: 260px;
  }
}

/* Extra large devices (TVs, large monitors) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .img-qa {
    height: 260px;
  }

 .navbar-eiei{
    height:110px;
  }

  .cardSize {
    padding: 2rem !important;
  }

  .banner .imgBanner {
    margin-top: 10rem;
  }
  .banner_en .imgBanner {
    margin-top: 10rem;
  }

  .content2 {
    height: auto;
    /* height: 800px; */
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
  }

  .content2 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-image: url("../images/image 40_cancer.png");
    background-position: 15% 35%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }

  .content2 .buttonPosition {
    width: 45%;
    text-align: -webkit-center;
  }

  .content2 .cardSlide .card-container {
    height: 400px !important;
  }

  .content2 .cardSlide .textSlide .textTopicCardSlide {
    font-size: 16px;
    font-weight: 300;
    /* letter-spacing: 1px;
    line-height: 2; */
    color: rgba(23, 24, 78, 1);
  }

  .content4 .cardText {
    /* height: 460px; */
  }

  .content4 .buttonPosition {
    position: absolute;
    top: 540px;
    left: 270px;
  }

  .content4 .buttonPositionRight {
    display: none;
  }

  .content5 {
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    /* height: auto; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content6 {
    height: auto;
    /* height: 603px; */
    background: url("../images/Slice7_cancer1.png");
    /* height: auto; */
    /* background-position: center; */
    background-position: 29% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  /* .content6 .main img {
    width: 600px !important;
  } */

  .content6 .cardSlide .frameImage img {
    padding: 0px !important;
  }
  /* background-position: 29% 75%; */
 

  .content8 {
    height: auto;
    background-position: 20% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
  }

  .content8 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-image: url("../images/image 40_cancer.png");
    background-position: 15% 35%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }

  .content8 .buttonPosition {
    width: 45%;
    text-align: -webkit-center;
  }

  .content8 .cardSlide .card-container {
    height: 600px !important;
  }

  .content8 .cardSlide .textSlide .textTopicCardSlide {
    font-size: 16px;
    font-weight: 300;
    /* letter-spacing: 1px;
    line-height: 2; */
    color: rgba(23, 24, 78, 1);
  }
}

/* Large devices (large laptops, desktops) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .img-qa {
    height: 260px;
  }

 .navbar-eiei{
    height:110px;
  }

  .video-desktop {
    display: none !important;
  }

  .video-tablet {
    margin-top: 3rem;
    display: block !important;
  }

  .banner {
    /* background-image: url("../images/panacee_hospital_Billboard_banner.png"); */
    /* background-image: url("../images/banner-desktop_cancer.jpg"); */
    /* background-image: url("../images/panacee_hospital_BANNER-01\ 1.png"); */
    background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");

    height: 500px;
    /* background-position: center; */
    /* background-position: 45% 75%; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    background-image: url("../images/Cancer_Homepage_BANNER BG 1.png");
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner .imgBanner {
    margin-top: 8rem;
  }

  .banner .buttonBanner {
    margin-top: 30rem;
    margin-left: 2rem;
    width: 20% !important;
  }

  .banner_en .imgBanner {
    margin-top: 8rem;
  }

  .banner_en .buttonBanner {
    margin-top: 30rem;
    margin-left: 2rem;
    width: 20% !important;
  }

  .content0 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 450px;
  }

  .content1 {
    height: auto;
    background: url("../images/Slice 13_cancer.png");
    background-position: 25% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content1 .content {
    margin-left: 5rem;
  }

  .content2 {
    height: 500px;
    /* background: url("../images/Slice\ 14_cancer.png"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 .card-container {
    height: 500px;
  }

  .content3 {
    height: 1000px;
    background: url("../images/Emotional support_cancer.png");

    background-position: 45% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content3 .garbage {
    display: none;
  }

  .content4 .cardText {
    height: 500px;
    background-color: white;
    /* border-radius: 0px 0px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px; */
  }

  .content4 .leftPosition {
    top: 560px;
    left: 200px;
  }

  .content4 .buttonPositionRight {
    display: none;
  }

  .content5 .subContentCard {
    margin-top: 20px;
    height: 410px;
  }

  .content5 .topic-card {
    margin-bottom: 20px;
  }
  /* 
  .content6 .main img {
    width: 600px !important;
  } */

  .content6 .cardSlide .frameImage img {
    padding: 0px !important;
  }

  .content6 .mySlides {
    height: 600px;
  }

  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

  .content8 {
    height: 1300px;
    background: url("../images/Slice\ 14_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .card-container {
    height: 600px;
  }
}

/* Medium devices (laptops, desktops) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-nav .nav-link {
   
     padding-left: 1rem !important; 
}
  .img-qa {
    height: 120px;
  }



  .banner {

    height: 450px;
    /* background-position: 44% 75%; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner .imgBanner {
    margin-top: 8rem;
  }

  .banner .imgBtn {
    width: 40%;
    text-align: center;
  }

  .banner_en .imgBanner {
    margin-top: 8rem;
  }

  .banner_en .imgBtn {
    width: 40%;
    text-align: center;
  }

  .logo-banner-top img {
    width: 80%;
    padding-top: 5rem;
  }

  .logo-banner {
    margin-top: 0px !important;
    padding-top: 2rem;
  }

  .banner .buttonBanner {
    margin-top: 36rem;
    /* margin-left: 6rem; */
    margin-left: 9.5rem;
    width: 30%;
  }

  .banner_en .buttonBanner {
    margin-top: 36rem;
    /* margin-left: 6rem; */
    margin-left: 9.5rem;
    width: 30%;
  }

  .carousel-control-prev {
    left: 10px;
  }

  .carousel-control-next {
    right: 10px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 20px;
  }

  .content0 {
    height: 550px;
    /* height: auto; */
    background: url("../images/background_content0_cancer.png");
    background-position: 40% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content0 .show-video {
    margin-left: 0 !important;
    place-content: center;
    margin-top: 3rem;
  }

  .content0 .onlyVideo {
    display: none !important;
  }

  /* .content0 .slideVideo {
    display: block !important;
    padding: 50px;
  } */

  .content0 .slideVideo {
    display: none;
    /* padding: 50px 160px 50px 160px; */
    /* padding: 100px 160px 100px 160px; */
    padding: 0px 160px 0px 160px;
  }

  .video-mobile {
    display: block !important;
  }

  .content0 iframe {
    height: 400px !important;
  }

  .content0 .head-video {
    /* margin-left: 12rem; */
  }

  .ytp-cued-thumbnail-overlay-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    /* background-position: center; */
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .content0 .free {
    display: none;
  }

  .content1 .free {
    display: none;
  }

  .content1 {
    /*  */
    height: 1200px;
    background: url("../images/3_cancer.png");
    /* height: auto; */
    background-position: 40% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 {
    height: auto;
    /* height: 650px; */
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 .cardSlide {
    margin-bottom: 50px;
  }

  .content2 .card-container {
    height: 500px;
  }

  .content2 .buttonPosition {
    width: 35% !important;
    text-align: -webkit-center;
  }

  .content2 img {
    /* height: 100%; */
    width: 70%;
  }

  .content3 {
    height: 1700px;
    background: url("../images/Emotional support_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px;
    margin-bottom: 4rem;
  }

  .content3 .left-side {
    display: none;
  }

  .content3 .garbage {
    display: none;
  }

  .content3 .mobile img {
    margin-bottom: 2rem;
  }

  /* .content3 .frame {
    margin-left: 120px;
  } */

  .content4 {
    height: auto;
    background: url("../images/Slice 9_cancer.png");
    background-position: 45% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .content4 .buttonPosition {
    position: absolute;
    top: 800px;
    left: 140px;
  }

  .content4 .buttonPositionRight {
    display: none;
  }

  .content4 .mobile {
    display: block;
    padding: 3rem;
    padding-top: 0;
    margin-top: 1rem;
  }

  .content4 .desktop {
    display: none;
  }

  .content5 {
    /* height: 1800px; */
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content5 .subContentCard {
    height: 500px;
  }

  .content6 .main img {
    /* width: 100% !important; */
  }

  .content6 .allDot {
    text-align: center;
    margin-left: 0px;
  }

  .content6 .cardSlide .frameImage img {
    padding: 0px !important;
  }

  .content6 .mySlides {
    height: 600px;
  }

  .content6 .garbage {
    display: none;
  }

  .content2 .img-mobile {
    display: none !important;
  }

  .content4 .cardText {
    height: 500px;
    background-color: white;
    /* border-radius: 0px 0px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px; */
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .content8 .img-mobile {
    display: none !important;
  }

  .content8 {
    height: 1600px;
    /* height: 650px; */
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .imgSlide {
    background-position: 80% 50%;
  }

  .content8 .imgSlide1,
  .content8 .imgSlide2,
  .content8 .imgSlide3 {
    background-position: 70% 50%;
  }

  .content8 .imgSlide4,
  .content8 .imgSlide5,
  .content8 .imgSlide6 {
    background-position: 70% 50%;
  }

  .content8 .cardSlide {
    margin-bottom: 50px;
  }

  .content8 .card-container {
    height: 700px;
  }

  .content8 .buttonPosition {
    width: 35% !important;
    text-align: -webkit-center;
  }

  .content8 img {
    height: 100%;
    width: 60%;
  }
}

/* Small devices (tablets) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.navbar-nav .nav-link {
   
     padding-left: 1rem !important; 
}
  .fixed-btn {
    height: 20px;
  }

  .img-qa {
    height: 300px;
  }

  .video-desktop {
    display: none !important;
  }

  .video-tablet {
    display: none !important;
  }

  .video-mobile {
    display: block !important;
  }

  .banner {
    /* background-image: url("../images/panacee_hospital_BANNER-01\ 1.png"); */
    /* background-image: url("../images/panacee_hospital_Billboard_banner.png"); */
    height: 370px;
    /* background-position: 46% 75%; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    height: 370px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner .imgBtn {
    width: 40%;
  }

  .banner .imgBanner {
    margin-top: 8rem;
  }

  .banner_en .imgBtn {
    width: 40%;
  }

  .banner_en .imgBanner {
    margin-top: 8rem;
  }

  .logo-banner-top img {
    width: 100%;
    padding-top: 5rem;
  }

  .logo-banner .btnContract {
    width: 40%;
  }

  .banner .buttonBanner {
    margin-top: 36rem;
    margin-left: 4rem;
    width: 30%;
  }

  .banner_en .buttonBanner {
    margin-top: 36rem;
    margin-left: 4rem;
    width: 30%;
  }

  .content0 .onlyVideo {
    display: none !important;
  }

  .content0 .slideVideo {
    display: none;
    /* padding: 50px; */
    padding: 50px 100px 50px 100px;
  }

  .content0 .show-video {
    margin-left: 0 !important;
  }

  .content0 iframe {
    height: 300px !important;
  }

  .content1 {
    height: auto;
    background: url("../images/Slice\ 13_cancer.png");
    background-position: 98% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content1 .text {
    font-size: 17px;
  }

  .content2 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 .card-container {
    height: 700px;
  }

  .content2 .leftRight {
    text-align: -webkit-center;
    place-self: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .content2 .cardSlide {
    margin-bottom: 3rem;
  }

  .content2 .cardSlide .textSlide .topicCardSlide {
    font-size: 20px;
    color: #927d5c;
  }

  .content2 .cardSlide .textSlide .topicCardSlide1 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(23, 24, 78, 1);
  }

  .content2 .cardSlide .textSlide .textTopicCardSlide {
    font-size: 16px;
    font-weight: 300;
    /* letter-spacing: 1px;
    line-height: 2.3; */
    /* color: #927d5c; */
  }

  .content2 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 14px;
    font-family: Montserrat;
    /* line-height: 24px; */
    font-weight: 400;
  }

  .content2 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 400;
    list-style-type: none;
  }

  .content2 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-image: url("../images/image 40_cancer.png");
    background-position: 50% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }

  .content3 {
    height: 1500px;
    background: url("../images/Emotional support_cancer.png");
    background-position: 98% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px;
    margin-bottom: 4rem;
  }

  /* .content3 .frame {
    padding: 50px;
    margin-left: 75px;
  } */

  .content3 .left-side {
    display: none;
  }

  .content3 .frameText {
    /* margin-left: 8rem; */
  }

  .content3 .garbage {
    display: none;
  }

  .content3 .content {
    margin-top: 2rem;
  }

  .content4 {
    background: url("../images/Slice\ 9_cancer.png");
    background-position: 98% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .content4 .mobile {
    display: block;
  }

  .content4 .desktop {
    display: none;
  }

  .content4 .main {
    padding: 50px;
  }

  .content4 .cardText {
    height: 500px;
    background-color: white;
  }

  .content4 .cardPosition {
    padding: 60px;
  }

  .content4 .buttonPosition {
    display: none;
  }

  .content4 .buttonPositionRight .leftIcon {
    text-align: right;
  }

  .content5 {
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content5 .subContentCard {
    background: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0px 128px 128px 0px #0000000d;
    padding: 24px, 32px, 32px, 32px;
    height: 470px;
  }

  .content6 .cardSlide {
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  /* .content6 .main img {
    width: 100% !important;
    border-radius: 20px;
  } */

  .content6 .allDot {
    text-align: center;
    margin-right: 63px;
  }

  .content6 .mySlides {
    height: 900px;
  }

  .content6 .fullImage .content6 .mySlides .contentText {
    margin-top: 3rem;
  }

  .content6 .garbage {
    display: none;
  }

  .content6 .fullImage {
    width: 100% !important;
    border-radius: 20px;
  }

  .content6 .halfImage {
    width: 50% !important;
    border-radius: 20px;
  }

  .content2 .img-mobile {
    display: none !important;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .content8 .img-mobile {
    display: none !important;
  }

  .content8 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .card-container {
    height: 800px;
  }

  .content8 .leftRight {
    text-align: -webkit-center;
    place-self: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .content8 .cardSlide {
    margin-bottom: 3rem;
  }

  .content8 .cardSlide .textSlide .topicCardSlide {
    font-size: 20px;
    color: #927d5c;
  }

  .content8 .cardSlide .textSlide .topicCardSlide1 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(23, 24, 78, 1);
  }

  .content8 .cardSlide .textSlide .textTopicCardSlide {
    font-size: 16px;
    font-weight: 300;
    /* letter-spacing: 1px;
    line-height: 2.3; */
    /* color: #927d5c; */
  }

  .content8 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 14px;
    font-family: Montserrat;
    /* line-height: 24px; */
    font-weight: 400;
  }

  .content8 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 400;
    list-style-type: none;
  }

  .content8 .imgSlide {
    background-position: 70% 75%;
  }

  .content8 .imgSlide1 {
    margin: 0;
    padding: 0;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
    background-image: url("../images/image 40_cancer.png");
    background-position: 50% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
  }
  .content8 .imgSlide2,
  .content8 .imgSlide3,
  .content8 .imgSlide4 {
    background-position: 75% 75%;
  }

  .content8 .imgSlide5,
  .content8 .imgSlide6 {
    background-position: 70% 75%;
  }

  .img-qa {
    height: 300px;
  }
}

@media only screen and (min-width: 403px) and (max-width: 576px) {
.navbar-nav .nav-link {
   
     padding-left: 1rem !important; 
}
  .fixed-btn {
    height: 20px;
  }
  .banner {
    /* background-image: url("../images/panacee_hospital_BANNER-01\ 1.png"); */
    /* background-image: url("../images/panacee_hospital_Billboard_banner.png"); */

    height: 340px;
    background-position: 15% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    height: 340px;
    background-position: 22% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner .imgBanner {
    margin-top: 8rem;
  }

  .banner .imgBtn {
    width: 50%;
  }

  .banner_en .imgBanner {
    margin-top: 8rem;
  }

  .banner_en .imgBtn {
    width: 50%;
  }

  .video-desktop {
    display: none !important;
  }

  .video-tablet {
    display: none !important;
  }

  .video-mobile {
    display: block !important;
  }

  .logo-banner-top img {
    width: 75%;
    padding-top: 4rem;
  }

  .logo-banner .btnContract {
    width: 30%;
  }

  .logo-banner {
    margin-top: 0px !important;
    padding-top: 1rem;
  }

  .banner .buttonBanner {
    margin-top: 36.5rem;
    margin-left: 4rem;
    width: 33%;
  }

  .banner_en .buttonBanner {
    margin-top: 36.5rem;
    margin-left: 4rem;
    width: 33%;
  }

  .content0 .onlyVideo {
    display: none !important;
  }

  .content0 .slideVideo {
    display: none;
    padding: 50px;
  }

  .content0 .show-video {
    margin-left: 0 !important;
  }

  .content0 iframe {
    height: 300px !important;
  }

  .content1 {
    background: url("../images/3_cancer.png");
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content1 .content {
    padding: 0px 30px 30px 30px;
    /* margin-top: 1.5rem; */
  }

  .content1 .text {
    /* font-size: 16px; */
    font-size: 14px;
    line-height: 28px;
  }

  .content2 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 .leftRight {
    margin-top: 3rem;
  }

  .content2 .buttonPosition {
    width: 50%;
    text-align: -webkit-center;
    place-content: center;
  }

  .content2 .cardSlide {
    margin-bottom: 30px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #00000040;
  }

  .content2 .cardSlide .textSlide {
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  .content2 .imgSlide {
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .content2 .imgSlide img {
    border-top-left-radius: 0px;
    border-end-start-radius: 0px;
  }

  .content2 .textSlide {
    background-color: white;
    height: 800px;
  }

  .content2 .cardSlide {
    background: transparent;
  }

  .content2 .headerTop {
    margin-left: 0 !important;
    padding: 2rem;
  }

  .content2 .imgSlide1,
  .content2 .imgSlide2,
  .content2 .imgSlide3,
  .content2 .imgSlide4 {
    background: transparent;
  }

  .content2 .imgSlide2 img,
  .content2 .imgSlide3 img,
  .content2 .imgSlide4 img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  .content3 {
    padding: 20px;
    height: 1300px;
    background: url("../images/Emotional support_cancer.png");
    background-position: 90% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content3 .content {
    font-size: 16px;
  }

  .content3 .left-side {
    display: none;
  }

  .content3 .buttonPosition {
    margin-left: 30px;
    margin-top: 50px;
    width: 55%;
    place-content: center;
  }

  .content3 .garbage {
    display: none;
  }

  .content4 {
    height: auto;
    background: url("../images/Slice\ 9_cancer.png");
    background-position: 40% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .content4 .mobile {
    display: block;
  }

  .content4 .desktop {
    display: none;
  }

  .content4 .cardText {
    /* height: 650px; */
    background-color: white;
  }

  .content4 .main {
    padding: 50px;
  }

  .content4 .leftSide {
    display: none;
  }

  .content4 .leftPosition {
    display: none;
  }

  .content4 .leftIcon {
    right: 0px;
    text-align: right;
  }
  .content4 .rightIcon {
  }

  .content5 {
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content5 .subContentCard {
    height: 520px;
  }

  .content5 .subContentCard .contentShow {
    padding: 0px 50px 0px 50px;
  }

  /* .content6 .main img {
    width: 100% !important;
  } */

  .content6 {
    height: 3500px;
  }

  .content6 .main .cardSlide .contentCard .half img {
    width: 55% !important;
    border-radius: 20px;
  }

  .content6 .main {
    padding: 50px !important;
  }

  .content6 .allDot {
    text-align: center;
    margin-left: 0px;
  }

  .content6 .mySlides {
    height: auto;
  }

  .content6 .cardSlide .frameImage img {
    padding: 0px !important;
  }

  .content6 .garbage {
    display: none;
  }

  .content6 .fullImage .content6 .mySlides .contentText {
    margin-top: 3rem;
  }

  .content6 .fullImage {
    width: 100% !important;
    border-radius: 20px;
  }

  .content6 .halfImage {
    width: 50% !important;
    border-radius: 20px;
  }

  .content6 .free {
    display: none;
  }


  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .content8 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .leftRight {
    margin-top: 3rem;
  }

  .content8 .buttonPosition {
    width: 50%;
    text-align: -webkit-center;
    place-content: center;
  }

  .content8 .cardSlide {
    margin-bottom: 30px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #00000040;
  }

  .content8 .cardSlide .textSlide {
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  .content8 .imgSlide {
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .content8 .imgSlide img {
    border-top-left-radius: 0px;
    border-end-start-radius: 0px;
  }

  .content8 .textSlide {
    background-color: white;
    height: 900px;
  }

  /* .content8 img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  } */

  .content8 .cardSlide {
    background: transparent;
  }

  .content8 .imgSlide1,
  .content8 .imgSlide2,
  .content8 .imgSlide3,
  .content8 .imgSlide4 {
    background: transparent;
  }

  /* .content8 .imgSlide2 .img-mobile img,
  .content8 .imgSlide3 .img-mobile img,
  .content8 .imgSlide4 .img-mobile img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  } */

  .content8 .img-mobile img,
  .content8 .img-mobile img,
  .content8 .img-mobile img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
}

/* Extra small devices (phones) */
@media only screen and (max-width: 402px) {
.navbar-nav .nav-link {
   
     padding-left: 1rem !important; 
}
  .fixed-btn {
    height: 20px;
  }
  .banner {
    /* background-image: url("../images/banner_cancer_mobile.png"); */
    height: 320px;
    /* background-position: center; */
    background-position: 17% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .banner_en {
    height: 320px;
    background-position: 22% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .video-desktop {
    display: none !important;
  }

  .video-tablet {
    display: none !important;
  }

  .video-mobile {
    display: block !important;
  }

  .banner .imgBanner {
    margin-top: 8rem;
  }

  .banner .imgBtn {
    width: 50%;
  }

  .banner_en .imgBanner {
    margin-top: 8rem;
  }

  .banner_en .imgBtn {
    width: 50%;
  }

  .logo-banner-top img {
    width: 70%;
    padding-top: 4rem;
  }

  .logo-banner .btnContract {
    width: 40%;
  }

  .logo-banner {
    margin-top: 0px !important;
    padding-top: 1rem;
  }

  .content0 {
    margin: 0;
    padding: 0;
    place-content: center;
  }

  .content0 .text {
    font-size: 16px;
  }

  .content0 .onlyVideo {
    display: none !important;
  }

  .content0 .slideVideo {
    display: none;
    /* padding: 50px; */
  }

  .content0 iframe {
    height: 300px;
  }

  .content0 .show-video {
    margin-left: 0 !important;
  }

  .content1 {
    height: auto;
    background: url("../images/Slice 13_cancer.png");
    background-position: 80% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content1 .topic {
    font-size: 24px;
    white-space: pre-line;
  }

  .content1 .content {
    padding: 0px 50px 50px 50px;
    margin: 0;
  }

  .content2 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content2 .topic {
    font-size: 22px;
    font-weight: 500;
  }

  .content2 .leftPosition {
    width: 75%;
    text-align: -webkit-center;
    margin-top: 2rem;
    place-content: center;
  }

  .content2 .cardSlide {
    margin-bottom: 3rem;
  }

  .content2 .cardSlide {
    margin-bottom: 30px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #00000040;
  }

  .content2 .cardSlide .textSlide {
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  .content2 .cardSlide .textSlide .topicCardSlide {
    margin-top: 1rem;
    font-size: 24px;
    color: #927d5c;
  }

  .content2 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 16px;
    font-family: Montserrat;
    line-height: 24px;
    font-weight: 400;
  }

  .content2 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 14px;
    font-family: Montserrat;
    line-height: 16px;
    font-weight: 400;
    list-style-type: none;
  }

  .content2 .textSlide {
    background-color: white;
    height: 800px;
  }

  .content2 .cardSlide {
    background: transparent;
  }

  .content2 .imgSlide {
    background: transparent;
  }

  .content2 .imgSlide1,
  .content2 .imgSlide2,
  .content2 .imgSlide3,
  .content2 .imgSlide4 {
    background: transparent;
  }

  .content2 .imgSlide2 img,
  .content2 .imgSlide3 img,
  .content2 .imgSlide4 img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  .content3 {
    height: 1500px;
    padding: 50px;
    background: url("../images/Frame 37012_cancer.jpg");
    background-position: 65% 75%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content3 .left-side,
  .content3 .garbage {
    display: none;
  }

  .content4 {
    padding: 40px;
    background-position: 40% 75% !important;
  }

  /* .content4 .cardText {
    height: 1100px;
  } */

  .content4 .mobile {
    display: block;
  }

  .content4 .desktop {
    display: none;
  }

  .content4 .cardText {
    background-color: white;
    /* border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040; */
    /* height: auto; */
  }

  .content4 .leftRight {
    text-align: -webkit-center;
    place-self: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .content4 .buttonPosition {
    position: absolute;
  }

  .content4 .leftPosition {
    display: none;
  }

  /* .content4 .detail-position{
    height: 0 !important;
  } */

  .content4 .buttonPositionRight {
  }

  .content5 {
    height: auto;
    background: url("../images/Slice\ 8_cancer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content5 .topic {
    font-weight: 500;
    font-size: 24px;
  }

  .content5 .topic1 {
    font-weight: 500;
    font-size: 24px;
  }

  .content6 .main {
    padding: 50px;
  }

  .content6 .main img {
    width: 100% !important;
  }

  .content6 .allDot {
    text-align: center;
    margin-left: 0px;
  }

  .content6 .mySlides {
    height: auto;
  }

  .content6 .cardSlide .frameImage img {
    padding: 0px !important;
  }

  .content6 .cardSlide {
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  .content6 .garbage {
    display: none;
  }


  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .content8 {
    height: auto;
    background: url("../images/Slice\ 6_cancer.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .content8 .topic {
    font-size: 24px;
    font-weight: 500;
  }

  .content8 .leftPosition {
    width: 75%;
    text-align: -webkit-center;
    margin-top: 2rem;
    place-content: center;
  }

  .content8 .cardSlide {
    margin-bottom: 3rem;
  }

  .content8 .cardSlide {
    margin-bottom: 30px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #00000040;
  }

  .content8 .cardSlide .textSlide {
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
  }

  .content8 .cardSlide .textSlide .topicCardSlide {
    margin-top: 1rem;
    font-size: 24px;
    color: #927d5c;
  }

  .content8 .cardSlide .textSlide .contentCardSlide1 {
    color: #17184e;
    font-size: 16px;
    font-family: Montserrat;
    line-height: 24px;
    font-weight: 400;
  }

  .content8 .cardSlide .textSlide .contentCardSlide2 {
    color: #19182580;
    font-size: 14px;
    font-family: Montserrat;
    line-height: 16px;
    font-weight: 400;
    list-style-type: none;
  }

  .content8 .textSlide {
    background-color: white;
    height: 1100px;
  }

  .content8 .cardSlide {
    background: transparent;
  }

  .content8 .imgSlide {
    background: transparent;
  }

  .content8 .imgSlide1,
  .content8 .imgSlide2,
  .content8 .imgSlide3,
  .content8 .imgSlide4 {
    background: transparent;
  }

  .content8 .imgSlide2 img,
  .content8 .imgSlide3 img,
  .content8 .imgSlide4 img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  .img-qa {
    height: 400px;
  }
}