@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-Regular.eot');
  src: url('../fonts/Matter-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-Regular.woff2') format('woff2'),
      url('../fonts/Matter-Regular.woff') format('woff'),
      url('../fonts/Matter-Regular.ttf') format('truetype'),
      url('../fonts/Matter-Regular.svg#Matter-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-SemiBold.eot');
  src: url('../fonts/Matter-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-SemiBold.woff2') format('woff2'),
      url('../fonts/Matter-SemiBold.woff') format('woff'),
      url('../fonts/Matter-SemiBold.ttf') format('truetype'),
      url('../fonts/Matter-SemiBold.svg#Matter-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-Medium.eot');
  src: url('../fonts/Matter-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-Medium.woff2') format('woff2'),
      url('../fonts/Matter-Medium.woff') format('woff'),
      url('../fonts/Matter-Medium.ttf') format('truetype'),
      url('../fonts/Matter-Medium.svg#Matter-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-Bold.eot');
  src: url('../fonts/Matter-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-Bold.woff2') format('woff2'),
      url('../fonts/Matter-Bold.woff') format('woff'),
      url('../fonts/Matter-Bold.ttf') format('truetype'),
      url('../fonts/Matter-Bold.svg#Matter-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-Heavy.eot');
  src: url('../fonts/Matter-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-Heavy.woff2') format('woff2'),
      url('../fonts/Matter-Heavy.woff') format('woff'),
      url('../fonts/Matter-Heavy.ttf') format('truetype'),
      url('../fonts/Matter-Heavy.svg#Matter-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-Light.eot');
  src: url('../fonts/Matter-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Matter-Light.woff2') format('woff2'),
      url('../fonts/Matter-Light.woff') format('woff'),
      url('../fonts/Matter-Light.ttf') format('truetype'),
      url('../fonts/Matter-Light.svg#Matter-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Black.eot');
  src: url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Black.woff2') format('woff2'),
      url('../fonts/Gilroy-Black.woff') format('woff'),
      url('../fonts/Gilroy-Black.ttf') format('truetype'),
      url('../fonts/Gilroy-Black.svg#Gilroy-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.eot');
  src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Bold.woff2') format('woff2'),
      url('../fonts/Gilroy-Bold.woff') format('woff'),
      url('../fonts/Gilroy-Bold.ttf') format('truetype'),
      url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraBold.eot');
  src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
      url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
      url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'),
      url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.eot');
  src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Medium.woff2') format('woff2'),
      url('../fonts/Gilroy-Medium.woff') format('woff'),
      url('../fonts/Gilroy-Medium.ttf') format('truetype'),
      url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.eot');
  src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Light.woff2') format('woff2'),
      url('../fonts/Gilroy-Light.woff') format('woff'),
      url('../fonts/Gilroy-Light.ttf') format('truetype'),
      url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Heavy.eot');
  src: url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
      url('../fonts/Gilroy-Heavy.woff') format('woff'),
      url('../fonts/Gilroy-Heavy.ttf') format('truetype'),
      url('../fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Thin.eot');
  src: url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Thin.woff2') format('woff2'),
      url('../fonts/Gilroy-Thin.woff') format('woff'),
      url('../fonts/Gilroy-Thin.ttf') format('truetype'),
      url('../fonts/Gilroy-Thin.svg#Gilroy-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLight.eot');
  src: url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-UltraLight.woff2') format('woff2'),
      url('../fonts/Gilroy-UltraLight.woff') format('woff'),
      url('../fonts/Gilroy-UltraLight.ttf') format('truetype'),
      url('../fonts/Gilroy-UltraLight.svg#Gilroy-UltraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiBold.eot');
  src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
      url('../fonts/Gilroy-SemiBold.woff') format('woff'),
      url('../fonts/Gilroy-SemiBold.ttf') format('truetype'),
      url('../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.eot');
  src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Gilroy-Regular.woff2') format('woff2'),
      url('../fonts/Gilroy-Regular.woff') format('woff'),
      url('../fonts/Gilroy-Regular.ttf') format('truetype'),
      url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@media only screen and (min-width: 1200px) {.container, .elementor-section.elementor-section-boxed > .elementor-container {max-width: 85.652vw;padding: 0;}}
h1 {
font-size: 4.375rem;
line-height: 5.625rem;
font-family: 'Gilroy', sans-serif;
}
h2 {
font-size: 3.25rem;
line-height: 3.875rem;
font-family: 'Gilroy', sans-serif;
}
h4 {
font-size: 1.75rem;
line-height: 2.375rem;
font-family: 'Gilroy', sans-serif;
}
a {
text-decoration: none !important;
color: #fff !important;transition: 0.5s;
}
html {
overflow-x: hidden;
}
body {
font-family: 'Matter', sans-serif;
overflow-x: hidden;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header {padding: 2.563rem 0;position: absolute;z-index: 999;inset: 0 0 auto;}
header .navBar .toggleBtn {
    transition: 0.5s ease-in-out;
    background: rgb(0 0 0 / 20%);
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    backdrop-filter: blur(5px);
}

.toggleBtn .menu-icon {width: 1.5rem;height: auto;}
.toggleBtn:hover .menu-icon rect {width: 1.5rem !important;}
.toggleBtn:hover .menu-icon rect.closePath3 {transform: matrix(1, 0, 0, -1, 0, 19);}
.toggleBtn .menu-icon * {transition: 0.75s;}
/*.toggleBtn.active .menu-icon rect.closePath1 {transform: rotate(-45deg) translate(-5px, 16px);}
.toggleBtn.active .menu-icon rect.closePath3 {transform: scaleX(0);transform-origin: right;fill: #C9B887;}
.toggleBtn.active .menu-icon rect.closePath2 {transform: rotate(45deg) translate(3px, -6px);}
.toggleBtn.active .menu-icon {width: 2rem;}*/

.btn {color: #fff;border-radius: 0;height: 3.125rem;padding: 0.25rem 1.25rem;background: #32B1D1;transition: 0.75s;line-height: 1;position: relative;z-index: 1;overflow: hidden;border: none;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;align-content: center;flex-wrap: nowrap;min-width: 10.313rem;}
.btn svg {transition: 0.75s; transform: scale(0.75); opacity: 0; position: absolute; top: 0; right: 0.25rem; bottom: 0; margin: auto;}
.btn:hover svg {transform: scale(1) translateX(-10px);opacity: 1;}
.btn:hover {background-color: #32B1D1;}
.btn:hover span {transform: translateX(-16px);}
.btn span {transform: none;transition: 0.75s;}


.link {position: relative;display: inline-block;}
.link::before {content: "";position: absolute;bottom: 0px;left: 0px;height: 1px;width: 0px;background: #32b1d1;transition: 0.75s;}
.link:hover::before {width: 100%;}
.link:hover {color: #32b1d1 !important;}



/*.btn {
  display: inline-block;
  padding: 0.938rem 1.563rem;
  background: transparent;
  border: 1px solid #32B1D1;
  color: #fff;
  text-decoration: none;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}
.btn:before {
  content: "";
  transition: 0.5s ease-in-out;
  background: #32B1D1;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  z-index: -1;
}
.btn:hover:before {
  width: 2.063rem;
  left: auto;
  right: 0;
}
.btn:hover {
  color: #32B1D1 !important;    background: #fff;
  border-color: #32B1D1;
}
.btn img{transition: 1s; margin-left: 0.5rem; margin-bottom: 0 !important}
.btn:hover img{transform: rotate(45deg) translate(15px, -15px);}*/

.fixWhatsapp {
    position: fixed;
    bottom: 3%;
    right: 0.5%;
    z-index: 9;
    transition: 0.75s;
}

.fixWhatsapp:hover {
    transform: rotate(360deg)scale(1.2);
}

.fixWhatsapp a {
    background: #25d366;
    border-radius: 35px;
    display: block;
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

header nav.navbar ul.navbar-nav {
  flex-direction: row;
  background: rgb(245 245 245 / 20%);
}
header nav.navbar {
/*  z-index: -1;*/
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  padding: 0;
  transform: translateX(12%);
}
/*.navBar.show .toggleBtn {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
}*/
header nav.navbar.show {
  transform: translateX(0%);
  transition: 0.5s ease-in-out;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
header nav.navbar ul.navbar-nav > li.nav-item >  a.nav-link {
  padding: 0.938rem 1.875rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #fff;
  text-decoration: none;
}
.secBanner {
  /*background: url(../images/banner.jpg) no-repeat;
  background-size: cover !important;*/
  padding-top: 12rem;
  padding-bottom: 2.875rem;
  position: relative;
  z-index: 1;
}
.secBanner:after {
  content: "";
  background: url(../images/shadow_bg.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 31.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.secBanner figure{line-height: 0}
.secBanner h1 {
margin-bottom: 4.5rem;
}
.secBanner h6 {
  font-size: 0.938rem;
  line-height: 1.5rem;
  color: #FFF;
  FONT-WEIGHT: 400;
  margin: 0;
}
.secBanner .logo_images img {
  width: auto;
}
.secBanner .logo_images img:last-child {
  margin-left: 1.875rem;
}
.secBanner .logo_images {
  margin-top: 0.938rem;
}
.secBanner p.list_para {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #fff;
  margin: 0;
  padding-left: 0.625rem;
}
.secBanner p.list_para:before {
  content: "";
  background: #6CD4E3;
  width: 0.313rem;
  height: 0.313rem;
  position: absolute;
  border-radius: 100%;
  left: 0;
  top: 0.625rem;
}
.home-banner-slider figure::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 70%);
}
.secAbout {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.secAbout .abt_ctn h6 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000;
  font-weight: 500;
  margin-bottom: 1.875rem;
}
.secAbout .abt_ctn p {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 2.5rem;
}
.secAbout .abt_ctn img {
  margin-bottom: 1.813rem;
}
.secAbout .subHeading {
    margin-bottom: 0.5rem;
}
.subHeading {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 1.875rem;
  display: inline-block;
  color: #0000009e;
}
.secServices {
  background: url(../images/Services-bg-section.png) no-repeat;
  background-size: cover;
  padding-bottom: 13.188rem;
  position: relative;
  z-index: 1;
}
/*.secServices {
  background: url(../images/services_banner.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 13.188rem;
  position: relative;
  z-index: 1;
}*/
.secServices .ser_img {
    margin-top: -32vw;
    margin-bottom: 10vw;
}
.serIcon img {
  width: auto;
  transition: 0.75s;
}
.services_grid {
  z-index: 4;
  pointer-events: none;
  margin-top: -13rem;
  margin-bottom: -100vh;
  padding-top: 13rem;
  padding-bottom: 100vh;
  position: relative;
  overflow: hidden;
  display: grid;
}
.serBox {
  grid-column: 4 / 5;
  display: grid;
  position: relative;
  background: rgb(0 50 65 / 80%);
  align-self: end;
  display: inline-block;
  z-index: 1;
  overflow: hidden;
  transition: 0.75s;
}
.serBox::before, .what-inner .boxes .elementor-widget-wrap::before {content: "";position: absolute;inset:0;background: linear-gradient(210deg, rgb(0 50 65 / 0%) 0%, rgb(0 50 65 / 0%) 50%, rgba(0, 129, 167, 1) 100%);transform: translate(-50%, 100%);;transition: 0.75s;}
.serBox:hover::before, .what-inner .boxes .elementor-widget-wrap:hover::before {transform: none}
.serBox .serIcon:before {content: '';background: transparent;position: absolute;inset: 0;z-index: -1;border-radius: 50%;transition: 0.75s;}
.serBox:hover .serIcon:before {background: #fff;}
.serBox:hover .serIcon img {transform: scale(0.85);}
/*.serBox:hover .serIcon, .what-inner .boxes .elementor-widget-wrap:hover .serIcon {transform: scale(1.15);}*/
.serBox_inner {
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
  justify-content: end;
  align-items: start;
  flex-direction: column;
  position: relative;
  padding: 1.25rem;
  min-height: 18vw;
}
.services_grid_inner {
  grid-column: 1 / 17;
  grid-template-columns: repeat(5,1fr);
  column-gap: 0;
  display: grid;
}
.Main_services {
  background-color: #32B1D1;
  grid-column: 1 / 3;
  padding: 2.813rem;
}
.Main_services .subHeading {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.secServices .Main_services h2 {
  line-height: 3.25rem;
  margin-top: 0;
}
.secServices h2 {
  margin-bottom: 1rem;
  margin-top: 7.5rem;
}
.secServices p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  margin: 0;
}
.services_grid .serBox:nth-child(3) {
  grid-column: 3 / 4;
}
.services_grid .serBox:nth-child(4) {
  grid-column: 5 / 6;
}
.services_grid .serBox:nth-child(5) {
  grid-column: 2 / 3;
}
.services_grid .serBox:nth-child(6) {
  grid-column: 4 / 5;
}
.services_grid .serBox:nth-child(7) {
  grid-column: 3 / 4;
}

.services_grid-new .serBox:nth-child(3) {
  grid-column: 3 / 4;
}
.services_grid-new .serBox:nth-child(4) {
  grid-column: 5 / 6;
}
.services_grid-new .serBox:nth-child(5) {
  grid-column: 2 / 3;
}
.services_grid-new .serBox:nth-child(6) {
  grid-column: 4 / 5;
}
.services_grid-new .serBox:nth-child(7) {
  grid-column: 3 / 4;
}
.serBox .serIcon {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  transition: 0.75s;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.serBox .subHeading {
  color: rgb(255 255 255 / 60%);
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}
.serBox .serTitle h4 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  margin: 0;
  font-weight: 400;
}
.serImg {
  margin-right: -8vw;
  margin-top: -12.5rem;
  text-align: end;
}
.serImg img {
  width: 50.125rem;
}
.secServices:after {
  content: "";
  background: url(../images/before_img.png) no-repeat;
  width: 100%;
  height: 22.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100% 100%;
}
.secInvestor {
  margin-top: -3.125rem;
  position: relative;
  z-index: 9;
  padding-bottom: 8.125rem;
  padding-top: 3rem;
}
.secInvestor h2 {
  margin-bottom: 2.5rem;
}
.secInvestor .investor-pera {
    padding: 0 5rem 0 5rem;
}
.secInvestor .logo-bx {
  padding: 2.75rem 6.875rem;
  height: 10rem;
  border: 1px solid #cfd3d485;
  filter: grayscale(1);transition: 1s;
}
.secInvestor .logo-bx:hover{filter: none}
.sliderRow {
  position: relative;
}
.first-row {
  margin-bottom: 3.125rem;
}
.home-section-four .blog-image {position: absolute;inset: 0;}
.home-section-four .blog-image figure img { transition: 0.75s;object-fit: cover;}
.home-section-four .blog_post:hover figure img{ transform: scale(1.2);}
.home-section-four .col-md-6:nth-child(3n-1) .blog_post figure img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.home-section-four .col-md-6:nth-child(3n-1) .blog_post:hover figure img {-webkit-transform: scale(1);transform: scale(1);}
.home-section-four .col-md-6:nth-child(3n) .blog_post figure img {-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.home-section-four .col-md-6:nth-child(3n) .blog_post:hover figure img {-webkit-transform: rotate(10deg) scale(1.2);transform: rotate(10deg) scale(1.2);}
.blog_post {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 30rem;
  display: flex;
  align-items: flex-end;
  padding: 2.5rem 1.875rem;
  overflow: hidden;
  margin-bottom: 5.625rem !important;
  position: relative;
  z-index: 1;
}
.blog_post:after {
  content: "";
  background: linear-gradient(0deg, #000000b5, transparent);
  position: absolute;
  inset: 0;
}
.blog_post .hide-data {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out !important;
}
.blogs-data {
  overflow: hidden;
  position: relative;
  transition: 0.5s ease-in-out !important;
  transform: translateY(120px);
  z-index: 1;
}
.blog_post:hover .blogs-data {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: 0.5s ease-in-out !important;
}
.blog_post:hover .hide-data {
  opacity: 1;
  visibility: visible;
  transition: 0.5s ease-in-out !important;
}
.blogs-data h4 {
  transition: 0.5s ease-in-out !important;
}
.blog_post .blogs-data h4 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #fff;
}
.blog_post .hide-data p {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #fff;
}

.slick-slider.reverse{
    transform:rotate(180deg);
}
.slick-slider.reverse .slick-slide{
    transform:rotate(180deg);
}

.vision_slider .item.slick-slide {
    /*transform: rotate(-11deg) scale(0.6) translate(12vw, 8vw);*/
        transform: rotate(-11deg) scale(0.75) translate(25vw, 5vw);
    z-index: -1;
    position: relative;
    opacity: 0;
}

.vision_slider .item.slick-slide.slick-current.slick-active + div {
  /*transform: none;*/
  z-index: 1;
  /*transform: rotate(0deg) scale(0.8) translate(-8vw, 3vw);*/
      transform: scale(1);
}
.vision_slider .item.slick-slide.slick-active figure img {
    /*width: 35.938rem !important;*/border-radius: 10px;object-fit: cover;
}
.vision_slider .item.slick-slide.slick-current.slick-active + div + div {
    /*transform: rotate(8deg) scale(0.6) translate(-28vw, 7vw);*/
    transform: rotate(8deg) scale(0.75) translate(-25vw, 4vw);
    z-index: -1;
    position: relative;
}
.vision_slider .item.slick-slide.slick-active{opacity: 1}

.vision_slider * {
    transition: 1s;
}
.clientsWrap{
    background: #ffffffc7;
    bottom: -3.7vw;
    width: 17.5rem;
    text-align: center;
    border-radius: 1vw;
    backdrop-filter: blur(5px);
}
.clientsWrap strong{
  font-size: 150%;
}

/**********************************************************
            FOOTER SECTION
***********************************************************/
footer {
  overflow: visible;
  margin-top: 4rem;
  
}
footer .footerInr{
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  padding: 0rem 0rem 4rem;
}

.info-txt {display: flex;gap: 1rem;flex-direction: column;flex-wrap: nowrap;align-content: center;}
.foot-logo {width: 14rem;}
.foot-logo img {width: 100%;}
.info-txt a {color: #000 !important;}
.info-txt .info-icon {background: #f4f4f4;width: 2.5rem;height: 2.5rem;display: flex !important;align-items: center;justify-content: center;border-radius: 6px;min-width: 2.5rem;}
footer ul.footer_list li {margin-bottom: 1rem;}
footer ul.footer_list .info-txt .info-icon a svg {width: 1.25rem;margin-top: -0.313rem;}
footer .footerInr h5 {margin-bottom: 1.5rem;}




.home-section-five {padding-top: 3rem;}
.news-bx {
background: rgb(1,47,85);
background: linear-gradient(125deg, rgba(1, 47, 85, 1) 0%, rgba(89, 187, 228, 1) 100%); border-radius: 20rem;padding: 4vw 10vw;position: relative;}
.news-bx figure {
 background: #fff;
 border-radius: 50%;
 padding: 3vw 1.5vw;
 right: -2vw;
 top: -7.3vw;
 position: absolute;
}
.news-bx h2 {
  font-size: 3.25rem;
  line-height: 3.875rem;
  color: #fff;
}
.news-bx h2 + p {
  color: #fff;
  font-size: 1.063rem;
  line-height: 1.625rem;
  margin: 0;
}

.news-bx form input {
  height: 3.125rem;
  border-radius: 0px;
  font-size: 1rem;
  color: #000;
}
.news-bx .ContactForm input.submit-btn {
  width: auto;
  padding: 0.625rem 2.188rem;
  background-color: transparent;
  color: #fff;
  transition: 1s;
  border: 1px solid #fff;
  margin-top: 1.5rem;
}
.news-bx form input.sbmt-btn {padding: 10px !important;border: 1px solid #32b1d1;color: #fff;transition: 0.5s ease-in-out;background: #32b1d1;line-height: 1 !important;height: 3.125rem;width: 10.313rem;margin-top: 1.25rem;}
.news-bx form input.sbmt-btn:hover{background: #fff; color: #32b1d1}

.news-bx .yikes-easy-mc-form input[type=email] {margin-bottom: 0;background: #fff; border: 0;}
.news-bx .yikes-easy-mc-submit-button {margin-top: 1rem !important;width: auto !important;}

footer .cl-two-deta {
  padding-left: 5.188rem;
}
footer ul.footer_list {
  list-style: none;    
  gap: 2.4rem !important;
}
footer ul.footer_list li a {
  color: #000 !important;text-transform: uppercase;
}
footer a:hover, footer ul.footer_list li a:hover {
  color: #32B1D1 !important;
}
footer .cntct-add h5 {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin: 0;
  color: #ffff;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
footer .cntct-add  p {
  font-size: 1rem;
  line-height: 2rem;
  color: #fff;
}
footer .social-icon a:hover {
  color: #32B1D1; transform: translateY(5px);
}
footer .cntct-data p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
  color: #fff;
}
footer .cntct-data a {
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  text-decoration: none;
}
footer .cntct-data  .cntct-phn {
  margin-bottom: 2.5rem;
}
footer .cl-three-data {
  padding-top: 5rem;
  position: relative;
}
footer .cl-three-data::before {
  content: '';
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 0.063rem;
  background-color: #6969697a;
  margin: 0 auto;
}
footer .copyrghts{padding: 1rem 0rem}
footer .copyrghts p {
    font-size: 85%;
    margin: 0;
}
.secMarquee {
  background: #6CD4E3; position: relative;
  padding: 2.5rem 0;
  font-size: 10vw;
  color: rgb(255 255 255 / 40%);line-height: 1;
}
.clr-white {
color: #fff;
}
.clr-Blue {
color: #6CD4E3;
}
.clr-Black {
color: #000;
}
.ft-reg {
font-weight: 400;;
}

.home-banner-slider {position: absolute;inset: 0;height: 100%;display: flex;}
.home-banner-slider .slick-dots {bottom: 1rem;}
.home-banner-slider .slick-dots li {margin: 0 0.1rem;}
.home-banner-slider .slick-dots li button:before {color: #fff;font-size: 3.125rem;transition: 0.75s;opacity: 1;}
.home-banner-slider .slick-dots li.slick-active button:before {color: #32b1d1;}
/**********About us css**********/
.inner-banner {position: relative;}
.inner-banner:after {content: '';background: url(https://tech.digitalsetgo.com/petrodeniz_web/wp-content/uploads/2025/02/Rectangle-18456.png);position: absolute;bottom: 0vw;width: 100%;height: 100%;background-repeat: no-repeat !important;background-position: bottom !important;background-size: contain;}
.inner-banner:before {content: '';background: url(https://tech.digitalsetgo.com/petrodeniz_web/wp-content/uploads/2025/02/Rectangle-59.png);position: absolute;top: 0vw;width: 100%;height: 100%;background-repeat: no-repeat !important;background-position: top !important;background-size: contain;}
.inner-banner .inner-head .elementor-widget-container h1 {color: #fff !important;font-family: 'Gilroy' !important;position: relative;z-index: 99;line-height: 1.2}
.main-section {padding: 5rem 0;}
.abt-smll {margin-bottom: 0 !important;}
.abt-smll h6 {color: rgb(0 0 0 / 60%) !important;font-family: 'Matter' !important;}
.main-heading h2 {font-family: 'Gilroy' !important;color: #000 !IMPORTANT}
.theme-p p {color: rgb(35 31 32 / 80%);font-family: 'Matter' !important;}
.elementor-inner-section .elementor-counter-number-wrapper {border-bottom: 1px solid rgb(21 21 21 / 20%);padding: 0 0 1.25rem 0;margin-bottom: 0.5rem;}
.elementor-inner-section .elementor-widget-counter {margin-bottom: 0 !important;}
.elementor-inner-section span.elementor-counter-number {color: #000 !important;}
.elementor-inner-section span.elementor-counter-number-suffix {color: #32B1D1;}
.elementor-inner-section .elementor-counter-title {line-height: normal;}
.elementor-inner-section .elementor-widget-text-editor {color: rgb(0 0 0 / 70%);}
.theme-spn span {color: #464E55 !important;}
.wpcf7 form .wpcf7-response-output{margin-inline:0}
.list ul {column-count: 3;margin-bottom: 0;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 1.5rem 2.45rem;}
.list ul li {line-height: 2;color: #000 !important;}
.list ul li::marker {color: #32B1D1;font-size: 1.25rem;}
.what-sec3 .theme-spn span {color: #000 !important; font-size: 1.5rem}
.boxes {max-width: 24.2%;}
.what-inner .elementor-container {justify-content: center;gap:0 1.5rem;}
.boxes .theme-spn span {color: #fff !important;font-family: 'Gilroy' !important;}
.boxes .elementor-widget-wrap {min-height: 14.375rem;padding: 1.875rem !important;justify-content: end;flex-direction: column;}
.boxes .theme-spn {margin-bottom: 0;}
.boxes .theme-p p {color: rgb(255 255 255 / 50%);}
.boxes .theme-p {margin-bottom: 0;}
.Contact-Form input, textarea.form-control {background:transparent !important;border: none;border-bottom: 1px solid rgb(21 21 21 / 40%);border-radius: 0;padding: 0 0 10px 0;}
.Contact-Form input.form-control::placeholder {color: rgb(21 21 21 / 40%);font-size: 0.875rem;}
.Contact-Form input.form-control:focus {box-shadow: none;border-bottom: 1px solid #32b1d1;}
.Contact-Form textarea.form-control {height: 66px;resize: none;}
.Contact-Form textarea.form-control::placeholder {color: rgb(21 21 21 / 40%);font-remize: 0.875rem;}
.Contact-Form textarea.form-control:focus {box-shadow: none;border-bottom: 1px solid #32b1d1;}
.Contact-Form input.wpcf7-submit {display: inline-block;padding: 0.75rem 2.375rem 0.75rem 2.313rem;background: #32b1d1 !important;border: 1px solid #32b1d1;color: #fff;text-decoration: none;transition: 0.5s ease-in-out;position: relative;z-index: 1;margin-bottom: 0;}
.get-heading h2 {font-size: 2rem;font-family: 'Gilroy' !important;}
.elementor-icon-box-icon {background: #f4f4f4;width: 2.5rem;height: 2.5rem;display: flex !important;align-items: center;justify-content: center;border-radius: 6px;}
.elementor-icon-box-icon svg {width: 1.25rem;}
.elementor-icon-box-icon a i { font-size: 1.25rem;color: #32B1D1}
.elementor-icon-box-content h3 a {font-size: 0.938rem;font-weight: 600 !important;font-family: 'Matter' !important;color: #151515 !important;}
.elementor-icon-box-content p {font-size: 0.938rem;font-family: 'Matter' !important;font-weight: 300 !important;}
.blog-detail-one .theme-p {margin-bottom: 0;}
.blog-listng .blog_post {margin-bottom: 1.25rem !important;}
/*.blg-btn a {padding: 1rem 1.313rem 1.063rem 1.313rem !important;border: 1px solid #32b1d1;color: #fff !important;transition: 0.5s ease-in-out;}
.blg-btn a:hover {background: #fff !important;;transition: 0.75s;color: #000 !important;}*/
.related-sec .main-section {padding-top: 2rem !important;padding-bottom: 0 !important;}
.pagination a, span.page-numbers.current {background: #32B1D1;width: 3.75rem;height: 3.75rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #fff !important;font-size: 20px;}
.pagination a {background: #F4F4F4;color: #151515 !important;}
.gallery-section {padding-top: 2rem;}


/***************************************/
.team-counter span.elementor-counter-number-suffix { display: none; }
.team-counter .elementor-counter-number-wrapper {margin-bottom: 0;border: none;padding: 0 0 2rem;}
.team-counter .elementor-counter-number-wrapper span.elementor-counter-number { font-size: 5.375rem; color: #003241 !important; }
.team-counter .elementor-counter-title { font-size: 1.125rem; font-family: "Gilroy-Regular", Sans-serif !important; color: #32B1D1; }
.msgSliderInr {margin: 0 -76vw 0 0;}
.msgSliderInr  .msgSliderWrpr {margin: 0 3.75rem 0 0;}
.chairmen-slider-innr .men-img {position: relative;}
.chairmen-slider-innr .msgSliderWrpr.slick-slide .men-img::after {content: '';position: absolute;top: 0;right: 0;bottom: auto;background: #fff;opacity: 40%;width: 26.875rem;height: 31.25rem;}
.chairmen-slider-innr .msgSliderWrpr.slick-slide.slick-current.slick-active .men-img::after {content: none}
.chairmen-qoute img:last-child {position: absolute;right: 1.25rem;bottom: 0;}
.chairmen-qoute { position: relative; }
.chairmen-slider-innr span {color: #32B1D1;font-size: 1.625rem;}
.team-members .team-mate {filter: grayscale(1);transition: 0.75s;}
.team-members .team-mate:hover {filter: none;}
.team-members .team-mate:hover h4 {color: #32B1D1;}
.team-members .team-mate h4 {transition: 0.75s;}
.what-inner .boxes .elementor-widget-wrap {padding: 1.875rem !important;min-height: 11.25rem;}
.what-inner .boxes .theme-spn span {font-size: 1.5rem;}
.what-inner .boxes .theme-p p { margin: 0; }
.what-abt-sec h2 {color: #fff !important;}
/*.what-abt-sec:before {content: '';position: absolute;top: 0;left: 0;background: linear-gradient(90deg, rgba(0,50,65,1) 0%, rgba(0,50,65,0.85) 46%, rgba(0,50,65,0) 91%);width: 100%;height: 100%;}*/
.secBlog .blogs-data {transform: translateY(200px);}
.products-box h3 { color: #1A4956 !important;}
.services-page-sec h4 {font-size: 1.5rem;color: rgb(0 0 0 / 60%) !important}
/*.certificate-box .elementor-widget-wrap {padding: 0 !important;width: 10.125rem;height: 14.375rem;}*/
.secAbout::after, .abt-team::after, .services-page-sec::before { content: ''; z-index: -1; position: absolute; top: auto; bottom: 0; left: 0; width: 64.938rem; height: 30.813rem; background-image: url('../images/pattern.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.abt-team::after {top: 0; bottom: auto;}
.services-page-sec::before {margin: 0 auto; inset: 0; bottom: auto; top: 3.75rem;}
.certificate-box {padding: 2.813rem 3.625rem;border: 1px solid rgb(97 96 96 / 20%);background: rgb(244 244 244 / 20%); display: flex; justify-content: center;}
.certificate-box .elementor-widget-wrap {padding: 0 !important;width: 10.125rem;height: 14.375rem;}
.certificate-section .elementor-grid { grid-column-gap: 1.25rem !important; }
footer .copyrghts p a { color: #212529 !important; }
.prdct-range::before {content: '';position: absolute;top: 0;left: 0;width: 0;background: #d4e5ea;height: 100%;z-index: -1;transition: 0.75s;}
.prdct-range:hover::before {width: 100%;}
.prdct-range * {transition: 0.75s;}
.prdct-range { padding: 0.5rem 0;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {border-color: #32b1d1;}



.offcanvas {background: url(../images/menuBg.png) no-repeat;background-size: cover;width: 29.3% !important;border: 0 !important;padding: 5rem 3.5rem 3rem;overflow: hidden auto;}
.offcanvas-body::-webkit-scrollbar, .offcanvas-backdrop {display: none;}
.offcanvas .menu li {margin-bottom: 1rem;position: relative;}
.offcanvas .menu span.dropArr {position: absolute;top: 12px;right: 0px;}
.offcanvas .menu .drop-menu > a {display: inline-block;vertical-align: middle;margin-right: 1.5rem;}
.offcanvas .menu li:last-child {margin-bottom: 0}
.offcanvas .menu a {font-size: 1.75rem;color: var(--primary-color);display: inline-flex;justify-content: flex-end;align-items: center;}
.offcanvas .menu span {cursor: pointer;}
.offcanvas .menu span svg {transition: 0.5s}
.offcanvas .menu span.active svg {transform: rotateX(180deg);}
.offcanvas .sub-menu {position: relative;padding: 1.5rem;transition: 0s;display: none;background: #fff;box-shadow: 0 0 2px #ccc;margin: 2px;}
.offcanvas .sub-menu li a {font-size: 1.2rem;text-transform: uppercase;}
.offcanvas .btn-close {background: transparent;padding: 0;width: auto;height: auto;opacity: 1;box-shadow: none !important;margin: 0;position: absolute;top: 1rem;right: 1rem;}
.offcanvas .wrap span {background: transparent !important;border: 1px solid #32b1d1}
.offcanvas .wrap:last-child a {max-width: 75%}
.offcanvas .burgermenu {width: 3rem;height: 3rem;padding: 0;transition: 0.5s ease;outline: none;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--primary-color);backdrop-filter: blur(15px);transition: 0.75s}
.offcanvas .burgermenu:hover {background: rgb(16 50 85 / 60%)}
.offcanvas .burgermenu svg * {transition: 0.75s}
.offcanvas .burgermenu:hover svg path:nth-child(2) {transform: translateX(5px);}
.offcanvas .burgermenu:hover svg path:nth-child(3) {transform: translateX(12px);}
.offcanvas-body .navbar-nav li a {color: #000 !important;font-size: 1.75rem}
.offcanvas .contactInfo { margin: 1rem 0 0;}
.offcanvas .social-icons {display: flex;gap: 0.75rem;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;margin-top: 2rem;}
.offcanvas .social-icons li {list-style: none;}
.offcanvas .social-icons li a {position: relative;border: 1px solid #32b1d1;overflow: hidden;border-radius: 50%;height: 2.5rem;width: 2.5rem;display: flex;justify-content: center;align-items: center;background: #32b1d1;z-index: 1}
.offcanvas .social-icons li a::after {content: '';position: absolute;inset: 0;background: var(--primary-color);transform: scale(0);transition: 0.75s;z-index: -1;border-radius: 50%}
.offcanvas .social-icons li a:hover::after {transform: scale(1);}
.offcanvas .social-icons li a svg path {transition: 0.75s}
.offcanvas .social-icons li a:hover svg path {fill: #fff;}
.offcanvas span {display: flex;align-items: center;justify-content: center;width: 2.5rem;min-width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #F4F4F4}
.offcanvas span svg{width: 1rem;height: auto;}
.offcanvas .wrap a {color: #000 !important;text-align: end;}
.offcanvas .wrap a:hover {color: #32b1d1 !important;}
.scrolltop {position: fixed;right: 1%;bottom: 15%;z-index: 999;background: #fff;height: 2.5rem;width: 2.5rem;box-shadow: 0 0px 4px #32B1D1;display: flex;align-items: center;justify-content: space-evenly;border-radius: 0.5rem;cursor: pointer;animation: pulse 1s infinite ease-in-out alternate;}
@keyframes scrolltop {from { transform: scale(1); }to { transform: scale(1.5); }}

.error-section .btn{min-width: 13rem}

@media (min-width: 992px) {
  :root { --left-to-right-nil: polygon(0 0, 0 0, 0 100%, 0 100%); --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%); --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0); --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%); --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  img.wow { clip-path: var(--bottom-to-top-nil); transition: all 2s ease 0.25s; transform: translateY(40%); opacity: 0; }
  img.animated { clip-path: var(--bottom-to-top-fil); transform: translateY(0px); opacity: 1; }
  .offcanvas .navBar li, .offcanvas .contactInfo .wrap, .offcanvas .social-icons li{transform: translateX(100%);transition: 0.75s;opacity: 0;transition-delay: 0s}
  .offcanvas.show .navBar li, .offcanvas.show .contactInfo .wrap, .offcanvas.show .social-icons li{transform: none;opacity: 1}
  .offcanvas.show .navBar li:nth-child(2){transition-delay: 0.2s}
  .offcanvas.show .navBar li:nth-child(3){transition-delay: 0.4s}
  .offcanvas.show .navBar li:nth-child(4){transition-delay: 0.6s}
  .offcanvas.show .navBar li:nth-child(5){transition-delay: 0.8s}
  .offcanvas.show .navBar li:nth-child(6){transition-delay: 1s}
  .offcanvas.show .contactInfo .wrap:nth-child(1){transition-delay: 1.2s}
  .offcanvas.show .contactInfo .wrap:nth-child(2){transition-delay: 1.4s}
  .offcanvas.show .contactInfo .wrap:nth-child(3){transition-delay: 1.6s}
  .offcanvas.show .social-icons li:nth-child(1){transition-delay: 1.8s}
  .offcanvas.show .social-icons li:nth-child(2){transition-delay: 2s}
  .offcanvas.show .social-icons li:nth-child(3){transition-delay: 2.2s}
  .offcanvas.show .social-icons li:nth-child(4){transition-delay: 2.4s}
  .trans-anim li, .logo-anim svg path{transform: translateY(20%);opacity: 0;transition: 0.75s;}
  .trans-anim.animated li, .is-visible .logo-anim path, .offcanvas.show path{transform: none;opacity: 1;}
  .trans-anim li:nth-child(1), .is-visible .logo-anim path:nth-child(1), .offcanvas.show path:nth-child(1){transition-delay: 0.2s;}
  .trans-anim li:nth-child(2), .is-visible .logo-anim path:nth-child(2), .offcanvas.show path:nth-child(2){transition-delay: 0.4s;}
  .trans-anim li:nth-child(3), .is-visible .logo-anim path:nth-child(3), .offcanvas.show path:nth-child(3){transition-delay: 0.6s;}
  .trans-anim li:nth-child(4), .is-visible .logo-anim path:nth-child(4), .offcanvas.show path:nth-child(4){transition-delay: 0.8s;}
  .trans-anim li:nth-child(5), .is-visible .logo-anim path:nth-child(5), .offcanvas.show path:nth-child(5){transition-delay: 1s;}
  .trans-anim li:nth-child(6), .is-visible .logo-anim path:nth-child(6), .offcanvas.show path:nth-child(6){transition-delay: 1.2s;}
}

@media (width >= 1600px) {
    html {
        font-size: 110%;
        -webkit-text-size-adjust: 100%;
    }
}

@media (width >= 1825px) {
    html {
        font-size: 115%;
        -webkit-text-size-adjust: 100%;
    }
}

@media (width >= 2030px) {
    html {
        font-size: 130%;
        -webkit-text-size-adjust: 100%
    }
}

@media (width >= 2700px) {
    html {
        font-size: 140%;
        -webkit-text-size-adjust: 100%;
    }
}