@media (max-width: 1700px) {
    .container {
        max-width: 1400px !important;
    }
    
.banner-content {
    max-width: 1400px;
}
}
@media (max-width: 1400px) {
    .container {
        max-width: 1280px !important;
    }
    .banner-content {
    max-width: 1280px;
}
}




@media (max-width: 767px) {
    .modal-dialog {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0;
}
.luminary-modal-body h3
{
    color: #2F3E3A;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.luminary-modal-body p
{
    color: rgba(47, 62, 58, 0.80);
text-align: center;
font-family: "PP Neue Montreal";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.tech-modal .modal-content {
    padding: 30px 20px !important;
}
.luminary-modal-body p br
{
    display: none;
}
.form-modal label
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;

}
.form-modal {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.formsubmitbtn {
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 100px;
background: #2F3E3A;
display: flex;
width: 100%;
height: 48px;
padding: 0 22px;
justify-content: center;
align-items: center;
gap: 7.2px;
border: 0;
}
button.modal-close {
    right: -10px;
    top: -18px;
}
    .header-flexible{
display:flex;
align-items:center;
justify-content:start;
}

.logo-main {
        /* position: absolute; */
        left: 50%;
        /* transform: translateX(-50%); */
        margin-left: 44px;
    }

.menu-toggle {
        background: none;
        border: none;
        padding: 0;
        display: flex;
    }

/* Sidebar */

    .mobile-sidebar {
        width: 85% !important;
        backdrop-filter: blur(10px);
        background: #fff;
    }

.mobile-sidebar-inner{
height:100%;
display:flex;
flex-direction:column;
}

    .sidebar-logo {
        padding: 24px 20px;
        
        border-bottom: 1px solid #EBEBEB;
    }

.mobile-nav ul{
    
    flex-direction: column;
list-style:none;
padding:0;
margin:0;
}



      .mobile-nav li a {
        padding: 22px 20px;
        border-bottom: 1px solid #EBEBEB;
        display: block;
        background-image: url(icons/mobmenu.svg);
        background-repeat: no-repeat;
        background-position: 94% center;
    }
.offcanvas-backdrop
{
    background: rgba(43, 51, 49, 0.80);
backdrop-filter: blur(11.059907913208008px);
        opacity: 1 !important;
}
.mobile-nav a{
color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
letter-spacing: 0.16px;
text-decoration: none;
}
.header-mobile {
    position: static;
    background: #fff;
    margin-top: 0;
}
.header-main {
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 15px 0;
}
.banner-heading h1
{
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.banner-heading p
{
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
}
.banner-heading p br
{
    display: none;
}
.banner-button button
{
    border-radius: 68.571px;
background: rgba(255, 255, 255, 0.20);
display: flex;
height: 48px;
justify-content: center;
align-items: center;
gap: 7px;
align-self: stretch;
color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
        width: 100%;
}
.btn-anim .btn-text {
    position: relative;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    transition: 0.3s;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.banner-heading p {
    margin-top: 10px;
    margin-bottom: 32px;
}
.banner-content {
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 46px;
    padding: 0 20px;
}
.primary-heading
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.headborder {
    padding: 25px 0;
    border-left: 2px solid #EBEBEB;
    border-right: 2px solid #EBEBEB;
}
.section-heading {
    padding: 0 20px;
}
.container-mobile {
    padding: 0 20px;
}
.brbb {
    border-right: 0;
}

.custom-cols {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
}
.aof-title
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 120% */
        padding-right: 90px;
}
    .aof-para {
        color: #2F3E3A;
        font-family: "PP Neue Montreal";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .area-of-focus .row {
        padding: 30px 20px;
        border-bottom: 2px solid #EBEBEB;
    }
     .mobile-no-gutter {
    --bs-gutter-x: 0;
  }
  .aof-footer h3
  {
    color: #7F959D;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .aof-footer{
    padding: 24px 12px;
  }
  .aof-footer br {
    display: none;
}
.webridge-text
{
    color: #2F3E3A;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}
.webridge-text span{
    color: #7F959D;
font-family: "PP Neue Montreal";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
    .we-bridge {
        background-image: url(bg/webring.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
        padding: 40px 0 52px;
    }
.webridge-image {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}
    .bridgebox {
        margin-bottom: 10px;
        gap: 8px;
    }

.webridge-footer .row {
    gap: 30px;
}

.bridgeset-head h2
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.bridgeset-para
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
}
.iconbridge {
    display: flex;
    max-height: 24px;
    justify-content: center;
    max-width: 24px;
}
.con-left-border
{
    border-left: 2px solid #EBEBEB;
    border-right: 2px solid #EBEBEB;

}
.blbr-mobile{
        border-left: 2px solid #EBEBEB;
    border-right: 2px solid #EBEBEB;
}
    .blbr-mobile img {
        padding-right: 20px;
        padding-left: 6px;
        margin-right: 0;
    }
.mobile-titles {
        padding: 21px 18px 21px;
        border-bottom: 2px solid #EBEBEB;
        border-top: 2px solid #EBEBEB;
    }
.mobile-titles h3{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 125% */
}
.blbr-mobile {
    padding-bottom: 25px;
}
.lumi-acc-item .accordion-header button {
    
    padding-bottom: 9px;
}
.lumi-acc-item .accordion-header button
{
color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.lumi-acc-item {
    padding: 24px 20px;
}
.lumi-acc-item .accordion-body
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
}
.lumi-acc-item .accordion-header .collapsed {
    padding-bottom: 0 !important;
}
.lumi-acc-item .accordion-header button.collapsed {
    font-weight: 400;
}


.diversity-engine .primary-heading {
    text-align: left;
    padding: 0 19px;
}
.borderwise-container {
    border: 0;
}

.borderwise-container .row {        border-left: 2px solid #EBEBEB;
    border-right: 2px solid #EBEBEB;}

.pbimage {
    padding: 0 0 30px !important;
}

.divers-box {
    padding: 30px 20px !important;
}
.diverse-content p
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
padding-top: 8px;
}
.diverse-content h2{
color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.col-sm-4.divers-box.diverse-last {
    padding: 0 !important;
}
.diverse-last .diverse-image {
    padding-bottom: 30px;
}
.diversity-engine .borderwise-container .row {
    padding-bottom: 40px;
}
.diverse-image img {
    max-height: 230px;
}
.retinal-data {
    padding-bottom: 40px;
    padding-top: 40px;
}
.section-heading p
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
padding-top: 12px;
}
.footer-flex {
    flex-direction: column;
    padding: 20px 20px;
    align-items: start;
}

.logo-footer img {
    max-width: 100%;
}

.logo-copyright {
    text-align: left;
    font-size: 10px;
}

.logo-footer {
    border-bottom: 1px solid rgba(35, 61, 76, 0.64);
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.retinal-data .heading-left {
    padding-bottom: 40px;
}
.retinal-data .row {
    gap: 20px;
}
.rd-title-set h2
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rd-title-set p
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
margin-top: 12px;
}
.retinal-data .heading-left
 {
    padding: 0 0 40px 0 !important;
}
.small-overview
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.16px;
}
.small-overview br
{
    display: none;
}
.metadata .primary-heading {
    text-align: left;
    padding-left: 20px;
}
.metadata-row .col-metadata {
    padding: 24px 20px 12px !important;
}
.metadata-row .col-sm-7.col-metadata {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.metadata-titleset p {
    margin-top: 12px;
}
.metadata-row .col-sm-7.col-metadata {
        padding-top: 0 !important;
        padding-bottom: 24px !important;
        border: 0;
    }
.metadata-titleset h2
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.metadata-titleset p
{
    color: #2F3E3A;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
}
.metadata-number
{
    color: #9AAEB5;
font-family: "PP Neue Montreal";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.extrapadborder {
    padding-bottom: 40px;
}

.extrapadborder  .col-sm-7.col-metadata {
    border-bottom: 2px solid #EBEBEB;
}
.data-specification
{
    background: linear-gradient(90deg, #2E5047 0%, #B3C3B8 181.58%);
}
.dataspe-text h2 span
{
    color: #D1D5D2;
font-family: "PP Neue Montreal";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.dataspe-text h2
{
color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.dataspe-text p
{
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
margin-top: 12px;
}
.banner-button.btn-center {
    margin-top: 24px;
}
.small-para p{
    color: #FFF;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 16px;
}
.data-specification .data-innerbg {
    padding: 80px 0;
}
.data-specification .data-innerbg {
    background-image: url(../images/techbgmob.png);
}
.Ai-section-image img {
    max-width: 100%;
}
.retinal-data .small-overview {
    max-width: 320px;
}
.error-text2 {
    
    font-size: 12px;
    
}
.mobilebuttonfull{
    width: 100%;
}

.header-mobile .logo-main img {
    width: 235px;
    height: 24px;
}
.sidebar-logo img {
    width: 205px;
    height: 20px;
}
}