/*
Color
Font Size
Font Color
Font Family


*/
/*********Color*********/
/*PageUp New Branding*/
/*********End Color*********/
/*********Font Size*********/
/*********End Font Size*********/
/*********Font Color*********/
/*********Font Family*********/
/*********End Font Color*********/
.cta-button-2025 {
  padding: 9px 20px;
  border-radius: 2rem;
  min-width: 7rem;
  width: auto;
}
#page {
  position: relative;
}
.horizontal_line {
  display: none;
}
.content_section h2,
.content_section p {
  text-align: left;
}
.banner .banner-btns .cta-button,
.cta-button,
.article-left .cta-button.darkblue {
  background: linear-gradient(132deg, #2E97FC 0%, #30B39F 100%);
  box-shadow: 0px 6px 20px 0 rgba(255, 255, 255, 0.45);
  padding: 15px 3rem;
  text-align: center;
}
/*********Dark theme*******/
body {
  /*#scrolling_white_logo {
    display: none;
  }
  #scrolling_navy_logo {
    display: block;
  }*/
}
body h1,
body h2,
body h3,
body h4,
body p,
body li,
body .inner-banner.banner .banner_content .title,
body .inner-banner.banner p {
  color: white;
}
.navbar-nav > .homepage-search-panel {
  display: none;
}
body:not(.bodyScrolling) .site-header {
  background: transparent;
}
.bodyScrolling .site-header {
  background: black;
}
@media (min-width: 1025px) {
  .navbar:not(.scrolling) .top-nav .navbar-nav .nav-link {
    color: white;
  }
}
.post-box .post-box-content .post-detail .title p {
  color: #1f1f1f;
}
.content_row_2022 h2 {
  color: white;
}
@media (min-width: 1025px) {
  .top-nav li .sub-menu .row_menu_item a .row_menu_desc {
    color: #1f1f1f;
  }
  #menu-main-menu li:first-child .sub-menu .menu_item_text_p {
    color: #1f1f1f;
  }
  .menu_item_text_p {
    color: #1f1f1f;
  }
}
/******End dark theme******/
body {
  overflow-x: hidden;
}
.bg_ballon {
  position: absolute;
  z-index: -1;
}
#bg_ballon_1 img {
  left: -43rem;
  top: -8rem;
}
#bg_ballon_2 img {
  right: -42rem;
  top: 122rem;
}
#bg_ballon_3 img {
  left: -37rem;
  bottom: 33rem;
}
body {
  background: #0C263F;
}
img {
  max-width: 100%;
  height: auto;
}
.bold_link {
  margin-top: 1rem;
  width: auto;
  border-radius: 10px;
  padding: 10px 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25em;
  display: inline-block;
  cursor: pointer;
  /* box-shadow: 0px 14px 29px 0px rgba(3, 36, 62, 0.13); */
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  letter-spacing: 0.5px;
  background: #0da1e2;
  background: linear-gradient(90deg, #0da1e2 0%, #31d48b 100%);
  color: white !important;
  border: none;
}
.content_cross {
  display: flex !important;
  margin: 20px auto;
  /*max-width: 700px;*/
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .content_cross {
    /*margin-left: 0px !important;*/
    /*flex-direction: column;*/
  }
}
.content_cross .content_big_heading {
  align-self: center;
  margin-right: -4rem;
  z-index: 999;
  padding: 7px 0px 13px;
  background: #0C263F;
  position: relative;
}
@media (max-width: 767px) {
  .content_cross .content_big_heading {
    /*text-align: center;*/
    /*margin-bottom: -12px;*/
    /*margin-right: 0px !important;*/
    /*padding: 0px 10px;*/
  }
}
.content_cross .content_big_heading p {
  font-size: 44px;
  margin-bottom: 0px;
}
.content_cross .content_big_heading video {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: left;
  border-radius: 50%;
  /* border: blanchedalmond; */
  /* border-radius: 50%; */
  border: 12px solid #2E97FC;
}
.content_cross .content_big_heading .play-icon {
  top: 50%;
  left: 50%;
}
@media (min-width: 768px) {
  .content_cross .content_big_heading .play-icon {
    display: none;
  }
}
.content_cross .content_big_heading .play-icon .fa-play {
  border-radius: 50%;
  background-color: white;
  color: #2E97FC;
}
.content_cross .content_big_heading .play-icon .fa-play:before {
  background: linear-gradient(132deg, #2E97FC 0%, #30B39F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  left: 12%;
}
.content_cross .gradient_color_border {
  width: auto;
  position: relative;
  padding: 2px;
  /*background:@pup_blue_2025;*/
  border: 3px solid #2E97FC;
  border-style: double;
  border-radius: 10px;
  /*box-shadow: 0px 4px 12px -1px #6e1fd6;*/
  background-size: 200%;
  animation: background_text_animation 2s infinite;
  animation-direction: alternate-reverse;
}
@media (max-width: 767px) {
  .content_cross .gradient_color_border {
    display: none;
  }
}
.content_cross .gradient_color_border .gradient_border_background {
  padding: 10px;
  background: #0C263F;
  padding: 30px 80px 30px 30px;
}
@media (max-width: 767px) {
  .content_cross .gradient_color_border .gradient_border_background {
    padding: 20px !important;
  }
}
.content_cross .gradient_color_border .gradient_border_background p {
  padding-left: 4rem;
  padding-left: 3rem;
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 700;
}
.content_cross .gradient_color_border .gradient_border_background p .play-icon {
  top: 50%;
  left: 100%;
}
.content_cross .gradient_color_border .gradient_border_background p .play-icon .fa-play {
  border-radius: 50%;
  background-color: white;
  color: #2E97FC;
}
.content_cross .gradient_color_border .gradient_border_background p .play-icon .fa-play:before {
  background: linear-gradient(132deg, #2E97FC 0%, #30B39F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  left: 12%;
}
@media (max-width: 767px) {
  .content_cross .gradient_color_border .gradient_border_background p {
    padding-left: 20px !important;
  }
}
@keyframes background_text_animation {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
.content_cross .fa-regular:before,
.content_cross .fa-solid:before {
  background: linear-gradient(90deg, #2aa3dd 0%, #78C191 50%, #F3965B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/****Banner**/
.banner.inner-banner {
  background-size: 32rem;
  padding: 1rem 0px;
  background-position: center right;
}
.inner-banner.banner .banner_content .title {
  font-size: 45px;
  line-height: 60px;
}
.banner .banner-btns {
  margin-bottom: 3rem;
}
/***End banner**/
/***********AI content blocks*****************/
@media (min-width: 992px) {
  .clinch_blog {
    margin-top: 0rem;
  }
}
.clinch_blog .content_number {
  font-size: 7rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
/*****Table of content****/
.guide_sidebar {
  position: sticky;
  top: 12rem;
  background: none !important;
  box-shadow: none;
}
.guide_sidebar .tol_title.active {
  color: #2E97FC;
  font-weight: 800;
}
.guide_table_of_content {
  /*scrollbar-color: @clinch_light_blue #f1f1f1; */
}
.guide_table_of_content::-webkit-scrollbar {
  width: 8px;
}
.guide_table_of_content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.guide_table_of_content::-webkit-scrollbar-thumb {
  /*background: @clinch_light_blue;*/
  border-radius: 10px;
}
.guide_table_of_content::-webkit-scrollbar-thumb:hover {
  /*background: @clinch_light_blue;*/
}
.guide_table_of_content {
  padding: 2rem 20px;
  box-shadow: 1px 3px 18px 3px #2e97fc94;
  /* background-color: #0C263F; */
  /* border-radius: 1rem; */
  /* border: 2px solid #0da1e233; */
  background: transparent;
  border: 3px solid #2E97FC;
}
.guide_table_of_content h2 {
  font-size: 1.7rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: #1d1d1d;
}
.chapter_list {
  padding-left: 0rem;
}
.chapter_list a {
  color: white;
}
.chapter_list a:hover {
  color: #0da1e2;
}
.chapter_list a:focus {
  color: #2E97FC;
}
@media (max-height: 790px) {
  .guide_table_of_content {
    /*overflow-y: scroll;*/
    /*max-height:14rem;*/
  }
}
/*****End Table of content****/
/*****Article content*****/
.article-pg .article-left .single-article .chapter_content {
  padding: 3rem 0px;
}
.article-pg .article-left .single-article .chapter_content#chapter1 {
  padding-top: 0px;
}
.article-pg .article-left .single-article .chapter_content#chapter3 {
  padding-bottom: 0px;
}
.article-pg .article-left .single-article .chapter_content#chapter5 {
  padding-bottom: 0px;
}
.article-pg .article-left .single-article h2 {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .article-pg .article-left .single-article {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .article-pg .article-left .single-article {
    /*margin-top:5rem;*/
  }
}
.article-pg .article-left .single-article .wrap-inner {
  /*max-width: 900px;
margin-right: 4rem;*/
}
.article-pg .article-left {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
}
.article-pg .article-left .single-article p img {
  margin: auto;
  height: auto;
}
/*****End Article content*****/
/****FAQ****/
.tab-content .tab-mainbox .tab-listing > ul > li {
  border: 1px solid white;
  padding: 30px;
  border-radius: 10px;
}
/****End FAQ****/
/***Related post***/
@media (min-width: 992px) and (max-width: 1200px) {
  .related_resources .post-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.related_resources .post-box .post-box-content .post-imgbox .ratio-img {
  padding-bottom: 8rem;
}
.related_resources .post-box .post-box-content .post-imgbox .ratio-img img {
  object-fit: cover;
  padding: 0px;
}
.related_resources .post-box .post-box-content .post-detail .title {
  color: #1d1d1d;
  font-size: 22px !important;
  line-height: 2rem;
}
/***End Related post***/
/*****************help 3 col******************/
.help_3_col_row p {
  text-align: center;
  font-size: 18px;
}
.help_3_col_row .row {
  justify-content: center;
}
.help_3_col_row .row .help_3_col_row_cell_box {
  padding: 40px 10px;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .help_3_col_row .row .help_3_col_row_cell_box {
    align-items: center;
  }
}
.help_3_col_row .row .help_3_col_row_cell_box h3 {
  text-align: center;
  margin-top: 3rem;
}
.help_3_col_row .row .help_3_col_row_cell_box p {
  text-align: center;
  margin-bottom: 0px;
}
.help_3_col_row .row .help_3_col_row_cell_box .icon_image_wrapper {
  height: 150px;
  margin: auto;
  margin-bottom: 20px;
  align-content: center;
  text-align: center;
}
.help_3_col_row .row .help_3_col_row_cell_box .icon_image_wrapper img {
  max-height: 100%;
  max-width: 125px;
}
@media screen and (max-width: 767px) {
  .help_3_col_row .help_3_col_row_cell {
    margin-bottom: 20px;
  }
}
/******************End help 3 col******************/
/***<!--PAGEUP Modiule buttons platform-->****/
.pageup_module_button_platform_block .module_box_icon {
  max-width: 500px;
}
.pageup_module_button_platform_block .module_button_platforms {
  margin-bottom: 4rem;
}
.pageup_module_button_platform_block .module_button_platforms .row {
  justify-content: center;
}
.pageup_module_button_platform_block .module_button_platforms .row .col-12 {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .pageup_module_button_platform_block .module_button_platforms .col-lg-4 .module_platform_button_wrapper {
    /*height: 80px;*/
  }
}
@media (min-width: 992px) {
  .pageup_module_button_platform_block .module_button_platforms .second_row_buttons .module_platform_button_wrapper {
    /*height: auto;*/
  }
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* width: 90%; */
  /* margin: auto; */
  /* background-color: white; */
  /* box-shadow: 0px 0px 5px 0px rgba(24, 24, 24, 0.38); */
  /* padding: 1rem; */
  /* border-radius: 10px; */
  /* height: 100%; */
  /* cursor: pointer; */
  /* padding-bottom: 0px; */
  margin: 10px 20px 10px;
  cursor: pointer;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper.active {
  transition: 1s ease;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper.active .module_button_platforms_button {
  color: white;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper.active .module_button_icon_color {
  display: none;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper.active .module_button_icon_white {
  display: inline;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper:hover .module_button_platforms_button {
  opacity: 0.7;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper .module_button_icon {
  width: 25px;
  max-height: 25px;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper .module_button_icon_white {
  display: none;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper .module_button_platforms_button {
  margin: 0px 10px;
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper_1 .module_button_platforms_button {
  /*color:var(--module_block_1);*/
}
.pageup_module_button_platform_block .module_button_platforms .module_platform_button_wrapper_1.active {
  /*background-color: var(--module_block_1);*/
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content {
  display: none;
  /*align-items: center;*/
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content.active {
  display: flex;
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content p {
  text-align: left;
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content h2 {
  text-align: left;
  margin-top: 40px;
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_images {
  /*align-self: center;*/
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_content_title {
  font-size: 18px;
}
.pageup_module_button_platform_block .module_button_platforms_contents_section .module_button_platforms_content .cta-button-1 {
  /*background-color: var(--module_block_1);*/
  /*border-color: var(--module_block_1);*/
  margin-right: 20px;
}
/***<!--End PageUP Modiule buttons platform-->****/
/***<!--PageUP Modiule secondarary buttons platform-->****/
.secondary_platform_block .module_button_platforms .module_platform_button_wrapper .module_button_platforms_button {
  color: #239ed7;
}
.secondary_platform_block .module_button_platforms .module_platform_button_wrapper.active {
  background-size: 100% 100%;
  transition: 1s ease;
}
.secondary_platform_block_3_col .pageup_module_content_container {
  margin-top: 5rem;
}
@media screen and (max-width: 991px) {
  .secondary_platform_block_3_col .pageup_module_content_container {
    margin-top: 3rem;
  }
}
.secondary_platform_block_3_col .module_button_platforms .module_platform_button_wrapper::after {
  content: "";
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  border-bottom: 3px solid #2E97FC;
  display: block;
  padding-top: 10px;
}
.secondary_platform_block_3_col .module_button_platforms .module_platform_button_wrapper.active .module_button_platforms_button {
  color: #2E97FC;
  font-weight: 800;
}
.secondary_platform_block_3_col .module_button_platforms .module_platform_button_wrapper.active::after {
  transform: scaleX(1);
}
.secondary_platform_block_3_col .module_button_platforms .module_platform_button_wrapper .module_button_platforms_button {
  color: #9EAFC0;
  text-wrap-mode: nowrap;
}
@media screen and (max-width: 991px) {
  .secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content {
    margin-bottom: 5rem;
    display: block;
  }
}
.secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .platform_small_heading {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
}
.secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content h2 {
  margin-top: 0px;
}
.secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_images {
  align-self: center;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_images {
    margin-top: 1rem;
  }
}
.secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_images img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_images img {
    max-width: 300px;
  }
}
@media screen and (max-width: 991px) {
  .secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_contents_section p,
  .secondary_platform_block_3_col .module_button_platforms_contents_section .module_button_platforms_content .module_button_platforms_contents_section h2 {
    text-align: center;
  }
}
/***<!--End PageUP Modiule secondadary buttons platform-->****/
/*****Two modules ********/
.two_modules_row {
  padding: 7rem 0px 0px;
}
@media (min-width: 1205px) {
  .two_modules_row .row {
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .two_modules_row .row {
    display: block;
  }
}
.two_modules_row .row .two_boxes_box {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  /*box-shadow: 0px 20px 50px 0 #1818181a;*/
  background: linear-gradient(180deg, #2E97FC 0%, #30B39F 100%);
  height: 100%;
  padding: 3rem 2rem;
  margin: auto;
}
.two_modules_row .row .two_boxes_box .cta-button.white-outline {
  border: none;
}
@media (max-width: 991px) {
  .two_modules_row .row .two_boxes_box {
    margin-bottom: 2rem;
  }
}
.two_modules_row .row .two_boxes_box .two_boxes_box_top {
  text-align: center;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.two_modules_row .row .two_boxes_box .two_boxes_box_top h2 {
  margin-bottom: 0px !important;
  color: white;
  /*text-align: left;*/
  font-size: 27px;
}
.two_modules_row .row .two_boxes_box .two_boxes_box_top img {
  max-width: 125px;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .two_modules_row .row .two_boxes_box .two_boxes_box_top img {
    /*display: none;*/
  }
}
.two_modules_row .row .two_boxes_box p {
  color: white;
  /*text-align: left;*/
}
.two_modules_row .row .two_boxes_box .two_boxes_cta {
  margin-top: auto;
  margin-bottom: 0px;
}
/*****End Two modules*****/
/***FAQ***/
.faq_section .title {
  margin-bottom: 40px;
}
.tab-content .tab-mainbox .tab-listing > ul {
  padding: 0;
  margin-bottom: 0;
}
.tab-content .tab-mainbox .tab-listing > ul > li {
  margin: 0 0 31px 0;
  display: block;
  cursor: pointer;
}
.tab-content .tab-mainbox .tab-listing > ul > li::before {
  content: '';
}
.tab-content .tab-mainbox .tab-listing > ul > li .faq_box .gradient_border_backgrund {
  padding: 25px 55px 25px 25px;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-title {
  position: relative;
  cursor: pointer;
  margin-bottom: 0px;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc {
  margin-top: 2rem;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc p {
  text-align: left;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc ol {
  list-style: decimal;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc ol li {
  display: list-item;
  font-size: 22px;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc ul {
  list-style: disc;
}
.tab-content .tab-mainbox .tab-listing > ul > li .tab-desc ul li {
  font-size: 22px;
}
.tab-content .tab-mainbox .tab-listing ul > li .tab-title::after {
  width: 10px;
  font-size: 20px;
  height: 6px;
  position: absolute;
  display: block;
  top: 11px;
  right: 0px;
  content: "\276E";
  transform: rotate(-90deg);
  font-weight: 600;
}
.tab-content .tab-mainbox .tab-listing ul > li.open .tab-title::after {
  right: -12px;
  transform: rotate(90deg);
}
/*******End faq*******/
/***********End AI content blocks*****************/