#service-card-items-1, 
 #service-card-items-2,
 #service-card-items-3,
 #service-card-items-4,
 #service-card-items-5,
 #service-card-items-6,
 #service-card-items-7,
 #service-card-items-8,
 #service-card-items-9{
     min-height:100%;
     background-repeat: no-repeat !important;            
     background-size: cover !important;                
     background-position: center !important; 
}


#service-card-items-1::before, 
#service-card-items-2::before,
#service-card-items-3::before,
#service-card-items-4::before,
#service-card-items-5::before,
#service-card-items-6::before,
#service-card-items-7::before,
#service-card-items-8::before,
#service-card-items-9::before{
 min-height:100%;
 background-repeat: no-repeat !important;            
 background-size: cover !important;                
 background-position: center !important; 
}

.service-card-items-2{
   overflow: visible;
   padding-top:0;
}


.service-card-items-2 .content h3 a{
    font-size: 28px !important;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;   
}

.service-card-items-2 .content p{
    color:var(--theme-color-white) !important;
}

.service-card-items-2 .content{
    padding-bottom:0 !important;
    padding-top: 100px !important;
    padding-left:10px !important;
    padding-right:10px !important;
}


.service-card-items-2 .service-icon .icon{
    background:var(--theme-color-white) !important;
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.25) !important;
    left: -30px;
    top: 38px !important;
}

.service-card-items-2 .service-icon .icon .service-triangle::before{
    border-right: 14px solid var(--theme-color-white) !important;
    filter: drop-shadow(0px 2.5px 2px rgba(0, 0, 0, 0.25)); 
}

.service-card-items-2 .service-icon .icon i{
    color:var(--navy-blue) !important;
}

#service-card-items-1::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/accounting-services-bookkeeping-cpc-services.webp");
}

#service-card-items-2::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/audit-assurance-services-cpc-services.webp");
}

#service-card-items-3::before{
     background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/corporate-compliances-registration-annual-cpc-services.webp");
}

#service-card-items-4::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/direct-taxes-income-tax-tds-cpc-services.webp");
}

#service-card-items-5::before{
     background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/indirect-taxes-gst-filing-cpc-services.webp");
}

#service-card-items-6::before{
     background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/advisory-litigation-financial-tax-cpc-services.webp");
}

#service-card-items-7::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/payroll-hr-compliance-services-cpc-services.webp");
}

#service-card-items-8::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/investment-wealth-management-cpc-services.webp");
}

#service-card-items-9::before{
    background: linear-gradient(to top, rgba(239, 165, 0, 0.9), rgba(254, 219, 93, 0.6)), url("/images/services-images/startup-business-setup-cpc-services.webp");
}

.service-card-items-2 .service-icon .number{
    position: absolute;
    right: 40px;
    opacity:1 !important;
    top:38px !important;
}



























/* Card Flip Structure */
.service-card-items-2 {
    position: relative;
    height: 400px;
    cursor: pointer;
}

.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.service-card-items-2:hover .card-inner {
    transform: rotateY(180deg);
}

.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


.service-card-items-2:hover .service-icon .icon{
    left: 170px !important;
}

.card-front {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
}

.card-back {
    /*background: linear-gradient(135deg, var(--navy-blue), #2a4a8a);*/
    background:#F7F7F7 !important;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    text-align: center;
    width: 97%;
}

.card-back h3 {
    color: var(--theme-color-white);
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    text-align:left !important;
}

.service-card-items-2 .card-back p {
    color: var(--charcoal-gray) !important;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
    text-align:left !important;
}

.service-card-items-2 .card-back h3 a,
.service-card-items-2 .card-back h3{
    color: var(--charcoal-gray) !important;
    text-align:left !important;
}

.card-back .learn-more-btn {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, #EFA500, #FEDB5D);
    color: var(--navy-blue);
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.card-back .learn-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(239, 165, 0, 0.5);
}

.card-back .service-icon .number{
    right: 40px !important;
}