#skyward__top-wrapper {
    position: relative;
    height: 100vh;
    background: -o-linear-gradient(270.38deg, #0f072c 0, #1762bb 100%);
    background: linear-gradient(179.62deg, #0f072c 0, #1762bb 100%);
    -webkit-clip-path: circle(850px at 50% calc(100% - 864px));
    clip-path: circle(850px at 50% calc(100% - 864px))
}
#skyward__phones-section {
    position: relative
}
#skyward__phones-section .phones__circle-1 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}
#skyward__phones-section .phones__circle-2 {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0
}
#skyward__challenge-section {
    position: relative
}
#skyward__challenge-section .skyward__challenge-img {
    position: absolute;
    right: 0;
    top: 0
}
#skyward__challenge-section .skyward__color-1 h4 {
    color: #004f6b
}
#skyward__challenge-section .skyward__color-2 h4 {
    color: #b7c0c4
}
#skyward__challenge-section .skyward__color-3 h4 {
    color: #73868f
}
#skyward__solution-section {
    position: relative
}
#skyward__solution-section .skyward__solution-circle-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}
#skyward__solution-section .skyward__solution-circle-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}
@media screen and (max-width:768px) {
    #skyward__top-wrapper {
        height: 50vh
    }
    .phones__circle-1, .phones__circle-2 {
        width: 25%
    }
    .skyward__challenge-img {
        display: block
    }
    .skyward__solution-img {
        width: 100%
    }
    .skyward__solution-circle-1 {
        width: 25%;
        bottom: 20%;
        top: auto!important
    }
    .skyward__solution-circle-2 {
        width: 30%
    }
    .skyward__hexagon-impacts {
        margin-top: 2em
    }
}
.info-title {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 2.688rem;
    word-break: inherit;
    white-space: nowrap;
    padding: 15px 0 15px 25px;
    margin: 0;
    background-image: url(../images/dist/info-bg-title.png);
    background-repeat: no-repeat;
    background-position: 0 0
}
.hexagon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 138px;
    height: 79.67px;
    background-color: #fff;
    margin: 25px 7px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    transition: transform .3s ease-in-out, background-color .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.hexagon-wrapper {
    width: 26rem
}
.hexagon-1 {
    margin-top: 9rem
}
.hexagon-2 {
    margin-left: -1rem
}

.hexagon-3 {
    margin-top: 1.1rem;
    margin-left: .9rem
}
.hexagon:hover {
    -webkit-transform: scale(.92);
    -ms-transform: scale(.92);
    transform: scale(.92);
    background-color: #e5f6ff
}
.hexagon::after, .hexagon::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 97.58px;
    height: 97.58px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    -ms-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 20.2096px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2)
}
.hexagon::before {
    top: -48.7904px
}

.hexagon::after {
    bottom: -48.7904px
}
.hexagon span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    height: 79.6743px;
    z-index: 2;
    background: inherit
}
.show__mobile {
    display: none
}
.about__row h3 {
    font-family: Montserrat, sans-serif;
    font-size: 43px;
    font-weight: 400;
    letter-spacing: 0;
    background-image: url(../../images/case-studies/square_big_grey.png);
    background-position: px 0;
    background-repeat: no-repeat;
    padding: .4em .6em
}
#skyward__top-wrapper {
  height: 850px;
  clip-path: circle(1420px at 50% calc(100% - 1430px));
}
@media screen and ( max-width: 2560px ) {
  #skyward__top-wrapper {
    height: 1200px;
  }
}
@media screen and ( max-width: 2000px ) {
  #skyward__top-wrapper {
    height: 1000px;
  }
}
@media screen and ( max-width: 1800px ) {
  #skyward__top-wrapper {
    height: 1000px;
  }
}
@media screen and (max-width: 1550px) {
  .skyward__hexagon-impacts {
      max-width: 24em;
      margin: 0 auto;
      align-content: center;
  }
}
@media screen and (max-width: 1200px) {
    .skyward__hexagon-impacts {
        max-width: 30em!important;
        margin: 0 auto;
        align-content: center;
        width: 100%;
    }
}
@media screen and ( max-width: 768px ) {
    .skyward__hexagon-impacts {
        max-width: 30em;
        margin: 0 auto;
        align-content: center;
        width: 100%;
    }
}
@media screen and (max-width: 425px) {
    .skyward__hexagon-impacts {
        min-width: 373px !important;
        transform: scale(.9);
        margin-left: -3em;
    }
}
.headimg{
    max-width: 60%;
}
.top__wrapper-div {
  position: absolute!important;
  left: 0%;
  right: 0;
  bottom: 0%;
}
#skyward__top-wrapper h1 {
  margin-top: 4em!important;
  font-weight: 500;
}
#skyward__challenge-section .skyward__challenge-img {
  right: -9%!important;
}
#skyward__solution-section .skyward__solution-circle-1 {
  top: 15%;
}
#skyward__solution-section .skyward__solution-circle-2 {
  width: 20%;
}
.skyward__solution-circle-2 img {
  width: 100%;
}
#skyward__top-wrapper h1 {
  font-size: 43px;
  font-weight: 400;
}
.hexagon-no-hover:hover {
  background-color: white!important;
  transform: scale(1)!important;
}
.hexagon-no-hover:hover:after {
  background-color: white!important;
}
#skyward__top-wrapper h1 {
  margin-top: 1.5em!important;
}
@media screen and ( max-width: 1024px ) {
  #skyward__top-wrapper {
    height: 800px;
  }
  #skyward__top-wrapper h1 {
    margin-top: 3em!important;
  }
  .top__wrapper-div img {
    margin-bottom: 0em!important;
  }
  #skyward__impact-section .container {
    padding-top: 0em!important;
  }
  #skyward__solution-section .container {
    padding-bottom: 0em!important;
  }
  .skyward__color-1 img,
  .skyward__color-2 img,
  .skyward__color-3 img {
    width: 70%;
  }
}
@media screen and ( max-width: 768px ) {
  #skyward__top-wrapper {
    height: 75vh;
  }
  .skyward__color-1 img,
  .skyward__color-2 img,
  .skyward__color-3 img {
    width: 60%;
  }
  #skyward__solution-section,
  #skyward__solution-section .container {
    padding-top: 0em!important;
  }
  #skyward__challenge-section .container {
    padding-bottom: 0em!important;
  }
  #skyward__top-wrapper .container {
    padding-top: 0em!important;
  }
  #skyward__top-wrapper h1 {
    margin-top: 0em!important;
    margin-bottom: 0em!important;
  }
  .skyward__hexagon-impacts {
    transform: scale(0.8);
  }
  #skyward__top-wrapper {
    height: 500px!important;
  }
  .skyward__colors {
    justify-content: center;
  }
}
@media screen and ( max-width: 600px ) {
  .skyward__hexagon-impacts {
    transform: scale(0.7);
    margin-top: -1em;
  }
  #skyward__top-wrapper {
    height: 600px!important;
  }
  .headimg {
    width: 100%;
    max-width: 100%;
  }
}