/*  @media (max-width: 1920px)  {  */
/* @media (max-width: 1440px) { */
/* @media (max-width: 768px) { */



/*  1440  */
/*@media (max-width: 1920px) {*/


/*  1080  */
/*@media (max-width: 1440px) {*/

/*  768  */
/*@media (max-width: 1440px) {*/

/*  375  */
/*@media (max-width: 768px) { */


/* 1920 */
.frame-header {
    background-color: #172d6d;
    width: 100%;
    height: 963px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    position: relative;
}


.frame-header .marketing-text {
    text-shadow: 0px 0px 5.333px rgba(0, 0, 0, 0.25);
    letter-spacing: -2.6px;
    color: #3DED3B;
    text-shadow: 0px 0px 5.333px rgba(0, 0, 0, 0.25);
    font-family: railroad-gothic-atf, Helvetica; 
    font-size: 130px;
    font-style: normal;
    font-weight: 700;
    line-height: 81%; /* 105.3px */
    letter-spacing: -2.6px;
    text-transform: uppercase;
    z-index: 1;

    position: relative;
    top: 16px;
    left: -400px;
}

.frame-header .image-container {

    width: 865px;
    height: auto;
    position: relative;
    top: -90px;
    z-index: 0;
}

.frame-header .bottom-text {
    text-shadow: 0px 0px 5.333px rgba(0, 0, 0, 0.25);
    letter-spacing: -2.6px;
    color: #3DED3B;
    text-align: right;
    text-shadow: 0px 0px 5.333px rgba(0, 0, 0, 0.25);
    font-family: railroad-gothic-atf, Helvetica; 
    font-size: 130px;
    font-style: normal;
    font-weight: 700;
    line-height: 81%; /* 105.3px */
    letter-spacing: -2.6px;
    text-transform: uppercase;
    z-index: 1;

    position: relative;
    top: -180px;
    left: 325px;
    width: 1166px;
    z-index: 1;
}

.frame-header .schedule-call-button {
    display: flex;
    flex-direction: column;
    justify-content: center; 
    
    color: #172D6D;
    text-align: center;
    font-family: "aktiv-grotesk";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 26.4px */
    letter-spacing: -0.48px;

    width: 542px;
    padding: 17px 54px;
    align-items: center;
    border: 1px solid #FFF;
    background: #3DED3B;
    z-index: 1;

    position: absolute;
    bottom: 50px;
    transform: translateX(118%);

    &:hover,
    &:focus,
    &:active {
      background: #FDCB03;
      color: #054531;
      border: 1px solid #FDCB03;
    }

    &:active {

    }
}


/*  1440  */
@media (max-width: 1920px) {

    .frame-header {
        background-color: #172d6d;  
        width: 100%;
        height: 663px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .frame-header .marketing-text {
        color: #3DED3B;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 100px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 89.1px */
        letter-spacing: -2px;
        text-transform: uppercase;
        z-index: 1;

        position: relative;
        left: -303px;
    }

    .frame-header .image-container {
        width: 635px;
        height: 480px;
        position: relative;
        top: -90px;
        z-index: 0;
    }

    .frame-header .bottom-text {
        color: #3DED3B;
        text-align: right;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 100px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 89.1px */
        letter-spacing: -2px;
        text-transform: uppercase;
        z-index: 1;
        position: relative;
        top: -215px;
        left: 110px;
        width: 1166px;
        z-index: 1;
    }


    .frame-header .schedule-call-button {
        width: 542px;
        padding: 17px 54px;
        align-items: center;
        border: 1px solid #FFF;
        background: #3DED3B;
        z-index: 1;
        transform: translateX(78%);
    }

    .frame-header .schedule-call-text-wrapper {
        color: #172D6D;
        text-align: center;
        font-family: "aktiv-grotesk";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 26.4px */
        letter-spacing: -0.48px;
    }



}




/*  1080  */
@media (max-width: 1440px) {

    .frame-header {
        color: #3ded3b;
        width: 100%;
        height: 635px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .frame-header .marketing-text {
        color: #3DED3B;
        text-shadow: 0px 0px 2.133px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 80px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 48.6px */
        letter-spacing: -1.6px;
        text-transform: uppercase;
        z-index: 1;
        position: relative;
        left: -220px;
    }

    .frame-header .image-container {
        width: 476px;
/*        height: 360px; */
        height: auto;
        position: relative;
        top: -30px;
        z-index: 0;
    }

    .frame-header .bottom-text {
        color: #3DED3B;
        text-align: right;
        text-shadow: 0px 0px 2.133px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 80px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 48.6px */
        letter-spacing: -1.6px;
        text-transform: uppercase;
        top: -90px;
        left: -65px;
        width: 1166px;
        z-index: 1;
    }

    .frame-header .schedule-call-button {
        width: 542px;
        padding: 17px 54px;
        align-items: center;
        border: 1px solid #FFF;
        background: #3DED3B;
        z-index: 1;
        transform: translateX(46%);
    }

    .frame-header .schedule-call-text-wrapper {
        color: #172D6D;
        text-align: center;
        font-family: "aktiv-grotesk";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 26.4px */
        letter-spacing: -0.48px;
    }
}

/*  768 */
@media (max-width: 1080px) {

    .frame-header {
        background-color: #172d6d;
        width: 100%;
        height: 554px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .frame-header .marketing-text {

        color: #3DED3B;
        text-shadow: 0px 0px 2.133px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 48.6px */
        letter-spacing: -1.2px;
        text-transform: uppercase;
        z-index: 1;
        position: relative;
        left: -144px;
    }

    .frame-header .image-container {
        width: 428px;
        height: auto;
        position: relative;
        top: -20px;
        z-index: 0;
    }

    .frame-header .bottom-text {
        color: #3DED3B;
        text-align: right;
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 48.6px */
        letter-spacing: -1.2px;
        position: relative;
        top: -60px;
        left: -228px;
        width: 1166px;
        z-index: 1;
    }

    .frame-header .schedule-call-button {
        width: 375px;
        height: 50px;
        padding: 17px 54px;
        align-items: center;
        font-size: 18px;

        border: 1px solid #FFF;
        background: #3DED3B;
        z-index: 1;
    }

    .frame-header .schedule-call-text-wrapper {
        color: #172D6D;
        text-align: center;
        font-family: "aktiv-grotesk";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 19.8px */
        letter-spacing: -0.36px;
    }

}




/*  375  */
@media (max-width: 768px) {


    .frame-header {
        background-color: #172d6d;
        width: 100%;
        height: 452px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 45px;
    }

    .frame-header .marketing-text {
        color: #3DED3B;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 32.4px */
        letter-spacing: -0.7px;
        text-transform: uppercase;
        z-index: 1;
        position: absolute;
        top: 52px;
        left: 12px;
    }

    .frame-header .image-container {
        width: 313px;
        height: 236px;
        position: relative;
        top: 64px;
        z-index: 0;
    }

    .frame-header .bottom-text {
        color: #3DED3B;
        text-align: right;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
        font-family: railroad-gothic-atf, Helvetica; 
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 81%; /* 36.45px */
        letter-spacing: -0.7px;
        position: absolute;
        top: unset;
        bottom: 108px;
        left: unset;
        right: 12px;
        width: 1166px;
        z-index: 1;
    }


    .frame-header .schedule-call-button {
        width: 350px;  
        height: 32px;
        padding: 17px 54px;
        align-items: center;
        border: 1px solid #FFF;
        background: #3DED3B;

        z-index: 1;
        transform: none;
        bottom: 45px;

    }

    .frame-header .schedule-call-text-wrapper {
        color: #172D6D;
        text-align: center;
        font-family: "aktiv-grotesk";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 40%; /* 15.4px */
        letter-spacing: -0.28px;
    }
}