@charset "UTF-8";
   

@font-face {
    font-family: 'Departure Mono';
    src: url('../fonts/Departure_Mono/DepartureMono-Regular.eot');
    src: url('../fonts/Departure_Mono/DepartureMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Departure_Mono/DepartureMono-Regular.woff2') format('woff2'),
        url('../fonts/Departure_Mono/DepartureMono-Regular.woff') format('woff'),
        url('../fonts/Departure_Mono/DepartureMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}


.txt-extrabold {
    font-family:'Mulish ExtraBold';
}
.txt-bold {
    font-family:'Mulish Bold';
    font-weight:normal;
}
.txt-demibold {
    font-family:'Mulish SemiBold';
    font-weight:normal;
}
.txt-normal {
    font-family:'Mulish Regular';
    font-weight:normal;
}

.bg-orange {
    background-color:#f7931e;
}
.txt-orange {
    color:#f7931e;
}

.txt-white {
    color:#FFF !important;
}

.align-center{

    text-align: center;
}

.no-padding { padding:0 }

.no-padding-top { padding-top:0 }

.no-padding-bottom { padding-bottom:0 }

.btn-orange {
    color: #000;
    font-family: 'Departure Mono';
    position: relative;
    cursor: pointer;
    background-color: #f7931e;
    padding: 11px 30px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    transition:all .3s ease-in-out;

}

.btn-orange:hover {
    color: #f7931e;
    background-color: #000;
    
}


.btn-black {
    color: #f7931e;
    font-family: 'Departure Mono';
    position: relative;
    cursor: pointer;
    background-color: #000;
    border: solid 1px #000;
    padding: 13px 30px 12px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 0;
    text-transform: uppercase;
    transition:all .3s ease-in-out;

}

.btn-black:hover{
    color: #000;
    border: solid 1px #000;
    background-color: transparent;
    
}

.btn-black:hover img{
     filter: brightness(0); 
    
}


.btn-orange-outline {
    color: #f7931e;
    font-family: 'Departure Mono';
    position: relative;
    cursor: pointer;
    border:solid 1px #f7931e;
    padding: 11px 30px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    transition:all .3s ease-in-out;
    display: inline-block;

}

.btn-orange-outline:hover {
    color: #000;
    background-color: #f7931e;;
    
}


.whatsapp-btn {
    position: fixed;
    bottom: 30px;
    right: 84px;
    border: solid 0.5px #FFF;
    border-radius: 50px;
    cursor: pointer;
    z-index: 9999;
    padding: 14px 30px;
    font-family: 'Departure Mono';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    transition:all .3s ease-in-out;
    background-color:#000;
}

.whatsapp-btn:hover{
    background-color:#FFF;
    color:#000;
}

.whatsapp-btn img{
    width:17px;
    margin-right:8px;
}



html {
    overflow-x:hidden;
}
body {
    margin:0;
    word-break:break-word;
    font-family:"Geist Mono";
    font-weight:normal;
    font-size:13px;
    color:#000;
    position:relative;
    line-height:1.4;
    background-color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:0;
}

a {
    color: #FFF;
   
}

a:hover {
    text-decoration:none;
     transition: all .3s ease-in-out;

}

button:focus,button:focus-visible,button:active {
    outline:none !important;
    box-shadow:none !important;
}
html.no-scroll,body.no-scroll {
    overflow:hidden;
}


section{
    padding-top:120px;
    padding-bottom: 120px;
}
.fade-up {
    opacity:0;
    transform:translateY(45px);
    animation:fadeUp 1.5s ease forwards;
    animation-delay:calc(attr(data-delay ms,0ms));
}
@keyframes fadeUp {
    from {
    opacity:0;
    transform:translateY(45px);
}
to {
    opacity:1;
    transform:translateY(0px);
}
}.fade-in {
    opacity:0;
    animation:fadeIn 1.5s ease forwards;
    animation-delay:calc(attr(data-delay ms,0ms));
}
@keyframes fadeIn {
    from {
    opacity:0;
}
to {
    opacity:1;
}
}.fade-in-up {
    opacity:0;
    transform:translateY(45px);
    animation:fadeInUp 1s ease forwards;
    animation-delay:calc(attr(data-delay ms,0ms));
}
@keyframes fadeInUp {
    from {
    opacity:0;
    transform:translateY(45px);
}
to {
    opacity:1;
    transform:translateY(0);
}
}.title-wrap {
    overflow:hidden;
    display:inline-block;
}
.move-up-text {
    display:inline-block;
    transform:translateY(100%);
    animation:moveUpReveal 1s cubic-bezier(.77,0,.18,1) forwards;
    animation-delay:calc(attr(data-delay ms,0ms));
}
@keyframes moveUpReveal {
    from {
    transform:translateY(100%);
}
to {
    transform:translateY(0%);
}
}.scroll-fade-in {
    opacity:0;
    will-change:transform,opacity;
}
.scroll-move-up {
    display:inline-block;
    opacity:0;
}
#site-navigation {
    position:relative;
}
#site-navigation,.cus-container {
    max-width:calc(100vw - 34px);
    margin-left:auto;
    margin-right:auto;
    padding:0 15px;
}
.notop .desktop-nav-wrapper {
    padding-bottom:0;
}

.mobile-nav-wrapper {
    display:block;
}

.mobile-nav-wrapper .nav-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0 5px;
}


p {
    margin-top: 0;
    margin-bottom: 3rem;
}


@media (min-width:767px ) {
    #site-navigation,.cus-container {
    max-width:calc(100vw - 200px);
}
}@media (min-width:1200px ) {
    #site-navigation,.cus-container {
    max-width:calc(100vw - 200px);
}
}@media (min-width:2120px ) {
    #site-navigation,.cus-container {
    max-width:1920px;
}

}.custom-logo {
    width:180px;
}
@media (min-width:768px) {
    .custom-logo {
    width:180px;
}
.desktop-nav-wrapper {
    display:block;
    padding-bottom:20px;
}

}

/* form, input, textarea, select */
form
{
    max-width: 100%;
}

label
{
       font-family: "Geist Mono";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;

    display: block;

    margin-bottom: 8px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    text-transform: none;

    color: #161616;
}
label abbr
{
    text-decoration: none;

    border: none !important;
}

input[type='text'],
input[type='date'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='url'],
input[type='search'],
input[type='number'],
textarea,
select
{
       font-family: "Geist Mono";
    font-size: 13px;
    line-height: 1.65;

    display: block;

    width: 100%;
    margin: 0;
    padding: 10px 15px 10px 0;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    letter-spacing: 0;
    text-transform: none;
    border:none;
    color: #FFF;
    border-bottom: 0.5px solid #FFF;
    border-radius: 0;
    outline: none; 
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type='text'].vlt-border-white,
input[type='date'].vlt-border-white,
input[type='email'].vlt-border-white,
input[type='password'].vlt-border-white,
input[type='tel'].vlt-border-white,
input[type='url'].vlt-border-white,
input[type='search'].vlt-border-white,
input[type='number'].vlt-border-white,
textarea.vlt-border-white,
select.vlt-border-white
{
    border-color: #fff;
}


.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    color: #f7931e;
    font-size: 14px;
}



#contact-us [type=button], #contact-us [type=reset], #contact-us [type=submit], #contact-us button {
        -webkit-appearance: none;
    display: block;
    text-decoration: none;
    border: solid 1px #f7931e;
    position: relative;
    transition: all .35s;
    font-family: "Geist Mono";
    font-family: 'Departure Mono';
    margin-right: 10px;
    color: #000;
    font-size: 13px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-top: 15px;
    background-color: #f7931e;
    padding: 11px 30px;
    border-radius: 50px;
}

select
{
    padding-right: 35px;
    background-repeat: no-repeat;
    background-position: right 30px bottom 50%;
    background-size: 10px 6px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

textarea
{
    width: 100%;
    max-width: 100%;

    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out; 
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: border-color;
            transition-property: border-color;
    max-height: 250px;
}

input[type='text']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='number']:focus,
textarea:focus,
select:focus
{
    border-color: #FFF;
    outline: none;
}

input[type='text']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder
{
    opacity: 1; 
    color: #FFF;
}

input[type='text']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder
{
    opacity: 1; 
    color: #FFF;
}

input[type='text']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder
{
    opacity: 1; 
    color: #FFF;
}

input[type='text']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder
{
    opacity: 1; 
    color: #FFF;
}

.wpcf7-not-valid-tip {
    color: #FFF !important;
    font-size: 14px !important;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}




.head-menu {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:9;
}
.head-menu.notop {
    background-color:transparent;
    transition:background 0.5s ease;
}
.custom-logo.colour {
    position:absolute;
    top:0px;
    left:0px;
    visibility:hidden;
    opacity:0;
    transition:all .3s ease-in-out;
}
.custom-logo.white {
    }.head-menu.notop .custom-logo.colour {
    opacity:1;
    visibility:visible;
    width:90%;
    transition:width 0.6s ease;
}
.head-menu.notop .custom-logo.white {
    opacity:0;
    visibility:hidden;
}
.site-logo {
    position:relative;
    display:inline-block;
}




.desktop-nav-wrapper .nav-inner {
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    padding: 30px 0px 0px;
    transition: padding 0.3s ease;
}
.menu-lisiting {
    display:inline-flex;
    flex-wrap:wrap;
}
.menu-lisiting a {
    font-size:16px;
    font-family:'Mulish Bold';
    color:#FFF;
    padding-top:60px;
    transition:all .35s ease;
    margin:18px 18.5px 20px;
}

 .menu-item.has-dropdown > a,  .menu-item.has-dropdown-2 > a{
   padding:18px 18px 20px 18px
}

.head-menu.notop .menu-item.has-dropdown > a, .head-menu.notop .menu-item.has-dropdown-2 > a{
   padding:28px 18px 26px 18px
}

.head-menu.notop .site-logo{
margin-top:10px;
}



.menu-lisiting > .menu-item.has-dropdown:hover > a, .menu-lisiting > .menu-item.has-dropdown-2:hover > a {
       background: #EEE;
}

.menu-item.has-dropdown i, .menu-item.has-dropdown-2 i{
   font-size: 12px;

}

.head-menu.notop .menu-lisiting a {
    color:#214073;
}


.menu-lisiting > .menu-item.has-dropdown:hover > a,
.menu-lisiting > .menu-item.has-dropdown-2:hover > a,
.menu-lisiting > .menu-item.has-dropdown.menu-open > a,
.menu-lisiting > .menu-item.has-dropdown-2.menu-open > a {
    background: #EEE;
}

.menu-topbar {
    background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,#428AD1 60%,#428AD1 100%);
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:10;
    border-top:0px solid #428AD1;
    transition:top 0.5s ease;
}
.menu-topbar .darkblue-bar {
    background-color:#214073;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    color:#FFF;
    gap:15px;
    padding:12px 30px;
    border-radius:0 15px 0 15px;
}
.top-menubar-content a,.darkblue-bar a {
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    color:#FFF;
    text-decoration:unset;
    font-size:15px;
}
.top-menubar-content {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:end;
}
.top-menubar-bg {
    display:inline-flex;
    flex-wrap:wrap;
    gap:30px;
    border-radius:0 0 0 15px;
    background-color:#428AD1;
    font-family:'Mulish Bold';
}
.topmenu-shop {
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:15px;
    color:#FFF;
    font-size:15px;
}
.topmenu-shop img {
    width:30px;
}
.head-menu.notop .menu-topbar {
    top:-80px;
}
.head-menu.notop .desktop-nav-wrapper .nav-inner {
    align-items:center;
    padding:0px 0px 0px;
}
.head-menu {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transition:all .35s ease;
}
/* =========================================
HEADER ACTIVE STATE
========================================= */

.head-menu.menu-active {
    background:#FFF;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
}
/* =========================================
LOGO SWITCH
========================================= */

.custom-logo.colour {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    transition:all .35s ease;
}
.custom-logo.white {
    }.head-menu.menu-active .custom-logo.colour,.head-menu.notop .custom-logo.colour {
    opacity:1;
    visibility:visible;
}
.head-menu.menu-active .custom-logo.white,.head-menu.notop .custom-logo.white {
    opacity:0;
    visibility:hidden;
}
.head-menu.menu-active .menu-lisiting a,.head-menu.notop .menu-lisiting a {
    color:#214073;
}

/* =========================================
MOBILE MENU
========================================= */

.mobile-menu-wrapper {
    position: fixed;

    top: var(--start-top);
    right: var(--start-right);

    width: 20px;
    height: 20px;

    background: #f7931e;
    z-index: 90;

    overflow: hidden;
    box-sizing: border-box;

    opacity: 0;
    pointer-events: none;

    transition:
        width 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        height 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        top 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        right 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        opacity 0.5s ease,transform 1s ease;
}



/* OPEN */
.mobile-menu-wrapper.active {
        top: 14px;
    right: 96px;

    width: 368px;
    height: 70vh;
     overflow: hidden;
    pointer-events: auto;
    opacity: 1;

    transition:
        width 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        height 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        top 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        right 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        opacity 0.5s ease,transform 1s ease;
}



#mobile-menu-icon {
    position: relative;
    z-index: 9999;
}
.mobile-menu-list {
    overflow-y:hidden;
}
.mobile-menu-list a {
    font-size:15px;
    line-height:1.3;
    color:#000;
    font-family:'Departure Mono';
    text-decoration:none;
    display:flex;
    cursor:pointer;
    margin-bottom:15px;
    padding-bottom: 15px;
    border-bottom: solid 0.5px #000;
    text-transform: uppercase;
}
.mobile-menu-item span {
    font-size: 10px;
    margin-top:3px;
}
.mobile-menu-link {
    display:flex;
    gap: 18px;
    width:100%;
    padding-right:20px;
    line-height: 1;
}

.mobile-menu-link i{
    position: absolute;
    right: 20px;
    width: 7px;

}
.mobile-menu-page {
    position:absolute;
    top:0;
    left:100%;
    width:100%;
    overflow:hidden;
    opacity: 0;
    transition:left .5s ease, opacity 1s ease,transform 1s ease;
    height:100vh;
}
.mobile-menu-page.active {
     opacity: 1;
     left:0;
}
.mobile-menu-page.prev {
    opacity: 0;
    left:-100%;
}

.mobile-menu-page .cus-container {
    margin-top:80px;
    min-height:calc(100vh - 210px);
    display:flex;
    flex-direction:column;
    padding: 0 25px;
}

.mobile-menu-page .mobile-menu-address{
    display: inline-flex;
    gap:30px;
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #000;
}

.mobile-menu-page .mobile-menu-address a{
    color: #000;
    transition:all .35s ease;

}

.mobile-menu-page .mobile-menu-address a:hover{
    color: #FFF;
    transition:all .35s ease;

}



.whatsapp-contact i{
    display: block;
    margin-bottom: 5px;
}
.whatsapp-contact i img {
    width: 15px;
    margin-right: 5px;
    margin-bottom: 2px;
}


.nav-img-box {
    border:solid 1px #a7a9ac;
    border-radius:5px;
    background-color:#999;
    color:#FFF;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
    height:16vh;
    padding:20px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    cursor:pointer;
}
#services-menu .cus-container,{
    margin-top:30px;
}



#services-menu .mobile-menu-list {
    height:auto;
}
#services-menu  .mobile-menu-list a {
    margin-bottom:0;
    margin-top:0;
    padding-top:15px;
    padding-bottom:15px;
}

#services-menu .mobile-menu-list a:last-child {
    border-bottom:solid 0.5px #000;
}
.mobile-back-btn {
    font-size:13px;
    color:#000;
    cursor:pointer;
    font-family: "Geist Mono";
    text-transform: uppercase;
    position: absolute;
    top: 25px;
}
.mobile-back-btn .fa-chevron-left {
    font-size:12px;
}
.mobile-menu-list a {
    opacity:0;
    transform:translateY(10px);
    transition:opacity 1s ease,transform 1s ease;
    transition-delay:calc(var(--delay) * 0.05s);
}
.mobile-menu-page.active .mobile-menu-list a {
    opacity:1;
    transform:translateY(0);
}
#products-menu .mobile-menu-bottom {
    margin-top:30px;
}

#products-menu .mobile-menu-bottom {
    margin-top:30px;
}
.mobile-menu-bottom-container {
    width:100%;
    display:flex;
    gap:10px;
}
.mobile-menu-bottom-container > a {
    flex:1 1 auto;
    text-align:center;
    padding:10px;
}

.mobile-menu-bottom .col-md-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
    padding-right: 15px;
}
.mobile-menu-bottom .col-md-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding-right: 15px;
}

/* =========================================
HAMBURGER
========================================= */

.menu-icon {
    color: #000;
    font-family: 'Departure Mono';
    position: relative;
    cursor: pointer;
    z-index: 9999;
    background-color: #f7931e;
    padding: 11px 30px;
    border-radius: 50px;
    font-size: 13px;
    line-height: 1;
}

.menu-icon.active {
    color: #f7931e;
    font-family: 'Departure Mono';
    position: relative;
    cursor: pointer;
    z-index: 9999;
    background-color: #000;
    padding: 11px 30px;
    border-radius: 50px;
    font-size: 13px;
    line-height: 1;
}

.header-2 .menu-icon span,.header-2 .menu-icon::before,.header-2 .menu-icon::after {
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    background:#333;
    left:0;
    transition:all .3s ease;
}

.menu-text {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.3em;
    line-height: 1.4em;
    text-align: center;
}

.menu-label,
.close-label {
    display: block;
    transition: transform 0.45s ease;
}

/* Normal position */
.menu-label {
    transform: translateY(0);
}


/* Menu opened */
#mobile-menu-icon.active .menu-label {
    transform: translateY(-100%);
}

#mobile-menu-icon.active .close-label {
    transform: translateY(-100%);
}

/* Only animate MENU on hover when menu is closed */
#mobile-menu-icon:not(.active):hover .menu-label {
    animation: menu-bounce 0.4s ease;
}

@keyframes menu-bounce {
    0% {
        transform: translateY(0);
    }

    35% {
        transform: translateY(-3px);
    }

    70% {
        transform: translateY(2px);
    }

    100% {
        transform: translateY(0);
    }
}


/* =========================================
 NAV RESPONSIVE
========================================= */

@media(max-width:1200px) {
 


.mobile-nav-wrapper .site-logo {
    width:180px;
}
}
}section {
    padding-top:90px;
    padding-bottom:90px;
}

footer {
    background:#000;
    font-size:15px;
    padding-bottom: 65px;
}


.footer-title-box {
    padding-bottom: 10px;
    color: #cccccc;
    font-family: "Geist Mono";
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 12px;
}

.footer-content-box {
        padding-top: 5px;
    padding-bottom: 30px;
    color: #cccccc;
    text-transform: uppercase;
    font-size: 12px;
}
.footer-link {
    text-decoration:none;
    color:#cccccc;
    display:flex;
    width:100%;
    align-items:center;
}
.footer-link i {
    width: 18px;
    color: #CCC;
    margin-right: 10px;
}
.footer-link.whatsapp i {
    font-size:19px;
}
.footer-link span {
    width:calc(100% - 25px);
}
.footer-link:hover {
    text-decoration:none;
    color:#f7931e;
        transition:all .3s ease-in-out;

}


.footer-logo img{
    
    width: 200px;
}

.footer-copyright{
    font-size: 11px;
    color:#cccccc;
    margin-top:10px;
    text-transform: uppercase;

}


/* =========================================
 CTA
========================================= */

.cta .cus-container {
    height:35vh;
 }

 .cta .row {
    height:35vh;
    background-blend-mode: multiply;
 }

 .cta .col-md-6 {
    font-family: 'Departure Mono';
    text-transform: uppercase;
    text-align: center;
    align-content: center;
  }


.cta h2{
    font-size: 32px;
    word-spacing: -9px;
        font-family: 'Departure Mono';
  }


 .cta .btn-black{
    margin-top: 10px;
    display: inline-block;
    word-spacing: -2px;
  }

 .cta  .btn-black i img{
    width: 18px;
    margin-right: 7px;
    margin-top: -2px;
  }



/* =========================================
 HOME PAGE 
========================================= */

.sticky-landing-top {
    position: absolute;
    top: 50px;

    /* Center the container */
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    z-index: 2;
    text-transform: uppercase;
}

.sticky-landing-top .tagline{
    text-align: center;
     word-spacing: 16px;
     color:#FFF;
    margin-top: -12px;
}

.sticky-landing-bottom {
    position: absolute;
    bottom: 40px;

    /* Center the container */
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    z-index: 2;
    text-transform: uppercase;
}

.sticky-landing-bottom .scroll{
    text-align: center;
    font-size: 12px;
}

.arrow-wrap {
    animation: arrow-bounce 1.2s ease-in-out infinite;
}

.pixel-arrow {
    width: 7px;
    height: auto;

    transform: rotate(90deg);
    transform-origin: center;
}

@keyframes arrow-bounce {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}


.typing-title {
    visibility: hidden;
}

.typing-title.typing-ready {
    visibility: visible;
}

.typing-char {
    display: none !important;
}

.typing-char.show {
    display: inline !important;
}

.typing-cursor {
    display: inline-block;
    width: 0.6em;
    height: 2px;
    margin-left: 3px;
    background: currentColor;
    vertical-align: 0.05em;

    animation: cursor-blink 0.6s step-end infinite;
}

.typing-cursor.is-typing {
    animation: none;
    opacity: 1;
}

@keyframes cursor-blink {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}


.parallax-section {
    position:relative;
    min-height:100vh;
    overflow:hidden;
}
.video-wrap {
    position:absolute;
    inset:-1%;
    will-change:transform;
    padding: 0 5% 10%;
    opacity: 0.4;
    z-index: -1;
}

.video-wrap::after {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.5) 50%,
        rgba(0,0,0,0.5) 100%
    );
    mix-blend-mode: normal;
    opacity: 0.6;
    pointer-events:none;
    z-index:1;
}
.bg-video {
    width:100%;
    height:120%;
    object-fit:cover;
}
.topbanner {
    background-repeat:no-repeat;
    background-size:cover;
    min-height:100vh;
    position:relative;
        padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
}

.banner-title h1 {
    font-size:36px;
    line-height: 1.1;
    color: #f7931e;
    font-family:'Departure Mono';
    word-spacing: -17px;
    margin-bottom: 0;
    text-transform: uppercase;
}


#home .banner-title h1 {
    font-size:44px;
    
}

.mb-30 {
    margin-bottom:30px;
}
.max-width-short {
    max-width:600px;
    margin:0 auto;
}



.clear-btn {
    border:none;
    background:transparent;
    color:#cecece;
    font-size:19px;
    line-height:1;
    cursor:pointer;
}

.contact-small-icon {
    position: fixed;
    right: 10px;
    top: 60%;
    transform: translateY(-50%) translateX(70px); /* ← hidden off screen right */
    z-index: 777;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.contact-small-icon.visible {
    transform: translateY(-50%) translateX(0); /* ← slides in */
    opacity: 1;
}

.round-btn {
    cursor: pointer;
    background-color: #214073;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #FFF;
    width: 45px;
    height: 45px;
}
.round-btn.light {
    background-color: #428AD1;
}
.round-btn.whatsapp {
    font-size: 23px;
}
.round-btn:hover {
    color: #FFF;
    text-decoration: unset;
}
.contact-small-icon > * {
    margin-bottom: 15px;
}
.contact-small-icon > *:last-child {
    margin-bottom: 0px;
}




section .section-title {
    font-family: "Geist Mono";
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}




section h2  {
    font-family: "Geist Mono";
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 400;
        word-spacing: -5px;
    letter-spacing: 0.5px;
}


.section-title a:hover{
    color:#f7931e;
}

section .section-desc{
    display: flex;
    align-items: center;
}

#home #section-2 #main-service{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    height:40vh;
    margin-top:40px;
    padding-top:30px;
     clip-path: polygon(
        0 0,
        calc(100% - 80px) 0,
        100% 80px,
        100% 100%,
        0 100%
    );
    border-bottom: none;
}

/*

#home #section-2 #main-service .fill {
    position: absolute;
    inset: 0;
    background-color: #f7931e;
    z-index: -1;
    transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    will-change: transform;
}
#home #section-2 #main-service[data-dir="top"]    .fill { transform: translateY(calc(-100% - 2px)); }
#home #section-2 #main-service[data-dir="bottom"] .fill { transform: translateY(calc(100% + 2px)); }
#home #section-2 #main-service.is-active .fill { transform: translate(0, 0); }
*/


#home #section-2 #main-service h3{
    font-family: "Geist Mono";
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
}

#home #section-2 #main-service .col-md-6 {
    align-content: center;
    margin-left: -30px;
}

#home #section-2 #main-service .btn-orange{
    display: inline-block;
}


/*
  #main-service.is-active h3,   #main-service.is-active p,
  #main-service.is-active .col-md-6 {
    color: #000 !important;
  }


  #main-service.is-active .btn-orange{
    background-color:#000;
    color: #f7931e;
}

 */



/*.section-service{
    display: flex;
    gap:15px;
    padding: 30px 0;
    height: 23vh;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    cursor: none;
    transition:all .3s ease-in-out;


}*/

.section-service{
    display: flex;
    gap:15px;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.50);
    padding: 30px 0;
    height: 17vh;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    cursor: none;
    transition:all .3s ease-in-out;


}


a.section-service {
    
    cursor: none;
    transition:all .3s ease-in-out;


}


.section-service:hover .service-title,
  .section-service:hover .service-title-desc {
    color: #f7931e !important;
  }
/* 
  .section-service .fill {
    position: absolute;
    inset: 0;
    background-color: #f7931e;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    will-change: transform;
  }

.section-service[data-dir="top"]    .fill { transform: translateY(calc(-100% - 2px)); }
.section-service[data-dir="bottom"] .fill { transform: translateY(calc(100% + 2px)); }

  .section-service.is-active .fill { transform: translate(0, 0); } */



.service-number{
    background-color: #f7931e;
    color: #000;
    font-family: 'Departure Mono';
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border-radius: 50%;
    box-sizing: border-box;
    margin-left: 10px;
}



.service-title{
    font-family: "Geist Mono";
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 400;
    word-spacing: -2px;
}

.service-title-desc{
    padding-right:35px;
        align-content: center;
}

.service-link{
    width: 9px;
        position: absolute;
    right: 20px;
}


/* 
.section-service.is-active .service-number {
    color: #1a1a1a;
  }

  .section-service.is-active .service-title,
  .section-service.is-active .service-title-desc {
    color: #1a1a1a !important;
  }

  .section-service.is-active .service-link svg rect {
    fill: #1a1a1a !important;
  }


  .section-service.is-active .service-number,   #main-service.is-active .service-number{
    color: #f7931e!important;
    background-color: #000;
  }

*/

#home #section-2 #other-services{
    margin-top:20px;
}

#home #section-2 #other-services .col-md-4{
    margin-bottom:20px;
}


#home #section-3 {
    text-align: center;
}


/* ---------------- SLIDER ---------------- */

  .slider-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: clamp(20px, 6.5vw, 78px);
    cursor:none;
    touch-action: pan-y;
    margin-top:60px;
  }

  .slider-wrap.dragging {
    cursor: grabbing;
  }

  .slider-wrap.dragging * {
    user-select: none;
  }

  .slider-track {
    display: flex;
    gap: clamp(24px, 4.5vw, 56px);
    transition: transform 0.55s cubic-bezier(.65,0,.35,1);
    will-change: transform;
  }

  .slider-track.dragging {
    transition: none;
  }

  .slider-track.dragging .card,
  .slider-track.dragging .card * {
    pointer-events: none;
  }

  .card img { -webkit-user-drag: none; }

  .card {
    position: relative;
    flex: 0 0 clamp(300px, 46vw, 570px);
    background: #f7931e;
    color: #000;
    text-align: left;
    padding: 42px 60px 30px 80px;
    min-height: 230px;
    clip-path: polygon(0 0, 70% 0, 78% 8%, 100% 8%, 100% 100%, 0 100%);
  }

  .card::before,
  .card::after,
  .card .corner-tl,
  .card .corner-br {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-color: rgba(0,0,0,0.55);
  }

  .card .corner-tl {
    top: 14px; left: 14px;
    border-top: 1px solid rgba(0,0,0,0.55);
    border-left: 1px solid rgba(0,0,0,0.55);
  }

  .card .corner-br {
    bottom: 14px; right: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.55);
    border-right: 1px solid rgba(0,0,0,0.55);
  }

  .card .num-ghost {
    position: absolute;
    top: 26px;
    left: 34px;
    font-size: 76px;
    color: rgba(0,0,0,0.14);
    line-height: 1;
    letter-spacing: -0.02em;
    user-select: none;
    pointer-events: none;
    font-family: 'Departure Mono';
    text-transform: uppercase;
  }

  .card .card-title {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    word-spacing: -4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 15px;
    margin-bottom: 16px;
    font-family: 'Departure Mono';
  }

  .card .card-desc {
    position: relative;
    line-height: 1.3;
    color: #241503;
  }

  /* ---------------- CONTROLS ---------------- */

  .controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 52px;
  }

  .arrow-btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.25);
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
    flex-shrink: 0;
  }

  .arrow-btn:hover:not(:disabled) {
    background: #e08b2c;
    border-color: #e08b2c;
    color: #000;
  }

  .arrow-btn:disabled {
    opacity: 0.25;
    cursor: default;
  }

  .arrow-btn svg { width: 18px; height: 18px; }


  .drag-cursor {
    position: fixed;
    top: 0;
    left: 10;
    width: 60px;
    height: 60px;
    padding-left:5px;
    border-radius: 50%;
    background: #000;
    color: #f7931e;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .drag-cursor.visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }

  .drag-cursor svg{
    width: 15px;
  }

  .view-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f7931e;
    color: #000;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .view-cursor.visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }

 #home #section-4 {
    text-align: left;
    margin-top:120px;
 }
  #home #section-4 #section-4-1,  #home #section-4 #section-4-2{
    margin-top:40px;
  }

  #home #section-4 #section-4-1 .section-4-1-title, #home #section-4 #section-4-2 .section-4-2-title{
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
    word-spacing: -4px;
  }

  #home #section-4 #section-4-1 .section-4-1-desc,  #home #section-4 #section-4-2 .section-4-2-desc{
    margin-top:40px;
  }

    #home #section-4 img{
    width: 80%;
  }

   #home #section-4 .col-md-6{
        align-content: center;
  }

    #home #section-4 .img-banner{

        text-align: center;
  }

   #section-4 .img-banner {
    padding: 0;
  }

  .img-slider {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 2;
    overflow: hidden;
    border-radius: 4px;
  }

.img-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: grab;
    touch-action: pan-y; /* let vertical page scroll through, keep horizontal for swiping */
  }

  .img-slider-track:active {
    cursor: grabbing;
  }

#home #section-4 .img-slider-slide {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
  object-position: center;
}
#home #section-4 .img-slider-slide.active {
  display: block;
}
  .img-slider-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 2;
  }

  .img-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease;
  }

  .img-slider-dot.active {
    background: var(--orange);
  }

  .img-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,0.45);
    color: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
  }

  .img-slider-arrow:hover {
    background: rgba(0,0,0,0.75);
  }

  .img-slider-arrow.prev { left: 12px; }
  .img-slider-arrow.next { right: 12px; }


  .section-4-1-title {
    font-size: 26px;
    margin-top: 0;
  }




 #home #section-5 .casefiles-header{
    text-transform: uppercase;
    color:#FFF;
    margin-top:30px;
    padding: 20px 0;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.50);

}

 #home #section-5 .casefiles-container{
    color:#FFF;
    padding: 25px 0;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.50);
}

 #home #section-5 .casefiles-container .casefile-number{
    text-align: center;
    align-content: center;
}

 #home #section-5 .casefiles-container .casefile-name{
    color:#FFF;
    text-transform: uppercase;
    align-content: center;
}


 #home #section-5 .casefiles-container .read-more{
    font-size: 12px;
    text-align: center;
     align-content: center;
}

 #home #section-5 .casefiles-container .read-more a{
    color:#f7931e;
}

#home #section-5 .casefiles-container .read-more a:hover{
    color:#FFF;
}




 #home #section-6 .cus-container {
    height:35vh;
 }

  #home #section-6 .row {
    height:35vh;
    background-blend-mode: multiply;
 }

  #home #section-6 .col-md-6 {
    font-family: 'Departure Mono';
    text-transform: uppercase;
    text-align: center;
    align-content: center;
  }


  #home #section-6 h2{
    font-size: 32px;
    word-spacing: -9px;
        font-family: 'Departure Mono';
  }


  #home #section-6  .btn-black{
    margin-top: 10px;
    display: inline-block;
    word-spacing: -2px;
  }

    #home #section-6  .btn-black i img{
    width: 18px;
    margin-right: 7px;
    margin-top: -2px;
  }


  #home #section-7 .section-title{
    text-align: center;
  }

    #home #section-7 .max-width-short {
        text-align: center;
}


  #home #section-8 {
    padding:0;
  }


.logo-marquee {
  overflow: hidden;
}
.logo-marquee-track {
  display: flex;
  width: max-content;
  gap: 40px;
  animation: logo-marquee-scroll var(--logo-marquee-duration, 30s) linear infinite;
}
.logo-marquee-track > * {
  width: var(--logo-item-width);
  flex-shrink: 0;
}
.logo-marquee-item {
  max-width: 100%;
  max-height: 90px;
  width: auto;
  height: auto;
  display: block;
}
.logo-marquee:hover .logo-marquee-track {
  animation-play-state: paused;
}
@keyframes logo-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--logo-marquee-distance, 50%))); }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee-track {
    animation: none;
  }
}

/* =========================================
    accordion
========================================= */



   .accordion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 50px;
    max-width: 1160px;
    margin: 0 auto;
    margin-top:30px;
     align-items: start;   
  }

  .accordion-item {
    border-bottom: 0.5px dashed rgba(255,255,255,0.50);
    padding: 22px 0;
  }

  .accordion-question {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    text-align: left;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    padding: 0;
  }

  .accordion-question:hover .accordion-icon {
    opacity: 0.7;
  }

.accordion-question:hover .accordion-icon {
    opacity: 0.7;
  }

  .accordion-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    transition: transform 0.3s ease;
  }

  .accordion-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .accordion-item.open .accordion-icon {
    transform: rotate(45deg);
  }
  .accordion-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.3s ease, margin-top 0.35s ease;
    opacity: 0;
    margin-top: 0;
  }

  .accordion-item.open .accordion-answer {
    margin-top: 14px;
    opacity: 1;
  }

  .accordion-answer p {
    font-size: 14px;
    line-height: 1.45;
    color: #FFF;
        margin-bottom: 20px;
  }

  @media (max-width: 760px) {
    .accordion-grid {
      grid-template-columns: 1fr;
      gap: 0;
    }
  }



/* =========================================
 ABOUT US
========================================= */

#about-us #section-1 .description{
    margin-top: 40px;
}


#about-us #section-2 .row{
    margin-top: 150px;
}

#about-us #section-2 .row:first-child{
    margin-top: 0px;
}

#about-us #section-2 h4{
    text-transform: uppercase;
    font-size: 14px;
    margin-top:30px;
    color:#f7931e;;
    font-weight: 400;
}

#about-us #section-2 h4:first-child{
    
    margin-top:0px;
}



/* =========================================
SERVICES
========================================= */

#services #section-1 .description{
    margin-top: 40px;
}


#services #section-2 .row{
    border-bottom: 0.5px dashed rgba(255,255,255,0.50);
    padding:80px 0;

}

#services #section-2 .service-num{
    font-size: 13px;
    color:#FFF;
}

#services #section-2 .service-link{
    color:#f7931e;
}

 .row.service-row {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
    padding: 32px 24px;
    margin: 0 -24px;
    z-index: 0;
    border-bottom: 0.5px dashed rgba(255,255,255,0.20);
    cursor: none;
  }

  .row.service-row h2 {
    font-size: 22px;
    line-height: 1.25;
    margin: 0;
  }

  .row.service-row .service-num {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    text-align: center;
  }



/* per-row background image — always visible */
.row.service-row::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--row-bg);
  background-size: cover;
  background-position: center;
  z-index: -1;
}

/* dark overlay — strong at rest, lightens on hover to reveal the photo */
.row.service-row::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.8);
  transition: background-color 0.35s ease;
  z-index: -1;
}

.row.service-row:hover::after {
  background: rgba(0,0,0,0.5);
}

  .service-row.service-1 { --row-bg: url('../images/matrimonial-investigation-hp-banner.jpg');background-position:center center }
  .service-row.service-2{ --row-bg: url('../images/background-check.jpg');background-position:center center }

  .service-row.service-3{ --row-bg: url('../images/corporate-investigations.jpg');background-position:center center }


  .row.service-row .btn-orange{
    opacity: 0;
    cursor: none;
  }

   .row.service-row:hover .btn-orange{
    opacity: 1;
  }



/* =========================================
SERVICE
========================================= */

#service #section-1 .description{
    margin-top: 40px;
}

#service #section-2 .col-md-7{
    text-align: center;
    margin:0 auto;
}


#service #section-2 .col-md-7 h2{
    margin-bottom:20px;
}

#service .btn-orange-outline{
   margin-top: 20px;
}

#service #section-3 .description{
   margin-top: 40px;

}


#service #section-3 .row{
   margin-top: 110px;
}


#service #section-3 .section-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #FFF;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 2px;
}


#service #section-3 .row:first-child{
   margin-top: 0px;
}

#service #section-3 .accordion-grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
        padding: 15px;
  }

#service #section-3  .accordion-question{
    text-transform: uppercase;
}

#service #section-3  .accordion-item:first-child {
    padding-top: 0;
}

#service #section-3  .accordion-item:hover .accordion-question{
    color:#f7931e;
}

#service #section-4 .col-md-8{
    text-align: center;
    margin:0 auto;
}

#service #section-4 .section-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #000;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 2px;
}


 
  .process-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
    row-gap: 70px;
    margin-top: 80px;
  }

  .process-grid .step:nth-child(1) { grid-column: 1 / 3; }
  .process-grid .step:nth-child(2) { grid-column: 3 / 5; }
  .process-grid .step:nth-child(3) { grid-column: 5 / 7; }
  .process-grid .step:nth-child(4) { grid-column: 2 / 4; }
  .process-grid .step:nth-child(5) { grid-column: 4 / 6; }


  .step {
        display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    text-align: center;
  }

  .step-number {
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: -8px; /* sits slightly higher than the icon/caption block beside it */
    flex-shrink: 0;
  }

  .step-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .step-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
  }
  .step-icon svg { width: 100%; height: 100%; overflow: visible; }

  .step-caption {
  
    text-transform: uppercase;
  }


  #service #section-5 .section-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #f7931e;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 2px;
}




  @media (max-width: 760px) {
    .process-grid { grid-template-columns: 1fr; row-gap: 50px; }
 
  }



/* =========================================
SERVICE
========================================= */
#contact-us #section-1 .description{
    text-align: right;
}

#contact-us #section-2 .section-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #f7931e;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 2px;
}



#contact-us #section-2 .contact-address .whatsapp  {
   
    display: flex;
    margin-bottom: 5px;
}

#contact-us #section-2 .contact-address .whatsapp:hover{
    color:#f7931e;
}


#contact-us #section-2 .contact-address .whatsapp i {
    width: 18px;
    margin-right: 10px;
   
}

#contact-us #section-2 form p{
     margin-bottom: 20px;

}


/* =========================================
    CASEFILES
========================================= */

#casefiles #use-cases-container{
    color:#FFF;
}

#casefiles .casefiles-header{
    text-transform: uppercase;
    color:#FFF;
    margin-top:30px;
    padding: 20px 0;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.50);

}

#casefiles .casefiles-container{
    color:#FFF;
    padding: 25px 0;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.50);
}

#casefiles .casefiles-container .casefile-number{
    text-align: center;
    align-content: center;
}

#casefiles .casefiles-container .casefile-name{
    text-transform: uppercase;
    align-content: center;
}

#casefiles .casefiles-container .casefile-img img{
    width: 100%;
}

#casefiles .casefiles-container .casefile-desc{
  
    align-content: center;
}

#casefiles a.casefiles-container{
    transition:all .3s ease-in-out;

}



#casefiles a.casefiles-container:hover{
    color:#f7931e;

}


#casefiles .casefiles-container .read-more{
    font-size: 12px;
    text-align: center;
     align-content: center;
}

#casefiles .casefiles-container .read-more a{
    color:#f7931e;
}

#casefiles .casefiles-container .read-more a:hover{
    color:#FFF;
}





/* =========================================
    SINGLE POST
========================================= */

.single-post .entry-title{
    margin-bottom: 20px;
}

.single-post .entry-date{
    margin-bottom: 20px;
    display: block;
}

.single-post section h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

.single-post .entry-content{
    margin-top: 40px;
}

.single-post .entry-content img{
    width: 100%;
}



/* =========================================
    INSIGHTS
========================================= */


#insights .col-md-4{
 margin-bottom: 40px;
}
.insights-img img{
    width: 100%;
}


.insights-title {
    margin-top:25px;
    font-size: 17px;
}

#insights .col-md-4 a:hover{
    color:#f7931e;
        transition: all .3s ease-in-out;
}



/* =========================================
    RESPONSIVE
========================================= */



@media(max-width:1200px) {
    

}@media(max-width:980px) {

    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    #site-navigation, .cus-container {
        max-width: calc(100vw - 45px);
      
    }

    .whatsapp-btn {
        
        right: 30px;
        left: 30px;

    }

    .sticky-landing-top .tagline{
        display: none;
    }

    .drag-cursor{
        display: none;
    }

    .view-cursor{
        display: none;
    }

    

   
}@media(max-width:768px) {

    .btn-orange-outline {
  
    padding: 11px 15px;
    word-spacing: -3px;

}




   .logo-marquee-item img {
    max-height: 140px;
  }

    .mobile-menu-bottom{

         position: relative;
        bottom: auto;
        margin-top: 20px;

    }

    .mobile-menu-page .cus-container {
        
        padding: 0 5px;
    }

    .card { min-height: 270px; padding: 42px 30px 30px 40px; }

    #home .banner-title h1 {
        font-size: 38px;
    }

    .sticky-landing-bottom{
        text-align: center;
    }

    .sticky-landing-bottom .scroll{
        text-align: center;
        margin-top:10px;
    }

    #home #section-2 #main-service .col-md-6{
        margin-left:0;
    }

    #home #section-2 #main-service {
        height: auto;
    }


    #home #section-2 #other-services .col-md-6{
        padding:0;
    }

    .section-service {
    
        height: auto;
        gap: 12px;
    }

    .service-number {
        margin-bottom: 10px;
        margin-left: 0px;

    }

    #home #section-4 {
        margin-top: 60px;
    }


    #home #section-5 .casefiles-container .casefile-number {
        margin-bottom:10px;
        text-align: left;
    }

    #home #section-5 .casefiles-container .casefile-name {
        margin-bottom:10px;
    }

    #home #section-5 .casefiles-container .read-more {
        margin-top:10px;
        text-align: left;
    }

    #home #section-6 h2 {
        font-size: 27px;
        word-spacing: -10px;
    }



    #home #section-6 .row{
        background-position: bottom right !important;
        background-size: 60% !important;
    }

    .other-page{
        margin-top:45px;
    }

    .accordion-grid {
        padding: 0 20px;
    }

    .footer-title-box {
        padding-bottom: 0px;
        margin-top: 20px;
    }

    .footer-content-box {
        padding-bottom: 0px;
    }

    footer {
        padding-bottom: 100px;
    }

    .casefiles-header{
        display: none;
    }

    .cta h2 {
     font-size: 27px;
        word-spacing: -10px;
}


.step {
    
    grid-column: 1 / 2 !important;
}



  
}

@media(max-width:980px) {

   #about-us #section-2 .row {
    margin-top: 50px;
}

}

@media(max-width:768px) {


    section{
        background-attachment: initial !important;
    }

    .mobile-nav-wrapper .nav-inner {
    padding: 15px 0 15px;
}

.head-menu.notop {
    background-color: #000;
}

    .mobile-menu-wrapper.active {
    top: 0px;
    right: 0px;
    width: 100vw;
    height: 100vh;
   
}


#home #section-3 {
    background-attachment: initial !important;
    background-image:none !important;
}



#home #section-4 .img-banner {
    margin-bottom: 20px;
}

.img-slider-slide {
   
    margin: 0;
}




#home #section-4 #section-4-1 .section-4-1-title, #home #section-4 #section-4-2 .section-4-2-title {
    font-size: 20px;
    line-height: 1.1;
}

#home #section-4 img {
    width: 100%;
}


#home #section-4 .img-slider-slide{
    object-fit:cover;
    object-position:left;
}

.img-slider {
  
    aspect-ratio: 4 / 2.5;
   
}


  #section-4-1,
  #section-4-2 {
    display: flex;
    flex-direction: column;
  }

  .img-banner {
    order: -1;
  }

  #home #section-5{
        background-position:top left !important;
            background-attachment: initial !important;
        background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url(../images/locate-a-person-img-bw.jpg) !important;
  }


   #contact-us #section-1 .description .col-md-7{
        margin-top: 10px;
    text-align: left;
   }


  #contact-us form{
    margin-top: 40px;
  }


#casefiles .casefiles-container {
    padding: 35px 0;
   
}


#casefiles .casefiles-container .casefile-number{
    text-align: left;
    margin-bottom: 20px;
}

#casefiles .casefiles-container .casefile-name{
    margin-bottom: 20px;
    font-size: 20px;
}

#casefiles .casefiles-container .casefile-img img{
   margin-bottom: 20px;
}





}

@media(max-width:580px) {
  
  #home .banner-title {
    margin-top: -60px;
}


}