/* @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    */
/*****************************************/

/*****************************************/
/* Flexi Card Icon Padding Top   */
/*****************************************/

#hs_cos_wrapper_module_16457376347863 .hhs-flexi-card img {
  padding-top: 25px !important;
}


#hs_cos_wrapper_module_16457357428143 .hhs-flexi-card img {
  padding-top: 25px !important;
}

#hs_cos_wrapper_widget_1645728438243 .hhs-flexi-card img {
  padding-top: 25px !important;

}


/*****************************************/
/* Hover Card li White   */
/*****************************************/


.hover-card-li li {
  color: #ffffff;

}

/*****************************************/
/* Testimonial Scroller   */
/*****************************************/

.hhs-testimonial-scroller-mod {
  background-image: url("https://www.inbound281.com/hubfs/2022%20Inbound%20281%20Website/About%20Us/About_Us_TestimonialZone_1920x650.webp");
  background-color: #0082c8;
  background-position: center top; 

}

/*****************************************/
/* Header Hat Padding Top   */
/*****************************************/
.hhs-header-hat .col-12 {
  padding-top: 15px;
}


.submitted-message p {
  font-size: 16px !important;
  font-weight: normal !important;
}


/*****************************************/
/* Card for Testimonials  */
/*****************************************/


.hhs-testimonial-card {
  background: rgba(255, 255, 255, 1);
  padding: 25px;
  -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
  border-bottom-right-radius: 100px;
}


/*****************************************/
/* Tabbed Content  */
/*****************************************/

.hhs-tab-wrapper li {
  flex: 1 1 0%;
  border-left: 0px solid rgba(0,0,0,0.2) !important ;
}


/*****************************************/
/* Sticky Side Image */
/*****************************************/
..sticky-sidebar #hs_cos_wrapper_widget_1682429071277 {
  position: -webkit-sticky; /* for browser compatibility */
  position: sticky !important;
  top: 100px;
  background-color: #00ff00;
  padding: 3px;
}

/*****************************************/
/* Hover Button Blue*/
/*****************************************/

.learn-more {
  width: 18rem;
  height: 75px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.learn-more.blue {
  width: 24rem;
  height: 45px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.learn-more .circle {
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #00a5dc;
  border-radius: 1.625rem;
}

.learn-more .circle .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff !important;
}

.learn-more .circle .icon.arrow {
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
}

.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

.learn-more .button-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #00a5dc !important;
  font-weight: 700;
  line-height: 1.6;
  text-align: center !important;
  text-transform: uppercase;
  transition: color 0.3s;
}

.learn-more:hover .circle {
  width: 100%;
}

.learn-more:hover .circle .icon.arrow {
  transform: translate(1rem, 0);
}

.learn-more:hover .button-text {
  color: #fff !important;
}

/*****************************************/
/* Hover Button Orange                   */
/*****************************************/




.learn-more-orange {
  width: 18rem;
  height: 45px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

.learn-more-orange .circle {
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #f15c22;
  border-radius: 1.625rem;
}

.learn-more-orange .circle .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

.learn-more-orange .circle .icon.arrow {
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
}

.learn-more-orange .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

.learn-more-orange .button-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #f15c22 !important;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.3s;
}

.learn-more-orange:hover .circle {
  width: 100%;
}

.learn-more-orange:hover .circle .icon.arrow {
  transform: translate(1rem, 0);
}

.learn-more-orange:hover .button-text {
  color: #fff !important;
}





/*****************************************/
/* Images for bullets in ul lists*/
/*****************************************/

.list{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.star{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/StarBurst.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}

.clipboard1{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Clip-Board-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}

.clipboard2{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Clip-Board-2.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}

.heart{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Heart-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}

.cube{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Cube-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}

.envelope{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/subscribe%20envelope.webp') no-repeat left top;
  height: 75px;
  padding-top: 20px;
  padding-left: 90px;
}

.pricing1{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing1.webp') no-repeat left top;
  height: 90px;
  padding-top: 10px;
  padding-left: 100px;
}

.pricing2{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing2.webp') no-repeat left top;
  height: 90px;
  padding-top: 10px;
  padding-left: 100px;
}

.pricing3{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing3.webp') no-repeat left top;
  height: 90px;
  padding-top: 10px;
  padding-left: 100px;
}

/*****************************************/
/* Images for bullets in address footer  */
/*****************************************/

.address{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/White%20marker%20Icon20.webp') no-repeat left top;
  height: 70px;
  padding-top: 0px;
  padding-left: 50px;
}
.phone{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/White%20Phone20.webp') no-repeat left top;
  height: 30px;
  padding-top: 0px;
  padding-left: 50px;
}

.email{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/White%20Email%20Icon20.webp') no-repeat left top;
  height: 30px;
  padding-top: 0px;
  padding-left: 50px;
}



/*****************************************/
/* CTA Subscribe Button Inline Offset and Radius */
/*****************************************/



.cta-input-inline .hs_submit {
  position: absolute;
  right: 0;
  top: 7px;
}


.cta-input-inline .hs-button.primary, .cta-input-inline .submit-alt .hs-button.primary {
  margin-right: -180px;
  padding-bottom: 13px;
  padding-top: 14px;
}

.button--primary, .hs-button {
  background-color: #ff530d;
  border: none;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.form-title {
  margin-bottom: 0px !important;
}


.cta-input-inline .hs_email, .cta-input-inline .hs_email input, .cta-input-inline form>div:first-child {
  display: inline-block;
  width: 100%;
  border-radius: 30px;

} 



.hs-form-d91ee304-5dd6-4cde-97a1-016a5156a3f0_c25829b1-fbd4-4151-a530-0fc0062dc85e .button--primary, .hs-button {
    white-space: pre-wrap;
  
   background-color: #16adff !important;
  border: none;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
}

/*****************************************/
/* Quote on Testimonial Cards                 */
/*****************************************/

.card-img-top-testimonials {
  position: absolute;
  top: -20px;
  left: 90%;
  margin-left: -30px;
  width: 40px !important;
  height: 40px;
}

.card-testimonials {
  margin-top: 0px;
  padding-top: 0px;
}



.hhs-flexi-card img {
  -webkit-border-radius: 50px 25px 0 0;
  border-radius: 0px 25px 0 0 !important;
}

.hhs-divider {
  margin: 0 0 20px;
  width: 50px;
}



/*****************************************/
/* accordion + - Style                   */
/*****************************************/

/* Custom style */

.hhs-text-mod .hhs-pull-up .row {
  padding: 0 !important;
}
.hhs-header-cta .cta_button {
  margin-top: 0 !important;
}
/* .body-wrapper .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,.body-wrapper .hhs-header-search a i {
color: rgba(68, 68, 68, 1) !important;
}
*/
.lets-talk-section .c-2{
  flex: 1;
}
.lets-talk-section  .row{
  align-items: center;
}

.hhs-accordion-1 li .hhs-accordion-content {
    padding: 20px 10px 30px !important;
}


.hhs-rich-text.c1 a.accordion-title h4 {
    font-size: 18px !important;
 
}

.hhs-rich-text.c2 a.accordion-title h4 {
    font-size: 18px !important;
}

/*****************************************/
/* Responsive Table                      */
/*****************************************/


:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}

table {
    background-color: transparent;
    border-collapse:collapse;
  	font-family: Arial, Helvetica, sans-serif
}

th {
    text-align:left
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
      font-size: .84em
    }

    .dcf-table tbody {
      border-bottom: 0px solid var(--b-table);
      border-top: 0px solid var(--b-table);
      font-size: .84em
    }

    .dcf-table tfoot {
      font-size: .84em
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 0px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 0px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }

    .dcf-table-bordered thead th {
      padding-top: 1.33em
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    @media only screen and (max-width:42.09em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    
.dcf-w-100\% {
  width: 100%!important;
		}

/*****************************************/
/* Studio 281 Landing Page               */
/*****************************************/
.flickity-viewport {
    margin-bottom: -220px !important;
}

#hs_cos_wrapper_widget_1730920473203 .clean-base {
    margin-top: 155px !important;
}


#hs_cos_wrapper_widget_1720723180228 .clean-base {
    border-radius: 25px !important;
}

.hs-embed-wrapper, .hs-responsive-embed, .hs-responsive-embed-wrapper {

    border-radius: 25px !important;
}


.card {
        width: 250px; /* Adjusted width as specified */
        border: 0px solid #ccc; /* Border for the card */
        overflow: hidden; /* Ensures no overflow outside the border */
        box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Simple shadow for depth */
        font-family: Arial, sans-serif; /* Font styling */
    }
    .card-header {
        display: flex; /* Enables flex layout */
        align-items: flex-start; /* Aligns items at the start of the flex container */
        padding: 0; /* No padding to allow image to touch edges */
    }
    .card-header img {
        width: 50px; /* Width of the image */
        height: 50px; /* Height of the image */
        margin-right: 10px; /* Space between image and text */
    }
    .card-body {
        padding: 10px; /* Padding for the body text */
    }
    .card-footer {
        padding: 10px; /* Padding around the image */
    }
    .card-footer img {
        width: calc(100% - 4px); /* Width minus padding */
        height: auto; /* Height auto to maintain aspect ratio */
        display: block; /* Ensures the image does not have extra space below */
    }

#hs_cos_wrapper_widget_1739455527082 .hhs-video-carousel-mod .col-12 {
  
  padding-left: 0px !important; /* Padding for the body text */
  padding-right: 0px !important; /* Padding for the body text */
}

#hs_cos_wrapper_widget_1739455527082 .hhs-video-carousel-mod .container, .container-fluid {
  
  padding-left: 0px !important; /* Padding for the body text */
  padding-right: 0px !important; /* Padding for the body text */
}

/*****************************************/
/* @media                                */
/*****************************************/


@media (max-width: 430px) {
    @media (max-width: 767px) {
        #hs_cos_wrapper_widget_1720723180228 .time h4 {
             color: #ff530d;
             font-size: 36px !important;
       }
    }
}


@media (max-width: 430px) {
    @media (max-width: 767px) {
        #hs_cos_wrapper_widget_1720723180228 .time p {
            color: #00a5dc;
            font-size: 20px !important;
        }
    }
}


@media (max-width: 430px) {
    @media (max-width: 767px) {
        #hs_cos_wrapper_widget_1720723180228 .clean-base .row {
    padding: 0px !important;
        }
    }
}


@media (max-width: 400px) {
    @media (max-width: 767px) {
        .card {
    width: auto !important;
       }
    }
}


#hs_cos_wrapper_widget_1720723180228 .clean-base .row {
    padding: 30px; 
  }
  
#hs_cos_wrapper_module_1748891813122 .c-video-card img {
    border-radius: 15px; /* adjust this value as needed */
}


/*****************************************/
/* End Studio 281 Landing Page           */
/*****************************************/



/*****************************************/
/* @media                                */
/*****************************************/


@media (max-width: 768px){
  /*   .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
  display: block !important;
} */
}

@media (max-width: 992px){

  .cta-input-inline .hs_submit {
    position: relative;
    right: 0;
    top: 0;
    text-align: left !important;
    width: 100%;
  }
  .hhs-nav-opt-items {
    padding-right: 0 !important;
  }
  .hhs-testimonial-card {
    margin: 10px 0;
  }
  .hhs-form-con.c2 {
    max-width: 100% !important;
    margin-left: 0px;
  }
}
@media (max-width: 991px){
  .hhs-img-hover-con {
    height: 795px !important;
  }
  .hhs-flexi-card-mod .col-md-6{
    margin-bottom: 25px;
  } 
}
@media (max-width: 922px){
  .body-wrapper .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-header-search a i {
    color: #444 !important;
  }
}
@media (max-width: 767px){
  /*   .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
  display: block !important;
} */
  .hhs-img-hover-con {
    height: 590px!important;
  }
}
@media (max-width: 575px){
  .hhs-img-hover-con {
    height: 630px!important;
  }
  


.clipboard1{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Clip-Board-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 5px;
  padding-left: 65px;
}
  
.star{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/StarBurst.webp') no-repeat left top;
  height: 50px;
  padding-top: 0px;
  padding-left: 65px;
}
  
.heart{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Heart-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 1px;
  padding-left: 65px;
}

.clipboard2{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Clip-Board-2.webp') no-repeat left top;
  height: 50px;
  padding-top: 1px;
  padding-left: 65px;
}


.cube{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Home%20Page/Cube-1.webp') no-repeat left top;
  height: 50px;
  padding-top: 10px;
  padding-left: 65px;
}
  
  .pricing1{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing1.webp') no-repeat left top;
  height: 190px;
  padding-top: 0px;
  padding-left: 100px;
}

.pricing2{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing2.webp') no-repeat left top;
  height: 250px;
  padding-top: 0px;
  padding-left: 100px;
}

.pricing3{
  background: url('https://www.inbound281.com/hubfs/2023%20Inbound%20Website/Inbound%20Marketing%20Pricing/pricing3.webp') no-repeat left top;
  height: 225px;
  padding-top: 0px;
  padding-left: 100px;
}
  
}

@media (max-width: 400px){
  .hhs-img-hover-con {
    height: 425px!important;
  }
 
  
  @media (max-width: 767px){
  .countdown {
    display: flex !important;
    text-align: center !important;
}


}