.hero-sec-footer{
    font-size: 15px;
    padding: 0px 13px !important;
}

.servc-m-top{
    margin-top: 140px;
}


.icon-bright{
    filter: brightness(2);
    width: 110px;
    height: 44px;
}

.about-sec1-bg {
    border-top: 0.1px solid #666464;
    background: black;
    padding: 150px 149px 60px 149px !important;
}

.card-p {
    font-size: 16px !important;
    line-height: 24px !important;
}


.our-casestudies-head {
    padding: 40px 148px 40px 148px !important;
}



.can-do-line {
    width: 717px;
    height: 15px;
    margin-bottom: 18px;
}


.proven-sec{
    padding: 100px 195px;
    background: black;
}

.proven-pro-line{
    width: 345px;
    height: 15px;
    margin-bottom: 18px;
}


.our-designprocess {
    padding: 0px 231px 0px 231px;
    margin-bottom: 60px;
}


.proven-dsg-line {
    width: 609px;
    height: 15px;
    margin-bottom: 18px;
}


.our-values-head {
    padding: 0px 280px 0px 280px;
}


.faq-sec {
    padding: 80px 148px;
}


.faq-head {
    padding: 0px 210px 0px 210px;
    margin-bottom: 25px;
}

.serial{
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.25px;
    text-align: left;
    color: #808080;
    margin-right: 40px;

}
.accordion-button::after {
    flex-shrink: 0;
    width: 40px; /* Adjust size as needed */
    height: 40px; /* Adjust size as needed */
    margin-left: auto;
    content: "";
    background: url(/assets/images/faqplus.svg) no-repeat center;
    background-size: contain; /* or cover, depending on your needs */
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #C5313F;
    box-shadow: none;
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    background-color: #C5313F;
    color: white;
    padding: 10px 84px 32px 84px;
}


.accordion-button:not(.collapsed)::after {
    background-image: url(/assets/images/xmark.svg);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button:not(.collapsed) .serial {
    color: white;
  }

.morecase-line{
    width: 419px;
    height: 15px;
    margin-bottom: 18px;
}


.our-services-heading {
    padding: 0px 60px;
}

.testimon-line{
    width: 264px;
    height: 15px;
    margin-bottom: 18px;
}


.faq-line{
    width: 650px;
    height: 15px;
    margin-bottom: 18px;
    
}


.testi-para{
    padding: 0px 150px;
}
.black-testimonail {
    margin-bottom: 0px;
}


.landing-sec-new {
    padding: 80px 149px;
}


.card {
    margin-bottom: 25px;
}

.card-style {
    border-radius: 0px;
}


.more-csd{
    padding: 0px 148px 0px 148px !important;
}


.portcase-std {
    padding: 75px 195px;
}

.card-style {
    height: 270px;
    box-shadow: 2px 2px 8px 0px #00000040;
}

.mob-card{
    height: 300px;
    border-radius: 0px;
    box-shadow: 2px 2px 8px 0px #00000040;
}

.mobappdev-line{
    width: 500px;
    height: 15px;
    margin-bottom: 18px;
}


.mobappdev-heading {
    padding: 0px 0px;
    font-size: 18px;
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

.services-margin{
    margin-bottom: 60px;
}

.proven-websec {
    padding: 100px 195px 30px 195px;
    background: black;
}

.block-svcs-hd{
    padding: 0px 180px 0px 180px;
}


.block-designprocess {
    padding: 0px 207px 0px 207px;
    margin-bottom: 60px;
}


.blockchain-line {
    width: 772px;
    height: 15px;
    margin-bottom: 18px;
}

.blockchain-sec{
    padding: 100px 195px 100px 195px;
    background: black;
}


.card-head-gd {
    font-family: Inter;
    font-size: 25px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    margin: 10px 0px;
    line-height: 28px;
}

.our-ai-service{
    padding: 0px 225px 0px 225px;
}

.ai-line{
    width: 809px;
    height: 15px;
    margin-bottom: 18px;
}

.ml-line{
    width: 456px;
    height: 15px;
    margin-bottom: 18px;

}


.ml-service-line{
    width: 700px;
    height: 15px;
    margin-bottom: 18px;
}

.saas-service-head{
    padding: 0px 200px 0px 200px;
    text-align: center;
}

.saas-sv-line{
    width: 895px;
    height: 15px;
    margin-bottom: 18px;
}


.digitalmarket-head {
    padding: 0px 100px 0px 100px;
    text-align: center;
}


.digitalm-line{
    width: 1087px;
    height: 15px;
    margin-bottom: 18px;
}


.tools-line{
    width: 295px;
    height: 15px;
    margin-bottom: 18px;
}

.tools-we-use{
    padding: 0px 315px 0px 315px;
}

.seo-head{
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    margin: 60px 0px;
    text-align: center;
    color: black;
}

.seo-bg{
    background: #F2F2F2;
}

.seo-pad{
    padding: 12px;
}


.dig-market-p{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;

}

.digital-card {
    background: white;
    box-shadow: 0px 0px 8px 0px #00000066;
    display: flex;
    padding: 12px;
    gap: 10px;
    margin-bottom: 16px;
    transition: background-color 0.3s, color 0.3s;
}

.digital-card:hover {

    background-color: #C5313F;
    color: white;
}


.digital-card img {
    max-width: 100%;
    height: auto;
    transition: filter 0.3s;
}

.digital-card:hover img {
    /* Increase brightness of the image on hover */
    filter: brightness(5);
}


.pay-click{
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    margin: 100px 0px 60px 0px;
    text-decoration: underline;
}
button.accordion-button {
    font-weight: bold;
}

button.accordion-button.collapsed {
    background-color: #FAF6FF;
}


img.img-fluid.resp-img {
    height: 85vh !important;
}

@media(max-width: 480px){
    .accordion-body {
        padding: 10px 15px 32px 61px;
    }

    button.accordion-button.collapsed {
        font-size: 14px;
    }

    button.accordion-button {
        font-size: 14px;
    }

    .serial {
        margin-right: 25px;
        font-size: 16px;
    }
}