/* ==============================
   GENERAL
============================== */
.leftColZone, .rightColZone {display: none!important;}
.EmailRequestForm {width: 50%; margin: 0 auto; height: 1100px;}
.eo-logo-grid {display: none;}

/* ==============================
   HERO
============================== */

.eo-hero{

    background:
    linear-gradient(90deg,
    #ffffff 0%,
    #eef7fd 40%,
    #d7effc 65%,
    #86cff8 100%);

    padding:90px 40px;

    overflow:hidden;

}

.eo-hero-content{

    max-width:1200px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}

.eo-hero-left{

    flex:1;

}

.eo-logo{

    width:180px;

    margin-bottom:35px;

}

.eo-hero h1{

    font-size:64px;

    line-height:1.05;

    font-weight:800;

    color:#111;

    margin:0 0 30px;

}

.eo-hero h1 span{

    color:#1188d8;

}

.eo-hero p{

    max-width:520px;

    font-size:18px;

    line-height:1.7;

    color:#555;

    margin-bottom:40px;

}

.eo-btn{

    display:inline-block;

    background:#168fdc;

    color:#fff!important;;

    text-decoration:none!important;;

    padding:18px 34px;

    border-radius:8px;

    font-weight:700;

    transition:.25s;

}

.eo-btn:hover{

    background:#066db2;

}

.eo-hero-right{

    flex:1;

    text-align:center;

}

.eo-dashboard{

    width:100%;

    max-width:650px;

    border-radius:10px;

    box-shadow:0 30px 60px rgba(0,0,0,.18);

}

.essent-tool h4 {color: white; font-size: 16pt;}
.essent-tool img {width: 125px;}

#w1005294_lblCommentsForm {font-size: 0;}
#w1005294_lblCommentsForm:before {content: 'Message'; font-size: 14px;}


@media (max-width:900px){

.eo-hero{

padding:70px 25px;

}

.eo-hero-content{

flex-direction:column;

text-align:center;

}

.eo-hero p{

margin:auto auto 35px;

}

.eo-hero h1{

font-size:46px;

}

.eo-dashboard{

margin-top:40px;

}

}

/* ============================
   VIDEO SECTION
============================ */

.eo-video{

    background:#0f1824;

    padding:90px 40px;

}

.eo-video-wrapper{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.eo-video-container{

    position:relative;

    overflow:hidden;

    border-radius:8px;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.eo-video-container::before{

    content:"";

    display:block;

    padding-top:56.25%;

}

.eo-video-container iframe{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

}

.eo-video-right h2{

    color:#fff;

    font-size:46px;

    line-height:1.1;

    margin-bottom:28px;

    font-weight:800;

}

.eo-video-right p{

    color:#aab6c5;

    font-size:18px;

    line-height:1.8;

    margin-bottom:24px;

}

.eo-highlight{

    color:#ffffff !important;

    font-weight:700;

}

.eo-video-link{

    display:inline-block;

    margin-top:20px;

    color:#ffbc00!important;;

    font-size:22px!important;;

    font-weight:700;

    text-decoration:none;

    transition:.25s;

}

.eo-video-link span{

    margin-left:10px;

    transition:.25s;

}

.eo-video-link:hover{

    color:#ffd05c;

}

.eo-video-link:hover span{

    transform:translateY(5px);

}

@media (max-width:900px){

.eo-hero{

padding:70px 25px;

}

.eo-hero-content{

flex-direction:column;

text-align:center;

}

.eo-hero p{

margin:auto auto 35px;

}

.eo-hero h1{

font-size:46px;

}

.eo-dashboard{

margin-top:40px;

}

}

/* ===================================
   FEATURES SECTION
=================================== */

.eo-features{

    background:
    linear-gradient(145deg,
    #0096df,
    #148fd0,
    #0c7fbd);

    padding:90px 35px;

}

.eo-features-inner{

    max-width:1180px;

    margin:auto;

    text-align:center;

}

.eo-features-logo{

    width:210px;

    margin-bottom:25px;

}

.eo-features h2{

    color:#fff;

    font-size:54px;

    font-weight:800;

    margin-bottom:25px;

}

.eo-features-intro{

    max-width:760px;

    margin:0 auto 70px;

    color:#d8eefb;

    font-size:19px;

    line-height:1.8;

}

.eo-card-grid{

    display:grid;

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

    gap:28px;

}

.eo-card{

    background:#fff;

    border-radius:14px;

    padding:34px;

    text-align:left;

    box-shadow:
    0 12px 40px rgba(0,0,0,.16);

    transition:.3s;

}

.eo-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 24px 50px rgba(0,0,0,.25);

}

.eo-icon{

    width:52px;

    height:52px;

    border-radius:12px;

    background:#33b44a;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-bottom:22px;

}

.eo-card h3{

    font-size:24px;

    color:#222;

    margin-bottom:14px;

    font-weight:700;

}

.eo-card p{

    color:#666;

    line-height:1.7;

    font-size:17px;

}

@media (max-width:1000px){

.eo-card-grid{

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

}

}

@media (max-width:700px){

.eo-features{

padding:70px 25px;

}

.eo-features h2{

font-size:40px;

}

.eo-features-intro{

font-size:17px;

margin-bottom:50px;

}

.eo-card-grid{

grid-template-columns:1fr;

}

.eo-card{

text-align:center;

}

.eo-icon{

margin:0 auto 20px;

}

}

/*===================================
COMPARISON
===================================*/

.eo-comparison{

    padding:110px 35px;

    background:
    linear-gradient(#ffffff,#f6f8fb);

}

.eo-comparison-inner{

    max-width:1180px;

    margin:auto;

    text-align:center;

}

.eo-comparison h2{

    font-size:54px;

    color:#111;

    margin-bottom:80px;

    font-weight:800;

}

.eo-compare-wrap{

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

    margin-bottom:60px;

}

.eo-problems{

    width:390px;

    background:#f1f1f1;

    border-left:6px solid #e74b4b;

    border-radius:14px;

    padding:45px;

    text-align:left;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

    position:relative;

    left:40px;

    z-index:1;

}

.eo-problems h3{

    color:#d33232;

    margin-bottom:28px;

    font-size:28px;

}

.eo-problems ul{

    padding:0;

    list-style:none;

}

.eo-problems li{

    margin:18px 0;

    color:#555;

    line-height:1.6;

}

.eo-problems li:before{

    content:"✕";

    color:#d33;

    margin-right:12px;

}

.eo-solution{

    width:700px;

    background:#111d2c;

    color:white;

    border-radius:16px;
    
    border-right: 6px solid #00b0f0;

    padding:55px;

    text-align:left;

    position:relative;

    z-index:2;

    box-shadow:
    0 30px 60px rgba(0,0,0,.22);

}

.eo-solution-logo{

    width:180px;

    display:block;

    margin-bottom:30px;

}

.eo-solution h3{

    font-size:30px;

    margin-bottom:35px;

    border-bottom:2px solid #1f97e6;

    padding-bottom:18px;
    
    color: white!important;

}

.eo-solution ul{

    list-style:none;

    padding:0;

}

.eo-solution li{

    margin:18px 0;

    line-height:1.7;
    
    font-weight: bold;

}

.eo-solution li:before{

    content:"✓";

    color:#2bb6ff;

    margin-right:12px;
 

}

@media(max-width:980px){

.eo-compare-wrap{

flex-direction:column;

gap:35px;

}

.eo-problems{

left:0;

width:100%;

}

.eo-solution{

width:100%;

}

}

@media(max-width:700px){

.eo-comparison{

padding:70px 25px;

}

.eo-comparison h2{

font-size:40px;

margin-bottom:45px;

}

.eo-problems,
.eo-solution{

padding:35px;

}

.eo-problems h3,
.eo-solution h3{

font-size:24px;

}

}

/*=====================================
TRUSTED
=====================================*/

.eo-trusted{

    background:#ffffff;

    padding:100px 35px;

}

.eo-trusted-inner{

    max-width:1200px;

    margin:auto;

    text-align:center;

}

.eo-section-label{

    display:inline-block;

    color:#1794de;

    font-size:13px;

    letter-spacing:3px;

    font-weight:700;

    margin-bottom:20px;

}

.eo-trusted h2{

    font-size:50px;

    margin-bottom:25px;

    color:#111;

    font-weight:800;

}

.eo-trusted-intro{

    max-width:760px;

    margin:0 auto 70px;

    color:#666;

    font-size:18px;

    line-height:1.8;

}

.eo-logo-grid{

    display:grid;

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

    gap:35px;

}

.eo-logo-card{

    background:#fff;

    border-radius:16px;

    padding:45px;

    box-shadow:

        0 12px 40px rgba(0,0,0,.08);

    transition:.3s;

}

.eo-logo-card:hover{

    transform:translateY(-8px);

    box-shadow:

        0 24px 60px rgba(0,0,0,.15);

}

.eo-logo-card img{

    height:65px;

    margin-bottom:30px;

    object-fit:contain;

}

.eo-logo-card h3{

    font-size:24px;

    margin-bottom:18px;

    color:#222;

}

.eo-logo-card p{

    color:#666;

    line-height:1.7;

    font-size:17px;

}

@media(max-width:900px){

.eo-logo-grid{

grid-template-columns:1fr;

}

.eo-trusted{

padding:70px 25px;

}

.eo-trusted h2{

font-size:38px;

}

}





/*==================================
BOTTOM CTA
==================================*/

.eo-bottom-cta{

    background:#0f1824;

    padding:90px 35px 10px 35px;

}

.eo-bottom-cta-inner{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.eo-bottom-cta h2{

    color:#fff;

    font-size:54px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:28px;

}

.eo-bottom-cta p{

    color:#e8f7ff;

    font-size:20px;

    line-height:1.8;

    margin-bottom:45px;

}



@media(max-width:700px){

.eo-bottom-cta{

padding:70px 25px;

}

.eo-bottom-cta h2{

font-size:38px;

}

.eo-bottom-cta p{

font-size:18px;

}

}


/* =========================================
   ESSENT — ALL THE TOOLS. ONE TOOLBOX.
   ========================================= */

.essent-toolbox {
  width: 100%;
  box-sizing: border-box;
  padding: 70px 30px 80px;
  background-color: #00b0f0;
  text-align: center;
    font-family: "helveticaneuelt_std_med_cnRg",sans-serif;
}


/* Intro */

.essent-toolbox-intro {
  max-width: 700px;
  margin: 0 auto 50px;
}

.essent-toolbox-intro h2 {
  margin: 0 0 15px;
  font-family: "helveticaneuelt_std_med_cnRg",sans-serif;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 700;
  color: #ffffff;
}

.essent-toolbox-intro h3 {
  margin: 0;
  font-family: "helveticaneuelt_std_med_cnRg",sans-serif;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 400;
  color: #ffffff;
}


/* Tool grid */

.essent-toolbox-grid {
  
    max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 45px 30px;
}


/* Individual tools */

.essent-tool {
  text-align: center;
    
}

.essent-tool > a {
  display: block;
  text-decoration: none;
    
}

.essent-tool img {
  display: block;
  width: 125px;
  height: 125px;
  object-fit: contain;
  margin: 0 auto 18px;
}


/* Tool title */

.essent-tool h4 {
  margin: 0;
  padding: 0;
    }

.essent-tool h4 a {
  font-family: 'open sans', arial, sans serif!important;
    font-weight: regular;

  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}

/* Image hover */

.essent-tool > a img {
  transition: transform 0.2s ease;
    width: 100px;
}

.essent-tool > a:hover img {
  transform: scale(1.05);
}


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

@media (max-width: 900px) {

  .essent-toolbox {
    padding: 60px 25px 70px;
  }

  .essent-toolbox-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 25px;
  }

  .essent-toolbox-intro h2 {
    font-size: 36px;
  }

}


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

@media (max-width: 600px) {

  .essent-toolbox {
    padding: 50px 20px 60px;
  }

  .essent-toolbox-intro {
    margin-bottom: 35px;
  }

  .essent-toolbox-intro h2 {
    font-size: 30px;
  }

  .essent-toolbox-intro h3 {
    font-size: 18px;
  }

  .essent-toolbox-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .essent-tool img {
    width: 110px;
    height: 110px;
    margin-bottom: 14px;
  }

  .essent-tool h4 a {
    font-size: 17px;
  }

}

/* =========================================================
   ESSENT ONE — OPPORTUNITY FORM
   MODERN / CLEAN
   ========================================================= */

#WP_1005294_102 {background: #0f1824;}
#w1005294_pnlDefaultBody {background: transparent;}
#w1005294_pnlGeneral {margin-top: 0;}
#WP_1005290_27 {margin-bottom: 0;}

.Opportunity {
    width: min(100% - 40px, 750px);
    margin: 10px auto 90px auto;
       box-sizing: border-box;
    
}




/* -------------------------
   HIDE UNNECESSARY FIELDS
   ------------------------- */

.Opportunity .honorific,
.Opportunity .suffix {
    display: none !important;
}


/* -------------------------
   NAME ROW
   ------------------------- */

.Opportunity .nameEntry {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;

    margin: 0 0 20px !important;
    
}


/* -------------------------
   FIELD BLOCKS
   ------------------------- */

.Opportunity .formInputBlock {
    width: 100%;
    margin: 0 0 20px;
    box-sizing: border-box;
}


/* Company + Phone */

.Opportunity #w1005294_divCompany,
.Opportunity #w1005294_divPhone {
    display: inline-block;
    vertical-align: top;

    width: calc(50% - 10px);
}

.Opportunity #w1005294_divCompany {
    margin-right: 16px;
}


/* Email */

.Opportunity #w1005294_divEmail {
    width: 100%;
}


/* Comments */

.Opportunity #w1005294_divComments {
    width: 100%;
}


/* -------------------------
   LABELS
   ------------------------- */

.Opportunity .FormLabel {
    color: white!important;
    display: block;

    margin: 0 0 7px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    color: #071539;
}

.Opportunity .PanelFooter input {background: #ffbc00; border-radius: 5px; margin: 0 auto!important; display: block;}

/* -------------------------
   INPUTS
   ------------------------- */

.Opportunity .formField {
    display: block;

    width: 100%;
    min-height: 50px;

    padding: 13px 15px;
    box-sizing: border-box;

    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;

    color: #071539;

    background: #f7f9fc;

    border: 1px solid #d8dfe8;
    border-radius: 9px;

    outline: none;

    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


/* Hover */

.Opportunity .formField:hover {
    background: #ffffff;
    border-color: #aeb8c7;
}


/* Focus */

.Opportunity .formField:focus {
    background: #ffffff;
    border-color: #1e59d2;

    box-shadow:
        0 0 0 3px rgba(30, 89, 210, .12);
}


/* -------------------------
   COMMENTS
   ------------------------- */

.Opportunity #w1005294_txtComments {
    min-height: 135px;
    resize: vertical;
}


/* -------------------------
   FOOTER
   ------------------------- */

.Opportunity .PanelFooter {
    margin-top: 5px; margin-bottom: 75px;
    padding: 0;
}


/* -------------------------
   SUBMIT BUTTON
   ------------------------- */


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

@media (max-width: 700px) {

    .Opportunity {
        width: calc(100% - 30px);

        margin: 30px 15px;

        padding: 30px 22px;

        border-radius: 17px;
    }


    .Opportunity .nameEntry {
        grid-template-columns: 1fr !important;
        gap: 0;
    }


    .Opportunity #w1005294_divCompany,
    .Opportunity #w1005294_divPhone {
        display: block;
        width: 100%;
        margin-right: 0;
    }


    .Opportunity .formField {
        min-height: 50px;
        padding: 13px 14px;
        font-size: 16px;
    }


    .Opportunity #w1005294_txtComments {
        min-height: 120px;
    }


    .Opportunity #w1005294_ibtnSubmit {
        max-width: 100%;
    }
}

/* =========================================================
   ESSENT ONE — VIDEO PANEL MOBILE
   ========================================================= */

@media (max-width: 800px) {

    /* Stack the entire panel */
    .eo-video-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }


    /* Text first */
    .eo-video-right {
        order: 1 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }


    /* Video underneath */
    .eo-video-left {
        order: 2 !important;
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;

        margin-top: 30px !important;
    }


    /* Video container */
    .eo-video-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }


    /* Actual YouTube iframe */
    .eo-video-container iframe {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;

        aspect-ratio: 16 / 9 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }
}