@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'Rockhand';
  src: url('fonts/rockhand.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aperto';
  src: url('fonts/apertoRegular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --grey: #424656;
  --blue: #295aa4; 
  --blue1: rgba(41,90,164,0.25); 
  --white1:rgba(255,255,255,0.6);
  --white2:#fff;
  --grey2: rgba(66,70,86,0.8);
  --grey3: rgba(66,70,86,0.75);
  --grey4: rgba(66,70,86,0.3);
  --grey5: rgba(66,70,86,0.1);
  --grey6: rgba(66,70,86,0.2);
  --bggrey1:#f9f9f9;
}


html,body{font-family: 'Montserrat';}
h1,h2,p{ margin: 0px;}
a{text-decoration: none;}
ul{ margin: 0px; padding: 0px;}
ul li{ list-style: none;}
img{display: block;}


.container1{width:1750px;max-width:1750px;}
.container2{width:1350px;max-width: 1350px;}
.container3{width:1350px;max-width: 1350px;}
.container4{width:1000px;max-width: 1000px;}
.container5{width:1200px;max-width: 1200px;}

.navbar-brand img{height: 22px; display: block;}
.menu{width: 13px; margin-left: 50px;cursor: pointer;}
.menu img{ width: 100%; }
.navbar{ padding:22px 0px;box-shadow: 0 8px 9px -10px rgba(0, 0, 0, 0.1);z-index: 2; overflow: hidden;  }
.navbar-nav a {font-size: 15px;color: var(--grey);font-weight: 500;text-transform: uppercase;margin-left: 50px; padding:0px !important;   position: relative;  display: inline-flex;  flex-direction: column;  height:20px;  overflow: hidden;  vertical-align: center;}
.nav-link span {  display: block;  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}
.nav-link::after {  content: attr(data-text);position: absolute;  top: 100%;  left: 0; font-size: 15px;color: var(--blue);font-weight: 500;text-transform: uppercase;  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}

.menu{width:13px;height:13px;margin-left: 40px;margin-top: 3px; cursor: pointer;}
.menu-open{position: fixed; top: 76px; right: 0; width:400px;  height: 100%; background: #fff;  z-index: 999;  transform: translateX(100%);transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);}
.menu-open.open {transform: translateX(0);}  
.menu-wrap{ padding: 50px;background: #fff url(../images/bg-menu.webp)no-repeat 100% 100%/cover;height:calc(100vh - 76px);}
.menu-close{position: absolute;top: -76px;right: 0px;padding: 33px 40px;background: #fff;cursor: pointer;}
.menu-close img{width:10px;height:10px;}
.bg-overlay{ position: fixed;  inset: 0;  background: rgba(0, 0, 0, 0.8);  z-index: 998;  opacity: 0;  pointer-events: none;  transition: opacity 0.4s ease;}
.bg-overlay.open { opacity: 1; pointer-events: all;}
.cntct-wrap{position: absolute;bottom: 50px;right: 0px; text-align: right;z-index:1; padding: 50px;}










 
.link2{font-size: 15px; line-height: 22px;font-weight: 600; background: #fff;padding: 15px 30px;border-radius: 30px;color: var(--blue);display: inline-block; }
.link2 img{width:15px;}
.link2 span,.link2 img{ display: inline-block;}
.link3{font-size: 22px;line-height: 32px; font-weight: 500; color:var(--grey);text-transform: uppercase; display: block;transition: all 0.5s ease-in-out;  }
.link4{font-size:16px; line-height:24px; font-weight: 500; color:var(--grey);text-transform: uppercase; display: block; transition: all 0.5s ease-in-out;background: url(../images/icon-arrow-blue-rotate.svg)no-repeat 110% 50%/15px;   }
/* .link3a{ background: url(../images/icon-plus-blue-1.svg) no-repeat 0px 7px; background-size: 15px;} 
.link3.active{ color:var(--blue);background: url(../images/icon-plus-blue.svg) no-repeat 0px 7px; background-size: 15px;}*/


.link5{font-size: 15px;line-height: 22px;font-weight: 500;color: var(--grey);}
.link6{font-size: 16px;line-height: 24px;font-weight: 400;color: var(--white1);}
.link7{font-size: 16px;line-height: 24px;font-weight: 500;color: var(--white1);}

.show-mob{ display: none;}
.hide-mob{ display: block;}
.show-tab{ display: none;}
.hide-tab{ display: block;}

 
 .navbar-nav a.active {color:var(--blue) !important;}
/* .link3a:hover{ color:var(--blue);background: url(../images/icon-plus-blue.svg) no-repeat 0px 7px; background-size: 15px;} */
 .link4.active{color: var(--blue);background: url(../images/icon-arrow-blue-rotate.svg)no-repeat 100% 50%/15px;padding-right: 30px;}

.mrg-btm1{ margin-bottom: 15px;}
.mrg-btm2{ margin-bottom: 30px;}
.mrg-btm3{ margin-bottom: 50px;}
.mrg-btm4{ margin-bottom: 10px;}
.mrg-btm5{ margin-bottom: 100px;}
.mrg-btm6{ margin-bottom: 40px;}
.mrg-btm7{ margin-bottom: 5px;}
.mrg-btm8{ margin-bottom: 70px;}
.mrg-btm9{ margin-bottom: 20px;}
.mrg-btm10{ margin-bottom:80px;}
.mrg-btm11{ margin-bottom: -100px;}

.mrg-lft1{margin-left: 15.5%;}
.mrg-lft2{margin-left: auto;}
.mrg-lft3{margin-left: 20px;}
.mrg-tp1{ margin-top: 20px;}
.mrg-tp2{ margin-top:120px;}
.mrg-tp3{ margin-top:80px;}
.mrg-tp4{ margin-top:30px;}
.mrg-tp5{ margin-top: -240px;}
.mrg-tp6{ margin-top:50px;}




.mrg-rgt1{ margin-right:30px;}
.mrg-rgt2{ margin-right:5px;}

.pdg{ padding: 0px;}
.pdg1{ padding:130px 0px;}
.pdg2{ padding:0px 20px;}
.pdg3{ padding:200px 0px;}
.pdg4{ padding: 100px 0px;}
.pdg5{ padding-top: 100px;}
.pdg9{ padding: 100px 0px 300px 0px;}
.pdg11{padding-bottom: 100px;}


.text1{font-family: 'Aperto'; font-size: 85px; line-height:65px;color: var(--grey); }
.text2{font-family: 'Rockhand';font-size: 85px; line-height:65px;color:var(--blue); margin-left: 8px;}
.text3{font-size: 18px; line-height: 28px; font-weight: 400;color: var(--grey2);}
.text4{font-size:16px; line-height: 26px; font-weight: 600; color:var(--blue);text-transform: uppercase; position: relative; padding-left: 25px;}
.text4:after{content: '';position: absolute;left: 0px; top: 8px; width: 20px;height:15px;background: url("../images/icon-arrow-blue.svg") 0px 0px/15px no-repeat;}
.text5{font-size: 18px; line-height: 28px;color: var(--grey);}
.text6{font-size: 24px;line-height: 32px;color: var(--blue);font-weight: 500;}
.text7{font-size: 16px;line-height: 24px;color: var(--grey);}
.text8{font-size: 22px;line-height: 30px;color: var(--blue);}
.text9{font-size: 15px;line-height: 22px;color: var(--grey2);}
.text10{font-family: 'Aperto'; font-size: 75px; line-height:55px;color: var(--grey);}
.text11{font-family: 'Rockhand';font-size: 75px; line-height:55px;color:var(--blue); margin-left: 8px;}
.text12{font-size:14px;line-height: 22px;color: var(--grey);}
.text13{font-size: 16px;line-height: 24px;font-weight: 400;}

.text15{font-size: 20px;line-height: 24px;font-weight: 400;}
.text16{font-size:50px;line-height:50px;color:var(--blue1);}






.sec-hme-1a{  padding-left: 30px; position: relative; overflow: hidden;  }
.line-bar {position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: url(../images/line-blue.png)no-repeat 0px 0px;
  transform: scaleY(0%);transform-origin: top center;}




 
.fnt-mdm{font-weight: 500;}
.fnt-semi{font-weight: 600;}
.txt-uppr{ text-transform: uppercase;}
.txt-lwr{ text-transform: lowercase;}
.txt-rgt{ text-align: right;}
.txt-cntr{ text-align: center;}
.txtblu{color: var(--blue);}
.txtwht1{color:var(--white1);}
.txtwht2{color:var(--white2);}
.txtgrey3{color:var(--grey3);}
.txtgrey2{color:var(--grey2);}
.txtgrey{color:var(--grey);}
.txtgrey4{color:var(--grey4);}
.txtwht{color:#fff;}

.wdt1{ width:552px;}
.wdt2{ width:450px;}
.wdt3{ width:80%;}
.wdt4{width: 615px;}
.wdt5{width: 535px;}

.gap2{--bs-gutter-y: 15px;--bs-gutter-x:15px;}
.brdr-btm1{ margin: 20px 0px;display: block;  width: 100%;  height: 1px;  background: var(--grey6);   transform-origin: left center;} 

.banner-hme1{ background: var(--banner-bg) 0px 50% /cover; padding: 180px 0px;}
.pin-overlay{ position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:2; will-change:opacity, backdrop-filter;}

#carouselBanner .carousel-indicators [data-bs-target]{width: 50px;height: 2px;border:0px;background:var(--blue);}
.banner-wrap{ margin-top: 50px;}
#carouselBanner .carousel-indicators{ margin: 0px; right: auto;bottom:150px;}
.pstn-rltv{ position: relative;}
.brk{ display: block;}
.d-hme-flex{ display: flex;align-items: center;}
.d-hme-flex img{display: block;  }
.d-prp-flex{display: flex;align-items: end; justify-content: end;}
.img1{ width: 100%;}
.img2{ width: 75%;}
.img3{ width: 100px;}
.img4{ width: 35px;}
.img5{ width: 200px; max-width:100%;}
.img6{ width: 100px; max-width:90%;}
.img8{ width: 118%;}

.jcc{ justify-content: center;}
.jcb{ justify-content: space-between;}
.alc{align-items: center;}
.ale{align-items: end;}
.d-inl-blk{display: inline-block;}
.d-flx{ display: flex; justify-content: space-between; }
.d-flx1{display: flex; align-items: flex-start;flex-wrap: wrap;}
.d-flx2{ display: flex; justify-content: space-between; }
.bg-grey{background:#f9f9f9;}




.sec-pin { width: 100%;  max-width: 100vw; overflow-x: clip; }
.sec-hme-1{ background: #fff; position: relative; z-index: 1;}
.sec-hme-2{ background: #f9f9f9; position: relative; z-index: 1;}
.carousel-wrapper {margin: 0 auto;position: relative;}
.card-image {position: relative; overflow: hidden; aspect-ratio: 4 / 3;border-top-left-radius: 10px;border-top-right-radius: 10px; }
.card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.5s ease; }
.badge {position: absolute;top: 15px;left: 15px;background: #f5f9ff;color: var(--grey);font-size: 11px;font-weight: 600;padding: 6px 12px; border-radius:5px; text-transform: uppercase;}
.property-card .card-body {padding: 20px 0px;}
.carousel-wrapper,.carousel-wrapper .owl-carousel,.carousel-wrapper .owl-stage-outer,.carousel-wrapper .owl-stage,.carousel-wrapper .owl-item,.carousel-wrapper .property-card{height:100%;}


.owl-carousel .owl-nav {margin: 0; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {position: absolute; top: 50%;transform: translateY(-50%);width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: #fff; border:1px solid var(--grey4); border-radius: 30px; transition: all 0.5s ease;}
.owl-carousel .owl-nav button.owl-prev { left: -80px; }
.owl-carousel .owl-nav button.owl-next { right: -80px; }
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {background: var(--grey);} 
.owl-carousel .owl-nav button.owl-prev:hover::before{  background: url("../images/icon-arrow-white-left.svg") center/cover;}
.owl-carousel .owl-nav button.owl-next:hover::before{  background: url("../images/icon-arrow-white-right.svg") center/cover;}

.owl-carousel .owl-nav button.owl-prev::before,
.owl-carousel .owl-nav button.owl-next::before {content: ""; width: 15px;height: 15px; transition: all 0.5s ease;} 
.owl-carousel .owl-nav button.owl-prev::before{  background: url("../images/icon-arrow-grey-left.svg") center/cover;}
.owl-carousel .owl-nav button.owl-next::before{  background: url("../images/icon-arrow-grey-right.svg") center/cover;}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {opacity: 0.35;cursor: default;}
.owl-carousel .owl-nav button span{ display: none;}
.bdg1{font-size: 14px;line-height: 20px;color: var(--grey);border: 1px solid var(--grey4);background: #fff;border-radius: 25px; display: inline-flex; align-items: center; font-weight: 500; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; }
.property-card hr{margin:20px 0px;background: var(--grey);color:var(--grey);  }
.property-card{background: #fff;border-radius: 10px;border: 1px solid var(--grey5);display: block; transition: all 0.5s ease;}
.bdg1 img{width: 15px !important;margin-right: 10px;}

.property-card:hover .card-image img{transform:  scale(1.1);}
.property-card:hover {box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1);}
.property-carousel .owl-item{ padding:0px 10px 50px 10px;   }





.sec-hme-3a{ position: relative;}
.sec-hme-3{ background: url(../images/bg-insights.webp)no-repeat 0px 0px/cover;border-bottom: 1px solid #cccccb; }
.play-btn img {width: 100%;height: 100%; object-fit: cover; display: block;}
.play-btn {position: absolute; top: 50%;  left: 50%; width: 75px; height: 75px;transform: translate(-50%, -50%);display: flex;align-items: center; justify-content: center;  background: transparent;cursor: pointer; }
.sec-hme-4{ position: relative; }
.sec-hme-4a {position: relative;display: block;border-top:1px solid var(--grey4);padding: 30px 0px;background: url(../images/icon-arrow-black1.svg)no-repeat 98% 40px/20px;transition: all 0.5s ease;}

.sec-hme-4a p{ transition: all 0.5s ease; }


.sec-hme-4::after{content:''; position: absolute;top:15%;right:15%; z-index: -1; width: 500px;height:500px; border-radius: 100%; background: #faefdb; filter: blur(100px); }


.testiwrap{ width:450px; padding: 50px 50px 150px 50px; background: #fff; border-radius: 10px;}
#carouselTesti .carousel-item{ display: block; cursor: grab; }
#carouselTesti .carousel-indicators [data-bs-target]{ width:35px;height: 3px; background: #295aa4;border:0px;}
#carouselTesti .carousel-indicators{ margin:0px; justify-content: start; bottom: 200px;left: 65px;}
.testi-arrows {display: flex; gap: 1rem; position: absolute;  bottom: 180px;left:63px;}
#carouselTesti .carousel-control-prev,#carouselTesti .carousel-control-next{ position: static !important;width: 44px;
  height: 44px; display: flex; align-items: center; justify-content: center;  }

#carouselTesti .carousel-control-prev-icon, #carouselTesti .carousel-control-next-icon{width: 44px;height: 44px;background: #fff;  border: 1px solid var(--grey4);
  border-radius: 30px;}
#carouselTesti .carousel-control-prev-icon{  background: url("../images/icon-left-arrow-grey2.svg") center/15px no-repeat; transition: all 0.5s ease;}
#carouselTesti .carousel-control-next-icon{  background: url("../images/icon-right-arrow-grey2.svg") center/15px no-repeat; transition: all 0.5s ease}

#carouselTesti .carousel-control-prev-icon:hover{  background:var(--grey) url("../images/icon-arrow-white-left.svg") center/15px no-repeat;}
#carouselTesti .carousel-control-next-icon:hover{  background:var(--grey) url("../images/icon-arrow-white-right.svg") center/15px no-repeat;}


.testi-img{ border-radius: 100px; width: 60px;height:60px;margin-right: 10px;}

.testi1, .testi2 {position: relative;overflow: hidden;isolation: isolate;background: none; }

.testi1::before,
.testi2::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(var(--bg-scale, 1));
  transform-origin: center;
  z-index: -1;
  will-change: transform;
}

.testi1::before {background-image: var(--testi-bg);}
.slide{--bg-scale: 1;--bg-opacity: 0.75;}
.testi-auth{ display: flex;}

.footer{ background: #0d233b; padding:50px 0px 15px 0px;}
.ul1 li a{font-size: 18px;color: rgba(255,255,255,0.85);font-weight: 400; transition: all 0.5s ease;}
.ul1 li{ margin-bottom: 5px;}
.ul2 li a{width: 23px;display: block;background: #fff;}
.ul2 li{ display: inline-block; margin-right: 10px;}
.ul2 li a img{padding: 3px;}
.ulisub .prim {background: url(../images/icon-plus-white.svg)no-repeat 100% 50%/10px;padding-right: 25px;cursor: pointer;}
.ulisub ul{overflow: hidden;max-height: 0; opacity: 0;transition: max-height 0.5s ease, opacity 0.5s ease;}
.ulisub ul li a{font-size: 16px; line-height: 24px;}
footer hr {border-top: 1px solid #fff;margin: 50px 0px 15px 0px;}
.ulisub.active ul{max-height: 600px;opacity: 1;}
.footer-seo{ background: #333333; }
.footer-seo hr{border-top: 1px solid #fff; margin: 30px 0px 0px 0px;}
.footer-seo .footer-seo-cntnt {  overflow: hidden;transition: max-height 0.35s ease, opacity 0.35s ease;}

.ulisub.active .prim{color:var(--blue);background: url(../images/icon-minus-blue.svg)no-repeat 100% 50%/10px;}

.link6,.link7{position: relative;  display: inline-flex;  flex-direction: column;  height:21px;  overflow: hidden;  align-items: center;}
.link6 span,.link7 span {  display: block;  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}
.link6::after  {  content: attr(data-text);position: absolute;  top: 100%;  left: 0; font-size: 16px;line-height: 24px; color:var(--blue);  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}
.link7::after {  content: attr(data-text);position: absolute;  top: 100%;  left: 0; font-size: 16px;line-height: 24px; font-weight: 500;color:var(--blue);  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}



.btn1 {font-size: 18px;color: rgba(255,255,255,0.85);font-weight: 400;cursor: pointer;user-select: none; background: #333333;
  padding: 10px 0px;}.btn1 span{display: inline-block;margin-left: 8px;width: 15px;height: 15px;background: url(../images/icon-arrow-white2.svg)no-repeat 0px 0px; background-size: 100%;}

.ul4{ display: flex; align-items: center; justify-content: flex-end;}
.pipe{background: var(--white1);height:15px; width: 1px; margin: 0px 20px;}
.ul2{ margin-right: 40px;}
.ul2 li a {
  position: relative;
  display: flex;
  width: 23px;
  height: 23px;
  overflow: hidden; border-radius:5px;
}

.ul2 li a img {
  width: 23px;
  height: 23px;
  padding: 3px;
  object-fit: contain;
  display: block;
  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);
}

/* second (hover) icon sits directly below */
.ul2 li a .icon-hover {
  position: absolute;
  top: 100%;
  left: 0;
}

.ul2 li a:hover img {
  transform: translateY(-100%);
}
 
.word-mask {
  overflow: hidden;
  display: inline-block;
  vertical-align: baseline;
}
.word-mask.is-bluranim {
  overflow: visible !important;
}
.word-inner {
  display: inline-block;   /* REQUIRED for yPercent transform */
  will-change: transform;
}

.text3 .line-mask{overflow: hidden;display: inline-block; }
  .text3 .line-inner{ display: block;}

.property-card { transition: none !important; }
.word-mask.is-bluranim {
  transform: translateY(-10px);
}
.banner-wrap .word-mask.is-bluranim{transform: translateY(0px);}





.sec-hme-4a .blog-blur,
.sec-hme-4a .blog-txt-anim { visibility: hidden; }
.blog-ready .sec-hme-4a .blog-blur,
.blog-ready .sec-hme-4a .blog-txt-anim { visibility: visible; }

.blog-txt-anim .line-mask  { overflow: hidden; display: block; }
.blog-txt-anim .line-inner { display: block; }
 .sec-prj-8{ background: var(--bggrey1) url(../images/bg-smart.webp)no-repeat 90% 90%/60% ;}
.sec-prj-8a{ background: #fff; padding:20px; height: 100%;border:1px solid var(--grey5);}


.link1{ font-size: 15px; line-height:15px;font-weight: 600;  color: #fff;}

  .link1{    
    position:relative;
    display:inline-flex;
    overflow:hidden;
    border-radius:30px;
    border:1px solid var(--blue);
    color:#fff;
    cursor:pointer;     
    white-space:nowrap;
    transition:background-color .5s cubic-bezier(1,0,.01,1);;
    will-change:transform;
    background :var(--blue);
  }    
  .link1-inner{
    position:relative;
    height:100%;
    transition:transform .5s cubic-bezier(1,0,.01,1);;
    will-change:transform;
  }

  .roll-text1{
    display:flex;align-items:center;justify-content:center;    
    padding: 15px 20px;
    font-size: 15px; line-height:15px;font-weight: 600; 
    color:#fff;background :var(--blue);border-radius:30px;
  }   
  .roll-text2{
    position:absolute;
    top:105%;left:0; 
    background:#fff;
    color:var(--blue);border-radius:30px;
  }


.arrow-icon { width: 15px; margin-left: 15px; margin-top:3px;  display: block; }

/* ---- roll-over on the label ---- */
.link3a .roll-mask{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  height: 32px;                 /* = .link3 line-height */
  overflow: hidden;
  vertical-align: top;
}
.link3a .roll-text{
  display: block;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  white-space: nowrap;
}
.link3a .roll-text-hover{
  position: absolute;
  top: 100%;
  left: 0;
}
 
/* remove the background icon from .link3a — it now lives on the roll copies */
.link3a{ background: none; }

.link3a .roll-mask{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  height: 32px;                 /* = .link3 line-height */
  overflow: hidden;
  vertical-align: top;
}

.link3a .roll-text{
  display: flex;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  white-space: nowrap;
}

.link3a .roll-text-hover{ color:var(--blue);}








/* icon now lives on the roll copies, not on .link3a's background */
.link3a { background: none; padding-left: 0; }

.link3a .roll-mask{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 32px;                 /* = .link3 line-height */
  overflow: hidden;
  align-items: end;
}
.link3a .roll-text{
  display: flex;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  white-space: nowrap;justify-content: end;width: 100%;
}
/* the plus icon prepended to each copy */
.link3a .roll-text::before{
  content: '';
  width: 15px;
  height: 15px;
  margin-right: 12px;
  flex: none;
  background: url(../images/icon-plus-grey.svg) no-repeat center/10px;
  background-position: 0px 0px;
  position: absolute;
  left: 0px;
  top: 8px;
}

/* incoming (hover) copy: blue text + blue plus, parked one line below */
.link3a .roll-text-hover{
  position: absolute;
  top: 100%; right: 0;
  color: var(--blue);
}
 

 

/* submenu accordion — unchanged */
.link3b ul {overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.5s ease, opacity 0.5s ease;}
.link3b.open ul {max-height: 200px; opacity: 1;}

/* OPEN state — blue minus on the visible copy */
.link3b.open .link3a .roll-text,
.link3b.open .link3a.active .roll-text{ color: var(--blue); }
.link3b.open .link3a .roll-text::before,
.link3b.open .link3a.active .roll-text::before{
  background: url(../images/icon-minus-blue.svg) no-repeat center/10px;
}

/* ACTIVE state — blue plus */
.link3b .link3a.active .roll-text{ color: var(--blue); }
.link3b .link3a.active .roll-text::before{
  background: url(../images/icon-plus-blue.svg) no-repeat center/10px;
}

 
.link3.active{color:var(--blue);}


.link3c{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  height: 32px;                 /* = .link3 line-height */
  overflow: hidden;
  vertical-align: top;
}
.link3c span{
  display: block;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
  white-space: nowrap;
}
.link3c::after{
  content: attr(data-text);
  position: absolute;
  top: 100%;
  left: 0;
  color: var(--blue);
  white-space: nowrap;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}
 









/*
.link3a {background: url(../images/icon-plus-grey.svg) no-repeat left 50%;background-size: 10px;}
.link3b.open .link3a,.link3b.open .link3a.active {color:var(--blue);background: url(../images/icon-minus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3b ul {overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.5s ease, opacity 0.5s ease;}
.link3b.open ul {max-height: 200px; opacity: 1;}
.link3b:hover .link3a {color:var(--blue); background: url(../images/icon-plus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3:hover{color:var(--blue);}  
.link3b .link3a.active{color:var(--blue);background: url(../images/icon-plus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3.active{color:var(--blue);}
*/


@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {justify-content: end;}
.navbar .nav-link:hover span,.navbar  .nav-link:hover::after {transform: translateY(-91%);}
.navbar-nav a:hover ,  .link5:hover{color:var(--blue) !important;} 
.link4:hover{color: var(--blue);background: url(../images/icon-arrow-blue-rotate.svg)no-repeat 100% 50%/15px;padding-right: 30px;}

.hover-img {position: absolute;top: -30px;right:20%;width: 300px;height: 170px;overflow: hidden;border-radius:10px;opacity: 0;z-index: 9999;transition: opacity 0.5s ease;pointer-events: none;box-shadow: 0 10px 30px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);}
.hover-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; opacity: 0;display: block;transform: scale(1.1);transition: all 1s ease;will-change: transform, opacity;}
.sec-hme-4a:hover .hover-img {opacity: 1;}
.sec-hme-4a:hover .hover-img img {opacity: 1; transform: scale(1);} 
.sec-hme-4a:hover{background: url(../images/icon-arrow-blue.svg)no-repeat 98% 40px/20px;}
.sec-hme-4a:hover .text5{color: var(--blue);}
.ul1 li a:hover{ color:var(--blue);}
.ulisub .prim:hover{color:var(--blue);background: url(../images/icon-plus-blue.svg)no-repeat 100% 50%/10px;}
.link6:hover span,.link6:hover::after,.link7:hover span,.link7:hover::after {transform: translateY(-91%);}
.link1:hover .link1-inner{ transform:translateY(-105%); }  
.link1:hover{ background: #fff;}
.link3a .roll-text-hover::before{background: url(../images/icon-plus-blue.svg) no-repeat center/10px;}
.link3b:hover .link3a .roll-text,.link3b:hover .link3a .roll-text-hover{transform: translateY(-100%);}
.link3:hover{color:var(--blue);} .link3c:hover span,.link3c:hover::after{ transform: translateY(-100%);}









/*
.link3a {background: url(../images/icon-plus-grey.svg) no-repeat left 50%;background-size: 10px;}
.link3b.open .link3a,.link3b.open .link3a.active {color:var(--blue);background: url(../images/icon-minus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3b ul {overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.5s ease, opacity 0.5s ease;}
.link3b.open ul {max-height: 200px; opacity: 1;}
.link3b:hover .link3a {color:var(--blue); background: url(../images/icon-plus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3:hover{color:var(--blue);}  
.link3b .link3a.active{color:var(--blue);background: url(../images/icon-plus-blue.svg) no-repeat left 50%;background-size: 10px;}
.link3.active{color:var(--blue);}
*/










}
@media (max-width: 2000px) {
  
}
@media (max-width: 1750px) {
.container1{ width: 95%; max-width: 95%;}
.container2{width:1225px;max-width: 1225px;}

.navbar-brand img{ height: 19px;}
.navbar{ padding:15px 0px;}
.menu-wrap{height:calc(100vh - 50px);}
.menu-open{ top: 56px; }
.menu-open.open {transform: translateX(0);}
.menu-close{top: -56px;padding: 25px 50px;}
.text1{font-size: 75px;line-height: 55px;}
.text2 {font-size: 75px;line-height:55px;}
.text10,.text11{font-size: 65px;line-height:48px;}
.text3,.testiwrap .text5 {font-size: 18px; line-height: 28px;}
.btn1,.text5 {font-size: 16px; line-height: 24px;}
.wdt2{ width: 400px;}
.wdt4{ width: 600px;}
.ul1 li a{font-size: 16px; line-height: 24px;}




}
@media (max-width: 1600px) {
 .banner-hme1{ padding: 75px 0px;}
}
@media (max-width: 1499px) {
  .container, .container1{ width: 95%; max-width: 95%;}
  
}

@media (max-width: 1367px) {
.text1,.text2{  font-size: 60px; line-height:45px;} 
.text10,.text11{font-size: 50px; line-height:40px;}
.pdg3{ padding: 120px 0px;} 
.wdt1{ width:390px;}
.container2{width: 1000px; max-width:1000px;}
.container1{width: 95%; max-width: 95%;}
.container3{width:95%;max-width:95%;}
.menu-wrap .mrg-btm2 {margin-bottom: 20px;}
  .owl-carousel .owl-nav button.owl-prev { left: -45px; }
  .owl-carousel .owl-nav button.owl-next { right: -45px; }
 .banner-hme1 {padding: 60px 0px; } 
 #carouselBanner .carousel-indicators {bottom: 110px;}
}

@media (max-width:1100px) {
  .container2,.container4{width: 85%; max-width: 85%;}
  #carouselBanner .carousel-indicators{bottom:90px;}
  .banner-wrap{ margin-top: 20px;}
  .wdt4{ width: auto;}
   .owl-carousel .owl-nav button.owl-prev { left: -35px; }
  .owl-carousel .owl-nav button.owl-next { right: -35px; }
  .play-btn{width:75px;height:75px;}
  .pipe{ margin: 0px 10px;}
  .sec-prj-8 {background: var(--bggrey1) url(../images/bg-smart.webp)no-repeat 90% 68%/60%;}

}

@media (max-width: 992px) {
 .show-tab{ display: block;}
.hide-tab{ display: none;}
 
.menu-close {top: -56px;padding:24px;}
.menu-wrap {padding: 50px 60px;}
.mrg-lft1{margin-left:0px;}
.banner-wrap{ margin-top: 0px;}
 
.text6 {font-size: 22px;line-height: 35px;}
.banner-hme1{padding: 50px 0px 100px 0px;}
#carouselBanner .carousel-indicators{ margin: 0px; right: auto;bottom: 50px;}
.mrg-tp5 {margin-top: 0px; padding-top: 80px;}
.mrg-btm11{ margin-bottom: 0px;}
.hover-img{ opacity: 1; position: static; width:200px; margin: 15px 0px; display: none;}
.container2,.container4{width: 95%; max-width: 95%;}
.pdg1{ padding:80px 0px;}
.pdg5{ padding-top: 80px;}
.pdg4{ padding: 80px 0px;}
.pdg9{ padding: 80px 0px;}
.img2{width:100%;}
.d-hme-flex{ gap:20px}
.owl-carousel .owl-nav { display: none;}
.sec-hme-1 .mrg-tp2 { margin-top: 80px;}
.sec-hme-1 .mrg-btm3 {margin-bottom: 30px;}
.d-prp-flex{ display: block;}
.mrg-tb-btm1{ margin-bottom: 30px;}
.mrg-tb-btm2{ margin-bottom: 80px;}
.mrg-tb-btm3{ margin-bottom: 50px;}
.mrg-tb-btm4{ margin-bottom: 15px;}
.mrg-tp6{ margin-top: 0px;}
.play-btn{ width: 50px;height:50px;}
.sec-hme-4 .txt-rgt{ text-align: left;}
.sec-hme-4 .mrg-tp2{ margin-top: 30px;}
.d-flx,.d-flx2{flex-wrap: wrap;}
footer .d-flx div{ width: 50%;max-width: 50%;}
footer hr{ margin: 30px 0px;}
.testiwrap{padding: 50px 30px 150px 30px;}
#carouselTesti .carousel-indicators {margin: 0px;justify-content: start;bottom: 100px;left: 40px;}
.sec-hme-4::after {top: 30%;right: 0%;width: 400px;height: 400px;}
.ul4{justify-content: flex-start;flex-wrap: wrap;}
.ul2{ margin-right: 0px;}
.testiwrap .mrg-btm8{ margin-bottom: 40px;}
.testi-arrows {bottom:110px;left: 38px;gap:0;}
#carouselTesti .carousel-control-prev-icon, #carouselTesti .carousel-control-next-icon{width:35px;height: 35px;;}
 .sec-prj-8 {background: var(--bggrey1)}
.sec-prj-8.pdg1{ padding-bottom: 0px;}
}

@media (max-width:768px) {
.sec-hme-1a {padding-left: 15px;}


}

@media (max-width:640px) {
 .show-mob{ display: block;}
.hide-mob{ display: none;} 
.brk{ display: inline;}
.wdt-tb-1{ width: 100%;}
.wdt4,.wdt5{ width: auto;}
.brdr-btm-mb {border-top: 2px solid #e3e3e3;margin: 30px 0px;}
.sec-hme-1a {padding-left: 30px;} 
.pdg1,.pdg3{ padding:50px 0px;}
 .pdg5{ padding-top: 50px;}
 .pdg4{ padding: 50px 0px;} 
 .pdg9{ padding: 50px 0px;}
 .mrg-tp5 { padding-top: 50px;}
.wdt6{width: auto;}  
.wdt3{width: auto;}
.sec-hme-1 .mrg-tp2,.sec-hme-2 .mrg-tp3, .sec-hme-4 .mrg-tp3, .sec-prj-1 .mrg-tp3 { margin-top: 40px;}
.sec-hme-3 .mrg-tb-btm2{ margin-bottom: 40px;} 
.footer {padding: 50px 0px 30px 0px;}
.mrg-mb-btm1{margin-bottom: 30px;}
.mrg-mb-btm2{margin-bottom: 50px;}
.mrg-mb-btm3{margin-bottom: 15px;}
.sec-prj-8a .mrg-btm2 {margin-bottom: 15px;} 
}


@media (max-width: 480px) {
.text11mob{ display: inline-block; margin:15px 0px 0px 0px;}
.text11moba{display: inline-block; transform: translateY(10px);}

.sec-prj-1 .word-mask.is-bluranim,.sec-prjctlist-1 .word-mask.is-bluranim{transform: translateY(0px);}   
.sec-hme-4 .mrg-tb-btm1{ margin-bottom: 60px;}
.banner-wrap .word-mask.is-bluranim, .sec-hme-2 .word-mask.is-bluranim, .sec-hme-4 .word-mask.is-bluranim{transform: translateY(-5px);}  
}
@media (max-width: 450px) {
   .wdt2{ width:auto;}
   footer .d-flx div{ width: 100%;max-width: 100%;}
   footer .txt-rgt{ text-align: left;}
   .testiwrap{ width: auto;}  
   .pdg2 {padding: 0px 10px;}
   .text1,.text2{  font-size:50px; line-height:42px;} 
   .text10,.text11{font-size:40px; line-height:40px;}
   .sec-hme-2 .mrg-btm2{ margin-bottom: 15px;}
   
}

@media (max-width:410px) {
.text10,.text11{font-size:35px; line-height:30px;}
}