#about {
  width: 100%;
  padding: 100px 0px;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  #about {
    padding: 50px 0px;
  }
}
@media (max-width: 480px) {
  #about {
    margin-top: 50px;
  }
}
#about .aboutMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#about .aboutMain .aboutThumbnail {
  flex: 0 0 45%;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  #about .aboutMain .aboutThumbnail {
    flex: 100%;
  }
}
#about .aboutMain .aboutThumbnail::before {
  position: absolute;
  width: 200px;
  border-radius: 20px;
  height: 200px;
  background: var(--primaryColor);
  content: "";
  top: -50px;
  right: 10%;
  z-index: -1;
}
@media (max-width: 768px) {
  #about .aboutMain .aboutThumbnail::before {
    right: 0%;
  }
}
#about .aboutMain .aboutThumbnail::after {
  position: absolute;
  width: 100%;
  border-radius: 50px;
  height: 60%;
  background: rgba(237, 27, 38, 0.3058823529);
  filter: blur(50px);
  content: "";
  opacity: 0.3;
  bottom: -50px;
  left: -10%;
  z-index: -2;
}
#about .aboutMain .aboutThumbnail img {
  width: 80%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 768px) {
  #about .aboutMain .aboutThumbnail img {
    width: 90%;
    border-radius: 20px;
    overflow: hidden;
  }
}
#about .aboutMain .aboutContent {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #about .aboutMain .aboutContent {
    flex: 100%;
    margin-top: 30px;
  }
}
#about .aboutMain .aboutContent h2 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #about .aboutMain .aboutContent h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #about .aboutMain .aboutContent h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #about .aboutMain .aboutContent h2 {
    font-size: 2em;
  }
}
#about .aboutMain .aboutContent p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: black;
}
#about .aboutMain .aboutContent a {
  width: 150px;
  text-decoration: none;
  margin-top: 30px;
  background: #eee;
  color: var(--primaryColor);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
}
#about .aboutMain .aboutContent a:hover {
  transition: 0.3s;
  background: var(--secondaryColor);
  color: white;
}

#service {
  width: 100%;
  padding: 100px 0px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
#service .servicehead {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 480px) {
  #service .servicehead {
    position: relative;
  }
}
#service .servicehead .servicehead_details {
  width: 70%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #service .servicehead .servicehead_details {
    width: 55%;
  }
}
@media (max-width: 768px) {
  #service .servicehead .servicehead_details {
    width: 100%;
  }
}
#service .servicehead .servicehead_details h2 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #service .servicehead .servicehead_details h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #service .servicehead .servicehead_details h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #service .servicehead .servicehead_details h2 {
    font-size: 2em;
  }
}
#service .servicehead .servicehead_details p {
  font-size: 18px;
  line-height: 1.7;
  width: 80%;
  margin-top: 30px;
}
@media (max-width: 1800px) {
  #service .servicehead .servicehead_details p {
    font-size: 16px;
    width: 90%;
  }
}
@media (max-width: 1024px) {
  #service .servicehead .servicehead_details p {
    font-size: 14px;
    width: 100%;
  }
}
#service .servicelist {
  width: 100%;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 1800px) {
  #service .servicelist {
    gap: 20px;
  }
}
#service .servicelist .servicelist_box {
  width: calc(25% - 23px);
  padding: 20px;
  border: 1px solid #cccbcb;
  position: relative;
  z-index: 0;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
@media (max-width: 1800px) {
  #service .servicelist .servicelist_box {
    width: calc(25% - 15px);
    border-radius: 15px;
    padding: 15px;
  }
}
#service .servicelist .servicelist_box:hover .servicelist_box_icon img {
  transform: scale(1.1);
  transition: 0.3s;
}
#service .servicelist .servicelist_box::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  z-index: -1;
}
@media (max-width: 1024px) {
  #service .servicelist .servicelist_box {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  #service .servicelist .servicelist_box {
    padding: 10px;
    border-radius: 10px;
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  #service .servicelist .servicelist_box {
    padding: 20px;
    width: 100%;
  }
}
#service .servicelist .servicelist_box .servicelist_box_icon {
  width: 100%;
  height: 200px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1800px) {
  #service .servicelist .servicelist_box .servicelist_box_icon {
    height: 200px;
    border-radius: 15px;
  }
}
@media (max-width: 768px) {
  #service .servicelist .servicelist_box .servicelist_box_icon {
    border-radius: 10px;
    height: 200px;
  }
}
#service .servicelist .servicelist_box .servicelist_box_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s;
}
#service .servicelist .servicelist_box .servicelist_box_icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
#service .servicelist .servicelist_box h3 {
  color: black;
  margin-top: 30px;
  font-size: 22px;
}
@media (max-width: 768px) {
  #service .servicelist .servicelist_box h3 {
    font-size: 20px;
  }
}
#service .servicelist .servicelist_box p {
  color: black;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 1800px) {
  #service .servicelist .servicelist_box p {
    font-size: 14px;
  }
}
#service .visible {
  opacity: 1;
}

.serviePage {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .serviePage {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .serviePage {
    margin-top: 0px;
  }
}

#businessClients {
  width: 100%;
  float: left;
  padding: 100px 0px;
  background: linear-gradient(144.5deg, #e8ffdd 65.09%, #7dea7b 122.73%), linear-gradient(311.31deg, #7ef89e 36.08%, #e5ffd9 106.98%);
}
#businessClients .businessClientsMain {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#businessClients .businessClientsMain h2 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #businessClients .businessClientsMain h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #businessClients .businessClientsMain h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #businessClients .businessClientsMain h2 {
    font-size: 2em;
  }
}
#businessClients .businessClientsMain h3 {
  opacity: 0.7;
  font-size: 22px;
  font-family: myFont6;
  text-align: center;
  font-weight: 200;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #businessClients .businessClientsMain h3 {
    font-size: 20px;
  }
}
#businessClients .businessClientsMain .businessClientsThumbnail {
  width: 100%;
  margin-top: 150px;
}
@media (max-width: 1920px) {
  #businessClients .businessClientsMain .businessClientsThumbnail {
    margin-top: 100px;
  }
}
#businessClients .businessClientsMain .businessClientsThumbnail .businessClientsBox {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/2;
}
#businessClients .businessClientsMain .businessClientsThumbnail .businessClientsBox img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
#businessClients .businessClientsMain .businessClientsThumbnail .owl-nav {
  display: none;
}
#businessClients .businessClientsMain .businessClientsThumbnail .owl-dot {
  display: none;
}
#businessClients .businessClientsMain .viewBtn {
  text-decoration: none;
  margin-top: 80px;
  padding: 12px 30px;
  font-size: 14px;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: black;
  transition: 0.3s;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #businessClients .businessClientsMain .viewBtn {
    margin-top: 50px;
  }
}
#businessClients .businessClientsMain .viewBtn:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}

#testimonials {
  width: 100%;
  padding: 100px 0px;
  background: black;
  background-image: url(../images/testimonial.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}
#testimonials::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.735), rgba(0, 0, 0, 0.934), black);
  z-index: -1;
}
#testimonials .testimonialsMain {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#testimonials .testimonialsMain h2 {
  font-size: 4em;
  font-family: myFont1;
  color: white;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1800px) {
  #testimonials .testimonialsMain h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #testimonials .testimonialsMain h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain h2 {
    font-size: 2em;
  }
}
#testimonials .testimonialsMain h3 {
  opacity: 0.7;
  font-size: 22px;
  font-family: myFont6;
  text-align: center;
  font-weight: 200;
  color: white;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #testimonials .testimonialsMain h3 {
    font-size: 20px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 100px;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList {
    margin-top: 50px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList {
  width: 90%;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList {
    width: 100%;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(238, 238, 238, 0.2784313725);
  padding: 40px;
  background: black;
}
@media (max-width: 1024px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox {
    width: 95%;
  }
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox {
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimonialsBoxIframe {
  width: 100%;
  height: 400px;
}
@media (max-width: 768px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimonialsBoxIframe {
    height: 300px;
  }
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimonialsBoxIframe {
    height: 240px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimonialsBoxIframe iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox p {
  color: white;
  text-align: center;
  line-height: 1.7;
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 1800px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox p {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox p {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox p {
    font-size: 14px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile {
    margin-top: 30px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile .testimoanialProfileThumbnail {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid white;
  padding: 5px;
}
@media (max-width: 1024px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile .testimoanialProfileThumbnail {
    width: 50px;
    height: 50px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile .testimoanialProfileThumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  background: #ddd;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile h4 {
  color: white;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile h4 {
    font-size: 18px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile h3 {
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-top: 5px;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile h3 {
    font-size: 14px;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsList .testimonialsBox .testimoanialProfile h5 {
  color: rgba(255, 255, 255, 0.705);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls {
    top: 100%;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme {
  width: 100%;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 480px) {
  #testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 {
    justify-content: center;
  }
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-prev,
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-next {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  border: none;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: #fff;
  background: rgba(255, 255, 255, 0.157);
  transition: 0.5s;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-prev:hover,
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-next:hover {
  transition: 0.5s;
  background: var(--secondaryColor);
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-prev i,
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-next i {
  font-size: 40px;
}
#testimonials .testimonialsMain .testimonialsMainList .testimonialsControlls .owl-theme .custom-nav3 .owl-next .owl-dot {
  display: none;
}

#gallery {
  width: 100%;
  padding: 100px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #gallery {
    padding: 50px 0px 80px 0px;
  }
}
#gallery .galleryColumn1 {
  flex: 0 0 49.5%;
}
@media (max-width: 480px) {
  #gallery .galleryColumn1 {
    flex: 100%;
  }
}
#gallery .galleryColumn1 .galleryBox {
  width: 100%;
  height: 700px;
  background: rgb(34, 34, 34);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  #gallery .galleryColumn1 .galleryBox {
    height: 500px;
  }
}
#gallery .galleryColumn1 .galleryBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#gallery .galleryColumn1 .galleryBox .galleryBoxDetails {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  padding: 40px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6705882353), rgba(0, 0, 0, 0.8509803922), rgba(0, 0, 0, 0.8392156863), rgba(0, 0, 0, 0.7607843137), rgba(0, 0, 0, 0.6901960784));
}
#gallery .galleryColumn1 .galleryBox .galleryBoxDetails h2 {
  font-size: 4em;
  font-family: myFont1;
  color: white;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #gallery .galleryColumn1 .galleryBox .galleryBoxDetails h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #gallery .galleryColumn1 .galleryBox .galleryBoxDetails h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #gallery .galleryColumn1 .galleryBox .galleryBoxDetails h2 {
    font-size: 2em;
  }
}
#gallery .galleryColumn1 .galleryBox .galleryBoxDetails a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  width: 160px;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.616);
  padding: 10px 30px;
  letter-spacing: 1px;
  transition: 0.3s;
  margin-top: 50px;
}
#gallery .galleryColumn1 .galleryBox .galleryBoxDetails a:hover {
  background: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}
#gallery .galleryColumn1 .galleryBox .galleryBoxDetails a span {
  margin-left: 10px;
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48;
}
#gallery .galleryColumn2 {
  flex: 0 0 49.5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 700px;
}
@media (max-width: 1024px) {
  #gallery .galleryColumn2 {
    height: 500px;
  }
}
@media (max-width: 480px) {
  #gallery .galleryColumn2 {
    flex: 100%;
    margin-top: 10px;
  }
}
#gallery .galleryColumn2 .galleryBox {
  flex: 0 0 49%;
  background: rgb(34, 34, 34);
  height: calc(50% - 10px);
  margin: 20px 0px 0px 0px;
}
@media (max-width: 1024px) {
  #gallery .galleryColumn2 .galleryBox {
    margin-top: 10px;
    height: calc(50% - 5px);
  }
}
#gallery .galleryColumn2 .galleryBox:nth-child(1) {
  margin-top: 0;
}
#gallery .galleryColumn2 .galleryBox:nth-child(2) {
  margin-top: 0;
}
#gallery .galleryColumn2 .galleryBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#valuesArea {
  width: 100%;
  padding: 50px 0px 100px 0;
  display: flex;
  flex-direction: column;
}
#valuesArea .valuesAreaMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#valuesArea .valuesAreaMain h2 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #valuesArea .valuesAreaMain h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #valuesArea .valuesAreaMain h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #valuesArea .valuesAreaMain h2 {
    font-size: 2em;
  }
}
#valuesArea .valuesAreaMain ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
#valuesArea .valuesAreaMain ul li {
  list-style: none;
  display: flex;
  flex-direction: column;
  border-top: 2px dashed #eee;
  padding-top: 30px;
}
#valuesArea .valuesAreaMain ul li:nth-of-type(1) {
  border-top: none;
  padding-top: 0;
}
#valuesArea .valuesAreaMain ul li .head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#valuesArea .valuesAreaMain ul li .head .headCount {
  width: 40px;
  font-size: 22px;
  color: var(--primaryColor);
  font-weight: 600;
}
#valuesArea .valuesAreaMain ul li .head .headTitle {
  width: calc(100% - 50px);
}
#valuesArea .valuesAreaMain ul li .head .headTitle h2 {
  font-size: 32px;
  font-weight: 600;
}
@media (max-width: 480px) {
  #valuesArea .valuesAreaMain ul li .head .headTitle h2 {
    font-size: 30px;
  }
}
#valuesArea .valuesAreaMain ul li .description {
  width: 100%;
  padding-left: 50px;
}
#valuesArea .valuesAreaMain ul li .description p {
  margin-top: 20px;
}
@media (max-width: 480px) {
  #valuesArea .valuesAreaMain ul li .description p {
    margin-top: 10px;
  }
}

#newsEvents {
  width: 100%;
  padding: 100px 0px;
  background: black;
}
#newsEvents .newsEventsMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#newsEvents .newsEventsMain h2 {
  font-size: 4em;
  font-family: myFont1;
  color: white;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1800px) {
  #newsEvents .newsEventsMain h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #newsEvents .newsEventsMain h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #newsEvents .newsEventsMain h2 {
    font-size: 2em;
  }
}
#newsEvents .newsEventsMain h3 {
  opacity: 0.7;
  font-size: 22px;
  font-family: myFont6;
  text-align: center;
  font-weight: 200;
  color: white;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #newsEvents .newsEventsMain h3 {
    font-size: 20px;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain {
  width: 100%;
  position: relative;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 480px) {
  #newsEvents .newsEventsMain .newsEventsListMain {
    padding-bottom: 20px;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList {
  width: 90%;
}
@media (max-width: 480px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsList {
    width: 100%;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: white;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxThumbnail {
  width: 100%;
  height: 220px;
  background: #eee;
  overflow: hidden;
}
@media (max-width: 768px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxThumbnail {
    height: 180px;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxDetails {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxDetails h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxDetails p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--secondaryTextColor);
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxDetails a {
  text-decoration: none;
  margin-top: 20px;
  padding: 12px 30px;
  font-size: 14px;
  background: #eee;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: black;
  text-transform: uppercase;
  transition: 0.3s;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsList .newsEventsBox .newsEventsBoxDetails a:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls {
    top: 100%;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme {
  width: 100%;
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 480px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 {
    justify-content: center;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-prev,
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next {
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  border: none;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: #fff;
  background: rgba(255, 255, 255, 0.157);
  transition: 0.5s;
}
@media (max-width: 768px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-prev,
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next {
    width: 35px;
    height: 40px;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-prev:hover,
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next:hover {
  transition: 0.5s;
  background: var(--secondaryColor);
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-prev i,
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next i {
  font-size: 40px;
}
@media (max-width: 768px) {
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-prev i,
  #newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next i {
    font-size: 30px;
  }
}
#newsEvents .newsEventsMain .newsEventsListMain .newsEventsControlls .owl-theme .custom-nav2 .owl-next .owl-dot {
  display: none;
}
#newsEvents .newsEventsMain .viewBtn {
  text-decoration: none;
  margin-top: 80px;
  padding: 12px 30px;
  font-size: 14px;
  background: #eee;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: black;
  text-transform: uppercase;
  transition: 0.3s;
}
@media (max-width: 768px) {
  #newsEvents .newsEventsMain .viewBtn {
    margin-top: 50px;
  }
}
#newsEvents .newsEventsMain .viewBtn:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  color: white;
}

#blog {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #blog {
    padding-top: 0px;
  }
}
#blog h3 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  #blog h3 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #blog h3 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #blog h3 {
    font-size: 2em;
  }
}
#blog .blogMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  align-items: center;
}
#blog .blogMain .blogColumn1 {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #blog .blogMain .blogColumn1 {
    flex: 100%;
    order: 2;
    margin-top: 50px;
  }
}
#blog .blogMain .blogColumn1 .blogBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  text-decoration: none;
  align-items: center;
}
#blog .blogMain .blogColumn1 .blogBox:hover .blogBoxthumbnail img {
  transform: scale(1.2);
  transition: 0.3s;
}
#blog .blogMain .blogColumn1 .blogBox .blogBoxthumbnail {
  width: 200px;
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxthumbnail {
    width: 150px;
    height: 100px;
  }
}
@media (max-width: 480px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxthumbnail {
    width: 100px;
    height: 100px;
  }
}
#blog .blogMain .blogColumn1 .blogBox .blogBoxthumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
#blog .blogMain .blogColumn1 .blogBox .blogBoxContent {
  width: calc(100% - 220px);
  display: flex;
  flex-direction: column;
  background: rgba(238, 238, 238, 0.2901960784);
  padding: 12px;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxContent {
    width: calc(100% - 165px);
  }
}
@media (max-width: 480px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxContent {
    width: calc(100% - 115px);
  }
}
#blog .blogMain .blogColumn1 .blogBox .blogBoxContent h2 {
  font-size: 18px;
  font-weight: 600;
  color: black;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxContent h2 {
    font-size: 14px;
    line-height: 1.3;
    max-height: 40px;
  }
}
#blog .blogMain .blogColumn1 .blogBox .blogBoxContent p {
  font-size: 12px;
  line-height: 1.7;
  margin-top: 5px;
  opacity: 0.7;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
  #blog .blogMain .blogColumn1 .blogBox .blogBoxContent p {
    line-height: 1.5;
    margin-top: 2px;
  }
}
#blog .blogMain .blogColumn2 {
  flex: 0 0 50%;
  position: relative;
  z-index: 0;
}
@media (max-width: 1024px) {
  #blog .blogMain .blogColumn2 {
    flex: 0 0 45%;
  }
}
@media (max-width: 768px) {
  #blog .blogMain .blogColumn2 {
    flex: 100%;
    order: 1;
    height: 350px;
  }
}
@media (max-width: 480px) {
  #blog .blogMain .blogColumn2 {
    height: 250px;
  }
}
#blog .blogMain .blogColumn2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  overflow: hidden;
}

footer {
  width: 100%;
  padding: 150px 0px 20px 0px;
  background: black;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1024px) {
  footer {
    padding-top: 100px;
  }
}
footer .footerMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  footer .footerMain {
    row-gap: 80px;
  }
}
footer .footerMain .footerCol {
  display: flex;
  flex-direction: column;
}
footer .footerMain .footerCol h3 {
  color: white;
  font-size: 20px;
}
footer .footerMain .footerCol1 {
  flex: 0 0 32%;
}
@media (max-width: 1024px) {
  footer .footerMain .footerCol1 {
    flex: 100%;
  }
}
footer .footerMain .footerCol1 .footerLogo {
  display: flex;
  flex-direction: column;
  color: white;
}
footer .footerMain .footerCol1 .footerLogo h2 {
  font-size: 3em;
  line-height: 1;
}
footer .footerMain .footerCol1 .footerLogo span {
  font-size: 16px;
}
footer .footerMain .footerCol1 p {
  color: rgb(189, 189, 189);
  font-size: 14px;
  margin-top: 40px;
  line-height: 1.5;
}
footer .footerMain .footerCol1 .footerSocialLinks {
  margin-top: 40px;
  display: flex;
  gap: 20px;
}
footer .footerMain .footerCol1 .footerSocialLinks a {
  text-decoration: none;
  width: 35px;
  height: 35px;
  background: rgba(255, 255, 255, 0.2352941176);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: white;
  transition: 0.3s;
}
footer .footerMain .footerCol1 .footerSocialLinks a:hover {
  transition: 0.3s;
  background: var(--primaryColor);
  margin-top: -5px;
}
footer .footerMain .footerCol2 {
  flex: 0 0 14%;
}
@media (max-width: 1024px) {
  footer .footerMain .footerCol2 {
    flex: 0 0 48%;
  }
}
@media (max-width: 480px) {
  footer .footerMain .footerCol2 {
    flex: 100%;
  }
}
footer .footerMain .footerCol2 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 40px;
}
footer .footerMain .footerCol2 ul li {
  list-style: none;
  flex: 100%;
}
footer .footerMain .footerCol2 ul li a {
  text-decoration: none;
  color: rgb(189, 189, 189);
  font-size: 14px;
  line-height: 1.5;
}
footer .footerMain .footerCol2 ul li a:hover {
  text-decoration: underline;
  color: white;
}
footer .footerMain .footerCol2 ul .footerBtn {
  flex: 100%;
  margin-top: 20px;
}
footer .footerMain .footerCol2 ul .footerBtn a {
  width: 100%;
  border: 1px solid white;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
footer .footerMain .footerCol3 {
  flex: 0 0 25%;
}
@media (max-width: 1024px) {
  footer .footerMain .footerCol3 {
    flex: 0 0 48%;
  }
}
@media (max-width: 480px) {
  footer .footerMain .footerCol3 {
    flex: 100%;
  }
}
footer .footerMain .footerCol3 .footerContact {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox {
  width: 100%;
  background: #171717;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxIcon {
  width: 30px;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxIcon span {
  font-size: 20px;
  color: #006aff;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxIcon i {
  font-size: 20px;
  color: #006aff;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxDetails {
  width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxDetails h6 {
  color: rgb(189, 189, 189);
  font-size: 14px;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxDetails a {
  text-decoration: none;
  color: white;
  margin-top: 10px;
  font-size: 16px;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxDetails a:hover {
  text-decoration: underline;
}
footer .footerMain .footerCol3 .footerContact .footerContactBox .footerContactBoxDetails p {
  color: white;
  margin-top: 10px;
  font-size: 16px;
}
footer .footerStrip {
  width: 100%;
  background: black;
  margin-top: 50px;
  border-top: 1px solid #3a3a3a;
  padding-top: 20px;
}
footer .footerStrip .footerStripMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  footer .footerStrip .footerStripMain {
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
footer .footerStrip .footerStripMain p {
  font-size: 12px;
  color: var(--secondaryTextColor);
}
@media (max-width: 480px) {
  footer .footerStrip .footerStripMain p {
    text-align: center;
  }
}
footer .footerStrip .footerStripMain .desined {
  font-size: 12px;
  display: flex;
  align-items: center;
  color: var(--secondaryTextColor);
}
@media (max-width: 480px) {
  footer .footerStrip .footerStripMain .desined {
    margin-top: 10px;
  }
}
footer .footerStrip .footerStripMain .desined i {
  color: white;
  margin: 0px 10px;
  font-size: 16px;
}
footer .footerStrip .footerStripMain .desined a {
  text-decoration: none;
}
footer .footerStrip .footerStripMain .desined a .footerStripLogo {
  width: 60px;
}
footer .footerStrip .footerStripMain .desined a .footerStripLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: grayscale(1);
}

#logoContent {
  width: 100%;
  padding: 100px 0px;
  background: #fffbfb;
}
@media (max-width: 768px) {
  #logoContent {
    padding: 50px 0px;
  }
}
#logoContent .logoContentMain {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#logoContent .logoContentMain .logoContentImg {
  width: 200px;
}
#logoContent .logoContentMain .logoContentImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#logoContent .logoContentMain p {
  font-size: 18px;
  line-height: 1.7;
  font-family: myFont6;
  text-align: center;
  margin-top: 30px;
  width: 70%;
}
@media (max-width: 1024px) {
  #logoContent .logoContentMain p {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #logoContent .logoContentMain p {
    font-size: 16px;
  }
}

#mdMessage {
  width: 100%;
}
#mdMessage .mdMessageMain {
  width: 100%;
  padding: 100px 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 100px;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  #mdMessage .mdMessageMain {
    gap: inherit;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  #mdMessage .mdMessageMain {
    align-items: center;
    justify-content: center;
    padding: 50px 10px;
  }
}
#mdMessage .mdMessageMain .mdMessageThumbnail {
  width: 300px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #mdMessage .mdMessageMain .mdMessageThumbnail {
    width: 250px;
  }
}
#mdMessage .mdMessageMain .mdMessageThumbnail .mdMessageMDThumbnail {
  width: 100%;
  height: 340px;
  position: relative;
  z-index: 0;
}
#mdMessage .mdMessageMain .mdMessageThumbnail .mdMessageMDThumbnail::after {
  position: absolute;
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 0;
  left: 0;
  border: 10px solid rgba(255, 255, 255, 0.3490196078);
}
@media (max-width: 1024px) {
  #mdMessage .mdMessageMain .mdMessageThumbnail .mdMessageMDThumbnail {
    height: 300px;
  }
}
#mdMessage .mdMessageMain .mdMessageThumbnail .mdMessageMDThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#mdMessage .mdMessageMain .mdMessageThumbnail h2 {
  font-size: 1.7em;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 1800px) {
  #mdMessage .mdMessageMain .mdMessageThumbnail h2 {
    font-size: 22px;
  }
}
#mdMessage .mdMessageMain .mdMessageThumbnail h6 {
  font-size: 16px;
  margin-top: 10px;
  font-family: myFont6;
  text-align: center;
  color: var(--secondaryTextColor);
}
#mdMessage .mdMessageMain .mdMessageDetails {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1800px) {
  #mdMessage .mdMessageMain .mdMessageDetails {
    width: 55%;
  }
}
@media (max-width: 1024px) {
  #mdMessage .mdMessageMain .mdMessageDetails {
    width: calc(100% - 300px);
  }
}
@media (max-width: 768px) {
  #mdMessage .mdMessageMain .mdMessageDetails {
    width: 100%;
    margin-top: 50px;
    justify-content: center;
    align-items: center;
  }
}
#mdMessage .mdMessageMain .mdMessageDetails .quoght {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: -50px;
  left: -50px;
}
@media(max-width:768px){
	#mdMessage .mdMessageMain .mdMessageDetails .quoght{
		display: none;
	}
}
#mdMessage .mdMessageMain .mdMessageDetails .quoght span {
  font-size: 50px;
  color: var(--secondaryColor);
	transform: rotate(180deg);
}
#mdMessage .mdMessageMain .mdMessageDetails h3 {
  font-size: 2em;
  line-height: 1.5;
  font-family: myFont4;
}
@media (max-width: 1800px) {
  #mdMessage .mdMessageMain .mdMessageDetails h3 {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  #mdMessage .mdMessageMain .mdMessageDetails h3 {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  #mdMessage .mdMessageMain .mdMessageDetails h3 {
    text-align: center;
  }
}
@media (max-width: 480px) {
  #mdMessage .mdMessageMain .mdMessageDetails h3 {
    font-size: 22px;
    width: 90%;
  }
}
#mdMessage .mdMessageMain .mdMessageDetails p {
  font-size: 18px;
  line-height: 1.8;
  margin-top: 20px;
  color: var(--secondaryTextColor);
}
@media (max-width: 1800px) {
  #mdMessage .mdMessageMain .mdMessageDetails p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #mdMessage .mdMessageMain .mdMessageDetails p {
    text-align: center;
  }
}

#methodology {
  width: 100%;
  padding: 100px 0px;
  background: #f8f8f8;
}
@media (max-width: 768px) {
  #methodology {
    padding: 50px 0px;
  }
}
#methodology .methodologyMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#methodology .methodologyMain h2 {
  font-size: 2em;
  line-height: 1.5;
  font-family: myFont4;
}
@media (max-width: 1800px) {
  #methodology .methodologyMain h2 {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  #methodology .methodologyMain h2 {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  #methodology .methodologyMain h2 {
    font-size: 22px;
  }
}
#methodology .methodologyMain ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 20px;
}
#methodology .methodologyMain ul li {
  flex: 0 0 48%;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #methodology .methodologyMain ul li {
    flex: 100%;
  }
}
#methodology .methodologyMain ul li span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--primaryColor);
  margin-top: 7px;
}
#methodology .methodologyMain ul li p {
  width: calc(100% - 25px);
  font-size: 16px;
}

#visionMission {
  width: 100%;
}
#visionMission .visionMissionMain {
  width: 100%;
  padding: 100px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #visionMission .visionMissionMain {
    padding: 50px 0px;
  }
}
#visionMission .visionMissionMain .visionMissionDetails {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  padding: 150px 0px;
}
@media (max-width: 1800px) {
  #visionMission .visionMissionMain .visionMissionDetails {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  #visionMission .visionMissionMain .visionMissionDetails {
    flex: 100%;
    order: 2;
    padding: 0;
    margin-top: 30px;
  }
}
#visionMission .visionMissionMain .visionMissionDetails h3 {
  font-size: 18px;
  color: var(--primaryColor);
  font-family: myFont6;
}
#visionMission .visionMissionMain .visionMissionDetails h2 {
  font-size: 2em;
  line-height: 1.5;
  font-family: myFont4;
  margin-top: 10px;
}
@media (max-width: 1800px) {
  #visionMission .visionMissionMain .visionMissionDetails h2 {
    font-size: 28px;
  }
}
#visionMission .visionMissionMain .visionMissionDetails p {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 20px;
  color: var(--secondaryTextColor);
}
#visionMission .visionMissionMain .visionMissionThumbnail {
  flex: 0 0 45%;
  background: #eee;
  overflow: hidden;
}
@media (max-width: 768px) {
  #visionMission .visionMissionMain .visionMissionThumbnail {
    flex: 100%;
    order: 1;
  }
}
#visionMission .visionMissionMain .visionMissionThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#innerTreatment {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 768px) {
  #innerTreatment {
    padding: 50px 0px;
  }
}
#innerTreatment .innerTreatmentMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#innerTreatment .innerTreatmentMain .filterSelect {
  flex: 0 0 17%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  #innerTreatment .innerTreatmentMain .filterSelect {
    flex: 100%;
    flex-direction: row;
    padding: 10px 0px;
    background: white;
    z-index: 10;
    overflow-x: auto;
  }
}
#innerTreatment .innerTreatmentMain .filterSelect .BtnListBox {
  max-width: 300px;
  padding: 15px 15px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  white-space: pre;
  transition: 0.3s;
  text-align: left;
  margin-top: 10px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  #innerTreatment .innerTreatmentMain .filterSelect .BtnListBox {
    padding: 10px 20px;
    font-size: 14px;
    margin-top: 0;
    margin-right: 10px;
    max-width: inherit;
    display: block;
    overflow: visible;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.041);
  }
  #innerTreatment .innerTreatmentMain .filterSelect .BtnListBox:nth-last-child(1) {
    margin-right: 10px;
  }
}
@media (max-width: 480px) {
  #innerTreatment .innerTreatmentMain .filterSelect .BtnListBox {
    margin-right: 15px;
  }
}
#innerTreatment .innerTreatmentMain .filterSelect .BtnListBox:nth-child(1) {
  margin-top: 0;
}
#innerTreatment .innerTreatmentMain .filterSelect .BtnListBox:hover {
  background: rgba(233, 233, 233, 0.404);
  color: var(--primaryColor);
  transition: 0.3s;
}
#innerTreatment .innerTreatmentMain .filterSelect .active {
  color: #fff;
  background: var(--primaryColor);
}
#innerTreatment .innerTreatmentMain .filterSelect .active:hover {
  background: var(--secondaryColor);
  transition: 0.3s;
  color: white;
}
#innerTreatment .innerTreatmentMain .filterTabBox {
  flex: 0 0 80%;
  border-left: 10px solid #eee;
  padding-left: 5%;
}
@media (max-width: 1800px) {
  #innerTreatment .innerTreatmentMain .filterTabBox {
    flex: 0 0 75%;
  }
}
@media (max-width: 1024px) {
  #innerTreatment .innerTreatmentMain .filterTabBox {
    flex: 100%;
    padding-left: 0;
    border-left: 0;
    margin-top: 30px;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox {
  width: 100%;
  display: none;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadThumbnail {
  flex: 0 0 40%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadThumbnail {
    flex: 100%;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent {
  flex: 0 0 55%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent {
    flex: 100%;
    margin-top: 30px;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent h2 {
  font-size: 2em;
  font-weight: 500;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent span {
  font-size: 12px;
  margin-top: 25px;
  color: rgb(156, 155, 155);
  font-weight: 600;
  line-height: 1.5;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent p {
  font-size: 14px;
  margin-top: 20px;
  font-weight: 600;
  line-height: 1.7;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent p b {
  font-size: 25px;
  color: green;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent a {
  text-decoration: none;
  font-size: 16px;
  width: 100%;
  margin-top: 20px;
  background: var(--secondaryColor);
  color: black;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
  font-weight: 500;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent ul {
  width: 100%;
  padding-left: 20px;
  margin-top: 10px;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .tabBoxHead .tabBoxHeadContent ul li {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet h2 {
  margin-top: 80px;
  font-size: 25px;
  font-weight: 600;
  color: var(--primaryColor);
}
@media (max-width: 480px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet h2 {
    margin-top: 50px;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet p {
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.7;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet ul {
  width: 100%;
  padding-left: 20px;
  margin-top: 10px;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet ul li {
  font-size: 14px;
  list-style: 1.5;
  margin-top: 15px;
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
  width: 100%;
  float: left;
  line-height: 0;
  -webkit-column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  column-count: 3;
  column-gap: 30px;
  position: relative;
}
@media (max-width: 480px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  content: "";
  z-index: 1;
}
@media (max-width: 1200px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 1000px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 768px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 480px) {
  #innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail {
    -moz-column-count: 2;
    column-count: 2;
  }
}
#innerTreatment .innerTreatmentMain .filterTabBox .tabBox .productQuandity .productQuandityContnet .productQuandityThumbnail img {
  border-radius: 10px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 20px;
  width: 100% !important;
  height: auto !important;
}

#contact {
  width: 100%;
  padding: 150px 0px 100px 0px;
  background-image: url(../images/aboutBanner.jpeg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0;
}
#contact .contactMain {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#contact .contactMain h1 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1800px) {
  #contact .contactMain h1 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #contact .contactMain h1 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #contact .contactMain h1 {
    font-size: 2em;
  }
}
#contact .contactMain p {
  opacity: 0.7;
  font-size: 22px;
  font-family: myFont6;
  text-align: center;
  font-weight: 200;
  margin-top: 20px;
}
@media (max-width: 768px) {
  #contact .contactMain p {
    font-size: 20px;
  }
}
#contact .contactMain .contactList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #bbb;
  margin-top: 80px;
}
#contact .contactMain .contactList .contactListDetails {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px;
}
@media (max-width: 1024px) {
  #contact .contactMain .contactList .contactListDetails {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  #contact .contactMain .contactList .contactListDetails {
    flex: 100%;
    order: 2;
  }
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox {
  width: 100%;
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox:nth-of-type(1) {
  margin-top: 0;
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox .contactListDetailsIcon {
  text-align: center;
  font-size: 3em;
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox p {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  font-family: myFont6;
  width: 100%;
  opacity: 1;
}
@media (max-width: 480px) {
  #contact .contactMain .contactList .contactListDetails .contactListDetailsBox p {
    font-size: 18px;
  }
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox a {
  text-decoration: none;
  font-size: 14px;
  color: black;
  text-align: center;
  margin-top: 20px;
  width: 100%;
  opacity: 1;
  transition: 0.2s;
}
@media (max-width: 480px) {
  #contact .contactMain .contactList .contactListDetails .contactListDetailsBox a {
    font-size: 18px;
  }
}
#contact .contactMain .contactList .contactListDetails .contactListDetailsBox a:hover {
  transition: 0.2s;
  color: var(--primaryColor);
}
#contact .contactMain .contactList .contactListForm {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  background: #000;
  padding: 50px;
}
@media (max-width: 1024px) {
  #contact .contactMain .contactList .contactListForm {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  #contact .contactMain .contactList .contactListForm {
    flex: 100%;
    order: 1;
  }
}
#contact .contactMain .contactList .contactListForm form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#contact .contactMain .contactList .contactListForm form .formGroup {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
#contact .contactMain .contactList .contactListForm form .formGroup:nth-of-type(1) {
  margin-top: 0;
}
#contact .contactMain .contactList .contactListForm form .formGroup label {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#contact .contactMain .contactList .contactListForm form .formGroup input {
  width: 100%;
  height: 50px;
  padding: 0px 20px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  background: none;
  border: 1px solid #8a8a8a;
  outline: none;
  margin-top: 5px;
}
#contact .contactMain .contactList .contactListForm form .formGroup textarea {
  width: 100%;
  height: 100px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  background: none;
  border: 1px solid #8a8a8a;
  outline: none;
  margin-top: 5px;
}
#contact .contactMain .contactList .contactListForm form .formBtnArea {
  width: 100%;
  margin-top: 30px;
}
#contact .contactMain .contactList .contactListForm form .formBtnArea button {
  padding: 12px 50px;
  background: var(--primaryColor);
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  outline: none;
  cursor: pointer;
  letter-spacing: 2px;
  transition: 0.3s;
}
#contact .contactMain .contactList .contactListForm form .formBtnArea button:hover {
  transition: 0.3s;
  background: white;
  color: var(--primaryColor);
}
#contact .mapSectionMain {
  margin-top: 80px;
}
#contact .mapSectionMain h2 {
  font-size: 4em;
  font-family: myFont1;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 1800px) {
  #contact .mapSectionMain h2 {
    font-size: 2.8em;
  }
}
@media (max-width: 1024px) {
  #contact .mapSectionMain h2 {
    font-size: 2.2em;
  }
}
@media (max-width: 480px) {
  #contact .mapSectionMain h2 {
    font-size: 2em;
  }
}
#contact .mapSectionMain .mapSectionThumbnail {
  margin-top: 40px;
}
#contact .mapSectionMain .mapSectionThumbnail iframe {
  width: 100%;
  height: 530px;
}

#listGallery {
  width: 100%;
  float: left;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #listGallery {
    padding: 50px 0px;
  }
}
#listGallery h6 {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: black;
  text-align: center;
}
#listGallery h6 span {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#listGallery h1 {
  font-size: 2em;
  font-weight: 600;
  margin-top: 30px;
  line-height: 1.5;
  color: var(--primaryColor);
  text-align: center;
}
@media (max-width: 480px) {
  #listGallery h1 {
    font-size: 1.7em;
  }
}
#listGallery .profleBodyTab {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
#listGallery .profleBodyTab ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  #listGallery .profleBodyTab ul {
    width: 40%;
  }
}
@media (max-width: 768px) {
  #listGallery .profleBodyTab ul {
    width: 100%;
  }
}
#listGallery .profleBodyTab ul li {
  list-style: none;
}
#listGallery .profleBodyTab ul li button {
  text-decoration: none;
  padding: 16px 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  border: none;
  outline: none;
  text-align: center;
  background: #eee;
  color: black;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
}
#listGallery .profleBodyTab ul li button:hover {
  background: rgb(172, 171, 171);
  transition: 0.3s;
}
#listGallery .profleBodyTab ul li .active {
  background: var(--primaryColor);
  color: white;
}
#listGallery .profleBodyTab ul li .active:hover {
  background: rgb(34, 39, 87);
  transition: 0.3s;
}
#listGallery .listGalleryMainTab {
  display: none;
}
#listGallery .listGalleryMainTab .listGalleryMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#listGallery .listGalleryMainTab .listGalleryMain::after {
  content: "";
  height: 0;
  width: 24%;
}
@media (max-width: 768px) {
  #listGallery .listGalleryMainTab .listGalleryMain {
    margin-top: 30px;
  }
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox {
  flex: 0 0 24%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.062);
  margin-top: 50px;
}
@media (max-width: 1024px) {
  #listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox {
    flex: 0 0 32%;
  }
}
@media (max-width: 768px) {
  #listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox {
    flex: 0 0 48%;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  #listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox {
    flex: 100%;
  }
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail:hover .listGalleryBoxImg img {
  transform: scale(1);
  transition: 0.3s;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxImg {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: #eee;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.1);
  transition: 0.3s;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxImg iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.1);
  transition: 0.3s;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxImg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxDetails {
  width: 100%;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxThumbnail .listGalleryBoxDetails p {
  font-size: 14px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxContent {
  width: 100%;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxContent .listGalleryBoxContentIcon {
  flex: 0 0 15%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxContent .listGalleryBoxContentIcon h6 {
  width: 20px;
  height: 2px;
  border-radius: 5px;
  margin-top: 8px;
  background: black;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxContent .listGalleryBoxContentext {
  flex: 0 0 85%;
  display: flex;
  flex-direction: column;
}
#listGallery .listGalleryMainTab .listGalleryMain .listGalleryBox .listGalleryBoxContent .listGalleryBoxContentext p {
  font-size: 16px;
  color: black;
  font-weight: 500;
}
#listGallery .listGalleryMainTab .listGalleryMain .dummyListGalleryBox {
  flex: 0 0 24%;
  height: 0;
}
@media (max-width: 1024px) {
  #listGallery .listGalleryMainTab .listGalleryMain .dummyListGalleryBox {
    flex: 0 0 32%;
  }
}

#blogList {
  width: 100%;
  padding: 100px 0px;
}
@media (max-width: 480px) {
  #blogList {
    padding-top: 50px;
  }
}
#blogList h1 {
  font-size: 2.5em;
  font-weight: 600;
  line-height: 1.7;
}
@media (max-width: 1024px) {
  #blogList h1 {
    font-size: 2em;
  }
}
#blogList .blogListMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#blogList .blogListMain::after {
  content: "";
  height: 0;
  width: 23%;
}
@media (max-width: 1800px) {
  #blogList .blogListMain::after {
    width: 31%;
  }
}
@media (max-width: 1024px) {
  #blogList .blogListMain::after {
    width: 30%;
  }
}
#blogList .blogListMain .blogListBox {
  flex: 0 0 23%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-top: 50px;
}
@media (max-width: 1800px) {
  #blogList .blogListMain .blogListBox {
    flex: 0 0 31%;
  }
}
@media (max-width: 1024px) {
  #blogList .blogListMain .blogListBox {
    flex: 0 0 48%;
  }
}
@media (max-width: 768px) {
  #blogList .blogListMain .blogListBox {
    flex: 0 0 48%;
  }
}
@media (max-width: 480px) {
  #blogList .blogListMain .blogListBox {
    flex: 100%;
  }
}
#blogList .blogListMain .blogListBox:hover .blogListBoxThumbnail img {
  transform: scale(1.2);
  transition: 0.3s;
}
#blogList .blogListMain .blogListBox .blogListBoxThumbnail {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1024px) {
  #blogList .blogListMain .blogListBox .blogListBoxThumbnail {
    height: 220px;
  }
}
#blogList .blogListMain .blogListBox .blogListBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
#blogList .blogListMain .blogListBox .blogListBoxDetails {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
#blogList .blogListMain .blogListBox .blogListBoxDetails h2 {
  font-size: 16px;
  font-weight: 500;
  color: black;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  #blogList .blogListMain .blogListBox .blogListBoxDetails h2 {
    font-size: 16px;
    line-height: 1.3;
    max-height: 40px;
  }
}
#blogList .blogListMain .blogListBox .blogListBoxDetails p {
  font-size: 13px;
  line-height: 1.7;
  margin-top: 10px;
  opacity: 0.7;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
  #blogList .blogListMain .blogListBox .blogListBoxDetails p {
    line-height: 1.5;
    margin-top: 10px;
  }
}
#blogList .blogListMain .dummyBlogListBox {
  flex: 0 0 23%;
  height: 0;
}
@media (max-width: 1800px) {
  #blogList .blogListMain .dummyBlogListBox {
    flex: 0 0 31%;
  }
}
@media (max-width: 1024px) {
  #blogList .blogListMain .dummyBlogListBox {
    flex: 0 0 30%;
  }
}

#innerBlog {
  width: 100%;
  margin-top: 70px;
  padding: 100px 0px;
}
@media (max-width: 768px) {
  #innerBlog {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  #innerBlog {
    padding-top: 50px;
  }
}
#innerBlog .innerBlogMian {
  width: 100%;
  /*display: flex;
  flex-direction: column;*/
}
#innerBlog .innerBlogMian h1 {
  font-size: 3em;
  font-weight: 600;
  width: 70%;
  line-height: 1.7;
}
@media (max-width: 1024px) {
  #innerBlog .innerBlogMian h1 {
    font-size: 2em;
    width: 100%;
  }
}
#innerBlog .innerBlogMian .innerBlogMainThumbnail {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 30px;
}
#innerBlog .innerBlogMian .innerBlogMainThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerBlog .innerBlogMian p {
  font-size: 16px;
  margin-top: 20px;
}

#innerEvents {
  width: 100%;
  margin-top: 70px;
  padding: 100px 0px;
}
@media (max-width: 768px) {
  #innerEvents {
    padding: 50px 0px;
    margin-top: 60px;
  }
}
#innerEvents .innerEventsMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerEvents .innerEventsMain h2 {
  font-size: 2.5em;
  font-weight: 900;
  color: black;
}
@media (max-width: 768px) {
  #innerEvents .innerEventsMain h2 {
    font-size: 2em;
  }
}
#innerEvents .innerEventsMain .innerEventsBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 2px dashed #eee;
  padding-top: 50px;
  margin-top: 50px;
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxThumbnail {
  width: 250px;
  height: 150px;
  background: rgba(230, 220, 252, 0.3294117647);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  flex-direction: column;
}
@media (max-width: 768px) {
  #innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxThumbnail {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 480px) {
  #innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxThumbnail {
    height: 200px;
  }
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent {
  width: calc(100% - 280px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  #innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent {
    width: 100%;
    margin-top: 20px;
  }
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent h1 {
  font-size: 20px;
  color: black;
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--secondaryTextColor);
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent a {
  text-decoration: none;
  width: 150px;
  display: block;
  text-align: center;
  padding: 10px;
  background: #eee;
  color: var(--primaryColor);
  font-size: 14px;
  border-radius: 10px;
  margin-top: 20px;
}
#innerEvents .innerEventsMain .innerEventsBox .innerEventsBoxContent a:hover {
  background: var(--primaryColor);
  color: white;
}

#innerNewsDetails {
  width: 100%;
  margin-top: 70px;
  padding: 100px 0px;
}
@media (max-width: 768px) {
  #innerNewsDetails {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  #innerNewsDetails {
    padding-top: 50px;
  }
}
#innerNewsDetails .innerNewsDetailsMian {
  width: 100%;
  /*display: flex;
  flex-direction: column;*/
}
#innerNewsDetails .innerNewsDetailsMian h1 {
  font-size: 3em;
  font-weight: 600;
  width: 70%;
  line-height: 1.7;
}
@media (max-width: 1024px) {
  #innerNewsDetails .innerNewsDetailsMian h1 {
    font-size: 2em;
    width: 100%;
  }
}
#innerNewsDetails .innerNewsDetailsMian .innerNewsDetailsMianThumbnail {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 30px;
}
#innerNewsDetails .innerNewsDetailsMian .innerNewsDetailsMianThumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#innerNewsDetails .innerNewsDetailsMian p {
  font-size: 16px;
  margin-top: 20px;
}

#innerServices {
  width: 100%;
  padding: 100px 0px;
}
#innerServices .innerServicesMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#innerServices .innerServicesMain h2 {
  font-size: 2em;
  line-height: 1.5;
  font-family: myFont4;
  margin-top: 70px;
}
#innerServices .innerServicesMain h2:nth-of-type(1) {
  margin-top: 0;
}
@media (max-width: 1800px) {
  #innerServices .innerServicesMain h2 {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  #innerServices .innerServicesMain h2 {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain h2 {
    font-size: 22px;
  }
}
#innerServices .innerServicesMain .desc {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
}
#innerServices .innerServicesMain ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 20px;
}
#innerServices .innerServicesMain ul li {
  flex: 0 0 48%;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #innerServices .innerServicesMain ul li {
    flex: 100%;
  }
}
#innerServices .innerServicesMain ul li span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--primaryColor);
  margin-top: 7px;
}
#innerServices .innerServicesMain ul li p {
  width: calc(100% - 25px);
  font-size: 18px;
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain ul li p {
    font-size: 16px;
  }
}
#innerServices .innerServicesMain h3 {
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.7;
  color: black;
}
#innerServices .innerServicesMain .disc {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 20px;
  color: var(--secondaryTextColor);
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .disc {
    font-size: 16px;
  }
}
#innerServices .innerServicesMain .innerServicesBox {
  width: 100%;
  padding: 50px;
  background: #f8f8f8;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #innerServices .innerServicesMain .innerServicesBox {
    padding: 30px;
  }
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .innerServicesBox {
    padding: 20px;
  }
}
#innerServices .innerServicesMain .innerServicesBox h4 {
  font-size: 2em;
  font-family: myFont1;
  line-height: 1.5;
  color: var(--primaryColor);
  margin-top: 50px;
}
#innerServices .innerServicesMain .innerServicesBox h4:nth-of-type(1) {
  margin-top: 0;
}
@media (max-width: 1800px) {
  #innerServices .innerServicesMain .innerServicesBox h4 {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  #innerServices .innerServicesMain .innerServicesBox h4 {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .innerServicesBox h4 {
    font-size: 22px;
  }
}
#innerServices .innerServicesMain .innerServicesBox h5 {
  font-size: 20px;
  margin-top: 30px;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px dashed #999898;
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .innerServicesBox h5 {
    font-size: 18px;
  }
}
#innerServices .innerServicesMain .innerServicesBox p {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 10px;
  opacity: 0.7;
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .innerServicesBox p {
    font-size: 16px;
  }
}
#innerServices .innerServicesMain .youtVedioArea {
  width: 100%;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
#innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox {
  width: calc(33.3333333333% - 14px);
  height: 300px;
  background: #eee;
}
@media (max-width: 1800px) {
  #innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox {
    height: 250px;
  }
}
@media (max-width: 1024px) {
  #innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox {
    height: 200px;
  }
}
@media (max-width: 768px) {
  #innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  #innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox {
    width: 100%;
  }
}
#innerServices .innerServicesMain .youtVedioArea .youtVedioAreaBox iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#clientList {
  width: 100%;
  padding: 100px 0px;
  margin-top: 100px;
}
@media (max-width: 768px) {
  #clientList {
    padding: 50px 0px;
    margin-top: 80px;
  }
}
#clientList .clientListMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#clientList .clientListMain h1 {
  font-size: 2.5em;
  font-weight: 900;
  color: black;
}
@media (max-width: 768px) {
  #clientList .clientListMain h1 {
    font-size: 2em;
  }
}
#clientList .clientListMain ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
  margin-top: 50px;
}
#clientList .clientListMain ul li {
  flex: 0 0 48%;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #clientList .clientListMain ul li {
    flex: 100%;
  }
}
#clientList .clientListMain ul li span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--primaryColor);
  margin-top: 7px;
}
#clientList .clientListMain ul li p {
  width: calc(100% - 25px);
  font-size: 18px;
}
@media (max-width: 480px) {
  #clientList .clientListMain ul li p {
    font-size: 16px;
  }
}/*# sourceMappingURL=style.css.map */