/*overriding defualt container max-width for displays 1400px*/
/* @media (min-width: 576px) {
    .container, .container-sm {
        max-width: 690px;
    }
}
*/
/* @media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 823px;
    }
} */


/*hiding page's header*/
header.entry-header,
.wp-block-post-title,
.entry-header + .wp-block-spacer {
    display: none !important;
}

.entry-header,
.wp-block-post-title {
    margin: 0 !important;
    padding: 0 !important;
}
.page .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page .entry-content,
.page .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}



/*logo css*/
.custom-logo-link img {
    height: auto;
    max-width: 478px;
    width: 100%;
    max-height: 60px;
}

/* Desktop menu spacing */
.main-navigation {
    justify-content: end;
}

.main-navigation .nav li {
    /* margin-left: 40px; */
    font-size: 20px;
    font-weight: 100;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-family: sans-serif;
    color: rgb(32 33 36 / 90%);
}

/* Get Started Button */
.get-started-btn {
    /* padding: 16px 32px; */
    padding: 14px 30px;
    border-radius: 12px;
    font-weight: 600;
    background: #3dadf5;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    opacity: 1;
    will-change: auto;
    color: white !important;
    font-size: 20px;
    font-family: Inter !important;
}

.get-started-btn:hover {
    background: #3d94f5;
}

/*btn coming from admin*/
.get-started-hero-btn a, .schedule-hero-btn a{
    /* padding: 16px 32px; */
    padding: 14px 30px;
    font-family: Inter !important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    opacity: 1;
    will-change: auto;
}

.get-started-hero-btn a:hover, .schedule-hero-btn a:hover{
    /*background: #3D94F5 !important;*/
    background: #91cb0a !important;
    color: white !important;
}

/* Hamburger Icon */
.hamburger {
    width: 28px;
    cursor: pointer;
}

.hamburger span {
    display: block;
    height: 3px;
    background: #000;
    margin: 5px 0;
    border-radius: 2px;
}

/* Mobile Menu Overlay */
.mobile-menu {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
   /* height: 31vh; */
    background: #fff;
    /* padding-top: 100px; */
    text-align: center;
    display: none;
}

.mobile-menu .mobile-nav li {
    margin: 30px 0  !important;
    margin-top: 0 !important;
}

/*footer css*/
.site-footer {
    background: #F5F8FF;
    padding: 60px 20px 30px;
    border-top: 1px solid #86c6f180;
    margin-bottom: -20px;
}

.footer-logo img {
    max-width: 120px;
    height: auto;
    margin-bottom: 20px;
}

.footer-link {
    color: #3dadf5;
    text-decoration: none;
    font-size: 17px;
    text-decoration: none;
    margin-top: 25px;
    font-weight: 400;
    line-height: 1.4em;
}

.footer-link:hover {
    text-decoration: underline;
    color: #3dadf5;
}

.footer-copy p {
    color: #3dadf5;
    font-size: 17px;
    margin-top: 25px;
    font-weight: 400;
    line-height: 1.4em;
}

.footer-container {
    max-width: 700px;
    margin: 0 auto;
}

.footer-link:visited{
    color: #3dadf5;
}

/*home page - front-page.php*/
/*hero section*/

.hero-section {
        /* background: linear-gradient(to bottom, #E7F1FF, #FFFFFF); */
    background: linear-gradient(to bottom, #E7F6FF, #FFFFFF);
    /* padding: 45px 20px; */
    padding: 80px 40px;
    position: relative;
}

/* section.hero-section::after{
    content: "";
    border-color: #5591db;
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */
/* .hero-section::after {
    content: "";
    display: block;
    
    width: 100%;
    height: 4px;
    margin-top: 80px;
    background: #5591db;
    border-radius: inherit;
} */
/* .hero-section::after {
    content: "";
    display: block;
    height: 4px;
    width: 100vw;
    background: #5591db;
    margin-left: calc(50% - 50vw); 
    margin-top: 80px;
} */


.hero-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 4px;
    background: #a2e012;
}


.hero-content {
    flex: 1;
    max-width: 550px;
}

.hero-content h1 {
    font-size: 64px;
    font-weight: 800;
    line-height: 1.4em;
    margin-bottom: 0;
}

.hero-content-heading{
    /* font-size: 64px; */
    font-size: 61px; /*updated*/
    font-weight: 800;
    line-height: 1.4em;
    margin-bottom: 0;
}
.hero-content-paragraph{
    font-size: 17px;
    color: #4A4F57;
    margin: 20px 0;
}

.hero-content p {
    font-size: 17px;
    color: #4A4F57;
    margin: 20px 0;
}

.hero-buttons .btn {
    margin-right: 10px;
    font-weight: 600;
    /* padding: 16px 32px; */
    padding: 14px 30px;
    font-family: 'Inter' !important;
    border-radius: 12px;
    font-weight: 600;
    background-color: rgb(85, 145, 219);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    opacity: 1;
    will-change: auto;
    color: white !important;
    font-size: 20px;
}

.hero-buttons .btn:hover {
    background-color: rgb(82 132 186);
}

.hero-image img {
    /* max-width: 595px; */
    /* width: 100%; */
    height: auto;
    width: 600px;
}

/*educator's section*/
.educators-love-section {
    padding: 100px 20px 30px;
    background: #ffffff;
}

.love-title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 20px;
    color: #111;
}

.love-title span {
    color: #000;
    font-weight: 700;
}

.love-grid {
    display: flex;
    gap: 60px;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
}

.love-column {
    flex: 1;
}

.love-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 28px;
}

.love-item .icon {
    font-size: 22px;
    line-height: 1;
    margin-top: 4px;
}

.love-item p {
    font-size: 17px;
    color: #333;
    line-height: 1.4em;
    margin: 0;
}

.love-item strong {
    font-weight: 700;
}

/*for inner container*/

.love-item .wp-block-group__inner-container {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 28px;
}

.love-item .wp-block-group__inner-container .icon {
        /* font-size: 22px;
    line-height: 1;
    margin-top: 4px; */

    font-size: 40px;
    line-height: 1;
    margin-top: -8px;
    width: 60px;
}

.love-item .wp-block-group__inner-container p {
    font-size: 17px;
    color: #333;
    line-height: 1.4em;
    margin: 0;
}

.love-item .wp-block-group__inner-container strong {
    font-weight: 700;
}

.wp-block-group.love-item {
    margin-bottom: -8px;
}



.italic-text-span {
    font-style: italic;
}

/*framer standard css*/
/* Typography for headings (H1 example) */
h1 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 64px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #202124;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

/* Optional: Bold, Italic, and Bold-Italic variants */
h1.bold {
    font-weight: 800;
}

h1.italic {
    font-style: italic;
    font-weight: 700;
}

h1.bold-italic {
    font-style: italic;
    font-weight: 800;
}

/* General text styling for paragraphs, spans, etc. */
p,
span,
div,
a {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #202124;
    text-decoration: none;
}

/*demo*/
.cta-demo-section {
    background: #F5F9FF;
    /* soft light-blue background */
    padding: 70px 20px;
    text-align: center;
}

.cta-demo-section .container {
    max-width: 980px;
    margin: 0 auto;
}

.cta-title {
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #111827;
    /* deep text color */
    line-height: 1.05;
}

.cta-sub {
    font-size: 17px;
    color: #494c50;
    margin: 0 0 26px;
    font-weight: 400;
    line-height: 1.4em;
}

.cta-action {
    display: flex;
    justify-content: center;
}

.cta-btn {
    padding: 16px 32px;
    border-radius: 12px;
    font-weight: 600;
    background-color: rgb(85, 145, 219);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    opacity: 1;
    will-change: auto;
    color: white !important;
    font-size: 18px;
}

.cta-btn:hover {
    background: rgb(82 132 186);
}

.cta-btn:visited {
    background: rgb(85, 145, 219);
}



/* Section container */
.privacy-security-section {
    padding: 100px 20px;
    background: #ffffff;
}

/* Title */
.ps-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #111827;
}

/* Parent box wrapper */
.ps-box {
    background: #ffffff;
    border-radius: 32px;
    padding: 40px 30px;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    max-width: 975px;
    margin: 0 auto;
    box-shadow:
        0px 10px 40px rgba(125, 160, 255, 0.15),
        0px 0px 90px rgba(125, 160, 255, 0.12);
    /* soft glow like screenshot */
}

/* Individual item */
.ps-item {
    /* flex: 1; */
    text-align: center;
    padding: 0 10px;
}

/* Icons */
.ps-icon {
    width: 70px;
    margin-bottom: 25px;
}

.shield-icon-ps {
    width: 80px;
}

.lock-icon-ps {
    width: 172px;
}

/* Items Title */
.ps-item h2 {
    font-size: 21px;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 16px;
    color: #111827;
}

/* Paragraph */
.ps-item p {
    font-size: 15px;
    line-height: 1.55;
    color: #4B5563;
    max-width: 420px;
    margin: 0 auto;
    text-align: left;
}

/*dynamic enterprise section css*/
/* .enterprise_item{
    display: flex;
    
} */


/*iris*/
/* Section spacing */
.iris-chat-section {
    padding: 80px 0;
}

/* Title */
.chat-section-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 48px;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 10px;
}

/* Subtitle */
.chat-section-subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    color: #5f6368;
    margin-bottom: 25px;
    font-style: italic;
}

/* Icons Row */
.icons-row{
    margin-top: 30px;
    gap: 30px;
    margin-bottom: 16px;
}

.snitchoo_logo_chat{
    height: 35px !important;
}

.icons-row img {
    height: 50px;
    margin: 0 15px 20px;
    opacity: 0.9;
    transition: 0.2s;
}

.google_workspace_icon_img{
    height: 30px !important;
}

.icons-row img:hover {
    /* opacity: 1;
    transform: scale(1.05); */
}

/* Cards */
.chat-iris-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 16px 16px 1px;
    box-shadow: 0px 8px 30px rgba(0, 132, 255, 0.12);
    transition: all 0.3s ease;
}

.chat-iris-card:hover {
    /* transform: translateY(-5px); */
}

/* Card image */
.iris-card-img {
    width: 100%;
    margin-bottom: 20px;
    max-height: 275px;
    height: auto;
    display: block;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
}

/* Card title */
.chat-iris-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
    color: #202124;
}

/* Card text */
.chat-iris-card p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    color: #494c50;
    line-height: 1.4em;
    text-align: left;
}

/*iris features section - ajax*/

.iris_ai_features_container{
    max-width: 985px !important;
}

.heading_iris_features{
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 20px;
    color: #202124;
}

.paragraph_iris_features, #feature-text, .inner-feature-title-txt{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    color: #494c50 !important;
    line-height: 1.4em;
}

.paragraph_iris_features{
    text-align: center;
}

#feature-text{
    text-align: left;
    margin-left: 44px !important;
    width: 90% !important;
    margin-bottom: 0;
}

/*ai grading page*/
.ai_grading_content{
    margin-top: 100px !important;
}

.upgrade_content{
    margin-top: 48px !important;
}
.upgrade_your_grading_section{
    background: none !important;
    padding: 0px 40px 20px;
}
.upgrade_your_grading_section::after{
    display: none !important;
}
.upgrade_heading{
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 0;
}
.with_iris_paragraph{
    margin-top: -12px !important;
}

.pricing_page_hero-image img {
    height: auto;
    width: 600px;
}

.hey_linda{
    background: #86c6f180;
    padding: 16px;
    border-radius: 16px;
}

.hey_linda_joint_column{
    gap: 80px;
}

/*iris work */
/* SECTION */
.iris-heading {
    font-size: 34px;
    font-weight: 600;
}

.iris-subheading {
    max-width: 700px;
    margin: 0 auto;
    color: #555;
}

/* CARDS */
.iris-card {
    background: #fff;
    border-radius: 16px;
    padding: 65px 130px;
    box-shadow: 0 2px 17px #5792db80;
    transition: all 0.3s ease;
    /* height: 100%; */
    margin-bottom: 20px;
}

.iris-features-row{
    margin-top: 48px;
    gap: 0px;
}

.iris-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.iris-card .iris-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 15px;
}

.iris-card h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.iris-card p {
    margin: 0;
    color: #666;
}

/*education cards*/
.education_action_card_nested {
    background: linear-gradient(135deg, #4d94e8, #7bc4ff);
    border-radius: 30px;
    padding: 80px 0;
    color: white;
  }
  
  .section-title {
    font-size: 2rem;
    font-weight: 700;
  }
  
  .education_action_card {
    background: #fff;
    border-radius: 15px;
    text-align: left;
    color: #000;
    min-height: 260px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  
  .emoji {
    font-size: 40px;
  }




/*media queries*/
/*css adjustments as per font styling in original site*/

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        /* max-width: 1220px; your custom width */
        /* max-width: 1195px; */
        /* max-width: 1165px; */
        max-width: 1125px;
    }
}



@media (max-width:1295px) {
    .hero-content h1 {
        font-size: 39px;
        font-weight: 600;
        line-height: 1.2em;
    }

    .hero-content-heading{
        font-size: 39px;
        font-weight: 600;
        line-height: 1.2em;
    }

    .hero-image img {
        /*max-width: 572px;*/
    }

    .hero-nested-section {
        margin-top: 25px;
    }

    .hero-buttons .btn {
        font-size: 18px;
        padding: 12px 20px;
    }

    .love-title {
        font-size: 40px;
        line-height: 1.2em;
    }

    .heading_iris_features{
        font-size: 40px;
        line-height: 1.2em;
    }

    .cta-title {
        font-size: 40px;
        line-height: 1.2em;
    }

    .ps-item h2 {
        font-size: 21px;
        line-height: 1.3em;
    }

    .chat-section-title{
        font-size: 40px;
        font-weight: 600;
    }

    .chat-iris-card h3{
        font-size: 21px;
        line-height: 1.3em;
    }

    .upgrade_heading{
        font-size: 40px;
    }
}

@media(max-width:992px) {
    .hero-nested-section {
        flex-direction: column;
    }

    .hero-image {
        order: 1;
    }

    .hero-content {
        order: 3 !important;
    }

    /*icons row icons needs not to have much space aside*/
    .icons-row{
        gap: 0px;
    }
/* 
    .hero-nested-section {
        flex-direction: column !important;
    } */

    /* .hero-content,
    .hero-image {
        max-width: 100%;
        width: 100%;
    } */

    .hero-image img {
        max-width: 100%;
    }
    .ai_page_column h2, .ai_page_column_heading{
        margin-top: -99px !important;
    }
         .upgrade_heading, .upgrade_content h2{
        margin-top: -55px !important;
    }
}

@media (min-width: 769px) {
    .breaking_class_hero_section {
        display: none;
    }
    .iris_features_section{
        margin-top: 70px;
    }
}

@media (max-width:768px) {
    .hero-content h1 {
        font-size: 36px;
        text-align: center;
    }
    .hero-content-heading{
        font-size: 36px;
        text-align: center;
    }


    .hero-section {
        padding: 10px;
    }

    .hero-buttons {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: center;
        align-items: center;
    }
    
    .hero-buttons .btn {
        width: 200px;
    }

    .heading_iris_features{
        font-size: 36px;
    }

    .love-grid {
        flex-direction: column;
        gap: 0;
    }
    .love-title{
        font-size: 36px;
    }

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

    .ps-title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .ps-box {
        flex-direction: column;
        padding: 40px 25px;
        gap: 70px;
    }

    /* .ps-icon {
        width: 70px;
    } */

    .ps-item h2 {
        font-size: 18px;
    }

    .ps-item p {
        font-size: 15px;
    }

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

    .chat-iris-card h3{
        font-size: 18px;
    }
    .chat-iris-card{
        /*padding: 8px 8px 0px;*/
    }
    .upgrade_heading{
        font-size: 36px;
        text-align: center;
    }

    .iris-card {
        text-align: center;
        padding: 25px;
    }

    .iris-features-row > div {
        width: 100%;
    }
    .ai_page_column h2, .ai_page_column_heading{
        margin-top: -120px !important;
    }
        .upgrade_heading, .upgrade_content h2{
        margin-top: -120px !important;
    }
}

@media (max-width: 375px) {

    .hero-content h1 {
        font-size: 30px;
    }

    .hero-content-heading {
        font-size: 30px;
    }
    
}




/*ajax section*/
/* --- basic desktop styles --- */


.feature-menu{
    position: relative;
}
.feature-menu::after{
    content: "";
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
    border-color: #b9dbef;
    border-style: var(--border-style, none);
    box-sizing: border-box;
    border-radius: inherit;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.feature-menu .menu-item {
    padding: 20px 12px 8px;
    cursor: pointer;
    transition: background .15s ease, transform .12s ease;
  }
  .feature-menu .menu-item:hover { background:#a2e01214; transform: translateY(-2px); }
  .feature-menu .menu-item.active {     
    background: #a2e01233;
    /* border-bottom: 3px solid #4e7cff; */
    /* height: 100%; */
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    will-change: auto;
    transform: none;
    transform-origin: 50% 50% 0px;
    opacity: 1; }
  .icon {     
    width: 46px;
    height: 46px;
    margin-bottom: 16px !important; 
}
  
  /* content image transition (very short) */
  #feature-img { 
    transition: opacity .12s linear; 
    max-width: 700px; /*shortning the image*/
    /* border: 1px solid #86c6f1; */
    border: 1px solid #a2e012;
    border-radius: 24px !important;
    }

    .inner-feature-title-txt{
        font-size: 17px !important;
    }

    .feature-menu.desktop-menu{
        border-bottom-color: #a2e012 !important;
    }
  
  /* ----------------------------------------------
     FINAL MOBILE/TABLET DESIGN (<=1295px)
     Matches screenshot provided
  ------------------------------------------------*/

  

/*header css*/
.site-header {
    position: relative;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid rgba(134,198,241,0.5);
}


.main-navigation a {
    color: rgba(32, 33, 36, 0.9);
    text-decoration: none;
    font-size: 17px;
    font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;
    line-height: 1.4em;
    font-weight: 400;
}
.get-started-btn {
    background: #3dadf5;
    border:none;
    color: #fff !important;
    /* padding: 12px 28px; */
    padding: 14px 30px;
    border-radius: 16px;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none;
    font-family: Inter !important;
}

.get-started-btn:hover {
    background: #3d94f5;
}
/*consistent gap b/w all menu items*/
ul#menu-header_menu {
    gap: 40px;
}

.mobile-nav{
    list-style: none;
    margin-left: 0;
}


.mobile-nav li a{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 21px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0;
    color: #202124;
    text-decoration: none;
}


@media (max-width: 1024px){
    .mobile-menu .get-started-btn{
        margin-top: -5px !important;
        margin-left: 37px;
        font-size: 16px !important;
    }
}

@media (max-width: 1201px) and (min-width: 993px){
    .hero-image img {
        /*max-width: 470px;*/
    }
}

/*visited buttons color*/
.schedule-hero-btn a:visited, .get-started-hero-btn a:visited{
    color: #fff !important;
}

/*demo page*/
.demo_section_container{
    padding: 80px 40px 0px;
    background: #fff;
}

.demo_videos_section{
    margin-top: 70px;
}

.videos_page_cta_section{
    margin-bottom: -22px;
}

/*contact page*/

/*submit btn*/
.submit_btn_contact_us_field:hover{
    /* background: #0060b9 !important; */
    background: #91cb0a !important;
    -webkit-box-shadow: none !important;
    box-shadow:  none !important;
}

.submit_btn_contact_us_field{
    /* background: #0073ea !important; */
    background: #a2e012 !important;
    color: #fff !important;
    padding: 8px 0px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 82px !important;
    border-radius: 4px !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

/*form*/
.forminator-custom-form{
    background: #fff !important;
}

.contact_us_form_form-title {
    font-weight: 500;
    font-size: 28px;
    color: #323338;
    margin: 1.67em 0 !important;
    font-family: 'Poppins' !important;
}
.forminator-label{
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #323338 !important;
    font-family: 'Poppins' !important;
}

/*character's position after textarea field*/

/*for name field*/
.name_field_contact_us_form .forminator-field .forminator-description{
    position: relative !important;
    top: 65px !important;
}

/*for text field*/
.message_field_contact_us_form .forminator-field .forminator-description{
    position: relative !important;
    top: 164px !important;
}

/*color of the characters*/
.forminator-description span{
    color: #676879 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}


/*error message will appear a bit lower, so as not to conflict with character limit in case of name field*/
.name_field_contact_us_form .forminator-field .forminator-error-message{
    /* margin-top: 22px !important; */
    /*if no background color is required, this can be neglected to match the other field's msgs*/
}

/*error message to be matched with form*/
.forminator-error-message{
    background: none !important;
    color: #d83a52 !important;
    padding: 0 !important;
    margin-top: -3px !important;
}

/*reducing gap b/w label and input field*/
.name_field_contact_us_form .forminator-field label, .message_field_contact_us_form .forminator-field label{
    margin-bottom: -22px !important;
}

/*centralizing submit button main div*/
.forminator-row.forminator-row-last .forminator-col .forminator-field{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/*input fields*/
.forminator-field input, .forminator-textarea{
    padding-left: 18px !important;
    color: #323338 !important;
    border-radius: 4px !important;
    border: 1px solid #c3c6d4 !important;
}

/*textarea*/
.forminator-textarea{
   
}

/*border color change on hover*/
/* Hover effect for input + textarea */
.forminator-field input:hover {
    /* border-color: #0073ea !important; */
    border-color: #a2e012 !important;
}
.forminator-field textarea:hover{
    border-color: #323338 !important;
}

/* Active focus styling (when typing or clicked) */
.forminator-field input:focus {
    outline: none !important;
    /* border-color: #0073ea !important; */
    border-color: #a2e012 !important;
}

.forminator-field textarea:focus{
    outline: none !important;
    /* border-color: #0073ea !important; */
    border-color: #a2e012 !important;
}

/*hiding required stars to match the design*/
.forminator-required{
    display: none;
}

/*form*/
.forminator-custom-form{
    font-family: 'Poppins' !important;
    margin: 0 auto !important;
    max-width: 556px;
    background: #ffffff !important;
    padding: 1px 48px !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
    margin-top: 85px !important;
}


.contact-us-container {
    margin-bottom: -19px !important;
}

/* Override negative margin when success exists */

.forminator-response-message.forminator-success {
    padding: 60px 20px 12px !important;
    background: none !important;
}


.talk_to_iris_heading{
    font-size: 47px !important;
}

/*adons*/
/* Add rounded corners only when success message is shown */
.forminator-custom-form:has(.forminator-response-message.forminator-show.forminator-success) {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    padding-bottom: 40px !important;
    max-width: 435px;
}
/* Remove negative margin only when form success message is visible */
.forminator-custom-form:has(.forminator-response-message.forminator-show.forminator-success) + .contact-us-container,
.contact-us-container:has(.forminator-response-message.forminator-show.forminator-success) {
    margin-bottom: 500px !important;
}

/*disappearing the left green line on alert msg*/
.forminator-response-message.forminator-show.forminator-success {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}



/*success message*/
.forminator-response-message.forminator-show.forminator-success {
    text-align: center !important;
}

/*additions - next*/
/*progress bar - start*/
#form-progress-wrapper {
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

#form-progress {
    width: 0%;
    height: 100%;
    background: #3dadf5; /* Your blue theme color */
    transition: width 0.4s ease;
}

#form-progress-wrapper {
    margin-right: -50px; 
    width: calc(100% + 76px);
    margin-left: -39px;
    margin-top: 0px;
  }
  
  
/*progress bar - end*/


@media (max-width: 1295px){
    .talk_to_iris_heading{
        font-size: 40px !important;
    }
}

@media (max-width: 769px){
    .talk_to_iris_heading{
        font-size: 36px !important;
    }
    .contact-us-container{
        margin-bottom: 0px !important;
        padding-bottom: 20px;
    }
    .videos_top_section{
        padding: 80px 40px;
    }
}


/*404 page*/
.custom-404-wrapper {
    max-width: fit-content;
    /* margin: 300px auto 300px; */
    margin: 200px auto 200px;
    padding: 20px;
}

.custom-404-wrapper .page-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #202124;
    text-align: center;
    line-height: 1.2em;
}

/*different text will appear for mobile screens*/
.mobile-page-title{
    display: none;
}

.custom-404-wrapper .description {
    font-size: 20px;
    margin-bottom: 40px;
    color: #555;
}

.btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* Base shared style */
.back_to_home, .back_to_schedule_demo_btn {
    /* padding: 16px 32px; */
    padding: 14px 30px;
    border-radius: 16px;
    font-weight: 600;
    background-color: rgb(85, 145, 219);
    opacity: 1;
    color: #fff !important;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    transition: all .2s ease-in-out;
    font-family: Inter !important;
}

.pageNF_text{
    /* margin-left: 166px; */
    color: #5587db;
    text-align: center;
}

.back_to_home:hover, .back_to_schedule_demo_btn:hover {
    background: rgb(82, 132, 186);
}

@media (max-width: 1295px){
    .custom-404-wrapper .page-title{
        font-size: 40px;
    }
}

@media (max-width:1024px){
    .pageNF_text {
        /* margin-left: 207px; */
    }
}

@media (max-width: 769px){
    .custom-404-wrapper .page-title{
        display: none;
    }

    .mobile-page-title{
        display: block;
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 40px;
        color: #202124;
        text-align: center;
        line-height: 1.2em;
    }
}


@media (max-width: 500px){
    .btn-wrapper {
        flex-direction: column;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    .back_to_home, .back_to_schedule_demo_btn{
        font-size: 18px;
        max-width: 250px;
    }
    a.back_to_home {
        padding: 16px 50px;
    }

    .site-header .container{
        padding: 8px 16px;
    }

    .custom-logo-link img{
        max-height: 40px;
    }
    .hamburger span{
        height: 3.25px;
    }
    .hamburger {
        width: 26px;
    }
}

/*policies page*/
.policies_section{
    max-width: 820px;
    margin: 0 auto;
}

.policies_page_heading{
    font-size: 80px;
    color: #1e293b;
    font-weight: 700;
    font-family: poppins;
    margin-bottom: 0;
}

.date_paragraph_policies{
    color: #9ca3af;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6em;
    font-family: 'Inter';
}
.policies_inner_container{
    margin-top: 45px;
    margin-bottom: 80px;
}
.policies_inner_container .wp-block-group__inner-container p{
    margin-bottom: 5px;
    font-size: 18px;
    color: #4f5769;
    font-weight: 500;
    line-height: 1.5em;
}
.policies_inner_container .wp-block-group__inner-container h3{
    font-size: 28px;
    color: #374151;
    font-weight: 600;
    font-family: 'Poppins';
    margin-top: 24px;
}
.policies_inner_container .wp-block-group__inner-container ol, .policies_inner_container .wp-block-group__inner-container ul{
    margin-bottom: 5px;
    font-size: 18px;
    color: #4f5769;
    font-weight: 500;
    line-height: 1.5em;
    margin-left: 0;
    padding-left: 22px;
}

.what_we_collect_heading{
    margin-top: 10px !important;
}

.policies_inner_container .wp-block-group__inner-container a{
    /* color: #09f; */
    color: #3dadf5;
    text-decoration: underline;
    cursor: pointer;
}

.policies_inner_container .wp-block-group__inner-container a:hover{
    color: #3dadf5;
    text-decoration: underline;
}
.contact_link_policies a{
    /* color: #4178cf !important; */
    color: #3dadf5 !important;
    text-decoration: none !important;
}
.contact_link_policies a:hover{
    color: #3dadf5 !important;
    text-decoration: underline !important;
}

@media (max-width: 769px){
    .policies_page_heading {
        font-size: 40px;
    }
    .iris_features_section{
        /*display: none;*/
    }
}

/*homepage adjustments*/
@media (max-width:1300px) and (min-width:1200px){
    .home_page_hero_content_heading, .home_page_hero_content_column h2{
        margin-top: 90px;
    }
}


/*afterwards*/
.top_title_demo_videos_page{
    font-size: 40px !important;
    line-height: 1.4em !important;
}
/*added items in footer navbar*/


.footer-links{
    display: flex;
        gap: 20px;
        justify-content: center;
        align-items: center;
}

.footer-social-info p{
    color: #3dadf5;
    font-size: 17px;
    margin-top: 25px;
    font-weight: 400;
    line-height: 1.4em;
}
.footer-social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.footer-social-icons a{
    color: #a2e012;
}
.footer-social-icons a:hover{
    color: #8bc10c;
}
.footer-social-icons a i{
    font-size: 26px;
}

@media (min-width:1295px){
    .ai_grading_content{
        margin-top: 30px !important;
    }
}

@media (max-width: 769px){
    .top_title_demo_videos_page{
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
}


/*responsive ui css*/
.mobile-nav{
	padding-left: 0;
}

@media (max-width: 993px){
	.iris-features-row{
		flex-direction: column;
	}
	.iris_ai_features_container{
		 padding: 20px 40px;
	}
}

@media(max-width: 768px){
	.forminator-custom-form:has(.forminator-response-message.forminator-show.forminator-success) + .contact-us-container,
.contact-us-container:has(.forminator-response-message.forminator-show.forminator-success) {
    margin-bottom: 0px !important;
}

	.educators-love-section {
		padding: 10px 20px 0px;
	}
	    .love-title {
	        margin-bottom: 30px;
       
    }
    .over_title{
        margin-bottom: 0;
        }
	.iris-chat-section {
    padding: 40px 0 20px;
}
	.cta-demo-section{
		    padding: 30px 20px;
	}
	form#forminator-module-27 {
    margin-top: 30px !important;
}
	
	.demo_videos_section {
    margin-top: 20px;
}
	.demo-video-section {
    padding-top: 15px !important;
		        padding-bottom: 15px !important;
}
	    .demo-video-section .container .row .col-md-6{
        margin-bottom: 15px !important;
    }
	.payments_section_container {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}
	.contact_us_container_on_payments_page{
		    margin-top: 40px !important;
	}
	.iris-work-cards-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
	.iris-card .iris-icon{
		margin: auto;
    margin-bottom: 15px;
	}
	
	.privacy-security-section {
    padding: 45px 20px 5px;
    }
}

@media (max-width: 600px){
	.policies_inner_container{
		padding-left: 15px;
    padding-right: 10px;
		margin-top: 20px;
    margin-bottom: 20px;
	}
}

/*responsive ui*/
@media (min-width: 769px){
    .greenDownArrow_iris_features{
        display: none;
    }
}

@media (max-width: 769px){
    /*feature.css*/
    .features-mobile-list {
        display: none !important;
    }
    
    .feature-menu.desktop-menu{
        flex-direction: column;
        padding: 0 20px;
    }
    
    .feature-menu .menu-item{
        display: flex;
        gap: 10px;
        border-bottom-color: #98cc20b8; /*will be added as a inline css element*/
    }
    
    .feature-menu .menu-item .icon{
        width: 28px;
        height: 28px;
    }
    .inner-feature-title-txt {
        font-size: 20px !important;
        font-weight: 600;
    }
    
    #feature-img{
        max-width: 475px;
    }
    .feature-menu.desktop-menu{
        border-bottom-color: white !important;
    }

    .feature-menu .menu-item{
        position: relative;
    }
    .greenDownArrow_iris_features {
        position: absolute;
        right: 48px;
        right: 35px;
        width: 22px;
        height: 22px;
    }
    .iris_ai_features_container{
        padding: 20px;
    }
    .feature-menu .menu-item.active{
    	    border-bottom: 3px solid #aaf11d;
    }
}

@media (max-width: 600px){
    .feature-menu.desktop-menu{
        padding: 0 20px;
    }
    #feature-img {
        max-width: 275px;
    }
    .greenDownArrow_iris_features{
        display: none;
    }
    .inner-feature-title-txt {
        font-size: 16px !important;
        text-align: left;
        margin-top: 3px;
    }
}


/*further css*/

/*iris cards allignment*/
@media (min-width: 769px){
    .iris-card{
        padding: 50px 100px;
    }
}

@media (min-width: 993px){
    .iris-card{
        height: 35%;
    }
    
    .iris-work-cards-section {
    	padding-bottom: 7rem !important;
    }
}

@media (max-width: 993px){
    .iris-work-cards-section {
        padding-bottom: 0rem !important;
    }
}

@media (max-width: 600px){
    .iris-work-cards-section {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/*homepage chat iris box allignment*/
@media (min-width: 769px){
    .chat-iris-card{
         /* min-height: 660px; */
        min-height: 600px;
    }
}


@media (min-width: 993px){
    .chat-iris-card{
        /* min-height: 575px; */
        min-height: 530px;
    }
}



/*pricing page - schedule a demo image bg*/
/* Pricing page CTA – light image background */
.pricing_page_cta_wrapper {
    position: relative;
    padding: 80px 20px;
    background-image: url("../images/jan_updated_imgs/Semi_truck_exiting_tunnel.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Light overlay for text readability */
.pricing_page_cta_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.5); /* adjust opacity if needed */
    z-index: 1;
}

/* Keep content above overlay */
.pricing_page_cta_wrapper > * {
    position: relative;
    z-index: 2;
}



/*homepage cta wrapper*/

.homepage_cta_wrapper{
    position: relative;
    padding: 80px 20px;
    background-image: url("../images/jan_updated_imgs/Semi_truck_in_mountains.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Light overlay for text readability */
.homepage_cta_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.5); /* adjust opacity if needed */
    z-index: 1;
}

/* Keep content above overlay */
.homepage_cta_wrapper > * {
    position: relative;
    z-index: 2;
}


/* Extra spacing on larger screens */
@media (min-width: 992px) {
    .pricing_page_cta_wrapper, .homepage_cta_wrapper {
        padding: 120px 20px;
    }
}


/*truckers item css*/
.educators-love-section .icon img {
    width: 100%;
    height: auto;
    display: block;
}


.love-item .icon {
    font-size: 48px;          /* match emoji size (adjust if needed) */
    line-height: 1;
    text-align: center;
}

.love-item .icon img {
    width: 1em;               /* KEY PART */
    height: 1em;
    object-fit: contain;
    display: inline-block;
}


.love-item:nth-child(8) .icon {
    width: 40px;
}


/*wings envelop*/

.love-item:nth-child(4) .icon img {
    width: 60px;
    
}

/*database icon*/
.love-item:last-child .icon img {
    width: 20px;
}

@media (max-width: 600px){
    .love-item .wp-block-group__inner-container .icon{
        width: 80px;
    }
}


/*16 mar*/


/*homepage testimonial start*/

.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev, .swiper-button-next.testimonial-nav-arrow.vertical_outer{
    border-radius: 50% !important;
}

#sp-testimonial-free-wrapper-565 .sp-testimonial-free-section .testimonial-nav-arrow{
    border: none !important;
}
#sp-testimonial-free-wrapper-565 .sp-testimonial-free-section .testimonial-nav-arrow:hover, #sp-testimonial-free-wrapper-565 .sp-testimonial-free-section .testimonial-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #a2e012 !important; 
}

.sp-testimonial-free-section .testimonial-nav-arrow{
    top: 60% !important;
}

/*homepage testimonial end*/