@charset "utf-8";
/* CSS Document */
/*==========================================================
    AB VENTURES - SERVICES PAGE
    PART 3A
==========================================================*/


/*=========================================
    VARIABLES
=========================================*/

:root{

    --absvc-gold:#D4AF37;
    --absvc-navy:#0A2342;
    --absvc-white:#FFFFFF;
    --absvc-black:#101010;
    --absvc-grey:#666666;
    --absvc-light:#F8F9FB;

}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Prevents unexpected side-scrolling issues */
}

/*
.ab-container {
    width: 100%;
    max-width: 100%; 
    margin: 0;
    padding-left: 200px;  
    padding-right: 200px; 
    box-sizing: border-box;
}

.container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 200px;  
    padding-right: 200px; 
    box-sizing: border-box;
}
*/

.absvc-hero-content {
    position: relative;
    z-index: 2;
    max-width: 100%; /* Changed from 760px */
}

.absvc-cta-box {
    max-width: 100%; /* Changed from 900px */
    margin: auto;
    text-align: center;
    color: #fff;
}

/*=========================================
    HERO
=========================================*/

.absvc-hero{

    position:relative;

    padding:170px 0 130px;

    background:
    linear-gradient(rgba(8,18,38,.72),
    rgba(8,18,38,.78)),
    url("images/services-banner.jpg")
    center center/cover no-repeat;

    overflow:hidden;

}

.absvc-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(135deg,
    rgba(212,175,55,.08),
    transparent 60%);

}

.absvc-hero-content{

    position:relative;

    z-index:2;

    max-width:760px;

}

.absvc-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    color:#ddd;

    margin-bottom:20px;

    font-size:.95rem;

}

.absvc-breadcrumb a{

    color:#fff;

    transition:.3s;

}

.absvc-breadcrumb a:hover{

    color:var(--absvc-gold);

}

.absvc-hero h1{

    font-size:58px;

    font-weight:700;

    color:#fff;

    line-height:1.15;

    margin-bottom:25px;

}

.absvc-hero h1 span{

    color:var(--absvc-gold);

}

.absvc-hero p{

    color:#f2f2f2;

    font-size:19px;

    line-height:1.9;

    max-width:700px;

}


/*=========================================
INTRO
=========================================*/

.absvc-intro{

    padding:100px 0;

    background:#fff;

}

.absvc-heading{

    text-align:center;

    margin-bottom:60px;

}

.absvc-heading span{

    color:var(--absvc-gold);

    letter-spacing:2px;

    font-weight:600;

    text-transform:uppercase;

}

.absvc-heading h2{

    margin-top:18px;

    color:var(--absvc-navy);

    font-size:42px;

    line-height:1.3;

}

.absvc-intro-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:60px;

    align-items:center;

}

.absvc-intro-grid p{

    line-height:2;

    margin-bottom:22px;

    color:#555;

}


/*=========================================
HIGHLIGHT BOX
=========================================*/

.absvc-highlight-box{

    background:var(--absvc-navy);

    color:#fff;

    padding:40px;

    border-radius:18px;

    position:relative;

    overflow:hidden;

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.absvc-highlight-box::before{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    right:-40px;

    top:-40px;

}

.absvc-highlight-box h3{

    margin-bottom:25px;

    color:#fff;

}

.absvc-highlight-box ul{

    list-style:none;

    padding:0;

    margin:0;

}

.absvc-highlight-box li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.absvc-highlight-box i{

    color:var(--absvc-gold);

}


/*=========================================
STICKY NAVIGATOR
=========================================*/

.absvc-nav-wrapper{

    position:sticky;

    top:80px;

    z-index:500;

    background:#fff;

    border-top:1px solid #ececec;

    border-bottom:1px solid #ececec;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.absvc-nav{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

}

.absvc-nav a{

    flex:1;

    text-align:center;

    padding:20px 10px;

    text-decoration:none;

    color:var(--absvc-navy);

    transition:.35s;

    border-bottom:3px solid transparent;

}

.absvc-nav a:hover{

    color:var(--absvc-gold);

    border-color:var(--absvc-gold);

}

.absvc-nav a i{

    display:block;

    font-size:24px;

    margin-bottom:10px;

}

.absvc-nav a span{

    font-weight:600;

    font-size:15px;

}


/*=========================================
COMMON SERVICE SECTION
=========================================*/

.absvc-service{

    padding:110px 0;

    background:#fff;

}

.absvc-service:nth-child(even){

    background:#fafafa;

}

.absvc-service-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.absvc-service-grid.reverse{

    direction:rtl;

}

.absvc-service-grid.reverse>*{

    direction:ltr;

}

.absvc-small-title{

    color:var(--absvc-gold);

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:15px;

}

.absvc-content h2{

    font-size:44px;

    color:var(--absvc-navy);

    margin-bottom:28px;

}

.absvc-content h2 span{

    color:var(--absvc-gold);

}

.absvc-content p{

    color:#555;

    line-height:2;

    margin-bottom:22px;

}


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

.absvc-image{

    position:relative;

}

.absvc-image img{

    width:100%;

    border-radius:20px;

    display:block;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

    transition:.5s;

}

.absvc-image:hover img{

    transform:translateY(-8px);

}

.absvc-floating-icon{

    position:absolute;

    right:-20px;

    bottom:-20px;

    width:90px;

    height:90px;

    border-radius:50%;

    background:var(--absvc-gold);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    box-shadow:0 20px 35px rgba(0,0,0,.20);

    animation:absvcFloat 4s ease-in-out infinite;

}

@keyframes absvcFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}


/*=========================================
COMMON SECTION TITLE
=========================================*/

.absvc-card-title{

    text-align:center;

    margin-bottom:55px;

}

.absvc-card-title h2{

    color:var(--absvc-navy);

    font-size:38px;

    margin-bottom:15px;

}

.absvc-card-title p{

    color:#666;

    max-width:700px;

    margin:auto;

    line-height:1.8;

}


/*=========================================
REVEAL ANIMATION (base)
=========================================*/

.absvc-reveal{

    opacity:0;

    transform:translateY(40px);

    transition:all .8s ease;

}

.absvc-reveal.active{

    opacity:1;

    transform:translateY(0);

}


/*=========================================
SMALL SCREEN
=========================================*/

@media(max-width:992px){

    .absvc-intro-grid,

    .absvc-service-grid{

        grid-template-columns:1fr;

    }

    .absvc-service-grid.reverse{

        direction:ltr;

    }

    .absvc-hero h1{

        font-size:42px;

    }

    .absvc-heading h2{

        font-size:34px;

    }

    .absvc-content h2{

        font-size:34px;

    }

    .absvc-nav{

        overflow:auto;

        flex-wrap:nowrap;

    }

    .absvc-nav a{

        min-width:150px;

    }

    .absvc-floating-icon{

        width:75px;

        height:75px;

        font-size:28px;

    }

}

/*==========================================================
    AB VENTURES - SERVICES PAGE
    PART 3B
==========================================================*/


/*=========================================
AUDIT SERVICE CARDS
=========================================*/

.absvc-service-details{
    padding:90px 0;
    background:#f8f9fb;
}

.absvc-service-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.absvc-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    text-align:center;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    border-top:4px solid transparent;

}

.absvc-card:hover{

    transform:translateY(-10px);

    border-top:4px solid var(--absvc-gold);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.absvc-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    margin:auto auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(212,175,55,.12);

    color:var(--absvc-gold);

    font-size:34px;

    transition:.35s;

}

.absvc-card:hover .absvc-icon{

    background:var(--absvc-gold);

    color:#fff;

    transform:rotateY(360deg);

}

.absvc-card h3{

    color:var(--absvc-navy);

    margin-bottom:18px;

}

.absvc-card p{

    color:#666;

    line-height:1.8;

}


/*=========================================
BENEFITS STRIP
=========================================*/

.absvc-benefits{

    padding:90px 0;

    background:var(--absvc-navy);

}

.absvc-benefits-box{

    background:#132d53;

    padding:55px;

    border-radius:20px;

}

.absvc-benefits-box h2{

    color:#fff;

    text-align:center;

    margin-bottom:45px;

}

.absvc-benefit-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.absvc-benefit-grid div{

    background:rgba(255,255,255,.06);

    padding:20px;

    border-radius:12px;

    color:#fff;

    transition:.35s;

}

.absvc-benefit-grid div:hover{

    background:var(--absvc-gold);

    color:#0A2342;

    transform:translateY(-6px);

}

.absvc-benefit-grid i{

    color:var(--absvc-gold);

    margin-right:10px;

}

.absvc-benefit-grid div:hover i{

    color:#0A2342;

}


/*=========================================
VALUATION METHODOLOGY
=========================================*/

.absvc-methodology{

    padding:90px 0;

    background:#fff;

}

.absvc-method-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.absvc-method-card{

    padding:35px;

    border-radius:18px;

    background:#fff;

    border:1px solid #ececec;

    transition:.35s;

    text-align:center;

}

.absvc-method-card:hover{

    border-color:var(--absvc-gold);

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.absvc-method-card i{

    font-size:40px;

    color:var(--absvc-gold);

    margin-bottom:22px;

}

.absvc-method-card h3{

    color:var(--absvc-navy);

    margin-bottom:15px;

}

.absvc-method-card p{

    color:#666;

    line-height:1.8;

}


/*=========================================
VALUATION APPLICATIONS
=========================================*/

.absvc-application{

    padding:80px 0 100px;

    background:#f8f9fb;

}

.absvc-application h2{

    text-align:center;

    margin-bottom:45px;

    color:var(--absvc-navy);

}

.absvc-app-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:22px;

}

.absvc-app-grid div{

    padding:18px;

    border-radius:12px;

    background:#fff;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

}

.absvc-app-grid div:hover{

    background:var(--absvc-gold);

    color:#0A2342;

    transform:translateY(-6px);

}

.absvc-app-grid i{

    color:var(--absvc-gold);

    margin-right:8px;

}

.absvc-app-grid div:hover i{

    color:#0A2342;

}


/*=========================================
DIRECT TAX / GST PANELS
=========================================*/

.absvc-tax-panels{

    padding:90px 0;

    background:#f8f9fb;

}

.absvc-tax-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

}

.absvc-tax-panel{

    background:#fff;

    border-radius:18px;

    padding:40px;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.absvc-tax-panel:hover{

    transform:translateY(-8px);

}

.absvc-tax-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

}

.absvc-tax-header i{

    font-size:36px;

    color:var(--absvc-gold);

}

.absvc-tax-header h3{

    color:var(--absvc-navy);

}

.absvc-tax-panel ul{

    list-style:none;

    padding:0;

    margin:0;

}

.absvc-tax-panel li{

    padding:12px 0;

    border-bottom:1px dashed #e8e8e8;

}

.absvc-tax-panel li:last-child{

    border-bottom:none;

}

.absvc-tax-panel li i{

    color:var(--absvc-gold);

    margin-right:12px;

}


/*=========================================
ADVISORY CARDS
=========================================*/

.absvc-advisory-grid{

    padding:90px 0;

    background:#fff;

}

.absvc-advisory-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.absvc-adv-card{

    padding:35px;

    border-radius:18px;

    background:#fff;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.absvc-adv-card:hover{

    background:var(--absvc-navy);

    transform:translateY(-10px);

}

.absvc-adv-card i{

    font-size:42px;

    color:var(--absvc-gold);

    margin-bottom:20px;

}

.absvc-adv-card h3{

    color:var(--absvc-navy);

    margin-bottom:15px;

    transition:.35s;

}

.absvc-adv-card p{

    color:#666;

    line-height:1.8;

    transition:.35s;

}

.absvc-adv-card:hover h3,
.absvc-adv-card:hover p{

    color:#fff;

}


/*=========================================
COMPLIANCE GRID
=========================================*/

.absvc-compliance-list{

    padding:90px 0;

    background:#f8f9fb;

}

.absvc-check-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

}

.absvc-check-grid div{

    background:#fff;

    padding:22px 28px;

    border-left:4px solid var(--absvc-gold);

    border-radius:10px;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

    transition:.35s;

}

.absvc-check-grid div:hover{

    transform:translateX(10px);

}

.absvc-check-grid i{

    color:var(--absvc-gold);

    margin-right:12px;

}


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

@media(max-width:992px){

    .absvc-service-cards,

    .absvc-method-grid,

    .absvc-advisory-cards{

        grid-template-columns:1fr 1fr;

    }

    .absvc-app-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .absvc-service-cards,

    .absvc-method-grid,

    .absvc-advisory-cards,

    .absvc-tax-grid,

    .absvc-check-grid,

    .absvc-benefit-grid,

    .absvc-app-grid{

        grid-template-columns:1fr;

    }

    .absvc-benefits-box{

        padding:35px;

    }

}

/*==========================================================
    AB VENTURES - SERVICES PAGE
    PART 3C
==========================================================*/


/*=========================================
WHY CHOOSE AB VENTURES
=========================================*/

.absvc-why{

    padding:110px 0;

    background:#fff;

}

.absvc-why-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.absvc-why-card{

    position:relative;

    overflow:hidden;

    background:#fff;

    border-radius:20px;

    padding:40px 35px;

    text-align:center;

    box-shadow:0 18px 40px rgba(0,0,0,.06);

    transition:.45s;

}

.absvc-why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:var(--absvc-gold);

    transform:scaleX(0);

    transition:.4s;

    transform-origin:left;

}

.absvc-why-card:hover::before{

    transform:scaleX(1);

}

.absvc-why-card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.absvc-why-card i{

    width:90px;

    height:90px;

    line-height:90px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

    color:var(--absvc-gold);

    font-size:36px;

    margin-bottom:25px;

    transition:.4s;

}

.absvc-why-card:hover i{

    background:var(--absvc-gold);

    color:#fff;

    transform:rotateY(360deg);

}

.absvc-why-card h3{

    color:var(--absvc-navy);

    margin-bottom:18px;

}

.absvc-why-card p{

    color:#666;

    line-height:1.9;

}


/*=========================================
ENGAGEMENT PROCESS
=========================================*/

.absvc-process{

    padding:110px 0;

    background:#f8f9fb;

}

.absvc-process-flow{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:25px;

    position:relative;

    margin-top:70px;

}

.absvc-process-flow::before{

    content:"";

    position:absolute;

    top:45px;

    left:7%;

    right:7%;

    height:3px;

    background:linear-gradient(
    to right,
    var(--absvc-gold),
    #e5d089);

    z-index:0;

}

.absvc-process-flow>div{

    flex:1;

    text-align:center;

    position:relative;

    z-index:2;

}

.absvc-step-circle{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:var(--absvc-white);

    border:5px solid var(--absvc-gold);

    color:var(--absvc-navy);

    font-size:28px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.4s;

}

.absvc-process-flow>div:hover .absvc-step-circle{

    background:var(--absvc-gold);

    color:#fff;

    transform:scale(1.08);

}

.absvc-process-flow h4{

    margin-top:22px;

    color:var(--absvc-navy);

}

.absvc-process-flow p{

    margin-top:12px;

    color:#666;

    line-height:1.8;

}


/*=========================================
CALL TO ACTION
=========================================*/

.absvc-cta{

    padding:120px 0;

    background:
    linear-gradient(
    rgba(10,35,66,.90),
    rgba(10,35,66,.92)),
    url(images/services-cta-bg.jpg)
    center/cover no-repeat;

}

.absvc-cta-box{

    max-width:900px;

    margin:auto;

    text-align:center;

    color:#fff;

}

.absvc-cta-box h2{

    font-size:46px;

    margin-bottom:25px;

}

.absvc-cta-box p{

    max-width:760px;

    margin:auto;

    line-height:2;

    font-size:18px;

    margin-bottom:45px;

}

.absvc-cta-box .btn-primary{

    display:inline-block;

    padding:16px 42px;

    border-radius:50px;

    background:var(--absvc-gold);

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.absvc-cta-box .btn-primary:hover{

    background:#fff;

    color:var(--absvc-navy);

    transform:translateY(-5px);

}


/*=========================================
SMOOTH REVEAL HELPERS
=========================================*/

.absvc-slide-left{

    opacity:0;

    transform:translateX(-70px);

    transition:all .8s ease;

}

.absvc-slide-left.active{

    opacity:1;

    transform:translateX(0);

}

.absvc-slide-right{

    opacity:0;

    transform:translateX(70px);

    transition:all .8s ease;

}

.absvc-slide-right.active{

    opacity:1;

    transform:translateX(0);

}

.absvc-scale{

    opacity:0;

    transform:scale(.85);

    transition:.7s;

}

.absvc-scale.active{

    opacity:1;

    transform:scale(1);

}


/*=========================================
GLOBAL HOVER IMPROVEMENTS
=========================================*/

.absvc-card,
.absvc-method-card,
.absvc-adv-card,
.absvc-why-card,
.absvc-tax-panel,
.absvc-check-grid div{

    will-change:transform;

}

.absvc-card:hover,
.absvc-method-card:hover,
.absvc-adv-card:hover,
.absvc-why-card:hover,
.absvc-tax-panel:hover{

    transition:.35s ease;

}


/*=========================================
CUSTOM SCROLLBAR
=========================================*/

.absvc-nav::-webkit-scrollbar{

    height:5px;

}

.absvc-nav::-webkit-scrollbar-thumb{

    background:var(--absvc-gold);

    border-radius:20px;

}


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

@media(max-width:1200px){

    .absvc-process-flow{

        gap:18px;

    }

}

@media(max-width:992px){

    .absvc-why-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .absvc-process-flow{

        flex-wrap:wrap;

    }

    .absvc-process-flow::before{

        display:none;

    }

    .absvc-process-flow>div{

        flex:0 0 calc(50% - 15px);

        margin-bottom:45px;

    }

}

@media(max-width:768px){

    .absvc-why-grid{

        grid-template-columns:1fr;

    }

    .absvc-process-flow{

        display:block;

    }

    .absvc-process-flow>div{

        width:100%;

        margin-bottom:55px;

    }

    .absvc-cta{

        padding:90px 0;

    }

    .absvc-cta-box h2{

        font-size:34px;

    }

    .absvc-cta-box p{

        font-size:16px;

    }

}

/*=========================================
ACTIVE SERVICE NAV
=========================================*/

.absvc-nav a.active{

    color:var(--absvc-gold);

    border-bottom:3px solid var(--absvc-gold);

}

.absvc-nav a.active i{

    color:var(--absvc-gold);

}


/*=========================================
IMAGE OBSERVER
=========================================*/

.absvc-image{

    opacity:0;

    transform:translateY(50px);

    transition:1s;

}

.absvc-image.active{

    opacity:1;

    transform:translateY(0);

}


/*=========================================
RIPPLE EFFECT
=========================================*/

.btn-primary{

    position:relative;

    overflow:hidden;

}

.absvc-ripple{

    position:absolute;

    border-radius:50%;

    transform:scale(0);

    background:rgba(255,255,255,.45);

    animation:absvcRipple .65s linear;

    pointer-events:none;

}

@keyframes absvcRipple{

    to{

        transform:scale(4);

        opacity:0;

    }

}