/* CSS variables */

:root {
  --gap: 2.127659574%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--gap));
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--gap));
  }

  .row-fluid .span9 {
    width: calc(75% - var(--gap));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--gap));
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--gap));
  }

  .row-fluid .span6 {
    width: calc(50% - var(--gap));
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--gap));
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--gap));
  }

  .row-fluid .span3 {
    width: calc(25% - var(--gap));
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--gap));
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--gap));
  }
}
/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}


/*  Table of contents

1. Variables
1a. Containers
1b. Colors
1c. Typography
1d. Buttons
1e. Forms
1f. Tables
1g. Website header
1h. Website footer
2. Containers / Grid / DND areas
3. Typography
4. Buttons
5. Forms
6. Tables
7. Website header
8. Website footer
9. Blog
10. System pages
11. Modules
*/

/* #########################################################################
###########################   1. Variables   ############################
######################################################################### */

/* 1a. Containers */





/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */


































/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */






/* #########################################################################
#################   2. Containers / Grid / DND areas   ##################
######################################################################### */
.container { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 20px ;}
.container-width-2000{width: 100%; max-width: 1960px; margin-left: auto; margin-right: auto;}
.dnd-section,
.content-wrapper--vertical-spacing {
    padding: 0;
}


/* ########################   3. Typography   ######################## */

html {
    font-size: 16px;
}

body {
    font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #929292;
    font-size: 16px;
}

/* Paragraphs */

p {
    font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #737373;
}

a:hover,
a:focus {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #4b4b4b;
}

a:active {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #9b9b9b;
}

/* Headings */

h1,
.h1 {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #ffffff;
    font-size: 70px;
    text-transform: none;
    margin-bottom: 5px;
    line-height: 84px;
}

h2,
.h2 {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #929292;
    font-size: 70px;
    text-transform: none;
    margin-bottom: 10px;
    line-height: 70px;
}

h3,
.h3 {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #000000;
    font-size: 30px;
    text-transform: none;
    margin-bottom: 10px;
    line-height: 36px;
}

h4,
.h4 {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #ffffff;
    font-size: 25px;
    text-transform: none;
    margin-bottom: 0px;
    line-height: 30px;
}

h5,
.h5 {
    font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #E76C25;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 0px;
    line-height: 30px;
}

h6,
.h6 {
    font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #929292;
    font-size: 18px;
    text-transform: none;
    margin-bottom: 5px;
    line-height: normal;
}

/* Blockquote */

blockquote {
    border-left-color: #E76C25;
}

/* #########################################################################
###########################   4. Buttons   ##############################
######################################################################### */

button,
.button a{
    border: 1px solid #E76C25;

    padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;

    font-weight: 700; font-style: normal; text-decoration: none;
    background-color: #E76C25;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: capitalize;
}

button:hover,
button:focus,
.button a:hover,
.button a:focus {
    color: #E76C25;
    background-color: #ffffff;
    border: 1px solid #E76C25;
;
}

/* ------ button 2 ------ */
.button2 a{
    border: 1px solid #59BA52;

    padding-top: 18px;
padding-right: 43px;
padding-bottom: 18px;
padding-left: 43px;

    font-weight: 700; font-style: normal; text-decoration: none;
    background-color: #59BA52;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 25px;
    text-transform: capitalize;
}
.button2 a:hover,
.button2 a:focus {
    color: #59BA52;
    background-color: #ffffff;
    border: 1px solid #59BA52;
;
}
/* ------ button 3 ------ */
.button3 a{
    border: 1px solid #ffffff;

    padding-top: 21px;
padding-right: 43px;
padding-bottom: 21px;
padding-left: 43px;

    font-weight: 700; font-style: normal; text-decoration: none;
    background-color: #ffffff;
    border-radius: 0px;
    color: #E76C25;
    font-size: 20px;
    text-transform: capitalize;
}
.button3 a:hover,
.button3 a:focus {
    color: #ffffff;
    background-color: #E76C25;
    border: 1px solid #ffffff;
;
}


/* ##############################   5. Forms   ############################### */

form,
.submitted-message {
    font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
    color: ;
}

/* Labels */

form label {
    color: #737373;
}

/* Help text */

form legend {
    color: #636363;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
    border: 1px solid #F0F0F0;

    background-color: #F0F0F0;
    color: #636363;
    border-radius: 0px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
    color: ;
}

::-moz-placeholder {
    color: ;
}

:-ms-input-placeholder {
    color: ;
}

::placeholder {
    color: ;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
    color: ;
}

.fn-date-picker td.is-selected .pika-button {
    background: #929292;
}

.fn-date-picker td .pika-button:hover {
    background-color: #929292 !important;
}

.fn-date-picker td.is-today .pika-button {
    color: #929292;
}

/* Submit button */

form input[type=submit],
form .hs-button {
    border: 1px solid #E76C25;

    padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;

    font-weight: 700; font-style: normal; text-decoration: none;
    background-color: #E76C25;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: capitalize;
}

/* form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color: rgba(#null, 0.0);
border-color: ;
}

form input[type=submit]:active,
form .hs-button:active {
background-color: rgba(#null, 0.0);
border-color: ;
} */

/* #############################   6. Tables   ############################### */

/* Table */

table {
    
    background-color: {color=#FFFFFF, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#FFFFFF, css=#FFFFFF};
}

/* Table cells */

td,
th {
    
    padding: 18px;

    color: ;
}

/* Table header */

thead th {
    background-color: {color=#929292, opacity=100, rgba=rgba(146, 146, 146, 1), rgb=rgb(146, 146, 146), hex=#929292, css=#929292};
    color: #FFFFFF;
}

/* Table footer */

tfoot td {
    background-color: {color=#FFFFFF, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#FFFFFF, css=#FFFFFF};
    color: ;
}

/* ##########################   7. Website header   ######################### */

.header {
    background-color: #EBEBEB;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
    color: #282828;
    font-family: Lato;
}

.menu__child-toggle-icon {
    border-top-color: #282828;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
    color: #000000;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
    border-top-color: #000000;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
    color: #505050;
}

.menu__child-toggle-icon:active {
    border-top-color: #505050;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
    background-color: #282828;
}

@media (min-width: 767px) {
    .menu .menu__submenu,
    .header__language-switcher .lang_list_class {
        border: 1px solid #E76C25;

        background-color: #E76C25;
    }

    .menu__submenu--level-2 > .menu__item:first-child:before {
        border: 1px solid #E76C25;

        background-color: #E76C25;
    }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
    color: ;
    background-color: #E76C25;
}

.header__language-switcher .lang_list_class:before {
    border-bottom-color: #E76C25;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
    background-color: #EBEBEB;
}

.header__language-switcher .lang_list_class.first-active::after {
    border-bottom-color: #EBEBEB;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
    font-family: Lato;
}

.header__language-switcher-label-current:after {
    border-top-color: #282828;
}

@media(max-width: 767px) {
    .header__navigation {
        background-color: #EBEBEB;
    }

    .header__navigation-toggle svg,
    .menu-arrow svg {
        fill: #282828;
    }
}

/* ##########################   8. Website footer   ######################## */

.footer {
    background-color: #DFDFDF;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
    color: #E76C25;
}

/* #############################   9. Blog   ############################### */

.blog-post,
.blog-header__inner,
.blog-related-posts {
    padding: 0px 0;
}

/* Blog post */

.blog-post__meta a {
    color: #929292;
}

.blog-post__tag-link {
    color: #929292;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
    color: #6a6a6a;
}

.blog-post__tag-link:active {
    color: #bababa;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    text-transform: none;
}

.blog-related-posts__title-link {
    color: #929292;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
    color: #6a6a6a;
}

.blog-related-posts__title-link:active {
    color: #bababa;
}

/* Blog comments */

.blog-comments {
    margin-bottom: 0px;
}

#comments-listing .comment-reply-to {
    color: #737373;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
    color: #4b4b4b;
}

#comments-listing .comment-reply-to:active {
    color: #9b9b9b;
}

/* #########################   10. System pages   ########################## */

.hs-search-results__title {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #ffffff;
}

/* ###########################   11. Modules   ############################# */

/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    text-transform: none;
}

.blog-index__post-title-link {
    color: #929292;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
    color: #6a6a6a;
}

.blog-index__post-title-link:active {
    color: #bababa;
}

.blog-index__post-tag,
.blog-index__post-author-name {
    color: #929292;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
    color: #929292;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
    color: #6a6a6a;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
    color: #bababa;
}

.pagination__link-icon svg {
    fill: #929292;
}

/* Pricing card */

.card__price {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #000000;
    font-size: 30px;
}

.card__body svg {
    fill: #929292;
}

/* Social follow */

.social-links__icon {
    background-color: #929292;
}

.social-links__icon:hover,
.social-links__icon:focus {
    background-color: #6a6a6a;
}

.social-links__icon:active {
    background-color: #bababa;
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    color: #000000;
    font-size: 30px;
}


/* Global Style Declaration -=-=-=-=-=-=-=*/

/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block;  font-size:0; text-index:-9999; cursor:pointer; }
/* .slick-arrow:before { font-family:'FontAwesome'; font-size:14px; } */
/* .slick-arrow:hover { background:#fff; color:#000;  } */
.slick-arrow.slick-prev {left: -60px; right: unset !important;}
.slick-arrow.slick-prev:before { content: ""; background-image: url(https://5761032.fs1.hubspotusercontent-na1.net/hubfs/5761032/LP%20-%20Images%202022/slider-arrow.svg); background-repeat: no-repeat; background-position: center;width: 33px; height: 13px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;transform: rotate(180deg);}
.slick-arrow.slick-next {right: -62px; left: unset !important;}
.slick-arrow.slick-next:before { content: ""; background-image: url(https://5761032.fs1.hubspotusercontent-na1.net/hubfs/5761032/LP%20-%20Images%202022/slider-arrow.svg); background-repeat: no-repeat; background-position: center;width: 33px; height: 13px;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}
/* .slick-arrow.slick-disabled { display:none; } */

ul.slick-dots { margin:0; padding:0; list-style:none; float:none; width:100%;}
ul.slick-dots { text-align:center; padding: 25px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 3px; }
ul.slick-dots li button { display:inline-block; background-color: rgba(231, 108, 37, 0.2); width:13px; height:13px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; padding:0;border: unset;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: #E76C25; }

* { box-sizing:border-box; -webkit-box-sizing: border-box; margin:0; padding:0; }

img { max-width:100%; height:auto; border:none; vertical-align:middle; }

p { margin:0; }
* + p { margin-bottom: 10px }
i, em, a{display: inline-block;}
a{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a.cta_button {-moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;}
/* input[type=submit] { cursor:pointer; background-image:url('//1831846.fs1.hubspotusercontent-na1.net/hubfs/1831846/blank.png') !important;  } */

::-moz-selection { color:#fff; background:#1b2f4d; }
::selection { color:#fff; background:#1b2f4d; }

.clearfix { display:block;}
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

.white-font{ color: #ffffff; }
.grey-bg { background-color:#FAFAFA; }
.orange-bg { background-color: #E76C25; }

ul{ list-style-type: none; margin: 0; }

.d-flex {display: flex;flex-wrap:wrap;}
.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-column-reverse {flex-direction: column-reverse;}
.justify-content-end { justify-content: end; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.justify-content-evenly { justify-content: space-evenly; }
.align-items-start { align-items: start; }
.align-items-end { align-items: end; }
.align-items-center { align-items: center; } 
.align-items-baseline { align-items: baseline; }
.align-items-stretch { align-items: stretch; }

.position-absolute{position: absolute;}
.position-relative{position: relative;}
.position-fixed{position: fixed;}
.position-sticky{position: sticky;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

/* Widths */
.fl { float:left; }  
.fr { float:right; }  
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top;  }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

.mw25 { max-width:25%; width: 100%; }
.mw33 { max-width:33.33%; width: 100%; }
.mw40 { max-width:40%; width: 100%; }
.mw50 { max-width:50%; width: 100%; }
.mw60 { max-width:60%; width: 100%; }
.mw66 { max-width:66.66%; width: 100%; }
.mw75 { max-width:75%; width: 100%; }
.mw100 { max-width:100%; width: 100%; }

/*unique paddings*/
.pl0 { padding-left:0; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }

.pr0 { padding-right:0; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }

.pb0 { padding-bottom:0; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px  }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb120{padding-bottom: 120px;}

.pt0 { padding-top:0; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px  }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100{padding-top: 100px;}
.pt120{padding-top: 120px;}

.p10{padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;}
.px10{padding-left: 10px; padding-right: 10px;}
.px15{padding-left: 15px; padding-right: 15px;}

.py20{padding-top: 20px; padding-bottom: 20px;}
.py35{padding-top: 35px; padding-bottom: 35px;}
.py40{padding-top: 40px; padding-bottom: 40px;}
.py50{padding-top: 50px; padding-bottom: 50px;}
.py60{padding-top: 60px; padding-bottom: 60px;}
.py100{padding-top: 100px; padding-bottom: 100px;}

.mr10{margin-right: 10px;}
.mr25{margin-right: 25px;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb75{margin-bottom: 75px;}
.my10{margin-top: 10px; margin-bottom: 10px;}
.mx-auto{margin-left: auto; margin-right: auto;}

/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; }
/* <<<<<< For Hubspot */

.custom-ul ul{padding-left: 20px; margin-bottom: 22px;}
.custom-ul li{font-size: 14px; line-height: 20px; color: #929292; position: relative;}
.custom-ul li::before{content: ""; position: absolute; background-color: #E76C25; width: 5px; height: 5px; border-radius: 50%; left: -20px; top: 7px;}

/* ----- header ---- */
.mobile-trigger{display: none;}
.header-container{max-width: 1130px; padding: 0 20px;margin: 0 auto;width: 100%;}
.header-section .site-logo {margin-right: 54px; min-width: 158px;}
.header-section .header-navigation ul{display: flex; align-items: center;}
.header-section .header-navigation ul li{position: relative; padding: 5px 0; padding-right: 47px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header-section .header-navigation ul li a{font-weight: 400; color: #282828;}
.header-section .header-navigation ul li a:hover{color: #E76C25; }
.header-section .header-navigation ul li ul.hs-menu-children-wrapper {position: absolute; z-index: 99; background-color: #E76C25; display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #E76C25;
; width: 100%; margin-top: 5px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header-section .header-navigation ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper{opacity: 1; visibility: visible;}
.header-section .header-navigation ul li.hs-item-has-children a{position: relative;}
.header-section .header-navigation ul li.hs-item-has-children a::after{content: ""; position: absolute; background-image: url(https://5761032.fs1.hubspotusercontent-na1.net/hubfs/5761032/LP%20-%20Images%202022/select-dropdown.svg); width: 12px; height: 7px; right: -21px; top: 8px; background-size: 12px; background-repeat: no-repeat;}
.header-section .header-navigation ul li.hs-item-has-children:hover a::after{transform: rotate(180deg); top: 7px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header-section .header-navigation ul li ul li{padding-right: 0px; display: block; width: 100%; padding: 0px 0;}
.header-section .header-navigation ul li ul li:first-child{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.header-section .header-navigation ul li ul li a{color: #ffffff; font-size: 15px; padding: 7px 12px; display: block; background-color: rgba(255, 255, 255, 0);}
.header-section .book-btn a{font-size: 16px;padding: 7px 35px 10px; border-radius: 40px; line-height: 19px;}
.header-section .header-navigation ul li ul li a:hover{color: #E76C25; background-color: #ffffff;}
.header-section a.expandMenu {display: none;}

/* ---- footer ---- */
.footer-section .footer-logo {margin-right: 22px; min-width: 158px; padding-right: 15px; border-right: 1px solid #737373;}
.footer-section .social-icons{min-width: 200px;}
.footer-section .social-icons a{border: 1px solid #E76C25; border-radius: 50%; margin-right: 8px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;}
.footer-section .social-icons a:last-child{margin-right: 0px;}
.footer-section .social-icons a svg{height: 15px; width: 15px; fill: #E76C25;}
.footer-section .social-icons a:hover{background-color: #E76C25;}
.footer-section .social-icons a:hover svg{fill: #ffffff;}
.footer-section .social-icons a span{line-height: 0;}
.footer-site-link{display: none;}

/* ---- banner ---- */
.banner-wrap {background-repeat: no-repeat;}
.banner-content p{color: #ffffff;font-size: 40px; line-height: 48px;}
.banner-icon {box-shadow: 0px 0px 30px 10px rgba(255, 255, 255, 0.35); display: inline-block; border-radius: 50%;}
.banner-icon img{min-width: 111px;}
.banner-main {display: flex; align-items: center; padding-top: 250px; padding-bottom: 147px;}
.banner-img img{position: absolute; right: -90px; bottom: -145px;}

/* ---- about ---- */
.about-section{padding-top: 210px; padding-bottom: 135px;}
.about-main h3{font-size: 40px; line-height: 48px; margin-bottom: 22px;}
.about-implant p{font-size: 18px; line-height: 30px; margin-bottom: 0px; padding-right: 20px;}
.about-content p{font-size: 16px; line-height: 25px; margin-top: 20px;}
.abt-img-title {font-size: 18px; line-height: 20px; color: #929292; font-weight: 700;}
.abt-img-circle {width: 43px; height: 43px; text-align: center; padding: 5px 0px; border-radius: 50%;}
.about-device-img img{max-width: 100%; min-height: 277px;}
.new-device svg{position: absolute; top: 30px; left: 20px;}
.about-device-img {min-height: 286px;}

/* ---- slider ---- */
.slider-container {max-width: 1490px;}
.slider-section{background-color: #929292;}
.section-title h3{margin-bottom: 0; text-transform: uppercase;}
.slider-img{position: relative; overflow: hidden; background: radial-gradient(90.94% 90.94% at 50% 50%, rgba(231, 108, 37, 0.4) 0%, #E76C25 100%); height: 342px;}
.slider-img::before{content: ""; position: absolute; background: linear-gradient(0deg, #E76C25 0%, rgba(231, 108, 37, 0) 55.56%); z-index: 9; top: 0; left: 0; right: 0; bottom: 0;}
/* .slider-wrap { border-bottom: 3px solid #E76C25; background-color: #ffffff;} */
.slider-img-wrap {position: relative;}
.slider-img-wrap .slider-h4{position: absolute; bottom: 26px; left: 36px; z-index: 9;}
.slider-wrap .slider-content{ padding: 20px 20px 25px 35px;}
.slider-content h6{font-size: 14px; line-height: 30px; color: #616161; font-weight: 700; margin-bottom: 3px;}
.slider-img img{position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
.slider-main .slick-arrow, .testimonial-main .slick-arrow { width: 52px; height: 52px; border-radius: 50%; background-color: #E76C25;}
.slider-main button.slick-arrow.slick-disabled, .testimonial-main button.slick-arrow.slick-disabled {opacity: 0.5; pointer-events: none;}
.slider-main .slick-track, .testimonial-main .slick-track{display: flex;}
.slider-main .slick-slide, .testimonial-main .slick-slide{height: auto !important; margin: 0 27px;}
.slider-main .slick-slide{border-bottom: 3px solid #E76C25; background-color: #ffffff;}
/* .slider-main .slick-slide div:first-child, .testimonial-main .slick-slide div:first-child{height: 100%;} */

/* ---- image text section ---- */
.text-part h2{margin-bottom: 40px;}
.text-part p{font-size: 18px; line-height: 25px; color: #616161; font-weight: 700; margin-bottom: 20px;}
.text-part ul li{font-size: 18px; line-height: 26px; margin-bottom: 5px; padding-right: 10px;}
.text-part.custom-ul li::before{top: 11px;}
.image-part img{position: relative; top: -90px;}
.platform-main .custom-ul ul{column-count: 2;}
/* .row-reverse{flex-direction: row-reverse;} */
.package-section{padding-bottom: 110px; padding-top: 100px;}
.package-section .custom-ul ul{column-count: unset;}
.package-section .cta_button, .package-section a {padding: 10px 52px;}
.fancybox-button:focus, .fancybox-button:hover{background-color: #E76C25;}

/* ---- testimonial ---- */
.testimonial-img-wrap{background: radial-gradient(90.94% 90.94% at 50% 50%, rgba(150, 150, 150, 0.4) 0%, #3E3E3E 100%); padding-top: 10px;}
.testimonial-content{padding: 20px 35px 50px;}
.testimonial-card{max-width: 430px; }
.client-name h5{font-weight: 700; margin-bottom: 10px;}
.client-name p, .client-designation p{font-size: 16px; line-height: 20px; color: #E76C25;}
.client-name{margin-bottom: 30px;}
.client-designation{border-top: 1px solid #E76C25; border-bottom: 1px solid #E76C25; margin-bottom: 30px;}
.client-designation p{padding: 15px 0;}
.client-review p{font-size: 14px; color: #929292; line-height: 20px; font-weight: 700;}
.testimonial-main .slick-slide{border-bottom: 3px solid #E76C25; background-color: #F8F8F8;}
.testimonial-section {padding-bottom: 130px;}

/* ---- download ---- */
.download-section{background-color: #E76C25;}
.download-image {margin-bottom: 15px;}
.download-btn .button3 .cta_button, .download-btn .button3 a {min-width: 377px; position:relative;}
.download-btn .button3 .cta_button::after, .download-btn .button3 a::after{content: ""; position: relative; display:inline-block; background-image: url(https://5761032.fs1.hubspotusercontent-na1.net/hubfs/5761032/LP%20-%20Images%202022/download.svg); background-repeat: no-repeat; width: 18px; height: 18px;left: 15px;top: 2px;}
.download-btn .button3 .cta_button:hover::after, .download-btn .button3 a:hover::after, .download-btn .button3 a:focus::after{filter: brightness(0) invert(1);}

/* ---- Book Product Main ---- */
.book-product-main h3{padding: 0 20px; text-align: center; margin-bottom: 100px; text-transform: capitalize; }
.book-form{padding-left: 200px;}
.book-form form {margin-top: -28px; padding-right: 45px;}
.book-form form label{font-size: 18px;line-height: 22px; margin-bottom: 5px; display: inline-block;}
.book-form form fieldset{max-width: unset; position: relative;}
.book-form form fieldset .input{margin-right: 0px !important;}
.book-form form fieldset select{width: 100% !important; padding: 18px 22px; font-size: 14px; line-height: 17px; margin-bottom: 30px; outline: none; appearance: none; background-image: url(https://5761032.fs1.hubspotusercontent-na1.net/hubfs/5761032/LP%20-%20Images%202022/select-dropdown.svg); background-repeat: no-repeat; background-position: 96% center;}
.book-form form fieldset select option{padding: 10px 20px; font-size: 16px;}
.book-form form fieldset input{margin-bottom: 30px; }
.book-form form input[type="email"], 
.book-form form input[type="text"],
.book-form form input[type="email"],
.book-form form input[type="tel"] {padding: 18px 22px; font-size: 14px; line-height: 17px; width: 100%; outline: none;}
.book-form form fieldset ul.hs-error-msgs{padding-left: 0; position: absolute; margin-bottom: 0 !important; bottom: 5px;}
.book-form form label.hs-error-msg{font-size: 13px; line-height: normal; color: #f00; margin-top: 3px;}
.book-form form fieldset h6{color: #737373; font-weight: 900; margin-bottom: 25px; font-size: 18px; line-height: 22px;}
.book-form form fieldset ul.inputs-list li span{color: #737373; margin-bottom: 12px; font-size: 14px; line-height: 17px;}
.book-form form fieldset ul.inputs-list li input{margin-right: 10px; margin-bottom: 0;}
.book-form form fieldset ul.inputs-list{margin-bottom: 15px;}
.book-form form .hs_submit {padding-top: 15px;}
.book-form form .hs_submit input[type="submit"]{font-size: 20px; padding: 18px 56px; line-height: 30px; cursor: pointer;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.book-form form .hs_submit input[type="submit"]:hover{background-color: #ffffff; color: #E76C25; }
.book-form .form-title{display: none;}
.book-form form fieldset ul.inputs-list li a{text-decoration: underline;}
.book-form form fieldset ul.inputs-list li a:hover{color: #000;}
.book-form form fieldset ul.inputs-list li.hs-form-booleancheckbox input{position: relative; outline: none; width: 20px; height: 20px; border: 1px solid #929292; position: relative; top: 2px; box-shadow: 0 0 0 1px inset #929292; appearance: none;}
.book-form form ul.inputs-list li.hs-form-booleancheckbox input[type="checkbox"]:checked{background-color: #E76C25; border: 1px solid #E76C25; box-shadow: 0 0 0 1px inset #E76C25;}
.book-form form ul.inputs-list li.hs-form-booleancheckbox input[type="checkbox"]:checked::before{content: ""; position: absolute; display: inline-block; transform: rotate(45deg); height: 12px; width: 6px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; left: 5px;}
.book-form form fieldset .hs-fieldtype-booleancheckbox ul.hs-error-msgs{bottom: 0px; padding-left: 30px;}
.book-form .hs_error_rollup{display: none;}
/* .book-form .hs_error_rollup ul{padding-left: 0; position: absolute; margin-bottom: 0 !important; bottom: -15px;}
.book-form .hs_error_rollup ul li label{font-size: 15px; line-height: normal; color: #f00; margin-top: 3px;} */
.book-form form fieldset ul li.hs-form-booleancheckbox label{display: flex;}
.book-form form fieldset ul li.hs-form-booleancheckbox label span{width: 92%;}
.book-form form .form-columns-2{display: flex;justify-content: space-between;}
.book-form form .form-columns-2 div:first-child{margin-right: 25px;}
.book-form form .form-columns-2 label{display: block; text-align: left;}
.submitted-message { text-align:  center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem; }





/* ----- responsive ----- */
@media(max-width: 1600px) {
    .container{max-width: 1320px;}
    .slider-container {max-width: 1360px;}
    .button2 a{font-size: 22px;}
    .pt120 {padding-top: 90px;}
     h2, .h2{font-size: 55px; line-height: 60px;}
     h4, .h4{font-size: 22px;line-height: 26px;}
    
    .about-image-wrap{flex-wrap: nowrap;}
    .new-device svg{top: 20px; left: 10px;}
    .about-device-img, .about-device-img img {min-height: 200px;}
    .book-form {padding-left: 50px;}
    .book-form form .hs_submit {padding-top: 0;}
    .book-form form .hs_submit input[type="submit"] {font-size: 18px;padding: 14px 56px;}
    .book-form form fieldset h6 {margin-bottom: 20px;}
    .book-form form fieldset ul.inputs-list li span{margin-bottom: 10px;}
    .book-form form fieldset input {margin-bottom: 20px;}
    .slider-main .slick-slide, .testimonial-main .slick-slide{margin: 0 20px;}
    .slick-arrow.slick-prev {left: -51px;}
    .slick-arrow.slick-next {right: -51px;}
    .text-part h2 {margin-bottom: 30px;}
    .image-part img {top: -50px;}
    .package-section {padding-bottom: 30px;}
    .about-section {padding-top: 150px;padding-bottom: 100px;}
    .banner-img img{right: 0;}
    .book-form form fieldset ul.hs-error-msgs{bottom: -4px;}
}
@media(max-width: 1430px) and (min-width: 1200px) {
    .container {max-width: 1110px;}
    .about-image-wrap {flex-wrap: nowrap;}
    .about-content {padding-right: 30px;}
    .slider-container {max-width: 1150px;}
    .slider-img{height: 280px;}
    .slider-main .slider-img img{max-width: 210px !important;}
    .slider-main .slick-arrow{ width: 40px;height: 40px;}
    .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before{width: 20px;height: 9px; background-size: 20px;}
    .slick-arrow.slick-prev {left: -33px;}
    .slick-arrow.slick-next {right: -33px;}
    .new-device svg{max-width: 90px; top: 10px;}

}
@media(max-width: 1199px) {
    .container {max-width: 960px;}
    .slider-container {max-width: 980px;}
    .header-container{max-width: 960px;}
    .header-section .site-logo {margin-right: 45px;}
    .header-section .header-navigation ul li {padding-right: 40px;}
    .header-section .book-btn a {padding: 8px 15px 11px;}
    .book-form {padding-left: 20px;}
    .banner-icon img {min-width: 100px;}
    h1, .h1{font-size: 60px;line-height: 70px;}
    h2, .h2 {font-size: 44px;line-height: 50px;}
    h3, .h3{font-size: 26px;line-height: 30px;}
    h4, .h4{font-size: 20px;line-height: 24px;}
    .mr25 {margin-right: 20px;}
    .mb40 {margin-bottom: 20px;}
    .pt70 {padding-top: 50px;}
    .button2 a{font-size: 20px;}
    .banner-content p {font-size: 34px;line-height: 40px;}
    .banner-main {padding-top: 180px; padding-bottom: 140px;}
    .banner-img img{max-width: 250px;bottom: -140px;}
    .about-implant.mw50{max-width: 100%;}
    .about-main h3 {font-size: 36px;line-height: 40px; margin-bottom: 20px;}
/*     .about-device-img img {max-width: 230px;} */
/*     .about-device-img {min-height: 210px;} */
    .abt-img-title {font-size: 16px;}
    .new-device svg{max-width: 80px; top: 0px;}
    .slider-img{height: 240px;}
    .slider-img-wrap .slider-h4{ bottom: 15px;left: 0;padding: 0 20px;}
    .slider-wrap .slider-content {padding: 20px 20px 20px 25px;}
    .slider-main .slick-slide{margin: 0 10px; }
    .slider-main .slick-arrow{ width: 40px;height: 40px;}
    .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before{width: 20px;height: 9px; background-size: 20px;}
    .slick-arrow.slick-prev {left: -33px;}
    .slick-arrow.slick-next {right: -33px;}
    .slider-main .slider-img img{max-width: 210px !important;}
    .testimonial-content {padding: 20px 25px 30px;}
    .about-content h2 br{display: none;}
    .about-implant {margin-bottom: 45px;}
    .book-form form {padding-right: 20px;}
    .book-product-main h3{margin-bottom: 60px;}
}
@media (min-width:992px) {
    .mobileshow{display:none;}
}
@media (min-width:481px) {
    .mobile-banner-bg{display:none;}
}
@media (max-width:991px) {
    .container {max-width: 720px;}
    .slider-container {max-width: 740px;}
    .pt60 {padding-top: 40px;}
    .pb80 {padding-bottom: 60px;}
    .pt70 {padding-top: 40px;}
    .button2 a {font-size: 16px; line-height: 30px; padding: 9px 40px;}
    .py40 {padding-top: 20px; padding-bottom: 20px;}
    .flex-column {flex-direction: column;}
    .py100 {padding-top: 40px; padding-bottom: 40px;}
    .mw50 {max-width: 100%;}
    h1, .h1{font-size: 48px;line-height: 60px;}
    h2, .h2 {font-size: 35px;line-height: 38px;}
    h3, .h3{font-size: 18px;line-height: 22px;}
    h4, .h4, h5, .h5{font-size: 16px;line-height: 20px;}
    
    .header-section .book-btn a {padding: 8px 35px 11px;}
    .header-section .book-btn a span{display: none;}
    .header-container {padding: 0 30px;}
    .header-section .header-navigation ul li.hs-item-has-children a::after{display: none;}
    .header-section .header-navigation ul{flex-direction: column;}
    .header-section .header-navigation .hs-menu-wrapper {border-top: 2px solid #E76C25; background-color: #EBEBEB; color: #282828;left: 0;margin: auto; max-width: unset;padding: 0px;
        position: absolute;	right: 0; top: 85px;width: 100%; display: none;}
    .header-section .book-btn {margin-right: 60px;}
    .header-section .header-navigation ul li {padding-right: 0px; width: 100%;}
    .header-section .header-navigation ul li a{line-height: 40px; display: block; padding: 0px 20px;}
    .header-section .header-navigation ul li ul.hs-menu-children-wrapper{position: unset; border-radius: unset;opacity: unset; visibility: unset; display: none; background-color: #EBEBEB; border: unset; margin-top: 0;}
    .header-section .header-navigation ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper{display: none;}
    .header-section .header-navigation ul li ul li{padding: 0px 0;}
    .header-section .header-navigation ul li ul li a{padding: 0px 12px; padding-left: 30px; color: #929292;}

    .mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
        border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; max-width: none;width: 100%;height: auto;
        text-decoration: none;text-indent: 0px;}
    a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 33px; right: 30px; width: 44px; height: 44px; padding: 12px 10px;
        z-index: 99999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
        border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in;}
    a.mobile-trigger:hover { text-decoration: none; color: #fff;}
    a.mobile-trigger span{ display: inline;}
    a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; background-color: #3c455c; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }

    /* Change button when menu is open */
    .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; }
    .mobile-open a.mobile-trigger span:after{ opacity: 1; }

    /* Toggle Button Icon & Animations */
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;
        transition-duration: 0s; transition-delay: .2s;}
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 2px; background-color: #4A4A4A; display: inline-block;}
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}

    /* Child Toggle Button */
    span.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 45px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20);}
    span.child-triggerm:hover { text-decoration: none;}

    /* Child Toggle Button Icon & Animations */
    span.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
    span.child-triggerm span:after { position: absolute; content: '';}
    span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 1px; background-color: #E76C25; display: block;}
    .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #FFF; }
    span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}

    /* Menu Styles on Mobile Devices */ 
    .header-section{position: relative;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;} 
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; top: 100%; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.30);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.30);}
    .mainmenu .hs-menu-flow-horizontal{ padding: 40px 0 0 0; background-color: #3c455c; width: 100%; z-index: 8888;}
    .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative;}
    .mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 20px; line-height: 40px;}
    .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #E76C25; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
    .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 15px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px;}
    /* Menu Styles End */ 
    
    .pb120 {padding-bottom: 30px;}
    .pt120 {padding-top: 30px;}
    .banner-img img {max-width: 180px; bottom: 0;}
    .banner-icon{margin-bottom: 10px;}
    .banner-content p{font-size: 28px; line-height: 30px;}
    .about-implant p{padding-right: 0;}
    .desktopshow{display:none;}
    .about-implant, h2, .h2, .abt-img-title{text-align: center;}
    .abt-img-circle.mr10{margin-right: 0; margin-bottom: 10px;}
    .about-section{ padding-top: 40px;padding-bottom: 40px;}
    .about-section .about-implant.mb75{margin-bottom: 35px;} 
    .about-wrapper .mobileshow p{font-size: 14px; line-height: 20px;text-align: center;padding-top: 35px;}
    .section-title img{max-width: 40px !important;}
    .section-title .mr25{margin-right: 10px;}
    .slider-img {height: 215px;}
    .slider-main .slider-img img{max-width: 190px !important;}
    .platform-section{padding-top: 40px;padding-bottom: 40px;}
    .platform-main .img-text-section h2{text-align: left;}
    .platform-main .image-part img{width: 300px; margin-top: -50px; top: 0; margin-bottom: 30px;}
    .text-part p{font-size: 16px; line-height: 22px;}
    .text-part ul li {font-size: 14px; line-height: 20px;margin-bottom: 5px; padding-right: 0px;}
    .text-part.custom-ul li::before {top: 7px;}
    .custom-ul ul{margin-bottom: 10px;}
    button, .button a{font-size: 16px; line-height: 20px;}
    .package-section .cta_button, .package-section a {padding: 15px 52px;}
/*     .testimonial-card {        margin: 10px auto;    max-width: 300px;} */
    .testimonial-img-wrap {padding-top: 0;height: 180px;overflow: hidden;}
    .testimonial-img-wrap img{width: auto; height: 100% !important; }
    .testimonial-content{padding: 20px;}
    .testimonial-main .slick-track{flex-wrap: wrap;}
    .client-name p, .client-designation p {font-size: 14px;}
    .client-name {margin-bottom: 15px;}
    .client-designation p {padding: 10px 0;}
    .client-designation{margin-bottom: 15px;}
    .client-review p{margin-bottom: 5px;}
/*     .testimonial-main .testimonial-card:last-child {    margin-right: auto;}    */
    .download-image img{height: 50px !important;}
    .download-image {margin-bottom: 0;}
    .button3 a{font-size: 16px; padding: 9px 40px; line-height: 30px;}
    .download-btn .button3 .cta_button, .download-btn .button3 a {min-width: 300px;}
    .book-form {padding: 0 20px 10px;}
    .book-form form {margin-top: 0;}
    .book-product-main h3 {margin-bottom: 30px;}
    .book-form form label {font-size: 14px; line-height: 20px;}
    .book-form form fieldset select{width: 100% !important;}
    .book-form form fieldset.form-columns-2 .hs-form-field{width: 100%;float: none;}
    .book-form form .hs_submit{text-align: center;}
    .book-form form fieldset h6{font-size: 16px;line-height: 20px; margin-bottom: 15px;}
    .book-form form input[type="email"], .book-form form input[type="text"], .book-form form input[type="email"], .book-form form input[type="tel"]{width: 100% !important;}
    .book-form form .hs_submit input[type="submit"]{font-size: 16px;}
    .book-image{display: none;}
    .slider-main .slick-track{flex-wrap: wrap;}
/*     .testimonial-main-wrap .section-title {margin-bottom: 10px;} */
    .pb120 {padding-bottom: 70px;}
    .platform-main .custom-ul ul{column-count: unset;}
    .about-image-wrap {flex-wrap: nowrap;}
    .book-form form fieldset ul.hs-error-msgs{bottom: 21px; position: relative;}
    .book-form form fieldset .hs-fieldtype-booleancheckbox ul.hs-error-msgs{bottom: 22px;}
    .mobileshow .text-left{text-align: center;}
    .testimonial-main .slick-slide{margin: 0 10px;}
    .new-device svg{top: 20px;left: 40px;}
    .book-form form {padding-right: 0px;}
}
@media (max-width: 767px) {
/*     .container {max-width: 540px;} */
    .header-section .book-btn a {padding: 8px 20px 11px;}
    .footer-site-link{display: block;}
    .footer-wrapper{flex-direction: column; padding-top: 33px; padding-bottom: 30px;}
    .footer-section .footer-logo{margin-right: 0; min-width: unset; padding-right: 0; border-right: 0; width: 114px; margin-bottom: 18px;}
    .footer-section .social-icons {min-width: unset;}
    .footer-site-link a{color: #000; font-size: 12px; line-height: 16px;}
    h2, .h2 {font-size: 30px; line-height: 38px;}
    h1, .h1 {font-size: 35px; line-height: 42px;}
    .banner-content p {font-size: 20px; line-height: 24px;}
    .banner-icon img {min-width: unset; width: 65px;}
    .about-main h3 {font-size: 18px; line-height: 22px; margin-bottom: 10px;}
    .about-section .about-implant.mb75 {margin-bottom: 25px;}
    .about-implant p { font-size: 14px; line-height: 20px;}
    .about-content h2{font-size: 35px;}
    .abt-img-circle.mr10 {margin-right: 0;margin-bottom: 5px;width: 30px; height: 30px;}
    .abt-img-title {font-size: 14px; line-height: 16px;}
    .about-device-img img {min-height: unset;max-width: 100%;width: auto;}
    .about-device-img {min-height: 200px; width: 200px;display: flex;align-items: flex-end;justify-content: center;}
    .abt-img-circle img{width: 20px;}
    .new-device svg {max-width: 60px; left: 10px; top: 0px;}
    .slider-main .slick-slide, .testimonial-main .slick-slide {margin-left: 0; margin-right: 30px;}
    .mw40, .mw50, .mw60 {max-width: 100%;}
    .book-form form fieldset select{background-size: 10px;}
    .book-form form fieldset ul.inputs-list li.hs-form-booleancheckbox input{width: 15px;height: 15px;}
    .book-form form fieldset input {margin-bottom: 15px;}
    .book-form form ul.inputs-list li.hs-form-booleancheckbox input[type="checkbox"]:checked::before{height: 8px; left: 4px;width: 4px;}
    .book-form form input[type="email"], .book-form form input[type="text"], .book-form form input[type="email"], .book-form form input[type="tel"], .book-form form fieldset select{padding: 10px 15px;}
    .book-form form fieldset ul.hs-error-msgs{bottom: 13px;}
    .book-form form fieldset .hs-fieldtype-booleancheckbox ul.hs-error-msgs{padding-left: 25px;}
    .banner-img img {max-width: 140px;bottom: 50px;}
    .testimonial-section {padding-bottom: 30px;}
}
@media (max-width: 575px) {
    .slider-main .slick-slide, .testimonial-main .slick-slide{ margin-left: 0; margin-right: 20px;}
}
@media (max-width: 480px) {
    .button2 a, button, .button a{width: 100%; text-align: center;}
    .download-btn .button3 .cta_button, .download-btn .button3 a{min-width: unset; width: 100%;}
    .header-section .book-btn a {padding: 8px 20px 11px;}
    .header-section .site-logo {margin-right: 20px; min-width: unset; width: 110px;}
    .header-section .book-btn a {padding: 4px 10px 5px; font-size: 12px; min-width: 117px; text-align: center;}
    .header-section .book-btn {margin-right: 35px;}
    .mainmenu .hs-menu-flow-horizontal ul li a{line-height: 30px; font-size: 14px;}
    .header-section .header-navigation ul li ul li a{font-size: 14px; padding-left: 25px;}
    span.child-triggerm{width: 30px !important; min-width: unset !important; height: 30px !important;top: 5px;}
    a.mobile-trigger{top: 11px; right: 15px;}
    a.mobile-trigger i:after{margin-top: 7px;}
    a.mobile-trigger i:before{margin-top: -7px;}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after{width: 19px;}
    .header-wrapper.py35 {padding-top: 20px;padding-bottom: 20px;}
    
    .mobile-banner-bg{display:block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden;}
    .mobile-banner-bg img{width: 100%;}
    .banner-main {padding-top: 240px;padding-bottom: 50px;display: block;}
    .banner-img img {max-width: 100px;bottom: 0px; }
    .about-device-img img {max-width: 170px;}
    .about-device-img {min-height: 170px;}
    .about-image-wrap > div:first-child{margin-right: -25px;}
    .about-image-wrap > div:first-child .about-device-img img{margin-right: -10px;}
    .new-device svg {max-width: 60px;}
    .banner-wrap {min-height: 480px; z-index: 1; background-image: unset !important;}
    .banner-wrap .baseModuleOverlay{background: unset !important;}
    .banner-wrap::before{content: ""; position: absolute; background: radial-gradient(42.19% 100.52% at 52.19% 54.82%, rgba(231, 108, 37, 0) 0%, #E76C25 100%); left: 0; right: 0; top: 0; z-index: 1; height: 440px;}
    .banner-wrap::after{content: ""; position: absolute; background: linear-gradient(0deg, #E86D26 30.79%, rgba(232, 109, 38, 0) 93.61%); left: 0; right: 0; bottom: 0; z-index: 1; height: 330px;}
    .book-form form .hs_submit input[type="submit"] {padding: 14px 10px;width: 100%;}
/*     .book-product-main h3{padding: 0 40px;} */
    .slider-main .slick-slide, .testimonial-main .slick-slide {margin-right: 10px;}
    .banner-content {padding-right: 90px;}
    .mobile-container {max-width: 290px !important; margin-left: auto; margin-right: auto;}
    .img-text-section .mobileshow p{max-width: 290px; margin-left: 0; margin-right: auto;}
    .about-section .about-implant.mb75{margin-bottom: 35px;}
}

@media (max-width: 350px) {
    .header-container {padding: 0 15px;}
    .header-section .site-logo{margin-right: 20px;}
    .header-section .book-btn{margin-right: 35px;}
    a.mobile-trigger {right: 0px;}
    .about-device-img {min-height: unset;width: 180px; height: 150px;}
}