/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
.dnd-section > .row-fluid {max-width: 1183px;}.dnd-section {padding-bottom: 60px;padding-top: 60px;}.body-container__homepage .dnd-section:nth-child(odd) {background-color: #F8FAFC;}.page-center {max-width: 1183px;}body {color: #626262;font-family: Poppins;font-weight: 400;font-size: 16px;}p {font-family: Poppins;font-weight: 400 }a {font-family: Poppins;color: rgba(0, 72, 198, 1.0);}a:hover, a:focus {color: rgba(9, 69, 126, 1.0);}a:active {color: rgba(40, 112, 238, 1.0);}h1 {color: #0048c6;font-family: Poppins;font-size: 48px;font-weight: 700;}h1 {color: #0048c6;}@media(max-width: 767px) {h1 {font-size: 40.8px;}}h2 {color: #0048c6;font-family: Poppins;font-size: 34px;font-weight: 500;}h2 {color: #0048c6;}@media(max-width: 767px) {h2 {font-size: 28.9px;}}h3 {color: #0048c6;font-family: Poppins;font-size: 32px;font-weight: 500;}h3 {color: #0048c6;}@media(max-width: 767px) {h3 {font-size: 27.2px;}}h4 {color: #0048c6;font-family: Poppins;font-size: 24px;font-weight: 500;}h4 {color: #0048c6;}@media(max-width: 767px) {h4 {font-size: 20.4px;}}h5 {color: #0048c6;font-family: Poppins;font-size: 18px;font-weight: 500;}h5 {color: #0048c6;}h6 {color: #0048c6;font-family: Poppins;font-size: 14px;font-weight: 500;}h6 {color: #0048c6;}blockquote {border-left: 10px solid #F8FAFC;;}form, .submitted-message {border-color: rgba(#null, 0.0);box-shadow: 0 8px 25px 5px rgba(42, 121, 124, 0.17);font-family: Poppins;}h3.form-title {background-color: rgba(255, 255, 255, 1.0);color: rgba(0, 72, 198, 1.0);}.hs-button, .button--primary {background-color: rgba(0, 72, 198, 1.0);border-color: rgba(0, 72, 198, 1.0);border-radius: 100px;border-width: 3px;color: rgba(255, 255, 255, 1.0);padding-left: 43px;padding-right: 43px;padding-top: 11px;padding-bottom: 11px;}.blog-comments .hs-button {background-color: rgba(0, 72, 198, 1.0);border-color: rgba(0, 72, 198, 1.0);color: rgba(255, 255, 255, 1.0);}.hs-button:hover, .hs-button:focus, .button--primary:hover, .button--primary:focus {background-color: rgba(0, 72, 198, 1.0);border-color: rgba(0, 72, 198, 1.0);color: rgba(255, 255, 255, 1.0);}.blog-comments .hs-button:hover, .blog-comments .hs-button:focus {background-color: rgba(0, 72, 198, 1.0);border-color: rgba(0, 72, 198, 1.0);color: rgba(255, 255, 255, 1.0);}.hs-button:active, .button--primary:active {background-color: rgba(40, 112, 238, 1.0);border-color: rgba(40, 112, 238, 1.0);color: rgba(255, 255, 255, 1.0);}.hs-form label {color: rgba(51, 71, 91, 1.0);}.hs-form legend {color: rgba(51, 71, 91, 1.0);}form input, form select, form textarea, .hs-input {border-color: rgba(203, 214, 226, 1.0);color: rgba(51, 71, 91, 1.0);background-color: rgba(245, 248, 250, 1.0);border-radius: 3px;}form input:focus, form select:focus, form textarea:focus, .hs-input:focus {background-color: rgba(245, 248, 250, 1.0);border-color: rgba(0, 72, 198, 0.8);}.fn-date-picker .pika-table thead th {color: rgba(255, 255, 255, 0.0);}.hs-input:-moz-placeholder, .hs-input::-webkit-input-placeholder, .hs-field-desc, .hs-dateinput:before, .hs-richtext {color: #626262;}.hs-richtext {font-size: 16;}.hs-default-font-element, .hs-main-font-element {font-family: Poppins;}.fn-date-picker td.is-today .pika-button {color: #494a52;}.fn-date-picker td.is-selected .pika-button {background: #494a52;}.fn-date-picker td .pika-button:hover {background-color: #F8FAFC !important;}th, td {background-color: rgba(255, 255, 255, 1.0);border: 1px solid rgba(0, 72, 198, 1.0);color: rgba(51, 71, 91, 1.0);}thead th, thead td {background-color: rgba(0, 72, 198, 1.0);color: rgba(255, 255, 255, 1.0);}tfoot td {background-color: rgba(255, 255, 255, 1.0);color: rgba(51, 71, 91, 1.0);}table, tbody + tbody {border-color: rgba(0, 72, 198, 1.0);}header.header {background-color: rgba(255, 255, 255, 1.0);}.scroll-header header.header {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.header__container {max-width: 1183px;}body .custom-menu-primary .submenu.level-1 > li:hover > a, body .custom-menu-primary .submenu.level-1 > li:focus > a, .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: rgba(0, 0, 0, 1.0);}body .custom-menu-primary a.active-branch, body .header__language-switcher-label-current:active, body .header__language-switcher .lang_list_class li a:active {color: rgba(0, 0, 0 , 1.0);}body .custom-menu-primary .submenu.level-1 > li.active-branch, body .header__language-switcher-label-current:active, body .header__language-switcher .lang_list_class li:active {background-color: rgba(255, 255, 255, 1.0);}body .custom-menu-primary .submenu.level-1 > li {background-color: rgba(#null, 0.0);}body .custom-menu-primary .submenu.level-1 > li:hover, body .custom-menu-primary .submenu.level-1 > li:focus {background-color: rgba(255, 255, 255, 1.0);}body .custom-menu-primary .submenu.level-1 > li > a.active-branch {color: rgba(0, 0, 0, 1.0);}body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {background-color: rgba(0, 0, 0, 1.0);}body .custom-menu-primary .submenu.level-2 li > a {color: rgba(255, 255, 255, 1.0);}body .custom-menu-primary .submenu .submenu {background-color: rgba(0, 72, 198 , 1.0);}body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {background-color: rgba(0, 72, 198 , 1.0);}body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover, body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus, body .header__language-switcher .lang_list_class li:hover, body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {background-color: rgba(255, 255, 255 , 1.0);color: rgba(0, 72, 198, 1.0);}body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {color: rgba(255, 255, 255 , 1.0);background-color: rgba(0, 72, 198 , 1.0);}.header__language-switcher-label-current, .header__language-switcher .lang_list_class li a {font-family: Poppins;}.header__language-switcher-label-current:after {border-top-color: rgba(0, 0, 0, 1.0);}@media(max-width: 767px) {.header__navigation {background-color: rgba(255, 255, 255, 1.0);}.header__navigation-toggle svg, .menu-arrow svg {fill: rgba(0, 0, 0, 1.0);}}.custom-menu-primary .submenu.level-1 > li:not(:last-child):hover > a , .custom-menu-primary .submenu.level-1 > li:not(:last-child).active-branch > a {border-bottom: 2px solid rgba(0, 0, 0, 1.0);}.custom-menu-primary .submenu.level-1 > li:last-child > a {background-color: rgba(0, 72, 198, 1.0);border: 1px solid rgba(0, 72, 198, 1.0);color: rgba(255, 255, 255, 1.0);}.custom-menu-primary .submenu.level-1 > li:last-child > a:hover {background-color: rgba(255, 255, 255, 1.0);border: 1px solid rgba(0, 72, 198, 1.0);color: rgba(0, 72, 198, 1.0);}.custom-menu-primary .submenu.level-2 .menu-item .menu-link {border-bottom: 1px solid rgba(255, 255, 255, 0.06);}.custom-menu-primary .submenu.level-1 > li:hover .submenu.level-2 .menu-item:last-child .menu-link {border: 1px solid rgba(0, 72, 198 , 1.0);}.search-icon , .search-icon:hover , .search-button {color: rgba(0, 0, 0, 1.0);}.search-button:hover {color: rgba(154, 154, 154, 1.0);}.close-search {color: rgba(72, 72, 72, 1.0);}.search-form-outer {background-color: rgba(255, 255, 255, 0.96);}form.search-form input[type="text"] {color: rgba(98, 98, 98, 1.0);}form.search-form input[type="text"] , form.search-form input[type="text"]:focus {border-color: rgba(0, 0, 0, 1.0);background-color: rgba(255, 255, 255, 1.0);}.footer {background-color: rgba(244, 244, 244, 1.0);color: rgba(0, 0, 0 , 1.0);}.footer a , .footer .hs-menu-item a , .footer .hs-menu-item:hover a, .footer .hs-menu-item:focus a {color: rgba(0, 0, 0, 1.0);}.footer a:hover , .footer .hs-menu-item a:hover , .footer .hs-menu-item a:focus {color: #0048c6;}.footer__copyright {color: rgba(98, 98, 98, 1.0);}.footer__container {max-width: 1183px;}.footer .hs-menu-depth-1.hs-item-has-children > a {color: rgba(0, 0, 0 , 1.0);}.footer i {color: rgba(0, 72, 198, 1.0);}.footer i:hover {color: rgba(0, 0, 0, 1.0);}.footer-border {background: rgba(0, 0, 0, 0.1);}#back-to-top {background: rgba(255, 255, 255, 1.0);}.content-wrapper {max-width: 1183px;}.blog-post__date {border-color: #626262;}.blog-tag-filter__menu-link, .blog-post__tag-link, .blog-card__tag-link, .blog-post__author-name, .blog-card__title a {color: #626262;}.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: #3a3a3a;}.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: #8a8a8a;}.blog-tag-filter__menu-link--active-item:after {background-color: #494a52;}.blog-pagination__link {color: #626262;}.blog-pagination__link--active:after, .blog-pagination__prev-link:after, .blog-pagination__next-link:after {background-color: #494a52;}.blog-post__title {color: #0048c6;font-family:Poppins;font-size: 34px;font-weight: ;}.blog-post__author {background-color: #F8FAFC;}#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);}body .icon svg {fill: #494a52;}body .tns-nav button.tns-nav-active {background-color: #494a52;}body .tns-nav button:hover, body .tns-nav button:focus {background-color: #494a52;}body .social-links__icon {background-color: #494a52;}body .social-links__icon:hover svg, body .social-links__icon:focus svg {fill: rgba(#null, 0.0);}body .social-links__icon:active svg {fill: rgba(#null, 0.0);}body .team-member__description {background-color: #F8FAFC;}.page-center {max-width: 1183px;margin: 0 auto;}.body-container__website .dnd-section:nth-child(odd) {background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}}#bold-title {font-weight: 800 !important;}.dnd-banner .dnd-section {padding-top: 0;padding-bottom: 0;}.dnd-banner .dnd-section > .row-fluid {max-width: 100%;width: 100%;}.dnd-banner > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid, .dnd-banner > .row-fluid-wrapper > .row-fluid > .span12 > .row-fluid-wrapper > .row-fluid > .span12 {padding-left: 0;padding-right: 0;}.cfp-lp h2 {color: #0048C6;font-weight: 700;letter-spacing: 0;margin-bottom: 20px;}.cfp-lp .hs-form {padding: 60px 30px;border-radius: 26px;box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);background: #fff;text-align: left;}.cfp-lp .hs-button, .cfp-lp .hs-form .hs-button {background: #0048c6;color: #fff;border: none;border-radius: 200px;text-transform: none;font-size: 14px;font-weight: 500;letter-spacing: 0.32px;line-height: 1.5;padding: 13px 30px;margin-bottom: 5px;min-width: 180px;}.cfp-lp .hs-button:hover, .cfp-lp .hs-form .hs-button:hover {background: #003083;color: #fff;}.cfp-lp .hs-form .grecaptcha-badge {margin: 0}.cfp-lp .hs-form .field > label {font-weight: 600;}.cfp-lp form input, .cfp-lp form select, .cfp-lp form textarea, .cfp-lp .hs-input {border-radius: 15px;border: 1px solid #0048C6;background: #FFF;height: 52px;}.cfp-lp form textarea, .cfp-lp textarea.hs-input {height: 120px;}.cfp-lp fieldset input[type=checkbox], .cfp-lp fieldset input[type=radio] {height: auto;}.cfp-lp .main-section-row-0-padding {position: relative;}.cfp-lp .main-section-row-0-padding > .row-fluid {position: relative;z-index: 1;}.cfp-lp .main-section-row-0-padding:before {content: '';display: block;width: 380px;height: 380px;position: absolute;top: 7%;right: 7%;border-radius: 400px;opacity: 0.800000011920929;background: #59B1E6;filter: blur(75px);opacity: .5;}x.cfp-blogcontent-body .cta_button {background: #0048c6;color: #fff;border: 1px solid #0048c6;border-radius: 0;text-transform: none;font-weight: 600;letter-spacing: 0;line-height: 1.5;padding: 10px 20px;margin-bottom: 5px;min-width: 160px;text-align: center;font-size: 14px;}x.cfp-blogcontent-body .cta_button:hover {background: transparent;color: #0048c6;}.cfp-blogcontent .hs-form {margin-bottom: 30px;}.cfp-blogcontent-body .cta_button, .cfp-blogcontent .hs-form .hs-button, .cfp-lp a.cta_button, .primary-cta a {background: #0048c6;color: #fff;border: 1px solid #0048c6;border-radius: 200px;text-transform: none;font-size: 14px;font-weight: 500;letter-spacing: 0.32px;line-height: 1.5;padding: 10px 20px;margin-bottom: 5px;min-width: 160px;text-align: center;display: inline-block;}.cfp-lp a.cta_button:hover, .cfp-blogcontent-body .cta_button:hover, .cfp-blogcontent .hs-form .hs-button:hover, .primary-cta a:hover {background: transparent;color: #0048c6;}a.more-link, .blog-comments .hs-button, .custom-menu-primary .submenu.level-1 > li:last-child > a, .cfp-blogcontent-body #hs-cta-wrapper-539aedd8-855d-4082-a6f4-1994733716c4 a {background: #0048c6!important;color: #fff!important;border: 1px solid #0048c6!important;border-radius: 200px!important;font-size: 14px!important;font-weight: 500!important;line-height: 1.5!important;padding: 10px 20px!important;margin-bottom: 5px!important;text-align: center!important;display: inline-block!important;box-shadow: none!important;text-shadow: none!important;text-transform: none!important;letter-spacing: 0!important;font-family: inherit!important;}a.more-link:hover, .blog-comments .hs-button:hover, .custom-menu-primary .submenu.level-1 > li:last-child > a:hover, .cfp-blogcontent-body #hs-cta-wrapper-539aedd8-855d-4082-a6f4-1994733716c4 a:hover {background: transparent!important;color: #0048c6!important;}a.more-link, .blog-comments .hs-button {margin-bottom: 20px!important}.custom-menu-primary .submenu.level-1 > li:last-child > a {margin-bottom: 0!important}.secondary-cta a {background: transparent;color: #0048c6;border: 1px solid #0048c6;border-radius: 200px;text-transform: none;font-size: 14px;font-weight: 500;letter-spacing: 0.32px;line-height: 1.5;padding: 10px 20px;margin-bottom: 5px;min-width: 160px;text-align: center;display: inline-block;}.secondary-cta a:hover {background: #0048c6;border-color: #0048c6;color: #fff;}.highlight-button-text, .style1-cta a {background: #fff!important;color: #0048c6!important;border: 1px solid #fff!important;border-radius: 200px;text-transform: none!important;font-size: 14px!important;font-weight: 500!important;letter-spacing: 0.32px;line-height: 1.5!important;padding: 10px 20px!important;margin-bottom: 5px;min-width: 160px;text-align: center!important;display: inline-block;}.highlight-button-text:hover, .style1-cta a:hover {background: #0048c6!important;color: #fff!important;border-color: #fff!important;}@media only screen and (min-width: 768px) {.cfp-lp h2 {font-size: 36px;}}@media only screen and (max-width: 767px) {.dnd-banner .dnd-section > .row-fluid, .cfp-lp .dnd-section > .row-fluid {padding-right: 7%;padding-left: 7%;}}div.custom-menu-primary .submenu.level-1>li>a {text-transform: none;font-weight: 500;}div.blog-entry-title a {text-transform: none;letter-spacing: 0;font-size: 24px;line-height: 1.4;}div.blog-meta {letter-spacing: 1px;text-transform: none;}div .blog-post h1, div .blog-banner h1 {text-transform: none;letter-spacing: 0;font-size: 48px;line-height: 1.1;}div h3.bottom-highlight-title, div .custom-related-outer-wrapper h3 {font-size: 32px;font-weight: 500;text-transform: none;letter-spacing: 0;}.custom-related-outer-wrapper {margin-top: 40px;}.cfp-blogcontent-body * {font-family: inherit!important;}.cfp-blogcontent-body a#cta_button_7338860_8b552f8f-803e-43a2-af0b-77fd19c6f9c7, .cfp-blogcontent-body a#cta_button_7338860_7e4c9d19-37c7-428b-a402-a6fecdf8fb2d, .cfp-blogcontent-body a#cta_button_7338860_0d105197-162e-4d37-adcd-62bbed84f404, .cfp-blogcontent-body a#cta_button_7338860_9a4d9aa1-30c2-4052-84b5-f4f39ab287f6, .cfp-blogcontent-body a#cta_button_7338860_d9e67c9e-e41e-41df-b61f-8d1538066d6c, .cfp-blogcontent-body a#cta_button_7338860_58f951a4-2ed0-4007-9ecc-7569aebed68f, .cfp-blogcontent-body a#cta_button_7338860_9472f334-0411-46cd-b129-753a889a5b58 {margin-top: 0!important;margin-bottom: 5px!important;}.hs-blog-post .blog-post h1 {color: #0048c6;}@media only screen and (max-width: 767px) {div .blog-post h1, div .blog-banner h1 {font-size: 36px;line-height: 1.2;}}

a.cta_button:has(.hs-cta-img) {
  padding: 0;
  background: transparent;
  border: none;
}
header.header{
  top:84px!important;
}

#hs-overlay-cta-160503641742{
  height:77px!important;
}

#hs-overlay-cta-160503641742 .span4{
  width:200px!important;
}

.hs-blog-post .blog-banner {
  margin-top: 98px;
}

.hs-blog-post .cnt_main_item .hs-cta-img{
  height:auto;
}

@media(max-width:1300px){
  #hs-overlay-cta-160503641742{
    height:90px!important;
  }
  header.header {
    top: 101px !important;
  }
}

@media(max-width:767px){

  #hs-overlay-cta-160503641742{
    height:196px!important;
  }
  header.header {
    top: 197px !important;

  }
}
.body-wrapper header.header {
  top: 0 !important;
}
body .scroll-header .header-logo img {
  width: 254.41px!important;
}
/* New css */

.body-wrapper.hs-blog-listing {
  margin-top: 0 !important;
}
li.hs-menu-item.hs-item-has-children{
  position:relative;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


:root {
  --base_color: #000;
  --primary_color: #626262;
  --primary_color2: #0048c6;
  --primary_color3: #1d75bb;
  --primary_color4: #f9c231;
  --primary_color5: #7f7f7f;
  --secondary_color: #2b2b2b;
  --secondary_color2: #0a3e72;
  --secondary_color3: #1545c2;
  --secondary_color4: #e6af2a;
  --secondary_color5: #002e5a;
  --third_color: #fff;
  --fourth_color: #0e99e5;
  --body_two: 17px
}

body {
  color: #626262;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 26px
}



.secondary_paragraph p {
  color: #000;
  font-family: Poppins,sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.06px;
  line-height: 25px
}

.small-quote p {
  margin-bottom: 12px
}

.white-text h1,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,.white-text li,.white-text p,.white-text p a,.white-text span {
  color: #fff
}

.grey-text,.grey-text p {
  color: var(--primary_color5)
}

a.cta_button:has(.hs-cta-img) {
  background: transparent;
  border: none;
  padding: 0
}

.body-container-wrapper .body-container--home,.body-container-wrapper .ctpspace,.remtopbar .body-container-wrapper .body-container--home {
  margin: 117px 0 0;
}

.new-homeheader {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all .3s ease;
  width: 100%;
  z-index: 999
}

.new-homeheader .header-section {
  position: relative
}

.body-container-wrapper .tspactwo {
  margin: 62px 0 0
}

.body-container-wrapper .ctspcefiberpool {
  margin: 67px 0 0
}

.content-wrapper.new-container {
  max-width: 1271px
}

.showstopbar .body-container-wrapper .tspactwo {
  margin: 0
}

.body-container--diy-pool {
  padding: 30px 0 0
}



.header-section {
  background-color: #fff
}

.header-section .menu ul>li.hs-menu-depth-1 a:hover {
  text-decoration: none
}

.header-section .menu ul>li.hs-menu-depth-1 a {
  border-bottom: 2px solid transparent;
  color: #000;
  font-family: Poppins,sans-serif;
  font-size: 14.8px;
  font-weight: 400;
  letter-spacing: 1px;
  white-space: normal
}

.header-section .mobile-trigger .line {
  background-color: var(--third_color)
}

.header-section.white-header .menu ul>li.hs-menu-depth-1>a {
  color: #fff;
  text-decoration: none
}

.header-section.white-header .menu ul>li.hs-menu-depth-1.hs-item-has-children.active>a,.header-section.white-header .menu ul>li.hs-menu-depth-1.hs-item-has-children.actives>a,.header-section.white-header .menu ul>li.hs-menu-depth-1>a:hover {
  color: #b2e5f7
}

body .header-section .menu ul>li.hs-menu-depth-1.active-branch>a {
  border-bottom: 2px solid #000!important
}


.hs-button,a.cta_button,form .hs-button,form input[type=submit] {
  background-color: #0048c6;
  border: 1px solid #0048c6;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-family: Poppins,sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.21px;
  line-height: 26px;
  padding: 7px 23px 8px;
  text-align: center;
  text-decoration: none!important;
  transition: all .3s ease-in
}

.hs-button:hover,a.cta_button:hover,form .hs-button:hover,form input[type=submit]:hover {
  background-color: #fff;
  color: #0048c6;
  transition: all .3s ease-out
}

.dark-button .hs-button:hover,.dark-button a.cta_button:hover {
  background-color: var(--secondary_color5);
  border-color: var(--secondary_color5);
  color: var(--third_color)
}

.secondary-button a,.secondary-button a.cta_button,.secondary-button button.cta_button {
  background-color: #ddc957;
  color: #000;
  display: inline-block;
  font-size: 17px;
  line-height: 19px;
  padding: 17px 27px 14px;
  text-align: center;
  text-decoration: none!important;
  transition: all .3s ease-in
}

.primary-button a,.primary-button a.cta_button,.primary-button button.cta_button {
  background-color: #0048c6;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.21px;
  line-height: 22px;
  padding: 16px 27px 12px;
  text-align: center;
  text-decoration: none!important;
  transition: all .3s ease-in
}

.primary-button a.cta_button:hover,.primary-button a:hover,.primary-button button.cta_button:hover {
  background-color: #fff;
  color: #0048c6;
  transition: all .3s ease-out
}

.secondary-button a.cta_button:hover,.secondary-button a:hover,.secondary-button button.cta_button:hover {
  background-color: #c7b54f;
  color: #000;
  transition: all .3s ease-out
}

.bluearrow-btn a,.bluearrow-btn a.cta_button {
  background-image: url(https://7338860.fs1.hubspotusercontent-na1.net/hubfs/7338860/Complete%20Website%202024/Home/icon-link-arrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 24px;
  color: #0048c6;
  display: inline-block;
  font-family: Poppins,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0 0 0 32px;
  text-align: center;
  text-decoration: none!important;
  transition: all .3s ease-in
}

.bluearrow-btn a.cta_button:hover,.bluearrow-btn a:hover {
  background-color: transparent;
  color: #0048c6;
  transition: all .3s ease-out
}

.blue-btn a,.blue-btn a.cta_button {
  background-color: #0e99e5;
  border: 4px solid transparent;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-family: Poppins,sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .32px;
  line-height: 1.5;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none!important;
  text-transform: none;
  transform: scale(1);
  transition: all .3s ease-in
}

.blue-btn a.cta_button:hover,.blue-btn a:hover {
  background-color: #0e99e5;
  border-color: #fff;
  border-color: var(--secondary_color2);
  color: #fff;
  transform: scale(1.2);
  transition: all .3s ease-out
}


.hs-default-font-element,.hs-main-font-element {
  font-family: Poppins,sans-serif
}

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

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

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




@media(max-width: 1280px) {
  .header-section .menu ul>li.hs-menu-depth-1 a {
    letter-spacing:.7px
  }
}

@media(max-width: 1200px) {
  .header-section .menu ul>li.hs-menu-depth-1 a {
    color:var(--third_color);
    font-size: 14.8px;
    font-weight: 700
  }

  .body-container-wrapper .ctpspace,.remtopbar .body-container-wrapper .body-container--home {
    margin: 125px 0 0
  }

  .body-container--diy-pool {
    padding: 0
  }
}