/* Reset default margin and padding */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.headerleft a img {
  height: 100px;
}

.logocontainer img {
  width: 100%;
  height: 175px;
}
.triangle img {
  width: 100%;
  height: 100px;
}

/* Define Bookmark Old Style font */
@font-face {
  font-family: "Bookmark Old Style"; /* Font name */
  src: url("../fonts/BookmarkOldStyle.ttf") format("truetype"); /* Correct font path */
  font-weight: normal;
  font-style: normal;
}

/* Apply the font to the entire website */
html,
body {
  font-family: "Bookmark Old Style", serif; /* Fallback font is serif */
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.topnavbar {
  position: relative;
  background: linear-gradient(90deg, #06425c 0%, #0d8bc2 100%);
}

.navbarcontainer {
  display: flex;
  margin: auto;
  width: 90%;
  padding: 15px 0;
  justify-content: space-between;
  align-items: center;
}

.navlists {
  display: flex;
}

.navlists li {
  margin: 0 12px;
  list-style-type: none;
}

.navlists li a {
  line-height: 1.625;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  font-family: "Bookmark", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.headermain {
  width: 100%;
  background-color: #fff;
  padding: 5px 0;
  z-index: 10;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.headercontainertop {
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headercontainer {
  padding: 40px 0 0 0;
}

.headercontainermain {
  padding: 40px 0;
}

.headerleft img {
  height: 50px;
}

.headerright {
  display: flex;
}

.headerlists {
  display: flex;
  align-items: center;
}

.headerlists li {
  margin: 0 13px;
  list-style-type: none;
  position: relative;
  /* Ensure submenu positioning */
}

.headerlists li a {
  font-size: 18px;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.3s ease;
}

.headerlists li a:hover {
  color: #29abe2;
}

.submenulist {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  display: none;
  background-color: #fff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.headerlists li:hover .submenulist {
  padding-top: 20px;
  display: block;
}

.Submenulistcontainer {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.Submenulistcontainer li {
  border-bottom: 1px solid grey;
  padding: 10px;
}

.Submenulistcontainer li a {
  width: 300px;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.3s ease;
}

.Submenulistcontainer li a:hover {
  background-color: #f0f0f0;
}

/* Ensure previous styles remain intact */

/* Additional styles for third-level submenu */
.Submenulistcontainer ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

.Submenulistcontainer li:hover > ul {
  display: block;
}

.Submenulistcontainer ul li {
  width: 250px;
  /* Adjust width as needed */
}

.Submenulistcontainer ul li a {
  padding: 8px 16px;
  color: #333;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.Submenulistcontainer ul li a:hover {
  background-color: #f0f0f0;
}

/* Ensure the section takes up the full viewport height */
.herosection {
  position: relative;
  width: 100%;
  height: 75vh;
  overflow: hidden;
  /* Ensures that any overflow content is hidden */
}

/* Center the video container */
.herocontainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* Make the video fill the container, maintain aspect ratio, and cover the entire container */
.herocontainer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the video covers the container while maintaining aspect ratio */
  object-position: center;
  /* Centers the video */
}

/* Style for the text container */
.text-container {
  position: absolute;
  top: 70%;
  left: 10%;
  transform: translateY(-50%);
  z-index: 2;
  /* Ensure the text is above the video */
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  max-width: 500px;
  /* Adjust the max width as needed */
}

.herocontainer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.text-container h3 {
  font-size: 60px;
}

.reportsectionback {
  background-color: #fff;
}

.reportsection {
  margin: 0 auto;
  width: 95%;
  padding: 50px 0;
}

.reportcontainer {
  margin: 0 0 50px 0;
  display: flex;
}

.reportleft {
  background-color: #18323e;
  position: relative;
  padding: 50px;
  width: 50%;
}

.reportleft::before {
  background-image: url(../images/hexagon-pattern.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.reportleft h3 {
  width: 88%;
  margin-bottom: 70px;
  font-size: 55px;
  color: #f6f6f6;
}

.reportleftcnt {
  width: 83%;
}

.reportleft h4 {
  line-height: 1.3;
  font-size: 55px;
  color: #f6f6f6;
}

.reportleft p {
  line-height: 1.6;
  font-size: 21px;
  margin-bottom: 50px;
  margin-top: 25px;
  color: #f6f6f6;
}

.reportright {
  width: 50%;
}

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

.reportbuttons a {
  border-radius: 20px;
  background-color: #aa198d;
  text-decoration: none;
  color: #fff;
  padding: 18px 70px;
  font-size: 17px;
  font-weight: 600;
}

.reportbuttons a:hover {
  background-color: #d99412;
}

.aboutussection {
  display: flex;
  justify-content: center;
  /* margin-top: -50px; */
  padding: 50px 100px;
  background: linear-gradient(
    to bottom,
    #a3d8f1,
    rgb(210 241 255 / 46%),
    #a3d8f133
  );
  position: relative;
}

.aboutussection::before {
  background-image: url(../images/hexagon-pattern.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.aboutcontainer {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}

.aboutteem {
  width: 30%;
  display: flex;
  flex-direction: row;
  padding: 10px;
  box-sizing: border-box;
  align-items: center;
}

.abtitem {
  margin: 10px 0;
}

.abtitem li {
  list-style: none;
}

.abtitem h3 {
  color: #000;
  margin: 5px 0;
}

.abtitem p {
  color: #000;
  margin: 5px 0;
}

.abtitem li i {
  color: #aa198d;
  font-size: 40px;
  margin-right: 20px;
}

/* Slider Image css start From here */

/*------------------------------------------------------- Team member Start From here------------------------------------------------------- */

.ourteammemberback {
  padding: 50px 0;
  background-color: #29abe226;
}

.ourteammember {
  padding: 50px 0;
  /* margin-top: 50px; */
  animation: 3s ease-in 1s infinite reverse both running slidein;
  background-color: #29abe2;
  background-image: radial-gradient(
      circle at right 10% bottom 10%,
      #1b1e1f36,
      #3093bc 30%,
      transparent 30%
    ),
    radial-gradient(
      circle at left 40% top 35%,
      #29abe275,
      #006c9a4a 22%,
      transparent 22%
    ),
    linear-gradient(-45deg, #0070a0 0%, #203741 100%);
  background-size: auto;
}

.ourteamcontainer {
  padding: 50px 0;
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.teammmbr {
  box-shadow: 0px 0px 20px 0px #2f92bb;
  border-radius: 50px;
  text-align: center;
  color: #dbdbdb;
  background-color: #18323e;
  margin-top: 50px;
  width: 27%;
}

.teammmbr img {
  border-radius: 50px 50px 0 0;
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.teammmbr h3 {
  margin-top: 10px;
  font-size: 15px;
}

.teammmbr p {
  color: #dbdbdb;
  line-height: 1.3;
  letter-spacing: 1px;
  padding: 0 50px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 15px;
}

.teammmbrbtn {
  color: #0070a0;
  cursor: pointer;
  margin-bottom: 25px;
  line-height: 1.3;
  letter-spacing: 1px;
}

.teammmbrbtn:hover {
  color: #fff;
  /* font-size: 15px; */
  transition-duration: 200ms;
}

.behindusconainer {
  margin: 15px;
  padding: 50px 0;
  display: flex;
  position: relative;
  justify-content: space-between;

  background-color: rgba(13, 139, 194, 0.5);
  /* Add a semi-transparent background color */
}

.behindusconainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/leadership.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.behindusconainer > * {
  position: relative;
  /* Ensure text is above the overlay */
  z-index: 2;
}

.behindus {
  color: #dadada;
  padding: 50px 0;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.behindus h3 {
  color: #fff;
  /* letter-spacing: 5px; */
  line-height: 1.3;
  font-size: 22px;
  /* margin: 35px 0; */
}

/*---------------------------------------------------- footer start from here---------------------------------------------------- */

.footermain {
  color: #fff;
  background-color: #18323e;
  padding: 100px 70px 70px 70px;
}

.footercontainer {
  display: flex;
  flex-wrap: wrap;
}

.footercontainer {
  display: flex;
  flex-wrap: wrap;
}

.containerlist {
  padding: 0 30px;
  width: 25%;
}

.containerlist li {
  margin-top: 15px;
  list-style-type: none;
}

.containerlist p {
  margin-top: 25px;
  color: #dbdbdb;
}

.containerlist li a {
  line-height: 1.4;
  color: #dbdbdb;
  text-decoration: none;
}

.containerlist li a:hover {
  color: #000;
  transition-duration: 1000s;
}

.containerlist h5 {
  font-size: 20px;
  margin-bottom: 20px;
}

.containerlist img {
  box-shadow: 0 0 7px 0px white;
  border: 2px white solid;
  border-radius: 61%;
  padding: 35px;
  background-color: #fff;
}

.containerlist li i {
  color: #dbdbdb;
  margin-right: 7px;
}

.headercontainerteam h1 {
  /* margin: 50px 0 30px 0; */
  font-size: 30px;
  color: rgba(19, 128, 174, 1);
}

.headercontainer h4 {
  margin: 50px 0 30px 0;
  font-size: 30px;
  color: rgba(19, 128, 174, 1);
}

.horizontal-line {
  display: inline-block;
  width: 60px;
  height: 5px;
  background: rgba(19, 128, 174, 1);
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}

/*-------------------------------------------------------- Copyright-------------------------------------------------------- */
.footercopyright {
  background-color: #0070a0;
  text-align: center;
}

.footercopyright p {
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
}

.footercopyright p a {
  color: yellow;
  font-weight: 600;
  text-decoration: none;
}

/*------------------------------------ Footer Start From here------------------------------------ */

.footermainsection {
  padding: 100px 150px 60px 150px;
  display: flex;
  background: linear-gradient(320deg, #0d8bc2, #06425c);
  position: relative;
  justify-content: space-between;
}

.footermainsection::before {
  background-image: url(../images/vector.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  /* opacity: ; */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.footerconatiner {
  z-index: 1;
  color: #fff;
  max-width: 30%;
}

.footerconatiner h3 {
  font-size: 25px;
  margin-bottom: 25px;
}

.socialiconsfoooter {
  display: flex;
}

.socialiconsfoooter li {
  list-style-type: none;
  margin-right: 20px;
  cursor: pointer;
}

.listcontainer ul li {
  cursor: pointer;
  text-decoration: underline;
  list-style-type: none;
  line-height: 2.5;
}

.contfirst,
.contthird {
  margin-top: 50px;
}

.forwidthset {
  width: 100%;
}

.forwidthset ul li a {
  color: #fff;
}

.forwidthset ul li a:hover {
  color: #c7c7c7;
}

.forwidthset p,
li {
  line-height: 1.8;
  font-size: 18px;
}
.forwidthset p {
  padding: 10px 0;
}

.smtzer {
  text-decoration: underline;
}

.lastcontainermmonu {
  position: relative;
  width: 86%;
  margin: 0 auto;
  margin-top: 50px;
}

.lastcontainermmonu p {
  font-size: 18px;
  line-height: 1.6;
  color: #035f86;
  font-weight: 600;
}

/*-------------------------------------- Product slider start from here-------------------------------------- */

.slidermedicineback {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: linear-gradient(1deg, #06425c 0%, #0d8bc2 100%);
  padding: 20px 0;
}

.slidermedicine {
  display: flex;
  transition: transform 4s ease-in-out;
  transform: translateX(0);
  /* Ensure the slider starts at the correct position */
}

.slidercontainer {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.slidecontentimg {
  min-width: 100%;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slidermedleft img {
  text-align: center;
  width: 500px;
  /* height: auto; */
  border-radius: 10px;
}

.slidermedleft {
  width: 50%;
  padding: 20px;
}

.slidermedright {
  width: 50%;
  padding: 20px;
}

.slidermedright h3 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}

.slidermedright p {
  color: white;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.readmorebtn {
  border: 1px solid #fff;
  display: inline-block;
  padding: 10px 20px;
  background-color: #0070a0;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.readmorebtn:hover {
  background-color: #035f86;
}

.prev,
.next {
  font-size: 30px;
  background: rgba(255, 255, 255, 0.29);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* background-color: rgba(0, 0, 0, 0.5); */
  color: #fff;
  border: 1px solid white;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 50%;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

.prev:hover,
.next:hover {
  background-color: #0070a0;
}

.medicaltxtcontainer {
  width: 80%;
}

/* -------------------------------------------------Doctor Profil start from here------------------------------------------------- */

.doctor-profile {
  padding: 50px 0;
  background: linear-gradient(
    180deg,
    #a3d8f1 30.4%,
    rgba(214, 238, 249, 0.462438) 99.99%,
    rgba(255, 255, 255, 0.03) 100%
  );
}

.doctor-slider {
  display: flex;
  overflow: hidden;
  position: relative;
}

.doctor-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.doctor {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
  padding: 0 15px;
  text-align: center;
}

.doctor img {
  background-color: #fff;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.doctor h3 {
  margin: 15px 0 5px;
  font-size: 18px;
  color: #333;
}

.doctor p {
  margin: 10px 0 5px;
  font-size: 14px;
  color: #777;
}

.doctor p a {
  color: #0d8bc2;
}

.prev-doct,
.next-doct {
  color: #0c4a65;
  font-size: 30px;
  padding: 10px 23px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #06425c;
  cursor: pointer;
}

.prev-doct:hover,
.next-doct:hover {
  color: #fff;
  background: linear-gradient(to top, #06425c, #0e8cc2);
}

/* --------------------------------------------------------breadcurmb-------------------------------------------------------- */
.breadcrundttl {
  color: #1380ae;
  padding: 50px 0;
  position: relative;
  background: linear-gradient(to left, #29abe21f, #ffffff);
}

.breadcurmb {
  padding: 0 50px 0;
}

.contbread p a {
  color: #0070a0;
  text-decoration: none;
}

/* ------------------------------------------------------Contact Us Page start from Here------------------------------------------------------ */

.googlemap iframe {
  height: 500px;
  width: 100%;
}

.sectioninfosectr {
  margin-top: -5px;
  padding: 100px 0;
  background: linear-gradient(to left, #fff, #29abe21f);
}

.infosectr {
  margin: 0 auto;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.contsectionleft {
  width: 33%;
}

.contsectionright {
  width: 33%;
}

.contsectioncenter {
  width: 3px;
  /* height: 100%; */
  background: #1380ae;
}

.contsectionleft p {
  line-height: 1.6;
}

.contsectionleft h4,
.contsectionright h4 {
  font-size: 25px;
  color: rgba(19, 128, 174, 1);
  margin-bottom: 30px;
}

.contsectionleft ul li {
  margin-top: 20px;
  list-style-type: none;
  color: #000;
  font-size: 18px;
}

.contsectionleft ul li i {
  margin-right: 20px;
}

.addshorter {
  width: 100%;
  display: flex;
}

.openinghour {
  display: flex;
}

.openinghour li {
  margin-right: 40px;
  list-style-type: none;
}

.contactform {
  padding-bottom: 70px;
  background: linear-gradient(to left, #fff, #29abe21f);
}

.formcont {
  margin: 0 auto;
  width: 90%;
  border: 1px solid #29abe2;
  padding-bottom: 100px;
  background: linear-gradient(to top, #fff, #29aae24b);
}

.formheading h3 {
  font-size: 26px;
  text-align: center;
  color: rgba(19, 128, 174, 1);
  margin: 100px;
}

.formcntcomoncont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.formcntcomoncont1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.formcntcomon {
  display: flex;
  width: 47%;
  margin-bottom: 30px;
  flex-direction: column;
}

.formcont input {
  border-radius: 8px;
  padding-left: 10px;
  height: 36px;
  border: 1px solid #616060;
  margin-top: 10px;
}

.formcont label {
  color: #616060;
}

.formcntmessage {
  display: flex;
  flex-direction: column;
}

.formcntmessage input {
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 15%;
  /* margin-top: 10px; */
  width: 75vw;
  /* height: 250px;*/
}

.formcntaccept ul {
  display: flex;
  align-items: center;
}

.formcntaccept ul li {
  list-style-type: none;
  margin-right: 20px;
}

.contactformmain {
  padding: 0 107px;
}

.formcntaccept {
  margin-top: 20px;
}

.formcntsubmit button {
  cursor: pointer;
  font-size: 18px;
  border-radius: 10px;
  height: 59px;
  color: #fff;
  background-color: #06425c;
  width: 100%;
}

.formcntsubmit {
  margin: 50px 0;
}

.formcntaccept ul li input {
  transform: scale(1.75);
}

.bookappointment {
  padding: 70px 0px;
  margin-bottom: 40px;
  background: linear-gradient(to left, #0d8bc2, #06425c);
}

.forwidthcont {
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 78%;
}

.siderconstiner {
  width: 70%;
}

.siderconstiner2 {
  width: 30%;
}

.siderconstiner2 button {
  border-radius: 10px;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 21px;
  width: 303px;
  height: 50px;
  color: #1380ae;
}

.siderconstiner p {
  font-size: 19px;
  line-height: 1.8;
  width: 24vw;
  color: #fff;
}

/* ---------------------------------------------Main Class Start From here--------------------------------------------- */

.mainclass {
  background: linear-gradient(to left, #29abe21f, #ffffff);
  position: relative;
}

.mainclass::before {
  content: "";
  background-image: url(../images/hexagon-pattern.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.imgandtextcontainer {
  margin: 0 auto;
  width: 95%;
}

.imgourcompany {
  padding: 300px 50px 0 50px;
  background: linear-gradient(to top, #0d6286, #29aae2);
  position: relative;
}

.imgourcompany::before {
  content: "";
  background-image: url(../images/pagestart/3.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.textourcompany {
  position: relative;
  background: #06425c;
}

.textourcompany p {
  position: relative;
  z-index: 2;
  width: 80%;
  color: #fff;
  padding: 20px 50px;
  background: #06425c;
  font-size: 20px;
}

.imgourcompany h4 {
  position: relative;
  z-index: 111112;
  text-shadow: 1px 1px 4px black;
  margin-bottom: 41px;
  line-height: 1.5;
  width: 78%;
  font-size: 25px;
  color: #fff;
}

.imgourcompany p {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
  text-shadow: 1px 1px 2px black;
  color: #fff;
  font-size: 20px;
  width: 86%;
}

.ourcompanysection {
  padding: 50px 0;
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.fourcontainercmp {
  margin: 0 auto;
  height: 115px;
  width: 115px;
  border-radius: 50%;
  padding: 20px;
  background: linear-gradient(90deg, #06425c 0%, #0d8bc2 100%);
}

.fourcontainercmp img {
  width: 74px;
}

.forcmpcontflex {
  display: flex;
  justify-content: center;
}

.cmphandtp h3 {
  margin: 25px 0;
  text-align: center;
}

.cmphandtp p {
  line-height: 1.3;
  text-align: center;
}

.cmpflxcont {
  padding: 0 25px;
  width: 34%;
}

.contentareaall {
  position: relative;
  width: 86%;
  margin: 0 auto;
}
.contentareaall p {
  font-size: 18px;
}
.contentareaall h4 {
  font-size: 30px;
  color: #035f86;
  text-align: center;
}
.highlighter {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #035f86;
}

.highlighter0 {
  color: #035f86;
}

.topspacer {
  margin-top: 30px;
}

.widthseventy {
  width: 70%;
}

.widtheighty {
  width: 80%;
}

.widthninety {
  width: 90%;
}

.lineheight {
  line-height: 1.5;
}

.contentareaallsec {
  position: relative;
  padding: 0 0 100px 0;
}

.boldclass {
  font-weight: 700;
  color: #616060;
}

.colorlowblk {
  color: #616060;
}

.imagewithcontsection {
  text-align: center;
  padding:100px 0;
}

.imagecontainercommunity {
  width: 86%;
  position: relative;
  margin: 0 auto;
}

.imagecontainercommunity img {
  width: 100%;
}

.textcontainercommunity {
  margin: 20px auto;
  width: 86%;
  position: relative;
  background: linear-gradient(270deg, #0d8bc2, #06425c);
}

.textcontainercommunity h4 {
  text-align: justify;
  padding: 50px;
  width: 91%;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

/* Stories Of Impact  */
.testimonialcontainer {
  margin: 100px 0;
  padding: 30px 0 65px 0;
  position: relative;
  background: linear-gradient(270deg, #0d8bc2, #06425c);
  overflow: hidden;
  /* added to remove horizontal scrollbar */
}

.testimonial-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.testimonials {
  display: flex;
  transition: transform 0.5s ease-in-out;
  justify-content: flex-start;
}

.testimonial {
  min-width: 25%;
  box-sizing: border-box;
  padding: 20px;
  /* text-align: center; */
  border: 1px solid #ddd;
  margin: 10px;
  background-color: #fff;
  flex: 0 0 25%;
  /* added to make each testimonial take equal space */
}

.arrow {
  border-radius: 50%;
  padding: 15px 25px;
  background-color: #94c8df;
  color: white;
  border: 4px solid #fff;
  cursor: pointer;
  margin: 0 7px;
  font-size: 25px;
}

.textopcontainer {
  margin: 0 auto;
  width: 90%;
  display: flex;
  justify-content: space-around;
}

.testimonial p {
  margin: 0 auto;
  width: 85%;
  font-size: 20px;
}

.horizontal-line-white {
  display: inline-block;
  width: 60px;
  height: 5px;
  background: rgb(255, 255, 255);
  margin-right: 10px;
  vertical-align: middle;
}

.headercontainertestimonial {
  width: 95%;
  margin: 0 auto;
}

.headercontainertestimonial h1 {
  margin: 50px 0 30px 0;
  font-size: 30px;
  color: #fff;
}

.headercontainertestimonial p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 50px;
}

.tesimgcont {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.tesimgcont img {
  margin-right: 20px;
}

.testimonial p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.testbtn {
  margin: auto;
  display: flex;
}

.buttoncontainerpost {
  position: relative;
}

.buttoncontainerpost button {
  background-color: #aa198e;
  color: #fff;
  border: none;
  padding: 18px 20px;
  border-radius: 30px;
  cursor: pointer;
}

.buttoncontainee {
  text-align: center;
}

.backmedicalinfo {
  padding: 20px 0;
  text-align: center;
  position: relative;
  background: linear-gradient(0deg, #ffffff, #e0f2fa, #bde3f5, #a3d8f1);
}

.backmedicalinfo p {
  font-weight: 800;
  font-size: 15px;
  color: #1380ae;
}

.medbutton {
  background: #aa198e;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
}

/* //Our Product start Old Product Css Code */

.ourproductcontainermain {
  position: relative;
  padding: 0 0 100px 0;
}

.productcontainer {
  background-color: #b9e3f5;
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  margin: 35px auto;
  border-radius: 20px;
}

.productimage {
  width: 50%;
  text-align: center;
}

.productimage img {
  width: 60%;
}

.productcontaint {
  width: 50%;
  padding: 0 50px;
}

.productcontaint h3 {
  color: #1380ae;
  font-size: 25px;
  margin: 15px 0;
}

.productcontaint p {
  text-align: justify;
  color: #3c3f42;
}

.margintop15 {
  padding: 15px 0;
}

/* //Our Product start Old Product Css End Code */

/* //Our Product start New Product Css Start Code */

.fontstylebold {
  font-size: 50px;
  font-weight: bold;
  font-family: "Bookmark", serif;
}

.textpeoductmain {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.textpoductwithcolor {
  min-width: 30%;
  padding: 40px;
  text-align: center;
  border: 1px solid grey;
}

.textpoductwithcolor h6 {
  padding-bottom: 5px;
  font-size: 20px;
}
.mainh3tags {
  color: #1380ae;
  padding: 41px 0;
  font-size: 31px;
  text-align: center;
  font-weight: 900;
}

/* //Our Product start New Product Css Start Code */

.aboutuskremedine {
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.abtuskremeimage {
  width: 40%;
}
.abtuskremetext {
  width: 40%;
}

.abtuskremeimage img {
  width: 100%;
  border-radius: 20px;
  box-shadow: -1px 4px 20px 20px #4e4c4c2e;
}

.abtuskremetext h3 {
  text-align: center;
  color: #1380ae;
  font-size: 25px;
  padding-bottom: 20px;
}

.abtuskremetext p {
  font-size: 18px;
  color: #4e4c4c;
  line-height: 25px;
  text-align: justify;
}

.abtuskremetext h4 {
  text-align: center;
  color: #1380ae;
  font-size: 18px;
  padding-top: 20px;
}

/* ////////////////////////////////////////////////---------------------///////////////////////////////////////// */

.blogsandnewssection {
  position: relative;
  padding: 80px 100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.blognewscontainer {
  padding: 5px 5px 20px 5px;
  text-align: center;
  width: 22%;
  border: 1px solid #c4c4c4;
  margin-bottom: 25px;
}

.blognewstittle {
  padding: 10px;
}

.blognewsimg img {
  object-fit: cover;
  height: 220px;
  width: 100%;
}

.blogsnewsbtn {
  margin: 23px 0px 6px;
}

.blogsnewsbtn a {
  background-color: #074e6d;
  padding: 6px 12px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 5px;
}

.headercontainer h4 {
  text-align: center;
  font-size: 25px;
}

.headercontainer h1 {
  text-align: center;
  color: #035f86;
  font-size: 25px;
}

.abtnewclass {
  padding: 20px 0;
}

.abtnewclass p {
  font-size: 18px;
  padding: 10px 0;
}

.blognewtxt p {
  font-size: 18px;
}

.blognewstittle h3 {
  font-size: 20px;
}

.triangle {
  padding: 150px 20px 20px 150px;
  background: #fff;
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
}

.footermenudesign {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.listcontainer ul li {
  width: 50%;
}

.footerwithlogo {
  max-width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 900px) {
  .footerwithlogo {
    max-width: 25%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}