/* 1a. Containers */



/* 1b. Colors */










/* 1c. Typography */






























/* 1d. Buttons */

/* Primary Button */










/* Secondary Button */











/* 1e. Forms */















/* 1f. Tables */











/* 1g. Site header */



/* Primary Menu */



/* Child Menu */







/* 1h. Site footer */

















.content-wrapper {
  max-width: 1180px;
}

.dnd-section > .row-fluid {
  max-width: 1180px;
}

/* Body Background Color */

.body-container {
  background-color: #FAFAFA;
}





/* Paragraphs */

body, html {
  font-family: Roboto; font-style: normal; font-weight: normal; text-decoration: none;
  color: #92959F;
  font-family: Roboto;
  font-size: 14px;
}
/* Anchors */

a {
  font-family: Poppins;
  color: #0A57FB;
}
.st-link a {
  color: #242A3F;
}

/* Headings */
h1 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #242A3F;
  font-size: 40px;
}

h2 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #242A3F;
  font-size: 28px;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #242A3F;
  font-size: 24px;
}

h4 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #242A3F;
  font-size: 18px;
}

h5 {
  font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
  color: #242A3F;
  font-size: 16px;
}

h6 {
  font-weight: 600; text-decoration: none; font-style: normal;
  color: #92959F;
  font-size: 12px;
}





/* Primary Button */

.st-btn__primary {
  background-color: 
  
  
    
  
  rgba(10, 87, 251, 1)
;
  border-radius: 10px;
  border: 1px solid #0A57FB;
  color: #FFFFFF;
  padding: 15px 30px;
}
.st-btn__primary:hover {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  border-color: #0A57FB;
  color: #0A57FB;
}

/* Secondary Button */

.st-btn__secondary {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  border: 1px solid #0A57FB;
  border-radius: 10px;
  color: #0A57FB;
  padding: 10px 30px;
}
.st-btn__secondary:hover {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  border-color: #ffffff;
  color: #0A57FB;
}

/* Button Full Width Button */

.st-btn--primary-full-width:hover {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  color: #0A57FB;
}






form,
.submitted-message {
  font-size: 14px;
}

/* Form Header */
form h1 {
  color: #242A3F;
}

.hs-main-font-element {
  background-color: 
  
  
    
  
  rgba(250, 250, 250, 1.0)
;
}
.hs-main-font-element h1 {
  color: #242A3F;
}

/* Form label */

form label {
  color: #242A3F;
}

/* Form help text */

form legend {
  color: #242A3F;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea {
  background-color: 
  
  
    
  
  rgba(250, 250, 250, 1)
;
  border: 1px solid #92959F;
  border-radius: 10px;
  color: #5B5F6F;
}
input[type=file] {
  color: #5B5F6F;
}
option {
  color: #5B5F6F;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=search]:focus,
select:focus,
textarea:focus {
  border: 1px solid #0A57FB;  
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #92959F;
}

/* Date picker */

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button,
form .hs-button.primary {
  font-family: Poppins;
  background-color: 
  
  
    
  
  rgba(10, 87, 251, 1)
;
  border: 1px solid #0A57FB;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 15px 30px;
}

form input[type=submit]:hover,
form .hs-button:hover,
form .hs-button.primary:hover {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  border-color: #0A57FB;
  color: #0A57FB;
}

body form input[type=submit]:active,
body form input[type=submit]:focus,
body form .hs-button:active,
body form .hs-button:focus {
  background-color: 
  
  
    
  
  rgba(10, 87, 251, 1)
;
  border: 1px solid #0A57FB;
  color: #FFFFFF;
}
.st-subscribe__form-btn {
  Poppins;
  background-color: 
  
  
    
  
  rgba(10, 87, 251, 1)
;
  border-radius: 10px;
  color: #FFFFFF;
}
.st-subscribe__form-btn:hover,
.st-subscribe__form-btn:focus,
.st-subscribe__form-btn:hover,
.st-subscribe__form-btn:focus {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  color: #0A57FB;
}

.st-subscribe__form-btn:active,
.st-subscribe__form-btn:active {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1)
;
  color: #0A57FB;
}






table {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  border-color: #242A3F;
}

th,
td {
  border-color: #242A3F;
  color: #242A3F;
}

thead th,
thead td {
  background-color: 
  
  
    
  
  rgba(10, 87, 251, 1)
;
  border-bottom-color: #242A3F;
  color: #FFFFFF;
}

tfoot td {
  background-color: 
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  color: {color=#242A3F, opacity=null, css=#242A3F};
}

tbody + tbody {
  border-top-color: #242A3F;
}





.st-page-header__full-width,
.st-no-navigation-header__main-wrapper.st-header-fixed,
.st-mega-menu,
.st-no-navigation-header__main-wrapper {
  background-color: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
}
.st-mega-menu--options-wrapper {
  background-color: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
  opacity: 0.95;
}
.st-page-header__main-wrapper .st-navbar ul li a {
  color: #F1F7FA;
  font-size: 14px;
  font-family: Poppins;
}
.st-header2--social-icons-repeater svg {
  fill: #F1F7FA;
}
.st-mega-menu .hs-skip-lang-url-rewrite a {
  color: #F1F7FA;
}
.st-hemburger span {
  background-color: #F1F7FA;
}
.st-close {
  fill: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
}
.hs-search-field .btn-search svg {
  fill: #F1F7FA;
}
.st-no-navigation__header--btn-search .hs-search-field span svg {
  fill: #0A57FB;
}
.st-page-header__main-wrapper .st-navbar .level-2 li a {
  color: #5B5F6F;
  font-size: 14px;
  font-family: Roboto;
}
.st-page-header__main-wrapper .level-2 .menu-arrow-bg {
  border-color: #5B5F6F;
}
.st-mega-menu__nav a:after {
  border-color: #0A57FB;
}
.st-mega-menu__nav a {
  color: #F1F7FA;
}

/* Media Queries */

@media only screen and (min-width: 993px) {
  .st-page-header__main-wrapper .level-1>li.has-submenu.menu-item.hs-skip-lang-url-rewrite>a:after {
    border-color: #0A57FB;
  }
  .st-page-header__main-wrapper .level-2 .hs-skip-lang-url-rewrite:hover {
    background-color: #74B2FD;
  }
  .st-page-header__main-wrapper .st-navbar .level-2 li:hover > a {
    color: #FFFFFF;
  }
  .st-page-header__main-wrapper .level-2 .hs-skip-lang-url-rewrite:hover .menu-arrow-bg {
    border-color: #FFFFFF;

  }
  .st-mega-menu .level-1>li.has-submenu.menu-item.hs-skip-lang-url-rewrite>a:after {
    border-color: #FFFFFF;
  }
  .st-mega-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children a:hover {
    color: #74B2FD;
  }
}
@media screen and (max-width: 992px) {

  .st-page-header__main-wrapper .level-2 > li .menu-arrow-bg {
    border-color: #242A3F;
  }
  .st-page-header__main-wrapper .submenu.level-3 {
    border-color: #74B2FD;
  }
  .st-mega-menu .level-1 .menu-arrow-bg {
    border-color: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
  }
  .st-mega-menu--col .submenu.level-2 {
    border-color: #74B2FD;
  }
  .st-mega-menu__nav > a:after,
  .st-page-header__main-wrapper .submenu>.has-submenu>.menu-arrow-bg,
  .st-page-header__main-wrapper .submenu .menu-arrow-bg,
  .st-mega-menu .level-1>li.has-submenu.menu-item.hs-skip-lang-url-rewrite>a:after {
    border-color: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
  }
  .st-page-header__main-wrapper .level-1 .menu-arrow-bg {
    border-color: #F1F7FA;
  }
  .st-mega-menu__nav>a,
  .st-mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .st-mega-menu .hs-skip-lang-url-rewrite a {
    color: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
  }
  .st-mega-menu__nav>a,
  .st-mega-menu li.has-submenu.menu-item.hs-skip-lang-url-rewrite a 
  {
    font-size: 14px;
  }
  .st-mega-menu .hs-menu-item.hs-menu-depth-1.hs-item-has-children a {
    font-size: 14px;

  }
  .st-page-header__main-wrapper .st-navbar {
    background: #0A57FB;
  }

}





.st-footer,.st-footer-full-width .st-footer-logo:before {
  background: 
  
  
    
  
  rgba(36, 42, 63, 1.0)
;
}

/* Footer Heading */

.st-footer h1,
.st-footer h2,
.st-footer h3,
.st-footer h4,
.st-footer h5,
.st-footer h6 {
  color: #85ABFD;
  font-family: Poppins;
  text-transform: none;
}
h2.st-footer__logo {
  color: #F1F7FA;
  font-size: 32px;
  font-family: Poppins;
}

/* Footer text  */

.st-footer p,
.st-footer div,
.st-footer span{
  color: #92959F;
}

/* Footer Links  */

.st-footer a {
  color: #92959F;
  font-family: Roboto;
  text-transform: none;
}
.st-footer a:hover {
  color: #3D85C6;
}

/* Footer Copyright  */

.st-footer .st-footer__copyright,.st-footer .st-footer__copyright a {
  color: #5B5F6F;
}
.st-footer__copyright a {
  border-color: #5B5F6F;
}

.st-footer svg {
  fill: #5B5F6F;
}

/* Footer Form  */

.st-footer .st-footer-form__heading {
  color: ;
}
.st-footer input[type=text],
.st-footer input[type=email],
.st-footer input[type=password],
.st-footer input[type=tel],
.st-footer input[type=number],
.st-footer input[type=file],
.st-footer input[type=search],
.st-footer select,
.st-footer textarea {
  background: ;
}

.scroll-to-top-wrap {
  background: #74B2FD;
}





.st-blog-post__body blockquote,
.st-blog__side-tag a,
.st-blog-post__body p strong,
.blog-header__title span {
  color: #0A57FB;
}
.st-blog--grid .st-blog__side-tag a {
  border-color: #0A57FB;
}
.blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active,
.blog-pagination__link.blog-pagination__number-link:hover,
.body-container--blog-post .st-blog-post__body ul li::after {
  background: #0A57FB;
}
.st-blog-banner__content-wrapper,
.st-blog-post-banner__img:after {
  background: #242A3F;
}
.st-trending-post__title a,
.st-blog__listing-title a,
.st-blog-post__meta a,
.st-blog-recent-posts__title a {
  color: #242A3F;
}

.st-blog__side-tag-list--card a {
  color: #5B5F6F;
}
.st-blog__listing-meta,
.st-blog__listing-meta a,
.st-blog__listing-text,
.st-blog-recent-posts__meta h6,
.st-blog-recent-posts__post-wrap h6 a{
  color: #92959F;
}
.st-blog-post__comments-wrap .st-blog-post__comments input[type=text],
.st-blog-post__comments-wrap .st-blog-post__comments input[type=email],
.st-blog-post__comments-wrap .st-blog-post__comments textarea {
  border: 1px solid #92959F;
  border-radius: 10px;
}
.st-blog-post__comments-wrap .st-blog-post__comments input[type=text]:focus,
.st-blog-post__comments-wrap .st-blog-post__comments input[type=email]:focus,
.st-blog-post__comments-wrap .st-blog-post__comments textarea:focus {
  border: 1px solid #0A57FB;
  border-radius: 10px;
}
.st-blog__listing-img img,.st-blog.st-blog--grid .st-blog__side-tag a,.st-blog-post-banner__img:after,.body-container--blog-post img {
  border-radius: 10px;
}
.st-trending-post.st-trending-post--sidebar .st-trending-post__blog {
  border-bottom: 1px solid #92959F;
}
.st-blog__side-tag-list--card a {
  border-bottom-color: #92959F;
}
.st-blog__post-cta a path {
  stroke: #0A57FB;
}
.blog-post__tags span svg {
  fill: #0A57FB;
}
.body-container--blog-index .st-blog__side-tag .st-blog__side-tag-list a {
  color: #0A57FB;
  border-color: #0A57FB;
}





.hs-search-results__title {
  color: #242A3F;
}

/* Subscription Preferences  */

.st-subscription-preferences h2 {
  color: #0A57FB;
}
.st-subscription-preferences .item .item-inner {
  background: #F1F7FA;
  border-radius: 10px;
}
.st-subscription-preferences .item .item-inner .checkbox-row .fakelabel span {
  color: #5B5F6F;
}





body .body-container-wrapper .st-client-review-slider__slide .owl-dot.active {
  border: 1px solid #74B2FD;
}
body .body-container-wrapper .st-client-review-slider__slide .owl-dot.active span, body .body-container-wrapper .st-client-review-slider__slide .owl-dot span, body .body-container-wrapper .st-client-review-slider__slide .owl-dot:hover span {
  background: #74B2FD;
}
body .body-container-wrapper .st-meet-our-team__slider button.owl-prev span,
body .body-container-wrapper .st-meet-our-team__slider button.owl-next span {
  color: #F1F7FA;
}
.st-team__members-tab a,.st-pricing__feature-list-heading,.st-get-in-touch-content,.st-event-tab__tabs  {
  color: #5B5F6F;
}
.st-event-team__section-content {
  background-color: #5B5F6F;
}
.st-border-radius {
  border-radius: 10px;
}
.st-border-radius-image,
.st-blog-list__post-container .st-blog-list__post:nth-of-type(1) .st-blog-list__featured-image a:after,
.st-blog-list__blog-post-container .st-blog-list__blog-post:not(:first-child) .st-blog-list__blog-featured-image a:after,
.st-portfolio-slider__item-img:after,
.st-team-gallery__image-wrap .st-team-gallery__image:after {
  border-radius: 10px;
}
.st-circular-progress__menu a:first-child {
  border-radius: 10px 0 0 10px;
}
.st-circular-progress__menu a:last-child {
  border-radius: 0 10px 10px 0;
}
.st-team-card__image img,
.st-team-card__hover {
  border-radius: 10px  10px 0 0;
}
.st-shadow,.st-subscribe__form .hs-input {
  box-shadow: 0px 10px 20px 20px rgba(192, 218, 249, 0.35); 
}
.st-blog-list__blog-post-container .st-blog-list__blog-post:not(:first-child) .st-blog-list__blog-featured-image a:after,
.st-blog-list__post-container .st-blog-list__post:nth-of-type(1) .st-blog-list__featured-image a:after,
.overlay-gradient,
.st-meet-our-team__hover-desc:hover,
.st-team-card__hover,
.st-portfolio-slider__item-img:after,
.st-portfolio-overlay,
.st-service-listing__overlay:hover,
.st-team-gallery__image-wrap .st-team-gallery__image:after {
  background: linear-gradient(180deg, rgba(36, 42, 63,25%), rgba(36, 42, 63,80%)); 
}
.st-cta__full-image-width:after,
.st-banner-slider__slide-text-wrap,
.overlay-solid,
.st-about--story-bg-overlay,
.st-testimonial-slider__slide-wrap,
.st-video-popup__img-overlay,
.st-custom-banner--overlay {
  background: rgba(36, 42, 63,60%);
}


/* Media Queries  */

@media only screen and (min-width: 768px) {
  body, html {
    font-family: Roboto;
    font-size: 14px;
  }

  h1 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 64px;
  }

  h2 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 36px;
  }

  h3 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 28px;
  }

  h4 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 20px;
  }

  h5 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 16px;
  }

  h6 {
    font-weight: 600; text-decoration: none; font-style: normal;
    color: #92959F;
    font-size: 12px;
  }
}

/* Media Queries  */

@media only screen and (min-width: 992px) {

  body, html {
    font-family: Roboto; font-style: normal; font-weight: normal; text-decoration: none;
    font-family: Roboto;
    color: #92959F;
    font-size: 16px;
  }
  a {
    color: #0A57FB;
  }

  h1 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 72px;
  }

  h2 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 40px;
  }

  h3 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 32px;
  }

  h4 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 24px;
  }

  h5 {
    font-weight: 700; text-decoration: none; font-family: Poppins; font-style: normal;
    color: #242A3F;
    font-size: 16px;
  }

  h6 {
    font-weight: 600; text-decoration: none; font-style: normal;
    color: #92959F;
    font-size: 12px;
  }
  p {
    font-family: Roboto; font-style: normal; font-weight: normal; text-decoration: none;
    color: #92959F;
    font-size: 16px;
  }
  form,
  .submitted-message {
    font-family: Roboto; font-style: normal; font-weight: normal; text-decoration: none;
    color: #92959F;
    font-size: 16px;
  }
}