@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../font/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/Inter-Black.woff2") format("woff2");
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a,
input,
ul,
li,
button,
textarea {
  font-family: "Inter";
}

body {
  font-family: "Inter" !important;
}

/**main colore**/
/** break point **/
/** general style **/
body {
  background-color: #083035;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 14px;
  font-family: "Brilliant Cut Pro Medium" !important;
  color: #EDECE8;
  margin: 0 !important;
}

html {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

a:focus {
  outline: none;
}

.mainView {
  max-width: 1545px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1545px) {
  .mainView {
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media (max-width: 768px) {
  .mainView {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mainViewSecondary {
  max-width: 1700px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1545px) {
  .mainViewSecondary {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .mainViewSecondary {
    padding-left: 15px;
    padding-right: 15px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:visited {
  text-decoration: none;
  color: #EDECE8;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.fade-up {
  opacity: 0;
  transform: translateY(80px); /* بیشتر برای حس بهتر */
  will-change: opacity, transform;
  font-size: clamp(1rem, 0.5909rem + 1.6364vw, 2.125rem);
  font-weight: 400;
}

.animated-block {
  width: 60%;
}

.articlePostParent > .articlePost,
.entry-content,
.contactUsFormParent,
.ContentSide,
.archiveServHead > h1,
.archiveServHead > p {
  opacity: 0;
  transform: translateY(60px);
  will-change: opacity, transform;
}

.lastSctionAbout .imageSide img {
  transform: translateX(-85px);
  will-change: opacity, transform;
  opacity: 0;
}

.articlePostParent {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 120px;
  gap: 60px 20px;
}
@media (max-width: 768px) {
  .articlePostParent {
    margin-top: 80px;
  }
}
.articlePostParent .articlePost {
  width: calc(33% - 12px);
  border-radius: 20px;
  overflow: hidden;
  background-color: #005056;
  position: relative;
}
@media (max-width: 768px) {
  .articlePostParent .articlePost {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .articlePostParent .articlePost {
    width: 100%;
  }
}
.articlePostParent .articlePost::before {
  content: "";
  position: absolute;
  background-color: #083035;
  height: 31px;
  width: 164px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -22px;
  border-radius: 50px;
}
.articlePostParent .articlePost .articlePostImg {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.articlePostParent .articlePost .articlePostImg::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #005056;
  background: linear-gradient(180deg, rgba(0, 80, 86, 0.76) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
.articlePostParent .articlePost .articlePostImg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s linear;
}
.articlePostParent .articlePost .articlePostText {
  padding: 30px 30px 60px;
}
@media (max-width: 768px) {
  .articlePostParent .articlePost .articlePostText {
    padding: 20px 20px 50px;
  }
}
.articlePostParent .articlePost .articlePostText h4 {
  font-size: 20px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s linear;
  font-weight: 600;
}
@media (max-width: 768px) {
  .articlePostParent .articlePost .articlePostText h4 {
    font-size: 16.5px;
  }
}
.articlePostParent .articlePost .articlePostText p {
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s linear;
  margin-top: 22px;
  font-weight: 400;
	text-align: justify;
}
@media (max-width: 768px) {
  .articlePostParent .articlePost .articlePostText p {
    font-size: 13.7px;
  }
}
.articlePostParent .articlePost:hover .articlePostImg img {
  transform: scale(1.1);
}

.topMarginer {
  padding-top: 142px;
}
.topMarginer header h1 {
  font-size: 96px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 480px) {
  .topMarginer header h1 {
    font-size: 40px;
  }
}

.pagainateCustom {
  margin-bottom: 200px;
  margin-top: 50px;
}
.pagainateCustom ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagainateCustom ul.page-numbers li {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.pagainateCustom ul.page-numbers li a,
.pagainateCustom ul.page-numbers li span {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #005056;
  border-radius: 4px;
}
.pagainateCustom svg path {
  stroke: white;
}

.singlePostHeader {
  width: 80%;
  padding-top: 142px;
  margin: auto;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .singlePostHeader {
    margin-bottom: 30px;
    width: 100%;
  }
}
.singlePostHeader h1 {
  font-size: 72px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .singlePostHeader h1 {
    font-size: 28px;
  }
}

.AboutUsintro {
  padding-bottom: 200px;
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-top: 200px;
}
@media (max-width: 1080px) {
  .AboutUsintro {
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .AboutUsintro {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
}
.AboutUsintro .TxtIntroSecIntro {
  font-size: 98px;
  max-width: 1300px;
  text-align: left;
  font-weight: 500;
  padding-bottom: 55px;
  margin: auto;
  opacity: 0;
  transform: translateY(60px);
}
@media (max-width: 1080px) {
  .AboutUsintro .TxtIntroSecIntro {
    font-size: 48px;
    padding-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .AboutUsintro .TxtIntroSecIntro {
    font-size: 32px;
  }
}
.AboutUsintro .TxtBotHeroAbout {
  font-size: 16px;
  max-width: 900px;
  text-align: left;
  font-weight: 300;
  padding-bottom: 50px;
  margin: auto;
  line-height: 2.2em;
  opacity: 0;
  transform: translateY(60px);
}
@media (max-width: 768px) {
  .AboutUsintro .TxtBotHeroAbout {
    font-size: 14px;
    padding-bottom: 35px;
  }
}
.AboutUsintro .IntroMediaGsap {
  max-width: 100%;
  border-radius: 20px;
  margin: auto;
  scale: 0.9;
}
@media (max-width: 1080px) {
  .AboutUsintro .IntroMediaGsap {
    scale: 0.7;
  }
}
@media (max-width: 768px) {
  .AboutUsintro .IntroMediaGsap {
    scale: 0.6;
  }
}

.singlePostThumb {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}
.singlePostThumb .post-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
}
.singlePostThumb .post-thumbnail img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  min-height: 600px;
  max-height: 600px;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .singlePostThumb .post-thumbnail img {
    min-height: 400px;
    max-height: 400px;
  }
}

.singlePostParent .entry-content h1,
.singlePostParent .entry-content h2,
.singlePostParent .entry-content h3,
.singlePostParent .entry-content h4,
.singlePostParent .entry-content h5,
.singlePostParent .entry-content h6 {
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 24px;
}
.singlePostParent .entry-content p {
  line-height: 2.3em;
  color: #edece8;
  margin-bottom: 14px;
  text-align: justify;
  font-size: 15.5px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .singlePostParent .entry-content p {
    font-size: 13.5px;
  }
}
.singlePostParent .entry-content p:has(img) {
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}
.singlePostParent .entry-content p:has(img) img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  margin-bottom: 24px;
}

.servicePostParent {
  padding-top: 142px;
}
@media (max-width: 768px) {
  .servicePostParent {
    margin-top: 70px;
  }
}

.archiveServHead {
  width: 80%;
  padding-top: 142px;
  margin: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .archiveServHead {
    margin-bottom: 0;
    width: 100%;
  }
}
.archiveServHead h1 {
  font-size: 96px;
  font-weight: 500;
  color: #edece8;
  text-align: center;
}
@media (max-width: 768px) {
  .archiveServHead h1 {
    font-size: 30px;
  }
}
.archiveServHead p {
  text-align: center;
  color: #edece8;
  line-height: 30px;
  font-size: 20px;
  font-weight: 400;
  margin-top: 30px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .archiveServHead p {
    font-size: 15px;
    width: 100%;
  }
}

.singleServiceContent {
  text-align: center;
}
.singleServiceContent > h2 {
  color: #edece8;
  line-height: 90px;
  font-size: 36px;
  font-weight: 500;
  margin-top: 30px;
}
.singleServiceContent p {
  color: #edece8;
  line-height: 30px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
}

.servicePost {
  position: relative;
  display: flex;
  align-items: end;
  height: 800px;
  justify-content: end;
  margin-bottom: 200px;
}
.servicePost > .mainView {
  display: flex;
  justify-content: end;
  align-items: end;
  z-index: 1;
  width: 100%;
}
@media (max-width: 768px) {
  .servicePost > .mainView {
    margin-bottom: 10px;
  }
}
.servicePost > .mainView p {
  color: #edece8;
  line-height: 32px;
  font-size: 22px;
  font-weight: 400;
  margin-top: 30px;
	text-align: justify;
}
@media (max-width: 768px) {
  .servicePost > .mainView p {
    font-size: 16px;
  }
}
.servicePost > .mainView h2 {
  color: #edece8;
  line-height: 40px;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .servicePost > .mainView h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.servicePost .servicePostImg {
  position: absolute;
  left: 0;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 768px) {
  .servicePost .servicePostImg {
    width: 100%;
  }
}
.servicePost .servicePostImg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.servicePost .servicePostContent {
  background-color: #083035;
  padding: 40px;
  width: 750px;
  display: block;
  transition: all 0.4s linear;
}
.servicePost .servicePostContent:hover {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .servicePost .servicePostContent {
    text-align: center;
    padding: 20px;
  }
}
.servicePost:nth-child(2n) .servicePostImg {
  left: unset;
  right: 0;
}
.servicePost:nth-child(2n) > .mainView {
  align-items: start;
  justify-content: start;
}

.contactUsHead {
  width: 80%;
  padding-top: 142px;
  margin: auto;
  text-align: center;
}
.contactUsHead h1 {
  font-size: 96px;
  font-weight: 500;
  color: #edece8;
  text-align: center;
}
@media (max-width: 768px) {
  .contactUsHead h1 {
    font-size: 30px;
  }
}
.contactUsHead p:nth-child(2) {
  text-align: center;
  color: #edece8;
  line-height: 30px;
  font-size: 24px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .contactUsHead p:nth-child(2) {
    font-size: 16px;
    width: 100%;
  }
}
.contactUsHead p:nth-child(3) {
  text-align: center;
  color: #edece8;
  line-height: 30px;
  font-size: 20px;
  font-weight: 400;
  width: 80%;
  margin: auto;
}
@media (max-width: 768px) {
  .contactUsHead p:nth-child(3) {
    font-size: 15px;
    width: 100%;
  }
}

.contactUsImage {
  margin: 45px auto 100px;
  border-radius: 20px;
  width: 96%;
  overflow: hidden;
  height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .contactUsImage {
    margin: 45px auto 50px;
  }
}
.contactUsImage img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.singlePostParent article.post {
  max-width: 1300px;
  margin: auto;
}

.contactUsForm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contactUsForm .wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  font-size: 13px;
}
.contactUsForm .wpcf7 form.invalid .wpcf7-response-output,
.contactUsForm .wpcf7 form.unaccepted .wpcf7-response-output,
.contactUsForm .wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  text-align: center;
  background: rgba(255, 185, 0, 0.4509803922);
  padding: 10px 7px;
  width: -moz-max-content !important;
  width: max-content !important;
  margin-right: auto;
  font-size: 13px;
  font-weight: 300;
  border-radius: 5px;
}
.contactUsForm .contactUsFormParent > h3 {
  color: #edece8;
  line-height: 2em;
  font-size: 48px;
  font-weight: 400;
  text-align: left;
  margin-right: auto;
}
@media (max-width: 768px) {
  .contactUsForm .contactUsFormParent > h3 {
    font-size: 24px;
  }
}
.contactUsForm .contactUsFormParent > p {
  color: #edece8;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  margin-right: auto;
  margin-bottom: 27px;
}
@media (max-width: 768px) {
  .contactUsForm .contactUsFormParent > p {
    font-size: 14px;
  }
}
.contactUsForm .formBox {
  max-width: 800px;
  width: 100%;
}
.contactUsForm .formBox form > p > label {
  display: flex;
  background-color: #004449;
  padding: 11px 20px;
  border-radius: 20px;
  max-width: 800px;
  color: #edece8;
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  width: 100%;
}
.contactUsForm .formBox form > p > label > span {
  width: 100%;
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid #bd974c;
  height: 24px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.contactUsForm .formBox form > p > label > span input,
.contactUsForm .formBox form > p > label > span textarea {
  background: transparent;
  border: 0;
  outline: 0;
  width: 100%;
  height: 100%;
  color: #edece8;
}
.contactUsForm .formBox form p:has(input[type=submit]) {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row-reverse;
}
.contactUsForm .formBox form p:has(input[type=submit]) input {
  background-color: #17858d;
  color: white;
  border-radius: 20px;
  border: 0;
  outline: 0;
  padding: 11px 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-left: 20px;
}
.contactUsForm .formBox form span:has(input[type=email]) {
  width: 80% !important;
}
@media (max-width: 480px) {
  .contactUsForm .formBox form span:has(input[type=email]) {
    width: 45% !important;
  }
}
.contactUsForm .formBox form label:has(textarea) {
  height: 220px;
}
.contactUsForm .formBox form label:has(textarea) span {
  border: 0;
}
.contactUsForm .formBox form label:has(textarea) span textarea {
  padding-top: 10px;
}

#hamburgerMenu {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}
@media (max-width: 768px) {
  #hamburgerMenu {
    display: flex;
  }
}

.contactUsFormParent {
  max-width: 800px;
  width: 100%;
}

.faqSection {
  text-align: center;
}
.faqSection h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 90px;
  margin-bottom: 50px;
  margin-top: 90px;
}
.faqSection .faq {
  background-color: #004449;
  margin-bottom: 15px;
  border-radius: 20px;
}
.faqSection .faq .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  padding: 35px 24px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #edece8;
}
.faqSection .faq .question svg {
  transition: all 0.4s linear;
}
.faqSection .faq .answer {
  font-size: 20px;
  font-weight: 400;
  color: #edece8;
  text-align: left;
  margin: 0 24px;
  border-top: 1px solid #17858d;
  padding: 20px 0 30px;
  display: none;
}

.ServicesBoxesFaq {
  margin-top: 70px;
}

.ServicesBoxes {
  display: flex;
  gap: 22px;
  justify-content: center;
  align-items: start;
  margin-bottom: 140px;
}
@media (max-width: 768px) {
  .ServicesBoxes {
    flex-direction: column;
  }
}
.ServicesBoxes .servFaq {
  width: calc(33% - 10px);
}
@media (max-width: 768px) {
  .ServicesBoxes .servFaq {
    width: 100%;
    margin-bottom: 40px;
  }
}
.ServicesBoxes .servFaq p.servAnswer {
  display: none;
}
.ServicesBoxes .imgside {
  height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.ServicesBoxes .imgside img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.ServicesBoxes .queSide {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 23px;
}
.ServicesBoxes .queSide h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  color: #edece8;
}
.ServicesBoxes .queSide svg {
  transition: all 0.4s linear;
}
.ServicesBoxes p.servAnswer {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #edece8;
}

.activeFaq svg rect:nth-child(1) {
  display: none;
}

.error-404.not-found {
  padding-top: 158px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  padding-top: 50px;
}
.error-404.not-found .page-content {
  position: relative;
}
.error-404.not-found .CustomsError {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  font-weight: 800;
  font-size: 7em;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.error-404.not-found img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 50%;
  margin: auto;
  width: 100%;
  text-align: center;
  display: flex;
}

.menuMobileMain {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  background: #083035;
  z-index: 10;
  padding: 20px;
  transform: translateX(100%);
  transition: all 0.4s linear;
  background-image: url(../img/background-menu.jpg);
}
.menuMobileMain::before {
  position: absolute;
  content: "";
  background: rgba(8, 48, 53, 0.8980392157);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.menuMobileMain .iconCloseBox {
  display: flex;
  justify-content: end;
  align-items: center;
}
.menuMobileMain .mainMobile {
  margin: 20px 0;
  text-align: center;
}
.menuMobileMain .mainMobile ul#menu-menu-mobile a {
  font-size: 20px;
  color: #f8eee4;
  font-weight: 400;
}
.menuMobileMain .mainMobile ul#menu-menu-mobile > li {
  padding: 0px 0 24px;
}
.menuMobileMain svg#svgrotating {
  position: absolute;
  right: 10px;
  transition: all ease-in 0.2s;
}
.menuMobileMain .menu-item-has-children {
  position: relative;
}
.menuMobileMain .menu-item-has-children > ul {
  line-height: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.368627451);
  width: 80% !important;
  margin: auto;
  margin-top: 20px;
}
.menuMobileMain .menu-item-has-children > ul > li {
  width: 60%;
  margin: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3215686275);
}
.menuMobileMain .menu-item-has-children > ul > li:last-of-type {
  border-bottom: none;
}
.menuMobileMain .menu-item-has-children > ul > li > a {
  font-size: 16px !important;
}

.menuMobileOverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4117647059);
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s linear;
}

.activebackDropMenuMobile {
  visibility: visible;
  opacity: 1;
}

.activeMenuMobile {
  transform: translateX(0%);
}

.MobileInfo {
  margin-top: auto;
  text-align: center;
}
.MobileInfo > div {
  border-top: 1px solid #ffffff;
  padding: 20px 0;
  border-bottom: 1px solid #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}

.mobile-menu ul.menu .menu-item-has-children > ul {
  width: 100%;
  padding: 10px 0px;
  display: none;
}

.lastSctionAbout {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 50px 70px;
  margin: 180px auto;
  position: relative;
}
@media (max-width: 768px) {
  .lastSctionAbout {
    flex-wrap: wrap;
    margin: 60px auto;
  }
}
.lastSctionAbout .CustomSvgAbout {
  position: absolute;
  top: -28%;
  right: -17%;
  width: 100%;
  height: 100%;
  background-image: url("../img/svgscea.svg");
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: -1;
  transition: opacity 0.3s ease;
  background-repeat: no-repeat;
  max-width: 100%;
  opacity: 0.3;
}
@media (max-width: 768px) {
  .lastSctionAbout .CustomSvgAbout {
    display: none;
  }
}
.lastSctionAbout .imageSide {
  width: 45%;
  height: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  .lastSctionAbout .imageSide {
    height: 500px;
  }
}
@media (max-width: 768px) {
  .lastSctionAbout .imageSide {
    width: 100%;
  }
}
.lastSctionAbout .imageSide img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  -o-object-position: top;
     object-position: top;
}
.lastSctionAbout .ContentSide {
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  width: 50%;
}
@media (max-width: 1080px) {
  .lastSctionAbout .ContentSide {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .lastSctionAbout .ContentSide {
    width: 100%;
    font-size: 20px;
  }
}

  .lastSctionAbout .ContentSide p {
   text-align: left;
	  margin-bottom:30px;
  }

.secondSectionAbout {
  margin-top: 140px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .secondSectionAbout {
    margin-top: 20px;
  }
}
.secondSectionAbout .contentBoxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.secondSectionAbout .contentBoxes h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  color: #edece8;
  width: 40%;
	text-align: left;
}
@media (max-width: 1080px) {
  .secondSectionAbout .contentBoxes h2 {
    width: 100%;
    font-size: 26px;
  }
}
.secondSectionAbout .contentBoxes p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #edece8;
  width: 50%;
	text-align: left;
}
@media (max-width: 1080px) {
  .secondSectionAbout .contentBoxes p {
    width: 100%;
    font-size: 14.5px;
  }
}

.contactUsForm .formBox form span:has(input[type=email]) , .contactUsForm .formBox form span:has(input[type=tel]) {
  width: 60% !important;
}
@media (max-width: 480px) {
  .contactUsForm .formBox form span:has(input[type=email]) ,.contactUsForm .formBox form span:has(input[type=tel]) {
    width: 40% !important;
  }
}

.imageBoxes {
  margin-top: 120px;
  padding-left: 42px;
}
@media (max-width: 768px) {
  .imageBoxes {
    padding-left: 20px;
    margin-top: 60px;
  }
}
.imageBoxes a.parallax-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}/*# sourceMappingURL=global.css.map */