html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
    font-family: 'Noto Sans' !important;
  background: #f6f7f9;
}

.body-overflow {
  overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

input:focus::placeholder {
  color: transparent !important;
}

/** {*/
/*  font-family: 'Inter Tight'  !important;*/
/*}*/

.container {
  padding: 0 2rem;
  max-width: 124rem;
  margin: 0 auto;
}
.microContainer {
  padding: 0 2rem;
  max-width: 82rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199.9px) {
  html {
    font-size: 9px;
  }
}

@media only screen and (max-width: 1023.9px) {
  html {
    font-size: 8px;
  }
}

@media only screen and (max-width: 991.9px) {
  html {
    font-size: 7px;
  }
}

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 2rem;
}

@media only screen and (min-width: 1199.9px) {
  .xl-1 {
    grid-column: span 1;
  }

  .xl-2 {
    grid-column: span 2;
  }

  .xl-3 {
    grid-column: span 3;
  }

  .xl-4 {
    grid-column: span 4;
  }

  .xl-5 {
    grid-column: span 5;
  }

  .xl-6 {
    grid-column: span 6;
  }

  .xl-7 {
    grid-column: span 7;
  }

  .xl-8 {
    grid-column: span 8;
  }

  .xl-9 {
    grid-column: span 9;
  }

  .xl-10 {
    grid-column: span 10;
  }

  .xl-11 {
    grid-column: span 11;
  }

  .xl-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 1199.9px) and (min-width: 991.9px) {
  .lg-0 {
    display: none;
  }

  .lg-1 {
    grid-column: span 1;
  }

  .lg-2 {
    grid-column: span 2;
  }

  .lg-3 {
    grid-column: span 3;
  }

  .lg-4 {
    grid-column: span 4;
  }

  .lg-5 {
    grid-column: span 5;
  }

  .lg-6 {
    grid-column: span 6;
  }

  .lg-7 {
    grid-column: span 7;
  }

  .lg-8 {
    grid-column: span 8;
  }

  .lg-9 {
    grid-column: span 9;
  }

  .lg-10 {
    grid-column: span 10;
  }

  .lg-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 991.9px) and (min-width: 767.9px) {
  .md-0 {
    display: none;
  }

  .md-1 {
    grid-column: span 1;
  }

  .md-2 {
    grid-column: span 2;
  }

  .md-3 {
    grid-column: span 3;
  }

  .md-4 {
    grid-column: span 4;
  }

  .md-5 {
    grid-column: span 5;
  }

  .md-6 {
    grid-column: span 6;
  }

  .md-7 {
    grid-column: span 7;
  }

  .md-8 {
    grid-column: span 8;
  }

  .md-9 {
    grid-column: span 9;
  }

  .md-10 {
    grid-column: span 10;
  }

  .md-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 767.9px) {
  .sm-0 {
    display: none;
  }
  .sm-3 {
    grid-column: span 3;
  }

  .sm-4 {
    grid-column: span 4;
  }

  .sm-6 {
    grid-column: span 6;
  }

  .sm-12 {
    grid-column: span 12;
  }

  html {
    font-size: 10px;
  }

  .container,
  .container-second {
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .breadCrumb {
    display: none !important;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input,
textarea,
select {
  background-color: transparent;
  outline: none;
}

ul,
ol {
  padding-left: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}
p {
  margin: 0;
}

a {
  text-decoration: none;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: 'Noto Sans' !important;
}

button,
input,
textarea {
  outline: 0;
  cursor: pointer;
}
svg,
path,
div,
a,
button,
header,
img,
p,
span {
  transition: 0.3s all ease;
}
/* menu burger */

.menuLine {
  display: flex;
  align-items: center;
  outline: none;
  height: 2rem;
  width: 1.5rem;
  border: 0;
  padding: 0;
  background: transparent;
  transition: all 250ms ease-out;
  cursor: pointer;
}

.menuLine:before,
.menuLine:after {
  content: "";
  width: 1.5rem;
  height: 0.2rem;
  position: absolute;

  background: #fff;
  transition: all 250ms ease-out;
  will-change: transform;
}

.menuLine:before {
  transform: translateY(-0.3rem);
}

.menuLine:after {
  transform: translateY(0.3rem);
}
.active.menuLine:before {
  transform: translateY(0) rotate(45deg);
}

.active.menuLine:after {
  transform: translateY(0) rotate(-45deg);
}
.menuButton {
  width: 5.3rem;
  height: 5.3rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: #232a30;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  z-index: 4;
  border: 0.15rem solid transparent;
}
/* header */

header {
  padding: 3.2rem 0;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 8;
}

header.active {
  top: 0;
  padding: 1rem 0;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 25px rgba(165, 154, 154, 0.25);
  backdrop-filter: blur(1rem);
}

header.active .menuButton,
header.active .searchButton,
header.active .logo {
  transform: scale(0.8);
}

.headerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo img {
  width: 27.4rem;
  height: 6.1rem;
}

.searchButton {
  width: 5.3rem;
  height: 5.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e4e8ec;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: none;
  padding: 0;
}

.searchButton::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #c3cfda;
  transform: scale(0);
  transition: 0.4s;
  border-radius: 50%;
  opacity: 0;
}
.searchButton:hover::after {
  transform: scale(1);
  opacity: 1;
}
.searchButton img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.menuButton.active {
  border: 0.15rem solid #3f4347;
}
.menuSection {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #232a30;
  z-index: 2;
  transform: translateY(-130%);
  opacity: 0;
  overflow: auto;
}

.menuSection.active {
  opacity: 1;
  transform: translateY(0);
}
.menuSectionTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem 0;
}
.lang {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lang a {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #f9f8f6;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}
.lang a::after {
  content: "";
  position: absolute;
  height: 1.4rem;
  width: 0.1rem;
  top: 0;
  bottom: -1rem;
  left: 0;
  transform: rotate(20deg);
  background: #566674;
}
.lang a:hover,
.menuSectionMiddle li a:hover {
  color: #c3cfda;
}
.menuSectionMiddle li a:hover {
  transform: translateX(1rem);
}
.lang a:first-child {
  padding-left: 0;
}
.lang a:last-child {
  padding-right: 0;
}
.lang a:first-child::after {
  display: none;
}
.menuEmpty {
  width: 7.3rem;
}
.menuSectionMiddle {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 3.2rem 0 7rem;
}
.menuSectionMiddle li a {
  color: #f9f8f6;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.026rem;
  opacity: 0.6;
  margin-bottom: 1.2rem;
  width: fit-content;
  white-space: nowrap !important;
}
.menuSectionMiddle .menuSectionUl .title {
  color: #f9f8f6;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 1;
  margin-bottom: 1.7rem;
}
.menuSectionMiddle .menuSectionUl {
  min-width: 20%;
  overflow: hidden;
}
.menuSectionMiddle .menuSectionUl:nth-child(5){
    width: 60%;
}
.menuSectionMiddle ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 30rem;
  margin-bottom: 2.4rem;
}
.menuSectionBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4.2rem;
}
.socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.socials span {
  color: #f9f8f6;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0284rem;
  display: block;
  margin-right: 1.8rem;
}
.socials a {
  margin-right: 1.7rem;
}
.socials a svg {
  width: 2.4rem;
  height: 2.4rem;
}
.socials a svg path{
    fill: rgb(249, 248, 246);
}
.socials a:hover svg path {
  fill: #c3cfda;
}
.socials a:hover {
  transform: scale(1.1);
}
.location {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.location div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.location img {
  margin-right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
}
.location p {
  color: #f9f8f6;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.031rem;
  display: flex;
  align-items: center;
}
.location span{
    display:block;
    margin-left: .6rem;
}
.categories {
  width: 100%;
  display: flex;
  height: 100vh;
}
.categoryCard {
  width: 100%;
  height: 100vh;
  transition: 0.4s all;
  cursor: pointer;
  position: relative;
}
.categoryCardTop {
  height: 80vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.categoryCardTop img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 90%;
  height: auto;
  object-fit: contain;
  margin: auto;
}
.categoryCardBottom {
  height: 20vh;
  width: 100%;
}
.categoryCardBottom span {
  color: #232a30;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 106.015%;
  text-transform: uppercase;
}
.categoryCardBottomChild {
  width: 80%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: auto;
}
.categoryCardBottom img {
  height: 5.5rem;
  width: 5.5rem;
  object-fit: contain;
}
.categoryCard:hover {
  filter: grayscale(100%);
  background-color: #1f1c1422;
}
.categoryCard.active:hover {
  filter: grayscale(0);
}
.categoryCard:hover img {
  transform: scale(1.1);
}
.categoryCard.active {
  width: 80vw;
}
.categoryCard.deactive {
  width: 10vw;
}
.categoryCard.active .categoryCardTop img {
  width: 50%;
  opacity: 0.1;
}
.categoryCard.active .categoryCardTop {
  height: 100vh;
}
.categoryCard.deactive .categoryCardTop {
  width: 0;
  height: 0;
  opacity: 0;
  display: none;
}
.categoryCard.active .categoryCardBottom {
  display: none;
}
.categoryCard.deactive .categoryCardBottom {
  width: 10vw;
  height: 100vh;
  position: relative;
}

.categoryCard.deactive .categoryCardBottomChild {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  /* left: -14rem; */
  bottom: 40%;
  width: 100%;
  height: 12vh;
  flex-direction: row-reverse;
  align-items: center;
}
.categoryCard.deactive .categoryCardBottomChild img {
  transform: rotate(90deg);
  margin-right: 2rem;
}
.categoryCard.deactive .categoryCardBottomChild span {
  white-space: nowrap;
}
.categoryPopup {
  opacity: 0;
  display: none;
}
.categoryCard.active .categoryPopup {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: auto;
}
.categoryPopupChild {
  width: 90%;
  height: 60%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.categoryPopupChildTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3rem;
}
.categoryPopupChildTop .backButton img {
  width: 4.2rem;
  height: 4.2rem;
  transform: rotate(180deg);
}

.categoryPopupChildTop .backButton {
  padding: 0;
  margin-right: 1.6rem;
  background-color: transparent;
  border: none;
  z-index: 24;
}

.categoryPopupChildTop span {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.categoryPopupChildMiddle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.categoryPopupChildMiddle ul li a {
  color: #1f1c14;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.026rem;
  margin-bottom: 1.4rem;
  width: 100%;
  white-space: nowrap;
}

.categoryPopupChildMiddle ul li a:hover {
  color: #c89d1e !important;
  opacity: 1 !important;
  transform: translateX(1rem);
}
.categoryPopupChildMiddle ul li:first-child a {
  color: #1f1c14;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.056rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
.seeMore {
  color: #3b5f5d;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #3b5f5d;
  padding-bottom: 1rem;
  width: fit-content;
  z-index: 3;
}

.seeMore svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 1.6rem;
}
.seeMore:hover svg path {
  fill: rgb(222, 173, 59);
  opacity: 1;
}
.seeMore:hover {
  color: rgb(222, 173, 59) !important;
  border-bottom: 0.1rem solid rgb(222, 173, 59) !important;
}
.seeMore:hover svg path {
  stroke: rgb(222, 173, 59) !important;
}

.categoryLayer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.homeAbout {
  padding: 2.4rem 0 0;
  position: relative;
  width: 100%;
}
.homeAboutLeft {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 95%;
  height: 100%;
}
h1 {
  color: #1f1c14;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.homeAboutLeft p {
  color: #1f1c14;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: 0.03rem;
  margin-bottom: 3.2rem;
}
.homeAboutRightBlank {
  height: 50rem;
}
.homeAboutRight {
  position: absolute;
  right: 0;
  width: 50%;
  top: 2.4rem;
  height: 100%;
  overflow: hidden;
}
.homeAboutRight img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homeAboutRightLayer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.homeAboutRight:hover img {
  transform: scale(1.1);
}
.play {
  width: 9.2rem;
  height: 9.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(239, 237, 237, 1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 50%;
}

.play img {
  width: 4.8em;
  height: 4.8rem;
}

.homePageStatic {
  padding: 10rem 0 7.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staticCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
  position: relative;
}
.staticCard::after {
  content: "";
  position: absolute;
  right: 0;
  background: #3b5f5d;
  height: 70%;
  width: 0.1rem;
  top: 0;
  bottom: 0;
  opacity: 0.3;
  margin: auto;
}
.staticCard:last-child::after {
  display: none;
}
.staticCard span {
  color: #3b5f5d;
  text-align: center;
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.064rem;
  text-transform: uppercase;
}
.staticCard p {
  color: #1f1c14;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.036rem;
  opacity: 0.7;
}

.appointment {
  display: flex;
  height: 80vh;
}
.appointmentLeft {
  width: 50%;
  height: 100%;
}
.appointmentLeft img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.appointmentRight {
  width: 50%;
  height: 100%;
  background-color: rgba(35, 42, 48, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.appointmentRight .titleSpan {
  color: #f9f8f6;
  text-align: center;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.2rem;
}

.appointmentRight p {
  color: #f9f8f6;
  text-align: center;
  font-size: 1.3435rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: 0.0134rem;
  margin-bottom: 3.6rem;
}

.inputChild input,
.inputChild textarea {
  width: -webkit-fill-available;
  height: 5.4rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #d9d9d9;
  padding: 0 2.4rem;
  color: #f9f8f6;
  font-size: 1.5674rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  z-index: 2;
}
.miniForm .inputChild span.prefix{
    border: 0.1rem solid #a2abb2;
    height: 4.6rem;
    color: #000;
    border-right: 0;
}
.inputChild span.prefix{
    width: 10rem;
    height: 5.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid #d9d9d9;
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    border-right: 0;
    color: #f9f8f6;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 146%;
}
.callCard span.prefix{
    color: #000;
}

.inputChild span.prefix img{
    width: 2.4rem;
    height: 1.4rem;
    margin-right: .6rem;
}
.inputChild textarea {
  height: 18.6rem;
  resize: none;
  padding: 2rem 0 0 2rem;
}
.appointmentRight form {
  width: 60%;
}
.otherServices ul{
  display: flex;
  flex-wrap: wrap;
}
.otherServices ul li{
  width: 22%;
}
.otherServicesCard{
    display: flex;
    flex-direction: column;
    margin-bottom: 2.4rem;
}
.otherServicesCard span li a{
    color:  #1F1C14 !important;
    font-size: 2.2rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 111.8% !important; 
    text-transform: uppercase !important;
    margin-bottom: 1rem;
    width: 100%;
}
.otherServicesCard span li{
    list-style-type: none !important;
    width: 100% !important;
}
.otherServicesCard img{
    width: 100%;
    height: 30rem;
    margin-bottom: 1.6rem;
    border-radius: 0.8rem;
    object-fit: cover;
}
.otherServicesCard ul{
   flex-direction: column;
   padding-left: 1.6rem;
}
.xl-7 .otherServices ul li {
  width: 40%;
}
.xl-7 .otherServices ul{
  justify-content: space-between;
}
.otherServicesCard ul li{
   width: 100%;
}
/* .inputChi */

.user-input-wrp {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.floating-label {
  color: #f9f8f6;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  background-color: rgba(35, 42, 48, 1);
  z-index: 2;
  opacity: 1;
  height: 1.4rem;
  left: 2rem;
}
.user-input-wrp:focus-within:placeholder-shown + .floating-label,
.user-input-wrp input:placeholder-shown + .floating-label,
.user-input-wrp textarea:placeholder-shown + .floating-label {
  top: 1.6rem;
  left: 2rem;
  transition: all 0.2s ease;
  color: #f9f8f6;
  font-size: 1.5674rem;
  opacity: 0.7;
  height: 2.4rem;
  padding: 0;
  z-index: 0;
}

.user-input-wrp + .floating-label,
.user-input-wrp input + .floating-label,
.user-input-wrp textarea + .floating-label {
  position: absolute;
  transition: all 0.2s;
  top: -0.6rem;
  left: 2rem;
  background-color: rgba(35, 42, 48, 1);
  padding: 0 0.6rem !important;
}

.user-input-wrp input[type="number"]::-webkit-inner-spin-button,
.user-input-wrp textarea::-webkit-inner-spin-button,
.user-input-wrp
  textarea::-webkit-outer-spin-button
  .user-input-wrp
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* .contact-input:focus {
  border-bottom: 0.1rem solid #1f1419;
} */

.inputChild .user-input-wrp:first-child {
  margin-left: 0;
}
.sendButton {
  width: 100%;
  height: 5.3rem;
  background: #f9f8f6;
  color: #3b5f5d;
  text-align: center;
  font-size: 1.5674rem;
  font-style: normal;
  font-weight: 700;
  line-height: 146%;
  letter-spacing: 0.1097rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
}

.inputChild {
  margin-bottom: 2rem;
  display: flex;
}
.allProcedures h2 {
  color: #1f1c14;
  text-align: center;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 4.4rem;
}

.allProcedures ul li a:hover,
.categoryDetail ul li a:hover {
  color: rgb(222, 173, 59);
}
.allProcedures {
  padding: 14.8rem 0 12rem;
}
.allProcedures ul li,
.categoryDetail ul li {
  margin-bottom: 1.2rem;
  list-style-type: disc;
  color: #3b5f5d;
}
.allProcedures ul li a,
.categoryDetail ul li a,
.allProcedures ul li,
.categoryDetail ul li {
  color: rgba(35, 42, 48, 0.9);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.032rem;
}
.textCenter {
  text-align: center;
  margin: auto;
}
.allProcedures ul {
  padding-bottom: 2.4rem;
}

.videoGallery {
  padding: 9.4rem 0;
  background: #3b5f5d;
}
.videoGallery .title {
  color: #f9f8f6;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.otherBlog .title {
  color: #1f1c14;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.titleHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.otherBlog {
  padding-top: 10rem;
}

.videoGallery .seeMore {
  color: #f9f8f6;
  border-bottom: 0.1rem solid #f9f8f6;
  width: fit-content;
  margin: 0;
}
.videoGallery .seeMore svg path {
  stroke: #f6f7f9;
}

.videoGalleryCardImg {
  position: relative;
  width: 100%;
  height: 22.5rem;
  overflow: hidden;
}
.videoGalleryCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoGalleryCard p {
  color: #f9f8f6;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: 0.016rem;
  padding-top: 0.5rem;
  height: 5rem;
}
.videoGalleryCard .play img {
  width: 3.2rem;
  height: 3.2rem;
}

.videoGalleryCard .play {
  width: 6rem;
  height: 6rem;
}

.videoGalleryCard {
  margin-bottom: 3.2rem;
}
.videoGalleryCard:hover img {
  transform: scale(1.2);
}
.xl-8 .videoGalleryCardImg {
  height: 54rem;
}

.titleHeader {
  margin-bottom: 2rem;
}
.blogs {
  padding: 8rem 0 8.2rem;
}
.blogs .seeMore,
.otherBlog .seeMore {
  margin: 0;
}
.blogs .title {
  color: #1f1c14;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.blogBody {
  border: 0.1rem solid #e9e9e9;
  /* background: #edf0f2; */
  padding: 2.8rem 4.4rem;
  height: 12.6rem;
}

.blogCardImg {
  height: 26.2rem;
  overflow: hidden;
}
.blogCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogBody span {
  color: #1f1c14;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
  opacity: 0.4;
  margin-bottom: 1.6rem;
}
.blogBody p {
  color: #1f1c14 !important;
  font-size: 2rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blogCard:hover .blogBody p {
  color: #346562 !important;
}
.blogCard:hover img {
  transform: scale(1.1);
}

.seoText {
  position: relative;
  margin-bottom: 9rem;
  padding-bottom: 2rem;
  background-color: #f6f7f9;
}
.seoText .title {
  color: #1f1c14;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 142.5%;
  margin-bottom: 2rem;
}

.seoText p {
  color: #1f1c14;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 142.5%;
  letter-spacing: 0.03rem;
  opacity: 0.4;
  margin-bottom: 4rem;
  max-height: 15rem;
  overflow: hidden;
  transition: 0.4s all ease;
}

.miniContainer {
  max-width: 100rem;
  margin: auto;
  padding: 0 1.6rem;
  position: relative;
}

.seoText::after {
  position: absolute;
  content: "";
  height: 20rem;
  width: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  transition: 0.4s all ease;
}
button.seeMore {
  border: solid 0.1rem transparent;
  background-color: transparent;
  z-index: 3;
  position: absolute;
  bottom: -5rem;
  left: 1rem;
}
button.seeMore svg {
  transform: rotate(90deg);
}
.seoText.active p {
  height: 100%;
  overflow: auto;
  max-height: 100%;
  transition: 0.4s all ease;
}
.seoText.active::after {
  opacity: 0;
}
.seoText.active button.seeMore svg {
  transform: rotate(-90deg);
}
footer {
  background: #232a30;
}
.footerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0 6.2rem;
}
.footerTop .location {
  opacity: 0.7;
}
.callButton {
  color: #f9f8f6;
  text-align: center;
  font-size: 1.8416rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0184rem;
  text-transform: uppercase;
  border: 0.1rem solid #f9f8f6;
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.6rem;
}

.callButton svg {
  width: 2.3rem;
  height: 2.3rem;
  margin-right: 0.8rem;
}
.callButton:hover {
  background-color: #3b5f5d;
  border: 0.1rem solid #3b5f5d;
}

.footerMiddle .menuSectionMiddle {
  padding: 0;
}
.socials a {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  opacity: 0.3 !important;
}
.socials a:hover {
  transform: translate(0) !important;
  opacity: 1 !important;
}
.footerBottom {
  border-top: 0.1rem solid rgba(59, 95, 93, 0.2);
  padding: 2.4rem 0 5.2rem;
}

.footerBottomChild {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerBottomChild span {
  color: #f9f8f6;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: 0.014rem;
}
.footerBottomChild div{
    display: flex;
    align-items: center;
}
.footerBottomChild div a{
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    color: rgba(249, 248, 246, 0.4);
    margin-left: 2rem;
}
.footerBottomChild div a:hover{
    color: rgba(249, 248, 246, 1);
}
.footerBottomChild p {
  color: rgba(249, 248, 246, 0.5);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footerBottomChild p a {
  color: #f9f8f6;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  margin-left: 0.6rem;
}
.footerBottomChild p a:hover {
  color: rgb(222, 173, 59);
}
.pages {
  padding: 14rem 0 8.4rem;
}
.breadCrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  background-color: #fff;
}

.breadCrumb a {
  color: #1f1c14;
  text-align: center;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.044rem;
  text-transform: uppercase;
  opacity: 0.7;
  padding-right: 5.6rem;
  position: relative;
}
.breadCrumb a::after {
  content: "";
  background-image: url(../assets/img/arrowT.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.2rem;
  height: 1.2rem;
  right: 2.4rem;
}
.breadCrumb a:last-child {
  opacity: 0.2;
  pointer-events: none;
}
.breadCrumb a:last-child::after {
  display: none;
}
.breadCrumb a:hover {
  color: #caa244;
}

.backgroundImg {
  height: 30vh;
  width: 100%;
}
.backgroundImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.categoryDetail {
  padding-top: 6.6rem;
}

.pages h1 {
  margin-bottom: 2.6rem;
}
.pages p {
  color: #1f1c14;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 146%;
  letter-spacing: 0.03rem;
  opacity: 0.7;
  width: 90%;
  margin-bottom: 1.6rem;
}
.categoryDetail .row {
  padding-top: 3.2rem;
}
.pagesCategory {
  padding: 6.8rem 0 0;
}
.pagesCategoryTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pagesCategory h1 {
  margin-bottom: 0;
}
.tags {
  display: flex;
  align-items: center;
  margin-left: 4.6rem;
}
.tags a {
  color: #1f1c14;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.6;
  border-radius: 0.5rem;
  border: 0.1rem solid #d1dad9;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.6rem;
  margin-right: 1.2rem;
}
.tags a:hover {
  background: #dde0e1;
  color: #000;
}
.pagesCategoryTop {
  margin-bottom: 3.2rem;
}
.pages .blogCard {
  margin-bottom: 3.6rem;
}
.photoGalleryCard {
  height: 20rem;
  width: 100%;
  border-radius: 0.4rem;
  margin-bottom: 2.4rem;
  position: relative;
  overflow: hidden;
}
.photoGalleryCard img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0.4rem;
}
.galleryLayer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(35, 42, 48, 0.5);
  z-index: 3;
  opacity: 0;
}
.galleryLayer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../assets/img/instagram.svg);
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.4s;
}
.photoGalleryCard:hover img {
  transform: scale(1.1);
}
.photoGalleryCard:hover .galleryLayer {
  opacity: 1;
}
.pagesCategory .videoGalleryCardImg {
  height: 34.2rem;
}
.pagesCategory .videoGalleryCard {
  margin-bottom: 5.6rem;
}
.pagesCategory .videoGalleryCard .play {
  width: 9.2rem;
  height: 9.2rem;
}
.pagesCategory .videoGalleryCard .play img {
  width: 4.8rem;
  height: 4.8rem;
}
.reviewCard {
  position: relative;
  margin-bottom: 8rem;
}
.reviewCard .reviewCardImg {
  height: 71.2rem;
  width: 100%;
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.reviewCard .reviewCardImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviewCard .reviewCardImg:hover img {
  transform: scale(1.2);
}
.reviewCard p {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.016rem;
}
.reviewCard .play {
  width: 9.2rem;
  height: 9.2rem;
}
.reviewCard .play img {
  width: 4.8rem;
  height: 4.8rem;
}
.aboutTopImg {
  height: 40vh;
  width: 100%;
}
.aboutTopImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutPage .homeAboutRight {
  height: 58rem;
  position: sticky;
  width: 100%;
}

.homeAbout {
  padding: 8.4rem 0 0;
}
.privacyPage h1{
    margin-bottom: 2.4rem !important;
}
.privacyPage ul,.privacyPage ol{
    margin: 2.4rem 0;
}
.privacyPage h3{
    color: #232a30;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.028rem;
    margin-bottom: 2.4rem;
}
.privacyPage p strong{
    display: contents;
}
/* .aboutCardSection{

} */
.aboutCard img {
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  margin-bottom: 2.4rem;
}
.aboutCard p {
  color: #232a30;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 161%;
  letter-spacing: -0.028rem;
  opacity: 0.5;
}
.aboutCard .title {
  color: #3b5f5d;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.064rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
}
.photoSection .title,
.certificates .title,
.videoSection .title,
.productsSection .title {
  color: #1f1c14;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.photoSection {
  padding: 6.4rem 0;
}
.certificateCard {
  height: 62rem;
  background: #fff;
  box-shadow: -4.134366989135742px 4.134366989135742px 17.571060180664062px 0px
    rgba(181, 202, 227, 0.2);
  margin-bottom: 2rem;
}
.certificateCardImg {
  width: 100%;
  height: 50rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  overflow: hidden;
}
.certificateCardImg img {
  height: auto;
  max-width: 80%;
  object-fit: contain;
}
.certificateCard:hover .certificateCardImg img {
  transform: scale(1.1);
}
.certificateCard:hover {
  box-shadow: none;
}
.certificateCard p {
  color: #0d1e34;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.3rem;
  letter-spacing: -0.03rem;
  width: 80%;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.error {
  height: 60vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.error h1 {
  color: #3b5f5d;
  font-size: 23.5789rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.2;
  line-height: 100%;
}
.error p {
  color: #3b5f5d;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.3;
  width: fit-content;
  text-align: center;
  margin-bottom: 5.2rem;
}
.greenButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 4.1rem;
  background: #3b5f5d;
  color: #f9f8f6;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 146%;
  letter-spacing: 0.132rem;
  text-transform: uppercase;
  height: 5.6rem;
}
.greenButton:hover {
  background-color: #1f1c14;
}
.errorContent {
  margin-top: -3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.categoryDetailImg {
  height: 65vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.categoryDetailImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.miniForm {
  position: sticky;
  top: 10rem;
  background: rgba(238, 238, 238, 1);
  border-radius: 4rem;
  background: #eee;
  padding: 7.2rem 0 9.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 90%;
  margin-left: 10%;
}
.miniForm .title {
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 129.8%;
  color: rgba(208, 161, 22, 1);
  margin-bottom: 2.6rem;
}
.miniForm form {
  width: 75%;
}
.miniForm ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.4rem;
}
.miniForm ul li {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 141%;
  letter-spacing: 0.017rem;
  list-style-type: none;
  letter-spacing: 0.1rem;
  position: relative;
  padding-left: 2.4rem;
  margin-bottom: 1.6rem;
}
.miniForm ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../assets/img/tick.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.miniForm ul li::after {
  display: none;
}
.miniForm .inputChild .floating-label {
  background-color: #eee;
  color: rgba(35, 42, 48, 0.4) !important;
  font-size: 0.8rem !important;
  top: -0.5rem;
  left: 1.8rem;
}
.miniForm .inputChild input {
  color: #000;
  border-radius: 0.5rem;
  border: 0.1rem solid #a2abb2;
  height: 4.6rem;
  font-size: 1.4rem !important;
  padding: 0 2rem;
}
.miniForm .inputChild .user-input-wrp input:placeholder-shown + .floating-label,
.miniForm
  .inputChild
  .user-input-wrp
  textarea:placeholder-shown
  + .floating-label,
.miniForm .inputChild .floating-label:focus-within {
  top: 1.2rem;
  left: 2rem;
  transition: all 0.2s ease;
  color: #f9f8f6;
  font-size: 1.4rem !important;
  opacity: 0.7;
  height: 1.4rem;
  padding: 0;
  z-index: -1;
}
.orangeButton {
  color: #f9f8f6;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  border-radius: 0.4rem;
  background: #c89d1e;
  height: 5.2rem;
  border: none;
  padding: 0;
  width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s all ease;
  border: none;
}
.orangeButton:hover {
  background: #3b5f5d;
}
.content p {
  color: #1f1c14;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  letter-spacing: 0.01rem;
  opacity: 0.7;
}
.content h2,
.content h4,
.content h3,
.content h4,
.content h6 {
  color: #1f1c14;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2.4rem;
  letter-spacing: 0.01rem;
}
.content h3 {
  font-size: 2.8rem;
}
.content h4 {
  font-size: 2.4rem;
}
.content h5 {
  font-size: 2rem;f
}
.content h6 {
  font-size: 1.8rem;
}
.content ul,
.content ol {
  margin: 2.4rem 0 4.2rem;
}
#ul li,
#tick li,
#ul li a, #tick li a{
  list-style-type: none !important;
  list-style: none;
  color: #1f1c14;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01rem;
  line-height: 155%;
  position: relative;
  padding-left: 3.2rem;
  margin-bottom: 1.2rem;
}
#ul li a, #tick li a{
    margin-bottom: 0;
    margin-left:0;
    padding-left: 0;
}
ol li {
  color: #1f1c14;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  position: relative;
  padding-left: 2.4rem;
  margin-bottom: 1.6rem;
}
ol li ol li,
ol li ul li,
ul li ul li,
ul li ol li {
  font-size: 1.6rem;
  margin-bottom: 0 !important;
  margin-top: 1rem;
}
ol li ol,
ol li ul,
ul li ul {
  margin-top: 1rem;
  margin-bottom: 0;
}
ol li::marker,
ul li ol li::marker {
  color: rgba(241, 150, 16, 1);
}
#ul li ol li::after {
  display: none;
}
#ul li::after,
ol li ul li::after,
#ul li ul li::after,
#tick li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #c2e2e0;
}
ol li ul li::after,
#ul li ul li::after {
  width: 1rem;
  height: 1rem;
}
#ul li ul li,
#tick li ul li {
  padding-left: 2rem;
}
#ul li ul li::after,
#tick li ul li::after {
  top: 0.6rem;
}

#tick li::after {
  background-image: url(../assets/img/done.svg);
  background-color: transparent;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}

.videoSection .videoGalleryCardImg {
  height: 46rem;
}
.content .photoSection .photoGalleryCard {
  height: 16.5rem;
}
.productsSection {
  padding: 4.2rem 0;
}
.productsSection .row {
  padding: 0;
}
.productCardImg {
  height: 16.5rem;
  width: 100%;
  margin-bottom: 0.6rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.productCardImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.productsCard {
  margin-bottom: 2.4rem;
}
.productsCard p {
  color: #4d4c4a;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.028rem;
  opacity: 0.8;
  margin-bottom: 0;
}
.blogTop {
  padding: 7.2rem 0 3.2rem;
}
.blogTopDetail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.blogTop h1 {
  margin-bottom: 0.8rem;
}

.blogTopDetail span {
  color: #636363;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.014rem;
  display: block;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  border-right: 0.1rem solid #d2cfcf;
}
.blogTopDetail span:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.share {
  border-top: 0.1rem solid rgba(59, 95, 93, 0.2);
  padding-top: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.share .tags {
  margin-left: 0;
}

.shareRight {
  display: flex;
  justify-content: flex-end;
}
.shareRight span {
  color: #232a30;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.013rem;
  display: block;
  margin-right: 1.6rem;
}
.shareRight a {
  margin-right: 1.6rem;
}
.shareRight svg {
  width: 2.4rem;
  height: 2.4rem;
}
.shareRight button {
  padding: 0;
  border: none;
  background-color: transparent;
}
.shareRight svg:hover path {
  fill: #caa244;
}

.share textarea {
  width: 0;
  height: 0;
  opacity: 0;
}
.copy {
  position: relative;
}
#get-url-btn.active svg path {
  fill: #3b5f5d;
}
#get-url-btn.active::after {
  content: "kopyalandı";
  position: absolute;
  left: -3rem;
  right: 0;
  background-color: #14181f;
  color: #fff;
  top: 3rem;
  margin: auto;
  padding: 1rem;
  width: fit-content;
  border-radius: 1rem;
}
.searchMenu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #e4e8ec;
  z-index: 30;
  transform: translateY(-120%);
}
.searchMenu.active {
  transform: translateY(0);
}
.searchMenuTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.8rem 0;
  width: 100%;
}

.searchMenuTop form {
  width: 100%;
  display: flex;
  align-items: center;
}
.searchMenuTop form svg {
  width: 2.4rem;
  height: 2.4rem;
}
.searchMenuTop form button {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-right: 3rem;
}
.searchMenuTop form button img {
  width: 2.4rem;
  height: 2.4rem;
}
.searchMenuTop form input {
  width: 100%;
  color: #000;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.036rem;
  border: none;
}

.searchMenuTop form input::placeholder {
  opacity: 0.4;
}
.closeSearch {
  background-color: transparent;
  border: none;
  padding: 0;
}
.closeSearch svg {
  width: 2.4rem;
  height: 2.4rem;
}
.searchMenuMiddle .title {
  color: #000;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.144rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.searchMenuMiddle {
  max-height: 60vh;
  overflow: auto;
  margin-bottom: 3.2rem;
}

.searchMenuMiddle a {
  color: #434343;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  opacity: 0.4;
  margin-bottom: 1.8rem;
  width: 90%;
}
.searchMenuMiddle a:hover {
  color: #000;
  opacity: 1;
}
::-webkit-scrollbar {
  width: 0.6rem;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #bdbfc2;
  border-radius: 0.5rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3b5f5d;
  border-radius: 0.5rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #232a30;
}
::selection {
  background-color: #3b5f5d;
  color: #f6f7f9;
}

.pagesCategoryTop p {
  width: 60%;
  margin: auto;
}
.contactContent #tabs {
  display: flex;
  align-items: center;
  width: 100%;
}
.contactContent #tabs li {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactContent {
  padding: 6rem 0;
}

#tabs li a {
  color: #346562;
  text-align: center;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.064rem;
  text-transform: uppercase;
  border-bottom: 0.2rem solid #346562;
  padding-bottom: 1.2rem;
  width: 100%;
}

#tabs li a.inactive {
  opacity: 0.2;
}
#tabs li a.inactive:hover {
  opacity: 0.5;
}
.contactTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2.4rem;
}
.contactTop .div {
  width: 25%;
}
.contactTop .div label {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4rem;
  margin-bottom: 0.6rem;
}
.contactTop .div a {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  opacity: 0.5;
}

.contactTop .div p {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  opacity: 0.5;
  width: 80%;
}
.contactTop .socials {
  justify-content: flex-start;
}
.contactTop .socials a svg path {
  fill: rgba(59, 95, 93, 1);
}
.contactTop .div a:hover {
  opacity: 1;
}

#map,
#map2 {
  width: 100%;
  height: 50rem;
}
.callCard {
  padding: 4.8rem 0 6.8rem;
  background: #eee;
  margin: 10rem 0 0;
  border-radius: 1rem;
}
.callCard .title {
  color: #c89d1e;
  text-align: center;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
.callCard p {
  color: #232a30;
  text-align: center;
  font-size: 1.6163rem;
  font-style: normal;
  font-weight: 500;
  line-height: 141%;
  letter-spacing: 0.0162rem;
  opacity: 0.7;
  margin-bottom: 3.2rem;
  width: 100%;
}
.callCard form {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 80%;
  margin: auto;
}

.inputGroup {
  width: 50%;
  margin-right: 2rem;
}

.inputGroup .inputChild {
  width: 100%;
}

.inputGroup:last-child {
  margin-right: 0;
}

.callCard .floating-label {
  color: rgba(35, 42, 48, 0.4) !important;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  background-color: #eee !important;
}
.callCard .user-input-wrp input:placeholder-shown + .floating-label,
.callCard .user-input-wrp textarea:placeholder-shown + .floating-label {
  left: 2rem;
  opacity: 1;
}
.callCard .inputChild input,
.callCard .inputChild textarea {
  color: #232a30;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
}
.carrersTop {
  width: 90%;
}
.carrersTop h1 {
  margin-bottom: 2.4rem;
}
.carrersContent h2 {
  color: #000;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  margin-bottom: 0.6rem;
}
.carrersContent a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.1rem solid rgba(59, 95, 93, 0.2);
  padding: 1.8rem 0;
  margin-bottom: 1.2rem;
  color: #182225;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 139.3%;
  letter-spacing: 0.016rem;
}
.carrersContent a img {
  width: 3.9rem;
  height: 0.8rem;
}
.carrersContent {
  padding: 3.2rem 0;
}

.carrersInfoCard {
  border-radius: 0.5rem;
  background: #eef0f0;
  height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.carrersInfoCard span {
  color: #3b5f5d;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.018rem;
  width: 80%;
}

.carrersInfoCard img {
  width: 9rem;
  height: 7.9rem;
  object-fit: contain;
  margin-bottom: 1.8rem;
}
.carrersInfoCard:hover {
  background: #3b5f5d20;
}
.carrersInfoCard:hover img {
  transform: rotateY(180deg);
}

.inputChildFile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}
.inputChildFile label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  border: 0.1rem solid #dfddd7;
  background: #e6e4df;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  color: #c89d1e;
  position: relative;
  height: 4.4rem;
  padding: 0 1.5rem;
  cursor: pointer;
}
.inputChildFile label input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}
.inputChildFile label span {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0156rem;
  opacity: 0.9;
  display: block;
  margin-left: 1.2rem;
}
.inputChildFile label svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.6rem;
}

.carrerInput svg {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6rem;
}

.carrerInput {
  color: #232a30;
  border-radius: 1.35rem;
  border: 0.1rem solid #232a30;
  padding: 0 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
  display: none;
  width: 8rem;
  overflow: hidden;
}
.carrerInput span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0156rem;
  white-space: nowrap;
  width: 6rem;
  overflow: hidden;
}
.carrerInput.active {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.carrerDetail h1 {
  border-bottom: 0.1rem solid rgba(59, 95, 93, 0.2);
  padding-bottom: 1.6rem;
}

.carrerDetail h6 {
  color: #1f1c14;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.024rem;
  opacity: 1;
  margin-bottom: 1.2rem;
}

.carrerDetailContent {
  padding-top: 4.6rem;
}
.carrerDetail .carrersContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.carrerDetail .carrersContent a {
  width: 48%;
}
.carrerDetail .carrersContent h2 {
  width: 100%;
  margin-bottom: 2.4rem;
}
.carrersContent a:hover {
  border-bottom: 0.1rem solid #000;
  color: #000;
}
.pages .homeAbout {
  padding-top: 4rem;
}
.aboutPage .homeAboutRight {
  top: 12rem;
}

.categorySwiper .swiper-button-prev,
.categorySwiper .swiper-button-next {
  width: 7.4rem;
  height: 7.4rem;
  position: absolute;
  bottom: 0;
  top: auto;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0.7;
}

.categorySwiper {
  padding-bottom: 3.6rem !important;
}
.categorySwiper .swiper-wrapper{
    height: 65vh;
}
.categorySwiper .swiper-button-prev::after,
.categorySwiper .swiper-button-next::after {
  content: "";
  display: flex;
  align-items: center;
  background-image: url(../assets/img/swiper.png);
  width: 7.4rem;
  height: 7.4rem;
  min-width: 7.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.6;
}
.categorySwiper .swiper-button-prev {
  left: -8rem;
}
.categorySwiper .swiper-button-next {
  right: -8rem;
  transform: rotate(180deg);
  bottom: 0.2rem;
}
.otherBlog .row {
  padding-top: 0;
}
.desk-none {
  display: none !important;
}
#country {
  background-position: center;
  background-size: 3rem 2rem;
  background-repeat: no-repeat;
  border: 0.1rem solid #d9d9d9 !important;
  border-right: none !important;
  border-radius: 0.4rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 8rem;
}
#phone {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.miniForm .inputChild #country {
  color: #000;
  border-radius: 0.5rem;
  border: 0.1rem solid #a2abb2 !important;
  border-right: none !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 77.9px -77.9px 77.9px hsl(0deg 0% 73% / 17%), inset -77.9px 77.9px 77.9px hsl(0deg 0% 100% / 17%);
}
.popupLayer{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
        background: rgba(00, 00, 00, 0.5);
    mix-blend-mode: multiply;
}
.popup.active{
    display:none;
}
.popupContainer{
    position: relative;
    border-radius: 4.4rem;
    background: #EDEBEB;
}
.popupContainerInner{
    width: 66.8rem;
    height: 36.9rem;
    background:#fff;
    border-radius: 3rem;
    z-index: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popupContainerInner h6{
    color: #000;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.072rem;
    width: 80%;
    margin-bottom: 1.8rem !important;
    margin: auto;
}


.popupContainerInner p{
    color: #000;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.015rem;
    width: 100%;
    margin: auto;
    opacity: .3;

}
.popupContainerInner svg{
    width: 7.8rem;
    height: 7.8rem;
    margin-bottom: 2rem;
}
.closeButtonPopup{
    position: absolute;
    right: 4.4rem;
    top: 5.5rem;
    cursor: pointer;
}
.closeButtonPopup svg{
    width: 2.4rem;
    height: 2.4rem;
}
@media (max-width: 991.9px) {
    .categoryCard{
        height: 60vh;
    }
    .categoryCardTop {
        height: 60vh;
    }
    .categoryCardBottom {
        height: 15vh;
    }
    .categories {
        height: 75vh;
    }
}
@media (max-height: 500.9px) and ( max-width:991px){
    .categoryCard, .categories{
        height: 80vh !important;
    }
    .categoryCardTop {
        height: 65vh !important;
    }
    .categoryCardBottom{
        height: 15vh !important;
    }
    .categoryCardTop img {
        width: 70%;
    }
    .categoryCardBottom span{
        font-size: 1.8rem;
    }
    .categoryCardBottom img, .searchButton img, .play img {
        width: 1.4rem;
        height: 1.4rem;
    }
}

@media (max-width: 767.9px) {
  .desk-none {
    display: flex !important;
  }
  .otherBlog {
    padding-top: 6.4rem;
  }
  .categoryCardTop {
    height: 30vh;
  }
  .categoryCardBottom {
    height: 8vh;
  }
  .categoryCard,
  .categories {
    height: 38vh;
  }
  .categoryCardBottom span,
  .lang a {
    font-size: 1.2rem;
  }
  .lang a {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }

  .categoryCardBottom img,
  .searchButton img,
  .play img {
    width: 1.4rem;
    height: 1.4rem;
  }
  .menuButton,
  .searchButton,
  .play {
    width: 3.4rem;
    height: 3.4rem;
  }
  header {
    padding: 1.2rem 0;
    width: 100vw;
  }
  .logo img {
    width: 16rem;
    height: 4rem;
  }
  .menuSectionTop {
    padding: 1.2rem 0;
  }
  .menuEmpty {
    width: 3.4rem;
  }
  .homeAboutRight {
    position: relative;
    height: 20rem;
    order: -1;
    width: 90%;
    margin: 0 auto 2.4rem;
    right: auto;
    top: auto;
  }
  .homeAbout {
    display: flex;
    flex-direction: column;
    padding: 3.2rem 0;
  }
  h1,
  .appointmentRight .titleSpan,
  .allProcedures h2,
  .videoGallery .title,
  .otherBlog .title,
  .blogs .title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .homeAboutLeft,
  .appointmentRight form {
    width: 90%;
  }
  .allProcedures ul li a,
  .categoryDetail ul li a {
    font-size: 1.4rem;
  }
  .allProcedures ul,
  .categoryDetail ul {
    padding-left: 1rem;
  }
  .homeAboutLeft p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    width: 100%;
  }

  .categoryPopupChildBottom {
    margin-top: 2.4rem;
  }
  .homeAboutRightBlank {
    display: none;
  }
  .homePageStatic {
    padding: 2rem;
    /* flex-direction: column; */
  }
  .staticCard {
    width: 100%;
    border-bottom: 0.1rem solid rgba(59, 95, 93, 0.318);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  .staticCard::after {
    display: none;
  }
  .appointment {
    height: auto;
    flex-direction: column;
  }
  .appointmentLeft {
    height: 30rem;
    width: 100%;
  }
  .appointmentRight {
    width: 100%;
    padding: 2.4rem 0;
  }
  .allProcedures,
  .videoGallery,
  .blogs {
    padding: 4.8rem 0;
  }
  .videoGalleryCardImg,
  .xl-8 .videoGalleryCardImg,
  .blogCardImg {
    height: 18rem !important;
  }
  .blogBody {
    padding: 1.6rem 2.4rem;
    height: 8rem;
  }
  .blogBody span,
  .blogBody p,
  .seoText p,
  .content p,
  #ul li,
  #tick li {
    font-size: 1.3rem !important;
  }
  #ul,
  #tick {
    padding-left: 0;
  }
  #ul li,
  #tick li {
    padding-left: 2.4rem;
  }
  .blogCard,
  .location,
  .callButton,
  .footerBottomChild span {
    margin-bottom: 1.6rem;
  }
  .seoText .title {
    font-size: 1.8rem;
  }
  .footerTop {
    padding: 2rem 0;
    flex-direction: column;
    align-items: flex-start;
  }
  footer .logo {
    order: -1;
    margin-bottom: 2.4rem;
  }
  .menuSectionMiddle ul {
    max-height: initial;
  }
  .menuSectionMiddle .menuSectionUl {
    width: 50%;
  }
  .socials span {
    white-space: nowrap;
  }
  .footerBottomChild {
    flex-direction: column;
    align-items: flex-start;
  }
  .categories {
    height: auto;
    overflow: hidden;
    width: 99vw;
  }
  .categoryCard.active,
  .categoryCard.deactive {
    height: 100vh;
  }

  .categoryPopupChild {
    height: 80%;
    width: 95%;
  }
  .categoryPopupChildTop .backButton img {
    width: 2rem;
    height: 2rem;
  }
  .categoryPopupChildTop .backButton {
    margin-right: 0.6rem;
  }
  .categoryPopupChildTop span {
    font-size: 2rem;
  }
  .categoryPopupChildTop {
    margin-bottom: 1.6rem;
  }
  .categoryPopupChildMiddle {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .categoryPopupChildMiddle ul {
    width: 50%;
    margin-bottom: 2.4rem;
  }
  .categoryPopupChildMiddle ul li:first-child a,
  .staticCard p,
  .aboutCard p,
  .certificateCard p,
  .blogTopDetail span,
  .callCard p,
  .menuSectionMiddle .menuSectionUl .title {
    font-size: 1.2rem !important;
  }
  .aboutCard p{
      width: 80%;
  }
  .aboutCard img{
      width: 5.6rem;
      height: 5.6rem;
  }
  .categoryPopupChildMiddle ul li a,
  .menuSectionMiddle li a {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    white-space: pre-wrap;
  }
  .menuSection {
    transform: translateY(-200%);
    overflow: auto;
  }
  .staticCard span,
  .aboutCard .title,
  .content h2,
  .content h4,
  .content h3,
  .content h4,
  .content h6 {
    font-size: 2rem;
  }
  .pages {
    padding: 7rem 0 3.4rem;
  }
  .pages .homeAbout,
  .blogTop,
  .pagesCategory {
    padding: 2rem 0;
  }
  .pages h1,
  .aboutCard img,
  .content h2,
  .content h4,
  .content h3,
  .content h4,
  .content h6 {
    margin-bottom: 1rem;
  }
  .homeAboutLeft,
  .aboutCard p,
  .content p {
    width: 100%;
  }
  .aboutPage .homeAboutRight {
    margin: 2.4rem 0;
    height: 20rem;
  }
  .aboutCard {
    margin-bottom: 3.2rem;
  }
  .photoGalleryCard {
    height: 10rem;
    margin-bottom: 1.6rem;
  }
  .photoSection .title,
  .certificates .title,
  .videoSection .title,
  .productsSection .title {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
  .certificateCardImg,
  .categoryDetailImg,
  .videoSection .videoGalleryCardImg,
  .backgroundImg {
    height: 20rem;
    margin-bottom: 1rem;
  }
  .certificateCard {
    height: 30rem;
  }
  .certificateCardImg img {
    max-width: 80%;
    max-height: 80%;
  }
  .photoSection {
    padding: 2.4rem 0 4rem;
  }
  .categoryDetail {
    padding-top: 2.4rem;
  }
  .content ul li ul,
  .content ol li ol {
    margin-bottom: 1rem;
  }
  #tick li::after,
  .pagesCategory .videoGalleryCard .play img,
  .searchMenuTop form button img,
  .location img {
    width: 1.6rem;
    height: 1.6rem;
  }
  .content .photoSection .photoGalleryCard {
    height: 10rem;
  }

  .tags a {
    padding: 0 0.6rem;
    margin-right: 0.6rem;
    font-size: 1rem;
    height: 3.2rem;
    margin-bottom: 0.6rem;
  }

  .share {
    flex-direction: column;
    align-items: flex-start;
  }
  .share .tags {
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
  }
  .pagesCategoryTop {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .pagesCategoryTop .tags {
    margin-left: 0;
    flex-wrap: wrap;
  }
  .carrerDetailContent {
    padding-top: 2.4rem;
  }
  .pages p {
    width: 100%;
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
  }
  .carrerDetail .carrersContent h2,
  .carrersContent h2 {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
  }
  .carrerDetail .carrersContent a {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
  }
  .carrersContent a img {
    width: 3rem;
  }
  .callCard {
    margin: 2.4rem 0;
    padding: 2.4rem 0;
  }
  .callCard .title {
    font-size: 2rem;
  }
  .callCard form {
    width: 90%;
    flex-direction: column;
  }
  .inputGroup,
  .inputChild,
  .carrersTop {
    width: 100%;
  }
  .resp-none {
    display: none !important;
  }
  .inputChildFile {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.6rem;
  }
  .inputChildFile label {
    margin-bottom: 1.6rem;
  }
  .carrerInput {
    width: 10rem;
  }
  .carrerInput span {
    width: 8rem;
  }
  .inputChild textarea {
    height: 10rem;
  }
  .orangeButton {
    font-size: 1.4rem;
    height: 4.2rem;
  }
  .carrersInfoCard img {
    width: 5.6rem;
    height: 5rem;
  }
  .categorySwiper .swiper-button-prev::after,
  .categorySwiper .swiper-button-next::after,
  .categorySwiper .swiper-button-prev,
  .categorySwiper .swiper-button-next,
  .pagesCategory .videoGalleryCard .play,
  .reviewCard .play {
    width: 4.8rem;
    height: 4.8rem;
    min-width: 4.8rem;
  }
  .categorySwiper .swiper-button-next {
    right: -6rem;
  }
  .categorySwiper .swiper-button-prev {
    left: -6rem;
  }
  .categorySwiper {
    padding-bottom: 2.4rem !important;
  }
  .categorySwiper .categoryDetailImg {
    margin-bottom: 0;
  }
  .categoryDetail .row {
    padding-top: 0;
  }
  .miniForm {
    position: static;
    margin-left: 0;
    width: -webkit-fill-available;
    padding: 2.4rem 2rem;
    margin: 3.2rem 0;
  }
  .miniForm form {
    width: 100%;
  }
  #tabs li a {
    font-size: 2rem;
  }
  .contactContent {
    padding: 0 0 2rem;
  }
  .contactTop {
    flex-wrap: wrap;
  }
  .contactTop .div {
    width: 50%;
    margin-bottom: 2.4rem;
  }
  .contactTop .div p,
  .contactTop .div a {
    font-size: 1.4rem;
    line-height: 130%;
    width: 100%;
  }
  .contactTop .div label {
    font-size: 1.6rem;
    line-height: 120%;
    margin-bottom: 1.6rem;
    display: block;
  }
  .socials a,
  .location img {
    margin-right: 0.6rem;
    width: fit-content;
  }
  #map,
  #map2 {
    height: 30rem;
    margin-bottom: 4rem;
  }
  .error h1 {
    font-size: 12rem;
  }
  .errorContent {
    margin: 0;
  }
  .greenButton {
    height: 4.2rem;
    font-size: 1.4rem;
  }
  .pagesCategory .videoGalleryCard,
  .reviewCard {
    margin-bottom: 4rem;
  }
  .reviewCard .reviewCardImg {
    height: 25rem;
  }
  .reviewCard .play img {
    width: 2.4rem;
    height: 2.4rem;
  }
  .searchMenuTop {
    padding: 2.4rem 0;
  }
  .searchMenuTop form input,
  .location p {
    font-size: 1.4rem;
  }
  .searchMenuTop form button {
    margin-right: 1rem;
  }
  .searchMenuMiddle a {
    font-size: 1.2rem;
    line-height: 140%;
    width: 95%;
  }
  .searchMenuMiddle {
    max-height: 75vh;
  }

  header .menuSectionMiddle {
    padding: 1rem 0;
    flex-direction: row;
    height: auto;
  }
  .menuSectionMiddle ul {
    margin-bottom: 1rem;
  }
  .menuSectionBottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .otherServices ul li{
    width: 50% !important;
  }
    .categorySwiper .swiper-wrapper{
        height: 20rem;
    }
    .footerMiddle .menuSectionMiddle li a{
        white-space: nowrap;
    } 
    .footerMiddle .menuSectionMiddle li a svg path{
        fill: rgb(249, 248, 246);
    }
    .seeMore{
        font-size: 1.2rem;
        padding-bottom: .6rem;
    }
    .seeMore svg{
        width: 1.6rem;
        height: 1.6rem;
        margin-left: .6rem;
    }
    /*.socials a svg{*/
    /*    width: 1.6rem;*/
    /*    height: 1.6rem;*/
    /*}*/
    .menuSectionUl:last-child{
        width: 100%;
    }
    .menuSectionMiddle .socials{
        justify-content: flex-start;
    }
    .otherServicesCard span li{
        list-style-type: none !important;
        width: 100% !important;
    }
    .footerBottomChild div{
        margin-bottom: 1.4rem;
    }
    .footerBottomChild div span{
        margin-bottom: 0;
    }
    .popupContainerInner{
        width: 100%;
        height: 50vh;
    }
    .popupContainer{
        width: 90%;
    }
    .closeButtonPopup{
        top: 2.4rem;
        right: 2.4rem;
    }
    .popupContainerInner h6{
        font-size: 2.6rem;
    }
    .popupContainerInner svg{
        width: 4.8rem;
        height: 4.8rem;
    }
}