/* Overriding bootscrape.css */
:root {
  /* 2023-02-22 (scherring.chong) Removed to speed up rendering */
  --font-family-sans-serif: sans-serif;
  /* 2023-02-22 (scherring.chong) Removed to speed up rendering */
  --conbiz-font-sans-serif: sans-serif;
  --conbiz-heading-font-family: sans-serif;
}

body {
  color: #222222;
  line-height: 1.2;
  /* 2024-03-03 (scherring.chong) Default font size should have at least 1rem for mobile */
  /* font-size: 0.9rem; */
  font-size: 1rem;
}

ul.menu > li > a {
  font-size: 1rem;
}

/*
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

ol, ul, dl {
  margin-bottom: 8rem;
}
*/

h1, .title.lheight-70.fsize-58.fweight-700, text-black {
  color: #061671;
}

h2 {
  font-size: 1.2rem;
}

div.adc-rsptabs-0 > div > ul > li.tab-active,
div.adc-rsptabs-440 > div > ul > li.tab-active,
div.adc-rsptabs-576 > div > ul > li.tab-active,
div.adc-rsptabs-768 > div > ul > li.tab-active {
  color: #FFFFFF;
  background-color: #F69220;
  border: 3px solid rgb(246, 146, 32);
  font-weight: bold;
}


/* Download Page Responsive Banner */

.mobile-hero {
  display: none;
}

@media screen and (max-width: 480px) {
  .mobile-hero {
    display: block;
  }
 .desktop-banner-responsive {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .mobile-responsive-banner {
    display: none;
  }
}


.desktop-banner-responsive {
  display: block;
}

@media screen and (max-width: 480px) {
  .desktop-banner-responsive {
    display: none;
  }
}


/* Pricing Page Responsive Table */

.pricing-mobile-table {
  display: none;
}


@media screen and (max-width: 480px) {
  .pricing-mobile-table {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .pricing-responsive-table  {
    display: none;
  }
}

  .pricing-responsive-table {
    display: block;
  }



/* Overriding sliderlayer.css */
.gavias_sliderlayer .small-text, #gavias_slider_single .small-text {
  font-size: 26px;
}

/* Overriding template.css */
.topbar-information .fa-question::before {
  margin-right: 4px;
}

.topbar-information .fa-whatsapp::before {
  margin-left: 10px;
}

.topbar-information i.fa.fa-question {
  margin-right: -2px;
}

.topbar-information i.fab.fa-whatsapp {
  margin-right: 3px;
}

.hero-banner-tagline {
   color: #061671;
}

.topbar {
  padding: 5px 0;
  letter-spacing: 0.15rem;
}

.topbar .topbar-content-inner {
  padding-left: 1px;
}

.topbar .topbar-content-inner .topbar-content {
  width: 100%;
}

.topbar .topbar-content-inner .topbar-right {
  padding-right: 20px;
  position: relative;
}

/* 2024-11-01 (scherring.chong) When showing language dropdown under finance pages, push the search icon to the left */
.finance .topbar .topbar-content-inner .topbar-right {
  padding-right: 129px;
}

.finance .container .row {
  margin-right: -5px;
  margin-left: -5px;
}
/*
ul.dropdown-language-item {
  display: none;
  visibility: hidden;
}
*/

.topbar-information ul li {
  float: left;
  padding-left: 5px;
}

.topbar a:hover, .topbar a:focus {
  color: #f94d1c;
}

.block-views > .block-content {
  padding-top: 5px;
}

.block-dropdown-language .dropbutton-wrapper ul.dropbutton {
  position: relative;
}

ul.dropdown-language-item {
  width: 124px;
}

/*
.block-dropdown-language .dropbutton-wrapper ul.dropbutton > li {
  z-index: -1;
}
*/

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 0em;
}

li.dropbutton-toggle {
  left: 10px; 
  width: 105px;
  height: 47px;
}

li.dropbutton-toggle .dropbutton-arrow {
  right: 0px;
}

.block-dropdown-language .dropbutton-wrapper ul.dropbutton::after {
  top: 5px;
  left: 15px;
}  

.header-default .container .row .col-12 {
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: 0rem;
}

ul.menu > li {
  position: relative;
  padding: 6px 0 6px;
  list-style-type: none;
}

/* [Start] 2024-06-17 (scherring.chong) Change menu text color when mouse over menu item */
.sidebar .block-menu ul li.menu-item--active-trail > a,
.navigation .gva_menu > li.menu-item--active-trail > a ,
.navigation .gva_menu > li > a.is-active,
.navigation .gva_menu > li:hover > a ,
.navigation .gva_menu > li > a:hover,
.navigation .gva_menu > li > a::after,
.navigation .gva_menu > li > a:active,
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover,
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {
  color: #CC3300 !important;
}
/* [End] 2024-06-17 (scherring.chong) Change menu text color when mouse over menu item */

header .site-branding-logo {
  padding: 0px 0;
}

header .header-main {
  background-color: #fff;
}

header.header-default .stuck {
  background: #fff;
}

header.header-default .header-button {
  width: 0%;
}

header.header-default .branding {
  width: 60%;
}

header.header-default .main-menu {
  width: calc(100% - 60%);
  /* [Start] 2024-09-17 (scherring.chong) Don't align main menu to the right. */
  /* text-align: center; */
  /* [End] 2024-09-17 (scherring.chong) */
}

/* [Start] 2024-09-17 (scherring.chong) Align only finance menu to the right. */
.finance header.header-default .main-menu {
  text-align: right;
}
/* [End] 2024-09-17 (scherring.chong) */

/* [Start] 2024-11-01 (scherring.chong) Hide free trial button on mobile menu for finance pages */
.finance .main-menu-inner .btn-gray-mobile {
  display: none;
  visibility: hidden;
}
/* [End] 2024-11-01 (scherring.chong) */

.node .header-title {
  display: none;
  visibility: hidden;
}

.button, .btn, .btn-white, .btn-theme, .btn-theme-second, .btn-theme-submit, .btn-gray {
  /* padding: 12px 30px; */
  font-size: 20px
}

.btn-gray {
  display: none;
  visibility: hidden;
}

div.btn-gray-mobile {
  padding-left: 55px;
  padding-right: 55px;
  text-align: center;
}

div.btn-gray-mobile > a {
  display: block;
  visibility: visible;
  padding: 8px 2px;
  background: #40c5f1;
  color: #ffffff;
  background: #30b5e1;
  padding: 19px;
  border: 2px solid #30b5e1;
  border-radius: 8px;
  -moz-border-radius: 15px;
  font-size: 25px;
}

div.btn-gray-mobile > a > span::after {
  content: " \f101";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  color: #000;
  background: var(--conbiz-theme-color);
  border-color: var(--conbiz-theme-color);
}

a.btn-theme {
  font-size: 1.1rem;
  padding: 10px 10px;
  width: fit-content;
}

.text-black {
  color: #015691 !important;
}

/* (scherring.chong) Overriding the menu height */
.navigation .gva_menu > li > a,
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
  font-size: 1.05rem;
  padding: 35px 15px;
  color: #000;
}

.navigation .gva_menu > li.menu-item--active-trail > a {
  color: #f69220;
}

.navigation .gva_menu > li > a:hover,
.navigation .gva_menu > li > a:after, 
.navigation .gva_menu > li > a:active {
  color: #015691;
}

.navigation .gva_menu > li > a:hover,
.navigation .gva_menu .sub-menu > li > a:hover {
  text-decoration: underline;
}


.navigation .gva_menu .sub-menu > li {
  padding: 8px 0;
}

.navigation .gva_menu .megamenu > .sub-menu > li > a, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > a {
  font-size: 1rem;
  font-weight: 700;
}

.navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li, .navigation .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu li {
  padding-top: 6px;
  margin-bottom: 0;
}

.sidebar-inner .gva-navigation > .gva_menu_main > li {
}

.post-list-small-2 .post-block .post-meta {
  color: #666666;
}

.post-list-small-2 .post-block .post-image img {
  height: 90px;
  width: 90px;
}

.gsc-heading {
  padding: 0px 0px 20px;
}

/* Show link with color and underline for the content body */
/* a.show-underline { */
#page-main-content a:not(.btn-gray):not(.btn-info):not(.btn-outline):not(.btn-theme):not(.conbiz):not(.gsc-video-link) {
  color: revert;
  text-decoration: underline;
}

.gva-offcanvas-mobile {
    height: 550px
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
  font-size: 1rem;
  padding: 1px 0 !important;
  /* margin: 2px 0; */
  color: #ffffff;
}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {
  color: #f69220 !important;
}

/*
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
  font-size: 1rem;
}
*/

ul.db-menu li {
  float: left;
}

ul.db-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #333;
}

ul.db-menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul.db-menu li a:hover:not(.active) {
  background-color: #111;
}

ul.db-menu li a.active {
  background-color: #04AA6D;
}

.text-gray {
  color: #222222 !important;
}

.breadcrumb-content-inner {
  margin-bottom: 20px;
}

.breadcrumb-content-inner .gva-block-breadcrumb .page-title {
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 10px;
  text-align: center;
}

.breadcrumb-content-inner .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-block-breadcrumb.text-light .page-title {
  color: #000f6a;
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links .content-inner {
  padding: 5px 10px;
  background: #eaeaea;
}

.breadcrumb-content-inner .breadcrumb-style:before {
  background: rgba(0, 0, 12, 0);
}

.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links nav.breadcrumb ol li {
  font-size: 0.85rem;
  padding: 2px 0;
}

li.view-list-item > div.views-field-title {
  padding: 5px 0;
}

.content-main .post-content ul,
.content-main .post-content ol {
  margin-bottom: 1rem;
}

article .node__content {
  padding: 20px 0;
}

article .post-meta {
  text-align: center;
}

article .post-block .post-content {
  padding-top: 0px;
}

article .post-block .post-content a {
  color: revert;
  text-decoration: underline;
}

article .post-block .post-content a:hover {
  color: var(--conbiz-theme-color);
}

article .field .images  {
  padding-top: 0px;
  padding-bottom: 2px;
}

article .field h2  {
  font-size: 1.05rem;
}

article .field ol  {
  padding-left: 1.5rem;
  list-style-position: outside;
}

article .field ol > li {
  margin-left: 0.5rem;
  margin-bottom: 1rem;
  padding-left: 0.5em;
}

article .field li::marker {
  font-size: 1.05rem;
  font-weight: normal;
  text-indent: -5px !important;
}

/* Overriding portfolio.css */

.portfolio-v1 .content-inner {
position:relative;
width:100%;
height:auto;
left:0;
bottom:0;
z-index:11;
text-align:left;
-webkit-transition:.35s;
transition:.35s;
-moz-transition:.35s;
-ms-transition:.35s;
padding:10px;
color:#000
}

.portfolio-v1 .portfolio-images:before {
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  z-index:1;
  width:100%;
  height:100%;
  background:-webkit-gradient(linear,left bottom,left top,from(#13161f),to(rgba(27,31,46,0)));
  background:linear-gradient(0deg,#13161f 0,rgba(27,31,46,0) 0%);
  background:-ms-linear-gradient(0deg,#13161f 0,rgba(27,31,46,0) 100%);
  -webkit-transition:.35s;
  transition:.35s;
  -webkit-transform:translateY(50%);
  transform:translateY(50%)
}

.portfolio-v1 .portfolio-content {
  position: relative;
  -moz-transition: box-shadow .3s;
  margin-top: 100px;
}

.portfolio-v1 .content-inner .title a {
  display:block;
  color:#000;
}

.portfolio-v1 .content-inner .title {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -.72px;
}

.portfolio-v1:active .portfolio-images .image-popup,
.portfolio-v1:active .portfolio-images a.link,
.portfolio-v1:focus .portfolio-images .image-popup,
.portfolio-v1:focus .portfolio-images a.link,
.portfolio-v1:hover .portfolio-images .image-popup,
.portfolio-v1:hover .portfolio-images a.link,
.portfolio-v2:active .portfolio-images .image-popup,
.portfolio-v2:active .portfolio-images a.link,
.portfolio-v2:focus .portfolio-images .image-popup,
.portfolio-v2:focus .portfolio-images a.link,
.portfolio-v2:hover .portfolio-images .image-popup,
.portfolio-v2:hover .portfolio-images a.link {
  opacity:0;
  margin-top:0
}

.portfolio-v1 {
  position: relative;
  width: 360px;
  margin: 0 auto 30px;
  background: 0 0;
  height: 200px;
}

/* Overriding portfolio.css */

.comparison-svg {
  height: 100vh;
}

.pricing-table {
  margin-bottom: 30px;
}

.pricing-table .plan-list {
  padding: 30px 25px;
  font-family: var(--conbiz-heading-font-family);
  font-size: 20px;
  line-height: 32px;
}

.pricing-table .plan-header {
  background: url("/themes/custom/conbiz_sub/css/../images/bg-pricing.png") no-repeat center center #222631;
  padding: 25px;
  color: #fff;
}

.pricing-table .plan-name {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  font-size: 28px;
  font-weight: 800;
  color: #fff;
}

.pricing-table .plan-price .value {
  font-size: 95px;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: 0px;
  display: inline-block;
  float: left;
}

.pricing-table .plan-price .dollar {
  font-size: 40px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  line-height: 35px;
  float: left;
}

#table-gray {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 1.1em;
}

#table-gray tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

#table-gray th,
table td {
  padding: .625em;
  text-align: center;
}

#table-gray th {
  font-size: .85em;
  letter-spacing: .1em;
}

.search-block-form input.form-search {
  border: 1.8px solid #f94d1c;
  background: white;
}

.eu-cookie-compliance-content {
  display: grid;
  grid-template-columns: 6fr 1fr;
  max-width: 1200px;
}

.eu-cookie-compliance-message {
  max-width: unset;
  padding: 10px;
}

.eu-cookie-compliance-message a {
  font-size: 0.85rem;
  margin: 10px 0;
  color: #fff;
  text-decoration: underline;
}

.eu-cookie-compliance-message p {
  color: #fff;
  font-size: 0.85rem;
}

.eu-cookie-compliance-buttons button {
  white-space: nowrap;
  font-size: 0.85rem;
  padding: 10px 20px;
}

@media screen and (max-width: 600px) {
  #table-gray {
    border: 0;
  }

  #table-gray caption {
    font-size: 1.3em;
  }

  #table-gray thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #table-gray tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  #table-gray td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  #table-gray td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-align: left;
  }

  #table-gray td:last-child {
    border-bottom: 0;
  }
}

#table-blue {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 5px;
  padding: 10px;
  width: 100%;
  /* table-layout: fixed;
  font-size: 1.1em; */
}

#table-blue caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

#table-blue tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

#table-blue th,
table td {
  padding: .625em;
  text-align: center;
}

#table-blue th {
  font-size: .85em;
  letter-spacing: .1em;
}

@media screen and (max-width: 600px) {
  #table-blue {
    border: 0;
  }

  #table-blue caption {
    font-size: 1.3em;
  }

  #table-blue thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  #table-blue tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  #table-blue td {
    border-bottom: 1px solid #ddd;
    display: block;
    /* font-size: .8em; */
    text-align: right;
  }

  #table-blue td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;

  }

  #table-blue td:last-child {
    border-bottom: 0;
  }
}

table tbody th {
  background-color: #f0f0f0;
}

table thead th {
  background-color: #eee;
}

/*
.sidebar .block-menu ul li a {
  padding: 8px 0;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  position: relative;
  font-weight: 600;
  letter-spacing: 0;
  color: #000;
}
*/
.sidebar .block-menu ul li a {
  font-size: 1rem; 
  font-weight: 600;
  color: #000;
}

.sidebar .block-menu ul li a::after,
.sidebar .block-menu ul li a:hover,
.sidebar .block-menu ul li.menu-item--active-trail > a {
  color: #DD0000 !important;
}

.gsc-button.extra-large {
  font-size: 20px;
}

.gsc-button.radius-2x {
  -webkit-border-radius: 10px;
}

.gbb-row .bb-inner {
  padding-top: 10px;
  padding-bottom: 20px;
}

.landing-page .bb-inner {
  padding: 20px 0px 40px ;
}

.landing-page h1,
.landing-page h2 {
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: center;
}

.landing-page li a,
.landing-page p a {
  color: revert;
  text-decoration: underline;
}

.keywords  ul.gva_menu > li {
  list-style: none;
  text-align: center;
  margin-top: 20px;
}

.keywords  ul.gva_menu > li > span {
  font-size: 1.6rem;
  font-weight: 800;
}

.keywords  ul.gva_menu  ul.sub-menu {
  margin: 20px 0px;
  column-count: 2;
}

.keywords  ul.gva_menu  ul.sub-menu li {
  color: #000000;
  text-align: left;
  list-style: initial !important;
}

.keywords  ul.gva_menu  ul.sub-menu li a {
  text-decoration: revert;
}

.gsc-images-parallax.style-v1 .image-1 {
  max-width: 500px;
}

.gsc-images-parallax.style-v2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 100%;
  height: 100%;
  background:  no-repeat 0 50%;
  background-size: contain;
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.gsc-video-box.style-1 .popup-video {
  font-size: 1rem;
  line-height: 40px;
  padding: 0px 13px;
  border-width: 4px;
  border-style: solid;
}

.gsc-video-box.style-1 .image {
  position: relative;
  display: inline-block;
}

.gsc-video-box.style-1 .image:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(15, 15, 29, 0.0);
  border-bottom-right-radius: 16px;
  content: "";
}

.gsc-video-box.style-2 .image:after {
  background: rgba(34, 38, 49, 0.4);
}

.gsc-tabs-content .tab-content .tab-content-inner .content-inner {
  padding-left: 0px;
}

.owl-carousel.owl-dots-left .owl-dots {
  margin-top: 0px;
}

.gsc-video-box.style-2 .image:after {
  background: rgba(34, 38, 49, 0.4);
}

.gsc-heading .title {
  font-size: 1.5rem;
  letter-spacing: 0px;
  /* line-height: 1.15; */
  font-weight: bold;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.gsc-accordion .panel-group.skin-white .panel {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px !important;
  margin-bottom: 10px;
}

div.gsc-column.el-55018596.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transform: scale(1.1);
}
div.gsc-column.el-55018596.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12 {
  transition: transform .2s;
}

div.gsc-column.el-47475927.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transform: scale(1.1);
}
div.gsc-column.el-47475927.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12 {
  transition: transform .2s;
}

div.gsc-column.el-57979955.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transform: scale(1.1);
}
div.gsc-column.el-57979955.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12 {
  transition: transform .2s;
}

div.gsc-column.el-72285850.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transform: scale(1.1);
}
div.gsc-column.el-72285850.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transition: transform .2s;
}
div.gsc-column.el-73870190.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transform: scale(1.1);
}
div.gsc-column.el-73870190.col-xl-3.col-lg-3.col-md-6.col-sm-12.col-xs-12:hover {
  transition: transform .2s;
}

.block .block-title {
  font-size: 1.25rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #bec2c6;
  margin-bottom: 5px;
}

.block {
  background: transparent;
  margin-bottom: 30px;
}

/* 2024-11-01 (scherring.chong) Don't need extra margin for site logo */
#block-financebranding {
  margin-bottom: unset;
}

.panel .panel-heading .panel-title > a::after {
  top: 4px;
}

.panel .panel-heading .panel-title > a {
  font-size: 1rem;
  font-weight: bold;
  padding-right: 30px;
  line-height: 1.1rem;
}

.panel .panel-body {
  line-height: 1.1rem;
}

.testimonial-node-1 .avatar {
   margin-bottom: 0px;
}

.post-block .post-title {
  line-height: 1.25;
  font-size: 1.2rem;
}

.post-list-small-2 .post-block .post-title {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0px;
  line-height: 1.1rem;
}

.post-list-small-2 .post-block .post-content {
  padding-left: 100px;
}

.contact-link {
  background: url("/themes/custom/conbiz_sub/css/../../conbiz_sub/images/bg-img-sidebar.webp") no-repeat bottom center;
}

.tags-list .item-list > ul > li a {
  color: #000;
}

.item-list > ol {
  padding-inline-start: 30px;
}

span.field-content a {
  color: #0e2e6d;
}

span.field-content  {
 color: #0e2e6d;
 font-size: 1rem;
 font-weight: normal;
 text-decoration: underline 2px;
}

.testimonial-node-1 .avatar img {
  position: absolute;
  top: 50px;
  right: 50px;
  max-width: 200%;
}

.testimonial-node-1 .content-body ,
.testimonial-node-2 .content-body {
  padding: 10px 15px;
  width: calc(100% - 30px);
  background: url("/themes/custom/conbiz/assets/css/../images/bg-testimonial.webp") 0 100% no-repeat;
}

.testimonial-node-1 .content-body .quote {
  font-size: 1rem;
  margin-bottom: 15px;
}

.testimonial-node-2 .content-body .quote {
  font-size: 1rem;
  margin-bottom: 15px;
}

.testimonial-node-v3 .testimonial-content .testimonial-icon span {
  padding-top: 10px;
  font-size: 60px;
  text-indent: -10px;
}

.testimonial-node-v3 .testimonial-content .quote {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 25px;
}

.menu-bar span {
  background-color: #000000;
}

h2.page-heading {
  margin: 30px 0px 10px;
  font-size: 1.3rem;
  font-weight: bold;
}

h3.page-heading {
  margin: 30px 0px 20px;
  font-size: 1.1rem;
  font-weight: bold;
}

p.font_7 {
  margin-bottom:0rem;
}

/*
.js .dropbutton-wrapper {
  width: 125%;
}

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 1rem;
}
*/

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  border-color: #f2f2f2;
  border-width: 1px 1px 1px 0;
  border-style: solid;
}


#block-views-block-faqs-inline {
  margin-top: 60px;
}

/* 2024-06-28 (scherring.chong) Hide footer content for finance pages */
.finance #footer .footer-inner {
  display: none;
  visibility: invisible;
}

#footer {
  background: none;
  background-color: #000;
}

#footer .copyright {
  padding: 10px 0px 20px 0px;
  text-align: left;
}

#footer .copyright .copyright-inner a {
  color: #FFFFFF;
  text-decoration: revert;
}

#footer .footer-center {
  padding: 30px 0 15px;
}

#footer .footer-column {
  margin-bottom: 10px;
}

#footer .contact-info ul {
  margin-left: 30px;
}

#footer .contact-info ul li {
  font-size: unset;
}

.footer-company h2 {
  font-size: 1.1rem;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 20px;
}

.scroll-to-top {
  width: 48px;
  height: 48px;
  bottom: 10px;
  left: 10px;
}

.scroll-to-top > i {
  font-size: 28px;
  line-height: 50px;
}

.whatsapp-bubble.bottom {
  bottom: 50px;
}

.whatsapp-bubble.right {
  right: 15px;
}

.webform-submission-form .form-item textarea::placeholder,
.webform-submission-form .form-item input::placeholder {
  color: #7a7a7a;
}

.webform-submission-form .form-item select option {
  color: #1a1a1a;
}

.webform-submission-form .form-item select,
.webform-submission-form .form-item textarea,
.webform-submission-form .form-item input {
  background-color: #EFEFEF;
}

@media (max-width: 1023.98px) {

  .gva-offcanvas-mobile .block {
    border: none;
    padding: 5px;
  }

  /* Add padding to prevent scoll to top button overlapping the menu dropdown list */
  .gva-offcanvas-mobile .gva-navigation .gva_menu {
    padding-bottom: 40px;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
    color: #696969;
  }
}

.gsc-image-content.skin-v2 .box-content {
  background: #fff0;
}

.button:hover, .button:focus, .button:active, .btn:hover, .btn:focus, .btn:active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .btn-theme-submit:hover, .btn-theme-submit:focus, .btn-theme-submit:active, .btn-gray:hover, .btn-gray:focus, .btn-gray:active {
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0.9;
  background: #015691;
}

.btn-theme {
  background: #f94d1c;
  color: #fff;
  text-decoration: none;
}

#ambaas-registration,
#ambaas-success  {
  margin: 30px auto 0px auto;
  padding: 20px;
  max-width: 960px;
  background-color: #E5E4E2;
  border: 3px solid green;
  border-radius: 10px;
}

#ambaas-success  {
  background-color: #87f717;
}

#ambaas-registration .label {
  font-weight: bold;
  line-height: 30px;
}

#ambaas-registration input,
#ambaas-registration select {
  width: 100%;
}

#ambaas-registration select:required:invalid {
  color: gray;
  background-color: white;
}

#ambaas-registration option[value=""] {
  background-color: red;
  color: white;
}

#ambaas-registration option:first-child {
  display: none;
}

#ambaas-registration option {
  color: black;
}

#ambaas-registration select:invalid {
  background-color: gray;
}

#ambaas-registration #hostname {
  width: 185px;
}

#ambaas-registration .button {
  margin: auto;
  margin-bottom: 1rem;
  background-color:#015796;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px;
  width: 280px;
  text-align: center;
}

#ambaas-registration #submit-button,
#ambaas-registration #empty-button {
  text-align: center;
}

#ambaas-registration .note {
  color: #555555;
  font-size: 0.9rem;
}

#ambaas-registration .invalidInput {
  background-color:#FFA5A5 !important;
  border: 2px solid #FF0000;
}

.download-box {
  margin: auto;
  margin-bottom: 1rem;
  padding: 10px;
  max-width: 740px;
  background-color: #E5E4E2;
  border: 3px solid green;
  border-radius: 10px;
}

@media (min-width: 600px) {
  .keywords ul.gva_menu ul.sub-menu {
    column-count: 3;
  }
}

@media (min-width: 768px) {

  a.btn-theme {
    padding: 10px 30px;
  }

  .whatsapp-bubble.bottom {
    bottom: 30px;
  }

  .whatsapp-bubble.right {
    right: 30px;
  }

  .footer-company h2 {
    margin-top: 0px;
  }
}

@media (min-width: 1024px) {

  body {
    font-size: 1rem;
  }
  
  .row {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
  }

  img.logo-site {
    margin-top: 0px;
  }

  .topbar {
    padding: 7px 0;
  }

  header.header-default .container {
    max-width: 1200px;
  }

  header.header-default .branding {
    text-align: left;
    width: 30%;
    background: white;
    margin-bottom: -4px;
    padding: 0px 0px;
  }

  header.header-default .header-button {
    width: 16%;
    padding-left: 10px;
    padding-right: 10px;
  }

  header.header-default .main-menu {
    width: calc(100% - 20% - 16%);
  }

  .btn-gray {
    display: block;
    visibility: visible;
    padding: 8px 2px;
    background: #f94d1c;
    color: #ffffff;
  }

  .btn-gray-mobile {
    display: none;
    visibility: hidden;
  }

  .gva-offcanvas-mobile {
    height: auto;
  }

  .breadcrumb-content-inner .gva-block-breadcrumb .page-title {
    margin-top: 30px;
  }

  .button, .btn, .btn-white, .btn-theme, .btn-theme-second, .btn-theme-submit, .btn-gray {
    font-size: 1.1rem;
  }

  .gsc-heading .title {
    font-size: 3rem;
  }

  h2.title {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  /*
  .navigation .gva_menu > li.menu-item--expanded > a:after {
    border-width: 12px;
    border-color: transparent transparent #ffffff transparent;
  }

  .navigation .gva_menu .sub-menu > li > a {
    font-size: 17px;
  }

  .navigation .gva_menu .sub-menu > li:hover > ul {
    visibility: visible;
    opacity: 100;
    filter: alpha(opacity=100);
    display: block;
    left: 58%;
  }

  .navigation .gva_menu .sub-menu > li ul {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 18px;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    z-index: 10000;
  }
  */

  .navigation .gva_menu .sub-menu > li > a {
    line-height: 22px;
  }


  .gsc-tabs-content .tab-content .tab-content-inner .images:before {
    position: absolute;
    top: 0%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
  }

  .gsc-tabs-content .tab-content .tab-content-inner:before {
    background:  no-repeat left bottom;
    width: 282px;
    height: 290px;
    position: absolute;
    content: "";
    top: 65%;
    right: 85%;
    z-index: -1;
  }

  .keywords  ul.gva_menu  ul.sub-menu {
    column-count: 4;
  }

  /* (roy.shih) Overriding the menu color */
  .navigation .gva_menu .sub-menu {
    color: #fff;
    background-color: #015691;
  }

  .navigation .gva_menu > li > a {
    padding: 25px 15px;
    color: #000;
  }
  
  #footer .copyright .copyright-inner {
    padding: 10px 0px 0px;
    text-align: center;
  }  
  
}

@media (min-width: 1200px) {

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
}

@media (min-width: 1380px) {
  header.header-default .container {
    max-width: 1200px;
  }
}

/*
@media (max-width: 1023.98px) {
  .gbb-row .bb-inner {
    padding-top: 100px;
    padding-bottom: 10px;
  }
}
*/

.fa-map-marker::before {
  content: "\\";
}

.get-started-border {
  border:1px;
  border-style: solid;
  border-color: #c0c0c0;
}

article .post-meta {
  /* (scherring.chong) Change to centre for blog date field  */
  /* text-align: left; */
  font-size: 1rem;
}

.node-detail .post-block .post-meta {
  font-size: 19px;
}


div[class^="adc-rsptabs-"] > div > ul {
  line-height: 1;
}

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  text-align: center;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,
.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,
.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,
.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,
.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:9px;
  padding-left:9px
}

/*
table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  text-align: left;
}
*/

table > tbody > tr > th,
table > tbody > tr > td {
  text-align: left;
}

td.views-field.views-field-field-finance-document {
  width: 18%;
  text-align: center;
}

table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {
border-color: #a8a8a8;
}

.contact-link {
  background: url("/themes/custom/conbiz_sub/css/../images/bg-img-sidebar-ahsay.webp") no-repeat bottom center;
}

.contextual-region.block.block-block-content.block-block-contenta1c14761-fbac-464e-8095-f8dcf6d41ea2.no-title {
  margin-bottom: 0px;
}


@media (min-width: 1024px) {
  .navigation .gva_menu > li.menu-item--expanded > a::after {
    border-color: transparent transparent #015691 ;
  }
}

/* [Start] 2024-12-12 (vincent.ip) Style for print button */

.btn-row {
  padding-top: 10px;
  text-align: right;
}

.block.btn {
  background-color: transparent;
  background-image: url(/sites/default/files/images/print-icons-light.svg) !important;
  background-position: -5px -2px;
  background-repeat: no-repeat;
  color: #272343;
  font-size: 1rem;
  margin-bottom: 0px;
  padding: 4px 5px 2px 25px;
}

.block.btn:before {
  content: "Print";
  margin-left: 5px;
}

.block.btn:active, .block.btn:focus, .block.btn:hover {
  background-color: revert !important;
  color: revert !important;
  border-color: revert !important;
}

@media print {
  #print {
    margin: 20mm;
  }

  #toc, #video-object, #video-page-link, div.guidelines {
    display: none;
    visibility: hidden;
  }

  article .node__content {
    padding: 0;
  }
}

/* [End] 2024-12-12 (vincent.ip) Style for print button */

div > p:last-child {
  margin-bottom: 40px;
}

.event-info .field--name-field-event-start {
  display: inline-block;
}


