@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* font-family: "Roboto Condensed", sans-serif; */
/* font-family: "Roboto", sans-serif; */
/* font-family: "Lato", sans-serif; */
/* font-family: "Inter", sans-serif; */







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

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





html {
  font-size: 20px;
}

body {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #034369;
  font-size: 20px;
}

/* Paragraphs */

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

/* Anchors */

a {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #00002f;
}

a:hover,
a:focus {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #000007;
}

a:active {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #282857;
}

/* Headings */

h1,
.h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #034369;
  font-size: 64px;
  text-transform: none;
}

h2,
.h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #034369;
  font-size: 48px;
  text-transform: none;
}

h3,
.h3 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #034369;
  font-size: 32px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #034369;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #034369;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #034369;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

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





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px none #FFFFFF;

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

  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 12px;
  color: #034369;
  font-size: 20px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px none #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(3, 67, 105, 1.0)

;
  border-radius: 12px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}





form,
.submitted-message {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #FF8400;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(255, 132, 0, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #FFFFFF;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Lato; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 32px;
  color: #034369;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #011C2A;
}

/* Help text */

form legend {
  color: #011C2A;
}

/* Inputs */

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

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #011C2A;
  border-radius: 12px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #011C2A;
}

::-moz-placeholder {
  color: #011C2A;
}

:-ms-input-placeholder {
  color: #011C2A;
}

::placeholder {
  color: #011C2A;
}

/* Inputs - date picker */

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

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #0C2952;
;
  padding-top: 15px;
padding-right: 28px;
padding-bottom: 15px;
padding-left: 28px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 20px;
  background-color: 

  
  
    
  


  rgba(1, 7, 32, 1.0)

;
  border-radius: 12px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #034369;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
}





/* Table */

table {
  border: 1px solid #034369;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #034369;

  padding: 6px;

  color: #034369;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(12, 41, 82, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #034369;
}





.header {
  background-color: 

  
  
    
  


  rgba(1, 7, 32, 1.0)

;
}

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

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

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

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

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

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

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

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px none #0C2952;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px none #0C2952;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

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

  
  
    
  


  rgba(1, 7, 32, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(1, 7, 32, 1.0)

;
}

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

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

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(1, 7, 32, 1.0)

;
  }

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





.footer {
  background-color: 

  
  
    
  


  rgba(0, 44, 73, 1.0)

;
}

/* Footer content */

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





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

/* Blog post */

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

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

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #001b41;
}

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

/* Blog related posts */

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

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

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #001b41;
}

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

/* Blog comments */

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

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

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

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





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





/* Blog listing */

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

.hs-blog-post-listing__post-title-link {
  color: #034369;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #001b41;
}

.hs-blog-post-listing__post-title-link:active {
  color: #2b6b91;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #034369;
}

/* Blog pagination */

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

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #001b41;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #2b6b91;
}

.hs-pagination__link-icon svg {
  fill: #034369;
}

/* Pricing card */

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

.card__body svg {
  fill: #0C2952;
}

/* Social follow */

.social-links__icon {
  background-color: #0C2952;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #00012a;
}

.social-links__icon:active {
  background-color: #34517a;
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #034369;
  font-size: 32px;
}


.dnd-section>.row-fluid { max-width: 100%; }
* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: "Roboto", sans-serif; font-size: 20px; line-height:30px; color:#034369; }
.row-fluid [class*="span"].no-height { min-height: auto; }
.container,
.row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; float: none; box-sizing: border-box; }
.container:after,
.row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table; }
input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border: 1px solid #8D8D8D; background: #fff; color:#011C2A; height: 50px; padding: 10px 16px; font-family: "Roboto", sans-serif; font-size: 14px; width: 100%; }
input[type=checkbox], input[type=radio] { width: auto; height: auto; }
textarea { padding: 16px; height: 100px; }
input[type=submit], button { width: auto; border: 0; cursor: pointer; background: linear-gradient(180deg, #010720 0%, #034369 100%); box-shadow: 3px 4px 4px 0px #FFFFFF4D inset, 0px 4px 13.8px 0px #00002F40; font-size: 20px; line-height: 30px; font-weight: 400; padding: 15px 28px; color: #fff; display: inline-block; font-family: "Lato", sans-serif; border-radius: 12px; text-decoration: none; transition: 0.3s ease-in-out; }      
input[type=submit]:hover, button:hover { background: #fff; box-shadow: inset 3px 4px 4px 0 #010720, 0 4px 13.8px 0 #034369; color: #034369; }
ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
p { font-family: "Roboto", sans-serif; font-size: 20px; line-height:30px; }
img{width:100%; max-width:100%; }
a{ text-decoration:none; transition: 0.3s ease-in-out; }
p a, p a:hover, p a:active, p a:focus { font-family: "Lato", sans-serif; }
a:hover, a:active, a:focus { text-decoration : none; }
h1,h2,h3,h4,h5,h6 { margin-top:0; margin-bottom:10px; font-family: "Roboto", sans-serif; }
h1 { font-size: 64px; line-height:74px; font-weight:700; }
h2 { font-size: 48px; line-height:60px; font-weight:700; }
h3 { font-size: 32px; line-height:40px; font-weight:400; }
h4 { font-size: 24px; line-height:34px; font-weight:400; }
h5 { font-size: 16px; line-height:26px; font-weight:400; }
h6 { font-size: 14px; line-height:24px; font-weight:400; }
h3.form-title { display: none; }
p:last-child{ margin-bottom:0; }

.dnd-section, .dnd-section .dnd-column { padding: 0; }
.row-fluid .span12 { min-height: 0; }

.slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:45%; left:0; width:auto; height: auto; font-size:0px; color:#034369; cursor:pointer; transform: translateY(-50%);}
.slick-slider .slick-arrow.slick-prev:before { content: "\f104"; font-family: fontAwesome; font-size: 40px; line-height: 50px; background-image: linear-gradient(90deg, #00adc7 1%, #007ab0); border-radius: 50px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .31); color: #fff; display: inline-block; width: 50px; height: 50px; }
.slick-slider .slick-arrow.slick-next:before { content: "\f104"; font-family: fontAwesome; font-size: 40px; line-height: 50px; background-image: linear-gradient(90deg, #00adc7 1%, #007ab0); border-radius: 50px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .31); color: #fff; display: inline-block; width: 50px; height: 50px; }
.slick-slider .slick-arrow.slick-prev { left: -40px; }
.slick-slider .slick-arrow.slick-next{left:auto; right:-40px;}
.slick-slider .slick-dots{ padding-left:0px; position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.slick-slider .slick-dots li button{width:12px; height:12px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5;} 
.slick-slider .slick-dots li.slick-active button{opacity:1;}

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

/* Font Family */
.roboto, .roboto * { font-family: "Roboto", sans-serif; }
.roboto-con, .roboto-con * { font-family: "Roboto Condensed", sans-serif; }
.lato, .lato * { font-family: "Lato", sans-serif; }
.inter, .inter * { font-family: "Inter", sans-serif; }

/* Font Weight */
.\31 00, .o-hun{ font-weight: 100 !important; }
.\32 00, .t-hun{ font-weight: 200 !important; }
.\33 00, .th-hun{ font-weight: 300 !important; }
.\34 00, .f-hun{ font-weight: 400 !important; }
.\35 00, .fi-hun{ font-weight: 500 !important; }
.\36 00, .s-hun{ font-weight: 600 !important; }
.\37 00, .se-hun{ font-weight: 700 !important; }
.\38 00, .e-hun{ font-weight: 800 !important; }
.\39 00, .n-hun{ font-weight: 900 !important; }

/* Text Color */
.white-text, .white-text * { color:#fff; }
.blue-text, .blue-text * { color:#00002F; }
.light-blue-text, .light-blue-text * { color:#034369; }
.orange-text, .orange-text * { color:#FF8400; }
.black-text, .black-text * { color: #000; }

a.white-cta, .white-cta a { width: auto; border: 0; cursor: pointer; background: #fff; box-shadow: 6px 6px 6.3px 0px #BFBFBFB2 inset, -5px -5px 7.2px 0px #00000040 inset, 0px -3px 15.8px -6px #00002F; font-size: 20px; line-height: 30px; font-weight: 400; padding: 15px 28px; color: #034369; display: inline-block; font-family: "Lato", sans-serif; border-radius: 12px; text-decoration: none; transition: 0.3s ease-in-out; }
a.white-cta:hover, .white-cta a:hover { background: linear-gradient(180deg, #010720 0%, #034369 100%); box-shadow: 3px 4px 4px 0px #FFFFFF4D inset, 0px 4px 13.8px 0px #00002F40; color: #fff; }
a.blue-cta, .blue-cta a { width: auto; border: 0; cursor: pointer; background: linear-gradient(180deg, #010720 0%, #034369 100%); box-shadow: 3px 4px 4px 0px #FFFFFF4D inset, 0px 4px 13.8px 0px #00002F40; font-size: 20px; line-height: 30px; font-weight: 400; padding: 15px 28px; color: #fff; display: inline-block; font-family: "Lato", sans-serif; border-radius: 12px; text-decoration: none; transition: 0.3s ease-in-out; }
a.blue-cta:hover, .blue-cta a:hover { background: #fff; box-shadow:inset 3px 4px 4px 0 #ffffff4d,0 4px 13.8px 0 #00002f40; color: #034369; }
a.tra-cta, .tra-cta a { width: auto; border: 1.5px solid #fff; cursor: pointer; background: transparent; box-shadow: 3px 4px 4px 0px #FFFFFF4D inset, 0px 4px 13.8px 0px #00000040; font-size: 20px; line-height: 30px; font-weight: 400; padding: 15px 28px; color: #fff; display: inline-block; font-family: "Lato", sans-serif; border-radius: 12px; text-decoration: none; transition: 0.3s ease-in-out; }
a.tra-cta:hover, .tra-cta a:hover { background: #fff; color: #034369; box-shadow: 6px 6px 6.3px 0px #BFBFBFB2 inset, -5px -5px 7.2px 0px #00000040 inset, 0px -3px 15.8px -6px #00002F; }

ul.hs-error-msgs label, .hs-error-msg { color: #ef6b51 !important; margin-top: 0; font-size: 16px; line-height: 26px; }
ul.hs-error-msgs li { margin: 0; }

.body-wrapper.hs-content-id-0 .header-sec { padding: 16px 0 10px 0;background: #010720; }
/* Blog Css Here */

.blog-index { width: 100%; display: inline-block; background: linear-gradient(180deg, #010720 0%, #034369 100%);); padding: 178px 0 60px; }

.search-sec { width: 100%; display: inline-block; padding: 30px 0; }
.search-sec form { width: 100%; display: flex; align-content: center; justify-content: center; max-width: 1048px; background: transparent; position: relative; z-index: 1; }
.search-sec form button { position: absolute; left: 0; background: transparent; border-radius: 50px; box-shadow: none; padding: 13px; }
.search-sec form .hs-search-field__input { background: transparent; border: 1px solid #FFF; border-radius: 50px; padding: 16px 16px 16px 50px; color: #fff; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.search-sec form button img { object-fit: contain; object-position: center; width: 24px; height: 24px; }
.search-sec form .hs-search-field__input::placeholder { color: #fff; opacity: 1; }
.feature-sec { width: 100%; display: inline-block; padding: 32px 0; }
.feature-sec .feature-inner { width: 100%; display: flex; align-content: stretch; justify-content: space-between; gap: 30px; }
.feature-sec .left { width: 50%; display: inline-block; }
.feature-sec .right { width: 50%; display: inline-block; }
.feature-sec .left .post { width: 100%; padding: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; display: flex; align-content: end; justify-content: flex-start; flex-wrap: wrap; border-radius: 18px; vertical-align: top; position: relative; z-index: 1; gap:10px; }
.feature-sec .left .post:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 18px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); height: 100%; width: 100%; z-index: -1; }
.feature-sec .post .tag a { width: auto; display: inline-block; font-size: 18px; line-height: 28px; font-weight: 600; letter-spacing: 1.765px; text-transform: uppercase; }
.feature-sec .post .tag a:hover { color: #fff; }
.feature-sec .post .title a:hover { color: #FF8400; }
.feature-sec .post .tag, .feature-sec .post .title { width: 100%; display: inline-block; text-align: left; }
.feature-sec .left .post .title a { width: 100%; display: inline-block; font-size: 25px; line-height: 170%; }
.feature-sec .post .title a { width: 100%; display: inline-block; color: #fff; text-decoration: underline; text-underline-offset: 6px; }
.feature-sec .right .top { width: 100%; display: flex; align-content: stretch; justify-content: space-between; gap: 16px; }
.feature-sec .right .bottom { width: 100%; display: inline-block; margin: 16px 0 0 0; }
.feature-sec .right .bottom .post { width: 100%; padding: 50px 16px 30px 16px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 230px; display: flex; align-content: end; justify-content: flex-start; flex-wrap: wrap; border-radius: 18px; vertical-align: top; position: relative; z-index: 1; }
.feature-sec .right .top .post { width: calc(100% / 2); padding: 30px 16px 30px 16px; background-position: center; background-repeat: no-repeat; background-size: cover; height: 230px; display: flex; align-content: end; justify-content: flex-start; flex-wrap: wrap; border-radius: 18px; vertical-align: top; position: relative; z-index: 1; }
.feature-sec .right .post:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 18px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.48) 100%); height: 100%; width: 100%; z-index: -1; }
.feature-sec .right .top .post .title a { font-size: 16px; line-height: 26px; }

.tag-with-post-sec { width: 100%; display: inline-block; padding: 32px 0 0 0; }
.tag-with-post-sec .two-col-wrap { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: 60px; flex-wrap: wrap; }
.tag-with-post-sec .tag-with-post-inner { width: 100%; display: inline-block; }
.tag-with-post-sec .blog-filter-wrap { width: 100%; display: inline-block; padding: 0 0 32px 0; }
.tag-with-post-sec .blog-filter-wrap ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 0; margin: 0; gap: 14px; flex-wrap: wrap; }
.tag-with-post-sec .blog-filter-wrap ul li { width: auto; display: inline-block; margin: 0; }
.tag-with-post-sec .blog-filter-wrap ul li a { width: auto; display: inline-block; }
.tag-with-post-sec .popular-post { width: 334px; display: inline-block; }
.tag-with-post-sec .two-col-wrap { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: 60px; flex-wrap: wrap; }
.tag-with-post-sec { width: 100%; display: inline-block; padding: 32px 0; }
.tag-with-post-sec .tag-with-post-inner { width: 100%; display: inline-block; }
.tag-with-post-sec .blog-filter-wrap { width: 100%; display: inline-block; }
.tag-with-post-sec .blog-filter-wrap ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 0; margin: 0; gap: 14px; }
.tag-with-post-sec .blog-filter-wrap ul li { width: auto; display: inline-block; margin: 0; }
.tag-with-post-sec .blog-filter-wrap ul li a { width: auto; display: inline-block; border: 1px solid #3171DE; background: #fff; padding: 8px 22px; border-radius: 50px; color: #525252; font-size: 16px; line-height: 26px; font-family: "Lato", sans-serif; }
.tag-with-post-sec .blog-filter-wrap ul li a:hover, .tag-with-post-sec .blog-filter-wrap ul li a.active { border: 1px solid #FFF; background: transparent; color: #fff; }
.tag-with-post-sec .blog-posts { width: calc(100% - 394px); display: flex; align-content: stretch; justify-content: flex-start; gap: 30px; flex-wrap: wrap; }
.tag-with-post-sec .popular-post { width: 334px; display: inline-block; }

.recent-sec { width: 100%; display: inline-block; padding: 32px 0; }
.recent-sec * { color: #fff; }
.recent-sec .recent-inner { width: 100%; display: inline-block; padding: 40px; border: 2px solid #fff; border-radius: 18px; }
.recent-sec .recent-inner .title { width: 100%; display: inline-block; padding: 0 0 20px 0; }
.recent-sec .recent-inner .title h2 { width: 100%; display: inline-block; font-size: 28px; font-weight: 500; line-height: 52px; margin: 0; }
.recent-sec .recent-slider { width: 100%; display: inline-block; }
.recent-sec .recent-slider .recent-post { width: 100%; height: 158px; display: flex; align-items: end; justify-content: flex-start; padding: 16px; border-radius: 18px; margin: 0 8px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.recent-sec .recent-slider .recent-post a { width: 100%; display: inline-block; font-size: 20px; line-height: 28px; }
.recent-sec .recent-slider .slick-arrow.slick-prev::before, .recent-sec .recent-slider .slick-arrow.slick-next::before { background-color: #fff; opacity: 1; color: #292D32; box-shadow: none; background-image: none; width: 45px; height: 45px; line-height: 44px; }
.recent-sec .recent-slider .slick-arrow.slick-prev, .recent-sec .recent-slider .slick-arrow.slick-next { box-shadow: none; top: -48px; right: 16px; }
.recent-sec .recent-slider .slick-arrow.slick-prev { left: unset; right: 70px; }
.recent-sec .recent-slider .slick-arrow.slick-next { top: -69px; transform: rotate(180deg); }
.recent-sec .recent-slider .recent-post a:hover { color: #FF8400; }

.tag-with-post-sec .blog-posts .post { width: calc(100% / 2 - 15px); display: inline-block; background: #fff; border-radius: 20px; margin: 0; }
.tag-with-post-sec .post .post-image, .tag-with-post-sec .post .post-content { width: 100%; display: inline-block; }
.tag-with-post-sec .post .post-image { vertical-align: top; line-height: 0; }
.tag-with-post-sec .post .post-content { padding: 20px; }
.tag-with-post-sec .post .post-image a { width: 100%; display: inline-block; }
.tag-with-post-sec .post .post-image a img { height: 180px; border-radius: 8px; object-fit: cover; object-position: center; }
.tag-with-post-sec .post .post-content .post-title, .tag-with-post-sec .post .post-content .post-title a, .tag-with-post-sec .post .post-content .post-title a h3 { width: 100%; display: inline-block; }
.tag-with-post-sec .post .post-content .post-title a h3 { font-size: 18px; line-height: 26px; font-weight: 500; transition: 0.3s ease-in-out; }
.tag-with-post-sec .post .post-content .post-summery { font-size: 16px; line-height: 24px; }
.tag-with-post-sec .post .post-content .post-cta { width: 100%; display: inline-block; padding: 18px 0 0 0; }
.tag-with-post-sec .post .post-content .post-cta a { width: auto; display: inline-flex; align-content: center; justify-content: flex-start; position: relative; z-index: 1; padding: 0 30px 0 0; font-size: 18px; line-height: 28px; font-weight: 900; color: #034369; }
.tag-with-post-sec .post .post-content .post-cta a:after { background-image: url(https://4852787.fs1.hubspotusercontent-na1.net/hubfs/4852787/Orca_Theme_2024/Images/flecha%20go.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 20px; position: absolute; right: 0; top: 3px; width: 20px; z-index: -1; }
.tag-with-post-sec .post .post-content .post-cta a:hover { color: #ff8400; }
.tag-with-post-sec .post .post-content .post-title a:Hover h3 { color: #ff8400; }

.tag-with-post-sec .popular-post >.title { width: 100%; display: inline-block; padding: 0 0 24px 0; }
.tag-with-post-sec .popular-post > .title h2 { width: 100%; display: inline-block; color: #FFF; font-size: 28px; font-weight: 500; line-height: 38px; margin: 0; }
.tag-with-post-sec .popular-post .post-wrap { width: 100%; display: flex; align-content: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.tag-with-post-sec .popular-post .post-item { width: 100%; display: flex; align-content: flex-start; justify-content: space-between; }
.tag-with-post-sec .post-item .image { width: 130px; display: inline-block; margin: 0; }
.tag-with-post-sec .post-item .contain { width: calc(100% - 150px); display: inline-block; margin: 0; line-height: 0; }
.tag-with-post-sec .post-item .image a { width: 100%; display: inline-block; line-height: 0; }
.tag-with-post-sec .post-item .image a img { width: 100%; height: 100px; display: inline-block; object-fit: cover; object-position: center; border-radius: 8px; }
.tag-with-post-sec .post-item .contain .title, .tag-with-post-sec .post-item .contain .text { width: 100%; display: inline-block; }
.tag-with-post-sec .post-item .contain .title a { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #FF8400; font-size: 16px; font-weight: 600; letter-spacing: 1.765px; line-height: 24px; }
.tag-with-post-sec .post-item .contain .text p { width: 100%; color: #fff; font-size: 16px; font-weight: 500; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tag-with-post-sec .popular-post .post-item + .post-item { margin: 16px 0 0 0; }
.tag-with-post-sec .post-item .contain .title a:hover { color: #fff; }

.tag-with-post-sec .load-more-wrapper { width: calc(100% - 394px); margin: 0; text-align: center; display: inline-block; }
.tag-with-post-sec .load-more-wrapper a.tra-cta { padding: 12px 40px; }
.tag-with-post-sec .load-more-wrapper a.tra-cta svg { height: 24px; width: 24px; margin-bottom: -6px; transition: 0.3s ease-in-out; }
.tag-with-post-sec .load-more-wrapper a.tra-cta:hover svg path { stroke: #034369; transition: 0.3s ease-in-out; }
.tag-with-post-sec .load-more-wrapper a.tra-cta svg path { transition: 0.3s ease-in-out; }


.blog-post-page { width: 100%; display: inline-block; }
.blog-post-page .post-details { width: 100%; display: inline-block; }
.blog-post-page .hero-banner { width: 100%; display: inline-block; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; padding: 400px 0px 40px; background-position: center center; }
.blog-post-page .hero-banner::after { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); }
.blog-post-page .hero-banner .tag, .blog-post-page .hero-banner .title { width: 100%; display: inline-block; }
.blog-post-page .hero-banner .tag a { color: #FF8400; font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; text-decoration: underline; text-underline-offset: 4px; }
.blog-post-page .hero-banner .tag a:hover { color: rgb(255, 255, 255); }
.blog-post-page .hero-banner .title h1 { width: 100%; display: inline-block; margin: 0; color: #FFF; font-size: 36px; font-weight: 600; line-height: 48px; text-decoration-line: underline; text-underline-offset: 8px; }
.blog-post-page .hero-banner .title { margin: 10px 0 0 0; max-width: 900px; }
.blog-post-page .hero-banner .audio audio { width: 100%; border-radius: 90px;background: #FFF;display: inline-block;color: #fff; }
.blog-post-page .hero-banner .audio {width: 100%;display: inline-block;margin: 30px 0 0 0; border-top: 2px solid #fff; padding: 30px 0 0 0; }

.blog-post-page .two-col-wrap { width: 100%; display: inline-block; background: linear-gradient(rgb(1, 7, 32) 0%, rgb(3, 67, 105) 100%);  padding: 60px 0px; }
.blog-post-page .two-col-inner { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.blog-post-page .two-col-inner .left { width: calc(100% - 476px); }
.blog-post-page .two-col-inner .left * {  color: #fff; }
.blog-post-page .two-col-inner .right { width: 444px; display: inline-block; }

.blog-post-page .two-col-inner .left h2 { font-size: 40px; line-height: 50px; }
.blog-post-page .two-col-inner .left h3 { font-size: 36px; line-height: 46px; font-weight: 700; }
.blog-post-page .two-col-inner .left h4 { font-weight: bold; }
.blog-post-page .two-col-inner .left h5 { font-weight: bold; font-size: 20px; line-height: 30px; }
.blog-post-page .two-col-inner .left h6 { font-weight: bold; font-size: 16px; line-height: 26px; }
.blog-post-page .two-col-inner .left blockquote { width: 100%; display: inline-block; margin: 0 0 32px 0; padding: 20px; background: #034369; border-left: 4px solid #FF8400; border-radius: 8px; }
.blog-post-page .two-col-inner .left img { width: 100% !important; display: inline-block; max-width: 100% !important; object-fit: cover; object-position: center; border-radius: 12px; }
.blog-post-page .two-col-inner .left p a { text-decoration: underline; text-underline-offset: 4px; }
.blog-post-page .two-col-inner .left .hs-responsive-embed { width: 100% !important; display: inline-block !important; max-width: 100% !important; max-height: max-content !important; margin: 0 0 30px 0 !important; border-radius: 12px; }
.blog-post-page .two-col-inner .left ul, .blog-post-page .two-col-inner .left ol { width: 100%; display: inline-block; }
.blog-post-page .two-col-inner .left ul li, .blog-post-page .two-col-inner .left ol li { width: 100%; }
.blog-post-page .right .searchbar { width: 100%; display: inline-block; padding: 30px; border-radius: 20px; border: 1px solid #FFF; }
.blog-post-page .right .searchbar .title { width: 100%; display: inline-block; }
.blog-post-page .right .searchbar .title h3 { width: 100%; display: inline-block; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; margin: 0 0 20px 0; }
.blog-post-page .right .searchbar form { width: 100%; display: flex; align-content: center; justify-content: center; max-width: 100%; background: transparent; position: relative; z-index: 1; }
.blog-post-page .right .searchbar form input { background: transparent; border: 1px solid #FFF; border-radius: 50px; padding: 16px 16px 16px 50px; color: #fff; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.blog-post-page .right .searchbar form button { position: absolute; left: 0; background: transparent; border-radius: 50px; box-shadow: none; padding: 13px; }
.blog-post-page .right .searchbar form input::placeholder { color: #fff; opacity: 1; }

.blog-post-page .right .social-media, .blog-post-page .right .related-post { margin: 50px 0 0 0; width: 100%; display: inline-block; padding: 30px; border-radius: 20px; border: 1px solid #FFF; }
.blog-post-page .right .social-media .title, .blog-post-page .right .related-post .title { width: 100%; display: inline-block; }
.blog-post-page .right .social-media .title h3, .blog-post-page .right .related-post .title h3 { width: 100%; display: inline-block; color: #FFF; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; margin: 0 0 20px 0; text-align: center; }
.blog-post-page .right .social-media .share-buttons { width: 100%; display: flex; align-content: center; justify-content: space-evenly; margin: 0; padding: 0; }
.blog-post-page .right .social-media .share-buttons li { width: 40px; height: 40px; margin: 0; display: flex; align-content: center; justify-content: center; text-align: center; }
.blog-post-page .right .social-media .share-buttons li a { width: 100%; display: inline-block; }
.blog-post-page .right .social-media .share-buttons li a i { width: 100%; font-size: 35px; color: #fff; display: inline-block; height: 100%; }
.blog-post-page .right .social-media .share-buttons li a:hover i { color: #FF8400; }
.blog-post-page .right .social-media .share-buttons li a svg { width: 35px; height: 35px; }
.blog-post-page .right .social-media .share-buttons li a:hover svg path { fill: #FF8400; }

.blog-post-page .right .related-post .posts_list { width: 100%; display: inline-block; }
.blog-post-page .right .related-post .posts_list article { width: 100%; display: inline-block; background: #fff; border-radius: 12px; padding: 20px; }
.blog-post-page .right .related-post .posts_list article + article { margin: 30px 0 0 0; }
.blog-post-page .related-post article a { width: 100%; display: inline-block; line-height: 0; }
.blog-post-page .related-post article a img { width: 100%; display: inline-block; object-fit: cover; object-position: center; height: 150px; align-self:; border-radius: 10px; }
.blog-post-page .related-post article .content { width: 100%; display: inline-block; margin: 12px 0 0 0; }
.blog-post-page .related-post article .content .title a { width: 100%; color: #212121; font-size: 18px; font-weight: 500; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-post-page .related-post article .content .text { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #525252; font-size: 16px; font-weight: 400; line-height: 22px; }
.blog-post-page .related-post article .content .title a:hover { color: #FF8400; }

.blog-post-page .two-col-inner .right .all-tag { width: 100%; display: inline-block; margin: 50px 0 0 0; }
.blog-post-page .two-col-inner .right .all-tag ul { width: 100%; display: flex; align-content: stretch; justify-content: flex-start; padding: 0; margin: 0; flex-wrap: wrap; gap: 12px; }
.blog-post-page .two-col-inner .right .all-tag ul li { width: 100%; height: 150px; padding: 16px; border-radius: 16px; display: flex; align-items: flex-end; justify-content: flex-start; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; }
.blog-post-page .two-col-inner .right .all-tag ul li:first-child { width: calc(40% - 6px); }
.blog-post-page .two-col-inner .right .all-tag ul li:nth-child(2) { width: calc(60% - 6px); }
.blog-post-page .two-col-inner .right .all-tag ul li a { width: 100%; display: inline-block; color: #fff; font-size: 16px; font-weight: 600; line-height: 26px; }
.blog-post-page .two-col-inner .right .all-tag ul li a:hover { color: #FF8400; }
.blog-post-page .two-col-inner .right .all-tag ul li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.48) 100%); border-radius: 16px; }

.systems-page--search-results { padding: 180px 0 100px 0; }
.systems-page--search-results h1 { width: 100%; display: inline-flex; font-size: 48px; font-style: normal; font-weight: 600; line-height: 58px; color: #034369; margin: 0 0 32px 0; }
.systems-page--search-results .hs-search-results, .systems-page--search-results .hs-search-results ul { width: 100%; display: inline-block; }
.systems-page--search-results .hs-search-results ul li { width: 100%; display: inline-block; padding: 0 0 32px 0; }
.systems-page--search-results .hs-search-results .hs-search-results__title { width: 100%; display: inline-block; font-family: Roboto, sans-serif !important; font-weight: 700 !important; }
.systems-page--search-results .hs-search-results ul li .hs-search-results__description { margin: 0; padding: 0; }
.systems-page--search-results  .hs-search-results__pagination { width: 100%; display: inline-block; padding: 32px 0 0 0; }
.systems-page--search-results .hs-search-results__pagination .hs-search-results__next-page, .systems-page--search-results .hs-search-results__pagination .hs-search-results__prev-page { color: #034369; font-weight: 500; }

header.header.header--no-navigation,
footer.footer.footer--no-navigation{
  background: transparent;
}
header.header.header--no-navigation{
  padding: 45px 0 0;
}
footer.footer.footer--no-navigation{
  padding: 0 0 170px;
}
header.header.header--no-navigation a.nav-a,
footer.footer.footer--no-navigation a.nav-a{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
header.header.header--no-navigation a.nav-a img.no-nav-logo,
footer.footer.footer--no-navigation a.nav-a img.no-nav-logo{
  width: 100%;
  height: 100%;
  max-width: 450px;
}

@media(min-width:768px){
  .container,.row-fluid .container[class*="span"] { width:750px; }
}
@media(min-width:992px){
  .container,.row-fluid .container[class*="span"] { width:970px; }
}
@media(min-width:1200px){
  .container,.row-fluid .container[class*="span"] { width:1170px; }
}
@media(min-width:1472px){
  .container,.row-fluid .container[class*="span"] { width:1440px; }
}

@media(max-width:1471px){
  .tag-with-post-sec .two-col-wrap { column-gap: 30px; }
  .tag-with-post-sec .blog-posts { width: calc(100% - 364px); }
  footer.footer.footer--no-navigation {
    padding: 0 0 130px;
  }
  header.header.header--no-navigation {
    padding: 35px 0 20px;
  }
  header.header.header--no-navigation a.nav-a img.no-nav-logo, footer.footer.footer--no-navigation a.nav-a img.no-nav-logo {
    max-width: 400px;
  }
}

@media(max-width:1199px){
  h2 { font-size: 40px; line-height:50px;}

  .blog-index { padding: 150px 0 60px; }
  .feature-sec .left .post { padding: 30px; }
  .feature-sec .feature-inner { gap: 16px; }

  .tag-with-post-sec .two-col-wrap { flex-wrap: wrap; gap: 40px; }
  .tag-with-post-sec .popular-post { width: 100%; order: 3; }
  .tag-with-post-sec .blog-posts { width: 100%; }
  .tag-with-post-sec .load-more-wrapper { width: 100%; }

  .blog-post-page .hero-banner { padding: 340px 0px 40px; }
  .blog-post-page .two-col-inner .right { width: 300px; }
  .blog-post-page .two-col-inner .left { width: calc(100% - 332px); }
  .blog-post-page .two-col-inner .right .all-tag ul li:first-child { width: 100%; }
  .blog-post-page .two-col-inner .right .all-tag ul li:nth-child(2) { width: 100%; }
  .blog-post-page .right .searchbar { padding: 16px; }
  .blog-post-page .two-col-inner .right .all-tag, .blog-post-page .right .social-media, .blog-post-page .right .related-post { margin: 32px 0 0 0; padding: 16px; }
  .blog-post-page .two-col-inner .right .all-tag { padding:0; }
  footer.footer.footer--no-navigation {
    padding: 0 0 100px;
  }
  header.header.header--no-navigation {
    padding: 20px 0 10px;
  }
  header.header.header--no-navigation a.nav-a img.no-nav-logo, footer.footer.footer--no-navigation a.nav-a img.no-nav-logo {
    max-width: 345px;
  }
}
@media(max-width:991px){
  h2 { font-size: 35px; line-height:45px;}
  h3 { font-size: 30px; line-height:40px;} 

  .blog-index { padding: 100px 0 60px; }
  .feature-sec .feature-inner { flex-wrap: wrap; }
  .feature-sec .left, .feature-sec .right { width: 100%; }
  .feature-sec .left .post, .feature-sec .right .top .post, .feature-sec .right .bottom .post { height: 200px; padding: 30px 16px 30px 16px; }
  .feature-sec .left .post .title a { font-size: 20px; line-height: 30px; }

  .recent-sec .recent-inner { padding: 24px; }
  .blog-index { padding: 100px 0 30px; }

  .blog-post-page .hero-banner { padding: 300px 0px 40px; }
  .blog-post-page .hero-banner .title h1 { font-size: 26px; line-height: 38px; }
  .blog-post-page .two-col-inner .left, .blog-post-page .two-col-inner .right { width: 100%; }
  .blog-post-page .two-col-inner .right .all-tag ul li:first-child { width: calc(40% - 6px); }
  .blog-post-page .two-col-inner .right .all-tag ul li:nth-child(2) { width: calc(60% - 6px); }

  .systems-page--search-results { padding: 140px 0 60px 0; }
  footer.footer.footer--no-navigation {
    padding: 0 0 70px;
  }
  header.header.header--no-navigation a.nav-a img.no-nav-logo, footer.footer.footer--no-navigation a.nav-a img.no-nav-logo {
    max-width: 320px;
  }
}

@media(max-width:767px){
  footer.footer.footer--no-navigation {
    padding: 0 0 50px;
  }
  header.header.header--no-navigation a.nav-a img.no-nav-logo, footer.footer.footer--no-navigation a.nav-a img.no-nav-logo {
    max-width: 275px;
  }
  p {font-size: 18px; line-height:28px; }  
  h2 { font-size: 30px; line-height:40px;}
  h3 { font-size: 25px; line-height:35px;}  

  .feature-sec .right .top { flex-wrap: wrap; }
  .feature-sec .right .top .post { width: 100%; }
  .feature-sec .left .post .title a, .feature-sec .right .top .post .title a, .feature-sec .post .title a { font-size: 18px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

  .recent-sec .recent-slider .slick-arrow.slick-prev, .recent-sec .recent-slider .slick-arrow.slick-next { top: unset; bottom: -63px; right: calc(50% - 50px); }
  .recent-sec .recent-slider .slick-arrow.slick-prev { bottom: -85px; left: calc(50% - 50px); right: unset; }
  .recent-sec .recent-inner { padding: 24px 24px 70px 24px; }
  .tag-with-post-sec .blog-posts .post { width: 100%; }
  .tag-with-post-sec .post .post-content { padding: 16px; }  
  .recent-sec .recent-inner { padding: 16px 16px 70px 16px; }

  .blog-post-page .hero-banner { padding: 200px 0px 40px; }
  .blog-post-page .hero-  banner .title h1 { font-size: 20px; line-height: 34px; }
  .blog-post-page .two-col-inner .left h2 { font-size: 30px; line-height: 40px; }
  .blog-post-page .two-col-inner .left h3 { font-size: 26px; line-height: 36px; }
  .blog-post-page .two-col-inner .left h4 { font-size: 22px; line-height: 32px; }

  .systems-page--search-results h1 { font-size: 32px; line-height: 42px; }
  .systems-page--search-results .hs-search-results .hs-search-results__title { }
  .systems-page--search-results .hs-search-results ul li { padding: 0 0 24px 0; }
  .systems-page--search-results .hs-search-results__pagination { display: flex; align-content: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
}

@media(max-width:480px){
  h3 { font-size: 22px; line-height:32px;} 

  .tag-with-post-sec .popular-post .post-item { flex-wrap: wrap; gap: 16px; }
  .tag-with-post-sec .post-item .image { width: 100%; line-height: 0; }
  .tag-with-post-sec .post-item .image a img { height: 150px; }
  .tag-with-post-sec .post-item .contain { width: 100%; }
  .tag-with-post-sec .popular-post .post-wrap { gap: 32px; }
  .tag-with-post-sec .popular-post .post-item + .post-item { margin: 0; }
  .blog-post-page .two-col-inner .right .all-tag ul li:first-child, .blog-post-page .two-col-inner .right .all-tag ul li:nth-child(2) { width: 100%; }
}