.vh-33 {
  height: 33vh !important;
}

/* Hide ScrollTrigger debug markers */
.gsap-marker-scroller-start,
.gsap-marker-scroller-end,
.gsap-marker-start,
.gsap-marker-end {
  display: none !important;
}

body{
  cursor: none !important;
  /* svg cursor test
  cursor: url('data:image/svg+xml,<svg width="256px" height="128px" viewBox="0 0 256 128" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <title>Superset</title>
    <g>
        <path d="M190.218924,0 C168.269282,0 148.049828,12.3487941 128.508879,33.9252584 C109.307183,12.0095415 88.748476,0 65.7810761,0 C27.7508614,0 0,27.1402067 0,63.67771 C0,100.215213 27.7508614,127.016168 65.7810761,127.016168 C89.1555791,127.016168 107.271667,116.058309 127.491121,94.2104426 C147.03207,116.12616 166.912271,127.084018 190.218924,127.084018 C228.249139,127.016168 256,100.316989 256,63.67771 C256,27.038431 228.249139,0 190.218924,0 Z M66.0524781,88.6806255 C49.9379804,88.6806255 40.3371323,78.0620196 40.3371323,64.0169626 C40.3371323,49.9719056 49.9379804,39.0479724 66.0524781,39.0479724 C79.6225815,39.0479724 90.716141,49.9719056 102.725682,64.6954678 C91.3946462,78.4012722 79.4190299,88.6806255 66.0524781,88.6806255 Z M189.065465,88.6806255 C175.698913,88.6806255 164.401802,78.0620196 152.392261,64.0169626 C164.741055,49.2934005 175.359661,39.0479724 189.065465,39.0479724 C205.179963,39.0479724 214.679035,50.1076067 214.679035,64.0169626 C214.679035,77.9263186 205.179963,88.6806255 189.065465,88.6806255 Z" fill="#484848"></path>
        <path d="M156.124039,117.958124 L181.703684,87.4253909 C171.526107,84.3721177 162.12881,75.2122979 152.392261,63.8473363 L127.491121,94.2104426 C135.643361,103.668805 145.322237,111.695521 156.124039,117.958124 Z" fill="#20A7C9"></path>
        <path d="M128.508879,33.8913332 C120.41092,24.2972701 110.793109,16.0907501 100.045587,9.60084813 L74.432017,40.4728333 C84.1685661,43.8653591 92.7855818,52.6180758 101.945402,63.7794858 L102.963159,64.4919162 L128.508879,33.8913332 Z" fill="#20A7C9"></path>
    </g>
</svg>')
16 16, pointer;
*/
}

footer {
cursor : pointer;
}
footer:hover {
  color: #ff6e6e;
}

.mw-50 {
  max-width: 50vw !important;
}

.pl-5 {
  padding-left: 100px !important;
}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}



.minvh-100  {
min-height: 100vh;
  }




/* button */
.glow-on-hover {
  width: 220px;
  height: 50px;
  border: none;
  outline: none;
  color: #fff;
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
}

.glow-on-hover:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
}

.glow-on-hover:active {
  color: #000
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 10px;
}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}
/* button */







/*services*/
.current {
  background-color: #000000b5; /* blue background */
  color: #ff6e6e; /* white text */
  border-radius: 15px 5px 25px 10px;
  padding-left: 15px;
}
.tab-bg {
  background-color: #2b2b2be8; /* blue background */
  color: #ffffff; /* white text */
  border-radius: 15px 5px 25px 10px;
}

.tab-bg {
  opacity: 0;
  transform: translateY(100px);
  animation: fadeInSlideUp 0.5s forwards;
}

@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
  .link-center {
  line-height : 50px;
  display: block;
  text-align: center;
  float: right;
 }
.link-center:hover {
  font-weight: bolder;
}

/*FORM select - Moved to enhanced-form.css for consistency*/




/*bookademo*/
.bg-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: -10;
}

.bg-img {
   /* Full height */
   height: 100%;
   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}




.mt-150{
  margin-top:170px;
  }


/*I-studio - Floorplan*/
#floorplan {
  opacity: 0.8;
}




/*portal odoo*/
.o_brand_promotion  {
  display: none;
}



/* Modal 
.modal-dialog {
  max-width: 90% !important;
  max-height: 90vh !important;
  height: 90vh !important;
}
  */

.modal-content {
  background-color: #121212;
  /*
  background-image: linear-gradient(315deg, #121212 0%, #3d3d3d 74%);
    padding: 0.2rem;
  */
  border-radius: 10px;
  height: 100%;
}
.modal-header {
  border-bottom: 0;
}

.modal-body {
  padding: 2rem;
  color: #d2d2d2da;
}
.modal-body p {
  font-size: 1rem;
  line-height: 1.5;
}
.modal-footer {
  border-top: 0;
  justify-content: center;
}
.modal-title {
  color: #d2d2d2da;
}

/*
.modal-header button {
  color: #2d9da9;
  float:right;
}
*/


/*
.modal {
  z-index: 1050;
background-color: #222222;
}

.modal-backdrop {
  z-index: inherit;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-content {
  background-color: #121212;
  background-image: linear-gradient(315deg, #121212 0%, #3d3d3d 74%);
  
}
.modal-header {
	border-bottom: 0;
}
.modal-header button.btn-close {
  color: #2d9da9;
}
*/

p {
  /*
  padding-bottom: 1rem;
  */
  text-align: left;
}


/*Menu*/
.hamenu {
  z-index: 10;
}
/*Menu Red line*/
.hamenu .menu-text:after {
  background: rgba(255, 0, 0, 0.14);
}




.mt-20 {margin-top: 20px;}

.ml-20{margin-left: 20px;}

.vh-50 {  height: 50vh !important;}

.mt-80 {margin-top: 80px;}


#readmore {
right:20px;
bottom:20px;
position:relative;
  }


#readmore:hover {
background-color: #e3e1e181;
}

.sec-lg-head .dot-titl:before, .sec-lg-head .dot-titl:after {
  background: #a52422ff;
}




/*footer border fx*/

#footerborder{
  position: absolute;
  border-radius: 100vmax;
}

.top {
  top: 0;
  left: 0;
  width: 0;
  height: 5px;
  background: linear-gradient(
    90deg,
    transparent 50%,
    rgba(255, 49, 49, 0.5),
    rgb(255, 49, 49)
  );
}
.top {
  animation: animateTop 5s ease-in-out infinite;
}

@keyframes animateTop {
  25% {
    width: 100%;
    opacity: 1;
  }

  30%,
  100% {
    opacity: 0;
  }
}






/*Page Brands - Hero 
==============================================
.swiper-slide .inter-links-center {
height: auto;
}

.swiper-slide .inter-links-center .links-img {
	position: fixed;
top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	overflow: hidden;
}

.swiper-slide .inter-links-center .links-img .img {
	position: relative;
  text-align: center;
}

.swiper-slide .inter-links-center a:hover {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}


.hero-hidden-caption {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: left;
  max-width: 40%;
  z-index: 2000;
  padding: 3rem;
  padding-left: 3rem;
  background-color: #ffd00065;
  border-radius: 0 1rem 1rem 0 ;
}
*/

/*Page Brands - Card body logo
==============================================*/
.card-body-logo {
  background-color: #8484843d;
  position: relative;
  width: 100px;
  padding: 1rem;
  margin: .25rem;
  border-radius: 0 20px 0 10px ;
  overflow: hidden; 
  transition: all 0.4s ease-in-out;
}
.sizeX2:hover {
  transform: scale(2);
  transition: all 0.4s ease-in-out;
}

.card-text h3 {
  font-size: 1.2rem;
}
.card-text p {
  font-size: 0.9rem;
} 


.portfolio .filtering span {
	font-weight: 500;
	font-size: 13px;
	margin: 0 10px;
}
@media screen and (max-width: 991px) {
  .portfolio .filtering span {
    font-size: 10px;
    font-weight: 200;
  }
} 

@media screen and (max-width: 767px) {  
  .card-body {
    padding-left: 1em;
    padding-right: 1em;
    background-image: none;
  }
}



/* Pages Header / INDEX
-----------------------------------------------------------------*/

.page-header .explore:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}



.circle-button .rotate-circle svg {
  width: 120px;
}




.header-slide .imgs .img3 {
  position: absolute;
  bottom: -100px;
  left: 150px;
  width: 70%;
  /*
  z-index: 2;
  */
}


.header-slide .imgs {
  position: relative;
}

.header-slide .imgs .img1 {
  width: 100%;
  margin-left: 25%;
  position: relative;
  z-index: 3;
}

.header-slide .imgs .img1:after {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  width: 8px;
  height: 150px;
  /*
  background: #c9f31d;
  */
}

.header-slide .imgs .img1:before {
  content: '';
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 200px;
  height: 200px;
  background-image: url(../patterns/dots2.png);
  background-repeat: repeat;
  z-index: -1;
}


.header-slide .imgs .img2 {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  z-index: 4;
}



.header-slide .imgs .img3:hover {
  transform: perspective(400px) rotateY(45deg);
    transition: all 0.2s ease-in-out;
  }
  .header-slide .imgs .img2:hover {
    transform: perspective(400px) rotateY(45deg);
    scale: 1.1;
    transition: all 0.5s ease-in-out;
    }
    .header-slide .imgs .img3:hover {
      transform: perspective(400px) rotateY(-45deg);
      scale: 1.3;
      transition: all 0.2s ease-in-out;
      }







/*Page I-studio*/

.about .about-circle-crev .circle-button .rotate-circle svg {
  background-color: none;
}
.about .about-circle-crev .circle-button .rotate-circle svg:hover {
background-color: none;
}











/*Index-About-Section*/
.index-about-section {
  background-image: url("../backgrounds/index-about.png");
   /* Full height */
   height: 100%;
   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}





/*Circle Button*/
a .textcircle:hover {
  background-color: #a52422ff;
  opacity:0.8;

}



br
{   content: "A" !important;
    display: block !important;
    margin-bottom: 1.5em !important;
}

.border-bottom-Auburn
{   border-bottom: #a52422ff 1px solid;
}


/* button--fat*/
.button--fat{
  padding: 100px;
   text-transform: uppercase;
   letter-spacing: 0.2rem;
   transition: background-color 0.3s ease;
   width: 70vw;
  line-height: 1.5rem;

   border: 0rem solid #a52422ff;
   outline: 0rem solid #627264;
   
   outline-offset: 0rem;

   background-image: url("../backgrounds/blackbox-3.jpg");
   /* Full height */
   height: 100%;
   /* Center and scale the image nicely */
   background-color: #111111;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
@media screen and (max-width: 768px) {
  .button--fat{
    width: 100vw;
    border-radius: 10px;
    padding: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1rem;
  }
}

.button--fat-frame {
  border: white 2px solid;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #111111;
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
}

.button--fat-frame:hover {
  box-shadow: 0 10px 100px hsla(0, 0%, 100%, 0.191),
  0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
  0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  opacity: 0.9;
  transform: translateY(5px);
  transition: all 0.1s ease-in-out;
}


.button--fat:hover {  
  box-shadow: 0 10px 100px hsla(0, 0%, 100%, 0.191),
  0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
  0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
  opacity: 0.9;
  transform: translateY(10px);
  transition: all 0.3s ease-in-out;
}


/*padding*/
.pb-100{
  padding-bottom: 100px;
}

.pt-100{
  padding-top: 100px;
}


.mt-100{
  margin-top: 100px;
}

.mt-200{
  margin-top: 200px;
}

.mb-200 { 
  margin-bottom: 200px; 
  }

@media screen and (max-width: 768px) {
  .mb-80 { 
    margin-bottom: 20px; 
    }

}



/*Sticky new products*/
.sticky-product {
  z-index: 999;
padding-top: 85px;
padding-left: 20px;
  transition: background-color 0.3s ease;
}

/*glow*/
.glow {
  position: absolute;
  top: calc(80% - 100px);
  left: calc(0%);
  width: 200px;
  height: 200px;
  border-radius: 0  50% 50% 0;
  box-shadow:
    inset 0 0 50px #fff,
    inset 20px 0 80px rgba(255, 0, 255, 0.454),
    inset -20px 0 80px rgba(0, 255, 255, 0.477),
    inset 20px 0 300px rgba(255, 0, 255, 0.453),
    inset -20px 0 300px rgba(0, 255, 255, 0.5),
    0 0 50px #fff,
    -10px 0 80px rgba(255, 0, 255, 0.509),
    10px 0 80px rgba(0, 255, 255, 0.472);
    transition: box-shadow 3s ease;
  }







/*Sticky Button*/
.sticky-button {
  transform: rotate(-90deg);
  position: fixed;
  top:50vh;
  right:-120px;
  z-index: 9;
  background-color: #a52422ff;
  border-radius: 20px 20px 0px 0px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.sticky-button a:hover {
  scale: 1.1;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.sticky-button a {
  padding: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: inline-block;
position: static;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
rotate: 90deg;
opacity: 0.9;
}

.sticky-button a:nth-child(1) {
border-radius: 0 0 0 20px;
}




#sticky-img {
  width: 20px;
  height: 20px;
  margin: 0;
  vertical-align: middle;
}

#sticky-button:hover {
  box-shadow: #d3d3d3 0px 0px 10px;
}







/*Image overlay CASES*/
.case-1-hover {
  background-image: url('../../cases/Cover-Case-1-Hover.jpg'); /* Initial background image */
  background-size: cover; /* Cover the entire area of the element */
  transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

.case-1-hover:hover {
  background-image: url('../../cases/Cover-Case-1.jpg'); /* Change on hover */
}

.case-2-hover {
  background-image: url('../../cases/Cover-Case-2-Hover.jpg'); /* Initial background image */
  background-size: cover; /* Cover the entire area of the element */
  transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

.case-2-hover:hover {
  background-image: url('../../cases/Cover-Case-2.jpg'); /* Change on hover */
}

.case-3-hover {
  background-image: url('../../cases/Cover-Case-3-Hover.jpg'); /* Initial background image */
  background-size: cover; /* Cover the entire area of the element */
  transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

.case-3-hover:hover {
  background-image: url('../../cases/Cover-Case-3.jpg'); /* Change on hover */
}
.case-4-hover {
  background-image: url('../../cases/Cover-Case-4-Hover.jpg'); /* Initial background image */
  background-size: cover; /* Cover the entire area of the element */
  transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

.case-4-hover:hover {
  background-image: url('../../cases/Cover-Case-4.jpg'); /* Change on hover */
}

.case-5-hover {
  background-image: url('../../cases/Cover-Case-5-Hover.jpg'); /* Initial background image */
  background-size: cover; /* Cover the entire area of the element */
  transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

.case-5-hover:hover {
  background-image: url('../../cases/Cover-Case-5.jpg'); /* Change on hover */
}























/*Navbar*/
.navbar-brand {
  font-size: 2rem;
  font-weight: regular;
  margin-bottom: 10px;
  line-height: 1.5;

}



/*Contact*/
.opening-hours{
  font-size: 1.5rem;
  font-weight: regular;
  margin-bottom: 10px;
  line-height: 1.5;
}

.week-morning:hover {
min-height: 4rem;
background-color: rgba(129, 109, 109, 0.501);
}


.week-afternoon:hover {
  min-height: 4rem;
  background-color: rgba(110, 127, 110, 0.499);
  }

.weekend:hover{
  min-height: 2rem;
  background-color: grey;
text-decoration: line-through
  }


/*shadows*/
  .traditional.box {
    box-shadow:
      0 6px 6px hsl(0deg 0% 0% / 0.3);
  }

  .layered.box {
    box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
  }





/*Cases*/
.itemcase {
  text-align: center;
  width: 100%;
  margin-left: 0;
  padding: 50px 20px;
  border-radius: 16px;
}


.itemcase:hover {
  /*
    animation: glow .5s ease-in-out infinite alternate;
    */
  scale: 105%;
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
    0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
    0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}


.item-img{
  border-radius: 16px;
}

.item-img:hover{
  border-radius: 50px;
  scale: 105%;
  box-shadow: #23d5ab 0px 0px 10px;
  box-shadow: #2d2e2e 0px 0px 100px;
  border: 0.1rem solid #d3d3d3;
  transition: 0.2s;
}

  .blur:hover{
    filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: 0.5s;
}



/*TopNav*/
.topnav {
  padding: 20px 0;
}
.topnav .menu-icon {
padding-top:10px;
}


/*Glassmorphism*/ 

/* From https://css.glass */

.glass {
background: rgba(255, 255, 255, 0.14);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.5px);
-webkit-backdrop-filter: blur(4.5px);
border: 1px solid rgba(255, 255, 255, 0.14);
  }
  .glass:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
  }


  /*brands*/
  .glass2 {
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(4.5px);
    -webkit-backdrop-filter: blur(4.5px);
      }




/*index*/
.sec-lg-head {
    padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .sec-lg-head {
    padding-bottom: 20px;
  }
  
}


.sec-lg-head-project {
    background-color: rgb(22, 22, 22);
    border-radius: 20px;
    padding: 20px;
    box-shadow: #23d5ab 0px 0px 10px;
    box-shadow: #2d2e2e 0px 0px 100px;
}

/* Ensure "How can we help ?" stays on one line on desktop with smaller font */
@media (min-width: 992px) {
    .no-wrap-desktop {
        display: inline-block;
        white-space: nowrap;
        font-size: 0.85em; /* Reduce font size to fit container */
    }
    
    /* Ensure the container can accommodate the text while staying centered */
    .sec-lg-head-project h2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .sec-lg-head-project .sideup-text {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}




/*SliderSwipe

.swiper-slide {
  box-shadow: #23d5ab 0px 0px 10px;
  border-radius: 20px;
  }
  */

.br-20 {
  border-radius: 20px;
}


    .noise  {
background: url(/assets/patterns/noise.png), radial-gradient(circle, #f9a13275 0%, transparent 100%);
    background-size: auto, auto;
  background-size: 250px, 100%;
}



/*FLuid logo*/

.fluid-logo {
width: 100%;
height: auto;
opacity: 0.8;
margin:0;
}




.explore {
position: absolute;
}

.arch-slider .setting .swiper-button-next, .arch-slider .setting .swiper-button-prev {
    background-color:#a52422ff;
    color:  #e8eddfff;
}


/*img style*/
.luxi-rounded {
  border-radius: 5px 5px 60px 10px;
}
.luxi-rounded2 {
  border-radius: 50px 50px 10px 10px;
}

.luxi-rounded3 {
  border-radius: 5px;
}



.rounded-corner-left {
    border-top-left-radius: 20%;
    border-bottom-right-radius: 20%;
}

.rounded-corner-right {
    border-top-right-radius: 20%;
    border-bottom-left-radius: 20%;
}


.rounded-corner-top-left {
    border-top-left-radius: 20px;
}


.transparent-text {
    color: transparent;
    -webkit-text-stroke: 2px #a52422ff;
}


.transparent-back {
    background-color: rgba(184, 30, 30, 0.5);
}


.transparent-back:after {
    background-color: rgba(194, 28, 28, 0.5);
}




/*MENU*/
.hamenu .menu-links {
    height: 600px;
    overflow: auto;
}
.bg-logo{
    background-color:#181818b5;
    }

    .topnav{
        background-color:#181818b5;
        height: 80px;
        }
    
    

/*shadows*/
.shadow-lg {
    box-shadow: 
      inset 5px 5px 10px #030303e0, 
      inset -5px -5px 10px blue;
    }



    .about .about-circle-crev {
        position: absolute;
        width: 225px;
    }

    .about .about-circle-crev .half-circle-img {
        height: 400px;
        width: 225px;
        border-bottom-right-radius: 450px;
        border-top-right-radius: 450px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 100%;
        right: 0;
        opacity: 0.9;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }






/*===============Page I-studio=================*/


.glow-logo {
    animation: glow 2s ease-in-out infinite alternate;
  }
  @keyframes glow {
    from {
      text-shadow: 0 0 20px #2d9da9;
    }
    to {
      text-shadow: 0 0 30px #34b3c1, 0 0 10px #4dbbc7;
    }
  }



.shadow-pill{
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.42);
    -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.42);
    box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.42);
    }
    
    ul.bullet-blackbox li{
    list-style-type: disc;
    }

.bg-blackbox {
    background-image: url("../backgrounds/blackbox-3.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-color: #111111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  
  a.blackbox {
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
  a.blackbox:hover {
    color: #fdec6e;
    text-shadow:0px 0px 30px #fdec6e;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
  




/*============================Päge Brands===========================*/
/*section brand */
.section-brand {
    margin-top: 50px;
    margin-bottom: 20px;
    }
    
    .img-product {
    max-width: 400px;
      }
    
      .link-external-web {
        max-width: 200px;
          }
    
    
    
    ul.category  {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
    
    }
    
     ul.category li {
      float: left;
    
    }
    
    ul.category li a {
      display: block;
      color: rgb(0, 0, 0);
      text-align: center;
      padding: 5px;
      text-decoration: none;
      background-color: #ffee00d7;
      margin-right:1em;
      border-radius: 5px;
      margin-bottom: 5px;
    }
      
    ul.category li a:nth-child(2) {
      background-color: #882121;
    }
    
    ul.category li a:hover {
      background-color: #111111;
    }
    
    
    
    
    
    
          .sticky-container{
            padding: 0px;
            margin: 0px;
            position: relative;
            right: 0;
            top: -40px;
            min-width: 300px;
            /*
            z-index: 1500;
            */
    
    
          }
        .sticky li{
            list-style-type: none;
            height: 43px;
            border-radius:4px;
            padding: 0px;
            margin: 4em 0px 1px 0px;
            -webkit-transition:all 0.25s ease-in-out;
            -moz-transition:all 0.25s ease-in-out;
            -o-transition:all 0.25s ease-in-out;
            transition:all 0.25s ease-in-out;
            cursor: pointer;
          }
        .sticky li:hover{
          background-color:#daff3487;
          }
        .sticky li a{
          text-decoration:none;
          line-height:43px;
          padding:0 7px;
        }
        .descbutton{
          padding-left:14px;
        }
        .brand-link-1{
          background-color:#34ffdd87;
        }
        .brand-link-2{
          background-color:#495b94;
        }
        .brand-link-3{
          background-color:#e26869;
        }
        
    
    
          .brand-link-1 {
            text-align: right;
            display: block;
            margin-right: 2rem;
            border-radius: 8px;
        }
    
        .brand-link:hover {
            background-color: #f3ca12;
            transition: all 1s ease-in;
        }
    
    
    
    
    
    /* Background ASD*/
    .bg-asd {
      background-image: url("../brands/asd/banner2.jpg");
      /* Full height */
      height: 100%;
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    
    
    /* Background APuture*/
    .bg-aputure {
      background-image: url("../brands/aputure/footer-products.jpg");
      /* Full height */
      height: 100%;
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background digidot*/
    .bg-digidot {
      background-image: url("../brands/digidot/digidot-photography-BLR.jpg");
      /* Full height */
      height: 100%;
      border-radius: 5px;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background bbs*/
    .bg-bbs {
      background-image: url("../brands/bbs/Reflect-Bi-Color-Email-Bannerforwebsite.jpg");
      /* Full height */
      height: 100%;
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background city*/
    .bg-city {
      background-image: url("../brands/citytheatrical/QolorFLEX-Quad-Chip-RGBA-Plus-Deep-Red-LED-Tape-Beauty-shot-16x9-banner-2.jpg");
      /* Full height */
      height: 100%;
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background avneger*/
    .bg-avenger {
      background-image: url("../brands/avenger/banner_Avenger.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background desisti*/
    .bg-desisti {
      background-image: url("../brands/desisti/bg-desisti4.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    
    /* Background dedolight*/
    .bg-dedolight {
      background-image: url("../brands/dedolight/bg-dedo.webp");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    
    
    /* Background dopchoice*/
    .bg-dopchoice {
      background-image: url("../brands/dopchoice/bg-dopchoice.png");
      /* Full height */
      height: 100%;
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background exalux*/
    .bg-exalux {
      background-image: url("../brands/exalux/exalux-ibp-controls-solutions-01-2000x825.png");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    
    /* Background iff*/
    .bg-iff {
    background: rgb(199,199,199);
    background: linear-gradient(136deg, rgba(199,199,199,1) 0%, rgba(255,255,255,0) 34%, rgba(242,203,149,1) 100%);
    }
    
    
    
    /* Background lucenti*/
    .bg-lucenti {
      background-image: url("../brands/lucenti/bg-lucenti-4.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background manfrotto*/
    .bg-manfrotto {
      background-image: url("../brands/manfrotto/bg-stands-arms-and-clamps2.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background prolights*/
    .bg-prolights {
      background-image: url("../brands/prolights/bg-prolights.webp");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background rosco*/
    .bg-rosco {
      background-image: url("../brands/rosco/bg-rosco2.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /* Background swisson*/
    .bg-swisson {
      background-image: url("../brands/swisson/bg-swisson-websitebanner-8.jpg");
      /* Full height */
      height: 100%;
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    
    /*Background unirig*/
    .bg-unirig {
      background: rgba(211, 7, 7, 0.781);
      background: linear-gradient(
        136deg,
        rgb(139, 157, 179) 0%,
        rgba(29, 107, 253, 0) 34%,
        rgb(165, 30, 30) 100%
      );
    
    }
    
    
    
    
    
    
    
    
    .link-right a{
    float:right;
    }
    
    
    .link-right a:hover{
    background-color: #23d5ab;
    border-radius: 5px;
    animation: leftright 1s ease infinite;
    }
    @keyframes leftright {
      0% {
        background-color: #ffffff00;
      }
      100% {
        background-color: #23d5ab;
      }
    }
    
    
    
    
    /*=========img style==============*/
.luxi-rounded {
    border-radius: 5px 5px 60px 10px;
  }
  .luxi-rounded2 {
    border-radius: 50px 50px 10px 10px;
  }
  
  .luxi-rounded3 {
    border-radius: 5px;
  }
  
    
    
    
    
    /*==================brands====================*/

    .brands-box2 {
        border-radius: 5px 50px 10px 10px;
      }


    .intro-corp .imgs .img3 {
      position: absolute;
      bottom: -100px;
      left: 150px;
      width: 70%;
      /*
      z-index: 2;
      */
    }
    
    .itembrand {
      text-align: center;
      padding: .2rem;
      border-radius: 8px;
    }
    @media screen and (max-width: 1024px) {
      .itembrand {
        text-align: center;
        padding: .1rem;
        border-radius: 8px;
      }
      
    }


    .itembrand:hover {

      box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);

      scale: 1.1;
      animation: glow 1s ease-out 1;
    }
    
    .banner-box {
      border: 1px solid black;
      padding: 20px;
      border-radius: 15px;
      margin: 20px;
    }
    
    .textcircle {
      background-color: rgba(240, 249, 255, 0.562);
      border-radius: 50%;
    }
    .textcircle:hover {
      background-color: rgba(0, 123, 230, 0.507);
      border-radius: 50%;
      box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
    }
    

    .brand-link-1{
        background-color:#34ffdd87;
      }
      .brand-link-2{
        background-color:#495b94;
      }
      .brand-link-3{
        background-color:#e26869;
      }
      
  
  
        .brand-link-1 {
          text-align: right;
          display: block;
          margin-right: 2rem;
          border-radius: 8px;
      }
  
      .brand-link:hover {
          background-color: #f3ca12;
          transition: all 1s ease-in;
      }
  



/*brand container style*/

.brands-box {
    border: solid 1px;
    border-radius: 8px;
    background: rgb(207, 207, 207);
    background: linear-gradient(300deg,
            rgb(212, 212, 212) 0%,
            rgba(255, 255, 255, 1) 100%);
}

.shadow-brand {
    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.carousel-brands {
    border: solid 1px;
    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.traditional.box {
    box-shadow: 0 6px 6px hsl(0deg 0% 0% / 0.3);
}

.layered.box {
    box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}

/*logo*/
.brand-logo {
    max-width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
}






/*==============Cases==============*/

/*Cases*/
.mb-200 {
    margin-bottom: 200px;
  }
  .tech-sheet-mosaico{
    background-image: url("../../cases/4-LVDA/Mosaicoxl20.png");
  }
  .testimonial-slider {
    padding: 30px;
    border-radius: 25px;
  
  }

  .back1 {
    background: rgb(199,199,199);
  background: linear-gradient(136deg, rgba(199,199,199,1) 0%, rgba(255,255,255,0) 34%, rgba(242,203,149,1) 100%); 
  }
  .back2 {
    background: rgb(255,255,255);
    background: linear-gradient(136deg, rgba(255,255,255,0) 0%, rgba(242,203,149,1) 100%); 
    }
  
    .back3 {
      background: rgb(255,255,255);
  background: linear-gradient(136deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.33655469023546913) 50%, rgba(176,176,176,1) 100%); 
  
  }
  
  .shadow1 {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  }
  




/*================Footer=============*/

/*subfooter*/
.logo-footer {
    max-width: 200px;
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}


  /* Footer Mailchimp Styling - Moved to enhanced-form.css for consistency */





/*Footer - Newslette
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    background-color: rgb(255 255 255 / 0%);
  } 
r*/


ul.address {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

ul.address li {
    padding: 0;   margin: 0;
  }

ul.address li a {
    color: #f8f8f8;
    text-decoration: none;
  }

ul.address li:hover {
    color: #a52422ff;
    text-decoration: none;
  }

  /* #mc_embed_signup form styling moved to enhanced-form.css */



ul.social-icons {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  ul.social-icons li {
    padding: 10px;   margin: 0;
    display: inline;
  }
  
  ul.social-icons li a {
    color: #f8f8f8;
    text-decoration: none;
  }
  
  ul.social-icons li:hover {
    color: #a52422ff;
    text-decoration: none;
  }



  /*=========Brands.html==========*/
  
  
  .Brands-Cards-Container {
    /*
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    */
    background: rgb(96, 202, 30);    
    border: 1px solid black;
    }


  .Brands-Cards {
    margin-bottom: 20px;
    width: auto;
    background: yellow;
    /*
    border: 1px solid black;
    transform: skewX(-10deg);
    */
    }


.card-grid-img {
  max-height: 300px;
  max-width: 300px;
  clip-path: polygon(0 20%, 90% 0, 100% 100%, 0% 100%);
}

.card-grid-item {
max-height: 300px;
max-width: 300px;
clip-path: polygon(0 20%, 90% 0, 100% 100%, 0% 100%);
}


.clip-path {
clip-path: polygon(0 20%, 90% 0, 100% 100%, 0% 100%);
}


.postcard {
  max-height: 350px;
}


.services-tab .serv-tab-cont .item .img img {
  max-height: 40vh;
}

.services-tab .serv-tab-cont .item .cont {
	bottom: -10px;
	padding: 40px 40px;
}

.services-tab .serv-tab-link .item-link {
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .services-tab .serv-tab-link .item-link {
    font-size: 10px;
    font-weight: 300;
    cursor: pointer;
    width:50vw;
  }
  
}

@media screen and (max-width: 1024px) {
.services-tab .serv-tab-cont .item .cont {
	position: absolute;
	bottom: 150px;
	left: 20%;
	right: 0;
	padding: 20px 40px;
} 
.serv-tab-cont .item .cont p {
  font-size: 12px;
  line-height: normal;
}
} 


@media screen and (max-width: 1024px) {
  .services-tab .serv-tab-cont .item .img img {
    width: 100%;
    height: 40%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
  }  
}







@media screen and (max-width: 768px) {
.section-padding {
  padding: 80px 0;
}
.topnav {
height: 60px;
opacity: 1 !important;
}
.brand-content-block {
  margin-top: 0 !important; 
  padding: 10px;
}

/* About Us page - Ensure all marquee text is outlined white */
.main-marq .box .item h4 {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

.main-marq .box .item h4 a {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

/* Force outline for first and third items specifically */
.main-marq .box .item:nth-child(1) h4,
.main-marq .box .item:nth-child(3) h4 {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

.main-marq .box .item:nth-child(1) h4 a,
.main-marq .box .item:nth-child(3) h4 a {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

/* Override any odd/even specific rules */
.main-marq .box .item:nth-of-type(odd) h4 {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}

.main-marq .box .item:nth-of-type(odd) h4 a {
  color: transparent !important;
  -webkit-text-stroke: 1px #fff !important;
}
}