@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

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


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

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

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}























/* 1a. Containers */


/* 1b. Colors */



/* 1c. Typography */


























/* 1d. Buttons */

/* -- btn1 -- */










/* 1e. Forms */


















/* 1g. Website header */











/* 1h. Website footer */










.container { max-width: 1320px; width: 100%; margin: auto; padding: 0 20px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 0; }

@media (min-width: 1200px) and (max-width: 1400px) { .container { max-width: 1150px; } }
@media (min-width: 992px) and (max-width: 1199px) { .container { max-width: 960px; } }
@media (min-width: 768px) and (max-width: 991px) { .container { max-width: 720px; } }
@media (max-width: 767px) { .container { max-width:100%; } }





* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; }
*:focus { outline: none; }
::-moz-focus-inner { border: 0; }

html { font-size: 16px; }
body { font-family: Lato, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; color: #707070; font-size: 16px; line-height: 1.5; padding: 0; margin: 0; }

p { font-family: Lato, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; margin: 0 0 15px 0; }
p:last-child { margin: 0; }
a { text-decoration: none; font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal; color: #E9FA00;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
a:hover, a:focus { text-decoration: none; color: #202B37; }
a:active { color: #202B37; }
img { border:0; vertical-align: top; height:auto; max-width:100%; }
ul, ol { list-style: none; padding: 0; margin: 0; }
.details ul, .content ul, .post-body ul { list-style: disc; }
.details ol, .content ol, .post-body ol {list-style: auto;}

.row-fluid [class*="span"] { min-height: 0; }
.header-container-wrapper .row-fluid [class*="span"] { min-height: 0; }
.row-fluid a.cta_button, a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 15px; line-height: 1.2; }

h1, .h1 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 58px; text-transform: uppercase; }
h2, .h2 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 48px; text-transform: uppercase; }
h3, .h3 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 40px; text-transform: uppercase; }
h4, .h4 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 30px; text-transform: uppercase; }
h5, .h5 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 24px; text-transform: uppercase; }
h6, .h6 { font-weight: 500; text-decoration: none; font-family: Oswald, sans-serif; font-style: normal; color: #202B37; font-size: 20px; text-transform: uppercase; }

/* Blockquote */
blockquote { border-left-color: #202B37; }





/* -- Button1 -- */
.btn1 a, a.btn1 {
  border: 1px solid #E9FA00;

  padding-top: 13px;
padding-right: 33px;
padding-bottom: 13px;
padding-left: 33px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: #E9FA00;
  border-radius: 50px;
  color: #151515;
  font-size: 16px;
  text-transform: none;
  display: inline-block; line-height: 22px; text-align: center;
}
.btn1 a:hover, a.btn1:hover { background-color: #D2E100; color:#151515; border-color: #D2E100; transform: translateY(-5px); }

/* -- Button4 (Simple Link) -- */
.btn4 a, a.btn4 { color: #E9FA00; font-size: 13px; line-height: 1.5; font-family: Lato; text-transform: uppercase; position: relative; }
.btn4 a:hover, a.btn4:hover { color: #7E7D7D; }
.btn4 a:after, a.btn4:after { right: 0; left:0;  position: absolute; content: ' '; top: 0; left: auto;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; background:#000000; width:100%; height:1px; top:auto; bottom:-1px;}
.btn4 a:hover:after, a.btn4:hover:after { background: #7E7D7D; }





form, .submitted-message { font-family: Lato, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }
.form-title { display: none; }
.form-title, .hs-richtext h3 { color: #202B37; text-transform: none; }
form label { color: #707070; margin-bottom: 10px; display: inline-block; }
form legend { color: #707070; }

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 { font-family: Lato; border: 1px solid #202B37;
 background-color: #FFFFFF; color: #707070; border-radius: 8px; -webkit-border-radius: 8px; height: 50px; font-size: 16px; padding: 10px 15px; width: 100%; font-family: Lato; font-weight: 500; }

/* Form placeholder text */

::-webkit-input-placeholder { color: #707070; position:relative; top:1px; font-family: Lato; }
::-moz-placeholder { color: #707070; position:relative; top:1px; font-family: Lato; }
:-ms-input-placeholder { color: #707070; position:relative; top:1px; font-family: Lato; }
::placeholder { color: #707070; position:relative; top:1px; font-family: Lato; }

form select { font-weight: 500; font-size: 16px; color: #4C5773; appearance: none; -webkit-appearance: none;  background-image: url(https://27192314.fs1.hubspotusercontent-eu1.net/hubfs/27192314/Verian/Form%20Arrow.svg); background-repeat: no-repeat; background-position: 97% center; background-size: 14px; }

/* .hs-fieldtype-textarea.hs-input {  height: 90px;  border-radius: 20px; }
.hs-fieldtype-textarea .input { border: 1px solid #1f2d50; border-radius: 25px; overflow: hidden; } */
.hs-form-field textarea:focus { outline: none; border: 1px solid #1f2d50; }
/* .hs-form-field textarea { border: 0; } */

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before { color: #707070; }
.fn-date-picker td.is-selected .pika-button { background: #707070; }
.fn-date-picker td .pika-button:hover { background-color: #707070 !important; }
.fn-date-picker td.is-today .pika-button { color: #707070; }

/* Submit button */
form input[type=submit], form .hs-button {
  padding-top: 13px;
padding-right: 33px;
padding-bottom: 13px;
padding-left: 33px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  border-radius: 50px;
  color: #151515;
  font-size: 16px;
  text-transform: none;
  background-color: #E9FA00;
  display: inline-block; border: 0; line-height: 1.5;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; cursor: pointer;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
form input[type=submit]:active,
form .hs-button:active { background-color: #D2E100; color: #151515; transform: translateY(-5px); }

.default-form .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; font-family: Oswald; font-size: 30px; font-weight: 600; margin: 30px 0; background: transparent; border: none; color: #707070; padding: 0; }
.default-form .field.hs-form-field + .hs_error_rollup { display: none; }
.default-form .hs_error_rollup { display: none; }

.default-form .hs-form input:focus-visible,
.default-form .hs-form input:focus { border: 1px solid #202B37;
; outline: none; }
.default-form .hs-form .input { margin: 0; }
.default-form .hs-form .hs-form-field { padding: 0 0 20px; margin-bottom: 0; }
.default-form .hs-form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
.default-form .hs-form fieldset.form-columns-2 .input, .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right: 0; }
.default-form .hs-form fieldset.form-columns-2 .field { padding: 0 0 10px 10px; }
.default-form .hs-form fieldset.form-columns-2 .field:first-child { padding: 0 10px 10px 0; }
.default-form .hs-form fieldset.form-columns-3 .field { padding: 0 0 10px 10px; }
.default-form .hs-form fieldset.form-columns-3 .field:first-child { padding: 0 10px 10px 0; }
.default-form .hs-form fieldset.form-columns-3 .field:first-child + .field { padding: 0 5px 10px; }
.default-form .hs-form fieldset .hs-input { width: 100% !important; }
.default-form .hs-form fieldset { max-width: none; }

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  .default-form .hs-form fieldset.form-columns-2 .field { padding: 0 0 10px 0; }
  .default-form .hs-form fieldset.form-columns-2 .field:first-child { padding: 0 0 10px 0; }
  .default-form .hs-form fieldset.form-columns-3 .field { padding: 0 0 10px; }
  .default-form .hs-form fieldset.form-columns-3 .field:first-child { padding: 0 0 10px 0; }
  .default-form .hs-form fieldset.form-columns-3 .field:first-child + .field { padding: 0 0 10px; }  
  .default-form .hs-form .hs-form-field { padding-bottom: 15px; }
  .default-form .hs-form label { margin-bottom: 6px; }
}

.default-form .hs-form .inputs-list input[type="checkbox"],
.default-form .hs-form .inputs-list input[type="radio"] { width: auto !important; }
.default-form .hs-form .inputs-list .hs-form-checkbox-display, 
.default-form .hs-form .inputs-list .hs-form-booleancheckbox,
.default-form .hs-form .inputs-list li.hs-form-radio { display: block; padding-left: 30px; position: relative; cursor: pointer; }
.default-form .hs-form .inputs-list .hs-form-booleancheckbox label { margin: 0; }
.default-form .hs-form .inputs-list input[type="checkbox"] ,
.default-form .hs-form .inputs-list input[type="radio"] { position: absolute; left: 0; margin: 0; top: 0; opacity: 0; width: 20px; height: 20px; }
.default-form .hs-form .inputs-list label span a { color: #707070; text-decoration: underline; }
.default-form .hs-form .inputs-list input[type="checkbox"] + span { display: block; line-height: 22px; position: relative; font-size: 12px; margin-left: 0; }
.default-form .hs-form .inputs-list input[type="checkbox"] + span:before { background: #f7f7f7; border: 1px solid #707070; border-radius: 3px; content: ""; height: 18px; left: -30px; position: absolute; top: 1px; width: 18px; }
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:before { background: #202B37; border-color: #202B37; }
.default-form .hs-form .inputs-list input[type="checkbox"]:checked + span:after { text-align: center; color: #fff; position: absolute; left: -30px; top: 1px; content: "\f00c"; font-family: 'FontAwesome'; width: 20px; line-height: 20px; font-size: 12px; }

.default-form .hs-form .inputs-list li.hs-form-radio input { display: none; }
.default-form .hs-form .inputs-list li.hs-form-radio span { padding-left: 12px; font-size: 16px; font-weight: 600; color: #4C5773; }
.default-form .hs-form .inputs-list input[type="radio"] { top: 3px; }
.default-form .hs-form .inputs-list input[type="radio"] + span:before { position: absolute; left: -2px; top: 5px;  content: ''; width: 20px; height: 20px; border: 1px solid #1F2D50;  background: #fafafa; border-radius: 100%; }
.default-form .hs-form .inputs-list input[type="radio"]:checked + span:after { position: absolute; left: 2px; top: 9px; content: ''; width: 12px; height: 12px; border-color: #1F2D50; background: #1F2D50;  border-radius: 100%; }

ul.no-list.hs-error-msgs.inputs-list { margin: 0; padding: 0; }
ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg { color: red; font-size: 12px; }





footer { background-color: #202B37; color: #FFFFFF; }
footer p { color: #FFFFFF; }
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer label,
footer span,
footer li,
footer img {
  color: #FFFFFF;
}
footer .footer-menu ul li a { color:#F0F0F0; }
footer .footer-menu ul li a:hover { color:#e9fa00; }

/* 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%; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0;  cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: ""; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: ""; }
.slick-arrow.slick-disabled { display:none; }
.slick-arrow.slick-next {position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border-radius: 40px; width: 23px; height: 40px; left: auto; right: -35px; border: 0; background-image: url(https://27192314.fs1.hubspotusercontent-eu1.net/hubfs/27192314/Verian/right-arrow-slider.svg); background-repeat: no-repeat; background-position: center center; background-size: 21px;  transition:all 0.4s;}
.slick-arrow.slick-prev {position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border-radius: 40px; width: 23px; height: 40px; left: -35px; border: 0; background-image: url(https://27192314.fs1.hubspotusercontent-eu1.net/hubfs/27192314/Verian/left-arrow-slider.svg); background-repeat: no-repeat; background-position: center center; background-size: 21px; transition:all 0.4s;}

ul.slick-dots { margin:0; padding:0; list-style:none; width:100%;}
ul.slick-dots { text-align:center; padding:38px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#D3C8BD; width:100px; height:5px; border-radius:0%; font-size:0;  cursor:pointer; padding:0; border: 0;}
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#FF7D04; }

.w-100 { width:100%; display:inline-block; vertical-align:top; }
.d-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-center { align-items: center; }
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end; }
.space-between { justify-content: space-between; }
.space-around { justify-content: space-around; }
.justify-center { justify-content: center; }
.justify-right { justify-content: flex-end; }
.justify-left { justify-content: flex-start; }
.row-wrap { flex-flow: row wrap; }
.row-reverse { flex-direction: row-reverse; }
.col-reverse { flex-direction: column-reverse; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.p-100 { padding: 100px 0; }
.p-120 { padding: 120px 0; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.title { margin-bottom: 60px; }
.title h2 { margin-bottom: 0; }
.title .content { margin-top: 20px; }

.landing-body { margin-top: 90px; }
.baseModuleStyle { margin: -1px 0; }

/* CSS START */

/* LANDING HEADER */
.header-no-navigation { background: #202B37; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; padding: 20px 0; }

/* LANDING FOOTER */
.landing-footer { background: #202B37; }
.landing-footer .inner-row { border-bottom: 1px solid #FFFFFF; margin-bottom: 30px; padding-bottom: 30px; grid-gap: 20px; }
.landing-footer .social-icon { grid-gap: 50px; }
.landing-footer .social-icon li a { width: 30px; height: 30px; display: inline-block; line-height: 0; vertical-align: middle; }
.landing-footer .social-icon li a:hover { opacity: 0.7; }
.landing-footer .copyright { color: #FFFFFF; }

/* HEADER */
header { background: #202B37; padding: 11px 0; border-bottom: 1px solid #151515; position: relative; z-index: 1; }
header .header-inner, header .header-right { grid-gap: 16px; }

.nav-toggle { background: transparent; border: 0 none; cursor: pointer; padding: 0; }
.nav-toggle .icon-bar { margin: auto; background-color: #FFF; display: block; height: 2px; position: relative; width: 24px; }
.nav-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top: 0; transform: rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top: 8px; transform: rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity: 0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top: -8px; transform: rotate(-45deg); }
.mainmenu .mobile-menu span.mobile-toggle { width: 36px; height: 36px; position: absolute; right: 0; top: 7px; transition: all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle:after,.mainmenu .mobile-menu span.mobile-toggle:before { content: ""; background-color: #151515; height: 16px; width: 2px; position: absolute; left: 17px; top: 10px; transition: all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle:before { transform: rotate(90deg); transition: all 0.4s ease;; }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:after { transform: rotate(90deg); }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:before { opacity: 0; background-color: Green; transform: rotate(180deg); }
.mainmenu .hs-menu-wrapper ul { padding: 0; margin: 0; list-style: none; text-align: left; }
.mainmenu .hs-menu-wrapper ul li a { padding: 10px 0; display: block; color: #FFFFFF; font-family: var(--basefont); font-size: 16px; text-transform: capitalize; }
.mainmenu .hs-menu-wrapper > ul > li { display: inline-block; vertical-align: middle; }
.mainmenu .hs-menu-wrapper > ul > li > a { max-width:none; width: auto; padding: 8px 16px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a { padding-right: 30px; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background-color: #F0F0F0; min-width: 224px; padding: 8px; border: 1px solid #151515; left: 0; top: 100%; opacity: 0; position: absolute; visibility: hidden; z-index: 10; transform:translateY(20px); transition: all 0.4s ease; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { color: #151515; padding: 8px 16px; }

/* FOOTER */
footer { padding: 80px 0; margin-top: -1px; }
footer .inner-row { padding-bottom: 80px; }
footer .left-side { width: 280px; }
footer .social-icon { grid-gap: 20px; margin-top: 32px; }
footer .social-icon li a { width: 26px; height: 26px; display: inline-block; line-height: 0; vertical-align: middle; }
footer .social-icon li a:hover { opacity: 0.7; }
footer .right-side { width: calc(100% - 280px); padding-left: 30px; }
footer .right-side .menu-row { max-width: 720px; margin: 0 0 0 auto; }
footer .right-side .menu-column:not(:first-child) { width: 182px; padding-left: 32px; }
footer .right-side .menu-column:first-child { width: calc(100% - (182px * 3)); }
footer .menu-title { font-size: 19.2px; font-weight: 700; padding: 8px 0; }
footer .footer-menu ul li a { font-size: 19.2px; font-weight: 300; padding: 8px 0; display: inline-block; vertical-align: top; }
footer .footer-menu ul li a span { background-color: #e9fa00; color: #151515; border-radius: 8px; padding: 4px 8px; font-family: Lato, sans-serif; font-size: .6rem; text-decoration: none; display: inline-block; vertical-align: middle; margin-left: 8px; }
footer .copyright { padding-top: 32px; border-top: 1px solid #FFFFFF; font-size: 14px; }

/* BLOG LISTING SECTION */
.blog-list-featured-inner-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
.post-item { position: relative; background: #FFFFFF; border-radius: 20px; overflow: hidden; padding: 10px; box-shadow: 0px 0px 5px 0px #202B371A; transition: all 0.4s ease; }
.post-item .post-item-featured-image { border-radius: 10px; overflow: hidden; }
.post-item .post-item-featured-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: all 0.4s ease-in-out; }
.post-item .post-item-tags { display: flex; align-items: center; color: #3567FF; grid-gap: 10px; margin-bottom: 10px; }
.post-item .post-item-tags a { color: #3567FF; line-height: 26px; }
.post-item .post-item-title h5 { margin-bottom: 0; line-height: 34px; }
.post-item .post-item-title h6 { margin-bottom: 0; line-height: 30px; }
.post-item .post-item-content { padding: 20px 10px; }
.post-item .post-item-summary,
.post-item .post-item-author-details { margin-top: 20px; }
.post-item .author-image { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.post-item .author-image img { width: 100%; height: 100%; object-fit: cover; }
.post-item .author-details { width: calc(100% - 50px); padding-left: 10px; }
.post-item .author-details p.author-name { margin-bottom: 2px; }
.post-item .author-details p.author-name a { font-weight: 700; color: #202B37; }
.post-item .author-details p.post-publish-date { font-size: 14px; }
.post-item .read-more-link a { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #f7f7f7; border-radius: 50px; }

.post-item:hover { box-shadow: 0px 0px 30px 0px #202B3726; }
.post-item:hover .post-item-featured-image img { transform: scale(1.1); }
.post-item:hover .read-more-link a { background: #E9FA00; transform: rotate(-180deg); } 

.blog-list-featured-left-container .post-item { height: 100%; }
.blog-list-featured-left-container .post-item-featured-image { height: 326px; }

.blog-list-featured-right-container .post-item + .post-item { margin-top: 20px; }
.blog-list-featured-right-container .post-item { border-radius: 10px; }
.blog-list-featured-right-container .post-item .post-item-featured-image { width: 200px; height: 178px; border-radius: 5px; }
.blog-list-featured-right-container .post-item .post-item-content { width: calc(100% - 200px); padding: 10px; }
.blog-list-featured-right-container .post-item .post-item-summary { display: none; }
.blog-list-featured-right-container .post-item .post-item-author-details { margin-top: 8px; }

.blog-main-list-section .blog-main-listing { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 60px; grid-column-gap: 30px; }
.blog-main-list-section .post-item .post-item-featured-image { height: 260px; }

.tag-search-section .blog-tag-filter-section { position: relative; }
.tag-search-section .blog-filter-section { margin-bottom: 60px; }
.tag-search-section .filter-by-tags { background: #E9FA00; border-radius: 5px; padding: 10px 20px; position: relative; color: #151515; font-size: 16px; line-height: 26px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.tag-search-section .filter-by-tags svg { margin-left: 40px; width: 18px; height: auto; transition: all 0.4s ease; position: relative; top: 2px; }
.tag-search-section .filter-by-tags.open svg { transform: rotate(180deg);  }
.tag-search-section .filter-list { position: absolute; left: 0; right: 0; background: #FFF; box-shadow: 0 0 5px 0 #202b371a; color: #151515; top: 50px; display: none; border-radius: 5px; z-index: 9; overflow: hidden; }
.tag-search-section .filter-list ul li a { color: #151515; padding: 8px 20px; display: inline-block; vertical-align: top; width: 100%; }
.tag-search-section .filter-list ul li.active a,
.tag-search-section .filter-list ul li a:hover { background: #151515; color: #fff; }

.tag-search-section .hs-search-field__input { height: 46px; width: 400px; border: 1px solid #E5E5E5; border-radius: 5px; background: transparent; padding: 11px 60px 14px 20px; color: #707070; font-family: Lato, sans-serif; font-size: 16px; line-height: 26px; }
.tag-search-section input[type="search" i]::-webkit-search-cancel-button { margin-left: 10px; cursor: pointer; }
.tag-search-section .hs-search-field__input:focus { outline: none; }
.tag-search-section form.hs-search-field__form { position: relative; border-radius: 5px; }
.tag-search-section button.hs-search-field__button { position: absolute; right: 0; top: 0; bottom: 0; width: 46px; border: none; background: #E9FA00; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 0 5px 5px 0; }
.tag-search-section button.hs-search-field__button svg { width: 20px; height: auto; }
.tag-search-section .hs-search-field__suggestions-container { z-index: 9; position: absolute; left: 0; right: 0; top: 50px; }
.tag-search-section .hs-search-field__suggestions-container ul { background: #FFF; box-shadow: 0 0 5px 0 #202b371a; border-radius: 5px; border: none; }
.tag-search-section .hs-search-field__suggestions-container ul li a { color: #151515; padding: 5px 20px; }
.tag-search-section .hs-search-field__suggestions-container ul li.results-for { padding: 5px 20px; }

.blog-main-list-section .pagination { margin-top: 60px; display: flex; justify-content: center; flex-wrap: wrap; grid-gap: 10px; }
.blog-main-list-section .pagination li a { border: 1px solid #E5E5E5; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #151515; border-radius: 5px; }
.blog-main-list-section .pagination li a:hover,
.blog-main-list-section .pagination li.active a { background: #151515; color: #FFFFFF; border-color: #151515; }
.blog-main-list-section .pagination li a svg path { transition: all 0.4s ease-in-out; }
.blog-main-list-section .pagination li a:hover svg path, ul.pagination li.active a svg path { fill: #FFFFFF; }


/* BLOP POST SECTION */
.blog-post-section { padding-top: 60px; }
.blog-post-section .post-item-featured-image { margin-bottom: 70px; }
.blog-post-section .post-item-featured-image img { width: 100%; height: 500px; object-fit: cover; border-radius: 15px; }

.blog-post-section .left-side { width: 298px; border-right: 1px solid #202B37; padding: 50px 0; }
.blog-post-section .left-side .inner { position: sticky; top: 20px; }
.blog-post-section #mainNav { margin-bottom: 20px; }
.blog-post-section #mainNav a { display: inline-block; vertical-align: top; width: 100%; color: #202B37; padding: 20px 20px 20px 0; line-height: 26px; position: relative; border-bottom: 1px solid #202B37; }
.blog-post-section #mainNav a:last-child { border-bottom: none; }
.blog-post-section #mainNav a:before { position: absolute; content: ""; background: #3567FF; width: 20px; height: 2px; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; }
.blog-post-section #mainNav a.active { color: #3567FF; padding-left: 40px; font-weight: 700; }
.blog-post-section #mainNav a.active:before { opacity: 1; visibility: visible; }
.blog-post-section #mainNav a:hover { color: #3567FF; }

.blog-post-section .right-side { width: calc(100% - 298px); padding-left: 30px; }
.blog-post__body { font-size: 16px; }
.blog-post__body a { color: #3567FF !important; text-decoration: underline; }
.blog-post__body a span {color: #3567FF !important;}
.blog-post-section .blog-post__meta { margin-bottom: 10px; }
.blog-post-section .blog-post__meta .post-item-tags { display: flex; align-items: center; color: #3567FF; grid-gap: 10px; }
.blog-post-section .blog-post__meta .post-item-tags a { color: #3567FF; line-height: 26px; }
.blog-post-section .blog-post__meta .date { padding-left: 20px; font-size: 14px; }

.blog-post-section h1 { margin-bottom: 50px; }
.blog-post-section .blog-post__body h2 { font-size: 40px; margin-bottom: 25px; }
.blog-post-section .blog-post__body h3 { margin: 50px 0 25px; font-size: 24px; }
.blog-post-section .blog-post__body p,
.blog-post-section .blog-post__body h5 { margin-bottom: 25px; }
.blog-post-section .blog-post__body img { width: 100%; height: 500px; object-fit: cover; border-radius: 15px; margin-top: 25px; }
.blog-post-section .blog-post__body ul { list-style: disc; padding-left: 18px; margin-bottom: 25px; }

.blog-post-section .image-wrap { display: flex; grid-gap: 3px; }
.blog-post-section .image-wrap .image img { height: 293px; }
.blog-post-section .image-wrap .image:first-child img { border-radius: 10px 0 0 10px; }
.blog-post-section .image-wrap .image:last-child img { border-radius: 0 10px 10px 0; }

.blog-post-section .share-box { max-width: 266px; background: #E9FA00; padding: 10px 20px; border-radius: 10px; color: #202B37; font-weight: 700; grid-gap: 20px; }
.blog-post-section .share-box h5 { margin-bottom: 0; font-size: 25px; font-weight: 500; line-height: 30px; text-transform: capitalize; }
.blog-post-section .share-box ul.share-buttons li + li { margin-left: 15px; }
.blog-post-section .share-box ul.share-buttons li a { width: 40px; height: 40px; background: #202B37; display: flex; align-items: center; justify-content: center; border-radius: 40px; color: #97E610; }
.blog-post-section .share-box ul.share-buttons li a:hover { background: #FFFFFF; color: #202B37; }
.blog-post-section .share-box ul.share-buttons li a:hover svg path { fill: #202B37; }

.author-section { border-top: 1px solid #1E4640; padding: 30px 0 50px; margin-top: 50px; }
.author-section .author-image { width: 100px; height: 100px; border-radius: 10px; overflow: hidden; }
.author-section .author-image img { width: 100%; height: 100%; object-fit: cover; }
.author-section .author-details { width: calc(100% - 100px); padding-left: 20px; }
.author-section .author-details h5 { margin-bottom: 10px; font-size: 25px; }

.blog-faq-section .faq-section .title { margin-bottom: 25px; }
.blog-faq-section .faq-section .container { max-width: 100%; padding: 0; }

.blog-related-posts .title h3 { text-transform: capitalize; }
.blog-related-posts .blog-related-posts__list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; }
.blog-related-posts .post-item .post-item-featured-image { height: 260px; }

.blog-subscribe-section .container { max-width: 100%; padding: 0; }
.subscribe-section .subscribe-box { background: #E9FA00; display: flex; align-items: center; padding: 10px; border-radius: 10px; }
.subscribe-section .subscribe-box .image { width: 397px; }
.subscribe-section .subscribe-box .image img { width: 100%; min-height: 210px; object-fit: cover; border-radius: 10px; }
.subscribe-section .subscribe-right { width: calc(100% - 397px); ); padding: 20px 50px; }
.subscribe-section .subscribe-right h5 { margin-bottom: 20px; font-size: 25px; color: #151515; }
.subscribe-section .subscribe-box form { position: relative; }
.subscribe-section .subscribe-box form .hs-form-field label { display: none; }
.subscribe-section .subscribe-box form .hs-form-field input { background: transparent; border: 1px solid #151515; border-radius: 50px; padding: 13px 150px 17px 33px; color: #151515; }
.subscribe-section .subscribe-box form .hs-form-field input::placeholder { color: #151515; }
.subscribe-section .subscribe-box form .hs-submit { position: absolute; top: 0; right: 0; }
.subscribe-section .subscribe-box form .hs-submit input { background: #151515; color: #E9FA00; }
.subscribe-section .subscribe-box form input[type=submit]:hover, 
.subscribe-section .subscribe-box form input[type=submit]:focus, 
.subscribe-section .subscribe-box form .hs-button:hover, 
.subscribe-section .subscribe-box form .hs-button:focus, 
.subscribe-section .subscribe-box form input[type=submit]:active, 
.subscribe-section .subscribe-box form .hs-button:active { transform: inherit; }
.subscribe-section .subscribe-box .hs-error-msgs label { color: #ff4848; margin: 0 0 0 20px; font-size: 14px; }

/* SYSTEM PAGES */
.system-section { background: #202B37; color: #FFF; padding: 150px 0; position: relative; overflow: hidden; }


/* CSS END */


/* MEDIA QUERY */

@media (min-width: 992px) {/*hover event for desktops*/
  .mainmenu .hs-menu-wrapper ul li:hover > a,
  .mainmenu .hs-menu-wrapper ul li.active > a,
  .mainmenu .hs-menu-wrapper ul li.active-branch > a { color: #E9FA00; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover a:before { border-color: #E9FA00; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; transform: translateY(0); }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background: #151515; color: #FFFFFF; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle { display: none; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position: absolute; content: ""; border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; width: 6px; height: 6px; transform: rotate(45deg); top: 15px; right: 7px; transition: all 0.3s; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before { transform: rotate(225deg); top: 18px; }
}

@media (max-width: 1400px) {
  h1, .h1 { font-size: 50px; }
  h2, .h2 { font-size: 44px; }
  .p-100, .p-120 { padding: 80px 0; }

  .subscribe-section .subscribe-right { padding: 20px; width: calc(100% - 300px); }
  .subscribe-section .subscribe-box .image { width: 300px; }

}

@media (max-width: 1199px) { 
  h1, .h1 { font-size: 46px; }
  h2, .h2 { font-size: 40px; }
  h3, .h3 { font-size: 36px; }
  h4, .h4 { font-size: 26px; }
  .title { margin-bottom: 40px; }

  .landing-banner-section .left-side { width: calc(100% - 400px); padding: 60px 30px 60px 0; }
  .landing-banner-section .right-side { width: 400px; padding: 30px; }

  footer .right-side .menu-column:not(:first-child) { width: 145px; padding-left: 30px; }
  footer .right-side .menu-column:first-child { width: calc(100% - (145px * 3)); }

  .blog-list-featured-inner-container { grid-template-columns: 1fr; }
  .blog-list-featured-right-container .post-item .post-item-content { padding-left: 20px; }
  .blog-list-featured-right-container .post-item .post-item-author-details { margin-top: 15px; }
  .blog-main-list-section .blog-main-listing { grid-gap: 30px; }
  .tag-search-section .blog-filter-section { margin-bottom: 40px; }
  .blog-main-list-section .pagination { margin-top: 40px; }
  
  

  .blog-post-section .post-item-featured-image img, .blog-post-section .blog-post__body img { height: 400px; }
  .blog-related-posts .post-item .post-item-featured-image { height: 200px; }
  .subscribe-section .subscribe-box .image { width: 200px; min-height: 150px; }
  .subscribe-section .subscribe-right { width: calc(100% - 200px); }
  .blog-post-section .blog-post__body h2 { font-size: 36px; }

}

@media (max-width: 991px) { 
  h1, .h1 { font-size: 40px; }
  h2, .h2 { font-size: 36px; }
  h3, .h3 { font-size: 30px; }
  .p-100, .p-120 { padding: 60px 0; }

  header { padding: 6px 0; }
  header .header-right { background-color: #F0F0F0; display: none; border-bottom: 1px solid #151515; padding: 16px 20px; left: 0; margin: 0; position: absolute; top: 62px; width: 100%; height: calc(100vh - 62px); z-index: 9; }
  .mainmenu .hs-menu-wrapper ul li a { padding: 12px 0; font-size: 18px; color: #151515; }
  .mainmenu .hs-menu-wrapper > ul > li { display: block; }
  .mainmenu .hs-menu-wrapper > ul > li:not(:first-child) { margin-left: 0; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; background: transparent; padding: 0; border: none; opacity: 1; visibility: visible; display: none; width: 100%; transform: translateY(0); transition: none !important; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 12px 0 12px 34px; }

  header .header-right .mainmenu, header .header-right .header-btn { max-width: 680px; margin: 0 auto; }
  header .header-right .header-btn a { width: 100%; margin-top: 24px; }

  .landing-footer .logo img { height: 50px; }
  .landing-footer .social-icon { grid-gap: 30px; }
  .landing-footer .inner-row { padding-bottom: 25px; margin-bottom: 25px; }

  footer { padding: 60px 0; }
  footer .inner-row { display: block; padding-bottom: 60px; }
  footer .left-side { width: 100%; max-width: 280px; margin: 0 auto; }
  footer .right-side { width: 100%; padding: 50px 0 0; }
  footer .right-side .menu-row { max-width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
  footer .right-side .menu-column:first-child { width: 100%; }
  footer .right-side .menu-column:not(:first-child) { width: 100%; padding: 0; }

  .blog-main-list-section .blog-main-listing { grid-template-columns: repeaT(2, 1fr); }
  .blog-main-list-section .post-item .post-item-featured-image { height: 200px; }

  .blog-post-section .blog-post-bottom { display: block; }
  .blog-post-section .left-side { width: 100%; padding: 0 0 20px; border-right: none; }
  .blog-post-section .left-side #mainNav { display: none; }
  .blog-post-section .post-item-featured-image { margin-bottom: 40px; }
  .blog-post-section .right-side { width: 100%; padding: 0; }
  .blog-post-section h1 { margin-bottom: 30px; }
  .blog-post-section .blog-post__body h2,
  .blog-post-section .blog-post__body p,
  .blog-post-section .blog-post__body h5 { margin-bottom: 20px; }
  .blog-post-section .blog-post__body p,
  .blog-post-section .blog-post__body h5 { }
  .blog-post-section .blog-post__body h3 { margin: 30px 0 20px; }
  .blog-related-posts .blog-related-posts__list { grid-template-columns: repeat(2, 1fr); }
  .blog-post-section .blog-post__body h2 { font-size: 30px; }

}

@media (max-width: 767px) {
  .landing-body { margin-top: 80px; }
  h1, .h1 { font-size: 36px; }
  h2, .h2 { font-size: 32px; }
  h3, .h3 { font-size: 28px; }
  h4, .h4 { font-size: 24px; }

  .header-no-navigation { padding: 15px 0; }
  header .header-right .header-btn, header .header-right .mainmenu { max-width: 100%; }

  footer .footer-menu ul li a { font-size: 16px; }
  footer .footer-menu ul li a span { margin-left: 4px; }

  .tag-search-section .blog-filter-section { display: block; }
  .tag-search-section .filter-by-tags { margin-bottom: 15px; }
  .blog-main-list-section .blog-main-listing { grid-template-columns: 1fr; }
  .blog-list-featured-right-container .post-item { display: block; }
  .blog-list-featured-right-container .post-item .post-item-featured-image { width: 100%; height: 250px; }
  .blog-list-featured-right-container .post-item .post-item-content { width: 100%; padding: 20px 10px; }
  .blog-list-featured-left-container .post-item-featured-image, 
  .blog-main-list-section .post-item .post-item-featured-image { height: 250px; }

  .blog-post-section .blog-post__body h2 { font-size: 28px; }
  .blog-post-section .post-item-featured-image img, .blog-post-section .blog-post__body img { height: 280px; }
  .blog-post-section .blog-post__body img { margin-top: 0; }
  .subscribe-section .subscribe-box { display: block; }
  .subscribe-section .subscribe-box .image { display: none; }
  .subscribe-section .subscribe-right { width: 100%; padding: 10px; }
  .subscribe-section .subscribe-box form .hs-form-field input { padding: 13px 33px; }
  .subscribe-section .subscribe-box form .hs-submit input { }
  .subscribe-section .subscribe-box form .hs-submit { position: static; margin-top: 10px; }

  .blog-related-posts .blog-related-posts__list { grid-template-columns: 1fr; }
  .blog-post-section .image-wrap { display: block; }
  .blog-post-section .image-wrap .image + .image { margin-top: 15px; }
  .blog-post-section .image-wrap .image img { border-radius: 10px !important; }

  .blog-list-featured-right-container .post-item .post-item-summary { display: block; }
  .post-item { border-radius: 10px; }
  .post-item .post-item-featured-image { border-radius: 5px; }
  .post-item .post-item-title h5 { font-size: 20px; line-height: 1.5; }
  .post-item .post-item-summary, .post-item .post-item-author-details { margin-top: 15px; }
  .blog-list-featured-inner-container { grid-gap: 20px; }

}

@media (max-width: 575px) {
  .landing-footer.p-100 { padding: 40px 0; } 
  .landing-footer .inner-row { flex-direction: column; grid-gap: 30px; }

  footer { padding: 40px 0; text-align: center; }
  footer .left-side { max-width: 200px; }
  footer .right-side .menu-row { grid-template-columns: 1fr; grid-gap: 15px; }
  footer .right-side { padding-top: 40px; }
  footer .inner-row { padding-bottom: 40px; }
  footer .social-icon { margin-top: 25px; }

}