/*** font ***/
@font-face {
  font-family: 'Rubik-Regular';
  src: url("../fonts/Rubik/Rubik-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Italic';
  src: url("../fonts/Rubik/Rubik-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Medium';
  src: url("../fonts/Rubik/Rubik-Medium.ttf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Rubik-Bold';
  src: url("../fonts/Rubik/Rubik-Bold.ttf");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Light.ttf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'SourceSansPro-italic';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

/*** font ***/
.google-cloud .banner-info-container {
  padding-top: 157px;
  padding-bottom: 157px; }
  .google-cloud .banner-info-container .banner-title {
    font-size: 55px;
    line-height: 137%; }

.google-cloud .banner-img-container img {
  max-width: 569px; }

/*** what google cloud platform ***/
.what-google-cloud-platform {
  padding-top: 149px;
  padding-bottom: 65px; }
  .what-google-cloud-platform .what-google-cloud-platform-img-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%; }
    .what-google-cloud-platform .what-google-cloud-platform-img-container img {
      max-width: 380px; }
  .what-google-cloud-platform .what-google-cloud-platform-content-container p {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    color: #515151;
    margin-bottom: 15px; }
    .what-google-cloud-platform .what-google-cloud-platform-content-container p b {
      font-weight: 600;
      font-size: 20px; }

/*** what google cloud platform ***/
.included-software-products {
  padding-top: 149px;
  padding-bottom: 65px;
  background: #F6FCFE; }
  .included-software-products .section-title .shadow-title-section {
    color: #ffffff;
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .included-software-products .subinfo-container {
    margin-bottom: 30px; }
    .included-software-products .subinfo-container p {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
      color: #515151; }
  .included-software-products .collapse-included-content-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: #E4F6FC;
    padding: 18px 30px; }
    .included-software-products .collapse-included-content-header .icons {
      width: 60px;
      height: 55px; }
    .included-software-products .collapse-included-content-header .title-included {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      text-transform: uppercase;
      color: #183D85;
      margin: 0 15px; }
    .included-software-products .collapse-included-content-header .header-decription {
      font-weight: normal;
      font-size: 18px;
      line-height: 150%;
      color: #515151;
      text-transform: initial; }
  .included-software-products .collapse-included-text-content {
    padding: 35px 65px 50px 65px;
    background: #ffffff; }
    .included-software-products .collapse-included-text-content h5 {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      text-transform: uppercase;
      color: #515151;
      margin-bottom: 15px;
      margin-top: 30px; }
    .included-software-products .collapse-included-text-content p {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      color: #515151;
      margin-bottom: 40px; }
    .included-software-products .collapse-included-text-content .collapse-included-text-content-img {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }
      .included-software-products .collapse-included-text-content .collapse-included-text-content-img img {
        max-width: 190px; }
    .included-software-products .collapse-included-text-content .list-margin {
      margin-right: 95px; }
  .included-software-products #cloud-pub-sub-btn p,
  .included-software-products #bigTable p,
  .included-software-products #compute-engine p,
  .included-software-products #google-genomics p,
  .included-software-products #cloud-datastore p {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 170%;
    color: #515151;
    margin-bottom: 0; }
  .included-software-products .container.button-container-included {
    display: flex;
    flex-direction: column; }
  .included-software-products .accordion-custom-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: #EDF9FD;
    border-left: 4px solid transparent;
    padding: 14px 30px;
    margin-bottom: 20px; }
    .included-software-products .accordion-custom-btn .icons {
      width: 55px;
      height: 50px; }
    .included-software-products .accordion-custom-btn .title-included {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 160%;
      text-transform: uppercase;
      color: #515151;
      margin: 0 17px; }
  .included-software-products .accordion-custom-btn.active {
    background: #DAF3FB;
    box-shadow: 3px 3px 5px #DAF3FB;
    border-left: 4px solid #2CAAF2; }
    .included-software-products .accordion-custom-btn.active .title-included {
      font-size: 18px;
      color: #183D85; }
  .included-software-products [data-toggle="collapse"] .icon-drop:before {
    content: "";
    display: block;
    width: 11px !important;
    height: 11px !important;
    background: url("../img/icons/arrrow-up.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center center !important; }
  .included-software-products [data-toggle="collapse"].collapsed .icon-drop:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: url("../img/icons/arrow-right.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center center !important; }
  .included-software-products .accordion-mob .card-body {
    background: #ffffff; }

.cloud-header-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  background: #2CAAF2;
  font-family: "SourceSansPro-Regular";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  color: #ffffff; }
  .cloud-header-btn:hover {
    text-decoration: none !important;
    background: #2CAAF2 !important;
    color: #ffffff; }
  .cloud-header-btn h5 {
    margin-left: 15px;
    margin-bottom: 0; }
  .cloud-header-btn svg {
    width: 50px;
    height: 50px; }
  .cloud-header-btn .icon-drop {
    position: absolute;
    right: 15px;
    top: calc(50% - 5.5px); }
  .cloud-header-btn .svg-white {
    fill: #2CAAF2; }
  .cloud-header-btn .svg-blue {
    fill: #ffffff; }

.cloud-header-btn.collapsed {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  background: #F6FCFE !important;
  font-family: "SourceSansPro-Regular";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-transform: uppercase;
  color: #515151;
  border-radius: 0 !important;
  text-decoration: none !important; }
  .cloud-header-btn.collapsed:hover {
    text-decoration: none !important; }
  .cloud-header-btn.collapsed .svg-white {
    fill: #ffffff; }
  .cloud-header-btn.collapsed .svg-blue {
    fill: #4285F4; }
  .cloud-header-btn.collapsed:hover {
    text-decoration: none; }

/*** BENEFITS ***/
.google-cloud-benefits-section {
  padding-top: 130px;
  padding-bottom: 65px; }
  .google-cloud-benefits-section .google-cloud-benefits-section-content h2, .google-cloud-benefits-section .google-cloud-benefits-section-content h3, .google-cloud-benefits-section .google-cloud-benefits-section-content h4, .google-cloud-benefits-section .google-cloud-benefits-section-content h5 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 26px; }
  .google-cloud-benefits-section .google-cloud-benefits-section-content .list-container li b {
    font-size: 20px; }
  .google-cloud-benefits-section .google-cloud-benefits-section-img {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .google-cloud-benefits-section .google-cloud-benefits-section-img img {
      max-width: 347px; }

/*** BENEFITS ***/