@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 100;
  src: url("../font/dana regular.ttf") format("woff");
}
@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 300;
  src: url("../font/dana medium.ttf") format("woff");
}
@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: normal;
  src: url("../font/dana bold.ttf") format("woff");
}
@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 600;
  src: url("../font/dana demibold.ttf") format("woff");
}
@font-face {
  font-family: Altissimo;
  font-style: normal;
  font-weight: 600;
  src: url("../font/FontsFree-Net-aa4-4.ttf") format("woff");
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a,
input,
ul,
li,
button,
textarea {
  font-family: "dana" !important;
}

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

/**main colore**/
/** break point **/
/** general style **/
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

a:focus {
  outline: none;
}

.mainView {
  max-width: 1310px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

a,
a:visited {
  text-decoration: none;
}

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;
}

.mainHeadingSite {
  text-align: center;
}
.mainHeadingSite span {
  background: linear-gradient(0deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.1) 50%, rgba(33, 33, 33, 0.64) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  opacity: 0.5;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 3px;
  font-family: Altissimo !important;
}
@media (max-width: 768px) {
  .mainHeadingSite span {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 30px;
  }
}
.mainHeadingSite h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 49px;
}
@media (max-width: 768px) {
  .mainHeadingSite h2 {
    font-size: 18px;
    line-height: 13px;
    margin-bottom: 30px;
  }
}

.introSectionBack {
  position: relative;
}
.introSectionBack .mySwiperIntro {
  height: 678px;
}
.introSectionBack .mySwiperIntro .swiper-slide {
  position: relative;
  height: 100%;
  width: 100%;
}
.introSectionBack .mySwiperIntro .swiper-slide > img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView img {
  position: absolute;
  max-height: 630px;
  height: 100%;
  width: 100%;
  max-width: 630px;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  bottom: 0;
}
@media (max-width: 1000px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView img {
    max-height: 500px;
    max-width: 500px;
    top: 0;
    bottom: 40px;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView img {
    top: unset;
    right: 0;
    max-height: 400px;
    max-width: 400px;
  }
}
@media (max-width: 480px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView img {
    max-height: 330px;
    max-width: 330px;
  }
}
@media (max-width: 380px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView img {
    max-height: 256px;
    max-width: 256px;
  }
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro {
  width: 100%;
  max-width: 522px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro {
    margin: auto;
    margin-top: 32px;
    text-align: center;
  }
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro span {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba rgba(8, 55, 106, 0.1019607843) 8, 55, 106, 0.1 50%, rgba(8, 55, 106, 0.64) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  opacity: 0.5;
  font-weight: 600;
  line-height: 16px;
  font-family: Altissimo !important;
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro span {
    font-size: 28px;
    line-height: 32px;
  }
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro h2 {
  font-size: 48px;
  line-height: 54.5px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #004741;
  width: 80%;
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro h2 {
    font-size: 24px;
    line-height: 17px;
    width: 100%;
  }
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 32px;
  color: #212121;
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro p {
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro a {
  background: white;
  color: #004741;
}
@media (max-width: 768px) {
  .introSectionBack .mySwiperIntro .swiper-slide .mainView .mainBoxItro a {
    margin: auto;
  }
}
.introSectionBack .pagination-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px;
  position: absolute;
  bottom: 0;
  right: 8%;
  z-index: 4;
  padding: 8px 17px 8px;
  width: 154px;
}
@media (max-width: 768px) {
  .introSectionBack .pagination-btns {
    left: 0;
    right: 0;
    margin: auto;
  }
}
.introSectionBack .pagination-btns::before {
  background-image: url("data:image/svg+xml,%3Csvg width='228' height='44' viewBox='0 0 228 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 44H198V19.8621C198 8.89255 189.107 0 178.138 0H50.8621C39.8925 0 31 8.89255 31 19.8621V44Z' fill='white'/%3E%3Cpath d='M31 24.9986C30.1593 35.3039 21.7116 43.3332 11.377 43.6499L0 43.9986H31V24.9986Z' fill='white'/%3E%3Cpath d='M198 24.9986C198.813 35.2997 207.243 43.3413 217.571 43.6683L228 43.9986H198V24.9986Z' fill='white'/%3E%3C/svg%3E%0A");
  content: "";
  position: absolute;
  height: 44px;
  width: 228px;
  z-index: -1;
}
.introSectionBack .pagination-btns > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.introSectionBack .pagination-btns > div svg {
  height: 24px;
  width: 24px;
}
.introSectionBack .pagination-btns > div svg path {
  transition: all 0.3s linear;
}
.introSectionBack .pagination-btns > div:hover svg path {
  fill: #bd8c37;
}
.introSectionBack .pagination-btns .swiper-button-prev-mySwiperIntro {
  transform: rotate(180deg);
  cursor: pointer;
}
.introSectionBack .pagination-btns .swiper-pagination-mySwiperIntro {
  color: #bd8c37;
  transition: all 0.3s linear;
}
.introSectionBack .pagination-btns .swiper-pagination-mySwiperIntro span {
  font-weight: 600;
  line-height: 22px;
  font-size: 14px;
}
.introSectionBack .pagination-btns .swiper-pagination-mySwiperIntro span.swiper-pagination-number-current {
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.productCategoryBack {
  margin: 80px auto 160px;
}
@media (max-width: 768px) {
  .productCategoryBack {
    margin: 80px auto 80px;
  }
}
.productCategoryBack .productCategoryMain {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.productCategoryBack .productCategoryItems {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32% - 14px);
  max-width: 305px;
}
@media (max-width: 768px) {
  .productCategoryBack .productCategoryItems {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .productCategoryBack .productCategoryItems {
    width: 100%;
    max-width: unset;
  }
}
.productCategoryBack .productCategoryItems a {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 24px;
  gap: 24px;
  background-color: #fafafa;
  border-radius: 32px;
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
}
.productCategoryBack .productCategoryItems a .productCatImage {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 72px;
  background-color: white;
  border-radius: 100%;
}
.productCategoryBack .productCategoryItems a .productCatImage svg {
  height: 48px;
  width: 48px;
}
.productCategoryBack .productCategoryItems a .productCatText h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  color: #212121;
  transition: all 0.3s linear;
}
.productCategoryBack .productCategoryItems a .productCatText span {
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  color: #68696e;
  transition: all 0.3s linear;
}
.productCategoryBack .productCategoryItems:hover a {
  background-color: #008f83;
}
.productCategoryBack .productCategoryItems:hover .productCatText h4 {
  color: white;
}
.productCategoryBack .productCategoryItems:hover .productCatText span {
  color: white;
}

.argopaySectionBack {
  margin: 80px auto 160px;
}
@media (max-width: 768px) {
  .argopaySectionBack {
    margin: 80px auto 80px;
  }
}
.argopaySectionBack .argopaySection {
  display: flex;
  flex-direction: row-reverse;
  align-items: anchor-center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection {
    flex-direction: column;
    gap: 16px;
  }
}
.argopaySectionBack .argopaySection > div {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection > div {
    width: 100%;
  }
}
.argopaySectionBack .argopaySection .contentSide > span {
  background: linear-gradient(0deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.1) 50%, rgba(33, 33, 33, 0.64) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  opacity: 0.5;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 3px;
  font-family: Altissimo !important;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide > span {
    display: none;
  }
}
.argopaySectionBack .argopaySection .contentSide > h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide > h2 {
    display: none;
  }
}
.argopaySectionBack .argopaySection .contentSide > p {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 40px;
  color: #212121;
  text-align: justify;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide > p {
    margin-bottom: 32px;
    font-size: 14px;
  }
}
.argopaySectionBack .argopaySection .contentSide .contentSideBtnG {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide .contentSideBtnG {
    justify-content: center;
  }
}
.argopaySectionBack .argopaySection .contentSide .contentSideBtnG .generalBtn2 {
  background: #004741;
  color: white;
}
.argopaySectionBack .argopaySection .contentSide .contentSideBtnG .generalBtn2::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00008 1.33331H8.03833C9.57726 1.3333 10.7833 1.3333 11.7243 1.45981C12.6874 1.5893 13.4475 1.85953 14.044 2.45607C14.6405 3.05261 14.9108 3.81263 15.0403 4.77578C15.1668 5.71677 15.1668 6.9228 15.1667 8.46173V8.53823C15.1668 10.0772 15.1668 11.2832 15.0403 12.2242C14.9108 13.1873 14.6405 13.9473 14.044 14.5439C13.4475 15.1404 12.6874 15.4107 11.7243 15.5401C10.7833 15.6667 9.57726 15.6667 8.03833 15.6666H7.96183C6.4229 15.6667 5.21688 15.6667 4.27588 15.5401C3.31273 15.4107 2.55271 15.1404 1.95617 14.5439C1.35963 13.9473 1.08941 13.1873 0.959912 12.2242C0.833399 11.2832 0.833405 10.0772 0.833414 8.53823V8.49998C0.833414 8.22384 1.05727 7.99998 1.33341 7.99998C1.60956 7.99998 1.83341 8.22384 1.83341 8.49998C1.83341 10.0855 1.83448 11.2243 1.95099 12.0909C2.06558 12.9432 2.28351 13.457 2.66328 13.8368C3.04305 14.2166 3.55686 14.4345 4.40913 14.5491C5.27578 14.6656 6.4146 14.6666 8.00008 14.6666C9.58556 14.6666 10.7244 14.6656 11.591 14.5491C12.4433 14.4345 12.9571 14.2166 13.3369 13.8368C13.7167 13.457 13.9346 12.9432 14.0492 12.0909C14.1657 11.2243 14.1667 10.0855 14.1667 8.49998C14.1667 6.9145 14.1657 5.77568 14.0492 4.90903C13.9346 4.05676 13.7167 3.54295 13.3369 3.16318C12.9571 2.78341 12.4433 2.56548 11.591 2.45089C10.7244 2.33438 9.58556 2.33331 8.00008 2.33331C7.72394 2.33331 7.50008 2.10946 7.50008 1.83331C7.50008 1.55717 7.72394 1.33331 8.00008 1.33331Z' fill='white'/%3E%3Cpath d='M7.68697 7.47976C7.88223 7.67502 7.88223 7.9916 7.68697 8.18687C7.49171 8.38213 7.17512 8.38213 6.97986 8.18687L1.83341 3.04042V5.39581C1.83341 5.67196 1.60956 5.89581 1.33341 5.89581C1.05727 5.89581 0.833414 5.67196 0.833414 5.39581V1.83331C0.833414 1.55717 1.05727 1.33331 1.33341 1.33331H4.89591C5.17206 1.33331 5.39591 1.55717 5.39591 1.83331C5.39591 2.10946 5.17206 2.33331 4.89591 2.33331H2.54052L7.68697 7.47976Z' fill='white'/%3E%3C/svg%3E%0A");
}
.argopaySectionBack .argopaySection .contentSide .contentSideBtnG .generalBtn3 {
  background: #bd8c37;
  color: white;
}
.argopaySectionBack .argopaySection .contentSide .contentSideBtnG .generalBtn3::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00008 1.33331H8.03833C9.57726 1.3333 10.7833 1.3333 11.7243 1.45981C12.6874 1.5893 13.4475 1.85953 14.044 2.45607C14.6405 3.05261 14.9108 3.81263 15.0403 4.77578C15.1668 5.71677 15.1668 6.9228 15.1667 8.46173V8.53823C15.1668 10.0772 15.1668 11.2832 15.0403 12.2242C14.9108 13.1873 14.6405 13.9473 14.044 14.5439C13.4475 15.1404 12.6874 15.4107 11.7243 15.5401C10.7833 15.6667 9.57726 15.6667 8.03833 15.6666H7.96183C6.4229 15.6667 5.21688 15.6667 4.27588 15.5401C3.31273 15.4107 2.55271 15.1404 1.95617 14.5439C1.35963 13.9473 1.08941 13.1873 0.959912 12.2242C0.833399 11.2832 0.833405 10.0772 0.833414 8.53823V8.49998C0.833414 8.22384 1.05727 7.99998 1.33341 7.99998C1.60956 7.99998 1.83341 8.22384 1.83341 8.49998C1.83341 10.0855 1.83448 11.2243 1.95099 12.0909C2.06558 12.9432 2.28351 13.457 2.66328 13.8368C3.04305 14.2166 3.55686 14.4345 4.40913 14.5491C5.27578 14.6656 6.4146 14.6666 8.00008 14.6666C9.58556 14.6666 10.7244 14.6656 11.591 14.5491C12.4433 14.4345 12.9571 14.2166 13.3369 13.8368C13.7167 13.457 13.9346 12.9432 14.0492 12.0909C14.1657 11.2243 14.1667 10.0855 14.1667 8.49998C14.1667 6.9145 14.1657 5.77568 14.0492 4.90903C13.9346 4.05676 13.7167 3.54295 13.3369 3.16318C12.9571 2.78341 12.4433 2.56548 11.591 2.45089C10.7244 2.33438 9.58556 2.33331 8.00008 2.33331C7.72394 2.33331 7.50008 2.10946 7.50008 1.83331C7.50008 1.55717 7.72394 1.33331 8.00008 1.33331Z' fill='white'/%3E%3Cpath d='M7.68697 7.47976C7.88223 7.67502 7.88223 7.9916 7.68697 8.18687C7.49171 8.38213 7.17512 8.38213 6.97986 8.18687L1.83341 3.04042V5.39581C1.83341 5.67196 1.60956 5.89581 1.33341 5.89581C1.05727 5.89581 0.833414 5.67196 0.833414 5.39581V1.83331C0.833414 1.55717 1.05727 1.33331 1.33341 1.33331H4.89591C5.17206 1.33331 5.39591 1.55717 5.39591 1.83331C5.39591 2.10946 5.17206 2.33331 4.89591 2.33331H2.54052L7.68697 7.47976Z' fill='white'/%3E%3C/svg%3E%0A");
}
.argopaySectionBack .argopaySection .contentSide .counterUnitItemBack {
  display: flex;
  justify-content: space-between;
  padding: 16px 37px;
  border-radius: 32px;
  background-color: #00544d;
  align-items: center;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide .counterUnitItemBack {
    flex-wrap: wrap;
    gap: 38px 0px;
    padding: 24px;
  }
}
.argopaySectionBack .argopaySection .contentSide .counterUnitItemBack .counterUnitItem.counterItems {
  text-align: center;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .contentSide .counterUnitItemBack .counterUnitItem.counterItems {
    width: 48%;
    max-width: 50%;
  }
}
.argopaySectionBack .argopaySection .contentSide .counterUnitItemBack .counterUnitItem.counterItems .upper span {
  font-size: 24px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 6px;
  color: white;
}
.argopaySectionBack .argopaySection .contentSide .counterUnitItemBack .counterUnitItem.counterItems .upper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}
.argopaySectionBack .argopaySection .contentSide .counterUnitItemBack .counterUnitItem.counterItems .downer {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 6px;
  color: rgba(250, 250, 250, 0.6196078431);
}
.argopaySectionBack .argopaySection .imageSide {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}
.argopaySectionBack .argopaySection .imageSide video {
  display: flex;
  width: 100%;
  height: 100%;
}
.argopaySectionBack .argopaySection .imageSide::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='264' height='26' viewBox='0 0 264 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M243.5 15.0024C235.5 25.5039 225.5 26 223 26H39C35.5 26 27 23.5029 21.5 14.9985C17.464 8.75786 9.5 0.00281292 0 0.00281292L263.773 0.00281116C263.853 -0.000924015 263.928 -0.00095007 264 0.00281116L263.773 0.00281116C260.325 0.164525 249.384 7.27875 243.5 15.0024Z' fill='%23ffffff'/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0px;
  width: 264px;
  max-width: 50%;
  max-height: 26px;
  height: 40%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  background-position: top;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .imageSide::before {
    bottom: -1px;
  }
}
.argopaySectionBack .argopaySection .imageSide::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='264' height='26' viewBox='0 0 264 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M243.5 15.0024C235.5 25.5039 225.5 26 223 26H39C35.5 26 27 23.5029 21.5 14.9985C17.464 8.75786 9.5 0.00281292 0 0.00281292L263.773 0.00281116C263.853 -0.000924015 263.928 -0.00095007 264 0.00281116L263.773 0.00281116C260.325 0.164525 249.384 7.27875 243.5 15.0024Z' fill='%23ffffff'/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 264px;
  max-width: 50%;
  max-height: 26px;
  height: 40%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
@media (max-width: 768px) {
  .argopaySectionBack .argopaySection .imageSide::after {
    top: -1px;
  }
}
.argopaySectionBack .argopaySection .imageSide div#playBtnHome {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 50%;
  overflow: hidden;
  background-color: #8896a3;
  animation: playBtnHomeAni 5s linear infinite;
}
.argopaySectionBack .argopaySection .imageSide div#playBtnHome foreignObject {
  display: none;
}
.argopaySectionBack .extraResHeader {
  display: none;
}
@media (max-width: 768px) {
  .argopaySectionBack .extraResHeader {
    display: block;
  }
}

@keyframes playBtnHomeAni {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.projectsServicesBack {
  margin: 160px auto;
}
@media (max-width: 768px) {
  .projectsServicesBack {
    margin: 80px auto;
  }
}
.projectsServicesBack .nextPrevBtn {
  justify-content: center;
  align-items: center;
  display: none;
  margin-top: 24px;
  gap: 20px;
}
.projectsServicesBack .nextPrevBtn > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.projectsServicesBack .nextPrevBtn .swiper-button-next-productSwiper {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .projectsServicesBack .nextPrevBtn {
    display: flex;
  }
}

.homeBlogSectionBack {
  margin: 160px auto;
}
@media (max-width: 768px) {
  .homeBlogSectionBack {
    margin: 80px auto;
  }
}
.homeBlogSectionBack .nextPrevBtn {
  justify-content: center;
  align-items: center;
  display: none;
  margin-top: 24px;
  gap: 20px;
}
.homeBlogSectionBack .nextPrevBtn > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.homeBlogSectionBack .nextPrevBtn .swiper-button-next-swiperHomeBlog {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .homeBlogSectionBack .nextPrevBtn {
    display: flex;
  }
}

.linkSIde {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 36px;
}
.linkSIde a.generalBtn {
  background-color: #004741;
  color: white;
  border-radius: 200px;
}
.linkSIde a.generalBtn::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00008 1.33331H8.03833C9.57726 1.3333 10.7833 1.3333 11.7243 1.45981C12.6874 1.5893 13.4475 1.85953 14.044 2.45607C14.6405 3.05261 14.9108 3.81263 15.0403 4.77578C15.1668 5.71677 15.1668 6.9228 15.1667 8.46173V8.53823C15.1668 10.0772 15.1668 11.2832 15.0403 12.2242C14.9108 13.1873 14.6405 13.9473 14.044 14.5439C13.4475 15.1404 12.6874 15.4107 11.7243 15.5401C10.7833 15.6667 9.57726 15.6667 8.03833 15.6666H7.96183C6.4229 15.6667 5.21688 15.6667 4.27588 15.5401C3.31273 15.4107 2.55271 15.1404 1.95617 14.5439C1.35963 13.9473 1.08941 13.1873 0.959912 12.2242C0.833399 11.2832 0.833405 10.0772 0.833414 8.53823V8.49998C0.833414 8.22384 1.05727 7.99998 1.33341 7.99998C1.60956 7.99998 1.83341 8.22384 1.83341 8.49998C1.83341 10.0855 1.83448 11.2243 1.95099 12.0909C2.06558 12.9432 2.28351 13.457 2.66328 13.8368C3.04305 14.2166 3.55686 14.4345 4.40913 14.5491C5.27578 14.6656 6.4146 14.6666 8.00008 14.6666C9.58556 14.6666 10.7244 14.6656 11.591 14.5491C12.4433 14.4345 12.9571 14.2166 13.3369 13.8368C13.7167 13.457 13.9346 12.9432 14.0492 12.0909C14.1657 11.2243 14.1667 10.0855 14.1667 8.49998C14.1667 6.9145 14.1657 5.77568 14.0492 4.90903C13.9346 4.05676 13.7167 3.54295 13.3369 3.16318C12.9571 2.78341 12.4433 2.56548 11.591 2.45089C10.7244 2.33438 9.58556 2.33331 8.00008 2.33331C7.72394 2.33331 7.50008 2.10946 7.50008 1.83331C7.50008 1.55717 7.72394 1.33331 8.00008 1.33331Z' fill='white'/%3E%3Cpath d='M7.68697 7.47976C7.88223 7.67502 7.88223 7.9916 7.68697 8.18687C7.49171 8.38213 7.17512 8.38213 6.97986 8.18687L1.83341 3.04042V5.39581C1.83341 5.67196 1.60956 5.89581 1.33341 5.89581C1.05727 5.89581 0.833414 5.67196 0.833414 5.39581V1.83331C0.833414 1.55717 1.05727 1.33331 1.33341 1.33331H4.89591C5.17206 1.33331 5.39591 1.55717 5.39591 1.83331C5.39591 2.10946 5.17206 2.33331 4.89591 2.33331H2.54052L7.68697 7.47976Z' fill='white'/%3E%3C/svg%3E%0A");
}

.extraResHeader .mainHeadingSite h2 {
  margin-bottom: 30px !important;
}/*# sourceMappingURL=home.css.map */