body{ padding: 0px; margin: 0px; color:#000;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span{ display: inline-block;}
body{ font-family: var(--font1);}
strong em{ font-style: normal;}
:root
{
    /* colors */
    --c-000: #000;
   	--c-888: #888;
   	--c-fff: #fff;
   	--c-004AAD: #004AAD;

    /* font-family */
	--font1:'General Sans';
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:70px;

    --font-48:48px;
    --line-48:52px;

    --font-40:40px;
    --line-40:49px;
    
    --font-35:35px;
    --line-35:44px;

    --font-32:32px;
    --line-32:43px;

    --font-30:30px;
    --line-30:39px;
    
    --font-28:28px;
    --line-28:37px;
    
    --font-26:26px;
    --line-26:35px;

    --font-24:24px;
    --line-24:29px;

    --font-18:18px;
    --line-18:28px;
    
    --font-12:12px;
    --line-12:19px;

    --font-16:16px;
    --line-16:25px;

	--font-15:15px;
    --line-15:25px;

    --font-14:14px;
    --line-14:18px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 140px;
    --p90: 90px;
    
}


.tophead{ width: 100%; position: relative;}
.tophead p, body{ font-size: var(--font-16); line-height: var(--line-16);font-family: var(--font1);}
.tophead h6{ font-size: var(--font-18); line-height: var(--line-18);font-family: var(--font1);font-weight: 500;}
.tophead h5{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font1);font-weight: 500;}
.tophead h4{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font1);font-weight: 500;}
.tophead h3{ font-size: var(--font-32); line-height: var(--line-32);font-family: var(--font1);font-weight: 600;}
.tophead h2{ font-size: var(--font-48); line-height: var(--line-48);font-family: var(--font1);font-weight: 500;}
.tophead h1{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font1);font-weight: 600;}


.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 200px;}
.menu_sec li{font-size: var(--font-18); line-height: var(--line-18); font-weight: 400; color: #000;}
.menu_sec li a{ color: #000;}









.container{max-width: 1440px;}


.banner-sec {position:relative;}
.banner-sec::before{content:""; width:100%; height:100%; position: absolute; top:0; left:0; background:#00000033}


.banner-sec em{
	background:url(../images/brigge.svg)bottom center; width:100%; height:100%; background-repeat:no-repeat; font-style:normal;  padding-bottom:10px;}
.hero-ban-text{
	position:absolute; text-align: center; width:100%; color:#fff;	bottom:15%;}
.banner-sec img{
	width:100% !important; height:100%;
}
.hero-ban-text h1{
	font-size: var(--font-80); line-height: var(--line-80); font-family: var(--font1); margin-top:10px; color:#fff;
    max-width: 100%;
  margin: 0 auto; font-weight: 500 !important;}
.hero-ban-text p{font-weight:400;margin: 0;}


.bottom-head{
		background: #00000073; backdrop-filter: blur(12.75px);}
.menu_sec{background: #EFC929;}
.contact-btn{	background: var(--Color-Brand-Color-Yellow-2, #E7B104);}
.menu_sec li a{
		color:#fff; font-weight:600;		padding: 25px 50px;}
.menu_sec li{ position: relative;}
.menu_sec li::before{
	content:""; width:1px; height:20px; background:#FFFFFF80; position: absolute; top: 50%; right:0;   transform: translateY(-50%);}
.menu_sec li:nth-child(n+3)::before{
	display:none;}
.main-head{
	display:flex;	padding:20px 0; width:100%;	justify-content:center;}
.main-head li{
	border-right: 0.75px solid #E3E1E3; padding:0 70px; }
.main-head li:last-child{ border:none; }
.main-head li a{ font-size: var(--font-12);	color:#fff; text-transform:uppercase;}
.above-menu img{
	width: 100%;    height: auto; }
.above-menu{ background: #FFFFFF99;   backdrop-filter: blur(12.75px);   height:54px; }
.header_sec{ position: absolute; width:100%; top:0; 	left:0; 	z-index:1;}
.sec-head h6{text-transform:uppercase; font-size: var(--font-14); line-height: var(--line-14);}
.sec-head h6 em{
	 background:url(../images/brigge.svg)bottom left; width:100%; height:100%; background-repeat:no-repeat; font-style:normal;  padding-bottom:10px;}
.sec-head h2 strong{color: #e7b104; font-weight: 600; text-transform:capitalize;}
.sec-head p{color: #909294;}
.bridge-div{
	position:absolute;
	top:0;
	left:0;
	filter:brightness(0) invert(1);
	padding:15px 0 0 15px;
	
}
.profile-sec .bridge-ovrlay{text-align:right; left:0;}
.profile-sec .container{position:relative;}
.portfolio-img{position: relative;}
.profile .col-md-7 .portfolio-img{display:none;}
.portfolio-img::before{content:""; width:100%; height:100%; background:#0000004D; top:0; left:0; position: absolute;}
.port-details {padding: 0 30px 0 40px;}
.port-details .port-text{ column-count: 2;  margin-top: 50px; column-gap: 50px; color: #909294;}
.contact-btns a{
	background: #E7B104;
	padding: 12px 25px;
	color:#fff;
	border-radius:128px;
	text-transform:capitalize;
	font-weight:600;
}
/*.contact-btns a:hover{ background: #212529 !important;}
.form-button:hover{ background: #212529 !important;}*/

.attiva-head{
	text-align:center;
}
.sec-center-head h6{text-transform:uppercase; font-size: var(--font-14); line-height: var(--line-14);}
.sec-center-head h6 em{
	 background:url(../images/brigge.svg)bottom center; width:100%; height:100%; background-repeat:no-repeat; font-style:normal;  padding-bottom:10px;}
.sec-center-head h2 strong{color: #e7b104; font-weight: 500;}
.sec-center-head p{color: #909294;}
.faciamo-box{position: relative; background: #f5f5f5; overflow: hidden; cursor:pointer; height:400px; }
.faciamo-box img{with:100%; height:100%;}
.facebox-text{position: absolute; bottom: 0; left:0; padding: 20px 38px; transition: all 0.7s;}
.facebox-text h4{font-size: var(--font-40); line-height: var(--line-40);}
.faciamo-box::after{
	content:"";
	width:100%;
	height:100%;
	background:url(../images/brigge.svg) no-repeat bottom right;
	position:absolute;
	bottom:5%;
	right:5%;
	z-index: 1;
}
.faciamo-box::before{
	content:"";
	width:100%;
	height:100%;
	background: white;
	opacity:0.7;
	position:absolute;
	bottom:0;
	right:0;
}
.hover-box{
	width:100%;
	height:100%;
	position:absolute;
    bottom:-90%;
	left:0;
	transition: all 0.7s;
	opacity: 0;
	background: url("../images/face-bridge.svg")no-repeat bottom center;
}
.hover-box::before{
	content:""; width:100%; height:100%; background: rgba(231, 177, 4, 0.7); top:0; left:0; position: absolute;
}
/*.faciamo-box:hover .hover-box{
	bottom: 0;
	opacity:1;
}
.faciamo-box:hover .facebox-text{
	opacity:0;
}*/
.facebox-text img{
	width:64px;
	height: auto;
}
.hover-box img{
	width:100%;
	height:100%;
}
.div-text{
		padding:50px 38px ;
		color:#fff;
		position: relative;
}
.div-text img{filter:brightness(0) invert(1); width:64px; height:auto;}
.hover-box .div-text{
	position: absolute;
	top:0;
	left:0;
}
.wbridge-div{
	position:absolute;
	width:25%;
	height:auto;
	top:0;
	right:0 !important;
	filter:brightness(0) invert(1);
	padding: 20px 0;
	
}
.attivita-sec .row .col-md-4{
	margin-top:1.5rem;
}
.portfolio{
	padding:15px 0;
	border-bottom: 0.3px solid #909294;
	position:relative;
}
.portfolio-sec .sec-head em{
	display:inline;
	text-transform:uppercase; background:url(../images/brigge.svg)bottom center; width:100%; height:100%; background-repeat:no-repeat; font-style:normal;  padding-bottom:10px; margin-bottom:20px;
}
.port-property ul{
	display:flex;
}
.port-property ul li{
	padding: 0 15px;
	border-right: 0.3px solid #909294;
}
.port-property ul li p{color: #495057;}
.port-property ul li:last-child{
	border:none;
}

.port-property strong{
	font-size: var(--font-32); line-height: var(--line-32);
	font-weight:500;
	font-style:normal;
}


.caro-div{
	margin-top: 20px;
}

.porfolio-text{
	display:flex;
	justify-content:space-between;
	font-size: var(--font-14); line-height: var(--line-14);
	text-transform:uppercase;
	padding:8px 0;
}
.porfolio-text em{font-style:normal; font-weight:500;}
.porfolio-text strong{font-style:normal; font-weight:500; color: #E7B104; display:none;}
.carousel-box .item:hover strong {display:block;}
.portfolio-box::before{
		content:"";
		width:100%;
		height:4px;
		position:absolute;
		background: #E7B104;
		bottom: 0;
		left:0;
		opacity:0;
}
.portfolio-box:hover::before{
	opacity:1;
} 
  
  
.client-sec{background: #F5F5F5;}
.collab-box{background:#fff; padding:30px;}
.collab-box .row .col-md-3{margin-top:1.5rem;}
.brand-logo{
	background: #F5F5F5;
	padding:20px;
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.certification-sec{background:#F5F5F5; position:relative;}
.certification-sec .container{
	max-width:990px;
	margin:0 auto;
	position:relative;
}
.certification-sec .attiva-head{margin-bottom:50px;}
.certified-brnd .iconLogo{
	height:96px;
	display:flex;
	align-items:center;
}
.bridge-ovrlay{position:absolute;bottom:0; text-align:center; width:100%}
.bridge-ovrlay img{max-width:1100px;}
.certification-sec .row .col-md-4{
	margin-top:1.5rem;
}
.certified-brnd{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	gap:16px;
	padding:32px;
	background: #fff;
	height:296px;
}
.certified-brnd p{
		font-size: var(--font-14); line-height: var(--line-14);
}


.sec-footer {background: #212529;border-top: 8px solid #E7B104;position: relative;}
.foot-img {position: absolute;bottom: 0;left: 0;max-width: 874px;height: 152px;}
.sec-footer .container {position: relative;}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 75px 0 20px 0;
}

.first-part {
  display: flex;
  align-items: center;}
.first-part img  {
  margin-right: 15px;
}

.first-part p{
  color: #fff;
  border-left: 1px solid #fff;
  padding:10px 20px;
  font-size: var(--font-12);line-height: var(--line-12);
  font-weight: 500;
}


.map-btn {background: #FFFFFF;display: flex;justify-content: center;align-items: center;padding: 15px 35px;border-radius: 50px;color: #000;font-size: var(--font-14);line-height: var(--font-14); font-weight: 600;}

.map-btn:hover{ /*background: #E7B104 !important;*/ color: #fff;}


#ast-scroll-top{ background: #e7b104 !important;}
.foot-bottom ul li a:hover{ color: #e7b104 !important;}




.map-btn img {padding-right: 7px;}
.foot-bottom .map-btn{display:none;}
.footer-top {border-bottom: 1px solid #fff;}

.foot-bottom {display: flex;align-items: center;justify-content: space-between;padding: 20px 0; color: #fff;}
.foot-bottom ul {display: flex;}
.foot-bottom ul li {padding-left: 30px;}
.foot-bottom ul li a{color: #fff; font-size: var(--font-32);line-height: var(--line-32);}
.foot-bottom p {color:#EDEDEE; font-size: var(--font-12);line-height: var(--line-12);}
.foot-bottom p a{color: #EDEDEE;}


.tophead h2 strong{display: inline;}

.for-style h6{ color: #E7B104; padding: 0;font-size: var(--font-12);line-height: var(--line-12);}
.for-style a {color: #000;font-size: var(--font-16);line-height: var(--line-16);}

.form-fill .row .col-6:first-child {width: 100%;}


.sec-form .row .col-md-6:first-child {flex-direction: column;justify-content: space-between;}




/* Footer Part */
.step-portion{padding:30px 60px ;}
.step-portion h3{margin:0 0 20px;font-size: var(--font-50);line-height: var(--line-50);font-family: var(--font-2);}
.step-portion li{margin:20px 0;}
.step-portion ul li a{display:flex;align-items:center;flex-wrap: wrap;color: #000;font-family: var(--font-2);}
.step-portion ul i{width:60px;height:60px;border-radius:100%;background:#006A53;color:#fff;display:flex;align-items:center;justify-content:center;}
.step-portion em{font-style: normal;margin-left: 15px;flex:1;}

.form-detail{width: 100%;}
.form-detail{color: #fff;font-family: var(--font-2);}
.form-box {margin: 10px 0;}

.forminput{  border: 1px solid #ADB5BD; padding: 10px 20px 0;}
.forminput label{ color: #495057; font-size: var(--font-12);line-height: var(--line-12);}
.form-box input[type="text"],
.form-box input[type='tel'],
.form-box input[type='email'],
.form-box textarea{width: 100%;height: 50px;border: none;padding: 0px 0px; border: none; color: #495057;background: none !important;
  border: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important; padding: 0px !important;}
.forminput select{ width: 100%; height: 100%; border: none !important; -webkit-appearance: none;padding-left: 20px !important;
  background-image: url(../images/arrow-down.svg);
  background-position: right 1.75rem center; background-repeat: no-repeat; padding: 0px !important;
  box-shadow: none !important;
  height: 63px;}

.form-box textarea{height: 180px;padding-top: 20px;padding-bottom: 20px;resize: none;}
.form-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}

.form-bottom p{ width: 100%;}
.form-button {
  height: 60px;  font-size: var(--font-16);line-height: var(--line-16); font-weight: 
  600;}
.wpcf7-spinner{ display: none;}




.form-detail input,.form-detail textarea{color: #495057;caret-color: #fff;font-size: var(--font-18);line-height: var(--line-18);}

.form-button{height:60px;border: none;background:#E7B104;color: #fff;width: 100%; border-radius: 128px;display: flex;justify-content: center;align-items: center;position: relative;}

.form-bottom input[type="submit"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-appearance: none;font-size: 0px;background: none;border: none;}

.form-select {height: 80px; color: #495057;border: 1px solid #ADB5BD;border-radius: 0;padding-left: 20px !important;background-image:url(../images/arrow-down.svg);background-position: right 1.75rem center;}

.form-select:focus {outline: none;box-shadow: none;border: 1px solid #ADB5BD;}

.sec-form img {height: 64px;margin-bottom: 30px;}
.form-fill{display:flex;
flex-direction:column; justify-content:space-between;}

.for-style p{position:relative}
.for-style i{
	transform: rotate(-45deg);
	position: absolute;
	color: #000;
}

.custom-nav{display:flex; gap:10px;}
.nav-button, .caro-divRow .owl-nav button{width:48px; height:48px; border-radius:100%; border:2px solid #000; display:flex; justify-content:center; align-items:center; color:#000; font-size:18px !Important; cursor:pointer;}
.nav-button:hover, .caro-divRow .owl-nav button:hover{color:#e7b104; border-color: #e7b104;}

.caro-divRow .owl-nav{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 50px;
}



 
.banner-sec{ padding: 0px !important; max-width: 100% !important;}
.content-area{ margin: 0px !important; padding: 0px !important;} 
.container{ margin: 0px auto !important;} 
.banner-sec .wp-block-image{ height: 100% !important;}
 
 
.contact-btn img {
  width: 10px;
  height: auto;
}
 
 
.banner-sec{ height: 1080px;
  overflow: hidden;}
.main-head li{ padding: 0 50px;}

.above-menu{ height: auto;}
.above-menu{ background: #e9e4d9;}

.main-head li a{ font-size: var(--font-15); line-height: var(--line-15); font-weight: 500; letter-spacing: 8%;} 
.contact-btn{  font-size: var(--font-16); line-height: var(--line-16); font-weight: 500;}


.contact-btn img {
  width: 22px;
  height: auto;
  margin-right: 10px;
}
.main-head li a:hover, .main-head li a.mPS2id-highlight{ color: #e7b104;}
.hero-ban-text p{  font-size: var(--font-20); line-height: var(--line-20); font-weight: 400;}

.chiamosec{ max-width: 100% !important;}

.tophead{ padding: var(--p90) 0 !important;}
.portfolio-img img{ width: 100%;}
h1, h2, h3, h4, h5, h6, p{ margin: 0px !important;} 
 
.port-details .portrtPic{ display: none;} 
 
 
.port-details p, .sec-center-head p {
  font-size: var(--font-16);
  line-height: var(--line-16); color: #212529;
} 
 
.contact-btns a{
  background: #E7B104 !important;
  padding: 0px 25px !important;
  color: #fff !important;
  border-radius: 128px !important;
  text-transform: capitalize !important;
  font-weight: 600 !important; position: relative; line-height: 48px !important; font-size: var(--font-16) !important;
}
.contact-btns a:after{ content: "\f061"; font-family: "Font Awesome 7 Free"; font-weight: 900; margin-left: 7px;} 
 
 .port-details {
  padding: 0 0px 0 73px;
}
.heightPic img{ height: 700px;}
.profile-sec{ position: relative;} 
.profile-sec:before{ background: url(../images/big-Brigge.svg) no-repeat right bottom; position: absolute;width: 100%; bottom: 0; right: 0px; height: 172px; content: "";} 
 


.attivita-sec, .tophead{ max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important;}

.sec-center-head p{ color: #495057 !important;}
.hover-box h4 {
  font-size: var(--font-40);
  line-height: var(--line-40); color: #fff;
}
.hover-box p, .hover-box{ font-size: var(--font-14);
  line-height: var(--line-14); color: #FFFFFF !important; font-weight: 500;}
.facebox-text img, .div-text img {
  width: 60px;
  height: auto;
  object-fit: inherit !important;
  margin-bottom: 15px;
}

/*.faciamo-box:hover::before{ display: none;}*/

.attivita-sec .col-md-4{ margin: 12px 0;}


.portfolio{ max-width: 100% !important; padding: 0px !important; border: none !important;}
.portfolio .container > .wp-block-columns-is-layout-flex{ border-bottom: 1px solid #ADB5BD;}
.port-property p{ color: #495057; font-size: var(--font-16);
  line-height: var(--line-16);}

.port-property p strong{ color: #212529; font-size: var(--font-32);
  line-height: var(--line-32);}

.caro-divRow{ padding-top: 50px !important; /*max-width: 1440px !important;*/ padding-bottom: var(--p90) !important;}

.caro-text.sec-head{ max-width: 400px; float: right; padding: 0 12px;}

.caro-divRow{ justify-content: space-between; padding-right: 0px !important;}

.porfolio-text em{ color: #212529; font-size: var(--font-14);
  line-height: var(--line-14); font-weight: 500;}
.porfolio-text strong{font-size: var(--font-14);
  line-height: var(--line-14);}

.tophead h2 strong{ font-weight: 500; display: inline;}
.tophead h2{ color: #212529;}
.collab-box p{ color: #495057;}

.client-sec{ padding: var(--p90) 0 !important;}

/*.certification-sec h2 strong{ display: block;}*/
.certification-sec p{ color: #343A40;}
.certified-brnd p {
  font-size: var(--font-14) !important;
  line-height: var(--line-14) !important; color: #202020 !important;
}

.certification-sec{ position: relative; padding: var(--p90) 0 !important;}
.certification-sec:before{ content: "";position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%; left: 0px; background: url(../images/briggeOrange.svg) no-repeat bottom center; height: 340px;}


.formlogo img {
  height: auto;
  margin-bottom: 30px;
  width: 214px;
}

:root :where(.is-layout-flex) {
  gap: 0 !important;
}

.collab-box > .wp-block-columns-is-layout-flex{ justify-content: space-between;}

 
 
.wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.invalid .wpcf7-response-output{ background:#dc3232; }
.sent .wpcf7-response-output{ background:#84c426; }
span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff !important; z-index: 1;}
span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative;}

span.wpcf7-not-valid-tip {  top: 100%;}
.rechfrmmain iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
} 
 
 
 
.port-property .wp-block-column-is-layout-flow p:first-child{ padding-bottom: 0px;} 
 
.menu_sec li a{ padding: 0 50px; height: 74px; display: flex;
  align-items: center;
  justify-content: center;} 
 
.forminput p{ padding-bottom: 0px !important;}
 
 
/*.contact-btns a:hover{ background: #212529 !important;}
.form-button:hover{ background: #212529 !important;} */
 

.above-menu, .header_sec, .bottom-head{  transition: all 0.3s ease;}
.header_sec.fixed{ position: fixed;}
.header_sec.fixed .above-menu{ opacity: 0; visibility: hidden; height: 0px;}

 
.hover-box{ bottom: 0;} 
.faciamo-box:hover .hover-box {
    opacity: 1;
    visibility: visible;
} 
 
/*.hover-box {
    display: none;
} */
.faciamo-box.active .hover-box, .faciamo-box:hover .hover-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.hover-box {
    opacity: 0;
    visibility: hidden;
    transform: translateY(920px);
    transition: all 0.3s ease;
}
.faciamo-box.active .facebox-text, .faciamo-box:hover .facebox-text{ opacity: 0;}

.faciamo-box img.w-100{ transition: all 0.5s ease-in-out;}
.faciamo-box:hover img.w-100{  transform: scale(1.1);}

.faciamo-box::before, .facebox-text{ z-index: 1;}
.hover-box{ z-index: 1;}
.header_sec{ z-index: 2;}


.certified-brnd{ position: relative; overflow: hidden;}
.overBox{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.certified-brndHov{ width: 100%;
  height: 100%;
  position: absolute; bottom: 0px; left: 0px;}
.certified-brndHov{
  opacity: 0;
  visibility: hidden;
  transform: translateY(920px);
  transition: all 0.3s ease;display: flex;
  align-items: center;
  justify-content: center;
}
.certified-brnd:hover .certified-brndHov{ background: #fff;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.certified-brndHov, .certified-brnd{ padding: 30px;}

.tab-content{ display: none;}
.tab-content.active{ display: block;}

.brand-tabs{ margin: 0px; padding: 0px; display: flex;}
.brand-tabs li{
  text-transform: uppercase;
  font-size: var(--font-14);
  line-height: var(--line-14); color: var(--ast-global-color-2); cursor: pointer;
}
.brand-tabs li + li::before {
  content: "/";
  padding: 0 1px 0 3px;
}
.brand-tabs li a{  padding-bottom: 10px; display: inline-block; background-position: bottom center !important;}
.brand-tabs li.active a{ background: url(../images/brigge.svg) no-repeat bottom center;}

.brand-tabs {
  margin: 0px !important;
  padding: 0px !important;
  display: flex;
}
.brand-tabs li{ display: inline-block;}



.portsmlImg{
  max-width: 60%;
  position: absolute;
  bottom: -25px;
  right: -25px;
  border: 12px solid #fff;
}
.heightPic img {
  height: 550px;
}
.client-sec.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.port-property .wp-block-column{ position: relative;padding: 0 15px;
  border-right: 0.3px solid #CED4DA;}
.port-property .wp-block-column:last-child{ border: none;}
.portfolio .container > .wp-block-columns-is-layout-flex{ padding-bottom: 20px;}




.mediapopls i {
  width: 58px;
  padding: 10px;
  background: #e7b104 !important;
  border-radius: 5px;
  margin-right: 15px;
}
.mediapopls h3{ font-size: var(--font-24);
  line-height: var(--line-24); color: #212529; }

.mediapop{ text-align: left;}
.mediapop .img-fluid{ height: 100%; min-height: 300px;}

.mediapop p, .mediapop li, .modal-text {
  color: #909294;
}
.mediapop li, .modal-desc li{ list-style: disc;}
.mediapop ul, .modal-desc ul{ padding-left: 20px; margin: 0 0 10px 0;}

.btn-close:hover{ background-color: #fff !important; }
.btn-close{ box-shadow: none !important; z-index: 2;}



.portCaroPic{ width: 100%; position: relative;}
.portCaroPic .img-fluid {
  min-height: 700px;
  height: 100%;
}
.modal-img .owl-nav, .modal-img .owl-dots{ position: absolute; bottom: 22px; left: 0px; width: 100%; justify-content: space-around; display: flex;}
.modal-img .owl-nav button{ background: #fff !important;position: relative;
  z-index: 2;}
.modal-img .owl-dots .owl-dot span{ width: 12px; height: 12px; background: rgba(255,255,255,0.6); border-radius: 10px; display: inline-block;}
.modal-img .owl-dots{
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 48px;
}
.modal-img .owl-dots .owl-dot{ padding: 5px !important;}
.modal-img .owl-dots .owl-dot.active span{ background: #fff; width: 25px;}

.modal-img, .modal-img .owl-stage-outer, .modal-img .owl-stage, .modal-img .owl-item, .modal-img .item, .portCaroPic{ height: 100%;}


.portfolio-modal h2{ font-size: var(--font-30);
  line-height: var(--line-30);
  font-family: var(--font1);
  font-weight: 500;}
.modal-desc p, .modal-desc li{  color: #909294;}
.portfolio-modal h4{ font-size: var(--font-24);
  line-height: var(--line-24);
  font-family: var(--font1);
  font-weight: 500; }

.portfolio-modal h5, .portfolio-info-box li strong{ font-size: var(--font-18);
  line-height: var(--line-18);
  font-family: var(--font1);
  font-weight: 600; padding-bottom: 6px;}

.portfolio-info-box li{ width: 33.333%;}



.portfolio-info-box ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  padding: 0px !important;
}
.portfolio-info-box {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.modal-desc{ padding: 20px 0;}


.portfolio-modal .modal-content:before{ position: absolute; top: 0px; left: 0px; content: ""; width: 20%; background: #f2f2f2; height: 100%;}
.modal-content{ overflow: hidden;}


.certified-brnd{ margin: 10px 0;}
.certified-brnd img{ width: auto !important; object-fit: inherit;}



.caro-divRow{ max-width: 100% !important;/* padding: 0px !important;*/}



.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.caro-text{ padding-right:20px !important;}
.portfolio-box img.w-100{ height: 500px;}

.portfolio-box{ cursor: pointer;}

.form-button::after, .contact-btns a:before, .map-btn:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #212529;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s;
}

/* hover effect */
.form-button:hover::after, .contact-btns a:hover::before, .map-btn:hover::before {
    transform: scaleX(1);
}
.map-btn:before{ background: #e7b104;}


.form-button, .contact-btns a{ overflow: hidden;}
.form-button em {
  font-style: normal;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-btns a em{ font-style: normal; position: relative;}
.contact-btns a::after{  position: relative;}
.map-btn{ overflow: hidden;  position: relative;}
.map-btn em{ font-style: normal; position: relative; }



.certification-carousel .owl-nav{ display: block !important;}
.certification-carousel .owl-nav button{ width: 40px; height: 40px; background: #fff !important; border-radius: 100%; position: absolute; top: 50%; border: 1px solid #000;}
.certification-carousel .owl-nav .owl-prev{ left: -30px;}
.certification-carousel .owl-nav .owl-next{ right: -30px;}

.certification-carousel .owl-nav button .fa-regular{ font-weight: 900 !important;}
.certification-carousel .owl-nav button:hover{ background: #e7b104 !important; color: #fff !important; border-color: #e7b104 !important;}



.port-details .port-text{ column-count: 1;
  margin-top: 0;
  column-gap: 0;}


.form-bottom p{ padding-bottom: 0px;}

.formlogo{ margin-top:10px !important;}
.form-fill{ justify-content: inherit;}
.form-box textarea {
  height: 115px;}
.form-box input[type="text"], .form-box input[type="tel"], .form-box input[type="email"]{
  height: 45px;}
.form-button {
  height: 50px;}





















@media (min-width: 1200px) and (max-width: 9000px) {

.profile-sec .wp-block-columns .wp-block-column:first-child{ flex-basis: 45%;}
.profile-sec .wp-block-columns .wp-block-column:last-child{ flex-basis: 55%;}




 
 
 
 
 
 
} 
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}

@media only screen and (max-width: 5300px) {
:root
{
    --p140: 100px;
    --p90: 70px;

}



}
@media only screen and (max-width: 2300px) {


:root
{
    --font-80:60px;
    --line-80:69px;

    --font-60:50px;
    --line-60:60px;

    --font-48:40px;
    --line-48:50px;

    --font-40:30px;
    --line-40:40px;
    
    --font-35:30px;
    --line-35:40px;

    --font-32:30px;
    --line-32:40px;

    --font-30:28px;
    --line-30:35px;
    
    --font-28:25px;
    --line-28:35px;
    
    --font-26:22px;
    --line-26:32px;

    --font-24:23px;
    --line-24:33px;

    --font-18:18px;
    --line-18:26px;
    
    --font-12:12px;
    --line-12:19px;

    --font-16:16px;
    --line-16:20px;
	
	--font-15:15px;
    --line-15:20px;

    --font-14:14px;
    --line-14:18px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 120px;
    --p90: 70px;
    
}





.menu_sec li a {
  padding: 0 40px; height: 64px;}
.navbar-brand{ width: 174px;}
.main-head{   padding: 16px 0;}


.banner-sec {
  height: 800px;
  overflow: hidden;
}
.hero-ban-text h1{ max-width: 900px;
  margin: 0px auto !important;}














}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
:root
{
    --font-80:55px;
    --line-80:65px;

    --font-60:45px;
    --line-60:55px;

    --font-48:35px;
    --line-48:45px;

    --font-40:30px;
    --line-40:40px;
    
    --font-35:23px;
    --line-35:33px;

    --font-32:23px;
    --line-32:33px;

    --font-30:20px;
    --line-30:30px;
    
    --font-28:20px;
    --line-28:30px;
    
    --font-26:18px;
    --line-26:30px;

    --font-24:18px;
    --line-24:30px;

    --font-18:15px;
    --line-18:25px;
    
    --font-12:12px;
    --line-12:19px;

    --font-16:15px;
    --line-16:20px;

	--font-15:14px;
    --line-15:18px;

    --font-14:13px;
    --line-14:18px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 100px;
    --p90: 60px;
    
}
.hero-ban-text h1{ max-width: 700px;
  margin: 0px auto !important;}
.banner-sec {
    height: 700px;
  }

.menu_sec li a {
    padding: 0 34px;
    height: 56px;
  }
.navbar-brand {
    width: 158px;
  }
/*.caro-divRow{ max-width: 1370px !important;}*/


}   





@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
:root
{
    --font-80:45px;
    --line-80:55px;

    --font-60:40px;
    --line-60:50px;

    --font-48:35px;
    --line-48:45px;

    --font-40:27px;
    --line-40:40px;
    
    --font-35:24px;
    --line-35:34px;

    --font-32:27px;
    --line-32:35px;

    --font-30:24px;
    --line-30:30px;
    
    --font-28:20px;
    --line-28:30px;
    
    --font-26:18px;
    --line-26:30px;

    --font-24:20px;
    --line-24:30px;

    --font-18:15px;
    --line-18:25px;
    
    --font-12:12px;
    --line-12:15px;

    --font-16:14px;
    --line-16:20px;

	--font-15:14px;
    --line-15:18px;
    
    --font-14:13px;
    --line-14:18px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 90px;
    --p90: 50px;
    
    
}


.port-details {
  padding: 0 0px 0 40px;
}
.menu_sec li a{ padding: 21px 44px; float: left !important;}
.main-head li {
  padding: 0 27px;
}



.banner-sec {
    height: 600px;
  }

.menu_sec li a {
    padding: 0 35px;
    float: left !important; height: 50px;
  }
.navbar-brand {
    width: 135px;
  }
.main-head {
    padding: 15px 0;
  }














} 


@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}


:root
{
    --font-80:40px;
    --line-80:50px;

    --font-60:35px;
    --line-60:45px;

    --font-48:30px;
    --line-48:40px;

    --font-40:26px;
    --line-40:36px;
    
    --font-35:20px;
    --line-35:30px;

    --font-32:20px;
    --line-32:30px;

    --font-30:20px;
    --line-30:29px;
    
    --font-28:19px;
    --line-28:30px;
    
    --font-26:16px;
    --line-26:30px;

    --font-24:18px;
    --line-24:30px;

    --font-18:15px;
    --line-18:25px;
    
    --font-12:12px;
    --line-12:15px;

    --font-16:13px;
    --line-16:18px;

	--font-15:13px;
    --line-15:18px;
    
    --font-14:12px;
    --line-14:14px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 80px;
    --p90: 40px;
    
    
}



.p-5 {
  padding: 2rem !important;
}



}


@media only screen and (max-width: 991px) {
	
	
:root
{
    --font-80:40px;
    --line-80:50px;

    --font-60:35px;
    --line-60:45px;

    --font-48:30px;
    --line-48:40px;

    --font-40:26px;
    --line-40:36px;
    
    --font-35:20px;
    --line-35:30px;

    --font-32:20px;
    --line-32:30px;

    --font-30:20px;
    --line-30:29px;
    
    --font-28:19px;
    --line-28:30px;
    
    --font-26:16px;
    --line-26:30px;

    --font-24:18px;
    --line-24:30px;

    --font-18:15px;
    --line-18:25px;
    
    --font-12:12px;
    --line-12:15px;

    --font-16:13px;
    --line-16:18px;

	--font-15:13px;
    --line-15:18px;
    
    --font-14:12px;
    --line-14:14px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 70px;
    --p90: 40px;
    
    
}	
	
	
	
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none; width: 25px; height: 45px;} 
.nav_top .navbar-toggler .icon-bar {display: block;width: 100%; height: 2px;  border-radius: 16px; background-color: #212529;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 7px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.main-head li {
    padding: 0;
  }        
.main-head li a{ padding: 13px 20px;
  width: 100%;}
#topMenu, #topMenu ul{ width: 100%;}
#topMenu .menu_sec .above-menu img{ width: 24px;}
#topMenu .menu_sec{ flex-direction: row;}
#topMenu .menu_sec li a{ height: 59px; padding: 0 50px !important}
#topMenu .menu_sec{ justify-content: space-between;}
#topMenu .menu_sec li{ width: 25%;}
.above-menu .navbar-brand{ display: none;}
.above-menu img {
  width: 20px;
  height: auto;
}
.main-head li{ border: none;}
.bottom-head .navbar-brand{ display: block !important;}
.bottom-head{ background: #FFFFFF99; backdrop-filter: blur(17px);}
.navbar-brand {
  margin: 16px 0;
  padding: 0px !important;
  width: auto;
}


.port-details .port-text{ margin-top: 20px;}
.attivita-sec .col-md-4 {
  width: 50%;
}






}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}

:root
{
    --font-80:40px;
    --line-80:50px;

    --font-60:35px;
    --line-60:45px;

    --font-48:30px;
    --line-48:40px;

    --font-40:26px;
    --line-40:36px;
    
    --font-35:20px;
    --line-35:30px;

    --font-32:20px;
    --line-32:30px;

    --font-30:20px;
    --line-30:29px;
    
    --font-28:19px;
    --line-28:30px;
    
    --font-26:16px;
    --line-26:30px;

    --font-24:18px;
    --line-24:30px;

    --font-18:15px;
    --line-18:25px;
    
    --font-12:12px;
    --line-12:15px;

    --font-16:13px;
    --line-16:18px;

	--font-15:13px;
    --line-15:18px;
    
    --font-14:12px;
    --line-14:14px;

    --font-10:10px;
    --line-10:15px;
    
    --p140: 50px;
    --p90: 30px;
    
    
}


.port-property ul {
  display: flex;
  flex-wrap: wrap;
}
.port-property ul li {
  width: 50% !important;
  border-right: none !important;
  border-bottom: 1px solid #ADB5BD !important;
  padding: 15px 15px !important;
}
.port-property ul li:nth-child(odd) {
  border-right: 1px solid #ADB5BD !important;
}
.port-property ul li:last-child,
.port-property ul li:nth-last-child(2):nth-child(odd) {
  border-bottom: none !important;
}

.bottom-head{ overflow: inherit;}


.profile-sec .container .wp-block-columns-is-layout-flex > .wp-block-column-is-layout-flow:first-child .portfolio-img.dsnone{ display: none;}


.port-details .portrtPic {
  display: block;
}
.sec-head h6 em{ background-position: bottom center;}
.port-details{ text-align: center;}

.port-details .port-text {
    margin-top: 20px;
    text-align: left; column-count: 1;
  }

.profile-sec::before{ width: 32%;background-size: 100%;}
.facebox-text{ padding: 20px 20px;}
.div-text{ padding: 50px 20px;}


.port-details {
    padding: 0;
  }
.portfolio .sec-head h6 em, .caro-text.sec-head h6 em{ background-position: bottom left;}

.port-property .wp-block-columns .wp-block-column{ flex-basis: 25% !important;}

/*.caro-div{ padding-left: 15px !important;}*/

.collab-box{ padding: 26px 10px;}
.caro-text.sec-head {
  max-width: 100%;}
.collab-box .row .col-md-3 {
  margin-top: 0;
  width: 25%;
  padding: 8px;
}
.collab-box .row{ margin: 0px -8px;}
.certification-sec .row .col-md-4 {
  margin-top: 1.5rem;
  width: 50%;
}

.certified-brnd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 32px;
  background: #fff;
  height: 244px;
  text-align: center;
}

.certified-brnd i img {
  max-width: 100%;
  object-fit: inherit;
  margin: 0px auto;
}

.certification-sec::before{ height: 151px;
  background-size: 100%;}

.footer-top{ padding: 19px 0 20px 0;}

.footer-top{padding:20px 0;}
.footer-top .map-btn{display:none;}
.foot-bottom .map-btn{ display:flex;}
  .foot-bottom .d-flex {
       align-items:center;
       justify-content:space-between;
       width:100%;
  }
.foot-bottom {
	align-items:start;
	flex-wrap:wrap;
}
.map-btn{
    padding: 15px 20px;
}
.foot-bottom p{
	width:100%;
	margin-top:50px;
}


.foot-bottom p {
    width: 100%;
    margin-top: 50px !important;
  }

#copy-right{
  width: 100%;
  text-align: left;
}

.foot-img {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 75%;
  height: auto;
}

.port-details .portrtPic {
    display: block;
    padding: 0 0px 30px 0;
  }

.custom-nav{ display: none !important;}
.porfolio-text{ flex-direction: column;
  gap: 12px;}

.porfolio-text strong{ display: block;}


.portfolio-img{ max-width: 95%;}
.port-details {
    padding: 33px 0 0 0;
  }

.profile-sec::before{ background-size: 41%;}

.port-property .wp-block-column{ flex-basis: 50% !important;}
.portfolio-box img.w-100 {
  height: 400px;
}

.custom-nav{ display: none;}
.caro-divRow {
  justify-content: space-between;
  padding-right: 10px !important;
}
.caro-div{ margin-top: 20px;}
.collab-box{ padding: 30px 20px;}
.certification-sec .attiva-head {
  margin-bottom: 0;
}

.certification-sec::before{ background-size: 70%;}

#topMenu .menu_sec li a {
    height: 45px;
    padding: 0 50px !important;
  }
.navbar-brand {
    margin: 10px 0;}
.formlogo img {
  height: auto;
  margin-bottom: 0;
  width: 214px;
}






.chiamosec , .tophead, .portfolio{ overflow: hidden;}



.port-details {
    padding: 0;
  }









}



@media only screen and (max-width: 640px){ 
.collab-box .row .col-md-3{ width: 33.333%;}

.facebox-text h4, .hover-box h4 {
  font-size: 18px;
  line-height: 24px;
}

.facebox-text img, .div-text img{ width: 44px;margin-bottom: 3px;}
.faciamo-box{ height: 340px;}

 #topMenu .menu_sec li a {
    height: 45px;
    padding: 0 18px !important;
  }
#topMenu .menu_sec li{ width: 20%;}
#topMenu .menu_sec li:last-child{ width: 40%;}


} 

@media only screen and (max-width: 575px){ 
.certified-brnd i {
  height: 107px;
  display: flex;
  align-items: center;
  max-width: 102px;
  margin: 0px auto;
}

.certified-brnd p{ min-height: 76px;
  padding-bottom: 0px;}



.port-property .wp-block-columns .wp-block-column {
    flex-basis: 50% !important;
  }

}

@media only screen and (max-width: 480px){ 

.collab-box .row .col-md-3{ width: 50%;}

.portfolio-info-box li {
  width: 100%;
  margin: 5px 0;
}


}
@media only screen and (max-width: 400px){ 
.certification-sec .row .col-md-4 {
    margin-top: 1.5rem;
    width: 100%;
  }
.attivita-sec .col-md-4 {
    width: 100%;
  }
.col-6 {
  flex: 0 0 auto;
  width: 100%;
}

}