@import url("fontfaces.css");
.ff-er{font-family: "Edingu-Regular";}
.ff-eri{font-family: "Edingu-Italic";font-style: italic !important;}
:root {
  --black: #000000;
  --lblack : #161616;
  --white: #ffffff;
  --blue: #003399;
  --lblue :  #002776;
}
.bg-lblue{
  background-color: var(--lblue);
}
.bg-blue{
  background-color: var(--blue);
}
.bg-lblack{
  background-color: var(--lblack);
}
.white{color: var(--white);}

._rel {
  position: relative;
}
.z10 {
  z-index: 10;
}
.text-up {
  text-transform: uppercase;
}
.hide-br br {
  display: none;
}
.hide-br p br {display: block;}
/* body ::selection {
    background: #FAC012;
    color: #000;
} */
.max-600{
  max-width: 31.2500vw;
}
.max-800{
  max-width: 41.667vw;
}
.max-1000{
  max-width: clamp(400px,52.0833vw,1000px);
}
.max-1150{
  max-width: clamp(400px,59.8958vw,1150px);
}
.max-1200{
  max-width: clamp(400px,62.5000vw,1200px);
}
/*  */
.data-image {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.l0 {
  letter-spacing: 0;
}

/* Video_Enhanced_With_More_Details 1 */

body {
  color: var(--black);
  font-family: "Parkinsans-Regular";
  font-size: clamp(15px, 0.938vw,18px);
  overflow-x: hidden;
  line-height: inherit;
  font-weight: 400;
}
p {
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 20px;
}
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}
._rel {
  position: relative;
}
a,
a::after,
img,
a::before,
.btn-theme::before,
.overly,
.icon svg,
.btn-theme .wrapper::before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a {
  display: inline-block;
  text-decoration: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  color: var(--blue);
  position: relative;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: var(--blue);
}

/* Button White Animations */
.btn-theme:focus,.btn-theme:active{color: var(--white);}
.btn-theme{
  position: relative;
  border-radius: 0;
  padding: 11px  0;
  background-color: transparent;
  border: 0;
  border-top: 1px solid var(--white);
  border-bottom:1px solid transparent;
  color: var(--white);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1;
  height: fit-content;
}

.btn-theme .wrapper{padding-right: 32px;position: relative;z-index: 1;}
.btn-theme .wrapper::before{
  content: "";
  width: 20px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.35);

}
.btn-theme::before{
  content: "";
  width: 100%;
  height: 0%;
  background-color: var(--white);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.btn-theme:hover{
  color: var(--blue);
  padding-left: 10px;
}
.btn-theme:hover::before{
  height: 100%;
}
.btn-theme:hover .wrapper::before{background-color: var(--blue);}


.btn-theme.black{
  border-top-color: var(--black);
  color: var(--black);
}
.btn-theme.black .wrapper::before{
  background-color: rgba(0, 0, 0, 0.35);
}
.btn-theme.black::before{
  background-color: var(--black);
 
}
.btn-theme.black:hover{
  color: var(--white);
}
.btn-theme.black:hover .wrapper::before{background-color: var(--white);}
img {
  max-width: 100%;
  height: auto;
}
.line-1_25 {
  line-height: 1.25;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
}
.f-160{
   font-size: clamp(80px, 8.3333vw, 160px);
}
.f-120{
   font-size: clamp(50px, 6.2500vw, 120px);
}
h1,.f-110 {
  font-family: "Edingu-Regular";
  font-size: clamp(50px, 5.729vw, 110px);
  letter-spacing: 0;
  line-height: 0.81;
  margin-bottom: 20px;
  font-weight: 400;
}
.f-80{font-size: clamp(50px, 4.167vw, 80px);}
h2,.f-60{
  font-family: "Edingu-Regular";
  font-size: clamp(40px, 3.125vw, 60px);
  letter-spacing: -1.5px;
  line-height:0.8;
  margin-bottom: 20px;
  font-weight: 400;
}
.f-50{
  font-size: clamp(30px, 2.6042vw, 50px); 
}
h3,.f-40{
 font-family: "Edingu-Regular";
  font-size: clamp(30px, 2.083vw, 40px);
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 20px;
  font-weight: 400;
}

h4{
  font-weight: 400;
 font-family: "Edingu-Regular";
  font-size: clamp(30px,1.875vw, 36px);
  line-height: 1.1;
  letter-spacing: 0px;
  margin-bottom: 20px;
}

h5 {
  font-family: "Edingu-Regular";
  font-size: clamp(20px, 1.667vw, 32px);
  line-height: 1.1;
  letter-spacing: 0px;
  margin-bottom: 20px;
}

/* done */
h6 {
 font-family: "Edingu-Regular";
  font-weight: 400;
  font-size: clamp(24px, 1.667vw, 24px);
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: 20px;
}

.sub-heading {
  font-family: "Parkinsans-Regular";
  font-size: clamp(15px, 0.938vw,18px);
  letter-spacing: 0;
  line-height: 1;
}

.ptb-80{
    padding: clamp(40px,7.4074vh, 80px) 0;
}
section {
  width: 100%;
  padding: clamp(40px, 10.185vh, 110px) 0;
  /* padding: 120px 0; */
  position: relative;
  clear: both;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*nav*/
#loom-companion-mv3 {
  display: none;
}

.mainMenu {
  padding: 60px 0px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  position: relative;

  /* background-color: var(--lblack); */
}
.mainMenu._transparent {
  position: absolute;
  background-color: transparent;
}
.mainMenu.sticky {
  position: fixed;
  /* background-color: var(--lblack); */
  padding: 15px 0px;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  animation: stickyMenuAnimation 0.7s;
  -wekit-animation: stickyMenuAnimation 0.7s;
  z-index: 99999;
}
/* menu sticky */
.navbar-brand img {
  max-width: 210px;
   filter: brightness(0) invert(1);
}
.mainMenu.sticky .navbar-brand img {
  max-width: 200px;
}
/*  */
.mainMenu.active {
  background-color: var(--white);
}

.mainMenu ul {
  align-items: center;
}
.mainMenu ul li:not(:first-child) {
  margin-left: 2.604vw;
}

.mainMenu li a {
  font-weight: 400;
  font-family: "Edingu-Regular";
  font-size: clamp(18px,1.354vw, 26px);
  position: relative;
  padding: 15px 0;
  color: var(--white);
  letter-spacing: 0px;
  text-transform: uppercase;
}
.mainMenu li a::before {
  content: "";
  height: 2px;
  width: 0%;
  background-color: var(--white);
  position: absolute;
  left: 0;
  bottom: 0px;
}
/* ._transparent li a::before{background-color: var(--white);} */
.mainMenu li.btn1 a::before {
  display: none;
}
.mainMenu li a:hover::before,
.mainMenu li.current-menu-item a::before {
  width: 100%;
}
.mainMenu li.lang a::before {
/*   display: none; */
}
.mainMenu ul > :nth-last-child(-n + 3) a{
  border-left: 2px solid var(--white);
  padding-left: 20px;
}

/*sub menu  */
/* .menu-item-has-children a::before{display: none;} */
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children > a {
  padding-right: 30px !important;
  position: relative;
}
.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  height: 12px !important;
  width: 12px !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/arrow-down.svg);
}
@media (min-width: 992px) {
  .sub-menu {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
}

.mainMenu .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0%;
  min-width: 280px;
  background-color: var(--white);
  box-shadow: 10px 0 25px 0 rgb(0 0 0 / 6%);
  border-radius: 0px;
  padding: 10px 0px;
  visibility: hidden;
  opacity: 0;
}
.mainMenu .sub-menu .sub-menu {
  position: absolute;
  left: 100%;
  top: 0 !important;
  opacity: 0 !important;
}
.mainMenu .sub-menu .menu-item-has-children:hover .sub-menu {
  opacity: 1 !important;
}

.menu-item-has-children:hover .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.mainMenu .sub-menu li {
  margin-left: 0 !important;
}
.mainMenu .sub-menu li a::before {
  display: none;
}
.mainMenu .sub-menu li a {
  width: 100%;
  padding: 10px 20px;
  width: 100%;
  color: var(--black);
}

.mainMenu .sub-menu li a:hover,
.sub-menu .current-menu-item a {
  color: var(--white) !important;
  background-color: var(--blue) !important;
}
.menu-item-has-children > a i {
  display: none !important;
  position: absolute;
  right: 20px;
}
/* mega menu */
.mainMenu .mega-menu .sub-menu {
  width: 500px;
}
.mainMenu .mega-menu .sub-menu li {
  display: inline-block;
  width: 49%;
}


/*  */

.navbar-toggler {
  padding: 0px;
}
.navbar-toggler img {
  max-width: 24px;
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
}

.navbar-toggler img + img {
  display: none;
}
.active .navbar-toggler img {
  display: none;
}
.active .navbar-toggler img + img {
  display: inline-block;
}
.active .navbar-toggler img {
  transform: rotate(90deg);
}
/* footer */

/* differnt logos */
/*   */
/*  */
.mainMenu .fixColo {
  width: 30%;
}
.mainMenu ul.sideMenu span {
  text-decoration: underline;
}

.mainMenu ul.sideMenu a::before {
  display: none;
}
.mainMenu ul.sideMenu a:hover {
  color: var(--green);
}
.mainMenu ul .btn-1 a {
  padding-right: 22px;
  padding-left: 22px;
  border: 1px solid var(--white);
  border-radius: 3.5px;
}
.mainMenu ul .btn-1 a:hover {
  background-color: var(--green);
  color: var(--lblack);
}
/* footer */

footer{
  background-color: var(--blue);
  color: var(--white);
  padding-top: 80px;
}
.footer-logo img{max-width:210px;}
.footerRow{
  display: flex;
  justify-content: space-between;
}
.menurow{
  display: flex;
}
.menurow .item:not(:last-child){
  margin-right: 6.25vw;
}
.footerWidget{}
.footerWidget h6{
  font-family: "Edingu-Regular";
  text-transform: uppercase;
  font-size: clamp(20px,1.25vw,24px);
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 20px;
}
.footerWidget ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerWidget ul li{margin-bottom: 2px;}
.footerWidget ul li a{
  letter-spacing: 0;
  font-family: "Parkinsans-Regular";
  color: var(--white);
  font-size: clamp(18px,1.25vw,24px);
  line-height: 1.5;
}
.footerWidget ul li a:hover,.footerWidget ul li.current-menu-item a{
  opacity: 0.5;

}
.contactDetials a{
  color: var(--white);
   font-size: clamp(16px,1.042vw,20px);
  letter-spacing: 0;
}
.contactDetials a:hover{opacity: 0.8;}
.foosocial{
  display: flex;
  align-items: center;
}
.foosocial a{
  height: 60px;
  width: 60px;
  border: 1px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  border-radius: 10px;

}
.foosocial a:hover{
  background-color: var(--white)
}
.foosocial a:hover img{
      filter: grayscale(100%) brightness(0);
}
.copyrights{
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
}
/*  */
.fixdBg{
  height: 100vh;
  background-attachment: fixed;
  padding: 60px 0;
}
.home-hero{
  display: flex;
  align-items: flex-end;
  /* padding-bottom: 7vh; */
}
.home-hero::before{
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.25);
}
.experties-our{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.TextRows{
  display: flex;
  gap: 30px;
}
.forSugron,.Technology{display: flex;align-items: flex-end;}

.statics{
  background-color: var(--blue);
}

.statics{
  padding-top: 174px;
  padding-bottom: 124px;
}
.staticBox{
  padding-left: 2.604vw;
  padding-top: 95px;
  height: 250px;
  border-left: 3px solid rgba(255, 255, 255, 0.25);
  position: relative;
}
.staticBox .grid{
  position: absolute;
  left: 20px;
  bottom: 0;
  max-width: 80%;
}

.riveItem{
  width: 360px;
  max-width: 18.75vw;
  border-radius: 6px;
  border: 1px solid rgb(0 51 153 / 10%);
/*   padding: 100px 28px 28px 28px; */
  padding: 28px 28px 28px 28px;
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-right: 30px;
  height: 100%;
   -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background-color: transparent;
}
.riveItem .counts{
  position: absolute;
  left: 30px;
  top: 30px;
  opacity: 0.25;
  /* color: rgba(0, 0, 0, 0.25); */
  font-size: clamp(30px,2.083vw,40px);
  letter-spacing: 0;
  margin-bottom: 0;
}
.slick--active .riveItem,.riveItem:hover{
    background-color: var(--blue);
    color: var(--white);
}
.slick-disabled{
  pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}
.Technology{
	max-height:900px;
	height: 100vh;
	padding:50px 0;
}
.arrowss{
  position: relative;
}
.arrowss .line{
    height: 1px;
    width: calc(100% - 90px);
    background-color: rgb(0 51 153 / 25%);
    position: absolute;
    left: 0;
    top: 50%;
   transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
	
	display: none;
}
.arrowss .line::before{
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: rgb(0 51 153 / 25%);
  position: absolute;
  right: 0;
  top: -1px;
}
.slider-progress-bar{
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--blue);
  height: 1px;
  transition: width 1s ease;
}
.slider-progress-bar::before,.slider-progress-bar::after{
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: var(--blue);
  position: absolute;
  right: 0;
  top: -1px;
}
.slider-progress-bar::before{right: auto;left: 0;}

.footerImages{
  background-color: var(--lblue);
}
.footerImages .grids {
    padding: 2.083vw;
    overflow: hidden; /* Prevents overflow while moving */
}

.footerImages .grids img {
    max-width: 90%;
    display: block;
    animation: floatingGrid 30s linear infinite alternate;
    will-change: transform;
}

@keyframes floatingGrid {
    0%   { transform: translate(0, 0) scale(1); }
    8%   { transform: translate(-17px, 8px) scale(1.04); }
    15%  { transform: translate(11px, -19px) scale(0.97); }
    23%  { transform: translate(-20px, -5px) scale(1.08); }
    31%  { transform: translate(14px, 18px) scale(1.02); }
    40%  { transform: translate(-8px, 20px) scale(1.10); }
    48%  { transform: translate(20px, -12px) scale(0.95); }
    56%  { transform: translate(-15px, 16px) scale(1.07); }
    64%  { transform: translate(7px, -20px) scale(1.01); }
    72%  { transform: translate(18px, 10px) scale(1.09); }
    81%  { transform: translate(-19px, -17px) scale(0.96); }
    90%  { transform: translate(6px, 20px) scale(1.05); }
    100% { transform: translate(0, 0) scale(1); }
}
/*  */
.expertBlocks{
  overflow: hidden;
  height: 100vh;
	padding-bottom:50px;

}
.expertBlocks .nextDim{
  position: absolute;
  left: 0;
  bottom: -55px;
  width: 100%;
  opacity: 0.25;
/*   cursor: pointer; */
}
.expertBlocks .prevDim{
   position: absolute;
    left: 0;
    top: -32px;
    width: 100%;
    opacity: 0.25;
    cursor: pointer;
}
/* new css */
.mainMenu.sticky .container-fluid{
	   background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 15px 20px;
  
/*   border-radius: 10px;
  background-color: var(--white);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding: 15px 20px; */
}
.mainMenu.sticky .navbar-brand img{
  filter: none;
}
.mainMenu.sticky li a,
.mainMenu.active li a{
  color: var(--black);
}
.mainMenu.sticky li a::before{
  background-color: var(--black);
}
.mainMenu.sticky ul > :nth-last-child(-n + 3) a,
.mainMenu.active ul > :nth-last-child(-n + 3) a{
    border-color: rgba(0, 0, 0, 0.15);
}
.mainMenu.sticky .menu-item-has-children > a::after,
.mainMenu.active .menu-item-has-children > a::after{
  filter: grayscale(100%) brightness(0);
} 
.designBy img{max-width: 66px;}
.navbar-toggler img,
.mainMenu.active .navbar-toggler img{filter: brightness(0) invert(1);}
.mainMenu.sticky .navbar-toggler img,
.mainMenu.active .navbar-toggler img,
.mainMenu.active .navbar-brand img{filter:none;}


/*  */
.slick-vertical .slick-slide{border: 0 !important;}

.footerCta {
	padding-top:clamp(30px,7.407vh,80px)
}

.popupforms{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999999;
    background-color: rgba(0,0,0,0.7);
	padding:0;
	display:none;
}
.popupforms .w{
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000vh;
    overflow: auto;
	padding:20px;
}
.popupforms {}
.popupforms .body{
	max-width: 1000px;
    width: 100%;
    background-color: #fff;
    padding: 50px 25px 25px 25px;
    border-radius: 5px;
	position:relative;
}
.popupforms ._close{
	background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}
.popupforms ._close img{max-width:25px;}
.popupforms{}
.popupforms{}

.c-form{}
.c-form label{display:none;}
.c-form input,.c-form textarea{
	width:100%;
	height:50px;
	border:0;
	padding:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.c-form textarea{
	height:120px;
	
	
}
body.popup-open {
    overflow: hidden;
}

/*  */
/* about */
.themeHero{
  max-height: 80vh;
  height: 800px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 80px;
}

.themeHero video{
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}
.videoHero::before{
  content: "";
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0,0.25);
}
.title-row{
  display: flex;
}
.title-row .title{margin-right: 50px;}
.allHistoery .item {
/* 	overflow:hidden; */
}


.allHistoery .year{
  letter-spacing: 0;
  line-height: 0.56;
/*   opacity: 0.05; */
  position: relative;
  top: 20px;
  height: fit-content;
}
.allHistoery .year span{
	opacity: 0.05 !important;
}
.allHistoery .year::before{
  content: "";
  width: 100%;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -3px;
  background-color: var(--white);
  z-index: 10;
  

}

.allHistoery .image{
  width:21.8750vw;
  border-radius: 6px;
}
.allHistoery .right-col{
  padding-left: 25px;
}

.allHistoery .left-col{
  display: flex;
  padding-right: 60px;
  justify-content: space-between;
  padding-bottom: 70px;
  position: relative;
  
}


.allHistoery .left-col::before{
  content: "";
  position: absolute;
  right: 0px;
  top: 30px;
  background: #003399;
  opacity: 0.15;
  height: 0%;
   width:  3px;
    transition: all 0.9s ease-in-out;
}

.allHistoery .active .left-col::before{
	height:100%;
}
.allHistoery .item:first-child .left-col::before{
	top:30px;
}
.allHistoery .item:last-child .left-col::before{
	height:0px;
}

.allHistoery .cirlce{
  position: absolute;
  max-width: 18px;
  right: -7px;
  top: 18px;
	
}
.allHistoery .right-col{padding-top: 15px;}

.our-founde .max_1120{
   max-width:clamp(300px,59vw,1150px);
   margin-left: 8.7500vw;
}


.our-founde .squre{
  max-width: 16.6667vw;
  position: absolute;
  top: 0;
  right: -12vw;
  z-index: 5;
}

.valuesCard{
  border: 1px solid rgb(0 51 153 / 15%);
  border-radius: 6px;
  padding: 30px;
  height: 100%;
}
.valuesCard .fimg{
  height: 64px;
  width: 64px;
  object-fit: contain;
}
.valuesCard .names{
  margin-top: 90px;
}
.valuesCard .names p br{display: none;}
.valuesCard .names p{max-width: 90%;}

/* page  Portfolio*/

.portfolio-hero{
  padding-top: clamp(150px,33.3333vh,360px);
  padding-bottom: 50px;
}
.title-row .targetBtn{
  margin-left: clamp(30px,4.1667vw,80px);
}
.targetBtn a{
  color: var(--white);
  text-transform: uppercase;
  font-size: clamp(18px,1.3542vw,26px);
  font-family: "Edingu-Regular";
  letter-spacing: 0;
  line-height: 1;
  
  margin-right: 40px;
  border-left: 2px solid var(--white);
  /* padding-right: 10px; */
  /* padding-left: 20px; */
  padding: 5px 5px 5px 20px;
}
.targetBtn a svg{margin-left: 7px;}
.targetBtn a:hover{
  background-color: var(--white);
  color: var(--blue);

}
.targetBtn a:hover path{fill: var(--blue);}

.publicCard{
  border: 1px solid rgb(0 51 153 / 15%);
  border-radius: 6px;
  padding: 30px;
  height: calc(100% - 30px);
  padding-bottom: 130px;
  overflow: hidden;
  position: relative;
  -ms-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.publicCard .pdf{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.publicCard .num{
  opacity: 0.25;
}
.publicCard .buton{
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  font-size: 16px;
  font-family: "Parkinsans-SemiBold";
}
.publicCard:hover{
  color: var(--white);
  background-color: var(--blue);
}
.publicCard:hover .pdfIcon{
  filter: brightness(0) invert(1);
}
/*  */
.acs-list{width:100%;overflow:hidden;display:block}
.acs-item{position:relative;top:0;transform:none!important;transform-origin:top center;width:100%;height:150px;overflow:hidden;border-radius:8px;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;isolation:isolate;transition:height .7s cubic-bezier(.22,1,.36,1)}
.acs-item:hover{top:0;height:550px;transform:none!important}
.acs-overlay{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.5);border-radius:8px;pointer-events:none;transition:background .6s ease}
.acs-item:hover .acs-overlay{background:rgba(0,0,0,.6)}
.acs-title{position:absolute;top:50%;left:0;width:100%;z-index:10;padding:27px 45px;color:#fff;text-transform:uppercase;transform:translateY(-50%);transition:top .6s ease,transform .6s ease}
.acs-item:hover .acs-title{top:0;transform:none}
.acs-title span{position:absolute;left:90px;top:50%;transform:translateY(-50%)}
.acs-slider{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.acs-item:hover .acs-slider{opacity:1;visibility:visible;pointer-events:auto}
.acs-slider .carousel-inner{position:relative;width:100%;height:100%}
.acs-slider .carousel-inner::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.6);pointer-events:none}
.acs-slider .carousel-item{width:100%;height:100%}
.acs-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.acs-control{position:absolute;top:auto!important;bottom:25px!important;width:44px!important;height:44px!important;padding:0!important;z-index:50!important;opacity:1!important;background:transparent!important;border:0!important;pointer-events:auto!important}
.acs-prev{left:45px!important}
.acs-next{left:95px!important}
.acs-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff!important;color:#111!important;border-radius:4px;font-size:20px;line-height:1;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none!important;transition:transform .25s ease}
.acs-arrow:hover{transform:translateY(-2px)}
@media(max-width:1199px) and (min-width:768px){
.acs-item{height:120px}
.acs-item:hover{height:420px}
.acs-title{padding:24px 35px}
}
@media(max-width:767px){
.acs-list{width:100%;overflow:hidden;display:block}
.acs-item{position:relative;top:0;height:170px!important;margin-bottom:5px;border-radius:7px;cursor:default;background-position:center;background-size:cover;transform:none!important}
.acs-item:hover{top:0;height:170px!important;transform:none!important}
.acs-overlay{background:rgba(0,0,0,.42);border-radius:7px}
.acs-item:hover .acs-overlay{background:rgba(0,0,0,.42)}
.acs-title{top:0!important;left:0;width:100%;padding:20px 18px;color:#fff;transform:none!important;text-align:left}
.acs-title span{left:auto;right:18px;top:50%;transform:translateY(-50%)}
.acs-slider{opacity:1!important;visibility:visible!important;pointer-events:auto!important;border-radius:7px}
.acs-slider .carousel-inner::after{background:rgba(0,0,0,.42)}
.acs-control{bottom:14px!important;width:38px!important;height:38px!important;z-index:100!important;opacity:1!important;pointer-events:auto!important}
.acs-prev{left:14px!important}
.acs-next{left:58px!important}
.acs-arrow{width:38px;height:38px;font-size:16px;border-radius:4px}
}
@media(max-width:450px){
.acs-item{height:155px!important}
.acs-item:hover{height:155px!important}
.acs-title{padding:17px 16px}
.acs-prev{left:12px!important}
.acs-next{left:55px!important}
.acs-control{bottom:12px!important;width:36px!important;height:36px!important}
.acs-arrow{width:36px;height:36px;font-size:15px}
}

/*  */
.xborderBox{
  padding: 80px 0;
  position: relative;
}

.xborderBox ._img{
  position: absolute;
  left: 0;
}
.xborderBox .topI{
  top: 0;
  width: 50%;
}

.bottomI{
  bottom: 0;
  width: 100%;
}
.equipmentBox{margin-bottom: 40px;}
.equipmentBox .img{
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
}

.blueImage ._img{
  width: 100%;
  max-width: 82%;
}

.expert-hero{
  height: 900px;
  max-height: 100vh;
  display: flex;
  align-items: flex-end;
}

.iconBox{
  display: flex;
  align-items: center;
}
.iconBox .icon{
  margin-right: 20px;
  height: 72px;
  width: 72px;
  object-fit: contain;
  object-position: left;
}

.our-intro{
  padding: clamp(50px,11.5741vh,125px) 0;
}
.our-intro .warpper{
   padding: clamp(25px,6.0185vh,65px) 0 clamp(25px,6.0185vh,65px) clamp(30px,10.3125vw,198px);
   border-left: 3px solid rgba(255, 255, 255, 0.25);
}
.our-intro .grid{
  position: absolute;
  left: 5%;
  top: 50%;
   transform: translate(0, -50%);
   -webkit-transform: translate(0, -50%);
}

.equipmentBox .carousel{
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
}

.equipmentBox .arrowss{
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.arrowss button{
  height: 50px;
  width: 50px;
  border: 0;
  border-radius: 6px;
  padding: 0;
  background-color: var(--white);
}

.proces_item{
  display: flex;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid rgb(0 51 153 / 15%);
}
.proces_item .number{
  font-family: "Edingu-Regular";
  letter-spacing: 0;
  line-height:normal;
  opacity: 0.05;
  position: relative;
  top: 10px;
  height: fit-content;
	min-width:105px;
}
.proces_item .number::before{
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--white);
    z-index: 10;
}
.proces_item .icon{
  height: 80px;
  width: 80px;
  object-position: right;
  object-fit: contain;
  margin: 0 clamp(25px,3.1250vw,60px);
}


.defaultPAfe h1,.defaultPAfe h2,.defaultPAfe h3{
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
  
  margin-bottom: 30px;
  width: fit-content;
}
.defaultPAfe ul,.defaultPAfe ol,.defaultPAfe p{
  margin-bottom: 30px;
}
.our-intro p br{display: none;}



@media(min-width: 1200px){
  .iconBox .icon{width: 3.7500vw;height: 3.7500vw;}
	.serverTechno{height:83.3333vh;max-height:100vh;background-position:center top;}
	.designSec  .pl-50{padding-left:50px;}
}
.testimonials .arrows {
    min-width: 100px;
    margin-left: 20px;
    display: flex;
    justify-content: flex-end;
}
.testimonials .arrows a {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}