/*--Initial Screen-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#initial-screen{
    background-color:var(--background-white);
    display:block;
}

.initial-window{
    max-width:calc(100% - 4rem);
    transform:translate(-50%);
    margin-bottom:5rem;
    margin-left:50%;
    margin-top:5rem;
    width:70rem;
}
.initial-window-body{
    justify-content:center;
    align-items:flex-start;
    position:relative;
    display:flex;

    height:35rem;
    width:100%;
}
.initial-window-left-side{
    width:50%;
}
.initial-window-right-side{
    position:relative;
    height:40rem;
    width:50%;
    flex-shrink:0;
}
.initial-window-title{
    justify-content:flex-start;
    align-items:center;
    font-weight:bold;
    display:flex;

    color:var(--dark-blue);
    font-size:4rem;
    width:115%;
}
.initial-window-desc{
    justify-content:flex-start;
    align-items:center;
    display:flex;

    color:var(--dark-blue);
    margin-top:2rem;
    font-size:2rem;
    width:85%;
}
#sign-up-initial-window{
    font-size:1.5rem;
    height:4rem;
    width:16rem;
}
.initial-window-image{
    background-image:url("../assets/cover.png");
    background-position:center 25%;
    background-repeat:no-repeat;
    background-size:contain;

    position:absolute;
    aspect-ratio:1;
    height:100%;
    right:0px;
    top:0px;
}
.initial-window-foot{
    width:100%;
}
.initial-window-foot-title{
    justify-content:center;
    align-items:center;
    text-align:center;
    font-weight:bold;
    display:flex;

    color:var(--dark-blue);
    font-size:3rem;
    width:100%;
}
.initial-window-foot-subtitle{
    justify-content:center;
    align-items:center;
    text-align:center;
    font-weight:bold;
    display:flex;
    
    color:var(--dark-blue);
    margin-top:6rem;
    font-size:2rem;
    width:100%;
}
.initial-window-foot-text{
    justify-content:center;
    align-items:center;
    text-align:center;
    display:flex;

    transform:translate(-50%);
    color:var(--dark-blue);
    font-size:1.25rem;
    margin-left:50%;
    margin-top:1rem;
    width:75%;
}
.initial-window-promo-video-title{
    justify-content:center;
    align-items:center;
    text-align:center;
    font-weight:bold;
    display:flex;
    
    color:var(--dark-blue);
    margin-top:7rem;
    font-size:2rem;
    width:100%;
}
.initial-window-promo-video-text{
    justify-content:center;
    align-items:center;
    text-align:center;
    display:flex;

    transform:translate(-50%);
    color:var(--dark-blue);
    font-size:1.25rem;
    margin-bottom:2rem;
    margin-left:50%;
    margin-top:1rem;
    width:100%;
}
.initial-window-promo-video-holder{
    transform:translate(-50%);
    aspect-ratio:1.76;
    margin-left:50%;
    width:50rem;
    max-width:100%;

    justify-content:center;
    align-items:flex-start;
    position:relative;
    display:flex;
}
.initial-window-promo-video{
    border:1px solid var(--border-gray-1);
    border-radius:var(--border-radius-2);
    height:100%;
    width:100%;
}

/*--Initial Window Testimonials----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.initial-testimonials-holder{
    max-width:calc(100vw - 1rem);
    transform:translate(-50%);
    margin-left:50%;
    margin-top:3rem;
    width:40rem;

    justify-content:space-evenly;
    align-items:center;
    display:flex;
}
.initial-testimonial{
    border:1px solid var(--background-gray-1);
    border-radius:var(--border-radius-2);
    height:fit-content;
    overflow:hidden;

    margin-right:0.25rem;
    margin-left:0.25rem;
    width:12rem;
}
.initial-testimonial-image{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:12rem;
    width:100%;
}
.initial-testimonial-image-1{
    background-image:url("../assets/testimonial 1.png");
    background-position:center 10%;
}
.initial-testimonial-image-2{
    background-image:url("../assets/testimonial 2.png");
    background-position:center 10%;
}
.initial-testimonial-image-3{
    background-image:url("../assets/testimonial 3.png");
    background-position:center 10%;
}
.initial-testimonial-name{
    justify-content:flex-start;
    align-items:flex-end;
    font-weight:bold;
    display:flex;

    color:var(--dark-blue);
    margin-left:0.5rem;
    font-size:1.5rem;
    height:2.5rem;
    width:100%;
}
.initial-testimonial-title{
    justify-content:flex-start;
    align-items:center;
    font-weight:bold;
    display:flex;

    transform:translateY(-25%);
    color:var(--dark-blue);
    margin-left:0.5rem;
    font-size:0.9rem;
    opacity:0.5;
    height:2rem;
}
.initial-testimonial-text{
    justify-content:flex-start;
    align-items:flex-start;
    display:flex;

    color:var(--text-gray);
    margin-right:0.5rem;
    margin-left:0.5rem;
    font-size:0.85rem;
    height:12rem;
}

/*--Initial Window Compare---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.initial-compare{
    position:relative;
    max-width:calc(100% - 4rem);
    transform:translate(-50%);
    margin-bottom:5rem;
    margin-left:50%;
    margin-top:2rem;
    width:50rem;
}
.initial-compare-title{
    justify-content:center;
    align-items:center;
    display:flex;

    color:var(--dark-blue);
    font-size:2rem;
    height:5rem;
    width:100%;
}
.initial-compare-title > b{
    margin-right:0.5rem;
    margin-left:0.5rem;
}
.initial-compare-leaning-mascot{
    background-image:url("../assets/leaning.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;

    position:absolute;
    aspect-ratio:0.66;
    height:30rem;
    bottom:-6%;
    left:-27%;
    z-index:0;
}
.initial-compare-holder{
    justify-content:space-between;
    align-items:flex-start;
    height:fit-content;
    position:relative;
    display:flex;
    width:100%;
    z-index:1;
}
.initial-compare-list{
    border:1px solid var(--background-gray-1);
    border-radius:var(--border-radius-2);
    width:calc(50% - 0.5rem);
    height:fit-content;
}

.initial-compare-list-head{
    justify-content:flex-start;
    align-items:center;
    display:flex;

    height:5rem;
    width:100%;
}
.initial-compare-list-head-icon{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;

    margin-right:1rem;
    margin-left:1rem;
    aspect-ratio:1;
    flex-shrink:0;
    height:2.5rem;
}
.initial-compare-list-head-icon-check{
    background-image:url("../assets/head icon.png");
}
.initial-compare-list-head-icon-cross{
    background-image:url("../assets/icons/cancel grey.png");
}
.initial-compare-list-head-text-holder{
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column;
    display:flex;

    margin-top:2.5rem;
    height:100%;
    width:100%;
}
.initial-compare-list-head-text{
    color:var(--text-gray);
    font-weight:bold;
    font-size:1.5rem;
}
.initial-compare-list-head-text-blue{
    color:var(--dark-blue);
}

.initial-compare-list-body{
    height:fit-content;
    width:100%;
}
.initial-compare-list-item{
    background-color:rgb(242, 244, 255);
    height:6rem;
    width:100%;

    justify-content:flex-start;
    align-items:center;
    display:flex;
}
.initial-compare-list-item:nth-child(2n){
    background-color:rgb(247, 248, 253);
}
.initial-compare-list-body-grey > .initial-compare-list-item{
    background-color:rgb(246, 241, 247);
}
.initial-compare-list-body-grey > .initial-compare-list-item:nth-child(2n){
    background-color:rgb(251, 249, 252);
}
.initial-compare-list-item-icon{
    background-color:var(--background-white);
    margin-right:0.5rem;
    margin-left:0.5rem;
    border-radius:100%;
    aspect-ratio:1;
    flex-shrink:0;
    height:2rem;

    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.initial-compare-list-item-icon-check{
    background-image:url("../assets/icons/check.png");
}
.initial-compare-list-item-icon-cross{
    background-image:url("../assets/icons/x gray.png");
    background-size:50%;
}
.initial-compare-list-item-text{
    justify-content:center;
    flex-direction:column;
    align-items:center;
    display:flex;

    font-size:0.8rem;
    padding-right:0.5rem;
    height:100%;
    width:100%;
}
.initial-compare-list-item-text-head{
    justify-content:flex-start;
    align-items:center;
    display:flex;

    color:var(--dark-blue);
    font-weight:600;
    width:100%;
}       
.initial-compare-list-item-text-body{
    justify-content:flex-start;
    align-items:center;
    display:flex;
    width:100%;
}

/*--Initial Window Description-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.initial-description{
    max-width:calc(100% - 4rem);
    transform:translate(-50%);
    margin-left:50%;
    margin-top:2rem;
    width:60rem;
}
.initial-description-features-holder{
    background-color:var(--accent-blue-7);
    border-radius:var(--border-radius-3);
    max-width:calc(100vw - 4rem);
    margin-top:1rem;
    height:20rem;
    width:100%;

    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    flex-wrap:wrap;
    display:flex;
}
.initial-description-pad{
    height:10rem;
    width:100%;
}
.initial-description-feature{
    max-width:100%;
    height:5rem;
    width:30rem;

    justify-content:flex-start;
    align-items:center;
    display:flex;
}
.initial-description-feature-text{
    justify-content:flex-start;
    align-items:center;
    font-weight:bold;
    display:flex;

    color:var(--dark-blue);
    font-size:1.5rem;
    height:100%;
    width:100%;
}
.initial-description-feature-icon{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:50%;

    aspect-ratio:1;
    flex-shrink:0;
    height:100%;
}
.initial-description-feature-icon-zoom{
    background-image:url("../assets/icons/camera.png");
}
.initial-description-feature-icon-drive{
    background-image:url("../assets/icons/drive.png");
}
.initial-description-feature-icon-mail{
    background-image:url("../assets/icons/mail.png");
}
.initial-description-feature-icon-gpt{
    background-image:url("../assets/icons/gpt.png");
}
.initial-description-feature-icon-level{
    background-image:url("../assets/icons/analyze.png");
}
.initial-description-feature-icon-scan{
    background-image:url("../assets/icons/text.png");
}
.initial-description-feature-icon-export{
    background-image:url("../assets/icons/export.png");
}