.image-wrapper{
    width:min(1120px,100%);
    overflow:hidden;
    border-radius:9999px;
}

.image-wrapper img{
    width:100%;
    display:block;
    height:auto;
}
/* Stop Letting Legacy Systems Hold Your Business Back Section */
img{
    max-width:100%;
}

.bcm-challenge{
    padding:80px 20px;
}

.bcm-container{
    max-width:1320px;
    margin:auto;
}

/* Badge */

.bcm-badge{
    width:max-content;
    margin:auto;
    padding: 8px 18px;
    border:1px solid #FFB7DA;
    border-radius:40px;
    color: #D6247A;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    display:flex;
    align-items:center;
    gap:10px;
}

.bcm-badge i{
    font-size:18px;
}

/* Heading */

.bcm-title{
    text-align:center;
     font-family: "Montserrat", sans-serif;
    font-size: clamp(30px, 5vw, 42px);
    font-weight: 700;
    margin:28px 0 20px;
}

.bcm-subtitle{
  font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 2.5vw, 20px);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    max-width: 834px;
    min-height: 52px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #5A5A6E;
}

/* Grid */

.bcm-grid-two{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

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

/* Card */

.bcm-card{
    background:#fff;
    border:1px solid #eceaf2;
    border-radius:24px;
    padding:35px;
    transition:.35s;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.bcm-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.bcm-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#f3efff;
    color:#1d6bff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    margin-bottom:22px;
}

.bcm-card h3{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 600;
    line-height: 28.8px;
    letter-spacing: -0.36px;
}

.bcm-card p{
    color: #666C84;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0;
}

.bcm-card hr{
    border:none;
    border-top:2px solid #1E293B66;
    margin:28px 0 18px;
}

.bcm-card span{
    color: #D6247A;
   font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0;
}

/* Solution */

.bcm-solution{
    margin:70px auto 0;
    max-width:900px;
    background: #FCF9FC;
    border:1px solid #F2F2F2;
    border-radius:26px;
    padding:55px 40px;
    position:relative;
    text-align:center;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.bcm-solution-badge{
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    background: #D6247A;
    color:#fff;
     padding: 4px 16px;
     border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
     font-family: "Montserrat", sans-serif;
    letter-spacing:.5px;
}

.bcm-solution p{
    color: #1A1A2E;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 500;
    line-height: 25.2px;
    letter-spacing: 0;
    text-align: center;
}

.bcm-solution h4{
    color: #D6247A;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
}

/* ---------- Responsive ---------- */

@media(max-width:1200px){

.bcm-title{
    font-size:48px;
}

.bcm-subtitle{
    font-size:20px;
}

.bcm-card h3{
    font-size:26px;
}

.bcm-card p{
    font-size:17px;
}

}

@media(max-width:992px){

.bcm-grid-two,
.bcm-grid-three{
    grid-template-columns:1fr;
}

.bcm-title{
    font-size:40px;
}

.bcm-subtitle{
    font-size:18px;
}

.bcm-card{
    padding:28px;
}

.bcm-solution{
    padding:45px 25px;
}

.bcm-solution p{
    font-size:18px;
}

}

@media(max-width:768px){

.bcm-challenge{
    padding:60px 15px;
}

.bcm-badge{
    font-size:12px;
}

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

.bcm-subtitle{
    font-size:16px;
}

.bcm-grid-two{
    margin-top:40px;
}

.bcm-card h3{
    font-size:22px;
}

.bcm-card p{
    font-size:15px;
    min-height:auto;
}

.bcm-card span{
    font-size:14px;
}

.bcm-solution h4{
    font-size:18px;
}

}

@media(max-width:480px){

.bcm-title{
    font-size:28px;
}

.bcm-subtitle{
    font-size:15px;
}

.bcm-card{
    padding:22px;
}

.bcm-icon{
    width:45px;
    height:45px;
    font-size:18px;
}

.bcm-card h3{
    font-size:20px;
}

.bcm-solution{
    padding:40px 20px;
}

.bcm-solution p{
    font-size:15px;
}

}
/* What Is Business Central Migration Section*/

img{
    max-width:100%;
    display:block;
}

.bcmg-section{
    padding:80px 20px;
}

.bcmg-container{
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr .8fr;
    gap:50px;
    align-items:center;
}

.bcmg-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding: 8px 18px;
    border:1px solid #FFB7DA;
    border-radius:40px;
    color: #D6247A;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    text-transform:uppercase;
    line-height: 1.2; /* 19.2px */
    letter-spacing: 0.96px;
    margin-bottom:25px;
}

.bcmg-badge i{
    font-size:15px;
}

.bcmg-title{
    width: 100%;
    max-width: 683px;
    height: auto;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(28px, 5vw, 42px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.36px;
    margin-bottom:22px;
    color: #1A1A2E;
}

.bcmg-intro{
    font-family: "DM Sans", sans-serif;
    font-size: clamp(18px, 2.5vw, 20px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color: #5A5A6E;
    margin-bottom:34px;
    width: 100%;
    max-width: 692px;
    height: auto;
}

.bcmg-heading{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    line-height: 1.3; /* 23.4px */
    letter-spacing: -0.36px;
    width: 100%;
    max-width: 604px;
    height: auto;
}

.bcmg-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.bcmg-card{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px;
    border:1px solid #1E293B1A;
    border-radius:16px;
    background: #F8F4F8;
    transition:.3s;
}

.bcmg-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.bcmg-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#f3ecff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1668ff;
    font-size:15px;
    flex-shrink:0;
}

.bcmg-card p{
   font-family: "DM Sans", sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 400;
    line-height: 1.4; /* 22.4px */
    letter-spacing: 0;
    width: 100%;
    max-width: 208px;
    height: auto;
    color: #666C84;
}

.bcmg-note{
    width: 100%;
    max-width: 658px;
    height: auto;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 400;
    line-height: 1.4; /* 22.4px */
    letter-spacing: 0;
    margin-top:25px;
    padding:22px;
    border:1px solid #ece8ef;
    border-left:5px solid #e61b7b;
    border-radius:16px;
    color:#666980;
}

.bcmg-image img{
    width:100%;
    height:720px;
    object-fit:cover;
    border-radius:32px;
}

/************** Tablet **************/

@media(max-width:992px){

    .bcmg-container{
        grid-template-columns:1fr;
    }

    .bcmg-image{
        order:-1;
    }

    .bcmg-image img{
        height:550px;
    }

    .bcmg-title{
        font-size:46px;
    }

    .bcmg-intro{
        font-size:21px;
    }

}

/************** Mobile **************/

@media(max-width:768px){

    .bcmg-section{
        padding:50px 18px;
    }

    .bcmg-grid{
        grid-template-columns:1fr;
    }

    .bcmg-title{
        font-size:36px;
    }

    .bcmg-intro{
        font-size:18px;
    }

    .bcmg-heading{
        font-size:20px;
    }

    .bcmg-card p{
        font-size:17px;
    }

    .bcmg-note{
        font-size:17px;
    }

    .bcmg-image img{
        height:auto;
    }

    .bcmg-badge{
        font-size:13px;
        padding:8px 16px;
    }

}

/************** Small Mobile **************/

@media(max-width:480px){

    .bcmg-title{
        font-size:30px;
    }

    .bcmg-intro{
        font-size:16px;
    }

    .bcmg-card{
        padding:18px;
    }

}

 /* Why Choose Rivira Systems? Services */

 img{
    display:block;
    width:100%;
}

.wrs-section{
    padding:90px 20px;
}

.wrs-container{
    max-width:1200px;
    margin:auto;
}

.wrs-badge{
    display:flex;
    justify-content:center;
    align-items:center;
    width:max-content;
    margin:0 auto 25px;
    padding: 8px 18px;
    border:1px solid #FFB7DA;
    border-radius:40px;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    line-height: 1.07; /* 19.2px */
    letter-spacing: 0.96px;
    color: #D6247A;
}

.wrs-title{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(28px, 5vw, 42px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.36px;
    text-align: center;
    color: #1A1A2E;
}

.wrs-subtitle{
    font-family: "DM Sans", sans-serif;
    font-size: clamp(18px, 2.5vw, 20px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color:#66687d;
}

.wrs-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
}

.wrs-card{
    grid-column:span 2;
    background: #F6F6F6;
    border:1px solid #F2F2F2;
    border-radius:24px;
    padding:18px;
    transition:.35s;
}

.wrs-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.wrs-card img{
    min-height: 226px;
    object-fit:cover;
    border-radius:18px;
    margin-bottom:18px;
}

.wrs-card h3{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 600;
    line-height: 1.2; /* 28.8px */
    letter-spacing: -0.36px;
     width: 100%;
    max-width: 332px;
    height: auto;
}

.wrs-card p{
    
   font-family: "DM Sans", sans-serif;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 400;
    line-height: 1.4; /* 22.4px */
    letter-spacing: 0;
    color: #666C84;
}

.wrs-card-wide{
    grid-column:span 4;
}

/******** Tablet ********/

@media(max-width:992px){

    .wrs-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .wrs-card{
        grid-column:span 1;
    }

    .wrs-card-wide{
        grid-column:span 2;
    }

    .wrs-title{
        font-size:42px;
    }

    .wrs-subtitle{
        font-size:18px;
    }

}

/******** Mobile ********/

@media(max-width:768px){

    .wrs-section{
        padding:60px 18px;
    }

    .wrs-grid{
        grid-template-columns:1fr;
    }

    .wrs-card,
    .wrs-card-wide{
        grid-column:span 1;
    }

    .wrs-title{
        font-size:34px;
    }

    .wrs-subtitle{
        font-size:17px;
        margin-bottom:40px;
    }

    .wrs-card img{
        height:220px;
    }

    .wrs-card h3{
        font-size:22px;
    }

    .wrs-card p{
        font-size:16px;
    }

}

/******** Small Mobile ********/

@media(max-width:480px){

    .wrs-title{
        font-size:30px;
    }

    .wrs-badge{
        font-size:13px;
        padding:8px 18px;
    }

    .wrs-card{
        padding:15px;
    }

    .wrs-card img{
        height:190px;
    }

}

/* Business Central Migration Cost*/

.bcmp-section{
    padding:80px 20px;
}

.bcmp-container{
    max-width:1280px;
    margin:auto;
}

.bcmp-badge{
    display:inline-flex;
    align-items:center;
    gap: 12px;
    padding: 8px 18px;
    border:1px solid #FFB7DA;
    border-radius: 32px;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 600;
    line-height: 1.07; /* 19.2px */
    letter-spacing: 0.96px;
    color: #D6247A;
    margin:auto;
    display:flex;
    width:fit-content;
    margin-bottom:35px;
}

.bcmp-title{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(28px, 5vw, 42px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.36px;
    text-align: center;
}

.bcmp-heading{
   font-family: "Montserrat", sans-serif;
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 700;
    line-height: 1.33; /* 32px */
    letter-spacing: 0;
    text-align: center;
}

.bcmp-subtitle{
   font-family: "Inter", sans-serif;
    font-size: clamp(13px, 2vw, 14px);
    font-weight: 400;
    line-height: 1.43; /* 20px */
    letter-spacing: 0;
    text-align: center; 
    color: #666C84;
    margin-bottom:70px;
}

.bcmp-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.bcmp-card{
    width: 100%;
    max-width: 362px;
    height: auto;
    padding: 32px;
    background:#fff;
    border:1px solid #E4E4E4;
    border-radius:24px;
    padding:40px;
    position:relative;
    transition:.3s;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.bcmp-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.bcmp-card.bcmp-active{
    border:2px solid #E91E78;
}

.bcmp-popular{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    background:#E91E78;
    color:#fff;
    padding:10px 25px;
    border-radius:40px;
    font-size:14px;
    font-weight:700;
}

.bcmp-card-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:15px;
}


.bcmp-plan-label{
    font-family: "DM Sans", sans-serif;
    font-size: clamp(13px, 2vw, 14px);
    font-weight: 400;
    line-height: 1.14; /* 16px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #D6247A;
}

.bcmp-card-top h4{
    font-family: "Montserrat", sans-serif;
    font-size: clamp(20px, 3vw, 24px);
    font-weight: 700;
    line-height: 1.33; /* 32px */
    letter-spacing: 0;
    margin-top: 0px;
}

.bcmp-plan-type{
    background:#EAF2FF;
    padding: 4px 10px;
    border-radius:40px;
    color:#3072F4;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(13px, 2vw, 14px);
    font-weight: 400;
    
}


.bcmp-price{
   font-family: "Montserrat", sans-serif;
    font-size: clamp(24px, 4vw, 30px);
    font-weight: 700;
    line-height: 1.2; /* 36px */
    letter-spacing: 0;
}

.bcmp-price span{
   font-family: "DM Sans", sans-serif;
    font-size: clamp(11px, 1.8vw, 12px);
    font-weight: 400;
    line-height: 1.33; /* 16px */
    letter-spacing: 0;
    color: #666C84;
}

.bcmp-best-for{
    margin:12px 0;
}

.bcmp-best-for h5{
    font-family: "DM Sans", sans-serif;
    font-size: clamp(11px, 1.8vw, 12px);
    font-weight: 500;
    line-height: 1.33; /* 16px */
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom:10px;
    color: #1A1A2E;
}

.bcmp-best-for p{
    font-family: "DM Sans", sans-serif;
    font-size: clamp(13px, 2vw, 14px);
    font-weight: 400;
    line-height: 1.625; /* 22.75px */
    letter-spacing: 0;
    color: #666C84;
}

.bcmp-card button{
    margin-top:auto;
    border-radius:8px;
    border:1px solid #ddd;
    background:#fff;
    font-family: "Montserrat", sans-serif;
    font-size: clamp(13px, 2vw, 14px);
    width: 100%;
    max-width: 296.66px;
    padding: 12px 16px;
    height: auto;
    cursor:pointer;
    transition:.3s;
}

.bcmp-card button:hover{
    background:#f5f5f5;
}

.bcmp-pink{
    background:#E91E78 !important;
    border:none !important;
    color:#fff !important;
}

.bcmp-pink:hover{
    background:#d6186d !important;
}

.bcmp-card hr{
    border:none;
    border-top:1px solid #666C84;
}

/* ---------------- Tablet ---------------- */

@media(max-width:1024px){

    .bcmp-title{
        font-size:48px;
    }

    .bcmp-heading{
        font-size:36px;
    }

    .bcmp-subtitle{
        font-size:18px;
    }

    .bcmp-grid{
        grid-template-columns:1fr;
        max-width:700px;
        margin:auto;
    }

    .bcmp-card-top h4{
        font-size:38px;
    }

    .bcmp-price{
        font-size:44px;
    }

    .bcmp-card button{
        font-size:22px;
        height:60px;
    }

}

/* ---------------- Mobile ---------------- */

@media(max-width:768px){

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

    .bcmp-badge{
        font-size:15px;
        padding:10px 20px;
    }

    .bcmp-title{
        font-size:36px;
    }

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

    .bcmp-subtitle{
        font-size:16px;
        margin-bottom:40px;
    }

    .bcmp-card{
        padding:25px;
    }

    .bcmp-card-top{
        flex-direction:column;
        gap:15px;
    }

    .bcmp-card-top h4{
        font-size:32px;
    }

    .bcmp-plan-type{
        font-size:15px;
    }

    .bcmp-price{
        font-size:36px;
    }

    .bcmp-price span{
        display:block;
        font-size:18px;
        margin-top:5px;
    }

    .bcmp-best-for h5{
        font-size:18px;
    }

    .bcmp-best-for p{
        font-size:17px;
    }

    .bcmp-card button{
        font-size:18px;
        height:55px;
    }

}