/* .isp-badge {

    display: inline-block;

    padding: 12px 35px;

    border-radius: 50px;

    font-size: 1.125rem;

    font-weight: 400;

    margin-bottom: 20px;

    color: #1E479F;

    background: linear-gradient(#f8fafc, #f8fafc) padding-box,

                linear-gradient(135deg, #3b82f6, #1e40af) border-box;

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 4px 12px #59C8FF61;

    line-height: 1.4;

    text-align: center;

    box-sizing: border-box;

    letter-spacing: -0.2px;

} */

/* --- Ultra-Responsive Swiper Arrow Alignment --- */

.mySwiper6 .swiper-wrapper {
    display: flex;
    align-items: stretch; /* Keeps all slides the same height context */
}

.mySwiper6 .swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.complogo-sol {
    background: rgba(74, 158, 255, 0.27);
    border-radius: 20px;
    height: 100px;
    width: 100px; 
    max-width: 110px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

/* Aligns the arrow perfectly on ALL desktop displays */
.mySwiper6 .swiper-slide.slidersol:not(:last-child)::after {
    content: "→";
    position: absolute;
    
    /* Horizontal Centering: Places the arrow in the exact midpoint gap between slides */
    right: 0;
    transform: translateX(50%); 
    
    /* Vertical Centering: Aligns directly with the middle of the 100px logo boxes */
    top: 50px; 
    margin-top: -14px; /* Pulls up by half the font height for precise layout centering */
    
    font-size: 1.75rem;
    font-weight: bold;
    color: #20438e; /* Brand blue accent */
    z-index: 10;
}

.slide-text {
    font-weight: 400;
    font-size: 0.85rem;
    color: #000 !important;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4;
}
.text16{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}

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

/* Hides the arrows gracefully on all tablets and mobile devices */
@media (max-width: 1024px) {
    .mySwiper6 .swiper-slide:not(:last-child)::after {
        display: none !important; 
    }
    
    #nasintegrations .section-subtitle {
        line-height: 24px !important;
        max-width: 85%;
        margin: 0 auto 20px auto !important;
        text-align: center;
        word-break: normal;
    }

    #nasintegrations .section-title {
        line-height: 36px !important;
    }
}

@media (max-width: 575px) {
    .complogo-sol {
        height: 80px;
        width: 80px;
        padding: 15px;
    }

    .slide-text {
        font-size: 14px;
    }
}
.isp-badge {

    display: inline-block;

    padding: 8px 24px;

    border-radius: 50px;

    font-size: 0.95rem;

    font-weight: 500;

    color: #1E479F;

    background: #ffffff;

    border: 1px solid rgba(30, 71, 159, 0.2);

    box-shadow: 0 4px 12px rgba(89, 200, 255, 0.2);

    line-height: 1.4;

    text-align: center;

    box-sizing: border-box;

}



.wifi-card-grid {

    margin-right: -15px;

    margin-left: -15px;

}



.wifi-card-grid .card-item {

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 30px;

}





.wifi-title {

    font-size: 3 rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 20px;

}



.wifi-highlight {

    color: #1E479F;

    /* font-size: 48px; */

    font-weight: 700;

    font-size: 2.5rem;

    /* font-size:48px; */

}



.wifi-black {

    color: #000;

    font-size: 2.5rem;

    font-weight: 700;

}



.wifi-description {

    color: #000;

    font-weight: 400;

    /* line-height: 45px; */
    line-height: 2.0;

    margin-bottom: 25px;

    font-size: 1.125rem;

}



.wifi-tag {

    display: inline-flex;

    align-items: center;

    background-color: rgba(194, 246, 255, 0.5);

    color: rgba(31, 72, 156, 1);

    padding: 8px 16px;

    border-radius: 23px;

    font-weight: 700;



    font-size: 18px;

}



.wifi-tag i {

    margin-right: 8px;

}



.hotspot-card-wifi {

    background: #ffffff;

    border: none;

    border-radius: 12px;

    padding: 25px;

    height: 100%;

    width: 100%;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    transition: all 0.3s ease;

    display: flex;

    flex-direction: column;

}



.hotspot-card-wifi:hover {

    transform: translateY(-5px);



}





.hotspot-icon-wifi {

    width: 50px;

    height: 50px;

    background-color: #0056D8 !important;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

}



.hotspot-icon-wifi img {

    width: 24px;

    height: 24px;

    object-fit: contain;

}



.hotspot-card-wifi h6 {

    font-weight: 800;

    color: #000;

    font-size: 18px;

    margin-bottom: 8px;

}



.hotspot-card-wifi p {

    font-size: 18px;

    font-weight: 400;

    color: #000;

    margin-bottom: 0;

    line-height: 1.5;

}



.btn-request-demo {

    display: inline-block;

    color: #1E479F;

    background: transparent;

    padding: 12px 30px;

    border-radius: 8px;

    font-weight: bold;

    font-size: 20px;

    transition: all 0.3s ease;

    border: 1px solid #1E479F;

    transform: rotate(0deg);

    opacity: 1;

}



.btn-request-demo:hover {

    background-color: #1E479F;

    color: #ffffff;

    border: 1px solid #1E479F;

}



.wifi-choice-section {

    padding: 60px 50px;

    background-color: #ffffff;

}



.choice-title {

    font-size: 40px;

    font-weight: 700;

    color: #1E479F;

    line-height: 1.2;

    margin-bottom: 25px;

}



.choice-title span {

    color: #000;

    font-weight: 700;

    /* font-size: 48px; */

}



.choice-description {

    font-size: 18px;

    font-weight: 400;

    color: #000;

    line-height: 1.6;

    margin-bottom: 35px;

}



.feature-row-item {

    background: #ffffff;

    border-radius: 12px;

    padding: 30px;

    margin-bottom: 24px;

    display: flex;

    align-items: center;

    gap: 20px;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.feature-row-item:last-child {

    margin-bottom: 0;

}



.feature-row-image-wrapper {

    width: 65px;

    height: 65px;

    background-color: rgba(0, 86, 216, 0.15);

    border-radius: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    overflow: hidden;

    padding: 10px;

}



.feature-row-image-wrapper img {

    max-width: 100%;

    height: auto;

    max-height: 100%;

    object-fit: contain;

}



.feature-row-content h6 {

    font-weight: 800;

    color: #000;

    margin-bottom: 4px;

    font-size: 1.125rem;

}



.feature-row-content p {

    margin-bottom: 0;

    color: #000;

    line-height: 1.4;

    font-weight: 400;

    font-size: 1.125rem;

}



@media (min-width: 992px) {

    .wifi-choice-section .row {

        align-items: flex-start;

        position: relative;

    }



    .wifi-choice-section .col-lg-6:first-child {

        margin-top: 145px;

    }

}



@media (max-width: 991px) {

    .wifi-choice-section {

        padding: 40px 20px;

    }

    .choice-title {

        font-size: 32px;

    }

    .feature-row-item {

        padding: 20px;

        margin-bottom: 15px;

    }

}



.content-titles {

    color: #000;

    font-size: 3.625rem;

    font-weight: 700;

}



.responsive-title {

    font-weight: 700;

    /* font-size: 3rem; */

    font-size: 2.5rem;

    color: #000;

}



.responsive-subtitle {

    /* font-size: 1.375rem; */

    font-size: 18px;

    font-weight: 400;

    color: #000;

    line-height: 1.6;

    margin-top: 15px;

}



.highlight-text {

    color: #1E479F;

    font-weight: 700;

}





.service-card-link {

    text-decoration: none !important;

    display: block;

    height: 100%;

}

.section-title-hotspot {

    font-size: 2.5rem;

    font-weight: 700;

    line-height: 1.2;

    text-align: center;

    color: #000;

}



.section-title-hotspot span {

    color: #1E479F;

    font-weight: 700;

    font-size: 48px;



}





.service-card {

    border: none;

    background: #fff;

    border-radius: 15px;

    padding: 1.5rem;

    height: 100%;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    transition: all 0.3s ease;

}





.service-card:hover {

    transform: translateY(-5px);

}



.feature-icon-box {

    width: 60px;

    height: 60px;

    background: #0056D8;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

}



.feature-icon-box img {

    width: 32px;

    height: 32px;

    object-fit: contain;

}







.service-card-title {

    /* font-size: 25px; */

    font-size: 18px;

    margin-bottom: 15px;

    font-weight: bold;

    color: #000;

}







.service-card-list {

    padding: 0;

    list-style: none;

    margin: 0;

}



.service-card-list li {

    font-size: 18px;

    color: #000;

    margin-bottom: 8px;

    font-weight: 400;

    padding-left: 20px;

    position: relative;

}



.service-card-list li::before {

    content: "•";

    position: absolute;

    left: 0;

    font-weight: bold;

}



.deployment-section {

    background: linear-gradient(270deg, #1452d5, #20438e);

    padding: 60px 0;

    color: #fff;

    text-align: center;

    overflow-x: hidden;

}



.deployment-header h2 {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 15px;

}



.deployment-header p {

    font-size: 18px;

    font-weight: 400;

    opacity: 0.9;

    max-width: 900px;

    margin: 0 auto 40px;

    line-height: 1.5;

    padding: 0 20px;

}



.uses-case-grid {

    display: flex;

    justify-content: center;

    align-items: stretch;

    column-gap: 55px;

}

.uses-case-card {

    background: #fff;

    border-radius: 16px;

    padding: 20px;

    width: 100%;

    max-width: 363px;

    height: 243px;

    opacity: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

}



.uses-case-card:hover {

    transform: translateY(1px);

    /* border: 1px solid rgba(30, 71, 159, 0.25); */

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

}



.uses-case-icon-box {

    width: 60px;

    height: 60px;

    background: rgba(74, 158, 255, 0.27);

    border-radius: 19px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

}



.uses-case-icon-box img {

    width: 28px;

    height: 28px;

}



.uses-case-card h4 {

    font-size: 18px;

    font-weight: bold;

    color: #000;

    margin-bottom: 8px;

}



.uses-case-card p {

    font-size: 18px;

    color: #000;

    font-weight: 400;

    line-height: 1.4;

    margin: 0;

    width: 100%;

    text-align: center;

}



@media (max-width: 991px) {

    .uses-case-grid {

        column-gap: 15px;

        row-gap: 15px;

    }

    .uses-case-card {

        max-width: 45%;

        height: auto;

    }

}



@media (max-width: 767px) {

    .deployment-header h2 {
        font-size: 26px;
    }

    .uses-case-card {

        max-width: 100%;

    }

}







.industry-section {

    text-align: center;

    overflow-x: hidden;

}



.industry-header h2 {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 15px;

}



.industry-header h2 span {

    color: #1E479F;

    /* font-size:48px; */

    font-weight: 700;

}



.industry-description {

    font-size: 1.125rem;

    color: #000;

    /* max-width: 800px; */

    margin: 0 auto 50px;

    line-height: 1.6;

}



.industry-grid-padding {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 0px;

}





.industry-grid-padding .card {

    flex: 0 0 calc(33.333% - 20px);

    max-width: calc(33.333% - 20px);

    margin-bottom: 30px;

}



@media (max-width: 1024px) {

    .industry-header h2 {

        font-size: 38px;

    }

    .industry-description {

        font-size: 16px;

    }

    .industry-grid-padding .card {

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

        max-width: calc(50% - 20px);

        margin-bottom: 25px;

    }

}



@media (max-width: 768px) {

    .industry-header h2 {

        font-size: 32px;

    }

    .industry-description {

        font-size: 15px;

    }

    .industry-grid-padding {

        gap: 15px;

    }

    .industry-grid-padding .card {

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

        max-width: calc(50% - 15px);

        margin-bottom: 20px;

    }

}





@media (max-width: 575px) {

    .industry-header h2 {

        font-size: 26px;

    }

    .industry-description {

        font-size: 14px;

        margin-bottom: 30px;

    }

    .industry-grid-padding {

        gap: 10px;

    }

    .industry-grid-padding .card {

        flex: 0 0 100%;

        max-width: 100%;

        margin-bottom: 20px;

    }

}



.industry-grid-padding {

    position: relative;

    margin-top: 40px;

}



.industry-card {

    background: #fff;

    width: 100%;

    max-width: 234px;

    height: 163px;

    border-radius: 15px;

    opacity: 1;

    padding: 20px 15px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.industry-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);

}



.industry-img-wrapper {

    margin-bottom: 12px;

}



.industry-img-wrapper img {

    height: 45px;

    width: auto;

}



.industry-card h5 {

    font-size: 18px;

    margin: 0;

    color: #000;

    font-weight: bold;

}





@media (max-width: 991px) {

    .industry-section {

        padding: 60px 0;

    }

}



@media (max-width: 575px) {

    .industry-section {

        padding: 40px 10px;

    }



    .industry-card {

        padding: 20px 10px;

    }



    .industry-card h5 {

        font-size: 14px;

    }



    .industry-img-wrapper {

        width: 45px;

        height: 45px;

    }

}



.hotspot-features {

    background: #fff;

    text-align: start;

    padding: 60px 20px;

}



.section-title-sol {

    font-size: 48px;

    font-weight: 700;

    color: #000;

    text-align: center;

    margin-bottom: 50px;

}



.section-title-sol span {

    color: #1E479F;

    display: block;

    margin-right: 195px;
    ;

}





.features-grid {

    display: grid;

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

    margin: 0 auto;

    display: grid;

    column-gap: 3rem;

    row-gap: 1.5rem;

}



.feature-card-hot {

    background: #fff;

    border-radius: 12px;

    padding: 40px 30px;

    display: flex;

    align-items: flex-start;

    text-align: left;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.feature-card-hot:hover {

    transform: translateY(-5px);

}



.icon-box {

    width: 60px;

    height: 60px;

    background: rgba(0, 86, 216, 0.15);

    border-radius: 10px;

    margin-right: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.icon-box img {

    width: 28px;

    height: 28px;

    object-fit: contain;

}



.contents h3 {

    font-size: 1.125rem;

    font-weight: 800;

    color: #000;

    margin-bottom: 10px;

}



.contents p {

    font-size: 18px;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

    margin: 0;

}



@media (max-width: 1024px) {

    .features-grid {

        grid-template-columns: 1fr 1fr;

        gap: 20px;

        padding: 0 15px;

    }



    .feature-card-hot {

        padding: 30px 25px;

    }

}





@media (max-width: 768px) {

    .features-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }



    .feature-card-hot {

        flex-direction: column;

        align-items: center;

        text-align: center;

        padding: 25px 20px;

    }



    .icon-box {

        margin: 0 0 15px 0;

    }



    .contents h3,

    .contents p {

        font-size: 16px;

    }



    .section-title {

        font-size: 36px;

        margin-bottom: 30px;

    }

}



@media (max-width: 575px) {

    .section-title {

        font-size: 28px;

        margin-bottom: 20px;

    }



    .feature-card-hot {

        padding: 20px 15px;

    }



    .contents h3,

    .contents p {

        font-size: 14px;

    }



    .icon-box {

        width: 45px;

        height: 45px;

    }



    .icon-box img {

        width: 24px;

        height: 24px;

    }

}

.ir-comparison-scope {

    padding: 40px 15px;

    text-align: center;

}



.ir-title {

    font-weight: 700;

    font-size: 2.5rem;

    margin-bottom: 20px;

    color: #000;

}



.ir-brand-blue {

    color: #1E479f;

}



.service-card-desc {

    font-size: 18px;

    font-weight: 400;

    color: #000;

}



.ir-subtext {

    font-size: 18px;

    color: #000;

    margin-bottom: 30px;

    /* max-width: 900px; */

    margin-left: auto;

    margin-right: auto;

}



.ir-table-card {

    background: #fff;

    max-width: 1100px;

    width: 100%;

    margin: 0 auto;

    border-radius: 26px;

    overflow: hidden;

    /* box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.25); */

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    border: 0.5px solid #d6d6d6;

}



.ir-comparison-table {

    width: 100%;

    margin: 0;

    border-collapse: collapse;

    border: none;

}



.ir-comparison-table th,

.ir-comparison-table td {

    border: 1px solid #d6d6d6;

    padding: 16px 20px;

    vertical-align: middle;



}

.ir-feature-cell {

    font-size: 18px;

    font-weight: 400;

    color: #000;

    text-align: left;



}



.ir-comparison-table thead tr:first-child th {

    border-top: none;

}



.ir-comparison-table th:first-child,

.ir-comparison-table td:first-child {

    border-left: none;

}

.ir-comparison-table th:last-child,

.ir-comparison-table td:last-child {

    border-right: none;

}



.ir-comparison-table tbody tr:last-child td {

    border-bottom: none;

}



.feature-header-sol {

    font-size: 18px;

    font-weight: 800;

    text-align: left;

    color: #000;

    padding: 12px 8px;

}



.manual-header-sol {

    font-size: 18px;

    font-weight: 800;

    text-align: center;

    color: #000;

    padding: 12px 8px;

}



.iconradius-header-sol {

    font-size: 18px;

    font-weight: 800;

    text-align: center;

    color: #FEFEFF;

    background-color: #1a4ba8;

    padding: 12px 8px;

}



@media (max-width: 1024px) {

    .feature-header-sol,

    .manual-header-sol,

    .iconradius-header-sol {

        font-size: 16px;

        padding: 10px 6px;

    }

}



@media (max-width: 768px) {

    .feature-header-sol,

    .manual-header-sol,

    .iconradius-header-sol {

        font-size: 15px;

        padding: 8px 5px;

    }

}



@media (max-width: 575px) {

    .feature-header-sol,

    .manual-header-sol,

    .iconradius-header-sol {

        font-size: 14px;

        padding: 6px 4px;

    }

}





.ir-col-highlight {

    background: #1a4ba8;

    color: #fff;

    font-weight: 600;

}



.fa-check {

    color: #28a745;

    font-size: 1.25rem;

}



.fa-times {

    color: #dc3545;

    font-size: 1.25rem;

}





@media (max-width: 1200px) {

    .ir-table-card {

        max-width: 95%;

    }

}



@media (max-width: 768px) {



    .ir-title {

        font-size: 28px;

    }



    .ir-subtext {

        font-size: 16px;

        padding: 0 10px;

    }



    .ir-comparison-table th,

    .ir-comparison-table td {

        padding: 12px 8px;

        font-size: 13px;

    }



    .ir-table-card {

        border-radius: 0;

        box-shadow: none;

    }

}



@media (max-width: 480px) {



    .ir-title {

        font-size: 22px;

    }



    .ir-comparison-table th,

    .ir-comparison-table td {

        font-size: 11px;

    }



    .fa-check,

    .fa-times {

        font-size: 1rem;

    }

}



.isp-integration-section {

    background-color: #fff;

    padding: 80px 0;

    text-align: center;

    overflow-x: hidden;

}



.isp-header h2 {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 15px;

}



.isp-header p {

    font-size: 18px;

    color: #000;

    max-width: 1000px;

    font-weight: 400;

    margin: 0 auto 50px auto;

    line-height: 1.6;

}



.isp-card {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 15px;

    padding: 40px 20px;

    height: 100%;

    transition: all 0.3s ease;

    display: flex;

    flex-direction: column;

    align-items: center;

    box-shadow: 0px 4px 29.4px 0px rgba(0, 0, 0, 0.25);

}



.isp-card:hover {

    transform: translateY(-5px);



    border-color: rgba(30, 71, 159, 0.3);

}



.isp-icon-box {

    width: 75px;

    height: 75px;

    background-color: #1E479F;

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    margin-left: auto;

    margin-right: auto;

}



.isp-icon-box img {

    width: 35px;

    height: 35px;

    object-fit: contain;

}





.isp-card h4 {

    color: #000;

    font-weight: 700;

    font-size: 17px;

    margin-bottom: 10px;

}



.isp-card p {

    color: #000;

    font-size: 17px;

    font-weight: 400;

    white-space: normal;

}





@media (max-width: 991.98px) {

    .isp-integration-section {

        padding: 60px 0;

    }



    .isp-header p {

        white-space: normal !important;

        padding: 0 20px;

    }

}



@media (max-width: 575.98px) {

    .isp-integration-section {

        padding: 40px 10px;

    }



    .isp-card {

        padding: 30px 15px;

    }



    .isp-header h2 {

        font-size: 32px;

    }

}



.cta-hotspot-section {

    background: linear-gradient(90deg, #1e3a8a, #2563eb);

}



.cta-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #ffffff;

    margin-bottom: 20px;

}



.cta-subtitle {

    font-size: 1.125rem;

    font-weight: 400;

    color: #ffffff;

    margin-bottom: 25px;

    line-height: 1.6;

}



.cta-buttons {

    gap: 20px;

}



.cta-btn-demo {

    background-color: #ffffff;

    color: #1E479F;

    border: 2px solid #1E479F;

    border-radius: 10px;

    padding: 10px 24px;

    font-size: 1.25rem;

    font-weight: 600;

}



.cta-btn-contact {

    background-color: #1D54C1;

    color: #ffffff;

    border: 1px solid #ffffff;

    border-radius: 10px;

    padding: 10px 24px;

    font-size: 1.25rem;

    font-weight: 600;

}





@media (max-width: 768px) {

    .cta-title {

        font-size: 32px;

    }



    .cta-subtitle {

        font-size: 16px;

    }



    .cta-btn-demo,

    .cta-btn-contact {

        font-size: 16px;

        padding: 10px 18px;

    }







}



#ir-faq-section-sol {

    padding: 60px 20px;





}



.faq-header {

    text-align: center;

    padding: 20px 30px;

    margin-bottom: 2rem;

}



.faq-main-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 10px;

    line-height: 1.2;

}



.faq-sub-title {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

}



.faq-accordion {



    margin: 0 auto;

}





.faq-item {

    background: #fff;

    border-radius: 15px;

    margin-bottom: 30px;

    overflow: hidden;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}





.faq-question {

    padding: 20px 30px 0px;

    cursor: pointer;

    display: flex;

    align-items: center;

}



.faq-title {

    font-size: 1.125rem;

    font-weight: 800;

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 0;

    color: #000;

}



.faq-answer {

    padding: 0 30px 25px;

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.6;

}



.faq-icon {

    transition: transform 0.3s ease;

    font-size: 1.125;

    margin-bottom: 25px;

}



.faq-question:not(.collapsed) .faq-icon {

    transform: rotate(180deg);

}



@media (max-width: 1024px) {

    #ir-faq-section-sol {

        padding: 50px 20px;

    }



    .faq-main-title {

        font-size: 38px;

    }



    /* .faq-sub-title {

        font-size: 16px;

    } */



    .faq-title {

        font-size: 16px;

    }



    .faq-answer {

        font-size: 16px;

    }



    .faq-icon {

        font-size: 16px;

    }

}



@media (max-width: 768px) {

    #ir-faq-section-sol {

        padding: 40px 15px;

    }



    .faq-main-title {

        font-size: 32px;

        text-align: center;

    }

    /* 

    .faq-sub-title {

        font-size: 15px;

        text-align: center;

    } */



    .faq-title {

        font-size: 15px;

    }



    .faq-answer {

        font-size: 14px;

    }



    .faq-icon {

        font-size: 14px;

    }



    .faq-question {

        padding: 15px 20px;

    }



    .faq-answer {

        padding: 0 20px 20px;

    }

}



@media (max-width: 575px) {

    #ir-faq-section-sol {

        padding: 30px 10px;

    }

    /* 

    .faq-main-title {

        font-size: 26px;

        text-align: center;

    } */

    /* 

    .faq-sub-title {

        font-size: 14px;

        text-align: center;

    } */



    .faq-title {

        font-size: 14px;

    }



    .faq-answer {

        font-size: 13px;

        line-height: 1.4;

    }



    .faq-icon {

        font-size: 12px;

        margin-left: 10px;

    }



    .faq-question {

        padding: 12px 15px;

    }



    .faq-answer {

        padding: 0 15px 15px;

    }

}



@media (max-width: 991px) {

    .responsive-title {

        font-size: 36px;

    }



    .service-card {

        padding: 1.2rem;

    }

}



@media (max-width: 767px) {

    .responsive-title {

        font-size: 28px;

    }



    .responsive-subtitle {

        font-size: 16px;

    }



    /* .feature-icon-box {

        margin: 0 auto 20px;

    } */



    /* .service-card-title,

    .service-card-list {

        text-align: center;

    } */



    .service-card-list li {

        padding-left: 0;

    }



    .service-card-list li::before {

        display: none;

    }

}



@media (max-width: 991.98px) {

    .wifi-choice-section {
        text-align: center;
        padding: 50px 0;
    }

    .feature-row-item {
        text-align: left;
    }

    .btn-request-demo {
        margin-bottom: 40px;
    }

}





@media (max-width: 991.98px) {

    .wifi-section {

        text-align: center;

    }



    .wifi-tag {

        justify-content: center;

        margin-bottom: 40px;

    }



    .hotspot-card-wifi {

        text-align: left;

    }

}



.deployment-section {

    background: linear-gradient(270deg, #1452d5, #20438e);

    padding: 60px 0;

    color: #fff;

    text-align: center;

    overflow-x: hidden;

}



.deployment-header h2 {

    font-size: 2.5rem;

    font-weight: 700;

    margin-bottom: 15px;

}



.deployment-header p {

    font-size: 1.375;

    font-weight: 400;

    opacity: 0.9;

    max-width: 1180px;

    margin: 0 auto 40px;

    line-height: 1.5;

    padding: 0 20px;

}



.use-case-card {

    /* width: 340px;

    height: 243px; */

    border-radius: 16px;

    opacity: 1;

    background: #fff;

    padding: 20px;

    box-sizing: border-box;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    justify-content: flex-start;

    transition: all 0.3s ease;

}



.use-case-card:hover {

    transform: translateY(-5px);

    /* border: 1px solid rgba(30, 71, 159, 0.25); */

}



.use-case-icon-box {

    width: 60px;

    height: 60px;

    background: rgba(74, 158, 255, 0.27);

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

}



.use-case-icon-box img {

    width: 28px;

    height: 28px;

    object-fit: contain;

}



.use-case-card h4 {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 10px;

    line-height: 1.3;

    width: 100%;

}



.use-case-card p {

    font-size: 1.125rem;

    color: #000;

    font-weight: 400;

    line-height: 1.4;

    margin: 0;

    width: 100%;

    text-align: center;

}



@media (max-width: 1200px) {

    .use-case-card {

        width: 100%;

        max-width: 340px;

        height: auto;

        min-height: 243px;

    }

}



@media (max-width: 767px) {

    .deployment-header h2 {
        font-size: 26px;
    }

    .use-case-card {

        padding: 20px 15px;

        height: auto;

        min-height: auto;

    }

    .deployment-section .row.section-padding {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

}







.device-mgmt-section {

    background-color: #ffffff;

    padding: 60px 0;

    overflow-x: hidden;

}





.device-title {

    font-size: 3 rem;

    font-weight: 700;

    color: #000;

    line-height: 1.1;

    margin-bottom: 25px;

}





.device-desc {

    font-size: 1.25rem;

    color: #000;

    font-weight: 400;

    line-height: 1.6;

    margin-bottom: 30px;

    max-width: 600px;

}



.device-features {

    list-style: none;

    padding: 0;

    margin-bottom: 40px;

}



.device-features li {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 12px;

    font-size: 1.125rem;

    font-weight: 500;

    color: #000;

}



.device-features li i {

    color: #1F5DD3;

    font-size: 1.125rem;

}





.device-image-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

}



.main-hero-img {

    max-width: 100%;

    height: auto;

}





.btn-action-container {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

}



.btn-primary-action {

    font-size: 0.938rem;

    font-weight: 700;

    border-radius: 10px;

    background-color: #1F5DD3;

    color: #fff;

    border: none;

    height: 50px;

    width: 200px;

    cursor: pointer;

}



.btn-secondary-action {

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    font-size: 0.938rem;

    font-weight: 600;

    color: #1E479F;

    border: 1px solid #1E479F;

    border-radius: 10px;

    height: 50px;

    width: 200px;

}





@media (max-width: 991px) {

    .device-mgmt-section {

        text-align: center;

        padding: 40px 0;

    }



    .device-desc {

        margin: 0 auto 30px;

    }



    .device-features {

        display: inline-block;

        text-align: left;

    }



    .btn-action-container {

        justify-content: center;

    }



    .device-image-wrapper {

        margin-top: 40px;

    }

}



@media (max-width: 767px) {

    .device-title {

        font-size: 28px;

    }



    .isp-badge {

        font-size: 13px;

    }



    .btn-primary-action,

    .btn-secondary-action {

        width: 100%;

    }

}





/* #device-management {

    overflow-x: hidden;

}





.device-subtitle {

    letter-spacing: 1.2px;

    font-size: 16px;

    font-weight: 700 !important;

    color: #1E479F !important;

}



.section-main-title {

    font-size: 48px;

    font-weight: 700;

    color: #000;

    line-height: 1.2;

    margin-bottom: 20px;

}



.section-main-title .text-blue {

    color: #1E479F;

    font-size: inherit;

    font-weight: 700;

}



.section-sub-text {

    font-size: 18px;

    font-weight: 400;

    color: #000000;

    line-height: 1.6;

    margin-bottom: 30px;

    max-width: 95%;

}



.hero-shadow {

    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.08));

    border-radius: 20px;

    width: 100%;

    height: auto;

}



.feature-item-card {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    height: 100%;

    background: #ffffff;

    padding: 15px;

    border-radius: 12px;

    transition: transform 0.3s ease;

}



.feature-item-card:hover {

      transform: translateY(-5px);

   

}



.feature-icon-wrapper {

    min-width: 48px;

    width: 48px;

    height: 48px;

    background-color: #f1f5f9;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.feature-icon-wrapper img {

    width: 22px;

    height: 22px;

    object-fit: contain;

}



.feature-content h3 {

    font-size: 17px;

    font-weight: 700;

    color: #000;

    margin-bottom: 6px;

    line-height: 1.3;

}



.feature-content p {

    font-size: 15px;

    font-weight: 400;

    color: #000;

    line-height: 1.4;

    margin: 0;

}



@media (max-width: 1366px) {

    .ps-lg-5 {

        padding-left: 2rem !important;

    }

}



@media (max-width: 991px) {

    #device-management .ps-lg-5 {

        padding-left: 15px !important;

        margin-top: 40px;

    }



    .device-hero-container {

        text-align: center;

    }



    .hero-shadow {

        max-width: 80%;

    }

}



@media (max-width: 767px) {

    .section-main-title {

        font-size: 28px;

    }



    .hero-shadow {

        max-width: 100%;

    }



    .feature-item-card {

        margin-bottom: 10px;

    }

} */



.cpe-management-section {

    padding: 60px 20px;

    background: #fff;

    text-align: center;

    overflow-x: hidden;

}



.cpe-header h1 {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

}



.cpe-header h1 span {

    color: #1E479f;

    /* font-size: 48px; */

    font-weight: 700;

}



.cpe-header p {

    width: 100%;

    max-width: 950px;

    margin: 0 auto 50px;

    font-size: 1.125rem;

    font-weight: 400px;

    color: #000;

    line-height: 1.6;

    padding: 0 10px;

}



.cpe-timeline {

    display: flex;

    justify-content: space-between;

    position: relative;

    /* gap: 20px; */

    flex-wrap: wrap;

}





.timeline-line {

    position: absolute;

    top: 35px;

    left: 10%;

    right: 10%;

    height: 2px;

    background: #A8A4A4;

    z-index: 1;

}



.timeline-line-active {

    position: absolute;

    top: 35px;

    left: 0;

    height: 3px;

    width: 0;

    background: #0056D8;

    z-index: 2;

    transition: 0.4s ease;

}



.timeline-item-sol {

    flex: 1 1 200px;

    position: relative;

    z-index: 3;

    margin-bottom: 40px;

}





.step-number {

    width: 70px;

    height: 70px;

    margin: 0 auto 20px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    color: #fff;

    cursor: pointer;

    transition: 0.3s;

}



.step-1 .step-number {
    background: #0056D8;
}

.step-2 .step-number {
    background: #4A86E1;
}

.step-3 .step-number {
    background: #7AA5E6;
}

.step-4 .step-number {
    background: #ACC6ED;
}



.step-number:hover {

    transform: scale(1.1);

    background: #1E479F;

}





.timeline-item-sol h3 {

    font-size: 1.125rem;

    font-weight: 800;

    color: #000;

}



.timeline-item-sol p {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

}



@media (max-width: 991px) {

    .cpe-header h1 {

        font-size: 38px;

    }

    .timeline-item-sol h3 {

        font-size: 16px;

    }

    .timeline-item-sol p {

        font-size: 15px;

    }

}



@media (max-width: 768px) {

    /* .cpe-timeline {

    

        align-items: center;

        gap: 30px; 

    } */



    .timeline-line,

    .timeline-line-active {

        display: none;

    }



    .timeline-item-sol {

        flex: 1 1 100%;

        max-width: 300px;

        margin-bottom: 30px;

    }



    .step-number {

        width: 60px;

        height: 60px;

        font-size: 16px;

    }



    .timeline-item-sol h3 {

        font-size: 16px;

    }



    .timeline-item-sol p {

        font-size: 14px;

    }

}



@media (max-width: 480px) {

    .cpe-header h1 {

        font-size: 28px;

    }



    .cpe-header p {

        font-size: 14px;

        margin-bottom: 30px;

    }



    .step-number {

        width: 50px;

        height: 50px;

        font-size: 14px;

    }



    .timeline-item-sol h3 {

        font-size: 14px;

    }



    .timeline-item-sol p {

        font-size: 13px;

    }

}



.monitoring-section {

    padding-top: 60px;

    padding-bottom: 60px;

    background: transparent;

    overflow-x: hidden;

    text-align: center;

}



.monitoring-section .text-blue {

    color: #1E479f;

    /* font-size: 48px; */

    font-weight: 700;

}



.monitoring-section .monitoring-title {

    font-size: 3 rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 15px;

    letter-spacing: -0.5px;

}



.monitoring-section .monitoring-desc {

    font-size: 1.375rem;

    font-weight: 400;

    color: #000;

    justify-content: center;

    text-align: center;

    /* margin: 0 auto;

    max-width: 950px; */

}



.dashboard-wrapper {

    background: transparent;

    box-shadow: none;

    border: none;

}



@media (max-width: 992px) {

    .monitoring-section .monitoring-title {

        font-size: 36px;

    }

    .monitoring-section .monitoring-desc {

        font-size: 18px;

        white-space: normal;

    }

}



@media (max-width: 768px) {

    .monitoring-section .monitoring-title {

        font-size: 28px;

        line-height: 1.2;

    }

    .monitoring-section .monitoring-desc {

        font-size: 16px;

        padding: 0 15px;

    }

    .monitoring-section {

        padding-top: 40px !important;

        padding-bottom: 40px !important;

    }

}



@media (min-width: 1200px) {

    .monitoring-section .monitoring-title {

        margin-left: 0;

    }

    .monitoring-section .monitoring-desc {

        white-space: nowrap;

    }

}



.hotspot-features {

    background-color: #ffffff;

    padding-top: 3rem;

    padding-bottom: 3rem;

}



.benefits-title,
.benefits-title span {

    font-size: 2.5rem;

    font-weight: 700;

    line-height: 1.2;

}



.benefits-title {
    color: #000000;
}

.benefits-title span {
    color: #1E479F;
}

.benefits-subtitle {

    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

    margin-top: 15px;

    max-width: 900px;

    margin-left: auto;

    margin-right: auto;

}



.benefit-card {

    background: rgba(248, 250, 252, 1);

    border: 1px solid #e0e0e0;

    border-radius: 8px;

    padding: 25px 20px;

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    transition: transform 0.2s ease, box-shadow 0.3s ease;

}



.benefit-card:hover {



    transform: translateY(-5px);

}



.benefit-icon {

    flex-shrink: 0;

    width: 40px;

    height: 40px;

    margin-right: 20px;

}



.benefit-icon img {

    width: 100%;

    height: auto;

    display: block;

}



.benefit-text {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    line-height: 30px;

}



@media (max-width: 991px) {

    .benefits-title,
    .benefits-title span {
        font-size: 32px;
    }

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

    .benefit-text {
        font-size: 17px;
    }

}





@media (max-width: 767px) {

    .benefits-title,
    .benefits-title span {
        font-size: 26px;
    }

    .benefit-text {
        font-size: 16px;
    }

    .benefit-card {
        padding: 20px 15px;
    }

}





.trusted-provider-section {

    background-color: rgba(251, 251, 251, 1);

    padding: 80px 0;

}



.provider-row {

    display: grid !important;

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

    row-gap: 40px;

    column-gap: 49px;

    justify-content: center;

    width: 100%;

    max-width: 1360px;

    margin: 0 auto;

}



.provider-row::before,

.provider-row::after {

    display: none !important;

}



.provider-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 15px;

    line-height: 1.2;

}



.provider-title span {

    color: #1E479F;

    font-size: 2.5rem;

    font-weight: 700;

}



.provider-subtitle {

    color: #000;

    font-size: 1.125rem;
    max-width: 800px;

    font-weight: 400;

    margin: 0 auto;

    line-height: 1.6;

    white-space: normal;

    /* max-width: 950px; */

}



.provider-card {

    background-color: #ffffff;

    border-radius: 16px;

    /* padding: 40px; */

    padding: 19px 45px 15px;

    text-align: left;

    transition: all 0.3s ease;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    width: 652px;

    height: 296px;

    opacity: 1;

    box-sizing: border-box;

}



.provider-row>div:nth-child(even) .provider-card {

    position: relative;

    transform: translateX(0px);

}



.provider-card:hover {

    transform: translateY(-5px);

}



.provider-icon-box {

    width: 60px;

    height: 60px;

    background-color: #0056D8;

    border-radius: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

}



.provider-icon-box img {

    width: 28px;

    height: 28px;

    object-fit: contain;

}



@media (max-width: 1366px) {

    .provider-card {

        width: 100%;

        max-width: 652px;

        height: 296px;

    }

}



@media (max-width: 991px) {

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

    .provider-title span {
        font-size: 36px;
    }

    .provider-subtitle {
        font-size: 17px;
    }

    .provider-card {

        padding: 24px;

        height: auto;

        min-height: 296px;

    }

}



@media (max-width: 767px) {

    .trusted-provider-section {
        padding: 40px 10px;
    }



    .provider-row {

        grid-template-columns: 1fr !important;

        row-gap: 24px !important;

        column-gap: 16px !important;

    }



    .provider-title {
        font-size: 26px;
    }

    .provider-title span {
        font-size: 26px;
    }

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



    .provider-card {

        padding: 20px 15px;

        height: auto;

        min-height: auto;

        width: 100% !important;

        max-width: 100% !important;

    }

    .provider-icon-box {

        width: 40px;

        height: 40px;

        margin-bottom: 15px;

    }

    .provider-icon-box img {
        width: 20px;
        height: 20px;
    }



    .provider-card h4 {

        font-size: 1rem !important;

        line-height: 1.3 !important;

    }

    .provider-card p {

        font-size: 0.85rem !important;

        line-height: 1.4 !important;

    }

    .provider-card p br {

        display: none !important;

    }

}





.iconradius-section {



    overflow-x: hidden;

}



.content-title {

    font-size: 2.5rem;

    font-weight: 700;

    line-height: 1.2;

}



.content-title .blue-text {

    color: #1E479F;

}

.content-title .highlight-text,

.content-title .black-text {

    color: #000;

}



.content-description {

    font-size: 1.125rem;

    line-height: 1.6;

    margin-top: 25px;

    font-weight: 400;

    color: #000;

}





.feature-item-card {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    height: 100%;

    background: #ffffff;

    padding: 15px;

    border-radius: 12px;

    transition: transform 0.3s ease;

}





.img-container {

    margin-top: 2rem;

    position: relative;

    width: 100%;

    display: flex;

    justify-content: center;

    max-width: 100%;

}



.img-container img {

    height: auto;

    width: 100%;

    max-width: 650px;

    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08));

}



.btn-custom-group {

    width: 100%;

    max-width: 302px;

    height: 71px;

    font-size: 1.25rem;

    border-radius: 10px;

    margin-bottom: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

}



.img-container img {

    max-width: 90%;

    height: auto;

}



@media (max-width: 991.98px) {

    .img-container img {

        max-width: 80%;

    }



    .isp-badge {

        font-size: 16px;

        padding: 10px 20px;

    }



    .iconradius-section {

        /* text-align: center;  */

        padding-top: 2rem !important;

    }



    /* .feature-item { 

        justify-content: center; 

        text-align: left; 

    } */



    .feature-nowrap {
        white-space: normal;
    }



    .btn-custom-group {

        margin: 0 auto 15px auto !important;

    }



    .img-container img {
        max-width: 90%;
    }



    .content-title br {
        display: none;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

}



@media (max-width: 575.98px) {

    .img-container img {
        max-width: 100%;
    }



    .btn-custom-group {
        height: 60px;
        max-width: 100%;
    }



    .px-md-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }



    .isp-badge {
        padding: 10px 18px;
        margin-top: 80px;
        display: block;
        width: 100%;
        position: relative;
        text-align: center;
    }



    .feature-item {
        font-size: 16px;
        justify-content: flex-start;
    }

}



@media (max-width: 1199.98px) {

    .btn-custom-group {
        max-width: 250px;
        height: 65px;
    }

}



@media (max-width: 991.98px) {

    .btn-custom-group {
        margin: 0 auto 15px auto !important;
    }

}







.fiber-features-section {

    overflow: hidden;

}



.fiber-container-fluid {

    margin: 0 auto;

}



.fiber-section-header {

    text-align: center;

    margin-bottom: 60px;

}



.fiber-section-header h2 {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 15px;

}



.fiber-section-header h2 span {

    color: #1E479F;

    font-weight: 700;

}



.fiber-section-header p {

    font-size: 1.125rem;

    /* max-width: 900px; */

    font-weight: 400;

    margin: 0 auto;

    color: #000;

}



.fiber-features-grid {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

    flex-wrap: wrap;

}



.fiber-feature-image {

    flex: 1;

    min-width: 300px;

}



.fiber-feature-image img {

    width: 100%;

    max-width: 700px;

    height: auto;

    display: block;

    margin: 0 auto;

}



.fiber-feature-content {

    flex: 1.2;

    display: flex;

    flex-direction: column;

    gap: 25px;

}



.fiber-feature-item-card {

    display: flex;

    gap: 20px;

    padding: 25px;

    align-items: flex-start;

}



.fiber-icon-box {

    width: 60px;

    height: 60px;

    background: #1a4da1;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    flex-shrink: 0;

}



.fiber-feature-icon {

    width: 35px;

    height: 35px;

    filter: brightness(0) invert(1);

}



.fiber-text-box h3 {

    font-size: 1.563rem;

    font-weight: bold;

    margin-bottom: 8px;

    color: #000;

}



.fiber-text-box p {

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.6;

    color: #000;

}



@media (max-width: 1024px) {

    .fiber-features-grid {

        flex-direction: column;

        text-align: center;

    }



    .fiber-feature-item-card {

        justify-content: center;

        text-align: left;

    }



    .fiber-section-header h2 {

        font-size: 32px;

    }



    .fiber-section-header p {

        font-size: 16px;

    }

}



@media (max-width: 767px) {

    .fiber-features-section {

        padding: 50px 15px;

    }



    .fiber-section-header h2 {

        font-size: 24px;

        line-height: 1.3;

    }



    .fiber-section-header p {

        font-size: 14px;

    }



    .fiber-features-grid {

        flex-direction: column;

        gap: 30px;

    }



    .fiber-feature-item-card {

        flex-direction: column;

        align-items: center;

        text-align: center;

        padding: 20px;

    }



    .fiber-icon-box {

        width: 60px;

        height: 60px;

    }



    .fiber-feature-icon {

        width: 28px;

        height: 28px;

    }



    .fiber-text-box h3 {

        font-size: 18px;

    }



    .fiber-text-box p {

        font-size: 14px;

    }

}



@media (min-width: 1400px) {

    .fiber-features-grid {

        gap: 100px;

    }



    .fiber-section-header h2 {

        font-size: 48px;

    }

}





/* .fiber-capabilities-container {

  --fiber-blue: #1E479F;

  --fiber-text-gray: #707193;

  background-color: #ffffff;

  overflow-x: hidden;

}



.fiber-capabilities-header {

  text-align: center;

    font-size: 48px;

  font-weight: 700;

  margin-bottom: 50px;

}



.fiber-capabilities-header h2 {

  font-size: 48px;

  font-weight: 700;

  color: #000;

}



.fiber-capabilities-header h2 span {

  color: var(--fiber-blue);

   font-size: 48px;

  font-weight: 700;

}



.fiber-capabilities-header p {

  color:#000000;

  font-size: 18px;

  font-weight: 400;

  margin: 0 auto;

}



.fiber-capabilities-scroll-wrapper {

  display: flex;

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  gap: 30px;

  scrollbar-width: none;

  -ms-overflow-style: none;

  padding: 20px 0;

}



.fiber-capabilities-scroll-wrapper::-webkit-scrollbar {

  display: none;

}



.fiber-capabilities-grid {

  min-width: 100%;

  display: grid;

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

  gap: 53px;

  scroll-snap-align: start;

  padding: 20px 110px; 

}



.fiber-capability-card {

  background: #ffffff;

  border-radius: 12px;

  padding: 35px;

  display: flex;

  flex-direction: column;

  transition: all 0.3s ease;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.fiber-capability-card:hover {

   transform: translateY(-5px);

  border-color: var(--fiber-blue);

}



.fiber-icon-box {

  width: 60px;

  height: 60px;

  background: #0056D8;

  border-radius: 11px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 25px;

}



.fiber-icon-box img {

  width: 24px;

  height: 24px;

  filter: brightness(0) invert(1);

}



.fiber-capability-card h3 {

  font-size: 18px;

  font-weight: 800;

  color: #000;

  margin-bottom: 15px;

}



/* .fiber-capability-card p {

  font-size: 18px;

  color: #000000;

  font-weight: 400;

  line-height: 244%;

  margin: 0;

} */

/* 

.fiber-scroll-dots {

  display: flex;

  justify-content: center;

  gap: 12px;

  margin-top: 40px;

}



.fiber-dot {

  width: 12px;

  height: 12px;

  background: #D1D5DB;

  border-radius: 50%;

  transition: all 0.3s ease;

  cursor: pointer;

}



.fiber-dot.fiber-active {

  background: var(--fiber-blue);

  width: 32px;

  border-radius: 20px;

}



@media (max-width: 992px) {

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

}

@media (max-width: 600px) {

  .fiber-capabilities-grid { grid-template-columns: 1fr;

  }

} */

*/ .fiber-ftth-section {

    background-color: #ffffff;

}

.fiber-custom-heading {

    font-size: 2.5rem;
    ;

    font-weight: 700;

    color: #000;

    margin-bottom: 1.25rem;

}





.fiber-highlight-blue {

    color: #1E479F;

}



.fiber-custom-paragraph {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 44px;

    margin-bottom: 3rem;

}



.fiber-text-secondary.fw-medium {

    display: inline-block;

    font-size: 1.125rem;

    font-weight: bold;

    color: #000 !important;

    line-height: 39px;

    word-break: break-word;

}



.fiber-check-icon-circle {

    width: 24px;

    height: 24px;

    border: 2px solid #1E479F;

    border-radius: 50%;

    display: flex;

    margin-right: 10px;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;



}



.fiber-check-icon-circle svg {

    width: 14px;

    height: 14px;

    stroke: #1E479F;

}



.fiber-dashboard-card img {

    border-radius: 12px;

    width: 100%;

    height: auto;

}







@media (max-width: 1199px) {
    .fiber-custom-heading {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .fiber-custom-heading {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .fiber-custom-heading {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .fiber-custom-heading {
        font-size: 28px;
    }
}





.integrations-section {

    padding: 50px 0;

    background-color: #ffffff;

    text-align: center;

}



.integrations-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    margin-bottom: 20px;

}



.integrations-title span {

    color: #1E479F;

    font-size: 2.5rem;

    font-weight: 700;

}



.integrations-subtitle {

    font-size: 1.125rem;

    color: #000;

    font-weight: 400;

    max-width: 1000px;

    width: 100%;

    margin: 0 auto 60px auto;

    line-height: 1.6;

    position: relative;

}



.integration-card {

    padding: 20px;

    height: 100%;

    transition: transform 0.3s ease;

}



.icon-wrapper-sol {

    width: 60px;

    height: 60px;

    background-color: #EBEFFE;

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 25px auto;

}



.icon-wrapper img {

    width: 40px;

    height: 40px;

    object-fit: contain;

}



.integration-card h3 {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 12px;

}



.integration-card p {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

    margin-bottom: 0;

}



@media (max-width: 1024px) {

    .integrations-title,

    .integrations-title span {

        font-size: 38px;

    }

    .integrations-subtitle {

        font-size: 18px;

        margin-bottom: 40px;

    }

    .integration-card p br {

        display: none;

    }

}



@media (max-width: 768px) {

    .integrations-title,

    .integrations-title span {

        font-size: 32px;

    }

    .icon-wrapper {

        width: 70px;

        height: 70px;

    }

}



@media (max-width: 480px) {

    .integrations-title,

    .integrations-title span {

        font-size: 28px;

    }

    .integrations-subtitle {

        font-size: 16px;

        padding: 0 10px;

    }

    .integration-card {

        padding: 10px;

    }

}



.bg-gradient-blue {

    background: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);

    color: #ffffff;

}



.responsive-why-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000000;

    text-align: center;

    margin-bottom: 3rem;

    line-height: 1.2;

}



.responsive-why-title-sol {

    font-size: 2.5rem;

    font-weight: 700;

    color: #ffffff;

    text-align: center;

    margin-bottom: 3rem;

    line-height: 1.2;

}

.feature-card {

    background-color: #ffffff;

    border-radius: 10px;

    min-height: 120px;

    transition: transform 0.3s ease;

}





.feature-card:hover {

    transform: translateY(-5px);



}



.feature-card:hover .featuress-icon-boxs {

    transform: scale(1.05);

    transition: 0.3s ease-in-out;

}

.featuress-icons-boxs {

    width: 60px;

    height: 60px;

    background-color: rgba(0, 86, 216, 0.15);

    flex-shrink: 0;

    border-radius: 18px;

}



.feature-icon-img {



    width: auto;

}



@media (max-width: 991px) {

    .responsive-why-title {

        font-size: 34px !important;

    }

}



@media (max-width: 767px) {



    .responsive-why-title {

        font-size: 28px !important;

    }



    .feature-text-h6 {

        font-size: 20px !important;

    }



    .feature-desc-p {

        font-size: 15px !important;

    }

}



.solutions-fiber-section {

    padding: 80px 0;

    background-color: #ffffff;

    text-align: center;

}



.solutions-fiber-section .solutions-title {

    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 50px;

}



.solutions-fiber-section .solutions-title span {

    color: #1E479F;

    /* font-size: 48px;

    font-weight: 700; */

}





.solutions-operator-card {

    width: 100%;

    max-width: 480px;

    min-height: 270px;

    margin: 0 auto;

    padding: 2rem;

    background: #ffffff;

    border-radius: 29px;

    opacity: 1;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    transition: transform 0.3s ease;

}

.solutions-operator-card:hover {

    transform: translateY(-5px);



}





.solutions-operator-icon {

    width: 65px;

    height: 65px;

    background-color: rgba(89, 200, 255, 0.38);

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 20px;

}



.solutions-operator-icon img {

    width: 35px;

    height: 35px;

    object-fit: contain;

}





.solutions-operator-card h3 {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 12px;

}



.solutions-operator-card p {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.6;

    margin-bottom: 0;

}





@media (max-width: 991px) {

    .solutions-fiber-section .solutions-title {
        font-size: 36px;
    }

    .solutions-operator-card {
        padding: 18px 16px;
    }

}



@media (max-width: 767px) {

    .solutions-fiber-section {
        padding: 60px 0;
    }

    .solutions-fiber-section .solutions-title {
        font-size: 28px;
    }

    .solutions-operator-card {
        padding: 16px 14px;
        max-width: 100%;
    }

    .solutions-operator-card p {
        font-size: 15px;
    }

}



.isp-management-section {

    background-color: #ffffff;

    overflow: hidden;

    padding: 60px 20px;

}



.isp-main-row {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-start;

    gap: 30px;

}



.isp-text-container {

    flex: 0 0 100%;

    max-width: 100%;

}



/* .isp-main-title {

    font-size: 48px;

    font-weight: 700;

    color: #000000;

    line-height: 1.2;

    margin-bottom: 20px;

} */



.isp-main-title span {

    color: #1E479F;

}



.isp-paragraph {

    font-size: 1.125rem;

    line-height: 1.7;

    font-weight: 400;

    color: #000;

    margin-bottom: 20px;

    max-width: 100%;

}



.isp-grid-container {

    flex: 0 0 100%;

    max-width: 100%;

    margin-top: 30px;

}



.isp-feature-grid {

    display: grid;

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

    gap: 20px;

    width: 100%;

}



.isp-feature-card {

    background: #ffffff;

    border-radius: 15px;

    padding: 25px 20px;

    text-align: center;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    transition: all 0.3s ease;

    border: 1px solid rgba(0, 0, 0, 0.03);

    min-height: 150px;

}



.isp-feature-card:hover {

    transform: translateY(-5px);

}



.isp-feature-card img {

    width: 42px;

    height: 42px;

    margin-bottom: 15px;

    object-fit: contain;

}



.isp-feature-card p {

    font-size: 1.125rem;

    font-weight: 700;

    color: #000;

    margin: 0;

    line-height: 1.4;

}





@media (min-width: 768px) {

    .isp-main-title {
        font-size: 42px;
        text-align: center;
    }

    /* .isp-paragraph { text-align: center; margin-left: auto; margin-right: auto; max-width: 700px; } */

    .isp-text-container {
        text-align: center;
    }

    .isp-feature-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .isp-main-row {
        justify-content: center;
    }

}



@media (min-width: 1025px) {

    .isp-main-row {
        flex-wrap: nowrap;
        gap: 60px;
        justify-content: space-between;
    }

    .isp-text-container {
        flex: 0 0 auto;
        width: 45%;
        text-align: left;
    }

    .isp-grid-container {
        flex: 1;
        margin-top: 0;
    }

    .isp-main-title {
        text-align: left;
    }

    .isp-paragraph {
        text-align: left;
        margin-left: 0;
    }

    .isp-feature-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

}



@media (max-width: 576px) {

    .isp-management-section {
        padding: 40px 15px;
    }

    .isp-main-title {
        font-size: 30px;
        text-align: center;
    }

    .isp-paragraph {
        text-align: center;
        font-size: 16px;
    }

    .isp-main-row {
        gap: 20px;
    }

    .isp-feature-grid {
        gap: 15px;
    }

    .isp-feature-card {
        padding: 20px 15px;
        min-height: 135px;
    }

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

}



.unified-isp-box {

    width: 60px;

    height: 60px;

    background-color: rgba(74, 158, 255, 0.27);

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    transition: all 0.3s ease;

}



.unified-isp-box img {

    max-width: 70%;

    max-height: 70%;

    object-fit: contain;

}



@media (max-width: 991px) {

    .unified-isp-box {

        width: 50px;

        height: 50px;

        border-radius: 10px;

    }



    .unified-isp-box img {

        max-width: 65%;

        max-height: 65%;

    }

}



@media (max-width: 575px) {

    .unified-isp-box {

        /* width: 40px; */

        /* height: 40px; */

        border-radius: 15px;

        /* margin-left:70px; */

    }



    .unified-isp-box img {

        max-width: 60%;

        max-height: 60%;

    }

}





#benefits-section {

    background: linear-gradient(90deg, #1e3a8a, #2563eb);

    overflow-x: hidden;

}



.benefit-main-title {

    font-size: 2.5rem;

    font-weight: 700;

}



#benefits-section .benefits-row {

    row-gap: 30px;

    position: relative;

    display: flex;

    /* justify-content: center; */

    margin-left: auto;

    margin-right: auto;

}



.benefit-item .icon-box {

    width: 65px;

    height: 65px;

    background: rgba(255, 255, 255, 0.2);

    border-radius: 14px;

    margin-bottom: 1rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: auto;

    margin-right: auto;

}



.benefit-item .icon-box img {

    width: 30px;

}



.benefit-item p {

    font-size: 1.125rem;

    font-weight: 400;

    color: white;

    white-space: nowrap;

    margin-bottom: 0;

    margin-top: 15px;

}



.benefit-item p.wrap-text {

    white-space: normal;

    line-height: 1.2;

}



.demo-btn-responsive {

    background-color: white;

    color: #1E479F;

    border: 2px solid #1E479F;

    border-radius: 10px;

    font-size: 1.125rem;

    font-weight: 500;

    padding: 0.5rem 1.5rem;

    margin-top: 3rem;

    transition: transform 0.2s ease, background-color 0.3s ease;

}



.demo-btn-responsive:hover {

    transform: scale(1.05);

    background-color: #f8f9fa;

    color: #1E479F;

}



@media (min-width: 1200px) {

    .benefits-row {



        flex-wrap: nowrap;

    }

}



@media (min-width: 768px) and (max-width: 1199px) {

    .benefits-row {

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    #benefits-section .benefit-main-title {

        font-size: 28px;

        margin-bottom: 40px !important;

    }

    .benefit-item p {

        font-size: 15px !important;

        white-space: normal;

        margin-top: 12px;

    }

}



@media (max-width: 767px) {

    .benefits-row {

        width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    #benefits-section {

        padding: 40px 0 !important;

    }

    .benefit-main-title {

        font-size: 24px !important;

        line-height: 1.3;

        padding: 0 15px;

        margin-bottom: 35px !important;

    }

    .benefit-item .icon-box {

        width: 58px !important;

        height: 58px !important;

        margin-bottom: 12px !important;

    }

    .benefit-item .icon-box img {

        width: 26px !important;

    }

    .benefit-item p {

        font-size: 14px !important;

        line-height: 1.3;

        white-space: normal;

        margin-top: 10px;

    }

}



@media (max-width: 576px) {

    .demo-btn-responsive {

        font-size: 18px !important;

        width: 85%;

        padding: 12px 20px !important;

    }

}



.icon-box img {

    max-width: 100%;

    display: block;

}



@media (min-width: 768px) {

    .equal-height-col {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

}



.responsive-isp-title {

    font-size: 2.5rem;

    transition: 0.3s ease;

    color: #000;

    font-weight: 700;

}



.responsive-isp-subtitle {

    color: #000;

    /* font-size: 1.375rem; */
    font-size: 1.125rem;

    font-weight: 400;

    margin-top: 15px;

}



.isp-type-card {

    width: 100%;

    height: 230px;

    padding: 2rem 1rem;

    border-radius: 20px;

    background: #fff;

    display: flex;

    max-width: 261px;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    border: 1px solid #f0f0f0;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    height: 230px;

    border-radius: 23px;

    margin: 10px auto;

}



.isp-type-card:hover {

    transform: translateY(-5px);



}



@media (max-width: 1024px) {

    .responsive-isp-title {

        font-size: 34px !important;

    }

    .isp-type-card {

        padding: 1.5rem 0.8rem;

    }

    /* .isp-type-card p { 

        font-size: 16px !important; 

    } */

    .isp-type-card img {

        height: 45px !important;

    }

}



@media (max-width: 767px) {

    .responsive-isp-title {

        font-size: 26px !important;

        line-height: 1.3;

        padding: 0 10px;

    }

    .responsive-isp-subtitle {

        font-size: 15px !important;

        padding: 0 20px;

        margin-bottom: 30px !important;

    }

    .isp-type-card {

        padding: 1.2rem 0.5rem;

        border-radius: 15px;

    }

    .isp-type-card img {

        height: 40px !important;

        margin-bottom: 10px !important;

    }

    /* .isp-type-card p { 

        font-size: 14px !important; 

        line-height: 1.2 !important;

    } */

    .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }

}





.unified-isp-box-sol {

    width: 70px;

    height: 70px;

    background-color: rgba(0, 86, 216, 0.15);

    border-radius: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    transition: all 0.3s ease;



}



.oss-bss-section {

    background-color: #ffffff;

    padding: 80px 20px;

    color: #000;

}

.oss-bss-section .container {

    max-width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.oss-bss-section .main-title {

    font-size: 2.5rem;

    font-weight: 700;

    margin-bottom: 20px;

    color: #000;

}



.oss-bss-section .highlight-blue {

    color: #1E479F;

}



.oss-bss-section .sub-text {

    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

    margin: 0 auto 60px auto;

    line-height: 1.5;

}



.oss-bss-section .grid-container {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

    gap: 125px;

}



.oss-bss-section .card {

    background-color: #ffffff;

    border-radius: 20px;

    padding: 30px 30px;

    text-align: left;

    border: none;

    outline: none;

    box-shadow: 0px 4px 23.1px 0px rgba(0, 0, 0, 0.25);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.oss-bss-section .card:hover {

    transform: translateY(-5px);



}



.oss-bss-section .card-title {

    color: #1E479F;

    font-weight: bold;

    font-size: 1.125rem;

    font-weight: 800;

    margin-bottom: 35px;

    letter-spacing: 0.02em;

}



.oss-bss-section .feature-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



.oss-bss-section .feature-item {

    display: flex;

    align-items: center;

    margin-bottom: 25px;

    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

}



.oss-bss-section .dot {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    margin-right: 20px;

    flex-shrink: 0;

    background-color: #1E479F;

    display: inline-block;

}



@media (max-width: 768px) {

    .oss-bss-section .main-title {

        font-size: 32px;

    }

    .oss-bss-section .grid-container {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .oss-bss-section .card {

        padding: 35px 25px;

    }

}



.oss-section {

    padding: 60px 80px;

    background: #fff;

}







.oss-container {

    display: flex;

    flex-wrap: wrap;

    margin-top: 30px;

    gap: 40px;

}



.oss-left {

    flex: 1.2;

    min-width: 280px;

}



.oss-left p {

    color: #000;

    line-height: 1.6;

    margin-bottom: 20px;

}



.oss-list li {

    display: flex;

    align-items: center;

    margin-bottom: 14px;

    color: #000;

    /* line-height: 40px; */

    font-size: 1.125rem;

    font-weight: 400;



}



/* .oss-list li::before {

    content: "✔";

    color: white;

    background: #2563eb;

    font-size: 1.125rem;

    font-weight: bold;

    width: 20px;

    height: 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin-top: 10px;

    margin-right: 10px;

} */



.highlight-box {

    width: 90%;

    padding: 14px 16px;

    border: 1px solid rgba(88, 141, 255, 0.15);

    background: #c7d2fe;

    border-radius: 8px;

    font-size: 1.125rem;

    font-weight: bold;

    color: #1E479F;

}



.oss-right {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    min-width: 280px;

}



.oss-content {



    /* margin: 0 auto; */

    padding: 20px;

}



.sol-section-bg {

    background: #fbfbfb;

}



.sol-title-main {

    margin-top: 0;

    font-size: 2.5rem;

    font-weight: 700;

    /* white-space: nowrap; */

}



.sol-highlight-box {

    max-width: 100%;

    width: max-content;

}



.sol-card-left {

    border-radius: 10px;

    padding: 15px;

    border: 1px solid rgba(0, 0, 0, .125);

    margin-top: 20px;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.sol-card-right {

    border-radius: 16px;

    padding: 15px;

    border: 1px solid rgba(0, 0, 0, .125);

    margin-top: 20px;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.sol-card-unified {

    border-radius: 16px;

    padding: 15px;

    border: 1px solid rgba(0, 0, 0, .125);

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.sol-card-unified-title {

    font-size: 25px;

    font-weight: 800;

    color: #000;

    margin-bottom: 0.5rem;

}



.sol-card-unified-desc {

    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

}



.card-subtitle-text {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

}



.card-list-items {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

}



#radiusbenefits .card,

#radiusbenefits .highlight-box {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    border: 2px solid #e9e9e9 !important;

}



#radiusbenefits .card:hover {

    transform: translateY(-5px);

    box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.25) !important;

}



#radiusbenefits .highlight-box:hover {

    transform: translateY(-3px);

}



/* @media (min-width: 1200px) and (max-width: 1399.98px) {

    #radiusbenefits .row>.col-xl-7 {

        flex: 0 0 58.333333% !important;

        max-width: 58.333333% !important;

    }

    #radiusbenefits .row>.col-xl-5 {

        flex: 0 0 41.666667% !important;

        max-width: 41.666667% !important;

    }

} */



@media (max-width: 1366px) {

    /* .oss-title {

        white-space: nowrap !important; 

    } */

    .highlight-box.style-responsive {

        white-space: normal !important;

    }

}

@media (min-width: 768px) and (max-width: 1199.98px) {

    .oss-title {

        font-size: 36px !important;

        white-space: normal !important;

    }

}



@media (min-width: 1200px) and (max-width: 1366px) {

    .target-right-column {

        left: 0 !important;

        padding-left: 25px !important;

    }

}



@media (max-width: 767.98px) {

    .oss-title {

        font-size: 28px !important;

        white-space: normal !important;

    }



    .col-6 {

        width: 100% !important;

        flex: 0 0 100% !important;

        max-width: 100% !important;

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .custom-left-typography .oss-list {

        /* padding-left: 20px !important; */

        margin-bottom: 25px !important;

    }



    .custom-left-typography .oss-list li {

        line-height: 1.5 !important;

        margin-bottom: 12px !important;

        font-size: 16px !important;

    }



    .custom-left-typography .oss-desc {

        line-height: 1.6 !important;

        font-size: 16px !important;

        margin-bottom: 20px !important;

    }



    .col-md-6 .row .col-6:first-child .card {

        margin-bottom: 15px !important;

    }



    .col-md-6 .row .col-6 .card {

        margin-top: 10px !important;

    }



    #radiusbenefits .container-fluid {

        padding: 40px 20px !important;

    }



    .highlight-box.style-responsive {

        width: 100% !important;

        max-width: 100% !important;

        white-space: normal !important;

        font-size: 14px !important;

        padding: 12px !important;

    }

}



.oss-title-highlight {

    color: #1E479F;

    font-weight: 700;

    font-size: 2.5rem;

}





.oss-desc {

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.6;

    color: #000;

    margin-bottom: 20px !important;

}



.oss-list {

    list-style: disc inside;

    font-size: 1.125rem;

    font-weight: 400;

    line-height: 1.6;

    color: #000;

    padding-left: 0;

    margin-left: 0;

}





@media (max-width: 1024px) {

    .oss-title {

        font-size: 38px;

        text-align: left;

    }

    .oss-desc,

    .oss-list {

        font-size: 16px;

    }

}



@media (max-width: 768px) {

    .oss-title {

        font-size: 32px;

        /* text-align: center; */

    }

    .oss-desc {

        font-size: 15px;

        /* text-align: center; */

    }

    .oss-list {

        font-size: 15px;

        /* text-align: center; */

    }

}



@media (max-width: 575px) {

    .oss-title {

        font-size: 28px;

        text-align: center;

    }

    .oss-desc {



        font-size: 14px;

        /* text-align: center; */

    }

    .oss-list {

        font-size: 14px;

        /* text-align: center; */

    }

    .oss-list li {

        margin-bottom: 8px;

    }

}



.oss-right .card {

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

    min-height: 220px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    padding-top: 20px;

    transition: all 0.3s ease;

}



.oss-right .card:hover {

    transform: translateY(-5px);



}



.ossbsscardshadow {

    box-shadow: 0px 0.1rem 1rem 0.05rem rgba(0, 0, 0, .15) !important;

    transition: all 0.3s ease;

}



.ossbsscardshadow:hover {

    transform: translateY(-5px);





}



.solboxicons {

    background: #20438e;

    border-radius: 10px;

    padding: 10px;

}



.card-text {

    color: #000 !important;

}



@media (max-width: 1024px) {

    .oss-section {

        padding: 40px 40px;

    }



    .oss-title {

        font-size: 26px;

    }



    .oss-left p,

    .oss-list li {

        font-size: 16px;

    }



    .oss-container {

        gap: 30px;

    }



    .oss-right .card {

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

        min-height: 200px;

    }

}



@media (max-width: 768px) {

    .oss-section {

        padding: 30px 20px;

    }



    .oss-title {

        font-size: 24px;

        text-align: center;

    }



    .oss-container {

        flex-direction: column;

        gap: 20px;

    }



    .oss-left,
    .oss-right {

        flex: 1 1 100%;

    }



    .oss-right .card {

        flex: 0 0 100%;

        min-height: 180px;

    }

}





@media (max-width: 575px) {

    .oss-section {

        padding: 20px 15px;

    }



    .oss-title {

        font-size: 20px;

    }



    .oss-left p,

    .oss-list li {

        font-size: 14px;

    }



    .highlight-box {

        font-size: 13px;

    }



    .oss-right .card {

        flex: 0 0 100%;

        min-height: 160px;

        padding-top: 15px;

    }

}



.content-title {

    color: #000000;

    font-size: 2.5rem;

    font-weight: 700;

}







.content-description,

.content {

    line-height: 1.6;

    margin-top: 18px;

    font-weight: 400;

    color: #000;

}



.feature-item {

    display: flex;

    align-items: flex-start;

    gap: 0.75rem;

    margin-bottom: 12px;

    color: #000;

    min-width: 0;

    font-size: 1.125rem;

    font-weight: 400;

}











.check-circle {

    width: 25px;

    height: 25px;

    border: 2px solid #3b82f6;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    margin-top: 4px;

}



.check-circle i {

    font-size: 12px;

    color: #3b82f6;

}



#aboutsection .col-lg-6.text-center,

#aboutsection .dashboard-container {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



@media (max-width: 991px) {



    #aboutsection .row {

        row-gap: 0 !important;

    }



    #aboutsection .col-lg-6 {

        margin-bottom: 0 !important;

    }



    #aboutsection .col-lg-6.text-center {

        margin-top: 10px !important;

    }



    #aboutsection img {

        margin-top: 0 !important;

    }

    /* 

    .iconradius-section {

        text-align: center;

    } */



    .content-title br {

        display: none;

    }

}



.content-title-sol {

    font-size: 3.625rem;

    font-weight: 700;

    line-height: 1.2;

    color: #000;

    margin-bottom: 20px;

    text-align: left;

}



.text-highlight {

    color: #1E479F;

    font-weight: 700;

    /* white-space: nowrap; */

}



.text-black {

    color: #000;

    /* font-size: 58px; */



    font-weight: 700;

}



@media (max-width: 1024px) {

    .content-title-sol {

        font-size: 38px;

        text-align: left;

    }

}



@media (max-width: 768px) {

    .content-title-sol {

        font-size: 32px;

        text-align: left;

    }

    .text-highlight {

        white-space: normal;

    }

}



@media (max-width: 575px) {

    .content-title-sol {

        font-size: 28px;

        text-align: center;

        line-height: 1.3;

    }



    .text-highlight {

        white-space: normal;

        /* display: block; */

    }





    .d-none.d-xl-block {

        display: none !important;

    }

}





.platform-header h2 {

    color: #000;

    font-weight: 700;

    font-size: 2.5rem;

    margin-bottom: 15px;

}



.platform-header h2 span {

    color: #1E479F;

}



.platform-subtext {

    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

    max-width: 1350px;

    margin: 0 auto 50px auto;

    line-height: 1.6;
    display: inline-block;

}



.feature-card-sol {

    background: #ffffff;

    border: 1px solid #eef2f6;

    border-radius: 12px;

    padding: 50px 30px;

    text-align: center;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.feature-card-sol:hover {

    transform: translateY(-5px);

}

.icon-wrapper-sol img {

    width: 24px;

    height: 24px;

    object-fit: contain;

}



.feature-title-sol {

    font-size: 1.125rem;

    font-weight: 500;

    color: #000;

    line-height: 1.4;

    margin-bottom: 0;

}

.text2030700-sol {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    line-height: 1.4;

    margin: 0;

}



@media (max-width: 1199.98px) and (min-width: 768px) {

    .text2030700-sol {

        font-size: 16px;

    }

}



@media (max-width: 767.98px) {

    /* .text2030700-sol {

        font-size: 15px;

    } */

}



@media (max-width: 480px) {

    /* .text2030700-sol {

        font-size: 14px;

    } */

}



@media (min-width: 1200px) {

    .col-lg-2-4 {

        flex: 0 0 auto;

        width: 20% !important;

    }

}



@media (max-width: 1199.98px) and (min-width: 768px) {

    .platform-header h2 {
        font-size: 34px;
        line-height: 1.3;
    }

    .platform-subtext {
        font-size: 18px;
        padding: 0 20px;
    }

    .col-lg-2-4 {
        flex: 0 0 auto;
        width: 33.33% !important;
    }

    .feature-card-sol {
        padding: 25px 18px;
    }

    .feature-title-sol {
        font-size: 16px;
    }

    .icon-wrapper-sol {
        width: 45px;
        height: 45px;
    }

    .icon-wrapper-sol img {
        width: 22px;
        height: 22px;
    }

}



@media (max-width: 767.98px) {

    .platform-header h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .platform-subtext {
        font-size: 16px;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .col-6 {
        width: 50% !important;
    }

    .feature-card-sol {
        padding: 18px 12px;
    }

    /* .icon-wrapper-sol { width: 40px; height: 40px; } */

    .icon-wrapper-sol img {
        width: 20px;
        height: 20px;
    }

    .feature-title-sol {
        font-size: 14px;
    }

}



@media (max-width: 480px) {

    .platform-header h2 {
        font-size: 22px;
    }

    .platform-subtext {
        font-size: 15px;
        margin: 0 !important;
    }

    .feature-card-sol {
        padding: 15px 10px;
    }

}





.revenue-lifecycle .section-title {

    color: #ffffff;

    font-weight: 700;

    font-size: 2.5rem;

    letter-spacing: -0.02em;

}



.revenue-lifecycle .section-subtitle {

    color: rgba(255, 255, 255, 1);

    font-size: 1.125rem;

    font-weight: 400;

    margin: 0 auto 3rem auto;

}



.revenue-lifecycle .feature-card {

    background: #ffffff;

    border-radius: 12px;

    padding: 60px 30px;

    height: 100%;

    border: none;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

    transition: transform 0.2s ease;

}



.revenue-lifecycle .feature-card:hover {

    transform: translateY(-5px);

}



.revenue-lifecycle .icon-box {

    background-color: #EBEFFE;

    width: 60px;

    height: 60px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 15px auto;

}



.revenue-lifecycle .icon-box img {

    width: 30px;

    height: 30px;

    object-fit: contain;

}



@media (min-width: 992px) {

    .col-lg-5-cols {

        flex: 0 0 auto;

        width: 20%;

    }

}



@media (max-width: 991.98px) and (min-width: 768px) {

    .revenue-lifecycle .section-title {

        font-size: 34px;

        line-height: 1.3;

    }



    .revenue-lifecycle .section-subtitle {

        font-size: 18px;

        padding: 0 20px;

    }



    .col-lg-5-cols {

        flex: 0 0 auto;

        width: 33.33%;

    }



    .revenue-lifecycle .feature-card {

        padding: 25px 15px;

    }



    .revenue-lifecycle .icon-box {

        width: 55px;

        height: 55px;

    }



    .revenue-lifecycle .icon-box img {

        width: 28px;

        height: 28px;

    }



    .revenue-lifecycle .card-label {

        font-size: 0.9rem;

    }

}



@media (max-width: 767.98px) {

    .revenue-lifecycle .section-title {

        font-size: 26px;

        line-height: 1.3;

    }



    .revenue-lifecycle .section-subtitle {

        font-size: 16px;

        padding: 0 10px;

    }



    .col-6 {

        width: 50% !important;

    }



    .revenue-lifecycle .feature-card {

        padding: 20px 12px;

    }



    .revenue-lifecycle .icon-box {

        width: 50px;

        height: 50px;

    }



    .revenue-lifecycle .icon-box img {

        width: 24px;

        height: 24px;

    }



    .revenue-lifecycle .card-label {

        font-size: 0.85rem;

    }

}



@media (max-width: 480px) {





    .revenue-lifecycle .section-subtitle {

        font-size: 15px;

    }



    .revenue-lifecycle .feature-card {

        padding: 15px 10px;

    }

}



.ops-excellence-section .feature-card-custom {

    background-color: #ffffff;

    border-radius: 16px;

    border: 1px solid #eef0f2;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    transition: transform 0.3s ease;

    height: 100%;

    padding: 1.5rem;



    margin: 17px;

}



.ops-excellence-section .responsive-why-title {

    color: #000;

    font-weight: 700;

    font-size: 2.5rem;

    line-height: 1.2;

    text-align: center;

    margin-bottom: 0.5rem;

}



.ops-excellence-section .section-subtitle {

    margin-top: 20px;

    color: #000;

    margin-left: auto;

    margin-right: auto;

    max-width: 1300px;

    width: 100%;

    font-size: 1.125rem;

    font-weight: 400;

    text-align: center;

    display: block;

}



.ops-excellence-section .feature-card-custom:hover {

    transform: translateY(-5px);

}



.ops-excellence-section .feature-flex-container {

    display: flex;

    align-items: start;

    gap: 35px;

}



.ops-excellence-section .img-container-box {

    width: 60px;

    height: 60px;

    background: rgba(0, 86, 216, 0.15);

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.ops-excellence-section .feature-icon-img {

    width: 32px;

    height: auto;

}



.ops-excellence-section .feature-title {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 8px;

}



.ops-excellence-section .feature-desc {

    font-size: 1.125rem;

    color: #000;

    font-weight: 400;

    line-height: 1.5;

    margin-bottom: 0;

}



@media (max-width: 1199px) {

    .ops-excellence-section .section-subtitle {

        white-space: normal;

        padding: 0 15px;

    }

}



@media (max-width: 991px) {

    .ops-excellence-section .responsive-why-title {
        font-size: 34px;
    }

    .ops-excellence-section .section-subtitle {
        font-size: 18px;
    }

    .ops-excellence-section .feature-flex-container {
        gap: 20px;
    }

}



@media (max-width: 767px) {

    .ops-excellence-section .responsive-why-title {
        font-size: 28px;
    }

    .ops-excellence-section .feature-title {
        font-size: 18px;
    }

}



.real-outcomes {

    background-color: #fbfbfb;



}



.real-outcomes .section-title {

    color: #000;

    font-weight: 700;

    text-align: center;

    font-size: 2.5rem;

    margin-bottom: 3rem;

}



.real-outcomes .section-title span {

    color: #1E479F;

}



.real-outcomes .outcome-card {

    background: #ffffff;

    border-radius: 14px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    text-align: left;

    transition: all 0.3s ease;

}



.real-outcomes .outcome-card:hover {

    transform: translateY(-5px);



}



.real-outcomes .icon-wrapper {

    background-color: #d9e4f5;

    width: 63px;

    height: 60px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

}



.real-outcomes .icon-wrapper img {

    width: 28px;

    height: 28px;

    object-fit: contain;

}



@media (min-width: 992px) {

    .real-outcomes .col-lg-5-cols {

        flex: 0 0 auto;

        width: 20%;

    }

}



@media (max-width: 991.98px) {

    .real-outcomes .section-title {

        font-size: 34px;

    }

    .real-outcomes .col-lg-5-cols {

        width: 33.33%;

    }

}



@media (max-width: 767.98px) {

    .real-outcomes .section-title {

        font-size: 26px;

    }

    .real-outcomes .col-lg-5-cols {

        width: 50% !important;

    }

}



.content-wrapper {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding: 50px;

    max-width: 800px;

    margin: 0 auto;

}



.section-title-solution {



    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

    line-height: 1.1;

    margin-bottom: 20px;

    text-align: left;

}



.section-title-solution span {

    color: #1E479f;

    font-size: 2.5rem;

    font-weight: 700;



}



.section-subtitle-solution {

    font-weight: 400;

    font-size: 1.125rem;

    color: #000;

    line-height: 1.5;

    text-align: left;

    margin-left: 5px;

    max-width: 500px;

}

.section-subtitle-solution span {



    color: #000;

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.5;

    font-weight: 400px;

    text-align: left;



    max-width: 500px;

}





.operate-scale .list-container {

    background: linear-gradient(135deg, #F8F9FC 0%, #FEFEFF 100%);

    border: 1px solid #e0e0e0;

    border-radius: 24px;

    padding: 30px;



}



.operate-scale .bulk-item {

    background: #ffffff;

    border: 1px solid #eee;

    border-radius: 12px;

    padding: 12px 20px;

    display: flex;

    align-items: center;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    margin-bottom: 15px;

}



.operate-scale .icon-box {

    background-color: #d9e4f5;

    width: 44px;

    height: 44px;

    border-radius: 8px;

    display: flex;

    align-items: center;



    justify-content: center;

    margin-right: 15px;

    flex-shrink: 0;

}



.operate-scale .icon-box img {

    width: 22px;

    height: 22px;

    object-fit: contain;

}



.operate-scale .item-text {

    font-weight: bold;

    font-size: 1.25rem;

    color: #000;

}



/* .operate-scale {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

} */





.bulk-cards-container .bulk-item {

    display: flex;

    align-items: center;

    background: #ffffff;

    height: 110px;

    border-radius: 16px;

    margin-bottom: 28px;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.bulk-cards-container .bulk-item:last-child {

    margin-bottom: 0;

}



.bulk-cards-container .bulk-item:hover {

    transform: translateY(-5px);



}



.bulk-cards-container .icon-box {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80px;

    height: 80px;

    border-radius: 18px;

    margin-right: 25px;

    flex-shrink: 0;

}



.bulk-cards-container .icon-box img {

    width: 46px;

    height: 46px;

    object-fit: contain;

}



.bulk-cards-container .item-text {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

}



@media (max-width: 991.98px) {

    .content-wrapper {

        margin-top: 0 !important;

        text-align: center;

        margin-bottom: 50px;

    }

    .bulk-cards-container .bulk-item {

        height: auto;

        padding: 20px;

        margin-bottom: 20px;

    }

}

.migration-title {

    font-size: 2.5rem;

    font-weight: bold;

    line-height: 1.2;

    color: #000;

    margin-left: 42px;

    margin-bottom: 20px;

}



.migration-desc {

    font-size: 1.375rem;

    font-weight: 400;

    line-height: 1.6;

    color: #000;

    /* max-width: 600px; */

    margin-left: 42px;

    /* width: 613px; */

}



.migration-img-wrapper {

    width: 100%;

    aspect-ratio: 16 / 9;

    max-height: 380px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.migration-img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}





@media (max-width: 1199.98px) {

    .migration-desc {

        max-width: 100%;

        width: auto;

    }

}





@media (max-width: 991.98px) {

    .migration-title {

        font-size: 36px;

        margin-left: 0;

    }



    .migration-desc {

        font-size: 16px;

        margin-left: 0;

        max-width: 100%;

        width: auto;

    }



    .migration-img-wrapper {

        max-height: 300px;

        margin-top: 30px;

    }

}



@media (max-width: 575.98px) {

    .migration-title {

        font-size: 28px;

        text-align: center;

    }



    .migration-img-wrapper {

        max-height: 220px;

    }

}





@media (min-width: 992px) and (max-width: 1399px) {

    .migration-title {

        font-size: 40px;

        margin-left: 20px;

    }



    .migration-desc {

        font-size: 17px;

        margin-left: 20px;

        width: 100%;

        max-width: 100%;

    }



    .migration-img-wrapper {

        max-height: 320px;

    }

}

.section-nasintegrations {

    background: none;

}



.section-title {

    font-size: 2.5rem;

    font-weight: 700;

    color: #000;

}



.section-title .highlight {

    color: #20438e;

    font-weight: 700;

    /* font-size: 48px; */

}



.section-subtitle {

    font-size: 1.375rem;

    font-weight: 400;

    color: #000;

    /* white-space: nowrap; */

}

.section-subtitle span {

    display: inline-block;

    margin-right: 10px;

}

.text-grey {

    color: #707193;

}



.mySwiper6 {

    padding: 40px 0;

    overflow: hidden;

}



.mySwiper6 .swiper-slide {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    transition: transform 0.3s;

}





.complogo-sol {

    background: rgba(74, 158, 255, 0.27);

    border-radius: 20px;

    height: 100px;

    width: 100px;

    max-width: 110px;

    padding: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    margin-bottom: 10px;

}



/* .mySwiper6 .swiper-slide:not(:last-child) .complogo-sol::after {

    content: "→";

    position: absolute;

    right: -65px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 1.563rem;

    font-weight: bold;

    z-index: 10;

} */



.slide-text {

    font-weight: 400;

    /* font-size: 1.125rem; */

    font-size: 0.8rem;

    color: #000 !important;

    text-align: center;

    margin-bottom: 0;

}





@media (max-width: 991px) {

    .mySwiper6 .swiper-slide:not(:last-child) .complogo-sol::after {

        right: -45px;

        font-size: 20px;

    }

}



@media (max-width: 575px) {

    .mySwiper6 .swiper-slide:not(:last-child) .complogo-sol::after {

        display: none;

    }



    .section-title {

        font-size: 36px;

    }



    .section-subtitle {

        font-size: 16px;

        white-space: normal;

    }



    .complogo-sol {

        height: 80px;

        width: 80px;

        padding: 15px;

    }



    .slide-text {

        font-size: 14px;

    }

}



.servicecard {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    cursor: pointer;

}



.servicecard:hover {

    transform: translateY(-5px);



}





.servicecard .feature-icon-box img {

    transition: transform 0.3s ease;

}



.hero-image-style {

    max-width: 100%;

    height: 500px;

    object-fit: contain;



    display: block;

    margin: 0 auto;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.icon-wrapper-solutions {

    width: 80px;

    height: 80px;

    background-color: rgba(235, 239, 254, 1);

    border-radius: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 25px auto;

}





.network-device-title {

    font-size: 3.625rem;

    font-weight: bold;

    color: #000;

    line-height: 1.2;

    margin-bottom: 24px;

}



.network-device-desc {

    font-size: 1.375rem;

    font-weight: 400;

    color: #000;

    line-height: 39px;

    margin-bottom: 24px;

}



.network-device-features {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



.network-device-features li {

    font-size: 1.125rem;

    color: #000;

    font-weight: 500;

    margin-bottom: 15px;

    display: flex;

    line-height: 39px;

    align-items: center;

}

@media (max-width: 768px) {
  .network-device-features li {
    display: flex;
    align-items: baseline !important;
  }
}



.network-device-features li:last-child {

    margin-bottom: 0;

}



.network-device-features li i {

    color: #1F5DD3;

    margin-right: 12px;

    font-size: 1.125rem;

    width: 20px;

    height: 20px;

    border: 2px solid #3b82f6;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;



}



.network-btn-primary-custom {

    font-size: 1.125rem;

    font-weight: 800;

    border-radius: 8px;

    background-color: #1F5DD3;

    color: white;

    border: none;

    height: 54px;

    /* width: 190px;  */

    margin-right: 15px;

    margin-bottom: 15px;

    transition: background 0.2s ease;

}



.network-btn-primary-custom:hover {

    background-color: #1646A3;

    color: white;

}



.btn-wrapper {

    gap: 45px;

}



@media (max-width: 576px) {

    .btn-wrapper {

        justify-content: center;

        gap: 15px;
        /* Slightly tighter gap so buttons fit nicely on small screens */

    }

}



@media (min-width: 992px) {

    .network-align-stretch-custom {

        display: flex;

        align-items: stretch;

    }



    .network-image-column-container {

        padding-top: 72px;

        align-items: flex-start !important;

    }



    .network-device-image-wrapper {

        height: 621px;

    }

}



.network-device-image-wrapper {

    width: 100%;

    display: block;

}



.network-device-image-wrapper img {

    width: 100%;

    height: 610px;

    object-position: top center;

    object-fit: contain;

}



#device-management {

    overflow-x: hidden;

}

.device-subtitle {

    letter-spacing: 1.2px;

    font-size: 1.25rem;

    font-weight: 700 !important;

    color: #1E479F !important;

}



.section-main-title {

    font-size: 2.5rem;

    font-weight: bold;

    color: #000;

    line-height: 1.2;

    margin-bottom: 20px;

}



.section-main-title .text-blue {

    color: #1E479F;

    font-size: inherit;

    font-size: 2.5rem;

    font-weight: bold;

}



.section-sub-text {

    font-size: 1.375rem;

    font-weight: 400;

    color: #000;

    line-height: 1.6;

    margin-bottom: 30px;

    max-width: 95%;

}



.device-hero-container {

    /* width: 660px;

     height: 443px; */

    opacity: 1;

    border-radius: 25px;

    margin-top: 80px;

    overflow: hidden;

    box-sizing: border-box;

    display: block;

}



/* .hero-shadow {

    width: 100%;

    height: 100%;

    object-fit: cover;

    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.08));

  } */



.feature-item-card-sol {

    display: flex;

    align-items: flex-start !important;

    gap: 20px;

    height: 100%;

    background: #ffffff;

    padding: 14px 0px;

    border-radius: 0;

    transition: transform 0.3s ease;

}



.feature-item-card-sol:hover {

    transform: translateY(-3px);

}



.feature-icon-wrapper {

    min-width: 48px;

    width: 48px;

    height: 48px;

    background-color: rgba(0, 86, 216, 0.15);

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}



.feature-icon-wrapper img {

    width: 22px;

    height: 22px;

    object-fit: contain;

}



.feature-content h3 {

    font-size: 1.563rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 6px;

    line-height: 1.3;

}



.feature-content p {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 1.4;

    margin: 0;

}



/* @media (min-width: 992px) {

    .sync-desktop-grid {

      display: grid !important;

      grid-template-columns: 660px 1fr !important;

      gap: 55px !important;

      align-items: start;

    }

    .left-image-pane {

      margin-top: 54px; 

    }

    

    .right-content-pane {

      display: flex;

      flex-direction: column;

    }

  }



  @media (max-width: 1366px) {

    .device-hero-container {

        width: 100%;

        max-width: 660px;

        height: auto;

        aspect-ratio: 660 / 443;

    }

  }



  @media (max-width: 991px) {

    .sync-desktop-grid {

        display: flex !important;

        flex-direction: column;

    }

    

    .device-hero-container {

        margin: 25px auto;

        width: 100%;

        max-width: 550px;

        height: auto;

        aspect-ratio: 660 / 443;

    }

  }



  @media (max-width: 767px) {

    .section-main-title { font-size: 28px; }

  }





  @media (max-width: 1200px) {

    .feature-item-card-sol {

      width: 100% !important; 

      max-width: 100% !important;

    }

  }



  @media (max-width: 767px) {

    .feature-content h3 {

      font-size: 16px !important; 

    }

    .feature-content p {

      font-size: 15px !important; 

      line-height: 1.5 !important;

    }

    .feature-item-card {

      padding: 20px 0 !important; 

    }

  } 

   */

.text2426700-sol {

    font-size: 1.563rem;

    font-weight: bold;

    color: #000;



}



.service-section {

    background: #FBFBFB;

    padding: 60px 0;

    overflow-x: hidden;

}



.servicecard-solution {

    width: 498px;

    height: 329px;

    opacity: 1;

    border-radius: 15px;

    border: none;

    background: #FFFFFF;

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

    margin: 0 auto;

    box-sizing: border-box;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

}



.servicecard-solution:hover {

    transform: translateY(-5px);

    box-shadow: 0px 0px 8.8px 1px rgba(0, 0, 0, 0.25);

}



.servicecard-solution .card-body {

    padding: 24px 24px !important;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

}



.feature-icon-box {

    width: 54px;

    height: 54px;

    border-radius: 12px;

    display: flex;

    align-items: center;



    margin-bottom: 20px;

}



.feature-icon-box img {

    width: 32px;

    height: 32px;

    object-fit: contain;

}



.text-18248002 {

    font-size: 1.125rem;

    font-weight: bold;

    color: #000;

    margin-bottom: 12px;

    line-height: 39px;

    width: 100%;

    text-align: left;

}



.text-18244001 {

    font-size: 1.125rem;

    font-weight: 400;

    color: #000;

    line-height: 39px;

    margin: 0;

    width: 100%;

    padding: 0;

    text-align: left;

}



@media (max-width: 1600px) {

    .servicecard-solution {

        width: 100%;

        max-width: 498px;

        height: auto;

        min-height: 329px;

    }

}



@media (max-width: 767px) {

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

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

    .servicecard {

        height: auto;

        min-height: auto;

    }

    .servicecard-solution .card-body {

        padding: 20px 20px !important;

    }

    .service-section .row.grid-wrapper {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

}



.solution {

    background-color: #ffffff;

    color: #1E479F;

    border-radius: 10px;

    font-size: 16px;

    font-weight: bold;

    border: 2px solid #1E479F;

    transition: all 0.3s ease;

}



.solution:hover,

.solution:focus {

    /* background-color: #1E479F;  */

    background: none !important;

    color: #ffffff;

    border: 1px solid #FFFFFF;

}





.btn.cta-btn-contact-sol {

    background-color: none;

    color: #ffffff;

    font-size: 16px;

    font-weight: bold;

    border: 1px solid #ffffff;

    border-radius: 10px;

    transition: all 0.3s ease;

}



.btn.cta-btn-contact-sol:hover,

.btn.cta-btn-contact-sol:focus {

    background-color: #ffffff;

    color: #1E479F;

    border: 1px solid #1E479F;

}

/* jagadeesh.css - Custom responsive overrides for OSS BSS page across laptop screen sizes */

/* Base styles (same as OSS BSS page) */
.hero-mockup-img {
    margin-top: 60px;
    width: 100%;
    height: 500px;
    opacity: 1;
    object-fit: contain;
}

@media (min-width: 1200px) {
    .style-image-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 0px;
    }
}

/* Laptop specific adjustments (1024px – 1440px) */
@media (min-width: 1024px) and (max-width: 1440px) {

    /* Ensure the hero image scales appropriately */
    .hero-mockup-img {
        height: 450px;
        /* slightly smaller for laptop view */
        margin-top: 50px;
    }

    /* Keep the layout consistent with larger screens */
    .style-image-wrapper {
        justify-content: flex-start;
        align-items: flex-end;
    }

    /* Adjust container max-width for better utilization */
    .custom-section-container {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Ensure column spacing remains consistent */
    /* .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-6.text-center {
        text-align: left;
    } */
}

/* Additional universal tweaks */
@media (max-width: 991.98px) {
    .hero-mockup-img {
        height: auto;
        margin-top: 30px;
    }

    .style-image-wrapper {
        justify-content: center;
        align-items: center;
    }
}

/* End of jagadeesh.css */