@keyframes float {
   25% {
     transform: translate(0%, 0%) translate(-20px, 20px);
   }
}
@keyframes float2 {
   25% {
     transform: translate(0%, 0%) translate(15px, -15px);
   }
 }
@media (max-width: 1800px) {
   .project-details-container1 {
      padding-left: 0px !important;
   }
}
@media (max-width: 1000px){
   .brief-section-container {
      margin-left: 17px !important;
   }
}
@media (max-width: 1150px){
   .important-heading {
      font-size: 36px !important;
   }
}
@media (min-width: 900px) {
   .professional-text-styler {
      font: 400 14px/22px Roboto, sans-serif;
      text-align: left;
      padding: 0;
      margin: 0 0 20px 14px;
    }
    .professional-text-styler li {
      list-style-image: url(./assets/marker.png);
      margin: 7px 0 !important;
   }
   .professional-text-styler div {
      margin-top: -3px;
      position: absolute;
   }   
   .main-content-container2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /*min-width: 1920px;*/
      background: white;
      width: 100%;
   }
   .main-content-container1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
   }
   .primary-content-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
      background: url("assets/image_7560b6b8.png") 50% / cover no-repeat;
   }
   .main-navigation-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      background: #f9f5eb;
   }
   .header-navigation-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      width: 80%;
      padding-top: 36px;
      padding-bottom: 41px;
   }
   .brand-text-container {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      color: #828282;
   }
   .blue-heading-bold {
      font: 700 38px Montserrat, sans-serif;
      color: #002b5b;
   }
   .standout-text {
      font: 700 38px Montserrat, sans-serif;
      color: #ea5455;
   }
   .horizontal-menu-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
   }
   .horizontal-menu-container1 {
      display: none;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 21.5px;
      align-items: center;
      justify-content: flex-start;
   }
   .primary-nav-item {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 500 17px Montserrat, sans-serif;
      color: #002b5b;
   }
   .call-to-action-box {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 200px;
      height: 48px;
      margin-left: 120px;
      background: #002b5b;
      border-radius: 24px;
   }
   .site-order-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 14px Montserrat, sans-serif;
      color: #fffbfb;
      text-align: center;
      letter-spacing: 0.7px;
   }
   .marketing-content-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-start;
      /*padding-right: 404px;
      padding-left: 48px;*/
   }
   .profit-tool-section {
      display: flex;
      flex-direction: column;
      gap: 39px;
      align-items: flex-end;
      justify-content: flex-start;
      padding-top: 56px;
      padding-bottom: 122px;
   }
   .hero-title-text-style {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 71px Montserrat, sans-serif;
      color: #002b5b;
      text-align: right;
   }
   .profit-tool-generator {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 500 24px/35px Montserrat, sans-serif;
      color: #002b5b;
      text-align: right;
   }
   .red-button-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 300px;
      height: 48px;
      margin-top: 2px;
      background: #ea5455;
      border-radius: 50px;
   }
   .standout-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 18px Montserrat, sans-serif;
      color: #fffbfb;
      text-align: center;
      letter-spacing: 0.9px;
   }
   .main-content-wrapper {
      /*padding-right: 332px;
      padding-left: 332px;
      margin-top: -598px;*/
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 80%;
   }
   .hero-image-container {
      /*box-sizing: border-box;
      display: block;
      width: 900px;
      max-width: initial;
      height: 702px;
      
      */
      width: 50%;
      object-fit: cover;
      overflow: visible;
      z-index: 1;
   }
   .pricing-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      margin-top: -104px;
      background: #f9f5eb;
   }
   .pricing-section {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 60%;
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .main-heading-text-style {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 40px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
   }
   .vertical-flex-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      margin-top: 50px;
   }
   .flexbox-section {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 30px;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
   }
   .promo-card {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      max-width: 350px;
      padding: 58px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .landing-section-with-pricing {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
   }
   .landing-image {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      width: 108px;
      max-width: initial;
      height: 107px;
   }
   .landing-text-section {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      margin-top: 26.5px;
      color: black;
      text-align: center;
   }
   .standout-heading1 {
      font: 700 26px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
      letter-spacing: 0px;
   }
   .purple-header-text-style {
      font: 500 22px Montserrat, sans-serif;
      color: #9310d0;
      text-align: center;
      letter-spacing: 0px;
   }
   .lead-conversion-text-styler {
      font: 400 18px Roboto, sans-serif;
      color: #002b5b;
      text-align: center;
      letter-spacing: 0px;
      height: 67px;
      display: block;
   }
   .call-to-action-section1 {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 31.5px;
   }
   .order-button-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 200px;
      height: 48px;
      background: #ea5455;
      border-radius: 50px;
   }
   .detailed-link {
      display: none;
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      margin-top: 18px;
      font: 400 14px Roboto, sans-serif;
      color: #8e8e8e;
      text-decoration-line: underline;
   }
   .card-container {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      min-height: 476px;
      min-width: 350px;
      padding: 56px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .company-logo {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      align-self: center;
      width: 101px;
      max-width: initial;
      height: 97px;
   }
   .center-text-block {
      flex: 0 0 auto;
      align-self: center;
      padding: 0;
      margin: 0;
      margin-top: 38px;
      color: black;
      text-align: center;
   }
   .service-card-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 31px;
   }
   .catalog-card-container {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      gap: 19px;
      align-items: center;
      justify-content: center;
      max-width: 350px;
      padding: 61px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .product-image-container {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      width: 101px;
      max-width: initial;
      height: 104px;
   }
   .catalog-description-style {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      margin-top: 7px;
      color: black;
      text-align: center;
   }
   .catalog-description-text-style {
      font: 500 18px Montserrat, sans-serif;
      color: #313131;
      text-align: center;
      letter-spacing: 0px;
   }
   .detailed-link1 {
      display: none;
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 400 14px Roboto, sans-serif;
      color: #8e8e8e;
      text-decoration-line: underline;
   }
   .flex-card-group {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 30px;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: 30px;
   }
   .ecommerce-card {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      max-width: 350px;
      padding: 51px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .product-image-container1 {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      align-self: center;
      width: 108px;
      max-width: initial;
      height: 100px;
   }
   .center-text-block1 {
      flex: 0 0 auto;
      align-self: center;
      padding: 0;
      margin: 0;
      margin-top: 40px;
      color: black;
      text-align: center;
   }
   .brand-promotion-card {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 350px;
      padding: 53px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .brand-site-info-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      align-self: stretch;
      justify-content: flex-start;
      margin-top: 30.5px;
   }
   .brand-site-description {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      color: black;
      text-align: center;
   }
   .brand-call-to-action-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 200px;
      height: 48px;
      margin-top: 10.5px;
      background: #ea5455;
      border-radius: 50px;
   }
   .integration-card {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 0;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      max-width: 350px;
      padding: 53px 28.5px 36px 29px;
      background: white;
      border-radius: 10px;
   }
   .communication-icon {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      width: 102px;
      max-width: initial;
      height: 113px;
   }
   .communication-box {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      margin-top: 21px;
      color: black;
      text-align: center;
   }
   .call-to-action-section {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 36px;
   }
   .hero-section-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
   }
   .hero-section1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 80%;
      padding-top: 80px;
      padding-bottom: 80px;
   }
   .professional-grid {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 40px;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: center;
      margin-top: 11.5px;
   }
   .main-content-container {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 40%;
   }
   .image-container2 {
      box-sizing: border-box;
      display: block;
      width: 100%;
      max-width: initial;
   }
   .vertical-align-bottom-row {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-start;
      margin-top: -85px;
   }
   .red-rounded-box {
      animation: float 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 146px;
      height: 146px;
      background: rgba(234, 84, 85, 0.4);
      border-radius: 10px;
   }
   .blue-box-with-border {
      animation: float2 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 34px;
      height: 34px;
      margin-left: 49px;
      background: rgba(0, 43, 91, 0.4);
      border-radius: 10px;
   }
   .professional-services-section {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-start;
      max-width: 540px;
   }
   .hero-section {
      display: none;
      flex: 0 0 auto;
      padding-top: 213px;
   }
   .svg-container {
      display: flex;
      width: 20px;
      height: 20px;
      color: #ea5455;
   }
   .svg-container1 {
      display: flex;
      width: 20px;
      height: 20px;
      margin-top: 19.5px;
      color: #ea5455;
   }
   .brand-statement-styles {
      flex: 0 1 auto;
      padding: 0;
      margin: 0;
      font: 400 18px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
      margin-top: 29px;
   }
   .vibrant-heading {
      font: 700 18px/28px Montserrat, sans-serif;
      color: #ea5455;
      text-align: left;
   }
   .high-line-height {
      line-height: 28px;
   }
   .professional-text-styling {
      font: 400 18px/40px Roboto, sans-serif;
      text-align: left;
   }
   .central-content-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      max-width: initial;
      /*height: 1333px;*/
      padding-left: 5px;
      background: #f9f5eb;
      width: 100%;
   }
   .central-content-container1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      /*max-width: 1253px;*/
      width: 88%;
      padding-top: 81px;
      /*padding-bottom: 81px;*/
   }
   .hero-title {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 100%;
      padding: 0;
      margin: 0;
      margin-left: -5px;
      font: 700 40px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
   }
   .project-timeline-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-start;
      align-self: stretch;
      justify-content: center;
      margin-top: 50px;
      flex-wrap: wrap;
   }
   .project-details-container1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      padding-top: 19px;
      width: 100%;
      padding-left: 95px;
   }
   .brief-section-container1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 20px;
      /*align-items: center;*/
      justify-content: flex-start;
      width: 50%;
   }
   .brief-section-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      /*align-items: flex-end;*/
      justify-content: flex-start;
      min-width: 426px;
      margin-left: 80px;
   }
   .section-number-heading {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 6.6%;
      padding: 0;
      padding-top: 17px;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
      white-space: pre-wrap;
   }
   .brief-description {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 6.23%;
      padding-top: 9px;
      padding-right: 13.5px;
      padding-left: 13.5px;
   }
   .red-pixel {
      box-sizing: border-box;
      width: 4px;
      background: #ea5455;
   }
   .brief-section {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 87.17%;
      padding-right: 15px;
      padding-left: 15px;
   }
   .brief-description-text-style {
      box-sizing: border-box;
      max-width: 447px;
      padding: 0;
      margin: 0;
      font: 400 18px/28px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
      /*white-space: pre-wrap;*/
   }
   .flex-container-with-image {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 44%;
      margin-top: 96px;
   }
   .vertical-panel {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-end;
      width: 150px;
      z-index: 1;
      margin-top: -24%;
   }
   .blue-box-square {
      animation: float2 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 34px;
      height: 34px;
      background: rgba(0, 43, 91, 0.4);
      border-radius: 10px;
   }
   .red-framed-box {
      animation: float 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      height: 146px;
      margin-top: 54px;
      background: rgba(234, 84, 85, 0.4);
      border-radius: 10px;
   }
   .image-container5 {
      flex: 1 0 auto;
      width:80%;
      /*padding-bottom: 57px;*/
      margin-left: 10%;
   }
   .gradient-container1 {
      box-sizing: border-box;
      width: 100%;
      padding: 31.5px 35px 3.75px;
      background: linear-gradient(237.68deg, rgba(0, 43, 91, 1) 28.36%, rgba(80, 84, 249, 1) 100%);
      border-radius: 10px;
   }
   .image-container3 {
      box-sizing: border-box;
      display: block;
      width: 100%;
      max-width: initial;
      /*height: 433px;*/
   }
   .product-development-section {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      padding-bottom: 114px;
   }
   .flex-row-align-end1 {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-start;
      padding-right: 23px;
      padding-left: 23px;
      width: 33%;
   }
   .image-container4 {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 100%;
   }
   .gradient-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      padding: 52px 77px 61px;
      background: linear-gradient(237.68deg, rgba(0, 43, 91, 1) 28.36%, rgba(80, 84, 249, 1) 100%);
      border-radius: 10px;
   }
   .image-container1 {
      display: block;
      flex: 0 0 auto;
      max-width: initial;
      /*height: 355px;*/
   }
   .content-wrapper {
      padding-right: 43px;
      padding-left: 358px;
      margin-top: 34px;
   }
   .blue-box {
      animation: float2 10s ease-in-out infinite;
      box-sizing: border-box;
      width: 34px;
      height: 34px;
      background: rgba(0, 43, 91, 0.4);
      border-radius: 10px;
   }
   .red-bubble-container {
      animation: float 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 146px;
      height: 146px;
      margin-left: -72px;
      background: rgba(234, 84, 85, 0.4);
      border-radius: 10px;
   }
   .service-offerings-section {
      flex: 0 0 auto;
      padding-right: 12px;
      padding-left: 12px;
      margin-top: 35px;
      width: 45%;
   }
   .flexbox-container {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
   }
   .vibrant-heading1 {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
   }
   .red-bar-with-text {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 4px;
      height: 46px;
      margin-left: 19px;
      background: #ea5455;
   }
   .brand-style-text {
      flex: 0 0 auto;
      padding: 0;
      padding-bottom: 3.25px;
      margin: 0;
      margin-left: 29px;
      font: 400 18px/28px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
   }
   .project-details-container {
      box-sizing: border-box;
      width: 100%;
      margin-top: 44px;
   }
   .flex-row-align-end {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
   }
   .flex-container-with-text-aligned-left {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
   }
   .highlighted-text {
      flex: 0 0 auto;
      padding: 0;
      padding-top: 8px;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
   }
   .vertical-bar-with-text {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 4px;
      height: 96px;
      margin-left: 16.5px;
      background: #ea5455;
   }
   .content-block {
      box-sizing: border-box;
      flex: 0 1 auto;
      max-width: 447px;
      padding: 0;
      margin: 0;
      margin-left: 29px;
      font: 400 18px/28px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
   }
   .project-delivery-section {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      margin-top: 19px;
   }
   .numeric-callout {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-start;
   }
   .red-bar-with-number {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 4px;
      height: 39px;
      margin-left: 18px;
      background: #ea5455;
   }
   .project-description-text-style {
      box-sizing: border-box;
      flex: 0 1 auto;
      max-width: 447px;
      padding: 0;
      margin: 0;
      margin-left: 29px;
      font: 700 18px/28px Montserrat, sans-serif;
      color: #ea5455;
      text-align: left;
   }
   .product-description-text-style {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      margin-top: 58px;
      font: 400 18px/28px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
   }
   .contact-info-container2 {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      /*padding-left: 74px;*/
   }
   .contact-section {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 80%;
      padding-top: 81px;
      padding-bottom: 78px;
   }
   .contact-info-container3 {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      margin-top: 1.5px;
   }
   .contact-info-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 49%
   }
   .contact-info-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 500 24px/36px Montserrat, sans-serif;
      color: #002b5b;
      text-align: left;
   }
   .important-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      margin-top: 75px;
      font: 700 46px/24px Montserrat, sans-serif;
      color: #ea5455;
   }
   .contact-info-section {
      flex: 0 0 auto;
      margin-top: 42px;
   }
   .address-header {
      display: none;
      padding: 0;
      margin: 0;
      font: 700 28px Montserrat, sans-serif;
      color: #002b5b;
   }
   .blue-heading {
      padding: 0;
      padding-right: 5px;
      padding-left: 5px;
      margin: 0;
      margin-top: 28.5px;
      font: 700 28px Montserrat, sans-serif;
      color: #002b5b;
   }
   .contact-info-container1 {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 40%;
   }
   .image-container {
      display: block;
      flex: 0 0 auto;
      max-width: initial;
      max-height: 517px;
   }
   .bottom-aligned-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-end;
      align-self: flex-end;
      justify-content: flex-end;
      margin-top: -84px;
   }
   .vertical-spacing-container {
      animation: float2 10s ease-in-out infinite;
      flex: 0 0 auto;
      padding-top: 114px;
      margin-right: 55px;
   }
   .red-rounded-box1 {
      animation: float 10s ease-in-out infinite;
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 145px;
      height: 146px;
      background: rgba(234, 84, 85, 0.4);
      border-radius: 10px;
   }
   .hero-section2 {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      /*gap: 174px;*/
      align-items: center;
      justify-content: space-around;
      padding: 30px 30px 30px 30px;
      background: #002b5b;
      width: 100%;
   }
   .hero-text-container {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 38px Montserrat, sans-serif;
      color: white;
   }
   .standout-text1 {
      font: 700 38px Montserrat, sans-serif;
      color: white;
   }
   .roboto-text-block {
      display: none;
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 400 14px/24px Roboto, sans-serif;
      color: #dddddd;
      text-align: left;
   }
   .contact-info-section1 {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-bottom: 7.25px;
   }
   .contact-info-section2 {
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      margin-top: 29.5px;
   }
   .svg-container2 {
      display: none;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      color: #dddddd;
   }
   .nested-svg-container {
      flex: 0 0 auto;
      padding-top: 4.25px;
      padding-bottom: 4px;
      margin-left: 11.5px;
   }
   .svg-container3 {
      display: flex;
      width: 24px;
      height: 24px;
      color: #dddddd;
   }
   .nested-svg-container1 {
      display: none;
      flex: 0 0 auto;
      padding-bottom: 8.5px;
      margin-left: 16px;
   }
   #desktop {
      display: block;
   }
   #mobile {
      display: none;
   }   
}
@media (max-width: 899px){
   .container-max-width360 {
      box-sizing: border-box;
      width: 100%;
      background: white;
    }
    .hero-section-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 8px;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      height: 90px;
      padding-top: 32px;
      padding-right: 29px;
      padding-left: 29px;
      background: #f9f5eb;
    }
    .text-span-container {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      color: #828282;
    }
    .blue-heading {
      font: 700 25px Montserrat, sans-serif;
      color: #002b5b;
    }
    .standout-text {
      font: 700 25px Montserrat, sans-serif;
      color: #ea5455;
    }
    .svg-container {
      display: flex;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      color: #c4c4c4;
    }
    .webpage-section-steps-container {
      box-sizing: border-box;
      width: 100%;
    }
    .main-content-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
    }
    .hero-section {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      padding: 14px 4.5px 56px 6.75px;
    }
    .hero-image-container {
      display: block;
      flex: 0 0 auto;
      max-width: initial;
      /*height: 272px;*/
      /*clip-path: path("M0,0h348.824v272h-348.824z");*/
      object-fit: cover;
    }
    .vertical-flex-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      margin-top: 4px;
    }
    .vertical-text-container {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }
    .standout-heading1 {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 42px/50px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
    }
    .profit-tool-generator {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      margin-top: 22px;
      font: 500 14px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
    }
    .request-form-container {
      flex: 0 0 auto;
      align-self: center;
      padding-right: 2.25px;
      margin-top: 35px;
    }
    .red-rounded-button {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 250px;
      height: 48px;
      background: #ea5455;
      border-radius: 50px;
    }
    .standout-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 14px Montserrat, sans-serif;
      color: #fffbfb;
      text-align: center;
      letter-spacing: 0.7px;
    }
    .pricing-section {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      padding-top: 38px;
      background: #f9f5eb;
    }
    .pricing-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 700 24px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
    }
    .landing-section {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      padding: 18px 14px 31px;
      justify-content: space-between;
      /*gap: 18px;*/
    }
    .svg-container1 {
      display: flex;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      z-index: 100;
    }
    .promo-card {
      box-sizing: border-box;
      display: flex;
      flex: 0 1 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      padding: 57px 3.25px 37px 4px;
      margin-left: -16px;
      background: white;
      border-radius: 10px;
      width: 77%;
    }
    .landing-image {
      box-sizing: border-box;
      display: block;
      flex: 0 0 auto;
      width: 108px;
      max-width: initial;
      height: 107px;
    }
    .landing-promo-text {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      margin-top: 26.5px;
      color: black;
      text-align: center;
    }
    .bold-blue-heading {
      font: 700 26px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
      letter-spacing: 0px;
    }
    .purple-heading-style {
      font: 500 22px Montserrat, sans-serif;
      color: #9310d0;
      text-align: center;
      letter-spacing: 0px;
    }
    .lead-conversion-text-styler {
      font: 400 18px Roboto, sans-serif;
      color: #002b5b;
      text-align: center;
      letter-spacing: 0px;
    }
    .call-to-action-section {
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      margin-top: 31.5px;
    }
    .order-button-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      width: 200px;
      height: 48px;
      background: #ea5455;
      border-radius: 50px;
    }
    .detailed-link {
      display: none;
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      margin-top: 18px;
      font: 400 14px Roboto, sans-serif;
      color: #8e8e8e;
      text-decoration-line: underline;
    }
    .svg-container2 {
      display: flex;
      flex: 0 0 auto;
      width: 32px;
      height: 32px;
      margin-left: -16px;
      z-index: 100;
    }
    .main-content-container1 {
      box-sizing: border-box;
      width: 100%;
      margin-top: 38px;
    }
    .central-flex-box-with-text-align-bottom {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 15px 29px 23px;
    }
    .hero-section1 {
      flex: 0 0 auto;
      padding-top: 175px;
    }
    .svg-container3 {
      display: flex;
      width: 14px;
      height: 14px;
      color: #ea5455;
    }
    .nested-group {
      margin-top: 29px;
    }
    .svg-container4 {
      display: flex;
      width: 14px;
      height: 14px;
      margin-top: 8px;
      color: #ea5455;
    }
    .content-block {
      flex: 0 1 auto;
      padding: 0;
      margin: 0;
      margin-left: -15px;
      color: #002b5b;
      text-align: left;
    }
    .vibrant-heading {
      font: 700 14px/18px Montserrat, sans-serif;
      color: #ea5455;
      text-align: left;
    }
    .professional-text-block {
      font: 400 14px/18px Roboto, sans-serif;
      text-align: left;
    }
    .highlighted-text-block {
      font: 700 14px/22px Montserrat, sans-serif;
      color: #ea5455;
      text-align: left;
    }
    .professional-text-styler {
      font: 400 14px/22px Roboto, sans-serif;
      text-align: left;
      padding: 0;
      margin: 0 0 20px 14px;
    }
    .professional-text-styler li {
      list-style-image: url(./assets/marker.png);
      margin: 7px 0 !important;
   }
   .professional-text-styler div {
      margin-top: -3px;
      position: absolute;
   }
    .project-workflow-container2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
      padding-top: 38px;
      background: #f9f5eb;
    }
    .project-workflow-container1 {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding: 26px 29px 28px 30px;
    }
    .project-workflow-container {
      flex: 0 0 auto;
      align-self: stretch;
    }
    .horizontal-flex-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100%;
    }
    .brief-section-container {
      justify-content: flex-start;
      margin-top: 9px;
    }
    /*.horizontal-flex-container:first-child {
      gap: 8px;
      justify-content: space-between;
      margin-top: 0px;
    }*/
    .vibrant-heading1 {
      flex: 0 0 auto;
      padding: 0;
      padding-top: 8px;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
      white-space: pre-wrap;
    }
    .project-brief-section {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      justify-content: flex-start;
    }
    .brief-section {
      flex: 0 0 auto;
    }
    .red-box-marker {
      box-sizing: border-box;
      width: 4px;
      background: #ea5455;
    }
    .brief-description-text-style {
      flex-basis: auto;
      flex-grow: 0;
      padding: 0;
      margin: 0;
      margin-left: 20px;
      color: #002b5b;
      text-align: left;
      /*white-space: pre-wrap;*/
    }
    .flex-row-with-spacing {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 20px;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      margin-top: 18px;
    }
    .prominent-heading {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
    }
    .vertical-divider {
      box-sizing: border-box;
      flex: 0 0 auto;
      width: 4px;
      height: 46px;
      background: #ea5455;
    }
    .brand-style-description {
      box-sizing: border-box;
      flex: 0 0 auto;
      max-width: 226px;
      padding: 0;
      margin: 0;
      color: #002b5b;
      text-align: left;
    }
    .flexible-row-layout {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 17.5px;
      align-items: flex-end;
      justify-content: flex-start;
      width: 100%;
      margin-top: 15px;
    }
    .standout-heading3 {
      flex: 0 0 auto;
      align-self: flex-start;
      padding: 0;
      padding-top: 8px;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
    }
    .content-wrapper {
      flex: 0 0 auto;
      padding-top: 4px;
    }
    .red-vertical-bar {
      box-sizing: border-box;
      width: 4px;
      height: 120px;
      background: #ea5455;
    }
    .content-block1 {
      flex: 0 1 auto;
      padding: 0;
      margin: 0;
      color: #002b5b;
      text-align: left;
    }
    .project-delivery-section {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      gap: 19px;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      margin-top: 13px;
    }
    .standout-heading2 {
      flex: 0 0 auto;
      padding: 0;
      padding-top: 8px;
      padding-bottom: 18px;
      margin: 0;
      font: 800 48px/28px Montserrat, sans-serif;
      color: #ea5455;
    }
    .project-description-container {
      flex: 0 0 auto;
      padding-top: 5px;
    }
    .red-stripe-vertical {
      box-sizing: border-box;
      width: 4px;
      height: 52px;
      background: #ea5455;
    }
    .project-description-text-style {
      box-sizing: border-box;
      flex: 0 0 auto;
      max-width: 226px;
      padding: 0;
      padding-bottom: 4.25px;
      margin: 0;
      font: 700 14px/18px Montserrat, sans-serif;
      color: #ea5455;
      text-align: left;
    }
    .product-description-text-style {
      flex: 0 0 auto;
      align-self: stretch;
      padding: 0;
      margin: 0;
      margin-top: 19px;
      font: 400 14px/18px Roboto, sans-serif;
      color: #002b5b;
      text-align: left;
    }
    .contact-info-container {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      margin-top: 18px;
    }
    .contact-info-container1 {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      height: 110px;
      padding-top: 10px;
      padding-right: 29px;
      padding-left: 30px;
    }
    .contact-info-section {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 500 14px/24px Montserrat, sans-serif;
      color: #002b5b;
      text-align: center;
    }
    .highlighted-text {
      font: 700 24px/24px Montserrat, sans-serif;
      color: #ea5455;
      text-align: center;
    }
    .blue-container {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
      padding-right: 29.5px;
      padding-bottom: 11px;
      padding-left: 29.5px;
      background: #002b5b;
    }
    .vertical-centered-column {
      display: none;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
    }
    .service-section-with-icon {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      /*min-width: 301px;*/
      height: 37px;
      border-bottom: 1px solid #00499b;
    }
    .service-title-text-style {
      flex: 0 0 auto;
      padding: 0;
      margin: 0;
      font: 500 14px Montserrat, sans-serif;
      color: white;
    }
    .svg-container5 {
      display: flex;
      flex: 0 0 auto;
      width: 12px;
      height: 12px;
    }
    .header-with-icon {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: row;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      /*min-width: 301px;*/
      height: 32px;
      border-bottom: 1px solid #00499b;
    }
    .vertical-centered-image-container {
      box-sizing: border-box;
      display: flex;
      flex: 0 0 auto;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-left: 12px;
    }
    .image-container {
      box-sizing: border-box;
      /*width: 104px;*/
      padding-top: 16.5px;
      padding-bottom: 6.5px;
    }
    .text-block-container {
      box-sizing: border-box;
      display: block;
      /*width: 100%;*/
      max-width: initial;
      height: 24.5px;
    }
    #desktop {
      display: none;
    }
    #mobile {
      display: block;
    }
}

.openModalBtn {
   cursor: pointer !important;
}