







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */
















/* 1d. Buttons */













/* 1e. Forms */











/* 1f. Tables */











/* 1g. Site header */




/* 1h. Site footer */












.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 50px 0;
}

.dnd-section > .row-fluid,
.footer__container,
.header__container,
.page-center,
.content-wrapper,
.software-section-5 .ad-content-with-img-md-wrapper .content-wrapper.container--lg {
  max-width: calc(1146px + 1.5rem * 2);
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
header .content-wrapper,
.blog-post-banner .content-wrapper {
  max-width: calc(1360.99999999584px + 1.5rem * 2);
}
footer .content-wrapper,
.container--lg {
  max-width: calc(1289.9999999979602px + 1.5rem * 2);
}
body .container-xs {
  max-width: calc(813.99999999006px + 1.5rem * 2);
}
.software-section-4 .dnd-section > .row-fluid,
body .container--sm{
  max-width: calc(969.99999998976px + 1.5rem * 2);
}
body .container--md {
  max-width: calc(1184.9999999970598px + 1.5rem * 2);
}
@media (min-width: 812px) and (max-height: 414px) and (orientation: landscape) {
  .dnd-section > .row-fluid,
  .footer__container,
  .header__container,
  .page-center,
  .content-wrapper,
  .software-section-5 .ad-content-with-img-md-wrapper .content-wrapper.container--lg {
    max-width: calc(1146px + 5rem * 2);
    padding-right: 5rem;
    padding-left: 5rem;
  }
  header .content-wrapper,
  .blog-post-banner .content-wrapper {
    max-width: calc(1360.99999999584px + 5rem * 2);
  }
  footer .content-wrapper,
  .container--lg {
    max-width: calc(1289.9999999979602px + 5rem * 2);
  }
  body .container-xs {
    max-width: calc(813.99999999006px + 5rem * 2);
  }
  .software-section-4 .dnd-section > .row-fluid,
  body .container--sm{
    max-width: calc(969.99999998976px + 5rem * 2);
  }
  body .container--md {
    max-width: calc(1184.9999999970598px + 5rem * 2);
  }
}






body {
  font-size: 1.6rem;
  color: #000;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 300;
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}




/* Paragraphs */


/* Anchors */

a {
  color: #1b76d8;
}

a:hover{
  color: #3dc1e7;
}

/* Headings */

h1, .h1 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 5rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}
h2, .h2 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 4.2rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}

h3, .h3 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 3.4rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}

h4, .h4 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 3rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}

h5, .h5 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 2.5rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}

h6, .h6 {
  font-family: "Poppins", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 2rem;
  
  color:rgba(0, 0, 0, 1.0);
  
  font-weight: 600;
}

/* Blockquote */

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





button,
.button {
  background-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  border-radius: 5.6rem;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 2.25rem 3.2rem;
}
button:hover,
.button:hover {
  border-color: 

  
  
    
  


  rgba(27, 118, 216, 0.0)

;
  background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  background: linear-gradient(41.71deg, 

  
  
    
  


  rgba(27, 118, 216, 1.0)

 12.72%, 

  
  
    
  


  rgba(61, 193, 231, 1.0)

 61.31%, 

  
  
    
  


  rgba(116, 202, 199, 1.0)

 107.23%);
  color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}






/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}

/* Form label */

form label {
  color: 

  
  
    
  


  rgba(128, 128, 128, 1.0)

;
}

/* Form help text */

form legend {
  color: 

  
  
    
  


  rgba(128, 128, 128, 1.0)

;
}

/* Form 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 {
  background-color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(229, 246, 255, 1.0)

;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: 

  
  
    
  


  rgba(241, 242, 242, 1.0)

;
}

/* Form placeholder text */

::-webkit-input-placeholder {
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
}

/* Date picker */

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

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

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

/* Submit button */

form input[type=submit],
body .hs-button {
  background-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  border-radius: 5.6rem;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 2.25rem 3.2rem;
  white-space: normal;
  min-height: auto;       /* Let height grow */
  display: inline-block;  /* Ensures proper sizing */
}

form input[type=submit]:hover,
body .hs-button:hover {
  border-color: 

  
  
    
  


  rgba(27, 118, 216, 0.0)

;
  background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  background: linear-gradient(41.71deg, 

  
  
    
  


  rgba(27, 118, 216, 1.0)

 12.72%, 

  
  
    
  


  rgba(61, 193, 231, 1.0)

 61.31%, 

  
  
    
  


  rgba(116, 202, 199, 1.0)

 107.23%);
  color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
form .actions:after {
  background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  background: linear-gradient(41.71deg, 

  
  
    
  


  rgba(27, 118, 216, 1.0)

 12.72%, 

  
  
    
  


  rgba(61, 193, 231, 1.0)

 61.31%, 

  
  
    
  


  rgba(116, 202, 199, 1.0)

 107.23%);
}






table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

th,
td {
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  border-bottom-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}




header .custom-header {
  background-color: 

  
  
    
  


  rgba(27, 118, 216, 0.0)

;
  border-color: 

  
  
    
  


  rgba(25, 107, 195, 1.0)

;
}
body .navigation-primary > ul > li > a,
body .header-logo a {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
body .mobile-trigger span {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
body.header_sticky .mobile-trigger span {
  background-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
body .navigation-primary > ul > li.active-branch > a {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color:

  
  
    
  


  rgba(72, 80, 93, 0.0)

;
}
body .navigation-primary > ul > li > a:hover,
body .navigation-primary > ul > li.active-branch > a:hover {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color:

  
  
    
  


  rgba(217, 227, 236, 0.0)

;
}
body .navigation-primary > ul ul {
  background-color: 

  
  
    
  


  rgba(73, 146, 224, 1.0)

;
}
body .navigation-primary > ul ul li a {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
body .navigation-primary > ul ul li.active-branch > a {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
body .navigation-primary > ul ul li a:hover,
body .navigation-primary > ul ul li.active-branch > a:hover {
  background-color: 

  
  
    
  


  rgba(174, 19, 42, 0.0)

;
  color: 

  
  
    
  


  rgba(61, 193, 231, 1.0)

;
}
header .hs-button {
  background-color: 

  
  
    
  


  rgba(81, 165, 228, 1.0)

;
  border-color: 

  
  
    
  


  rgba(81, 165, 228, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
header .hs-button:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(81, 165, 228, 1.0)

;
  color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
header .header-btn2 .hs-button {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
header .header-btn2 .hs-button:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
.header-btn2 .hs-button span:after {
  background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  background: linear-gradient(41.71deg, 

  
  
    
  


  rgba(27, 118, 216, 1.0)

 12.72%, 

  
  
    
  


  rgba(61, 193, 231, 1.0)

 61.31%, 

  
  
    
  


  rgba(116, 202, 199, 1.0)

 107.23%);
} 
header .dropdown-languages .language-trigger {
  border-color: transparent;
}
header .dropdown-languages .language-trigger span {
  color: white;
}
header .dropdown-languages .language-trigger:hover span,
header .dropdown-languages .language-trigger:focus span
 {
  color:black;
}

header .dropdown-languages .language-trigger:hover {
 border: 1px solid white;
  background: white;
}

header .dropdown-languages .dropdown-languages__list {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
header .dropdown-languages .dropdown-languages__list .dropdown-languages-item a,
body header .lang_switcher_class .globe_class .lang_list_class li a span {
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
header .dropdown-languages .dropdown-languages__list .dropdown-languages-item a:hover,
body header .lang_switcher_class .globe_class .lang_list_class li a:hover span {
  color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

/* Sticky Header */
.header_sticky header .custom-header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: ;
  box-shadow: 0 -0.3rem 2rem 

  
  
    
  


  rgba(1, 1, 1, 0.15)

;
}
.header_sticky .header-logo a {
  color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}

@media(min-width: 1025px) {
  .header_sticky .navigation-primary > ul > li > a,
  .header_sticky .header-logo a {
    color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  }
  .header_sticky .navigation-primary > ul > li.active-branch > a {
    color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  }
  .header_sticky .navigation-primary > ul > li > a:hover,
  .header_sticky .navigation-primary > ul > li.active-branch > a:hover {
    color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  }
  .header_sticky header .hs-button {
    background-color: 

  
  
    
  


  rgba(8, 104, 203, 0.1)

;
    border-color: 

  
  
    
  


  rgba(8, 104, 203, 0.1)

;
    color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  }
  .header_sticky header .hs-button:hover {
    background-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    border-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  .header_sticky header .header-btn2 .hs-button {
    background-color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  .header_sticky header .header-btn2 .hs-button:hover {
    background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  .header_sticky header .header-btn2 .hs-button:before {
    background-color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    background: linear-gradient(100.5deg, 

  
  
    
  


  rgba(27, 118, 216, 1.0)

 19.39%, 

  
  
    
  


  rgba(61, 193, 231, 1.0)

 95.4%);
  }
  .header_sticky .header-btn2 .hs-button:hover span {
    color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  .header_sticky header .dropdown-languages .language-trigger {
    border-color: 

  
  
    
  


  rgba(229, 246, 255, 1.0)

;
    color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
    background-color: white;
    background: white;
   }
   .header_sticky header .dropdown-languages .dropdown-languages__list .dropdown-languages-item a,
   body.header_sticky header .lang_switcher_class .globe_class .lang_list_class li a span {
      color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
   }
   .header_sticky header .dropdown-languages .dropdown-languages__list .dropdown-languages-item a:hover,
   body.header_sticky header .lang_switcher_class .globe_class .lang_list_class li a:hover span {
      color: 

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
   }
}






footer.footer {
  border-color:  

  
  
    
  


  rgba(229, 246, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
footer .footer-top-section {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
footer.footer .footer-nav .hs-menu-wrapper > ul > li > a,
footer.footer .footer-top-section .footer-logo a,
footer.footer .footer-top-section .footer__address a{
  color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
footer .footer-top-section a {
  color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
footer .footer-top-section a:hover {
  color:

  
  
    
  


  rgba(61, 193, 231, 1.0)

;
}
footer .socials__list .socials__item a,
footer .socials__list .socials__item svg {
  color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  fill:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
footer .socials__list .socials__item a:hover,
footer .socials__list .socials__item a:hover svg {
  color:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
  fill:

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
footer .dropdown-languages .language-trigger {
  border-color:

  
  
    
  


  rgba(229, 246, 255, 1.0)

;
  color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
footer .dropdown-languages__list {
  background-color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}
footer .dropdown-languages__list .dropdown-languages-item a,
body footer .lang_switcher_class .globe_class .lang_list_class li a span {
  color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
footer .dropdown-languages__list .dropdown-languages-item a:hover,
body footer .lang_switcher_class .globe_class .lang_list_class li a:hover span {
  color:

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
.footer-bottom-section {
  background-color: 

  
  
    
  


  rgba(244, 251, 255, 1.0)

;
  color:  

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}
footer .footer-bottom-section a {
  color:  

  
  
    
  


  rgba(27, 118, 216, 1.0)

;
}
footer .footer-bottom-section a:hover {
  color:  

  
  
    
  


  rgba(61, 193, 231, 1.0)

;
}
footer .footer-bottom-section .footer-copyright a {
  color:  

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
}

/* Footer Content */






/* Blog Header */

.blog-header {
  background-color: rgb(245, 245, 245);
}

/* Blog Listing */

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #000;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #3dc1e7;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #3dc1e7;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #000;
}

.blog-pagination__link {
  color: #000;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #000;
}

.blog-post__title {
  color: #000;
  font-family:Poppins;
  font-size: 5rem;
  font-weight: 600;
}

.blog-post__author {
  background-color: #000;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
  background-color: #fff;
}

.blog-index__post-content a:hover,
.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
  color: #3dc1e7;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
  fill: #3dc1e7;
}

.blog-index__post-content--small h2 {
  font-size: 3.4rem;
}

.blog-index__post-content a {
  color: #000;
}

.blog-post__read-more svg {
  fill: #000;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

.blog-sidebar a {
  color: #000;
}

.blog__subscription-block, .blog-related-posts {
  background-color: rgb(245, 245, 245);
}

.post-featured-image {
  max-height: 600px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

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

.blog-post__meta a:hover {
  color: #3dc1e7;
}

.blog-post__links-container {
  border-top:  2px solid rgb(82, 82, 82);
}

.blog-post__back-to-blog {
  color: #000;
}

.blog-post__back-to-blog svg {
  fill: #000;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(82, 82, 82) !important;
}

.comment.depth-1 {
  border-left: 2px solid rgb(82, 82, 82);
}


.blog-recent-posts {
  background-color: rgb(245, 245, 245);
}


.navigation-primary > ul > li.menu-item {
  margin: 0.5rem 1.4rem;
}












.card__price {
  font-family: Poppins
    font-size: 3.4px;
  color: #000;
  font-weight: 600
}

@media(max-width: 767px) {
  h1, .h1 {
    font-size: 4.5rem;
  }
  h2, .h2 {
    font-size: 3.799999999992rem;
  }
  h3, .h3 {
    font-size: 3.0761904761839998rem;
  }
  h4, .h4 {
    font-size: 2.79999999999rem;
  }
  h5, .h5 {
    font-size: 2.3000000000000003rem;
  }
  h6, .h6 {
    font-size: 2rem;
  }
}

@media(max-width: 480px) {
  body {
    font-size: 1.2000000000000002rem;
  }
  h1, .h1 {
    font-size: 4.3rem;
  }
  h2, .h2 {
    font-size: 3.499999999986rem;
  }
  h3, .h3 {
    font-size: 2.8999999999979997rem;
  }
  h4, .h4 {
    font-size: 2.79999999999rem;
  }
  h5, .h5 {
    font-size: 2.3000000000000003rem;
  }
  h6, .h6 {
    font-size: 1.8rem;
  }
}

.footer-feder-text {
  font-size: 0.8em;
  display: block;
  padding-left: 20px;
  color: #777
}