@charset "utf-8";

/* font-family: "Manrope", sans-serif; */

/* font-family: "Barlow", sans-serif; */:root { scroll-behavior: initial; }
*:focus { outline: none; }
body { margin: 0px; padding: 0px; font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 400; color: #555555; line-height: 1.25; letter-spacing: 0.7px; background-color: #fff; }
.theme-btn { -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
p { margin-bottom: 15px; }
b, strong { font-weight: 700; }
a { color: #8A8886; text-decoration: none; outline: none; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
a:hover { color: #EE1C25; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .th3, .th2 { color: #111; font-family: "Barlow", sans-serif; font-weight: 500; line-height: 1; margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: 0.7px; }
h1, h2, .th1, .th2 { font-size: 80px; margin-bottom: 20px; font-weight: 500; }
h3, .th3 { font-size: 50px; margin-bottom: 20px; }
h4 { font-size: 36px; margin-bottom: 20px; }
h5 { font-size: 24px; margin-bottom: 20px; text-transform: capitalize; }
.fs100 { font-size: 100px; }
.fs36 { font-size: 36px; line-height: 1.1; }
.fs30 { font-size: 30px; line-height: 1.1; }
.fs250 { color: #111; font-family: "Barlow", sans-serif; font-size: 250px; font-weight: 500; line-height: 1; letter-spacing: 0.7px; text-transform: uppercase; }
.fs150 { color: #111; font-family: "Barlow", sans-serif; font-size: 150px; font-weight: 800; line-height: 1; letter-spacing: 0.7px; }
.ttc { text-transform: capitalize; }
.ttu { text-transform: uppercase; }
.dot { background-image: url(../images/dot.svg); background-repeat: repeat-y; background-position: top center; }
.fw500 { font-weight: 500; }
.fw700 { font-weight: 700; }
.fs200 { font-size: 200px; line-height: 1; }
.body-color { color: #555; }

/*h6 { font-size: 16px; margin-bottom: 10px; }*/
.text-red { color: #EE1C25; color: #111; font-family: "Barlow", sans-serif; }
.pmb0 p:last-child { margin-bottom: 0px; }
.pmb0 p:last-of-type { margin-bottom: 0; }

/*vc plugin css start*/
.vc_row { margin: 0px !important }
.vc_column_container>.vc_column-inner { padding: 0px !important }
.bg-white { background: #fff; }

/* common css end */

/*form start*/
input[type="submit"], input[type="button"], button[type="submit"], button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%; }
textarea { resize: none; height: 100px !important; }
.form-control { font-family: "Wix Madefor Text", sans-serif; display: block; width: 100%; height: auto; padding: 0px 0px 20px 0px; line-height: 1; color: #555; border: none; border-bottom: 1px solid #555; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; font-size: 24px; border-radius: 0px; }
.form-control:focus, .input-text:focus { color: #555; border-color: #555; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #555; font-weight: 400; }
.form-control::-moz-placeholder { color: #555; opacity: 1; font-weight: 400; }
.form-control::-ms-input-placeholder { color: #555; font-weight: 400; }
select.form-control, select { background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: 14px }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { appearance: none; -moz-appearance: textfield; -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"], input[type="checkbox"] { cursor: pointer; }
img { max-width: 100%; height: auto; }
.form-group { margin-bottom: 50px; }
.form-check-input[type=checkbox] { border-radius: 0px; }
.form-check-input { margin-top: 8px; border-radius: 0px; border-color: #000; }
.form-check-input:focus { border-color: #000; box-shadow: none; }
.form-check-input:checked:focus { border-color: #0d6efd; }
.img-scale { overflow: hidden; }
.img-scale img { transition: all 0.3s ease; transform: scale(1); }
.img-scale:hover img { transition: all 0.3s ease; transform: scale(1.1); }
.pageoffset { margin-top: 250px; }

/*form end*/

/*bullet start*/
ul, ol { margin: 0; padding: 0; list-style: none; }
.bullet-list li { position: relative; padding-left: 25px; margin-bottom: 20px; }
.bullet-border li { position: relative; padding-left: 20px; }
.bullet-border li::before, .bullet-list li::before { background-image: url(../images/bullet.svg); background-repeat: no-repeat; content: ''; background-position: left center; height: 12px; width: 10px; left: 0px; position: absolute; top: 10px; background-size: 100%; }
.bullet-border li { margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.bullet-border li:last-child { margin-bottom: 0px; }

/*bullet end*/

/*button start*/
ins { text-decoration: none; }
button:focus { outline: none; }
.theme-btn { color: #111; border: 1px solid #111; background-image: url(../images/btn-arrow-black.svg); background-repeat: no-repeat; background-position: right 30px center; display: inline-flex; align-items: center; font-size: 16px; font-weight: 400; outline: 0px; padding: 16px 55px 16px 25px; position: relative; z-index: 1; line-height: 1; letter-spacing: 0.8px; text-transform: uppercase; background-color: #fff; }
.theme-btn:hover { color: #E22426; border: 1px solid #E22426; background-image: url(../images/btn-arrow-red.svg); background-repeat: no-repeat; background-position: right 30px center; }
.theme-btn:after, .theme-btn:before { background-image: url(../images/black-dot-btn.svg); background-repeat: no-repeat; vertical-align: middle; width: 4px; height: 34px; content: ''; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: absolute; }
.theme-btn:after { left: 8px; }
.theme-btn:before { right: 8px; }
.theme-btn:hover:after, .theme-btn:hover:before { background-image: url(../images/red-dot-btn.svg); background-repeat: no-repeat; }
.btn-theme-submit .theme-btn { background-color: transparent; }
.btn-theme-submit { position: relative; display: inline-block; }
.btn-theme-submit input { background-color: transparent; color: #111; border: 1px solid #111; background-image: url(../images/btn-arrow-black.svg); background-repeat: no-repeat; background-position: right 30px center; font-size: 16px; font-weight: 400; outline: 0; padding: 16px 55px 16px 25px; line-height: 1; letter-spacing: 0.8px; text-transform: uppercase; cursor: pointer; }
.btn-theme-submit:hover input { color: #E22426; border: 1px solid #E22426; background-image: url(../images/btn-arrow-red.svg); }
.transparent { background-color: transparent; }

/* dots */
.btn-theme-submit:after, .btn-theme-submit:before { background-image: url(../images/black-dot-btn.svg); background-repeat: no-repeat; width: 4px; height: 34px; content: ""; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s ease; }
.btn-theme-submit:after { left: 8px; }
.btn-theme-submit:before { right: 8px; }
.btn-theme-submit:hover:after, .btn-theme-submit:hover:before { background-image: url(../images/red-dot-btn.svg); }
span.wpcf7-spinner { position: absolute; }

/* typography css */

/* section margin Top */
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-150 { margin-top: 150px; }
.mtb-20 { margin-top: 20px; margin-bottom: 20px; }
.mt-500 { margin-top: 500px; }

/* Section margin bottom */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-270 { margin-bottom: 270px; }
.mb-300 { margin-bottom: 300px; }
.mb-400 { margin-bottom: 400px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-150 { padding-bottom: 150px; }
.pb-180 { padding-bottom: 180px; }
.pb-200 { padding-bottom: 200px; }
.pb-250 { padding-bottom: 250px; }
.ptb-250 { padding-top: 250px; padding-bottom: 250px; }
section.d-inline-block { vertical-align: top; }
.plr-100 { padding-left: 100px; padding-right: 100px; }

/* header css start */
.pt-100 { padding-top: 100px; }
.pt-150 { padding-top: 150px; }
.mainheader { position: fixed; top: 0px; width: 100%; z-index: 10; transition: all 0.5s ease; padding: 30px 0px; background-color: #fff; }
.mainheader.sticky { padding: 15px 0px; }
.logo { transition: all 0.2s ease; position: relative; }
.rightbtn { line-height: 1; display: inline-flex; align-items: flex-start; }
.logo a { display: block; }
.logo a img { transition: all 0.5s ease; width: 300px; }
.mainheader.sticky .logo a img { width: 200px; }
.mainheader.sticky .icnline { margin-bottom: 8px; }
a.menuMobie { display: inline-flex; flex-wrap: wrap; width: 36px; margin-left: 20px; justify-content: flex-end; }
.icnline { background-color: #E1000B; transition: all 0.2s ease; width: 36px; height: 2px; margin-bottom: 12px; line-height: 1; }
a.menuMobie .icnline:last-child { margin: 0px; width: 24px; }
a.menuMobie:hover .icnline { width: 36px; }
a.menuMobie:hover .icnline:first-child { width: 24px; }
a.menuMobie:hover .icnline:last-child { width: 100%; }
.menuoffcanvas { overflow: auto; padding: 200px 0px 0px; border-radius: 0px; z-index: 50; position: fixed; height: 100vh; width: 100%; background: #EE1C25; right: -100%; top: 0px; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.menuoffcanvas.slide { right: 0px; }
.menuitem > ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.menuitem > ul >li { width: 100%; position: relative; list-style: none; margin-bottom: 20px; transform: translate3d(1, 1, 1, 5deg); }
.menuitem > ul >li a { font-size: 36px; color: #A7A7A7; display: inline-block; text-transform: uppercase; vertical-align: middle; font-weight: 400; }
.menuitem > ul >li a:hover { color: #fff; }
.menuitem > ul >li > ul { display: none; margin-top: 30px; }
.menuitem > ul >li > ul > li a { color: #A7A7A7; font-size: 24px; text-transform: uppercase; }
.menuitem > ul >li > ul > li a:hover { color: #fff; }
.menuitem > ul >li > ul > li { margin-bottom: 10px; }
.menuitem > ul >li > ul > li:last-child { margin-bottom: 0px; }
.menuarrow { display: inline-block; vertical-align: top; }
.menuarrow::before { background-image: url(../images/chevron-down.svg); background-repeat: no-repeat; display: inline-block; vertical-align: top; content: ''; width: 14px; height: 9px; transition: all 0.3s ease-in-out; background-size: 14px }
.menuobject { left: 0px; bottom: 0px; position: absolute; width: 350px; transform: rotateY(-180deg); }
.menuoffcanvas .closebtn { width: 40px; height: 40px; padding: 10px; border-radius: 100%; right: 40px; top: 40px; }
.menuoffcanvas .closebtn::before { height: 18px; background-color: #fff; }
.menuoffcanvas .closebtn::after { width: 18px; background-color: #fff; }
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
.closebtn::after, .closebtn::before { background-color: #000; width: 100%; height: 2px; content: ""; }
.closebtn::before { height: 100%; width: 2px; position: absolute; }
.sub-menu-arrow { text-align: center; overflow: hidden; display: inline-block; vertical-align: middle; line-height: 1; cursor: pointer; margin-left: 20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 18px; height: 15px; }
.navarrow::before { content: ''; width: 18px; height: 15px; display: inline-block; transition: all 0.2s ease; vertical-align: top; position: absolute; background: url(../images/chevron-down-black.svg) no-repeat; background-position: left center; left: 0px; background-size: 100%; }
.navarup::before { transform: rotate(180deg); }
.menucontact h5 { color: #fff; }
.menucontact { margin-bottom: 100px; color: #A7A7A7; }
.menucontact span { margin-bottom: 10px; }
.menucontact a { color: #A7A7A7; display: block; }
.menucontact a:hover { color: #fff; }

/* header css end */

/*footer css start*/
.socialfooter ul { display: flex; }
.socialfooter ul li a { height: 50px; width: 50px; border: 1px solid #8A8886; display: flex; align-items: center; justify-content: center; }
.socialfooter ul li a:hover { background-color: #EE1C25; border-color: #EE1C25; }
.socialfooter ul li a svg { fill: #8A8886; transition: all 0.3s ease; }
.socialfooter ul li a:hover svg { fill: #ffffff; transition: all 0.3s ease; }
.socialfooter ul li { margin-right: 20px; }
.footermenu ul li + li { margin-top: 15px; }
.footer address { line-height: 1.4; }
footer p, footer { color: #8A8886; font-weight: 300; font-size: 20px; }

/*footer css end*/

/*home css start*/

/*home css end*/
.infinitepixel-wrap, .abt-brand-slider { overflow: hidden; width: 100%; }
.infinitepixel-track, .abt-brand-track { display: flex; width: max-content; animation: scrollText 20s linear infinite; }
.infinitepixel-wrap:hover .infinitepixel-track, .abt-brand-slider:hover .abt-brand-track { animation-play-state: paused; }
.infinitepixel-items { display: flex; align-items: center; }
.infinitepixel-items h2 { white-space: nowrap; margin: 0 50px; }
@keyframes scrollText {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.hm-therightfitrow .h-spacer { height: 120vh; }
.abt-brand-slide { padding: 0px 50px; }

/* Card Wrapper */
.hm-therightfitrow .hr-imgcard { display: flex; flex-wrap: wrap; width: 100%; min-width: 1228px; margin-right: 150px; margin-bottom: 100px; background: #fff; }
.hm-therightfitrow .hr-imgcard:nth-child(3n+1) { box-shadow: 0 0 30px 10px rgba(255, 0, 0, 0.20); }
.hm-therightfitrow .hr-imgcard:nth-child(3n+2) { box-shadow: 0 0 30px 10px rgba(1, 0, 242, 0.20); }
.hm-therightfitrow .hr-imgcard:nth-child(3n+3) { box-shadow: 0 0 30px 10px rgba(0, 255, 0, 0.20); }
.hr-imgcard-slide { width: 100%; padding: 50px; }
.hm-therightfitrow .hr-imgcard:last-child { margin-right: 0; }

/* Image Section */
.hm-therightfitrow .cardimg { width: 55%; padding-right: 25px; }
.hm-therightfitrow .cardimg img { width: 100%; display: block; }

/* Content Section */
.hm-therightfitrow .imgcapcard { width: 45%; padding-left: 25px; position: relative; }
.hm-therightfitrow .imgcapcard-top { width: 100%; }
.hm-therightfitrow .imgcapcard-bottom { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; }
.hh-screen-one, .hh-screen-two { height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; }
.hh-title { text-align: center; font-size: 450px; font-family: "Barlow", sans-serif; font-weight: 800; line-height: 1.1; letter-spacing: 0.7px; text-transform: uppercase; }
.hh-title strong { display: block; font-size: 200px; }
.hh-screen-two { position: absolute; top: 0; background: #fff; mix-blend-mode: lighten; }
.hh-screen-one { overflow: hidden; }
.hh-screen-one { position: sticky; top: 0; left: 0; }
section.hm-herosection .h-spacer { height: 180vh; }
.hh-screen-one-wrap { position: sticky; top: 0; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.hh-one-screen-vi { width: 100vw; height: 100vh; overflow: hidden; z-index: 1; will-change: clip-path; }
.hh-one-screen-vi img, .hh-one-screen-vi video { width: 100%; height: 100%; object-fit: cover; display: block; will-change: transform; backface-visibility: hidden; transform: translateZ(0); transform-origin: left; }
.hh-screen-3 video { width: 100%; }
.hh-screen-3 { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; bottom: 0; right: 0px; opacity: 0; visibility: hidden; transform: translate(80px, 80px); }
.Visibility-tabrow .vtabbottom { position: absolute; bottom: 50px; width: 100%; z-index: 2; }
.Visibility-tabrow .vtabbtns ul { display: flex; }
.Visibility-tabrow .vtabbtns ul li { margin-right: 50px; color: #fff; border-bottom: 1px solid transparent; }
.Visibility-tabrow .vtabvideos, .Visibility-tabrow  .vtabvideos video { height: 100%; }
.Visibility-tabrow .vtabvideos video { width: 100%; object-fit: cover; }
.Visibility-tabrow .vtabbtns ul li { cursor: pointer; opacity: .6; transition: 0.3s; }
.Visibility-tabrow .vtabbtns ul li.active { opacity: 1; border-bottom: 1px solid #fff; }
.Visibility-tabrow .vtabvideos video { transition: opacity .4s ease; }
.boxcontent { position: relative; bottom: 200px }
.hm-client-logo-item { text-align: center; position: relative; }
.hm-client-logo-item { border-left: 1px solid #555555; border-right: 1px solid #555555; margin: 0px 20px 40px; }
.borderleft, .hm-client-logo-item:after, .borderright, .hm-client-logo-item:before { height: 1px; width: 15px; background: #555555; position: absolute; }
.borderleft { left: 0px; }
.hm-client-logo-item:after { content: ""; left: 0px; bottom: 0px; }
.hm-client-logo-item:before { content: ""; right: 0px; top: 0px; }
.borderright { right: 0px; }
.hm-client-logo-item img { filter: grayscale(100%); transition: filter 0.4s ease; }
.hm-client-logo-item:hover img { filter: grayscale(0%); }
.hm-client-logo-item img { margin: 25px 0px; }
.hclit-logo img { margin-top: 50px; }
.quote-left { left: -70px; }
.quote-right { right: -80px; bottom: 0px; }
.hm-visible .slick-next { right: 0px; }
.hm-visible .slick-prev, .hm-visible .slick-next { top: -100px; transform: unset; }
.hm-visible .slick-prev { left: unset; right: 50px; }
.date { font-size: 18px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.blog-item a { display: block; }
.blog-img { position: relative; overflow: hidden; }

/* Overlay */
.blog-img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(110deg, rgba(255, 0, 0, 0.30) 18.42%, rgba(1, 0, 242, 0.30) 93.99%); opacity: 0; visibility: hidden; transition: opacity .4s ease .35s, visibility .4s ease .35s;    /* delay for hide */ }

/* Hover overlay instantly */
.blog-item a:hover .blog-img:after { opacity: 1; visibility: visible; transition-delay: 0s; }

/* Icon */
.blog-icon { position: absolute; right: 30px; top: 30px; z-index: 2; opacity: 0; visibility: hidden; transform: translateY(-10px) translateX(10px); transition: all .35s ease; }

/* Hover icon */
.blog-item a:hover .blog-icon { opacity: 1; visibility: visible; transform: translateY(0) translateX(0); transition-delay: .35s; }
.hm-herosection a:hover  h4 { color: #EE1C25; }

/* SECTION */
.screen1-glich { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* start hidden */ pointer-events: none; }
.glich-scroll-icon { position: absolute; bottom: 45px; z-index: 1; }
.screen2, .screen3 { will-change: transform, filter, opacity; transform-origin: center center; }
.glitch-card-section { height: 500vh; position: relative; }
.glitch-card-wrap { position: sticky; top: 0; height: 100vh; overflow: hidden; }

/* VIDEO */
.video-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
.video-bg video { height: 100%; width: 100%; object-fit: cover; }

/* SCREENS */
.screen { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: white; z-index: 2; }
.screen2, .screen3 { opacity: 0; }

/* GLITCH VIDEO */
.screen1-glich video { height: 100%; width: 100%; object-fit: cover; }

/* CARDS */
.hm-cardrow-screen { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 150px 0px 50px; z-index: 3; }
.hmcards-wrap { position: relative; height: 100%; margin: 0px -12px; }
.cards-item { position: absolute; right: 0; bottom: 0; width: 25%; padding-left: 12px; padding-right: 12px; }
.cards-item-wrap { height: 432px; }
.cards-item-wrap, .cards-item-wrap-mb { padding: 20px; border: 1px solid #A8A8A8; background: linear-gradient(146deg, #EE1C25, #0100F2); color: white; display: flex; flex-direction: column; justify-content: space-between; will-change: transform; width: 100%; }
.cards-item-wrap-mb h4 { margin-bottom: 80px; }
.cards-item-mb { margin: 0px 12px; }
.hm-cardrow-screen-mb .slick-list.draggable { margin: 0px -12px; }

/* STACK */
.cards-item.one { z-index: 4; right: 20px; bottom: 20px; }
.cards-item.two { z-index: 3; right: 15px; bottom: 15px; }
.cards-item.three { z-index: 2; right: 10px; bottom: 10px; }
.cards-item.four { z-index: 1; right: 5px; bottom: 5px; }
.vtabwrap { will-change: clip-path; transform: translateZ(0); }
.vtabbtns { overflow: hidden; }
.vtabbtns ul { display: flex; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.vtabbtns ul::-webkit-scrollbar { display: none; }
.vtabbtns li { flex: 0 0 auto; cursor: pointer; }
.footerbottom .row { align-items: flex-end; }
.infinitepixel-items a:hover h2 { color: #EE1C25; }
.line-bottom { position: relative; }
.line-bottom:after { position: absolute; bottom: 0px; height: 3px; background-image: url(../images/title-line.svg); background-repeat: no-repeat; display: inline-block; vertical-align: top; content: ''; width: 155px; left: 0px; background-size: 100%; }
.line-bottom { display: inline-block; }
.line-bottom.text-center:after { left: 50%; transform: translateX(-50%); }
.glitch-scroll-icon { position: relative; z-index: 999; text-align: center; display: flex; align-items: end; justify-content: center; height: 100%; padding-bottom: 40px; }
.hh-screen-4 { overflow: hidden; }
.hm-infinitepixel-row { background: #fff; }

/*blog-page-css*/
.paginav { justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }
.paginav a, .paginav span { text-decoration: none; margin: 0px; margin-right: 10px; text-align: center; font-size: 20px; width: 50px; height: 50px; line-height: 50px; border-radius: 0px; }
.paginav span.arrow-previous, .paginav span.arrow-next { position: relative; display: inline-block; margin-right: 0px; }
.paginav a { border: 1px solid #555; }
.paginav span.current, .paginav a:hover { border-color: #DE1112; background-color: #DE1112; color: #fff; }
.arrow-previous::before, .arrow-next::before { height: 15px; width: 20px; content: ''; transition: all 0.3s ease; display: inline-block; }
.arrow-previous::before { background: url(../images/arrow-left-black-blog.svg) center center no-repeat; background-size: 100%; }
.arrow-next::before { background: url(../images/arrow-right-black-blog.svg) center center no-repeat; background-size: 100%; }
.arrow-previous:hover::before { background: url(../images/arrow-left-white-blog.svg) center center no-repeat; background-size: 100%; }
.arrow-next:hover::before { background: url(../images/arrow-right-white-blog.svg) center center no-repeat; background-size: 100%; }
.singleblogtitle { display: flex; }
.singlepostcontent ul { margin-bottom: 20px; }
.singlepostcontent p { margin-bottom: 20px; }
a.btn-line { color: #111; font-size: 20px; font-weight: 500; line-height: 1; position: relative; padding-bottom: 10px; text-transform: uppercase; }
a.btn-line:after { content: ""; bottom: 0px; background: #111; position: absolute; height: 1px; width: 100%; left: 0px; }
a.btn-line:hover:after { background: #E12225; }
a.btn-line:hover { color: #E12225; }
.blognavibtn { justify-content: space-between; display: flex; }
.singlepostcontent h1, .singlepostcontent h2, .singlepostcontent h3, .singlepostcontent h4, .singlepostcontent h5, .singlepostcontent h6 { margin-bottom: 20px; }

/*contactpage*/
.topbannerstikcy { width: 100%; height: 100vh; position: sticky; top: 0vh; overflow: hidden; }
.videoabscol { position: absolute; width: 232px; height: 232px; right: 200px; top: 190px; overflow: hidden; transform-origin: center center; will-change: transform; }
.videoabscol video, .videoabscol img { min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.h-spacer { height: 120vh; }
.contactfrmrowpadding { padding-top: 200px; }
.contactfrmrowwrap { position: relative; z-index: 3; }
.contactfrm { width: 60%; padding: 100px; background: #E5E5E5; position: relative; }
.contactfrmrowwrap { position: relative; z-index: 3; }
.contactfrmrowwrap { position: relative; z-index: 3; margin-top: -500px; }
.contactdetail-left { width: 40%; }
.contactdetail-left img { width: 100%; }
.contactdetail-center { width: 29%; }
.contactdetail-right { width: 31%; padding-right: 100px; }
.contactdetail-center { padding: 0px 100px; }
.contactdetail-right iframe { width: 100%; height: 488px; }
.parallax-img { position: relative; overflow: hidden; width: 100%; display: block; }
.parallax-img img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translateY(0); will-change: transform; transition: opacity .4s ease; }
.hm-cardrow-screen .container { height: 100%; position: relative; }
section.hm-cardrow-screen-mb { display: none; }
.ap-configured-item { background: #F5F5F5; padding: 20px; margin: 0px 12px; }
.ap-configured-icon { text-align: right; margin-bottom: 180px; width: 100%; }
.ap-configured .ap-configured-slider, .ap-products .ap-products-slider { margin: 0px -12px; }
.ap-configured .slick-track, .ap-products-slider .slick-track { display: flex; height: auto; }
.ap-configured .slick-slide, .ap-products-slider .slick-slide { display: flex; flex-wrap: wrap; height: auto; }
.ap-products-item { background: #F5F5F5; margin: 0px 12px; padding: 80px 15px; }
.ap-products-item-wrap { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.ap-products-image, .ap-products-content { width: 50%; }
.ap-products-image { padding-right: 24px; }
.ap-approach-bg { background: #F5F5F5; padding: 100px 0px; }
.ap-approach-btn { display: flex; justify-content: end; }
.fakeheight { position: relative; height: 200vh; }
.abt-banner .abt-banner-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.abt-banner .abt-banner-thumb { position: relative; height: 100vh; width: 100%; }
.abt-banner .abt-banner-thumb video { height: 100%; object-fit: cover; }
.abt-banner .abt-banner-caption-out { position: absolute; left: 0; width: 100%; }
.abt-banner .abt-banner-thumb-glitch { height: 100%; width: 100%; }
.abt-banner .abt-banner-thumb-glitch img { height: 100%; width: 100%; }
.abt-banner .abt-banner-caption-in h1 { color: #fff; }
.abt-banner .abt-banner-thumb-glitch { opacity: 0.5; position: absolute; top: 0; left: 0; }
.abt-banner .abt-banner-caption-in { width: 100%; }
.abt-banner .abt-banner-caption-out { position: absolute; display: flex; align-items: center; width: 100%; bottom: 100px; }
.abt-banner .abt-banner-caption-in h1 { padding-bottom: 30px; }
.abt-beyond .beyond-line-1 { position: absolute; margin-top: 150px; }
.abt-beyond .beyond-col-1 { position: relative; }
.abt-beyond .blbox-1 { margin-bottom: 294px; margin-left: -200px; }
.abt-beyond .blbox-2 { margin-left: -100px; }
.abt-beyond .blbox-3 { margin-bottom: 150px; }
.abt-beyond .blbox-5 { margin-bottom: 300px; }
.abt-beyond .blbox-6 { margin-left: 20px; }
.abt-beyond-right { display: flex; flex-wrap: wrap; align-items: end; }
.blbox-1 img, .blbox-2 img, .blbox-3 img, .blbox-4 img, .blbox-5 img, .blbox-6 img { transform: scale(0); transform-origin: center; will-change: transform; }
.abt-strong .scene { width: 416px;   /* 320 × 1.3 */ height: 416px; perspective: 1560px; }
.abt-strong .cube { width: 286px;   /* 220 × 1.3 */ height: 286px; position: relative; margin: auto; transform-style: preserve-3d; transform: rotateX(-20deg) rotateY(25deg); transition: transform 1.2s cubic-bezier(.22, 1, .36, 1); cursor: pointer; }
.abt-strong .cube.active { transform: rotateX(340deg) rotateY(385deg); }
.abt-strong .face { position: absolute; width: 286px; height: 286px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(10px); }
.face img { width: 100%; height: 100%; object-fit: contain; user-select: none; pointer-events: none; }
.abt-strong .front { transform: translateZ(143px); }
.abt-strong .back { transform: rotateY(180deg) translateZ(143px); }
.abt-strong .right { transform: rotateY(90deg) translateZ(143px); }
.abt-strong .left { transform: rotateY(-90deg) translateZ(143px); }
.abt-strong .top { transform: rotateX(90deg) translateZ(143px); }
.abt-strong .bottom { transform: rotateX(-90deg) translateZ(143px); }
.abt-strong .front, .abt-strong .back, .abt-strong .right, .abt-strong .left, .abt-strong .top, .abt-strong .bottom { background: #121212; }
.scene-wrap { display: flex; justify-content: center; }
h3.scene-text { margin-top: 150px; }
h3.scene-text { opacity: 0; transform: translateY(50px); transition: all 0.7s cubic-bezier(.22, 1, .36, 1); will-change: transform, opacity; }
h3.scene-text.active { opacity: 1; transform: translateY(0); }
.abt-clear-caption { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.abt-clear-video-wrap { position: relative }
.abt-clear-video video { vertical-align: bottom; height: 100%; object-fit: cover; }
.Visibility-tabrow .vtabwrap, .abt-clear-video { height: 100vh; overflow: hidden; position: relative; }
.Visibility-tabrow .vtabwrap:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.9%, #000 100%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; }
.abt-clear-video:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background: rgba(0, 0, 0, 0.5); }
.abt-clear-title { opacity: 0; transform: translateY(60px); }
.indstryitemsrow { position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #000; }
.image-cards-container { flex-wrap: wrap; }
.indimghover { text-align: right; }
.ap-team { width: 100%; overflow: hidden; position: relative; }
.ap-team-slider { width: 100%; overflow: hidden; position: relative; min-height: 700px; }
.ap-team-track { display: flex; align-items: flex-start; gap: 24px; will-change: transform; transform: translate3d(0, 0, 0); backface-visibility: hidden; }
.ap-team-img { overflow: hidden; }
.ap-team-img img { width: 100%; height: 420px; object-fit: cover; display: block; transform: translateZ(0); transition: height .7s ease, transform .7s ease; }
.ap-team-item.active img { height: 520px; }
.ap-team-content { margin-top: 28px; text-align: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s; }
.ap-team-item.active .ap-team-content { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .5s; }
.ap-team-item:not(.active) .ap-team-content { transition-delay: 0s; }

/* normal */
.ap-team-item { flex: 0 0 18%; position: relative; transition: flex-basis .7s ease, transform .7s ease; }

/* active */
.ap-team-item.active { flex: 0 0 24%; }
.abt-beyond-mob { display: none; }