/**
* Custom CSS
* Use this file to override styles if you feel uncomfortable editing
* component stylesheets.
============================================================================ */
/* common styles */
.en .products-wrapper .content-products {
  flex-wrap: wrap !important;
}

/* /////////////// */
/* Variables*/
/* /////////////// */

:root {
  /* max Width for inner content container */
  --max-width: 1460px;

  /* Colors */
  --clr-white: #fff;
  --clr-violet: #792D82;
  --clr-dark-violet: #4D2965;
  --clr-greeny-yellow: #A2C96A;
  --clr-sea-green: #05999A;
  --clr-grass-green: #53B582;
  --clr-dark-blue: #0E5168;
  --clr-dark-blue: #0E5168;
  --clr-dark-blue: #0E5168;
}


.ja .products-wrapper .content-products {
  flex-wrap: nowrap !important;
  margin-bottom: 0px;
}

/* /////////////// */
/* Global styles */
/* /////////////// */

.outer-container {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.outer-container-grey {
  width: 100%;
  background-color: #E8E7E7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* /////////////// */
/* Container with 9 products */
/* /////////////// */

.ja #block-globaldatabase .block__inner {
  background: url(/themes/ceicdata/images/products/icon_global_database.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
  height: 500px;
}

.ja #block-worldtrendplus .block__inner {
  background: url(/themes/ceicdata/images/products/icon_World_Trend_Plus.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-premiumdb .block__inner {
  background: url(/themes/ceicdata/images/products/icon_Premium_Database.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-china-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_China_Premium_Database.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-india-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_India_Premium_Database.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-indonesia-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_Indonesia_Premium_Database.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-brazil-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_Brazil_Premium_Database.svg) no-repeat;
  /* themes\ceicdata\images\products\icon_Brazil_Premium_Database.svg */
  background-position: top;
  background-position-y: 28px;
}

.ja #block-russia-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_API.svg) no-repeat;
  background-position: top;
  background-position-y: 28px;
}

.ja #block-api-premium-database .block__inner {
  background: url(/themes/ceicdata/images/products/icon_API.svg) no-repeat;
  /* themes\ceicdata\images\products\icon_API.svg */
  background-position: top;
  background-position-y: 28px;
}

.ja #block-globaldatabase,
.ja #block-china-premium-database,
.ja #block-brazil-premium-database {
  background: #0E5168 !important;
}

.ja #block-worldtrendplus,
.ja #block-india-premium-database,
.ja #block-russia-premium-database {
  background: #792d82 !important;
}

.ja #block-premiumdb,
.ja #block-indonesia-premium-database,
.ja #block-api-premium-database {
  background: #53B582 !important;
}

.products-button {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  background: #D4D1D3;
  border: 1px solid #707070;
  color: #060606;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}



@media screen and (min-width: 768px) {
  .ja .homepage.block h2 {
    font-size: 30px !important;
    min-height: 84px !important;
    margin: 130px 0px 0px 0px !important;
    display: inline-grid;
  }
}

@media screen and (min-width: 1024px) {
  .ja .homepage.block h2 {
    font-size: 19px !important;
    min-height: 95px;
    font-weight: bold;
    margin: 107px 0px 0px 13px !important;
    letter-spacing: 0.9px !important;
    display: inline-grid;
  }
}



/* /////////////// */
/* Products color boxes #### My Version*/
/* /////////////// */

.products-color-boxes-button {
  bottom: 28px;
  background: #D4D1D3;
  border: 1px solid #707070;
  color: #060606;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 1.6rem;
}

.products-color-boxes-inner-container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
}

.products-single-color-box {
  width: 100%;
  height: 100%;
  color: white;
  padding: 0.8rem 2rem;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
}

.products-color-boxes-container-title {
  margin-bottom: 2rem !important;
}

.products-single-color-box p {
  text-align: left;
}

.products-single-color-box-title {
  text-align: center !important;
}

.products-single-color-box:hover a {
  text-decoration: none;
}

.products-single-color-box-01,
.products-single-color-box-04,
.products-single-color-box-07 {
  background: var(--clr-dark-blue);
}

.products-single-color-box-02,
.products-single-color-box-05,
.products-single-color-box-08 {
  background: var(--clr-violet);
}

.products-single-color-box-03,
.products-single-color-box-06,
.products-single-color-box-09 {
  background: var(--clr-grass-green);
}

.products-single-color-box-01 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_global_database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-02 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_World_Trend_Plus.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-03 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-04 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_China_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-05 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_India_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-06 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_Indonesia_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-07 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_Brazil_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-08 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_Russia_Premium_Database.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}

.products-single-color-box-09 .products-single-color-box-icon {
  background: url(/themes/ceicdata/images/products/icon_API.svg) no-repeat center;
  width: 10rem;
  background-position: top;
  background-position-y: 18px;
  height: 150px;
  margin: auto;
}



@media screen and (min-width: 1024px) {
  .products-color-boxes-inner-container {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
  }
}

@media screen and (min-width: 1424px) {
  .products-color-boxes-inner-container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .products-single-color-box {
    /* min-height: 560px; */
  }
}

/* /////////////// */
/* Container with 2 box choices */
/* /////////////// */

/* .products-two-choices-container {
  margin: 2rem 0;
} */

.products-title {
  font-size: 40px !important;
  line-height: 48px;
  color: #060606;
  margin-bottom: 2rem !important;
  text-align: center;
}

.products-two-choices-btn-text {
  color: #060606;
  font-size: 24px !important;
  line-height: 35px !important;
  text-decoration: underline;
  margin: 0;
  margin-right: 2rem;
  text-align: left;
  max-width: 80%;
}

.products-two-choices-btn-text:hover {
  color: #060606;
}

.products-two-choices-btn-container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2rem;
}

.products-two-choices-btn-single-container {
  width: 100%;
  height: 100%;
}

.products-two-choices-btn {
  background-color: white;
  color: #060606;
  height: 100%;
  border: 1px solid #707070;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  font-size: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 2rem;
  width: 100%;
  white-space: normal;
}

.products-two-choices-btn:hover {
  background-color: white;
}

.products-two-choices-btn-icon {
  background: url(/themes/ceicdata/images/products/icon-arrow.svg) no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
}

@media screen and (min-width: 1224px) {
  .products-two-choices-btn-container {
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
  }

  .products-two-choices-btn {
    height: 186px;
    margin-bottom: 0rem;
    margin: 0, 0.5rem;
  }

  .products-title {
    padding-top: rem;
  }
}


/* /////////////// */
/* Text container */
/* /////////////// */

.products-text-container {
  width: 80vw;
  max-width: 1200px;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.products-text-info {
  font-size: 25px !important;
}

/* /////////////// */
/* Grid items */
/* /////////////// */


.products-grid-items-container h3 {
  margin-bottom: 3rem;
  text-align: center;
}

.products-single-grid-item-title {
  text-align: center;
  margin-bottom: 1rem;
}

.products-single-grid-item-info {
  margin-bottom: 0;
  font-size: 18px;
}

.products-grid-items-inner-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 1rem;
}

.products-single-grid-item {
  background: #0E5168;
  color: white;
  padding: 1.5rem 1.2rem;
  width: 100%;
  height: 100%;
  /* min-height: 264px; */
}

@media screen and (min-width: 1225px) {
  .products-grid-items-inner-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 1425px) {
  .products-grid-items-inner-container {
    grid-template-columns: repeat(6, 1fr);
  }
}