@font-face {
    font-family: 'Helvetica';
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.eot');
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.woff2') format('woff2'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.woff') format('woff'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.ttf') format('truetype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.eot');
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.woff2') format('woff2'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.woff') format('woff'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.ttf') format('truetype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.eot');
    src: url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.woff2') format('woff2'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.woff') format('woff'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.ttf') format('truetype'),
        url('//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




/* 1a. Containers */









/* 1b. Colors */



















/* 1c. Typography */























/* 1d. Buttons */








































/* 1e. Forms */































/* 1f. Icons */
















/* 1g. Cards */











/* 1h. Tables */













/* 1i. Website header */




























/*- Blog details content heading size - */









/* 1j. Website footer */














/* Drag and drop layout styles */

.dnd-section {
  padding: 60px 20px;
}

/* Padding on blog post sections */

.blog-post-section {
  padding: 60px 0;
}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.container{  max-width: 1250px; }
.container{margin:0 auto;padding:0 15px;}
.header-row-0-max-width-section-centering > .row-fluid,
.header__wrapper {max-width:1430px; padding:0 15px;}




html { font-size: 20px;}
body { font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif; background-color: #ffffff;  color: #666666;  font-size: 20px;}

/* Paragraphs */
p { font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif; font-size: 20px;}

/* Anchors */
a {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;  font-family:Inter, Helvetica, Arial, sans-serif;color: #13a4f7; transition:all 0.3s; display:inline-block}
a:hover,
a:focus {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;  color: #223e99;}
a:active {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;  color: #728ee9;}

/* Headings */
h1 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 70px;
  text-transform: none;
}

h2 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 55px;
  text-transform: none;
}

h3 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 45px;
  text-transform: none;
}

h4 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 35px;
  text-transform: none;
}

h5 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 26px;
  text-transform: none;
}

h6 {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  color: #223e99;
  font-size: 20px;
  text-transform: none;
}

/* Blockquotes */

blockquote {
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  border-left-color: #223e99;
  color: #;
  font-size: 24px;
}

blockquote > footer {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-family:Inter, Helvetica, Arial, sans-serif;
  font-size: 20px;
}

/* Horizontal rules */

hr {
  border-bottom-color: #d7d9e3;
}





/* Primary button */
table .primary_button,
.primary_button a,
button,
.button,
.hs-button {  border: 1px solid #223e99;
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif;  background-color: 

  
  
    
  


  rgba(34, 62, 153, 1.0)

;  border-radius: 7px;  color: #ffffff;  fill: #ffffff;  font-size: 16px;  text-transform: none;transition:all 0.3s; text-align:center;}
table .primary_button:hover,
table .primary_button:focus,
table .primary_button:active,
.primary_button a:hover,
.primary_button a:focus,
.primary_button a:active,
button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active {  border: 1px solid #223e99;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif;  background-color: 

  
  
    
  


  rgba(19, 164, 247, 1.0)

;  color: #ffffff;  fill: #ffffff;}

button:active,
.button:active,
.hs-button:active {  border: 1px solid #223e99;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif;  background-color: rgba(, 100);  border-color: #728ee9;  color: #ffffff;  fill: #ffffff;}

/* Secondary button */
table .secondary_button,
.secondary_button a,
.button--secondary a,
.button.button--secondary {  border: 1px solid #13a4f7;
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
 font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif;  background-color: 

  
  
    
  


  rgba(19, 164, 247, 1.0)

;  border-radius: 7px;  color: #ffffff;  fill: #ffffff;  text-transform: none;text-align:center;}
table .secondary_button:hover,
table .secondary_button:focus,
table .secondary_button:active,
.button--secondary a:hover,
.button--secondary a:focus,
.button--secondary a:active,
.secondary_button a:hover,
.secondary_button a:focus,
.secondary_button a:active,
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {  border: 1px solid #13a4f7;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif; background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  color: #13a4f7;  fill: #13a4f7;}


/* Tertiary button */
table .tertiary_button,
.tertiary_button a,
.button--tertiary a,
.button.button--secondary {  border: 1px solid #223e99;
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif; background-color: 

  
  
    
  


  rgba(34, 62, 153, 1.0)

;  border-radius: 7px;  color: #ffffff;  fill: #ffffff;  text-transform: none; text-align:center;}
table .tertiary_button:hover,
table .tertiary_button:focus,
table .tertiary_button:active,
.tertiary_button a:hover,
.tertiary_button a:focus,
.tertiary_button a:active {  border: 1px solid #13a4f7;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-family:Inter, Helvetica, Arial, sans-serif; background-color: 

  
  
    
  


  rgba(19, 164, 247, 1.0)

;  color: #ffffff;  fill: #ffffff;}


/* Simple button */
.button.button--simple {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal; font-family:Inter, Helvetica, Arial, sans-serif;  color: #13a4f7;  fill: #13a4f7;}
.button.button--simple:hover,
.button.button--simple:focus {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal; font-family:Inter, Helvetica, Arial, sans-serif; color: #223e99;  fill: #223e99;}
.button.button--simple:active {  font-weight: 400; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;  color: #728ee9;  fill: #728ee9;}
/* Button sizing */
.button.button--small {  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
  font-size: 14px;}
.button.button--large {  padding-top: 18px;
padding-right: 35px;
padding-bottom: 18px;
padding-left: 35px;
  font-size: 18px;}





/* Form */
form { border: 1px none #f8f9fd;
  padding: 30px;
  background-color: 

  
  
    
  


  rgba(248, 249, 253, 1.0)

;  border-radius: 0px;}

/* Form title */
.form-title {  border: 1px none #f8f9fd;
  padding: 25px;
  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;  background-color: 

  
  
    
  


  rgba(248, 249, 253, 1.0)

;  border-top-left-radius: 0px;  border-top-right-radius: 0px;  color: #223e99;  font-size: 45px;  text-transform: ;}

/* Labels */
form label {  padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;  color: #666666;  font-size: 16px;}

/* Help text */
form legend {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #666666;  font-size: 14px;}

/* Form fields */
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form select,
form textarea {  border: 1px solid #b9b9ba;
  padding: 10px;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  border-radius: 0px;  color: #666666;  font-size: 20px;}

/* Form fields - placeholders */
::-webkit-input-placeholder {  color: #d7d9e3;}
::-moz-placeholder {  color: #d7d9e3;}
:-ms-input-placeholder {  color: #d7d9e3;}
:-moz-placeholder {  color: #d7d9e3;}
::placeholder { color: #d7d9e3;}

/* Form fields - date picker */
form .hs-dateinput:before {  right: 10px;}
form .pika-table thead th {  background-color: 

  
  
    
  


  rgba(237, 240, 247, 1.0)

;  color: #223e99;}
form td.is-today .pika-button {  color: #666666;}
form .is-selected .pika-button {  background-color: #223e99;  color: #666666;}
form .pika-button:hover {  background-color: #223e99 !important;}

/* Headings and text */
form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #666666;}
form .hs-richtext a {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #666666;}

/* GDPR */
form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #666666;  font-size: 14px;}

/* Submit button */


form input[type='submit'],
form .hs-button {    border: 1px solid #223e99;
    font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;    background-color: 

  
  
    
  


  rgba(34, 62, 153, 1.0)

;   border-radius: 7px;    color: #ffffff;   text-transform: none;  }

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {    border: 1px solid #223e99;
    font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;    background-color: 

  
  
    
  


  rgba(19, 164, 247, 1.0)

;    color: #ffffff;  }

form input[type='submit']:active,
form .hs-button:active {    border: 1px solid #223e99;
    font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;    background-color: rgba(99, 244, 255, 100);    border-color: #728ee9;   color: #ffffff;}



form input[type='submit'],
form .hs-button {
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;

  font-size: 16px;
}


/* Inline thank you message */
.submitted-message { border: 1px none #f8f9fd;
  padding: 30px;
  background-color: 

  
  
    
  


  rgba(248, 249, 253, 1.0)

;  border-radius: 0px;}





/* Default icon (regular/dark) */
.icon { padding: 15px;
;  background-color: 

  
  
    
  


  rgba(226, 226, 226, 1.0)

;}
.icon svg { fill: #ffffff; height: 16px;  width: 16px;}

/* Light icon */
.icon--light .icon {  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
.icon--light svg { fill: #e2e2e2;}

/* Size */
.icon--small svg { height: 12px;width: 12px;}
.icon--small .icon {  padding: 10px;
;}
.icon--large svg {height: 24px;  width: 24px;}
.icon--large .icon { padding: 25px;
;}





/* Table */
table { padding: 20px;
 border: 0px solid #d7d9e3;
 background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  overflow:hidden;}

/* Table cells */
th,td {  border: 0px solid #d7d9e3;
  padding: 20px;
  color: #666666;}

/* Table header */
thead th,thead td { background-color: 

  
  
    
  


  rgba(237, 240, 247, 1.0)

;  color: #223e99;}

/* Table footer */
tfoot th,tfoot td { background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; color: #666666;}
tbody tr td strong{font-size:18px;}

tr:nth-child(even) { background-color: #f8f9fc;}
table tr td { vertical-align: middle;}





/* Header container */
.header {background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
/* Header content color */
.header p,.header h1,.header h2,.header h3,.header h4,.header h5,.header h6,.header a:not(.button),.header span,.header div,.header li,.header blockquote,.header .tabs__tab,.header .tabs__tab:hover,.header .t abs__tab:focus,.header .tabs__tab:active {color: #fff;}
/* Header top bar */
.header__top {background-color: 

  
  
    
  


  rgba(235, 239, 243, 1.0)

;}
header.header .header-row-0-vertical-alignment p{margin:0px;font-size:18px}
header.header .header-row-0-vertical-alignment p svg{border-radius: 100%;  padding: 9px 0;  background:#0050A6; width: 35px; height: 35px; margin-right:10px;}
header.header .header-row-0-vertical-alignment p a{text-decoration:none;}
header.header .header-row-0-vertical-alignment p a:hover{color:#13a4f7}
header.header .header-row-0-vertical-alignment p { display: flex; flex-wrap:wrap; gap:31px; align-items: center;}
header.header .header-row-0-vertical-alignment p span { display: flex; align-items: center;}
header.header .header-row-0-vertical-alignment .button-wrapper a.button { padding: 0; font-size:18px; font-weight:300;}
header.header .header-row-0-vertical-alignment .button-wrapper a.button img { margin-left: 10px;}
header.header .hs-search-field form { position: relative;}
header.header .hs-search-field form button { position: absolute; right: 30px; padding: 10px 15px;  border-radius: 0;}
header.header .hs-search-field form button svg{height:auto}
/* Language switcher */
.header__language-switcher-current-label > span {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #666666;  font-size: 20px;  text-transform: none;}
.header__language-switcher:hover .header__language-switcher-current-label > span,.header__language-switcher:focus .header__language-switcher-current-label > span {  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;  color: #000000;}
.header__language-switcher-child-toggle svg {fill: #666666;}

/* Language switcher - submenu */
.header__language-switcher .lang_list_class {border-color: #d7d9e3;}
.header__language-switcher .lang_list_class li { background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
.header__language-switcher .lang_list_class a:not(.button) {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #222222;  font-size: 20px;  text-transform: none;}
.header__language-switcher .lang_list_class a:hover,.header__language-switcher .lang_list_class a:focus { background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; color: ;}
.header__language-switcher .lang_list_class a:active {background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
/* Header bottom */
.header__bottom { background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);}
/* Logo */
.header__logo-company-name { font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none; color: #223e99; font-size: 70px;
  text-transform: none;}
@media all and (min-width:1025px){
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products { position: unset;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products ul.header__menu-submenu{max-width:1250px;margin:0 auto;    width: 100%;
    left: 0; right: 0;   padding: 20px 15% 20px 20px; border: 1px solid #223e99; border-radius:14px;min-height:387px;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::after,
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::before{bottom: 100%;	left: 24%;border: solid transparent;content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::after{border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;border-width: 30px;margin-left: 5.6%;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::before{border-color: rgba(34, 62, 153, 0);
    border-bottom-color: #223e99;	border-width: 31px;  margin-left: 5.5%;}

  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li.header__menu-item{display:block;     width: 28%;  float: left;  margin:0 15px;}

  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li:last-child { position: absolute;   right:20px;
    width: 21%;margin:0px;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li.header__menu-item button.header__menu-child-toggle.no-button{display:none;}
  header.header .header__bottom  nav.header__menu.header__menu--desktop >ul.header__menu-wrapper > li#products > ul.header__menu-submenu > li > a{color:#223e99; font-weight:bold; display: block; border-bottom: 1px solid #223e99; padding:0 0 5px 0; margin: 0 0 15px 0; font-size:18px;font-family: inherit;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li > ul{display:block;position:unset;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li > ul li{display:block;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li > ul li a{padding:0px; color:#222222; font-size:16px; margin:0px;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li > ul li a:hover{color:#223e99}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu > li ul{border:none; margin-top:0; padding:0; padding}
  header.header .header__bottom nav.header__menu.header__menu--desktop  .header__menu-submenu .box-content p {font-size: 16px;}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list { min-width: 681px;  width: 100%;padding:20px 15% 20px 20px; border: 1px solid #223e99;  border-radius: 14px;    min-height: 387px;}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list::before,
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list::after{bottom: 100%;	left: 50%;border: solid transparent;content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list::before {border-color: rgba(34, 62, 153, 0);  border-bottom-color: #223e99;  border-width: 31px;    margin-left: -31px;}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list::after{border-color: rgba(255, 255, 255, 0);  border-bottom-color:#ffffff;   border-width: 30px;    margin-left: -30px;}

  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li:last-child{width:260px;position:absolute; top:20px; right:20px;}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li{display:block; width:50%}
  header.header .header__bottom nav.header__menu>ul.header__menu-wrapper > li.header__menu-item--has-submenu > ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li>a{font-size:16px; margin:0; padding:0px; }
  li#company ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li>a,
  li#customized-solutions ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li>a{color:#222222}
  li#company ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li>a:hover,
  li#customized-solutions ul.header__menu-submenu.header__menu-submenu--level-2.no-list > li>a:hover{color:#223e99}
  li#customized-solutions ul.header__menu-submenu.header__menu-submenu--level-2.no-list { left: 50%; transform: translateX(-50%);}
  header.header .header__bottom .menu-cta-box .box-button.tertiary_button a {color:#ffffff; padding: 10px 15px; font-size: 16px; font-weight: 600;}
  li#company ul.header__menu-submenu.header__menu-submenu--level-2.no-list { left: 50%;  transform: translateX(-50%);}
}
/* Menu */
@media (max-width: 1024px) {
  .header__menu--mobile {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
  header.header .header__bottom .menu-cta-box .box-button.tertiary_button a{color:#ffffff}
  .menu-cta-box { padding: 0.7rem 1rem;}
}

/* Menu items */
.header__menu-link {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 16px;
  text-transform: none;
 
}

/* Menu items - top level */
.header__menu-item--depth-1 > .header__menu-link:not(.button) {  color: #222222; }
.header__menu-item--depth-1 > .header__menu-link:hover,.header__menu-item--depth-1 > .header__menu-link:focus {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #223e99; font-weight:500}
.header__menu-item--depth-1 > .header__menu-link:active {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #223e99;}
.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {  ;  color: #223e99; font-weight:600}
.header__menu-item--depth-1 .header__menu-child-toggle svg {  fill: #222222;}

/* Menu items - submenus */
.header__menu-submenu { background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; border-color: #d7d9e3;}
.header__menu-submenu .header__menu-link:not(.button) {  color: #222222;}
.header__menu-submenu .header__menu-item:hover,.header__menu-submenu .header__menu-item:focus {  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
.header__menu-submenu .header__menu-link:hover,.header__menu-submenu .header__menu-link:focus {  font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  color: #223e99; font-weight:500;}
.header__menu-submenu .header__menu-link:active {  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
.header__menu-submenu .header__menu-link--active-link:not(.button) {  color: ;  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
header.header .header__bottom nav.header__menu.header__menu--desktop .header__menu-submenu .box-content p {color:#000;}

/* Menu icons */
.header__menu-toggle svg {  fill: #222222;}
/*--Header serch-*/
header.header .hs-search-field { position: absolute; z-index: 1; width: 100%; display:none;}
header.header .hs-search-field .hs-search-field__bar { max-width: 600px;  margin-left: auto;  margin-right: auto;}

@media all and (min-width:768px){
  header.header .header__container--left .header__logo-col{    flex: unset;}
  header.header .header__menu-col
}

/* ######################################################################### 
#########################   9. Website footer   #########################
 ######################################################################### */
/* Footer container */
.footer {  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;}
/* Footer content color */
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer p,.footer a:not(.button),.footer span,.footer div,.footer li,.footer blockquote,.footer .tabs__tab,.footer .tabs__tab:hover,.footer .tabs__tab:focus,.footer .tabs__tab:active {  color: #ffffff;}
.footer hr {  border-bottom-color: #ffffff !important;}
/* Footer menu */
.footer .hs-menu-wrapper a {  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;  color: #ffffff;  font-size: 19px;  text-transform: none;     padding: 4px 0;    display: inline-block;}
.footer .hs-menu-wrapper a:hover,.footer .hs-menu-wrapper a:focus {  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;  color: #fff; text-decoration:underline;}
.footer .hs-menu-wrapper a:active {  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;  color: #ffffff;}
.footer .hs-menu-wrapper .active > a {  font-weight: 500; text-decoration: underline; font-family: Inter, sans-serif; font-style: normal;  color: #fff;}
.footer .hs-menu-wrapper .hs-item-has-children ul{position:unset; opacity: 1; visibility: visible; margin-bottom: 15px;   padding-left: 25px;width:100%;}
footer.footer .row-fluid-wrapper.row-depth-1.row-number-2 .row-fluid::before{display:none;}
footer.footer .row-fluid-wrapper.row-depth-1.row-number-2 .row-fluid .span4:nth-child(2) .hs-menu-wrapper > ul > li > ul> li > a,
.footer .hs-menu-wrapper .hs-item-has-children ul li ul li a{ font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;  color: #8795c1;  font-size: 16px;}

.footer .hs-menu-wrapper .hs-item-has-children ul li a:hover{text-decoration:underline !important;}
footer.footer p{font-size:19px}
footer.footer .footer-column-1-row-3-vertical-alignment p { font-size: 16px; margin-bottom:0px;}
footer.footer .footer-column-1-row-3-vertical-alignment p a{color:#13a4f7; text-decoration:none;}
footer.footer .footer-column-1-row-3-vertical-alignment p a:hover{text-decoration:underline;}
footer.footer .hs-menu-wrapper > ul > li.hs-item-has-children > a{cursor:text}
footer.footer .hs-menu-wrapper > ul > li.hs-item-has-children > a:hover { text-decoration: unset; }
footer.footer .row-fluid-wrapper.row-depth-1.row-number-2 .row-fluid .span4:nth-child(2) .hs-menu-wrapper > ul > li > ul> li > a:hover, .footer .hs-menu-wrapper .hs-item-has-children ul li ul li a:hover{color:#ffffff}
/* ######################################################################### 
 ############################   10. Cards   ############################## 
 ######################################################################### */
/* Dark card */
.card--dark {  border: 1px solid #666666;
  background-color: 

  
  
    
  


  rgba(102, 102, 102, 1.0)

;  border-radius: 0px;  color: #ffffff;}
.card--dark summary,.card--dark p,.card--dark h1,.card--dark h2,.card--dark h3,.card--dark h4,.card--dark h5,.card--dark h6,.card--dark a:not(.button),.card--dark span,.card--dark div,.card--dark li,.card--dark blockquote {  color: #ffffff;}
/* Light card */
.card--light {  border: 1px solid #d7d9e3;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  border-radius: 0px;  color: #666666;}
.card--light summary,.card--light p,.card--light h1,.card--light h2,.card--light h3,.card--light h4,.card--light h5,.card--light h6,.card--light a:not(.button),.card--light span,.card--light div,.card--light li,.card--light blockquote {  color: ;}
/*######################################################################### 
 #######################   11. System templates   ######################## 
 ######################################################################### */
/* Error templates */
.error-page:before { font-family: Inter, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;}
/* System templates */
#email-prefs-form,#email-prefs-form h1,#email-prefs-form h2 {  color: #666666;}
/* Search template */
.systems-page--search-results h1 {font-size:40px;}
.hs-search-results__title {  font-size: 20px;}
.hs-search-field--open .hs-search-field__suggestions {
    max-width: 600px;
    margin: 0 auto;
    background: #223e99;
    padding: 15px;
}
.hs-search-field__suggestions li {font-size:18px; margin-bottom:5px;}
/* Backup unsubscribe template */
.backup-unsubscribe input[type='email'] {  font-size: 20px !important;  padding: padding: 10px;
 !important;}

/* ######################################################################### 
 ###########################   12. Modules   ############################# 
 ######################################################################### */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center {text-align: center;}
/* Accordion */
.accordion__summary,.accordion__summary:before {  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;  font-size: 35px;}
.card--dark .accordion__summary:before { color: #ffffff;}
.card--light .accordion__summary:before { color: #666666;}
/* Blog listing, recent posts, related posts, and blog post */
.blog-listing__post-title {  text-transform: none;}
.blog-listing__post-title-link {  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;  color: #223e99;}
.blog-listing__post-title-link:hover,.blog-listing__post-title-link:focus {  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;  color: #000049;}
.blog-listing__post-title-link:active {  font-family: Inter, serif; font-style: normal; font-weight: 700; text-decoration: none;  color: #728ee9;}
.blog-listing__post-tag {  color: #666666;}
.blog-listing__post-tag:hover,.blog-listing__post-tag:focus {  color: #161616;}
.blog-listing__post-tag:active {  color: #b6b6b6;}
.blog-listing__post-author-name,.blog-post__author-name { color: #666666;}
.blog-listing__post-author-name :hover,.blog-listing__post-author-name :focus,.blog-post__author-name:hover,.blog-post__author-name:focus {  color: #161616;}
.blog-listing__post-author-name :active,
.blog-post__author-name:active { color: #b6b6b6;}
/*--------*/
body.main-category-page .main-section2 .span3 {  position: relative; z-index: 0; margin:0px;width:25%}
body.main-category-page .main-section2 .span6{position:relative; z-index:1; margin:0px -10px; width:50%}
body.main-category-page .main-section2 h5{font-size:22px; font-weight:500; margin-bottom:80px;margin-top:11px;}
.required{color:#223e99}




/* Image gallery */
.image-gallery__close-button-icon:hover,.image-gallery__close-button-icon:focus {  background-color: rgba(146, 146, 146, 1.0);}
.image-gallery__close-button-icon:active {  background-color: rgba(255, 255, 255, 1.0);}
.icon--light .image-gallery__close-button-icon:hover,.icon--light .image-gallery__close-button-icon:focus {  background-color: rgba(175, 175, 175, 1.0);}
.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(255, 255, 255, 1.0);}
/* Pagination */
.pagination__link-icon svg {  fill: #13a4f7;  height: 20px;  width: 20px;}
.pagination__link:hover .pagination__link-icon svg,.pagination__link:focus .pagination__link-icon svg {  fill: #223e99;}
.pagination__link:active .pagination__link-icon svg {  fill: #63f4ff;}
.pagination__link--active {  border-color: #d7d9e3}
/* Pricing card */
.pricing-card__heading {background-color: #223e99;}
/* Social follow and social sharing */
.social-follow__icon:hover,.social-follow__icon:focus,.social-sharing__icon:hover,.social-sharing__icon:focus { background-color: rgba(146, 146, 146, 1.0);}
.social-follow__icon:active,.social-sharing__icon:active { background-color: rgba(255, 255, 255, 1.0);}
.icon--light .social-follow__icon:hover,.icon--light .social-follow__icon:focus,.icon--light .social-sharing__icon:hover,.icon--light .social-sharing__icon:focus { background-color: rgba(175, 175, 175, 1.0);}
.icon--light .social-follow__icon:active,.icon--light .social-sharing__icon:active { background-color: rgba(255, 255, 255, 1.0);}
/* Tabs */
.tabs__tab,.tabs__tab:hover,.tabs__tab:focus,.tabs__tab:active {border-color: #666666; color: #666666;}
svg { width: 20px; height:auto;}

/* 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{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: translatey(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; margin-left: auto; margin-right: auto;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.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{position:absolute; top:50%; transform:translateY(-50%);z-index:2;}
.slick-next.slick-arrow{right:0}
/*--*/
.bottom-curve-active.container,
.bottom-curve-img.container,
.bottom-curve-active,
.bottom-curve-img{position:relative;}
.bottom-curve-active::after,
.bottom-curve-img::after{ content:""; position:absolute; width:100%; height:221px;  bottom:-2px; left:0;    background-size: 100% 100% !important;
  background-repeat: no-repeat;}
img{max-width:100% !important}

/*---*/
.banner-slide{background-size:cover; /*min-height:1030px;*/}
.banner-slide .banner-content p {font-size:20px; line-height:1.75;}
.banner-slider-module .slick-arrow{width:54px; height:108px; background-color:#73C30F;background-repeat: no-repeat;    background-position: center; border-radius:0px; font-size:0px;opacity:.75;}
.banner-slider-module .slick-prev{background-image:url(//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/images/slider-left.png)}
.banner-slider-module .slick-next{background-image:url(//21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/raw_assets/public/Interface%20Technologies%20Theme/images/slider-right.png)}

/*-
{content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    border: 1px solid #eee;
    border-radius: 12px;
    z-index: -1;
    left: 0;
    right: 0;}
-*/

 .icon-wrapper.banner-bottom-arrow { position: relative;}
.icon-wrapper.banner-bottom-arrow > span {position: absolute; left: 28%; top: -31px;}
.icon-wrapper.banner-bottom-arrow .icon {box-shadow: 5px 0px 30px rgb(0 0 0 / 10%);
}

/*--*/
.appliances-grid-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;  gap: 20px;}

.appliances-grid-row > div.appliances-grid-col{border-radius:8px; box-shadow: 1px 0px 40px rgb(0 0 0 / 10%); overflow:hidden; border:1px solid #e2e2e2; background-color:#ffffff; transition:all 0.7s; position:relative;}
.appliance-title p{font-size:22px; font-weight:bold; transition:all 0.3s}
.appliances-grid-module .section-inner-wrap h4 a{text-decoration:none; color:#223e99; font-weight: 700; display:flex; align-items:center; justify-content:center;}
.appliances-grid-module .section-inner-wrap h4 a:hover{color:#13a4f7}
.appliances-grid-module .section-inner-wrap h4 svg { width: 30px; margin-left:10px;}
.appliances-link { opacity:0; transition:all 0.7s}
.appliances-grid-row > div.appliances-grid-col a{text-decoration:none; color:#666666; padding:50px 20px;  text-align: center; transition:all 0.7s; display:block;position:relative;}
.appliances-grid-row > div.appliances-grid-col a:hover{color:#ffffff}
.appliances-link span{font-size:18px; font-weight:bold;color:#ffffff }
.appliance-image { min-height: 125px;}
.appliances-link span:hover{text-decoration:underline;}
.appliances-grid-row > div.appliances-grid-col p { margin-bottom: 0; transition:all .3s;}
.appliances-grid-row > div.appliances-grid-col:hover .appliances-link{opacity:1; }
.appliances-grid-row > div.appliances-grid-col:hover p,
.appliances-grid-row > div.appliances-grid-col:hover .appliances-link a{color:#ffffff}
.appliances-grid-row > div.appliances-grid-col:hover::before{top:0;}
.appliances-grid-row > div.appliances-grid-col:hover p{font-weight:bold}
.appliances-grid-row > div.appliances-grid-col::before {  content: "";position: absolute; width: 100%;  height: 100%;  background-color:#13a4f7;   top: 100%;  z-index: 0; transition:all 0.7s}
/*--*/
.overlay-active .container,
.overlay-active{position:relative;}
.overlay{position:absolute; width:100%; height:100%; top:0; left:0;}
/*--*/
.core-boxes-module { display: flex; flex-wrap: wrap; gap: 50px;}
.core-boxes-module .core-box-item{max-width: calc(50% - 25px); width: 100%; border-radius:12px; overflow:hidden}
.core-box-item.large-size-box { max-width: calc(60% - 25px); width: 100%;}
.core-box-item.small-size-box{max-width: calc(40% - 25px); width: 100%;}
.core-box {background-size: cover; background-repeat: no-repeat;}
.core-content-row {display: flex; justify-content: space-between; padding-top: 299px; padding-bottom: 40px; padding-left:30px; padding-right:30px; background: rgb(2,0,36);background: linear-gradient(0deg, rgba(2,0,36,0.7094188017003676) 0%, rgba(0,212,255,0) 100%);}
.core-title p { margin: 0;font-size: 20px; font-weight: bold;}
.core-box-item a{color:#ffffff; text-decoration:none;display:block;}
.core-content-row .core-link svg {  height: auto;  width: 30px;}
.core-box-item a:hover{color:#223e99}
.core-box-item a:hover svg ellipse.cls-1 { fill: #ffffff !important;}
/*--*/
body.home-page .image-gallery .image-gallery__image-container{transition:all 0.3s}
body.home-page .image-gallery  .image-gallery__image-container:nth-child(1), body.home-page .image-gallery  .image-gallery__image-container:nth-child(2), body.home-page .image-gallery  .image-gallery__image-container:nth-child(3) {  border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
 body.home-page .image-gallery  .image-gallery__image-container:nth-child(4){ border-bottom: 1px solid #d9d9d9;}
body.home-page .image-gallery__image-container:nth-child(5),
body.home-page .image-gallery  .image-gallery__image-container:nth-child(6), body.home-page .image-gallery  .image-gallery__image-container:nth-child(7) {  border-right: 1px solid #d9d9d9;}
body.home-page .image-gallery .image-gallery__image{padding: 1rem 2.4rem;}
body.home-page .image-gallery .image-gallery__image-container:hover{background:#ffffff;    box-shadow: 1px 0px 43px rgb(0 0 0 / 10%);}

/*--------*/
.blog-slider-module{}
.blog-slider-module .blog-slide-item a{ margin: 0 20px;}
.blog-slider-module .blog-slide-item .post-item{border-radius:10px; background-size:cover; padding-top:20px;overflow:hidden;}
.blog-slider-module .blog-slide-item  .post-btm-row { padding:250px 20px 20px 20px;background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0.76) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.76) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0.76) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}
.blog-slider-module .blog-slide-item a{color:#ffffff; text-decoration:none;}
.blog-slider-module .blog-slide-item .post-tag{padding:0 20px;}
.blog-slider-module .blog-slide-item .post-tag span{background-color:#223e99; display:inline-block;font-size:18px;    font-weight: 700;  padding: 5px 15px;  border-radius: 8px;}
.blog-slider-module .blog-slide-item .post-link{padding-bottom:10px;}
.blog-slider-module .blog-slide-item .post-link span{color:#13a4f7;display:inline-block; border-bottom:1px solid #13a4f7}
.blog-slider-module .blog-slide-item a { display: block;}
.blog-slider-module .blog-slide-item a:hover .post-link span{border-color :transparent;}
.blog-slider-module .blog-slide-item .post-info{border-bottom:2px solid rgba(255,255,255,0.5);padding-bottom: 15px;}
.blog-slider-module .blog-slide-item .post-title { padding-top: 15px;}
.blog-slider-module .blog-slide-item .post-title p{margin-bottom:10px;}
.blog-slider-module .slick-list { max-width: 1250px; margin: 0 auto;}

.testimonial-slider .slick-arrow,
.blog-slider-module .slick-arrow{padding:0px; background-color:transparent; background-size:100%; width:38px; height:19px; border:none; font-size:0px;}

.testimonial-slider button.slick-prev.slick-arrow,
.blog-slider-module button.slick-prev.slick-arrow {  background-image: url(https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Home/angle-left.png); left:0px;}

.testimonial-slider button.slick-next.slick-arrow,
.blog-slider-module button.slick-next.slick-arrow{background-image: url(https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Home/angle-right.png); right:0px;}

/*---*/
.features-table-module table{width:100%; border-radius:20px; box-shadow:3px 0px 40px rgba(0,0,0,0.20)}
.features-table-module table thead{border: 8px solid #ffffff;overflow:hidden; }
.features-table-module table thead tr th:first-child{ border-radius:30px 0px 0px 30px;}
.features-table-module table thead tr th:last-child{ border-radius:0px 30px 30px 0px;}
.features-table-module table tr th a{text-decoration:none;}
.features-table-module table tr th a:hover h6{color:#13a4f7}
.features-table-module tbody tr td{vertical-align: top; }
.features-table-module tbody tr td p, .features-table-module tbody tr td span{line-height: 1.8;}
table strong,
.features-table-module table strong{font-weight:600; color:#333}
.features-table-module table tr td:first-child {min-width: 217px; text-align:left}
.features-table-module table tr td{text-align:center;}
.features-table-module table tbody tr td:first-child { padding-left: 20px;}
.features-table-module table tfoot tr td{padding-bottom:25px}
.features-table-module table tfoot a{padding:10px 30px; font-size:16px;}
.features-table-module  tbody tr td p, .features-table-module  tbody tr td span, .features-table-module  tbody tr td a,
.features-table-module  tbody tr td{font-size:16px;}
.features-table-module thead tr th,
.features-table-module.ARM-table thead tr th{
    min-width: 180px;
}

/*--*/
section.accordion-wrapper details.accordion { background:#ffffff; border-radius: 10px; position: relative; box-shadow: 1px 0px 34px rgb(0 0 0 / 12%);}
section.accordion-wrapper details.accordion summary.accordion__summary { font-size: 20px; font-weight: 600; position: relative; padding-left: 30px; padding-right:90px;}
section.accordion-wrapper details.accordion .accordion__content p { font-size: 18px;line-height:1.7}
section.accordion-wrapper details.accordion summary.accordion__summary::before { position: absolute;  right: 0;  top: 8px;width:41px; height:41px;background-color:#e4e8f3;border-radius: 100%; text-align: center; line-height: 37px; color:#223e99}
section.accordion-wrapper details.accordion--plus .accordion__summary:before{content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='%23223e99' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Crect id='Rounded_Rectangle_1' data-name='Rounded Rectangle 1' x='145' width='31' height='320' rx='15.5' ry='15.5'/%3E%3Crect id='Rounded_Rectangle_2' data-name='Rounded Rectangle 2' y='144' width='320' height='31' rx='15.5' ry='15.5'/%3E%3C/svg%3E");  background-size: 20px; background-repeat: no-repeat;   background-position: center;}
section.accordion-wrapper details.accordion--plus[open] .accordion__summary:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='36' viewBox='0 0 320 36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23223e99; %7D %3C/style%3E%3C/defs%3E%3Crect id='Rounded_Rectangle_2' data-name='Rounded Rectangle 2' class='cls-1' y='2' width='320' height='31' rx='15.5' ry='15.5'/%3E%3C/svg%3E");content: ""; background-size: 20px; background-repeat: no-repeat;  background-position: center;}
section.accordion-wrapper details.accordion .accordion__content { padding-left: 30px; padding-right: 30px;}

.lighBlue-text{color:#13a4f7}
.black-text{color:#333}
.white-text{color:#ffffff}
.white-text a{color:#ffffff}
.SemiBold{font-weight:600}
.light-weight{font-weight:300;}
.marginB0{margin-bottom:0px;}
.lighBlue-box span{background-color:#eef4fa; display:inline-block;text-transform:uppercase; color:#0d64d0; font-size:14px;    letter-spacing: 0.12em;  padding: 5.5px 21px; border-radius: 5px; font-weight:500}
.marginB15{margin-bottom:15px; line-height:1.2;}
.marginB20{margin-bottom:20px; line-height:1.2}

/*----------*/
body.product-single .main-section5 .span6 p a{color:#223e99;font-weight:600 }
body.product-single .main-section5 .span6 p a:hover{color:#13a4f7}
body.excess-inventory .main-section1 .span6 .span2 { max-width: 60px;}
body.product-single .main-section5 .span6 p strong { color: #222;}
body.product-single .main-section5 .span6 p { color: #666; }
body.product-single .main-section6 .span6 table th { color: #222 !important;border-bottom: none!important;}
body.product-single .main-section6 .span6 table tr td:first-child{color:#222 !important;}
body.product-single .main-section6 .span6:last-child table tr th:first-child,
body.product-single .main-section6 .span6:last-child table tr td:first-child{ max-width:25%;}
/*/---------*/
.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid { border-top: 1px solid #d3d8eb; border-bottom: 1px solid #d3d8eb; }
.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul{display:block}
.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li{display:inline-block;}
.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li a { padding: 17px 26px ;text-decoration:none; color:#38405a;border-bottom:3px solid transparent; font-size:16px;font-weight:500}
.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li a:hover{color:#223e99; text-decoration:none; border-bottom:3px solid #223e99;}

.product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-17.dnd-section.main-section6 >.row-fluid .span6 h5 { margin-bottom: 0; display: flex; flex-wrap: wrap;    align-items: center;  gap: 10px;}

/*-------*/
.appliances-slider-module .slick-arrow{width:40px; height:40px; border-radius:100%; padding:0px; font-size:0px; background-size: 25px;  background-repeat: no-repeat; background-position: center center;}
.appliances-slider-module button.slick-next.slick-arrow{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5' /%3E%3C/svg%3E%0A");}
.appliances-slider-module button.slick-prev.slick-arrow{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5L8.25 12l7.5-7.5' /%3E%3C/svg%3E%0A");}
.appliances-slider-module .appliances-slide-col {   text-align: center;}
.appliances-slider-module .appliances-slide-col .appliance-image { display: flex; align-items: center; min-height: 164px; justify-content: center;}
.appliances-slider-module .appliances-slide-col.slick-active a{box-shadow:0px 1px 25px rgba(0,0,0,0.1)}
.appliances-slider-module .appliances-slide-col a{text-decoration:none; padding: 20px; display:block; color:#222222;  background:#ffffff; margin: 0 11px; border-radius: 15px; transition:all 0.3s; border:1px solid #e4e4e4; }
.appliances-slider-module .appliances-slide-col.slick-active:hover a{box-shadow:none; border-color:transparent}
.appliances-slider-module .slick-list{max-width: 1250px; margin: 0 auto;  padding: 25px 0;}
/*---*/
.cards-slider-module .slick-list { padding: 20px 0;}
.cards-slider-module .slick-arrow{padding:0px; background:none; border:none; top:-70px; right:20px;}
.cards-slider-module button.slick-prev.pull-left { right: 80px;}
.cards-slider-module .card-slide .card-slide-inner { margin: 0 20px; background:#ffffff; padding: 11px 11px 25px 11px; box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);   border-radius: 8px;}
.cards-slider-module .card-slider { margin: 0 -20px;}
.cards-slider-module .card-slider .card-image { border-radius: 8px; margin-bottom:20px;}
.cards-slider-module .card-slider .card-content,
.cards-slider-module .card-slider .card-link {  padding: 0 7px;}
.cards-slider-module .card-slider .card-content p{font-size:16px;}
.cards-slider-module .section-header { padding-right: 135px;}
.cards-slider-module .section-header h2 { line-height: 1.2; margin-bottom: 10px;}
.cards-slider-module .card-slide .card-slide-inner .card-content h5{color:#333}
/*---*/
.testimonial-slider .slick-track blockquote.testimonial { padding: 0;}
.testimonial-slider .slick-track .tasimobial-inner-row{padding:15px; margin:10px; border-radius:12px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); background-color:#ffffff}
.testimonial-slider .slick-list { max-width: 1250px;  margin: 0 auto;}
.testimonial-slider .slick-track .tasimobial-inner-row .testimonial__content p { font-size: 16px;  margin-bottom: 15px;  line-height: 1.4;}
.testimonial-slider .slick-track .tasimobial-inner-row .testimonial__content p strong { font-size: 18px;; color:#222}
.testimonial-slider footer.testimonial__footer .testimonial__author-content p { font-size: 16px; margin-bottom: 0;}
.testimonial-slider footer.testimonial__footer .testimonial__author-content p strong {  font-size: 20px;font-weight:600; color:#222}
.testimonial-slider .slick-track .tasimobial-inner-row .testimonial__content { padding-top: 15px; border-bottom:1px solid #dddddd}
.testimonial-slider .slick-arrow{top:40%;}
/*--*/

body.company-page .main-section5 .span4,
.customized-solution-page main .row-fluid-wrapper > .row-fluid > .span12 .main-section5 .span4 { position: relative; padding:10px 15px; }
body.company-page .main-section5 .span4::before,
.customized-solution-page main .row-fluid-wrapper > .row-fluid > .span12 .main-section5 .span4::before { content: ""; position: absolute;    width: 100%;
    height: 80%;  bottom: 0;  border: 1px solid #eee;  border-radius: 12px;z-index:-1;left: 0;    right: 0;}
body.company-page .main-section5 .span4 h5,
.customized-solution-page main .row-fluid-wrapper > .row-fluid > .span12 .main-section5 .span4 h5{margin-bottom:15px;}
body.company-page .main-section5 .span4 .widget-type-linked_image,
.customized-solution-page main .row-fluid-wrapper > .row-fluid > .span12 .main-section5 .span4 .widget-type-linked_image { margin-bottom: 15px;}
body.customized-solution-page .main-section2 p{line-height:1.8}
/*----*/
ul.check-mark { list-style: none;  padding-left: 0;}
ul.check-mark li::before { content: ""; width: 18px; height: 18px;  display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ed1c24'%3E%3Cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");  margin-right: 10px;}

/*-------------------------*/
body.partners-page .main-section3 > .row-fluid,
body.partners-page .main-section4 > .row-fluid,
body.partners-page .main-section5 > .row-fluid,
body.partners-page .main-section6 > .row-fluid,
body.partners-page .main-section7 > .row-fluid,
body.partners-page .main-section8 > .row-fluid,
body.partners-page .main-section9 > .row-fluid,
body.partners-page .main-section10 > .row-fluid,
body.partners-page .main-section11 > .row-fluid,
body.partners-page .main-section12 > .row-fluid{border-bottom:1px solid #e3e3e3; padding-bottom:60px;}
/*---*/
body.excess-inventory .main-section1 h5 { margin: 0;}
body.excess-inventory .main-section1 form,
body.excess-inventory .main-section1 .form-title { background: transparent;}
body.excess-inventory .main-section1 .form-title {font-size:24px; padding-top:0; padding-left:0; padding-right:0px;     border-bottom: 1px solid rgba(233,239,242, 0.3); padding-bottom: 10px;    margin-bottom: 20px;}
body.excess-inventory .main-section1 form fieldset > div > label { display: none;}
body.excess-inventory .main-section1 form input[type="text"],
body.excess-inventory .main-section1 form input[type="email"]{min-height:55px; border-radius:4px; font-size:15px;border:none}
body.excess-inventory .main-section1 form input[type="submit"]{width:auto;}
body.excess-inventory .main-section1 form .hs_submit.hs-submit { text-align: center;}
body.excess-inventory .main-section1 form textarea{border-radius:4px; min-height:165px; font-size:15px; border:none}
body.excess-inventory .main-section1 .form-title~div>form{padding:0px;}


.excess-inventory-module table {  width: 100%;     border: 1px solid #d5dae4;}
.excess-inventory-module table th{background-color:#223e99; color:#ffffff; text-align:left;font-size:20px;     background-image: url(https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Excess-inventory/up-down-arrow.png);   background-repeat: no-repeat;    background-position: 97% 50%;}
.excess-inventory-module table tr:nth-child(even) { background-color: #eef7fe;}
.excess-inventory-module table tr th,
.excess-inventory-module table tr td{padding-left:15px; border-right:1px solid #d5dae4}
.excess-inventory-module table tr th:last-child,
.excess-inventory-module table tr td:last-child{border-right:none;     min-width: 170px;}
.excess-inventory-module table tr td{font-size:18px;}
.excess-inventory-module .inventory-table .dataTables_filter { margin-bottom: 20px;}
.excess-inventory-module .inventory-table .dataTables_filter label { font-size: 0;}
.excess-inventory-module .inventory-table .dataTables_filter input[type="search"] { font-size: 16px;min-height:55px; border:1px solid #DDE9F4; border-radius:4px;    min-width: 450px; background-image: url(https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Excess-inventory/Search-icon.png);    background-repeat: no-repeat;  background-position: 99% 50%; padding-right:60px; padding-left:15px;}
.excess-inventory-module  .dataTables_info { font-size: 18px;  font-weight: 600;}
.excess-inventory-module  .dataTables_paginate.paging_simple_numbers { display: flex; align-items: center;  justify-content: center;  gap: 20px;}
.excess-inventory-module  .dataTables_paginate.paging_simple_numbers a{text-decoration:none; color:#223e99}
.excess-inventory-module .dataTables_paginate.paging_simple_numbers span {display: flex;gap: 15px;}
.excess-inventory-module  .dataTables_paginate.paging_simple_numbers a:hover,
.excess-inventory-module .dataTables_paginate.paging_simple_numbers a.paginate_button.current{color:#13a4f7}
/*--*/
.contact-us-page .main-section2 .form-title,
.get-quote-page .main-section2 .form-title { font-size: 30px; text-align: center;}
.contact-us-page .main-section2 form input,
.contact-us-page .main-section2 form select,
.contact-us-page .main-section2 form textarea,
.get-quote-page .main-section2 form input,
.get-quote-page .main-section2 form select,
.get-quote-page .main-section2 form textarea,
.contact-us-page .main-section2 form label,
.get-quote-page .main-section2 form label{font-size:16px;}
.contact-us-page .main-section2 form input[type="submit"],
.get-quote-page .main-section2 form input[type="submit"]{font-size:20px; font-weight:600;text-transform:uppercase;}
.contact-us-page .main-section2 form select{color:#dfdfdf; color:#000;}
.contact-us-page .main-section2 form select.is-placeholder {color:#dfdfdf;}
.contact-us-page .main-section2 form .hs_submit.hs-submit,
.get-quote-page .main-section2 form .hs_submit.hs-submit{text-align:center;}
.contact-us-page .main-section2 form textarea,
.get-quote-page .main-section2 form textarea{min-height:124px;}
.contact-us-page .main-section2 form input[type="submit"],
.get-quote-page .main-section2 form input[type="submit"]{ background:#223e99; border-color:#223e99}
.contact-us-page .main-section2 form input[type="submit"]:hover,
.get-quote-page .main-section2 form input[type="submit"]:hover{background:#223e99; border-color:#223e99}
.contact-us-page .main-section2 .span5 p {  display: flex; align-items: flex-start;  gap: 10px;}
.contact-us-page .main-section2 .span5 p img { margin-top: 5px;}
.contact-us-page .main-section2 .span5 h6 { padding-left: 30px;}

body.excess-inventory .main-section1 .span6 { margin: 0;  width: 50%;}
body.excess-inventory .main-section1 form textarea::placeholder,
body.excess-inventory .main-section1 form input::placeholder{color:#95a5b1}
body.excess-inventory .main-section1 .row-fluid { display: flex; flex-wrap: wrap;}
table#excess-inventory-table tr td { font-weight: 500;  font-size: 18px;}
body.get-quote-page .main-section2 .span6:first-child p { max-width: 446px; line-height:1.8}
body.get-quote-page .main-section2 .span6 form select{color:#dfdfdf; color: #000;}
body.get-quote-page .main-section2 .span6 form select.is-placeholder {color:#dfdfdf}

body.home-page .main-section5 .row-fluid-wrapper.row-depth-1.row-number-16.dnd-row p,
body.home-page .main-section6 .hs_cos_wrapper_type_rich_text p,
body.home-page .main-section7 .hs_cos_wrapper_type_rich_text p,
body.product-single .main-section3 .hs_cos_wrapper_type_rich_text p,
body.product-single .main-section7 .span6 p,
body.home-page .main-section4 p,
body.customized-solution-page .main-section3 .span6 p, 
body.customized-solution-page .main-section4 .banner-content p ,
body.customized-solution-page .main-section5 p,
body.customized-solution-page .main-section6 .span6 p,
body.partners-page .main-section2 p,
body.partners-page main#main-content p,
body.home-page .main-section1 p { line-height: 1.6;}
body.main-category-page .main-section3 h3,
body.main-category-page .main-section3 h2 { margin-bottom: 10px; line-height: normal;}
body.product-single .main-section3 h3 { font-weight: 600;}
body.partners-page .banner-module .banner-content h1 { font-weight: 500;}
body.partners-page .banner-module .container {max-width: 1430px;}

/*----------------
 * Blog
 * ---------------*/

/*--blog subscription---*/
.main-blog-listing-wrapper.newsroom-listing-wrapper {
    padding-bottom: 70px;
}
.blog-subscription-form-section { padding-top: 60px;}
.blog-subscription-form-section .blog-subscription-inner-wrapper { background-position: center;border-radius:12px; display: flex; gap: 30px; overflow: hidden; padding:30px;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-content-column p, .blog-subscription-form-section .blog-subscription-inner-wrapper .section-content-column h3 {
    color: #fff;
}
.blog-subscription-form-section .blog-subscription-inner-wrapper h3{font-size:40px;}
.blog-subscription-form-section .blog-subscription-inner-wrapper > div{width:100%;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-content-column { max-width: 55%;  padding-top: 20px;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column { max-width: 45%;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column .form-title { display: none;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column form { padding: 25px 0 0 0; background: transparent;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column form .hs_email > label{color:#fff;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column form .hs_email input{    border-radius: 7px;}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column form input[type="submit"]{background:#73C30F; border-color:#73C30F}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column form input[type="submit"]:hover{background:#ffffff; border-color:#ffffff; color:#223e99}
.blog-subscription-form-section .blog-subscription-inner-wrapper .section-form-column .submitted-message {
  background: transparent; color:#ffffff
}


/*-main-blog-listing-wrapper-*/
.main-blog-listing-wrapper { padding-top: 70px; padding-bottom:20px;}
.main-blog-listing-wrapper .blog-listing-wrap-row { display: grid; gap: 40px;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items { display: flex;  gap: 30px;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-image { max-width: 36%; width: 100%;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-image a{height:100%;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-image a img { height: 100%; object-fit: cover;  width: 100%; border-radius: 8px;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-content-column { max-width: 64%; width: 100%;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-title h3{font-size:32px; font-weight:600; margin-bottom:0px;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-title a{color:#333; text-decoration:none; font-weight:600;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-info { font-size: 14px;    margin-top: 10px;  margin-bottom: 25px; color:#999999;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-info a{color:inherit; text-decoration:none;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-title a:hover,
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-info a:hover{color:#13a4f7}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-summary{font-size:18px;line-height: 1.6;}
.main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .blog-post-button a { padding-top: 9px; padding-bottom: 9px;font-size:18px;}
.blog-pagination{text-align:center; margin-top:80px;}
.primary_border_button a{color:#223e99; border: 1px solid #223e99;
 padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; border-radius: 7px;  font-size: 20px;  text-transform: none;transition:all 0.3s; text-align:center;}
.primary_border_button a:hover{background: #223e99; color:#ffffff}
/*--*/
.blog-post-main-wrapper { padding-top: 70px; padding-bottom: 30px;}
.latest-blog-slider-section .container{max-width:1400px;}
.blog-post-main-wrapper .section-inner-wrapper {  display: grid; grid-template-columns: 2fr 1fr; grid-gap: 60px;}
.blog-post-main-wrapper .section-inner-wrapper .section-left-column .post-name h1{font-size:32px; color:#333}
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h1,
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h2,
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h3,
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h4,
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h5,
.blog-post-main-wrapper .section-inner-wrapper .blog-post-body-content h6{color:#333}
.blog-post-body-content h1{font-size:32px;}
.blog-post-body-content h2{font-size:28px;}
.blog-post-body-content h3{font-size:24px;}
.blog-post-body-content h4{font-size:20px;}
.blog-post-body-content h5{font-size:18px;}
.blog-post-body-content h6{font-size:16px;}
.blog-post-body-content p{font-size:18px;line-height:1.6}
.blog-post-body-content p a{color:#223e99; font-weight:500}
.blog-post-body-content p a:hover{color:#13a4f7}
.post-info-box { display: flex; justify-content: space-between; gap: 15px; background: #fff; box-shadow: 0px 10px 26px rgb(0 0 0 / 20%);
    border-radius: 8px; padding: 10px 20px; margin-bottom: 40px}
.blog-post-main-wrapper .section-inner-wrapper .post-image{border-radius:12px; margin-bottom:25px;}
.blog-post-main-wrapper .section-inner-wrapper .post-image img {width: 100%;}
.blog-post-body-content ul li::marker {color: #223e99; font-size: 24px;}
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column .author-image { float: left; border-radius: 100%; max-width: 62px; width: 100%;margin-right: 15px; }
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column span {font-size: 12px;}
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column  h6{font-size:16px; font-weight:700; color:#333;}
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column  h6 a{text-decoration:none; font-weight:700; color: #333}
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column  h6 a:hover{color:#13a4f7}
.blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column .author-name { float: right;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column{background:#223e99; color:#ffffff; text-align: center; padding: 30px 25px;border-radius:8px;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column .newsletter-content h3 { color:#ffffff; margin-bottom: 10px;    font-size: 30px;  font-weight: 600; line-height:1;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column form {background: transparent; padding: 0;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column form fieldset > div > label { display: none;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column form input[type="email"]{border-radius:4px; font-size: 13px;
    background-image: url(https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Blog/Newsletter-icon.png);
    background-repeat: no-repeat; background-position: 96% 50%; padding: 15px;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column .newsletter-content p { font-size: 18px;}
.blog-post-main-wrapper .section-right-column .blog-subscription-column form input[type="submit"]{background:#73C30F; border-color:#73C30F}
.blog-post-main-wrapper .section-right-column .blog-subscription-column form input[type="submit"]:hover{background:#ffffff; border-color:#ffffff; color:#223e99}
.blog-post-main-wrapper .section-right-column .blog-subscription-column .submitted-message {
    background: transparent;
}
.hs-error-msgs label{color: #ef6b51;}
.blog-post-main-wrapper .section-right-column .section-form-column  form .hs_email > label{color:#fff;}
.blog-post-main-wrapper .section-right-column .section-form-column .form-title { display: none;}

.blog-post-main-wrapper .section-inner-wrapper .social-share-column{background:#eef4fa; text-align:center; border-radius:8px; margin-top:20px; padding:10px 15px;}
.blog-post-main-wrapper .section-inner-wrapper .social-share-column h6{margin-bottom:0px}
.blog-post-main-wrapper .section-inner-wrapper .social-share-column h6 span.social-heading{ font-size: 25px;}
.blog-post-main-wrapper .section-inner-wrapper .social-share-column h6 svg{height:16px; fill:#ffffff}
.blog-post-main-wrapper .section-inner-wrapper .social-share-column h6 a{background:#223e99; width:38px; height:38px;border-radius:100%; display:inline-flex;    justify-content: center; align-items: center;}
.blog-post-main-wrapper .section-inner-wrapper .social-share-column h6 a:hover{background-color:#223e99}
/*--*/
.latest-blog-slider-section{background-image:url("https://21828002.fs1.hubspotusercontent-na1.net/hubfs/21828002/Interface-Masters-Theme/Blog/Latest-News-bg.png"); background-size:cover; padding-top:130px; padding-bottom:120px }

#back-top{position: fixed; left: 10px; bottom: 10px; cursor: pointer; width: 50px;height: 50px; background-color: #3498db;  text-indent: -9999px;
    display: none; padding:0;  -webkit-border-radius: 60px;  -moz-border-radius: 60px;  border-radius: 60px; font-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff' class='w-6 h-6'%3E%3Cpath fill-rule='evenodd' d='M11.47 4.72a.75.75 0 011.06 0l7.5 7.5a.75.75 0 11-1.06 1.06L12 6.31l-6.97 6.97a.75.75 0 01-1.06-1.06l7.5-7.5zm.53 7.59l-6.97 6.97a.75.75 0 01-1.06-1.06l7.5-7.5a.75.75 0 011.06 0l7.5 7.5a.75.75 0 11-1.06 1.06L12 12.31z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); background-size:80%;     background-position: center;  border: none; opacity: 0.6;}

#back-top:hover{opacity:1;}
/*------------------------------*
* Mobile Responsive Start Here *
* -----------------------------*/

@media all and (max-width:1400px){
  .banner-slider-module .banner-slide .container { padding: 0 90px;}
  .header__menu-link{font-size:16px;}
  .blog-slider-module { padding: 0 0px;}
  .bottom-curve-active::after, .bottom-curve-img::after{height: 140px;}
  header.header .header__bottom .header__button-col.hidden-phone a { font-size: 16px !important;}
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::after, header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::before{left: 23%;}
  .blog-slider-module .slick-list.draggable { max-width: 90%;}
  .testimonial-slider .slick-list,
  .appliances-slider-module .slick-list{max-width:90%}
}
@media all and (max-width:1281px){
  .header__logo-col { max-width: 20%;}
  nav.header__menu.header__menu--desktop >ul > li.header__menu-item--depth-1 {
    padding: 1.9rem 10px;
  }
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::after, header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::before{left:26%}
  
  .features-table-module table tfoot a {
    padding: 10px 25px;
    font-size: 14px;
}
}

@media all and (max-width:1199px){
  header.header .header__bottom nav.header__menu.header__menu--desktop li#products ul.header__menu-submenu{padding: 20px 20% 20px 20px;}
header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::after, header.header .header__bottom nav.header__menu.header__menu--desktop li#products > ul.header__menu-submenu::before{left:22%}
}
@media all and (max-width:1120px){
  .header__menu-link{font-size:13px;}
}
@media all and (max-width:1024px){
  body.main-category-page .features-table-module{overflow:auto;}
  tbody tr td strong{font-size:16px;}
.features-table-module table thead h6 { font-size: 16px;}
.features-table-module tbody tr td p, .features-table-module tbody tr td span, .features-table-module tbody tr td a, .features-table-module tbody tr td{font-size:14px;}
  th, td{padding:15px;}
  
  .header__logo-col {max-width: 200px;}
  .header__button-col.hidden-phone { display: none;}
  .header__container--left .header__menu-col{margin-right:10px;}
  nav.header__menu.header__menu--desktop { display: none;}
  .features-table-module table thead img { max-width: 110px !important;}
  .blog-post-main-wrapper .section-inner-wrapper{gap:30px;}
  header.header .header-row-0-vertical-alignment p{    gap: 20px;}
}

@media all and (max-width:767px){
  h1{font-size: 45px;}
  h2{font-size: 38px;}
  h3{font-size:34px;}
  h4{Font-size:30px;}
  h5{Font-size:20px;}
  h6{Font-size:16px;}
  p, body{font-size:16px;}
  .features-table-module table tbody tr td span,

  .appliances-grid-row{grid-template-columns:1fr}
  .core-boxes-module{gap:20px;}
  .core-box-item.large-size-box,
  .core-box-item.small-size-box { max-width: 100%}
  .bottom-curve-active::after, .bottom-curve-img::after{height:100px;}
  .blog-slider-module .blog-slide-item .post-btm-row {padding: 170px 20px 20px 20px;}
  .core-box-item a{display:block}
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul{display:block}
  .footer .hs-menu-wrapper .hs-item-has-children ul{padding-left:0px;}
  .hs-menu-wrapper li{margin-bottom: 0.5rem;}
  .banner-slider-module .slick-arrow{width: 27px; height: 87px; padding: 0; background-size: 70%;}
  .banner-slider-module .banner-slide .container{padding: 0 50px;}
  section.accordion-wrapper details.accordion summary.accordion__summary::before{transform: scale(.8); right: -15px;}
  section.accordion-wrapper details.accordion summary.accordion__summary{padding-right:60px;}

  header.header .header-row-0-max-width-section-centering .span4,
  header.header .header-row-0-max-width-section-centering .span8 {  width: 100% !important; text-align:center;}
  header.header .header-row-0-vertical-alignment p{justify-content: center;}
  #hs_cos_wrapper_widget_1663929298235 .button-wrapper{text-align:center !important}
  .widget_1664435331407-flexbox-positioning > div{width:100%; max-width:100%;}
  body.main-category-page .row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-padding.dnd_area-row-2-max-width-section-centering.dnd-section.dnd_area-row-2-vertical-alignment.main-section2 img { width: 100% !important; max-width: 100%;}
  body.main-category-page .row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-padding.dnd_area-row-2-max-width-section-centering.dnd-section.dnd_area-row-2-vertical-alignment .span3 .span12.widget-span.widget-type-custom_widget > div{width:100%}
  body.main-category-page .row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-padding.dnd_area-row-2-max-width-section-centering.dnd-section.dnd_area-row-2-vertical-alignment .span3 .span12.widget-span.widget-type-custom_widget > div span { display: block;  width: 100%;}
  body.main-category-page .row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-padding.dnd_area-row-2-max-width-section-centering.dnd-section.dnd_area-row-2-vertical-alignment .span3 .span12.widget-span.widget-type-custom_widget > div img{width:100%;}
  .row-fluid-wrapper.row-depth-1.row-number-7.footer-column-1-row-2-padding.footer-column-1-row-2-vertical-alignment.dnd-row.footer-column-1-row-2-margin { text-align: center;}
  footer.footer .button-wrapper {  margin: 20px 0;}
  footer.footer p{display:block !important}
  .ordering-information-table tr td strong {font-size: 18px !important;}
  table.ordering-information-table tr td:first-child { width: 185px !important;}
  .product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid {text-align:center;}
  .product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li:last-child a,
  .product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li:last-child a:hover,
  .product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li a:hover,
  .product-single main#main-content .row-fluid-wrapper.row-depth-1.row-number-3 > .row-fluid .span10 ul li a{padding:5px 16px 5px}
  .testimonial-slider .slick-arrow, .blog-slider-module .slick-arrow{width:30px; height:30px;}
  .testimonial-slider button.slick-next.slick-arrow, .blog-slider-module button.slick-next.slick-arrow{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-6 h-6'%3E%3Cpath fill-rule='evenodd' d='M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");right:-20px;}
  .testimonial-slider button.slick-prev.slick-arrow, .blog-slider-module button.slick-prev.slick-arrow{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='w-6 h-6'%3E%3Cpath fill-rule='evenodd' d='M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); left:-20px;}
  
  body.partners-page .main-section3 > .row-fluid,
body.partners-page .main-section4 > .row-fluid,
body.partners-page .main-section5 > .row-fluid,
body.partners-page .main-section6 > .row-fluid,
body.partners-page .main-section7 > .row-fluid,
body.partners-page .main-section8 > .row-fluid,
body.partners-page .main-section9 > .row-fluid,
body.partners-page .main-section10 > .row-fluid,
body.partners-page .main-section11 > .row-fluid,
  body.partners-page .main-section12 > .row-fluid{padding-bottom:30px;}
  body.partners-page .main-section3 > .row-fluid img,
body.partners-page .main-section4 > .row-fluid img,
body.partners-page .main-section5 > .row-fluid img,
body.partners-page .main-section6 > .row-fluid img,
body.partners-page .main-section7 > .row-fluid img,
body.partners-page .main-section8 > .row-fluid img,
body.partners-page .main-section9 > .row-fluid img,
body.partners-page .main-section10 > .row-fluid img,
body.partners-page .main-section11 > .row-fluid img,
  body.partners-page .main-section12 > .row-fluid img{margin-bottom:30px;}
  .excess-inventory-module table tr th:last-child, .excess-inventory-module table tr td:last-child{min-width:auto;}
  .excess-inventory-module table{width:767px;}
  .excess-inventory-module{overflow:auto;}
  .excess-inventory-module table th{font-size:18px;}
  .excess-inventory-module table tr td { font-size: 16px;}
  body.excess-inventory .main-section1{background-size:  !important}
  
  .main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items{flex-wrap:wrap;}
  .main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-content-column,
  .main-blog-listing-wrapper .blog-listing-wrap-row .blog-post-items .post-image{max-width:100%;}
  .main-blog-listing-wrapper { padding-top: 60px;  padding-bottom: 90px;}
  .blog-post-main-wrapper .section-inner-wrapper{    grid-template-columns: 1fr;}
  body.customized-solution-page .main-section6 .span6 .widget-type-rich_text { background: rgba(255,255,255,0.8); padding: 20px;    border-radius: 12px;}
  
  body.excess-inventory .main-section1 .span6{width:100%}
  .error-page {
    padding: 6.8rem 0;}
  body.main-category-page .main-section2 .span6,
  body.main-category-page .main-section2 .span3{width:100%;}
  #back-top{width:35px; height:35px;}
  .banner-slide{/*min-height:730px;*/}
}


@media all and (max-width:766px){
  body.home-page .image-gallery .image-gallery__image{width:auto;}
  body.home-page  .image-gallery__image-container{justify-content: center;}
  body.home-page .image-gallery .image-gallery__image-container{border-bottom:1px solid #d9d9d9; border-right:none;}

}
@media all and (max-width:620px){
  .post-info-box { flex-wrap: wrap;}
  .post-info-box > div {max-width: calc(50% - 15px);  width: 100%;}
  .blog-post-main-wrapper .section-inner-wrapper .post-info-box .box-column .author-name{float:left}
}
@media all and (max-width:580px){
  .systems-page h1{Font-size:33px;}
  .systems-page h2 { font-size: 25px;}
  .systems-page h3{font-size:22px;}
  .systems-page h4{font-size:20px;}
  .systems-page h5{font-size:18px;}
  .systems-page h6{font-size:16px;}
}

@media all and (max-width:559px) {
  .banner-slide{/*min-height:870px;*/}
}

@media all and (max-width:520px){
  header.header .header-row-0-vertical-alignment p{gap:10px;}
  .appliances-grid-row{grid-template-columns: 1fr;}
  .blog-slider-module .blog-slide-item{margin:0px;}
  table.ordering-information-table{width:500px !important; overflow:auto;}
  .excess-inventory-module .inventory-table .dataTables_filter input[type="search"]{min-width:auto;width:100%;}
}