/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	 --darkblack:#232727;
	 --black:#000;
	 --white:#ffffff;
	 --sandbg:#FCFAF2;
	 --footerbg:#e3e1da;
	 scroll-behavior: auto !important;
	
	}
html.lenis, html.lenis body {
	height: auto;
	}
	
	.lenis.lenis-smooth {
	scroll-behavior: auto !important;
	}
	
	.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
	}
	
	.lenis.lenis-stopped {
	overflow: hidden;
	}
	
	.lenis.lenis-smooth iframe {
	pointer-events: none;
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--sandbg);
	letter-spacing: 0; line-height: normal;
	font-family: 'Inter';
	font-weight: normal;
	color: var(--darkblack);
	
	
	}
	/*body.loaded {
		opacity: 1;
		visibility: visible;
	}
	body  {
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease-in-out;
	}*/


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

 
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1200px) {
	.container {
	width:1102px;
	max-width:1102px;
	}
	}


	@media (min-width: 1420px) {
		.container {
		width:1390px;
		max-width:1390px;
		}
		}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Inter';

 
	 
}
h1 {font-size: 120px;line-height: 1;font-family: 'Inter';font-weight: 500;letter-spacing: -0.03rem; color: var(--darkblack);}
h2 {font-size: 56px;line-height: 1.07;font-family: 'Inter';font-weight: normal;letter-spacing: -0.02rem; color: var(--darkblack);}
h3 {font-size: 32px;line-height: 1.375;font-family: 'Inter';font-weight: normal;letter-spacing: -0.02rem; color: var(--darkblack);}
h4 {font-size: 24px;line-height: 1.333;font-family: 'Inter';font-weight: normal;letter-spacing:normal;color: var(--darkblack);}
h5 {font-size: 18px;line-height: 2.2222;font-family: 'Inter';font-weight: normal;letter-spacing:normal; color: var(--darkblack);}
h6 {font-size: 16px;line-height: 1.5;font-family: 'Inter';font-weight: normal;letter-spacing:normal;color: var(--darkblack);}

p{font-family: 'Inter'; margin: 0; padding: 0; color: var(--darkblack); font-weight: 400;font-size: 18px;line-height: 1.77;}
.bigtext p{
	margin: 0; padding: 0;
	font-size: 32px;
	line-height: 1.25;
	font-family: 'Inter';
	font-weight: normal;
	letter-spacing:-0.02rem; 
	color: var(--darkblack);
}
.bigtext p + p{ padding-top: 32px; }
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

#viewport {overflow: hidden;position: fixed;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;}
#scroll-container {position: absolute;overflow: hidden;width: 100%;}
.main_wapper{ overflow:hidden; }
#header{ transition: all 0.3s ease-in-out; background: transparent; z-index: 100; position: absolute; left: 0; top: 0 ;width: 100%; }
.header-top{ transition: all 0.3s ease-in-out;  padding: 23px 0; display: flex; align-items: center; justify-content: space-between;}
.header-top .logo {display: flex ;align-items: center;}
.header-top .logo  a{ max-height: 115px; position: relative; display: flex ;align-items: center;}
.header-top .logo  a img{ transition: all 0.3s ease-in-out; max-width: 113px; max-height: 115px; width: auto; height: auto; display: flex ;align-items: center;}
.header-top .logo  a .defult-logo{}
.header-top .logo  a .stickey-logo{ transform: scale(0) ; transform-origin: center center; position: absolute; left: 0; top: 50%; height: 48px; width: auto; margin: -24px 0 0 0;  opacity: 0;   }
.header-right{ display: flex ;align-items: center;}
.main-nav ul{ padding: 0 40px 0 0; display: flex; align-items: center; gap: 40px;}
.main-nav ul li a{ text-transform: uppercase; border-bottom: transparent solid 2px; padding: 9px 0; color: var(--darkblack);  display: flex; font-size: 14px; font-weight: 600; align-items: center;}
.main-nav ul li a:hover{ border-color: var(--darkblack); }
.main-nav ul li.current-menu-item a{ border-color: var(--darkblack); }
.lang-box-main{display: flex ;overflow: hidden; align-items: center; width: 80px;   position: relative;}
.lang-box-main::after{ transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 50%; margin: -8px 0 0 0; content: ''; width: 2px;  height: 16px; background: var(--darkblack); opacity: 0.2; }
.lang-box-main  .lang-box-inner { min-width: 200%;display: flex ;  align-items: flex-start;     transition: transform .2s; transform: none; }
.lang-box-main:hover  .lang-box-inner{        transform: translateX(-50%);}

.lang-box-main  .lang-box-inner a{ min-height: 40px; display: flex ;align-items: center; justify-content: center; text-transform: uppercase; color: var(--darkblack); width: 50%;  height: 100%;  position: relative;  font-size: 14px; font-weight: 600;}

#footer{ padding: 92px 0 82px; background: var(--footerbg); }
.footet-top  .footer-logo{ display: flex ;align-items: center; padding: 0 0 94px; }
.footet-top  .footer-logo a{ display: flex ;align-items: center;}
.footet-top  .footer-logo a img {width: 185px; height: auto; }
.footer-bottom{ padding: 101px 0 0 0; display: flex ;align-items: flex-start; justify-content: space-between;}
.footer-bottom h6{  font-weight: bold; display: block; padding: 0 0 3px; line-height: 1.77; font-size: 18px; color: var(--darkblack); color: #121212;  }
.footer-bottom  p a,
.footer-bottom  p{color: #121212;}
.footer-bottom  p + p{ padding-top: 8px;  }
.footer-box-row{ display: flex ;align-items: flex-start;}
.footer-box-1{ width: auto; padding: 0 106px 0 0;}
.footer-social-link{ padding: 0 128px 0 0; }
.footer-link ul,
.footer-social-link ul{ gap: 8px; display: flex; flex-direction: column;}
.footer-link ul li a,
.footer-social-link ul li a{ color: #121212;line-height: 1.77; font-size: 18px;   color: #121212;}
.footer-link ul li a:hover,
.footer-social-link ul li a:hover,
.footer-bottom  p a:hover{ opacity: 0.5; }
.scozzese-logo{ min-height: 106px; display: flex;  align-items: flex-end; position: relative; height: 100%; }

.vedio-section-full{ position: relative ;z-index: 1; width: 100%; display: block; overflow: hidden;}
.vedio-block-main{ position: relative; display: block;  width: 100%; padding: 56.25% 0 0 0; }
.vedio-block-main iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.video_block{ position: relative; display: block; width: 100%;  }
.video_block .play{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;    }
.video_block .video_frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;pointer-events: none;transition: all ease-in-out 0.3s; }
.video_block .video_frame .video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video_block .video_poster{ background: #000; position: relative;width: 100%;border-radius: 0px; padding: 56.25% 0 0 0; transition:all ease-in-out 300ms; }
.video_block .video_poster video,
.video_block .video_poster iframe,
 .video_block .video_poster > img { opacity: 0.6; pointer-events: none; z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;   }
.home-banner-outer .banner-title{ padding:calc(100vh - 11vw - 300px) 0  0px 0;    min-height:calc(100vh + 191px);  max-width: 1160px; margin: 0 auto 142px; display: block; width: 100%;  display: flex ;align-items: flex-end; }
.home-banner-outer .banner-title h1{  color: var(--white); letter-spacing: -0.04rem;  line-height: 0.9; font-size:210px; }
.banner-text .bigtext p{ color: var(--white);}
.banner-text{ max-width: 1160px; margin: 0 auto; display: block; width: 100%; padding: 0 134px 0 265px;  }
.banner-caption-depiction { padding: 0 0 253px; }
.home-banner-outer .banner-title h1 span { display: block; opacity: 0;    transform: translateY(160px);-webkit-transform: translateY(160px);}
.home-banner-outer{ position: relative; display: block; width: 100%; overflow: hidden; }
	#hero-image-wrapper {
		position: absolute;
		width: 100%;
		height: 100vh;
		z-index: 0;
		margin: 0 auto;
		left: 0;
		top:0;
		right: 0;
		overflow: hidden;z-index: -1;
	 
	}
	
	#hero-background-layer {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		z-index:0;
	}
	
	#hero-bg-image {
		background-size:cover;
		background-repeat: no-repeat;
		position:absolute;
		background-position:center center;
		width:100%;
		height:100%;
		z-index:0;
 
		overflow:visible;
		
	}

	.home-banner-outer-inner{ position: relative; z-index: 10; }
	#header.stickey-header{ background: var(--sandbg); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10); position: fixed;}
	#header.header-white .header-top .logo a img{ filter: brightness(0) invert(1);  }
	#header.header-white .header-top .logo  a .stickey-logo{     }
	#header.header-white .main-nav ul li a:hover{ border-color: var(--white); }
	#header.header-white .main-nav ul li a,
	#header.header-white .lang-box-main .lang-box-inner a{ color: var(--white);}
	#header.header-white .lang-box-main::after{ background: var(--white); }

	#header.header-white.stickey-header .main-nav ul li a:hover{ border-color: var(--darkblack); }
	#header.header-white.stickey-header .header-top .logo a img{ filter: brightness(1) invert(0);  }
	 
	#header.header-white.stickey-header .main-nav ul li a,
	#header.header-white.stickey-header .lang-box-main .lang-box-inner a{ color: var(--darkblack);}
	#header.header-white.stickey-header .lang-box-main::after{ background: var(--darkblack); }

	#header.header-white .main-nav ul li.current-menu-item a{ border-color: var(--white);}
	#header.header-white.stickey-header .main-nav ul li.current-menu-item a{ border-color: var(--darkblack);}

	.max-width-1160{ margin: 0 auto; display: block; width: 100%; max-width: 1160px; }
	.home-abt-block-main .text-inner{ display: block; width: 100%;  padding:98px 130px 0 265px; }
	  .header-top .logo  a{ min-height: 48px; }
	  #header.stickey-header .header-top{ max-height: 80px; padding: 0; }
	#header.stickey-header .header-top .logo  a .stickey-logo{transform: scale(1) ; opacity: 1;     }
	#header.stickey-header .header-top .logo  a .defult-logo { transform-origin: center center; transform: scale(0); opacity: 0; }
	.home-about-outer{ padding: 147px 0 165px 0; }
	.marquee-element{ display: flex ;align-items: center ;justify-content: center; }
	.marquee-text{ font-size: 260px; color: var(--darkblack); display: flex;  white-space: nowrap;  }
	.marquee-outer-home{ display: block; width: 100%; overflow: hidden;}

 .marquee-element .marquee {
	-webkit-animation: marquee 40s linear infinite;
	animation: marquee 40s linear infinite
}

.marquee-element ul{ display: flex; }
.marquee-element ul li{ padding: 0 30px; } 

.marquee-element .marquee2 {
	-webkit-animation: marquee2 40s linear infinite;
	animation: marquee2 40s linear infinite;
	position: absolute;
	top: 0
}

.marquee-element:hover  ul { animation-play-state: paused; }
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@keyframes marquee {
	0% {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translate(-100%)
	}
}

@-webkit-keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}

@keyframes marquee2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translate(0)
	}
}
.Romano-block-main{ margin: 30px 0; width: 100%; position: relative; display: flex; align-items: center; min-height: 960px; }
.Romano-block-main .Romano-image{ pointer-events: none;  position: absolute; left: 0; top: 0; width: 100%; }
.Romano-block-main .marquee-image { padding: 0 0 0 265px; }
.Romano-block-main .marquee-image span{ display: flex ;align-items: center; padding: 0 0 0 196px;}
.Romano-block-main .marquee-image span img {width: auto; height: auto; max-width: 471px; max-height: 960px;}
.text-fade{
	opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
}
.text-fade.animated{
	opacity: 1;
    -webkit-transform: none !important;
    transform: none !important;
}
.Roberto-Bolle-text   .text-inner { padding-top: 0; }
.Roberto-Bolle-text .text-inner-sub{ margin: 0 0 0 266px; padding: 45px 0 0 0px; max-width: 434px;  }
.Roberto-Bolle-text .text-inner-sub .defult-link { padding: 26px 0 0 0; }
.defult-link{ display: flex ;align-items: center; }
.defult-link a{ font-size: 18px; color: var(--darkblack); min-height: 24px; position: relative; padding: 0 0 0 34px; display: flex ;align-items: center; }
.defult-link a i{ position: absolute; left: 0; top: 0; width: 24px; height: 24px;  display: flex; align-self: center; justify-content: center; transform-origin: center center; background: url(../images/arrow.svg) no-repeat center center; background-size: cover; transition: all 0.3s ease-in-out; }
.defult-link a i.before-arrow{  }
/* .defult-link a i.after-arrow { right: 0; left: auto; transform: translateX(20px); opacity: 0;    }
.defult-link a:hover{ padding: 0 34px 0 0; }
.defult-link a:hover i.before-arrow{ transform: translateX(-15px); opacity: 41;      }
.defult-link a:hover i.after-arrow{  transform: translateX(0px); opacity: 1; } */


.mission-outer .Romano-block-main .marquee-image span img {width: auto; height: auto; max-width:830px; max-height: 1348px;}


.about-banner-outer{  }
.about-banner-block{ display: flex ;align-items: flex-end; width: 100%;  min-height: calc(100vh - 80px); padding: 0 0 150px; }
.about-banner-row {display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.about-banner-row .Chi-siamo-block{ width: 600px;  }
.about-banner-row .Chi-siamo-block h1{   }
.about-banner-row .Chi-siamo-block .bigtext { padding: 48px 0 0 0; max-width: 399px; }
.scrool-down-link a{ font-weight: 500; text-transform: uppercase; color: var(--darkblack); letter-spacing: 0.1rem; display: flex ;align-items: center; gap: 44px;}
.full-width-img .img {display:flex  ;  width: 100%;}
.full-width-img .img span {display:flex  ;  width: 100%;}
.full-width-img .img img {display:flex  ;  width: 100%; height: auto;}
.mission-outer{ padding: 197px 0 144px 0; }
.home-abt-block-main .text-inner .small-text{ padding: 48px 0 0 0; max-width: 435px; }
.mission-outer .home-abt-block-main .text-inner { padding-top: 201px; }
.mission-outer .Romano-block-main { margin: 0; min-height: 1019px; }
.mission-outer .Romano-block-main  .Romano-image { left: -435px; top: -390px; }
.mission-outer{ overflow: hidden; }
.mission-outer .marquee-outer-home{ overflow: visible; }
.mission-outer .Roberto-Bolle-text  .text-inner{ padding-top: 0; }
.mission-outer .Roberto-Bolle-text .text-inner-sub{ max-width: 100%; gap: 104px; margin: 0; padding: 17px 0 0 0; display: flex ;align-items: flex-start; }
.mission-outer .Roberto-Bolle-text .mission-text{ max-width: 383px; }


.team-outer{ padding: 0 0 55px; }
.team-block-main{  display: block; width: 100%; padding: 14px 0 0 0; border-top: rgba(35, 39, 39, 0.20)  solid 1px;  }
.team-block-inner-main{ padding:119px 0 0 360px; }
.mission-outer .home-abt-block-main .text-inner .bigtext { max-width: 690px; }
.team-block-text{ max-width: 694px; padding: 0 0 63px; width: 100%;  }
.team-listing-data .team-row{border-top: rgba(35, 39, 39, 0.20)  solid 1px; display: block; width: 100%; padding: 63px 0 55px;}
.team-listing-data .team-row  h2{ padding: 0 0 9px; }


.slides {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: grid;
	grid-template-rows: 100%;
	grid-template-columns: 100%;
	place-items: center;
	position: relative;
	z-index: 1;
}

.slide {
	width: 100%;
	height: 100%;
	grid-area: 1 / 1 / -1 / -1;
	pointer-events: none;
	opacity: 0;
	overflow: hidden;
	position: relative;
	display: grid;
	place-items: center;
	will-change: transform, opacity;
}

.slide--current {
	pointer-events: auto;
	opacity: 1;
}
.slide__img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	will-change: transform, opacity, filter;
}
.frame {
	position: absolute;
	 
	 right: 86px; bottom: 76px;
	color: var(--color-title);
	padding: 0;
	display: flex;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto auto auto 1fr;
	grid-template-areas: 'title title' 'prev back' 'demos demos' 'sponsor sponsor' 'nav nav';
	justify-content: flex-end;
 
	align-items: flex-end;
	z-index: 100;
 
	grid-gap: 1rem;
}
.slides-nav {
	grid-area: nav;
	display: flex;
	gap: 0.5rem;
	align-self: end;
	align-items: center;
}

 

.slides-nav__item {
	border: 0;
	background: var(--sandbg);
	color: #000;
	width: 74px;
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s;
}

.slides-nav__item:hover {
	background-color: #ccc;
}
.progetti-slider-outer{ display: block; width: 100%; position: relative; }
.slide__img{ position: relative; }
.slide__img::after  { z-index: 1; pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: var(--black); opacity: 0.1; } 
.slider-conatin-box{ z-index: 5; padding: 0 0 65px 68px; position: absolute; left: 0; bottom: 0; }
.slider-conatin-box h1{ padding: 0 0 34px; color: var(--sandbg);}
.slider-conatin-box p{ max-width: 320px; color: var(--sandbg); }
.progetti-slider-outer{ position: relative; z-index: 1; }
.progetti-slider-outer .slide  a{     width: 100%;
    height: 100%; display: block;} 
	
.slides-dots {
    text-align: center;
    margin-top: 20px;display: flex;
	position: absolute; z-index: 100; 
	left: 50%; gap: 10px; transform: translateX(-50%);  width:auto;   bottom: 72px; justify-content: center;  
}

.slides-dot {
    display: inline-block;
    width: 8px;
    height: 2px;
    margin: 0 0px;
    border-radius: 50%;
    background-color:var(--sandbg);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
	opacity: 0.4;
}

.slides-dot.active {
    width: 30px; opacity: 1;
}


.events-banner-tiitle{ padding: 0 0 135px; min-height: 74vh; display: flex ;align-items: flex-end;  }
.maskimage {
	/* IMPORTANT FOR THE ANIMATION */
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	width: 100%;
}
.portimage {
	scale: 1.3;
  	width: 100%;
}

.events-row{border-bottom: rgba(35, 39, 39, 0.20)  solid 1px; width: 100%; display: block;}
.events-box{ display: block;width: 100%; position: relative;}
.events-box .img{ display: flex ;align-items: center; justify-content: center; width: 100%; position: relative; padding: 51.692% 0 0 0; }
.events-box .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.events-box-title{display: flex ; justify-content: space-between; align-items: center; padding: 33px 0 39px 0; } 
.events-box-title .title-left{ max-width: calc(100% - 250px) ; width: 100%; }

.events-row  + .events-row{  padding-top: 120px; }
.events-page{ padding: 0 0 330px; }

.max-width-814{ max-width: 814px; display: block; width: 100%; margin: 0 auto; }
.events-details-caption{ padding: 80px 0 0; display: flex ;align-items: center; justify-content: flex-start ;width: 100%; min-height: 100vh; }
.events-details-title{ padding: 30px 0; display: block; width: 100%;}
.events-details-title .bradcumb{ padding: 0 0 40px; }
.bradcumb ul{ display: flex ;align-items: center;  }
.bradcumb ul li{ font-size: 18px;color: var(--darkblack);display: flex ;align-items: center;  }
.bradcumb ul li + li::before{ font-size: 18px;color: var(--darkblack); margin: 0 7px; content: '/'; }
.bradcumb ul li a{ font-size: 18px;color: var(--darkblack); display: flex ;align-items: center;  }
.bradcumb ul li a:hover{ opacity: 0.5; }
.events-details-title h3{ padding: 48px 0 0 0; }
 

.events-details-conatin-outer{ padding: 202px 0 109px; }
.services-data .small-text{ padding: 64px 0 0 0; }

 
.heading-tag + .heading-tag{ padding-top: 0px; }
.bigtext>*:first-child{ padding-top: 0px; }
.bigtext  p{margin: 0; padding: 0;font-size: 32px;line-height: 1.25;font-family: 'Inter';font-weight: normal;letter-spacing:-0.02rem;color: var(--darkblack);  }
.bigtext  ul li strong,
.bigtext  ol li strong,
.bigtext  p strong{ font-weight: bold; }
.bigtext  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.bigtext  p + p{ padding-top: 32px; }
.bigtext  ul li a,
.bigtext  ol li a,
.bigtext  p a{margin: 0; padding: 0;font-size: 32px;line-height: 1.25;font-family: 'Inter';font-weight: normal;letter-spacing:-0.02rem;color: var(--darkblack);   text-decoration: underline; }
.bigtext  ol li a:hover,
.bigtext  ul li a:hover,
.bigtext  p a:hover{  text-decoration: none; }
.bigtext  ul{ margin: 0px; padding: 32px 0 0px  32px;  }
.bigtext  ul li{margin: 0; padding: 0;font-size: 32px;line-height: 1.25;font-family: 'Inter';font-weight: normal;letter-spacing:-0.02rem;color: var(--darkblack); display: list-item; list-style-type: disc; list-style-position: outside; } 
.bigtext  ul li + li{ margin-top:8px; }
.bigtext  ol{ margin: 0px; 	font-family: 'HK Grotesk'; padding: 32px 0 0px  32px;  }
.bigtext  ol li{margin: 0; padding: 0;font-size: 32px;line-height: 1.25;font-family: 'Inter';font-weight: normal;letter-spacing:-0.02rem;color: var(--darkblack); display: list-item; list-style-type: decimal; list-style-position: outside; } 
.bigtext  ol li + li{ margin-top:8px; }
.bigtext blockquote{	  margin: 32px 0; padding: 0 0 0 32px;  margin: 0; padding: 0; color: var(--lightdark); font-family: 'Figtree'; letter-spacing: 0.25px;  font-weight: 600; line-height: 150%;   font-size: 20px;    border: 0px; border-left: #fff solid 6px; }
.bigtext blockquote p{ font-size: 18px; font-style: italic; 	font-family: 'Figtree'; font-weight: bold; }
.bigtext .heading-tag:first-child{ padding-top: 0px;; }
.bigtext  ol + p,
.bigtext  ul + p,
.bigtext   p + ul,
.bigtext   p + ol,
.bigtext   ol + ul,
.bigtext   ul + ol{ padding-top: 32px; }

.bigtext h1,
.bigtext h2,
.bigtext h3,
.bigtext h4,
.bigtext h5,
.bigtext h6,
.small-text h1,
.small-text h2,
.small-text h3,
.small-text h4,
.small-text h5,
.small-text h6{ padding: 40px 0 16px; }

.small-text>*:first-child{ padding-top: 0px; }
.small-text  p{font-family: 'Inter'; margin: 0; padding: 0; color: var(--darkblack); font-weight: 400;font-size: 18px;line-height: 1.77;  }
.small-text  ul li strong,
.small-text  ol li strong,
.small-text  p strong{ font-weight: bold; }
.small-text  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.small-text  p + p{ padding-top: 24px; }
.small-text  ul li a,
.small-text  ol li a,
.small-text  p a{font-family: 'Inter'; margin: 0; padding: 0; color: var(--darkblack); font-weight: 400;font-size: 18px;line-height: 1.77;   text-decoration: underline; }
.small-text  ol li a:hover,
.small-text  ul li a:hover,
.small-text  p a:hover{  text-decoration: none; }
.small-text  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.small-text  ul li{font-family: 'Inter'; margin: 0; padding: 0; color: var(--darkblack); font-weight: 400;font-size: 18px;line-height: 1.77; display: list-item; list-style-type: disc; list-style-position: outside; } 
.small-text  ul li + li{ margin-top:8px; }
.small-text  ol{ margin: 0px; 	font-family: 'HK Grotesk'; padding: 24px 0 0px  18px;  }
.small-text  ol li{font-family: 'Inter'; margin: 0; padding: 0; color: var(--darkblack); font-weight: 400;font-size: 18px;line-height: 1.77; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.small-text  ol li + li{ margin-top:8px; }
.small-text blockquote{	  margin: 24px 0; padding: 0 0 0 24px;  margin: 0; padding: 0; color: var(--lightdark); font-family: 'Figtree'; letter-spacing: 0.25px;  font-weight: 600; line-height: 150%;   font-size: 20px;    border: 0px; border-left: #fff solid 6px; }
.small-text blockquote p{ font-size: 18px; font-style: italic; 	font-family: 'Figtree'; font-weight: bold; }
.small-text .heading-tag:first-child{ padding-top: 0px;; }
.small-text  ol + p,
.small-text  ul + p,
.small-text   p + ul,
.small-text   p + ol,
.small-text   ol + ul,
.small-text   ul + ol{ padding-top: 24px; }


.events-video-outer{ padding: 40px 0; }
.custom-video{ padding: 56.25% 0 0 0; width: 100%; position: relative; display: flex;  }
.custom-video iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.events-slider-outer{ padding: 40px 0; }
.events-slider-block{ display: block; width: 100%; position: relative;}
.events-slider-block .slider-img{ justify-content: center; display: flex; width: 100%; align-items: center;  }
.events-slider-block .slider-img img{ width: 100%; height: auto; display: flex;}
.events-slider-block .slick-arrow{ z-index: 1; position: absolute; left: 30px; top: 50%; background: url(../images/left-arrow.svg) no-repeat center center var(--sandbg); font-size: 0; border: 0; outline: none; width: 74px; height: 74px; border-radius: 100px; transform: translateY(-50%);   }
.events-slider-block .slick-arrow.slick-next{ left: auto; right: 30px; background: url(../images/right-arrow.svg) no-repeat center center var(--sandbg); }
.events-slider-block .slick-dots{ gap: 10px; display: flex; width: 100%; bottom: 40px;  align-items: center; justify-content: center; position: absolute; left: 0;  }
.events-slider-block .slick-dots li{ display: flex;}
.events-slider-block .slick-dots li button{ width: 8px; height: 8px; font-size: 0; border-radius: 100px; outline: none; background: var(--white); transition: all 0.3s ease-in-out; position: relative; border: 0; padding: 0;  }
.events-slider-block .slick-dots li button::after{ border: var(--white) solid 2px; left: -2px; top: -2px; bottom: -2px; right: -2px; border-radius: 100px; position: absolute;   content: ''; transition: all 0.3s ease-in-out; opacity: 0; }
.events-slider-block .slick-dots li.slick-active button{ background: transparent; }
.events-slider-block .slick-dots li.slick-active button::after{ opacity: 1; }
.events-brand-outer{ padding: 83px 0 158px; }
.Sponsor-block-main{ display: block; width: 100%;}
.Sponsor-row-main{ display: block; width: 100%;}
.Sponsor-row-main + .Sponsor-row-main{ padding-top: 94px; }
.Sponsor-row-main.partner-Sponsor  + .Sponsor-row-main.partner-Sponsor{ padding-top: 72px; }
.Sponsor-listing{ display: flex ; flex-wrap: wrap; justify-content: space-between;}
.Sponsor-row-main.partner-Sponsor .Sponsor-listing{ gap: 24px; }
.Sponsor-row-main h3{ padding: 0 0 49px; }
.Sponsor-logo-box{ width: calc(33.33333% - 16px); display: flex; border: rgba(35, 39, 39, 0.20)  solid 1px;}
  .Sponsor-logo-box span{ min-height: 256px; width: 100%; position: relative;  display: flex ;align-items: center ;justify-content: center; }
  .Sponsor-logo-box span img{width: auto; height: auto;  max-width: 80%; max-height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }

.main-Sponsor .Sponsor-logo-box{ width: 100%; display: flex; border: rgba(35, 39, 39, 0.20)  solid 1px;}
.main-Sponsor .Sponsor-logo-box span{ min-height: 256px; width: 100%; position: relative;  display: flex ;align-items: center ;justify-content: center; }
.main-Sponsor .Sponsor-logo-box span img{ width: auto; height: auto; max-width: 90%; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }

.releted-outer-events{ padding: 0 0 132px; }
.releted-block{ padding: 22px 0 26px 0; display: block; width: 100%; border-top: rgba(35, 39, 39, 0.20)  solid 1px; border-bottom: rgba(35, 39, 39, 0.20)  solid 1px;}
.releted-block .releted-title{ padding: 0 0 24px; }

.contact-page{ padding: 0 0 240px; }
.contact-block{ padding-top: 200px; min-height: 100vh; display: flex ;align-items: flex-end; width: 100%;  }
.contact-block-inner{ max-width: 892px; padding: 0 0 48px; }
.contact-block-inner .contact-data-row{ row-gap: 40px;  flex-wrap: wrap;  padding: 80px 0 0 0;  display: flex ;align-items: flex-start;}
.contact-block-inner .contact-data-row .contact-box{ width: 50%;}
.contact-box h5{  font-weight: bold; color: var(--darkblack); }
.contact-box p + h5 {padding-top: 15px;}
.contact-box p a{ color: var(--darkblack);  }
.contact-box p a:hover{ opacity: 0.5; }
.contact-box p + p{  padding-top: 16px; }



.project-single-banner{ background: #D9EBED;  }
.single-banner-block{ min-height: 95vh; display: flex; align-items: flex-end; }
.project-single-outer{ background: var(--black); }

.pro-detils-2col-outer{ display: block; width: 100%; }
.festival-block-main{ min-height: 760px; display: flex ;align-items: center; width: 100%; padding: 120px 0;  }
.festival-block-main .festival-row-inner{ justify-content: space-between; width: 100%; display: flex ;align-items: flex-start;}
.festival-row-inner .festival-left {width: calc(100% - 523px); padding: 0 30px 0 16px;}
.festival-row-inner .festival-right{ width: 523px; }

.project-details-data-outer{  display: block; width: 100%; padding: 216px 0 0px; }
.project-data { max-width: 740px; width: 100%; display: block; }
.project-data .small-text h2{ padding: 0 0 64px; }
.project-website-outer{ padding: 40px 0; min-height: 877px; display: flex; align-items: center; width: 100%; }
.web-block{ display: flex ; align-items: flex-end; width: 100%; justify-content: space-between; }
.web-block .web-block-left{ max-width: 552px; display: block; }
.web-block .web-block-right {width: 350px;}
.web-block .web-block-right .defult-link{ padding: 18px 0 0 0; }

.next-project-outer{ position: relative; display: block; width: 100%;  }
.next-project-outer .img {max-height: 952px; overflow: hidden; width: 100%; position: relative; display: block; } 
.next-project-outer .img span{ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;  padding: 63% 0 0 0; position: relative; display: block;   }
.next-project-outer .img span img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.next-project-caption{ position: absolute; left: 0; bottom: 0; width: 100%; }
.next-project-row{ padding: 40px 0 124px; display: flex ;align-items: center;  justify-content: space-between;   }
.next-project-row .next-project-title {width: calc(100% - 250px);}
.next-project-row .next-project-title h1{color: var(--sandbg); }
.next-project-row .defult-link a{ color: var(--sandbg);}
.next-project-row .defult-link a i{ background: url(../images/arrow-sand.svg) no-repeat center center; }

.project-single-outer{ position: relative; z-index: 1;  }
.project-single-outer + div{ background: var(--sandbg); position: relative; z-index: 2; }
.single-banner-inner { padding: 0 0 40px; }
.single-banner-inner .bradcumb{ padding: 0 0 40px;   } 
.single-banner-inner h1{ font-size: 370px; white-space: nowrap; }
.content--full {
    display: grid;
    height: 100vh;
    place-items: center;
    grid-template-areas: 'main';
    grid-template-rows: 100%;
    grid-template-columns: 100%;
}

.grid-images-block{ display: flex ; flex-wrap: wrap; gap: 10px; width: 100%;   }

.grid-images-block .grid__img{  display: flex ;   width: calc(33.3333% - 7px);}
.grid-images-block .grid__img span{padding:67.218% 0 0 0; display: block; width: 100%; background-position: center center;  background-repeat: no-repeat; background-size: cover;}

.custom-fancibox-outer{ transition: all 0.6s ease-in-out; pointer-events: none; transform: translateX(100%);    z-index: 110; position: fixed; height: 100vh;  right: 0; top: 0; width: 100%; }
.fancybox-block-right{max-width: 1200px;background: #E3E1DA; position: absolute; right: 0; top: 0; overflow: auto; width: 100%;height: 100vh; }
.fancybox-block-inner{ position: relative; display: flex ; justify-content: space-between; align-items: flex-start; padding: 0px 101px; }
.fancybox-block-inner .left-colum{ padding: 40px 0; position: sticky; top: 0; width: 100%; max-width: 472px;}
.right-colum{ padding: 185px 0 40px;  width: 448px; display: block;}
.Roberto-profile-box{}
.profile-top{ padding:  0 0 40px; }
.profile-top h2{ padding: 0 0 14px; }
.profile-image{display:flex ; align-items: center; justify-content: center; width: 100%; background: var(--white);  }
.profile-image span{ display: flex; align-items: center; justify-content: center; width: 100%;}
.profile-image img{ max-width: 100%; height: auto;  max-height: calc(100vh - 145px - 80px); width: auto;  }
.right-colum-inner{ width: 100%; display: flex ; flex-direction: column; gap: 48px;}
.history-box{ display: block; width: 100%;}
.history-box .years{ padding: 0 0 18px; font-size: 32px; line-height: 1.375; color: var(--darkblack); }
.history-box .history-data h4{ padding: 0 0 18px; font-weight: 500;	}
.history-box .history-data.small-text p + p{ padding-top: 18px; }
.history-box .history-data.small-text p i{ font-style: italic; font-size: 16px;}
.history-box .history-data.small-text p + h4{ padding-top: 32px; }
.modal-close{   z-index: 100; }
.modal-close a:hover{ background:#ccc;  }
.modal-close a{ border-radius: 100px; background: var(--sandbg); display: flex ;align-items: center;  justify-content: center; width: 74px; height: 74px;  }
.modal-close-main{ position: fixed; right: 70px;  top:70px; width: auto; z-index: 1000; display: flex ; justify-content: flex-end;   }
body.modal-active{ overflow: hidden; }
.main-wapper{ overflow: hidden; }
.custom-fancibox-outer.active-modal{ transform: none; pointer-events: all; }


.play-icon{ position: absolute; width: 117px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100;  }
.play-icon a{ display: flex ; width: 100%; align-items: center;}
.play-icon a img{ width:100%; height: auto;   }


.Roberto-Bolle-text.home-abt-block-main .text-inner .small-text {  padding-top: 0;}

.menu-icon{ display: none;}
.header-right .mobile-logo{ display: none; }
.header-right .nav-close-icon{ display: none;}
.nav-close-icon a{ display: flex ; align-items: center;}
.nav-close-icon a img{ width: 43px; height: auto; }

.main-nav-wrap{ display: flex ;align-items: center;}


.slider-conatin-box{ transform: translateY(50px); transition: all 0.3s ease-in-out; opacity: 0;    }
.slides .slide.slide--current .slider-conatin-box{ transition-delay: 1.1s; opacity: 1; transform: none; }
.mobile-img{ display: none;}

.slide__img .bg-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center ; background-size: cover; background-repeat: no-repeat;      background-position: 50% 50%;}
.slide__img .bg-img.mobile-img{ display: none;}

.mobile-dispaly-btn {display: none;} 

.releted-block .events-row { border: 0; }


.mobile-show{ display: none;}
.modal-close a img{ width: auto; height: auto;}

.full-width-img .img span .mobile-img  { display: none;}

.error-404{ padding: 200px 0 100px; }
.four_zero-contain{ width: 100%; text-align: center;  display: flex; flex-direction: column;  gap: 30px;}
.four_zero-contain .defult-link { justify-content: center;}
.defult-page{ padding:260px 0 100px; }



 


.custom-video-modal-outer{  transition: all 0.3s ease-in-out; pointer-events: none; opacity: 0; visibility: hidden; z-index: 100; position: fixed; left: 0; top: 0; display: flex ;align-items: center; justify-content: center;  width: 100%; height: 100vh; }
.vedio-modal-block { display: block; width: 100%; z-index: 5; position: relative;  max-width: 1036px; }
.vedio-modal-block .modal-close-cls{position: absolute; opacity: 1; right: -64px; top: -49px;   }
.vedio-modal-block .modal-close-cls a{  outline: none; display: flex; align-items: center; justify-content: center; background-color:var(--white); border-radius: 100px; height:48px; width: 48px;  z-index: 10; display: flex; }
.vedio-modal-block .modal-close-cls a:hover{ opacity: 0.5 !important;}
.vedio-modal-block .modal-close-cls a img{ width: auto; height: auto;}
.vedio-modal-block .vedio-modal-inner{ position: relative; padding: 56.25% 0 0 0;  display: block; width: 100%;}
.vedio-modal-block .vedio-modal-inner iframe{ position: absolute; left: 0px; top: 0px; width: 100%;  height: 100%; /*object-fit: cover; */ } 
.custom-video-modal-outer .overlay-bg { z-index: 1; position: absolute; left: 0; top: 0 ;width: 100%; height: 100%; background: var(--darkblack); opacity: 0.5;  }
.custom-video-modal-outer.active-modal{ opacity: 1; visibility: visible; pointer-events: all; }


.services-vedio-block{ position: relative; overflow: hidden; width: 100%; display: block;  }
.services-vedio-block .poster-img{  background: var(--darkblack);    position: relative; width: 100%; position: relative; z-index: 1; } 
.services-vedio-block .poster-img span{ background-position: center; opacity: 0.5; background-repeat: no-repeat; background-size: cover; width: 100%; padding: 56.25% 0 0 0; display: block ; position: relative; }
.services-vedio-block .custom-video { pointer-events: none; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0 ; z-index: 10; width: 100%; padding: 56.25% 0 0 0;  }
.services-vedio-block .custom-video iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.services-vedio-block.active-vedio .custom-video{ opacity: 1; pointer-events: all; }
.services-vedio-block .play-icon { width: 80px;}
.scozzese-logo a{ display: flex ;align-items: center;}
.scozzese-logo a img{ max-width: 107px; width: auto; height: auto; }


body .cky-consent-container .cky-consent-bar{ background: var(--sandbg) !important; padding: 54px 70px 46px;  }
body .cky-notice .cky-title{ margin: 0; font-size: 32px; padding:  0 0 34px; font-family: 'Inter'; font-weight: normal;}
body .cky-notice-group{ display: flex ;flex-direction: column; align-items: flex-start; }
body .cky-notice-group .cky-notice-btn-wrapper { margin:24px 0 0  0;  gap: 30px; } 
body .cky-notice-group .cky-notice-btn-wrapper .cky-btn{ transition: all 0.3s ease-in-out; min-height: 64px; font-family: 'Inter'; font-weight: normal; font-size: 18px; height: auto; padding: 0 50px; border: var(--black) solid 1px; margin: 0; border-radius: 0; }
body .cky-notice-group .cky-notice-btn-wrapper .cky-btn:hover{ background: #000 !important; color: var(--sandbg) !important; }
body .cky-consent-bar .cky-banner-btn-close {right: 16px; top: 16px;}
body .cky-consent-bar .cky-banner-btn-close img{ min-width: 30px; height: auto !important; }
body .cky-notice-des { max-height: none !important; }

.otgs-development-site-front-end{ display: none !important;}
.events-details-title h3 span{ display: block;}
.events-box-title .title-left h2 a{ color: var(--darkblack); }
.single-banner-inner .bradcumb,
.single-banner-inner h1{ display: block; opacity: 0;    transform: translateY(160px); -webkit-transform: translateY(160px);}

.robert-btn { display: -ms-flexbox; display: flex; width: 100%; }
.robert-btn a { display: -ms-flexbox; display: flex; min-height: 72px; align-items: center; align-content: center; text-align: center;  justify-content: center; padding: 20px 50px; border: solid 1px #23272733; font-family: 'Inter'; font-weight: normal; font-size: 18px; color: var(--darkblack); }
.robert-btn a:hover { border-color: #232727; background-color: #232727; color: var(--white); }
.pdf-outer .team-block-text { padding-bottom: 21px; }
.pdf-outer.team-outer { padding-bottom: 114px; }
[data-wpr-lazyrender],
.project-details-data-outer,
.project-website-outer,
.project-gridimages-outer {
    content-visibility: visible !important;
}