.static_scroll_section{
  display: none;
}

.form-container form{
      background-color: white;
      padding: 2rem;
      border-radius: 15px;
}
.form-container h2{
  margin-bottom:20px;
}

.banner .banner-btns .cta-button.white-outline:hover,
.banner .banner-btns .cta-button.white-outline:focus,
#scroll_3 .cta-button.white-outline:hover,
#scroll_3 .cta-button.white-outline:focus  {
   background: white;
}

#scroll_2 h2,
#scroll_2 p
{
  text-align:left;
}

/*******************************************Scrolling CSS********************************************/
.scrolling_body_tag .scrolling_white_logo{
  display: initial;
}
.scrolling_body_tag .scrolling_navy_logo{
  display:none;
}
.scrolling_body_tag .site-header {
    background: transparent !important;
        z-index: 1001;
}
.scrolling_body_tag .site-header:not(.longform_header) {
    /*border-bottom: none;*/
}
.scrolling_body_tag #site_search_form input[type=search]:focus {
    background-image: url(../img/search_icon.svg) !important;
}

.scrolling_body_tag .banner.inner-banner{
  /*margin: unset;*/
}

.scrolling_body_tag #scroll_1{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.scrolling_body_tag #scroll_3{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.scrolling_body_tag #scroll_2{
  display:flex;
flex-direction: column;
place-content: center;
justify-content: center;
}
.scrolling_body_tag #scroll_2,.scrolling_body_tag #scroll_3{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /*padding-top: 20rem;*/
}
@media screen and (max-height: 914px){
  .scrolling_body_tag #scroll_1 .banner-btns {
      /*margin: 3rem auto;*/
  }
}
@media screen and (max-height: 726px){
.scrolling_body_tag .site-header:not(.longform_header) {
    border-bottom-color: transparent !important;
}
}
@media screen and (min-height: 900px){
  .scrolling_body_tag .content_section h2{
    font-size:3.5rem;
  }
  .scrolling_body_tag .content_section p{
    font-size:1.5rem;
  }
  .scrolling_body_tag .content_section li{
    font-size:1.25rem;
  }
}
/******Scroll 1***************/
.scrolling_body_tag #scroll_1{
      align-items: center;
      z-index:1000;
}
.scrolling_body_tag #scroll_1 .scroll_content{
  /*margin-top:2rem;*/
   width:100%;
}
.scrolling_body_tag #scroll_1 .banner_content_wrapper{
  display: flex;
  align-items: center;
  justify-content: right;
}
.scrolling_body_tag #scroll_1 .banner_img_wrapper{
    text-align: right;
}

.scrolling_body_tag #scroll_1 .banner_content{
    /*max-width: unset;*/
}
.scrolling_body_tag #scroll_1 h1,
.scrolling_body_tag #scroll_1 p,
.scrolling_body_tag #scroll_1 .image_wrapper,
.scrolling_body_tag #scroll_1 div{
  /*text-align: center;*/
  color:white;
}
.scrolling_body_tag #scroll_1 h1{
  margin:auto;
  /*max-width: 1100px;*/
}
.scrolling_body_tag #scroll_1 .banner-btns {
    margin: 2rem auto;
}
@media screen and (max-height: 900px){
.scrolling_body_tag #scroll_1 .banner_img_wrapper img{
  max-height: 500px;
}
}

/*******Scroll 2*************/
.scrolling_body_tag #scroll_2 .content_section .wrap-inner .row {
    align-items: flex-start;
}
.scrolling_body_tag #scroll_2 .content_section {
    height: 50%;
  }
  .scrolling_body_tag #scroll_2 .scroll_content_section{
    margin-top:-9rem;
  }
.scrolling_body_tag #scroll_2 .phone_content_wrapper .scroll_content_section{
  margin-top:5rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper{
      /*display: flex;
      margin: auto;
      justify-content: flex-end;
      justify-content: center;*/
      position: relative;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .left_content{
    /*width: 25%;
    position: relative;*/
    width: 39%;
    max-width: 55%;
    position: absolute;
    left: 0rem;
    top: 13rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .left_content .feature_title{
  /*text-align: right;
  margin-top: 7rem;
  position: absolute;
  right: 0rem;*/
  font-size: 7rem;
  position: absolute;
  text-align: right
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .left_content h2.feature_title#h2_4{
  font-size: 4.9rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper{
    /*margin: auto 25px;
    position: relative;*/
    position: absolute;
    top: 0rem;
    right: 17rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img{
  /*width: 320px;
  max-width: 320px;*/
  width: 100%;
  max-width: 42rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content{
  /*width: 30%;
  position: relative;*/
  width: 100%;
    max-width: 37%;

    position: absolute;
    right: 0rem;
    top: 19rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content > div{
  /*margin-top: 7rem;
  position: absolute;
  left: 0rem;
  top:0rem;*/
  margin-top: 0rem;
  padding-left: 6rem;
  position: absolute
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content p{
  font-size: 17px;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img.scrolling_img_box{
  width: auto;
      max-width: 19.9rem;
      /* max-width: 320px; */
      position: absolute;
      left: 11.8rem;
      top: 4.3rem;

}

.scrolling_body_tag #scroll_2 .scroll_button_up{
  cursor: pointer;
  position: absolute;
    bottom: -35rem;
    left: 27rem;
    color: white;
}
.scrolling_body_tag #scroll_2 .scroll_button_down{
  cursor: pointer;
  position: absolute;
    bottom: -39rem;
    left: 27rem;
    color: white;
}

@media screen and (max-width: 1380px){
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .left_content .feature_title{
    font-size: 6rem;
  }
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .left_content h2.feature_title:nth-child(4){
    font-size: 4rem;
  }
}
.hide_mobile{
  display: inline;
}
.show_mobile{
  display: none;
}

@media screen and (max-width: 1350px){
  .scrolling_body_tag #scroll_2 .hide_mobile{
    display: none;
  }
  .scrolling_body_tag #scroll_2 .show_mobile{
    display:inline;
  }
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img[alt="mobile_phone_frame"] {
      visibility: hidden;
  }

}
@media screen and (max-width: 1350px) and (min-height: 851px){
  .scrolling_body_tag #scroll_2 .scroll_button_up{
    position: absolute;
      bottom: -35rem;
      left: 23rem;
      color: #1d1d1d;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_down{
    position: absolute;
      bottom: -39rem;
      left: 23rem;
      color: #1d1d1d;
  }
}
@media screen and (max-width: 1250px) and (min-height: 851px){
  .scrolling_body_tag #scroll_2 .scroll_button_up{
    position: absolute;
      bottom: -35rem;
      left: 20rem;
      color: #1d1d1d;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_down{
    position: absolute;
      bottom: -39rem;
      left: 20rem;
      color: #1d1d1d;
  }
}
@media screen and (max-width: 1238px) and (min-height: 851px){
  .scrolling_body_tag #scroll_2 .scroll_button_up{
    position: absolute;
      bottom: -35rem;
      left: 16rem;
      color: #1d1d1d;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_down{
    position: absolute;
      bottom: -39rem;
      left: 16rem;
      color: #1d1d1d;
  }
}
@media screen and (max-width: 1160px) and (min-height: 851px){
  .scrolling_body_tag #scroll_2 .scroll_button_up{
    position: absolute;
      bottom: -35rem;
      left: 12rem;
      color: #1d1d1d;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_down{
    position: absolute;
      bottom: -39rem;
      left: 12rem;
      color: #1d1d1d;
  }
}
@media screen and (max-width: 1100px) and (min-height: 851px){
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content > div {
      padding-left: 0rem;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_up{
    position: absolute;
      bottom: -35rem;
      left: 8rem;
      color: #1d1d1d;
  }
  .scrolling_body_tag #scroll_2 .scroll_button_down{
    position: absolute;
      bottom: -39rem;
      left: 8rem;
      color: #1d1d1d;
  }
}

/*@media screen and (max-width: 1025px){
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img[alt="mobile_phone_frame"] {
      visibility: hidden;
  }
}*/


@media screen and (max-height: 850px) {
  .scrolling_body_tag #scroll_2 .hide_mobile{
    display: none;
  }
  .scrolling_body_tag #scroll_2 .show_mobile{
    display:inline;
  }
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img[alt="mobile_phone_frame"] {
      visibility: hidden;
  }
.scrolling_body_tag #scroll_1 .banner_img_wrapper img{
  max-height: 500px;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img {
    max-height: 570px;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper {
    right: 30rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content {
    top: 8rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .right_content > div {
    padding-left: 0rem;
}
.scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img.scrolling_img_box {
  left: 8rem;
      top: 2.9rem;
      /* width: 319.59px; */
      width: auto;
      max-width: 21.1rem;
      max-height: 610px;
}
.scrolling_body_tag #scroll_2 .scroll_button_up{
  position: absolute;
    bottom: -25rem;
    left: 46rem;
    color: #1d1d1d;
}
.scrolling_body_tag #scroll_2 .scroll_button_down{
  position: absolute;
    bottom: -28rem;
    left: 46rem;
    color: #1d1d1d;
}
}
@media screen and (max-height: 800px) {
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img.scrolling_img_box {
        max-height: 520px;
  }
}
@media screen and (max-height: 700px) {
  .scrolling_body_tag #scroll_2 .phone_content_wrapper .mobile_phone_frame_wrapper img.scrolling_img_box {
        max-height: 432px;
  }
}

/***850px**/
@media screen and (max-height: 850px) and (max-width: 1342px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 45rem;
  }
}
@media screen and (max-height: 850px) and (max-width: 1305px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 43rem;
  }
}
@media screen and (max-height: 850px) and (max-width: 1255px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 40rem;
  }
}
@media screen and (max-height: 850px) and (max-width: 1205px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 37rem;
  }
}
@media screen and (max-height: 850px) and (max-width: 1145px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 34rem;
  }
}
@media screen and (max-height: 850px) and (max-width: 1090px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 31rem;
  }
}
  @media screen and (max-height: 850px) and (max-width: 1035px){
    .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
        left: 28rem;
    }
}

/********800px******/
@media screen and (max-height: 800px) and (min-width: 1336px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 44rem;
  }
}
@media screen and (max-height: 800px) and (max-width: 1335px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 42rem;
  }
}
@media screen and (max-height: 800px) and (max-width: 1300px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 39rem;
  }
}
@media screen and (max-height: 800px) and (max-width: 1235px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 35rem;
  }
}
@media screen and (max-height: 800px) and (max-width: 1170px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 32rem;
  }
}
@media screen and (max-height: 800px) and (max-width: 1100px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 28rem;
  }
}

/*********700px********/
@media screen and (max-height: 700px) and (min-width: 1301px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 41rem;
  }
}
@media screen and (max-height: 700px) and (max-width: 1300px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 37rem;
  }
}
@media screen and (max-height: 700px) and (max-width: 1225px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 33rem;
  }
}
@media screen and (max-height: 700px) and (max-width: 1160px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 29rem;
  }
}
@media screen and (max-height: 700px) and (max-width: 1070px){
  .scrolling_body_tag #scroll_2 .scroll_button_up,  .scrolling_body_tag #scroll_2 .scroll_button_down{
      left: 24rem;
  }
}

/*****End Scroll 2**********/
/*****************Scrool 3**********/
.scrolling_body_tag #scroll_3{
  background-size: cover;
}
.scrolling_body_tag #scroll_3 .heading h2{
  color:white;
  font-size: 34px;
  text-align: center;
}
.scrolling_body_tag #scroll_3 .scroll_content{
    /*width: 100%;
    height: 100%;
    position:relative;*/
    padding-bottom: 3rem;
    width: 100%;
}
.scrolling_body_tag #scroll_3 .scroll_content .banner_content_wrapper{
    /*position: absolute;
    top: 17rem;
    left: 18rem;*/

}
.scrolling_body_tag #scroll_3 .scroll_content .banner_content_wrapper .form-container{

}

.scrolling_body_tag #scroll_3 .scroll_content .right-col{
  display: flex;
    align-self: flex-start;
        flex-direction: column;
}
.scrolling_body_tag #scroll_3 .scroll_content .right-col .heading{
    margin-top: 3rem;
    margin-bottom:3rem;
}

.scrolling_body_tag #scroll_3 .banner_img_wrapper{
  position: absolute;
right: 0rem;
bottom: 0rem;
width: 40rem;
}
.scrolling_body_tag #scroll_3 .banner_img_wrapper img{
  width: 100%;
}

.scrolling_body_tag #scroll_3 .cta_image_wrapper{
  text-align: center;
}
.scrolling_body_tag #scroll_3 .cta_image_wrapper img{
  max-width: 457px;
}

@media screen and (max-width: 1250px){
  .scrolling_body_tag #scroll_3 .banner_img_wrapper{
    opacity:0.2;
  }
}
@media screen and (max-height: 867px){
  .scrolling_body_tag #scroll_3{
    position: absolute !important;
  }
  .scrolling_body_tag #scroll_3 .scroll_content{
          bottom: 0rem;
          position: absolute !important;
  }
}
@media screen and (max-height: 850px){
  .scrolling_body_tag #scroll_3 .banner_img_wrapper{
    opacity:0.2;
  }

}


/*****************ENd Scrool 3**********/
.scrolling_body_tag footer{
      background: transparent;
      display:none;
}

/*******************************************End Scrolling CSS********************************************/
/*******************************************Normal Scrolling CSS********************************************/
.normal_body_tag .static_scroll_section{
  display: block;
}

.normal_body_tag .hide_mobile, .normal_body_tag #scroll_2{
  display: none;
}
.normal_body_tag .show_mobile{
  display: inline;
}
.normal_body_tag .static_scroll_section .scrolling_img_box{
  max-width: 300px;
  margin:auto;
}
.normal_body_tag .static_scroll_section .scrolling_img_box img{
    width: 100%;
}
/***********************************scroll_1*****************/
.normal_body_tag #scrolling_white_logo{
  display: none;
}
.normal_body_tag #scroll_1{
  background-color: rgb(20,44,82);
}
.normal_body_tag #scroll_1{
  padding:4rem 0px;
}
.normal_body_tag #scroll_1 .banner_content{
    max-width: unset;

}
.normal_body_tag #scroll_1 .banner_content_wrapper{
    align-self: center;
  }

.normal_body_tag #scroll_1 h1{
  margin-top: 0px;
  color: white;
}
.normal_body_tag #scroll_1 p{
  color:white;
}
.normal_body_tag #scroll_1 .banner-btns {
  margin: 5rem auto;
  text-align: left;
}

@media (max-width: 1001px){
.normal_body_tag .banner.inner-banner {
    margin-top: 1rem;
}
}

@media (max-width: 999px){
  .normal_body_tag #scroll_1 .banner-btns {
    margin: 2rem auto;
  }

}
/**********************Scroll 3****/
.normal_body_tag #scroll_3{
  padding: 5rem 0px;
}
.normal_body_tag #scroll_3 .scroll_content .right-col .heading{
    margin-bottom:3rem;
}

.normal_body_tag #scroll_3 p,.normal_body_tag #scroll_3 h2
 {
    color:white;
}

@media (max-width: 767px){
  .normal_body_tag #footer_content .row{
      flex-direction: column-reverse;
  }
  .normal_body_tag section.static_scroll_section:nth-child(odd) .row .scroll_content_section{
    margin-top:30px;
  }
  .normal_body_tag section.static_scroll_section:nth-child(odd) .row{
    flex-direction: column-reverse;
  }

  .normal_body_tag #footer_content .heading{
    margin-bottom:40px;
  }

}

/**********************End Scroll 2,3,4,5******************/