@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: myFont1;
  src: url(../font/The\ Billion.otf);
}
@font-face {
  font-family: myFont2;
  src: url(../font/The\ Billion.ttf);
}
@font-face {
  font-family: myFont3;
  src: url(../font/The\ Billion\ Monoline.otf);
}
@font-face {
  font-family: myFont4;
  src: url(../font/The\ Billion\ Monoline.ttf);
}
@font-face {
  font-family: myFont5;
  src: url(../font/Aller_Lt.ttf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primaryColor: rgba(0, 126, 133, 1);
  --secondaryColor: #33cccc;
  --secondaryTextColor: rgb(141, 141, 141);
}

body {
  font-family: "Poppins", serif;
}

/* width */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.048);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primaryColor);
}

.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 620px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

a,
button,
div,
span,
i,
b,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
ul,
li,
select,
label,
textarea {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  font-family: "Poppins", serif;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  font-family: "Poppins", serif;
}

input {
  -webkit-tap-highlight-color: transparent;
}

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

video::-internal-media-controls-overlay-cast-button {
  display: none;
}

textarea {
  resize: none;
  font-family: "Poppins", serif;
}

::-moz-selection {
  color: var(--primaryColor);
  background: #9c9c9c;
}

::selection {
  color: var(--primaryColor);
  background: #9c9c9c;
}

main {
  display: flex;
  flex-direction: column;
}

main:not(.en) [data-lang=en],
main:not(.ger) [data-lang=ger] {
  display: none;
}

main.en [data-lang=en],
main.ger [data-lang=ger] {
  display: block;
}

.pageTransition {
  position: fixed;
  background-color: #fff;
  z-index: 40;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0%;
  display: block;
}

.pageTransition .pageTransitionLogo {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 300px;
}

.pageTransition .pageTransitionLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.shimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 105;
  background: rgba(0, 0, 0, 0.486);
  display: none;
}

.sidemenu {
  width: 100%;
  position: fixed;
  z-index: 200;
  background: white;
  top: -100%;
  left: 0;
  transition: 0.3s all;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.sidemenu .closeSidemenu {
  position: absolute;
  right: 5%;
  top: 20px;
  cursor: pointer;
  font-size: 25px;
}
.sidemenu .sidemenuLink {
  width: 100%;
  padding: 50px 100px;
}
@media (max-width: 480px) {
  .sidemenu .sidemenuLink {
    padding: 50px 20px;
  }
}
.sidemenu .sidemenuLink ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sidemenu .sidemenuLink ul li {
  list-style: none;
}
.sidemenu .sidemenuLink ul li a {
  text-decoration: none;
  display: flex;
  color: black;
  font-size: 2em;
  align-items: center;
  height: 0;
  overflow: hidden;
  position: relative;
  transition: 0.5s all;
}
.sidemenu .sidemenuLink ul li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: white;
  transition: 2s all;
}
.sidemenu .sidemenuLink ul li a.navLinkAnchorActive {
  height: 70px;
}
@media (max-width: 480px) {
  .sidemenu .sidemenuLink ul li a.navLinkAnchorActive {
    height: 50px;
    margin-top: 10px;
  }
}
.sidemenu .sidemenuLink ul li a.navLinkAnchorActive::after {
  height: 0;
  transition: 2s all;
}
.sidemenu .sidemenuLink ul li a.sidemenuLinkActive {
  color: var(--primaryColor);
}
.sidemenu .sidemenuLink ul li .navContact {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 14px 18px;
  font-size: 14px;
}
.sidemenu.sidemenuActive {
  top: 0;
}

nav {
  z-index: 50;
  width: 100%;
  transition: 0.5s ease-out all;
  top: 0;
  background: white;
  left: 0;
}
nav .slideUp {
  transform: translateY(-100px);
  transition: transform 0.5s ease-out;
}
nav .slideDown {
  transform: translateY(0);
  transition: transform 0.5s ease-out;
}
nav .navMain {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  nav .navMain {
    height: 60px;
  }
}
nav .navMain .navLogo {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
nav .navMain .navLogo img {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
     object-fit: contain;
}
nav .navMain .navLogo h1 {
  color: black;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 480px) {
  nav .navMain .navLogo h1 {
    font-size: 20px;
  }
}
nav .navMain .navBar {
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: 100px;
}
@media (max-width: 1024px) {
  nav .navMain .navBar {
    display: flex;
    margin-left: 50px;
  }
}
@media (max-width: 480px) {
  nav .navMain .navBar {
    margin-left: 20px;
  }
}
nav .navMain .navBar .navBarBox {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 480px) {
  nav .navMain .navBar .navBarBox {
    width: 30px;
  }
}
nav .navMain .navBar .navBarBox span {
  height: 2px;
  background: black;
  border-radius: 50px;
  margin-top: 5px;
  transition: 0.5s;
  width: 100%;
}
nav .navMain .navBar .navBarBox span:nth-of-type(1) {
  margin-top: 0;
}
nav .navMain .navLink {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  nav .navMain .navLink {
    display: none;
  }
}
nav .navMain .navLink ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
nav .navMain .navLink ul li {
  list-style: none;
}
nav .navMain .navLink ul li a {
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav .navMain .navLink ul li a:hover {
  color: black;
}
nav .navMain .navLink ul li a:hover::after {
  opacity: 1;
  bottom: 0;
}
nav .navMain .navLink ul li a i {
  margin-left: 5px;
  font-size: 20px;
}
nav .navMain .navLink ul li .navLinkDropdown {
  position: relative;
}
nav .navMain .navLink ul li .navLinkDropdown a::after {
  display: none;
}
nav .navMain .navLink ul li .navLinkDropdown:hover .navLinkPopup {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
nav .navMain .navLink ul li .navLinkDropdown .navLinkPopup {
  position: absolute;
  background: white;
  border-radius: 5px;
  border: 1px solid #aaa;
  top: 120%;
  transform: translateX(-50%);
  left: 50%;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease all;
  opacity: 0;
  visibility: hidden;
}
nav .navMain .navLink ul li .navLinkDropdown .navLinkPopup a {
  text-align: left;
  justify-content: flex-start;
  padding: 30px 50px;
  font-size: 20px;
  white-space: pre;
  border-top: 1px solid #aaa;
}
nav .navMain .navLink ul li .navLinkDropdown .navLinkPopup a:nth-of-type(1) {
  border-top: none;
}
nav .navMain .navLink ul li .navLinkDropdown .navLinkPopup a:hover {
  background: rgba(238, 238, 238, 0.2274509804);
  transition: 0.3s;
  color: black;
}
nav .navMain .navLink ul .navLinkActive {
  color: var(--primaryColor);
}
nav .navMain .navLink ul .navLinkActive::after {
  opacity: 1;
  bottom: 0;
}
nav .navMain .navContact {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 14px 18px;
  font-size: 14px;
}
@media (max-width: 440px) {
  nav .navMain .navContact {
    display: none;
  }
}
nav .navHide {
  top: -100%;
  transition: 0.5s ease-in all;
}

@media (max-width: 1200px) {
  #bannerStrip, #doctorConnectMain, #services, #uniqueness, #Achievements {
    padding: 50px 0 !important;
  }
}
@media (max-width: 992px) {
  #bannerStrip, #doctorConnectMain, #services, #uniqueness, #Achievements {
    padding: 30px 0 !important;
  }
}

.bannerStrip {
  background-color: rgb(216, 236, 237);
  padding: 8px;
}
.bannerStrip .bannerStriphead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bannerStrip .bannerStriphead .contactDetails {
  display: flex;
  gap: 15px;
}
.bannerStrip .bannerStriphead .contactDetails .contactMain {
  display: flex;
  align-items: center;
}
.bannerStrip .bannerStriphead .contactDetails .contactMain a {
  font-size: 12px;
  color: rgb(17, 57, 77);
  text-decoration: none;
  margin-left: 8px;
  font-weight: 400;
}
.bannerStrip .bannerStriphead .social-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 480px) {
  .bannerStrip .bannerStriphead .social-icons {
    display: none;
  }
}
.bannerStrip .bannerStriphead .social-icons a {
  display: flex;
  align-items: center;
}
.bannerStrip .bannerStriphead .social-icons a img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

#bannerMain {
  background: url(../../Assets/images/bannerimg.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 700px;
}
@media (max-width: 1400px) {
  #bannerMain {
    background-position: 100%;
  }
}
#bannerMain .container {
  height: 100%;
  position: relative;
}
#bannerMain .container .bannerHead {
  display: flex;
  height: 100%;
  align-items: center;
}
#bannerMain .container .bannerHead .bannerContent {
  flex: 0 0 48%;
}
@media (max-width: 992px) {
  #bannerMain .container .bannerHead .bannerContent {
    flex: 100%;
  }
}
#bannerMain .container .bannerHead .bannerContent h1 {
  font-family: myFont1;
  font-size: 55px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 4px;
}
@media (max-width: 992px) {
  #bannerMain .container .bannerHead .bannerContent h1 {
    color: #000;
    font-weight: 600;
  }
}
@media (max-width: 567px) {
  #bannerMain .container .bannerHead .bannerContent h1 {
    font-size: 35px;
  }
}
#bannerMain .container .bannerHead .bannerContent p {
  color: rgb(195, 221, 227);
  line-height: 1.8;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  #bannerMain .container .bannerHead .bannerContent p {
    color: #000;
  }
}
#bannerMain .container .bannerHead .bannerContent .bannerButton {
  all: unset;
  position: relative;
  background-color: #fff;
  color: var(--primaryColor);
  padding: 13px 15px;
  border-radius: 7px;
  display: inline-block;
  overflow: hidden;
}
#bannerMain .container .bannerHead .bannerContent .bannerButton h6 {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  z-index: 10;
}
#bannerMain .container .bannerHead .bannerContent .bannerButton::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 1px;
  width: 6px;
  background: var(--primaryColor);
  height: 95%;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  transition: width 0.3s ease;
  z-index: 1;
}
#bannerMain .container .bannerHead .bannerContent .bannerButton:hover {
  color: #fff;
}
#bannerMain .container .bannerHead .bannerContent .bannerButton:hover::after {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 98%;
}
#bannerMain .container .newsStrip {
  position: absolute;
  left: 50%;
  top: 99%;
  transform: translate(-50%, -50%);
  display: flex;
  background-color: #fff;
  box-shadow: 8px 15px 32.5px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 30px;
  width: 80%;
  justify-content: space-between;
  border-radius: 20px;
}
@media (max-width: 992px) {
  #bannerMain .container .newsStrip {
    position: unset;
    left: unset;
    top: unset;
    transform: unset;
    width: 100%;
    overflow: auto;
    gap: 30px;
    margin-top: 20px;
  }
}
#bannerMain .container .newsStrip img {
  width: 130px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

#doctorConnectMain {
  background: url(../../Assets/images/backgroundesign.png) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
}
#doctorConnectMain .doctorConnectHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  #doctorConnectMain .doctorConnectHead {
    flex-direction: column;
    margin-top: 90px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnectImg {
  flex: 0 0 48%;
  height: 550px;
  position: relative;
}
@media (max-width: 1200px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg {
    flex: 0 0 45%;
  }
}
@media (max-width: 992px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg {
    flex: unset;
    height: 400px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: 2%;
  top: 26%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound .logoCircle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  animation: rotateImage 10s linear infinite;
}
#doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound img {
  width: 70px;
  height: 70px;
}
@media (max-width: 576px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 1200px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound {
    right: -9%;
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 990px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound {
    right: -5%;
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 576px) {
  #doctorConnectMain .doctorConnectHead .doctorConnectImg .logoRound {
    right: 0;
    width: 70px;
    height: 70px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnectImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent {
  flex: 0 0 50%;
}
@media (max-width: 992px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent {
    flex: 100%;
    margin-top: 30px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent h2 {
    font-size: 28px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent p {
  color: rgb(17, 57, 77);
  line-height: 1.8;
  font-size: 15px;
}
@media (max-width: 1200px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent p {
    font-size: 13px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain {
  margin-top: 20px;
  display: flex;
  gap: 100px;
}
@media (max-width: 576px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain {
    flex-direction: column;
    gap: 10px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain .achievmentMain {
  display: flex;
  flex-direction: column;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain .achievmentMain h3 {
  all: unset;
  font-size: 35px;
  color: var(--primaryColor);
  font-weight: 600;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain .achievmentMain span {
  width: 100%;
  display: block;
  height: 2px;
  background-color: var(--primaryColor);
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  #doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain .achievmentMain span {
    width: 100px;
  }
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .achivementListMain .achievmentMain h6 {
  color: rgb(0, 0, 0);
  font-weight: 400;
}
#doctorConnectMain .doctorConnectHead .doctorConnctContent .navContact {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 13px 48px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 35px;
}

#services {
  background-color: rgb(242, 248, 248);
  padding: 100px 0;
  overflow: hidden;
  position: relative;
}
#services::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(14, 173, 182, 0.5) 0%, rgba(0, 188, 199, 0) 100%);
  bottom: 40px;
  animation: zoomInOut 5s infinite ease-in-out;
  right: -240px;
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
    /* Initial state: normal size */
  }
  50% {
    transform: scale(2.2);
    /* Zoom in */
  }
  100% {
    transform: scale(1);
    /* Zoom back out to original size */
  }
}
#services .servicesmediumheader {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: center;
}
#services .servicesMainheader {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
  text-align: center;
}
#services .servicesMainheader span {
  color: var(--primaryColor);
}
@media (max-width: 768px) {
  #services .servicesMainheader {
    font-size: 28px;
  }
}
#services .serviceshead {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 1200px) {
  #services .serviceshead {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  #services .serviceshead {
    width: 100%;
    display: unset;
    gap: 10px;
  }
}
#services .serviceshead .servicesCard {
  background-color: #fff;
  border-radius: 24px;
  padding: 15px;
}
#services .serviceshead .servicesCard img {
  width: 100%;
  height: 250px;
}
#services .serviceshead .servicesCard h3 {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
#services .serviceshead .servicesCard p {
  color: rgb(85, 85, 85);
  line-height: 1.8;
  font-size: 14px;
  margin-top: 8px;
  min-height: 90px;
}
@media (max-width: 992px) {
  #services .serviceshead .servicesCard p {
    min-height: 146px;
  }
}
@media (max-width: 768px) {
  #services .serviceshead .servicesCard p {
    min-height: unset;
    font-size: 13px;
  }
}
#services .serviceshead .servicesCard .btn {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 10px 30px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 19px;
}
#services .serviceshead .blogLog {
  grid-column: span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 990px) {
  #services .serviceshead .blogLog {
    height: 200px;
  }
}
#services .serviceshead .blogLog .blogCircle {
  position: absolute;
  animation: rotateImage 10s linear infinite;
  height: 300px;
}
@media (max-width: 990px) {
  #services .serviceshead .blogLog .blogCircle {
    height: 200px;
  }
}
@keyframes rotateImage {
  0% {
    transform: rotate(0deg);
    /* Start at 0 degrees */
  }
  100% {
    transform: rotate(360deg);
    /* End at 360 degrees (full rotation) */
  }
}
#services .serviceshead .blogLog img {
  height: 200px;
}
@media (max-width: 990px) {
  #services .serviceshead .blogLog img {
    height: 100px;
  }
}

#uniqueness {
  padding: 100px 0;
  overflow: hidden;
  position: relative;
}
#uniqueness::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(14, 173, 182, 0.5) 0%, rgba(0, 188, 199, 0) 100%);
  top: -240px;
  animation: zoomInOut 5s infinite ease-in-out;
  right: -240px;
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
    /* Initial state: normal size */
  }
  50% {
    transform: scale(2.2);
    /* Zoom in */
  }
  100% {
    transform: scale(1);
    /* Zoom back out to original size */
  }
}
#uniqueness::before {
  content: "";
  position: absolute;
  width: 750px;
  height: 750px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(14, 173, 182, 0.5) 0%, rgba(0, 188, 199, 0) 100%);
  bottom: -200px;
  animation: zoomInOut 5s infinite ease-in-out;
  left: -200px;
  z-index: -1;
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
    /* Initial state: normal size */
  }
  50% {
    transform: scale(2.2);
    /* Zoom in */
  }
  100% {
    transform: scale(1);
    /* Zoom back out to original size */
  }
}
#uniqueness .servicesmediumheader {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#uniqueness .servicesMainheader {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#uniqueness .servicesMainheader span {
  color: var(--primaryColor);
}
@media (max-width: 768px) {
  #uniqueness .servicesMainheader {
    font-size: 28px;
    line-height: 1.2;
  }
}
#uniqueness .uniquenessHead {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  #uniqueness .uniquenessHead {
    margin-top: 20px;
  }
}
#uniqueness .uniquenessHead .uniquenessImg {
  flex: 0 0 45%;
  height: 100%;
}
@media (max-width: 992px) {
  #uniqueness .uniquenessHead .uniquenessImg {
    flex: 100%;
    height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 768px) {
  #uniqueness .uniquenessHead .uniquenessImg {
    flex: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#uniqueness .uniquenessHead .uniquenessImg img {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  #uniqueness .uniquenessHead .uniquenessImg img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
#uniqueness .uniquenessHead .uniquenessContent {
  flex: 0 0 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
  #uniqueness .uniquenessHead .uniquenessContent {
    flex: 100%;
    margin-top: 30px;
    gap: 15px;
  }
}
@media (max-width: 576px) {
  #uniqueness .uniquenessHead .uniquenessContent {
    grid-template-columns: repeat(1, 1fr);
  }
}
#uniqueness .uniquenessHead .uniquenessContent .uniquenessCard figure {
  width: 50px;
  height: 50px;
  background: var(--primaryColor);
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#uniqueness .uniquenessHead .uniquenessContent .uniquenessCard figure img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
#uniqueness .uniquenessHead .uniquenessContent .uniquenessCard h3 {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
#uniqueness .uniquenessHead .uniquenessContent .uniquenessCard p {
  color: rgb(85, 85, 85);
  line-height: 1.8;
  font-size: 14px;
  margin-top: 8px;
  min-height: 120px;
}
@media (max-width: 576px) {
  #uniqueness .uniquenessHead .uniquenessContent .uniquenessCard p {
    min-height: unset;
  }
}

.gtco-testimonials {
  position: relative;
  padding: 100px 0;
  background-color: rgb(242, 248, 248);
}
@media (max-width: 1200px) {
  .gtco-testimonials {
    padding: 50px 0 !important;
  }
}
@media (max-width: 992px) {
  .gtco-testimonials {
    padding: 30px 0 !important;
  }
}
@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}
.gtco-testimonials .servicesmediumheader {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: center;
}
.gtco-testimonials .servicesMainheader {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
  text-align: center;
}
.gtco-testimonials .servicesMainheader span {
  color: var(--primaryColor);
}
@media (max-width: 768px) {
  .gtco-testimonials .servicesMainheader {
    font-size: 28px;
    line-height: 1.2;
  }
}
.gtco-testimonials .owl-stage-outer {
  margin-top: 40px;
  padding-top: 60px;
  padding-bottom: 30px;
}
.gtco-testimonials .owl-nav {
  display: none;
}
.gtco-testimonials .owl-dots {
  text-align: center;
}
.gtco-testimonials .owl-dots span {
  position: relative;
  height: 1px;
  width: 23px;
  border-radius: 3px;
  display: block;
  background: #fff;
  border: 1.6px solid rgb(165, 203, 205);
  margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
  box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
  border: 1.6px solid var(--primaryColor);
  box-shadow: none;
  height: 1px;
  width: 32px;
}
.gtco-testimonials .testimonialcard {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(212, 210, 227);
  padding: 35px;
  border-radius: 20px;
  position: relative;
}
.gtco-testimonials .testimonialcard .testimonialImg {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -50px;
  border-radius: 50%;
}
.gtco-testimonials .testimonialcard h3 {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 600;
  margin-top: 50px;
}
.gtco-testimonials .testimonialcard p {
  color: rgb(85, 85, 85);
  line-height: 1.8;
  font-size: 14px;
  margin-top: 19px;
  min-height: 200px;
}
.gtco-testimonials .testimonialcard .rating {
  margin-top: 4px;
  display: flex;
  gap: 10px;
}
.gtco-testimonials .testimonialcard .rating img {
  width: 12px;
  height: 12px;
}
.gtco-testimonials .testimonialcard .reviewuserDetails {
  display: flex;
  justify-content: flex-end;
  margin-top: 2s0px;
}
.gtco-testimonials .testimonialcard .reviewuserDetails h4 {
  color: var(--primaryColor);
  font-weight: 600;
  font-size: 14px;
}
.gtco-testimonials .testimonialcard .reviewuserDetails .p {
  font-size: 12px;
  font-weight: 400;
  color: rgb(85, 85, 85);
}
.gtco-testimonials .active {
  transition: all 0.3s;
}
.gtco-testimonials .center {
  opacity: 1;
}
.gtco-testimonials .center h5 {
  font-size: 24px;
}
.gtco-testimonials .center h5 span {
  font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
  max-width: 100%;
  height: 120px;
  width: 120px;
}

#Achievements {
  padding: 100px 0;
}
#Achievements .AchievementsheaderContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#Achievements .AchievementsheaderContent .servicesmediumheader {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
@media (max-width: 768px) {
  #Achievements .AchievementsheaderContent .servicesmediumheader {
    margin-bottom: 0;
  }
}
#Achievements .AchievementsheaderContent .servicesMainheader {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#Achievements .AchievementsheaderContent .servicesMainheader span {
  color: var(--primaryColor);
}
@media (max-width: 768px) {
  #Achievements .AchievementsheaderContent .servicesMainheader {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 0;
  }
}
#Achievements .AchievementsheaderContent img {
  height: 87px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  #Achievements .AchievementsheaderContent img {
    height: 45px;
  }
}
#Achievements .AchievementsHead {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #Achievements .AchievementsHead {
    margin-top: 30px;
  }
}
#Achievements .AchievementsHead .AchievementsMain {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  #Achievements .AchievementsHead .AchievementsMain {
    flex: 100%;
  }
}
#Achievements .AchievementsHead .AchievementsMain .Achievements {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 320px;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements:hover .AchievementsBoxLayer {
  transition: all 0.4s ease;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.699);
  z-index: 5;
  height: 100%;
  border-radius: 10px;
  width: 100%;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements:hover .AchievementsCaption {
  opacity: 0;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements:hover .AchievementsParagraph {
  opacity: 1;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements figure {
  position: absolute;
  width: 100%;
  height: 100%;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements .AchievementsParagraph {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
  position: relative;
  z-index: 12;
  transition: all 0.4s ease;
  opacity: 0;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements .AchievementsCaption {
  padding: 20px;
  transition: all 0.4s ease;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: start;
  height: 100%;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  z-index: 10;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements .AchievementsCaption img {
  height: 40px;
}
#Achievements .AchievementsHead .AchievementsMain .Achievements .AchievementsBoxLayer {
  position: absolute;
  bottom: 0;
  background-color: var(--primaryColor);
  right: 0;
  width: 100%;
  height: 80px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 0.4s ease;
  z-index: 1;
}
#Achievements .AchievementsHead .AchievementsMain2 {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  #Achievements .AchievementsHead .AchievementsMain2 {
    margin-top: 20px;
    flex: 100%;
    height: 520px;
  }
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements:hover .AchievementsBoxLayer {
  transition: all 0.4s ease;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.699);
  z-index: 5;
  height: 100%;
  border-radius: 10px;
  width: 100%;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements:hover .AchievementsCaption {
  opacity: 0;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements:hover .AchievementsParagraph {
  opacity: 1;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements figure {
  position: absolute;
  width: 100%;
  height: 100%;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements figure img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements .AchievementsParagraph {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
  position: relative;
  z-index: 12;
  transition: all 0.4s ease;
  opacity: 0;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements .AchievementsCaption {
  padding: 20px;
  transition: all 0.4s ease;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: start;
  height: 100%;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  z-index: 10;
}
@media (max-width: 768px) {
  #Achievements .AchievementsHead .AchievementsMain2 .Achievements .AchievementsCaption {
    font-size: 13px;
  }
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements .AchievementsCaption img {
  height: 40px;
}
#Achievements .AchievementsHead .AchievementsMain2 .Achievements .AchievementsBoxLayer {
  position: absolute;
  bottom: 0;
  background-color: var(--primaryColor);
  right: 0;
  width: 100%;
  height: 80px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 0.4s ease;
  z-index: 1;
}

#footerBanner {
  position: relative;
}
#footerBanner .wave {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 600px;
}
@media (max-width: 990px) {
  #footerBanner .wave {
    display: none;
  }
}
#footerBanner .footerBannerMain {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 10;
}
#footerBanner .footerBannerMain .footerBannerContent {
  flex: 0 0 48%;
  margin-top: 160px;
}
@media (max-width: 990px) {
  #footerBanner .footerBannerMain .footerBannerContent {
    flex: 100%;
    margin-top: 0;
  }
}
#footerBanner .footerBannerMain .footerBannerContent .servicesMainheader {
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
#footerBanner .footerBannerMain .footerBannerContent .servicesMainheader span {
  color: var(--primaryColor);
}
@media (max-width: 990px) {
  #footerBanner .footerBannerMain .footerBannerContent .servicesMainheader {
    font-size: 28px;
  }
}
#footerBanner .footerBannerMain .footerBannerContent p {
  color: rgb(0, 0, 0);
  line-height: 1.8;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 20px;
}
#footerBanner .footerBannerMain .footerBannerContent .navContact {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 14px 18px;
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
}
#footerBanner .footerBannerMain .footerBannerImg {
  flex: 0 0 50%;
}
@media (max-width: 990px) {
  #footerBanner .footerBannerMain .footerBannerImg {
    flex: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
}
#footerBanner .footerBannerMain .footerBannerImg img {
  height: 504px;
}
@media (max-width: 990px) {
  #footerBanner .footerBannerMain .footerBannerImg img {
    height: 300px;
  }
}

footer {
  background: rgb(11, 84, 100);
  padding-top: 60px;
}
footer .footerContent {
  display: grid;
  grid-template-columns: 1.3fr 1.3fr 1fr 0.8fr 1fr;
  gap: 20px;
  margin-bottom: 70px;
}
@media (max-width: 992px) {
  footer .footerContent {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  footer .footerContent {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  footer .footerContent {
    grid-template-columns: repeat(1, 1fr);
  }
}
footer .footerContent .footerlist:nth-of-type(2) .contactListFooter {
  display: flex;
  align-items: start;
  gap: 10px;
}
footer .footerContent .footerlist:nth-of-type(2) .contactListFooter img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footerContent .footerlist:nth-of-type(2) .contactListFooter a {
  line-height: 1.8;
  font-size: 13px;
  font-weight: 400;
}
footer .footerContent .footerlist:nth-of-type(5) ul li {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #fff;
  gap: 10px;
  margin-bottom: 7px;
}
footer .footerContent .footerlist:nth-of-type(5) ul li .a {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footerContent .footerlist:nth-of-type(5) ul li .a img {
  width: 10px;
  height: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footerContent .footerlist .footerlogoMain {
  display: flex;
}
footer .footerContent .footerlist .footerlogoMain img {
  width: 200px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footerContent .footerlist p {
  font-size: 13px;
  line-height: 1.8;
  color: #fff;
}
footer .footerContent .footerlist h3 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
footer .footerContent .footerlist span {
  width: 30px;
  height: 1.5px;
  background-color: var(--primaryColor);
  display: block;
  margin: 8px 0;
}
footer .footerContent .footerlist ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin-top: 15px;
}
footer .footerContent .footerlist ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
}
footer .footerStrip {
  border-top: 1px solid rgb(82, 136, 148);
}
footer .footerStrip .footerStripHead {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 0;
}
footer .footerStrip .footerStripHead .poweredby {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}
footer .footerStrip .footerStripHead .poweredby span {
  font-weight: 600;
}
footer .footerStrip .footerStripHead .copyright {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}

@media (max-width: 1200px) {
  #hisJourney,
  #standingExeption,
  #testimonials,
  #Featured {
    padding: 50px 0 !important;
  }
}
@media (max-width: 992px) {
  #hisJourney,
  #standingExeption,
  #testimonials,
  #Featured {
    padding: 30px 0 !important;
  }
}

#aboutUsMain {
  overflow: hidden;
  background: linear-gradient(93.68deg, #116B80 2.44%, #3FBBC1 63.8%, #F3F3F3 98.17%);
}
#aboutUsMain .aboutMainHead {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 990px) {
  #aboutUsMain .aboutMainHead {
    flex-wrap: wrap;
    padding-top: 30px;
  }
}
#aboutUsMain .aboutMainHead .aboutUsContent {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 768px) {
  #aboutUsMain .aboutMainHead .aboutUsContent {
    flex: 100%;
    gap: unset;
  }
}
#aboutUsMain .aboutMainHead .aboutUsContent h1 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  line-height: 0.7;
}
@media (max-width: 1200px) {
  #aboutUsMain .aboutMainHead .aboutUsContent h1 {
    font-size: 37px;
    line-height: 0;
  }
}
@media (max-width: 768px) {
  #aboutUsMain .aboutMainHead .aboutUsContent h1 {
    line-height: unset;
  }
}
@media (max-width: 768px) {
  #aboutUsMain .aboutMainHead .aboutUsContent h1 {
    font-size: 28px;
    line-height: unset;
  }
}
#aboutUsMain .aboutMainHead .aboutUsContent p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: rgb(195, 221, 227);
}
@media (max-width: 769px) {
  #aboutUsMain .aboutMainHead .AboutUsMainImg {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
#aboutUsMain .aboutMainHead .AboutUsMainImg .aboutUsImg {
  display: flex;
  animation: zoomOut 5s infinite ease-in-out;
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
    /* Initial state: normal size */
  }
  50% {
    transform: scale(1.1);
    /* Zoom in */
  }
  100% {
    transform: scale(1);
    /* Zoom back out to original size */
  }
}
@media (max-width: 768px) {
  #aboutUsMain .aboutMainHead .AboutUsMainImg .aboutUsImg {
    display: flex;
    justify-content: center;
  }
}
#aboutUsMain .aboutMainHead .AboutUsMainImg .aboutUsImg img {
  height: 500px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  #aboutUsMain .aboutMainHead .AboutUsMainImg .aboutUsImg img {
    height: 300px;
    width: 100%;
  }
}

#hisJourney {
  padding: 100px 0;
  overflow: hidden;
  position: relative;
}
#hisJourney::before {
  content: "";
  position: absolute;
  width: 550px;
  height: 550px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(14, 173, 182, 0.5) 0%, rgba(0, 188, 199, 0) 100%);
  bottom: -200px;
  left: -200px;
  z-index: -1;
}
#hisJourney .hisJourneyHead {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#hisJourney .hisJourneyHead .standingExeptionImg {
  flex: 0 0 40%;
  height: 450px;
  display: flex;
  position: relative;
}
@media (max-width: 990px) {
  #hisJourney .hisJourneyHead .standingExeptionImg {
    flex: 100%;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  #hisJourney .hisJourneyHead .standingExeptionImg {
    height: unset;
  }
}
#hisJourney .hisJourneyHead .standingExeptionImg::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 55%;
  padding: 20px;
  right: 17%;
  top: -4%;
  background-color: rgb(0, 126, 133);
  border-radius: 20px;
}
@media (max-width: 1200px) {
  #hisJourney .hisJourneyHead .standingExeptionImg::after {
    right: -1%;
  }
}
@media (max-width: 990px) {
  #hisJourney .hisJourneyHead .standingExeptionImg::after {
    right: 22%;
    width: 39%;
  }
}
@media (max-width: 768px) {
  #hisJourney .hisJourneyHead .standingExeptionImg::after {
    right: 15%;
    width: 39%;
  }
}
@media (max-width: 576px) {
  #hisJourney .hisJourneyHead .standingExeptionImg::after {
    display: none;
  }
}
#hisJourney .hisJourneyHead .standingExeptionImg img {
  height: 100%;
  border-radius: 20px;
  z-index: 10;
  position: relative;
}
@media (max-width: 576px) {
  #hisJourney .hisJourneyHead .standingExeptionImg img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#hisJourney .hisJourneyHead .hisJourneyContent {
  flex: 0 0 60%;
}
@media (max-width: 1200px) {
  #hisJourney .hisJourneyHead .hisJourneyContent {
    flex: 0 0 50%;
  }
}
@media (max-width: 990px) {
  #hisJourney .hisJourneyHead .hisJourneyContent {
    flex: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 990px) {
  #hisJourney .hisJourneyHead .hisJourneyContent {
    margin-top: 20px;
  }
}
#hisJourney .hisJourneyHead .hisJourneyContent h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#hisJourney .hisJourneyHead .hisJourneyContent h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#hisJourney .hisJourneyHead .hisJourneyContent h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #hisJourney .hisJourneyHead .hisJourneyContent h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #hisJourney .hisJourneyHead .hisJourneyContent h2 {
    font-size: 28px;
  }
}
#hisJourney .hisJourneyHead .hisJourneyContent p {
  color: rgb(17, 57, 77);
  line-height: 1.8;
  font-size: 15px;
}
@media (max-width: 1200px) {
  #hisJourney .hisJourneyHead .hisJourneyContent p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #hisJourney .hisJourneyHead .hisJourneyContent p {
    font-size: 13px;
  }
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 990px) {
  #hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard {
  margin-top: 20px;
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard .cardImg {
  width: 40px;
  height: 40px;
  position: relative;
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard .cardImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard .cardImg .cardIcon {
  position: absolute;
  top: 13px;
  left: 33%;
  width: 16px;
  height: 16px;
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard h4 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 12px;
}
#hisJourney .hisJourneyHead .hisJourneyContent .hisJourneyCardHead .hisJourneyCard p {
  color: rgb(93, 93, 93);
  font-size: 13px;
  line-height: 1.8;
  font-weight: 400;
}

#standingExeption {
  padding: 100px 0;
  background-color: rgb(242, 248, 248);
}
#standingExeption h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#standingExeption h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#standingExeption h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #standingExeption h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #standingExeption h2 {
    font-size: 28px;
    line-height: 1.2;
  }
}
#standingExeption .standingExeptionHead {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
  align-items: center;
}
#standingExeption .standingExeptionHead .standingExeptionContent {
  flex: 0 0 60%;
}
@media (max-width: 990px) {
  #standingExeption .standingExeptionHead .standingExeptionContent {
    flex: 100%;
    margin-bottom: 50px;
  }
}
#standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
@media (max-width: 768px) {
  #standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead .standingCard figure {
  width: 50px;
  height: 50px;
  background-color: rgb(0, 126, 133);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead .standingCard figure img {
  width: 26px;
  height: 26px;
  -o-object-fit: contain;
     object-fit: contain;
}
#standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead .standingCard h4 {
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
}
#standingExeption .standingExeptionHead .standingExeptionContent .standingCardhead .standingCard p {
  font-size: 13px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  line-height: 1.8;
}
#standingExeption .standingExeptionHead .standingExeptionImg {
  flex: 0 0 40%;
  height: 450px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 990px) {
  #standingExeption .standingExeptionHead .standingExeptionImg {
    flex: 100%;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  #standingExeption .standingExeptionHead .standingExeptionImg {
    height: unset;
  }
}
#standingExeption .standingExeptionHead .standingExeptionImg::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 55%;
  padding: 20px;
  right: -6%;
  top: -4%;
  background-color: rgb(0, 126, 133);
  border-radius: 20px;
}
@media (max-width: 990px) {
  #standingExeption .standingExeptionHead .standingExeptionImg::after {
    right: 22%;
    width: 39%;
  }
}
@media (max-width: 768px) {
  #standingExeption .standingExeptionHead .standingExeptionImg::after {
    right: 15%;
    width: 39%;
  }
}
@media (max-width: 576px) {
  #standingExeption .standingExeptionHead .standingExeptionImg::after {
    display: none;
  }
}
#standingExeption .standingExeptionHead .standingExeptionImg img {
  height: 100%;
  border-radius: 20px;
  z-index: 10;
  position: relative;
}
@media (max-width: 576px) {
  #standingExeption .standingExeptionHead .standingExeptionImg img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#testimonials {
  padding: 100px 0;
}
#testimonials .testimonial-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#testimonials .testimonial-container .testimonial-card {
  text-align: center;
  margin: 0 100px;
  padding: 30px;
}
#testimonials .testimonial-container .testimonial-card .profile {
  margin-bottom: 20px;
}
#testimonials .testimonial-container .testimonial-card .profile .profile-img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 5px solid var(--primaryColor);
}
#testimonials .testimonial-container .testimonial-card .testimonial-content {
  font-size: 16px;
  color: #555;
}
#testimonials .testimonial-container .testimonial-card .testimonial-content .testimonial-text {
  color: rgb(85, 85, 85);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 20px;
}
#testimonials .testimonial-container .testimonial-card .testimonial-content .name {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
  color: rgb(0, 126, 133);
}
#testimonials .testimonial-container .testimonial-card .testimonial-content .job-position {
  color: rgb(85, 85, 85);
  font-size: 12px;
}
#testimonials .testimonial-container .arrow-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-50%);
}
#testimonials .testimonial-container .arrow-nav .left-arrow,
#testimonials .testimonial-container .arrow-nav .right-arrow {
  all: unset;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(0, 126, 133);
  border-radius: 50%;
}
#testimonials .testimonial-container .arrow-nav .left-arrow img,
#testimonials .testimonial-container .arrow-nav .right-arrow img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

#Featured {
  background-color: rgb(242, 248, 248);
  padding: 100px 0;
}
#Featured h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: center;
}
#Featured h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 1200px) {
  #Featured h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #Featured h2 {
    font-size: 28px;
  }
}
#Featured .featuresHead .newsStrip {
  margin-top: 30px;
  display: flex;
  background-color: #fff;
  box-shadow: 8px 15px 32.5px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 30px;
  justify-content: space-between;
  border-radius: 20px;
}
@media (max-width: 992px) {
  #Featured .featuresHead .newsStrip {
    position: unset;
    left: unset;
    top: unset;
    transform: unset;
    width: 100%;
    overflow: auto;
    gap: 30px;
    margin-top: 20px;
  }
}
#Featured .featuresHead .newsStrip img {
  width: 130px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1200px) {
  #sevicesSpecial,
  #servicesGridBox {
    padding: 50px 0 !important;
  }
}
@media (max-width: 992px) {
  #sevicesSpecial,
  #servicesGridBox {
    padding: 30px 0 !important;
  }
}

#servicesMain {
  overflow: hidden;
  padding: 40px 0;
  height: 500px;
  position: relative;
  background: url(../../Assets/images/servicebanner.png) no-repeat;
  background-position: 100%;
  background-size: cover;
}
#servicesMain::after {
  content: "";
  position: absolute;
  background: linear-gradient(93.68deg, #116B80 2.44%, #3FBBC1 63.8%, #F3F3F3 98.17%);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  #servicesMain {
    padding: 20px 0 !important;
  }
}
#servicesMain .container {
  height: 100%;
}
#servicesMain .aboutMainHead {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 990px) {
  #servicesMain .aboutMainHead {
    flex-wrap: wrap;
  }
}
#servicesMain .aboutMainHead .aboutUsContent {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 768px) {
  #servicesMain .aboutMainHead .aboutUsContent {
    flex: 100%;
    gap: unset;
  }
}
#servicesMain .aboutMainHead .aboutUsContent h1 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  line-height: 0.7;
}
@media (max-width: 1200px) {
  #servicesMain .aboutMainHead .aboutUsContent h1 {
    font-size: 37px;
    line-height: 0;
  }
}
@media (max-width: 768px) {
  #servicesMain .aboutMainHead .aboutUsContent h1 {
    line-height: unset;
  }
}
@media (max-width: 768px) {
  #servicesMain .aboutMainHead .aboutUsContent h1 {
    font-size: 28px;
    line-height: unset;
  }
}
#servicesMain .aboutMainHead .aboutUsContent p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: rgb(195, 221, 227);
}
#servicesMain .aboutMainHead .AboutUsMainImg {
  animation: zoomOut 5s infinite ease-in-out;
}
@media (max-width: 769px) {
  #servicesMain .aboutMainHead .AboutUsMainImg {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  #servicesMain .aboutMainHead .AboutUsMainImg .aboutUsImg {
    display: flex;
    justify-content: center;
  }
}
#servicesMain .aboutMainHead .AboutUsMainImg .aboutUsImg img {
  height: 90%;
  width: 90%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  #servicesMain .aboutMainHead .AboutUsMainImg .aboutUsImg img {
    height: 300px;
    width: 100%;
  }
}

#sevicesSpecial {
  padding: 100px 0;
  background-color: rgb(242, 248, 248);
}
#sevicesSpecial h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: center;
}
#sevicesSpecial h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
  text-align: center;
}
#sevicesSpecial h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #sevicesSpecial h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #sevicesSpecial h2 {
    font-size: 28px;
  }
}
#sevicesSpecial .servicesSpecialHead {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 990px) {
  #sevicesSpecial .servicesSpecialHead {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  #sevicesSpecial .servicesSpecialHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#sevicesSpecial .servicesSpecialHead .servicesCard {
  background-color: #fff;
  border-radius: 24px;
  padding: 15px;
}
#sevicesSpecial .servicesSpecialHead .servicesCard img {
  width: 100%;
  height: 250px;
}
@media (max-width: 768px) {
  #sevicesSpecial .servicesSpecialHead .servicesCard img {
    height: 300px;
  }
}
@media (max-width: 576px) {
  #sevicesSpecial .servicesSpecialHead .servicesCard img {
    height: 250px;
  }
}
#sevicesSpecial .servicesSpecialHead .servicesCard h4 {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}
#sevicesSpecial .servicesSpecialHead .servicesCard p {
  color: rgb(85, 85, 85);
  line-height: 1.8;
  font-size: 14px;
  margin-top: 8px;
  min-height: 90px;
}
@media (max-width: 992px) {
  #sevicesSpecial .servicesSpecialHead .servicesCard p {
    min-height: 146px;
  }
}
@media (max-width: 768px) {
  #sevicesSpecial .servicesSpecialHead .servicesCard p {
    min-height: unset;
    font-size: 13px;
  }
}
#sevicesSpecial .servicesSpecialHead .servicesCard .btn {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 10px 30px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 19px;
}
#sevicesSpecial .blogLog {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 400px;
}
@media (max-width: 990px) {
  #sevicesSpecial .blogLog {
    height: 300px;
  }
}
#sevicesSpecial .blogLog .blogCircle {
  position: absolute;
  animation: rotateImage 10s linear infinite;
  height: 300px;
}
@media (max-width: 990px) {
  #sevicesSpecial .blogLog .blogCircle {
    height: 200px;
  }
}
@keyframes rotateImage {
  0% {
    transform: rotate(0deg);
    /* Start at 0 degrees */
  }
  100% {
    transform: rotate(360deg);
    /* End at 360 degrees (full rotation) */
  }
}
#sevicesSpecial .blogLog img {
  height: 200px;
}
@media (max-width: 990px) {
  #sevicesSpecial .blogLog img {
    height: 100px;
  }
}

#servicesBottomBanner {
  background: url(../../Assets/images/servicesbottomBanner.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 250px;
  border-radius: 10px;
  margin: 0 100px;
}
@media (max-width: 768px) {
  #servicesBottomBanner {
    height: 100%;
    margin: 0 40px;
  }
}
@media (max-width: 576px) {
  #servicesBottomBanner {
    margin: 0 15px;
  }
}
#servicesBottomBanner .servicesBottomBannerHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 70px;
}
@media (max-width: 768px) {
  #servicesBottomBanner .servicesBottomBannerHead {
    flex-direction: column;
    padding: 30px;
  }
}
#servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain {
  flex: 0 0 70%;
}
#servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 1.6;
  color: #fff;
}
#servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain h2 span {
  color: rgb(0, 221, 237);
}
@media (max-width: 1200px) {
  #servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain h2 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 7px;
  }
}
@media (max-width: 768px) {
  #servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain h2 {
    font-size: 28px;
  }
}
#servicesBottomBanner .servicesBottomBannerHead .servicesBottomBannerMain p {
  font-size: 14px;
  font-weight: 400;
  color: rgb(189, 215, 219);
}
#servicesBottomBanner .servicesBottomBannerHead .btn {
  all: unset;
  padding: 14px 20px;
  background: #fff;
  color: rgb(11, 83, 99);
  font-weight: 600;
  font-size: 13px;
  border-radius: 7px;
  cursor: pointer;
}
@media (max-width: 768px) {
  #servicesBottomBanner .servicesBottomBannerHead .btn {
    margin-top: 20px;
  }
}

#servicesGridBox {
  padding: 100px 0;
}
#servicesGridBox .servicesGridBoxHead {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain {
  flex: 0 0 65%;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain {
    flex: 100%;
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h3 {
  margin-top: 40px;
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h3 {
    margin-top: 0;
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain h2 {
    font-size: 28px;
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain .servicesGridBoxMainImage1 {
  margin-top: 40px;
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 576px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain .servicesGridBoxMainImage1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMain .servicesGridBoxMainImage1 img {
  height: 380px;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain .servicesGridBoxMainImage1 img {
    height: 260px;
  }
}
@media (max-width: 576px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMain .servicesGridBoxMainImage1 img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMainimg {
  flex: 0 0 33%;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMainimg {
    flex: 100%;
  }
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMainimg figure {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
#servicesGridBox .servicesGridBoxHead .servicesGridBoxMainimg figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead .servicesGridBoxMainimg figure img {
    height: 350px;
    margin-top: 20px;
  }
}
#servicesGridBox .servicesGridBoxHead2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
#servicesGridBox .servicesGridBoxHead2 .gridImg1 {
  flex: 0 0 48%;
}
@media (max-width: 576px) {
  #servicesGridBox .servicesGridBoxHead2 .gridImg1 {
    flex: 100%;
    margin-bottom: 20px;
  }
}
#servicesGridBox .servicesGridBoxHead2 .gridImg1 img {
  width: 100%;
  height: 350px;
  border-radius: 10px;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead2 .gridImg1 img {
    height: 280px;
  }
}
#servicesGridBox .servicesGridBoxHead2 .gridImg2 {
  flex: 0 0 50%;
}
@media (max-width: 576px) {
  #servicesGridBox .servicesGridBoxHead2 .gridImg2 {
    flex: 100%;
  }
}
#servicesGridBox .servicesGridBoxHead2 .gridImg2 img {
  width: 100%;
  height: 350px;
  border-radius: 10px;
}
@media (max-width: 990px) {
  #servicesGridBox .servicesGridBoxHead2 .gridImg2 img {
    height: 280px;
  }
}

.blogbanner {
  background: linear-gradient(93.68deg, #116B80 2.44%, #3FBBC1 63.8%, #F3F3F3 98.17%);
  height: 50px;
}

#blogMain {
  padding: 70px 0;
}
@media (max-width: 768px) {
  #blogMain {
    padding: 40px 0;
  }
}
#blogMain .blogHeafrt {
  margin: 0 90px;
}
@media (max-width: 990px) {
  #blogMain .blogHeafrt {
    margin: 0;
    padding-top: 0 !important;
  }
}
#blogMain .blogHeafrt h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#blogMain .blogHeafrt h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#blogMain .blogHeafrt h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #blogMain .blogHeafrt h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #blogMain .blogHeafrt h2 {
    font-size: 28px;
  }
}
#blogMain .blogHeafrt .blogCardsMain {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 990px) {
  #blogMain .blogHeafrt .blogCardsMain {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  #blogMain .blogHeafrt .blogCardsMain {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    gap: 30px;
  }
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead {
  border-radius: 20px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 4px 4px 1px rgba(48, 123, 196, 0.15);
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead img {
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 20px 20px 0 0;
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead .CardContentHead {
  padding: 15px;
  padding-top: 6px;
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead .CardContentHead h4 {
  font-size: 14px;
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead .CardContentHead p {
  color: #000;
  line-height: 1.7;
  font-size: 12px;
  font-weight: 400;
  min-height: 140px;
  margin-top: 7px;
}
#blogMain .blogHeafrt .blogCardsMain .blogCardHead .CardContentHead a {
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 7px 27px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 19px;
}
#blogMain .blogHeafrt .blogCardsMain .blogLog {
  grid-column: span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 990px) {
  #blogMain .blogHeafrt .blogCardsMain .blogLog {
    height: 200px;
  }
}
#blogMain .blogHeafrt .blogCardsMain .blogLog .blogCircle {
  position: absolute;
  animation: rotateImage 10s linear infinite;
  height: 300px;
}
@media (max-width: 990px) {
  #blogMain .blogHeafrt .blogCardsMain .blogLog .blogCircle {
    height: 200px;
  }
}
@keyframes rotateImage {
  0% {
    transform: rotate(0deg);
    /* Start at 0 degrees */
  }
  100% {
    transform: rotate(360deg);
    /* End at 360 degrees (full rotation) */
  }
}
#blogMain .blogHeafrt .blogCardsMain .blogLog img {
  height: 200px;
}
@media (max-width: 990px) {
  #blogMain .blogHeafrt .blogCardsMain .blogLog img {
    height: 100px;
  }
}

#contactUs {
  padding: 40px 0;
  background: url(../../Assets/images/handimg.png) no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  position: relative;
}
@media (max-width: 992px) {
  #contactUs {
    padding: 20px 0 !important;
    background-position: 100%;
  }
}
#contactUs .aboutMainHead {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 990px) {
  #contactUs .aboutMainHead {
    flex-wrap: wrap;
  }
}
#contactUs .aboutMainHead .aboutUsContent {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 768px) {
  #contactUs .aboutMainHead .aboutUsContent {
    flex: 100%;
    gap: unset;
    height: 100%;
  }
}
#contactUs .aboutMainHead .aboutUsContent h1 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  line-height: 0.7;
}
@media (max-width: 1200px) {
  #contactUs .aboutMainHead .aboutUsContent h1 {
    font-size: 37px;
  }
}
@media (max-width: 768px) {
  #contactUs .aboutMainHead .aboutUsContent h1 {
    line-height: unset;
  }
}
@media (max-width: 768px) {
  #contactUs .aboutMainHead .aboutUsContent h1 {
    font-size: 28px;
    line-height: unset;
  }
}
#contactUs .aboutMainHead .aboutUsContent p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: rgb(195, 221, 227);
}
#contactUs .aboutMainHead .AboutUsMainImg {
  visibility: hidden;
}
@media (max-width: 769px) {
  #contactUs .aboutMainHead .AboutUsMainImg {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  #contactUs .aboutMainHead .AboutUsMainImg .aboutUsImg {
    display: flex;
    justify-content: center;
  }
}
#contactUs .aboutMainHead .AboutUsMainImg .aboutUsImg img {
  height: 100%;
  width: 90%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  #contactUs .aboutMainHead .AboutUsMainImg .aboutUsImg img {
    height: 300px;
    width: 100%;
  }
}
#contactUs .AboutUsMainImg2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 990px) {
  #contactUs .AboutUsMainImg2 {
    top: 250px;
  }
}
#contactUs .AboutUsMainImg2 .aboutUsImg {
  display: flex;
  height: 100%;
}
#contactUs .AboutUsMainImg2 .aboutUsImg img {
  width: 100%;
  height: 100%;
}
@media (max-width: 990px) {
  #contactUs .AboutUsMainImg2 .aboutUsImg img {
    height: 300px;
  }
}

@media (max-width: 1200px) {
  #contactUsform, #contactDetails {
    padding: 50px 0 !important;
  }
}
@media (max-width: 992px) {
  #contactUsform, #contactDetails {
    padding: 30px 0 !important;
  }
}

#contactUsform {
  padding: 100px 0;
}
#contactUsform .contactformHead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 990px) {
  #contactUsform .contactformHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 576px) {
  #contactUsform .contactformHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#contactUsform .contactformHead .contactFormImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 990px) {
  #contactUsform .contactformHead .contactFormImg {
    height: 400px;
    display: flex;
    justify-content: center;
  }
  #contactUsform .contactformHead .contactFormImg img {
    height: 100%;
  }
}
@media (max-width: 990px) and (max-width: 576px) {
  #contactUsform .contactformHead .contactFormImg img {
    width: 100%;
  }
}
#contactUsform .contactformHead .contactFormMain h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#contactUsform .contactformHead .contactFormMain h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#contactUsform .contactformHead .contactFormMain h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #contactUsform .contactformHead .contactFormMain h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #contactUsform .contactformHead .contactFormMain h2 {
    font-size: 28px;
  }
}
#contactUsform .contactformHead .contactFormMain form {
  margin-top: 40px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead label {
  font-size: 13px;
  font-weight: 400;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead label span {
  color: rgb(0, 126, 133);
}
#contactUsform .contactformHead .contactFormMain form .fieldHead input {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 0 20px;
  border-radius: 7px;
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead input::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead input::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead select {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 0 20px;
  border-radius: 7px;
  font-size: 13px;
  align-items: center;
  margin-bottom: 20px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead select::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead select::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead textarea {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 13px;
  align-items: center;
  margin-bottom: 20px;
  height: 100px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead textarea::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .fieldHead textarea::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#contactUsform .contactformHead .contactFormMain form .twoColumnField {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #contactUsform .contactformHead .contactFormMain form .twoColumnField {
    flex-direction: column;
  }
}
#contactUsform .contactformHead .contactFormMain form button {
  all: unset;
  background-color: rgb(11, 84, 100);
  border-radius: 7px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 14px 58px;
  font-size: 14px;
  cursor: pointer;
}

#contactDetails {
  padding: 100px 0;
  background: rgb(242, 248, 248);
}
#contactDetails h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: center;
}
#contactDetails h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
  text-align: center;
}
#contactDetails h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #contactDetails h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #contactDetails h2 {
    font-size: 28px;
  }
}
#contactDetails .contactHead {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 150px;
  row-gap: 60px;
}
@media (max-width: 990px) {
  #contactDetails .contactHead {
    gap: 70px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  #contactDetails .contactHead {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
#contactDetails .contactHead .contactCard article {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 126, 133, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
#contactDetails .contactHead .contactCard article img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
#contactDetails .contactHead .contactCard h4 {
  font-weight: 500;
  font-size: 16px;
  margin-top: 13px;
  margin-bottom: 7px;
}
#contactDetails .contactHead .contactCard p {
  font-size: 13px;
  font-weight: 400;
}
#contactDetails .contactHead .contactCard a {
  color: rgb(0, 126, 133);
  font-weight: 400;
  font-size: 13px;
  text-decoration: none;
  margin-top: 0px;
  display: block;
}

#appointment {
  padding: 40px 0;
  padding-bottom: 0 !important;
  background: linear-gradient(93.68deg, #116B80 2.44%, #3FBBC1 63.8%, #F3F3F3 98.17%);
}
@media (max-width: 992px) {
  #appointment {
    padding-top: 20px !important;
  }
}
#appointment .appointmentHead {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 990px) {
  #appointment .appointmentHead {
    flex-wrap: wrap;
  }
}
#appointment .appointmentHead .appointmentContent {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 768px) {
  #appointment .appointmentHead .appointmentContent {
    flex: 100%;
    gap: unset;
  }
}
#appointment .appointmentHead .appointmentContent h1 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  line-height: 0.7;
}
@media (max-width: 1200px) {
  #appointment .appointmentHead .appointmentContent h1 {
    font-size: 37px;
    line-height: 0;
  }
}
@media (max-width: 768px) {
  #appointment .appointmentHead .appointmentContent h1 {
    line-height: unset;
  }
}
@media (max-width: 768px) {
  #appointment .appointmentHead .appointmentContent h1 {
    font-size: 28px;
    line-height: unset;
  }
}
#appointment .appointmentHead .appointmentContent p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: rgb(195, 221, 227);
}
#appointment .appointmentHead .appointmentMainImg {
  display: flex;
}
@media (max-width: 769px) {
  #appointment .appointmentHead .appointmentMainImg {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  #appointment .appointmentHead .appointmentMainImg .appointmentImg {
    display: flex;
    justify-content: center;
  }
}
#appointment .appointmentHead .appointmentMainImg .appointmentImg img {
  height: 100%;
  width: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  #appointment .appointmentHead .appointmentMainImg .appointmentImg img {
    height: 300px;
    width: 100%;
  }
}

#appointmentform {
  padding: 100px 0;
}
@media (max-width: 1200px) {
  #appointmentform {
    padding: 50px !important;
  }
}
@media (max-width: 992px) {
  #appointmentform {
    padding: 30px 0 !important;
  }
}
#appointmentform .appointmentHead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 30px;
}
@media (max-width: 990px) {
  #appointmentform .appointmentHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 576px) {
  #appointmentform .appointmentHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#appointmentform .appointmentHead .appointmentImg h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#appointmentform .appointmentHead .appointmentImg h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#appointmentform .appointmentHead .appointmentImg h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #appointmentform .appointmentHead .appointmentImg h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #appointmentform .appointmentHead .appointmentImg h2 {
    font-size: 28px;
    margin-top: 0;
  }
}
#appointmentform .appointmentHead .appointmentImg img {
  height: 480px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  margin-top: 15px;
}
@media (max-width: 576px) {
  #appointmentform .appointmentHead .appointmentImg img {
    width: 100%;
    height: 380px;
  }
}
#appointmentform .appointmentHead .appointmentImg .contactDetails {
  margin-top: 20px;
}
#appointmentform .appointmentHead .appointmentImg .contactDetails h5 {
  font-size: 14px;
  font-weight: 500;
}
#appointmentform .appointmentHead .appointmentImg .contactDetails a {
  color: #000;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
}
#appointmentform .appointmentHead .appointmentMain h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont5;
  font-weight: 400;
  margin-bottom: 13px;
}
#appointmentform .appointmentHead .appointmentMain h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-bottom: 20px;
}
#appointmentform .appointmentHead .appointmentMain h2 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #appointmentform .appointmentHead .appointmentMain h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #appointmentform .appointmentHead .appointmentMain h2 {
    font-size: 28px;
  }
}
#appointmentform .appointmentHead .appointmentMain form {
  margin-top: 40px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead label {
  font-size: 13px;
  font-weight: 400;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead label span {
  color: rgb(0, 126, 133);
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead input {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 0 20px;
  border-radius: 7px;
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead input::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead input::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead select {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 0 20px;
  border-radius: 7px;
  font-size: 13px;
  align-items: center;
  margin-bottom: 20px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead select::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead select::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead textarea {
  all: unset;
  background-color: rgb(241, 245, 245);
  height: 42px;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 13px;
  align-items: center;
  margin-bottom: 20px;
  height: 100px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead textarea::-moz-placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .fieldHead textarea::placeholder {
  color: rgb(174, 201, 202);
  font-size: 13px;
}
#appointmentform .appointmentHead .appointmentMain form .twoColumnField {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #appointmentform .appointmentHead .appointmentMain form .twoColumnField {
    flex-direction: column;
  }
}
#appointmentform .appointmentHead .appointmentMain form .radioHead {
  margin-bottom: 20px;
}
#appointmentform .appointmentHead .appointmentMain form .radioHead .radioheadlabel {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 29px;
  display: block;
}
#appointmentform .appointmentHead .appointmentMain form .radioHead .radio {
  display: flex;
  gap: 30px;
}
@media (max-width: 768px) {
  #appointmentform .appointmentHead .appointmentMain form .radioHead .radio {
    flex-direction: column;
    gap: 10px;
  }
}
#appointmentform .appointmentHead .appointmentMain form .radioHead .radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
#appointmentform .appointmentHead .appointmentMain form button {
  all: unset;
  background-color: rgb(11, 84, 100);
  border-radius: 40px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 12px 20px;
  font-size: 13px;
  gap: 2px;
  cursor: pointer;
}
#appointmentform .appointmentHead .appointmentMain form button i {
  font-size: 18px;
  margin-top: 2px;
  display: flex;
  align-items: center;
}

#ServiceInner {
  padding: 50px 0;
  background: rgb(242, 248, 248);
}
@media (max-width: 1200px) {
  #ServiceInner {
    padding: 50px !important;
  }
}
@media (max-width: 992px) {
  #ServiceInner {
    padding: 30px 0 !important;
  }
}
#ServiceInner h1 {
  font-size: 45px;
  font-weight: 600;
  line-height: 0.8;
  margin-top: 20px;
  margin-bottom: 20px;
}
#ServiceInner h1 span {
  color: var(--primaryColor);
}
@media (max-width: 1200px) {
  #ServiceInner h1 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  #ServiceInner h1 {
    font-size: 28px;
    margin-top: 0;
  }
}
#ServiceInner .ServiceInnerhead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 50px;
}
@media (max-width: 990px) {
  #ServiceInner .ServiceInnerhead {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
@media (max-width: 990px) {
  #ServiceInner .ServiceInnerhead .ServiceInnercontent {
    margin-top: 20px;
    order: 2;
  }
}
#ServiceInner .ServiceInnerhead .ServiceInnercontent p {
  font-size: 14px;
  line-height: 1.8;
}
@media (max-width: 576px) {
  #ServiceInner .ServiceInnerhead .ServiceInnerImg img {
    width: 100%;
  }
}

#blogInnerPage {
  padding: 100px 0;
}
#blogInnerPage .bloginnerHead h3 {
  font-size: 13px;
  font-weight: 400;
  font-family: myFont5;
  color: var(--primaryColor);
}
#blogInnerPage .bloginnerHead .bloginnerBanner {
  background-color: rgb(251, 251, 251);
  border-radius: 23px;
  box-shadow: 3px 4px 14px 0px rgba(0, 0, 0, 0.17);
}
#blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 990px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead {
    grid-template-columns: repeat(1, 1fr);
  }
}
#blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead h5 {
  font-size: 45px;
  font-weight: 600;
  padding: 50px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1200px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead h5 {
    font-size: 30px;
  }
}
@media (max-width: 990px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead h5 {
    padding: 20px;
  }
}
#blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead .bloginnerBannerHeadImg {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 990px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead .bloginnerBannerHeadImg {
    justify-content: center;
  }
}
#blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead .bloginnerBannerHeadImg img {
  border-radius: 0 23px 23px 0;
}
@media (max-width: 990px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead .bloginnerBannerHeadImg img {
    border-radius: 23px;
    height: 300px;
  }
}
@media (max-width: 576px) {
  #blogInnerPage .bloginnerHead .bloginnerBanner .bloginnerBannerHead .bloginnerBannerHeadImg img {
    width: 100%;
  }
}
#blogInnerPage .bloginnerHead .blog-content {
  margin-top: 60px;
}
#blogInnerPage .bloginnerHead .blog-content div {
  margin-bottom: 20px;
}
#blogInnerPage .bloginnerHead .blog-content div h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--primaryColor);
}
#blogInnerPage .bloginnerHead .blog-content div p {
  font-size: 14px;
  line-height: 1.7;
  color: rgb(85, 85, 85);
}

input[type=time] {
  color: #FF5733;
  /* Change text color */
  font-family: Arial, sans-serif;
  /* Change font */
}

input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(47%) sepia(74%) saturate(320%) hue-rotate(134deg) brightness(95%) contrast(94%);
}

/* For Firefox */
input[type=time]::-moz-placeholder {
  color: #FF5733;
  /* Change placeholder text color */
}

input[type=date] {
  color: #FF5733;
  /* Change text color */
  /* Change font */
}

/* For Chrome, Safari and Edge */
input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(47%) sepia(74%) saturate(320%) hue-rotate(134deg) brightness(95%) contrast(94%);
}

/* For Firefox */
input[type=date]::-moz-placeholder {
  color: #FF5733;
  /* Change placeholder text color */
}/*# sourceMappingURL=style.css.map */