body{margin:0;padding:0;background:#FFF;font-family:'General Sans',sans-serif;overflow-x:hidden}
html{padding:0;margin:0;overflow-x:hidden}
.g-6,.gx-6{--bs-gutter-x:4.2rem}
a{text-decoration:none!important;color:#232323;transition:color .3s ease}
a:hover{color:#cd2f26}
.nav-header{padding:17px 0}
#menu{overflow-x:hidden}
#menuToggle{display:none !important;position:fixed;top:50px;right:50px;z-index:1;-webkit-user-select:none;user-select:none; z-index: 9;}
#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#000;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
#menuToggle span:first-child{transform-origin:0 0}
#menuToggle span:nth-last-child(2){transform-origin:0 100%}
#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}
#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
#menuToggle input:checked~span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(0,-1px)}
#menu {
	position: fixed;
	width: 300px;
	height: 100vh;
	margin: 0;
	padding: 50px;
	padding-top: 125px;
	right: -100px;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0 0;
	transform: translate(100%,0);
	overflow-x: hidden;
	transition: transform .5s cubic-bezier(0.77,0.2,0.05,1.0);
	top: 0;
}
#menu li{padding:10px 0;font-size:22px;overflow-x:hidden}
#menuToggle input:checked~ul{transform:scale(1.0,1.0);opacity:1}
.logo{display:flex;justify-content:center; margin: 0 auto;}
.banner{position:relative;z-index:-1}
.items-total{display:flex;align-items:center;gap:20px;position:relative;justify-content:center}
.items-total::before,.items-total::after{content:"";position:absolute;top:0;height:1px;width:100%;transform:translateY(-10px)}
.items-total::before{left:0}
.items-total::after{right:0}
.text{font-weight:700;font-size:14px;text-transform:uppercase;color:#000;position:relative;z-index:1;transition:.5s}
.text:hover{margin-top:-7px}
.dot{font-size:18px;color:#000}
.items-total .text{font-size:31.99px}
.solutions{padding:40px 0}
.headings h2{font-size:44px;text-transform:uppercase;font-weight:700;text-align:center}
.what-we-do{padding:90px 0}
.what-we-do .headings h2{margin-bottom:30px}
.questions a{font-size:23px;color:#898989;font-weight:700;display:block;text-align:right;padding-bottom:34px;line-height:28px}
.questions p{font-size:23px;color:#898989;font-weight:700;display:block;text-align:right;margin-bottom:34px;line-height:28px}
.answer p{font-size:18px;letter-spacing:0;line-height:25px;color:#000;font-weight:400;font-family:"General Sans";text-align:left;padding-bottom:28px}
.answer p span{font-weight:700}
.answer{max-width:530px}
.headings p{font-size:19px;letter-spacing:0;line-height:20px;color:#000;font-weight:600;font-family:"General Sans";text-align:left;font-style:italic}
.service .headings h2{text-align:left;padding-bottom:13px}
.description p,.read-more-content p{font-size:18px;letter-spacing:0;line-height:25px;color:#000;font-weight:500}
.description{padding-top:15px}
.classic-btn a{display:inline-block;width:210px;padding:15px 0;text-align:center;color:#FFF;background-color:#000;position:relative;overflow:hidden;transition:color 0.4s,background-color .4s;z-index:0;font-size:17px;letter-spacing:0;text-transform:uppercase}
.classic-btn a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#cd2f26;transition:left .4s;z-index:-1}
.classic-btn a:hover{color:#FFF}
.classic-btn a:hover::before{left:0}
.classic-btn{margin-top:60px}
.str-gap{margin-bottom:90px}
.str img{width:95%;object-fit:cover}
.g-str{display:flex;justify-content:right}
.play{position:relative}
.play-image{position:relative;display:inline-block;width:100%}
.play-image img{width:100%;display:block;border-radius:8px}
.play-image i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 79px; background: #cd2f26; opacity: .8; transition: opacity 0.3s,transform .3s; cursor: pointer; color: #fff; border-radius: 50%; }
.play-image i:hover{opacity:1;transform:translate(-50%,-50%) scale(1.3)}
.profile-section{display:flex;background-color:#000;margin-bottom:90px}
.left-panel{color:#fff;flex:1;display:flex;flex-direction:column;justify-content:center; align-items: flex-end;}
.left-panel h1{font-size:44px;letter-spacing:1px;font-weight:700;margin-bottom:2rem}
.left-panel p{font-size:18px;line-height:1.8}
.right-panel{flex:1;display:flex;justify-content:center;align-items:center}
.profile-image {
	max-width: 100%;
	border-radius: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.left-panel .inner {
	max-width: 735px;
	padding-right: 100px;
	padding-left: 15px;
}
#client{padding-top:54px}
.clients{margin:90px 0}
.clients .headings h2{font-size:44px;font-weight:600}
.clients .item:hover {
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.clients .item{transition:.5s all ease;margin:5px;border-radius:5px}
.latest{background-repeat:no-repeat;background-size:cover;padding:88px 0;margin-bottom:90px}
.latest-headings h2{font-size:40px;letter-spacing:1px;line-height:50px;text-transform:uppercase;color:#fff;font-weight:700;font-family:"General Sans";margin-bottom:50px;text-shadow:2px 2px 0 #000}
.latest-headings h4{font-size:30px;letter-spacing:1px;line-height:50px;text-transform:uppercase;font-weight:700;font-family:"General Sans";text-shadow:2px 2px 0 #000;font-weight:600}
.contact .latest-headings h4{text-transform:uppercase;text-shadow:none}
.social-media a{display:inline-flex;justify-content:center;align-items:center;height:30px;width:30px;border:1px solid #000;border-radius:50%;text-decoration:none}
.social-media a i{font-size:16px}
.social-media{display:flex;gap:20px}
.details{margin-bottom:35px}
.details h6{margin-bottom:18px;font-size:16px;letter-spacing:0;text-transform:uppercase;font-weight:700}
.details p{font-size:20px;letter-spacing:0;color:#000}
.form-control{border:none}
.form-control input,.form-control textarea{border:none;border-bottom:1px solid #000;box-shadow:none;width:100%;color:#000; border-radius: 0 !important;}
.form-control textarea{resize:none;width:100%;height:65px; padding: 0 !important;}
.form-control input{padding:0 0 22px;margin:0 0 40px}
.form-control input::placeholder,.form-control textarea::placeholder{color:#000;font-size:15px}
.form-control input,.form-control textarea{border:none;border-bottom:1px solid #000;box-shadow:none;outline:none}
.form-control input:focus,.form-control textarea:focus{border-bottom:2px solid #cd2f26;outline:none}
.contact .latest-headings{margin-bottom:65px}
.img-contact img{object-fit:cover;height:100%;width:100%}
.details h6 span{margin-right:12px}
.classic-btn button,.classic-btn input[type="submit"]{display:inline-block;width:210px;padding:15px 0;text-align:center;color:#FFF;background-color:#000;position:relative;overflow:hidden;transition:color 0.4s,background-color .4s;z-index:0;font-size:17px;letter-spacing:0;text-transform:uppercase;box-shadow:none;border:none; margin: 0; }
.classic-btn button::before,.classic-btn input[type="submit"]::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#cd2f26;transition:left .4s;z-index:-1}
.classic-btn button:hover,.classic-btn input[type="submit"]:hover{color:#FFF}
.classic-btn button:hover::before,.classic-btn input[type="submit"]:hover::before{left:0}
.sub{display:flex;justify-content:right}
.img-contact{height:100%;object-fit:cover}
.contact{margin-bottom:90px}
.quote-right{font-size:60px;letter-spacing:1px;line-height:62px;text-transform:uppercase;color:#000;font-weight:700;text-align:left}
.quote{padding:0 65px 89px}
.quote-right em{margin-top:-12px;margin-right:55px}
.quote-left em{margin-left:55px}
.quote-right em img{margin-top:-22px}
.quote-left{font-size:60px;letter-spacing:1px;line-height:62px;text-transform:uppercase;color:#000;font-weight:700;text-align:right}
.en{display:none}
#button-top{display:inline-block;background-color:#000;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;border-radius:50%}
#button-top::after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:2em;line-height:50px;color:#fff}
#button-top:hover{cursor:pointer;background-color:#cd2f26}
#button-top:active{background-color:#cd2f26}
#button-top.show{opacity:1;visibility:visible}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:9999;display:flex;justify-content:center;align-items:center}
.spinner{position:absolute;width:9px;height:9px}
.spinner div{position:absolute;width:50%;height:150%;background:#000;transform:rotate(calc(var(--rotation) * 1deg)) translate(0,calc(var(--translation) * 1%));animation:spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease}
.spinner div:nth-child(1){--delay:.1;--rotation:36;--translation:150}
.spinner div:nth-child(2){--delay:.2;--rotation:72;--translation:150}
.spinner div:nth-child(3){--delay:.3;--rotation:108;--translation:150}
.spinner div:nth-child(4){--delay:.4;--rotation:144;--translation:150}
.spinner div:nth-child(5){--delay:.5;--rotation:180;--translation:150}
.spinner div:nth-child(6){--delay:.6;--rotation:216;--translation:150}
.spinner div:nth-child(7){--delay:.7;--rotation:252;--translation:150}
.spinner div:nth-child(8){--delay:.8;--rotation:288;--translation:150}
.spinner div:nth-child(9){--delay:.9;--rotation:324;--translation:150}
.spinner div:nth-child(10){--delay:1;--rotation:360;--translation:150}
@keyframes spinner-fzua35 {
0%,10%,20%,30%,50%,60%,70%,80%,90%,100%{transform:rotate(calc(var(--rotation) * 1deg)) translate(0,calc(var(--translation) * 1%))}
50%{transform:rotate(calc(var(--rotation) * 1deg)) translate(0,calc(var(--translation) * 1.5%))}
}
.quote .container {max-width: 1160px;}
.service .row:nth-child(2n+2) .col-lg-7 {justify-content: flex-end;}
.btn-close{position:absolute;right:0;top:0;background-color:#fff;background-size:12px;width:26px;height:26px; opacity: 1 !important}
.nav-header {border-bottom: 1px solid #d9d9d9;}
.wpcf7-form-control.wpcf7-submit:hover {background: #cd2f26;}

.clients .slick-track { display: flex; align-items: stretch; gap: 35px; }
.cl-block img { object-fit: contain; max-width: 150px; max-height: 100px; width: auto; }

.custom-logo-link { display: block; width: 100%; max-width: 145px;  transition: all 0.3s;}
.nav-header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; transition: all 0.3s; }
.nav-header.nav-fixed { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 99; transition: all 0.3s; }
.nav-header.nav-fixed .custom-logo-link {max-width: 130px;  transition: all 0.3s;}
.solutions { margin-top: 118px; }

.cl-block { display: flex !important; align-items: center; justify-content: center; flex-direction: column; }
#contact .form-control { padding: 10px 0; }