:root{--yellow-clr:#FBC403;--black-clr:#000;--white-clr:#fff;--red-clr:#ED1B2E}
*{box-sizing:border-box;margin:0;padding:0}
@font-face{font-family:'Eurostile';src:url(../fonts/EurostileBold.woff2) format("woff2"),url(../fonts/EurostileBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Citroen';src:url(../fonts/Citroen.woff2) format("woff2"),url(../fonts/Citroen.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Citroen';src:url(../fonts/Citroen-Bold.woff2) format("woff2"),url(../fonts/Citroen-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Eurostile';src:url(../fonts/EurostileRegular.woff2) format("woff2"),url(../fonts/EurostileRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
.ff-Citroen{font-family:'Citroen'}
.ff-Eurostile{font-family:'Eurostile'}
html{scroll-behavior:smooth}
.logo-brand{display:inline-block;text-decoration:none;width:330px}
.info-div{display:flex;align-items:center;column-gap:35px;justify-content:end}
.topbar{background-color:var(--yellow-clr);display:flex;align-items:center;position:sticky;width:100%;top:0;z-index:1050;transition:top .5s ease-in-out}
.topbar-up{top:-128.11px}
.navigation-bar{padding:15px;background-color:var(--black-clr);transition:top .5s ease-in-out}
.sticky-nav{box-shadow:0 1px 11px 0 #ae0000 0 0 6px 0 #000;position:fixed;top:0;left:0;z-index:1050;width:100%;padding:15px 0;transition:top .5s ease-in-out}
.sticky-top-nav{transition:top .5s ease-in-out;position:sticky;top:128.11px;z-index:1050}
.motec-badge{width:100px; height: 100px;}
.info-div .mobile-link{color:var(--black-clr);text-decoration:none;transition:.1s all}
.info-div .mobile-link:hover{color:var(--red-clr)}
.theme-btn{transition:.3s all;min-width:178px;height:40px;font-size:16px;font-weight:700;background-size:cover;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--white-clr);font-family:'Eurostile'}
.theme-btn:hover{animation:animationBtn .9s 2}
@keyframes animationBtn {
0%{transform:scale(1)}
70%{transform:scale(.93)}
100%{transform:scale(1)}
}
 .nav-svg-icon{ display:flex; width:22px; }
 .foot-svg-icon{ width:17px; }
 .ft-social-svg{ fill : #ffffff; width: 22px; }
 .ft-social-svg:hover{ fill : var(--yellow-clr); }
.dark-btn{transition:.3s all;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc4IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTc4IDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMjkzODcgMEgxNzhMMTY4LjcwNiA0MEgwTDkuMjkzODcgMFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=)}
.dark-btn:hover{transition:.3s all;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc4IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTc4IDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMjkzODcgMEgxNzhMMTY4LjcwNiA0MEgwTDkuMjkzODcgMFoiIGZpbGw9IiNFRDFCMkUiLz4KPC9zdmc+Cg==);color:var(--white-clr)}
.red-btn{transition:.3s all;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc4IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTc4IDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMjkzODcgMEgxNzhMMTY4LjcwNiA0MEgwTDkuMjkzODcgMFoiIGZpbGw9IiNFRDFCMkUiLz4KPC9zdmc+Cg==)}
.red-btn:hover{transition:.3s all;background-image:url(../images/white-btn-bg.svg);color:var(--black-clr)}
.navigation-bar ul{display:flex;align-items:center;justify-content:center;column-gap:50px}
.navigation-bar ul li{list-style:none}
.navigation-bar ul li a{transition:.3s all;display:inline-block;color:var(--white-clr);font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:2px}
.navigation-bar ul li a:hover{color:var(--yellow-clr)}
.hero-banner{width:100%;height:84vh;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;padding-bottom:100px;display:flex!important;align-items:end!important}
.banner-content{max-width:850px}
.banner-content .motec-img{width:200px;margin-left:-30px;margin-bottom:10px}
.banner-content p{font-size:20px;line-height:35px;margin-bottom:45px}
.section-padding{padding:100px 0}
.about-us{background-color:#FEFCE2}
.aboutus-content,.services-content,.faq-content,.pg-content-block{text-align:center;max-width:960px;margin:auto;padding:0 20px}
.text-justify{text-align:justify!important}
h2.title{letter-spacing:3px;font-size:35px;font-weight:700;margin-bottom:30px}
.l-space-2{letter-spacing:2px}
.fs-18.lh-30{font-size:18px;line-height:32px}
.aboutus-content p{margin-bottom:35px}
.aboutus-content .red-btn:hover,form.contact-form .red-btn:hover{background-image:url(../images/dark-btn-bg.svg);color:var(--white-clr)}
.service-name-wrap{position:relative;z-index:1;transition:.3s all;padding:20px 15px;text-align:center;background-color:var(--black-clr);color:var(--white-clr);height:100%}
.service-name-wrap p{font-size:18px;text-transform:uppercase}
.service-item{overflow:hidden;height:100%}
.service-img-wrap img,.product-img{transition:.2s all;filter:grayscale(1)}
.product-img:hover{filter:grayscale(0);transition:.2s all;transform:scale(1.01)}
.service-item:hover .service-img-wrap img{filter:grayscale(0);transition:.2s all;transform:scale(1.08)}
.service-item,.service-name-wrap p{transition:.3s all}
.service-item:hover .service-name-wrap p{color:var(--yellow-clr)}
footer{background-color:#141414;padding:100px 0 50px;overflow:hidden}
.footer-wdth{max-width:1100px;margin:auto;padding:0 20px}
footer h5{font-size:19px;color:var(--yellow-clr);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}
ul.footer-links{margin:0;padding:0}
ul.footer-links li{list-style-type:none;margin-bottom:12px}
ul.footer-links li a{color:var(--white-clr);text-decoration:none;letter-spacing:2px}
ul.footer-links.social-media{display:flex;align-items:center;column-gap:10px}
ul.footer-links.social-media li a{font-size:25px}
ul.footer-links.social-media li a:hover,ul.footer-links li a:hover{color:var(--yellow-clr)}
ul.footer-links li a .fa-phone ul.footer-links li a .fa-envelope{color:var(--white-clr)!important}
ul.footer-links li a:hover .fa-phone,ul.footer-links li a:hover .fa-envelope{color:var(--white-clr)!important}
.footer-motec-img{width:120px; height: 120px;}
.copyright-text{font-size:10px;font-family:Arial;letter-spacing:1px;color:#ccc!important}
.menuIcon{cursor:pointer;position:relative;z-index:99999;margin-left:30px}
.menuIcon .line{width:25px;height:2px;background-color:var(--black-clr);display:block;border-radius:100px;margin:7px auto;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#hamburger.is-active{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#hamburger.is-active .line:nth-child(2){width:0}
#hamburger.is-active .line:nth-child(1),#hamburger.is-active .line:nth-child(3){-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#hamburger.is-active .line:nth-child(1){-webkit-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
#hamburger.is-active .line:nth-child(3){-webkit-transform:translateY(-10px) rotate(90deg);-ms-transform:translateY(-10px) rotate(90deg);-o-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg)}
.offcanvas-top{height:100vh;border:0;background:var(--yellow-clr)}
.offcanvas-top .offcanvas-body{padding-top:180px}
.light-bg{background-color:#FEFCE2}
.RET-img{width:100%;display:flex}
.inner-banner h1{position:relative;z-index:1;font-size:50px;margin:0;letter-spacing:5px}
.inner-banner{position:relative;width:100%;height:450px;padding:50px 20px;background-size:cover;background-repeat:no-repeat;background-position:left;background-attachment:fixed;text-align:center;overflow:hidden;display:flex;align-items:center;justify-content:center;filter:grayscale(1)}
.inner-banner::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:var(--black-clr);opacity:.4}
.data-analysis-banner{background-image:url(../images/data-analysis-bg.jpg)}
.faq-section{background-color:var(--yellow-clr)}
.faqs-wrapper{margin-top:40px}
.accordion .accordion-item{border:0;border-bottom:1px solid #7b6001;background-color:transparent;border-radius:0}
.accordion button{position:relative;display:block;text-align:left;width:100%;padding:1.5em 0;color:var(--black-clr);font-size:16px;font-weight:700;border:none;background:none;outline:none}
.accordion button:hover,.accordion button:focus{cursor:pointer}
.accordion button .accordion-title{display:inline-block;padding:0 2.5em 0 0}
.accordion button .icon{display:inline-block;position:absolute;top:25px;right:-5px;width:25px;height:30px}
.accordion button .icon::before{display:block;position:absolute;content:'';top:9px;left:5px;width:16px;height:3px;background:var(--red-clr)}
.accordion button .icon::after{display:block;position:absolute;content:'';top:3px;left:12px;width:3px;height:16px;background:var(--red-clr)}
.accordion button[aria-expanded='true'] .icon::after{width:0}
.accordion button[aria-expanded='true'] + .accordion-content{opacity:1;max-height:18em;transition:all 200ms linear;will-change:opacity,max-height}
.accordion-content{padding:0 30px}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content p{font-size:1rem;font-weight:300;margin:0;margin-bottom:20px;text-align:left}
.theme-btn.big-btn{min-width:250px}
.contact-info{display:flex;flex-direction:column}
.contact-info-item a{color:var(--red-clr);text-decoration:none;font-size:14px}
.contact-info-item a:hover{text-decoration:underline}
.contact-info-item{margin-bottom:30px}
.fs-14{font-size:14px}
.lh-28{line-height:28px}
form.contact-form input,form.contact-form textarea{width:100%;margin-bottom:20px;border:1px solid var(--black-clr);padding:10px 20px;outline:none;background-color:transparent}
form.contact-form input::placeholder,form.contact-form textarea::placeholder{color:var(--black-clr)}
form.contact-form textarea{min-height:150px}
form.contact-form input:focus,form.contact-form textarea:focus{border-bottom:2px solid var(--red-clr)}
.faq-section {display: none; }


@media (min-width: 1600px) {
.container{max-width:1500px}
}
@media (max-width: 1399.98px) {
.section-padding{padding:80px 0}
footer{padding:80px 0 35px}
.logo-brand{width:290px}
.motec-badge{width:90px; height:90px;}
.sticky-top-nav{top:112.58px}
.topbar-up{top:-112.58px}
}
@media (max-width: 1199.98px) {
.section-padding{padding:70px 0}
.hero-banner{height:700px;padding-bottom:80px}
footer{padding:70px 0 30px}
.video-inn{height:350px}
}
@media (max-width: 991.98px) {
.section-padding{padding:60px 0}
.hero-banner{height:650px;padding-bottom:80px}
footer{padding:60px 0 20px}
.navigation-bar{padding:0;background-color:transparent}
.navigation-bar ul{row-gap:30px;flex-direction:column}
.navigation-bar ul li a{font-weight:500;font-size:25px;color:var(--black-clr)}
.navigation-bar ul li a:hover{color:var(--red-clr)}
.info-div{margin-top:80px}
.inner-banner{height:370px;padding:50px 20px}
.inner-banner h1{font-size:40px}
.contact-info{display:flex;column-gap:30px;flex-direction:row;justify-content:space-between}
.inner-banner{background-position:center}
.logo-brand{width:260px}
.motec-badge{width:80px; height:80px;}
.topbar{position:sticky;top:0;z-index:1051}
.mobile-topbar-icon{display:flex;align-items:center;column-gap:30px;margin-right:30px}
.mobile-topbar-icon a{font-size:20px;color:var(--black-clr)}
ul.ff-Citroen li>a.active{color:var(--red-clr) !important}
}
@media (max-width: 767.98px) {
.fs-18.lh-30{font-size:16px;line-height:25px}
.aboutus-content p{margin-bottom:25px}
.hero-banner{height:550px;padding-bottom:70px}
.service-name-wrap{padding:15px 12px}
.service-name-wrap p{font-size:16px}
.RET-img img{object-fit:cover;height:25px}
.accordion-content{padding:0 10px}
.contact-info{flex-wrap:wrap}
.mobile-topbar-icon{column-gap:20px;margin-right:20px}
.menuIcon{margin-left:20px}
}
@media (max-width: 575.98px) {
.section-padding{padding:40px 0}
h2.title{letter-spacing:2px;font-size:25px;margin-bottom:15px}
.banner-content p{font-size:18px;line-height:27px;margin-bottom:35px}
.hero-banner{height:450px;padding-bottom:50px}
.banner-content .motec-img{width:150px;margin-left:-20px}
.theme-btn{font-size:14px}
footer{padding:50px 0 30px}
.info-div{column-gap:25px}
.navigation-bar ul li a{font-size:20px}
.logo-brand{width:190px}
.inner-banner h1{font-size:32px}
.inner-banner{height:280px;padding:50px 15px}
.accordion-content{padding:0}
.accordion button{padding:1em 0;font-size:14px}
.accordion .accordion-content p{font-size:14px;margin-bottom:15px}
.faqs-wrapper{margin-top:20px}
footer h5{font-size:16px;margin-bottom:12px}
ul.footer-links li{list-style-type:none;margin-bottom:10px}
.footer-motec-img{width:100px; height: 100px;}
form.contact-form input,form.contact-form textarea{margin-bottom:12px}
.contact-info-item{margin-bottom:20px}
.contact-info{flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}
.logo-brand{width:200px}
.motec-badge{width:60px; height:60px;}
.menuIcon{margin-left:20px}
.offcanvas-top .offcanvas-body{padding-top:130px}
.navigation-bar ul li a{font-size:18px}
.menuIcon .line{width:20px;height:2px;display:block;margin:5px auto}
#hamburger.is-active .line:nth-child(3){-webkit-transform:translateY(-6px) rotate(90deg);-ms-transform:translateY(-6px) rotate(90deg);-o-transform:translateY(-6px) rotate(90deg);transform:translateY(-6px) rotate(90deg)}
.mobile-topbar-icon .nav-svg-icon{width:17px}
.video-inn{height:250px}
}
@media (max-width: 420.98px) {
.banner-content p{font-size:16px;line-height:25px;margin-bottom:25px}
.aboutus-content,.services-content,.faq-content{padding:0 13px}
.info-div{flex-direction:column;row-gap:25px}
.info-div .theme-btn{width:100%}
.RET-img img{object-fit:cover;height:20px}
footer{padding:40px 0 20px}
.inner-banner h1{font-size:28px}
.logo-brand{width:160px}
.motec-badge{width:45px; height:45px;}
}
@media (max-width: 335.98px) {
.logo-brand{width:160px}
.menuIcon{margin-left:15px}
}

lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:920px; margin:auto;}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

.home_slider_holder{position:relative}
.video-inn{border:0;height:500px}
.video-inn iframe, .video-inn .lty{width:100%;height:100%;border:0}
form.contact-form input.error, form.contact-form textarea.error{border-color:var(--red-clr)!important;border-radius:0!important; border-bottom:2px solid var(--red-clr); }
ul.ff-Citroen li>a.active{ color: var(--yellow-clr);}
.inner-banner{ position: relative;}
img.services{ object-fit: cover; position: absolute; }
.services-content .ff-Eurostile a{ color : #CA0009; }
#enquiry-form .list-form { max-width: 580px;  width: 100%;}
.home-section.services{ background-color: var(--yellow-clr);}
.copyright-text a, .copyright-text a:hover, .copyright-text a:visited {text-decoration:none; color:#00B0A6;}
.text-right {font-family: 'Eurostile'; font-size: 15px; line-height: 32px; letter-spacing:1px;}
.ratio img{ object-fit: cover;}
.service-img-wrap { --bs-aspect-ratio: 67.226890756%; background-color: #000;}