.pbmit-icon-list-text a {
    color: #ffffff !important;
    text-decoration: none;
}
.modal-body{
    text-align: justify;
}

.pbmit-social-links {
    display: flex;
    gap: 0px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
}

.dropdown>a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown>a i {
    font-size: 10px;
    transition: 0.3s ease;
}

.dropdown:hover>a i {
    transform: rotate(180deg);
}

.pbmit-social-links li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 18px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Animation */
.pbmit-social-links li a:hover {
    transform: translateY(-8px) rotate(360deg);
    color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* Facebook */
.pbmit-social-facebook a:hover {
    background: #1877f2;
}

/* Instagram */
.pbmit-social-instagram a:hover {
    background: linear-gradient(45deg,
            #f09433,
            #e6683c,
            #dc2743,
            #cc2366,
            #bc1888);
}

/* LinkedIn */
.pbmit-social-linedin a:hover {
    background: #0077b5;
}

.pbmit-icon-list-text a:hover {
    color: black !important;
}

.about-img2 {
    height: 250px;
    width: 300px;
    object-fit: cover;
    position: relative;
    left: 33px;
}

.about-01-img {
    position: relative;
}

.about-img1 {
    height: auto;
    width: 200px;
}

.about-01-img:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 89%;
    background-color: var(--pbmit-light-color);
    right: -30px;
    top: 40px;
    bottom: 30px;
    z-index: -1;
}

.about-gallery {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    height: 550px;
}

.about-card {
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
    /* transition: .5s ease; */
}

.about-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* transition: .6s ease; */
    border-radius: 21px;
}



.card-1 {
    width: 65%;
    height: 100%;
}

.card-2 {
    width: 35%;
    height: 75%;
    margin-top: 135px;
    position: relative;
    overflow: visible;
}

.accounting-badge {
    position: absolute;
    right: 89px;
    top: -5%;
    transform: translateY(-50%);
    width: 160px;
    height: 160px;
    z-index: 10;
    animation: floatBadge 4s ease-in-out infinite;
}

/* Outer Ring */

.badge-ring {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    box-shadow:0 20px 50px rgba(0, 0, 0, .12),inset 0 0 0 2px rgba(212, 175, 55, .25);
    position: relative;
}

.badge-ring::before {
    content: '';
    position: absolute;
    inset: 3px;
    border: 2px solid #d4af37;
    border-radius: 50%;
}

.badge-ring::after {
    content: '';
    position: absolute;
    inset: 27px;
    border: 1px dashed rgba(212, 175, 55, .5);
    border-radius: 50%;
}

.badge-ring svg {
    width: 100%;
    height: 100%;
    animation: rotateText 18s linear infinite;
}

.badge-ring text {
    fill: #102a43;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}

/* Center Circle */

.badge-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(135deg,
            #e6c76b,
            #c99a22);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 10px 30px rgba(212, 175, 55, .4),
        inset 0 3px 10px rgba(255, 255, 255, .4);
}

.badge-center::before {
    content: '';
    position: absolute;
    inset: 33px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .35);
}

.badge-center i {
    color: #fff;
    font-size: 34px;
}

/* Decorative Dots */

.badge-dot {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #d4af37;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(212, 175, 55, .6);
}



/* Animations */

@keyframes rotateText {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes floatBadge {

    0%,
    100% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(calc(-50% - 12px));
    }
}



.card-1::after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 20px;
}

.elite-subtitle {
    position: relative;
    display: inline-block;
    color: black;
    /* color: #d4af37; */
    background: #d4af3769;
    /* border: 1px solid black; */
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0px 12px 0px 52px;
    border-radius: 5px;
    line-height: 35px;
    margin-bottom: 15px;
}

.elite-subtitle::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 2px;
    background: #000000;
}

.premium-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 13px 5px 13px;
    background: #111;
    border: 2px solid var(--pbmit-global-color);
    border-radius: 20px;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s ease;
}

.btn-text {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.arrow-box {
    width: 35px;
    height: 35px;
    background: var(--pbmit-global-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.white-title-bg {
    background-color: white;
}

.widget-title-footer {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    /* Change to #111 if background is light */
    margin-bottom: 25px;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.widget-title-footer::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #000000, #cdb061);
    border-radius: 10px;
}

.widget-title-footer::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 40px;
    height: 3px;
    background: #cdb061;
    border-radius: 10px;
}

.pbmit-ihbox-icon-wrapper {
    perspective: 1000px;
}

.pbmit-ihbox-icon-wrapper svg {
    transition: transform 0.8s ease;
    transform-style: preserve-3d;
}

.pbmit-ihbox-icon-wrapper:hover svg {
    transform: rotateY(180deg);
}

.arrow-box i {
    color: #111;
    font-size: 15px;
    transition: all .4s ease;
}

/* Gold Fill Animation */
.premium-btn::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--pbmit-global-color);
    transition: .6s ease;
}

.premium-btn:hover::before {
    left: 0;
}

/* Text Color Change */
.premium-btn:hover .btn-text {
    color: #111;
}

/* Arrow Slide Animation */
.premium-btn:hover .arrow-box i {
    transform: translateX(20px);
    opacity: 0;
}

.premium-btn:hover .arrow-box::before {
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    color: #111;
    font-size: 18px;
    animation: arrowIn .4s forwards;
}

@keyframes arrowIn {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Floating Effect */
.premium-btn:hover {
    transform: translateY(-8px);
    box-shadow:
        0 15px 35px rgba(212, 175, 55, .35),
        0 0 25px rgba(212, 175, 55, .25);
}

/* Continuous Glow */
.premium-btn {
    animation: glowPulse 3s infinite;
}

@keyframes glowPulse {

    0%,
    100% {
        box-shadow: 0 0 0 rgba(212, 175, 55, 0);
    }

    50% {
        box-shadow: 0 0 20px rgba(212, 175, 55, .3);
    }
}

.number1 h2 {
    background-color: #0c5688 !important;
    /* color: white !important; */

}

.number2 h2 {
    background-color: #b89dc3 !important;
    /* color: white !important; */

}

.number3 h2 {
    background-color: #1a191a !important;
    /* color: white !important; */

}

.number4 h2 {
    background-color: #bb4010 !important;
    /* color: white !important; */

}

.number5 h2 {
    background-color: #2a705e !important;
    /* color: white !important; */

}

.pbmit-card-box-title h2 {
    position: relative;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.pbmit-card-box-title h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #000000, #cdb061);

    border-radius: 10px;
    transition: all 0.4s ease;
}

.pbmit-card-box-title h2:hover::after {
    width: 50%;
}

.hero-desc {
    color: #fff;
}

.highlight-gold {
    color: var(--pbmit-global-color);
}

.pbmit-slider-bg {
    position: relative;
    background-size: cover;
    background-position: center;
}

.pbmit-slider-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 32%);
    /* Adjust opacity */
    z-index: 1;
}


/* counter */
.counter-box {
    text-align: justify;
    padding: 35px 25px;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    /* border: 1px solid #edf0f7; */
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); */
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.counter-box::before {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--pbmit-global-color);
}

.counter-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.counter-number {
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 18px;
    color: #a58735;
    position: relative;
}



.counter-box h4,
.counter-box h5 {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
}

.counter-box p {
    font-size: 15px;
    line-height: 1.7;
    color: #64748b;
    margin: 0;
}

/* Optional subtle background number */
.counter-box::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -30px;
    width: 100px;
    height: 100px;
    background: rgba(255, 193, 7, 0.08);
    border-radius: 50%;
}

@media(max-width:991px) {
    .counter-box {
        margin-bottom: 20px;
    }

    .counter-number {
        font-size: 40px;
    }

    .counter-box h4,
    .counter-box h5 {
        font-size: 18px;
    }
}

.pbmit-element-card-box-wrapper {
    margin-top: 60px;
}

.choose-us-section-two {
    position: relative;
    background: url("../images/home/faqbg.webp") center center/cover no-repeat;
    overflow: hidden;
}

.choose-us-section-two::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #363738b0;
    /* Adjust opacity */
    z-index: 1;
}

.choose-us-section-two .container {
    position: relative;
    z-index: 2;
}

.white-title {
    color: #fff !important;
}

.white-bg {
    background-color: #fff !important;
}

.align-center {
    text-align: center !important;
}

.contact-li {
    left: 30px !important;
}

.footer-about-text {
    font-size: 15px;
    line-height: 1.8;
    color: rgb(255, 255, 255);
    margin: 0px 0 25px;
    max-width: 320px;
}

.footer-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.footer-menu li a i {
    font-size: 12px;
    color: var(--pbmit-global-color);
    transition: all 0.3s ease;
}

.footer-menu li a:hover {
    padding-left: 5px;
}

.footer-menu li a:hover i {
    transform: translateX(3px);
}

.footer-bg {
    position: relative;
    background: url("../images/home/footerbg.jpg") center center/cover no-repeat;
    overflow: hidden;
}

.footer-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(38 38 38 / 81%);
    /* Dark overlay */
    z-index: 1;
}

.footer-bg>* {
    position: relative;
    z-index: 2;
}


.testimonials-section {
    padding: 90px 80px;
    background: linear-gradient(135deg, #cdb06124 0%, #cdb0614f 100%);
    position: relative;
    overflow: hidden;
}



.tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(233, 30, 140, 0.08);
    color: #e91e8c;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.testi-heading {
    font-size: 42px;
    font-weight: 800;
    color: #1a1a2e;
    margin-bottom: 15px;
}

.testi-sub {
    max-width: 600px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.testi-swiper {
    padding: 20px 10px 60px !important;
}

.swiper-slide {
    height: auto;
    display: flex;
}

.testimonial-card {
    background: #fff;
    border-radius: 24px;
    padding: 30px;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
    transition: all .4s ease;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.testi-card-glow {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #cdb061;
    opacity: .12;
}

.testi-card-top {
    margin-bottom: 15px;
}

.testi-quote-icon {
    font-size: 36px;
    color: var(--pbmit-global-color);
    /* opacity: .25; */
}

.testimonial-text {
    color: #555;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 25px;
    min-height: 170px;
}

.testimonial-header {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid #f1f1f1;
    padding-top: 18px;
}

.testi-avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: black;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.testimonial-name {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #111;
}

.testi-role {
    font-size: 13px;
    color: var(--theme-color, #e91e8c);
}

.testi-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .15;
    pointer-events: none;
}

/* .testi-blob-1 {
    width: 350px;
    height: 350px;
    background: #e91e8c;
    top: -100px;
    right: 100px;
}

.testi-blob-2 {
    width: 250px;
    height: 250px;
    background: #9c27b0;
    left: 50px;
    bottom: -80px;
} */

/* Active Slide Effect */
.testi-swiper .swiper-slide-active .testimonial-card {
    transform: scale(1.03);
}

.testi-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: .75;
    transform: scale(.95);
}

/* Pagination */
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--theme-color, #e91e8c);
}

/* Responsive */
@media (max-width: 1024px) {
    .testimonials-section {
        padding: 70px 30px;
    }

    .testi-heading {
        font-size: 34px;
    }
}

@media (max-width: 768px) {
    .pbmit-element-card-box-style-1 .pbmit-card-box {
        border: none;
    }
    .pbmit-breadcrumb-inner{
    text-align: center;
}

    .accounting-badge {
        right: 17px;
    }

    .hero-desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .dropdown>a i {
        display: none;
    }

    .counter-padding {
        margin: 50px 25px !important;
    }

    .testimonials-section {
        padding: 60px 15px;
    }

    .testi-heading {
        font-size: 28px;
    }

    .testimonial-card {
        padding: 24px;
    }

    .testimonial-text {
        min-height: auto;
    }

    .testi-blob {
        display: none;
    }
}


.services-padding {
    padding: 50px 0 !important;
}

.counter-padding {
    margin: 50px 25px;
}


/* faq */

.account-faq-section {
    padding: 120px 0;
    background: #f8fafc;
    position: relative;
}

.account-faq-wrapper {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: center;
}

.account-faq-subtitle {
    display: inline-block;
    background: rgba(0, 170, 120, .12);
    color: #00aa78;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}

.account-faq-title {
    font-size: 52px;
    line-height: 1.15;
    font-weight: 800;
    margin-bottom: 20px;
    color: #0f172a;
}

.account-faq-title span {
    color: var(--pbmit-global-color);
}

.account-faq-text {
    font-size: 17px;
    line-height: 1.8;
    color: #64748b;
    max-width: 650px;
    margin-bottom: 40px;
}

/* FAQ Item */

.account-faq-item {
    background: #fff;
    border-radius: 18px;
    margin-bottom: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    overflow: hidden;
    transition: .3s;
}

.account-faq-item:hover {
    transform: translateY(-3px);
}

.account-faq-question {
    width: 100%;
    border: none;
    background: none;
    padding: 14px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    text-align: start;
}

.account-faq-question i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    /* background: linear-gradient(135deg, var(--pbmit-global-color), #000000ab); */
    color: var(--pbmit-global-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.account-faq-answer {
    padding: 0 30px 25px;
    color: #64748b;
    line-height: 1.8;
    font-size: 16px;
}

.account-faq-item.active {
    border-left: 3px solid var(--pbmit-global-color);
}

/* Right Side */

.account-faq-visual {
    position: relative;
}

.account-faq-image-card {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.account-faq-image-card img {
    width: 100%;
    display: block;
    transform: scaleX(-1);
}

.account-faq-stat-card {
    position: absolute;
    left: -40px;
    bottom: 40px;
    background: #fff;
    padding: 25px 35px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
}

.account-faq-stat-card h3 {
    font-size: 42px;
    font-weight: 800;
    color: var(--pbmit-global-color);
    margin: 0;
}

.account-faq-stat-card span {
    color: #64748b;
}

/* Responsive */

@media(max-width:991px) {

    .account-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .account-faq-title {
        font-size: 38px;
    }

    .account-faq-stat-card {
        left: 20px;
        bottom: 20px;
    }
}

.account-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 30px;
}

.account-faq-item.active .account-faq-answer {
    max-height: 300px;
    padding: 11px 14px 25px;
    text-align: justify;
}

.contact-form select.form-control {
    height: 60px;
    border-radius: 8px;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 45px;
}

.contact-form-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
    max-width: 500px;
    text-align: justify;
}

.contact-form-box {
    padding: 42px 20px 16px 20px;
    border: 1px dashed #fff6f6;
    border-radius: 5px;
}

.border {
    border: 1px dashed #00000073 !important;
}

.contact-iframe-section {
    margin-bottom: 40px;
}

/* 6 corads */

.why-choose-us {
    padding: 80px 0;
    background: #f7f7f7;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.feature-card {
    background: var(--pbmit-global-color);
    /* border: 2px solid #18c4c7; */
    border-radius: 18px;
    padding: 20px 20px;
    text-align: center;
    transition: 0.4s;
    position: relative;
}
.digital-marketing-accordion {
    margin-top: 40px;
}

.accordion-item {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border: none;
    overflow: hidden;
    transition: all 0.3s ease;
}

.accordion-item.active {
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.accordion-header {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 5px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
}

.accordion-header span:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.accordion-item.active .accordion-header {
    background: linear-gradient(135deg, #cdb061, #1565c0);
}

.accordion-item.active .accordion-header span:first-child,
.accordion-item.active .icon-faq {
    color: #fff;
}

.icon-faq {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    background: #f4f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
    color: var(--pbmit-global-color);
    transition: all 0.3s ease;
}

.accordion-item.active .icon-faq {
    background: rgba(255,255,255,0.2);
}

.accordion-content {
    display: none;
    padding:  10px 30px;
    background: #fff;
}

.accordion-item.active .accordion-content {
    display: block;
}

.accordion-content p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;

}

.accordion-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion-content ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    color: #444;
    line-height: 1.7;
    font-size: 16px;
}

.accordion-content ul li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: black;
    font-weight: 700;
}
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.card-border {
    border: 2px solid rgb(255, 255, 255);
    padding: 12px 12px;
    border-radius: 18px;
    /* height: 565px; */
}
.card-content {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 140px; /* same height for all cards */
}

.read-more-btn {
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.icon-box {
    width: 90px;
    height: 90px;
    background: #f5f5f5;
    border-radius: 50%;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    transform: rotateY(0deg);
}

.feature-card:hover .icon-box img {
    animation: flipBack 0.8s ease;
}

@keyframes flipBack {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

.icon-box img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.feature-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #07252d;
    margin-bottom: 0;
}

.divider {
    width: 45px;
    height: 5px;
    background: #ffffff;
    display: block;
    margin: 0 auto 20px;
    border-radius: 10px;
}

.feature-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    /* margin: 0; */
    margin-bottom: 15px;
}

/* Responsive */

@media (max-width: 991px) {
    .card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .card-grid {
        grid-template-columns: 1fr;
    }

    .feature-card h3 {
        font-size: 28px;
    }

    .feature-card p {
        font-size: 18px;
    }
}

/* advantages */
.adv-section {
    padding: 120px 0;
    background: #f8fbff;
}

.adv-heading {
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

.adv-heading p {
    margin-top: 20px;
    color: #666;
    font-size: 17px;
    line-height: 30px;
}

.adv-card {
    position: relative;
    padding: 35px;
    background: #fff;
    border-radius: 20px;
    text-align: left;
    transition: .4s;
    overflow: hidden;
    border: 1px dashed #0000004f;
}

/* .adv-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:linear-gradient(180deg,#2b6cf6,#4b8bff);
    transition:.45s;
} */

.adv-card:hover::before {
    width: 6px;
}

.adv-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .12);
}

.icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #cdb061, #b2bccb);
    color: #fff;
    font-size: 30px;
    transition: transform .7s ease;
    transform-style: preserve-3d;
}

.adv-card:hover .icon {
    transform: rotateY(180deg);
}

.adv-card h3 {
    font-size: 24px;
    margin-bottom: 5px;
    transition: .4s;
}

.adv-card p {
    margin: 0;
    color: #777;
    /* line-height: 28px; */
    font-size: 16px;
}

.card-number {
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: -5;
    font-size: 55px;
    font-weight: 800;
    color: #edf2fb;
    transition: .45s;
}

.adv-card:hover .card-number {
    color: #cdb06169;
    transform: scale(1.15);
}



@media(max-width:991px) {

    .adv-card {
        padding: 28px;
    }

    .icon {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }

    .card-number {
        font-size: 42px;
    }

}

/* services page */
.service-img {
    width: 100%;
    height: 100%;
    max-height: 420px;
    animation: floatImage 5s ease-in-out infinite;
    transition: all .5s ease;
    transform-origin: center;
    will-change: transform;
}

/* Hover Effect */
.service-img:hover {
    transform: scale(1.05) rotate(-2deg);
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .18));
}

/* Floating Animation */
@keyframes floatImage {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-10px) rotate(1deg);
    }

    50% {
        transform: translateY(-20px) rotate(0deg);
    }

    75% {
        transform: translateY(-10px) rotate(-1deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.service-title-wrap {
    position: relative;
    margin-bottom: 35px;
}

.services-main-title {
    position: relative;
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.15;
    color: #0f172a;
    letter-spacing: -.5px;
}

.services-main-title span {
    color: #cdb061;
    position: relative;
}

.services-main-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 10px;
    background: rgba(205, 176, 97, .18);
    z-index: -1;
    border-radius: 50px;
}

.title-line {
    width: 90px;
    height: 4px;
    margin-top: 20px;
    border-radius: 50px;
    background: linear-gradient(90deg, #cdb061, #0f172a);
}


.services-p {
    font-size: 16px;
    text-align: justify;
    color: gray;
}

.services-subtitle {
    font-size: 28px;
}


/* social-icions */

.elite-social {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.elite-social li a img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    transition: .5s;
}

.elite-social li a:hover {
    transform: translateY(-12px) rotate(-5deg);
}

.elite-social li a:hover::before {
    transform: translateY(0);
}

.elite-social li a:hover img {
    transform: rotateY(360deg) scale(1.2);
    filter: none;
}



/* about page */


.med-about-wrapper {
    padding: 100px 0;
    background: #fff;
}

.med-about-gallery {
    position: relative;
    width: 572px;
    height: 520px;
    margin: auto;
}

.med-outline-box {
    position: absolute;
    width: 340px;
    height: 320px;
    border: 7px solid var(--pbmit-global-color);
    left: 0;
    bottom: 17px;
    z-index: 1;
}

.med-main-photo {
    position: absolute;
    top: 0;
    left: 35px;
    width: 466px;
    z-index: 2;
}

.med-main-photo img {
    width: 100%;
    display: block;
    max-width: 551px;
    height: 458px;
    border-radius: 15px;
}

.med-floating-photo {
    position: absolute;
    right: 0;
    bottom: -90px;
    /* top: 31px; */
    width: 325px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
    z-index: 3;
}

.med-floating-photo img {
    /* width: 100%; */
    display: block;
    /* baseline-shift: 250px; */
    height: 290px;
    max-width: 300px;
}



.med-small-title {
    color: #d84545;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

.med-main-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.2;
    margin: 18px 0;
}

.med-description {
    color: #666;
    line-height: 1.9;
    margin-bottom: 35px;
}

.med-service-card {
    display: flex;
    margin-bottom: 25px;
}

.med-service-icon {
    width: 60px;
    height: 60px;
    background: #d84545;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-right: 18px;
    flex-shrink: 0;
}

.med-service-content h5 {
    margin-bottom: 8px;
    font-weight: 700;
}

.med-service-content p {
    margin: 0;
    color: #777;
}

.med-about-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 45px;
    flex-wrap: wrap;
}

.med-doctor-profile {
    display: flex;
    align-items: center;
}

.med-doctor-profile img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.med-doctor-profile h5 {
    margin: 0;
    font-size: 18px;
}

.med-doctor-profile span {
    color: #888;
    font-size: 14px;
}

.med-exp-counter {
    width: 180px;
    height: 120px;
    border: 2px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.med-exp-counter h3 {
    font-size: 50px;
    font-weight: 800;
    margin: 0;
}

.med-exp-counter span {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
    .med-about-gallery {
        width: auto;
    }
.pbmit-title-bar-wrapper,
.pbmit-title-bar-content{
	min-height: 350px !important;
}
section>.container {
		padding: 0 12px;
	}
    .med-main-photo {
        width: auto;
        left: 17px;
    }

   .med-about-details{
    margin-top: 75px;
   }

    .med-outline-box {
        bottom: 41px;
        width: 100%;
    }
   .pbmit-firstletter::first-letter {
    font-size: 16px;
    min-width: auto;
    max-width: auto;
    width: auto;
    height: auto;
    line-height: 0px;
    text-align: center;
    padding: 0 0px;
    border-radius: 5px;
    float: none;
    font-weight: 400;
    margin-right: 0px;
    margin-top: 0px;
    color: gray;
    background-color: transparent;

}
}
@media (max-width: 575px) {
     .med-floating-photo {
        display: none;
    }
    .med-main-photo img {
    height: auto;
}
    .med-outline-box {
        bottom: 149px;
    }
        .med-about-details {
        margin-top: -85px;
    }
}


.vision-section {
    overflow: hidden;
    background: #f8f8f8;
    padding: 100px 0;
}

/* Left */

.vision-left {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    min-height: 565px;
}

.vision-left h2 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 42px;
    font-weight: 900;
    color: var(--pbmit-global-color);
    text-transform: uppercase;
    letter-spacing: 5px;
}

/* Image */

.vision-image {
    position: relative;
    height: 100%;
}

.vision-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vision-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 80, 20, .55);
}

/* Right */

.vision-content {
    background: #fff;
    padding: 30px 17px;
    position: relative;
}

.vision-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 40px;
}

.vision-icon {
        width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    left: -56px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 35px;
    border: 5px solid #fff;
}

.orange {
    background: #f3a11b;
}

.green {
    background: #0b5f1f;
}

.blue {
    background: #42b8e8;
}

.vision-text h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px;
}

.vision-text p {
      color: #555;
    /* line-height: 30px; */
    font-size: 16px;
    margin-bottom: 0;
}

.vision-text ul {
    padding-left: 20px;
}

.vision-text li {
    margin-bottom: 10px;
    color: #555;
}
/* ==========================
   RESPONSIVE DESIGN
========================== */
@media (max-width: 991px) {
    .vision-icon {
        left: 0;
        position: relative;
    }
}
@media (max-width: 991px) {

    .vision-section {
        padding: 60px 0;
    }

    /* Left Title */
    .vision-left {
        min-height: auto;
        padding: 30px 20px;
    }

    .vision-left h2 {
        writing-mode: initial;
        transform: none;
        font-size: 34px;
        letter-spacing: 2px;
    }

    /* Image */
    .vision-image {
        height: 350px;
    }

    /* Content */
    .vision-content {
        padding: 40px 25px;
    }

    .vision-item {
        padding-left: 0;
        margin-bottom: 35px;
    }

    .vision-icon {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 15px;
        width: 65px;
        height: 65px;
        font-size: 28px;
        border-width: 4px;
    }

    .vision-text h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {

    .vision-section {
        padding: 50px 0;
    }

    .vision-left {
        text-align: center;
        padding: 20px;
    }

    .vision-left h2 {
        font-size: 28px;
        writing-mode: horizontal-tb;
        transform: none;
    }

    .vision-image {
        height: 280px;
    }

    .vision-content {
        padding: 30px 20px;
    }

    .vision-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
        margin-bottom: 12px;
    }

    .vision-text h2 {
        font-size: 24px;
    }

    .vision-text p,
    .vision-text li {
        font-size: 15px;
        line-height: 28px;
    }

    .vision-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {

    .vision-image {
        height: 220px;
    }

    .vision-left h2 {
        font-size: 24px;
    }

    .vision-content {
        padding: 25px 15px;
    }

    .vision-text h2 {
        font-size: 22px;
    }

    .vision-text p,
    .vision-text li {
        font-size: 14px;
        line-height: 26px;
        text-align: justify;
    }
}

/* ervices side bar footer area */

.account-contact-card {
    position: relative;
    margin-top: 35px;
    border-radius: 18px;
    overflow: hidden;
    background: url(../images/home/sidebar-img.jpg) center center/cover;
    min-height: 420px;
    display: flex;
    align-items: center;
}

.account-card-overlay {
    position: absolute;
    inset: 0;
    background: #00000085;
}

.account-card-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 40px 15px;
}

.account-icon {
    width: 85px;
    height: 85px;
    background: #fff;
    color: #cdb061;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
}

.account-tag {
    display: inline-block;
    background: #cdb061;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.account-card-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: white;
    margin-bottom: 30px;
}

.account-card-content p {
    color: #e8e8e8;
    line-height: 28px;
    margin-bottom: 25px;
}


.account-contact-info {
    margin-bottom: 0px;
    background: #ffffff61;
    padding: 15px 0;
    border-radius: 6px;
}

.account-contact-info a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-bottom: 12px;
    font-size: 16px;
}

.account-contact-info i {
    width: 28px;
    color: #ffd54f;
}

.account-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #ffc107;
    color: #000;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: .4s;
}

.account-btn:hover {
    background: #fff;
    color: #0d6efd;
}


.service-sidebar{
    position: sticky;
    top: 30px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-self: flex-start;
}

@media (max-width:1199px){
    .service-sidebar{
        position: static;
    }
}
.service-section{
    overflow:visible;
}
.pbmit-custom-heading{
    /* border-top: 1px solid #E4E4E4; */
}


.vat-framework{
    display:flex;
    flex-direction:column;
    /* gap:22px; */
}

.vat-step{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.vat-number{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:50%;
    background:var(--pbmit-global-color);
    color:#fff;
    font-size:14px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}



.vat-subpoint{
    margin: 12px 0 0 20px;
    padding-left: 18px;
}

.vat-subpoint li{
    /* color: #555; */
    line-height: 1.8;
    margin-bottom: 0;
    list-style: disc;
}







/* ===========================
   PRICING PAGE
=========================== */
.pricing-section {
    padding: 100px 35px 120px;
    background: linear-gradient(150deg,#f5f7ff 0%,#faf8f2 50%,#f0f5ff 100%);
    position: relative;
    overflow: hidden;
}

.pricing-bg-shapes { position:absolute; inset:0; pointer-events:none; z-index:0; }
.pricing-shape { position:absolute; border-radius:50%; filter:blur(90px); opacity:.12; }
.pricing-shape-1 { width:600px; height:600px; background:#cdb061; top:-200px; left:-200px; animation:pcBlob 12s ease-in-out infinite alternate; }
.pricing-shape-2 { width:450px; height:450px; background:#1e3a5f; bottom:-150px; right:-120px; animation:pcBlob 14s ease-in-out infinite alternate-reverse; }
.pricing-shape-3 { width:300px; height:300px; background:#2a705e; top:45%; right:10%; animation:pcBlob 10s ease-in-out infinite alternate; }
@keyframes pcBlob { to { transform:translate(50px,40px) scale(1.12); } }

.pricing-section .container { position:relative; z-index:1; }

/* Header */
.pricing-header { text-align:center; margin-bottom:70px; }
.pricing-main-title { font-size:48px; font-weight:900; color:#0f172a; margin:18px 0 14px; line-height:1.1; letter-spacing:-1px; }
.pricing-sub { font-size:17px; color:#64748b; max-width:520px; margin:0 auto; line-height:1.85; }

/* Grid */
.pricing-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px;
}

/* ---- Card ---- */
.pc {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 6px 35px rgba(0,0,0,.07);
    transition: transform .4s cubic-bezier(.22,.68,0,1.2), box-shadow .4s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}
.pc:hover {
    transform: translateY(-14px);
    box-shadow: 0 28px 70px rgba(0,0,0,.13);
}

/* Coloured top band */
.pc-top {
    background: linear-gradient(135deg, var(--g1,#cdb061), var(--g2,#b2933a));
    padding: 36px 30px 52px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

/* Decorative circles in top band */
.pc-top-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.pc-top-bg::before,
.pc-top-bg::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
}
.pc-top-bg::before { width:200px; height:200px; top:-70px; right:-50px; }
.pc-top-bg::after  { width:110px; height:110px; top:15px; right:90px; }

/* Wave curve at bottom of top band */
.pc-top::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -5%;
    width: 110%;
    height: 55px;
    background: #fff;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    z-index: 2;
}
.pc-featured .pc-top::after { background: #0f172a; }

/* Icon */
.pc-icon-wrap {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    background: rgba(255,255,255,.22);
    border: 2px solid rgba(255,255,255,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    position: relative;
    z-index: 3;
    transition: transform .5s ease, background .4s ease;
    backdrop-filter: blur(4px);
}
.pc:hover .pc-icon-wrap { transform: rotate(-8deg) scale(1.12); background: rgba(255,255,255,.35); }

/* Step number */
.pc-num {
    font-size: 54px;
    font-weight: 900;
    color: rgb(205 176 97 / 45%);
    line-height: 1;
    position: relative;
    z-index: 3;
}

/* Body */
.pc-body {
    flex: 1;
    padding: 28px 30px 32px;
    display: flex;
    flex-direction: column;
}

.pc-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pc-tag {
    font-size: 11px;
    font-weight: 700;
    background: linear-gradient(135deg,#cdb061,#e8a020);
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 1px;
}

.pc-ideal {
    font-size: 14px;
    color: #64748b;
    line-height: 1.75;
    margin: 0 0 20px;
    padding: 12px 16px;
    background: #e7f3ff;
    border-left: 4px solid var(--g1,#cdb061);
    border-radius: 0 10px 10px 0;
}

/* Feature list */
.pc-list { list-style:none; padding:0; margin:0 0 26px; flex:1; }
.pc-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14.5px;
    color: #334155;
    padding: 9px 0;
    border-bottom: 1px solid #f1f5f9;
    transition: padding-left .25s ease;
}
.pc-list li:last-child { border-bottom: none; }
.pc:hover .pc-list li { padding-left: 4px; }

.pc-check {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 8px;
    background: var(--ac,#cdb061);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .35s ease;
}
.pc-check i { font-size: 10px; color: #fff; }
.pc:hover .pc-check { transform: scale(1.2) rotate(-5deg); }

/* CTA Button */
.pc-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 26px;
    background: var(--ac,#cdb061);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--ac,#cdb061);
    transition: all .35s ease;
    align-self: flex-start;
    overflow: hidden;
    position: relative;
}
.pc-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.15);
    transform: translateX(-100%);
    transition: transform .4s ease;
}
.pc-btn:hover::before { transform: translateX(0); }
.pc-btn i { transition: transform .3s ease; }
.pc-btn:hover { transform: translateY(-3px);
     box-shadow: 0 12px 28px rgba(0,0,0,.18); 
     background-color: black;
     color: var(--pbmit-global-color);
    }
.pc-btn:hover i { transform: translateX(6px); }

.pc-btn-gold {
    background: linear-gradient(135deg,#cdb061,#e8c96a);
    border-color: transparent;
    color: #0f172a;
}
.pc-btn-gold:hover { background: #fff; color: #0f172a; border-color: #fff; }
.pbmit-ihbox-contents .pbmit-heading-desc a:hover {
    color: var(--pbmit-global-color);
}
/* Featured card */
.pc-featured { box-shadow: 0 8px 50px rgba(15,23,42,.22); }
.pc-featured .pc-body { background: #0f172a; }
.pc-featured .pc-title { color: #fff; }
.pc-featured .pc-ideal { background: rgba(255,255,255,.06); color: #ffffff; border-left-color: #cdb061; }
.pc-featured .pc-list li { color: #ffffff; border-bottom-color: rgba(255,255,255,.07); }

/* Best Value ribbon */
.pc-save-ribbon {
    position: absolute;
    top: 22px;
    right: 0;
    background: linear-gradient(135deg,#cdb061,#f0d080);
    color: #0f172a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 7px 20px 7px 16px;
    border-radius: 6px 0 0 6px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
    animation: pcRibbon 2.5s ease-in-out infinite;
}
.pc-save-ribbon i { font-size: 9px; }
.pc-save-ribbon::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -7px;
    border-left: 7px solid #9a7520;
    border-bottom: 7px solid transparent;
}
@keyframes pcRibbon {
    0%,100% { box-shadow: -4px 4px 18px rgba(205,176,97,.55); }
    50%      { box-shadow: -4px 4px 32px rgba(205,176,97,.95); }
}
.pc-icon-col{
    text-align:center;
}



.pc-icon-title{
    margin-top:18px;
    font-size:22px;
    font-weight:700;
    color:#133c55;
}



/* Responsive */
@media (max-width:991px) {
    .pricing-grid { gap:24px; }
    .pricing-main-title { font-size:36px; }
}
@media (max-width:767px) {
    .pricing-section { padding:70px 0 90px; }
    .pricing-main-title { font-size:28px; letter-spacing:-.5px; }
    .pricing-grid { grid-template-columns:1fr; gap:22px; }
    .pc-top { padding:28px 22px 46px; }
    .pc-body { padding:22px 22px 26px; }
    .pc-num { font-size:40px; }
}



/* vat */

.vat-support-section{
    background:#f7f9fb;
    position:relative;
    overflow:hidden;
}

.vat-support-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(205,176,97,.08);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.section-title span{
    display:inline-block;
    color:#0b6b63;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.section-title h2{
    font-size:46px;
    font-weight:700;
    color:#12354a;
}

.section-title p{
    max-width:650px;
    margin:auto;
    color:#6d7682;
}

.vat-wrapper{
    position:relative;
    width:900px;
    height:900px;
    margin:70px auto;
}

/*----------------------*/

.vat-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:10;
}

.center-circle{
    width:250px;
    height:250px;
    background:#fff;
    border:8px solid #cdb061;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.center-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#0b6b63;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:15px;
}

.center-circle h3{
    font-size:34px;
    color:#0b6b63;
    font-weight:700;
    line-height:1.3;
}

/*----------------------*/

.vat-card{

    position:absolute;

    width:340px;
    height:340px;

    background:#0b6b63;

    border:6px solid #cdb061;

    border-radius:50%;

    color:#fff;

    padding:55px;

    transition:.4s;

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

}

.vat-card:hover{

    transform:scale(1.05);

}

/* .card-1{

    top:0;
    left:70px;

}

.card-2{

    top:0;
    right:70px;

}

.card-3{

    bottom:0;
    left:70px;

}

.card-4{

    bottom:0;
    right:70px;

} */

/*----------------------*/

.vat-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    border:3px solid #cdb061;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    margin-bottom:20px;

}

.vat-card h4{

    font-size:28px;

    margin-bottom:15px;

    font-weight:700;

}

.vat-card p{

    line-height:1.8;

    font-size:16px;

    opacity:.95;

}
.vat-service-sec{
    background:#f8fafb;
}

.vs-subtitle{
    display:inline-block;
    color:#0d6b63;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.vs-title{
font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: start;
}

.vs-desc{
    color:#777;
    max-width:650px;
    margin:auto;
}

.vs-grid{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:30px;
}

.vs-box{
    background:#fff;
    border-radius:20px;
    padding:23px 15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border-left:5px solid #c9a95b;
}

.vs-box:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.vs-icon{
  width: 50px;
    height: 50px;
    border-radius: 18px;
    background: var(--pbmit-global-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 10px;
}

.vs-box h4{
    font-size:24px;
    font-weight:700;
    color:#16344d;
    margin-bottom:5px;
}

.vs-box p{
    color:#666;
    line-height:28px;
    margin:0;
    text-align:justify;
}

@media(max-width:768px){

.vs-grid{
    grid-template-columns:1fr;
}
.contact-form-buttons{
    display: inline-grid !important;
}
.contact-form{
    text-align: center;
}

.vs-title{
    font-size:32px;
}

.vs-box{
    padding:25px;
}

}

/* .ct-whatsapp-btn{
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:28px;
    transition:0.3s;
}

.ct-whatsapp-btn:hover{
    background:#1ebe5d;
    transform:scale(1.05);
} */



.ct-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: #25D366;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.25);
    text-decoration: none;
}

.ct-whatsapp-btn i {
    font-size: 22px;
    line-height: 1;
}

.ct-whatsapp-btn span {
    line-height: 1;
}

.ct-whatsapp-btn:hover {
    background: #1EBE5D;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(37, 211, 102, 0.35);
}

.ct-whatsapp-btn:active {
    transform: translateY(0);
}

.ct-whatsapp-btn:focus {
    outline: none;
}

@media (max-width: 576px) {
    .ct-whatsapp-btn {
        width: 100%;
        padding: 14px 20px;
        font-size: 15px;
    }

    .ct-whatsapp-btn i {
        font-size: 20px;
    }
}
.account-faq-item.active .account-faq-question {
    background: var(--pbmit-blackish-color);
    color: var(--pbmit-global-color);
}

.account-faq-item.active .account-faq-question i {
    color: var(--pbmit-global-color);
}


/* floating btn */

.floating-contact {
    position: fixed;
    left: 25px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    z-index: 99999;
}

.float-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    position: relative;
    overflow: visible;
    transition: .4s;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
}

.call-btn {
    background: linear-gradient(135deg, #ff8a00, #ff4d00);
}

.whatsapp-btn {
    background: linear-gradient(135deg, #25D366, #128C7E);
}

/* Hover Effect */
.float-btn:hover {
    transform: translateY(-6px) scale(1.08) rotate(8deg);
    color: #fff;
}

/* Pulse Ring */
.ripple {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    animation: ripple 2.2s infinite;
}

.float-btn:nth-child(2) .ripple {
    animation-delay: .7s;
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: .8;
    }

    70% {
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* Floating Motion */
.float-btn {
    animation: float 3s ease-in-out infinite;
}

.call-btn {
    animation-delay: .2s;
}

.whatsapp-btn {
    animation-delay: 1s;
}

@keyframes float {

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

    50% {
        transform: translateY(-10px);
    }
}

/* Mobile */
@media(max-width:768px) {
    .floating-contact {
        left: 15px;
        bottom: 20px;
    }

    .float-btn {
        width: 56px;
        height: 56px;
        font-size: 22px;
    }
}


/* ===========================
   DATA SECURITY SECTION
=========================== */
.ds-section {
    background: #f8f9fb;
    padding-bottom: 100px;
    overflow: hidden;
}

/* Hero Banner */
.ds-hero {
    background: linear-gradient(135deg, #0f172a 0%, #000000bd 60%, #10131cc7 100%);
    padding: 80px 0 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}

.ds-hero::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: rgba(205, 176, 97, .06);
    top: -200px;
    right: -150px;
}

.ds-hero::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #f8f9fb;
    clip-path: ellipse(55% 100% at 50% 100%);
}

.ds-hero-inner {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* Shield Animation */
.ds-shield-wrap {
    position: relative;
    flex-shrink: 0;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ds-shield {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--pbmit-global-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 40px rgba(205, 176, 97, .4);
    animation: dsPulse 3s ease-in-out infinite;
}

.ds-shield-ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(205, 176, 97, .3);
    animation: dsRing 3s ease-in-out infinite;
}

.ds-ring-1 { width: 140px; height: 140px; animation-delay: .5s; }
.ds-ring-2 { width: 165px; height: 165px; animation-delay: 1s; opacity: .5; }

@keyframes dsPulse {
    0%, 100% { box-shadow: 0 0 30px rgba(205, 176, 97, .35); }
    50%       { box-shadow: 0 0 60px rgba(205, 176, 97, .65); }
}

@keyframes dsRing {
    0%, 100% { transform: scale(1); opacity: .4; }
    50%       { transform: scale(1.08); opacity: .8; }
}

/* Hero Text */
.ds-hero-text .elite-subtitle {
    background: rgba(205, 176, 97, .18);
    color: var(--pbmit-global-color);
}

.ds-hero-text .elite-subtitle::before { background: #cdb061; }

.ds-title {
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin: 10px 0 18px;
}

.ds-title span { color: var(--pbmit-global-color); }

.ds-desc {
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 1.85;
    max-width: 680px;
    margin: 0;
}

/* Cards Grid */
.ds-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.ds-card-center {
    grid-column: 2;
}

.ds-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .06);
    border-top: 4px solid transparent;
    transition: all .4s ease;
    position: relative;
    overflow: hidden;
        display: flex;
    align-items: center;
    gap: 18px;
}

.ds-card::after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: -20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(205, 176, 97, .07);
    transition: .4s;
}

.ds-card:hover {
    transform: translateY(-10px);
    border-top-color: #cdb061;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .12);
}

.ds-card:hover::after {
    transform: scale(2);
    background: rgba(205, 176, 97, .1);
}

.ds-card-icon {
  width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 18px;
    background: black;
    color: white;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .5s ease;
}

.ds-card:hover .ds-card-icon {
    transform: rotateY(180deg);
}

.ds-card h4 {    
     margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.5;
    flex: 1;
 }

/* Responsive */
@media (max-width: 991px) {
    .ds-hero-inner { flex-direction: column; text-align: center; gap: 30px; }
    .ds-title { font-size: 34px; }
    .ds-desc { margin: 0 auto; }
    .ds-grid { grid-template-columns: repeat(2, 1fr); }
    .ds-card-center { grid-column: auto; }
}

@media (max-width: 767px) {
    .ds-hero { padding: 60px 0 80px; }
    .ds-title { font-size: 28px; }
    .ds-grid { grid-template-columns: 1fr; gap: 20px; }
    .ds-card-center { grid-column: auto; }
}

.read-more-btn-services {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    color: #000000; /* Theme Color */
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more-btn-services i {
    font-size: 13px;
    transition: transform 0.3s ease;
}

.read-more-btn-services:hover {
    color: #000;
}

.read-more-btn-services:hover i {
    transform: translateX(5px);
}