/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@media only screen and (min-width : 1200px) {
  .box-height-x > div > div > div.c-col.c-1.col-lg-6.col-md-6.col-sm-12,
  .box-height-x > div > div > div.c-col.c-2.col-lg-6.col-md-6.col-sm-12,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
    min-height: 500px;
} 
  .box-height-xs > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12 {
   min-height: 480px; 
  }
  
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-12 {
      min-height: 550px;
} 

  .box-height-m > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 530px;
}
   .box-height-l > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 600px;
}
  .box-height-xl > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 680px;
}
   .box-height-xxl > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 780px;
}
  div.a-bottom-align {
    position: absolute;
    top: 350px !important;
    right: 0px;
    left: 0px;
    width: 100%;
}

    div.b-bottom-align {
    position: absolute;
    top: 350px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
  
    div.c-bottom-align {
    position: absolute !important;
    top: 310px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.d-bottom-align,
    div.h-bottom-align {
    position: absolute !important;
    top: 405px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.e-bottom-align {
    position: absolute !important;
    top: 465px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.f-bottom-align {
    position: absolute !important;
    top: 555px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.g-bottom-align {
    position: absolute !important;
    top: 650px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.small-bottom-align {
    position: absolute !important;
    top: 345px !important;
  }
  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div, 
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div
  {
   min-height: 430px;
  }

}

@media (max-width: 1200px) {
  p.height-180 {
    min-height: 146px !important;
  }
  p.height-185 {
    min-height: 146px !important;
  }
  p.height-220 {
  min-height: 182px !important;
  }
    p.height-200 {
  min-height: 200px !important;
  }
  p.height-210 {
  min-height: 200px !important;
  }
}


@media (max-width: 1199px) {
  .box-height-x > div > div > div.c-col.c-1.col-lg-6.col-md-6.col-sm-12,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
    min-height: 550px;
} 
  .box-height-xs > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12{
    min-height: 540px; 
  }
  .box-height-m > div > div > div.c-col.c-1.col-lg-4.col-md-12,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-12 {
    min-height: 630px;
}
  .box-height-x > div > div > div.c-col.c-2.col-lg-6.col-md-6.col-sm-12 > span > div,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
      min-height: 550px;
}
   .box-height-l > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 760px;
}
  .box-height-l > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 800px;
}
   .box-height-xl > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 810px;
}
   .box-height-xxl > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: 900px;
}
    div.a-bottom-align {
    position: absolute;
    top: 420px !important;
    right: 0px;
    left: 0px;
    width: 100%;
}

    div.b-bottom-align {
    position: absolute;
    top: 420px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.c-bottom-align {
    position: absolute !important;
    top: 350px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.d-bottom-align,
    div.h-bottom-align {
    position: absolute !important;
    top: 500px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.e-bottom-align {
    position: absolute !important;
    top: 630px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.f-bottom-align {
    position: absolute !important;
    top: 670px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.g-bottom-align {
    position: absolute !important;
    top: 770px !important;
    right: 0px;
    left: 0px;
    width: 100%;
  }
    div.small-bottom-align {
    position: absolute !important;
    top: 395px !important;
  }
  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div, 
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div,  
  {
   min-height: 460px;
  }
  .box-height-xs > div > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12 {
  min-height: 500px;
  }
  }

@media (max-width: 991px) {
#hs_cos_wrapper_widget_1686836808088_ > p:nth-child(6) {
    margin-bottom: 0px;
}
  a.cta-primary.bottom-marg {
    margin-bottom: 10px;
}
  p.height-185 {
    min-height: auto !important;
  }
  p.height-150 {
    min-height: auto !important;
  }
    p.height-180 {
    min-height: 190px !important;
  }
  p.height-220 {
  min-height: auto !important;
  }
   p.height-200 {
   min-height: auto !important;
  }
     p.height-210 {
   min-height: auto !important;
  }
   p.height-215 {
   min-height: 160px;
  }
   p.height-240 {
   min-height: 240px !important;
  }
   .box-height-x > div > div > div.c-col.c-1.col-lg-6.col-md-6.col-sm-12 {
    min-height: 630px;
}
    .box-height-xs > div > div > div.c-col.c-1.col-lg-12 {
    min-height: 750px !important;
}
   .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
    min-height: auto !important;
}
   .box-height-xs > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12,
   .box-height-xs > div > div > div.c-col.c-3.col-lg-3.col-md-6.col-sm-12 > span > div
  {
    min-height: 400px !important;
  }
    .box-height-m > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
    min-height: auto !important;
}
  .box-height-l > div > div > div.c-col.c-1.col-lg-4.col-md-12, 
  .box-height-xl > div > div > div.c-col.c-1.col-lg-4.col-md-12,
  .box-height-xxl > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
   min-height: auto !important;
}
.box-height-x > div > div > div.c-col.c-2.col-lg-6.col-md-6.col-sm-12 > span > div,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
      min-height: 630px;
}
    div.a-bottom-align, div.b-bottom-align {
    position: absolute;
    top: 460px !important;
    right: 0px;
    left: 0px;
    width: 100%;
}
    div.c-bottom-align, div.d-bottom-align, div.e-bottom-align, div.f-bottom-align, div.g-bottom-align {
    position: relative !important;
    top: auto !important;
  }
    div.small-bottom-align {
    position: absolute !important;
    top: 275px !important;
  }
    div.h-bottom-align {
    position: absolute !important;
    top: 620px !important;
  }

  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div, 
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-2.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div.c-col.c-3.col-lg-4.col-md-12 > span > div,
  .box-height-xs > div > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12
  {
   min-height: auto !important;
  }
}

@media (min-width: 768px) {
  p.height-150 {
    min-height: 150px;
  }
   p.height-180 {
   min-height: 190px;
  }
  p.height-185 {
    min-height: 185px;
  }
    p.height-220 {
    min-height: 220px;
  }
    p.height-200 {
    min-height: 150px;
  }
   p.height-210 {
    min-height: auto !important;
  }
   p.height-215 {
   min-height: 150px;
  }
   div.a-bottom-align {
    position: absolute;
      top: 50px;
}

div.b-bottom-align {
    position: absolute;
  top: 50px;
  }
  
    div.c-bottom-align {
    position: relative;
    top: auto;
  }
}


@media (max-width: 767px) {
  a.cta-primary.bottom-marg {
    margin-bottom: 0px !important;
}
    .box-height-x > div > div > div.c-col.c-1.col-lg-6.col-md-6.col-sm-12,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
    min-height: auto !important;
}
.box-height-x > div > div > div.c-col.c-2.col-lg-6.col-md-6.col-sm-12 > span > div,
  .box-height-x > div > div > div.c-col.c-1.col-lg-4.col-md-12 {
      min-height: auto;
}
    .box-height-xs > div > div > div.c-col.c-3.col-lg-3.col-md-6.col-sm-12 > span > div,
    .box-height-xs > div > div > div.c-col.c-3.col-lg-3.col-md-6.col-sm-12,
    .box-height-xs > div > div > div.c-col.c-1.col-lg-3.col-md-6.col-sm-12,
  .box-height-xs > div > div > div.c-col.c-1.col-lg-12  {
    min-height: auto !important;
  }
    div.a-bottom-align {
    position: relative;
      top: auto !important;
    
}

    div.b-bottom-align {
    position: relative;
    top: auto !important;
  } 
  
    div.c-bottom-align {
    position: relative;
    top: auto;
  }
    div.small-bottom-align {
    position: relative !important;
    top: auto !important;
  }
    div.h-bottom-align {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 380px) {
  a.cta-primary.bottom-marg {
    margin-bottom: 10px !important;
}

}


.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    max-width: 300px !important;
    padding: 10px 10px !important;
    border-radius: 6px;
}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    font-weight: bold;
}
/* The colour of toggle icon on mobile menu */
.hhs-sidebar-nav-toggle {
  fill: #27a7d2 !important;
}



/* Custom CSS starts from here (DS) */

/* custom containers (DS) */

.large-container,
.small-container {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
}

.large-container {
  max-width: 1680px;
}
.small-container {
  max-width: 1400px;
}

/* Heading and sub heading (DS) */

.section-subtitle,
.section-title {
  font-weight: 400;
  text-align: center;
}

.section-title {
  font-size: clamp(32px, 3.2vw, 59px);
  line-height: 1.1;
  margin: 0 0 25px;
}

.section-subtitle {
  font-size: clamp(24px, 2.2vw, 38px);
  line-height: 1.25;
  margin: 0;
}

/* Primary Button (DS) */

.btn.btn--primary {
  min-width: 160px;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 23px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 15px 20px;
  background: #2cb1d3;
  border-radius: 50px;
  transition: all 0.2s ease-out;
}
.btn.btn--primary:hover {
  background: #fff;
  color: #2cb1d3;
}

.btn.btn--primary.hover-ghost{
  border: 1px solid #2cb1d3;
}

.btn.btn--primary.hover-ghost:hover{
  background: transparent;
}

.btn.btn--secondary {
    background: transparent;
    border-radius: 50px;
    color: #2cb1d3;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 23px;
    min-width: 160px;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    border: 1px solid #2cb1d3;
}

.btn.btn--secondary:hover {
    background: #2cb1d3;
    color: #FFF;
}

.btn.btn--primary.small-y {
   padding: 10px 20px;
}


.shape-card-wrapper .cta-primary {
    background: transparent;
    border-radius: 50px;
    color: #2cb1d3 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 23px;
    min-width: 160px;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    border: 1px solid #2cb1d3;
    transform: scale(1);
    box-sizing: border-box !important;
}

.shape-card-wrapper .cta-primary:hover{
  color: #FFF !important;
}


/* Switch button (DS) */

  .switch-wrapper {
    margin-top: 40px;
  }

  .switch-button {
    display: inline-flex;
    background: #fff;
    padding: 0;
    border-radius: 100px;
  }

  .btn--switch {
    font-size: 14px;
    font-weight: 800;
    line-height: 15px;
    display: inline-block;
    text-decoration: none;
    padding: 22px 24px;
    color: #000000;
    transition: all 0.3s ease-out;
  }
  .btn--switch.switch-primary {
    border-left: 2px solid #2cb1d3;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  .btn--switch.switch-secondary {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
  }

   .switch-button .switch-primary:hover {
    background-color: #2cb1d3;
    color: #FFF;
  }
  .switch-button .switch-secondary:hover {
    background-color: #2cb1d3;
    color: #FFF;
  } 

/* Global BG's */

.bg-theme-gray{
  background: #F5F5F7 !important;
}

.Contact-address-wrapper .hhs-divider {
    border-color: #27A7D2;
}

/* Global slider */

.DS-custom-template .c-slider .slick-dots li {
    width: 32px;
    height: 8px;
    border-radius: 10px;
}

/* Header overrides (DS) */

.DS-custom-template header .container{
  max-width: 1680px;
  padding: 0 16px;
}

.DS-custom-template .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  font-weight: 400;
}

.DS-custom-template .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg{
    transition: all 0.3s ease-out;
}
.DS-custom-template .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover svg {
  fill: rgba(39, 167, 210, 1.0);
  transform: rotate(-180deg);
}

.DS-custom-template header .cta-primary {
    border: 1px solid transparent;
}

.DS-custom-template header .cta-primary:hover{
    background-color: transparent !important;
    color: #27A7D2 !important;
    border-color: #27A7D2;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* Hero Banner (DS)*/

.banner-small-wrapper .row {
    margin-top: 0 !important;
}

.banner-small-wrapper img {
  display: none;
}

/* Brand Listing (DS) */

.banner-brand-listing {
  margin-top: 28px;
  margin-bottom: 34px;
  max-width: 540px;
  }

  .banner-brand-listing ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  }

  .banner-brand-listing ul li {
  border: 1px solid #FFF;
  padding: 10px 10px;
  background: #02143A;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  .banner-brand-listing ul li img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  max-height: 22px;
  object-fit: contain;
  }

  .banner-brand-listing ul li::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100px;
  position: absolute;
  inset: 0;
  z-index: 0;
  transform: translateY(100%);
  transition: all 0.2s ease-out;
  }

  .banner-brand-listing ul li:hover::after {
  transform: translateY(0);
  }


/* Custom Card */

.custom-card-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding-top: 50px;
}

.custom-card {
   align-items: center;
    box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px;
    background: #fff;
    border: 1px solid transparent;
    transition: all .3s ease-out;
}

.custom-card:hover {
    border-color: #2cb1d3;
    transform: translateY(-5px);
}

/* Custom Form */

.IBM-form h1 {
    display: none;
}

.custom-form-wrapper h1:empty, .custom-form-wrapper h2:empty, .custom-form-wrapper h3:empty, .custom-form-wrapper h4:empty, .custom-form-wrapper h5:empty, .custom-form-wrapper h6:empty{
  display: none;
}

.custom-form-wrapper h1, .custom-form-wrapper h2, .custom-form-wrapper h3, .custom-form-wrapper h4, .custom-form-wrapper h5, .custom-form-wrapper h6{
  color: #000;
}

.custom-form-wrapper .hs-button {
    border: 1px solid #27a7d2;
    cursor: pointer;
}

.custom-form-wrapper .hs-button:hover{
    transform: scale(1);
    background: transparent;
    color: #27a7d2 !important;!i;!;
}

.DS-custom-template .hs-button {
    border: 1px solid #27a7d2;
    cursor: pointer;
}

.DS-custom-template .hs-button:hover{
    transform: scale(1);
    background: transparent;
    color: #27a7d2 !important;!i;!;
}

.custom-form-wrapper .c-1 .c-col-inner {
    border: none !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    background: #FFF;
}

.custom-form-wrapper .c1 .col-inner {
      border: none !important;
      padding: 40px;  
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      border-radius: 20px;
}

#hs_cos_wrapper_module_17026200342268 .clean-base.catalog-wrapper .c-1 .c-col-inner, #hs_cos_wrapper_module_17026200342268 .clean-base.catalog-wrapper .c-2 .c-col-inner, #hs_cos_wrapper_module_17026200342269 .clean-base.catalog-wrapper .c-1 .c-col-inner, #hs_cos_wrapper_module_17026200342269 .clean-base.catalog-wrapper .c-2 .c-col-inner{
  transition: all .3s ease-out;
}


#hs_cos_wrapper_module_17026200342268 .clean-base.catalog-wrapper .c-1 .c-col-inner:hover, #hs_cos_wrapper_module_17026200342268 .clean-base.catalog-wrapper .c-2 .c-col-inner:hover, #hs_cos_wrapper_module_17026200342269 .clean-base.catalog-wrapper .c-1 .c-col-inner:hover, #hs_cos_wrapper_module_17026200342269 .clean-base.catalog-wrapper .c-2 .c-col-inner:hover{
    transform: translateY(-10px);
}


/* Updated BG colors */

body .dnd_area-row-5-background-layers {
    background-image: linear-gradient(#F5F5F7, #F5F5F7) !important;
}

/* Partners logos  */

.clean-base.partner-logos.partner-logos-custom .c-col-inner {
    min-height: 160px;
    max-height: 160px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid transparent;
    padding: 20px !important;
    transition: all .3s ease-out;
}

.clean-base.partner-logos.partner-logos-custom .c-col-inner:hover {
    transform: translateY(-5px);
    border-color: #2CB1D3;    
}

/* Pricing template */

.clean-base.Pricing-table-wrapper .c-col-inner {
    display: flex;
    flex-direction: column;
}
.clean-base.Pricing-table-wrapper .c-col-inner .c-content-con.c-in-2 {
    flex-grow: 1;
    display: flex !important;
}

.clean-base.Pricing-table-wrapper .c-col-inner .c-content-con.c-in-2 .hs_cos_wrapper {
    display: flex;
}

.clean-base.Pricing-table-wrapper .c-col-inner .c-content-con.c-in-2 .card-2 {
    height: auto !important;
}

.clean-base.Pricing-table-wrapper .card-1, .clean-base.Pricing-table-wrapper .card-2 {
    border: 1px solid rgb(39 167 210 / 50%);
    background: #FFF;
    transition: all .3s ease-out;
}

.clean-base.Pricing-table-wrapper .card-1:hover, .clean-base.Pricing-table-wrapper .card-2:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-color: rgb(39 167 210 / 1);
}

/* Image Card */


#hs_cos_wrapper_widget_1690224925296 .clean-base.image-card-wrapper .c-col span.c-rel {
    background: #FFF;
    display: inline-block;
    padding: 16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 14px;
    transition: all 0.3s ease-out;
}

#hs_cos_wrapper_widget_1690224925296 .clean-base.image-card-wrapper .c-col span.c-rel:hover {
    transform: translateY(-10px);
}

#hs_cos_wrapper_widget_1690224925296 .clean-base.image-card-wrapper .c-col span.c-rel img {
    height: 200px !important;
    object-fit: cover;
}

/* Partner program */

.why-join-wrapper .hhs-icon-con {
    background: #F3F4F6;
    padding: 20px 32px 32px;    
    border: 1px solid transparent;
    border-radius: 14px;
    transition: all 0.3s ease-out;
}

.why-join-wrapper .hhs-icon-con:hover {
    border-color: #44a8d4;
    transform: translateY(-10px);
}

/* Partner integration */

.partner-integrations-text {
    max-width: 1000px;
    margin: 0 auto;
}

.partner-integrations-wrapper .content-card {
    border-radius: 14px;
}

/* Events and webinar */

.schedule-events-wrapper .row {
    border: none;
    background: #f5f5f7;
    margin-bottom: 16px;
    border-radius: 10px;
    border-bottom: 0 !important;
}

/* Find a partner */

.partner-finder-wrapper{}
.filter-opt-2.partner-finder-wrapper .contentFilter {
    padding: 0;
}
.partner-finder-wrapper .quicksearch {background: rgba(245, 245, 247, 1);padding: 10px 20px !important;border-radius: 100px;border: solid 1px #ddd;}
.partner-finder-wrapper .content-desc {background-color: rgba(245, 245, 247, 1) !important; }
.partner-finder-wrapper .content-desc .content-inner {}
.partner-finder-wrapper .content-desc img {background: #FFF;padding: 10px;width:calc(100% - 20px) !important;margin: auto;
display: block;margin-top: 12px;}
.partner-finder-wrapper .contentFilter button {border: solid 1px #27a7d2 !important; font-size: 14px;padding: 8px 28px !important;border-radius: 100px;}
.partner-finder-wrapper .contentFilter button.is-checked, .partner-finder-wrapper .contentFilter button:hover{background:#27a7d2; color:#FFF;}

@media screen and (max-width: 767px){
.partner-finder-wrapper .contentFilter{margin-top: 20px;}
.partner-finder-wrapper .contentFilter button {width: 100%;}
}

/* Resources */

.DS-custom-template .sidebar{}
.DS-custom-template .sidebar .hhs-accordion{border: none !important;background-color: rgba(245, 245, 247, 1);}
.DS-custom-template .sidebar .hhs-accordion li{border: none !important;}

.DS-custom-template .sidebar .hhs-accordion .hhs-accordion-content {
    margin-top: 10px;
}


.DS-custom-template .sidebar{}
.DS-custom-template .sidebar .hhs-accordion{
    border-radius: 12px;
}
.DS-custom-template .sidebar .hhs-accordion li{}
.DS-custom-template .sticky-sidebar .flexi-card-outer {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.DS-custom-template .sticky-sidebar .flexi-card-outer:hover{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transform: scale(1) translateY(-10px);
}
.DS-custom-template .sticky-sidebar .flexi-card-outer .hhs-flexi-card{}
.DS-custom-template .sticky-sidebar .flexi-card-outer .hhs-flexi-card img {min-height: 200px !important;object-fit: cover;}

/* About Page */

.history-wrapper {background: #44a8d4 !important;}
.hhs-profile-card-mod .hhs-profile-card img {padding: 32px;}
.DS-custom-template .hhs-profile-card-mod .hhs-profile-card {box-shadow: 0 0 0px #ddd !important;border: solid 1px #ddd;}
.DS-custom-template .hhs-profile-card-mod .hhs-profile-card img {background: #44a8d4;}
.DS-custom-template .hhs-profile-card-mod .hhs-profile-card .hhs-profile-content {}
.DS-custom-template .hhs-profile-card-mod .hhs-profile-card .hhs-profile-content h4 {color: #44a8d4;font-weight: bold;}
.DS-custom-template .hhs-profile-card-mod .hhs-profile-card .hhs-profile-content h5 {font-size: 14px;}
.company-value-grid .col-sm {
    display: flex;
}
.company-value-grid .hhs-icon-con {
    background: #FFF;
    padding: 20px;
    border-radius: 14px;
    width: 100%;
    transition: all 0.3s ease-out;
}
.hhs-icon-con.icon-top.icon-align-top:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.media-grid.clean-base .c-col-inner {
    border: 1px solid transparent !important;
    background: #F5F5F7 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease-out;
}

.media-grid.clean-base .c-col-inner:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-color: #27A7D2 !important;
}


/* Industry Detail page */

.clean-base.content-sidebar-wrapper .c-2 .c-col-inner {
    border: none !important;
    background-color: #F5F5F7 !important;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

/* Center Video */

.center-video-wrapper .hs-video-container {
    background: rgb(68 168 212 / 30%);
    padding: 20px;
    border-radius: 25px;
}
.center-video-wrapper .hs-video-container iframe {
    border-radius: 20px;
}

.clean-base.shape-card-wrapper .c-col-inner{
  display: flex;
  background: #F5F5F7 url("//4383493.fs1.hubspotusercontent-na1.net/hubfs/4383493/raw_assets/public/CLEAN-6-1-theme-child-zetaris/images/shape-top-right.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border: none !important;
  transition: all 0.3s ease-out;
}

.clean-base.shape-card-wrapper .c-col-inner:hover {
    transform: translateY(-10px);
}

.clean-base.shape-card-wrapper .c-col-inner .hs_cos_wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
}

.clean-base.shape-card-wrapper .c-col-inner .c-content-con {
    display: flex !important;
}

.impact-card-wrapper.hhs-text-mod .col-inner {
    background: #FFF;
    padding: 14px;
    border-radius: 14px;
    transition: all 0.3s ease-out;
}
.impact-card-wrapper.hhs-text-mod .col-inner:hover {
    transform: translateY(-10px);
}

.clean-base.partners-card-wrapper .c-col-inner {
    border-radius: 40px;
    border-top-left-radius: 0;
    transition: all 0.3s ease-out;
}

.clean-base.partners-card-wrapper .c-col-inner:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: translateY(-5px);
}

.shape-card-wrapper div.d-bottom-align, .shape-card-wrapper div.h-bottom-align, .shape-card-wrapper div.e-bottom-align, .shape-card-wrapper div.f-bottom-align {
   position: static !important;
   margin-top: auto;
}

/* Career Page */

.career-slider.hhs-hero-slider .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    margin: 0 4px;
}
 
/* AI Bootcamp */

.clean-base.key-feature-listing .c-col-inner {
    padding: 20px !important;
    background: #F5F5F7;
    border-radius: 14px;
    transition: all 0.3s ease-out;
}

.clean-base.key-feature-listing .c-col-inner:hover {
    transform: translateY(-10px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.clean-base.bootcamp-cards .c-col-inner .card-1 {
    border: 1px solid transparent;
    background: #F5F5F7;
    border-radius: 20px;
    transition: all 0.3s ease-out;
}

.clean-base.bootcamp-cards .c-col-inner .card-1:hover {
    border: 1px solid #27A7D2;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.clean-base.bootcamp-cards .hs-video-container {
    background: #FFF;
    padding: 16px;
    border-radius: 14px;
    transition: all 0.3s ease-out;
}

.clean-base.bootcamp-cards .hs-video-container iframe {
  border-radius: 14px;
}

.clean-base.bootcamp-cards .c-col-inner .card-1:hover .hs-video-container {
    transform: translateY(-5px);
}

.sales-enable-card-wrapper table tr td {
    padding-bottom: 16px !important;
}

/* Data IKU */

.clean-base.industry-solution-cards div.d-bottom-align, .clean-base.industry-solution-cards div.h-bottom-align, .clean-base.industry-solution-cards div.e-bottom-align, .clean-base.industry-solution-cards div.f-bottom-align, .clean-base.industry-solution-cards div.a-bottom-align, .clean-base.industry-solution-cards div.b-bottom-align {
   position: static !important;
   margin-top: auto;
}
.clean-base.industry-solution-cards .c-col-inner{
  border: 0 !important;
  padding: 0 !important;
  display: flex;
}
.clean-base.industry-solution-cards .c-col-inner .c-content-con {
    background: #F5F5F7;
    padding: 40px;
}

.industry-solution-cards .cta-primary {
    background: #2cb1d3;
    border-radius: 50px;
    color: #ffffff !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 23px;
    min-width: 160px;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    border: 1px solid #2cb1d3;
    transform: scale(1);
    box-sizing: border-box !important;
}

.industry-solution-cards .cta-primary:hover {
    color: #2cb1d3 !important;
    background: transparent !important;
}

.industry-solution-cards .cta-tertiary {
    background: transparent;
    border-radius: 50px;
    color: #2cb1d3 !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 23px;
    min-width: 160px;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    border: 1px solid #2cb1d3;
    transform: scale(1);
    box-sizing: border-box !important;
}

.industry-solution-cards .cta-tertiary:hover {
    background: #2cb1d3;
    color: #ffffff !important;
}

.clean-base.industry-solution-cards .c-col-inner .c-content-con {
    display: flex !important;
}

.clean-base.industry-solution-cards .c-col-inner .hs_cos_wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
}

.industry-solution-cards .cta-primary:nth-child(1) {
    margin-right: 12px
}

.industry-solution-cards .cta-tertiary:nth-child(3) {
    margin-top: 12px
}

.inline-icon-grid .hhs-icon-con {
    background: #F5F5F7;
    padding: 20px;
    transition: all 0.3s ease-out;
    border-radius: 12px;
}

.inline-icon-grid .hhs-icon-con:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

@media screen and (max-width: 575px){
  .inline-icon-grid .hhs-icon-con {
    margin-bottom: 20px;
  }
  #hs_cos_wrapper_module_1686897863291 .hhs-icon-mod.inline-icon-grid {
    padding-top: 0;
  }
  
  .clean-base.industry-solution-cards .c-col-inner .c-content-con {
    padding: 30px;
  }
}

/* AI Bootcamp 0 */

.clean-base.gray-card-wrapper .c-col-inner {
    padding: 20px !important;
    margin-top: 0;
    height: 100%;
    text-align: center;
    background: #F5F5F7;
    border-radius: 12px;
    transition: all 0.3s ease-out;
}

.clean-base.white-card-wrapper .c-col-inner {
    padding: 20px !important;
    margin-top: 0;
    height: 100%;
    text-align: center;
    background: #FFF;
    border-radius: 12px;
    transition: all 0.3s ease-out;
}

.clean-base.gray-card-wrapper .c-col-inner:hover, .clean-base.white-card-wrapper .c-col-inner:hover {
    transform: translateY(-10px);
}

.card-no-border.clean-base .c-col-inner {
  border: 0 !important;
}

/* Data SparkCom */

.DS-custom-template #hs_cos_wrapper_widget_1689291244896 {
    border: none !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.DS-custom-template #hs_cos_wrapper_widget_1689291244896 .hs-button {
    border: 1px solid #27a7d2;
    cursor: pointer;
}

.DS-custom-template #hs_cos_wrapper_widget_1689291244896 .hs-button:hover {
    transform: scale(1);
    background: transparent;
    color: #27a7d2 !important;
}

/* Rounded Border for inner */

.rounded-inner-md .c-col-inner {
    border-radius: 14px;
}



/* open-source-table-wrap */

.open-source-table-wrap table {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-color: #f2f2f2 !important;
}

.open-source-table-wrap table td{
  padding: 10px;  
}

.open-source-table-wrap table tr {
    border-bottom: 1px solid #f2f2f2;
}

.open-source-table-wrap table td:nth-child(1), .open-source-table-wrap table td:nth-child(2) {
    border-right: 1px solid #f2f2f2;
}

.clean-base.padding-fourty .c-col-inner{
  padding: 40px !important;
}


.download-and-go .inner-card{
    padding: 16px 24px;
    background: #f5f5f7;
    border-radius: 12px;
    transition: all 0.3s ease-out;
}

.download-and-go .inner-card:hover {
    transform: scale(1.05);
}

.download-and-go .inner-card:not(:last-child) {
    margin-bottom: 16px;
}

.download-and-go.clean-base .c-2 .c-col-inner {
    border: none !important;
    background: #f5f5f7;
}

@media screen and (max-width: 991px) {
  .download-and-go.clean-base .c-2 .c-col-inner table {
    min-width: 445px;
  }  
}

@media screen and (max-width: 767px) {  
  .clean-base.download-and-go .c-1 .c-col-inner {
    padding: 0 !important;
  }
}


/* Blog Pages */

/* Blog List */

.DS-custom-template .body-container-custom-wrapper {
    padding-bottom: 50px;
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post {
    transform: scale(1);
}

.DS-custom-template .body-container-custom-wrapper .hhs-blog-card-inner, .DS-custom-template .body-container-custom-wrapper .blog-index__post--large {
    background-color: #f5f5f7 !important;
    border-radius: 14px;
    box-shadow: none;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.DS-custom-template .body-container-custom-wrapper .blog-recent-posts__post p, .DS-custom-template .body-container-custom-wrapper .blog-index__post--large p, .DS-custom-template .body-container-custom-wrapper .blog-index__post--small p, .DS-custom-template .body-container-custom-wrapper .blog-index__tag-subtitle {
    color: rgb(0 0 0) !important;
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post--large h4.card_post_title a {
    color: rgb(0 0 0) !important;
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post-tags .blog-index__post-tag {
    color: rgb(255 255 255) !important;
    background: #27a7d2 !important;
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post-tags .blog-index__post-tag:hover, .DS-custom-template .body-container-custom-wrapper .blog-index__post-tags .blog-index__post-tag:focus {
    color: rgba(250, 250, 250, 1.0);
    background: #27a7d2;
    transform: translateY(-3px);
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post--small .blog-index__post-image img {
    min-height: 250px;
    max-height: 250px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post--small .hhs-blog-card-inner:hover .blog-index__post-image img {
    transform: scale(1.05);
}

.DS-custom-template .body-container-custom-wrapper .blog-index__post--small .blog-index__post-image {
    overflow: hidden;
}

.DS-custom-template .body-container-custom-wrapper .hhs-blog-card-inner:hover, .DS-custom-template .body-container-custom-wrapper .blog-index__post--large:hover{
     transform: translateY(-10px);
}

.DS-custom-template .body-container-custom-wrapper .hhs-blog-card-inner .reading-minutes , .DS-custom-template .body-container-custom-wrapper .blog-index__post--large .reading-minutes{
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #44a8d4;
    padding: 8px 16px;
    z-index: 1;
    color: #FFF !important;
    border-bottom-right-radius: 14px;
}

.DS-custom-template .body-container-custom-wrapper .dnd-blog-listing .blog-index__post--large.pull-up-card {
    margin-top: 70px;
    position: relative;
    z-index: 2;
}

.DS-custom-template .body-container-custom-wrapper .filter__header .column--4 {
    width: 100%;
    max-width: 340px;
}

.body-container-custom-wrapper .hs-button {
    border: 1px solid #27a7d2;
    cursor: pointer;
}

.body-container-custom-wrapper .hs-button:hover{
    transform: scale(1);
    background: transparent;
    color: #27a7d2 !important;
}

.DS-custom-template .body-container-custom-wrapper a.blog-index__post-button {
    color: #27A7D2 !important;
    font-weight: bold;
}

/* Blog Detail */

.DS-custom-template .post-page-full.body-container-custom-wrapper .blog-header-full {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}


/* Listing no margins */

.listing-no-margin ol, .listing-no-margin ul {
    margin-bottom: 0;
    margin-top: 0;
}

.listing-no-margin .c2 .col-inner {
    padding: 0 !important;
}

/* Hero banner pro */

.DS-custom-template .hs_cos_wrapper .hhs-hero-mod {
    min-height: 662px;
    display: flex !important;
    align-items: center;
}

/* *************** */

/* custom Media Queries (DS) */

@media screen and (max-width: 991px){
  .custom-card-wrapper {    
    grid-template-columns: repeat(3,1fr);
  }
  /*  Industry Detail page   */
  .impact-card-wrapper.hhs-text-mod .c1, .impact-card-wrapper.hhs-text-mod .c2 {
    margin-bottom: 20px;
  }
  
  /* Career Page */
  
  .career-main-content img {
    max-width: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  /* Home banner (pro) */
  .DS-custom-template .hs_cos_wrapper .hhs-hero-mod {
    background-position: center center !important;
    min-height: 578px;    
  }
  a.btn.btn--primary {
    font-size: 14px;
    line-height: 20px;
  }
  .btn--switch {
    padding: 18px 16px;
    font-size: 12px;
  }
  .custom-card-wrapper {   
    padding-top: 25px;
  }
    .custom-card-wrapper {    
    grid-template-columns: repeat(1,1fr);
  }
  
/*  AI bootcamp  */
  
  #hs_cos_wrapper_module_1702869348144 .clean-base.bootcamp-cards .c-1 {
    margin-bottom: 20px;
  }  

}

 @media (max-width: 992px) {
    #hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod .first-col .hhs-col-inner {
      text-align:  center !important;
    }
  }
  @media (max-width: 575px) {
    #hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod .first-col .hhs-col-inner {
      text-align:  center !important;
    }
  }

@media screen and (max-width: 340px) {
  .btn--switch {
    padding: 18px 13px;
  }  
}


/* Custom CSS ends here (DS) */