/* Component A and C Shared Style Start */
.bg-kit-blue
{
  background-color:var(--visionary-dark); /* new color code added into theme.css */
}

.pweb_cta_href
{
  text-decoration: underline;
}

.pweb_cta_href:hover
{
  text-decoration: underline;
  opacity:0.8;
}
/* Component A and C Style End */

/* Component A - Style Start */
.bg-kit-blue .small_subtitle
{
  font-size:16px;
  margin-top:20px;
}

.kit-container
{
  position:relative;
}

.kit-container .desktop-kit-img-container
{
  margin-bottom:40px;
}

.kit-container img
{
  width:65%;
}

.kit_title_1
{
  position: absolute;
  top:8vh;
}

.kit_title_2
{
  position: absolute;
  bottom:10vh;
}

.kit_title_1, .kit_title_2
{
  font-weight: 500;
  text-align: left;
  font-size:32px;
  margin-bottom:20px;
}

.kit_container_2
{
  width:50vw;
  margin:auto !important;
  border:1px solid var(--white);
  border-radius:10px;
}

.kit_container_step_box
{
  padding:30px;
}

.kit_container_2 .right-white-border
{
  border-right:1px solid var(--white);
}

.kit-pb
{
  padding-bottom:15px;
}

@media (max-width:1300px)
{
  .kit-container img
  {
    width:70%;
  }
  
  .kit_title_1, .kit_title_2
  {
    font-size:25px;
  }

  .kit_container_2
  {
    width:70vw;
  }
}

@media (max-width:1024px)
{
  .kit_title_1, .kit_title_2
  {
    font-size:18px;
  }

  .kit_container_2
  {
    width:80vw;
  }
}

@media (max-width:768px){
  .kit_title_1, .kit_title_2
  {
    position: relative;
    top:unset;
    bottom:unset;
    text-align: center;
    font-size:25px;
  }

  .kit-pt
  {
    padding-top:20px;
  }

  .kit-container_sm .kit_part_1_img img
  {
    width:40%;
  }

  .kit-container_sm p
  {
    font-size:16px;
  }

  .kit-container_sm p strong
  {
    font-size:18px;
  }

  .kit_container_2
  {
    width:100%;
  }

  .kit_container_step_box
  {
    padding:20px;
  }

  .kit_container_2 .right-white-border
  {
    border-right:none;
    border-bottom:1px solid var(--white);
  }

}
/* Component A  - Style End */

/* Component B - Style Start */
.biz-bank-container
{
  padding:50px 150px;
}

.biz-bank-container .accordion {
  padding: 0;
  margin: 2em 0;
  width: 100%;
  overflow: hidden;
  font-size: 1em;
  position: relative;
}

.biz_bank_container_accordion__title {
  padding: 10px;
  color: var(--text-primary);
  float: left;
  height:6em;
  cursor: pointer;
  margin-right: 5px;
  width:24%;
  border-top:1px solid var(--light-24);
  border-bottom:4px solid var(--light-24);
  cursor: pointer;
  text-align: center;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:18px;
}

.bbca_accordion__content {
  float: right;
  width: 100%;
  margin: 7em 0 0 -100%;
  padding: 10px;
  padding-right:5vw;
  padding-left:2vw;
}

.biz-bank-container .biz_bank_container_accordion__title:hover,
.biz-bank-container .biz_bank_container_accordion__title.active {
  border-top:1px solid var(--primary);
  border-bottom:4px solid var(--primary);
  color: var(--primary);
}

.biz-bank-container .biz_bank_container_accordion__title.active {
  border-top:1px solid var(--primary);
  border-bottom:4px solid var(--primary);
  color: var(--primary);
}

.biz-bank-tab-container .biz-bank-container-content
{
  position:relative;
  margin-top:10px;
}

.biz-bank-tab-container .bbc_img
{
  padding-bottom:30px;
  padding-top:30px;
}

.biz-bank-tab-container .bbc_img img
{
  width:600px;
  position: relative;
  z-index:1;
  border-radius:10px;
  padding:20px 50px;
  background:var(--white);
  border:1px solid var(--gray-175);
}

.biz-bank-tab-container .bbcontent
{
  width:100%;
  padding-left:15vw;
  padding-right:50px;
  padding-top:35px;
  padding-bottom:20px;
  display:flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.biz-bank-tab-container .bbcontent p
{
  margin-bottom:20px;
  font-size:18px;
}

.biz-bank-tab-container .bbcontent li
{
  font-size:18px;
}

.biz-bank-tab-container .bbcc_title
{
  color:var(--primary);
  margin-bottom:20px;
}

@media (max-width:2000px)
{
  .biz-bank-tab-container .bbc_img img
  {
    width:30vw;
  }
}

@media (max-width:1300px)
{
  .biz-bank-tab-container .bbcontent
  {
    padding-left:16vw;
  }
}

@media (max-width:1200px)
{
  .biz-bank-container
  {
    padding: 50px 50px 60px 60px;
  }
  .biz-bank-tab-container .bbcontent
  {
    padding-left:14vw;
  }
}

@media (max-width:768px)
{
  .biz-bank-container {
      padding: 40px 45px 40px 40px;
  }

  .biz_bank_container_accordion__title
  {
    width:100%;
    background-color:transparent;
    border:none;
    outline: none;
    border-top:1px solid var(--light-24);
    border-bottom:1px solid var(--light-24);
    font-size: 20px;
    color: var(--text-primary);
    cursor: pointer;
    padding: 15px 20px;
    text-align: center;
    height:auto;
  }
  
  .biz_bank_container_accordion__title,
  .bbca_accordion__content { 
    float: none;
    margin: 0;
  }
  
 .biz_bank_container_accordion__title.active {
    border-top: 1px solid var(--primary);
    border-bottom: 4px solid var(--primary);
    font-weight: bold;
    color: var(--primary);
  }

  .bbca_accordion__content {
    position:relative;
    overflow:hidden;
    padding:0px;
    padding-bottom:20px;
  }

  .biz-bank-tab-container .biz-bank-container-content
  {
    flex-direction: column;
  }

  .biz-bank-tab-container .biz-bank-container-content .bbc_img
  {
    max-width: 80%;
    margin:auto;
    z-index:1;
    position: relative;
  }

  .biz-bank-tab-container .biz-bank-container-content .bbc_img img
  {
    width:100%;
  }

  .biz-bank-tab-container .bbcontent {
      padding: 50px 20px;
      padding-bottom: 10px;
      margin:auto;
      margin-top: -60px;
      max-width:95%;
  }

}

@media (max-width: 576px) {
  .biz-bank-container {
      padding: 30px;
  }
}
/* Component B - Style End */

/* Component C - Style Start */
.bg-sme-banner-blue{
  background-image: url("/assets/web-resources/business/images/advice/business-kit/sme_awards_banner.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}

.bg-sme-banner-blue .content_subtitle{
  width: 40%;
  margin: auto;
  margin-top: 20px;
}

@media (max-width:768px){
  .bg-sme-banner-blue{
    background-image: url("/assets/web-resources/business/images/advice/business-kit/sme_awards_banner_sm.png");
    width:95%;
    margin-top:10px;
  }

  .bg-sme-banner-blue .content_subtitle{
    margin:unset;
    margin-top:10px;
    width:65%;
  }

  .bg-sme-banner-blue .uob-steps h2
  {
    padding:0px;
  }

  .bg-sme-banner-blue .uob-steps
  {
    padding-bottom:150px;
    text-align: left!important;
  }

  .bg-sme-banner-blue .uob-steps .apply-btn-md
  {
    margin-left:0px!important;
  }
}
/* Component C - Style End */