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




* { margin: 0; padding: 0;box-sizing:border-box}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }

table { border-collapse: collapse; border-spacing: 0 }
a { color: #000; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
/*Reset CSS end*/
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{outline:none}
::-webkit-input-placeholder {opacity: 1;  font-family: 'Brooklyn Normal'; color:#1c1b17;font-size:13px;letter-spacing: 1px}
:-moz-placeholder { /* Firefox 18- */opacity: 1; font-family: 'Brooklyn Normal'; color:#1c1b17;font-size:13px;letter-spacing: 1px}
::-moz-placeholder {  /* Firefox 19+ */opacity: 1; font-family: 'Brooklyn Normal'; color:#1c1b17;font-size:13px;letter-spacing: 1px}
select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
:-ms-input-placeholder {opacity: 1;color:#565459;font-size:13px;letter-spacing: 1px}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
/* global classes */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}
body{margin: 0px;padding: 0px;font-size: 16px;line-height: 1.2;font-family: 'Brooklyn Normal', sans-serif;color: #1c1b17;background: #fafafa;letter-spacing: 0.5px;font-weight: 300;}
.leftcontent{float: left}
.rightcontent{float: right}
.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.clear{clear: both;}
.container{width:97%;margin: 0 auto;max-width: 1400px;}
.sprite{background: url(../images/sprite.png) no-repeat top left}
.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none}
.ibvm{display:inline-block;vertical-align:middle}
.ibvt{display:inline-block;vertical-align:top}
.ibvb{display:inline-block;vertical-align:bottom}
html{scroll-behavior: smooth}
.commonpadding{padding: 80px 0}
.whitetext{color: #fff !important}
.bluetext{color: #16497f !important}
.width100per{width: 100%}
.img-fluid{max-width: 100%;height: auto}



/* HERO */
.hero {
  position: fixed;
  inset: 0;
  z-index: 1;
    width: 100%;
    background: #1c1b17;
}

.hero img {
    position: absolute;
    width: 40%;
    height: auto;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.hero img.active {
  opacity: 1;
}
.herotext {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 40px;
    text-align: center;
    width: 72%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#typeTarget{
  visibility: hidden;
}
#typeTarget.typing{
  visibility: visible;
}
/* Cursor */
#typeTarget::after{
    content:"|";
    margin-left:3px;
    animation:blink 0.8s infinite;
}

@keyframes blink{
    0%,50%{opacity:1;}
    51%,100%{opacity:0;}
}
.highlight {color: #1abbef}
/*
.word {
    display: inline-block;
    opacity: 0;
}
*/
/* CONTENT OVERLAY */
.content {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  background: #f8f8f8;
  transform: translateY(100%);
  clip-path: inset(100% 0 0 0);
  transition: transform 2s ease, clip-path 2s ease;
}

.content.reveal {
  transform: translateY(0);
  clip-path: inset(0 0 0 0);
}

.videowrapper iframe {
    width: 100%;
    height: 100vh;
}
.content2 {
    position: relative;
    z-index: 3;
    min-height: calc(100vh - 276px);
    background: #f8f8f8;
}
.videowrapper {
    line-height: 0;
}

.slide-in-bl {
    -webkit-animation: slide-in-bl 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-bl 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-bl {
  0% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
            transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bl {
  0% {
    -webkit-transform: translateY(1000px) translateX(-1000px);
            transform: translateY(1000px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

/* NORMAL SECTIONS */
.sectionposrel {
    background: #fff;
  padding: 100px 0;
  position: relative;
  z-index: 2;
    top: -1px;
}

.header {padding: 20px 0; background: #f8f8f8;;position: relative;z-index: 99}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.rightnav {
    display: flex;
    justify-content: flex-end;
    width: 85%;
    align-items: center;
}

.navigation {
    display: flex;
    gap: 20px;
    margin-left: 10%;
    align-items: center;
}

.navigation a {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.connectlinkheader {
    font-size: 19px;
    
    font-weight: 400;
}
.connectlinkheader a {
    text-transform: uppercase;
}

.connectlinkheader a img {
    margin-left: 5px;
}

.title{
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 400;
}
.title2{
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 400;
}
.expertisinfo p {
    font-size: 20px;
    line-height: 1.5;
}

.sec1textblock {
    padding: 60px 0 0;
}

p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px
}
p:last-child{margin-bottom: 0}
.sec1banner{
    margin-top: 60px;
}
.rightelement {
    position: absolute;
    right: 0;
    top: 15%;
    width: 40%;
    z-index: -1;
}
.leftelement {
    position: absolute;
    left: 0;
    bottom: -32%;
    width: 32%;
    z-index: -1;
}
.twoblockwrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.leftblock {
    width: 48%;
}

.rightblock {
    width: 50%;
}

.sectiontitle {
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 30px;
    font-weight: 600;
    background: #1abbef;
    color: #fff;
    font-family: 'Brooklyn-bold';
}


.twoblockwrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.link {
    text-transform: uppercase;
    font-size: 16px;
    margin: 50px 0 0;
    display: inline-block;
    position: relative;
    font-weight: 400;
}
.link:after {
    width: 75px;
    height: 1px;
    content: "";
    background: #000;
    left: 0;
    position: absolute;
    bottom: -10px;
    animation: lineanim 2s ease infinite alternate;
}
.productmore:after {
    width: 40px;
    height: 2px;
    content: "";
    background: #1abbef;
    left: 0;
    position: absolute;
    bottom: -10px;
    animation: lineanim 2s ease infinite alternate;
}
.newswrapperinner .productmore:after{
    background: #fff;
}
@keyframes lineanim {
  from {
    width: 0
  }
  to {
    width: 40px
  }
}
.link img {
    margin-left: 10px;
    transition: 0.5s ease all;
}

.link:hover img {
    transform: rotate(45deg);
}
.twoblockwrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.leftblock {
    width: 48%;
}

.rightblock {
    width: 50%;
}


.expertistitle{
    font-size: 20px;
    margin: 10px 0;
    font-family: 'Brooklyn-semibold';
    color: #fff;
}

.expertisinfo p {
    font-size: 18px;
    line-height: 1.5;
}

.expertisinfo .link {
    margin: 30px 0 0;
}
.expertisinfo .link:after {
    width: 30px;
    animation: lineanim2 2s ease infinite alternate;
}
.expertisinfo p {
    font-size: 14px;
    color: #fff;
}

.eventdate {
    color: #fff;
    font-size: 14px;
}
@keyframes lineanim2 {
  from {
    width: 0
  }
  to {
    width: 30px
  }
}
.expertisewrap {
    background: #f9f9f9;
}

.expertisebottomwrap {
    display: flex;
    margin-top: 50px;
}

.expertiseblock {
    width: 25%;
    padding: 0 25px;
    border-left: 1px solid rgba(0,0,0,0.2);
}

.expertiseblock:last-child {border-right: 1px solid rgba(0,0,0,0.2);}

.whychoosewrapper{
    background: url(../images/whychoosebg.webp) no-repeat top center;
    background-size: cover;
    padding: 100px 0;
}

.whychooseinfowrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.whychooseinfoblock.emptywhyblock {
    background: none;
    backdrop-filter: none;
}
.whychooseinfoblock {
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.74);
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 20px 20px 0;
    backdrop-filter: blur(8px);
}

.whychoosetitle {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Brooklyn-semibold';
}
.whychoosebottomblock {
    margin-top: 20px;
}

.whychoosebottomblock p {
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
}
.whychooseinfoblock.lightbgwhyinfo {
    background: rgba(0, 0, 0, 0.49);
}
.whychooseinfoblk1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}
.whychooseno {
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 30px;
    position: relative;
    padding-left: 22px;
    float: right;
    margin-right: 20px;
    width: 30%;
    text-align: right;
}

.whychooseno:before {
    background: #1abbef;
    width: 20px;
    height: 3px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 18px;
}
.whychooseicon {
    width: 40px;
}
.logo-marquee {
  background: #fff;
  padding: 60px 0;
  overflow: hidden;
    position: relative;
}
.logo-marquee:before {
    position: absolute;
    content: "";
    background: url(../images/clientleftbg.webp) no-repeat left center;
    background-size: cover;
    left: 0;
    top: 0;
    width: 270px;
    height: 100%;
    z-index: 1;
}
.logo-marquee:after {
    position: absolute;
    content: "";
    background: url(../images/clientrightblock.webp) no-repeat right center;
    background-size: cover;
    right: 0;
    top: 0;
    width: 270px;
    height: 100%;
    z-index: 1;
}
.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 25s linear infinite;
}

.marquee.reverse .marquee-track {
  animation-direction: reverse;
}

.logo-box {
  min-width: 100px;
    max-width: 150px;
  height: 95px;
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

/*
.logo-box img {
  max-width: 160px;
  max-height: 80px;
  object-fit: contain;
}
*/

/* animation */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.clientswrapper  .leftblock {
    width: 55%;
    padding: 100px 0;
}

.clientswrapper .rightblock {
    width: 40%;
}
.partenerinfo1 {
    font-size: 20px;
}

.partenerinfo2 {
    font-size: 16px;
    margin: 20px 0;
}

.partenerinfo .sectiontitle img {
    margin-left: 10px;
}
.voicestopblock {}
.voiceswrapper .partenerinfo2{font-size: 14px;}
.voicesmsg {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    width: 90%;
}

.voicesbottomblock {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.voicesname {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Brooklyn-semibold';
    font-style: italic;
    color: #fff;
    
}

.voicesnameblock p {
    text-transform: uppercase;
}

.voiceswrapper {background: #1abbef;padding: 0}
.voiceswrapper .leftblock {
    width: 58%;
    padding: 120px 0;
}


.voiceswrapper .rightblock {
    position: relative;
    width: 40%;
}

.quote {
    position: absolute;
    top: 80px;
    width: 70px;
    left: 35%;
}

.voicesslider {
}

.voiceswrapper .slick-arrow {background-color: #bbbbbb;border: none;}
.voiceswrapper .leftblock{}
.voiceswrapper .slick-prev {
    left: auto;
    right: 55%;
    bottom: -35%;
    background: url(../images/prev.webp) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    top: auto;
}

.voiceswrapper .slick-next {
    right: 45%;
    bottom: -35%;
    background: url(../images/next.webp) no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    transform: none;
    top: auto;
}
.voicesimg {
    width: 110px;
}
.footerblock2{
    background: #fff;
    top: -1px;
    padding: 60px 0;
}

.projectstabwrap {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.projectstabwrap .tabs {
    width: 400px;
    margin-top: 120px;
    display: block;
}
.projectstabwrap .tabs .tabitm {
    color: #d2d2d2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    padding: 20px 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Brooklyn-bold';
}
.projectstabwrap .tabs .tabitm.activetabitm {
    color: #000000;
}
.tabdataitm {
    opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.5s ease, transform 0.5s ease;
    height: 0;
        margin-left: 6%;
}
.tabdataitm.activetabdataitm {
    opacity: 1;
    height: auto;
  transform: scale(1);
        margin-left: 0%;
}
.stacked-layout {
  padding: 80px 0;
}

.container2 {
    display: flex;
    align-items: center;
    position: relative;
}

/* IMAGE */
.image-wrap {
  position: relative;
  width: 50%;
  z-index: 7;
    border: 1px solid #1abaef;
    background: #fff;
}

.image-wrap img {
  width: 100%;
  display: block;
}
.image-wrap .productmore img {
    width: auto;
}

.image-wrap .productmore {
    display: flex;
    align-items: center;
    gap: 10px;
}
.productcatinfo {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.label {
    font-size: 18px;
    font-weight: 400;
}


.panel .productcatinfo img {
    width: auto;
    height: auto;
}

.productcatinfoleft .label {
    width: 100%;
    display: flex;
}

.productcatinforight {
    width: 50px;
    height: 50px;
}

.productcatinforight .projectarrow {
    width: 100% !important;
    height: auto !important;
    background: none !important;
}

/* PANELS */
.panel-stack {
    width: 50%;
    height: 100%;
    transition: 0.5s ease all;
    
}

.panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background: rgba(0, 0, 0, 0.1);
    transition: 0.5s ease all;
    background: #1abaef;
    border: 1px solid #1abaef;
        height: 100%;
}

/* staggered depth */
.p1 {left: 0;z-index: 4;}
.p2 {left: 8%;}
.p3 {left: 16%;z-index: 2;}
.p4 {left: 24%;z-index: 1;}
.p5 {left: 32%;}

.tabdata {
    width: 70%;
}
.panel-stack img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    transition: 0.5s ease all;
    background: #fff;
}

.panel.p2 {
    z-index: 3;
    display: block;
}
.p1 img {
    opacity: 0.7;
}
.panel.p2 img {
    opacity: 0.6;
}



.panel.p3 img {
    opacity: 0.5;
}

.panel.p4 img {
    opacity: 0.4;
}

.panel.p5 img {
    opacity: 0.3;
}
.projectstabwrap .tabs .tabitm img {
    visibility: hidden;
    opacity: 0;
}

.projectstabwrap .tabs .tabitm.activetabitm img {
    visibility: visible;
    opacity: 1;
}
.panel-stack .panel:hover {
    z-index: 99;
}



.panel-stack .panel:hover img {
    opacity: 1;
    object-fit: contain;
    background: #fff;
}

.footerblockwrapper {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footersocialwrap {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.footerblock {
    width: 20%;
}

.footerblock li a, .footerblock p a {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3;
    margin: 10px 0;
    display: inline-block;
    opacity: 0.8;
    font-weight: 400;
}

.footerlinksttl {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
    margin: 10px 0;
    display: inline-block;
    font-weight: 400;
    width: 100%;
}

.footerblock p {text-transform: uppercase;font-size: 15px;line-height: 1.3;margin: 10px 0;display: inline-block;opacity: unset;opacity: 0.8;width: 100%}

.footerblock p {
    margin: 0 0 10px;
    line-height: 1.6;
}

.footerblock:nth-child(1) {
    width: 33%;
}

.footerblock:nth-child(3) {
    width: 33%;
}

.footercopywrite {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.3;
    margin: 10px 0;
    display: inline-block;
    opacity: unset;
    opacity: 0.8;
    text-align: center;
    display: block;
    padding: 40px 0 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    margin-top: 40px;
}
.mail a {
    text-transform: none !important;
}
 .product-strip {
    display: flex;
    height: calc(100vh - 276px);
    gap: 0;
    overflow: hidden;
    background: #fff;
     margin-top: 4vh;
  }

.product-card {
    position: relative;
    flex: 1;
    min-width: 230px;
    transition: flex 0.7s ease;
    border-right: 1px solid #eaeaea;
    outline: none;
    cursor: pointer;
    background: #fff;
    padding: 15px 0 35px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

  /* Active card becomes wider */
  .product-card.active {
    flex: 3.3;
      background: #dcf5fc;
  }

.card-media {
    /* position: absolute; */
    inset: 0;
    transition: opacity 0.35s ease;
    display: flex;
    align-items: center;
    height: 68%;
    /* top: 5%; */
    width: 100%;
}

  .product-card.active .card-media {
    opacity: 1;
    height: 64%;
  }
.card-media img {
    display: block;
    object-position: right center;
    height: auto;
    object-fit: contain;
    height: 100%;
}

  /* dark overlay like your screenshot */
/*
  .product-card.active::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.15),
      rgba(0, 0, 0, 0.75)
    );
    pointer-events: none;
  }
*/

/*
  .card-content {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 26px;
    z-index: 2;
  }
*/
.card-content{padding: 15px 0 0 15px;width: 100%; padding-top: 0; margin-bottom: 25px;}

  .card-content h3 {
    margin: 0 0 5px;
    font-size: 20px;
  }

  .card-content p {
    margin: 0 0 10px;
    font-size: 13px;
    opacity: 0.85;
    max-width: 520px;
    line-height: 1.4;
      transition: 0.5s ease all;
  }

  .card-content a {
    font-size: 13px;
    text-decoration: none;
    color: #14b8ff;
  }

  /* In inactive cards show only text, hide image */
  .product-card:not(.active) .card-content p {
    display: none; /* optional: keeps small cards cleaner */
  }
.productimg {
    height: auto;
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.productno {
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 35px;
    position: relative;
    padding-left: 22px;
    float: right;
    margin-right: 30px;
    width: 100%;
    text-align: right;
}
.productno:before {
    background: #1abbef;
    width: 25px;
    height: 3px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
}
.productmore {
    color: #1abbef;
    font-size: 16px;
    display: inline-block;
    line-height: 1;
    position: relative;
    
}
.container .productmore {
    margin-top: 20px;
}
.countertitle {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Brooklyn-bold';
    text-transform: uppercase;
    margin-bottom: 30px;
    width: 100%;
}
.counterwrapper {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.counterinfo {
    font-size: 18px;
}
.counternumber {
    font-family: 'Brooklyn-semibold';
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 10px;
}
.counterblock {
    width: 45%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(26,187,239,0.2);
    margin-right: 30px;
}

.counternumber .extracounertext {
    font-size: 18px;
}
.productinfo, .productinfo2 {
    font-size: 14px;
    line-height: 1.2;
    margin: 10px 0;
}
.productname {
    font-size: 30px;
    line-height: 1;
    font-weight: normal;
}
.product-card.active .productimg {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
}

.productimg {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.productimg2 {
    height: 0;
    visibility: hidden;
    opacity: 0;
    width: 0;
}

.product-card.active .productimg2 {
    height: auto;
    visibility: visible;
    opacity: 1;
    width: 70%;
    margin: 0 auto;
}
.aboutsection  .leftblock{
    width: 45%
}
.aboutsection  .rightblock {
    position: relative;
    line-height: 0;
    top: 100px;
    width: 55%
    
}

.aboutsection .accuralogosign {
    width: 60%;
    right: 6%;
    position: absolute;
}

.aboutimg {
    position: relative;
    top: 100px;
}
.text-focus-in {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.whitebgtitle{background: #fff;color: #1abbef}

.videoimg{width: 100%}
.videotitle {
    position: absolute;
    bottom: 15%;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    text-shadow: 2px 2px 2px #000;
}
.ping-wrap{
  width: 150px;
  height: 150px;
  position: absolute;
  display: grid;
  place-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* Center button */
.play-btn{
  width: 100px;
  height: 100px;
  border-radius: 999px;
  background: #19B4ED;            /* blue circle */
  border: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
}

/* Play triangle */
.play-triangle{
  width: 0; height: 0;
  border-left: 22px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform: translateX(3px);
}

/* Ripple rings */
.ripple{
  position: absolute;
  inset: 50%;
  width: 100px;
  height: 100px;
  border-radius: 999px;
  transform: translate(-50%, -50%) scale(1);
  background: rgba(25, 180, 237, 0.8);
    border: 1px solid #fff;
  z-index: 1;
  animation: ping 1.8s ease-out infinite;
}

/* Stagger */
.r1{ animation-delay: 0s; }
.r2{ animation-delay: .9s; }

@keyframes ping{
  0%   { transform: translate(-50%, -50%) scale(1);   opacity: .65; }
  100% { transform: translate(-50%, -50%) scale(1.55); opacity: 0; }
}

/* Optional: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .ripple{ animation: none; opacity: .25; }
}
/*

.image-wrap img.projectarrow {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
*/



.newsblock {
    width: 25%;
}

.newswrapperinner {
    display: flex;
    gap: 20px;
}

.newsblock.newsfirstblock {
    width: 42%;
}

.expertisinfo {
    width: 90%;
    margin: 20px 0 0;
}

.newsblock.newsfirstblock .expertisinfo {
    position: absolute;
    bottom: 20px;
    padding: 20px;
}

.newswrapperinner .productmore{color: #fff}


.mapimgwrap {
    position: relative;
}
.mappin {
    position: absolute;
        text-align: center;
        opacity: 0;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.mappin.india {
    right: 27%;
    bottom: 53%;
}

.mapnameblock {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border-radius: 25px;
    padding-right: 10px;
    box-shadow: 0 0 7px rgba(0,0,0,0.2);
    font-size: 12px;
    font-family: 'Brooklyn-semibold';
    font-weight: 600;
    text-transform: uppercase;
}

.mapnameblock img {
    width: 30px;
}

.mappinimg {
    width: 20px;
    margin-top: 10px;
}

.canada {
    top: 5%;
    left: 10%;
}

.brazil {
    top: 50%;
    left: 20%;
}

.argentina {
    top: 70%;
    left: 21%;
}

.ghana {
    left: 43%;
    top: 44%;
}

.sa {
    left: 48%;
    bottom: 18%;
}

.sudan {
    bottom: 45%;
    left: 55%;
}

.denmark {
    top: 11%;
    left: 42%;
}

.russia {
    top: 6%;
    right: 24%;
}

.indonesia {
    bottom: 38%;
    right: 10%;
}

.japan {
    right: 8%;
    top: 18%;
}

.malaysia {
    right: 17%;
    bottom: 45%;
}

.mexico {
    top: 30%;
    left: 9%;
}

.nepal {
    right: 23%;
    top: 25%;
}
.spain {
    top: 28%;
    left: 35%;
    display: flex;
    gap: 10px;
}
.tanzania {
    right: 38%;
    bottom: 31%;
}
.tunisia {
    top: 24%;
    left: 42%;
}
.uganda {
    right: 35%;
    bottom: 45%;
}

.uk {
    top: 22%;
    left: 36%;
    display: flex;
    gap: 10px;
    z-index: -1;
}
.usa {
    top: 18%;
    left: 10%;
}
.uzbekistan {
    right: 27%;
    top: 20%;
}
.somalia {
    right: 36%;
    bottom: 42%;
}
.australia {
    right: 8%;
    bottom: 18%;
}


.ireland {
    top: 6%;
    left: 39%;
}
.switzerland {
    top: 10%;
    left: 41%;
}
.lithuania {
    left: 46%;
    top: 6%;
}
.romania {
    top: 14%;
    right: 43%;
}
.kenya {
    right: 39%;
    bottom: 38%;
}
.sar {
    right: 35%;
    top: 30%;
}
.jordan {
    right: 39%;
    top: 23%;
}
.israel{
    right: 37%;
    top: 25%;
}
.oman {
    right: 34%;
    top: 33%;
}
.uae {
    right: 32%;
    top: 29%;
}
.yemen {
    bottom: 52%;
    right: 35%;
}
.syria {
    bottom: 64%;
    right: 40%;
}
.egypt {
    top: 25%;
    left: 49%;
}
.bangladesh {
    right: 21%;
    top: 30%;
}
.bhutan {
    right: 22%;
    top: 23%;
}
.myanmar {
    right: 20%;
    top: 30%;
}
.vietnam {
    right: 15.5%;
    top: 37%;
}

.sk {
    right: 9.5%;
    top: 20%;
}

.france {
    top: 11%;
    left: 33%;
    display: flex;
    gap: 10px;
    z-index: -1;
}

/* dots-1 animation */


.dots-1 {
    animation-name: dotsOne;
}



/* dots-2 animation (delayed start) */

.dots-2 {
    animation-name: dotsTwo;
}


/* Keyframes */
@keyframes dotsOne {
    0%   { opacity: 1; }
    25%  { opacity: 1; }
    40%  { opacity: 0; }
    90%  { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dotsTwo {
    0%   { opacity: 0; }
    35%  { opacity: 0; }
    50%  { opacity: 1; }
    75%  { opacity: 1; }
    90%  { opacity: 0; }
}

.footerlinkswrap {
    display: flex;
    gap: 10px;
    font-size: 15px;
}

.footercopywrite .footerblock {
    width: 60%;
}

.pipe {
    color: #1c1b17;
    display: inline-block;
    margin: 0 10px;
}

.copywrite {
    color: #1c1b17;
    text-align: left;
    margin: 20px 0 0;
}

.footercopywrite .footerblock:last-child {
    width: auto;
    display: flex;
    gap: 20px;
}

  /* Responsive */
/*  @media (max-width: 900px) {
    .product-strip {
      flex-direction: column;
      height: auto;
    }
    .product-card,
    .product-card.active {
      flex: none;
      height: 260px;
    }
    .product-card.active {
      height: 360px;
    }
  }*/

.eventswrapper{
    background: #1c1b17;
    overflow: hidden;
}
.partenerwrap{
    background: url(../images/partenerbg.webp) no-repeat;
    background-size: cover;
    position: relative;
}
.blogbg{
    background: url(../images/blogbg.webp) no-repeat;
    background-size: cover;
}
.clientswrapper {
    padding: 0;
}

.partenerinfo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    color: #fff;
}
.logoblk{width: 250px}

.footersitename {
    text-transform: uppercase;
    font-size: 35px;
}
.footersiteinfo{
    font-size: 18px;
    margin: 10px 0 20px;
}
.footerotherlogo {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.footerotherlogo img {
    width: 23%;
}
.footerotherlogo img:last-child {
    width: 160px;
}
.footerotherlogo img:nth-child(4) {
    width: 160px;
}
.certificatestitle {
    font-family: 'Brooklyn-bold';
    text-transform: uppercase;
    margin: 0 0 20px;
}

.footertitle {
    font-family: 'Brooklyn-bold';
    text-transform: uppercase;
    margin: 0 0 10px;
}

.footerblock:nth-child(2) {
    width: 20%;
}


@media(min-width:1400px){
/*    .whychooseinfoblock{width: 240px}*/
}
@media(min-width:1600px){
    .title{
    font-size: 40px;
}
.title2{
    font-size: 35px;
}


.link {
    text-transform: uppercase;
    font-size: 18px;
    margin: 50px 0 0;
    display: inline-block;
}
    .videowrapper {padding: 0}
  
    .label {
    font-size: 20px;
}
.whychooseinfoblock {
    width: 300px;
    height: 300px;
}
    .navigation a {
    font-size: 14px;
}
    .whychoosetitle {
    font-size: 18px;
}

.whychoosebottomblock {
    margin-top: 50px;
}


.voicesbottomblock {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
}

.voicesname {
    font-size: 18px;
        color: #fff;
}
    p {
    font-size: 16px;
}
    
.logo-box {
  min-width: 150px;
    max-width: 200px;
  height: 115px;
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}



    .connectlinkheader {
    font-size: 20px;
}
    .counternumber{font-size: 40px}
    .herotext{font-size: 50px}
}

.aboutbanner-flex{display: flex;justify-content: space-between;height: 618px;}
.aboutleft{width: 44%;padding-top: 145px;}
.aboutright{position: absolute;width: 50%;top: 0;right: 0}
.aboutright:before{position: absolute;content: '';background: #1abbef;width: 100%;height: 100%;top: 2%;left: -2%;z-index: -1;}
.innerbanner{position: relative;}
.innerbanner:before{position: absolute;content: '';background: #f8f8f8;width: 100%;height: 85%;top: 0;z-index: -1;}
.innerpage{background: #fff}
.titlese1 {font-size:40px;line-height: 1;margin-bottom: 20px;font-weight: 400;margin-bottom: 30px;}
.line{width: 100px;height: 4px;background: #1abbef;margin-bottom: 30px;}
.common-padding{padding: 100px 0}
.aboutcounter .counterblock {width: 22.8%;}
.aboutcounter .counterwrapper{margin-bottom: 50px}
.bluebg{background: #1abbef}
.producttct{font-size:22px;line-height: 1.2; margin-bottom: 20px; font-weight: 400;}
.headingsec3 {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Brooklyn-semibold';
    margin-bottom: 20px;
}
.numberbblk {
    font-family: "bebas-neue-pro", sans-serif;
    font-size: 30px;
    position: relative;
    margin-bottom: 20px;
}
.numberbblk:before {
    background: #1abbef;
    width: 20px;
    height: 3px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left:-9px;
}
.rangeflex{display: flex;align-items: normal;justify-content: flex-start;margin-top: 40px;gap: 30px;flex-wrap: wrap;}
.rangewidth{width: 31.5%;padding: 30px;background: #fff;min-height: 215px;}
.bgblack{background: #1c1b17}

.timeline-slider {
  position: relative;
  padding: 00px 0;
  margin-top: 50px
}

/* center line */
.timeline-slider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #1abbef52;
}

/* item */
.timeline-item {
  text-align: center;
  position: relative;
}

/* dot */
.timeline-item:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #1abbef;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* content */
.content-slide {
  margin: auto;
}

.content-slide h3 {
  margin-top: 10px;
  font-size: 20px;
  margin-bottom: 10px;
  color: #fff !important
}

.content-slide p {
  font-size: 14px;
  opacity: 2.8;
  color: #fff !important
}

/* top & bottom positioning */
.content-slide.top {
  position: relative;
  bottom: 0px;
  min-height: 250px;
}

.content-slide.bottom {
  position: relative;
  top: 174px;
  min-height: 300px;
}
.timeline-item.up:after{top: 62%}

.timeline-slider .slick-next {
    right: -3%;
    transform: rotate(0deg);
    background: url(../images/about/arrow-right.webp) no-repeat;
    border: 0;
    background-size: cover;
    width: 35px;
    height: 35px;
}
.timeline-slider .slick-prev {
    left: -3%;
    transform: rotate(180deg);
    background: url(../images/about/arrow-right.webp) no-repeat;
    border: 0;
    background-size: cover;
    width: 35px;
    height: 35px;
}

.timeline-slider .slick-prev.slick-disabled, .timeline-slider .slick-next.slick-disabled {
    opacity: 0;
}
.projectsinfowrap.aboutsec{margin-bottom: 50px}
.leadership-flex{display: flex;align-items: center;justify-content: space-between;padding-bottom: 100px;border-bottom: 2px solid #19b6e8;}
.leadership-img{width: 35%;line-height: 0;}
.leadership-text{width:60%}
.leadcaption{font-family: 'Brooklyn-semibold';font-style: italic;font-size: 18px;}
.team-accura-flex{display: flex;align-items: center;justify-content: space-between;padding-top: 100px;}
.team-accura-txt{width: 51%;}
.infrastructure-img{ margin:20px}
.team-accura-img{width: 35%}
.infrastructure-slider .slick-track {left: -25px}
.con-detailflex{display: flex;justify-content: space-between;padding-top: 50px;padding-bottom: 50px;border-bottom: 2px solid #1abbef;}
.contact-detail{width: 30%}
.mailicon{
    width: 50px;
    height: 50px;
    background: #1abbef;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    border-radius: 40px;
    color: #fff;
    padding-bottom: 3px;
    font-size: 18px;
    margin-bottom: 20px;
}
.contact-detail p{
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.contact-detail a{
    text-align: center;
    display: block;
    font-weight: 600;
    font-family: 'Brooklyn-semibold';
    font-size: 18px;
    text-transform: uppercase;
}
.locationflex{display: flex; padding-top: 50px}
.locationwidth{width: 40%; }
.contacticon { width: 35px;padding-top: 5px;color: #1abbef;}
.addblk{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;}
.locationwidth p{width: calc(100% - 35px)}
.locationxtt{ font-weight: 600; font-family: 'Brooklyn-semibold';font-size: 18px; margin-bottom: 20px; letter-spacing: 1px}
.text-uppercase{text-transform: uppercase;}

.conatctfrom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    background: #fff;
    padding: 35px;
    border-radius: 25px;
    margin: 0 auto;
}

.formfieldblk {
    width: 50%;
    padding: 15px;
}

.formfield {
    width: 100%;
    padding: 15px 10px;
    border: 1px solid #b5b8d5;
    margin-top: 0;
    background: #ffffff;
    outline: none;
}

.formfielmsgdblk {
    width: 100%;
}

.label-txt {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
}
.consubmit button {
    background: #1abbef;
    color: #fff;
    padding: 12px 30px;
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    border: 0;
}

.consubmit {
    width: 100%;
    display: flex;
    justify-content: center;
}

.productpage .titlese1 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 200;
    font-family: 'Brooklyn Normal';
}
.productpage .aboutbanner-flex  .title{font-family: 'Brooklyn-bold'; font-weight: 700}

.product-banner .slick-prev {
    left: 5%;
    background: url(../images/about/arrow-right.webp) no-repeat center;
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 0;
    transform: rotate(180deg);
}

.product-banner .slick-next {
    right:5%;
    background: url(../images/about/arrow-right.webp) no-repeat center;
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 0;
    transform: rotate(0deg);}

    .btn-container {
    display: flex;
    gap: 15px;
  }

  .bdfbtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #444;
    color: #fff;
    padding: 7px 20px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    transition: 0.3s;
  }

  .bdfbtn:hover {
    background: #1abbef;
    color: #fff;
  }

  .bdfbtn i {
    font-size: 14px;
    transform: rotate(180deg);
}
  .pdficon{width: 20px}
  .allpin{font-size:25px;
    line-height: 1.2;
    font-weight: 200;
    margin: 20px 0;
    font-family: 'Brooklyn Normal';}
   .productpage  .aboutleft {padding-top: 100px}

.product-overview{position: relative;width: 80%;margin: 0 auto;margin-top: 55px;}
.product-overview:before{position: absolute;content: '';width: 100%;background: url(../images/shadow.webp) no-repeat;bottom: -102px;height: 107px;z-index: -1;background-size: contain;left: 0%;}
.product-overview .play-btn{position: absolute; text-align: 0; top: 0; bottom: 0; right: 0; left: 0; margin: auto;}
.special-features .rangewidth{width: 23%}
.boxtren{border: 1px solid #fff; background: transparent;}
.boxtren p, .boxtren .numberbblk{color: #fff}
.boxtren .numberbblk:before{background: #fff}
.technical-data-flex{display: flex; align-items: center; justify-content: space-between;}
.technical-data-img{width: 40%}
.technical-data-text{width: 55%}
.bulletpoint li{font-size: 15px;line-height: 1.5;padding: 10px 0;padding-left: 23px;position: relative;}
.bulletpoint li:before{position: absolute;content: '';width: 5px;height: 5px;background: #1c1b17;left: 0;top: 19px;border-radius: 5px;}
.other-products{border-bottom: 1px solid #000; margin-bottom:2px;}
.other-products-img{    margin: 15px; border: 1px solid #1abbef78; position: relative;}
.other-products-img p{width: 80%; min-height: 70px;padding-left: 25px}
.arrow-btn {
    position: absolute;
    width: 45px;
    bottom: 15px;
    right: 20px;
}
.sustainable-flex{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;}
.sustainable-left{width: 40%;position: relative;}
.sustainable-img{width: 69%;margin: 0 auto}
.sustainable-logo{
    position: absolute;
    width: 56%;
    right: 0;
    z-index: -1;
}
.border-bottom{border-bottom: 1px solid #ccc; margin-bottom:2px; }
.sustainable-text{width: 50%}
.bulletpoint.whitetext li{color: #fff}
.bulletpoint.whitetext li:before{background: #fff}
.text-upercase li {text-transform: uppercase;}
.headingtt1 {
    font-family: 'Brooklyn-semibold';
    font-size: 16px;
    line-height: 2;
    border-bottom: 2px solid #1c1b17;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px
}
.viewmore{padding: 12px 25px}
.viewmore i{transform: rotate(90deg);}
.postflex{display: flex; gap:55px; flex-wrap: wrap; flex-wrap: wrap;}
.recent-posts{width: 30%}
.datetbblk{font-size: 16px;margin-bottom: 15px}
.datetbblk span img{width: 16px;}
.datetbblk span{color: #1abcf0}
.post-heading{
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Brooklyn-semibold';
}
.recent-txt{
    background: #fff;
    padding: 20px 0;
    margin-top: -35px;
    z-index: 1;
    position: relative;
    width: 80%;
}

.career-flex{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
.career-left{width: 40%}
.career-logo{position: absolute;
    opacity: 0.3;
    width: 50%;
    right: 5%;
    top: -99%;}
.career-text{width: 55%;position: relative;}

.job-card {
  background: #ffffff;
  padding: 25px;
  display: flex;
  align-items: flex-start;
}

.job-left h3 {
  margin: 0 0 15px;
  font-size: 24px;
  color: #1c1b17;
  font-weight: 600;
  font-family: 'Brooklyn-semibold';
}

.job-number {
  color: #1c1b17;
  margin-right: 10px;
  width: 29px;
}

.info {
  margin-bottom: 21px;
}

.job-card .label {
  font-size: 18px !important;
  color: #1abbef !important;
  margin-bottom: 2px;
  font-family: 'Brooklyn-semibold';
}

.info p {
}

.job-card .buttons {
  margin-top: 15px;
}

.job-card .btn {
  display: inline-block;
  padding: 12px 20px;
  font-size: 15px;
  text-decoration: none;
  border-radius: 4px;
  margin-right: 10px;
  font-family: 'Brooklyn-semibold';
}

.job-card .btn.know {
  background: #1e3942;
  color: #fff;
}

.job-card .btn.apply {
  background: #1abbef;
  color: #fff;
}

.job-card .btn.know:hover {
  background: #1abbef;
  color: #fff;
}

.job-card .btn.apply:hover {
  background: #1e3942;
  color: #fff;
}

.job-left{width: calc(100% - 40px);}
.btn i{transform: rotate(90deg); display: inline-block;}

#vacanciesForm {
    width: 700px;
    padding: 25px;
    background: #169eca;
}
#vacanciesForm .formfieldblk{width:50%;margin: 0;}
#vacanciesForm .formfielmsgdblk{width: 100%;}
#vacanciesForm .consubmit{width: 100%;}
input[type="file"] {
   display: none;}

   label.resume {
    width: 100%;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    padding: 13px 10px;
    line-height: 1;
    color: #ccc;
    font-weight: 300;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.inputfile-6 + label span {
    width: calc(100% - 30px);
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    color: #000;
}
.inputfile-6 + label span + span{width: 30px;}
#vacanciesForm h2{font-size: 25px; font-weight: 500; text-align: center; margin-bottom: 20px;}
#vacanciesForm .careerfrom{margin: 0;}
.careerfrom{display: flex; justify-content: space-between; flex-wrap: wrap;}

.life_blk .tabslider_blk {
    margin: 40px 0 0 0;
}

.life_slider .slick-slide.slick-active {
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.life_slider .slick-slide.slick-active:before {
    position: absolute;
    content: "";
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 99;
    bottom: 0;
    margin: auto;
}
.life_slider .slick-slide.slick-current.slick-active.slick-center {
    transform: scale(1.5);position: relative;
    z-index: 9;
    
}
.life_slider .slick-track{height: 580px; padding-top: 100px}
.life_slider .slick-slide.slick-current.slick-active.slick-center img{border: 10px solid #1c1b17}
.life_slider .slick-slide.slick-current.slick-active.slick-center:before {display: none}
.life_slider .slick-next {
    right: -1%;
    background: url(../images/arrow-btn.webp) no-repeat center;
    transform: rotate(0deg);
    width: 40px;
    height: 40px;
}
.life_slider .slick-prev {
    left: -1%;
    background: url(../images/arrow-btn.webp) no-repeat center;
    transform: rotate(180deg);
    width: 40px;
    height: 40px;
}
.banner-slider{display: none;}
.product-strip {display: flex;}

.navicon {
    background: #1cb9f0;
    width: 52px;
    height: 50px;
    display: flex;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 0;
    margin-left: 10px
}
.navicon span {
    display: block;
    background: #fff;
    width: 59%;
    height: 3px;
    margin-bottom: 2px;
    border-radius: 10px;
}


.banner-slider .slick-dots li button:before {
  content: "00" counter(slick-counter);
}
.banner-slider .slick-list {
    overflow: visible;
}

.banner-slider .banner-right {
    right: -50px;
}
/* Counter start */
/* Counter reset */
.banner-slider .slick-dots {
  counter-reset: slick-counter;
  width: 253px;
  padding: 35px 0;
}

.banner-slider .slick-dots li {
  counter-increment: slick-counter;
  width: 30px;
    transition: 0.5s ease all;
}
.banner-slider .slick-dots li button{width: 30px;background: transparent;}
/* Default dot hide + number show */
.banner-slider .slick-dots li button:before {
  content: "0" counter(slick-counter);
  font-size: 16px;
  color: #000;
  opacity: 1;   /* important */
  width: 30px
}

/* Active number style */
.banner-slider .slick-dots li.slick-active button:before {
  color: #00baff;
   
}

.banner-slider .slick-dots li.slick-active button{background: transparent; opacity: 1;}
.arrowblk{width: 80px; position: absolute; left: 20%; bottom: 12%}

.slick-current.slick-active .increaseblk {
    -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.banner-slider .slick-dots li.slick-active button:after {
    content: "";
    background: #00baff;
    width: 40px;
    height: 1px;
    display: inline-block;
    top: 5px;
    position: absolute;
    margin: 0 0 0 8px;
}

.banner-slider .slick-dots li.slick-active {
    width: 60px;
}
.container-slider{display: none;}
.navblk{display: none;}
.videowrapper {padding: 0}
.stacked-layout{padding-bottom: 0}
.other-products-slider .slick-dots {margin: 0 auto}
.other-products-slider .slick-dots li.slick-active button { background: #1abaee;}
.pharmaflex{display: flex; justify-content:flex-start; gap:25px; flex-wrap: wrap; margin-bottom: 50px}
.pharmawidth{width: 32%}
.phermasec{border-bottom:1px solid #ccc; margin-bottom: 1px}
.pharmabanner{position: relative;}

.pharmabanner .titlese1{width: 600px;background: #2abbea99;text-align: center;padding: 25px;color: #fff;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 20%;}
.bottom-content .producttct{font-size: 25px;}
button.productmore {border: 0; background: transparent;}
.secbox1{background-color: #1abbef; padding: 50px;  margin: 35px 0;}
.secbox2{border:1px solid #1abbef; padding: 50px; margin: 35px 0;}
.faq-container {
  margin: auto;
}

.faq-item {
  margin: 15px 0;
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-size: 18px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0;
  font-weight: 500;
  font-family: 'Brooklyn Normal', sans-serif;
}

.icon {
  font-size: 20px;
  font-weight: bold;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 15px;
  background: #ffffff;
}

.faq-answer p {
  margin: 10px 0;
}
.video-banner{position: relative; line-height: 0;}
.video-banner:after{position: absolute; content: ''; width: 100%; background: #0000004a; height: 100%; top: 0;left: 0; }

.other-products-slider .slick-prev {
    left: -2%;
    background: url(../images/about/arrow-right.webp) no-repeat center;
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 0;
    transform: rotate(180deg);
}

.other-products-slider .slick-next {
    right:-2%;
    background: url(../images/about/arrow-right.webp) no-repeat center;
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 0;
    transform: rotate(0deg);}

    .videoflex{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .videoflex .product-overview{width: 45%;}
    .pointleft{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
    .pointleft li{width: 22%; margin-bottom: 20px;}
    .faq-container.dflex{display: flex; justify-content: space-between; flex-wrap: wrap; }
    .faq-container.dflex .faq-item{width: 49%;}
    .lastwidth{width:48% !important;}

.insidehover span {font-size: 22px;}
.inside-drop {position: absolute;width: 70%;background: #ffffff;top: 75px;left: 0;opacity:0;padding-left:15px;z-index: 11;border: 1px solid #ccc !important;padding: 0;display:none;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;left: 0;right: 0;margin: 0 auto;min-height: auto;border-radius:18px;}
.inside-drop:before {
    content: "";
    left: 22px;
    position: absolute;
    width: 100%;
    height: 68px;
    background: #00000000;
    top: -35px;
}
.insidehover:hover .inside-drop {display: flex;   opacity: 1;}
.inside-drop .academichover a{color: #fff;font-size: 16px;letter-spacing: 2px;padding: 12px 10px;display: block;border-bottom: 1px solid #888888;}
.inside-drop:after{position: absolute; content: '';  width: 100%;  height:30px; background: #ff000000;  top: -27px;  left: 0;}
.projectimg{overflow: hidden; line-height: 0 }
.headerblock:first-child{width:45%;}
.headerblock{width:23%;}
.headerblock li a{font-size: 13px;display: block;padding: 9px 0;padding-left: 20px;position: relative;letter-spacing: 0;}
.headerblock li a:before{position: absolute;content: '';width: 5px;height: 5px;background: #000;left: 0px;border-radius: 3px;top: 16px;}
.headerblock ul{margin-bottom: 30px;}
.table-container {
    max-width: 100%;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

  thead {
    background: #000000;
    color: #fff;
  }

  thead th {
    padding: 18px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
  }

  tbody tr:nth-child(odd) {
    background: #2898be;
  }

  tbody tr:nth-child(even) {
    background: #1da3ce;
  }

  tbody td {
    padding: 16px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-right: 1px solid #1abbef;
  }

  tbody td:last-child {
    border-right: none;
  }

  /* Rounded bottom corners */
  tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
  }

  tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
  }

  .headerblock:nth-child(4){width: 45%;}
  .navigation a:hover{color:#1abbef;}

  .megamenu-panel {
    display: flex;
    border-radius: 20px;
    height:500px;
    background: white;
    width: 100%;
}

.navbar-left {
    height: 100%;
    width: 40%;
    padding: 20px;
}
.menu_rightblk.navbar-right {
    width: 57%;
    padding: 20px 10px 20px 40px;
    position: relative;
    height: 100%;
    padding: 20px;
}

.menu_rightblk.navbar-right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(90deg, #0054a6, transparent);
    opacity: 0.05;
}

.menu_leftblk {
    padding: 20px;
    width: 40%;
    height: 96%;
}

.menu_item {
    margin: 10px 0;
}

.menu_item.active a {
    font-weight: 400;
    color: #fff;
    background: #19b9f7;
    border-radius: 10px;
    width: 100%;
    padding: 10px 12px;
    text-transform: none;
    display: block;
    padding: 15px 10px !important;
    padding-right: 40px !important;
}
.menu_item:hover a {
    font-weight: 400;
    color: #fff;
    background: #19b9f7;
    border-radius: 10px;
    width: 100%;
    padding: 10px 12px;
    text-transform: none;
    display: block;
    padding: 15px 10px !important;
    padding-right: 40px !important;
}


.menu_item:hover a:after {
    content: '';
    position: absolute;
    right: 11px;
    top: 17px;
    z-index: 1;
    background: url(../images/white-arrow.webp) no-repeat center;
    width: 15px;
    height: 12px;
    background-size: cover;
}   

.menu_item.active a:after {
    content: '';
    position: absolute;
    right: 11px;
    top: 17px;
    z-index: 1;
    background: url(../images/white-arrow.webp) no-repeat center;
    width: 15px;
    height: 12px;
    background-size: cover;
}
.megamenu-panel .navbar-left a {
    padding: 15px 0;
    border-bottom: 1px solid #d5d5d5;
    display: block;
    text-transform: none;
    position: relative;
}
.insidehover a{display: flex; align-items: center;}

.servicesttl {
    margin-bottom: 9px;
    font-weight: 600 !important;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 18px !important;
    color: #19b9f7 !important;
}

ul.productnav_list_ul li a {
    padding: 15px 0 !important;
    border-bottom: 1px solid #d5d5d5;
    display: block;
    text-transform: none;
    position: relative;
    font-size: 14px;
    padding-right: 60px !important;
}
.productnav_list {
    display: none;
}
.productnav_list.active {
    display: block;
}

ul.productnav_list_ul li a:after {
    content: '';
    position: absolute;
    right: 11px;
    top: 17px;
    z-index: 1;
    background: url(../images/black-arrow.webp) no-repeat center;
    width: 15px;
    height: 12px;
    background-size: cover;
}

.connectlinkheader{display: none;}

.header.scrolled {
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 99;
    box-shadow: 1px 2px 3px 0px #00000063;
}
.fancybox-content h2{margin-bottom: 15px; font-weight: 400;}
.homepage .headertop{display: none;}

.homepage .headertop.scrolled{display: block;}

html.mm-front .mm-menu.mm-offcanvas {z-index: 999;}
.mm-menu .mm-listview>li a, .mm-fullsubopen{font-family: 'Brooklyn Normal', sans-serif !important;}
#Download-Brochure, #view-certificate {width: 700px; padding: 25px;}


.infrastructure-slider .slick-prev {
    left: 2%;
    background: #fff url(../images/arrow.webp) no-repeat center;
    z-index: 1;
    top: 3%;
    transform: rotate(180deg);
}

.infrastructure-slider .slick-next {
    right: 2%;
    background: #fff url(../images/arrow.webp) no-repeat center;
    z-index: 1;
    top: 3%;
    transform: none;
}
.policyblock{margin-bottom: 20px;border-bottom: 1px solid #ddd}


.video-background-controls {
left: 50px;
bottom: 0;
right: auto !important;
top: auto !important;
}
.video-background-controls button.play-toggle {
display: none;
}
.muted-button, .mute-toggle {
position: absolute;
width: 50px;
height: 50px;
z-index: 10;
bottom: 40px;
left: 10px;
font-size: 29px;
display: flex;
align-items: center;
justify-content: center;
line-height: 2;
padding-top: 0px;
cursor: pointer !important;
/*
background: #F5B845;
color:#2C395B;
*/
border-radius: 50%;
border: 0;
}
.video-wrap video {
width: 100%;
height: 100%;
object-fit: cover;
    
}
.downarrow {
    position: absolute;
    bottom: 20px;
    
    right: 5%;
    margin: auto;
}

.shake-vertical {
	-webkit-animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}

@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}

.video-wrap {
width: 100%;
height: 100vh;
}
.muted-button {
position: absolute;
width: 40px;
height: 40px;
background: white;
z-index: 999;
bottom: 50px;
right: 20px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
line-height: 2;
padding-top: 0;
cursor: pointer;
}
.muted-button::before {
content:  '🔈';
}

.muted-button.muted::before {

content:  '🔇';
}
i.fa.fa-volume-up {    
content: "";
background: url('../images/sound-on.svg') center center;
width: 50px;height: 50px;background-size: 100%;
top: 0px;
position: absolute;
}
i.fa.fa-volume-mute {    
content: "";
background: url('../images/sound-off.svg') center center;
width: 50px;height: 50px;background-size: 100%;
top: 0px;
position: absolute;
}

#menu:not(.mm-menu){display:none}

.partnerinfowrapper{border-bottom: 1px solid #ddd;margin-bottom: 2px}
.partnerformblock {
    padding: 40px 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
    margin: 70px auto 0;
    width: 70%;
}

.partnerformblock .conatctfrom {
    width: 100%;
}

li.insidehover.resourcesdrop {
    position: relative;
}

.insidehover.resourcesdrop .megamenu-panel {
    height: auto;
}

.insidehover.resourcesdrop .inside-drop {
    width: 400px;
    top: 55px;
}

.insidehover.resourcesdrop .inside-drop .navbar-left {
    width: 100%;
    padding: 15px;
}