/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

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

/* Mobile layout */

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


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

/* Desktop layout */

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

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

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

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

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

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

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}




.header__search .hs-search-field__input {
  
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-position: center right 15px;
    background-repeat: no-repeat;
  
  height: 45px;
  padding: 0 0.7rem;
}




.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }
}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Header Starts */
/* header general css */
header{ position: relative;}
.header.header.nav-with-mega {position: fixed;width: 100%;left: 0;top: 0;z-index: 999;transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;}

.header-wrapper h1,.header-wrapper  h2,.header-wrapper h3,.header-wrapper h4,.header-wrapper h5,.header-wrapper h6,.header-wrapper ol,.header-wrapper ul {margin: 0;}
.header-wrapper p {margin: 0; font-size: 16px; line-height: 1.38; font-weight: 400; color: #888888;}
.header-wrapper a {font-size: 18px; color: #050a0a; font-weight:500;}
.header-wrapper a:hover { -webkit-text-stroke: 0.5px;}
.header-wrapper h4 { line-height: 1.29; font-weight: bold}
.header.nav-with-mega .left-side-logo-wrap svg {width: 200px; height: 49px; display: block;}
.header.nav-with-mega .nav-item .nav-item-tag a {padding: 24px 20px; display: inline-block;}
.header.nav-with-mega .navbar-items {display: flex; align-items: center;}
.header.nav-with-mega .right-side-nav-cta-content {display: flex; align-items: center; gap: 18px;}
.header.nav-with-mega .header-two-col {display: flex; align-items: center; justify-content: space-between; position:relative;}
.header.nav-with-mega .header-cta-inner a { border-radius: 54px; color: #050a0a; padding: 8px 16px; border: 2px solid #ffd027; transition: all ease 0.2s;}
.header.nav-with-mega .header-cta-inner a:hover { background-color: #ffd027;}
.nav-item-tag a { position: relative; line-height:1.33;}
.nav-item-tag a::after { content: ''; position: absolute; width: 0; margin: 0 auto; height: 2px; background-color: #021eee; bottom: 32%; left: 17%; transition: all ease 0.3s;}
.nav-item-tag a:hover::after { width: 70%;}
.mega-menu-left-col-list a { font-size: 18px; line-height: 1.33; font-weight: 500;}
.project-main-title h4 { font-size: 18px; line-height: 1.33; font-weight: 500; color: #021eee;}
.project-main-title { padding: 30px 20px;}
.featured-project-sub-title h5 { font-size: 16px; font-weight: 400; line-height: 1.25;}
.by-industry-list a:hover span.by-industry-svg svg path { fill: #021eee;}
.by-industry-list a:hover span.by-industry-link { color: #021eee;}
.solutions-image { width: 100%; max-width: 43%;}
.mega-menu-left-news-title h4 { font-size: 18px; line-height: 1.33; color: #012eee; font-weight: 500;}
.mega-menu-left-news-view-all-btn a { font-size: 18px; line-height: 1.17; font-weight: 700; color: #050a0a; padding: 12px 24px; border: 2px solid #EED202; border-radius: 40px;}
.mega-menu-right-news-blog-image { width: 100%; max-width: 269px; border-radius: 20px; overflow: hidden;}
.blog-content-right { width: 100%; max-width: 340px;}
.mega-menu-blog-tag { padding-right: 10px; border-right: 2px solid #d9d9d9;}
.mega-menu-left-blog-cta:hover a { color: #ffd027;}
.mega-menu-left-news-blog:hover { border: 2px solid #021eee;}
.mega-menu-right-blog-cta a:hover { transform: translateX(10px); color: #ffd027;}
.mega-menu-left-col-list a{position: relative;}
.project-clients-image:hover { border: 2px solid #012eee;}
.mega-menu-left-col-list a::after { content: ''; position: absolute; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16667 1H13.5M13.5 1L13.5 10.3333M13.5 1L1.5 13' stroke='%23050a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; right: 4%; bottom: 33%;}
.mega-menu-left-col-list a:hover:after { fill:#012eee;}
.featured-project-btm-content a:hover { background-color: #eed202;}
.access_buttons_outer a { font-size: 16px; line-height: 1.32; color: #9E9E9E; font-family: Montserrat; font-weight: 400;}
.featured-project-btm-content a { background-color: transparent; border: 2px solid #eed202; color: #050a0a; font-weight: 500;}
.featured-project-btm-content a:hover { background-color: #eed202; color: #000;}

/* MObILE NUMBER HIDDEN */
/* .top-line-header-left-col .top-line-element:not(:first-child) { display: none;} */
/* * * * */

/* Toggle */
.header.nav-with-mega .toggle {position: relative; width: 70px; height: 70px; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; display: none;}
.header.nav-with-mega .toggle span {position: absolute; width: 40px; height: 4px; background: #000000; border-radius: 10px; transition: 0.5s;}
.header.nav-with-mega .toggle span:nth-child(1) {transform: translateY(-15px); width: 25px; left: 15px;}
.header.nav-with-mega .toggle.active span:nth-child(1) {width: 40px; transform: translateY(0) rotate(45deg); transition-delay: 0.125s;}
.header.nav-with-mega .toggle span:nth-child(2) {transform: translateY(15px); width: 15px; left: 15px;}
.header.nav-with-mega .toggle.active span:nth-child(2) {width: 40px; transform: translateY(0) rotate(315deg); transition-delay: 0.25s;}
.header.nav-with-mega .toggle.active span:nth-child(3) {transform: translateX(60px);}
/* * * * */

/* Mega-menu */

.about-us-mega .mega-menu-left-col {width: 35%;}
.about-us-mega .mega-menu-right-col {width: 65%;}

.navbar-mega-menu {position: absolute; left: 50%; transform: translateX(-50%); overflow: hidden; height: auto; top: calc(100% + 0px); width: 100%; max-width: 1243px; background-color: #fff; z-index: 99; box-shadow: 0px 20px 60px 10px rgb(59 103 142 / 8%); border-radius: 0px 0px 20px 20px;}
.mega-menu-right-col {padding: 20px; background-color: #f5f5f5; }
.mega-menu-left-col {padding: 20px 30px 20px 20px; }
.navbar-mega-menu-two-col {display: flex; align-items: stretch; justify-content: space-between;}
.mega-menu-right-col-bottom-social-media {display: flex; gap: 22px; align-items: center;}
.mega-menu-right-col-bottom-social-media {display: flex; gap: 22px; align-items: center;}
.mega-menu-right-col-bottom-social-media svg {display: block; width: 48px; height: 48px; transition: all 0.3s ease;}
.mega-menu-right-col-bottom-social-media svg:hover{fill:#eed202;}
.mega-menu-right-col-bottom-two-col {display: flex; align-items: center; justify-content: space-between; gap:20px;}
.mega-menu-right-col-content p {font-size: 16px; line-height: 1.38; font-weight: 400;}
.mega-menu-right-col-bottom-cta a {align-items: center; border: 2px solid #EED202; border-radius: 40px; display: flex; gap: 12px; padding: 8px 16px; -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-col-bottom-cta a:hover {background-color: #eed202;}
/* .btm-btn-mega span.by-solution-svg svg{display:block;} */
span.by-solution-svg svg {display: block;}
.mega-menu-left-col-listing-wrap {display: flex; flex-direction: column; gap: 30px;}
.mega-menu-blog-title {padding-top: 8px;}
.mega-menu-left-col-list {position: relative}
.mega-menu-left-col-list i {position: absolute; right: 16px; top: 50%; transform: translateY(-50%)}
.mega-menu-left-col-list a {font-weight: 500; padding: 10px 20px; display: block; border: 1px solid #fff; border-radius: 8px; transition: all 0.2s ease;}
.mega-menu-left-col-list a:hover { border: 1px solid #f5f5f5; background-color: #f5f5f5; color: #021EEE;}

/* Solution */ 
.navbar-mega-menu.solution-mega .mega-tab-btn {padding: 10px 20px; line-height: 1.33; font-weight: 600; font-size: 18px; border: none; color: #888888; background: none; border: 2px solid #888888; border-radius: 10px;}
.navbar-mega-menu.solution-mega .mega-tab-btn:hover {font-weight: 600;}
.navbar-mega-menu.solution-mega .mega-tab-btn.activeTab { font-weight: 600; color: #050A0A; border: 2px solid #FFD027;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-right-btns {display: flex; gap: 20px;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-left-title h4 {margin: 0;}
.navbar-mega-menu.solution-mega .mega-menu-left-col {padding: 0px;}
.navbar-mega-menu.solution-mega .navbar-top-tabbing-btn-wrap {display: flex; align-items: center; gap: 40px; padding:30px 20px; border-bottom: 3px solid #F2F2F2;}
.navbar-mega-menu.solution-mega .mega-menu-right-col { background-color: #f5f5f5; max-width: 69.3%; padding: 20px; width: 100%;}
.Product-icon-title h4 {font-size: 18px;}
.by-Category-right-Main-solution-col {display: flex; align-items: stretch;}
.by-Category-two-col-inner {display: flex; align-items: stretch; width: 100%;}
.by-Category-btn {padding: 10px 20px; border-radius: 10px; border: 2px solid transparent; font-size: 18px; line-height:1.33; font-weight:500; display: flex; justify-content: space-between; gap: 10px; cursor: pointer;}
.about-us-mega .mega-menu-right-col-bottom-wrap {padding-top: 32px;}
.about-us-mega .mega-menu-right-col-content {padding-top: 30px;}
.about-us-mega .mega-menu-right-col-inner,
.by-Category-right-solution-col .mega-menu-right-col-inner {display:flex; width: 100%; position: relative;}
.by-Category-right-solution-col .mega-menu-right-col-inner .mega-menu-display-image {width: 100%; object-fit: cover; border-radius: 4px;}
.by-Category-right-solution-col .mega-menu-right-col-inner .mega-menu-display-content-wrapper {width: 80%; padding-left: 16px; position: relative;}
.mega-menu-right-col-inner:hover .megamenu-round-arrow-button {box-shadow: 0 0 6px 2px white;}
a.mega-menu-view-all-cta:hover {box-shadow: 0 0 6px 2px white;}
.megamenu-round-arrow-button {position: absolute; top: 0; right: 0; height: 42px; width: 42px; background-color: #eed202; border-radius: 40px; z-index: 99; box-shadow: 0 0 white;}
.megamenu-round-arrow-button i {position: absolute; top: 0; right: 0; height: 42px; width: 42px;}   
.megamenu-round-arrow-button i:before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.about-us-mega .mega-menu-right-col-text-wrap {width: 45.7%; padding-left: 30px;}
.about-us-mega .mega-menu-right-col-image {width: 35.5%; height: 100%;}
.about-us-mega .mega-menu-right-col-bottom-cta.btn-arrow a {font-weight: 700; padding: 12px 24px; border: 2px solid #EED202; border-radius: 40px; gap: 6px;}
.about-us-mega .mega-menu-right-col-bottom-cta.btn-arrow i {margin-bottom: 2px}
.by-Category-left-col {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width:236px; padding: 20px 30px 20px 20px;}
.by-Category-right-solution-col { border-left: 3px solid #F5f5f5; width: 100%; display: flex;}
.by-solution-btn {border: 2px solid transparent; border-radius: 10px; display: flex; font-size: 18px; line-height: 1.33; font-weight: 500; gap: 10px; justify-content: space-between; padding: 10px 20px; cursor: pointer; align-items: center;}
.by-Category-sol {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 337px; padding: 20px 30px;}
.mega-menu-view-all-cta { width: 100%; /*max-width: 125px;*/ display: block; text-align: center; margin: 24px 0 0; padding: 12px 24px; border-radius: 40px; border: 2px solid #EED202;}
.mega-menu-display-sub-title h5 {font-size: 16px; line-height: 1.25; font-weight: 400;}
.mega-menu-display-sub-title {padding-top: 8px;}
.mega-menu-display-content {padding-top: 20px;}
.mega-menu-display-btm-btn {padding-top: 25px;}
.mega-menu-display-btm-btn {display: flex; align-items: center; gap: 18px;}
span.by-industry-svg svg {display: block;}
.by-industry-list a {display: flex; align-items: center; gap: 20px; transition: all 0.4s ease;}
.by-industry-list a:hover{background-color: #f5f5f5; border-color: #f5f5f5!important; transition: all 0.4s ease; }
span.by-industry-svg svg {display: block; width: 38px; height: 38px;}
.Product-icon {max-width: 55px; height: 100%; width: 100%; max-height: 55px; overflow: hidden; border-radius: 5px;}
.Product-icon img {width: 100%; height: 55px !important; object-fit: cover; max-height: 100% !important; display: block;}
.Product-icons-inner {display: flex; gap: 20px;}
span.by-Category-svg svg {display: inline-block;}
.Product-industry-icons-wrap {display: flex; align-items: center; gap: 27px;}
.mega-menu-display-btm-btn {padding-bottom: 30px;}
.Product-industry-icons {padding-top: 30px; border-top: 1px solid #707070;}
.by-Category-right-Main-solution-col {display: none;}
.mega-menu-right-tab{display: none;}
.by-industry-list a {display: flex; align-items: center; gap: 20px; padding: 15px 18px; border: 2px solid #f5f5f5; border-radius: 10px;}
.by-industry-inner-list {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
.by-industry-list {max-width: calc(33.33% - 14px); width: 100%;}
.by-industry-inner {padding: 25px;}
.by-industry-inner span.by-industry-link { color: #050A0A; font-size: 18px; line-height: 1.33; font-weight: 500;}
.mega-tab {display: none;}
.mega-tab.activeClass{display: block;}

/* Project */
.navbar-mega-menu.project-mega .mega-menu-left-col {width: 54%; padding: 20px;}
.navbar-mega-menu.project-mega .mega-menu-right-col {width: 70%; padding: 20px}
.project-clients-images-wrap {display: flex; flex-wrap: wrap; gap: 10px 30px;}
.project-clients-image {width: calc(47% - 10px); border-radius: 10px; overflow: hidden; cursor: pointer; transition: all 0.4s ease; padding: 30px; border: 2px solid #F5F5F5; border-radius: 10px; }
.project-clients-image:hover { -webkit-transition: all ease-in-out 0.2s; transform: scale(1.02); -webkit-transform: scale(1.01);}
.project-clients-image { text-align:center;} 
.project-clients-image img{ filter: grayscale(1) }
.project-clients-image:hover img { filter: none; }
.project-clients-image img {width: 100%; max-height:50px !important; height: 100% !important; object-fit: contain;}
.featured-project-content-two-col {display: flex; gap: 30px; position: relative}
.featured-project-image { border-radius: 20px; overflow: hidden; width: 100%; max-width: 269px;}
.featured-project-sub-title {padding-top: 8px;}
.featured-project-content {padding-top: 20px;}
.featured-project-sub-title {padding-top: 8px;}
.featured-project-btm-content-inner {display: flex; align-items: center; justify-content: space-between; gap:20px;}
.featured-project-content-wrap {display: none;}
.project-clients-image.activeImage { -webkit-transition: all ease-in-out 0.2s; transform: scale(1.01); -webkit-transform: scale(1.02);}
.featured-project-btm-content-image {max-width: 50px; width: 100%; height: 50px; border-radius: 5px; overflow: hidden;}
.mega-menu-right-col-bottom-cta-project a{align-items: center; border: 1px solid #707070; border-radius: 38px; display: flex; font-size: 18px; gap: 18px; padding: 12px 28px;  -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-col-bottom-cta-project a:hover{transform: scale(1.02); -webkit-transform: scale(1.02);}
.mega-menu-display-btm-btn-project {display: flex; gap: 20px;}
.featured-project-image img {height: 100%!important; width: 100%; object-fit: cover; display: block;}
.mega-menu-right-col-bottom-cta-project a{align-items: center; border: 1px solid #707070; border-radius: 38px; display: flex; font-size: 15px; gap: 18px; padding: 13px 28px;}
.featured-project-btm-content-images {display: flex; gap: 20px;}
.featured-project-btm-content-image img {width: 100%; height: 100% !important; object-fit: cover;}
.mega-menu-left-news-blog-image {height: 112px; max-width: 197px; width: 100%; overflow: hidden; border-radius: 10px;}
.mega-menu-left-news-blog-image img {width: 100%; height: 100% !important; object-fit: cover;}
.mega-menu-left-news-title-content {display: flex; justify-content: space-between; align-items: center; padding: 40px 20px; border-bottom: 3px solid #F5F5F5;}
.mega-menu-left-news-blog {display: flex; gap: 16px; align-items: flex-start; padding: 10px; border: 2px solid #f2f2f3; border-radius: 10px;}
.mega-menu-blog-date-name {display: flex; justify-content: flex-start; gap: 10px; align-items: center;}
.mega-menu-blog-name {text-transform: capitalize;font-size: 18px;}
.mega-menu-blog-date {font-size: 16px; line-height: 1.25; color: #888888; font-weight: 400;}
.mega-menu-blog-title h5 {font-size: 18px; font-weight: 500; line-height: 1.33;}
.mega-menu-left-news-blogs {display: flex; flex-direction: column; gap: 18px;}
.navbar-mega-menu.news-mega .mega-menu-left-col {padding: 30px 30px 20px 20px;}
.navbar-mega-menu.news-mega .mega-menu-left-col {max-width: 627px; width: 100%;}
.navbar-mega-menu.news-mega .mega-menu-right-col {padding: 20px; max-width: 100%;}
.mega-menu-right-blog-top-line {display: flex;}
.mega-menu-right-blog-date-name {font-size: 18px; display: flex;}
.mega-menu-right-blog-image img {width: 100%; height: 100%; object-fit: cover;}
a.blog-featured-image-link a {display: block;}
.mega-menu-right-blog-inner {display: flex; gap:30px;}
.mega-menu-right-blog-date-name {display: flex; width: 100%; justify-content: space-between;}
.mega-menu-right-blog-title a {font-size: 24px; line-height: 1.5; font-weight: 500;}
.mega-menu-right-blog-content p {font-size: 16px; line-height: 1.38; font-weight: 400; color: #888888;}
.mega-menu-right-blog-title {padding-top: 10px;}
.mega-menu-right-blog-content {padding-top: 10px;}
.mega-menu-right-blog-content {display: flex; flex-direction: column; justify-content: space-between;}
.mega-menu-right-blog-content {display: flex; flex-direction: column; justify-content: space-between; gap:20px;}
.mega-menu-right-blog-cta a {align-items: display: flex; font-size: 18px; gap: 18px; display: inline-flex; -webkit-transition: all ease-in-out 0.2s;}
.mega-menu-right-blog-cta a:hover {transform: scale(1.02); -webkit-transform: scale(1.02);}
a.blog-control {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:-1;}
.mega-menu-left-news-blog{-webkit-transition: all ease-in-out 0.2s; position:relative;}
.mega-menu-left-news-blog:hover{transform: scale(1.02); -webkit-transform: scale(1.02);}
.navbar-mega-menu {opacity: 0; z-index: -1; visibility: hidden; transition: all 0.4s ease; border: 1px solid #f2f2f2;}
.nav-item:hover .navbar-mega-menu{opacity: 1; z-index: 1; visibility: visible; transition: all 0s ease;}
.navbar-mega-menu h4{margin: 0;}
.navbar-mega-menu h5{margin: 0;}
.navbar-mega-menu p{margin: 0;}
.mega-tab-btn {transition: all 0.2s ease;}
.by-Category-btn {transition: all 0.2s ease;}
.by-Category-btn:hover { background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.by-solution-btn {transition: all 0.2s ease;}
.by-solution-btn:hover {background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.by-Category-btn.activetab {background-color: #f5f5f5; color: #021EEE; font-weight: 600;}
.by-solution-btn.activetab {background-color: #f5f5f5; border-color: #f5f5f5 !important;}
.mega-tab-btn{cursor:pointer;}

/* Mobile toggle */
.mobile-toggle-menu {position: absolute; height: 100vh; background: #fff; top: 100%; z-index: 10; width: 100%; backface-visibility: hidden; left: -100%; overflow-x: hidden; transition: 0.4s all ease-in; }
.active-home-screen{visibility: visible; left: 0%; transition: 0.4s all ease-in;}
.mobile-toggle-container {padding: 0 42px;}
.nav-svg svg {display: block;}
.nav-tag-mob a {display: flex; align-items: center;justify-content: space-between;}
.mobile-toggle-navbar {display: flex; flex-direction: column; gap: 18px;}
.mobile-toggle-navbarinner {padding-top: 15px;}
.nav-item-mob {padding: 10px 0px;}
.nav-tag-mob-svg a {align-items: center; display: flex; justify-content: space-between;}
.is-hidden {right: 0% !important; visibility: visible; transition: 0.4s all ease-in;}
.is-show{right: -100% !important; backface-visibility: hidden;}
.nav-item-mob-mega {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding-top: 0px; padding-left: 0; backface-visibility: hidden;}
.nav-mega-mob-backbtn {background-color: rgba(238,210,2,.18); padding: 10px 42px;}
.nav-mega-mob-backbtn .nav-svg {transform: rotate(180deg);}
.mob-backbtn.nav-tag-mob-svg a {justify-content: flex-start; gap: 20px;}
.about-mega-mob-navbar {padding: 0px 42px; margin-top: 10px;}
.about-mega-mob-display {padding: 0px 42px; margin-top: 10px;}
.nav-item-mob-mega .mega-menu-left-col-list a { font-size: 20px;}

/* Solution */
.by-Category-right-solution-col.for-mobile-only {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding-top: 0px; padding-left: 0; backface-visibility: hidden;}
.mega-menu-right-col.for-mobile-only {background: #fff; position: absolute; top: 0; right: -100%; width: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; transition: 0.4s all ease-in; padding: 0; max-width: 100%; backface-visibility: hidden;}
.mobile-toggle-menu .by-Category-btn {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: space-between; padding: 10px 0px; cursor: pointer;}
.mobile-toggle-menu .navbar-top-tabbing-btn-left-title {margin-bottom: 20px;}
.mobile-toggle-menu .navbar-top-tabbing-btn-left-title h4 {font-weight: 600;margin: 0;}
.mobile-toggle-menu .navbar-top-tabbing-btn-wrap {padding: 0px 42px; padding-top: 20px;}
.mobile-toggle-menu .navbar-top-tabbing-btn-right-btns {display: flex; gap: 20px; font-size: 14px;}
.mobile-toggle-menu .mega-tab-btn {padding: 8px 13px; border: 1px solid; border-radius: 10px;}
.mob-backbtn-for-cat.nav-tag-mob-svg a {gap: 20px; justify-content: flex-start;}
.mob-backbtn-for-sol.nav-tag-mob-svg a {gap: 20px; justify-content: flex-start;}
.mobile-toggle-menu .mega-menu-display-title h4 {font-size: 22px !important; margin: 0;}
.mobile-toggle-menu .mega-menu-display-title {margin-bottom: 20px;}
.mobile-toggle-menu .mega-menu-display-sub-title h5 {margin: 0;}
.mobile-toggle-menu .mega-menu-display-content p {margin: 0;}
.mobile-toggle-menu  .by-solution-btn {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: space-between; padding: 10px 0px;}
.mobile-toggle-menu .by-Category-sol {max-width: 100%; padding: 0px 15px; margin-top: 20px;}
.mobile-toggle-menu  .by-Category-left-col.for-mobile-only {max-width: 100%; padding: 0px 42px; }
.mobile-toggle-menu .by-industry-inner-list {flex-direction: column; gap:8px}
.mobile-toggle-menu .by-industry-list {max-width: 100%; width: 100%;}
.mobile-toggle-menu .by-industry-list a {border: none; border-radius: 10px; display: flex; font-size: 18px; gap: 10px; justify-content: flex-start; padding: 16px 0; align-items: center;}
.by-industry-svg svg {width: 30px; height: 30px;}
/* * * * * * */

/* Projects  */
.nav-item-mob-mega .navbar-mega-menu-two-col {flex-direction: column;}
.nav-item-mob-mega .mega-menu-right-col {max-width: 100%;}
.nav-item-mob-mega  .featured-project-content-two-col {gap: 25px; align-items: flex-start;}
.nav-item-mob-mega  .featured-project-title h4 {font-size: 22px !important; font-weight: 600;}
.mega-menu-left-news-view-all-btn a {display: flex; align-items: center; gap: 12px; transition: all ease 0.3s;}
.mega-menu-left-news-view-all-btn a:hover { background-color: #eed202;}
.nav-item-mob-mega .mega-menu-right-col-bottom-wrap {padding-top: 20px;}
.nav-item-mob-mega .mega-menu-right-col-content {padding-top: 20px;}

/* Top stripe css */
.top-line-header {background-color: #F5F5F5; padding: 14px 0 15px;}
.top-line-header-left-col {max-width: 750px; display: flex; width: 100%;}
.top-line-element,.top-line-element a {font-size: 16px; line-height:1.32; color: #9E9E9E; font-family: Montserrat; font-weight:400;}
/* .top-line-header-left-col .top-line-element:first-child { padding-left: 0 !important; border-right: 2px solid #9e9e9e;} */
.top-line-header-right-col,.top-line-element {padding: 4px 20px; }
.top-line-header-right-col { gap:30px;}
.top-line-header-two-col {display: flex; justify-content: space-between; gap: 10px;}
.social-icons-outer { gap: 30px;}
.linkings-header {text-align: center; }
.btm-btn-mega a {background-color: #eed202; border-radius: 54px; color: #fff; padding: 12px 22px; display: inline-flex; align-items: center; font-family: Montserrat; gap: 10px;}
.btm-btn-mega  .by-solution-svg path {fill: #fff;}
.btm-btn-mega {margin-top: 20px;}
.portal_login a svg { vertical-align: middle;}
/* .access_buttons_outer > div:not(:last-child) {border-right: 2px solid #9e9e9e;} */
/* * * * * */

.header-cta-button {height: 40px;}
.featured-project-title-content { width: 100%; max-width: 340px;}
/* Header Ends */

/* Home Page Banner Section */
/*main.home_page*/ 
/* section.homebannersection:not(.banner_small):not(.version_3){ min-height: calc( 100vh - 130px ); }  */
section.homebannersection:not(.banner_small):not(.version_3) .homebannerinner { max-width: 762px; width: 100%; position : relative; }
section.homebannersection.banner_small { padding-top: 138px; padding-bottom: 112px; min-height: 430px; }
.homebannerinner.banner_small{  }
.homebannerinner .homebannercontent { max-width: 584px; }
section.homebannersection:before { position: absolute; content: ''; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 65.63%, rgba(0, 0, 0, 0) 65.63%, rgba(0, 0, 0, 0) 65.64%);
  width: 100%; height: 100%; left: 0; top: 0;}
.buttonsParent{ gap: 20px; }

/* Landing Banner Section Starts */
section.landingbannersection { padding: 140px 0 213px;}
section.landingbannersection .landingbanner-left-col { max-width:769px;}
section.landingbannersection .landingbannercontent{ max-width:600px;}
section.landingbannersection .landingbanner-two-col { gap: 50px;}
section.landingbannersection .landingbanner-right-col { z-index: 5; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px; max-width: 660px; padding: 40px;  margin-bottom: -313px;}
section.landingbannersection .landingformmaintitle h2 { font-size: 36px; line-height: 1.3;}
section.landingbannersection .form-title { display: none;}
section.landingbannersection .landingform  form label { font-size: 18px; line-height: 1.28; color: #212121; font-weight: 600; padding: 0;}
section.landingbannersection .landingform form input,section.landingbannersection .landingform form select { padding: 13px 20px; width: 100% !important; border: 1px solid #9E9E9E;}
section.landingbannersection .landingform form .input { padding: 12px 0 0; margin:0;}
section.landingbannersection .landingform form { display: flex; flex-wrap: wrap; gap: 10px;}
section.landingbannersection .landingform form fieldset { width: 100%; max-width: 100%; display: flex; gap:20px;}
section.landingbannersection .landingform form .hs-form-field { width: 100%;}
section.landingbannersection .landingform form .hs-submit { width: 100%; text-align: center; padding: 30px 0 0;}
section.landingbannersection .landingform form .hs-submit input[type=submit], section.contact-getintouch .getintouchrmainform form .hs-button { background-color: #ffd027; color: #050a0a; font-weight: 700; border: none; max-width: 188px; padding: 12px 24px;}
section.landingbannersection .landingform form .hs-button:hover, section.landingbannersection .landingform form .hs-submit input[type=submit]:hover { background: #EED202; box-shadow: 2px 2px 16px rgba(255, 221, 20, 0.3);}
section.landingbannersection .landingform form input::placeholder { font-size: 16px; line-height: 1.37; color: #bdbdbd !important;}
/* Landing Banner Section Ends */

/* Calculator Page Starts */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

.calc-main { position: relative; }
.calc-main .letSideShape { position: absolute; bottom: -83px; left: -73px; z-index: 1; width: 214px; height: auto; }
.calc-main .letSideShape svg{ display: block; width: 100%; height: 100%; }
.calc-main .calc-main-inner { position: relative; z-index: 2; }

.calc-main-inner > div { width: 47.56%; }
.calc-main-inner .calc-left { border: 1px solid #FFDD14; border-radius: 40px; padding: 60px 60px 103px; background: #fff } 
.calc-main form input, 
.calc-main form select, 
#form-modal form input, 
#form-modal form select { font-size: 16px; line-height: 1.4; padding: 19px 20px 18px; font-weight: 600; outline: none; border: 1px solid #9E9E9E; }
.calc-main form select,
#form-modal form select{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M14.1993 1L7.59966 7.59967L1 1' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 19.2px 9.6px; background-repeat: no-repeat; background-position: calc(100% - 26px) center; }
.calc-main form select:after,
#form-modal form select:after{ content: ''; height: 6.6px; width: 13.2px; position: absolute; display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M14.1993 1L7.59966 7.59967L1 1' stroke='%239E9E9E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  top: 0; left: 0; }
.calc-main form label,
#form-modal form label{ padding-bottom: 10px; display: inline-block; font-weight: 600; }
.calc-main form feildset + feildset,
#form-modal form feildset + feildset{ padding-top: 40px; }
.calc-main form feildset,
#form-modal form feildset{ display: block; }
.calc-main form feildset.formRowChild-2 { display: flex; justify-content: space-between; align-items: flex-start; }
.calc-main form feildset.formRowChild-2 > div { width: calc( 50% - 20px ); }
.calc-main form label > span .tooltipSVG { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 12.75C9.2125 12.75 9.39075 12.678 9.53475 12.534C9.67875 12.39 9.7505 12.212 9.75 12V8.98125C9.75 8.76875 9.678 8.59375 9.534 8.45625C9.39 8.31875 9.212 8.25 9 8.25C8.7875 8.25 8.60925 8.322 8.46525 8.466C8.32125 8.61 8.2495 8.788 8.25 9V12.0187C8.25 12.2312 8.322 12.4062 8.466 12.5437C8.61 12.6812 8.788 12.75 9 12.75ZM9 6.75C9.2125 6.75 9.39075 6.678 9.53475 6.534C9.67875 6.39 9.7505 6.212 9.75 6C9.75 5.7875 9.678 5.60925 9.534 5.46525C9.39 5.32125 9.212 5.2495 9 5.25C8.7875 5.25 8.60925 5.322 8.46525 5.466C8.32125 5.61 8.2495 5.788 8.25 6C8.25 6.2125 8.322 6.39075 8.466 6.53475C8.61 6.67875 8.788 6.7505 9 6.75ZM9 16.5C7.9625 16.5 6.9875 16.303 6.075 15.909C5.1625 15.515 4.36875 14.9807 3.69375 14.3062C3.01875 13.6312 2.4845 12.8375 2.091 11.925C1.6975 11.0125 1.5005 10.0375 1.5 9C1.5 7.9625 1.697 6.9875 2.091 6.075C2.485 5.1625 3.01925 4.36875 3.69375 3.69375C4.36875 3.01875 5.1625 2.4845 6.075 2.091C6.9875 1.6975 7.9625 1.5005 9 1.5C10.0375 1.5 11.0125 1.697 11.925 2.091C12.8375 2.485 13.6312 3.01925 14.3062 3.69375C14.9812 4.36875 15.5157 5.1625 15.9097 6.075C16.3037 6.9875 16.5005 7.9625 16.5 9C16.5 10.0375 16.303 11.0125 15.909 11.925C15.515 12.8375 14.9807 13.6312 14.3062 14.3062C13.6312 14.9812 12.8375 15.5157 11.925 15.9097C11.0125 16.3037 10.0375 16.5005 9 16.5ZM9 15C10.6625 15 12.0782 14.4157 13.2472 13.2472C14.4162 12.0787 15.0005 10.663 15 9C15 7.3375 14.4157 5.92175 13.2472 4.75275C12.0787 3.58375 10.663 2.9995 9 3C7.3375 3 5.92175 3.58425 4.75275 4.75275C3.58375 5.92125 2.9995 7.337 3 9C3 10.6625 3.58425 12.0782 4.75275 13.2472C5.92125 14.4162 7.337 15.0005 9 15Z' fill='%23FFDD14'/%3E%3C/svg%3E");
  width: 18px; height: 18px; display: inline-block; vertical-align: top; }
.calc-main form label span.toolTipGroup {background: #425b76;border-radius: 4px;color: #fff;font-size: 12px;right: -50%;padding: 10px;position: absolute;text-align: center;top: 100%;visibility: hidden;width: 200px;z-index: 1;opacity: 0;}
.calc-main form label > span { position: relative; }
.calc-main form label > span .tooltipSVG:hover + span.toolTipGroup { opacity: 1; visibility: visible; }

/* Left Side */
.calc-main-inner .calc-right { box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px; padding: 60px; }
.summaryCard .priceGroup { border: 2px solid #FFDD14;  box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 43px; padding: 19px 40px; display: inline-block; }
.summaryCard .dataGroupInner .dataField { border-radius: 43px; padding: 18px 40px 19px; }
.summaryCard .dataGroupInner .dataField + .dataField { margin-top: 20px; }

/* Popup */
.mfp-content .crossButton { position: absolute; top: 20px; right: 20px; height: 20px; width: 20px; cursor: pointer; }
.white-popup-block .crossButton svg { width: 100%; height: 100%; display: block; }
#form-modal form label { padding-left: 10px; }
#form-modal .titleGroup { padding-right: 30px; }
#form-modal form .field + .field { padding-top: 20px; }
#form-modal form .hs_submit { padding-top: 20px; text-align: right; }
#form-modal form .hs_submit input { padding: 15px 30px; }
#form-modal .form-title { padding: unset; background: transparent; }

/* Magnific Popup */
.white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; }

/**
* Simple fade transition,
*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* Claculator Page Ends */

/* Get In Touch Section Starts */
section.contact-getintouch { position: relative;}
.contact-getintouch { position: relative; }
.contact-getintouch .letSideShape { position: absolute; bottom: -104.5px; left: 0; z-index: 1; width: 214px; height: auto; }
.contact-getintouch .letSideShape svg{ display: block; width: 100%; height: 100%; }
.contact-getintouch .contact-getintouch-inner { position: relative; z-index: 2; }
section.homebannersection.Contactbanner { padding: 140px 0 260px;}
section.contact-getintouch .getintouchrmainform .form-title {display: none;}
section.contact-getintouch .getintouchrmainform form fieldset { width: 100%; max-width: 100%; display: flex; gap: 40px;}
section.contact-getintouch .contact-getintouch-inner { padding: 80px; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px; max-width: 1400px; margin: -219px auto 0;}
section.contact-getintouch .getintouchrmainform form .hs-form-field label { font-size: 20px; line-height: 1.1; font-family: Montserrat,sans-serif; font-weight: 600; color: #212121; padding: 0 20px;}
section.contact-getintouch .getintouchrmainform form .input { margin: 0 !important; padding: 10px 0 0;}
section.contact-getintouch .getintouchrmainform form { display: flex; flex-wrap: wrap; gap: 40px;}
section.contact-getintouch .getintouchrmainform form .input input::placeholder { font-family: Montserrat,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; color: #BDBDBD !important;}
section.contact-getintouch .getintouchrmainform form .input input,section.contact-getintouch .getintouchrmainform form select { border: 1px solid #9E9E9E; width:100%; padding: 18px 20px;}
section.contact-getintouch .getintouchrmainform form .hs-company { width: 100%;}
section.contact-getintouch .hs-submit { width: 100%; text-align: center; padding: 20px 0 0;}
section.contact-getintouch .hs-submit input[type=submit],section.contact-getintouch .getintouchrmainform form .hs-button { background-color: #ffd027; color: #050a0a; font-weight: 700;}
section.contact-getintouch .getintouchrmainform form .hs-button:hover, section.contact-getintouch .hs-submit input[type=submit]:hover { background: #EED202; box-shadow: 2px 2px 16px rgba(255, 221, 20, 0.3);}
/* Get In Touch Section Ends */

/* Core Features Slider Section Starts */
.corefeaturesection .letSideShape {     height: auto; right: 0; position: absolute; bottom: -103px; width: 283px; z-index: 1; }
.corefeaturesection .letSideShape svg{ display: block; width: 100%; height: 100%; }
.corefeaturesection .corefeatureinner { position: relative; z-index: 2; }
.corefeaturesection .corefeatureinner { background: #fff; padding: 60px 37px; border-radius: 40px; box-shadow: 0 20px 60px 10px rgba(59,103,142,.08);}
.corefeaturesection .corefeaturetabbinginnersection { width: 100%; max-width: 1260px; border-radius:20px; overflow: hidden; margin: 0 auto; background: #fff; box-shadow: 0 20px 60px 10px rgba(59,103,142,.08);}
.corefeaturesection .core_sub_category_buttons_section { border-radius: 20px; border-bottom: 1px solid #F5F5F5;}
.corefeaturesection .core_sub_category_buttons_section ul { align-items: center; display: flex; justify-content: space-between;}
.corefeaturesection .core_sub_category_buttons_section ul li { background: unset; border: unset; margin: 0; max-width: 34%; text-align: center; width: 100%;}
.corefeaturesection .core_sub_category_buttons_section ul li a { color: #050a0a; padding: 40px 0;  display: block; font-family: Montserrat; font-size: 26px; font-weight: 500; line-height: 1.3; position: relative; transition: all .3s ease-in-out; width: 100%;}
.corefeaturesection .core_sub_category_buttons_section ul li.active a { background-color: #ffd027; color: #050a0a;}
.corefeaturesection .core_sub_category_buttons_section ul li a:hover{ background-color: #ffd027; }
.corefeaturesection .core_sub_category_buttons_section ul li:not(:last-child) a:before { background: #f5f5f5; content: ""; height: 100%; position: absolute; top:0; right: 0; width: 3px;}
.corefeaturetabbingboxmain { width: 100%; max-width: 1062px; margin: 0 auto; padding: 28px;}
.corefeaturetabbingbox { gap: 40px;}
.corefeaturetabbingboximg { max-width: 35%;}
.corefeaturetabbingboximg img { width: 100%; height: 100%; border-radius: 20px;  object-fit: contain;}
/* Core Features Slider Section Ends */

/* About Resource Section Starts  */
section.aboutresourcessection { position: relative; }
section.aboutresourcessection .letSideShape { position: absolute; bottom: -104.5px; right: 0; z-index: 1; width: 200px; height: auto; }
section.aboutresourcessection .letSideShape svg{ display: block; width: 100%; height: 100%; }
section.aboutresourcessection .about-resources-inner { position: relative; z-index: 2; }
section.aboutresourcessection .about-resources-inner { justify-content: space-around; gap:50px;}
section.aboutresourcessection .about-resources-left-col { max-width: 615px; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 40px; padding: 10px;}
section.aboutresourcessection .about-resources-right-col { max-width: 694px;}
section.aboutresourcessection .resource-list-text { flex-direction: column; gap: 20px;}
section.aboutresourcessection ul.resource-list-text li { position: relative; padding-left: 30px;}
section.aboutresourcessection ul.resource-list-text li::before { content: ''; position: absolute; border-radius: 50%; width:10px; height:10px; background-color: #ffd027; left:0; top: 50%; transform: translateY(-50%);}
/* About Resource Section Ends  */

/* Counter With Text Starts */
section.counter-with-text .countermaincontent { max-width: 1512px; margin: 0 auto;}
section.counter-with-text .counter-achievemnts { padding:34px; background: #FFFFFF; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px;}
section.counter-with-text .achievements { width: 100%; max-width: 517px;}   
section.counter-with-text .counter-achievemnts .achievements:not(:last-child) { border-right: 2px solid #021eee;}
.counter-with-text .letSideShape { position: absolute; top: -60px; left: 0; z-index: 1; width: 160px; height: auto; }
.counter-with-text .letSideShape svg{ display: block; width: 100%; height: 100%; }
/* Counter With Text Ends */

/* Infrastructure Module Starts */
.productcardsection { position: relative; }
.productcardsection .letSideShape { position: absolute; top: -96px; left: 0; z-index: 1; width: 285px; height: auto; }
.productcardsection .letSideShape svg{ display: block; width: 100%; height: 100%; }
.productcardsection .productcardinner { position: relative; z-index: 2; }
.productcardsection .sub_category_buttons_section { border: 2px solid #F5F5F5; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.06); border-radius: 20px; overflow: hidden;}
/* Infrastructure Module Ends */

/* One Col Downloads Section starts */
.onecoldownloadsSec .sectionHeadings { max-width:100%;}
.onecoldownloadsSec .download_btns_list_inner { gap: 20px;}
.onecoldownloadsSec .download_btns_list_inner { justify-content: center;}
.onecoldownloadsSec .downloadsheet_btn a svg { width: 15px; vertical-align: middle;}
.onecoldownloadsSec .onecoldownloadsSecInner { border: 3px solid #F5F5F5; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px;}
.onecoldownloadsSec .downloadsheet_btn a { padding: 13px 20px; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px; border: 3px solid #F5F5F5;}
/* One Col Downloads Section Ends */

.onecolsimpleSec .sectionHeadings { max-width:100%;}

/* Solar Saving Calc Section Starts */
.solarSavingsSec .sectionHeadings { max-width:100%;}
.solarSavingsSec .solarSavingsSecInner { padding:40px; border: 3px solid #F5F5F5; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px;}
.solarSavingsSec .solar_table_inner { box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px; border: 2px solid #D9D9D9; overflow: hidden;}
.solarSavingsSec .solar_table_inner .solar_table_row:not(:last-child) { border-right: 2px solid #D9D9D9;}
.solarSavingsSec .product_desc_list .td:not(:last-child) { border-bottom: 2px solid #D9D9D9;}
.solarSavingsSec .solar_table_outer table { border-spacing: 0px; border-collapse: unset; margin: 0;}
.solarSavingsSec td.solar_table_row table tr:not(:last-child) td { border-bottom: 2px solid #D9D9D9;}
/* Solar Saving Calc Section Ends */

/* Tabbing With Table Starts */
.Tabbingwithtablesection { position: relative; }
.Tabbingwithtablesection .letSideShape { position: absolute; top: -100px; left: 0; z-index: 1; width: 246px; height: auto; }
.Tabbingwithtablesection .letSideShape svg{ display: block; width: 100%; height: 100%; }
.Tabbingwithtablesection .Tabbingwithtableinner { position: relative; z-index: 2; }
.Tabbingwithtablesection .Tabbingwithtableinner { background: #fff; padding: 60px 37px; border-radius: 40px; box-shadow: 0 20px 60px 10px rgba(59,103,142,.08);}
.Tabbingwithtablesection .Tabbingwithtableinnersection { width: 100%; max-width: 1173px; border-radius:20px; margin: 0 auto; background: #fff; box-shadow: 0 20px 60px 10px rgba(59,103,142,.08);}
.Tabbingwithtablesection .core_sub_category_buttons_section { border-radius: 20px; padding: 40px 0; border-bottom: 1px solid #F5F5F5;}
.Tabbingwithtablesection .core_sub_category_buttons_section ul { align-items: center; display: flex; justify-content: space-between;}
.Tabbingwithtablesection .core_sub_category_buttons_section ul li { background: unset; border: unset; margin: 0; max-width: 50%; text-align: center; width: 100%;}
.Tabbingwithtablesection .core_sub_category_buttons_section ul li a { color: #050a0a; display: block; font-family: Montserrat; font-size: 26px; font-weight: 500; line-height: 1.3; position: relative; transition: all .3s ease-in-out; width: 100%;}
.Tabbingwithtablesection .core_sub_category_buttons_section ul li.active a { color: #ffd027;}
.Tabbingwithtablesection .core_sub_category_buttons_section ul li:not(:last-child) a:before { background: #f5f5f5; content: ""; height: 100%; position: absolute; right: 0; width: 3px;}
.Tabbingwithtableboxmain { width: 100%; max-width: 1062px; margin: 0 auto; padding: 28px;}
.Tabbingwithtablesection .Tabbingwithtablebox { gap: 40px;}
.Tabbingwithtablesection .Tabbingwithtableboximg { max-width: 35%;}
.Tabbingwithtablesection .Tabbingwithtableboximg img { width: 100%; height: 100%; border-radius: 20px;  object-fit: contain;}
.Tabbingwithtablesection .Tabbingwithtableboxcontent ul li { padding-left: 30px; position: relative;}
.Tabbingwithtablesection .Tabbingwithtableboxcontent ul li::before { background-color: #ffd027; border-radius: 50%; content: ""; height: 10px; left: 0; position: absolute; top: 10px; width: 10px;}
.Tabbingwithtablesection .product_table_inner { box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px; border: 2px solid #D9D9D9; overflow: hidden;}
.Tabbingwithtablesection .product_table_inner .product_table_row:not(:last-child) { border-right: 2px solid #D9D9D9;}
.Tabbingwithtablesection .product_desc_list .td:not(:last-child) { border-bottom: 2px solid #D9D9D9;}
.Tabbingwithtablesection .product_table_outer table { border-spacing: 0px; border-collapse: unset; margin: 0;}
.Tabbingwithtablesection td.product_table_row table tr:not(:last-child) td { border-bottom: 2px solid #D9D9D9;}
/* Tabbing With Table Ends */

/* Four Col Box Section Starts */
.four-col-box-section .fourcolboxinner { gap: 60px;}
.four-col-box-section .featureboxouter { box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 20px; border: 3px solid #F5F5F5; padding:30px;}
.four-col-box-section .featureboxicon,.four-col-box-section .featureboxicon svg { width: 50px; height: 50px; display: block; margin: 0 auto;}
.four-col-box-section .featureboxicon img { height: 100% !important; object-fit: contain;}
/* Four Col Box Section Ends */

/* Industry Projects Starts */
.IndustryProjectssection .Featuredboxsection .Featuredbox { max-width:100%;  box-shadow: 0 0 10px 0px rgba(59,103,142,.08); border-radius: 20px; padding: 20px 20px 30px; background: #fff }
.IndustryProjectssection .Featuredboxsection { flex-wrap : wrap; gap: 40px; }
.IndustryProjectssection .Featuredboximg { width: 100%; height: 268px;}
.IndustryProjectssection .Featuredboximg img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0;}
.IndustryProjectssection .Featuredboxbutton a span svg { width: 12px; height: 12px;}
.IndustryProjectssection .Featuredboxbutton a span { padding-left: 10px;}
.IndustryProjectssection .Featuredtitlectasection { gap: 50px; flex-wrap: wrap;}
.IndustryProjectssection .Featuredtitlesection { max-width: calc(100% - 290px);  width: 100%;}
.IndustryProjectssection .Featuredboxbutton a, .productcardtabbingboxbtn a { position: relative;}
.IndustryProjectssection .Featuredboxbutton a:before, .productcardtabbingboxbtn a:before { position: absolute; content: ''; width: 0; height: 2px; background: #000; bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.IndustryProjectssection .Featuredboxbutton a:hover:before, .productcardtabbingboxbtn a:hover:before {  width: calc(100% - 25px);}
.IndustryProjectssection .Featuredboxbutton a, .productcardtabbingboxbtn a { position: relative;}
.IndustryProjectssection .Featuredboxbutton a:before, .productcardtabbingboxbtn a:before { position: absolute; content: ''; width: 0; height: 2px; background: #000; bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.IndustryProjectssection .Featuredboxbutton a:hover:before, .productcardtabbingboxbtn a:hover:before {  width: calc(100% - 25px);}
.IndustryProjectssection .Featuredboxtagslist > div { padding: 0 10px; text-decoration: underline;}
.IndustryProjectssection .Featuredboxtagslist > div:not(:last-child) { border-right: 2px solid #d9d9d9;}
.IndustryProjectssection .FeaturedboxsectionInner .slick-slide { margin: 0 20px;}
.IndustryProjectssection .FeaturedboxsectionInner .slick-track {  margin-left: -20px; padding:20px 0;}
/* Industry Projects Ends */

/* Latest News Starts */
.Featuredsection { position: relative; }
.Featuredsection .letSideShape { position: absolute; top: 0; left: 0; z-index: 1; width: 242px; height: auto; }
.Featuredsection .letSideShape svg{ display: block; width: 100%; height: 100%; }
.Featuredsection .Featuredinnersection { position: relative; z-index: 2; }
/* Latest News Ends */

/* Projects Listing starts */
.ProjectsListinginnersection { overflow: hidden;}
.ProjectsListingsection .Projectbox { position: static !important; background: #fff; border-radius: 20px; box-shadow: 0 10px 20px rgba(59,103,142,.08); max-width: calc(25% - 30px); padding: 20px 20px 30px; width: 100%;}
.ProjectsListingsection .Projectboximg img { height: 100% !important; border-radius: 20px 20px 0 0; object-fit: cover;}
.ProjectsListingsection .ProjectsListingboxsectionInner { gap: 40px; position: static !important; margin: 0 10px 60px; align-items: stretch;}
.ProjectsListingsection .Projectboximg img { min-height: 280px;}
.ProjectsListingsection .Projectboxbutton a::before { background: #000; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transition: all .3s ease-in-out; width: 0;}
.ProjectsListingsection .Projectboxbutton a { position: relative;}
.ProjectsListingsection .Projectboxbutton a:hover::before { width:100%;}
.Projectboxtagslist { flex-direction: column; gap: 20px; align-items: flex-start;}
.Projectboxbrandtag { gap: 10px;}
.Projectboxproducttag { gap:10px;}
.Projectboxbrandtag > div:not(:last-child) { padding-right: 10px; border-right: 2px solid;}
.Projectboxbrandtag a:hover,.Projectboxproducttag a:hover { color: #ffd027;}
.Projectboxbrandtag a,.Projectboxproducttag  a {  transition: all ease 0.3s}

/* Projects Listing ends */

/* Key Features Starts */
section.keyfeaturessection .letSideShape {  top: -11px; height: auto; position: absolute; left: 0; width: 246px; z-index: 1; }
section.keyfeaturessection > div { position: relative; z-index: 2 }
section.keyfeaturessection .letSideShape svg{ display: block; width: 100%; height: 100%; }
section.keyfeaturessection .keyfeaturesleftcolumn { padding: 51px 51px 51px 140px;}
section.keyfeaturessection .keyfeaturessliderbox { width:100%; max-width: 330px; box-shadow: 0 0 10px 0px rgba(59,103,142,.08); border-radius: 20px; padding: 20px 30px;}
section.keyfeaturessection .keyfeaturessliderbox .keyfeaturesBoxcontent { width:100%; max-width: 330px;}
section.keyfeaturessection .keyfeaturesrightcolumn { width: 100%; max-width: calc(100% - 654px); overflow: hidden;}
section.keyfeaturessection .keyfeaturesIcon,section.keyfeaturessection .keyfeaturesIcon svg,section.keyfeaturessection .keyfeaturesIcon img { width: 50px; height: 50px;}
section.keyfeaturessection .keyfeaturesIcon img { height: 100% !important;}
section.keyfeaturessection .keyfeaturesrightcolumn .slick-track { padding: 70px 0;}
section.keyfeaturessection .keyfeaturesrightcolumn .slick-list { margin-left: -15px;}
section.keyfeaturessection .keyfeaturesrightcolumn .slick-slide { margin: 0 15px;}
section.keyfeaturessection .keyfeaturesleftcolumn { align-self: center;}
section.keyfeaturessection .slick-next:before,section.keyfeaturessection .slick-prev:before { background-color: #fff; padding: 20px 14px; color: #ffd027; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 5px; font: normal normal normal 14px/1 FontAwesome;}
section.keyfeaturessection .slick-next { right: 33px;}
section.keyfeaturessection .slick-next:before { content: '\f105'; font-size: 20px; }
section.keyfeaturessection .slick-prev:before { content: '\f104'; font-size: 20px; display: none;}
section.keyfeaturessection .slick-prev { display: none;}
section.keyfeaturessection .readmore a::before { background: #000; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transition: all .3s ease-in-out; width: 0;}
section.keyfeaturessection .readmore a { position: relative;}
section.keyfeaturessection .readmore a:hover::before { width: calc(100% - 25px);}
section.keyfeaturessection .readmore a span { padding-left: 10px;}
section.keyfeaturessection .readmore a span svg { height: 12px; width: 12px;}
section.keyfeaturessection .keyfeaturesslider { text-align: left;}
/* Key Features End */

/* Product Slider Starts */
section.productslidersection .keyfeaturessliderbox { box-shadow: 0 0 10px 0px rgba(59,103,142,.08); border-radius: 20px; padding: 20px 30px;}
section.productslidersection .keyfeaturessliderbox .keyfeaturesBoxcontent { width:100%; max-width: 293px;}
section.productslidersection .keyfeaturesrightcolumn { width: 100%; max-width: calc(100% - 512px); overflow: hidden;}
section.productslidersection .keyfeaturesIcon img { width: 100%; max-width:292px; max-height: 100px;}
section.productslidersection .keyfeaturesrightcolumn .slick-track { padding: 70px 0;}
section.productslidersection .keyfeaturesrightcolumn .slick-list { margin-left: -30px;}
section.productslidersection .keyfeaturesrightcolumn .slick-slide { margin: 0 30px;}
section.productslidersection .keyfeaturesleftcolumn { align-self: center;} 
section.productslidersection .slick-next:before,section.productslidersection .slick-prev:before { background-color: #fff; padding: 20px 14px; color: #ffd027; box-shadow: 0px 0px 60px 10px rgba(59, 103, 142, 0.12); border-radius: 5px; font: normal normal normal 14px/1 FontAwesome;}
section.productslidersection .slick-next { right: 33px;}
section.productslidersection .slick-next:before { content: '\f105'; font-size: 20px; }
section.productslidersection .slick-prev:before { content: '\f104'; font-size: 20px; display: none;}
section.productslidersection .slick-prev { display: none;}
section.productslidersection .readmore a::before { background: #000; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transition: all .3s ease-in-out; width: 0;}
section.productslidersection .readmore a { position: relative;}
section.productslidersection .readmore a:hover::before { width: calc(100% - 25px);}
section.productslidersection .readmore a span { padding-left: 10px;}
section.productslidersection .readmore a span svg { height: 12px; width: 12px;}
section.productslidersection .keyfeaturesslider { text-align: left;}
section.productslidersection .sliderNav svg { opacity: 0; visibility: hidden;}
/* Product Slider Ends */

/* Trusted Slider Start */
.Trustedsliderboxmain .slick-slide.slick-center+.slick-slide:after { content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: rgb(255 255 255 / 72%); }
.Trustedsliderboxmain .slick-slide.slick-center+.slick-slide { position: relative; opacity: 1; }
.Trustedsection { position: relative; }
.Trustedsection .letSideShape { position: absolute; bottom: -15px; right: 0; z-index: 1; width: 283px; height: auto; }
.Trustedsection .letSideShape svg{ display: block; width: 100%; height: 100%; }
.Trustedsection .Trustedinner { position: relative; z-index: 2; }
/* Trusted Slider End */

/* Home Page About Section */
.abouttwoleftcolumn { max-width: 67.7%; width: 100%; position: relative; z-index : 2}
.abouttwoleftcolumn iframe { width: 100%; height: 609px; border-radius: 27px;}
.abouttwocolumnvideo { padding: 13px; border: 3px solid #F5F5F5; border-radius: 27px; background: #fff; }
.abouttworightcolumn { border-radius: 40px; max-width: 644px; width: 100%; padding: 60px 60px 60px 174px;}
.abouttwocolumninner {position: relative;}
.abouttworightcolumn { margin: -489px 0 0 auto; overflow : hidden;}

/* Featured module css */
.Featuredboxsection .Featuredbox { max-width: calc(25% - 30px); width: 100%; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 20px; padding: 20px 20px 30px; background: #fff }
.Featuredboxsection { flex-wrap : wrap; gap: 40px; }
.Featuredboximg { width: 100%; height: 268px;}
.Featuredboximg img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0;}
.Featuredboxbutton a span svg { width: 12px; height: 12px;}
.Featuredboxbutton a span { padding-left: 10px;}
.Featuredtitlectasection { gap: 50px; flex-wrap: wrap;}
.Featuredtitlesection { max-width: calc(100% - 290px);  width: 100%;}

/* get in touch module css */
.Getintouchinner { padding: 60px 100px; border-radius: 10px; gap: 40px; justify-content: space-between;}
.Getintouchleftcolumn { max-width: 584px; width: 100%;}
.Getintouchrightcolumn { max-width: 657px; width: 100%;}
.Getintouchform .hs_cos_wrapper.form-title { display: none !important; padding: 0 !important;}
.Getintouchform form {position: relative; }
.Getintouchform form .hs_submit.hs-submit { position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.Getintouchform form .hs_submit.hs-submit input[type="submit"] { transition: all ease-in-out 0.3s;}
.Getintouchform form .hs_error_rollup { display: none;}
.Getintouchform form ul.no-list.hs-error-msgs.inputs-list {  position: absolute; margin: 0; bottom: -30px; list-style: none; left: 0; padding: 0;}
.Getintouchform form ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg { color: red; font-size: 15px;}

/* latest news module css  */
.LatestNewstag { padding-right: 12px; position: relative;}
.LatestNewstag:before { position: absolute; content: ''; width: 2px; height: 20px; background: #D9D9D9; right: 0; top: 50%; transform: translateY(-50%);}
.LatestNewstag a {  text-decoration: underline;}
.Featuredboximg a { width: 100%; height: 100%;}

.productcardinner { padding: 60px 37px; background: #FFFFFF; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px;}
.sub_category_buttons_section ul { display: flex; align-items: center; justify-content: center;}
.sub_category_buttons_section ul li { max-width: 33.33%; width: 100%; margin: 0; background: unset; border: unset; text-align: center;}
.sub_category_buttons_section ul li a { padding:30px; position : relative; color: #050A0A;  font-size: 26px; font-weight: 700; font-family: 'Montserrat'; line-height: 1.3; transition: all ease-in-out 0.3s; width : 100%; display : block }
.sub_category_buttons_section ul li.active a {  background-color: #FFD027; color:#050a0a;}
/* .sub_category_buttons_section ul li a:hover { background-color: #FFD027;} */
.sub_category_buttons_section ul li:not(:last-child) a:before { position: absolute; content: ''; width: 3px; height: 100%; background: #F5F5F5; top:0; right: 0;}
.productcardtabbingboximg { max-width: 35%;}
.productcardtabbingboximg img { width: 100%; height: 100%; border-radius: 20px;  object-fit: contain;}
.productcardtabbingbox { gap: 60px;     max-width: 1390px;  width: 100%;}
.productcardtabbingboxinner { max-width: calc(65% - 60px); width: 100%;}
.productcardtabbingboxbtn a span svg { margin-left: 10px; width: 12px;  height: 12px;}


.Trustedleftcolumn {  max-width: 540px; width: 100%;}
.Trustedinner {  gap: 80px;}
.Trustedrightcolumn { max-width: calc(100% - 620px);   width: 100%;}
.Trustedsliderboxinner { background: #FFFFFF; box-shadow: 1px 1px 11px 5px rgb(59 103 142 / 8%); border-radius: 20px;   padding: 40px;}

.Trustedsliderboximg { width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.Trustedsliderboximg img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%;}
.Trustedsliderinfobox { display: flex; align-items: center; gap: 20px;}
.Trustedsliderboxmain .slick-list.draggable {padding: 77px 440px 77px 52px !important;}
.Trustedsliderboxcontent p { font-size: 18px;}
.Trustedsliderboxmain .slick-slide {transition: all ease-in-out 0.3s;max-width: 500px;width: 100%;}
.Trustedsliderboxmain .slick-slide.slick-center {transform: scale(1.2);opacity: 1;position: relative;z-index: 2;}
.Trustedsliderboxmain .slick-slide.slick-center + .slick-slide {opacity: 0.50;}
.Trustedsliderboxmain .slick-slide { opacity: 0;}
.Trustedsliderarrow { cursor : pointer; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;  background: #F5F5F5;  border: 1px solid #D9D9D9; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 12px; transition : all ease-in-out 0.3s;}
.Trustedsliderarrow svg path {transition : all ease-in-out 0.3s; }
.Trustedpaginationmain {  display: flex; align-items: center; gap: 40px;}
.Trustedslidernext svg { transform: rotate(180deg);}
button.Trustedsliderarrow.slick-disabled { pointer-events: none;}
button.Trustedsliderarrow:hover { border-color: #FFD027; background: #fff;}
button.Trustedsliderarrow:hover svg path { fill: #FFD027;}
.Trustedpagination { display: flex; align-items: baseline; justify-content: center; width : 50px;}
.Trustedpagslidenumber {font-size: 42px;font-weight: 600;font-family: 'Montserrat';color: #050A0A;line-height: 1;}
.Trustedpagtotalslide {font-size: 24px;font-weight: 500;color: #9E9E9E;font-family: 'Montserrat';line-height: 1;}
.Trustedsliderboxinner { position: relative;}
.Trustedsliderboxinner:before, .Trustedsliderboxinner:after { position: absolute; content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='46' viewBox='0 0 56 46' fill='none'%3E%3Cpath d='M17.4118 22.7032L23.2941 0H11.5294L3.73529 21.071C1.08824 27.8968 0.5 30.4194 0.5 33.8323C0.5 40.9548 5.5 46 12.5588 46C19.1765 46 24.3235 41.1032 24.3235 33.8323C24.3235 28.3419 21.6765 24.4839 17.4118 22.7032ZM48.5882 22.7032L54.4706 0H42.7059L34.9118 21.071C32.2647 27.8968 31.6765 30.4194 31.6765 33.8323C31.6765 40.9548 36.6765 46 43.7353 46C50.3529 46 55.5 41.1032 55.5 33.8323C55.5 28.3419 52.8529 24.4839 48.5882 22.7032Z' fill='%23FFD027'/%3E%3C/svg%3E");
  width: 55px; height: 55px; background-repeat: no-repeat; background-size: contain; top: -15px; left: 40px; }
.Trustedsliderboxinner:after { bottom: -15px; top: unset; right: 40px; left: unset; transform: rotate(180deg);}


.TrustedClientleftcolumn {  max-width: 382px; width: 100%;}
.TrustedClientinner { gap: 60px;}
.TrustedClientrightcolumn { max-width: calc(100% - 442px); width: 100%; background: #FFFFFF; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 20px 0px 0px 20px; padding: 40px 0 40px 40px;} 
.TrustedClientslider { max-width: 170px; width: 100%; margin: 0 20px;}
.TrustedClientslider img { width: 100%; height: 100%; object-fit: contain;}

.Featuredboxbutton a, .productcardtabbingboxbtn a { position: relative;}
.Featuredboxbutton a:before, .productcardtabbingboxbtn a:before { position: absolute; content: ''; width: 0; height: 2px; background: #000; bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.Featuredboxbutton a:hover:before, .productcardtabbingboxbtn a:hover:before {  width: calc(100% - 25px);}
.Featuredboxbutton a, .productcardtabbingboxbtn a { position: relative;}
.Featuredboxbutton a:before, .productcardtabbingboxbtn a:before { position: absolute; content: ''; width: 0; height: 2px; background: #000; bottom: 0; left: 0; transition: all ease-in-out 0.3s;}
.Featuredboxbutton a:hover:before, .productcardtabbingboxbtn a:hover:before {  width: calc(100% - 25px);}

/* Blog Listing */
.BlogListingsection { overflow: hidden;}
.blog-tag-topstrip-outer { border-bottom: 1px solid #050A0A; }
.identi-blog-tags-list-outer { max-width: 1455px; }
.blog-filter-tag.activetag a { font-weight: 700; color: #021eee;}
.identi-blog-tags-list-inner { flex-wrap: wrap; gap: 20px; justify-content:  space-between;}
.blog-tag-topstrip-inner { gap: 20px; justify-content: center;}
.blog-search-inner svg { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto;}       
.blog-search-inner { position: relative;}
.blog-search-inner .hs-search-field__bar form input { padding: 10px 20px !important; transform: translateX(100%); opacity: 0; visibility: hidden; transition: all .3s ease-in-out; outline:0; margin-top: -3px;}
.blog-search-outer { width: 100%; max-width: 10%;}
.blog-search-inner.openSearch .hs-search-field__bar form input { padding: 10px 20px !important; transform: translateX(0); opacity: 1; visibility: visible;}
.blog-search-inner .hs-search-field__suggestions { display: none;}
.blog-filter-tag a { padding: 10px 60px; background: transparent; border: 0; border-radius: 10px 10px 0 0;}
.blog-filter-tag a.activetag {background-color: #eed202;}
.blog-filter-tag a:hover { background-color: #eed202;}

/* Blog Inner */
.blogbannerinner { width: 100%; max-width: 562px;}
.blog-inner-banner-section .blog-tag { border-right: 2px solid #888888; color: #FFDD14;}
.blog-inner-banner-section .blog-tag a { color: #FFDD14; }
.blog-inner-banner-section .blog-date { color: #bdbdbd;}
.blog-inner-banner-section .blogInnerBodyContent p { display: none; line-height:1.5;}
.blogInnerContent .blog-comments { max-width: 100% !important; padding: 40px 0 0;}
.blogInnerContent .blog-comments form { display: flex; flex-wrap: wrap; width: 100%; gap:20px 37px; justify-content: space-between; align-items: center;}
.blogInnerContent .blog-comments form .hs-form-field:not(.hs-fieldtype-textarea) { width: 48%;}
.blogInnerContent .commentBoxForm { width: 100%; max-width: 1052px; box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 40px; padding: 60px;}
.blogInnerContent .blog-comments form .hs-form-field label { font-size: 20px; font-weight: 600; line-height: 1.1; padding: 0 20px;}
.blogInnerContent .blog-comments form .hs-form-field .input { padding: 10px 0 0;}
.blogInnerContent .blog-comments form .hs-form-field .input input{ padding: 18px 20px !important; border: 1px solid #9E9E9E; border-radius: 43px;}
.blogInnerContent .blog-comments form .hs-form-field span.hs-form-required { color: #ff0000;}
.blogInnerContent .blog-comments form .hs-comment.hs-form-field { width: 100%;}
.blogInnerContent .blog-comments form .hs-form-field .input textarea { padding: 7px 20px !important;}
.blogInnerContent .blog-comments form .hs-form-field .input input::placeholder { font-size: 16px; line-height: 1.37; color: #bdbdbd !important;}
.blogInnerContent .blog-comments form .hs-button,.blogInnerContent .blog-comments form input[type=submit] { background-color: #ffd027; border-radius: 40px; color: #050a0a; font-family: Montserrat,sans-serif; font-style: normal; font-weight: 400; font-weight: 700; line-height: 1.2; padding: 12px 24px; text-decoration: none!important; text-decoration: none; transition: all .3s ease-in-out;}
.blogInnerContent .blog-comments form .hs-button,.blogInnerContent .blog-comments form input[type=submit]:hover { background-color: #050a0a; color: #ffd027;}
.blogInnerContentRightCol { width: 100%; max-width: 507px;}
.blogInnerContentRow { gap: 80px;}
.nextPreviousBlogOutter .Featuredbox { box-shadow: 0px 20px 60px 10px rgba(59, 103, 142, 0.08); border-radius: 20px; padding: 40px;}



.product-image {position: relative;}
a.product-image-Link {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;}


.LatestNewstagdatesection {flex-wrap: wrap;}
.LatestNewspublishdate {width: 150px;}
.LatestNewstag {width: calc(100% - 150px);}

.ProductTabList {border-bottom: 1px solid #050a0a;}
.ProductTabList ul {flex-wrap: wrap;gap: 20px;justify-content: space-between;display: flex;}
.ProductTabList li.is-checked a {background-color: #eed202; color: #000000;}
.ProductTabList ul li a { padding: 10px 82px; background: transparent; border: 0; font-size:20px; border-radius: 10px 10px 0 0; font-weight: 600; transition: all ease 0.3s;}
.Projectboxindustrytag { text-transform: capitalize;}
.ProductTabList ul li a:hover { background-color: #eed202;}

/* Video Gallery Section */
.VideoGallerySection .VideoBoxOuter { width: 30%; background-color: #fff; padding: 12px; box-shadow: 0 0 5px 0px #000; border-radius: 20px;}
.VideoGallerySection .VideoGalleryInner { gap: 30px;}
.VideoBoxOuter a { width:100%; display: block;}
.VideoThumbnail { border-radius: 20px; overflow: hidden; height:300px;}
.VideoThumbnail img { height: 100%; max-height: 320px; object-fit: cover;}






@media (max-width : 1700px){
  .abouttwoleftcolumn { max-width : 65% }

  .corefeaturesection .core_sub_category_buttons_section ul li a { font-size : 22px; }

  .onecoldownloadsSec .download_btns_list_inner { flex-wrap: wrap; justify-content: center;}

  .Tabbingwithtablesection .core_sub_category_buttons_section ul li a { font-size : 22px; }

  .IndustryProjectssection .Featuredboxsection { gap: 20px; }
  .IndustryProjectssection .Featuredboxsection .Featuredbox { max-width: 100%;}
  .IndustryProjectssection .Featuredboximg { height: 200px;}

  .Featuredboxsection { gap: 20px; }
  .Featuredboxsection .Featuredbox { max-width: calc(25% - 15px);}
  .Featuredboximg { height: 200px;}

  .Trustedsliderboxmain .slick-list.draggable { padding: 77px 350px 79px 140px !important;}

  section.keyfeaturessection .keyfeaturesrightcolumn { max-width: calc(100% - 600px);}

  section.productslidersection .keyfeaturesrightcolumn { max-width: calc(100% - 600px);}

  .sub_category_buttons_section ul li a { font-size : 22px; }

  .blogInnerContent .commentBoxForm { padding: 40px;}
  .blogInnerContent .blog-comments form { gap:20px;}

}

@media (max-width : 1600px){
  .abouttwoleftcolumn { max-width : 62% }

  .Trustedsliderboxmain .slick-slide.slick-center { transform: scale(1.1);}
  .Trustedsliderboxmain .slick-list.draggable { padding: 77px 300px 79px 140px!important;}

  .four-col-box-section .fourcolboxinner { gap: 30px;}

  section.keyfeaturessection .keyfeaturesrightcolumn { max-width: calc(100% - 250px); margin: 0 auto; text-align: center;}
  section.keyfeaturessection .keyfeaturesrightcolumn .slick-list { margin-left: 0;}
  section.keyfeaturessection .keyfeaturesrightcolumn .slick-slide { margin: 0;}
  section.keyfeaturessection .keyfeaturessliderbox .keyfeaturesBoxcontent { max-width: 100%; width: 100%;}
  section.keyfeaturessection .keyfeaturessliderbox { max-width:380px;}

  section.productslidersection .keyfeaturesrightcolumn { max-width: calc(100% - 250px); margin: 0 auto; text-align: center;}
  section.productslidersection .keyfeaturesrightcolumn .slick-list { margin-left: 0;}
  section.productslidersection .keyfeaturesrightcolumn .slick-slide { margin: 0;}
  section.productslidersection .keyfeaturessliderbox .keyfeaturesBoxcontent { max-width: 100%; width: 100%;}
  section.productslidersection .keyfeaturessliderbox { max-width:330px;}
  
  .blog-search-inner svg { width:25px;}
}

@media (max-width : 1440px){
  /* HEADER STARTS */
  .header.nav-with-mega .top-line-header-wrapper{padding: 0 42px;}
  .header.nav-with-mega .header-container{padding: 0 42px;}
  .left-side-logo-wrap svg {width: 200px; height: 40px;}
  .nav-item .nav-item-tag a {font-size:16px;}
  .header-cta-inner a {font-size:16px;}
  /*  Megamenu  */
  .mega-menu-left-col-list a {font-size: 18px;}
  .mega-menu-right-col-title h4 {font-size: 18px;}
  .mega-menu-right-col-content p {font-size: 16px;}
  .mega-menu-right-col-bottom-cta a {font-size: 17px;}
  .mega-menu-right-col-bottom-social-media svg {height: 42px; width: 42px; }
  .mega-menu-left-col-listing-wrap {gap: 8px;}
  .by-Category-text {font-size: 20px;}
  .by-solution-text{font-size: 20px;}
  .mega-menu-right-col-bottom-cta a {padding: 15px 30px;}
  /*  Project  */
  .mega-menu-right-col-bottom-cta-project a {font-size: 18px;}
  /* * * * * * */
  /* HEADER ENDS */

  section.homebannersection{ min-height: unset; }
  section.homebannersection.banner_small{ padding-top: 120px; padding-bottom: 80px; min-height: unset }
  .abouttwoleftcolumn iframe { height: 500px; }
  .abouttwoleftcolumn {  max-width: 59%;}
  .abouttworightcolumn { margin: -440px 0 0 auto;}

  section.contact-getintouch .contact-getintouch-inner { padding: 60px;}
  section.contact-getintouch .getintouchrmainform form,section.contact-getintouch .getintouchrmainform form fieldset { gap:30px;}

  .four-col-box-section .featureboxouter { padding:20px;}

  .ProjectsListingsection .Projectboximg img { min-height: 250px; max-height: 250px;}

  section.keyfeaturessection .keyfeaturesrightcolumn { margin: 0 auto; max-width: calc(100% - 459px); text-align: center;}
  section.keyfeaturessection .keyfeaturesleftcolumn { padding: 40px;}
  section.keyfeaturessection .keyfeaturessliderbox { text-align: left;}
  section.keyfeaturessection .keyfeaturessliderbox { max-width:330px;}

  section.productslidersection .keyfeaturesrightcolumn { margin: 0 auto; max-width: calc(100% - 459px); text-align: center;}
  section.productslidersection .keyfeaturesleftcolumn { padding: 40px; max-width: 400px;}
  section.productslidersection .keyfeaturessliderbox { text-align: left;}
  section.productslidersection .keyfeaturessliderbox { max-width:290px;}

  .Trustedleftcolumn { max-width: 37%;}
  .Trustedrightcolumn { max-width: 63%;}

  .blogInnerContentRow { gap: 40px;}
  .commentForm { padding: 50px 0 0;}
  .blog-filter-tag a { padding: 10px 40px; font-size: 18px;}
  .ProductTabList ul li a { padding: 15px 50px;}
  
}

@media (max-width: 1380px){
  .mega-menu-right-blog-inner {flex-direction: column; gap: 20px;}
  .mega-menu-right-blog-image {height: auto;}
  .mega-menu-display-btm-btn-project {flex-direction: column}
  .navbar-mega-menu p {font-size: 12px;}
  .by-Category-text, .by-solution-text {font-size: 18px;}
  .featured-project-content-two-col {align-items: flex-start;}
}

@media (max-width : 1366px){
  .Featuredboxsection .Featuredbox { max-width: calc(50% - 10px);}
  .Featuredboximg { height: 400px;}

  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(25% - 15px);}
  .recent-posts-section .Featuredboxsection .Featuredbox .Featuredboximg {height: auto;}

  .IndustryProjectssection .Featuredboxsection .Featuredbox { max-width: 100%;}
  .IndustryProjectssection .Featuredboximg { height: 400px;}
  
  
  .blog-search-inner.openSearch .hs-search-field__bar form input {transform: translateX(-38px); min-width:144px;}
  .identi-blog-tags-list-inner { justify-content: flex-start;}
}

@media (max-width : 1300px){
  .abouttwoleftcolumn { max-width: 55%;}
  .abouttwoleftcolumn iframe { height: 335px;}

  .productcardtabbingboximg { max-width: 40%;}
  .productcardtabbingboxinner {  max-width: 60%; }
  .productcardtabbingbox { gap: 30px;}

  .corefeaturesection .corefeaturetabbingboximg { max-width: 40%;}
  .corefeaturesection .corefeaturetabbingboxinner {  max-width: 60%; }
  .corefeaturesection .corefeaturetabbingbox { gap: 30px;}

  .Tabbingwithtablesection .Tabbingwithtablebox { gap: 30px;}
}

@media (max-width : 1280px){
  .abouttworightcolumn { margin: -300px 0 0 auto; padding: 30px 30px 30px 150px;}

  .Featuredboximg { height: 330px;}

  .Getintouchinner { padding: 60px;}
  .four-col-box-section .fourcolboxinner { padding: 40px 0;}

  .IndustryProjectssection .Featuredboximg { height: 330px;}

  .ProjectsListingsection .Projectbox { max-width: calc(33% - 30px);}

  section.keyfeaturessection .wrapRight { padding-right: 0 !important;}
  section.keyfeaturessection .keyfeaturesrightcolumn { margin: 0;}
  section.keyfeaturessection .keyfeaturesrightcolumn {max-width: calc(100% - 399px);}

  section.productslidersection .wrapRight { padding-right: 0 !important;}
  section.productslidersection .keyfeaturesrightcolumn { margin: 0;}
  section.productslidersection .keyfeaturesrightcolumn {max-width: calc(100% - 399px);}
  
  .VideoGallerySection .VideoBoxOuter {width: 47%;}

}

@media (max-width : 1230px){
  /* HEADER STARTS */
  .mega-menu-right-col-bottom-cta a {padding: 15px 22px;}
  .mega-menu-right-col-bottom-cta a {padding: 15px;}
  .mega-menu-right-col-bottom-cta a {font-size: 16px;}
  .Product-industry-icons-wrap {flex-direction: column;}
  .mega-menu-right-col-bottom-cta-project a {font-size: 15px;}
  /* HEADER ENDS */

  section.landingbannersection { padding: 70px 0;}
  section.landingbannersection .landingbanner-right-col { margin-bottom:0; max-width:100%;}

  section.homebannersection.Contactbanner { padding: 70px 0 200px;}

  .four-col-box-section .fourcolboxinner { flex-wrap: wrap; justify-content: center;}
  .four-col-box-section .featureboxouter { width: calc( 33.33% - 20px ) }

  section.keyfeaturessection .slick-next,section.keyfeaturessection .slick-prev { right: 33px; top: 93%;}
  /*   section.keyfeaturessection .slick-prev:before { display: block;}   */
  section.keyfeaturessection .slick-prev { left:33px;}

  section.productslidersection .keyfeaturessliderbox { max-width: 229px;}

  .abouttworightcolumn { padding: 30px 30px 30px 210px;}

  .Trustedsliderboxmain .slick-list.draggable {  padding: 77px 280px 79px 220px!important;}

  .TrustedClientleftcolumn { max-width: 30%;}
  .TrustedClientrightcolumn { max-width: 65%;}

  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(33% - 15px);}
}

@media (max-width : 1080px){
  /* HEADER STARTS */
  .right-side-nav-content-outter {display: none;}
  .header-cta-button {display: none;}
  .top-line-header{display: none;}
  .header.nav-with-mega .toggle {display: flex;}
  .header.nav-with-mega .header-container {padding: 10px 42px;}
  .featured-project-btm-content-inner {gap: 24px;}
  .project-main-title h4 {font-weight: 600;}
  .by-Category-btn.activetab, .by-solution-btn.activetab, .by-solution-btn:hover {background-color: #fff; border-color: #fff !important;}
  .mobile-toggle-menu .navbar-top-tabbing-btn-wrap {margin-top: 20px;}
  .mega-menu-display-btm-btn {flex-direction: inherit;}
  .mega-menu-left-news-view-all-btn a {font-size: 12px;}
  .mega-menu-left-news-title h4 {font-size: 16px !important}
  .nav-item-mob {padding: 14px 28px; border-bottom: 1px solid #f2f2f2;}
  .mobile-toggle-navbar {gap:0px;}
  .mobile-toggle-container {padding: 0px;}
  .mobile-toggle-container {padding: 0;}
  .nav-item-mob.portal-login-last {border-bottom: none;}
  .by-Category-text, .by-solution-text {display: contents;}
  .about-mega-mob-display {border-top: 1px solid #f2f2f2; padding-top: 25px !important; margin-top: 10px;}
  .navbar-top-tabbing-btn-wrap {padding-bottom: 20px !important; border-bottom: 3px solid #F5f5f5;}
  .mobile-toggle-menu .by-Category-left-col.for-mobile-only {margin-top: 0px;}
  .mega-menu-left-news-title-content { padding:15px 0;}
  .mega-menu-display-col-inner { padding: 10px;}
  .nav-mega-mob-backbtn { padding: 10px;}
  .by-Category-right-solution-col.for-mobile-only { display: block;}
  span.nav-svg svg { width: 8px;}
  .industry-btn.mega-tab-btn,.category-btn.mega-tab-btn {border: 2px solid #888888; border-radius: 10px; color: #888888; transition: all ease 0.3s;}
  .industry-btn.mega-tab-btn:hover,.category-btn.mega-tab-btn:hover,.category-btn.mega-tab-btn.activeTab { border-color: #ffd027; color: #050a0a;}
  .by-industry-inner { padding: 15px;}
  .mobile-toggle-menu .by-industry-list a { padding: 10px 0;}
  .mega-menu-left-col { padding: 15px;}
  .project-main-title { padding: 15px 0;}
  span.by-solution-svg svg { width: 7px;}
  /* HEADER ENDS */

  /* Calculator Page Starts */
  .calc-main form feildset.formRowChild-2 { display: block; }
  .calc-main form feildset.formRowChild-2>div { width: 100%; }
  .calc-main form feildset.formRowChild-2>div+div { padding-top: 25px; }
  #form-modal form feildset+feildset, .calc-main form feildset+feildset { padding-top: 25px; }
  #form-modal form input, #form-modal form select, .calc-main form input, .calc-main form select { padding: 15px 15px; }
  .summaryCard .priceGroup { width: 100%; text-align: center; }
  /* Calculator Page Ends */

  .abouttworightcolumn { margin: -110px 0 0 auto; padding: 150px 30px 30px 30px; }
  .abouttwoleftcolumn { max-width: 90%;}
  .abouttwoleftcolumn iframe { height: 500px;}

  .Getintouchinner { padding: 30px;}

  section.counter-with-text .counter-achievemnts { padding: 20px;}

  section.keyfeaturessection .keyfeaturesrightcolumn { max-width: calc(100% - 300px);}

  section.productslidersection .keyfeaturesrightcolumn { max-width: calc(100% - 300px);}

  /*   .sub_category_buttons_section ul li a {  font-size: 25px;} */

  .Trustedinner { flex-direction: column;}
  .Trustedleftcolumn {  max-width: 100%;}
  .Trustedrightcolumn { max-width: 100%;}
  .Trustedinner {  gap: 20px;}
  .Trustedsliderboxmain .slick-list.draggable { padding: 77px 300px 79px 50px!important; }
  .Trustedsliderboxmain .slick-slide.slick-center { transform: scale(1.2);}

  .TrustedClientinner { gap: 30px;}
  .TrustedClientrightcolumn { max-width: calc(70% - 30px);}
  
  .blog-filter-tag a {padding: 10px 35px;}
  .blog-search-inner.openSearch .hs-search-field__bar form input {min-width: 130px; transform: translateX(-38px);}
}

@media (max-width : 991px){  
  section.homebannersection:before { background: linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.6) 65.63%,rgba(0,0,0,.6) 0,rgba(0,0,0,.6) 65.64%);}
  section.homebannersection.banner_small{ padding-top: 80px; padding-bottom: 70px;  }

  section.landingbannersection { padding: 70px 0;}
  section.landingbannersection .landingbanner-left-col { max-width: 570px;}
  section.landingbannersection .landingbanner-two-col {flex-wrap: wrap;}

  .calc-main .calc-main-inner { display: block; }
  .calc-main .letSideShape{ width: 140px; }
  .calc-main .calc-main-inner > div {width: 100%;padding: 50px 30px;}
  .calc-main .calc-main-inner > div + div { margin-top: 30px; }
  #form-modal form label, .calc-main form label { font-size: 16px; }
  .summaryCard .priceGroup { padding: 15px 30px; } 
  .summaryCard .dataGroupInner .dataField { padding: 15px 25px; }

  section.contact-getintouch .contact-getintouch-inner { padding:40px; margin: 0 auto;}
  section.homebannersection.Contactbanner { padding: 70px 0;}  
  .contact-getintouch .letSideShape{ width: 180px; }

  .corefeaturesection .letSideShape{ width: 180px; }
  .corefeaturesection .corefeaturetabbingbox { flex-direction: column;}
  .corefeaturesection .corefeaturetabbingboximg {  max-width: 100%;}
  .corefeaturesection .corefeaturetabbingboxinner {  max-width: 100%;}

  .aboutresourcessection .letSideShape{ width: 100px; }

  .counter-with-text .letSideShape{ width: 100px; }

  .productcardsection .letSideShape{ width: 180px; }

  .solarSavingsSec .solar_table_outer table{ min-width: 200px; }
  .solarSavingsSec .solar_table_inner_row { overflow-x: scroll; padding: 10px; border-radius: 20px;}

  .Tabbingwithtablesection .letSideShape{ width: 180px; }
  .Tabbingwithtablesection .Tabbingwithtablebox { flex-direction: column;}
  .Tabbingwithtablesection .Tabbingwithtableboximg {  max-width: 100%;}
  .Tabbingwithtablesection .Tabbingwithtableboxinner {  max-width: 100%;}
  .Tabbingwithtablesection .product_table_outer table{ min-width: 200px; }
  .Tabbingwithtablesection .product_table_inner_row { overflow-x: scroll; padding: 20px 10px; border-radius: 20px;}

  .four-col-box-section .featureboxouter {width: 40%;}

  .IndustryProjectssection .Featuredboximg { height: 200px;} 
  .IndustryProjectssection .Featuredtitlectasection {  flex-direction: column; align-items: flex-start !important; gap: 15px;}
  .IndustryProjectssection .Featuredtitlectasection { text-align: left !important;}
  .IndustryProjectssection .Featuredtitlesection { max-width: 100%;}

  .ProjectsListingsection .ProjectsListingboxsectionInner { align-items: start; justify-content: space-between; gap: 25px;}
  .ProjectsListingsection .Projectbox { max-width: 48%;}

  section.keyfeaturessection .letSideShape{ width: 180px; }
  section.keyfeaturessection .keyfeaturesleftcolumn { width: 100%; text-align: center;}
  section.keyfeaturessection .keyfeaturesinner { flex-wrap: wrap;}
  section.keyfeaturessection .keyfeaturesrightcolumn { max-width: 100%; width: 100%; padding: 20px;}
  section.keyfeaturessection .keyfeaturesrightcolumn .slick-slide { margin: 0 20px;}
  section.keyfeaturessection .keyfeaturesrightcolumn .slick-track { padding: 30px 0;}
  section.keyfeaturessection .keyfeaturessliderbox {box-shadow: 0 0 33px rgba(59,103,142,.08); max-width:330px;}
  section.keyfeaturessection .slick-next:before, section.keyfeaturessection .slick-prev:before { background-color: #fff; padding: 6px; border: 1px solid;}
  section.keyfeaturessection .slick-next { right: 33px; top: 95%;}
  section.keyfeaturessection .slick-next:before { content: '\f105'; font-size: 18px;}
  section.keyfeaturessection .slick-prev:before { font-size: 18px; display: block;}
  section.keyfeaturessection .slick-prev { display: block; left: 33px; top: 94%; z-index: 9;}
  section.keyfeaturessection .keyfeaturesslider { text-align: center;}

  .Featuredsection .letSideShape{ width: 180px; }

  section.productslidersection .keyfeaturesleftcolumn { width: 100%; text-align: center; max-width:100%;}
  section.productslidersection .keyfeaturesinner { flex-wrap: wrap;}
  section.productslidersection .keyfeaturesrightcolumn { max-width: 100%; width: 100%; padding: 20px;}
  section.productslidersection .keyfeaturesrightcolumn .slick-slide { margin: 0 20px;}
  section.productslidersection .keyfeaturesrightcolumn .slick-track { padding: 30px 0;}
  section.productslidersection .keyfeaturessliderbox {box-shadow: 0 0 33px rgba(59,103,142,.08); max-width:330px;}
  section.productslidersection .slick-next:before, section.productslidersection .slick-prev:before { background-color: #fff; padding: 6px; border: 1px solid;}
  section.productslidersection .slick-next { right: 33px; top: 87%;}
  section.productslidersection .slick-next:before { content: '\f105'; font-size: 18px;}
  section.productslidersection .slick-prev:before { font-size: 18px; display: block;}
  section.productslidersection .slick-prev { display: block; left: 33px; top: 87%; z-index: 9;}
  section.productslidersection .keyfeaturesslider { text-align: center;}
  section.productslidersection .productImage img { margin: 0 auto;}
  
  .Trustedsection .letSideShape{ width: 180px; }

  .Featuredboximg { height: 200px;} 
  .Featuredtitlectasection {  flex-direction: column; align-items: flex-start !important; gap: 15px;}
  .Featuredtitlectasection { text-align: left !important;}
  .Featuredtitlesection { max-width: 100%;}

  .Getintouchinner { padding: 30px;}
  .Getintouchinner { flex-direction: column; gap : 15px; }

  .productcardtabbingbox { flex-direction: column;}
  .productcardtabbingboximg {  max-width: 100%;}
  .productcardtabbingboxinner {  max-width: 100%;}

  .Trustedsliderboxmain .slick-list.draggable { padding: 50px 200px 50px 170px!important;}

  .TrustedClientinner { flex-direction: column;}
  .TrustedClientleftcolumn {  max-width: 100%;}
  .TrustedClientrightcolumn { max-width: 100%;}
  
  .Trustedsection .letSideShape{ width: 180px; }

  .blogInnerContentRow { flex-wrap: wrap;}
  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(50% - 15px);}
  .blog-tag-topstrip-inner { flex-wrap: wrap; justify-content: center !important;}
  .blog-filter-tag a { border-radius: 10px;}
  .blog-tag-topstrip-outer { border: none;}
  .identi-blog-tags-list-inner { justify-content: center !important;}
  .blog-search-inner .hs-search-field__bar form input {transform: none; opacity: 1; visibility: visible; min-width: 144px; transform: translateX(-38px);}
  .blog-search-inner svg { right: -40px;}
  .ProductTabList ul li a { padding: 15px 30px; font-size: 18px;}
  
  .corefeaturesection .core_sub_category_buttons_section ul li a { font-size: 19px;}
  .corefeaturesection .core_sub_category_buttons_section ul li a {padding: 30px 0;}
  
  .VideoThumbnail {height: 240px;}
  
}

@media (max-width : 767px){
  /* HEADER STARTS */
  .h4, h4 { font-size: 20px;}
  .header.nav-with-mega .left-side-logo-wrap svg {height: 40px; width: 200px;}
  .mega-menu-blog-title h5 {font-size: 18px; font-weight: 600;}
  .mega-menu-blog-date, .mega-menu-blog-name {font-size: 16px;}
  .nav-mega-mob-backbtn {padding: 10px;}
  .about-mega-mob-display, .about-mega-mob-navbar {padding: 0 28px;}
  .header.nav-with-mega .header-container {padding: 10px 28px;}
  .mobile-toggle-container {padding: 0 28px;}
  .mobile-toggle-menu .navbar-top-tabbing-btn-wrap {padding: 0px 28px;}
  .left-side-logo-content { position: relative; top: -4px;}
  .mobile-toggle-container {padding: 0;}
  .nav-text {font-size: 20px;}
  .nav-tag-mob a {font-size: 20px;}
  .mobile-toggle-menu .by-Category-left-col.for-mobile-only {padding: 0px 28px;}
  /* HEADER ENDS */

  .corefeaturesection .corefeatureinner {  padding: 20px;}
  .corefeaturesection .core_sub_category_buttons_section ul li a { font-size: 20px;}
/*   .corefeaturesection .core_sub_category_buttons_section { padding: 20px 10px;} */

  .abouttwoleftcolumn iframe { width: 100%; height: 300px;}
  .abouttwoleftcolumn { max-width: 100%;}

  section.aboutresourcessection .about-resources-inner { flex-wrap: wrap;}
  section.aboutresourcessection .about-resources-left-col { max-width: 500px;}
  section.aboutresourcessection .about-resources-inner {gap: 25px;}
  section.aboutresourcessection .resource-list-text {gap: 10px;}

  .Tabbingwithtablesection .Tabbingwithtableinner {  padding: 20px 5px; border-radius:20px;}
  .Tabbingwithtablesection .core_sub_category_buttons_section ul li a { font-size: 20px;}
  .Tabbingwithtablesection .core_sub_category_buttons_section { padding: 20px 10px;}
  .Tabbingwithtablesection .Tabbingwithtableboxcontent ul li { padding-left: 15px;} 

  .four-col-box-section .featureboxouter { width: 47%;}
  .four-col-box-section .fourcolboxinner { gap: 15px;}

  .IndustryProjectssection .Featuredboxsection .Featuredbox { max-width: 100%;}
  .IndustryProjectssection .Featuredboximg {  height: auto;}
  .IndustryProjectssection .Featuredtitlectasection { gap : 20px }
  .IndustryProjectssection .Featuredboxtitle .equal_height {  height: 100% !important;}
  .IndustryProjectssection .Featuredboxcontent .equal_contentheight { height: 100% !important;}

  section.productslidersection .keyfeaturessliderbox { text-align: left;}
  section.productslidersection .keyfeaturesIcon img { margin: 0 auto;}
  section.productslidersection .keyfeaturessliderbox { text-align: center;}

  .Featuredboxsection .Featuredbox { max-width: 100%;}
  .Featuredboximg {  height: auto;}
  .Featuredtitlectasection { gap : 20px }
  .Featuredboxtitle .equal_height {  height: 100% !important;}
  .Featuredboxcontent .equal_contentheight { height: 100% !important;}

  .productcardinner {  padding: 30px 20px;}
  .sub_category_buttons_section ul li a { font-size: 20px;}
/*   .sub_category_buttons_section { padding: 20px 10px;} */

  .Trustedsliderboxmain .slick-list.draggable { padding: 30px !important;}
  .Trustedsliderboxmain .slick-slide { max-width: 100%;} 
  .Trustedsliderboxmain .slick-slide.slick-current.slick-active { opacity: 1;}

  section.keyfeaturessection .keyfeaturessliderbox { text-align: left;}
  section.keyfeaturessection .keyfeaturesIcon, section.keyfeaturessection .keyfeaturesIcon svg, section.keyfeaturessection .keyfeaturesIcon img { margin: 0 auto;}
  section.keyfeaturessection .keyfeaturessliderbox { text-align: center;}  

  .blogbannerinner { max-width: 400px;}
  .blogInnerContentRow { flex-wrap: wrap; justify-content: center;}
  
  .ProductTabList ul li a {border-radius: 10px;}
  .ProductTabList ul {justify-content: center;}
  
  .VideoThumbnail { height: 250px;}
  
}

@media (max-width: 680px){
  .mobile-toggle-menu .featured-project-content-two-col {gap: 20px; flex-direction: column; align-items: flex-start;}
  .mobile-toggle-menu .mega-menu-display-btm-btn-project {flex-direction: column;}
  .mega-menu-blog-title h5 {font-size: 16px;}
  .mega-menu-blog-date, .mega-menu-blog-name {font-size: 12px;}
}

@media (max-width : 640px){
  section.landingbannersection .landingformmaintitle h2 { font-size: 32px;}
  section.landingbannersection .landingform form fieldset { flex-wrap: wrap;}
  section.landingbannersection .landingbanner-right-col { padding:20px;}
  section.landingbannersection .landingform form input, section.landingbannersection .landingform form select { padding:10px 20px;}

  section.homebannersection.Contactbanner { padding: 40px 0;}
  .contact-getintouch .letSideShape{ width: 100px; }
  section.contact-getintouch .getintouchrmainform form .hs-form-field { width:100%;}
  section.contact-getintouch .getintouchrmainform form fieldset { flex-wrap: wrap;}
  section.contact-getintouch .contact-getintouch-inner { padding:30px;}
  section.contact-getintouch .getintouchrmainform form .input input,section.contact-getintouch .getintouchrmainform form select { padding:15px;}
  section.contact-getintouch .getintouchrmainform form, section.contact-getintouch .getintouchrmainform form fieldset { gap: 20px;}
  section.contact-getintouch .getintouchrmainform form .hs-form-field label { font-size: 16px;}

  .corefeaturesection .letSideShape{ width: 150px; bottom: -60px; }
  .corefeaturesection .core_sub_category_buttons_section ul { flex-direction: column;}
  .corefeaturesection .core_sub_category_buttons_section ul li {  max-width: 100%;}
  .corefeaturesection .core_sub_category_buttons_section ul li a {  padding: 10px 20px;} 
  .corefeaturesection .core_sub_category_buttons_section ul li:first-child a::before{ display: none;}
  .corefeaturesection .core_sub_category_buttons_section {  padding: 0;}
  .corefeaturesection .core_sub_category_buttons_section ul li:not(:last-child) a:before { width: 100%; height: 3px; bottom: 0;}

  .aboutresourcessection .letSideShape{ width: 90px; }

  .counter-with-text .letSideShape{ width: 80px; top: -20px; }
  section.counter-with-text .counter-achievemnts { flex-wrap: wrap; padding: 20px; gap: 10px;}
  section.counter-with-text .counter-achievemnts .achievements:not(:last-child) { border-right: none; border-bottom: 2px solid #021eee; padding: 20px 0;}  

  .productcardsection .letSideShape{ width: 150px; top: -20px; }
  .productcardsection .sub_category_buttons_section { padding: 0;}

  .solarSavingsSec .solarSavingsSecInner { padding:20px;}

  .Tabbingwithtablesection .letSideShape{ width: 150px; top: -20px; }
  .Tabbingwithtablesection .core_sub_category_buttons_section ul { flex-direction: column;}
  .Tabbingwithtablesection .core_sub_category_buttons_section ul li {  max-width: 100%;}
  .Tabbingwithtablesection .core_sub_category_buttons_section ul li a {  padding: 10px 0;} 
  .Tabbingwithtablesection .core_sub_category_buttons_section {  padding: 0 10px;}
  .Tabbingwithtablesection .core_sub_category_buttons_section ul li:not(:last-child) a:before { width: 100%; height: 3px; bottom: 0;}
  .Tabbingwithtablesection .Tabbingwithtableboxmain { padding:15px;}

  .ProjectsListingsection .ProjectsListingboxsectionInner { justify-content: center;}
  .ProjectsListingsection .Projectbox { max-width: 90%;}

  .keyfeaturessection .letSideShape{ width: 150px; bottom: -60px; }

  .Featuredsection .letSideShape{ width: 150px; }

  .sub_category_buttons_section ul { flex-direction: column;}
  .sub_category_buttons_section ul li {  max-width: 100%;}
  .sub_category_buttons_section ul li a {  padding: 10px 0;} 
/*   .sub_category_buttons_section {  padding: 0 10px;} */
  .sub_category_buttons_section ul li:not(:last-child) a:before { width: 100%; height: 3px; bottom: 0;}

  .calc-main .letSideShape{ width: 100px; }

  .Trustedsliderboxinner { padding: 40px 20px;}
  .Trustedsliderboxinner:after, .Trustedsliderboxinner:before { width: 40px; height: 40px;}
  .Trustedsliderboxinner:after { right: 30px; bottom: -10px;}
  .Trustedsliderboxinner:before { left: 30px; top: -10px;}
  
  .Trustedsection .letSideShape{ width: 150px; }

  .blogInnerContent .blog-comments form .hs-form-field:not(.hs-fieldtype-textarea) { width: 100%;}
  .blogInnerContent .blog-comments form .hs-form-field label { font-size: 16px;}
  .blogInnerContent .blog-comments form .hs-form-field .input input {padding: 10px 20px!important;}

  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(70% - 15px); margin: 0 auto;}
  .blogInnerContent .commentBoxForm { padding: 23px; border-radius: 20px;}
  .commentBoxFormSubHeading, .commentBoxFormHeading { text-align: center;}
  .blogInnerContent .blog-comments form {justify-content: center;}
  .blogInnerContent .commentBoxForm .hs_recaptcha .grecaptcha-badge { margin: 0 auto;}
  
  .VideoGallerySection .VideoBoxOuter { width: 80%; margin: 0 auto;}

}

@media (max-width : 575px){
  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(95% - 15px);}
  .VideoGallerySection .VideoBoxOuter { width: 90%;}
}

@media (max-width : 480px){ 
  /* HEADER STARTS */
  .project-clients-image {width: calc(100% - 14px); padding: 15px; }
  .featured-project-btm-content-images {flex-wrap: wrap; justify-content: center;}
  .mega-menu-right-col-bottom-cta a .nav-text {font-size: 16px;}
  .mega-menu-right-col-bottom-cta a .nav-text {font-size: 16px;}
  /* HEADER ENDS */

  section.landingbannersection .landingformmaintitle h2 { font-size: 26px;}
  section.landingbannersection .landingbanner-right-col { border-radius: 20px;  }

  section.contact-getintouch .contact-getintouch-inner { padding: 20px 10px;}
  section.contact-getintouch .getintouchrmainform form .input input,section.contact-getintouch .getintouchrmainform form select { width:100% !important;}

  .Getintouchform form .hs_submit.hs-submit { position: unset; transform: unset; padding-top: 10px;}
  .Getintouchform form input[type=email] { padding: 12px 20px;}

  .onecoldownloadsSec .onecoldownloadsSecInner { padding: 20px 5px;}

  .four-col-box-section .featureboxouter { width: 100%;}
  
  section.productslidersection .keyfeaturesrightcolumn { padding: 10px;}
  section.productslidersection .keyfeaturesrightcolumn .slick-slide { margin: 0;}

  .Trustedsliderboxmain .slick-list.draggable { padding: 10px !important;}
  .Trustedpagslidenumber { font-size: 35px;}
  .Trustedpagtotalslide { font-size: 20px;}
  .Trustedsliderarrow { width: 40px; height: 40px;}
  .Trustedsliderarrow svg { width: 14px; height: 14px;}
  .Trustedpaginationmain { gap: 20px;}

  .TrustedClientrightcolumn { padding: 15px 0 15px 15px;}

  section.keyfeaturessection .keyfeaturesrightcolumn { padding: 10px;}
  section.keyfeaturessection .keyfeaturesrightcolumn .slick-slide { margin: 0;}

  .blog-filter-tag { width: 100%; text-align: center;}
  .blog-filter-tag a { width:100%;}
  .recent-posts-section .Featuredboxsection .Featuredbox { max-width: calc(100% - 15px);}
  .blog-search-inner .hs-search-field__bar form input {transform: translateX(-56px);}
  
  .ProductTabList li { width: 100%; text-align: center;}
  .ProductTabList li a{ width:100%;}
  .ProductTabList { border: none;}
  
  .VideoGallerySection .VideoBoxOuter { width: 100%;}
  
}

@media (max-width: 450px){
  .mega-menu-right-col-bottom-two-col {justify-content: center; flex-wrap: wrap;}
  .mega-menu-display-btm-btn {flex-wrap: wrap; justify-content: center;}
  .Product-icons-inner {flex-wrap: wrap; align-items: center; justify-content: center;}
}

@media(max-width:375px){
  .ProjectsListingsection .Projectbox { max-width: 100%;}
  section.productslidersection .slick-prev,section.productslidersection .slick-next { top: 92%;}
  .VideoThumbnail { height: 200px;}
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}