.divmdl,#morone,#mortwo,#mortre{height:auto;}


.mvnicn{width:64px;height:64px;padding:5px;border:1px solid #E7E4DF;}

#getcnt{width:100%;height:auto;float:left;padding:60px 0 20px 0;}
#getcnt h1{font-size:30px;font-weight:700;text-align:center;margin:0;color:#1A2A44;line-height:1em;}
#getcnt p{text-align:center;font-size:23px;font-weight:300;margin:0;font-style:normal;color:#666666;}





@media only screen and (max-width: 650px){
.divmdl,#atrmrg{width:94%;margin:0 auto;}

#getcnt p{padding:5px 5% 15px 5%;}

#atrpic,#atrdes{width:100%;height:auto;float:left;}
#atrpic{margin-bottom:40px;}


#msndiv,#vsndiv{width:100%;height:auto;float:left;}
#msndiv{margin-bottom:40px;}


.mvnicn{margin:0 auto 10px auto;}
.mvndtl{width:100%;height:auto;float:left;text-align:center;}

#morone,#mortwo,#mortre{width:100%;float:left;}
#mortwo{margin:25px 0;}
.mordes{padding:40px 30px 50px 30px;}

.morimg,.mordes{width:100%;height:auto;float:left;}
.morimg{margin-bottom:5px;}
.mordes{border-radius: 0 0 20px 20px;}

}




@media only screen and (min-width:651px) and (max-width:1080px){
.divmdl,#atrmrg{width:90%;margin:0 auto;}

#getcnt p{padding:5px 15% 0 15%;}

#atrpic{width:580px;height:auto;margin:0 auto 40px auto;}
#atrdes{width:100%;height:auto;float:left;}

#picmsg,#msndiv{margin-bottom:40px;}

.mvnicn{float:left;margin-right:20px;}
#msndiv,#vsndiv{width:100%;height:auto;float:left;}

.morimg,.mordes{width:50%;height:auto;float:left;}

#morone,#mortwo,#mortre{display:flex;align-items:stretch;gap:20px;} 
#mortwo{margin:25px 0;}
.mordes{ display: flex; justify-content: center;  flex-direction: column;
     padding:0 46px;}
}



@media only screen and (min-width:651px) and (max-width:850px){
.mvndtl{width:80%;height:auto;float:left;}
}
@media only screen and (min-width:851px) and (max-width:1080px){
.mvndtl{width:85%;height:auto;float:left;}
}
@media only screen and (min-width:1081px) and (max-width:1449px){

.mvnicn{margin:0 auto 10px auto;}
.mvndtl{width:100%;height:auto;float:left;text-align:center;}

#msndiv,#vsndiv{width:48%;height:auto;float:left;}  
#msndiv{padding-right:2%;margin-right:2%;border-right:1px dashed #E7E4DF; box-sizing: border-box;}

}


@media only screen and (min-width:1450px){
#msndiv,#vsndiv{width:610px;height:auto;float:left;}
#msndiv{margin-right:40px;}
}

@media only screen and (min-width: 1081px){
#atrmrg{width:1000px;height:auto;margin:0 auto;}
#atrpic{width:450px;height:auto;float:left;margin-right:40px;}
#atrdes{width:510px;height:auto;float:left;}

}


@media only screen and (min-width: 1081px){
#atrmrg{width:1000px;height:auto;margin:0 auto;}
#getcnt p{padding:5px 25% 15px 25%;}

#morone,#mortwo,#mortre{float:left;}

.morimg,.mordes{width:100%;height:auto;float:left;}
.morimg{margin-bottom:5px;}

.mordes{border-radius: 0 0 20px 20px;padding:40px 30px 50px 30px;}

}


@media only screen and (min-width:1081px) and (max-width:1149px){
.divmdl{width:980px;margin:0 auto;}
#morone,#mortwo,#mortre{width:310px;}
#mortwo{margin:0 25px;}

}
@media only screen and (min-width:1150px) and (max-width:1249px){
.divmdl{width:1080px;margin:0 auto;}
#morone,#mortwo,#mortre{width:340px;}
#mortwo{margin:0 30px;}
}
@media only screen and (min-width:1250px) and (max-width:1349px){
.divmdl{width:1180px;margin:0 auto;}
#morone,#mortwo,#mortre{width:372px;}
#mortwo{margin:0 32px;}
}
@media only screen and (min-width:1350px) and (max-width:1449px){
.divmdl{width:1250px;margin:0 auto;}
#morone,#mortwo,#mortre{width:394px;}
#mortwo{margin:0 34px;}
}
@media only screen and (min-width:1450px){
.divmdl{width:1350px;margin:0 auto;}
#morone,#mortwo,#mortre{width:424px;}
#mortwo{margin:0 39px;}
}


@media only screen and (min-width:1451px){
.mvnicn{float:left;margin-right:20px;}
}


#abtatr{width:100%;height:auto;float:left;}



#picimg{width:100%;height:auto;float:left;border:1px solid #E7E4DF;box-sizing:border-box;padding:7px;background-color:#FAF7F2;margin-bottom:5px;}

#picimg img,.morimg img{max-width:100%;height:auto;float:left;}

#picmsg{width:100%;height:auto;float:left;background-color:#FAF7F2;border:1px solid #E7E4DF;box-sizing:border-box;padding:30px 6px;text-align:center;}

#picmsg h2{font-size:20px;font-weight:700;margin:0 0 5px 0;line-height:1em;color:#1A2A44;}
#picmsg p{font-size:16px;font-weight:400;margin:0;line-height:1em;color:#787878;}


#atrdes p{font-size:15px;font-weight:400;margin:0 0 10px 0;color: #555555;}


#mvndiv{width:100%;height:auto;float:left;}
#msnvsn{width:100%;height:auto;float:left;border:1px solid #E7E4DF;padding:40px;margin:70px 0 80px 0;border-radius:10px;box-sizing:border-box;background-color:#FAF7F2;}


.mvndtl h3{font-size:20px;font-weight:700;margin:0 0 5px 0;line-height:1em;color:#1A2A44; line-height: 1em;}
.mvndtl p{font-size:15px;font-weight:400;margin:0;color: #555555;}


#morlnk{width:100%;height:auto;float:left;padding:0 0 90px 0;}



.morimg{border:1px solid #E7E4DF;box-sizing:border-box;padding:6px;background-color:#FAF7F2;}
.mordes{background-color:#FAF7F2;border:1px solid #E7E4DF;box-sizing:border-box;text-align:center;}

.mordes h4{font-size:25px;font-weight:700;margin:0;line-height:1em;color:#1A2A44;}
.mordes p{font-size:15px;font-weight:400;margin:5px 0 15px 0;color: #555555;line-height:1.3em;}

.lnkdtl{width:100%;height:auto;float:left;}
.lnkdtl a{display:block; width: 100%; height: auto; float: left;background-color: #FFAA00;color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-align: center; padding: 16px 0; font-size:13px;font-weight:700; border-radius: 50px; margin:0;}
.lnkdtl a:hover{background-color: #0B2A4A;}





/* ================================
   NOESIS PRESS HERO
================================ */

.noesis-hero {
    position: relative;
    width: 100%;
    min-height: 620px;
    overflow: hidden;
margin-bottom: 80px;
    background:
        linear-gradient(
            90deg,
            #faf7f2 0%,
            #faf7f2 38%,
            rgba(250, 247, 242, 0.94) 48%,
            rgba(250, 247, 242, 0.25) 68%,
            rgba(250, 247, 242, 0) 100%
        );
}

/* Main container */

.hero-content {
    width: 100%;
    max-width: 1440px;
    min-height: 620px;
    margin: 0 auto;

    display: flex;
    align-items: center;

    position: relative;
}

/* ================================
   TEXT AREA
================================ */

.hero-text {
    width: 52%;
    padding: 70px 30px 70px 70px;
    position: relative;
    z-index: 2;
}

.hero-eyebrow {
    margin-bottom: 24px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2.5px;

    color: #34465d;
}

.hero-eyebrow span {
    margin: 0 8px;
    color: #d99b19;
}

/* Heading */

.hero-text h1 {
    margin: 0 0 25px;

    font-size: clamp(48px, 5vw, 76px);
    line-height: 1.02;
    font-weight: 500;
    letter-spacing: -2px;

    color: #102f52;
}

/* Description */

.hero-text p {
    max-width: 650px;
    margin: 0 0 34px;

    font-size: 18px;
    line-height: 1.65;
    font-weight: 400;

    color: #536274;
}

/* ================================
   BUTTONS
================================ */

.hero-buttons {
    display: flex;
    align-items: center;
    gap: 28px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 230px;
    height: 58px;
    padding: 0 28px;

    border-radius: 5px;


    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

/* Gold button */

.btn-primary {
    background: #ffAA00;
    color: #FFFFFF;
    border: 2px solid #ffb20b;
}

.btn-primary:hover {
    background: #f2a500;
    border-color: #f2a500;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(16, 47, 82, 0.15);
}

/* Outline button */

.btn-secondary {
    background: transparent;
    color: #102f52;

    border: 2px solid #102f52;
}

.btn-secondary:hover {
    background: #102f52;
    color: #ffffff;

    transform: translateY(-2px);
}

/* ================================
   IMAGE
================================ */

.hero-image {
    position: absolute;

    top: 0;
    right: 0;

    width: 62%;
    height: 100%;

    z-index: 1;
}

.hero-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;
}

/*
   Fade image into text area
*/

.hero-image::before {
    content: "";

    position: absolute;

    left: -1px;
    top: 0;

    width: 35%;
    height: 100%;

    z-index: 2;

    background: linear-gradient(
        90deg,
        #faf7f2 0%,
        rgba(250, 247, 242, 0.90) 20%,
        rgba(250, 247, 242, 0.45) 55%,
        rgba(250, 247, 242, 0) 100%
    );
}

/* ================================
   LARGE DESKTOP
================================ */

@media (min-width: 1600px) {

    .hero-content {
        max-width: 1920px;
    }

    .hero-text {
        padding-left: 90px;
    }

    .hero-text h1 {
        font-size: 50px;
    }

    .hero-text p {
        font-size: 19px;
    }
}

/* ================================
   TABLET
================================ */

@media (max-width: 1000px) {

    .noesis-hero {
        min-height: auto;
        background: #faf7f2;
    }

    .hero-content {
        min-height: auto;
        display: flex;
        flex-direction: column;
    }

    .hero-text {
        width: 100%;
        padding: 70px 40px 50px;
    }

    .hero-text h1 {
        font-size: 56px;
    }

    .hero-image {
        position: relative;

        width: 100%;
        height: 500px;
    }

    .hero-image::before {
        width: 100%;
        height: 30%;

        top: 0;
        left: 0;

        background: linear-gradient(
            180deg,
            #faf7f2 0%,
            rgba(250, 247, 242, 0.6) 45%,
            rgba(250, 247, 242, 0) 100%
        );
    }
}

/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

    .hero-text {
        padding: 55px 24px 40px;
    }

    .hero-eyebrow {
        font-size: 12px;
        letter-spacing: 1.8px;
        margin-bottom: 20px;
    }

    .hero-eyebrow span {
        margin: 0 4px;
    }

    .hero-text h1 {
        font-size: 44px;
        line-height: 1.06;
        letter-spacing: -1px;
    }

    .hero-text p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 28px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .btn {
        width: 100%;
        min-width: 0;
    }

    .hero-image {
        height: 400px;
    }
}