@charset "utf-8";
/* CSS Document */

/* IvyMode
-------------------------------------------------*/
@font-face {
  font-family: 'IvyMode';
  src: url('../fonts/IvyMode-Light.ttf');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'IvyMode';
  src: url('../fonts/IvyMode-LightItalic.ttf');
  font-style: italic;
  font-weight: 200;
}

h1 {text-transform:uppercase; font-size:40px;}
h1 > em {text-transform:none; font-family:'IvyMode', sans-serif; font-weight:300; font-size:24px; font-style:italic;}
.page-content h2 {font-family:'IvyMode', sans-serif; font-weight:300; font-size:40px; line-height:130%; letter-spacing:1px; margin-top:30px;}
.page-content h5 {color:#908C9C; font-size:18px;}
.page-content small {color:#908C9C; font-size:100%;}

p + h3 {margin-top:30px;}

.sun-gha-logo-margin {margin-top:150px; margin-bottom:150px;}

@media (min-width : 768px) {
  h1 {font-size:60px;}
  h1 > em {font-size:40px;}
  .page-content h2 {margin-top:0;}
}

.gha-purple-gradient {background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(180deg, #300B5C 0%, #F69B6F 100%); box-shadow: 0px 5px 30px rgba(245, 197, 164, 0.3);}
.gha-blue-gradient {background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(180deg, #094F7F 0%, #8BBCD9 100%); box-shadow: 0px 5px 30px rgba(208, 232, 231, 0.3);}
.gha-light {background-color:#F8F7FA;}

.gha-light-blue {background-color:#8BBCD9;}
.gha-dark-blue {background-color:#3F7498;}
.gha-purple-blue {background-color:#300B5C;}

.gha-custom-padding {padding:50px 40px;}

.gha-step {position: relative; color: #ffffff; display: inline-block; margin: 0 auto; width: 72px; text-align: center;}
.gha-step span {font-family:'IvyMode', sans-serif; font-size:40px; line-height:72px; z-index:3; position:relative;}
.gha-step:before {content:'';
      display:inline-block;
      width:72px; height:72px;
      border-radius:50%;
      position:absolute;
      z-index:1;
      top:0; left:0;
      background: linear-gradient(180deg, #605C8A -6.94%, #C5D9DE 72.71%, #D3EAE9 100%);}


.page-content .border-top {border-top:1px solid #FAF1F5;}
.page-content .border-bottom {border-bottom:1px solid #FAF1F5;}

.img-shadow {box-shadow: 0px 5px 30px rgb(48 11 92 / 10%);}

/* btn */
.page-content a.btn.btn-link {color: #094F7F; font-weight:600;}
.page-content .btn.btn-link:before {display:none;}
.page-content .btn.btn-link:after {
    content: "\e919";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
    display: inline-block;
    font-size:11px;}

/* comparison table */
.gha-comparison {max-width:360px; margin:0 auto;}
.gha-comparison tr th {background-color:transparent; color:#908C9C;}
.gha-comparison tr th h5 {text-transform:uppercase; font-size:20px; font-weight:600;}
.gha-comparison .gha-card-title {padding:10px; background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 16.15%); vertical-align:top;}
.gha-comparison tr th em {text-transform:none; font-size:11px; font-weight:400;}

.gha-comparison td, .gha-comparison th {padding:12px 15px; border-bottom:2px solid #ffffff; border-right:15px solid #ffffff; vertical-align:middle; line-height:120%;}

.gha-comparison .gha-silver {background-color:#f5f7f9; color:#B7C8D5; font-weight:700; text-align:center;}
.gha-comparison .gha-gold {background-color:#faf2e8; color:#DA9F59; font-weight:700; text-align:center;}
.gha-comparison .gha-platinum {background-color:#ecedee; color:#757C83; font-weight:700; text-align:center;}
.gha-comparison .gha-titanium {background-color:#e0e0e4; color:#141432; font-weight:700; text-align:center;}

@media (min-width : 768px) {
  .gha-comparison {max-width:none;}
  .gha-comparison tr:nth-child(even) td.gha-silver, .gha-card-title.gha-silver {background-color:#fafbfc;}
  .gha-comparison tr:nth-child(even) td.gha-gold, .gha-card-title.gha-gold {background-color:#fcf8f3;}
  .gha-comparison tr:nth-child(even) td.gha-platinum, .gha-card-title.gha-platinum {background-color:#f5f6f6;}
  .gha-comparison tr:nth-child(even) td.gha-titanium, .gha-card-title.gha-titanium {background-color:#efeff1;}

}

.gha-check {
    width: 12px;
    height: 16px;
    display: inline-block;
    background-color: #B7C8D5;
    border-top-right-radius: 8px; border-bottom-right-radius: 8px;}

.gha-gold .gha-check {background-color:#DA9F59;}
.gha-platinum .gha-check {background-color:#757C83;}
.gha-titanium .gha-check {background-color:#141432;}

/* comparison mobile */
.gha-comparison ul {padding: 10px 40px 20px;}
.gha-comparison ul li {list-style: none; position: relative;}
.gha-comparison ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 10px;
    background-color: #B7C8D5;
    position: absolute;
    left: -17px;
    top: 8px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;}

.gha-comparison .gha-gold ul li:before {background-color:#DA9F59;}
.gha-comparison .gha-platinum ul li:before {background-color:#757C83;}
.gha-comparison .gha-titanium ul li:before {background-color:#141432;}