@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz@6..12&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* Background Box */
.background-box {

  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: left;
  text-align: start ;
}

.get-started-text {
  color: #323434;
  font-size: 24px;
  font-family: 'Nunito Sans'!important;
  margin-bottom: 10px;
}

.zeotap-text {
  color: #1065DB;
  font-family: 'Nunito Sans'!important;
  font-size: 36px;
}

.sub-text {
  color: #646868;
  font-family: 'Nunito Sans'!important;
  font-size: 16px;
}

/*Hovering effect for Get started text*/

.hover-effect:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* New section */
.getStarted {
  background: #fff;
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
  display: flex;
  flex-direction: column;
  align-items: left; /* Updated alignment to left */
  margin-block-start: 10px ;margin-inline-end: 10px ;margin-block-end: 10px ;margin-inline-start: 10px ;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  text-align: start ;
  width: 400px;
}

.getStarted-heading {
  color: #1066DC;
  font-family: 'Nunito Sans'!important;
  font-size: 24px;
  margin-bottom: 20px;
}

.getStarted-row {
  display: flex;
  align-items: start;
  margin-top: 15px;
  margin-inline-start: 230px ;
}

.getStarted:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.getStarted a {
  text-decoration: none;
  color: #646868;
  font-weight: bold;
  font-family: 'Nunito Sans'!important;
  margin-top: 10px;
}

.getStarted img {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}

.getStarted-description {
  font-size: 14px;
  font-family: 'Nunito Sans'!important;
  color: #646868;
}

.top-intro-text {
  font-size: 16px;
   color: #646868;
  font-family: 'Nunito Sans'!important;
  margin-inline-start: 200px ;
  margin-top:35px
}

/* New section */
.module {

  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
}

.module-heading {
  color: #323434;
  font-size: 24px;
  margin-bottom: 10px;
}

.module-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;

}

.module {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-block-start: 10px ;margin-inline-end: 10px ;margin-block-end: 10px ;margin-inline-start: 10px ;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  border-radius: 5px;
  cursor: pointer;
  text-align: start ;
  width: 400px;
}

.module:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.module a {
  text-decoration: none;
  color: #1066DC;
  font-family: 'Nunito Sans'!important;
  margin-top: 10px;
  margin-bottom: 20px;

}

.module img {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}

.module-description {
  font-size: 14px;
  font-family: 'Nunito Sans'!important;
  color: #646868;
}


/* Zeotap CDP Heading */
.cdp-heading {
  color: #323434;
  font-size: 20px;
  font-family: 'Nunito Sans'!important;
  margin-block-start: 0 ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
  margin-bottom: 20px;
}

/* Release Notes Section */
.release-notes-section {
  margin-top: 30px;
  text-align: center;
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
}

.release-notes-image {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}

.release-notes-text {
  color: #333;
  font-size: 16px;
  font-family: 'Nunito Sans'!important;
  margin-bottom: 0;
}

.release-notes-link {
  color: #1065DB;
  text-decoration: none;
  font-weight: bold;
}

/* Do More with Zeotap Section */
.do-more-section {
  background: linear-gradient(180deg, rgba(16, 101, 219, 0.08) -35.52%, rgba(16, 101, 219, 0) 111.28%);
  padding-block-start: 20px ;padding-inline-end: 20px ;padding-block-end: 20px ;padding-inline-start: 20px ;
  padding-bottom:50px !important;
}

.do-more-heading {
  color: #323434;
  font-size: 24px;
  font-family: 'Nunito Sans'!important;
  margin-bottom: 20px;
}

.module-row-do-more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 3px;

}

.module-do-more {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-block-start: 10px ;margin-inline-end: 10px ;margin-block-end: 10px ;margin-inline-start: 10px ;
  padding-block-start: 10px ;padding-inline-end: 10px ;padding-block-end: 10px ;padding-inline-start: 10px ;
  background-color: linear-gradient(180deg, rgba(16, 101, 219, 0.08) -35.52%, rgba(16, 101, 219, 0) 111.28%);
  border-radius: 5px;
  cursor: pointer;
  text-align: start ;
  width: 400px;
}

.module-do-more:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.module-do-more a {
  text-decoration: none;
  color: #1066DC;
  font-weight: bold;
  font-family: 'Nunito Sans'!important;
  margin-top: 10px;
  margin-bottom: 20px;

}

.module-do-more img {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}

.module-description-do-more {
 font-size: 14px;
  font-family: 'Nunito Sans'!important;
  color: #646868;
}

.do-more-section{
  padding-bottom: 80px;
}

/* Footer */

.footer
{
  min-height: 115px;
  background: #646868;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-block-start: 0 ;padding-inline-end: 82px ;padding-block-end: 0 ;padding-inline-start: 82px ;
  font-size: 13px;
  font-family: 'Nunito Sans'!important;
  margin-top: auto;
}

.footer a
{
  color: #fff !important;
  margin-inline-start: 25px ;
}

.footer a:hover
{
  color: #0074FF !important;
}

.footer:after
{
  content: "";
  display:block;
  clear:both;
}

.Home_customContent {
    background: url('/resources/Storage/Latest Support layout-final.png');
    background-size: 100%;
    background-position-y: -80px;
}

.wrapper{
  padding-top: 20px;
  padding-inline-start: 50px ;
}
.CHBlock_richTextContent, .CHBlock_container * {font-family: 'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;}