@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");
.offcanvas{z-index:1111;}
.top-closebar,.mobile-menu{display:none;}
.header{z-index:11111111111;position:absolute;width:100%;top:0;left:0;transition:all 0.5s ease;}
.navbar-toggler{padding:0;z-index:1;position:relative;border:none;margin:0 0 0 auto;}
.navbar-toggler:focus{box-shadow:none;}
.bar1,.bar2,.bar3{width:20px;height:2px;background:#fff;margin:5px 0;border-radius:100px;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-3px,6px);transform:rotate(-45deg) translate(-3px,6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-4px,-7px);transform:rotate(45deg) translate(-4px,-7px);}
.navbar-brand{margin:0 64px 0 0;padding:0 0px 0 0;max-width:97px;width:100%;position:relative;}
.navbar{min-height:auto;padding:0px 0;width:100%;margin:0 auto;position:relative;}
.navbar-expand-lg .navbar-nav{margin:0;}
.navbar-expand-lg .navbar-nav .nav-item{margin:0 32px 0 0;position:static;}
.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown{padding:28px 0;background-color:transparent;border:none;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#fff;position:relative;}
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::before,.head-dropdown.dropdown-toggle::before{content:"";width:22px;height:22px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/header/menu-arrow.svg);background-size:22px;background-position:center;background-repeat:no-repeat;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);opacity:0;}
.navbar-expand-lg .navbar-nav .nav-link.active{background:var(--Gradients-G-02,linear-gradient(100deg,#FF5B2E 30.1%,#F5E12D 98.71%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.dropdown-toggle::after{border:none;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/header/arrow-down-sm.svg);width:10px;height:7px;background-size:cover;background-repeat:no-repeat;vertical-align:middle;margin:-1px 0 0 6px;}
.head-dropdown::after{margin:-1px 0 0 6px;}
.head-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.head-contact{position:relative;margin:0 0 0 20px;}
.head-contact::before{content:"";width:1px;height:40px;background:#AEAEAE;position:absolute;top:0;left:0;}
.head-contact ul{list-style:none;margin:0 0 0 0;display:flex;align-items:center;}
.head-contact ul li{margin:0 0 0 20px;display:inline-block;}
.head-contact ul li a{display:block;width:36px;height:36px;    display:flex;align-items:center;justify-content:center;transition:none;border-radius:100px;}
.offcanvas .head-right{display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{border-radius:0;padding:0px 0 0 0;margin:0;width:100%;background-color:transparent;border:none;left:0;right:0;top:80px;display:none;visibility:hidden;opacity:0;transition:all 0.5s ease;margin:0 auto;max-width:1360px;}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.dropdown-toggle::before,.head-right .dropdown:hover .head-dropdown.dropdown-toggle::before{opacity:1;}
.megamenu-parent{padding:0;border-radius:12px;background-color:#fff;    box-shadow:0px 10px 12px 6px rgba(0,0,0,.18);}
.dropdown-menu-parent{padding:24px;}
.navbar-brand,.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown,.head-contact{z-index:1111;position:relative;}
.head-right .dropdown{position:static;}
.menu-block{padding:0 0 0 7px;}
.menu-block h4{margin:0 0 16px 0;color:#000;font-size:24px;font-weight:700;}
.menu-block-img{width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:16px;}
.menu-block p{color:#4E4E4E;font-size:18px;line-height:24px;margin:0 0 24px 0;}
.menu-info-block{padding:24px 32px;background-color:#ff5b2e;border-radius:0 0 12px 12px;margin-top:0px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/header/white-shape.png);background-size:auto 100%;background-position:71% 100%;background-repeat:no-repeat;}
.menu-info-block .btn.btn-primary{font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:#fff;padding:9px 23px;border:1px solid #fff;border-radius:100px;background-color:transparent;}
.menu-info-block .btn.btn-primary:hover,.menu-info-block .btn.btn-primary:focus{border-color:#fff;background-color:#ff5b2e;color:#fff;}
.menu-info-block-text h5{margin:0 0 8px 0;color:#fff;}
.menu-info-block-text p{color:#D7D7D7;}
.menu-info-block-button{display:flex;align-items:center;justify-content:flex-end;min-height:100%;}
.technology-menu{margin:0 0 0px 0;padding-bottom:20px;}
.technology-menu-wrape{padding:16px 0 0 10px;}
.technology-menu-block-img{width:100%;height:258px;object-fit:cover;border-radius:12px 12px 0 0;object-position: center 30%;}
.technology-menu-block-text{padding:24px;padding-bottom:20px;background-color:#121212;border-radius:0 0 12px 12px;}
.technology-menu-block-text p{color:#fff;font-size:18px;line-height:24px;margin:0 0 24px 0;}
.insights-menu{padding-top:8px;padding-bottom:40px;}
.work-menu{padding-bottom:40px;}
.hiretech-menu{padding-bottom:40px;}
.header-black .navbar-expand-lg .navbar-nav .nav-link,.header-black .head-dropdown{color:#121212;}
.header-black .dropdown-toggle::after{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);}
.header-black .head-contact::before{background-color:#121212;}
.header-black .bar1,.header-black .bar2,.header-black .bar3{background-color:#121212;}
.header.fixed{position:fixed!important;background-color:#121212;box-shadow:0px 0px 10px rgba(0,0,0,0.1);animation:slideDown 0.5s ease-out;}
.header.header-black.fixed{background-color:#fff;}
@keyframes slideDown{
from{transform:translateY(-100%);}
to{transform:translateY(0);}
}
.navbar-expand-lg a.head-dropdown.dropdown-toggle.active,.navbar-expand-lg a.head-dropdown.dropdown-toggle:hover{color:#FF5B2E;background:var(--Gradients-G-02,linear-gradient(100deg,#FF5B2E 30.1%,#F5E12D 98.71%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.dropdown-menu.megamenu.hidden{visibility:hidden!important;opacity:0!important;}
.modal-open .header{z-index:99;} @media (min-width:1025px){
.head-right .dropdown:hover .dropdown-menu.megamenu,.navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu.megamenu{display:block;visibility:visible;opacity:1;}
}
@media (min-width:1551px) and (max-width:1800px){
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{max-width:1360px;}
.dropdown-menu-parent{padding-bottom:20px;}
.menu-block p{font-size:16px;line-height:22px;}
.menu-block h4{font-size:20px;}
.technology-menu-data{padding-bottom:15px;margin-bottom:15px;}
.technology-menu-block-img{height:200px;}
.technology-menu-block-text p{font-size:16px;line-height:22px;margin-bottom:15px;}
}
@media (min-width:1300px) and (max-width:1550px){
.navbar-brand{margin-right:40px;}
.navbar-expand-lg .navbar-nav .nav-item{margin-right:25px;}
.navbar-expand-lg .navbar-nav .nav-item:last-child{margin-right:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{max-width:1220px;}
.technology-menu-block-text{padding:18px;}
.technology-menu-block-text .btn.btn-primary{font-size:16px;}
.megamenu-parent{height:auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.megamenu-parent::-webkit-scrollbar{display:none;}
.dropdown-menu-parent{padding-bottom:20px;}
.menu-block p{font-size:16px;line-height:22px;}
.menu-block h4{font-size:20px;}
.technology-menu-data{padding-bottom:15px;margin-bottom:15px;}
.technology-menu-block-img{height:200px;}
.technology-menu-block-text p{font-size:16px;line-height:22px;margin-bottom:15px;}
}
@media (min-width:1200px) and (max-width:1299px){
.navbar-brand{margin-right:40px;}
.navbar-expand-lg .navbar-nav .nav-item{margin-right:25px;}
.navbar-expand-lg .navbar-nav .nav-item:last-child{margin-right:0;}
.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown{font-size:16px;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{max-width:1110px;}
.technology-menu-wrape{padding:0;}
.technology-menu-block-text{padding:15px;}
.technology-menu-block-text .btn.btn-primary{font-size:14px;}
.megamenu-parent{height:auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.megamenu-parent::-webkit-scrollbar{display:none;}
.dropdown-menu-parent{padding-bottom:20px;}
.menu-block-img{height:180px;}
.menu-block h4{font-size:18px;}
.menu-block p,.technology-menu-block-text p{font-size:16px;line-height:20px;margin-bottom:15px;}
.technology-menu-data{margin-bottom:15px;padding-bottom:15px;}
.technology-menu-block-img{height:230px;}
.menu-info-block{padding:20px 24px;}
}
@media (max-width:1024px){
header .dropdown-menu.show{display:block!important;visibility:visible!important;opacity:1!important;}
}
@media (min-width:992px) and (max-width:1199px){
.navbar{padding:0 0;}
.navbar-brand{margin-right:20px;}
.navbar-expand-lg .navbar-nav .nav-item{margin-right:15px;}
.navbar-expand-lg .navbar-nav .nav-item:last-child{margin-right:0;}
.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown{font-size:14px;}
.head-contact ul li{margin:0 0 0 10px;}
.head-contact ul li a{width:30px;height:30px;}
.head-contact::before{height:30px;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{max-width:930px;}
.dropdown-menu-parent{padding-bottom:24px;}
.menu-block h4{font-size:22px;}
.menu-block-img{height:200px;}
.menu-block p{font-size:16px;line-height:24px;margin-bottom:16px;}
.technology-menu-wrape{padding:0;}
.technology-menu-data .gx-30{--bs-gutter-x:10px;}
.technology-menu-block-text{padding:20px;}
.technology-menu-block-img{height:220px;}
.technology-menu-block-text p{font-size:16px;line-height:24px;}
.technology-menu-block .btn.btn-primary{font-size:16px;padding:9px 15px;}
.megamenu-parent{height:auto;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
.megamenu-parent::-webkit-scrollbar{display:none;}
}
@media (min-width:768px) and (max-width:991px){
header .dropdown-toggle::after{content:none!important;}
header .dropdown-toggle .menu-arrow{height:24px;width:24px;display:inline-block;text-align:center;}
header .dropdown-toggle .menu-arrow:after{width:10px;display:inline-block;vertical-align:2px;content:"";background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);height:8px;transition:transform 0.25s;}
header .dropdown-toggle[aria-expanded="true"] .menu-arrow:after{transform:rotate(180deg);}
html.o-hidden .header{transition:none;transform:none;}
html.o-hidden{overflow:hidden;}
.mobile-menu{display:block;}
.desktop-menu{display:none;}
.top-closebar{display:flex;align-items:center;justify-content:space-between;padding:15px;}
.navbar{padding:15px 0;}
.head-contact::before{display:none;}
.navbar-expand-lg .navbar-nav{padding:15px;padding-bottom:5px;overflow-y:auto;}
.navbar-expand-lg .navbar-nav .nav-item{margin:0 0 0 0;}
.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown{color:#121212;padding:10px 0;align-items:center;display:flex;font-size:20px;justify-content:space-between;}
.dropdown-toggle::after{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);}
.offcanvas .head-right{display:flex;}
.head-contact{margin:0;padding:0 15px;width:100%;display:none;}
.head-contact ul{padding:15px 0;border-top:1px solid rgba(215,215,215,0.5);}
.head-contact ul,.head-right{justify-content:flex-start;}
.head-contact ul li{margin:0 20px 0 0;}
.dropdown-menu{margin:0!important;}
.megamenu-parent{box-shadow:none;}
.dropdown-menu-parent{padding:0 0 20px 0;margin:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{padding:0 0 0 0;position:static;height:0;overflow:hidden;box-shadow:none;margin:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu.show,.head-right .dropdown-menu.show{height:auto;display:block!important;overflow:visible;visibility:visible;opacity:1;}
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::before,.head-dropdown.dropdown-toggle::before{display:none;}
.menu-block{padding:0;}
.menu-block h4{font-size:20px;}
.menu-block p{font-size:16px;line-height:24px;}
.menu-block-img{height:auto;}
.menu-info-block{padding:20px;margin:0;border-radius:12px;margin-bottom:20px;}
.menu-info-block-button{justify-content:flex-start;margin-top:10px;}
.technology-menu-data{margin:0;padding:0;border-bottom:0;}
.technology-menu-block-text{padding:16px;}
.technology-menu-wrape{padding:0;}
}
@media (min-width:320px) and (max-width:767px){
header .dropdown-toggle::after{content:none!important;}
header .dropdown-toggle .menu-arrow{height:24px;width:24px;display:inline-block;text-align:center;}
header .dropdown-toggle .menu-arrow:after{width:10px;display:inline-block;vertical-align:2px;content:"";background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);height:8px;transition:transform 0.25s;}
header .dropdown-toggle[aria-expanded="true"] .menu-arrow:after{transform:rotate(180deg);}
html.o-hidden{overflow:hidden;}
.header{transition:none;transform:none;}
.mobile-menu{display:block;}
.desktop-menu{display:none;}
.top-closebar{display:flex;align-items:center;justify-content:space-between;padding:15px;}
.navbar{padding:15px 0;}
.head-contact::before{display:none;}
.navbar-expand-lg .navbar-nav{padding:15px;padding-bottom:5px;overflow-y:auto;}
.navbar-expand-lg .navbar-nav .nav-item{margin:0 0 0 0;}
.navbar-expand-lg .navbar-nav .nav-link,.head-dropdown{color:#121212;padding:10px 0;align-items:center;display:flex;font-size:20px;justify-content:space-between;}
.dropdown-toggle::after{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);}
.offcanvas .head-right{display:flex;}
.head-contact{margin:0;padding:0 15px;width:100%;}
.head-contact ul{padding:15px 0;border-top:1px solid rgba(215,215,215,0.5);}
.head-contact ul,.head-right{justify-content:flex-start;}
.head-contact ul li{margin:0 20px 0 0;}
.dropdown-menu{margin:0!important;}
.megamenu-parent{box-shadow:none;}
.dropdown-menu-parent{padding:0 0 20px 0;margin:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu,.head-right .dropdown-menu{padding:0 0 0 0;position:static;height:0;overflow:hidden;box-shadow:none;margin:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu.show,.head-right .dropdown-menu.show{height:auto;display:block!important;overflow:visible;visibility:visible;opacity:1;}
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::before,.head-dropdown.dropdown-toggle::before{display:none;}
.menu-block{padding:0;}
.menu-block h4{font-size:20px;}
.menu-block p{font-size:16px;line-height:24px;}
.menu-block-img{height:auto;}
.menu-info-block{padding:20px;margin:0;border-radius:12px;margin-bottom:20px;}
.menu-info-block-button{justify-content:flex-start;margin-top:10px;}
.technology-menu-data{margin:0;padding:0;border-bottom:0;}
.technology-menu-block-text{padding:16px;}
.technology-menu-wrape{padding:0;}
}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link.show {
background: transparent;
-webkit-text-fill-color: inherit;
color: inherit;
}
.navbar-expand-lg .navbar-nav .dropdown-menu, .head-right .dropdown-menu{
box-shadow: 0px 4px 16px 0px #00000040;
border-radius: 20px;
background-color: #FFFFFF;
}
.has-megamenu {
position: static !important;
}
.has-megamenu .dropdown-menu.megamenu {
width: clamp(600px, 95vw, 1356px);
max-width: clamp(600px, 95vw, 1356px);
left: 50%;
transform: translateX(-50%);
right: auto;
}
.has-megamenu:has(.technology-megamenu) .dropdown-menu.megamenu {
width: clamp(768px, 80vw, 1090px);
max-width: clamp(768px, 80vw, 1090px);
}
.has-megamenu:has(.work-menu) .dropdown-menu.megamenu {
width: clamp(600px, 70vw, 648px);
max-width: clamp(600px, 70vw, 648px);
}
.has-megamenu:has(.insights-menu) .dropdown-menu.megamenu {
width: clamp(600px, 80vw, 1020px);
max-width: clamp(600px, 80vw, 1020px);
}
.has-megamenu:has(.hire-megamenu-inner) .dropdown-menu.megamenu {
width: clamp(900px, 86vw, 1360px);
max-width: clamp(900px, 86vw, 1360px);
}
.has-megamenu:has(.hiretech-tabs-wrap) .dropdown-menu.megamenu {
width: fit-content;
max-width: 95vw;
}
@media (hover: hover) {
.navbar:hover .has-megamenu:not(:hover) > .dropdown-menu.megamenu {
display: none !important;
}
}
.navbar-brand {
flex-shrink: 0;
}
.dropdown-menu-parent {
padding: 0px !important;
}
ul.mobile-icon-wrap
{
display: flex;
justify-content: center;
gap: 20px;
list-style: none;
}
.menu-info-block{
background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/header/header_dropdown_two.png) center center / cover no-repeat;
border-radius:12px;
margin-top: 24px;
padding: 24px 20px;
}
.menu-info-block .menu-info-block-text {
display: flex;
align-items: center;
gap: clamp(10px, 1.2vw, 16px);
}
.menu-info-phone-icon {
width: clamp(36px, 3.3vw, 44px);
height: clamp(36px, 3.3vw, 44px);
min-width: clamp(36px, 3.3vw, 44px);
border-radius: 50%;
background: #F2F2F2;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.megamenu-parent{
border-radius: 20px;
padding:20px;
}
.technology-menu-wrape {
padding: 0;
}
.tech-megamenu-outer { display: flex; gap: clamp(10px, 1.2vw, 16px); align-items: stretch; }
.tech-megamenu-inner { display: flex; gap: 0; min-height: 0; flex: 1; min-width: 0; }
.tech-megamenu-outer .technology-menu-wrape { flex: 0 0 clamp(220px, 25vw, 352px); width: clamp(220px, 25vw, 352px); max-width: 352px; padding: 0 0 0 20px; }
.tech-megamenu-outer .technology-menu-block-img { height: 100%; max-height: clamp(160px, 18vw, 180px);border-radius:12px; }
.technology-menu-block-text{background:white;padding:0;}
.technology-menu-block-text .btn.btn-primary { color: #1A1A1A; background: #fff; border: 1px solid #FF734C; border-radius: 50px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 10px 10px 20px; transition: box-shadow 0.2s ease, border-color 0.2s ease; }
.technology-menu-block-text .btn.btn-primary:hover { color: #1A1A1A; border-color: #EAEAEA; box-shadow: 0 0 0 6px #4D4D4D80; }
.technology-menu-block-text .btn.btn-primary .icon { width: 32px; height: 32px; min-width: 32px; border-radius: 50%; background: #EAEAEA; display: flex; align-items: center; justify-content: center; }
.technology-menu-block-text .btn.btn-primary .icon img { width: 14px; height: 14px; filter: brightness(0) saturate(100%); }
.technology-menu-block-text h3 {color: #000000;
font-size: clamp(17px, 1.7vw, 24px);
font-weight: 400;
margin: clamp(16px, 2vw, 24px) 0 clamp(10px, 1.2vw, 14px) 0;
line-height: clamp(24px, 2.4vw, 32px);}
.technology-menu-block-text p { font-size: clamp(12px, 1.1vw, 16px) !important;
line-height: clamp(18px, 1.8vw, 24px) !important;
margin: 0 0 24px 0 !important;
color: #434343;}
.tech-cat-list { border-right: 1px solid #F2F2F2; display: flex; flex-direction: column; }
.tech-cat-item { width: clamp(200px, 23vw, 324px); min-width: clamp(200px, 23vw, 324px); display: flex; align-items: center; gap: clamp(10px, 1.2vw, 14px); padding: clamp(8px, 0.9vw, 12px); cursor: pointer; border-radius: 10px; margin: 0 clamp(12px, 1.5vw, 20px) 0 0; transition: background 0.15s; color: #1A1A1A; user-select: none; position: relative; }
.tech-cat-item:hover { background: #F5F5F5; color: #1A1A1A; }
.tech-cat-item.active { background: #F5F5F5; color: #1A1A1A;  }
.tech-cat-item.active .tech-cat-icon { background: #FF5C36; }
.tech-cat-item.active .tech-cat-icon img { filter: brightness(0) invert(1); }
.tech-cat-item.active .tech-cat-icon svg path { fill: #fff !important; stroke: #fff !important; }
.tech-cat-item.active::after { content: ''; position: absolute; right: clamp(8px, 1vw, 14px); top: 50%; transform: translateY(-50%); width: 8px; height: 14px; background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/black_arrow.png) center/contain no-repeat; }
.tech-cat-icon { width: clamp(36px, 3.5vw, 44px); height: clamp(36px, 3.5vw, 44px); min-width: clamp(36px, 3.5vw, 46px); background: #F3F3F3; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.tech-cat-icon img { width: clamp(18px, 1.8vw, 24px); height: clamp(18px, 1.8vw, 24px); object-fit: contain; }
.tech-cat-label { font-size: clamp(14px, 1.3vw, 18px); font-weight: 600; color: #1A1A1A; line-height: 150%; }
.tech-sub-list { border-right: 1px solid #EBEBEB; padding: 0 clamp(12px, 1.5vw, 20px); display: none; }
.tech-sub-list.active { display: flex; flex-direction: column; gap: clamp(5px, 1vw, 10px);}
.tech-sub-item { width: clamp(200px, 20vw, 310px); min-width: clamp(200px, 20vw, 310px); display: flex; align-items: center; justify-content: space-between; gap: clamp(8px, 0.9vw, 12px); padding: clamp(8px, 0.9vw, 10px) clamp(10px, 1.2vw, 14px); border-radius: 8px; color: #1A1A1A; font-size: clamp(13px, 1.2vw, 16px); font-weight: 400; border: 1px solid transparent; transition: background 0.15s; text-decoration: none; }
.tech-sub-item:hover, .tech-sub-item.active-sub { background: #F2F2F2; color: #FF5B2E !important; text-decoration: none; }
.tech-sub-icon { width: clamp(22px, 2.3vw, 30px); height: clamp(22px, 2.3vw, 30px); min-width: clamp(22px, 2.3vw, 30px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; order: 2; margin-left: auto; }
.tech-sub-icon img { width: clamp(22px, 2.3vw, 30px); height: clamp(22px, 2.3vw, 30px); object-fit: contain; border-radius: 4px; }
.hiretech-tabs-wrap { display: flex; gap: 0; min-height: 0; flex: 0 0 auto; }
.hire-cat-list { border-right: 1px solid #F2F2F2; display: flex; flex-direction: column; }
.hire-cat-item { width: clamp(200px, 23vw, 324px); min-width: clamp(200px, 23vw, 324px); display: flex; align-items: center; gap: clamp(10px, 1.2vw, 14px); padding: clamp(8px, 0.9vw, 12px); cursor: pointer; border-radius: 10px; margin: 0 clamp(12px, 1.5vw, 20px) 0 0; transition: background 0.15s; color: #1A1A1A; user-select: none; position: relative; }
.hire-cat-item:hover { background: #F5F5F5; color: #1A1A1A; }
.hire-cat-item.active { background: #F5F5F5; color: #1A1A1A; }
.hire-cat-item.active .hire-cat-icon { background: #FF5C36; }
.hire-cat-item.active .hire-cat-icon img { filter: brightness(0) invert(1); }
.hire-cat-item.active .hire-cat-icon svg path { fill: #fff !important; stroke: #fff !important; }
.hire-cat-item.active::after { content: ''; position: absolute; right: clamp(8px, 1vw, 14px); top: 50%; transform: translateY(-50%); width: 8px; height: 14px; background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/black_arrow.png) center/contain no-repeat; }
.hire-cat-icon { width: clamp(36px, 3.5vw, 44px); height: clamp(36px, 3.5vw, 44px); min-width: clamp(36px, 3.5vw, 46px); background: #F3F3F3; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.hire-cat-icon img { width: clamp(18px, 1.8vw, 24px); height: clamp(18px, 1.8vw, 24px); object-fit: contain; }
.hire-cat-label { font-size: clamp(14px, 1.3vw, 18px); font-weight: 600; color: #1A1A1A; line-height: 150%; }
.hire-sub-list { border-right: 1px solid #EBEBEB; padding: 0 clamp(12px, 1.5vw, 20px); display: none; }
.hire-sub-list.active { display: flex; flex-direction: column; gap: clamp(5px, 1vw, 10px); }
.hire-sub-item { width: clamp(200px, 20vw, 310px); min-width: clamp(200px, 20vw, 310px); display: flex; align-items: center; justify-content: space-between; gap: clamp(8px, 0.9vw, 12px); padding: clamp(8px, 0.9vw, 10px) clamp(10px, 1.2vw, 14px); border-radius: 8px; color: #1A1A1A; font-size: clamp(13px, 1.2vw, 16px); font-weight: 400; border: 1px solid transparent; transition: background 0.15s; text-decoration: none; }
.hire-sub-item:hover { background: #F2F2F2; color: #FF5B2E !important; text-decoration: none; }
.hire-sub-icon { width: clamp(22px, 2.3vw, 30px); height: clamp(22px, 2.3vw, 30px); min-width: clamp(22px, 2.3vw, 30px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; order: 2; margin-left: auto; }
.hire-sub-icon img { width: clamp(22px, 2.3vw, 30px); height: clamp(22px, 2.3vw, 30px); object-fit: contain; border-radius: 4px; }
.hire-megamenu-inner.hire-flat { display: flex; gap: clamp(20px, 2.2vw, 20px); min-height: clamp(320px, 34vw, 350px); }
.hire-flat-list { flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, auto); grid-auto-flow: column; align-content: start; gap: clamp(2px, 0.4vw, 4px) clamp(14px, 1.6vw, 16px);  }
.hire-flat-item { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 14px); padding: clamp(8px, 0.9vw, 12px); border-radius: 10px; color: #1A1A1A; font-size: clamp(13px, 1.2vw, 15px); font-weight: 500; text-decoration: none; transition: background 0.15s, color 0.15s; position: relative; }
.hire-flat-item:hover { background: #F5F5F5; color: #1A1A1A; text-decoration: none; }
.hire-flat-item:hover .hire-flat-icon { background: #FF5C36; }
.hire-flat-item:hover .hire-flat-icon img { filter: brightness(0) invert(1); }
.hire-flat-item:hover .hire-flat-icon svg path { fill: #fff !important; stroke: #fff !important; }
.hire-flat-item:hover::after { content: ''; position: absolute; right: clamp(8px, 1vw, 14px); top: 50%; transform: translateY(-50%); width: 8px; height: 24px; background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/black_arrow.png) center/contain no-repeat; }
.hire-flat-item:nth-child(-n+8)::before { content: ''; position: absolute; right: calc(-1 * clamp(7px, 0.8vw, 11px)); top: calc(-1 * clamp(1px, 0.2vw, 2px)); bottom: calc(-1 * clamp(1px, 0.2vw, 2px)); width: 1px; background: #D7D7D7; }
.hire-flat-icon { width: clamp(32px, 3vw, 40px); height: clamp(32px, 3vw, 40px); min-width: clamp(32px, 3vw, 40px); background: #F3F3F3; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.15s; }
.hire-flat-icon img {     width: clamp(18px, 1.6vw, 26px);
height: clamp(18px, 1.6vw, 26px); object-fit: contain; }
.hire-flat-promo {     min-width: 0;
width: clamp(220px, 25vw, 315px);
max-width: clamp(220px, 25vw, 315px);
display: inline-block;}
.hire-detail-card { position: relative; overflow: hidden; border-radius: clamp(10px, 1.2vw, 16px); padding: clamp(16px, 1.8vw, 22px); height: 100%; min-height: clamp(240px, 22vw, 300px); display: flex; flex-direction: column; justify-content: space-between; }
.hire-detail-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,20,0.6) 0%, rgba(10,10,20,0.1) 45%, rgba(10,10,20,0.65) 100%); z-index: 1; }
.hire-detail-card h3 { position: relative;
z-index: 2;
font-size: clamp(18px, 2vw, 32px);
font-weight: 500;
color: #fff;
margin: 0;
line-height: 130%;
max-width: 162px; }
.hire-detail-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; margin: 0; z-index: 0; }
.hire-detail-card .cta-btn { position: relative; z-index: 2; align-self: flex-start; }
.hire-detail-card .cta-btn.cta-banner-second {    background: transparent;
border: 1px solid #fff;
color: #fff;
width: 100%;
padding: 5px 10px;
max-height: 40px; 
display: inline-flex;
align-items: center;
font-size: 16px;
font-weight: 600;
gap: 14px;
border-radius: 30px;
text-decoration: none;
overflow: hidden;
}
.cta-btn {
position: relative;
display: inline-flex;
align-items: center;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 600;
height: clamp(42px, 3.5vw, 50px);
gap: 14px;
padding: clamp(10px, 0.85vw, 12px) 34px;
border-radius: 30px;
background: rgb(255, 91, 46);
text-decoration: none;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-image: none;
transition: 0.5s, box-shadow 0.5s ease-in-out;
}
.cta-btn .text
{
position: relative;
z-index: 2;
}
.cta-btn::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
right: 30px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
border-radius: 50%;
background: rgb(255, 111, 71);
transition: 0.6s;
}
.cta-btn .icon {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.cta-btn:hover {
box-shadow: rgba(255, 91, 46, 0.4) 0px 0px 0px 6px;
}
.cta-btn:hover::before {
width: 140%;
height: 140%;
right: -20%;
border-radius: 50px;
}
.cta-btn:hover .text {
color: rgb(255, 255, 255);
}
.cta-btn:hover .icon {
transform: translateX(6px);
}
.cta-banner-second {
border: 1px solid #FF734C;
background: #fff;
color: var(--black);
}
.cta-banner-second:before {
background: #EAEAEA;
}
.cta-banner-second span.icon {
background-color: #EAEAEA;
}
.cta-banner-second .icon img {
filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(4590%) hue-rotate(336deg) brightness(97%) contrast(91%);
}
.cta-banner-second:hover {
box-shadow: 0 0 0 6px #4D4D4D80;
border: 1px solid #EAEAEA;
}
.cta-banner-second:hover .text {
color: #1e1e1e;
}
.navbar-expand-lg .navbar-nav .nav-link.active {
background: var(--Gradients-G-02, linear-gradient(100deg, #FF5B2E 30.1%, #F5E12D 98.71%))!important;
background-clip: text!important;
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent!important;
}
.hire-detail-card .cta-btn.cta-banner-second::before { display: none; }
.hire-detail-card .cta-btn.cta-banner-second .icon { background: transparent; }
.hire-detail-card .cta-btn.cta-banner-second .icon img { filter: brightness(0) invert(1); }
.hire-detail-card .cta-btn.cta-banner-second:hover { box-shadow: 0 0 0 6px rgba(255,255,255,0.25); }
.hire-detail-card .cta-btn.cta-banner-second:hover .text { color: #fff; }
.work-simple-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 1.4vw, 24px); width: 100%; }
.work-simple-item { display: flex; flex-direction: column;  text-decoration: none; color: #1A1A1A; transition: background 0.15s, border-color 0.15s; overflow: hidden; }
.work-simple-img { width: 100%; height: 190px; border-radius: 16px; overflow: hidden; }
.work-simple-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.work-simple-item:hover .work-simple-img img { transform: scale(1.05); }
.work-simple-text { flex: 1;  }
.work-simple-list .work-simple-text h4 { font-size: clamp(16px, 1.4vw, 24px)!important; font-weight: 400!important; color: #000000; margin-bottom: 10px; }
.work-simple-text p { font-size: clamp(13px, 1.1vw, 16px); color: #434343; margin: 0; line-height:120%; }
.insights-simple-grid { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: clamp(10px, 1.5vw, 10px); column-gap: clamp(16px, 3vw, 40px); overflow: hidden; }
.insights-simple-item:not(:nth-child(3n))::after { content: ''; position: absolute; right: calc(-1 * clamp(9px, 1.6vw, 22px)); top: calc(-1 * clamp(6px, 0.9vw, 12px)); bottom: calc(-1 * clamp(5px, 0.75vw, 10px)); width: 1px; background: #E8E8E8; z-index: 1; }
.insights-simple-item { display: flex; align-items: center; gap: clamp(8px, 1vw, 14px); padding: clamp(8px, 0.9vw, 12px); border-radius: 10px; border: 1px solid transparent; text-decoration: none; color: #1A1A1A; transition: background 0.15s, border-color 0.15s; background: transparent; position: relative; }
.insights-simple-item.active,
.insights-simple-item:hover { background: #F2F2F2; border-color: none; text-decoration: none; }
.insights-simple-item.active .insights-simple-icon,
.insights-simple-item:hover .insights-simple-icon { background: #FF5C36; }
.insights-simple-item.active .insights-simple-icon svg,
.insights-simple-item:hover .insights-simple-icon svg { filter: brightness(0) invert(1); }
.insights-simple-item.active .insights-simple-arrow,
.insights-simple-item:hover .insights-simple-arrow { display: inline-flex; align-items: center; }
.insights-simple-arrow img { width: clamp(12px, 1vw, 14px); height: clamp(9px, 0.75vw, 12px); object-fit: contain; }
.insights-simple-icon { width: clamp(36px, 3.5vw, 46px); height: clamp(36px, 3.5vw, 46px); min-width: clamp(36px, 3.5vw, 46px); background: transparent; border-radius: clamp(30px, 0.9vw, 40px); display: flex; align-items: center; justify-content: center; background:#F5F5F5; transition: background 0.15s; }
.insights-simple-icon img { width: clamp(18px, 1.8vw, 24px); height: clamp(18px, 1.8vw, 24px); object-fit: contain; }
.insights-simple-label { font-size: clamp(13px, 1.2vw, 17px); font-weight: 600; flex: 1; color: #121212; }
.insights-simple-arrow { display: none; font-size: clamp(11px, 0.9vw, 13px); }
.btn-close:focus{
box-shadow:none;
}
.hire-flat-item,
.tech-cat-label,
.work-simple-text h4,
.insights-simple-label {
font-size: clamp(13px, 1.2vw, 16px) !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
.hire-flat-item,
.tech-cat-item,
.tech-sub-item,
.work-simple-item,
.insights-simple-item {
gap: clamp(10px, 1.2vw, 14px) !important;
}
.hire-flat-icon,
.tech-cat-icon,
.insights-simple-icon:not(.is-photo) {
width: clamp(32px, 3vw, 44px) !important;
height: clamp(32px, 3vw, 44px) !important;
min-width: clamp(32px, 3vw, 44px) !important;
}
.hire-flat-icon img,
.tech-cat-icon img,
.insights-simple-icon:not(.is-photo) img {
width: clamp(18px, 1.6vw, 24px) !important;
height: clamp(18px, 1.6vw, 24px) !important;
}
.tech-cat-icon img[src$="e-commerce.svg"],
.hire-flat-icon img[src$="graphic-design.png"],
.hire-flat-icon img[src$="e-commerce.png"],
.hire-flat-icon img[src$="support-and-maintainance.png"] {
filter: brightness(0) opacity(0.5);
}
.menu-info-block-text h5 {
margin: 0 0 clamp(2px, 0.3vw, 4px) 0;
color: #fff;
font-size: clamp(16px, 1.8vw, 24px);
line-height: clamp(22px, 2.4vw, 32px);
font-weight: 400;
}
.menu-info-block-text p {
font-size: clamp(12px, 1.4vw, 16px);
line-height: clamp(18px, 2.2vw, 26px);
color: #fff;
}
@media (max-width: 1500px) {
.tech-cat-item {
width: clamp(200px, 37vw, 338px);
min-width: clamp(200px, 37vw, 338px);
}
}
@media (max-width: 1400px) {
.tech-megamenu-outer .technology-menu-wrape {
flex: 0 0 clamp(220px, 30vw, 352px);
width: clamp(220px, 30vw, 352px);
}
.hire-flat-promo{
width: clamp(220px, 37vw, 379px);
max-width: clamp(220px, 37vw, 379px);
}
}
@media (min-width: 992px) and (max-width: 1300px) {
.tech-cat-item {
width: clamp(200px, 37vw, 308px);
min-width: clamp(200px, 37vw, 308px);
}
.tech-megamenu-outer .technology-menu-wrape {
flex: 0 0 clamp(220px, 25vw, 332px);
width: clamp(220px, 24vw, 334px);
}
.has-megamenu:has(.technology-megamenu) .dropdown-menu.megamenu{
width: clamp(768px, 78vw, 1090px);
max-width: clamp(768px, 78vw, 1090px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-lg .navbar-nav{
overflow-x: hidden;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.tech-cat-item {
width: clamp(200px, 37vw, 241px);
min-width: clamp(200px, 37vw, 256px);
}
.tech-megamenu-outer .technology-menu-wrape {
flex: 0 0 clamp(220px, 27vw, 332px);
width: clamp(220px, 24vw, 334px);
}
.has-megamenu:has(.technology-megamenu) .dropdown-menu.megamenu {
width: clamp(768px, 78vw, 1090px);
max-width: clamp(768px, 78vw, 1090px);
}
.tech-sub-item {
width: clamp(181px, 17vw, 310px);
min-width: clamp(180px, 17vw, 310px);
}
}
@media (max-width: 1200px) {
.hire-flat-list { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, auto); }
}
@media (max-width: 991px) {
.tech-megamenu-outer { flex-direction: column; }
.tech-megamenu-outer .technology-menu-wrape { flex: none; width: 100%;padding: 0; display: none; }
.tech-megamenu-outer .technology-menu-wrape.mobile-panel-active { display: block; }
.tech-megamenu-inner { flex-direction: column; min-height: auto; min-width: 0; }
.tech-cat-list { border-right: none; flex-direction: column; gap: 4px; min-width: 0; width: 100%; box-sizing: border-box; }
.tech-cat-item { width: 100%; min-width: 0; margin: 0; padding: 10px 14px; border-radius: 8px; }
.tech-cat-item::after { content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%231A1A1A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat; transition: transform 0.25s; display: block; }
.tech-cat-item.active::after { transform: translateY(-50%) rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%231A1A1A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); }
.tech-cat-list .tech-sub-list { display: none; border-right: none; padding: 0; margin: 0; }
.tech-cat-list .tech-sub-list.active { display: flex; flex-direction: column; gap: 4px; }
.tech-sub-item { width: 100%; min-width: 0; font-size: 14px; padding: 8px 12px; }
.tech-cat-label { font-size: 14px; }
.hiretech-tabs-wrap { flex-direction: column; min-height: auto; min-width: 0; }
.hire-cat-list { border-right: none; flex-direction: column; gap: 4px; min-width: 0; width: 100%; box-sizing: border-box; }
.hire-cat-item { width: 100%; min-width: 0; margin: 0; padding: 10px 14px; border-radius: 8px; }
.hire-cat-item::after { content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%231A1A1A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat; transition: transform 0.25s; display: block; }
.hire-cat-item.active::after { transform: translateY(-50%) rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%231A1A1A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); }
.hire-cat-list .hire-sub-list { display: none; border-right: none; padding: 0; margin: 0; }
.hire-cat-list .hire-sub-list.active { display: flex; flex-direction: column; gap: 4px; }
.hire-sub-item { width: 100%; min-width: 0; font-size: 14px; padding: 8px 12px; }
.hire-cat-label { font-size: 14px; }
.hire-cat-list .technology-menu-wrape { display: none; flex: none; width: 100%; padding: 0; }
.hire-cat-list .technology-menu-wrape.mobile-panel-active { display: block; }
.menu-info-block { flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px; border-radius: 14px; }
.menu-info-block .menu-info-block-button { justify-content: flex-start; width: 100%; }
.menu-info-block .menu-info-block-text h5 { font-size: 18px; line-height: 24px; }
.menu-info-block .menu-info-block-text p { font-size: 13px; }
.has-megamenu .dropdown-menu.megamenu ,.has-megamenu:has(.insights-menu) .dropdown-menu.megamenu ,.has-megamenu:has(.technology-megamenu) .dropdown-menu.megamenu ,.has-megamenu:has(.work-menu) .dropdown-menu.megamenu ,.has-megamenu:has(.hire-megamenu-inner) .dropdown-menu.megamenu{
width: 100%;
max-width: 100%;
transform: translateX(0%);
}
.navbar-expand-lg .navbar-nav .dropdown-menu, .head-right .dropdown-menu{
box-shadow:none;
}
.insights-simple-grid{
padding: 10px 0;
}
.tech-cat-item.active::after{
width: 18px;
height: 18px;
}
.hire-cat-item.active::after{
width: 18px;
height: 18px;
}
.insights-simple-grid { grid-template-columns: 1fr; row-gap: 8px; column-gap: 0; }
.insights-simple-item:not(:nth-child(3n))::after { display: none; }
.insights-simple-icon { width: 40px; height: 40px; min-width: 40px; }
.insights-simple-label { font-size: 15px; }
.megamenu-parent {
padding: 0px;
}
.hire-megamenu-inner.hire-flat { flex-direction: column; min-height: auto; }
.hire-flat-list { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; border-right: none; padding-right: 0; width: 100%; box-sizing: border-box; }
.hire-flat-item::before { display: none; }
.hire-flat-promo { flex: 0 0 auto; width: 100%; max-width:100%;}
.hire-detail-card { padding: 16px; border-radius: 10px; min-height: clamp(200px, 40vw, 260px); }
.work-simple-list { grid-template-columns: 1fr; min-width: 0; width: 100%; }
.work-simple-item { padding: 12px; border:1px solid #E8E8E8; border-radius:12px; }
.work-menu .row { flex-direction: column; gap: 12px; }
.work-menu .col-md-6, .work-menu .col-lg-4 { width: 100%; max-width: 100%; flex: 0 0 100%; }
}
@media (max-width: 767px) {
.menu-info-block { padding: 16px; gap: 12px; }
.menu-info-block .menu-info-block-text h5 { font-size: 16px; line-height: 22px; }
.menu-info-block .menu-info-block-text p { font-size: 12px; }
.menu-info-phone-icon { width: 36px; height: 36px; min-width: 36px; }
.tech-cat-item { padding: 8px 0px;
gap: 8px;
font-size: 14px; }
.tech-cat-icon { width: 32px; height: 32px; min-width: 32px; }
.tech-cat-label { font-size: 13px; }
.tech-sub-item { font-size: 13px; padding: 7px 10px; }
.hire-cat-item { padding: 8px 0px; gap: 8px; font-size: 14px; }
.hire-cat-icon { width: 32px; height: 32px; min-width: 32px; }
.hire-cat-label { font-size: 13px; }
.hire-sub-item { font-size: 13px; padding: 7px 10px; }
.insights-simple-grid { row-gap: 6px; }
.insights-simple-item { padding: 8px; gap: 10px; }
.insights-simple-icon { width: 36px; height: 36px; min-width: 36px; border-radius: 8px; }
.insights-simple-label { font-size: 14px; }
.hire-flat-list { grid-template-columns: 1fr; }
.hire-flat-item { padding: 8px 0px; gap: 8px; font-size: 14px; }
.hire-flat-icon { width: 32px; height: 32px; min-width: 32px; }
}
@media (max-width: 576px) {
.menu-info-phone-icon { display: none; }
.menu-info-block .menu-info-block-button .cta-btn{
margin-left: inherit;
margin-right: inherit;
}
}
.footer{padding:clamp(24px,2.5vw,36px) 0 0 0;background-color:#121212;}
.foot-new-grid{display:grid;grid-template-columns:1.2fr .8fr 2fr 1.4fr;gap:clamp(20px,2.5vw,36px);padding-bottom:clamp(24px,2.5vw,32px);}
.foot-brand-col{display:flex;flex-direction:column;gap:14px;}
.foot-logo img{max-width:140px;}
.foot-tagline{font-size:13px;font-weight:300;color:#AEAEAE;line-height:1.6;max-width:220px;}
.foot-social-icons{display:flex;gap:12px;align-items:center;}
.foot-social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);transition:background 0.2s,border-color 0.2s;}
.foot-social-icons a:hover{background:#FF5B2E;border-color:#FF5B2E;}
.foot-social-icons a:hover svg path,.foot-social-icons a:hover svg rect,.foot-social-icons a:hover svg circle,.foot-social-icons a:hover svg line,.foot-social-icons a:hover svg polyline{stroke:#fff;}
.foot-iso-badge svg{width: 100px;
height: auto;}
.foot-nav-col h6{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px 0;letter-spacing:0.02em;}
.foot-link ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.foot-link ul li a{font-size:13px;font-weight:300;color:#AEAEAE;line-height:1.4;transition:color 0.2s;text-decoration:none;}
.foot-link ul li a:hover{color:#FF5B2E;}
.foot-contact-new{display:flex;flex-direction:column;gap:8px;}
.foot-contact-item{display:flex;align-items:flex-start;gap:10px;text-decoration:none;}
.foot-contact-item span{font-size:13px;font-weight:300;color:#AEAEAE;line-height:1.5;transition:color 0.2s;}
.foot-contact-item svg{flex-shrink:0;margin-top:2px;}
.foot-contact-item:hover span{color:#FF5B2E;}
.foot-contact-item img{flex-shrink:0;width:18px;height:18px;object-fit:contain;margin-top:2px;}
.copyright{border-top:1px solid rgba(94,94,94,0.4);padding:12px 0;}
.copyright-text p{font-size:13px;font-weight:300;line-height:normal;color:#AEAEAE;}
.copyright-text a{color:#AEAEAE;}
.copyright-text a:hover{color:#fff;}
.foot-services-col ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;}
.foot-link ul li{line-height:1.4;}
.foot-tagline,.copyright-text p{margin-bottom:0;}
.menu-info-block.menu-footer-block{margin-top:0;background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/footer/background.png) center right / cover no-repeat;margin-bottom: clamp(24px, 2.5vw, 32px);}
@media(max-width:768px){
.foot-new-grid > .foot-services-col{grid-column:1 / -1;}
.foot-new-grid > .foot-nav-col:last-child{grid-column:1 / -1;}
} @media (min-width:992px) and (max-width:1199px){
.foot-link ul li a,.copyright-text p{font-size:14px;}
.copyright{margin-top:20px;}
}
@media (min-width:768px) and (max-width:991px){
.copyright{margin-top:10px;}
}
@media (min-width:320px) and (max-width:767px){
.copyright-text{flex-direction:column;text-align:center;gap:10px;}
.copyright{margin-top:10px;padding:15px 0;}
.copyright-text p{font-size:14px;}
} @media(max-width:1200px){
.foot-new-grid{grid-template-columns:1fr .8fr 1.8fr 1.3fr;gap:clamp(16px,2vw,32px);}
}
@media(max-width:992px){
.foot-new-grid{grid-template-columns:.8fr 1.8fr 1.2fr;row-gap:24px;column-gap:24px;}
.foot-brand-col{grid-column:1 / -1;}
.foot-tagline{max-width:100%;}
.menu-info-block.menu-footer-block .menu-info-block-text {
justify-content: center;
}
.menu-info-block.menu-footer-block .menu-info-block-button {
justify-content: center;
}
}
@media(max-width:768px){
.foot-new-grid{grid-template-columns:1fr 1fr;row-gap:24px;column-gap:20px;}
.foot-brand-col{grid-column:1 / -1;}
.menu-info-block.menu-footer-block .menu-info-block-text {
justify-content: center;
}
.menu-info-block.menu-footer-block .menu-info-block-button {
justify-content: center;
}
}
@media(max-width:480px){
.foot-new-grid{grid-template-columns:1fr 1fr;gap:24px 16px;}
.foot-brand-col{grid-column:1 / -1;}
.foot-new-grid > .foot-nav-col:last-child{grid-column:1 / -1;}
.foot-trust-badges{flex-direction:row;flex-wrap:wrap;gap:10px;}
.copyright-text{flex-direction:column;gap:8px;text-align:center;}
} .contactus-modal .modal-body{padding:0;display:flex;}
.contactus-modal textarea.form-control{height:100px;padding-top:10px;}
.model-contact-form h2{font-size:20px;line-height:normal;text-transform:uppercase;margin-bottom:10px;text-align:center;}
.model-contact-form h2 span{color:#000;font-weight:600;letter-spacing:normal;}
.model-contact-form p.mb-6{font-size:16px;text-align:center;}
.contactus-modal input.form-control{border:1px solid #ddd;height:45px;padding-bottom:0;}
.contactus-modal .form-control:focus,.contactus-modal .form-control:hover{border:1px solid #FF5B2E!important;}
.contactus-modal .close{position:absolute;right:10px;top:10px;z-index:99;border:0;background:transparent;font-size:25px;}
.contactus-modal input,.contactus-modal input.form-control,.contactus-modal textarea.form-control{margin:0;padding-left:15px;padding-right:15px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-shadow:none;}
.model-contact-form{padding:30px;}
.model-contact-form  input.wpcf7-submit:hover{border-color:#FF5B2E!important;background:#FF5B2E url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-wh.svg) no-repeat 86% center!important;color:#fff!important;}
.model-contact-form .btn.btn-primary{color:#121212;}
.model-contact-form .wpcf7-spinner{top:16px;}
.model-contact-form input.wpcf7-submit{background:#fff url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-bl-sm.svg) no-repeat 87% center!important;}
@media (min-width:320px) and (max-width:767px){
.model-contact-form p.mb-6{font-size:15px;}
.model-contact-form{padding:20px;}
} .christmas-bedge{position:fixed;bottom:0;margin:0 auto;left:unset;right:0;text-align:right;padding:0 140px;z-index:999;}
.christmas-bedge img{max-width:250px;}
@media screen and (max-width:1920px){
.christmas-bedge{padding:0 30px;}
}
@media screen and (max-width:1399px){
.christmas-bedge{padding:0 15px;}
.christmas-bedge img{max-width:200px;}
}
@media screen and (max-width:1024px){
.christmas-bedge img{max-width:180px;}
}
@media screen and (max-width:767px){
.christmas-bedge img{max-width:160px;}
}
@media screen and (max-width:575px){
.christmas-bedge img{max-width:120px;}
}
:root{--common_gradiant:linear-gradient(93.78deg,#ff5b2e -7.25%,#f5e12d 127%);--primary:#ff5b2e;--white:#fff;--grey:#949494;--grey_one:#f8f8f8;--grey_two:#434343;--grey_three:#5e5e5e;--black:#1e1e1e;}
.mb-22{margin-bottom:22px;}
.mb-60{margin-bottom:60px;}
.common_paddding{padding:150px 0;}
.section-sub{max-width:960px;margin-right:auto;margin-left:auto;color:var(--grey);font-size:clamp(16px,1.4vw,20px);font-weight:400;line-height:120%;}
.banner-cta-wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.cta_section{position:relative;overflow:hidden;padding-bottom:70px;}
.cta_section:after{background-repeat:no-repeat;background-position:center;background-size:cover;content:'';background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/ninja_tech_bg.webp);width:100%;height:auto;position:absolute;min-height:772px;bottom:-182px;z-index:0;}
.cta-inner{text-align:center;display:flex;flex-direction:column;align-items:center;}
.cta-title{font-family:"Roboto",sans-serif;font-size:clamp(28px,4vw,76px);font-weight:600;color:var(--black);line-height:1.2;max-width:1200px;}
.engagement-form-wrap{width:100%;max-width:clamp(320px,90vw,914px);background:#fff;border-radius:clamp(12px,1.5vw,20px);padding:clamp(24px,3vw,52px);margin-top:clamp(28px,3.5vw,48px);text-align:left;border:1px solid #F2F2F2;backdrop-filter:blur(13px);z-index:9;scroll-margin-top:120px;}
.engagement-form-title{font-family:"Roboto",sans-serif;font-size:clamp(18px,2.2vw,30px);font-weight:700;color:var(--black);margin-bottom:clamp(16px,2vw,28px);text-align:center;}
.engagement-form{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px);}
.engagement-form-row p{display:flex;gap:clamp(12px,1.5vw,16px);}
.engagement-form-row p span{width:100%;}
.engagement-form-row .file-upload-button p span{width:auto;}
.engagement-form-row .file-upload-button label{background:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/file-upload.svg) no-repeat left center;padding-left:36px;}
.engagement-form-submit p{line-height:normal;margin:0;}
.engagement-input{flex:1;width:100%;padding:clamp(10px,1vw,12px) 0;border:none;border-bottom:1px solid #E3E3E3;background:transparent;font-size:clamp(16px,1vw,18px);font-family:"Roboto",sans-serif;color:var(--black);outline:none;transition:border-color 0.2s;}
.engagement-input:focus{border-color:var(--primary);}
.engagement-input::placeholder{color:#999;}
.engagement-textarea{height:clamp(60px,6vw,90px);resize:none;}
.custom-select-wrap{position:relative;flex:1;width:100%;}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 0;border-bottom:1px solid #E3E3E3;cursor:pointer;user-select:none;transition:border-color 0.2s;}
.custom-select-wrap.open .custom-select-trigger{border-color:var(--primary);}
.custom-select-text{font-size:18px;font-family:"Roboto",sans-serif;color:#999;transition:color 0.2s;}
.custom-select-wrap.has-value .custom-select-text{color:var(--black);}
.custom-select-option{padding:10px 14px;font-size:14px;font-family:"Roboto",sans-serif;color:var(--black);border-radius:6px;cursor:pointer;transition:background 0.15s,color 0.15s;}
.custom-select-option:hover{background:#fff4f1;color:var(--primary);}
.custom-select-option.active{background:var(--primary);color:#fff;}
.engagement-form-row select{-webkit-appearance:none;appearance:none;flex:1;width:100%;padding:clamp(10px,1vw,12px) 24px clamp(10px,1vw,12px) 0;border:none;border-bottom:1px solid #E3E3E3;background:url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 5L7 10L12 5%27 stroke=%27%23999999%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat right center;font-size:clamp(16px,1vw,18px);font-family:"Roboto",sans-serif;color:#999;outline:none;transition:border-color 0.2s;cursor:pointer;}
.engagement-form-row select:focus{border-color:var(--primary);}
.engagement-form-row select.has-value{color:var(--black);}
.file-upload-button{position:relative;}
.file-upload-button span,.file-upload-button label{display:flex;align-items:center;font-size:16px;font-style:normal;font-weight:300;line-height:150%;letter-spacing:-0.176px;font-family:"Archivo",sans-serif;}
.file-upload-button span img{width:24px;height:24px;object-fit:contain;margin-right:12px;}
.engagement-form-submit{display:flex;justify-content:center;margin-top:clamp(12px,1.5vw,20px);position:relative;display:inline;overflow:hidden;border-radius:30px;transition:all 0.6s ease;width:100%;max-width:173px;margin:0 auto;}
.engagement-form-submit .cta-btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:10px 84px 14px 34px!important;border-radius:30px;background:#FF5B2E!important;color:#fff;font-size:16px;font-weight:600;text-decoration:none;overflow:hidden;transition:background 0.5s ease,box-shadow 0.5s ease-in-out;z-index:2;}
.engagement-form-submit::before{content:"";position:absolute;width:24px;height:24px;background:#FF6F47;border-radius:50%;right:40px;top:50%;transform:translateY(-50%);transition:all 0.6s ease;z-index:3;pointer-events:none;}
.engagement-form-submit::after{content:"";position:absolute;right:45px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow.webp) no-repeat center;background-size:contain;z-index:4;pointer-events:none;}
.engagement-form-submit:hover::before{width:140%;height:140%;right:-20%;border-radius:50px;z-index:1;}
.engagement-form-submit:hover .cta-btn{background:transparent;}
.engagement-form-submit:hover{box-shadow:0 0 0 6px #FF5B2E66;}
.engagement-form-submit .wpcf7-spinner{position:absolute;}
.engagement-form-submit input.wpcf7-submit:hover,.engagement-form-submit .page-template-tpl-contact input.wpcf7-submit:hover{background:#FF6F47!important;}
.engagement-form-submit .cta-btn:hover{box-shadow:none;}
@media(max-width:1600px){
.common_paddding{padding:100px 0;}
.mb-60{margin-bottom:50px;}
}
@media(max-width:1400px){
.mb-60{margin-bottom:40px;}
}
@media(max-width:1200px){
.common_paddding{padding:80px 0;}
}
@media(max-width:992px){
.common_paddding{padding:60px 0;}
}
@media(max-width:768px){
.common_paddding{padding:40px 0;}
.mb-22{margin-bottom:16px;}
.mb-60{margin-bottom:30px;}
}
@media(max-width:600px){
.engagement-form-row p{flex-direction:column;gap:clamp(12px,3vw,16px);}
.engagement-form-row .custom-select-trigger{padding:10px 0;}
.engagement-form-row .custom-select-text{font-size:16px;}
.engagement-form-row select{padding:10px 24px 10px 0;font-size:16px;}
}
@media(max-width:576px){
.mb-60{margin-bottom:20px;}
}
.one-col-block{margin:0 0 48px 0;}
.one-col-image{min-height:100%;}
.one-col-image img{height:504px;width:100%;object-fit:cover;border-radius:12px 0px 0px 12px; object-position: left;}
.one-col-wrape{min-height:100%;display:flex;align-items:center;justify-content:center;padding:48px;background-color:#F2F2F2;border-radius:0px 12px 12px 0px;}
.one-col-text h6{color:#949494;}
.one-col-text h2{margin:12px 0 24px 0;color:#121212;    font-size:38px;font-style:normal;font-weight:400;    line-height:42px;letter-spacing:-0.96px;}
.blog-list-wrap .one-col-text.blog-list-content h2{font-size:30px;line-height:33px;}
.one-col-text p{font-size:18px;font-style:normal;font-weight:400;line-height:24px;margin:0 0 32px 0;color:#434343;}
.loadmore-btn{display:table;margin:0 auto;margin-top:48px;}
.col-block-title{margin:0 0 40px 0;}
.read-section{padding:82px 0 32px 0;}
.shared-section{padding:0 0 0 0;}
.shared-section .two-col-parent{padding:0 0 80px 0;}
.page-template-tpl-blog .banner-text-section{padding:96px 0 0 0;margin-top:98px;}
.page-template-tpl-blog .banner-text-content ul{padding-left:20px;}
ul.wp-block-list {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #f2f2f2;
padding: 24px !important;
gap: 14px;
border-radius: 20px;
margin: 24px 0;
}
ul.wp-block-list li {
margin-bottom: 0 !important;
position: relative;
list-style: none;
padding-left: 24px;
font-size: 16px;
font-weight: 600;
color: #000000;
}
ul.wp-block-list li::before {
content: "";
position: absolute;
background-image: url(https://ninjatech.agency/wp-content/uploads/2026/10/arrow-blog-bullet.png);
background-size: 16px;
background-repeat: no-repeat;
left: 0;
right: 0;
top: 4px;
bottom: 0;
} .two-col-block{margin:0 0 48px 0;}
.two-col-block-img img{width:100%;height:369px;object-fit:cover;border-radius:12px 12px 0px 0px;object-position: left;}
.two-col-block-text{padding:32px;border-radius:0px 0px 12px 12px;background-color:#F2F2F2;}
.two-col-block-text h6{color:#949494;}
.two-col-block-text h2{margin:8px 0 24px 0;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:normal;}
.three-col-section .two-col-block-img img{height:236px;}
.recommended-section{padding:80px 0 0px 0;}
.recommended-section .two-col-parent{padding-bottom:80px;}   .blog-inside-section{padding:206px 0 0 0;}
.blog-inside-parent{padding:0 0 80px 0;}
.blog-inside-text{max-width:896px;width:100%;margin:0 auto;}
.breadcrumb-area{font-size:18px;font-style:normal;font-weight:700;line-height:20px;color:#949494;display:flex;align-items:center;flex-wrap:wrap;}
.breadcrumb-area a{color:#949494;}
.breadcrumb-area img{margin:0 12px;}
.blog-inside-text h1{color:#121212;margin:12px 0 32px 0;text-align: left;}
.blog-inside-img{width:100%;border-radius:12px;}
.blog-inside-text figcaption{color:#434343;font-size:18px;font-style:normal;font-weight:400;line-height:24px;margin:32px 0 0px 0;}
.blog-inside-inner{margin:0;}
.blog-inside-info{margin:0 0 80px 0;}
.blog-inside-info h4{margin:0 0 38px 0;}
.blog-inside-info ol{padding-left:20px;padding-top:10px;}
.blog-inside-info ol li{font-size:18px;font-style:normal;font-weight:400;line-height:20px;color:#121212;}
.blog-inside-info ol li strong{font-weight:700;display:block;margin-bottom:6px;}
.blog-inside-info ol li p{margin:0 0 24px 0;font-size:18px;font-style:normal;font-weight:normal;line-height:24px;color:#121212;}
.blog-inner-block-wrape{max-width:960px;}
.blog-inside-info p{font-size:18px;font-weight:400;line-height:24px;color:#434343;margin-bottom:10px;}
.blog-inside-info h3.wp-block-heading strong{font-size:18px;font-weight:700;line-height:20px;color:#121212;letter-spacing:normal;}
.blog-inside-info h2.wp-block-heading{font-size:32px;color:#121212;line-height:37.5px;font-weight:300;letter-spacing:normal;font-family:"Roboto",sans-serif;}
.blog-inside-info h2.wp-block-heading strong{font-weight:500;}
.blog-inside-info h2{margin:58px 0 15px 0;}
.blog-inside-info h3.wp-block-heading{margin-bottom:7px;font-weight:700;color:#121212;font-size:18px;line-height:24px;}
.blog-inside-info ul{padding-left:20px;padding-top:10px;}
.blog-inside-info ul li,.blog-inside-info ol li{margin-bottom:15px;font-size:18px;font-weight:400;line-height:24px;color:#434343;}
.blog-inside-info ul li strong,.blog-inside-info ol li strong{font-weight:700;color:#121212;}
.blog-inside-info ol li::marker{font-weight:700;}
.blog-inside-info p a{color:#FF5B2E;} @media (min-width:1200px) and (max-width:1299px){
.blog-list-wrap .one-col-text.blog-list-content h2{font-size:24px;line-height:28px;}
.one-col-text p{margin:0 0 12px 0;}
.one-col-image img{height:460px;}
}
@media (max-width:1199px){
.blog-list-wrap .one-col-text.blog-list-content h2{font-size:24px;line-height:26px;}
}
@media (min-width:992px) and (max-width:1199px){
.one-col-image img{height:335px;}
.one-col-wrape{padding:25px;}
.shared-section .two-col-parent{padding-bottom:32px;}
.two-col-block-img img{height:270px;}
.three-col-section .two-col-block-img img{height:170px;}
.two-col-block-text{padding:20px;}
.blog-inside-section{padding:80px 0 0 0;}
.blog-inside-text figcaption{font-size:16px;line-height:24px;margin-top:20px;}
.blog-inside-info ol li,.blog-inside-info ol li p{font-size:16px;line-height:24px;}
.blog-inside-info ol li strong{margin-bottom:10px;}
.recommended-section .two-col-parent{padding-bottom:32px;}
}
@media (min-width:768px) and (max-width:991px){
.page-template-tpl-blog .banner-text-section{margin-top:0;}
.one-col-block{margin-bottom:30px;}
.one-col-wrape{padding:30px;border-radius:0 0 12px 12px;}
.one-col-image img{height:auto;border-radius:12px 12px 0px 0;}
.loadmore-btn{margin-top:20px;}
.shared-section .two-col-parent{padding-bottom:30px;}
.two-col-block{margin-bottom:30px;}
.two-col-block-img img{height:210px;}
.two-col-block-text{padding:24px;}
.three-col-section .two-col-block-img img{height:180px;}
.blog-inside-inner{margin-bottom:60px;}
.blog-inside-text figcaption{font-size:16px;line-height:24px;margin-top:20px;}
.blog-inside-info,.blog-inside-inner{margin-bottom:60px;}
.blog-inside-info ol li,.blog-inside-info ol li p{font-size:16px;line-height:24px;}
}
@media (min-width:320px) and (max-width:767px){
.page-template-tpl-blog .banner-text-section{margin-top:0;}
.one-col-block{margin-bottom:30px;}
.one-col-image img{height:auto;border-radius:12px 12px 0px 0;}
.one-col-wrape{border-radius:0 0 12px 12px;padding:25px;}
.one-col-text h2{margin-bottom:16px;}
.one-col-text p{font-size:16px;line-height:24px;margin-bottom:20px;}
.loadmore-btn{margin-top:0;}
.read-section{padding:50px 0 20px 0;}
.col-block-title{margin-bottom:20px;}
.shared-section .two-col-parent{padding-bottom:20px;}
.blog-inside-info h2.wp-block-heading{margin-top:25px;}
.two-col-block{margin-bottom:30px;}
.two-col-block-text{border-radius:0 0 12px 12px;padding:25px;}
.two-col-block-img img{height:240px;}
.three-col-section .two-col-block-img img{height:200px;}
.blog-inside-text h1{margin-bottom:20px;}
.blog-inside-text figcaption{font-size:16px;line-height:24px;margin-top:20px;}
.blog-inside-inner{margin-bottom:50px;}
.blog-inside-info{margin-bottom:50px;}
.blog-inside-info h4{margin-bottom:20px;}
.blog-inside-info ol li,.blog-inside-info ol li p{font-size:16px;line-height:24px;}
.blog-inside-info ol li strong{margin-bottom:10px;}
.recommended-section{padding:50px 0 0 0;}
.recommended-section .two-col-parent{padding:0 0 50px 0;}
.recommended-section .mobile-btn{margin:0 auto;}
}
.casestudy-details-top-img{margin-top:40px;}
.casestudy-details-top-img > img{width:100%;border-radius:30px;}
.casestudy-top-text{margin:0 auto 58px;max-width:1200px;}
.casestudy-top-text h1{margin-bottom:22px;}
.casestudy-top-text p{font-weight:400;}
.casestudy-details-top .row{margin:0 -20px;}
.casestudy-details-top [class^="col-"]{padding:0 20px;}
.casestudy-details-text h2{font-size:60px;font-weight:500;line-height:86px;letter-spacing:-1.2px;color:#121212;}
.casestudy-details-text p{font-weight:400;color:rgba(0,0,0,0.50);max-width:700px;margin-left:auto;margin-bottom:15px;}
.case-sec-space{padding:120px 0;}
.casestudy-app-design{background:#000;padding-bottom:100px;position:relative;}
.casestudy-app-design .casestudy-details-text p{color:rgba(255,255,255,0.50);}
.casestudy-app-design .casestudy-details-text h2{color:#fff;}
.app-design-gallery{padding-bottom:100px;margin:0 -20px;}
.app-design-gallery .col-lg-4:nth-child(2){margin-top:100px;}
.app-design-gallery .col-lg-4 > img{max-width:383px;padding-bottom:30px;width:100%;}
.conclusion-app-design .row:last-child .casestudy-details-top-img:first-child{margin-top:0;}
.conclusion-images{margin:0 -20px;}
.conclusion-images .casestudy-details-top-img{padding:0 20px;}
.app-design-gallery .col-lg-4{padding:0 20px;}
.casestudy-details-text p span{font-weight:700;}
.casestudy-details-inner{max-width:680px;margin-left:auto;}
.casestudy-details-inner ul{margin-bottom:15px;}
.casestudy-details-inner ul li{font-size:20px;font-style:normal;font-weight:400;color:rgba(0,0,0,0.50);line-height:26px;margin-bottom:5px;}
.casestudy-details-inner ul li strong{font-weight:700;margin-bottom:5px;display:block;}
.casestudy-details-inner ul li::marker{display:none;}
.casestudy-details-inner ul li ul{margin:0 0 20px 15px;}
@media (min-width:1200px) and (max-width:1299px){
.casestudy-details-text h2{font-size:50px;line-height:75px;}
.casestudy-top-text{max-width:1000px;margin-bottom:0;}
}
@media (max-width:1199px){
.case-sec-space{padding:60px 0;}
.app-design-gallery{padding-bottom:60px;}
.casestudy-top-text{margin:0 auto 0;}
.casestudy-details-text h2{font-size:45px;line-height:70px;}
}
@media (max-width:991px){
.casestudy-details-text h2{font-size:35px;line-height:60px;}
}
@media (min-width:320px) and (max-width:767px){
section.casestudy-app-design:after{height:15%;}
.case-sec-space.conclusion-app-design{padding-bottom:60px;}
.app-design-gallery{padding-bottom:40px;margin:0 -12px;}
.casestudy-top-text{margin-bottom:10px;}
.casestudy-details-text h2{margin-bottom:10px;font-size:30px;line-height:55px;}
.casestudy-details-top-img > img{border-radius:12px;}
.app-design-gallery .col-lg-4 > img{margin:0 auto;}
.casestudy-details-top-img{margin-top:20px;}
.app-design-gallery .col-lg-4:nth-child(2){margin-top:50px;}
.app-design-gallery .col-lg-4{padding:0 12px;flex:0 0 33.33%;}
} .blog-section{background-color:#f8f8f8;padding:91px 0 126px 0;position:relative;}
.blog-shape{position:absolute;bottom:150px;left:-80px;z-index:11;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.15;filter:blur(97px);width:340px;height:470px;    flex-shrink:0;}
.blog-parent{z-index:111;position:relative;}
.blog-block{transition:all 0.5s ease;}
.blog-block-image{border-radius:12px;position:relative;z-index:1;}
.blog-block-image::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;opacity:0;transition:all 0.5s ease;border-radius:inherit;background:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.blog-block:hover .blog-block-image::before{opacity:1;}
.blog-block-image img{width:100%;height:260px;object-fit:cover;border-radius:12px;object-fit:fill;}
.blog-block h5{color:#fff;line-height:32px;font-weight:300;margin:24px 0 0 0;}
.blog-block h5 strong{font-weight:500;}
@media (min-width:992px) and (max-width:1199px){
.blog-section{padding:40px 0 80px 0;}
.blog-block-image img{height:200px;}
.blog-block h5,section.blog-section.blog-home-sec .blog-block h3{line-height:27px;}
}
@media (min-width:768px) and (max-width:991px){
.blog-section{padding:50px 0;}
.blog-block{margin-bottom:30px;}
.blog-block-image img{height:200px;}
.blog-block h5,section.blog-section.blog-home-sec .blog-block h3{margin-top:20px;font-size:18px;line-height:26px;}
.blog-parent .btn.mobile-btn{margin:0 auto;}
}
@media (min-width:320px) and (max-width:767px){
.blog-section{padding:50px 0;}
.blog-block{margin-bottom:30px;}
.blog-block-image img{height:auto;}
.blog-block h5,section.blog-section.blog-home-sec .blog-block h3{margin-top:20px;font-size:18px;line-height:26px;}
.blog-parent .btn.mobile-btn{margin:0 auto;}
} .macir-page{
--c-ink:#121212;
--c-title2:#1e1e1e;
--c-body:#797979;
--c-nav:#5e5e5e;
--c-label:#949494;
--c-orange:#ff5b2e;
--c-card:#f8f8f8;
--c-border-warm:#f2ece9;
--c-approach-bg:#fff7f5;
--c-border-light:#ededed;
--c-border-lighter:#f2f2f2;
--f-head:'Roboto',sans-serif;
--f-body:'DM Sans',sans-serif;
--macir-sticky-top:104px;
color:var(--c-ink);
font-family:var(--f-body);
background:#fff;
}
.macir-page *{box-sizing:border-box;}
.macir-page img{max-width:100%;height:auto;}
.macir-page a{text-decoration:none;}
.macir-page [id^="macir-"]{scroll-margin-top:calc(var(--macir-sticky-top) + 16px);}
section.introduction-sec {
margin-top: 70px;
} .macir-striped{
background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/case-study-ban-img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
section.macir-cta.macir-striped.case-cta-bg {
background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/case-study-ban-img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
} .macir-crumbs{
display:flex;align-items:center;justify-content:space-between; margin-bottom: 50px;
font-family:var(--f-body);font-weight:500;font-size:18px; padding: 0;
}
.macir-crumb-link{
display:inline-flex;align-items:center;gap:8px;
background-image:linear-gradient(105deg,#ff5b2e 7%,#f5e12d 127%);
-webkit-background-clip:text;background-clip:text;color:transparent;
white-space:nowrap; font-size: 20px; line-height: normal;
}
.macir-crumb-link img{width:18px;height:18px;}
.macir-crumb-next img{transform:scaleY(-1);} .macir-hero{padding:159px 0 65px;position:relative;z-index:1;}
.macir-hero-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;}
.macir-hero-grid>div{flex:1 1 420px;min-width:0;}
.macir-hero-title{
font-family:var(--f-head);font-weight:700;color:var(--c-ink);
font-size:clamp(30px,4.2vw,58px);line-height:1.2;margin:0 0 20px;text-align: left;
}
.macir-hero-title{
text-align: left;;
}
.macir-hero-desc{
font-family:var(--f-body);font-weight:500;color:var(--c-body);
font-size:18px;line-height:26px;margin:0;max-width:640px;
}
.macir-hero-media{position:relative;border-radius:20px;overflow:hidden;height:100%;min-height:260px;}
.macir-hero-photo{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;border-radius:20px;}
.macir-hero-badge{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:58%;max-width:305px;border-radius:999px;
} .macir-layout{display:flex;gap:78px;padding-bottom:132px;}
.macir-main{flex:1;display:flex;flex-direction:column;gap:90px;min-width:0;}
.macir-aside{width:280px;flex-shrink:0;}
.macir-aside-inner{
background:var(--c-card);border-radius:20px;padding:28px 20px;
position:sticky;top:var(--macir-sticky-top);
}
.macir-aside-inner ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;}
.macir-aside-inner li a{
font-family:var(--f-head);font-weight:400;font-size:20px;color:var(--c-nav);
position:relative;padding-left:20px;display:block;
}
.macir-aside-inner li a::before{
content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c-nav);
}
.macir-aside-inner li a.is-active{color:var(--c-orange);font-weight:600;}
.macir-aside-inner li a.is-active::before{background:var(--c-orange);} .macir-section h2{
font-family:var(--f-head);font-weight:700;color:var(--c-ink);
font-size:clamp(26px,3.2vw,52px);line-height:1.2;margin:0 0 40px;
}
.macir-section h3{
font-family:var(--f-head);font-weight:600;color:var(--c-ink);
font-size:clamp(22px,2.6vw,42px);line-height:1.2;margin:40px 0 40px;
} .macir-intro-text{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;}
.macir-intro-text p{font-family:var(--f-body);font-weight:500;font-size:18px;line-height:26px;color:var(--c-body);margin:0;}
.macir-stat-box{border:1px solid var(--c-border-warm);border-radius:16px;display:flex;flex-wrap:wrap;}
.macir-stat-box .macir-stat{
flex:1 1 0;min-width:150px;padding:26px 22px;display:flex;flex-direction:column;gap:12px;
border-left:1px solid var(--c-border-warm);
}
.macir-stat-box .macir-stat:first-child{border-left:0;}
.macir-stat-label{font-family:var(--f-head);font-weight:400;font-size:18px;color:var(--c-label);}
.macir-stat-value{font-family:var(--f-head);font-weight:500;font-size:18px;color:var(--c-ink);}
.macir-tech-box{border:1px solid var(--c-border-warm);border-radius:16px;display:flex;flex-wrap:wrap;align-items:stretch;padding:20px 30px;gap:0;}
.macir-tech-icon{
flex:1 1 0;min-width:70px;display:flex;align-items:center;justify-content:center;
padding:12px 20px;border-left:1px solid var(--c-border-warm);
}
.macir-tech-icon:first-child{border-left:0;}
.macir-tech-icon img{width:50px;height:50px;object-fit:contain;}
.macir-tech-icon:has(.macir-tech-name){flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;}
.macir-tech-name{font-family:var(--f-head);font-weight:600;font-size:16px;color:var(--c-ink);text-align:center;} .macir-numbered-list{list-style:none;counter-reset:macir-count;margin:0;padding:0;display:flex;flex-direction:column;gap:28px;}
.macir-numbered-list li{counter-increment:macir-count;position:relative;padding-left:30px;}
.macir-numbered-list li::before{
content:counter(macir-count)".";position:absolute;left:0;top:0;
font-family:var(--f-head);font-weight:500;font-size:20px;color:var(--c-ink);
}
.macir-li-title{display:block;font-family:var(--f-head);font-weight:500;font-size:20px;color:var(--c-ink);}
.macir-numbered-list li p{font-family:var(--f-body);font-weight:400;font-size:18px;line-height:26px;color:var(--c-body);margin:13px 0 0;}
.macir-approach-card{background:var(--c-approach-bg);border-radius:20px;padding:clamp(24px,3vw,40px);}
.macir-approach-card .macir-numbered-list{border-left:3px solid var(--c-orange);padding-left:30px;margin-left:2px;}
.macir-approach-card .macir-numbered-list li{padding-left:30px;} .macir-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.macir-feature-card{background:var(--c-card);border-radius:16px;padding:30px;height:100%;display:flex;flex-direction:column;gap:20px;}
.macir-feature-icon{
width:32px;height:32px;border-radius:100px;background:var(--c-orange);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.macir-feature-icon img{width:15px;height:15px;filter:brightness(0) invert(1); object-fit: contain;}
.macir-feature-card h4{font-family:var(--f-body);font-weight:600;font-size:18px;color:var(--c-title2);margin:0;}
.macir-feature-card p{font-family:var(--f-body);font-weight:400;font-size:18px;line-height:26px;color:var(--c-body);margin:0;}
.macir-feature-card b{color:var(--c-ink);font-weight:600;} .macir-results-text{font-family:var(--f-body);font-weight:500;font-size:18px;line-height:26px;color:var(--c-body);margin:0 0 30px;}
.macir-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:90px;}
.macir-result-card{background:#fff;border:1px solid var(--c-border-light);border-radius:16px;padding:30px;height:100%;display:flex;flex-direction:column;gap:14px;}
.macir-result-value{font-family:var(--f-body);font-weight:700;font-size:28px;color:var(--c-title2);}
.macir-result-label{font-family:var(--f-body);font-weight:500;font-size:16px;color:var(--c-body);} .macir-btn{
display:inline-flex;align-items:center;gap:12px;background:var(--c-orange);color:#fff;
font-family:var(--f-body);font-weight:700;font-size:16px;padding:13px 8px 13px 26px;
border-radius:30px;box-shadow:0 14px 54px rgba(255,91,46,.2);border:none;white-space:nowrap;
margin-top:36px;
}
.macir-btn-icon{
width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.macir-btn-icon img{width:15px;height:15px;transform:rotate(90deg);filter:brightness(0) invert(1);}
.macir-btn-cta{font-size:18px;padding:15px 8px 15px 30px;margin-top:0;} .macir-cta{padding:100px 0;text-align:center;position:relative;z-index:1;}
.macir-cta h2{font-family:var(--f-head);font-weight:600;font-size:clamp(30px,5vw,64px);line-height:1.2;color:var(--c-ink);margin:0 0 20px;}
.macir-cta p{font-family:var(--f-body);font-weight:500;font-size:20px;color:var(--c-body);max-width:1096px;margin:0 auto 60px;} .macir-seemore{padding:130px 0;}
.macir-seemore h2{font-family:var(--f-head);font-weight:700;font-size:clamp(26px,3.2vw,44px);color:var(--c-ink);margin:0 0 16px; line-height: normal;}
.macir-seemore>.container>p{font-family:var(--f-head);font-weight:400;font-size:18px;color:var(--c-body);margin:0 0 40px;}
.macir-seemore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.macir-sm-card{border:1px solid var(--c-border-lighter);border-radius:20px;padding:20px 16px;height:100%;background:#fff;}
.macir-sm-card-media{border-radius:16px;overflow:hidden;aspect-ratio:412/302;background:#0a614d;}
.macir-sm-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.macir-sm-card p{font-family:var(--f-head);font-weight:500;font-size:19px;line-height:1.45;color:var(--c-ink);margin:20px 6px 6px;}
.macir-seemore p {font-size: 20px !important; margin: 0 0 64px;}
.macir-seemore .macir-seemore-grid .macir-sm-card p {padding-top: 30px; margin: 0 0 5px;} .macir-engagement{position:relative;padding:0 0 100px;overflow:hidden;}
.macir-engagement-bg{position:absolute;inset:0;top:150px;z-index:0;pointer-events:none;opacity:.9;}
.macir-engagement-bg img{position:absolute;}
.macir-blob-1{left:1.3%;top:60%;width:22%;}
.macir-blob-2{left:27.3%;top:60%;width:19%;}
.macir-blob-3{left:49.5%;top:52%;width:9%;}
.macir-blob-4{left:53.8%;top:83%;width:41%;}
.macir-blob-5{left:53.6%;top:95%;width:30%;}
.macir-engagement-card{
position:relative;z-index:1;max-width:914px;margin:0 auto;background:rgba(255,255,255,.9);
backdrop-filter:blur(6px);border:1px solid var(--c-border-lighter);border-radius:20px;
padding:50px clamp(20px,5vw,60px);
}
.macir-engagement-card h2{font-family:var(--f-head);font-weight:700;font-size:28px;text-align:center;color:var(--c-title2);margin:0 0 40px;}
.macir-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;}
.macir-field{margin-bottom:24px;}
.macir-field--full{grid-column:1 / -1;}
.macir-field .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.macir-field input,.macir-field select,.macir-field textarea{
width:100%;border:none;border-bottom:1px solid var(--c-border-lighter);border-radius:0;
font-family:var(--f-body);font-size:16px;color:var(--c-ink);padding:0 0 12px;background:transparent;
}
.macir-field input::placeholder,.macir-field textarea::placeholder{color:var(--c-body);opacity:1;}
.macir-field select:invalid{color:var(--c-body);}
.macir-field--filled input{color:var(--c-ink);font-weight:500;}
.macir-field input:focus,.macir-field select:focus,.macir-field textarea:focus{outline:none;border-bottom-color:var(--c-orange);}
.macir-field select{appearance:none;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/dropdown-caret.svg);background-repeat:no-repeat;background-position:right center;background-size:16px;}
.macir-field textarea{resize:vertical;min-height:60px;}
.macir-engagement-submit{display:flex;justify-content:center;margin-top:10px;} @media (max-width:1199.98px){
.macir-aside{display:none;}
.macir-layout{gap:0;}
}
@media (max-width:991.98px){
.macir-hero-grid>div{flex:1 1 100%;}
.macir-hero-media{margin-top:8px;min-height:220px;}
.macir-hero-photo{min-height:220px;}
.macir-tech-icon{min-width:60px;padding:10px 12px;}
.macir-tech-icon img{width:34px;height:34px;}
.macir-results-grid{grid-template-columns:repeat(2,1fr);}
.macir-seemore-grid{grid-template-columns:1fr;}
}
@media (max-width:767.98px){
.macir-crumbs{font-size:15px;}
.macir-stat-box .macir-stat{flex:1 1 50%;border-left:0;border-top:1px solid var(--c-border-warm);}
.macir-stat-box .macir-stat:nth-child(1),.macir-stat-box .macir-stat:nth-child(2){border-top:0;}
.macir-tech-box{padding:16px; flex-wrap: nowrap;}
.macir-tech-icon{flex:1 1 30%;}
.macir-approach-card{padding:24px;}
.macir-approach-card .macir-numbered-list{padding-left:18px;}
.macir-features-grid{grid-template-columns:1fr;}
.macir-cta{padding:64px 0;}
.macir-seemore{padding:56px 0;}
.macir-engagement-card{padding:36px 20px;}
.macir-form-grid{grid-template-columns:1fr;}
.macir-field--full{grid-column:auto;}
.macir-crumb-link {font-size: 16px;}
.macir-hero {padding: 120px 0 45px;}
.macir-hero-desc {font-size: 16px; line-height: 23px;}
section.introduction-sec {margin-top: 20px;}
.macir-intro-text p {font-size: 16px; line-height: 23px;}
.macir-section h2 {margin: 0 0 20px;}
.macir-stat-box .macir-stat {padding: 16px 20px; gap: 6px;}
.macir-stat-label {font-size: 16px;}
.macir-stat-value {font-size: 16px;}
.macir-main {gap: 60px;}
.macir-li-title {font-size: 18px;}
.macir-numbered-list li p {font-size: 16px; line-height: 22px;}
.macir-results-text {font-size: 16px; line-height: 22px;}
.macir-result-card {padding: 20px;}
.macir-result-value {font-size: 24px;}
.macir-results-grid {margin-bottom: 60px;}
.macir-layout {padding-bottom: 80px;}
.macir-feature-card p {font-size: 16px; line-height: 22px;}
.macir-cta p {font-size: 18px; margin: 0 auto 30px;}
}
@media (max-width:575.98px){
.macir-stat-box .macir-stat{flex:1 1 100%;border-top:1px solid var(--c-border-warm);border-left:0 !important;}
.macir-stat-box .macir-stat:first-child{border-top:0;}
.macir-tech-icon{flex:1 1 45%;}
.macir-btn{width:100%;justify-content:center;}
.macir-results-grid{grid-template-columns:1fr;}
} .casestudy-app-design-inner {
display: flex;
flex-direction: column;
gap: 50px;
}
.contact-section{padding:208px 0 83px 0;background-color:#121212;position:relative;}
.contact-parent{position:relative;z-index:111;}
.contact-shape-1{position:absolute;bottom:0;left:-170px;z-index:99;width:370px;height:300px;transform:rotate(-28.132deg);flex-shrink:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.15;filter:blur(97px);}
.contact-shape-2{position:absolute;top:0;right:0;width:509px;height:1240px;flex-shrink:0;width:119px;height:790px;flex-shrink:0;background:#2EFFA7;opacity:0.15;filter:blur(97px);}
.contact-title-data{margin:0 0 64px 0;}
.contact-title h1{color:#fff;}
.contact-content-wrape{display:flex;align-items:flex-end;justify-content:flex-end;min-height:100%;padding:0 0 16px 0;}
.contact-content-text{text-align:right;}
.contact-content-text h6{background-image:linear-gradient(94deg,#8A2387 -17.9%,#E94057 39.72%,#F27121 97.82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 32px 0;}
.contact-content-text ul{list-style:none;margin:0 0 0 auto;display:flex;align-items:center;justify-content:flex-end;}
.contact-content-text ul li{margin:0 0 0 24px;}
.contact-content-text ul li img{height:64px;width:64px;object-fit:contain;filter: invert(1);}
.contact-form-block-wrape{padding:1px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);border-radius:12px;}
.contact-form-block{padding:42px 65px 48px 32px;border-radius:12px;background-color:#121212;}
.contact-form{padding:6px 19px 0 0px;}
.contact-form .form-control{color:#fff;padding-left:12px;border-bottom:1px solid rgba(94,94,94,0.5);}
.contact-form .form-control::placeholder{color:#949494;}
.contact-form .form-group{margin:0 0 32px 0;}
.contact-info{padding:0 0 0 45px;position:relative;}
.contact-info::before{content:"";width:1px;height:100%;background-color:#5E5E5E;opacity:0.5;position:absolute;top:0;left:13px;}
.contact-info h6{color:#949494;margin:0 0 16px 0;}
.contact-address{display:flex;align-items:flex-start;flex-wrap:wrap;max-width:375px;width:100%;margin:0 0 24px 0;}
.contact-address:last-child{margin-bottom:32px;}
.contact-address img{width:32px;height:32px;}
.contact-address p{width:calc(100% - 32px);padding:0 0 0 24px;font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#fff;}
.text-contact ul,.contact-social ul{list-style:none;margin:0 0 30px 0;}
.text-contact ul li,.contact-social ul li{font-size:16px;font-style:normal;font-weight:400;color:#fff;line-height:normal;margin:0 0 12px 0;}
.text-contact ul li a,.contact-social ul li a{color:#fff;}
.text-contact ul li a:hover,.contact-social ul li a:hover{color:#FF5B2E;}
.contact-social ul{margin:0;display:flex;flex-wrap:wrap;}
.contact-social ul li{display:inline-block;margin:0 16px 0 0;}
.contact-social ul li:last-child{margin-right:0;}
.contact-section .intl-tel-input.separate-dial-code .selected-dial-code{color:#949494;    }
.contact-section .intl-tel-input .selected-flag .iti-arrow{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/arrow-down-gr.svg);    }
.info-block-section{padding:60px 0;background-color:#121212;} .page-template-tpl-contact .wpcf7 form .wpcf7-response-output{color:#fff; background-color: #ff5b2e;
border: none;} @media (min-width:992px) and (max-width:1199px){
.contact-section{padding:168px 0 60px 0;}
.contact-parent{z-index:111;}
.contact-title-data{margin-bottom:50px;}
}
@media (min-width:768px) and (max-width:991px){
.contact-section{padding:138px 0 60px 0;}
.contact-parent{z-index:111;}
.contact-title-data{margin-bottom:50px;}
.contact-content-wrape{padding:0;}
.contact-content-text h6{margin-bottom:20px;}
.contact-content-text ul li img{width:50px;height:50px;}
.contact-form-block{padding:30px;}
.contact-info{padding-left:35px;}
.contact-form{padding-right:10px;}
.contact-address p,.text-contact ul li,.contact-social ul li{font-size:15px;}
.contact-social ul li{margin-right:13px;}
.info-block-section{padding:60px 0 0 0;}
}
@media (min-width:320px) and (max-width:767px){
.contact-section{padding:128px 0 50px 0;}
.contact-title{margin-bottom:20px;}
.contact-title-data{margin-bottom:30px;}
.contact-content-text h6{margin-bottom:20px;}
.contact-content-text{width:100%;text-align:left;}
.contact-content-text ul{justify-content:flex-start;}
.contact-content-text ul li{margin:0 24px 0 0;}
.contact-content-text ul li img{width:50px;height:50px;}
.contact-form{padding:0 0 30px 0;}
.contact-form-block{padding:30px 20px;}
.contact-form .form-control{padding-left:0;}
.contact-shape-1{max-width:100px;}
.contact-info{padding:30px 0 0 0;}
.contact-info::before{left:0;top:0;height:1px;width:100%;}
.contact-address p{padding-left:16px;}
.contact-social ul li{margin-bottom:5px;}
.info-block-section{padding:50px 0 0 0;}
}
@media (min-width:576px) and (max-width:767px){
.contact-form-block{padding:30px;}
}  .contact-light-theme .contact-section{background-color:#fff;}
.contact-light-theme .contact-title h1{color:#1e1e1e;}
.contact-light-theme .contact-form-block{background-color:#fff;}
.contact-light-theme .contact-form .form-control{color:#1e1e1e;border-bottom:1px solid rgba(94,94,94,0.25);}
.contact-light-theme .contact-info::before{background-color:#D7D7D7;opacity:1;}
.contact-light-theme .contact-address p{color:#1e1e1e;}
.contact-light-theme .text-contact ul li,
.contact-light-theme .contact-social ul li,
.contact-light-theme .text-contact ul li a,
.contact-light-theme .contact-social ul li a{color:#1e1e1e;}
.contact-light-theme .text-contact ul li a:hover,
.contact-light-theme .contact-social ul li a:hover{color:#FF5B2E;} .contact-light-theme .logo-slider-section{background-color:#f8f8f8;}  .contact-light-theme .logo-slider-section .logo-wrape{border-top:1px solid #D7D7D7;}
.contact-light-theme .logo-slider-section .logo-wrape:last-child{border-bottom:1px solid #D7D7D7;}
.contact-light-theme .logo-slider-section .logo-wrape .swiper-slide{border-right:1px solid #D7D7D7;} .contact-light-theme .info-block-section{background-color:#fff;}
.contact-light-theme .info-block{background-color: #ffffff; border: 1px solid #e5e5e5;}
.contact-light-theme .info-block-text h2,
.contact-light-theme .info-block-text h4{color:#1e1e1e;}
.contact-light-theme .info-block-btn{filter:brightness(0) saturate(100%);} .contact-light-theme .faq-title{color:#1e1e1e;}
.contact-light-theme .accordion-btn{color:#1e1e1e;}
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root{--common_gradiant:linear-gradient(93.78deg,#ff5b2e -7.25%,#f5e12d 127%);--primary:#ff5b2e;--white:#fff;--grey:#949494;--grey_one:#f8f8f8;--grey_two:#434343;--grey_three:#5e5e5e;--black:#1e1e1e;}
html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}
a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:none;}
a,input,select,textarea{outline:0;margin:0;padding:0;}
*{box-sizing:border-box;margin:0;padding:0;}
::-moz-selection{color:var(--black);background:#4dc5cf;}
::selection{color:var(--black);background:#4dc5cf;}
*:focus{outline:none!important;}
input[type="submit"]{cursor:pointer;}
html body{font-family: "DM Sans", sans-serif;overflow-x:hidden;outline:0;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:normal;color:var(--black);} img{max-width:100%;}
h1{font-family:"Roboto",sans-serif;font-weight:600;font-size:clamp(30px,4.2vw,72px);line-height:110%;letter-spacing:-0.03em;text-align:center;color:var(--black);}
h2{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(28px,2.9vw,52px);line-height:120%;letter-spacing:0;  color:var(--black);}
.mb-22{margin-bottom:22px;}
.mb-60{margin-bottom:60px;}
.mt-60{margin-top:60px;}
.common_paddding{padding:150px 0;}
.common_paddding_100{padding:100px 0;}
.common_padding-top{padding-top:150px;}
.common_padding_bottom{padding-bottom:150px;}
.small-text{    font-family: "DM Sans", sans-serif;font-weight:500;font-size:clamp(14px,1.4vw,20px);line-height:120%;letter-spacing:0;text-align:center;background:var(--common_gradiant);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;position:relative;display:inline-block;}
.small-text:before{content:"";background:var(--common_gradiant);width:6px;height:6px;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);left:-16px;}
.section-sub{max-width: 960px; margin-right: auto; margin-left: auto;color:var(--grey);font-size:clamp(16px,1.4vw,20px);font-weight:400;line-height:120%;}
.banner-section{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/banner-bg.webp);height:auto;display:flex;flex-direction:column;}
.header_logo{padding-top:120px;display:flex;flex-direction:column;align-items:center;gap:22px;}
.banner-section h1{color:var(--black);max-width: 1020px;}
.banner-sub{max-width: 1020px;margin:0 auto;color:var(--grey);font-size:clamp(14px,1.2vw,20px);font-weight:400;line-height:120%;}
.banner-cta-wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.custom_container{margin:14px auto 0 auto; padding-left:74px; padding-right:74px; flex:1; display:flex; flex-direction:column;}
.hero-single-wrap.tab{border-radius:20px;}
.banner_car_one{overflow:hidden;height:clamp(200px,18vw,300px);flex:1 1 clamp(210px,25vw,360px);max-width:clamp(210px,25vw,360px);}
.banner_car_one .hero-item-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;}
.hero-tab-wrap{flex:1;display:flex;flex-direction:column;}
.hero-flex-wrap{display:flex;gap: clamp(12px, 1.3vw, 25px);align-items:end;padding-bottom:clamp(20px,3vw,50px);position:relative;justify-content:space-between;flex:1;}
.hero-single-wrap p{color:#f2f2f2;padding:clamp(12px,1.3vw,24px) 5px 0 clamp(12px,1.3vw,28px);font-size:clamp(14px,1.1vw,18px);font-weight:600; line-height: 120%; max-width:clamp(120px,12vw,192px);}
.banner_card_two{background:linear-gradient(180deg,#000000 39.46%,#FFFFFF 172.03%);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:1 1 clamp(175px,19vw,265px);height:clamp(170px,15vw,250px);max-width:clamp(175px,19vw,265px);}
.banner_card_two::before{content:"";position:absolute;pointer-events:none;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/banner_two.webp);width:100%;height:100%;}
.banner_card_two .feedback-card{position:relative;z-index:1;}
.banner_card_three{height:clamp(140px,12vw,200px);flex:1 1 clamp(150px,16vw,220px);max-width:clamp(150px,16vw,220px);background:linear-gradient(180deg,#000000 39.46%,#FFFFFF 172.03%);position:relative;overflow:hidden;}
.banner_card_three::after{content:"";position:absolute;width:clamp(90px,10vw,149px);height:clamp(90px,10vw,149px);background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/banner_three.webp);background-repeat:no-repeat;background-size:contain;bottom:clamp(-20px,-2vw,-31px);right:0;}
.banner_card_four{height:clamp(140px,12vw,200px);flex:1 1 clamp(150px,16vw,220px);max-width:clamp(150px,16vw,220px);background:linear-gradient(180deg,#1c1c1c 39.46%,#121212 172.03%);background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/iso-black.png);background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;}
.banner_card_five{height:clamp(170px,15vw,250px);flex:1 1 clamp(175px,19vw,265px);max-width:clamp(175px,19vw,265px);background:linear-gradient(180deg,#000000 39.46%,#FFFFFF 172.03%);position:relative;overflow:hidden;}
.banner_card_five img{margin:0 auto;display:block;padding:clamp(8px,0.8vw,12px) clamp(10px,1.2vw,16px) clamp(10px,1.2vw,16px);max-width:100%;}
.banner_card_six{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/ai-small.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#fff;height:clamp(200px,18vw,300px);max-width:clamp(210px,25vw,360px);flex:1 1 clamp(210px,25vw,360px);position:relative;display:block;color:var(--grey);padding:clamp(16px,1.7vw,35px);}
.hero-marketing-wrap{display:flex;align-items:center;gap:clamp(4px,0.8vw,8px);background:#fff;padding:clamp(6px,1vw,10px) clamp(10px,1.6vw,16px);border-radius:40px;position:absolute;bottom:clamp(120px,12vw,195px);left:clamp(-10px,-1vw,-19px);box-shadow:0 14px 24px rgba(0,0,0,0.08);opacity:1;transform:translate3d(0,13px,0);transform-style:preserve-3d;will-change:transform;animation:float 5s ease-in-out infinite;}
@keyframes float{
0%{transform:translateY(0px);}
50%{transform:translateY(50px);}
100%{transform:translateY(0px);}
}
.marketing-text{font-size:14px;font-weight:500;color:var(--black);}
.feedback-card.floating-card{gap:clamp(10px,1.2vw,20px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;}
.percentage{font-size:clamp(22px,2vw,46px);line-height:120%;font-weight:500;color:var(--white);}
.feedback-card.floating-card p{font-size:clamp(14px,1.2vw,22px);color:var(--white);padding: 0;max-width:fit-content;}
.users{display:flex;justify-content:center;align-items:center;}
.users img{width:clamp(30px,2.7vw,37px);height:clamp(30px,2.7vw,37px);border-radius:50%;margin-left:-10px;}
.users img:first-child{margin-left:0;}
.extra-users{width:clamp(30px,3vw,37px);height:clamp(30px,3vw,37px);background:var(--white);color:var(--black);font-size:clamp(10px,1vw,12px);font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:-10px;}
.big_six_card{font-size:clamp(16px,1.3vw,22px);font-weight:500;line-height:120%;color:var(--white);}
.big_six_card_second{font-size:clamp(12px,0.9vw,15px);font-weight:500;line-height:120%;color:var(--white);}
.different-wrap{display:flex;align-items:center;gap:60px;}
.different-left{flex:0 0 59%;max-width:59%;display:flex;flex-direction:column;}
.different-para{font-size:clamp(16px, 1vw, 20px);color:var(--grey);line-height:120%;max-width:662px;font-weight:500;}
.different-para strong{color:var(--black);font-weight:500;}
.different-right{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:340px;}
.different-robot-img{width:100%;max-width:480px;display:block;object-fit:contain;}
.different-badge{position:absolute;bottom:clamp(30px,6vw,90px);right:0;background:#1a1a1a;border-radius:clamp(8px,1vw,12px);padding:clamp(16px,2.5vw,31px) clamp(14px,2vw,24px);width:clamp(300px,42vw,551px);max-width:100%;animation:float 5s ease-in-out infinite;}
.different-badge p{font-size:clamp(14px,1.3vw,24px);font-weight:500;color:#F3F3F3;line-height:120%;text-align:center;}
.dot_before{padding-left:24px;}
.section_full_team_development h2{    max-width: 924px;margin-left: auto;margin-right: auto;}
.team-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.team-card{background:var(--grey_one);border-radius:20px;padding:clamp(16px,1.7vw,30px);border:2px solid transparent;transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease; display: flex; flex-direction: column; justify-content: space-between;}
.team-card:hover .team-card-title{background:var(--grey_two);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.team-card-icon-wrap{width:clamp(32px,2.9vw,42px);height:clamp(32px,2.9vw,42px);margin-bottom: 22px;position:relative;}
.team-card-icon-wrap img{transition:filter 0.3s ease;position:relative;z-index:1;}
.team-card-title{font-size:clamp(16px,1.4vw,18px);font-weight:600;color:var(--grey_two);line-height:120%;margin-top:0; margin-bottom: 10px; transition:color 0.35s ease;}
.team-card-tools{display:flex;gap:clamp(15px,1.3vw,30px);flex-wrap:wrap;margin-top:auto;border:1px solid #f2f2f2;background:#ffffff;padding:clamp(6px,0.8vw,9px) clamp(10px,1.2vw,14px);border-radius:8px;}
.team-card-tools img{height:30px;width:auto;}
.team-cards-grid .team-card .tool-top {margin-bottom: 18px;}
.team-cards-grid .team-card .tool-top p.deploy-p {font-size: 16px; line-height: 120%; font-weight: 400; color: #5E5E5E;}
.ai-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.1vw,20px);}
.ai-card{background:#FFFFFF;border-radius:20px;padding:clamp(16px,1.6vw,30px);display:flex;flex-direction:column;gap:clamp(8px,0.8vw,10px);transition:background 0.3s ease;}
.ai-card--active,.ai-card:hover{background:var(--grey_one);}
.ai-cards-grid:has(.ai-card:hover) .ai-card--active:not(:hover){background:transparent;}
.ai-card-icon-wrap{width:clamp(38px,3.5vw,46px);height:clamp(38px,3.5vw,46px);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.3s ease;}
.ai-card--active .ai-card-icon-wrap,.ai-card:hover .ai-card-icon-wrap{background:var(--white);}
.ai-cards-grid:has(.ai-card:hover) .ai-card--active:not(:hover) .ai-card-icon-wrap{background:transparent;}
.ai-card-title{font-size:clamp(18px,1.4vw,20px);font-weight:700;color:var(--black);line-height:120%;margin-top:4px;font-family:"Roboto",sans-serif;}
.ai-card-list{list-style:none;display:flex;flex-direction:column;gap:clamp(6px,0.6vw,10px);padding:0;margin:0;}
.ai-card-list li{display:flex;align-items:flex-start;gap:8px;font-size:clamp(12px,1.1vw,16px);color:var(--grey_three);line-height:120%;position:relative;font-weight:400;}
.ai-card-list li svg{flex-shrink:0;margin-top:2px;}
.ai-card-list li span{flex:1;}
.ai_training{background:var(--grey_one);}
.ai-training-inner{width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vw,30px);}
.ai-training-tags{display:flex;gap:clamp(10px,1.5vw,18px);flex-wrap:wrap;justify-content:center;margin-top:14px;margin-bottom: 30px;}
.ai-training-tag{padding: 8px 19px;border-radius:30px;background:var(--white);font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--grey_two);line-height:120%;border:2px solid transparent;box-shadow:none;transition:background 0.4s ease,box-shadow 0.4s ease,transform 0.3s ease;cursor:pointer;}
.ai-training-tag:hover{background:linear-gradient(var(--white),var(--white)) padding-box,var(--common_gradiant) border-box;border:2px solid transparent;box-shadow:0 4px 20px rgba(255,91,46,0.25),0 0 0 4px rgba(255,91,46,0.08);transform:translateY(-2px);}
.performance_section{background:var(--grey_one);}
.perf-stats-row{display:flex;gap:clamp(10px,1vw,10px);}
.perf-stat-card{flex:1 1 0;min-width:0;background:#fff;border-radius:20px;padding:clamp(20px,2vw,36px) clamp(12px,1vw,16px);text-align:center;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);}
.perf-stat-value{font-size:clamp(26px,1.6vw,34px);font-weight:700;color:var(--black);line-height:1;}
.perf-stat-label{font-size:clamp(16px,1.2vw,16px);color:var(--grey);line-height:120%;font-weight:500;}
.perf-note{color:var(--black);font-size:clamp(16px,1.2vw,18px);font-weight:500;line-height:120%;}
.ai_tools_section ul.ai-tools-sec {margin-bottom: 40px;}
.ai-tools-text-col{width: 100%;}
.ai-tools-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.ai-tool-card{background:#f2f2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;width:clamp(140px,15vw,200px);}
.ai-tool-card img{height:clamp(90px,8vw,120px);width:auto;max-width:100%;object-fit:contain;display:block;}
.comparison-tabs{gap:clamp(12px,1.5vw,20px);border:none;}
.comparison-tabs .nav-link{border-radius:30px;padding:clamp(10px,1vw,14px) clamp(18px,2vw,30px);font-size:clamp(14px,1.2vw,16px);font-weight:600;line-height:120%;color:var(--black);background:var(--grey_one);transition:background 0.25s,border-color 0.25s,color 0.25s;}
.comparison-tabs .nav-link:hover{color:var(--primary);}
.comparison-tabs .nav-link.active{background:var(--primary);color:#fff;box-shadow:0px 14px 54px 0px #FF5B2E33;}
.comparison-wrap{display:flex;gap:clamp(24px,3.2vw,60px);}
.cmp-manual-card{flex:1;background:var(--grey_one);border-radius:clamp(14px,1vw,20px);padding:clamp(20px,3vw,40px) clamp(16px,2.5vw,30px);}
.cmp-manual-card h3{font-size:clamp(18px,1.8vw,22px);font-weight:700;color:var(--black);margin-bottom:clamp(6px,0.8vw,10px);font-family:"Roboto",sans-serif;line-height:100%;}
.cmp-manual-card > p{color:var(--grey);font-size:clamp(14px,1.2vw,18px); font-weight: 400; margin-bottom:clamp(16px,2vw,28px);line-height:normal;font-family:"Roboto",sans-serif;}
.cmp-ai-card{flex:1;background:#ff5b2e;border-radius:clamp(14px,1vw,20px);padding:clamp(20px,3vw,40px) clamp(20px,2.5vw,30px);position:relative;padding-top: 40px;}
.cmp-recommended{display:inline-block;background:#fff;border-radius:30px;    padding: 10px;font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--black);margin-bottom:clamp(12px,1.5vw,20px);border:2px solid #ff5b2e;position:absolute;top:-19px;}
.cmp-tick{position:absolute;top:-20px;right:24px;width:clamp(28px,2.5vw,40px);height:clamp(28px,2.5vw,40px);border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;border:3px solid #FFFFFF;}
.cmp-tick img{width: 30px;}
.cmp-ai-card h3{font-size:clamp(18px,1.8vw,22px);font-weight:700;color:var(--white);margin-bottom:clamp(6px,0.8vw,10px);font-family:"Roboto",sans-serif;line-height:100%;}
.cmp-ai-card > p{color:#F7F8F9;font-size:clamp(14px,1.2vw,18px);margin-bottom:clamp(16px,2vw,28px);line-height:normal;font-family:"Roboto",sans-serif;}
.cmp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(8px,1vw,12px);}
.cmp-list li{display:flex;align-items:center;gap:clamp(8px,1vw,12px);font-size:clamp(14px,1.2vw,16px);color:var(--black);line-height:100%;font-weight:400;font-family:"Roboto",sans-serif;}
.cmp-list li::before{content:"";display:inline-flex;width:clamp(24px,2vw,32px);height:clamp(24px,2vw,32px);background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/check.webp);background-size:inherit;background-repeat:no-repeat;background-position:center;background-color:var(--primary);border-radius:50%;flex-shrink:0;}
.cmp-ai-card .cmp-list li::before {background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%231D4ED8%27 d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27/%3E%3C/svg%3E"); background-size: 55%;}
.com-cta-btn {margin-top: 30px;}
.cmp-ai-card .cmp-list li{color:#fff;}
.comparison-stats{background:var(--grey_one);border-radius:clamp(10px,1.2vw,16px);display:flex;padding:clamp(20px,2.5vw,33px) clamp(24px,3.5vw,50px);justify-content:space-between;}
.cmp-stat{text-align:center;display:flex;flex-direction:column;gap:clamp(6px,0.8vw,10px);}
.cmp-stat:last-child{border-right:none;}
.cmp-stat-value{font-family:"Roboto",sans-serif;font-size:clamp(24px,2vw,32px);font-weight:700;color:var(--black);line-height:1;}
.cmp-stat-label{font-size:clamp(12px,1.2vw,16px);color:var(--black);line-height:120%;font-weight:400;}
.insights_section{background:#fff;}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.insights-card{display:flex;flex-direction:column;gap:0;overflow:hidden;}
.insights-card-img{width:100%;overflow:hidden;border-radius:16px;}
.insights-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.insights-card:hover .insights-card-img img{transform:scale(1.04);}
.insights-card-body{padding-top:30px;display:flex;flex-direction:column;gap:12px;flex:1;}
.insights-card-title{font-size:clamp(18px,1.7vw,26px);font-weight:500;color:var(--black);line-height:1.3;font-family:"Roboto",sans-serif;}
.insights-card-desc{font-size:clamp(16px,1.2vw,18px);color:var(--grey);line-height:130%;flex:1;}
.insights-read-more{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#fff;font-size:14px;font-weight:500;color:var(--black);cursor:pointer;transition:border-color 0.2s,color 0.2s;align-self:flex-start;font-family:"Roboto",sans-serif;text-decoration:none;border-bottom:1px solid #1E1E1E;}
.insights-read-more svg{transition:transform 0.3s ease;}
.insights-read-more:hover{border-color:var(--primary);color:var(--primary);}
.insights-read-more:hover svg{transform:rotate(45deg);}
@-webkit-keyframes insightsScroll{0%{-webkit-transform:translateX(0);}100%{-webkit-transform:translateX(-50%);}}
@keyframes insightsScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.insights-slider-active{display:block!important;overflow:hidden;}
.insights-track{display:flex;gap:16px;width:max-content;}
.insights-track .insights-card{flex:0 0 80vw;width:80vw;}
.swiper-wrapper {align-items: center;}
.case_study_section .case-study-slider-wrap button.case-study-prev img, .case_study_section .case-study-slider-wrap button.case-study-next img {width: 100%; max-width: 23px;}
.case_study_section h2.case-sec-wrap {width: 100%; max-width: 886px; margin: 0 auto;}
.case_study_section{background:#fff;position: relative;}
.case-study-container{max-width:1289px;margin:0 auto;padding:0 clamp(16px,2vw,40px);}
.case-study-slider-outer{display:flex;flex-direction:column;gap:clamp(20px,2.5vw,32px);position:relative;}
.case-study-slider-wrap{display:flex;align-items:center;gap:clamp(6px,0.8vw,10px);}
.cs-nav-btn{width:clamp(30px,3.5vw,78px);height:clamp(30px,3.5vw,78px);border-radius:50%;background:#1e1e1e;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.3s ease;}
.cs-nav-btn:hover{background:var(--primary);}
.case-study-swiper{flex:1;min-width:0;}
.cs-card{display:flex;align-items:stretch;border:1px solid #D7D7D7;border-radius:clamp(12px,1.8vw,24px);overflow:hidden;min-height:clamp(300px,35vw,498px);padding:clamp(16px,2vw,40px);gap:clamp(16px,2vw,42px);}
.cs-card-media{width: 540px; max-width: 540px; height: 400px;flex-shrink:0;}
.cs-card-media img{width:100%;height:100%;object-fit:cover;border-radius:clamp(12px,1.5vw,20px);}
.cs-card .cs-card-content{display:flex;flex-direction:column;align-items:baseline;justify-content:space-between;gap:16px;flex:1;min-width:0;}
.cs-category-tag{color:#000000;display:inline-block;padding:clamp(6px,0.6vw,8px) clamp(12px,1.5vw,20px);border:1px solid #A4A4A4;border-radius:100px;font-size:clamp(13px,0.9vw,14px);font-weight:400;color:var(--black);align-self:flex-start;margin-bottom:clamp(12px,1.8vw,25px);}
.cs-project-title{font-size:clamp(22px,2.5vw,46px);font-weight:700;color:var(--black);line-height:normal;font-family:"Roboto",sans-serif;margin-bottom:clamp(12px,1.5vw,20px);}
.cs-project-desc{font-size:clamp(14px,1.1vw,18px);color:#797979;line-height:130%;margin:0;font-weight:300;}
.cs-team-tags{display:flex;flex-wrap:wrap;gap:clamp(6px,0.6vw,8px);margin-top:clamp(12px,1.8vw,25px);}
.cs-tag{padding:clamp(4px,0.5vw,6px) clamp(10px,1.1vw,16px);background-color:#F2F2F2;border-radius:30px;font-size:clamp(12px,0.9vw,14px);font-weight:400;color:var(--black);}
.cs-cta-btn{align-self:flex-start;padding:clamp(10px,0.9vw,12px) clamp(16px,2vw,28px);}
.cs-pagination{text-align:center;}
.cs-pagination .swiper-pagination-bullet{margin:0!important;width:12px;height:12px;background:#D9D9D9;opacity:1;margin:0 5px;transition:background 0.3s,transform 0.3s;}
.cs-pagination .swiper-pagination-bullet-active{    background: #000000;;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -52px;}
.swiper-pagination{display: flex; justify-content: center; gap: 20px;}
.delayed_section {background: var(--grey_one); padding-bottom: 150px; padding: 100px 0;}
.dl-scroll-wrap{height: 500px;}
.delayed_section .text-center{margin-bottom:clamp(20px,5vw,20px);}
.dl-timeline-outer{display:flex;align-items:center;gap:0;position:relative; height:100%;}
.dl-start-dot{width:14px;height:14px;border-radius:50%;background:#FF5B2E;flex-shrink:0;z-index:2;}
.dl-end-arrow{flex-shrink:0;display:flex;align-items:center;z-index:2;}
.dl-steps-row{flex:1;display:flex;align-items:stretch;position:relative; height:100%;}
.dl-steps-row::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#FF5B2E;transform:translateY(-50%);z-index:0;width:275px;}
.dl-steps-row::after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#00000033;transform:translateY(-50%);z-index:0;}
.dl-step{flex:1;display:flex;flex-direction:column;align-items:end;position:relative;}
.dl-step::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);border-left:1.5px dashed #D0D5DC;z-index:0;}
.dl-top{min-height:217px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8px;width:100%;position:relative;}
.dl-bottom{min-height:217px;display:flex;flex-direction:column;align-items:end;justify-content:flex-start;padding:0 8px;width:100%;position:relative;}
.dl-label{font-size: clamp(14px, 1.3vw, 24px); color: var(--black); font-weight: 600; line-height: 100%; text-align: left; margin: 0; max-width: 112px; position: absolute; left: 132px; width: 173px; letter-spacing: -3%;}
.dl-top .dl-label{margin-bottom:30px;}
.dl-bottom .dl-label{margin-top:30px;}
.dl-icon-box{width:clamp(48px,3vw,60px);height:clamp(48px,3vw,60px);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2;}
.dl-icon--pink{background:#FEEDEC;}
.dl-icon--purple{background:#F5EBF2;}
.dl-icon--lavender{background:#EDEBFB;}
.dl-icon--green{background:#E1F2E8;}
.dl-icon--orange{background:#F9EEE4;}
.dl-icon--teal{background:#E4F1F3;}
.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);}
.why-choose-card{background:#fff;border-radius:20px;padding:clamp(16px,2vw,30px);display:flex;flex-direction:column;gap:clamp(12px,1.3vw,24px); border: 1px solid #D7D7D7;transition:box-shadow 0.3s ease;}
.why-choose-card:hover{box-shadow:0px 8px 32px 0px #0000001A;}
.why-choose-num{font-size:clamp(26px,2.5vw,38px);font-weight:300;color:#121212;line-height:1;font-family:"Roboto",sans-serif;letter-spacing:-1px;}
.why-choose-title{font-size:clamp(16px,1.3vw,22px);font-weight:500;color:#000000;line-height:100%;font-family:"Roboto",sans-serif;margin-bottom:clamp(8px,1.2vw,16px);}
.why-choose-desc{font-size:clamp(14px,1.1vw,20px);color:#797979;font-weight:400;line-height:120%;margin:0;}
.who_work_section{background:var(--grey_one);}
.who-work-wrap{display:flex;align-items:center;gap:clamp(40px,5vw,80px);}
.who-work-left{flex:0 0 40%;max-width:40%;display:flex;flex-direction:column;align-items:flex-start;gap:0;}
.who-work-img{width:100%;max-width:205px;border-radius:16px;margin-bottom:32px;object-fit:cover;}
.who-work-left p{max-width: 477px;}
.who-work-right{flex:1;min-width:0;}
.who-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,4vw,70px);}
.who-work-card{display:flex;flex-direction:column;gap:clamp(10px,1vw,14px);transition:box-shadow 0.3s ease;}
.who-work-icon{width:clamp(44px,4vw,50px);height:clamp(44px,4vw,50px);display:flex;align-items:center;justify-content:center;}
.who-work-title{font-size:clamp(16px,1.3vw,22px);font-weight:500;color:var(--black);line-height:130%;font-family: "Roboto", sans-serif;margin:0;}
.who-work-desc{font-size:clamp(14px,1.1vw,20px);color:var(--grey);font-weight:400;line-height:120%;margin:0;}
.engagement-header{display:flex;align-items:center;justify-content:space-between;gap:32px;}
.engagement-header-text{display:flex;flex-direction:column;gap:0;max-width:867px;}
.engagement-header-btn{flex-shrink:0;}
.mb-24{margin-bottom:clamp(14px,1.8vw,24px);}
.engagement-card{display:flex;gap:0;background:var(--grey_one);border-radius:16px;overflow:hidden;align-items:stretch;padding:clamp(20px,2.8vw,40px) clamp(20px,2.5vw,36px) clamp(20px,2.8vw,40px) clamp(20px,3vw,45px);}
.engagement-card--reverse{flex-direction:row-reverse;}
.engagement-card--reverse .engagement-card-media img{margin-right:auto;margin-left:inherit;}
.engagement-card-text{flex:0 0 clamp(300px,40vw,546px);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px);}
.engagement-ninja-icon{display:inline-flex;width:clamp(24px,2.5vw,32px);height:clamp(24px,2.5vw,32px);align-items:center;justify-content:center;}
.engagement-card-h3{font-family:"Roboto",sans-serif;font-size:clamp(22px,2.4vw,36px);font-weight:700;color:var(--black);line-height:1.2;}
.engagement-card-best{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--black);line-height:120%;}
.engagement-card-desc{font-size:clamp(16px,1.2vw,18px);color:#434343;line-height:120%;font-weight:400;}
.engagement-card-desc strong{font-weight:700;}
.engagement-list{list-style:none;padding:0;margin:clamp(6px,0.8vw,10px) 0 0 0;display:flex;flex-direction:column;gap:clamp(8px,1vw,12px);}
.engagement-list li{font-size:clamp(16px,1.2vw,18px);color:#434343;line-height:120%;padding-left:clamp(12px,1.2vw,16px);position:relative;font-weight:400;}
.engagement-list li::before{content:'';position:absolute;left:0;line-height:1;top:6px;width:5px;height:5px;background:#434343;border-radius:50%;}
.engagement-list li strong{color:var(--black);font-weight:600;}
.engagement-cta{align-self:flex-start;margin-top:8px;text-decoration:none;}
.engagement-card-text .cta-btn{width:fit-content;align-self:flex-start;}
.engagement-card-media{flex:1;position:relative;overflow:hidden;}
.engagement-card-media img{width:100%;height:100%;object-fit:contain;display:block;max-width:600px;margin-left:auto;}
.engagement-media-label{position:absolute;bottom:103px;left:clamp(10px,1.1vw,20px);background:#1E1E1E;color:#F5F5F5;font-size:clamp(14px,1.2vw,18px);font-weight:600;padding:clamp(5px,0.5vw,9px) clamp(10px,1.1vw,20px);border-radius:clamp(20px,1.8vw,34px);animation:float 5s ease-in-out infinite;}
.engagement-card--reverse .engagement-media-label{right:66px;left:auto;background:#FFFFFF;color:#1E1E1E;}
.engagement-media-label i{font-size:clamp(14px, 1.5vw, 18px);}
.cta_section{position:relative;overflow:hidden;padding-bottom:70px;}
.cta_section:after{background-repeat: no-repeat; background-position: center; background-size: cover;content:'';background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/ninja_tech_bg.webp);width:100%;height:auto;position:absolute;min-height:772px;bottom:-182px;z-index:0;}
.cta-inner{text-align:center;display:flex;flex-direction:column;align-items:center;}
.cta-title{font-family:"Roboto",sans-serif;font-size:clamp(28px,4vw,76px);font-weight:600;color:var(--black);line-height:1.2;max-width:1200px;}
.engagement-form-wrap{width:100%;max-width:clamp(320px,90vw,914px);background:#fff;border-radius:clamp(12px,1.5vw,20px);padding:clamp(24px,3vw,52px);margin-top:clamp(28px,3.5vw,48px);text-align:left;border:1px solid #F2F2F2;backdrop-filter:blur(13px);z-index:9;scroll-margin-top:120px;}
.engagement-form-title{font-family:"Roboto",sans-serif;font-size:clamp(18px,2.2vw,30px);font-weight:700;color:var(--black);margin-bottom:clamp(16px,2vw,28px);text-align:center;}
.engagement-form{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,16px);}
.engagement-form-row p{display:flex;gap:clamp(12px,1.5vw,16px);}
.engagement-form-row p span{width:100%;}
.engagement-form-row .file-upload-button p span{width: auto;}
.engagement-form-row .file-upload-button label{background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/file-upload.svg) no-repeat left center; padding-left: 36px;}
.engagement-form-submit p{line-height: normal;margin: 0;}
.engagement-input{flex:1;width:100%;padding:clamp(10px,1vw,12px) 0;border:none;border-bottom:1px solid #E3E3E3;background:transparent;font-size:clamp(16px,1vw,18px);font-family:"Roboto",sans-serif;color:var(--black);outline:none;transition:border-color 0.2s;}
.engagement-input:focus{border-color:var(--primary);}
.engagement-input::placeholder{color:#999;}
.custom-select-wrap{position:relative;flex:1;width:100%;}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 0;border-bottom:1px solid #E3E3E3;cursor:pointer;user-select:none;transition:border-color 0.2s;}
.custom-select-wrap.open .custom-select-trigger{border-color:var(--primary);}
.custom-select-text{font-size:18px;font-family:"Roboto",sans-serif;color:#999;transition:color 0.2s;}
.custom-select-wrap.has-value .custom-select-text{color:var(--black);}
.custom-select-option{padding:10px 14px;font-size:14px;font-family:"Roboto",sans-serif;color:var(--black);border-radius:6px;cursor:pointer;transition:background 0.15s,color 0.15s;}
.custom-select-option:hover{background:#fff4f1;color:var(--primary);}
.custom-select-option.active{background:var(--primary);color:#fff;}
.engagement-textarea{height:clamp(60px,6vw,90px);resize:none;}
.engagement-form-submit{display:flex;justify-content:center;margin-top:clamp(12px,1.5vw,20px);position:relative;display:inline;overflow:hidden;border-radius:30px;transition:all 0.6s ease;width:100%;max-width:173px;margin:0 auto;}
.engagement-form-row select{-webkit-appearance:none;appearance:none;flex:1;width:100%;padding:clamp(10px,1vw,12px) 24px clamp(10px,1vw,12px) 0;border:none;border-bottom:1px solid #E3E3E3;background:url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 5L7 10L12 5%27 stroke=%27%23999999%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") no-repeat right center;font-size:clamp(16px,1vw,18px);font-family:"Roboto",sans-serif;color:#999;outline:none;transition:border-color 0.2s;cursor:pointer;}
.engagement-form-row select:focus{border-color:var(--primary);}
.engagement-form-row select.has-value{color:var(--black);}
.industries_section{background:var(--grey_one);overflow:hidden;}
.industries-wrap{display:flex;gap:166px;align-items:flex-start;position:relative;}
.industries-wrap::after{content:'';background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/ninja_n.webp);position: absolute;width: 499px;height: 142px;bottom: 0;}
.industries-left{flex:0 0 500px;max-width:500px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:148px;}
.mb-32{margin-bottom:32px;}
.industries-right{flex:1;min-width:0;overflow:hidden;height:958px;}
.industries-columns{display:flex;gap:24px;height:100%;}
.industries-col-wrap{flex:1;overflow:hidden;}
.industries-col{display:flex;flex-direction:column;gap:24px;}
.industries-col--a{animation:industriesScrollUp 22s linear infinite;}
.industries-col--b{animation:industriesScrolldown 30s linear infinite;}
@keyframes industriesScrollUp{
0%{transform:translateY(0);}
100%{transform:translateY(-50%);}
}
@keyframes industriesScrolldown{
0%{transform:translateY(-50%);}
100%{transform:translateY(0);}
}
.industry-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0px 30px 44px 0px #00000008;}
.industry-title{font-size:clamp(16px,1.6vw,22px);font-weight:500;color:var(--black);line-height:130%;font-family:"Roboto",sans-serif;margin-bottom:clamp(10px,1.2vw,16px);}
.industry-desc{font-size:clamp(16px,1.2vw,16px);color:var(--black);font-weight:400;line-height:130%;}
.industries-col .industry-card span.icon-ind img {width: 100%; max-width: 38px; margin-bottom: 40px;}
.tech_independent_section{padding-bottom:150px;}
.tech-ind-header{text-align:center;}
.tech-ind-wrap{display:flex;gap:32px;align-items:flex-start;}
.tech-ind-list{flex:0 0 527px;max-width:527px;display:flex;flex-direction:column;}
.tech-ind-item{display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,1.6vw,22px) clamp(16px,2.2vw,30px);cursor:pointer;transition:border-color 0.25s;position:relative;border-bottom:1px solid #D2D6DA;}
.tech-ind-item.active{border-bottom-color:var(--primary);}
.tech-ind-name{font-size:clamp(18px,1.2vw,22px);font-weight:500;color:#66707A;line-height:clamp(24px,2.2vw,32px);transition:color 0.25s,font-weight 0.25s;}
.tech-ind-item.active .tech-ind-name,.tech-ind-item:hover .tech-ind-name{color:var(--black);}
.tech-ind-arrow-wrap{flex-shrink:0;width:36px;height:36px;position:relative;display:flex;align-items:center;justify-content:center;}
.tech-ind-circle-arrow{width:clamp(24px,2.2vw,36px);height:clamp(24px,2.2vw,36px);border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.7);transition:opacity 0.25s,transform 0.25s;position:absolute;}
.tech-ind-diag-arrow{display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 0.25s;position:absolute;}
.tech-ind-item.active .tech-ind-circle-arrow,.tech-ind-item:hover .tech-ind-circle-arrow{opacity:1;transform:scale(1);}
.tech-ind-item.active .tech-ind-diag-arrow,.tech-ind-item:hover .tech-ind-diag-arrow{opacity:0;}
.tech-ind-panel{flex:1;min-width:0;border-radius:16px;padding:clamp(16px,1.4vw,28px);position:relative;overflow:hidden;min-height: auto;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/tech_bg.webp);display:flex;flex-direction:column;gap:clamp(14px,1.4vw,24px);background-repeat:no-repeat;background-size: cover;}
.tech-ind-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,91,46,0.18) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 20% 80%,rgba(120,60,180,0.15) 0%,transparent 60%);pointer-events:none;z-index:0;}
.tech-ind-info-card,.tech-ind-features-card,.tech-ind-cta-card{background:#fff;border-radius:8px;padding:clamp(16px,2.0vw,30px);z-index:1;}
.tech-ind-features-card{padding:clamp(12px,1.6vw,20px);}
.tech-ind-card-desc{font-size:clamp(16px,1.2vw,18px);color:var(--black);line-height:130%;font-weight:500;}
.tech-ind-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px) clamp(10px,1.4vw,20px);}
.tech-ind-feature{display:flex;align-items:start;gap:clamp(6px,0.8vw,10px);background:#F3F5F7;border-radius:12px;padding:clamp(8px,0.8vw,11px) clamp(10px,1vw,14px);font-size:clamp(16px,1.2vw,18px);font-weight:500;color:var(--black);line-height:120%;}
.tech-check-icon{width:clamp(18px,1.6vw,22px);height:clamp(18px,1.6vw,22px);border-radius:50%;background:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.tech-ind-cta-card{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,1.8vw,24px);}
.tech-ind-cta-card p{font-size:clamp(16px,1.3vw,22px);font-weight:500;color:var(--black);line-height:1.4;font-family:"Roboto",sans-serif;}
.tech-ind-contact{display:inline-flex;align-items:center;gap:6px;font-size:clamp(16px,1.2vw,18px);font-weight:600;color:var(--black);text-decoration:none;white-space:nowrap;border-bottom:1.5px solid var(--black);padding-bottom:2px;flex-shrink:0;transition:color 0.3s ease,border-color 0.3s ease;padding:11px 10px;font-family:"Roboto",sans-serif;}
.tech-ind-contact svg{transition:transform 0.3s ease;}
.tech-ind-contact:hover{color:var(--primary);border-color:var(--primary);}
.tech-ind-contact:hover svg{transform:rotate(45deg);}
.cta-btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:clamp(10px,0.85vw,12px) 34px;border-radius:30px;background:#FF5B2E;color:#fff;font-size:16px;font-weight:600;text-decoration:none;overflow:hidden;border:1px solid transparent;transition:0.5s ease,box-shadow 0.5s ease-in-out;height:clamp(42px,3.5vw,50px);}
.cta-banner-second{border:1px solid #FF734C;background:#fff;color:var(--black);}
.cta-banner-second span.icon {background-color: #EAEAEA;}
.cta-banner-second:hover{border:1px solid #EAEAEA;box-shadow:0 0 0 6px #4D4D4D80;}
.cta-btn .text{position:relative;z-index:2;}
.cta-btn .icon{position: relative; z-index: 2; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s ease;}
.cta-btn::before{content:'';position:absolute;width:24px;height:24px;border-radius:50%;right:30px;top:50%;transform:translateY(-50%);background:#FF6F47;transition:all 0.6s ease;z-index:1;}
.cta-banner-second:before{background:#EAEAEA;}
.cta-banner-second .icon img{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(4590%) hue-rotate(336deg) brightness(97%) contrast(91%);}
.cta-btn:hover::before{width:140%;height:140%;right:-20%;border-radius:50px;}
.cta-btn:hover{box-shadow:0 0 0 6px #FF5B2E66;}
.cta-btn:hover .text{color:#fff;}
.cta-banner-second:hover .text{color: var(--black);}
.cta-btn:hover .icon{transform:translateX(6px);}
.cta-btn:focus{color:white;}
.cta-banner-second:focus{    color: var(--black);}
.engagement-form-submit .cta-btn {position: relative;display: inline-flex;align-items: center;gap: 14px; padding: 10px 84px 14px 34px!important;border-radius: 30px;background: #FF5B2E!important;color: #fff;font-size: 16px; font-weight: 600;text-decoration: none;overflow: hidden;transition: background 0.5s ease, box-shadow 0.5s ease-in-out; z-index: 2;}
.engagement-form-submit::before {content: "";position: absolute;width: 24px;height: 24px;background: #FF6F47; border-radius: 50%;right: 40px;top: 50%;transform: translateY(-50%);transition: all 0.6s ease; z-index: 3; pointer-events: none;}
.engagement-form-submit::after {content: "";position: absolute;right: 45px;top: 50%;transform: translateY(-50%); width: 14px;height: 14px;background: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow.webp) no-repeat center;background-size: contain; z-index: 4;pointer-events: none;}
.engagement-form-submit:hover::before {width: 140%;height: 140%;right: -20%; border-radius: 50px;z-index: 1;}
.engagement-form-submit:hover .cta-btn {background: transparent;}
.engagement-form-submit:hover {box-shadow: 0 0 0 6px #FF5B2E66;}
.engagement-form-submit .wpcf7-spinner{position:absolute;}
.engagement-form-submit input.wpcf7-submit:hover, .engagement-form-submit .page-template-tpl-contact input.wpcf7-submit:hover{background: #FF6F47!important;}
.engagement-form-submit .cta-btn:hover {box-shadow: none;}
.subline-wrap p.banner-sub{font-weight:600;}
.banner-stats{border-radius: 8px;display:inline-flex;align-items:center;justify-content:center;}
.banner-stat-item{gap:10px;display:flex;flex-direction:row;align-items:center;padding:0 clamp(20px,3vw,26px);}
.stat-title{font-size:clamp(13px,1.6vw,16px);font-weight:700;color:var(--black);line-height:1.2;}
.stat-label{font-size:clamp(13px,0.95vw,16px);font-weight:400;color:var(--grey);line-height:1.2;}
.banner-stat-divider{width:1px;height:clamp(16px,1vw,32px);background:#D7D7D7;position:relative;flex-shrink:0;}
.banner-stat-divider::after{content:'';width:6px;height:6px;background:var(--primary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.banner-text-title h1 , .contact-title h1{
text-align: left;
}
.industry-icon {
display: inline-flex;
width: clamp(28px, 2.8vw, 38px);
height: clamp(28px, 2.8vw, 38px);
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-bottom: clamp(32px, 3.5vw, 67px);
}
.ai_engineers{
background: var(--grey_one);
}
@media (min-width:1400px){
.container,.container-lg,.container-xl,.container-xxl{max-width:1384px;}
}
@media(max-width:1600px){
.common_paddding{padding:100px 0;}
.common_padding_bottom{padding-bottom:100px;}
.common_padding-top{padding-top:100px;}
.tech_independent_section{padding-bottom:100px;}
.mb-60{margin-bottom: 50px;}
.dl-scroll-wrap {height: 400px;}.dl-bottom,.dl-top{min-height: 168px;}
.delayed_section{padding-bottom: 100px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -29px;}
.header_logo{    padding-top: 100px;    gap: 13px;}
}
@media(min-width:1301px) and (max-width:1600px){
.banner_car_one .hero-item-img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.hero-flex-wrap{align-items:end;}
}
@media(max-width:1400px){
.engagement-card-media img{object-fit:contain;max-width:430px;}
.tech-ind-list{flex:0 0 430px;max-width:430px;}
.tech-ind-arrow-wrap{width:28px;height:28px;}
.industries-wrap{gap:clamp(20px, 1.2vw,40px);}
.different-wrap{gap:30px;}
.mb-60 {margin-bottom: 40px;}
.industries-right{    height: 800px;}
.engagement-media-label{bottom: 176px;}
.dl-label{left: 123px;}
.dl-top .dl-label 
{margin-bottom: 20px;}
.dl-bottom .dl-label {margin-top: 20px;}
.dl-icon-box svg{ width: 24px;}
.dl-bottom, .dl-top {min-height: 176px;}
}
@media(max-width:1300px){
.dl-label {left: 109px;}
}
@media(min-width:1025px) and (max-width:1300px){
.cta-btn{    padding: 11px 48px;}
.cta-btn::before{    right: 43px;}
.custom_container{padding-left: 40px; padding-right: 40px;}
.banner_car_one{width:300px;}
.hero-marketing-wrap{padding:8px;}
.marketing-text{font-size:10px;}
.extra-users{width:34px;height:34px;}
.industries-left{    padding-top: 100px;}
}
@media(max-width:1200px){
.industries-right{height:auto!important;width:100%;overflow:hidden;}
.industries-x-slider{overflow:hidden;width:100%;padding:0 0 40px 0;}
.industries-x-track{display:flex;flex-direction:row;gap:16px;width:max-content;margin-top:30px;}
.industries-x-track .industry-card{width:clamp(220px,30vw,280px);flex-shrink:0;}
.tech-ind-wrap{flex-direction:column;}
.tech-ind-list{flex:none;max-width:100%;width:100%;}
.tech-ind-item{cursor:pointer;user-select:none;}
.tech-ind-acc-body{border-top:2px solid var(--primary);margin-bottom:4px;display:none;}
.tech-ind-acc-body .tech-ind-panel{display:flex!important;flex-direction:column;gap:16px;width:100%;flex:none;padding:16px;margin:10px 0;background-size:cover;min-height:500px;}
.common_paddding_100{padding:80px 0;}
.common_paddding{padding:80px 0;}
.common_padding_bottom{padding-bottom:80px;}
.common_padding-top{padding-top:80px;}
.tech_independent_section{padding-bottom:80px;}
.industries-wrap{flex-direction:column;}
.industries-left{max-width:100%;padding-top:40px;flex:auto;    align-items: center;}
.industries_section .section-sub{text-align: center;}
.industries-wrap::after{display:none;}
.perf-stats-row{flex-wrap:wrap;}
.perf-stat-card{flex:1 1 calc(50% - 8px);}
.industry-card span.icon-ind img {width:40px;}
.dl-scroll-wrap {height: 300px;}
.dl-bottom, .dl-top {min-height: 126px;}
.dl-top .dl-label 
{margin-bottom: 10px;}
.dl-bottom .dl-label {margin-top: 10px;}
.dl-label {left: 84px; max-width: 96px;}
.delayed_section{padding-bottom: 80px;}
.industry-title{margin-top:10px}
.engagement-card-media img{max-width: 358px;}
.engagement-card--reverse .engagement-media-label {right: 34px;}
}
@media(max-width:1024px){
.hero-tab-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;width:100%;}
.hero-tab-wrap::-webkit-scrollbar{display:none;}
.hero-flex-wrap{flex-wrap:nowrap;will-change:transform;gap:16px;}
.hero-single-wrap{flex:0 0 auto;scroll-snap-align:start;}
.banner_car_one{flex:0 0 200px;width:200px;height:175px;}
.hero-marketing-wrap{display:none;}
.insights-grid{grid-template-columns:repeat(2,1fr);}
.different-wrap{flex-direction:column;}
.different-left{flex:none;max-width:100%;}
.different-para{max-width:100%;}
.different-right{width:100%;justify-content:start;}
.different-badge{right:auto;}
.banner_car_one .hero-item-img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.banner_card_two,.banner_card_five{flex:0 0 180px;width:180px;max-width:180px;height:155px;}
.banner_card_three,.banner_card_four{flex:0 0 155px;width:155px;max-width:155px;height:135px;}
.banner_card_six{flex:0 0 200px;width:200px;max-width:200px;height:175px;}
.custom_container{padding-left:0;}
.why-choose-grid{grid-template-columns: repeat(2, 1fr);}
}
@media(max-width:992px){
.engagement-header{flex-direction:column;align-items:flex-start;}
.engagement-card,.engagement-card--reverse{flex-direction:column;}
.engagement-header-text{justify-content: center;
align-items: center;}
.engagement-header-text .section-sub{    text-align: center;}
.engagement-card-text{flex:none;order:2;}
.engagement-card-media{min-height:260px;order:1;}
.industries-left{flex:none;max-width:100%;position:static;}
.industries-right{width:100%;height:400px;}
.ai-cards-grid{grid-template-columns:repeat(2,1fr);}
.ai-tools-marquee{overflow:hidden;width:100%;}
.ai-tools-grid{display:flex;flex-wrap:nowrap;gap:12px;width:max-content;}
.ai-tool-card{flex:0 0 140px;width:140px;}
.ai-tools-top{flex-direction:column;gap:20px;}
.common_paddding{padding:60px 0;}
.common_padding_bottom{padding-bottom:60px;}
.common_paddding_100{padding:60px 0;}
.common_padding-top{padding-top:60px;}
.tech_independent_section{padding-bottom:60px;}
.team-cards-grid{grid-template-columns:repeat(2,1fr);}
.perf-stat-card:nth-child(1),.perf-stat-card:nth-child(2){flex:1 1 calc(50% - 8px);width:auto;}
.cmp-manual-card{padding:20px;}
.cmp-acc-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--grey_one);border:none;border-radius:8px;font-family:"DM Sans",sans-serif;font-size:clamp(16px,1.2vw,18px);font-weight:600;color:var(--black);cursor:pointer;margin-bottom:4px;transition:background 0.25s,color 0.25s;}
.cmp-acc-header::after{content:"+";font-size:22px;font-weight:400;line-height:1;}
.cmp-acc-header.open{background:#ff5b2e;color:#fff;border-radius:8px 8px 0 0;margin-bottom:0;}
.cmp-acc-header.open::after{content:"−";}
.cmp-acc-body{border:1px solid #f0f0f0;border-top:none;border-radius:0 0 8px 8px;padding:16px;margin-bottom:8px;}
.comparison-wrap{flex-direction:column;}
.comparison-stats{flex-wrap:wrap;gap:16px;padding:16px;}
.cmp-stat{flex:0 0 calc(50% - 8px);width:calc(50% - 8px);}
.dl-step::before{content:'';width:8px;height:8px;border-radius:50%;background:#FF5B2E;position:absolute;left:-5px;top:50%;transform:translateY(-50%);z-index:2;display:block;}
.dl-top .dl-label{margin-bottom: 0px;}
.dl-bottom .dl-label {margin-top: 0px;}
.dl-step:last-child{display:none;}
.delayed_section{padding-bottom: 60px;}
#aitoolsTab{display:none;}
.engagement-card-media img {max-width: 100%; margin-right: auto; margin-left: inherit; height: 300px;}
.engagement-card--reverse .engagement-media-label {right: auto;}
}
@media(max-width:768px){
.case-study-prev,.case-study-next{display:none;}
.banner-sub br{display:none;}
.banner_car_one{height:175px;}
.banner_car_one .hero-item-img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.banner_card_two,.banner_card_five{flex:0 0 180px;width:180px;max-width:180px;height:155px;}
.banner_card_three,.banner_card_four{flex:0 0 155px;width:155px;max-width:155px;height:135px;}
.banner_card_six{flex:0 0 200px;width:200px;max-width:200px;height:175px;}
.hero-flex-wrap{padding-bottom:40px;}
.different-right{min-height:220px;}
.tech-ind-item.active{scroll-margin-top:16px;}
.tech-ind-cta-card p br{display:none;}
.insights-grid{grid-template-columns:repeat(1,1fr);}
.team-cards-grid{grid-template-columns:repeat(1,1fr);gap:10px;}
.ai-cards-grid{grid-template-columns:repeat(2,1fr);}
.common_paddding{padding:40px 0;}
.common_paddding_100{padding:40px 0;}
.common_padding-top{padding-top:40px;}
.tech_independent_section{padding-bottom:40px;}
.common_padding_bottom{padding-bottom:40px;}
.mb-22{margin-bottom:16px;}
.mb-60{margin-bottom:30px;}
.insights-slider-active .insights-track{-webkit-animation:insightsScroll 10s linear infinite;animation:insightsScroll 10s linear infinite;}
.team-card-tools img{height: 24px;}
.delayed_section{padding-bottom: 40px;}
.small-text{padding-left:20px;}
.small-text:before{left:0;}
.different_section .dot_before{    padding-left: 0px;}
}
@media (max-width:600px){
.engagement-form-row p{flex-direction:column;gap:clamp(12px,3vw,16px);}
.engagement-form-row .custom-select-trigger{padding:10px 0;}
.engagement-form-row .custom-select-text{font-size:16px;}
.engagement-form-row select{padding:10px 24px 10px 0;font-size:16px;}
}
@media(max-width:576px){
body .cta-btn{display:flex;width:fit-content;margin-left:auto;margin-right:auto;    padding: 12px 33px;    font-size: 14px;}
.cta-btn::before{    right: 29px;}
.perf-stats-row{flex-direction:column;}
.perf-stat-card,.perf-stat-card:nth-child(1),.perf-stat-card:nth-child(2){flex:1 1 100%;width:100%;}
.dot_before{padding-left:0px;}
.team-cards-grid{grid-template-columns:1fr;}
.ai-cards-grid{grid-template-columns:1fr;}
.ai-card{border:1px solid var(--grey_one);}
.industries-wrap{gap:0px;}
.engagement-card{padding:20px;}
.engagement-media-label{left:0px;}
.tech-ind-features-grid{grid-template-columns:1fr;}
.banner_car_one{flex:0 0 200px;width:200px;}
.banner_card_six{height:clamp(240px,26vw,392px);max-width:200px;}
.mb-60 {margin-bottom: 20px;}
.cmp-tick{width: 32px;height: 32px;}
.cmp-tick img {width: 15px;}
.engagement-header-btn{display:contents;}
.header_logo {padding-top: 80px;}
.ai-card-list li{font-size: 16px;;}
.engagement-card-media img{height: 224px;}
.engagement-card-media {min-height: auto;}
}
@media(max-width:480px){
.insights-grid:not(.insights-slider-active){grid-template-columns:1fr;}
.engagement-card-media img{height: 180px;}
.engagement-media-label{font-size:10px;bottom: 61px;}
}
@media(max-width:1200px){
.cs-card-media{max-width:400px;height: 300px;}
.case_study_section .case-study-slider-wrap button.case-study-prev img, .case_study_section .case-study-slider-wrap button.case-study-next img{max-width: 18px;}
}
@media(max-width:992px){
.cs-card{flex-direction:column;min-height:unset;}
.cs-card-media{max-width:100%;padding-bottom:0;height: auto;}
.cs-card-media img{width:100%;max-height:clamp(200px,30vw,300px);object-fit:contain;}
.case_study_section h2.case-sec-wrap{max-width:100%;}
.cs-team-tags{margin-bottom: 20px;}
}
@media(max-width:768px){
.case-study-slider-wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;}
.case-study-swiper{order:1;flex:0 0 100%;min-width:0;}
.case-study-prev{order:2;}
.case-study-next{order:3;}
}
@media(max-width:992px){
.dl-scroll-wrap{height:auto;overflow-x:unset;margin-left:0;margin-right:0;padding:0;}
.dl-start-dot,.dl-end-arrow{display:none;}
.dl-timeline-outer{flex-direction:column;gap:0;}
.dl-steps-row{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 clamp(16px,4vw,32px);height:auto;position:static;flex:none;}
.dl-steps-row::before,.dl-steps-row::after{display:none;}
.dl-step{all:unset;display:flex;flex-direction:row;align-items:center;gap:clamp(10px,2vw,14px);padding:clamp(10px,2vw,14px) 0 clamp(10px,2vw,14px) clamp(14px,3vw,18px);border-left:2px solid #FF5B2E;position:relative;}
.dl-icon-box{order:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:clamp(36px,6vw,42px);height:clamp(36px,6vw,42px);border-radius:clamp(8px,1.5vw,10px);box-shadow:none;}
.dl-top,.dl-bottom{all:unset;order:2;display:flex;flex:1;}
.dl-top:not(:has(.dl-label)),.dl-bottom:not(:has(.dl-label)){display:none;}
.dl-label{all:unset;font-family:"DM Sans",sans-serif;font-size:clamp(11px,1.8vw,13px);font-weight:400;color:#1e1e1e;line-height:1.4;border: 1px solid #D7D7D7;border-radius: 8px;padding: 4px 20px;}
}
@media(max-width:1024px){
.who-work-wrap{flex-direction:column;gap:40px;}
.who-work-left{flex:none;max-width:100%;width:100%;}
.who-work-img{max-width:220px;}
.who-work-right{width:100%;}
}
@media(max-width:768px){
.who-work-wrap{align-items:center;}
.who-work-left{align-items:center;}
.who-work-left .dot_before{justify-content:center;}
.who-work-left .section-title{text-align:center!important;}
.who-work-left .section-sub{text-align:center;}
.who-work-img{max-width:180px;display:block;margin-left:auto;margin-right:auto;}
.who-work-grid{grid-template-columns:1fr 1fr;gap:14px;}
.who-work-card{align-items:center;text-align:center;}
.who-work-icon{margin-left:auto;margin-right:auto;}
.who-work-title{text-align:center;}
.who-work-desc{text-align:center;}
.dl-steps-row{grid-template-columns: 1fr; grid-template-rows: repeat(1, auto);        grid-auto-flow: row;}
.different-robot-img{height:400px;}
.cs-pagination .swiper-pagination-bullet{width:7px;height:7px;}
.swiper-pagination{    gap: 8px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -19px;}
}
@media(max-width:576px){
.cs-cta-btn{align-self:center;margin-left: inherit;}
.who-work-card{padding:18px;border:1px solid #E8EAED;background:#fff;border-radius:10px;}
.why-choose-grid {grid-template-columns: repeat(1, 1fr);}
.why-choose-card{text-align: center;}
.delayed_section .section-title br{display:none;}
}
@media(max-width:480px){
.who-work-grid{grid-template-columns:1fr;}
.who-work-card{padding:18px;}
}
@media(max-width:1200px){
}
@media(max-width:992px){
.nav-item.no-dropdown .button{width:100%;}
.navbar-expand-lg .navbar-nav{padding-right:10px!important;}
}
@media(max-width:992px){
.banner-stats{display:none;}
}
@media(max-width:768px){
}
@media(max-width:480px){
.banner-stat-item{padding:0 10px;}
}
.capabilities-section{padding:128px 0;position:relative;    }
.capabilities-title-wrape{min-height:100%;position:relative;}
.capabilities-title{position:sticky;top:150px;}
.capabilities-title h2{color:#121212;margin:0 0 32px 0;}
.capabilities-title p{color:#434343;margin:0 0 32px 0;}
.capabilities-links ul{list-style:none;margin:0;}
.capabilities-links ul li{margin:0 0 0 0;}
.capabilities-links ul li a{display:flex;align-items:center;padding:16px 0;color:#121212;position:relative;transition:all 0.5s ease;border-bottom:1px solid rgba(215,215,215,0.5);}
.capabilities-links ul li a::before{content:"";width:48px;height:48px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/arrow-right-bl.svg);background-size:cover;position:absolute;right:0;top:18px;transform:translateX(-10px);transition:all 0.5s ease; filter: invert(1);}
.capabilities-links ul li:last-child a{border-bottom:0;padding-bottom:0;}
.capabilities-links ul li a h3{display:table;transition:all 0.5s ease;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;} .capabilities-links ul li a:hover::before{opacity:1;transform:translateX(-0px);}
.capabilities-links-icon img{width:52px;height:52px;object-fit:contain;filter: invert(1);}
.capabilities-links-title{padding:0 0 0 16px;width:calc(100% - 52px);} .about-section{padding:96px 0 128px 0;position:relative;}
.about-shape-left{position:absolute;bottom:210px;width:111px;height:371px;transform:rotate(126.569deg);flex-shrink:0;background:#2EFFA7;opacity:0.13;filter:blur(77px);display:block!important;}
.about-shape-right{position:absolute;top:190px;right:0;width:484.635px;height:60.484px;    flex-shrink:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.1;filter:blur(77px);display:block!important;border-radius:150%;}
.about-parent{position:relative;z-index:1;}
.about-text{max-width:1123px;width:100%;margin:0 auto;margin-bottom:64px;text-align:center;}
.about-text h1{margin:0 0 32px 0;color:#000;}
.about-text p{color:#434343;}
.about-video video{width:100%;border-radius:12px;height: 600px; object-fit: cover;} .evidence-numbers-section{padding:80px 0 136px 0;background-color:#f8f8f8;}
.evidence-numbers-text h6,.evidence-numbers-text p{color:#1e1e1e;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.evidence-numbers-text h2{color:#1e1e1e;margin:12px 0 24px 0;} .mission-block{padding:32px;background-color:#fff;border-radius:12px;min-height:292px;}
.mission-block h4{color:#1e1e1e;margin:24px 0;}
.mission-block p{color:#1e1e1e;} .story-section{padding:128px 0;}
.story-wrape{display:flex;align-items:center;min-height:100%;}
.story-text h6{color:#1e1e1e;margin:0 0 12px 0;}
.story-text p{color:#121212;font-size:24px;line-height:32px;margin:0 0 32px 0;}
.story-image img{border-radius:12px;margin:0 0 0 auto;} .differences-section{padding-bottom: 150px;} .capabilities-dark-section{background-color:#f8f8f8;padding:132px 0 0 0;overflow:unset;}
.capabilities-dark-section .capabilities-parent{padding-bottom:128px;}
.capabilities-dark-section .capabilities-title h2,.capabilities-dark-section .capabilities-title p,.capabilities-dark-section .capabilities-links ul li a{color:#1e1e1e;}
.capabilities-dark-section .capabilities-links ul li a::before{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/arrow-right-48.svg);} .team-section{padding:128px 0;background-color:#121212;}
.team-parent .title h2{color:#fff;}
.team-block{text-align:center;cursor:pointer;transition:all 0.5s ease;}
.team-image img{width:317px;height:317px;object-fit:cover;border-radius:50%;background-color:#171717;transition:all 0.5s ease;mix-blend-mode:luminosity;margin:0 auto;}
.team-block h5{color:#fff;margin:32px 0 8px 0;}
.team-block p{color:#AEAEAE;}
.team-block:hover .team-image img{background-color:#FF5B2E;mix-blend-mode:normal;} @media (min-width:1300px) and (max-width:1550px){
.mission-block{min-height:auto;height:100%;}
}
@media (min-width:1200px) and (max-width:1299px){
.story-text p{font-size:18px;line-height:30px;margin-bottom:20px;}
}
@media (min-width:992px) and (max-width:1199px){
.about-section{padding:80px 0;}
.evidence-numbers-section{padding:80px 0;}
.mission-block{padding:25px;}
.mission-block h4{margin:15px 0;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding:0 0 48px 0;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:80px;}
.team-section{padding:80px 0;}
.team-image img{width:200px;height:200px;}
.team-block h5{margin-top:16px;}
}
@media (min-width:768px) and (max-width:991px){
.capabilities-section{padding:60px 0;}
.capabilities-title h2,.capabilities-title p{margin-bottom:20px;}
.capabilities-links-icon img{width:35px;height:35px;}
.capabilities-links ul li a{padding:10px 0;}
.capabilities-links ul li a::before{width:35px;height:35px;top:11px;}
.capabilities-links-title{width:calc(100% - 35px);padding:0 0 0 10px;}
.capabilities-links-title h4{font-size:20px;}
.about-section{padding:60px 0;}
.evidence-numbers-section{padding:60px 0;}
.evidence-numbers-text h2{font-size:30px;line-height:35px;}
.mission-block{padding:20px;}
.mission-block h4{margin:15px 0;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding-bottom:28px;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:60px;}
.team-section{padding:60px 0 30px 0;}
.team-block{margin-bottom:30px;}
.team-image img{width:250px;height:250px;}
}
@media (min-width:320px) and (max-width:767px){
.capabilities-title-wrape{margin-bottom:30px;}
.capabilities-title{position:static;top:0;}
.capabilities-title h2,.capabilities-title p{margin-bottom:20px;}
.capabilities-links-icon img{width:35px;height:35px;}
.capabilities-links ul li a{padding:10px 0;}
.capabilities-links ul li a::before{width:35px;height:35px;top:11px;}
.capabilities-links-title{width:calc(100% - 35px);padding:0 0 0 10px;}
.capabilities-links-title h4{font-size:20px;}
.capabilities-section{padding:50px 0;}
.about-section{padding:80px 0 50px 0;}
.about-text h1{margin-bottom:16px;}
.about-text{margin-bottom:30px;}
.evidence-numbers-section{padding:50px 0 30px 0;}
.evidence-numbers-text h2{font-size:22px;line-height:30px;}
.mission-block{padding:16px;margin-bottom:30px;min-height:auto;}
.mission-block h4{margin:18px 0;}
.story-text{margin-bottom:30px;}
.story-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.differences-section{padding-bottom:20px;}
.capabilities-dark-section{padding-bottom:0;}
.capabilities-dark-section .capabilities-parent{padding-bottom:50px;}
.team-section{padding:50px 0;}
.team-block{margin-bottom:30px;}
.team-parent .title{justify-content:center;}
.team-parent .title h2{text-align:center;}
.team-image img{width:200px;height:200px;}
.team-block h5{margin-top:16px;}
.team-section .btn.btn-primary{margin:0 auto;}
}  .life-section{padding:128px 0 0 0;}
.life-title-data{margin:0 0 80px 0;}
.life-title-content{max-width:635px;width:100%;margin:0 0 0 auto;}
.life-title-content p{margin:0 0 32px 0;color:#434343;font-weight:400;}
.life-gallery-block{position:relative;}
.life-gallery-block::before{content:"";width:100%;height:100%;border-radius:12px;background-image:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);position:absolute;bottom:0;left:0;}
.life-gallery-block img{width:100%;height:549px;object-fit:cover;border-radius:12px;}
.life-gallery-block-text{position:absolute;bottom:0;left:0;padding:21px 24px;z-index:1;}
.life-gallery-block-text h4{color:#fff;}
.life-gallery-slider .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important;}
@media (min-width:1551px) and (max-width:1800px){
.life-gallery-block img{height:470px;}
}
@media (min-width:1300px) and (max-width:1550px){
.life-gallery-block img{height:370px;}
.life-gallery-block-text h4{font-size:25px;}
}
@media (min-width:1200px) and (max-width:1299px){
.life-gallery-block img{height:350px;}
}
@media (min-width:992px) and (max-width:1199px){
.life-section{padding:80px 0 0 0;}
.life-gallery-block img{height:310px;}
}
@media (min-width:768px) and (max-width:991px){
.life-section{padding:60px 0 0 0;}
.life-title-data{margin-bottom:60px;}
.life-title{margin-bottom:20px;}
.life-title-content{max-width:100%;}
.life-gallery-block img{height:310px;}
}
@media (min-width:320px) and (max-width:767px){
.life-section{padding:50px 0 0 0;}
.life-title-data{margin-bottom:30px;}
.life-title{margin-bottom:16px;}
.life-gallery-block img{height:250px;}
.life-gallery-block-text{padding:20px;}
.life-gallery-block-text h4{font-size:18px;}
}   .discover-section{padding:96px 0 0 0;position:relative;}
.discover-section::before{content:"";width:100%;height:100%;background:linear-gradient(180deg,#FFF 46.28%,#121212 100%);position:absolute;bottom:0;left:0;z-index:-1;}
.discover-text{text-align:center;margin:0 auto 44px auto;max-width:1123px;width:100%;}
.discover-text h1{margin:0 0 32px 0;}
.discover-text h1 span{font-style:italic;font-family:"Playfair Display",serif;line-height:78px;background-image:linear-gradient(96deg,#8A2387 30.79%,#E94057 42.44%,#F27121 54.19%);}
.slideshow-row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.slideshow-col{padding:0 10px;}
.slideshow-col-lg{width:40%;}
.slideshow-col-sm{width:20%;}
.slideshow-image{margin:20px 0 0 0;}
.slideshow-image img{width:100%;border-radius:12px;object-fit:cover;}
.height-368 img{height:368px;}
.height-756 img{height:756px;} .work-balance-section{padding:128px 0;background-color:#f8f8f8;position:relative;z-index:1;}
.work-balance-shape{position:absolute;bottom:0;left:0;z-index:-1;}
.work-balance-title-data{margin:0 0 80px 0;}
.work-balance-title p.work-balance-sub-title{color:#1e1e1e;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.work-balance-title h2{margin:12px 0 16px 0;color:#1e1e1e;}
.work-balance-title p{max-width:665px;width:100%;color:#1e1e1e;}
.work-balance-title-image{display:flex;align-items:flex-end;min-height:100%;}
.work-balance-block{padding:32px;background-color:#fff;border-radius:12px;margin:0 0 0px 0;min-height:100%;}
.work-balance-block h3{color:#1e1e1e;margin:24px 0 12px 0;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
.work-balance-block p{color:#1e1e1e;} .voices-section{padding:128px 0;background-color:#f8f8f8;}
.voices-text{max-width:635px;width:100%;}
.voices-text h2{color:#1e1e1e;margin:0 0 16px 0;}
.voices-text p{color:#1e1e1e;margin:0 0 32px 0;}
.voices-data{max-width:665px;width:100%;margin:0 0 0 auto;}
.voices-block h4{padding-bottom:32px;border-bottom:1px solid #7777774D;color:#1e1e1e;}
.voices-profile{display:flex;align-items:center;flex-wrap:wrap;padding:24px 0 0 0;}
.voices-profile img{width:64px;height:64px;object-fit:cover;}
.voices-profile-text{width:calc(100% - 64px);padding:0 0 0 16px;}
.voices-profile-text h5{color:#1e1e1e;font-size:20px;font-style:normal;font-weight:400;line-height:26px;margin:0 0 8px 0;}
.voices-profile-text h6{color:#AEAEAE;font-size:16px;font-style:normal;font-weight:400;line-height:normal;}
.voices-slide-arrow{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:-55px 0 0 0;z-index:11;position:relative;}
.voices-button-prev{margin-right:16px;}
.voices-button-prev,.voices-button-next{width:44px;height:44px;background-color:#434343;display:flex;align-items:center;justify-content:center;border-radius:100px;} @media (min-width:1551px) and (max-width:1800px){
.height-368 img{height:294px;}
.height-756 img{height:608px;}
}
@media (min-width:1300px) and (max-width:1550px){
.height-368 img{height:244px;}
.height-756 img{height:508px;}
}
@media (min-width:1200px) and (max-width:1299px){
.height-368 img{height:224px;}
.height-756 img{height:468px;}
}
@media (min-width:992px) and (max-width:1199px){
.discover-section{padding:80px 0 0 0;}
.discover-text h1{margin-bottom:24px;}
.discover-text h1 span{line-height:55px;}
.height-368 img{height:189px;}
.height-756 img{height:404px;}
.slideshow-row{margin:0 -5px;}
.slideshow-col-lg,.slideshow-col-sm{padding:0 5px;}
.slideshow-data .gx-20{--bs-gutter-x:10px;}
.work-balance-section{padding:80px 0;}
.work-balance-title-data{margin-bottom:50px;}
.voices-section{padding:80px 0;}
}
@media (min-width:768px) and (max-width:991px){
.discover-section{padding:60px 0 0 0;}
.discover-section::before{height:80%;}
.discover-text h1{margin-bottom:20px;}
.discover-text h1 span{line-height:45px;}
.slideshow-image{margin-top:10px;}
.height-368 img{height:138px;}
.height-756 img{height:295px;}
.work-balance-section{padding:60px 0;}
.work-balance-title-data{margin-bottom:50px;}
.voices-section{padding:60px 0;}
.voices-text p{margin-bottom:16px;}
.voices-profile img{width:45px;height:45px;}
.voices-profile-text{width:calc(100% - 45px);}
.voices-profile-text h5{font-size:18px;margin-bottom:0;}
.voices-profile-text h6{font-size:14px;}
.voices-slide-arrow{margin:-40px 0 0 0;}
.voices-button-prev{margin-right:10px;}
.voices-button-prev,.voices-button-next{width:40px;height:40px;}
}
@media (min-width:320px) and (max-width:767px){
.discover-section{padding:80px 0 0 0;}
.discover-text h1{margin-bottom:20px;}
.discover-text h1 span{line-height:40px;}
.discover-text{margin-bottom:20px;}
.slideshow-section{padding:0 15px;}
.slideshow-row{margin:0 -5px;}
.slideshow-col-lg,.slideshow-col-sm{width:100%;padding:0 5px;}
.slideshow-data .gx-20{--bs-gutter-x:10px;}
.slideshow-image{margin-top:10px;}
.slideshow-image img{height:auto;}
.work-balance-section{padding:50px 0;}
.work-balance-title-data{margin-bottom:50px;}
.work-balance-title-image{margin-top:20px;min-height:auto;}
.work-balance-block{padding:20px;}
.voices-section{padding:50px 0 0 0;}
.voices-parent{padding-bottom:50px;border-bottom:1px solid #7777774D;}
.voices-text{max-width:100%;margin-bottom:30px;}
.voices-text p{margin-bottom:16px;}
.voices-profile img{width:45px;height:45px;}
.voices-profile-text{width:calc(100% - 45px);}
.voices-profile-text h5{font-size:18px;margin-bottom:0;}
.voices-profile-text h6{font-size:14px;}
.voices-slide-arrow{justify-content:center;margin:20px 0 0 0;}
}
@media (min-width:576px) and (max-width:767px){
.height-368 img{height:268px;}
}  .career-item h2{margin:0 12px 12px 0;color:#121212;display:inline-block;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
@media (min-width:320px) and (max-width:767px){
.career-item h2{font-size:20px;margin-bottom:5px;}
}
.career-hiring-process-section .hiring-process-block p{color:#434343;}  .ninjatech-gallery{padding:128px 0;}
.ninjatech-gallery .banner-text-parent{margin-bottom:48px;padding-bottom:72px;border-bottom:1px solid #AEAEAE;}
.ninjatech-gallery-item{margin:0 0 48px 0;}
.ninjatech-gallery-item-title{margin-bottom:15px;}
.ninjatech-gallery-item-image img{width:100%;height:243px;border-radius:12px;object-fit:cover;}
.connect-section{padding-bottom:128px;}
.connect-block-wrape{position:relative;border-radius:12px;}
.connect-block-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;transition:all 0.5s ease;border-radius:12px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.connect-block{padding:108px 20px 96px 20px;background-color:#fff;border-radius:12px;position:relative;}
.connect-img-right{position:absolute;left:0;top:40px;}
.connect-img-left{position:absolute;right:0;bottom:0;border-radius:0 0 12px 12px;}
.connect-block-text{max-width:666px;width:100%;margin:0 auto;text-align:center;}
.connect-block-text h3{margin:0 0 24px 0;font-weight:600;line-height:64px;}
.connect-block-text p{margin:0 0 40px 0;line-height:30px;}
.connect-block-text ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;}
.connect-block-text ul li{margin:0 24px 0 0;}
.connect-block-text ul li:last-child{margin-right:0;}
.connect-block-text ul li a{display:block;}
.ganesh-chaturthi img{object-position:top;height:400px;}
.xmas-pics img{height:400px;}
.monthend-celebrations img{height:350px;} @media (min-width:1300px) and (max-width:1550px){
.connect-img-right{max-width:300px;}
.connect-img-left{max-width:250px;}
}
@media (min-width:1200px) and (max-width:1299px){
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:7px 12px 5px 12px;margin-top:0;}
.connect-block{padding:50px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:260px;}
.connect-img-left{max-width:200px;}
.ninjatech-gallery-item-image img{height:350px;}
}
@media (min-width:992px) and (max-width:1199px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:7px 12px 5px 12px;margin-top:0;}
.connect-section{padding-bottom:80px;}
.connect-block{padding:50px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:200px;top:20px;}
.connect-img-left{max-width:170px;}
.ganesh-chaturthi img{height:300px;}
.ninjatech-gallery-item-image img{height:300px;}
}
@media (min-width:768px) and (max-width:991px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-image img{height:200px;}
.ninjatech-gallery-item-title .career-badge{font-size:14px;padding:8px 12px 4px 12px;margin-top:0;}
.connect-section{padding-bottom:60px;}
.connect-block{padding:78px 20px 86px 20px;}
.connect-block-text{max-width:490px;}
.connect-block-text h3{line-height:normal;margin-bottom:20px;}
.connect-block-text p{margin-bottom:20px;line-height:24px;}
.connect-block-text ul li a img{width:50px;}
.connect-img-right{max-width:200px;}
.connect-img-left{max-width:170px;}
}
@media (min-width:320px) and (max-width:1080px){
.monthend-celebrations img{height:250px;}
}
@media (min-width:320px) and (max-width:767px){
.ninjatech-gallery .banner-text-parent{padding-bottom:30px;margin-bottom:30px;}
.ninjatech-gallery-item-image img{height:auto;}
.connect-section{padding-bottom:50px;}
.connect-block{padding:75px 20px;}
.connect-block-text h3{line-height:normal;margin-bottom:16px;}
.connect-block-text p{margin-bottom:16px;line-height:24px;}
.connect-block-text ul li{margin-right:13px;}
.connect-block-text ul li a img{width:35px;}
.connect-img-right{top:20px;max-width:130px;}
.connect-img-left{width:100px;}
}
@media (min-width:576px) and (max-width:767px){
.ninjatech-gallery-item .gy-32{--bs-gutter-y:15px;}
.ninjatech-gallery-item .gx-32{--bs-gutter-x:15px;}
.ninjatech-gallery-item-image img{height:250px;}
}
.color-4{background-image:linear-gradient(66deg,#DCE35B 15.34%,#45B649 84.66%);}
.hire-banner{padding:114px 0 0 0;position:relative;}
.hire-shape-left{position:absolute;bottom:300px;left:0;width:484.635px;height:119.484px;    flex-shrink:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.1;filter:blur(77px);}
.hire-shape-right{position:absolute;bottom:140px;right:0px;z-index:111;width:531.868px;height:151.251px;transform:rotate(40.01deg);flex-shrink:0;background:#2EFFA7;opacity:0.09;filter:blur(77px);}
.hire-banner-text{margin:0 0 152px 0;position:relative;z-index:111;}
.hire-banner-text h1{text-align:center;margin:0 0 24px 0;}
.hire-banner-text ul{list-style:none;margin:0 0 44px 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
.hire-banner-text ul li{margin:0 52px 0 0;position:relative;display:flex;align-items:center;flex-wrap:wrap;}
.hire-banner-text ul li::before{content:"";width:10px;height:18px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/hire-tech/arrow-right-gray.svg);background-size:cover;position:absolute;right:-30px;top:3px;}
.hire-banner-text ul li:last-child{margin-right:0;}
.hire-banner-text ul li:last-child::before{display:none;}
.hire-banner-text ul li span{padding:0 0 0 10px;}
.hire-banner-logo{position:relative;}
.hire-banner-logo::before,.hire-banner-logo::after{content:"";width:19.3%;height:100%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 23.47%,#fff 100%);position:absolute;left:0;top:0;z-index:11;}
.hire-banner-logo::after{right:0;left:auto;background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 23.47%,#fff 100%)}
.hire-banner-logo .logo-slide img{mix-blend-mode:exclusion;filter:brightness(0) saturate(100%) invert(0%) sepia(48%) saturate(4629%) hue-rotate(99deg) brightness(68%) contrast(86%);}
.hire-banner-logo .logo-wrape,.hire-banner-logo .logo-wrape .swiper-slide{border-color:#D7D7D7;}
.hire-section{background-color:#121212;padding:64px 0 0 0;position:relative;}
.hire-shape{position:absolute;top:163px;left:-70px;width:279px;height:980px;transform:rotate(-6.495deg);flex-shrink:0;background:#2EFFA7;opacity:0.15;filter:blur(97px);}
.hire-section .evidence-numbers-count{border:none;border-bottom:1px solid rgba(94,94,94,0.5);padding:0 0 58px 0;}
.hire-section .evidence-numbers-count-block h3{color:#2EFFA7;}
.talent-exploration{padding:100px 0 0 0;}
.hire-tech-btn-wrap{text-align:center;}
.differences-dark-section .differences-text h3{color:#D9D9D9;}
.differences-dark-section .differences-block p,.differences-dark-section .differences-text p{color:#AEAEAE;}
.differences-dark-section .differences-block{background-color:#252525;min-height:100%;margin:0;}
.clients-trust-section{padding:128px 0 0 0;position:relative;overflow:hidden;}
.clients-trust-graphic{position:absolute;top:0;right:0;top:-500px;right:-140px;width:549px;height:620px;transform:rotate(-305.49deg);flex-shrink:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.15;filter:blur(97px);border-radius:30%;}
.clients-trust-parent{z-index:1;position:relative;}
.section-bl .section-title h2{color:#121212;}
.section-bl .section-title-content{max-width:635px;}
.section-bl .section-title-content p{color:#434343;}
.clients-trust-item{margin:0 0 16px 0;padding:0 0 16px 0;border-bottom:1px solid #D7D7D7;}
.clients-trust-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.clients-trust-title{min-height:112px;padding:10px 24px;background:#F2F2F2;border-radius:12px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:relative;z-index:1;}
.clients-trust-title::before{content:"";width:100%;height:100%;border-radius:12px;position:absolute;left:0;top:0;z-index:-1;opacity:0;transition:all 0.5s ease;}
.clients-trust-title h3{margin:0 0 10px 0;transition:all 0.5s ease;letter-spacing:normal;font-size:32px;font-style:normal;font-weight:300;line-height:normal;}
.clients-trust-title h6{font-size:20px;color:#000;font-style:normal;font-weight:400;line-height:26px;display:flex;align-items:center;transition:all 0.5s ease;}
.clients-trust-title h6 img{margin:0 0 0 10px;transition:all 0.5s ease;}
.clients-trust-title:hover::before{opacity:1;}  .clients-trust-links{display:flex;align-items:center;min-height:100%;}
.clients-trust-links ul{list-style:none;margin:0;}
.clients-trust-links ul li{display:block;margin:0 0;}
.clients-trust-links ul li:last-child{margin:0;}
.clients-trust-links ul li a{font-size:24px;font-style:normal;font-weight:400;color:#434343;line-height:32px;padding:10px 32px;display:block;position:relative;}
.clients-trust-links ul li a span{position:relative;transition:all 0.5s ease;}
.clients-trust-links ul li a span::before{content:"";width:24px;height:24px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-bl-sm.svg);background-size:cover;position:absolute;top:52%;right:-36px;transform:translateY(-50%);transition:all 0.5s ease;opacity:0;}
.clients-trust-links ul li a:hover span{background-clip:text;color: #1e1e1e;}
.clients-trust-links ul li a:hover span::before{opacity:1;}
.adventure-section-shape-2{position:absolute;top:-400px;    right:0px;}
.adventure-section-shape-1{position:absolute;bottom:-150px;    left:0px;background:var(--Gradients-G-02,linear-gradient(100deg,#FF5B2E 30.1%,#F5E12D 98.71%));opacity:0.2;filter:blur(97px);width:186.5px;height:560.5px;flex-shrink:0;}
.clients-trust-links ul li a:hover {color: #1e1e1e;} @media (min-width:1300px) and (max-width:1550px){
.hire-shape-left{bottom:auto;top:0;max-width:300px;}
.hire-shape-right{bottom:50px;max-width:350px;}
.hire-banner-logo::before,.hire-banner-logo::after{width:15%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-logo::after{background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-parent{position:relative;z-index:1;}
.clients-trust-title h6{font-size:16px;}
.clients-trust-title h6 img{width:20px;}
.clients-trust-links ul li a{font-size:18px;}
}
@media (min-width:1200px) and (max-width:1299px){
.hire-shape-left{bottom:auto;top:0;max-width:300px;}
.hire-shape-right{bottom:50px;max-width:350px;}
.hire-banner-logo::before,.hire-banner-logo::after{width:15%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-logo::after{background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-parent{position:relative;z-index:1;}
.clients-trust-title h6{font-size:15px;}
.clients-trust-title h6 img{width:20px;}
.clients-trust-links ul li a{font-size:18px;}
}
@media (min-width:992px) and (max-width:1199px){
.hire-banner{padding:80px 0 0 0;}
.hire-banner-text{margin-bottom:80px;}
.hire-shape-left{bottom:auto;top:0;max-width:300px;}
.hire-shape-right{bottom:50px;max-width:350px;}
.hire-banner-logo::before,.hire-banner-logo::after{width:15%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-logo::after{background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.talent-exploration{padding-top:80px;}
.hire-parent{position:relative;z-index:1;}
.clients-trust-section{padding:80px 0 0 0;}
.clients-trust-links ul li a{padding:10px 0;font-size:20px;}
.clients-trust-title h6{font-size:14px;line-height:20px;}
}
@media (min-width:768px) and (max-width:991px){
.hire-banner{padding:80px 0 0 0;}
.hire-shape-left{bottom:auto;top:0;max-width:300px;}
.hire-shape-right{bottom:50px;max-width:350px;}
.hire-banner-logo::before,.hire-banner-logo::after{width:15%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-logo::after{background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-text{margin-bottom:60px;}
.hire-banner-text ul li{font-size:14px;margin-right:30px;}
.hire-banner-text ul li::before{right:-20px;}
.hire-banner-text ul li img{width:20px;height:20px;object-fit:contain;}
.hire-banner-text ul li span{padding-left:5px;}
.talent-exploration{padding:60px 0 0 0;}
.differences-dark-section .differences-parent{position:relative;z-index:1;}
.clients-trust-section{padding-top:60px;}
.clients-trust-links{padding-top:10px;}
.clients-trust-links ul li a{padding:10px;font-size:18px;}
.clients-trust-title h6{font-size:18px;}
}
@media (min-width:320px) and (max-width:767px){
.hire-banner{padding:80px 0 0 0;}
.hire-shape-left{bottom:auto;			max-width:200px;}
.hire-shape-right{bottom:50px;max-width:200px;}
.hire-banner-text{margin-bottom:50px;}
.hire-banner-text ul{margin-bottom:20px;}
.hire-banner-text ul li{margin:0 0 5px 0;max-width:220px;width:100%;}
.hire-banner-text ul li img{width:25px;height:25px;object-fit:contain;}
.hire-banner-text ul li span{width:calc(100% - 30px);}
.hire-banner-text ul li::before{display:none;}
.hire-banner-logo::before,.hire-banner-logo::after{width:15%;background:linear-gradient(270deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-banner-logo::after{background:linear-gradient(90deg,rgba(18,18,18,0.00) 0%,#fff 50%,#fff 100%);}
.hire-section{padding:50px 0 0 0;}
.hire-section .evidence-numbers-count{padding-bottom:20px;}
.talent-exploration{z-index:1;position:relative;padding-top:50px;}
.clients-trust-section{padding:50px 0 0 0;}
.clients-trust-title{padding:15px;min-height:auto;}
.clients-trust-title h3{margin-bottom:0;}
.clients-trust-title h6{font-size:14px;}
.clients-trust-title h6 img{width:14px;}
.clients-trust-links ul{display:flex;flex-wrap:wrap;margin:0 -5px;width:100%;}
.clients-trust-links ul li{width:50%;padding:0 5px;}
.clients-trust-links ul li a{font-size:14px;padding:10px 0 0 0;}
.clients-trust-links ul li a span::before{width:14px;height:14px;right:-20px;}
}
.hire-section{background-color:#f8f8f8;padding:64px 0 0 0;position:relative;}
.hire-shape{position:absolute;top:163px;left:-70px;width:279px;height:980px;transform:rotate(-6.495deg);flex-shrink:0;background:#2EFFA7;opacity:0.15;filter:blur(97px);}
.hire-section .evidence-numbers-count{border:none;border-bottom:1px solid rgb(94 94 94 / 11%);padding:0 0 58px 0;}
.hire-section .evidence-numbers-count-block h3{color:#1e1e1e;}
.talent-exploration{padding:100px 0 0 0;}
.section-title-content p{margin:0 0 32px 0;    color: #1e1e1e;font-weight: 400;}
.differences-dark-section .differences-text h3{color:#D9D9D9;}
.differences-dark-section .differences-block p,.differences-dark-section .differences-text p{color:#1e1e1e; font-weight: 400;}
.differences-dark-section .differences-block{background-color:#ffffff;min-height:100%;margin:0;}
.differences-block h4{color:#121212;margin:24px 0 16px 0;}
.clients-trust-section{padding:128px 0 0 0;position:relative;overflow:hidden;}
.clients-trust-parent{z-index:1;position:relative;}
.pfd-page{
--c-ink:#121212;
--c-title2:#1e1e1e;
--c-body:#797979;
--c-nav:#5e5e5e;
--c-label:#949494;
--c-orange:#ff5b2e;
--c-card:#f8f8f8;
--c-border-warm:#f2ece9;
--c-border-light:#ededed;
--c-border-lighter:#f2f2f2;
--f-head:'Roboto',sans-serif;
--f-body:'DM Sans',sans-serif;
--pfd-sticky-top:104px;
color:var(--c-ink);
font-family:var(--f-body);
background:#fff;
}
.pfd-page *{box-sizing:border-box;}
.pfd-page a{text-decoration:none;}
.pfd-page .container{max-width:1320px;width:100%;margin-bottom: 50px;}
.pfd-page [id^="pfd-"]{scroll-margin-top:calc(var(--pfd-sticky-top) + 16px);}
.pfd-hero-head .p-left-main {
display: flex;
align-items: end;
gap: 50px;
}
.pfd-hero-head .p-left-main img {width: 100%; max-width: 200px;} .pfd-striped{
background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/portfolio-ban-img.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
} .pfd-crumbs{
display:flex;align-items:center;justify-content:space-between;
padding:28px 0 0;margin-bottom:20px;
font-family:var(--f-body);font-weight:500;font-size:18px;
}
.pfd-crumb-link{
display:inline-flex;align-items:center;gap:8px;
background-image:linear-gradient(105deg,#ff5b2e 7%,#f5e12d 127%);
-webkit-background-clip:text;background-clip:text;color:transparent;
white-space:nowrap;
}
.pfd-crumb-link img{width:18px;height:18px;}
.pfd-crumb-next img{transform:scaleY(-1);} .pfd-hero{padding:159px 0 64px;position:relative;z-index:1;}
.pfd-hero-head{position:relative;margin-bottom:64px;}
.pfd-hero-title{text-align: left;
font-family:var(--f-head);font-weight:700;color:var(--c-ink);
font-size:clamp(30px,4.4vw,58px);line-height:1.2;margin:0 0 20px;max-width:1080px;
}
.pfd-hero-tags{display:flex;flex-wrap:wrap;gap:18px;}
.pfd-hero-tag{
background:#fff;border-radius:30px;padding:10px 20px;
font-family:var(--f-body);font-weight:600;font-size:16px;color:#434343;
box-shadow:0 1px 2px rgba(0,0,0,.04);     height: 39px;
display: flex;
align-items: center;
justify-content: center;
}
.pfd-hero-media{position:relative;border-radius:20px;overflow:hidden;}
.pfd-hero-media img{width:100%;display:block;border-radius:20px;} .pfd-layout{display:flex;gap:64px;padding-bottom:100px;}
.pfd-main{flex:1;display:flex;flex-direction:column;gap:90px;min-width:0;}
.pfd-aside{width:280px;flex-shrink:0;}
.pfd-aside-inner{
background:var(--c-card);border-radius:20px;padding:28px 20px;
position:sticky;top:var(--pfd-sticky-top);
}
.pfd-aside-inner ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;}
.pfd-aside-inner li a{
font-family:var(--f-head);font-weight:400;font-size:20px;color:var(--c-nav);
position:relative;padding-left:20px;display:block;
}
.pfd-aside-inner li a::before{
content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c-nav);
}
.pfd-aside-inner li a.is-active{color:var(--c-orange);font-weight:600;}
.pfd-aside-inner li a.is-active::before{background:var(--c-orange);} .pfd-section h2{
font-family:var(--f-head);font-weight:700;color:var(--c-ink);
font-size:clamp(26px,3.2vw,52px);line-height:1.2;margin:0 0 40px;
} .pfd-intro-text{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}
.pfd-intro-text p{font-family:var(--f-body);font-weight:500;font-size:18px;line-height:26px;color:var(--c-body);margin:0;}
.pfd-tagline{
font-family:var(--f-head);font-weight:600;color:var(--c-ink);
font-size: 42px;
line-height: 54px;margin:0 0 40px;
}
.pfd-stat-box{border:1px solid var(--c-border-warm);border-radius:16px;display:flex;flex-wrap:wrap;margin-bottom:90px;}
.pfd-stat-box .pfd-stat{
flex:1 1 0;min-width:150px;padding:26px 22px;display:flex;flex-direction:column;gap:8px;
border-left:1px solid var(--c-border-warm);
}
.pfd-stat-box .pfd-stat:first-child{border-left:0;}
.pfd-stat-label{font-family:var(--f-head);font-weight:400;font-size:16px;color:var(--c-label);}
.pfd-stat-value{font-family:var(--f-head);font-weight:500;font-size:18px;color:var(--c-ink);}
.pfd-media-block{border-radius:20px;overflow:hidden;}
.pfd-media-block img{width:100%;display:block;} .pfd-results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;}
.pfd-results-list li{
display:flex;align-items:center;gap:14px;
font-family:var(--f-body);font-weight:500;font-size:18px;color:var(--c-ink);
}
.pfd-results-list li::before{
content:'';flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--c-orange);
} .pfd-btn{
display:inline-flex;align-items:center;gap:12px;background:var(--c-orange);color:#fff;
font-family:var(--f-body);font-weight:700;font-size:16px;padding:13px 8px 13px 26px;
border-radius:30px;box-shadow:0 14px 54px rgba(255,91,46,.2);border:none;white-space:nowrap;
margin-top:36px;
}
.pfd-btn-icon{
width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pfd-btn-icon img{width:15px;height:15px;transform:rotate(90deg);filter:brightness(0) invert(1);}
.pfd-btn-cta{font-size:18px;padding:15px 8px 15px 30px;margin-top:0;}
.pfd-btn-sm{font-size:14px;padding:0 4px 0 20px;height:44px;margin-top:0;} .pfd-cta{padding:100px 0;text-align:center;position:relative;z-index:1;}
.pfd-cta h2{font-family:var(--f-head);font-weight:600;font-size:clamp(30px,5vw,64px);line-height:1.2;color:var(--c-ink);margin:0 0 20px;}
.pfd-cta p{font-family:var(--f-body);font-weight:500;font-size:20px;color:var(--c-body);max-width:900px;margin:0 auto 32px;} .pfd-explore{padding:80px 0;}
.pfd-explore-head{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:64px;flex-wrap:wrap;}
.pfd-explore-head h2{font-family:var(--f-head);font-weight:700;font-size:clamp(26px,3.2vw,52px);color:var(--c-ink);margin:0 0 16px; line-height: normal;}
.pfd-explore-head p{font-family:var(--f-head);font-weight:400;font-size:20px;color:var(--c-body);margin:0;}
.pfd-explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.pfd-explore-media{border-radius:20px;overflow:hidden;aspect-ratio:680/417;background:var(--c-card);}
.pfd-explore-media img{width:100%;height:100%;object-fit:cover;display:block;}
.pfd-explore-card p{
font-family:var(--f-head);font-weight:600;font-size:26px;line-height:1.4;letter-spacing:-0.65px;
color:#000;margin:24px 0 14px;
}
.pfd-explore-tags{display:flex;gap:14px;}
.pfd-explore-tag{background:var(--c-border-lighter);border-radius:100px;padding:8px 14px;font-family:var(--f-body);font-size:14px;letter-spacing:-0.35px;color:#252525;} @media (max-width:1199.98px){
.pfd-aside{display:none;}
}
@media (max-width:991.98px){
.pfd-hero-badge{position:static;width:160px;margin-bottom:16px;}
.pfd-hero-head{display:flex;flex-direction:column-reverse;}
.pfd-explore-grid{grid-template-columns:1fr;}
.pfd-hero-head .p-left-main {flex-wrap: wrap;}
}
@media (max-width:767.98px){
.pfd-crumbs{font-size:15px;}
.pfd-stat-box .pfd-stat{flex:1 1 50%;border-left:0;border-top:1px solid var(--c-border-warm);}
.pfd-stat-box .pfd-stat:nth-child(1),.pfd-stat-box .pfd-stat:nth-child(2){border-top:0;}
.pfd-cta{padding:64px 0;}
.pfd-explore{padding:56px 0;}
}
@media (max-width:575.98px){
.pfd-stat-box .pfd-stat{flex:1 1 100%;border-top:1px solid var(--c-border-warm);border-left:0 !important;}
.pfd-stat-box .pfd-stat:first-child{border-top:0;}
.pfd-btn{width:100%;justify-content:center;}
}
.pfd-showcase-media {
margin-bottom: 50px;
display: flex;
flex-direction: column;
gap: 30px;
} .pf-hero-wrap{position:relative;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/portfolio-background.png);background-repeat:no-repeat;background-size:100% auto;background-position:top center;}
.pf-banner-section{background-image:none;}
.pf-header-logo{padding-top:clamp(80px,15vw,159px);}
.pf-tabs-wrap{margin-top:clamp(24px,3vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,12px);}
.pf-tab-btn{white-space: nowrap;
border: 1px solid #F2F2F2;
background: #fff;
color: var(--black);
font-size: clamp(13px,1.3vw,16px);
font-weight: 500;
padding: clamp(10px,1.4vw,13px) clamp(14px,2vw,20px);
border-radius: clamp(20px,4vw,30px);
cursor: pointer;
box-shadow: 0px 6px 16px 0px #00000005;
transition: background .3s ease, color .3s ease, border-color .3s ease;}
.pf-tab-btn:hover{border-color:rgb(255, 91, 46);}
.pf-tab-btn.active{background:rgb(255, 91, 46);border-color:rgb(255, 91, 46);color:#fff;}
.pf-cta-section{position:relative;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/portfolio-background.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:clamp(60px,9vw,150px) 0;}
.pf-cta-inner{max-width:900px;margin:0 auto;text-align:center;}
.pf-cta-title{margin-bottom:clamp(12px,2vw,20px);}
.pf-cta-sub{color:var(--grey);font-size:clamp(14px,1.2vw,18px);line-height:150%;margin-bottom:clamp(24px,4vw,36px);}
.pf-grid-section{position:relative;padding:clamp(24px,4vw,36px) 0 clamp(60px,12vw,150px) 0;}
.pf-grid-section .container{position:relative;z-index:1;}
.pf-grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:clamp(24px,5vw,64px);column-gap:clamp(16px,2.5vw,24px);}
.pf-card{display:block;text-decoration:none;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;}
.pf-card--filtered-out{display:none;}
.pf-card-image{border-radius:clamp(10px,1.6vw,16px);width:100%;aspect-ratio:16/10;overflow:hidden;background:#fff;}
.pf-card-image img{width:100%;height:100%;object-fit:cover;display:block;}
.pf-card-body{padding:clamp(18px,3vw,28px) 0 0 0;}
.pf-card-desc{color: var(--black);
font-size: clamp(18px,2.4vw,26px);
font-weight: 600;
line-height: 140%;
margin-bottom: clamp(8px,1.4vw,14px);}
.pf-card-tags{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,8px);}
.pf-tag{font-size: clamp(12px,1.1vw,14px);
font-weight: 400;
color: #252525;
background: #F2F2F2;
border-radius: clamp(14px,2.4vw,20px);
padding: clamp(6px,1vw,9px) clamp(10px,1.6vw,15px);}
.pf-empty-message{text-align:center;color:var(--grey);font-size:clamp(14px,1.3vw,16px);padding:clamp(24px,4vw,40px) 0;}
.cs-cta-section{position:relative;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/portfolio-background.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:clamp(60px,9vw,150px) 0;}
.cs-cta-inner{max-width:1096px;margin:0 auto;text-align:center;}
.cs-cta-title{max-width:900px;font-size:clamp(32px,6vw,72px);margin:0 auto clamp(12px,2vw,20px);}
.cs-cta-sub{color: #797979;
font-size: clamp(14px, 1.2vw, 20px);
line-height: 120%;
margin-bottom: clamp(32px,5vw,60px);
font-weight: 500;}
@media (max-width: 991px){
.pf-grid{grid-template-columns:1fr;}
}
.banner-text-content.terms-title{max-width:100%;}
.banner-text-content.terms-title span{font-size:16px;line-height:normal;font-weight:400;}
.banner-text-content.terms-title h4{margin-bottom:24px;}
.personal-details p{font-size:20px;font-weight:700;}
section.info-sec{padding:80px 0;}
.personal-inner{margin-bottom:25px;}
section.info-sec .personal-inner ul{padding-left:20px;} @media (min-width:768px) and (max-width:991px){
.page-template-tpl-privacy-policy .banner-text-section{padding:80px 0 0 0;}
}
@media (min-width:320px) and (max-width:767px){
.page-template-tpl-privacy-policy .banner-text-section{padding:80px 0 0 0;}
section.info-sec{padding:30px 0;}
.personal-info h4{margin-bottom:10px;}
}
.hero-banner-image{position:relative;z-index:11;}
.hero-banner-image::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.50);position:absolute;top:0;left:0;}
.hero-banner-image video{height:100vh;width:100%;object-fit:cover;margin-bottom:-6px;}
.hero-banner-inner{padding-bottom:16px;}
.hero-banner-wrape{position:absolute;bottom:0;left:0;width:100%;z-index:111;padding:0 0 60px 0;}
.hero-banner-text h6{color:#fff;font-weight:500;}
.hero-banner-text h1{color:#fff;margin:12px 0 0 0;text-align: left;}
.hero-banner-bottom{padding:32px 0 0 0;border-top:1px solid #5E5E5E;}
.hero-banner-bottom-text p{color:#fff;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:78px;font-style:normal;font-weight:300;line-height:86px;letter-spacing:-1.56px;}
.inside-banner-video .hero-banner-bottom{border-color:rgba(245,245,245,0.5);}
.technology-services-section{background-color:#f8f8f8;padding:100px 0 0 0;position:relative;}
.technology-shape{position:absolute;top:-25%;left:-400px;z-index:0;background:var(--Gradients-G-01,linear-gradient(90deg,#8A2387 31.86%,#E94057 64.79%,#F27121 97.99%));opacity:0.15;filter:blur(97px);width:330px;height:1180px;transform:rotate(-135.49deg);flex-shrink:0;}
.technology-services-parent{position:relative;z-index:111;}
.technology-services-parent .title-small{margin-bottom:44px;}
.technology-services-data .row > .col-sm-12.col-md-6.col-lg-4.col-xl-4{display:flex;}
.technology-services-data .row > .col-sm-12.col-md-6.col-lg-4.col-xl-4 > a{display:flex;width:100%;}
.technology-services-wrape{position:relative;border-radius:12px;z-index:1;width:100%;}
.technology-services-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;opacity:0;transition:all 0.5s ease;border-radius:12px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.technology-services-wrape:hover::before{opacity:1;}
.technology-services-block{background-color:#ffffff;padding:32px;border-radius:12px;min-height:100%;width:100%;box-sizing:border-box;}
.technology-services-block h4{color:#1e1e1e;margin:24px 0 0 0;position:relative;padding:0 30px 0 0;display:block;}
.technology-services-block h4::before{content:"";width:24px;height:24px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-wh.svg);background-size:cover;position:absolute;top:9px;right:0;opacity:0;transition:all 0.5s ease;}
.technology-services-wrape:hover .technology-services-block h4::before{opacity:1;}
.start-adventure--dark{padding:97px 0 100px 0;}
.start-adventure--dark .start-adventure-block{padding:76px;}
.services-block-section{background-color:#F6F6F6;padding:100px 0 4px 0;}
.services-block-item{background-color:#121212;border-radius:12px;position:relative;margin-bottom:100px;min-height:576px;}
.services-block-right .services-img{position:absolute;right:0;bottom:0;z-index:0;width:100%;object-fit:cover;height:100%;border-radius:16px;}
.app-shape-img{position:absolute;bottom:0;right:0;}
.services-block-data{padding:48px;}
.services-block-data-text{max-width:605px;width:100%;z-index:1;position:relative;}
.services-block-data-text h3{margin:0 0 28px 0;color:#fff;}
.services-block-data-text p{margin:0 0 48px 0;color:#C5C5C5;}
.services-block-list{display:flex;flex-wrap:wrap;margin:0 0px;}
.services-block-list ul{list-style:none;margin:0 -10px 32px -10px;display:flex;flex-wrap:wrap;width:100%;}
.services-block-list ul li{margin:0 0 24px 0;padding:0 10px;width:50%;}
.services-block-list ul li:last-child{margin-bottom:0;}
.services-block-list li a{font-size:24px;font-style:normal;font-weight:400;line-height:32px;color:#fff;position:relative;}
.services-block-list li a::before{content:"";width:23px;height:10px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/service/arrow-right-grad.svg);background-size:cover;position:absolute;right:-35px;top:10px;opacity:0;transition:all 0.5s ease;}
.services-block-list li a:hover::before{opacity:1;}
.services-block-list li a:hover{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.services-block-left .services-block-data-text{max-width:573px;width:100%;margin:0 0 0 auto;}
.services-block-left .services-img{position:absolute;left:0;top:0;z-index:1;}
.services-block-left .services-block-data-text h3{margin-bottom:32px;}
.services-block-left .services-block-data-text p{margin-bottom:32px;}
.services-block-left .services-block-data-text ul{margin-bottom:8px;}
.development-shape-img{position:absolute;top:0;left:0;height:100%;object-fit:cover;border-radius:16px;width:100%;}
.product-block .services-img{bottom:auto;top:21px;}
.product-shape-img{position:absolute;bottom:0;right:0;}
.graphic-shape-img{position:absolute;bottom:0;left:0;height:100%;object-fit:cover;border-radius:16px;width:100%;}
.quality-section{background-color:#ffffff;padding:100px 0 0 0;}
.quality-data{padding-bottom:87px;}
.quality-data h3{margin-bottom:44px;color:#1e1e1e;}
.hiring-process--section-dark{background-color:#F6F6F6;padding:100px 0 0 0;} .hiring-process--section-dark .section-title p{margin-bottom:0;}
.hiring-process--section-dark .hiring-process-icon{border:2px solid rgba(255,255,255,0.20);}
.hiring-process--section-dark .hiring-process-block::before{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/process-arrow-wh.png);z-index:1;}
.hiring-process--section-dark .hiring-process-block h4{color:#1e1e1e;margin-bottom:21px;}
.hiring-process--section-dark .hiring-process-block p{color:#949494;}
.industries-section{padding:100px 0 0 0;background-color:#fff;position:relative;    }
.industries-shape-img{bottom:-30%;position:absolute;right:0px;background:rgba(143,0,255,0.30);filter:blur(97px);width:560px;height:210px;flex-shrink:0;    }
.industries-title{max-width:896px;width:100%;margin-bottom:57px;}
.industries-title h3{color: #1e1e1e;}
.industries-block{position:relative;border-radius:12px;}
.industries-block img{width:100%;height:200px;border-radius:12px;object-fit:cover;}
.industries-block::before{content:"";width:100%;height:100%;border-radius:12px;background:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.75) 100%);position:absolute;bottom:0;left:0;}
.industries-block-text{position:absolute;bottom:0;left:0;padding:24px;z-index:11;width:100%;}
.industries-block-text h4{color:#fff;}
.industries-bottom-text{padding:60px 0 108px 0;border-bottom:1px solid rgba(206,206,206,0.10);z-index:1;position:relative;}
.industries-bottom-text p{color:#1e1e1e;max-width:635px;width:100%;}
.services-client-feedback{padding:100px 0 52px 0;}
.services-client-feedback .client-feedback-parent{position:relative;z-index:11;}
.services-client-feedback .title-small{margin-bottom:36px;}
.services-client-feedback .client-feedback-block h6{font-size:20px;font-style:normal;font-weight:600;line-height:26px; color: #1E1E1E;}
.services-client-feedback .slide-arrow-prev,.services-client-feedback .slide-arrow-next{border:1px solid #fff;transition:all 0.5s ease;}
.services-client-feedback .client-feedback-block{background-color:#fff;}
.service-logo-slider-section{padding-bottom:60px;}
.technology-services-wrape .technology-services-block img {filter: invert(1);}
.technology-services-data {
margin-bottom: 40px;
}
.info-block-wrape .info-block img {filter: invert(1);} @media (min-width:1300px) and (max-width:1550px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:65px;line-height:70px;letter-spacing:-0.56px;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:65px;line-height:75px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-item{min-height:480px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:20px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:25px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:25px;}
.services-block-list ul li{margin-bottom:15px;}
.services-block-list li a{font-size:20px;line-height:26px;}
.services-block-list li a::before{top:8px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
.services-block-right .services-img,.services-block-left .services-img{width:100%;}
}
@media (min-width:1200px) and (max-width:1299px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:60px;line-height:65px;letter-spacing:-0.56px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-item{min-height:480px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:20px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:25px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:25px;}
.services-block-list ul li{margin-bottom:10px;}
.services-block-list li a{font-size:18px;line-height:24px;}
.services-block-list li a::before{top:3px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
}
@media (max-width:1199px){
.industries-shape-img{width:160px;}
.srvices-details-banner-desc{margin-bottom:80px;}
.artificial-intelligence-top {padding: 0 16px;}
}
@media (min-width:992px) and (max-width:1199px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:50px;line-height:55px;letter-spacing:-0.56px;}
.technology-services-section{padding-top:80px;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:15px;}
.technology-services-block h4::before{top:3px;}
.start-adventure--dark .start-adventure-block{padding:48px;}
.services-block-section{padding:80px 0 1px 0;}
.services-block-item{min-height:auto;margin-bottom:80px;}
.services-block-data{padding:32px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:50%;margin-bottom:10px;}
.services-block-list li a{font-size:16px;line-height:24px;}
.services-block-list li a::before{top:3px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:50%;}
.quality-section{padding:80px 0 0 0;}
.quality-data{padding-bottom:80px;}
.hiring-process--section-dark{padding-top:80px;}
.industries-section{padding-top:80px;}
.industries-bottom-text{padding-bottom:80px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
}
@media (max-width:991px){
.artificial-intelligence-top {padding: 0 16px;}
}
@media (min-width:768px) and (max-width:991px){
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:40px;line-height:45px;letter-spacing:-0.56px;}
.hero-banner-bottom{padding-top:20px;}
.inside-banner-video .hero-banner-text-wrape{z-index:1;}
.technology-services-section{padding-top:60px;}
.technology-shape{max-width:300px;top:-5%;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:15px;}
.technology-services-block h4::before{top:2px;}
.start-adventure--dark .start-adventure-block{padding:32px;}
.services-block-section{padding:60px 0 4px 0;}
.services-block-item{margin-bottom:50px;min-height:auto;}
.services-block-data{padding:32px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:100%;margin-bottom:0px;}
.services-block-list li a{font-size:16px;}
.services-block-list li a::before{top:5px;}
.services-block-left .services-block-data-text,.services-block-data-text{max-width:100%;}
.hiring-process--section-dark .hiring-process-block h4{margin-bottom:16px;}
.industries-section{padding-top:60px;}
.industries-block img{height:180px;}
.industries-bottom-text{padding:30px 0 60px 0;}
.services-client-feedback{padding-bottom:1px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
.service-logo-slider-section{padding-bottom:50px;}
}
@media (min-width:320px) and (max-width:767px){
.servicess-details-main svg.services-shape{display:none;}
.servicess-details-main .normal-line{margin:40px 0;}
.srvices-details-banner-desc{margin:30px auto 50px;}
.ai-banner-redesign .srvices-details-banner-desc p{line-height:1.3;}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary{font-size:16px;}
.ai-banner-redesign .ai-banner-visual-row{flex-direction:column;}
.ai-banner-redesign .ai-banner-visual,.ai-banner-redesign .ai-banner-visual-2{flex:1 1 auto;}
.ai-banner-redesign .ai-banner-smoke{display:none;}
.page-template-tpl-service-main .hero-banner-wrape{padding-bottom:10px;}
.start-adventure-dark.start-adventure--dark.service-adventure-sec .start-adventure-block h2{font-size:35px;line-height:40px;letter-spacing:-0.56px;}
.hero-banner-text-wrape{margin-bottom:20px;}
.hero-banner-bottom{padding:16px 0 0 0;}
.inside-banner-video .hero-banner-text-wrape{margin-bottom:0;}
.technology-services-section{padding-top:50px;}
.technology-services-parent .title-small{margin-bottom:30px;}
.technology-shape{max-width:200px;top:0;}
.technology-services-data{margin-bottom:30px;}
.technology-services-block{padding:20px;}
.technology-services-block h4{margin-top:16px;}
.technology-services-block h4::before{top:1px;}
.technology-services-parent .mobile-btn{display:table;margin:0 auto;}
.start-adventure--dark .start-adventure-block{padding:20px;}
.services-block-section{padding:50px 0 4px 0;}
.services-block-data{padding:20px;}
.services-block-item{margin-bottom:50px;min-height:500px;}
.services-block-data-text h3,.services-block-left .services-block-data-text h3{margin-bottom:15px;}
.services-block-data-text p,.services-block-left .services-block-data-text p{margin-bottom:20px;}
.services-block-list ul,.services-block-left .services-block-list ul{margin-bottom:20px;}
.services-block-list ul li{width:100%;margin-bottom:10px;}
.services-block-list li a{font-size:18px;}
.services-block-list li a::before{top:5px;}
.product-block .services-img{top:0;}
.quality-section{padding:50px 0 0 0;}
.quality-data{padding-bottom:30px;}
.quality-data h3{margin-bottom:30px;}
.hiring-process--section-dark .section-title-data{margin-bottom:20px;}
.hiring-process--section-dark .hiring-process-parent{padding-bottom:20px;}
.hiring-process--section-dark .hiring-process-block h4{margin-bottom:16px;}
.industries-section{padding:50px 0 0 0;}
.industries-title{margin-bottom:30px;}
.industries-block img{height:130px;}
.industries-block-text{padding:16px;}
.industries-bottom-text{padding:30px 0 50px 0;}
.industries-shape-img{bottom:-40%;width:160px;}
.services-client-feedback .client-feedback-block h6{font-size:16px;line-height:24px;}
.service-logo-slider-section{padding-bottom:50px;}
}
@media (min-width:576px) and (max-width:767px){
.services-block-list ul li{width:50%;}
}
@media (max-width:575px){
.page-template-tpl-service-main .hero-banner-text h1{font-size:25px;line-height:30px;}
}
@media (max-width:479px){
.services-block-data-text .btn.btn-primary span{width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:399px){
.page-template-tpl-service-main .hero-banner-text h1{font-size:21px;line-height:25px;}
} @media (min-width:992px) and (max-width:1199px){
.start-adventure--dark{padding:80px 0;}
}
@media (min-width:768px) and (max-width:991px){
.start-adventure--dark{padding:60px 0;}
}
@media (min-width:320px) and (max-width:767px){
.start-adventure--dark{padding:50px 0;}
} html:where(:has(.servicess-details-main)){
overflow-x: hidden;
} .ai-detail-redesign{--svc-orange:#FF5B2E;--svc-orange-soft:#FCF5E8;--svc-dark:#121212;--svc-ink:#1E1E1E;--svc-gray-80:#252525;--svc-gray-60:#5E5E5E;--svc-gray-50:#797979;--svc-gray-20:#D7D7D7;--svc-gray-10:#F2F2F2;--svc-bg:#F8F8F8;}
.ai-detail-redesign .svcd-section{background:#fff;}
.ai-detail-redesign .svcd-section-alt{background:var(--svc-bg);}
.ai-detail-redesign .svcd-heading{font-family:"Roboto",sans-serif;font-weight:600;font-size:clamp(28px,2.9vw,52px);line-height:120%;color:var(--svc-dark);margin:0 0 16px 0;}
.ai-detail-redesign .svcd-sub{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);max-width:1010px;font-weight:400; margin: 0 auto; text-align: center;}
.ai-detail-redesign .svcd-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(16px,2vw,24px);margin-bottom:clamp(32px,4vw,56px);flex-wrap:wrap;}
.ai-detail-redesign h1,.ai-detail-redesign h2,.ai-detail-redesign h3,.ai-detail-redesign h4,.ai-detail-redesign p,.ai-detail-redesign li{overflow-wrap:break-word;word-break:break-word;}
.ai-detail-redesign .svcd-center>.svcd-heading,.ai-detail-redesign .svcd-center>.svcd-sub{text-align:center;margin-left:auto;margin-right:auto;}
.ai-detail-redesign .common_paddding_100{padding:100px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:150px;} .service-top-space{padding:clamp(100px,7vw,140px) 0 clamp(50px,6vw,100px) 0;}
.artificial-intelligence-top h1 b{font-weight:400;color:#aeaeae;font-size:clamp(16px,1.5vw,24px);font-style:normal;line-height:normal;display:block;letter-spacing:normal;}
.artificial-intelligence-top h1 br{display:none;}
.artificial-intelligence-top .title{margin-bottom:clamp(16px,2.5vw,40px);}
.artificial-details-main{background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/banner-bg.webp);    background-size: cover; background-position: center; background-repeat: no-repeat;}
.srvices-details-banner-desc p{color:#121212;font-weight:400;margin-bottom:clamp(24px,2vw,32px);}
.ai-banner-redesign .ai-banner-badge {display: inline-flex;align-items: center;gap: 8px;padding: clamp(0px, calc(22px - 2.23vw), 5px) clamp(0px, calc(66px - 6.7vw), 15px);margin-bottom: clamp(11px, calc(44px - 2.4vw), 5px);border-radius: 29px;}
.ai-banner-redesign .ai-banner-badge-dot{width:6px;height:6px;flex-shrink:0;}
.ai-banner-redesign .ai-banner-badge span{font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(14px,1.4vw,20px);line-height:normal;background:linear-gradient(127deg,#FF5B2E 7.25%,#F5E12D 127%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ai-banner-redesign .title{margin-bottom:clamp(14px,1vw,40px);}
.ai-banner-redesign h1 .ai-banner-title-strong{font-weight:600;}
.ai-banner-redesign .srvices-details-banner-desc{width:100%;margin:0 auto clamp(40px,5.6vw,72px) auto;max-width: clamp(320px,90vw,1340px);}
.ai-banner-redesign .srvices-details-banner-desc p{color:#949494;font-family:'DM Sans',sans-serif;font-weight:400;font-size: clamp(14px, 1.2vw, 20px);line-height:normal;width: 100%;margin: 0 auto clamp(16px,1vw,40px);}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary{display:inline-flex;align-items:center;gap:clamp(12px,1vw,16px);padding:clamp(6px,0.5vw,8px) clamp(6px,0.5vw,8px) clamp(6px,0.5vw,8px) clamp(24px,2vw,32px);font-family:'DM Sans',sans-serif;font-weight:700;box-shadow:0px 14px 54px 0px rgba(255,91,46,0.2);}
.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary:hover,.ai-banner-redesign .srvices-details-banner-desc .btn.btn-primary:focus{box-shadow:0px 14px 54px 0px rgba(255,91,46,0.32);}      .srvices-details-banner-desc .banner-cta-wrap .cta-btn {font-weight: 400;}
.servicess-details-main{background-color:#fff;color:#121212;}
.services-inner-top-banner{position:relative;overflow:hidden;}
.services-inner-top-banner > img{margin:0 auto;}
.services-inner-top-banner .ai-banner-visual-row {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
} .ai-detail-redesign .svcd-expertise .svcd-heading{text-align:center;}
.ai-detail-redesign .svcd-expertise-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,5.5vw,80px);margin-top:clamp(36px,4vw,58px);}
.ai-detail-redesign .svcd-expertise-item{position:relative;display:flex;align-items:flex-start;gap:clamp(16px,1.8vw,24px);padding-bottom:clamp(16px,2vw,30px);}
.ai-detail-redesign .svcd-expertise-item:not(:last-child)::after{content:"";
position: absolute;left: clamp(12px, 1.3vw, 29px);bottom: clamp(12px, 1.3vw, 29px);width: 0;height: clamp(40px, 6vw, 65px);border-left: 1px dashed var(--svc-gray-20);}
.ai-detail-redesign .svcd-expertise-num{font-family:"DM Sans",sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,32px);color:var(--svc-gray-20);line-height:1;flex-shrink:0;width:clamp(36px,3.2vw,44px);}
.ai-detail-redesign .svcd-expertise-body{flex: 1;display: flex;align-items: start;justify-content: space-between;border-bottom: 1px solid #D7D7D7;padding-bottom: clamp(14px, 1.8vw, 20px);min-height: 105px;}
.ai-detail-redesign .svcd-expertise-body h3,.ai-detail-redesign .svcd-expertise-body p{min-width:0;}
.ai-detail-redesign .svcd-expertise-body h3{font-family:"DM Sans",sans-serif;font-weight:600;font-size:clamp(19px,1.8vw,24px);color:var(--svc-ink);margin:0 0 clamp(8px,1vw,12px) 0;line-height:normal;}
.ai-detail-redesign .svcd-expertise-body p{font-family:"DM Sans",sans-serif;font-weight:400;font-size:clamp(14px,1.1vw,16px);color:var(--svc-gray-60);line-height:1.3;margin:0; width: 100%; max-width: 510px;}
.ai-detail-redesign .svcd-expertise-icon{width:clamp(44px,3.6vw,52px);height:clamp(44px,3.6vw,52px);border-radius:50%;background:var(--svc-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ai-detail-redesign .svcd-expertise-icon img{width:clamp(21px,1.8vw,26px);height:clamp(21px,1.8vw,26px);display:block;} .ai-detail-redesign .svcd-capabilities-card{background:#fff;border-radius:clamp(16px,1.8vw,20px);box-shadow:0 24px 64px rgba(0,0,0,0.03);padding:clamp(20px,4.5vw,66px);display:flex;align-items:center;gap:clamp(24px,5vw,80px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-capabilities-text{flex:1 1 400px;max-width:570px;min-width:0;}
.ai-detail-redesign .svcd-capabilities-text h2{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,52px);color:var(--svc-dark);margin:0 0 clamp(16px,3vw,41px) 0;line-height:1.2;}
.ai-detail-redesign .svcd-capabilities-text p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);margin:0 0 clamp(16px,3vw,41px) 0; font-weight: 400;}
.ai-detail-redesign .svcd-tools-grid{flex:1 1 400px;border:1px solid var(--svc-gray-10);border-radius:clamp(12px,1.4vw,16px);overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);}
.ai-detail-redesign .svcd-tool-tile{position:relative;aspect-ratio:1/1;background:#fff;border:0.6px solid var(--svc-gray-10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(14px,2vw,22px);overflow:hidden;transition:padding .35s cubic-bezier(.4,0,.2,1);}
.ai-detail-redesign .svcd-tool-tile img{width:100%;height:100%;object-fit:contain;max-width: clamp(56px,7vw,85px);transition:transform .35s cubic-bezier(.4,0,.2,1);}
.ai-detail-redesign .svcd-tool-tile:hover img{transform:translateY(-8px) scale(.8);}
.ai-detail-redesign .svcd-tool-name{display:block;font-family:"DM Sans",sans-serif;font-size:clamp(11px,1vw,13px);font-weight:600;color:var(--svc-ink);text-align:center;line-height:100%;text-overflow:ellipsis;max-width:100%;opacity:0;max-height:0;transform:translateY(6px);margin-top:0;transition:opacity .35s ease,transform .35s ease,max-height .35s ease,margin-top .35s ease;}
.ai-detail-redesign .svcd-tool-tile:hover .svcd-tool-name{opacity:1;max-height:20px;margin-top:10px;transform:translateY(0);} .ai-detail-redesign .svcd-process .svcd-heading{max-width:950px; margin: 0 auto;text-align: center;}
.ai-detail-redesign .svcd-process .svcd-sub{margin-top:clamp(10px,1vw,16px);margin-bottom:clamp(6px,0.5vw,8px);}
.ai-detail-redesign .svcd-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.5vw,24px);margin-top:clamp(36px,4vw,64px);}
.ai-detail-redesign .svcd-process-step{position:relative;padding-top:clamp(80px,6vw,96px);text-align:center;}
.ai-detail-redesign .svcd-process-num{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(64px,5vw,80px);height:clamp(64px,5vw,80px);border-radius:50%;background:#FCFCFC;border:1px solid var(--svc-gray-20);display:flex;align-items:center;justify-content:center;font-family:"DM Sans",sans-serif;font-weight:700;font-size:clamp(20px,1.6vw,26px);color:var(--svc-orange);z-index:2;}
.ai-detail-redesign .svcd-process-step::after {content: "";
background-image: url(//ninjatech.agency/wp-content/themes/ninja/assets/images/service/process-icon.png);background-repeat: no-repeat;background-size: contain;display: inline-block;
position: absolute;top: clamp(24px, 2.4vw, 35px);right: auto;bottom: 0;left: clamp(140px, 15vw, 230px);width: clamp(120px, 12vw, 208px);}
.ai-detail-redesign .svcd-process-step:last-child::after {display: none;}
.ai-detail-redesign .svcd-process-step:nth-child(4n)::after {display: none;}
.ai-detail-redesign .svcd-process-step h3{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,22px);color:var(--svc-dark);margin:clamp(8px,0.8vw,10px) 0 clamp(8px,1vw,12px) 0; line-height: normal;}
.ai-detail-redesign .svcd-process-step p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,16px);line-height:clamp(20px,1.9vw,26px);color:var(--svc-gray-50);margin:0;max-width:300px;margin-inline:auto;} .ai-detail-redesign .svcd-why .svcd-heading{max-width:650px; margin: 0 auto;text-align: center;}
.ai-detail-redesign .svcd-why .svcd-sub{margin-top:clamp(12px,1.5vw,20px);margin-bottom:clamp(32px,4vw,56px);}
.ai-detail-redesign .svcd-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,16px);}
.ai-detail-redesign .svcd-why-card{background:#fff;border-radius:clamp(14px,1.8vw,20px);padding:clamp(20px,2.5vw,30px);display:flex;flex-direction:column;gap:clamp(16px,2vw,26px);min-width:0;}
.ai-detail-redesign .svcd-why-card h4,.ai-detail-redesign .svcd-why-card p{min-width:0;}
.ai-detail-redesign .svcd-why-icon{width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);border-radius:clamp(8px,1vw,10px);flex-shrink:0;    background-color: #FCF5E8;
display: flex;align-items: center;justify-content: center;}
.ai-detail-redesign .svcd-why-icon svg{width:clamp(28px,3.2vw,46px);height:auto;max-width:46px;max-height:46px;}
.ai-detail-redesign .svcd-why-card h4{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(16px,1.6vw,20px);color:var(--svc-dark);margin:0;line-height:normal; height: 100%; }
.ai-detail-redesign .svcd-why-card p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.2vw,16px);line-height:1.2;color:var(--svc-gray-60);margin:0;} .ai-detail-redesign .svcd-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);}
.ai-detail-redesign .svcd-project-card{background:#fff;border-radius:clamp(14px,2vw,22px);padding:clamp(8px,1vw,10px);min-width:0;}
.ai-detail-redesign .svcd-project-media{border-radius:clamp(12px,1.8vw,18px);overflow:hidden;aspect-ratio:680/417;}
.ai-detail-redesign .svcd-project-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ai-detail-redesign .svcd-project-body{padding:clamp(10px,1.4vw,14px) clamp(8px,1vw,10px) clamp(4px,0.6vw,6px) clamp(8px,1vw,10px);}
.ai-detail-redesign .svcd-project-body h3{font-family:"Roboto",sans-serif;font-weight:600;font-size:clamp(20px,2vw,26px);color:#000;letter-spacing:-0.65px;margin:0 0 clamp(10px,1.2vw,14px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-project-tags{display:flex;gap:clamp(8px,1.2vw,14px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-project-tags span{background:var(--svc-gray-10);color:var(--svc-gray-80);font-family:"DM Sans",sans-serif;font-size:clamp(12px,1vw,14px);padding:clamp(6px,0.7vw,8px) clamp(12px,1.4vw,16px);border-radius:100px;} .ai-detail-redesign .svcd-awards-wrap{display:flex;align-items:center;gap:clamp(24px,3vw,60px);flex-wrap:wrap;}
.ai-detail-redesign .svcd-awards-text{flex:1 1 380px;max-width:460px;min-width:0;}
.ai-detail-redesign .svcd-awards-text .svcd-heading{margin-bottom:clamp(10px,1.6vw,16px);}
.ai-detail-redesign .svcd-awards-text p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-gray-50);margin:0;line-height:clamp(20px,1.9vw,26px);}
.ai-detail-redesign .svcd-awards-stat{margin-top:clamp(20px,3vw,32px);}
.ai-detail-redesign .svcd-awards-stat h3{font-family:"Roboto",sans-serif;font-weight:700;font-size:clamp(40px,5vw,52px);color:var(--svc-dark);margin:0;line-height:1;}
.ai-detail-redesign .svcd-awards-stat h3 span{color:var(--svc-orange);}
.ai-detail-redesign .svcd-awards-stat p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-gray-50);margin-top:clamp(2px,0.4vw,4px);}
.ai-detail-redesign .svcd-awards-badges{flex:1 1 480px;background:var(--svc-bg);border-radius:clamp(12px,1.6vw,16px);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,32px) clamp(16px,2vw,24px);align-items:center;justify-items:center;}
.ai-detail-redesign .svcd-awards-badges img{max-width:100%;max-height:clamp(40px,6vw,60px);object-fit:contain;} .ai-detail-redesign .svcd-related-nav{display:flex;gap:clamp(8px,1vw,12px);}
.ai-detail-redesign .svcd-related-nav button{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);border-radius:50%;background:rgba(255,255,255,0.7);border:1px solid var(--svc-gray-10);box-shadow:0 6px 16px rgba(0,0,0,0.02);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.ai-detail-redesign .svcd-related-nav button img{width:clamp(16px,1.6vw,20px);height:clamp(16px,1.6vw,20px);}
.ai-detail-redesign .svcd-related-nav button.is-prev img{transform:rotate(180deg);}
.ai-detail-redesign .svcd-related-nav button.swiper-button-disabled{opacity:0.35;cursor:not-allowed;}
.ai-detail-redesign .svcd-related-slider{overflow:hidden;}
.ai-detail-redesign .svcd-related-slider .swiper-wrapper{align-items:stretch;}
.ai-detail-redesign .svcd-related-slider .swiper-slide{height:auto;}
.ai-detail-redesign .svcd-related-card{background:var(--svc-bg);border:1px solid var(--svc-gray-20);border-radius:clamp(14px,1.8vw,20px);padding:clamp(24px,3vw,40px);min-width:0;height:100%;}
.ai-detail-redesign .svcd-related-card h3{font-family:"Roboto",sans-serif;font-weight:500;font-size:clamp(22px,2.4vw,30px);color:var(--svc-ink);margin:0 0 clamp(12px,1.4vw,18px) 0;}
.ai-detail-redesign .svcd-related-card>p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-dark);margin:0 0 clamp(20px,2.4vw,30px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-related-checklist{background:#fff;border-radius:clamp(14px,1.8vw,20px);padding:clamp(14px,1.6vw,20px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,0.8vw,10px) clamp(16px,2vw,24px);margin:0 0 clamp(20px,2.5vw,32px) 0;}
.ai-detail-redesign .svcd-related-checklist li{list-style:none;display:flex;align-items:center;gap:clamp(8px,0.8vw,10px);font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.2vw,16px);color:var(--svc-dark);}
.ai-detail-redesign .svcd-related-checklist img{width:clamp(16px,1.6vw,20px);height:clamp(16px,1.6vw,20px);flex-shrink:0;} .ai-detail-redesign .svcd-related-card{display:flex;align-items:stretch;gap:clamp(16px,2vw,24px);background:transparent;border:0;border-radius:0;padding:0;}
.ai-detail-redesign .svcd-project-left-content{flex:1 1 0;min-width:0;background:var(--svc-bg);border:1px solid var(--svc-gray-20);border-radius:clamp(14px,1.8vw,20px);padding:clamp(16px,3vw,40px);}
.ai-detail-redesign .svcd-project-left-content>p{font-family:"DM Sans",sans-serif;font-size:clamp(14px,1.3vw,18px);color:var(--svc-dark);margin:0 0 clamp(20px,2.4vw,30px) 0;line-height:1.35;}
.ai-detail-redesign .svcd-project-right-img{flex:1 1 0;min-width:0;border-radius:clamp(14px,1.8vw,20px);overflow:hidden;position:relative;}
.ai-detail-redesign .svcd-project-right-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
:where(.servicess-details-main) .client-feedback-section  .title{margin-bottom: clamp(32px, 4vw, 56px);}
:where(.servicess-details-main) .client-feedback-section .svcd-heading {margin: 0 0 0 0;} @media(max-width:1600px){
.ai-detail-redesign .common_padding_bottom{padding-bottom:100px;}
.ai-detail-redesign .svcd-process-step::after{left: clamp(140px, 15vw, 230px);width: clamp(120px, 11vw, 208px);}
}
@media(max-width:1220px){
.ai-detail-redesign .svcd-capabilities-text{text-align:center;}
} @media(min-width:1200px){
.ai-detail-redesign .svcd-why-grid>:nth-last-child(2):nth-child(4n+1){grid-column:2/3;}
.ai-detail-redesign .svcd-why-grid>:nth-last-child(2):nth-child(4n+1)~*{grid-column:3/4;}
}
@media(max-width:1200px){
.ai-detail-redesign .common_paddding_100{padding:80px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:80px;}
.ai-detail-redesign .svcd-capabilities-text{max-width:100%;flex:auto;}
.ai-detail-redesign .svcd-tool-tile{aspect-ratio: 2 / 1;}
.ai-detail-redesign .svcd-process-step::after{left: clamp(140px, 16vw, 230px);width: clamp(120px, 10vw, 208px);}
.ai-detail-redesign .svcd-why-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:992px){
.ai-detail-redesign .svcd-head-row{align-items:center;text-align:center;justify-content: center;}
.ai-detail-redesign .svcd-related .svcd-head-row{justify-content: space-between;}
.ai-detail-redesign .common_paddding_100{padding:60px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:60px;}
.ai-detail-redesign .svcd-project-right-img{display:none;}
.ai-detail-redesign .svcd-expertise-item:not(:last-child)::after{display:none;}
.ai-detail-redesign .svcd-expertise-body{min-height: auto;}
}
@media(max-width:991px){
.ai-detail-redesign .svcd-why-grid{grid-template-columns:repeat(2,1fr);}
.ai-detail-redesign .svcd-awards-wrap{flex-direction:column;align-items:stretch;}
.ai-detail-redesign .svcd-awards-text{max-width:100%;flex:auto;text-align:center;}
.ai-detail-redesign .svcd-awards-badges{flex:auto;}
.ai-detail-redesign .svcd-expertise-grid{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-process-track{grid-template-columns:1fr 1fr;row-gap:clamp(32px,4vw,48px);}
.ai-detail-redesign .svcd-process-step::after{display:none!important;}  }
@media(max-width:768px){
.ai-detail-redesign .common_paddding_100{padding:40px 0;}
.ai-detail-redesign .common_padding_bottom{padding-bottom:40px;}
.ai-detail-redesign .svcd-tools-grid{flex:auto;width:100%;}
.ai-detail-redesign .svcd-tool-tile{aspect-ratio: 1 / 1;}
.ai-banner-visual-row .ai-banner-visual img.ai-ban-inner-ser {display: none;}
}
@media(max-width:767px){
.ai-detail-redesign .svcd-projects-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;}
.ai-detail-redesign .svcd-related-checklist{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-related-card{flex-direction:column;}
.ai-detail-redesign .svcd-capabilities-card{flex-direction:column;}
.ai-detail-redesign .svcd-capabilities-text{max-width:100%;flex:auto;}
}
@media(max-width:576px){
:where(.servicess-details-main) .slide-arrow-next{left: auto;right: 30%;bottom: 0;top: 100%;}
:where(.servicess-details-main) .slide-arrow-prev{left: 30%;right: 30%;bottom: 0;top: 100%;}
}
@media(max-width:575px){
.ai-detail-redesign .svcd-why-grid{grid-template-columns:1fr;}
.ai-detail-redesign .svcd-awards-badges{grid-template-columns:repeat(3,1fr);}
.ai-detail-redesign .svcd-expertise-body{min-height:0;}
.ai-detail-redesign .svcd-process-track{grid-template-columns:1fr;}
}
.inside-hero-image{width:100%;min-height:720px;display:grid;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center;}
.inside-hero-text{text-align:center;max-width:635px;width:100%;margin:0 auto;}
.inside-hero-text h1{color:#fff;margin:0 0 24px 0;}
.inside-hero-text p{color:#fff;}
.page-template-tpl-technology-main .inside-hero-image{min-height:450px;} .ourtech-section{background-color:#fff; padding: 150px 0;}
.line{width:100%;height:1px;margin:96px 0;background:linear-gradient(90deg,rgba(87,217,228,0.00) 0%,#57D9E4 51.04%,rgba(87,217,228,0.00) 100%);}
.ourtech-wrape{display:flex;align-items:center;min-height:100%;}
.ourtech-text h2{margin:0 0 16px 0;}
.ourtech-text p{color:#949494;margin:0 0 32px 0;font-weight:400;}
.ourtech-left .ourtech-text{margin:0 -7px 0 0;}
.ourtech-right .ourtech-text{margin:0 0 0 -7px;}
.ourtech-left .ourtech-services-wrape{padding:0 0 0 102px;}
.ourtech-right .ourtech-services-wrape{padding:0 102px 0 0;}
.ourtech-services-block{width:100%;min-height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.5s ease;text-align:center;margin:0 0 0px 0;cursor:pointer; background-color: #f5f6f7;}
.ourtech-services-block img{width:96px;height:96px;object-fit:contain;transition:all 0.3s ease;}
.ourtech-services-block h5{font-size:24px;font-style:normal;font-weight:400;line-height:150%;font-family:"Archivo",sans-serif;color:#808080;margin:16px 0 0 0;transition:all 0.5s ease;}
.ourtech-services-block figure{position:relative;}
.ourtech-hover-icon{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;}
.ourtech-services-block:hover h5{color:#fff;}
.ourtech-services-block:hover .ourtech-hover-icon{opacity:1;} .ios-hover:hover{background-color:#000;}
.android-hover:hover{background-color:#3DDB85;}
.react-hover:hover{background-color:#61DAFB;}
.flutter-hover:hover{background-color:#02539A;}
.xamarin-hover:hover{background-color:#3498DB;}
.ionic-hover:hover{background-color:#478AFF;}
.angular-hover:hover{background-color:#DD0031;}
.vue-hover:hover{background-color:#4DBA87;}
.javaacript-hover:hover{background-color:#F0DB4F;}
.tailwind-hover:hover{background-color:#06B6D4;}
.html-hover:hover{background-color:#E34F26;}
.net-hover:hover{background-color:#168CD4;}
.php-hover:hover{background-color:#8993BE;}
.java-hover:hover{background-color:#525AC4;}
.node-hover:hover{background-color:#6ABF4B;}
.python-hover:hover{background-color:#0277BD;}
.laravel-hover:hover{background-color:#FF2D20;}
.sql-server-hover:hover{background-color:#A91D22;}
.mysql-hover:hover{background-color:#00546B;}
.mongodb-hover:hover{background-color:#13AA52;}
.dynamodb-hover:hover{background-color:#2D72B8;}
.oracle-hover:hover{background-color:#EA1B22;}
.firebase-hover:hover{background-color:#FFA712;}
.magneto-hover:hover{background-color:#EC6737;}
.wordpress-hover:hover{background-color:#00749A;}
.drupal-hover:hover{background-color:#009DDE;}
.shopify-hover:hover{background-color:#95BF46;}
.joomla-hover:hover{background-color:#EE4035;}
.umbraco-hover:hover{background-color:#3544B1;}
.aws-hover:hover{background-color:#F90;}
.google-cloud-hover:hover{background-color:#4285F4;}
.sharepoint-hover:hover{background-color:#105557;}
.microsoft-dynamics-hover:hover{background-color:#7252AA;}
.azure-hover:hover{background-color:#2892DF;}
.net-core-hover:hover{background-color:#621EE5;}
.ethereum-hover:hover{background:#8C8C8C;}
.hyperledger-fabric-hover:hover{background:#000000;}
.corda-hover:hover{background:#E0081C;}
.quorum-hover:hover{background:#2855DE;}
.bitcoin-hover:hover{background:#118DFF;}
.ripple-hover:hover{background:#E25A1C;}
.scikit-learn-hover:hover{background:#F89939;}
.keras-hover:hover{background:#D00000;}
.xgboost-hover:hover{background:#76B644;}
.lightbgm-hover:hover{background:#FCB518;}
.apache-mahout-hover:hover{background:#0BBCD4;}
.mllib-hover:hover{background:#E25A1C;}
.tensorflow-hover:hover{background:#FFB300;}
.pytorch-hover:hover{background:#F44F5A;}
.openai-gpt-hover:hover{background:#BAE0BD;}
.ibm-watson-hover:hover{background:#7496C4;}
.microsoft-cognitive-toolkit-hover:hover{background:#2776BB;}
.h2o-ai-hover:hover{background:#FEC925;}
.solutions-block{position:relative;border-radius:12px;margin:0 0 32px 0;z-index:1;transition:all 0.5s ease;cursor:pointer;}
.solutions-block::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;opacity:0;transition:all 0.5s ease;border-radius:12px;border-radius:inherit;background-color:#FF5B2E;}
.solutions-block figure img{width:100%;height:243px;object-fit:cover;border-radius:12px 12px 0px 0px;}
.solutions-block-text{padding:32px;padding-bottom:50px;background-color:#F2F2F2;border-radius:0px 0px 12px 12px;position:relative;min-height:236px;transition:all 0.5s ease;}
.solutions-block-text h5{margin:0 0 12px 0;}
.solutions-block-text p{margin:0 0 12px 0;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#434343;}
.solutions-block-text .btn-secondary{position:absolute;bottom:32px;left:32px;}
.solutions-block:hover::before{opacity:1;}
.solutions-block:hover .solutions-block-text{background-color:#fff;box-shadow:12px 12px 32px 0px rgba(0,0,0,0.10);}
.solution-inside-section{padding:48px 0 0 0;}
.solution-inside-parent{padding-bottom:128px;border-bottom:1px solid rgba(215,215,215,0.5);}
.solution-inside-sidebar-wrape{min-height:100%;position:relative;}
.solution-inside-sidebar{position:sticky;top:160px;width:100%;}
.solution-inside-sidebar h1{margin:12px 0 42px 0;font-size:48px;font-style:normal;font-weight:400;line-height:56px; letter-spacing:-0.96px;}
.list-group-item{border:none;margin:0 0 24px 0;padding:0;background-color:transparent!important;font-size:24px;font-style:normal;font-weight:400;line-height:32px;color:#949494;}
.list-group-item.active span{background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.list-item-text{margin-bottom:80px;}
.list-item-text h4{margin:0 0 12px 0;}
.list-item-text p{margin:0 0 40px 0;font-size:18px;font-style:normal;font-weight:400;line-height:24px;}
.list-item-text ul{list-style:none;margin:0 0 0 0;}
.list-item-text ul li{padding:0 0 0 37px;color:#434343;margin:0 0 12px 0;transition:all 0.5s ease;position:relative;cursor:pointer;}
.list-item-text ul li::before{content:"";width:21px;height:21px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/star-icon.svg);background-size:cover;position:absolute;top:2px;left:0;transition:all 0.5s ease;}
.list-item-text ul li:hover::before{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/star-icon-hover.svg);opacity:1;}
.list-item-text ul li:last-child{margin-bottom:0;}
.solutions-inside-button{display:flex;flex-wrap:wrap;align-items:center;}
.solutions-inside-button .btn.btn-primary{margin-right:24px;}
.solutions-inside-btn{font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:#121212;}
.explore-section{padding:128px 0 0 0;}
.explore-parent{padding-bottom:50px;border-bottom:1px solid rgba(215,215,215,0.5);}
.solution-inside-body{margin-top:105px;}
@media (min-width:1200px) and (max-width:1299px){
.list-item-text p{font-size:16px;line-height:24px;margin-bottom:30px;}
}
@media (min-width:992px) and (max-width:1199px){
.solutions-block figure img{height:200px;}
.solutions-block-text{padding:20px;padding-bottom:50px;}
.solutions-block-text p{font-size:16px;line-height:24px;}
.solutions-block-text .btn-secondary{left:20px;bottom:20px;}
.solution-inside-parent{padding-bottom:80px;}
.list-group .list-group-item{font-size:20px;margin-bottom:15px;}
.list-item-text p{font-size:16px;line-height:24px;margin-bottom:30px;}
.explore-section{padding:80px 0 0 0;}
}
@media (min-width:768px) and (max-width:991px){
.solutions-block-text{padding:25px;padding-bottom:50px;}
.solutions-block-text .btn-secondary{left:25px;bottom:25px;}
.solutions-block-text p{font-size:16px;line-height:24px;}
.solution-inside-parent{padding-bottom:60px;}
.solution-inside-sidebar h1{font-size:35px;line-height:40px;margin-bottom:20px;}
.list-group .list-group-item{font-size:18px;margin-bottom:10px;}
.list-item-text p{font-size:16px;line-height:24px;margin-bottom:20px;}
.list-item-text{margin-bottom:50px;}
.list-item-text ul li{margin-bottom:5px;}
.explore-section{padding:60px 0 0 0;}
.explore-parent{padding-bottom:28px;}
.solution-inside-sidebar{top:120px;}
.solution-inside-body{margin-top:70px;}
}
@media (min-width:320px) and (max-width:767px){
.solution-inside-body{margin-top:0;}
.solutions-block figure img{height:200px;}
.solutions-block-text{padding:15px;padding-bottom:50px;min-height:180px;}
.solutions-block-text .btn-secondary{left:15px;bottom:15px;}
.solutions-block-text p{font-size:16px;line-height:24px;}
.solution-inside-section{padding:90px 0 0 0;}
.solution-inside-parent{padding-bottom:50px;}
.solution-inside-sidebar h1{font-size:35px;line-height:40px;margin-bottom:20px;}
.solution-inside-sidebar{margin-bottom:30px;position:static;}
.list-group .list-group-item{font-size:18px;margin-bottom:10px;}
.list-item-text p{font-size:16px;line-height:24px;margin-bottom:20px;}
.list-item-text{margin-bottom:50px;}
.list-item-text ul li{margin-bottom:5px;}
.solutions-inside-button .btn.btn-primary{margin:0 auto;margin-bottom:10px;display:table;}
.solutions-inside-btn{margin:0 auto;display:table;font-size:16px;}
.explore-section{padding:50px 0 0 0;}
.explore-parent .btn.mobile-btn{margin:0 auto;display:table;}
}
@media (min-width:576px) and (max-width:767px){
.solutions-block-text{min-height:210px;}
.solutions-block-text h5{font-size:18px;}
}
.holiday-main{padding:200px 0 134px 0;background:#121212;border-bottom:1px solid rgba(94,94,94,0.5);}
.holiday-heading{margin:0 auto 160px;max-width:665px;}
.holiday-main .nav-tabs .nav-item.show .nav-link,.holiday-main .nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:transparent;border-color:transparent;}
.holiday-main .nav-tabs .nav-item.show .nav-link svg path,.holiday-main .nav-tabs .nav-link.active svg path{fill:#FF5B2E;}
.holiday-main .nav-tabs .nav-item.show .nav-link svg rect,.holiday-main .nav-tabs .nav-link.active svg rect{stroke:#FF5B2E;}
.holiday-main .nav-tabs{border:0;margin-bottom:32px;}
.holiday-main .nav-tabs .nav-link{padding:0 8px 8px;border:0;}
.grid-view .day-date{position:absolute;top:0;width:100%;padding:32px;}
.holiday-badge{background:#fff;font-size:16px;color:#434343;border-radius:23px;padding:3px 12px 2px;text-transform:capitalize;text-align:center;}
.festival-name{color:#fff;font-size:48px;position:absolute;bottom:23px;left:28px;font-weight:400;line-height:56px}
.grid-view .holiday-img:before{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0.6;content:"";}
.holiday-box{border:4px solid transparent;border-radius:15px;overflow:hidden;}
.holiday-box.active{border-color:#FF5B2E;}
section.holiday-main .tab-content .col-lg-6{padding-bottom:24px;}
.holiday-heading img{margin:0 auto;}
.festival-list{font-weight:300;font-size:32px;color:#fff;line-height:normal;text-transform:capitalize;}
.list-view .day-date{gap:12px;}
.holiday-list-row{border-top:1px solid rgba(67,67,67,0.5);padding:35px 0;position:relative;align-items:center;}
.list-view .holiday-img{position:absolute;top:50%;left:50%;margin:0 auto;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:200px;border:4px solid transparent;display:none;z-index:9;overflow:hidden;}
.list-view .holiday-list-row.active .holiday-img{border-color:#FF5B2E;display:block;}
.list-view .holiday-img > img{height:100%;width:100%;object-fit:cover;}
.festival-list.color-1{-webkit-text-fill-color:#fff}
.list-view .holiday-list-row.active .festival-list.color-1{-webkit-text-fill-color:transparent}
.holiday-heading span{font-size:18px;font-weight:700;color:#fff;margin-top:-10px;display:inline-block;vertical-align:top;}
.holiday-list-row:last-child{border-bottom:1px solid rgba(67,67,67,0.5);}
.holiday-img > img{width:100%;}
@media (min-width:1200px) and (max-width:1299px){
.holiday-main{padding:150px 0 70px 0;}
.festival-name{font-size:35px;line-height:normal;}
}
@media (min-width:992px) and (max-width:1199px){
.list-view .holiday-img{width:200px;height:200px;}
.festival-name{font-size:30px;line-height:normal;}
.holiday-main{padding:150px 0 70px 0;}
.holiday-heading{margin:0 auto 50px;max-width:500px;}
}
@media (min-width:768px) and (max-width:991px){
.list-view .holiday-img{width:180px;height:180px;}
.festival-list{font-size:28px;}
.holiday-main{padding:130px 0 80px 0;}
.holiday-heading{margin:0 auto 50px;max-width:500px;}
.festival-name{font-size:28px;line-height:normal;}
}
@media (min-width:320px) and (max-width:767px){
.list-view .holiday-img{width:150px;height:150px;}
.holiday-heading{margin:0 auto 50px;max-width:430px;}
.holiday-main{padding:130px 0 50px 0;}
.festival-name{font-size:25px;line-height:normal;}
.holiday-main .nav-tabs .nav-link >svg{max-width:50px;}
.grid-view .day-date{padding:20px;}
.festival-list{font-size:21px;}
.holiday-list-row{padding:10px 0;}
.list-view .day-date{gap:5px;flex-direction:column;}
.holiday-badge{font-size:13px;min-width:105px;padding:3px 10px 2px;}
}
@media (max-width:575px){
.list-view .holiday-img{display:none!important;}
.list-view .day-date{flex-direction:row;margin-left:10px;}
.holiday-list-row{padding:15px 0;}
}
@media (max-width:399px){
.list-view .day-date{flex-direction:column;}
}
.sitemap-section {padding: 80px 0;}
.sitemap-header {margin-bottom: 60px;}
.sitemap-header h1 {font-size: 52px; line-height: 1.1; margin-bottom: 15px;}
.sitemap-header p {color: #666; max-width: 600px;}
.sitemap-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 60px;}
.sitemap-group h2 {font-size: 24px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5;}
.sitemap-group h2 a {text-decoration: none; color: inherit;}
.sitemap-list {list-style: none; padding: 0; margin: 0;}
.sitemap-list li {margin-bottom: 12px;}
.sitemap-list a {color: #555; text-decoration: none; transition: all .3s ease;}
.sitemap-list a:hover {color: #000; padding-left: 6px;}
@media (max-width: 767px) {
.sitemap-header h1 {font-size: 36px;}
.sitemap-grid {gap: 40px;}
}
.thankyou-section{padding:96px 0 128px 0;}
.thankyou-text{max-width:666px;width:100%;text-align:center;margin:0 auto;}
.ninja-img{margin:40px auto;display:table;max-width:171px;width:100%;}
.thankyou-text p{font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#434343;margin:0 0 40px 0;}
.btn-1{margin-right:20px;}
@media (min-width:992px) and (max-width:1199px){
.thankyou-section{padding:80px 0;}
}
@media (min-width:768px) and (max-width:991px){
.thankyou-section{padding:80px 0 60px 0;}
}
@media (min-width:320px) and (max-width:767px){
.thankyou-section{padding:80px 0 50px 0;}
.ninja-img{max-width:100px;margin:20px auto;}
.btn-1{margin:0 0 10px 0;}
}
.career-detail-section{padding:96px 0 0 0;}
.career-detail-parent{padding-bottom:82px;}
.career-detail-width{max-width:896px;width:100%;margin:0 auto;}
.career-detail-data h1{padding:12px 0 16px 0;border-bottom:1px solid rgba(215,215,215,0.5);}
.career-detail-data-item{padding:16px 0;display:flex;align-items:center;justify-content:space-between;margin:0;flex-wrap:wrap;border-bottom:1px solid rgba(215,215,215,0.5);}
.career-detail-data-item-inner{display:flex;align-items:center;flex-wrap:wrap;}
.career-detail-data-item h5{font-size:20px;font-style:normal;font-weight:400;line-height:26px;}
.career-detail-data-item h5 span{margin:0 15px;}
.career-detail-data-item .career-badge{margin:0 16px 0 0;}
.apply-btn{font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:#121212;}
.apply-btn:hover{color:#FF5B2E;}
.career-detail-text{padding:80px 0 0 0;}
.career-detail-text h4{margin:10px 0 16px 0;}
.career-detail-text p{margin:0 0 0px 0;font-size:18px;font-style:normal;font-weight:400;line-height:24px;}
.career-detail-text ol{margin:0 0 40px 20px;}
.career-detail-text ol li{font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#434343;}
.job-career-detail .contact-us-to-tab-data .nav-tabs .nav-link::before{display:none;}
.job-career-detail .contact-from{padding:0;}
.job-career-detail .contact-us-to-tab-data .nav-tabs{margin-bottom:80px;}
@media (min-width:992px) and (max-width:1199px){
.career-detail-section{padding:80px 0 0 0;}
}
@media (min-width:768px) and (max-width:991px){
.career-detail-section{padding:60px 0 0 0;}
.career-detail-parent{padding-bottom:60px;}
.career-detail-data-item h5{font-size:18px;}
.career-detail-text{padding-top:60px;}
.job-career-detail .contact-us-to-tab-data .nav-tabs{margin-bottom:60px;}
}
@media (min-width:320px) and (max-width:767px){
.career-detail-section{padding:50px 0 0 0;}
.career-detail-parent{padding-bottom:50px;}
.career-detail-data-item{flex-direction:column;align-items:flex-start;}
.career-detail-data h1{font-size:30px;}
.career-detail-data-item h5{width:100%;font-size:16px;margin-top:10px;}
.apply-btn{display:table;margin-top:10px;}
.career-detail-text{padding:50px 0 0 0;}
.career-detail-text p,.career-detail-text ol{margin-bottom:30px;}
.job-career-detail .contact-us-to-tab-data .nav-tabs{margin-bottom:50px;}
}
.section-space{padding:90px 0;}
.section-space .common_btn{background:#191715;border-radius:3px;color:#FFF!important;display:inline-block;padding:10px 25px;font-size:17px;letter-spacing:0px;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.cta-btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:clamp(10px,0.85vw,12px) 34px;border-radius:30px;background:#FF5B2E;color:#fff;font-size:16px;font-weight:600;text-decoration:none;overflow:hidden;border:1px solid transparent;transition:0.5s ease,box-shadow 0.5s ease-in-out;height:clamp(42px,3.5vw,50px);}
.cta-banner-second{border:1px solid #FF734C;background:#fff;color:var(--black);}
.cta-banner-second span.icon{background-color:#EAEAEA;}
.cta-banner-second:hover{border:1px solid #EAEAEA;box-shadow:0 0 0 6px #4D4D4D80;}
.cta-btn .text{position:relative;z-index:2;}
.cta-btn .icon{position:relative;z-index:2;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s ease;}
.cta-btn::before{content:'';position:absolute;width:24px;height:24px;border-radius:50%;right:30px;top:50%;transform:translateY(-50%);background:#FF6F47;transition:all 0.6s ease;z-index:1;}
.cta-banner-second:before{background:#EAEAEA;}
.cta-banner-second .icon img{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(4590%) hue-rotate(336deg) brightness(97%) contrast(91%);}
.cta-btn:hover::before{width:140%;height:140%;right:-20%;border-radius:50px;}
.cta-btn:hover{box-shadow:0 0 0 6px #FF5B2E66;}
.cta-btn:hover .text{color:#fff;}
.cta-banner-second:hover .text{color:var(--black);}
.cta-btn:hover .icon{transform:translateX(6px);}
.cta-btn:focus{color:white;}
.cta-banner-second:focus{color:var(--black);}
@media(min-width:1025px) and (max-width:1300px){
.cta-btn{padding:11px 48px;}
.cta-btn::before{right:43px;}
}
@media(max-width:576px){
body .cta-btn{display:flex;width:fit-content;margin-left:auto;margin-right:auto;padding:12px 33px;font-size:14px;}
.cta-btn::before{right:29px;}
}
body{margin:0;padding:0;font-size:20px;font-style:normal;font-weight:400;line-height:26px;color:#121212;overflow-x:hidden;font-family:"Roboto",sans-serif;}
html{scroll-behavior:smooth;margin:0!important;}
*{box-sizing:border-box;margin:0;padding:0;}
a{color:#000;}
ol,ul{margin:0;padding:0;}
img{display:block;}
a{text-decoration:none;transition:all 0.5s ease;}
a:focus,a:hover,a:active{text-decoration:none;outline:none;color:#FF5B2E;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
h1{font-size:72px;}
h2{font-size:52px;font-style:normal;font-weight:300;line-height:86px;letter-spacing:-1.56px;}
h3{font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;color:#121212;}
h4{font-size:32px;font-style:normal;font-weight:300;line-height:normal;}
h5{font-size:24px;font-style:normal;font-weight:700;line-height:normal;}
h6{font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
p{margin:0;font-size:20px;font-style:normal;font-weight:300;line-height:26px;color:#434343;}
figure{margin:0!important;}
img{max-width:100%;height:auto;}
button:focus{outline:none;box-shadow:none;}
.container,.container-fluid{padding:0 15px;}
.mobile-btn{display:none;}
.gx-90{--bs-gutter-x:90px;}
.gx-30{--bs-gutter-x:30px;}
.gx-32{--bs-gutter-x:32px;}
.gx-20{--bs-gutter-x:20px;}
.gx-48{--bs-gutter-x:48px;}
.gy-30{--bs-gutter-y:30px;}
.gy-32{--bs-gutter-y:32px;}
.gy-27{--bs-gutter-y:27px;}
.color-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:glow 5s linear infinite;animation:glow 5s linear infinite;background-size:200%;display:inline-block;}
.color-1{background-image:linear-gradient(45deg,#FF5B2E 0%,#FF5B2E 35%,#F5E12D 66%,#F5E12D 100%);}
.color-3{background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
@-webkit-keyframes glow{
0%{background-position:0% 43%;}
50%{background-position:100% 58%;}
100%{background-position:0% 43%;}
}
@keyframes glow{
0%{background-position:0% 43%;}
50%{background-position:100% 58%;}
100%{background-position:0% 43%;}
}
.btn.btn-primary{font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:#1e1e1e;padding:9px 23px;border:1px solid #FF5B2E;border-radius:100px;background-color:#ff5b2e;}
.btn.btn-primary span{vertical-align:middle;display:inline-block;}
.btn.btn-primary img{display:inline-block;vertical-align:middle;margin:0 0 0 10px;transition:all 0.5s ease;width:24px;filter:invert(1);}
.ourtech-wrape .ourtech-text a img{filter:none;}
.btn.btn-primary:hover,.btn.btn-primary:focus{border-color:#FF5B2E;background-color:#FF5B2E;}
.btn.btn-primary:hover img{transform:translateX(5px);filter:brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(103deg) brightness(105%) contrast(105%);}
.our-achievements-block{text-align:center;}
.our-achievements-block h3{color:#24FBA0;}
.right-hand{margin:169px 0 0 0;}
.dot{width:44px;height:44px;background-color:#FF5B2E;border-radius:100px;margin:130px 0 0 6px;fill:#FF5B2E;}
.circle{background-color:#FF5B2E;border-radius:100px;position:absolute;transform:translateX(-50%);bottom:421px;left:53.34%;z-index:111;}
.color-2{background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.btn.btn-black{color:#000;}
.projects-section{padding:100px 0;background-color:#F8F8F8;}
.project-inside-section{padding-bottom:0;}
.project-inside-section .projects-parent{padding-bottom:128px;}
.title{margin:0 0 80px 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.projects-text h3{margin:32px 0 16px 0;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
.projects-text p{font-size:18px;line-height:24px;font-weight:400;margin:0 0 32px 0;}
.projects-image img{width:100%;border-radius:12px;}
.projects-info{padding:32px 0 0 0;border-top:1px solid rgb(94 94 94 / 10%);}
.projects-info-row{display:flex;flex-wrap:wrap;margin:0 -36px;}
.projects-info-col{padding:0 36px;width:auto;}
.projects-info h4{color:#949494;margin:0 0 16px 0;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.projects-info-block h3,.projects-info-block h5{margin:0 0 0 0;}
.projects-info-block h5{font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;color:#121212;background-color:#121212;}
.projects-info-block h6{color:#434343;font-size:20px;font-style:normal;font-weight:300;line-height:26px;}
.projects-wrape{padding:0 0 50px 0;}
.projects-slide-buttons{display:flex;align-items:center;margin:-44px 0 0 0;position:relative;z-index:1;}
.projects-button-prev{margin-right:16px;}
.projects-button-prev,.projects-button-next{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#F2F2F2;}
.projects-button-prev:active,.projects-button-next:active{box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.related-services-section a.btn.btn-primary img{filter:none;}
.client-feedback-section{padding:clamp(50px,7vw,100px) 0;background-color:#f8f8f8;}
.client-feedback-block{padding:clamp(20px,3vw,32px);background-color:#fff;border-radius:clamp(14px,1.8vw,20px);min-height:292px;}
.client-feedback-block p{font-size:clamp(16px,1.8vw,24px);line-height:clamp(24px,2vw,32px);color:#121212;margin:0 0 clamp(10px,1.5vw,16px) 0;}
.client-feedback-block h6{color:#121212;}
.client-feedback-data{position:relative;margin-bottom:clamp(0px,calc(6vw - 30px),30px);}
.slide-arrow-prev,.slide-arrow-next{width:clamp(35px,4.5vw,44px);height:clamp(35px,4.5vw,44px);background-color:#ff5b2e;border-radius:100px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:clamp(-22px,-1.3vw,-10px);transform:translateY(-50%);z-index:1;}
.slide-arrow-next{left:auto;right:clamp(-22px,-1.3vw,-10px);}
.slide-arrow-prev img,.slide-arrow-next img{width:clamp(18px,2vw,24px);}
.logo-slider-section{padding:37px 0;background-color:#121212;position:relative;}
.logo-slider-section::before,.logo-slider-section::after{content:"";width:19.3%;height:100%;position:absolute;left:0;top:0;z-index:11;}
.logo-slide{padding:10px 0px;min-height:120px;display:flex;align-items:center;justify-content:center;}
.logo-wrape{border-top:1px solid #323232;}
.logo-wrape:last-child{border-bottom:1px solid #323232;}
.logo-wrape .swiper-slide{border-right:1px solid #323232;padding:0 60px;width:fit-content!important;}
.title-small{margin-bottom:40px;}
.text-wh h3,.text-wh h2{color:#121212;}
.contact-us-to-section{padding:128px 0;z-index:1;position:relative;background-color:#fff;padding-top:0;}
.contact-us-to-tab h6{margin:0 0 12px 0;color:#AEAEAE;}
.contact-us-to-tab-data .nav-tabs{margin:0 0 48px 0;border-bottom:2px solid rgba(215,215,215,0.5);display:flex;align-items:flex-start;flex-wrap:wrap;}
.contact-us-to-tab-data .nav-tabs .nav-item{margin:0 48px 0 0;display:inline-block;}
.contact-us-to-tab-data .nav-tabs .nav-item:last-child{margin-right:0;}
.contact-us-to-tab-data .nav-tabs .nav-link{color:#AEAEAE;font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;margin:0;padding:0 0 20px 0;border-radius:0;border:none;position:relative;transition:all 0.5s ease;}
.contact-us-to-tab-data .nav-tabs .nav-link::before{content:"";width:0;height:2px;background-color:#121212;opacity:0.5;position:absolute;bottom:-2px;left:0;opacity:0;transition:all 0.5s ease;}
.contact-us-to-tab-data .nav-tabs .nav-link.active{background-color:#121212;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.contact-us-to-tab-data .nav-tabs .nav-link.active::before{opacity:1;width:100%;}
.contact-check-wrape h6{margin:0 0 28.95px 0;font-weight:300;}
.contact-check-data{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:1280px;width:100%;padding:0 0 0 4.95px;}
.checkbox-group{margin:0 28px 17.9px 0;}
.checkbox-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;}
.checkbox-group label{position:relative;cursor:pointer;font-size:18px;font-style:normal;font-weight:300;line-height:24px;color:#121212;vertical-align:middle;}
.checkbox-group label::before{content:'';-webkit-appearance:none;background-color:transparent;border:1px solid #8C8C8C;padding:0px;width:26px;height:26px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:12px;border-radius:100px;}
.checkbox-group input:checked + label::after{content:'';display:block;position:absolute;top:4px;left:9px;width:7px;height:14px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(42deg);}
.checkbox-group input:checked + label::before{background-color:#FF5B2E;border-color:#FF5B2E;}
.checkbox-group input:checked + label{color:#FF5B2E;}
.contact-from{padding:24px 0 0 0;}
.form-group{margin:0 0 40px 0;}
.form-control{width:100%;padding:0 0 13px 0;border-radius:0;border:none;border-bottom:1px solid #D7D7D7;outline:none;box-shadow:none!important;background-color:transparent!important;color:#121212;font-size:18px;font-style:normal;font-weight:300;line-height:24px;}
.form-control:focus{border-bottom:1px solid #FF5B2E;}
.form-control::placeholder{color:#AEAEAE;}
.file-upload-button{position:relative;}
.file-input{position:absolute;top:0;left:0;width:100%;opacity:0;height:100%;cursor:pointer;}
.file-upload-button span,.file-upload-button label{display:flex;align-items:center;font-size:16px;font-style:normal;font-weight:300;line-height:150%;letter-spacing:-0.176px;font-family:"Archivo",sans-serif;}
.file-upload-button span img{width:24px;height:24px;object-fit:contain;margin-right:12px;}
.faq-section .accordion-btn{padding-right:45px;color:#121212;}
.faq-section .container{position:relative;}
.banner-text-section{padding:96px 0 0 0;}
.banner-text-parent{margin:0 0 128px 0;}
.banner-text-content{max-width:650px;width:100%;margin:0 0 0 auto;}
.inside-banner-text .banner-text-parent{margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid rgba(215,215,215,0.5);}
.border-bottom-gray{border-bottom:1px solid rgba(215,215,215,0.5);}
.image-zoom{overflow:hidden;display:table;}
.image-zoom img{transition:all 0.5s ease;}
.image-zoom:hover img{transform:scale(1.1);} .info-block-wrape{position:relative;z-index:1;border-radius:12px;}
.info-block-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;opacity:0;transition:all 0.5s ease;border-radius:12px;border-radius:inherit;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.info-block-wrape:hover::before{opacity:1;}
.info-block{width:100%;min-height:190px;background-color:#ffffff;border-radius:12px;border:1px solid #e5e5e5;padding:32px;}
.info-block-text{display:flex;align-items:center;justify-content:space-between;margin-top:24px;}
.info-block-text h2,.info-block-text h4{color:#1e1e1e;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
.info-block-btn{display:block;opacity:0;visibility:hidden;transition:all 0.5s ease;transform:translateX(-20px);}
.info-block-wrape:hover .info-block-btn{opacity:1;visibility:visible;transform:translateX(-0px);}
.solutions-parent{padding-bottom:96px;}
.btn.btn-secondary{background-color:transparent;color:#121212;font-size:18px;font-style:normal;font-weight:400;line-height:normal;padding:0;border-radius:0;border:none;}
.btn.btn-secondary:hover,.btn.btn-secondary:focus{color:#FF5B2E;background-color:transparent;}
.btn.btn-secondary img{transition:all 0.5s ease;display:inline-block;vertical-align:middle;margin:0 0 0 10px;}
.btn.btn-secondary:hover img,.btn.btn-secondary:focus img{transform:translateX(10px);filter:brightness(0) saturate(100%) invert(41%) sepia(86%) saturate(761%) hue-rotate(333deg) brightness(99%) contrast(108%);}
.client-feedback-data{position:relative;}
.slide-arrow-prev,.slide-arrow-next{width:44px;height:44px;background-color:#ff5b2e;border-radius:100px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-22px;transform:translateY(-50%);z-index:1;}
.slide-arrow-next{left:auto;right:-22px;}
.slide-arrow-prev img,.slide-arrow-next img{width:24px;}
.logo-slider-section{padding:120px 0;background-color:#fff;position:relative;} .logo-slide img{filter:invert(1);}
.evidence-numbers-count{padding:48px 0 128px 0;border-top:1px solid #5E5E5E;}
.evidence-numbers-count-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -15px;}
.evidence-numbers-count-col{padding:0 15px;}
.evidence-numbers-count-block h3{color:#1e1e1e;}
.evidence-numbers-count-block h3 strong{font-weight:400;}
.evidence-numbers-count-block h3 span{color:#1e1e1e;}
.evidence-numbers-count-block h5{color:#AEAEAE;font-size:20px;font-weight:400;line-height:26px;margin:6px 0 0 0;}
.differences-wrape{margin:0 0 32px 0;display:flex;align-items:center;min-height:100%;}
.differences-text h3,.differences-text h2{color:#121212!important;margin:0 0 16px 0;font-size:32px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:normal;}
.differences-block{min-height:284px;background-color:#f5f6f7;padding:32px;border-radius:12px;margin:0 0 32px 0;height:calc(100% - 32px);}
.differences-block h4{color:#121212;margin:24px 0 16px 0;}
.start-adventure-section{padding:128px 0;}
.start-adventure-block{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/graphic-2.png);background-size:auto 100%;background-repeat:no-repeat;background-position:right center;background-color:#fff;border-radius:12px;padding:48px;box-sizing:border-box;position:relative;z-index:1;}
.start-adventure-parent{position:relative;border-radius:12px;}
.start-adventure-parent::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:-1px;transition:all 0.5s ease;border-radius:12px;background:linear-gradient(90deg,rgba(255,91,46,1) 0%,rgba(245,225,45,1) 100%);background-image:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.start-adventure-block h3{margin:0 0 32px 0;}
.start-adventure-block h2{margin:0 0 32px 0;color:#fff;}
.mg-32 .banner-text-parent{margin-bottom:0px!important;border-bottom:2px solid #7777774D;}
.career-item a{position:relative;display:block;padding:32px 0;border-bottom:2px solid #7777774D;transition:all 0.5s ease;}
.career-item a::before{content:"";width:44px;height:44px;background-color:#FF5B2E;position:absolute;top:48px;right:0;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-wh.svg);background-size:24px;background-repeat:no-repeat;background-position:center;border-radius:100px;opacity:0;transform:translateX(-10px);transition:all 0.5s ease;}
.career-item p{color:#434343;font-weight:400;}
.career-badge{background-color:#F2F2F2;padding:6px 12px;color:#434343;font-size:16px;line-height:normal;font-weight:400;border-radius:100px;margin:4px 0 0 0px;display:inline-block;vertical-align:top;}
.career-item a:hover::before{opacity:1;transform:translateX(-0px);}
.career-item a:hover h4{background:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.application-section .start-adventure-block{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/graphic-3.png);}
.application-section .start-adventure-parent::after{background:linear-gradient(93deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.application-section .start-adventure-block h2,.application-section .start-adventure-block p{margin-bottom:24px;max-width:587px;width:100%;}
.application-section .start-adventure-block h2{font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;color:#121212;}
.hiring-process-parent{padding-bottom:0;}
.hiring-process-title-data{margin-bottom:56px;}
.hiring-process-title h2{color:#000;font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;}
.hiring-process-title-contant{margin:0 60px 0 auto;max-width:635px;width:100%;}
.hiring-process-block{position:relative;margin-bottom:30px;}
.hiring-process-block::before{content:"";width:215px;height:11px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/process-arrow.png);background-size:cover;position:absolute;right:0;top:35px;background-repeat:no-repeat;z-index:-1;}
.process-col:last-child .hiring-process-block::before{display:none;}
.hiring-process-icon{width:80px;height:80px;border-radius:100px;border:1px solid #D1D1D1;display:flex;align-items:center;background-color:#fff;justify-content:center;z-index:1;position:relative;}
.hiring-process-icon img{width:54px;filter:grayscale(1);}
.hiring-process-block h3{margin:32px 0 12px 0;color:#121212;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:normal}
.back-btn{display:flex;align-items:center;color:#949494;}
.back-btn img{margin:0 14px 0 0;}
.back-btn:hover img{filter:brightness(0) saturate(100%) invert(76%) sepia(69%) saturate(6835%) hue-rotate(340deg) brightness(99%) contrast(104%);}
.border-block-wrape{max-width:936px;width:100%;margin:20px auto 0 auto;border-radius:12px;position:relative;}
.border-block-wrape::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;transition:all 0.5s ease;border-radius:12px;background-image:linear-gradient(93.3deg,#8A2387 4.23%,#E94057 50.82%,#F27121 97.8%);}
.border-block{padding:32px;border-radius:12px;background-color:#fff;}
.border-block p{font-size:18px;font-style:normal;font-weight:400;line-height:24px;}
.border-block h4{margin:0 0 32px 0;}
.ninjatech-gallery-item-title h3{margin:0 8px 0 0;display:inline-block;letter-spacing:normal;font-size:32px;font-style:normal;font-weight:300;line-height:normal;}
.intl-tel-input{width:100%;display:block;}
.iti-flag,.flag-box{display:none!important;}
.intl-tel-input.separate-dial-code .selected-flag{background-color:transparent!important;}
.intl-tel-input.separate-dial-code .selected-dial-code{padding:0 0 0 22px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#121212;}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{padding:0 0 0 0px;width:auto;}
.intl-tel-input .selected-flag{height:auto;padding:0;}
.intl-tel-input .selected-flag .iti-arrow{right:auto;left:0;top:10px;border:none;width:10px;height:10px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-down-sm-bl.svg);background-size:10px;background-position:center;background-repeat:no-repeat;}
.input-group .form-control{padding-left:75px!important;appearance:none;}
.input-group .form-control::-webkit-outer-spin-button,.input-group .form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.input-group .form-control[type=number]{-moz-appearance:textfield;}
.choose-file-data{padding:24px;border-radius:10px;border:1px dashed #D7D7D7;text-align:center;cursor:pointer;}
.choose-file-data p{font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#949494;}
.choose-file-btn{padding:10px 24px;background-color:#D7D7D7;font-size:18px;font-style:normal;font-weight:400;line-height:normal;color:#121212;margin-top:10px;border-radius:100px;border:none;}
.section-title-data{margin:0 0 80px 0;}
.section-title h2{color:#1e1e1e;}
.section-title-content{max-width:631px;width:100%;margin:0 0 0 auto;}
.section-title-content p{margin:0 0 32px 0;color:#AEAEAE;}
.start-adventure-dark{padding:128px 0;}
.start-adventure-dark .start-adventure-block{background-color:#fff;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/graphic-4-op.png);}
.start-adventure-dark .start-adventure-block h2,.start-adventure-dark .start-adventure-block p{max-width:588px;width:80%;}
.start-adventure-dark .start-adventure-block h2{color:#1e1e1e;margin:0 0 16px 0;font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;}
.start-adventure-dark .start-adventure-block p{color:#1e1e1e;margin:0 0 32px 0;}
.hiring-process--section{padding:128px 0 0 0;}
.hiring-process-block h4{color:#121212;margin:32px 0 16px 0;}
.hiring-process-block p{color:#5E5E5E;font-weight:400;}
.faq-section{padding:100px 0;background-color:#f8f8f8;position:relative;}
.faq-title{color:#fff;}
.faq-accordion-item{margin:0 0 0 0;border-bottom:1px solid rgb(94 94 94 / 10%);}
.accordion-btn{padding:8px 0;width:100%;background-color:transparent;color:#fff;font-size:24px;font-style:normal;font-weight:400;line-height:32px;text-align:left;border:none;border-radius:0;transition:all 0.5s ease;position:relative;}
.accordion-btn::before{content:"";width:48px;height:48px;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/minus.svg);background-size:cover;position:absolute;right:0;top:50%;transform:translateY(-50%);filter:invert(1);}
.faq-accordion-item .collapsed::before{background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/plus.svg);filter:invert(1);}
.faq-accordion-item .collapsed{padding:24px 50px 24px 0;}
.faq-accordion-body{padding:8px 0 16px 0;}
.faq-accordion-body p,.faq-accordion-body li{color:#AEAEAE;}
.faq-accordion-body ul{padding-left:20px;}
.figma-hover:hover{background:#000000;}
.adobe-photoshop-hover:hover{background:#001E36;}
.adobe-xd-hover:hover{background:#470137;}
.adobe-illustrator-hover:hover{background:#251200;}
.adobe-after-effect-hover:hover{background:#00005B;}
.sketch-hover:hover{background:#000;}
.start-adventure-dark-section{background-color:#fff;position:relative;}
.adventure-section-shape-1{position:absolute;bottom:-150px;left:0px;background:var(--Gradients-G-02,linear-gradient(100deg,#FF5B2E 30.1%,#F5E12D 98.71%));opacity:0.2;filter:blur(97px);width:186.5px;height:560.5px;flex-shrink:0;}
.start-adventure-dark-section .start-adventure-block{background-color:#fff;background-image:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/insights/graphic-5.png);}
.start-adventure-dark-section .start-adventure-block h3{color:#1e1e1e;}
.adventure-section-shape-2{bottom:-30%;position:absolute;right:0px;background:rgba(143,0,255,0.30);filter:blur(97px);width:560px;height:210px;flex-shrink:0;}
.slide-arrow-prev:active,.slide-arrow-next:active{background-color:#FF5B2E;}
hr{margin:0;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group{margin:0;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item{margin:0 28px 17.9px 0;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item label:before{content:none;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group .wpcf7-list-item-label::before{content:'';-webkit-appearance:none;background-color:transparent;border:1px solid #8C8C8C;padding:0px;width:26px;height:26px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:12px;border-radius:100px;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label::before{background-color:#FF5B2E;border-color:#FF5B2E;}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label::after{content:'';display:block;position:absolute;top:4px;left:9px;width:7px;height:14px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(42deg);}
.contact-us-to-tab-body form.wpcf7-form .checkbox-group input:checked + .wpcf7-list-item-label{color:#FF5B2E;}
.contact-us-to-tab-body form.wpcf7-form .project-file-open{background:url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/file-upload.svg) no-repeat left center;padding-left:36px;}
input.wpcf7-submit{background:#fff url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-bl-sm.svg) no-repeat 88% center!important;padding:10px 57px 10px 23px!important;transition:0.4s;}
input.wpcf7-submit:hover{border-color:#FF5B2E!important;background:#FF5B2E url(//ninjatech.agency/wp-content/themes/ninja/assets/images/common/arrow-right-wh.svg) no-repeat 90% center!important;}
.wpcf7 form .wpcf7-response-output{font-size:14px;}
div#Contcat_Form .input-group.input-group-sm p{width:100%;}
.intl-tel-input .country-list .country{padding:5px 10px!important;font-size:14px!important;line-height:normal!important;}
video,embed,object{max-width:inherit;object-fit:cover;width:100vw;height:100vh;}
.hire-from .input-group.input-group-sm p{width:100%;}
.hiring-process-parent .section-title-content p,.start-adventure-block p,.banner-text-content p,.hiring-process-title-contant p{font-weight:400;}
.top-sec-space{padding:clamp(100px,7vw,140px) 0 clamp(50px,6vw,100px) 0;}
.top-sec-space-top{padding-top:clamp(100px,11.5vw,188px);}
.green{color:#24fba0;}
.differences-block p{font-weight:400;}
section.hiring-process-section{padding:100px 0;} .project-management-tools-hover:hover{background:#FDBF00;}
.collaboration-software-hover:hover{background:#41678A;}
.data-analysis-tools-hover:hover{background:#2149F4;}
.design-and-visualization-software-hover:hover{background:#39A4FA;}
.ideation-and-brainstorming-tools-hover:hover{background:#E80941;}
.strategy-development-framework-hover:hover{background:#1EAA96;}
.jira-hover:hover{background:#2684FF;}
.testrail-hover:hover{background:#0B3754;}
.selenium-hover:hover{background:#01A71C;}
.apache-jmeter-hover:hover{background:#EC2150;}
.jetkings-hover:hover{background:#E0160F;}
.bugzilla-hover:hover{background:#895CAF;}
.faq-section .faq-title{position:sticky;top:150px;}
figure.wp-block-image > img{border-radius:12px;margin-bottom:25px;}
.wpcf7-not-valid-tip{font-size:16px!important;}
.project-file-open{cursor:pointer;}
.home-testimonial .client-feedback-block .client-names{color:#121212;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
section.blog-section.blog-home-sec h2{font-size:48px;font-style:normal;font-weight:400;line-height:56px;letter-spacing:-0.96px;}
section.blog-section.blog-home-sec .blog-block h3{color:#fff;line-height:32px;font-weight:300;margin:24px 0 0 0;font-size:24px;font-style:normal;letter-spacing:normal;}
section.blog-section.blog-home-sec .blog-block h3 strong{font-weight:500;}
.home-page-form-sec .contact-us-to-tab .contact-form-subtitle{margin:0 0 12px 0;color:#AEAEAE;font-size:18px;font-style:normal;font-weight:500;line-height:20px;}
.home-page-form-sec .contact-check-wrape .form-subtitle{margin:0 0 28.95px 0;font-weight:300;color:#AEAEAE;font-size:18px;line-height:20px;}
.grecaptcha-badge{display:none;visibility:hidden;}
.wpcf7 form.invalid .wpcf7-response-output{border-color:#FF5B2E!important;background:#FF5B2E;color:#fff;}
a.moreless-button{display:none;}
.form-group p span.wpcf7-form-control-wrap textarea{text-transform:capitalize;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
.modal-open{overflow:hidden;position:fixed;width:100%;}
.projects-text img{width:210px;}
.contact-us-to-tab-body .wpcf7-not-valid{border-color:#dc3232;}
.contact-us-to-tab-body .wpcf7-not-valid-tip{margin-top:5px;}
.contact-us-to-tab-body .wpcf7 form.invalid .wpcf7-response-output{border-color:transparent!important;color:#dc3232!important;background:transparent!important;border:0!important;padding:0;font-size:20px!important;margin:30px 0 0 0;}
.wp-block-image figure.aligncenter{display:flex;justify-content:center;}
.section-title-content p{margin:0 0 32px 0;color:#797979;}
.differences-block h4{color:#121212;margin:24px 0 16px 0;} @media (min-width:1920px){
.technology-services::before{background-size:cover;}
}
@media (min-width:2001px) and (max-width:5000px){
.container{max-width:1390px;}
.hiring-process-block::before{width:228px;}
}
@media (min-width:1801px) and (max-width:2000px){
.container{max-width:1390px;}
.mobile-app-development .container{max-width:1478px;}
}
@media (min-width:1551px) and (max-width:1800px){
.container{max-width:1390px;}
.mobile-app-development .container{max-width:1478px;}
}
@media (min-width:1300px) and (max-width:1550px){
.container{max-width:1250px;}
.gx-90,.gx-48{--bs-gutter-x:48px;}
h1,h2,.our-achievements-block h3{font-size:65px;line-height:70px;letter-spacing:-0.56px;}
h3,.award-text h2,.welcom-text h2,.hiring-process-title h2,.differences-section.mobile-app-differences-section h2,.application-section .start-adventure-block h2,.one-col-text h2,.start-adventure-dark .start-adventure-block h2,section.blog-section.blog-home-sec h2,.projects-info-block h5{font-size:35px;line-height:40px;letter-spacing:0px;}
h1,h2,.our-achievements-block h3{font-size:65px;line-height:75px;}
.award-icon-wrap{padding:58px 56px;}
.mobile-app-img-block{margin-bottom:-124px;}
.services-shape{max-width:400px;}
.projects-info-row{margin:0 -15px;}
.projects-info-col{padding:5px 15px;}
.projects-info-block h6{font-size:18px;}
.projects-wrape{padding:0;}
.projects-slide-buttons{margin:20px 0 0 0;}
.contact-us-to-tab-data .nav-tabs .nav-link{font-size:40px;}
.differences-block h4{font-size:25px;}
.faq-parent{z-index:1;position:relative;}
.faq-accordion-item .collapsed{padding:20px 50px 20px 0;}
.accordion-btn{font-size:20px;}
.hiring-process-block h4{font-size:28px;}
.technology-services{padding-top:120px;}
}
@media (min-width:1200px) and (max-width:1299px){
.technology-services{padding-top:120px;}
.tech-services-block h3::before{top:3px;}
.award-icon-wrap{padding:58px 30px;column-gap:50px;}
.services-shape{max-width:400px;}
.mobile-app-img-block{margin-bottom:-101px;}
.service-bg{height:289px;}
.mobile-app-service-main .technology-services{padding-top:60px;}
.gx-90,.gx-48{--bs-gutter-x:40px;}
h1,h2,.our-achievements-block h3{font-size:60px;line-height:65px;letter-spacing:-0.56px;}
h3,.award-text h2,.welcom-text h2,.hiring-process-title h2,.differences-section.mobile-app-differences-section h2,.application-section .start-adventure-block h2,.one-col-text h2,.start-adventure-dark .start-adventure-block h2,section.blog-section.blog-home-sec h2,.projects-info-block h5{font-size:30px;line-height:35px;letter-spacing:0px;}
h4,.projects-text h3,.differences-text h3,.tech-services-block h3,.differences-text h3,.differences-text h2,.differences-section.mobile-app-differences-section .differences-block h3,.capabilities-links ul li a h3,.work-balance-block h3,.ninjatech-gallery-item-title h3,.career-item h2,.info-block-text h2,.clients-trust-title h3,.info-block-text h4{font-size:25px;}
h5,.hiring-process-block h3,.card-block h2,.two-col-block-text h2{font-size:20px;}
h6,.projects-info h4,.portfolio-opt1-text h3,.evidence-numbers-text p,.work-balance-title p.work-balance-sub-title,.home-testimonial .client-feedback-block .client-names,.home-page-form-sec .contact-us-to-tab .contact-form-subtitle,.home-page-form-sec .contact-check-wrape .form-subtitle{font-size:16px;}
body,p,.award-text h4{font-size:16px;line-height:24px;}
.projects-info-row{margin:0 -15px;}
.projects-info-col{padding:0 15px;}
.projects-info-block h3,.projects-info-block h5{font-size:25px;}
.projects-wrape{padding:0;}
.projects-slide-buttons{margin:20px 0 0 0;}
.banner-text-parent{margin-bottom:80px;}
.inside-hero-image{min-height:650px;}
.ourtech-left .ourtech-services-wrape{padding:0 0 0px 60px;}
.ourtech-left .ourtech-text,.ourtech-right .ourtech-text{margin:0;}
.ourtech-right .ourtech-services-wrape{padding:0 60px 0px 0;}
.ourtech-services-block img{width:70px;height:70px;}
.ourtech-services-block h5{font-size:20px;line-height:24px;margin-top:10px;}
.line{margin:50px 0;}
.career-item a::before{top:45px;}
.career-detail-text p,.career-detail-text ol li,.border-block p{font-size:16px;}
.faq-parent{z-index:1;position:relative;}
.faq-accordion-item .collapsed{padding:20px 50px 20px 0;}
.accordion-btn{font-size:20px;}
}
@media (max-width:1199px){
.mobile-app-service-main .technology-services{padding-top:60px;}
.mobile-app-service:nth-child(even){margin-top:40px;}
.mobile-app-img-block{margin-bottom:-80px;}
.service-block .service-wrap{min-height:420px;padding:30px;}
.technology-details-main.mobile-app-development{padding:140px 0 0 0;}
.mobile-app-hiring-process-section{padding:80px 0;}
.related-services-section .container > .normal-line{display:none;}
.services-shape{max-width:250px;}
.service-bg{height:247px;}
.award-icon-wrap{padding:58px 30px;column-gap:50px;}
.differences-section.mobile-app-differences-section .differences-parent{padding-bottom:50px;}
.normal-line{margin:70px 0;}
section.Awards-and-project{padding-bottom:70px;}
.related-services-section{padding:60px 0 80px 0;}
.case-sec-space{padding:60px 0;}
}
@media (min-width:992px) and (max-width:1199px){
.tech-services-block h3::before{top:1px;}
.tech-achievements-block .count{font-size:40px;}
.tech-achievements-block h2 > svg{width:46px;}
section.technology-details-main{padding:140px 0 80px 0;}
.tech-achievements-block h6{font-size:18px;}
.technology-integrated-main{padding:80px 0 80px 0;}
section.development-success-stories{padding:80px 0 46px 0;}
.lookingfor-dev-inner{padding:40px 0 40px 60px;}
.technology-services{padding:110px 0 80px 0;}
.hiring-process-block::before{width:130px;background-size:130px;}
.gx-90,.gx-32,.gx-48{--bs-gutter-x:30px;}
h1,h2,.our-achievements-block h3{font-size:50px;line-height:55px;letter-spacing:-0.56px;}
h3,.award-text h2,.welcom-text h2,.hiring-process-title h2,.differences-section.mobile-app-differences-section h2,.application-section .start-adventure-block h2,.one-col-text h2,.start-adventure-dark .start-adventure-block h2,section.blog-section.blog-home-sec h2,.projects-info-block h5{font-size:25px;line-height:30px;letter-spacing:0px;}
h4,.projects-text h3,.differences-text h3,.tech-services-block h3,.differences-text h3,.differences-text h2,.differences-section.mobile-app-differences-section .differences-block h3,.capabilities-links ul li a h3,.work-balance-block h3,.ninjatech-gallery-item-title h3,.career-item h2,.info-block-text h2,.clients-trust-title h3,.info-block-text h4{font-size:22px;}
h5,.hiring-process-block h3,.card-block h2,.two-col-block-text h2{font-size:20px;}
h6,.projects-info h4,.portfolio-opt1-text h3,.evidence-numbers-text p,.work-balance-title p.work-balance-sub-title,.home-testimonial .client-feedback-block .client-names,.home-page-form-sec .contact-us-to-tab .contact-form-subtitle,.home-page-form-sec .contact-check-wrape .form-subtitle{font-size:16px;}
body,p{font-size:16px;line-height:24px;}
body,html{overflow-x:hidden;}
.right-hand{width:100%;max-width:300px;margin-top:120px;}
.dot{margin-top:80px;}
.projects-section,.contact-us-to-section{padding:80px 0;}
.projects-text p{margin-bottom:16px;}
.projects-info{padding-top:16px;}
.projects-info-row{margin:0 -15px;}
.projects-info-col{padding:0 15px;}
.projects-wrape{padding:0;}
.projects-slide-buttons{margin:20px 0 0 0;}
.logo-slider-section::before,.logo-slider-section::after{width:10%;}
.contact-us-to-tab-data .nav-tabs .nav-link{font-size:40px;} .inside-banner-text .banner-text-parent{margin-bottom:50px;padding-bottom:50px;}
.solutions-parent{padding-bottom:50px;}
.project-inside-section{padding-bottom:0;}
.project-inside-section .projects-parent{padding-bottom:80px;}
.btn.btn-primary{font-size:16px;}
.banner-text-parent{margin-bottom:50px;}
.info-block-parent{padding-bottom:80px;}
.inside-hero-image{min-height:600px;}
.ourtech-section{padding:60px 0;}
.ourtech-left .ourtech-services-wrape{padding:0 0 0px 30px;}
.ourtech-right .ourtech-services-wrape{padding:0 30px 0px 0;}
.ourtech-left .ourtech-text,.ourtech-right .ourtech-text{margin:0;}
.ourtech-services-block{min-height:150px;}
.ourtech-services-block img{width:55px;height:55px;}
.ourtech-services-block h5{font-size:18px;line-height:24px;margin-top:10px;}
.line{margin:50px 0;}
.evidence-numbers-count{padding-bottom:80px;}
.evidence-numbers-count-block h3{font-size:32px;}
.differences-block{padding:25px;min-height:265px;}
.start-adventure-section{padding:80px 0;}
.start-adventure-block{padding:35px;}
.career-item a::before{top:42px;}
.hiring-process-parent{padding-bottom:80px;}
.hiring-process-block h3{margin:18px 0 12px 0;}
.career-detail-text p,.career-detail-text ol li,.border-block p{font-size:16px;}
.start-adventure-dark{padding:80px 0;}
.faq-parent{position:relative;z-index:1;}
.accordion-btn{font-size:18px;}
.accordion-btn::before{width:35px;height:35px;}
.faq-accordion-item .collapsed{padding:16px 40px 16px 0;}
.hiring-process--section .hiring-process-parent{padding-bottom:80px;}
.border-block h4{margin-bottom:20px;}
}
@media (max-width:991px){
.mobile-app-img-block{margin-bottom:-37px;margin-top:60px;}
.mobile-app-hiring-process-section{padding:60px 0 40px 0;}
.mobile-app-service-main .technology-services{padding-top:30px;}
.service-bg{height:170px;}
.service-block .service-wrap{min-height:300px;padding:20px;}
.projects-text img{width:180px;}
.hiring-process-icon{width:70px;height:70px;}
.award-icon-wrap{padding:40px 20px;column-gap:30px;}
.project-icon{max-width:60px;}
}
@media (min-width:768px) and (max-width:991px){
.tech-achievements-block h2 > svg{width:46px;}
.lookingfor-development h3{font-size:29px;line-height:40px;}
.tech-services-block h3::before{top:1px;}
.tech-achievements-block .count{font-size:37px;}
.technology-integrated-main{padding:80px 0 80px 0;}
section.development-success-stories{padding:80px 0 46px 0;}
.lookingfor-dev-inner{padding:40px 0 40px 60px;}
.technology-services{padding:80px 0;}
.tech-services-block p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.tech-achievements-block h6{font-size:17px;line-height:21px;}
.tech-achievements-block i{font-size:40px;}
section.technology-details-main{padding:140px 0 80px 0;}
.page-template-tpl-career .banner-text-section{padding:80px 0 0 0;}
.banner-text-section,.blog-inside-section{padding:80px 0 0 0;}
.gx-90,.gx-32,.gx-48{--bs-gutter-x:30px;}
h1,h2,.our-achievements-block h3{font-size:40px;line-height:45px;letter-spacing:-0.56px;}
h3,.award-text h2,.welcom-text h2,.hiring-process-title h2,.differences-section.mobile-app-differences-section h2,.application-section .start-adventure-block h2,.one-col-text h2,.start-adventure-dark .start-adventure-block h2,section.blog-section.blog-home-sec h2,.projects-info-block h5{font-size:25px;line-height:30px;letter-spacing:0px;}
h4,.differences-text h3,.tech-services-block h3,.differences-text h3,.differences-text h2,.differences-section.mobile-app-differences-section .differences-block h3,.capabilities-links ul li a h3,.work-balance-block h3,.ninjatech-gallery-item-title h3,.career-item h2,.info-block-text h2,.clients-trust-title h3,.info-block-text h4{font-size:22px;}
h5,.hiring-process-block h3,.card-block h2,.two-col-block-text h2{font-size:20px;}
h6,.projects-info h4,.portfolio-opt1-text h3,.evidence-numbers-text p,.work-balance-title p.work-balance-sub-title,.home-testimonial .client-feedback-block .client-names,.home-page-form-sec .contact-us-to-tab .contact-form-subtitle,.home-page-form-sec .contact-check-wrape .form-subtitle{font-size:16px;}
body,p{font-size:16px;line-height:24px;}
body,html{overflow-x:hidden;}
.right-hand{width:100%;max-width:300px;margin-top:120px;}
.dot{margin-top:80px;}
.projects-section{padding:60px 0 40px 0;}
.title{margin-bottom:50px;}
.projects-text h3{font-size:18px;}
.projects-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.projects-info{padding:16px 0;}
.projects-info h4{margin-bottom:10px;}
.projects-info-block{margin-bottom:20px;}
.client-feedback-block{min-height:200px;}
.logo-slider-section{padding:20px 0;}
.logo-slider-section::before,.logo-slider-section::after{width:10%;}
.logo-wrape .swiper-slide{padding:0 30px;}
.logo-slide{min-height:80px;}
.contact-us-to-section{padding:60px 0;}
.contact-us-to-tab-data .nav-tabs .nav-link{font-size:30px;line-height:35px;}
.inside-banner-text .banner-text-parent{margin-bottom:50px;padding-bottom:50px;}
.solutions-parent{padding-bottom:30px;}
.project-inside-section{padding-bottom:0;}
.project-inside-section .projects-parent{padding-bottom:24px;}
.case-studie-parent{padding-bottom:20px;}
.btn.btn-primary{font-size:16px;}
.banner-text-parent{margin-bottom:50px;}
.form-control,.intl-tel-input.separate-dial-code .selected-dial-code{font-size:16px;}
.info-block-parent{padding-bottom:60px;}
.info-block{padding:20px;min-height:150px;}
.info-block-text{margin-top:15px;}
.inside-hero-image{min-height:500px;}
.ourtech-section{padding:60px 0;}
.ourtech-left .ourtech-text,.ourtech-right .ourtech-text{margin:0;}
.ourtech-left .ourtech-services-wrape{padding:0 0 0px 30px;}
.ourtech-right .ourtech-services-wrape{padding:0 30px 0px 0;}
.ourtech-services-block h5{font-size:20px;line-height:24px;margin-top:10px;}
.line{margin:50px 0;}
.ourtech-services-block{min-height:120px;}
.ourtech-services-block img{width:50px;height:50px;}
.ourtech-services-wrape .gy-30{--bs-gutter-y:10px;}
.ourtech-services-wrape .gx-30{--bs-gutter-x:10px;}
.evidence-numbers-count{padding-bottom:60px;}
.evidence-numbers-count-block h5{font-size:18px;}
.start-adventure-section{padding:60px 0;}
.start-adventure-block{padding:25px;}
.start-adventure-block h3{margin-bottom:16px;}
.career-item a::before{top:42px;}
.application-section .start-adventure-block h2,.application-section .start-adventure-block p{max-width:320px;}
.hiring-process-parent{padding-bottom:30px;}
.hiring-process-title-data{margin-bottom:30px;}
.hiring-process-block{margin-bottom:30px;}
.hiring-process-block h3{margin:12px 0;}
.process-col:last-child .hiring-process-block::before{display:block;}
.career-detail-text p,.career-detail-text ol li,.border-block p{font-size:16px;}
.section-title-data{margin-bottom:60px;}
.start-adventure-dark{padding:60px 0;}
.section-title-content p{margin-bottom:20px;}
.hiring-process--section{padding-top:60px;}
.hiring-process-block h4{margin:16px 0;}
.faq-section{padding:0;}
.faq-parent{position:relative;z-index:1;}
.faq-title{margin-bottom:30px;}
.accordion-btn{font-size:20px;}
.faq-accordion-item .collapsed{padding:16px 40px 16px 0}
.hiring-process--section .hiring-process-parent{padding-bottom:30px;}
.border-block h4{margin-bottom:15px;}
}
@media (min-width:320px) and (max-width:767px){
.moretext{display:none;}
a.moreless-button{font-size:16px;color:#AEAEAE;font-weight:500;display:block;}
.page-template-tpl-technology-main .inside-hero-image{min-height:350px;}
.contact-us-to-tab-body .wpcf7 form.invalid .wpcf7-response-output{font-size:16px!important;}
.page-template-tpl-technology-main .inside-hero-text{margin-top:-70px;}
.page-template-tpl-career .banner-text-section{padding:80px 0 0 0;}
.mobile-app-service .mobile-app-img:first-child{margin-bottom:10px;}
.mobile-app-img-block{gap:10px;margin-bottom:-20px;}
.technology-details-main.mobile-app-development{padding:100px 0 0 0;}
.tech-achievements-block h2 > svg{width:40px;}
.service-bg{height:100%;background-position:bottom;}
.project-icon-main{flex:0 0 calc(25% - 30px);}
.hiring-process-block::before{content:none;}
.service-block .service-wrap{min-height:400px;margin-bottom:20px;}
.hiring-process-section.mobile-app-hiring-process-section
.hiring-process-title-data{margin-bottom:30px;}
.differences-section.mobile-app-differences-section .differences-parent{padding-bottom:20px;}
section.technology-details-main{padding:100px 0 50px 0;}
.tech-achievements-block i{font-size:40px;}
.case-sec-space{padding:40px 0;}
.tech-achievements-row{gap:15px;padding-left:7px;margin-top:20px;}
.technology-details-img > img{max-width:400px;margin:0 auto;width:100%;}
.tech-integrated-box{margin-top:20px;height:calc(100% - 20px);}
.mobile-app-service:nth-child(even){margin-top:0;}
section.technology-services-main.mobile-app-service-main
.technology-services::before{top:-20px;}
.services-shape{max-width:250px;}
.technology-details-img{margin-bottom:20px;}
.lookingfor-development h3{font-size:29px;line-height:40px;}
.technology-integrated-main{padding:50px 0 50px 0;}
.tech-services-block h3::before{top:1px;}
section.development-success-stories{padding:60px 0 46px 0;}
.tech-services-block{margin-top:30px;}
.technology-services{padding:70px 0 50px 0;}
.tech-achievements-block h6{font-size:17px;line-height:21px;}
.lookingfor-dev-inner{padding:30px;}
.lookingfor-img{justify-content:center;margin-top:30px;}
.tech-achievements-block .count{font-size:35px;}
.banner-text-section,.blog-inside-section{padding:80px 0 0 0;}
.gx-90,.gx-32,.gx-48{--bs-gutter-x:30px;}
h1,h2,.our-achievements-block h3{font-size:35px;line-height:40px;letter-spacing:-0.56px;}
h3,.award-text h2,.welcom-text h2,.hiring-process-title h2,.differences-section.mobile-app-differences-section h2,.application-section .start-adventure-block h2,.one-col-text h2,.start-adventure-dark .start-adventure-block h2,section.blog-section.blog-home-sec h2,.projects-info-block h5{font-size:25px;line-height:30px;letter-spacing:0px;}
h4,.differences-text h3,.tech-services-block h3,.differences-text h3,.differences-text h2,.differences-section.mobile-app-differences-section .differences-block h3,.capabilities-links ul li a h3,.work-balance-block h3,.ninjatech-gallery-item-title h3,.info-block-text h2,.clients-trust-title h3,.info-block-text h4{font-size:22px;}
h5,.hiring-process-block h3,.card-block h2,.two-col-block-text h2{font-size:20px;}
h6,.projects-info h4,.portfolio-opt1-text h3,.evidence-numbers-text p,.work-balance-title p.work-balance-sub-title,.home-testimonial .client-feedback-block .client-names,.home-page-form-sec .contact-us-to-tab .contact-form-subtitle,.home-page-form-sec .contact-check-wrape .form-subtitle{font-size:16px;}
body,p{font-size:16px;line-height:24px;}
.desktop-btn{display:none;}
.mobile-btn{display:table;}
body,html{overflow-x:hidden;}
.btn.btn-primary{font-size:16px;}
.our-achievements-block{margin-bottom:30px;}
.right-hand{width:100%;max-width:116px;width:40%;margin-top:45px;}
.dot{width:13px;height:13px;margin:32px 0px 0 5px;}
.projects-section{padding:50px 0;}
.projects-data{margin-bottom:30px;}
.title{margin-bottom:30px;}
.projects-text h3{font-size:18px;}
.projects-text p{font-size:16px;line-height:24px;margin-bottom:16px;}
.projects-info{padding:16px 0;}
.projects-info h4{margin-bottom:10px;}
.projects-info-block{margin-bottom:20px;}
.projects-wrape{padding:0;}
.projects-slide-buttons{margin:20px 0 0 0;}
.client-feedback-parent .mobile-btn{margin:0 auto;}
.logo-slider-section{padding:20px 0;}
.logo-slider-section::before,.logo-slider-section::after{width:10%;}
.logo-wrape .swiper-slide{padding:0 30px;}
.logo-slide{min-height:80px;}
.contact-us-to-section{padding:50px 0;}
.contact-us-to-tab-data .nav-tabs{margin-bottom:30px;}
.contact-us-to-tab-data .nav-tabs .nav-item{margin-right:20px;}
.contact-us-to-tab-data .nav-tabs .nav-link{font-size:20px;line-height:28px;padding-bottom:10px;}
.contact-check-wrape h6,.home-page-form-sec .contact-check-wrape .form-subtitle{margin-bottom:20px;}
.checkbox-group{width:100%;margin:0 0 15px 0;}
.form-group{margin-bottom:25px;}
.form-control{font-size:16px;}
.banner-text-parent{margin-bottom:30px;}
.inside-banner-text .banner-text-parent{margin-bottom:30px;padding-bottom:30px;}
.banner-text-title{margin-bottom:20px;}
.solutions-parent{padding-bottom:20px;}
.project-inside-section{padding-bottom:0;}
.project-inside-section .projects-parent{padding-bottom:50px;}
.case-studie-parent{padding-bottom:10px;}
.info-block-parent{padding-bottom:20px;}
.info-block-wrape{margin-bottom:30px;}
.info-block{padding:20px;min-height:150px;}
.info-block-text{margin-top:15px;}
.inside-hero-image{padding:100px 0 50px 0;min-height:400px;}
.ourtech-section{padding:50px 0;}
.ourtech-wrape{min-height:auto;margin-bottom:0px;}
.ourtech-left .ourtech-services-wrape,.ourtech-right .ourtech-services-wrape{padding:0 0 20px 0;}
.ourtech-services-block{min-height:140px;}
.ourtech-services-block img{width:50px;height:50px;}
.ourtech-services-block h5{font-size:16px;line-height:24px;margin-top:10px;}
.ourtech-services-wrape .gy-30{--bs-gutter-y:10px;}
.ourtech-services-wrape .gx-30{--bs-gutter-x:10px;}
.ourtech-left .ourtech-text,.ourtech-right .ourtech-text{margin:0;}
.line{margin:50px 0;}
.evidence-numbers-count{padding:24px 0;}
.evidence-numbers-count-col{width:50%;}
.evidence-numbers-count-block{text-align:center;margin-bottom:30px;}
.evidence-numbers-count-block h5{font-size:16px;}
.differences-block{padding:20px;min-height:265px;}
.start-adventure-section{padding:50px 0;}
.start-adventure-block{padding:20px;position:relative;z-index:1;}
.start-adventure-block::before{content:"";width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;z-index:-1;border-radius:12px;opacity:0.7;}
.start-adventure-block h3{text-align:center;margin-bottom:16px;}
.start-adventure-block .btn.btn-primary{background-color:#fff;font-size:14px;margin:0 auto;display:table;}
.start-adventure-block .btn.btn-primary:hover{background-color:#FF5B2E;}
.career-item a{padding:20px 0;}
.career-item a::before{top:auto;bottom:15px;width:25px;height:25px;background-size:15px;}
.career-badge{font-size:12px;margin-top:0;}
.application-section .start-adventure-block h2{margin-bottom:15px;}
.application-section .start-adventure-block p{text-align:center;}
.hiring-process-parent{padding-bottom:20px;}
.hiring-process-title-data{margin-bottom:30px;}
.hiring-process-block{margin-bottom:30px;}
.hiring-process-block h3{margin:12px 0;}
.process-col:last-child .hiring-process-block::before{display:block;}
.career-detail-text p,.career-detail-text ol li,.border-block p{font-size:16px;line-height:24px;}
.border-block{padding:20px;}
.choose-file-data p{font-size:16px;}
.choose-file-btn,.intl-tel-input.separate-dial-code .selected-dial-code{font-size:16px;}
.section-title-data{margin-bottom:20px;}
.start-adventure-dark{padding:50px 0;}
.start-adventure-dark .start-adventure-block h2,.start-adventure-dark .start-adventure-block p{width:100%;text-align:center;margin-bottom:20px;}
.start-adventure-dark .start-adventure-block::before,.start-adventure-dark-section .start-adventure-block::before{opacity:0;}
.start-adventure-dark .start-adventure-block .btn.btn-primary,.start-adventure-dark-section .start-adventure-block .btn.btn-primary{background:transparent;}
.start-adventure-dark .start-adventure-block .btn.btn-primary:hover,.start-adventure-dark-section .start-adventure-block .btn.btn-primary:hover{background-color:#FF5B2E;}
.section-title,.section-title-content p{margin-bottom:20px;}
.client-feedback-parent{z-index:1;position:relative;}
.hiring-process--section{padding:50px 0 0 0;}
.hiring-process-block h4{margin:16px 0;}
.faq-title{margin-bottom:20px;}
.faq-data{z-index:11;position:relative;}
.accordion-btn{padding-right:30px!important;font-size:16px;line-height:24px;}
.faq-accordion-item .collapsed{padding:15px 40px 15px 0;}
.accordion-btn::before{width:30px;height:30px;}
.start-adventure-dark-section .start-adventure-block::before{display:none;}
.start-adventure-dark-section .start-adventure-block .btn.btn-primary{background:transparent;}
.start-adventure-dark-section .start-adventure-block .btn.btn-primary:hover{background-color:#FF5B2E;}
.start-adventure-block h2{text-align:center;margin-bottom:16px;}
.border-block h4{margin-bottom:20px;}
.ai-banner-visual-1,.ai-banner-visual-3{display:none;}
}
@media (min-width:576px) and (max-width:767px){
.client-feedback-block{min-height:218px;}
}
@media (max-width:575px){
.intl-tel-input .country-list{max-width:320px;}
}
@media (max-width:479px){
}
@media (max-width:399px){
.intl-tel-input .country-list{max-width:270px;}
.tech-achievements-block .count{font-size:26px;}
.tech-achievements-block i{font-size:30px;}
.tech-achievements-block h6{font-size:15px;line-height:20px;}
.tech-achievements-block h2 > svg{width:33px;}
.tech-achievements-row{gap:10px;}
.lookingfor-development h3{font-size:25px;line-height:36px;}
.related-services-section .title{flex-direction:column;align-items:flex-start;gap:15px;}
}