@charset "utf-8";
:root {
    --g-val-px: 140px;
    --g-val-lg: 7.4%;
    --g-val-sm: 5.5%;
    --fluid-gutter-lg: clamp(0rem, var(--g-val-lg), var(--g-val-px));
    --fluid-gutter-sm: clamp(0rem, var(--g-val-sm), var(--g-val-px));
    --fluid-gutter-lg-2x: clamp(0rem, calc(var(--fluid-gutter-lg) * 2), var(--g-val-px));
    --fluid-gutter-lg-15x: clamp(0rem, calc(var(--fluid-gutter-lg) * 1.5), var(--g-val-px));
    --fluid-gutter-lg-3x: clamp(0rem, calc(var(--fluid-gutter-lg) * 3), var(--g-val-px));
    --gutter-y: 4.375rem; /* 70px */
    --global-font-montserrat: 'Montserrat', sans-serif;
    --global-font-opensans: 'Open Sans', sans-serif;
    --global-font-size: 1rem;
    --color-base-light: #fff;
    --color-base-dark: #000;
    --color-body-text: #30363a;
    --color-body-bg: #f8f8f8;
    --color-light-bg: #f8f8f8;
    --color-primary: #fc6400;
    --color-secondary: #0050ff;
    --color-royal-blue: #0050ff;
    --color-sky-blue: #0096fa;
    --color-dark-grey: #1a1a1a;
    --color-grey: #696969;
    --color-grey-1: #5c5c5c;
    --color-mute: #909090;
    --color-placeholder: rgba(110,110,110,.16);
    --color-menu: #30363a;
    --color-menu-hover: #fc6400;
    --color-menu-active: #fc6400;
    --color-dropdown-menu: #30363A;
    --color-dropdown-menu-bg: #fff;
    --color-title: #30363a;
    --button-border-radius: 1.875rem;
    --button-font-size: 1rem;
    --button-font-weight: 700;
    --color-footer-bg: #fff;
    --color-footer-title: #30363a;
    --color-footer-content: #30363a;
    --color-footer-link: #30363a;
    --color-footer-link-hover: #fc6400;
    --color-copyright-bg: #fff;
    --color-copyright-content: #30363a;
    --color-copyright-link: #30363A;
    --color-copyright-link-hover: #fc6400;
    --icon-placeholder-url: url('../img/Logo-Gratifii-grey.svg');
}
html, body { width: 100%; padding: 0; margin: 0; font-family: var(--global-font-opensans); font-size: var(--global-font-size); line-height: 1.5; text-shadow: none; background-color: var(--color-body-bg); color: var(--color-body-text) }
body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; outline: 0; margin: 0 }
body img, body svg { max-width: 100%; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
a { color: var(--color-primary); text-decoration: none; -webkit-transition: 0.2s all; transition: 0.2s all }
a:hover, a:focus { text-decoration: none }
a:hover { color: var(--color-primary) }
b, strong { font-weight: 700 }
p:empty { display: none }
p, blockquote { margin-bottom: 1.25rem }
p:last-child { margin-bottom: 0 }
/* ::-moz-selection { background: rgb(255 126 41 / 85%); color: #000 }
::selection { background: rgb(255 126 41 / 85%); color: #000 } */
button, input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]), select, textarea { border: 0; padding: 0.75rem 0.9375rem; height: 3.75rem; background-color: #fff; border-radius: 0; -webkit-box-shadow: none!important; box-shadow: none!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; font-family: var(--global-font-opensans); font-size: var(--global-font-size); line-height: 1.4; color: var(--color-dark-grey); outline: 0!important; -webkit-transition: 0.3s all; -webkit-transition: 0.2s all; transition: 0.2s all }
input:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), select, textarea { max-width: 100%; width: 100% }
input:not([type=button]):not([type=submit]):focus, select:focus, textarea:focus { border-color: #117ec5 }
input[type=file] { max-width: 100% }
select::-ms-expand { display: none }
select { padding-right: 1.5625rem; background: var(--color-base-light) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') no-repeat right 0.9375rem top 55%/1.375rem }
.cursor-pointer { cursor: pointer }
.control { display: block; position: relative; padding-left: 2.5rem; margin-bottom: 0; cursor: pointer }
.control input { position: absolute; z-index: -1; opacity: 0 }
.control__indicator { position: absolute; top: 0.125rem; left: 0; height: 1.25rem; width: 1.25rem; border: 0.0625rem solid var(--color-grey-1); background: transparent }
.control--radio .control__indicator { border-radius: 50% }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #efded3 }
.control input:checked ~ .control__indicator { background: var(--color-primary); border-color: var(--color-primary) }
.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none }
.control__indicator::after { content: ''; position: absolute; display: none }
.control input:checked ~ .control__indicator::after { display: block }
.control--checkbox .control__indicator::after { top: 0.1875rem; left: 0.4375rem; width: 0.3125rem; height: 0.625rem; border: solid var(--color-base-light); border-width: 0 0.125rem 0.125rem 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.control--checkbox input:disabled ~ .control__indicator::after { border-color: var(--color-base-light) }
.control--radio .control__indicator::after { top: 0.4375rem; left: 0.4375rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--color-base-light) }
.control--radio input:disabled ~ .control__indicator::after { background: #7b7b7b }
h1, h2, h3, .h1, .h2, .h3 { font-family: var(--global-font-montserrat); font-weight: 700; color: var(--color-title) }
h4, h5, h6, .h4, .h5, .h6 { font-weight: 700 }
h1, .h1 { font-size: 4.0625rem; line-height: 1 }
h2, .h2 { font-size: 3.4375rem; line-height: 1.05 }
h3, .h3 { font-size: 2.1875rem; line-height: 1.2 }
h4, .h4 { font-size: 1.5625rem; line-height: 1.2 }
h5, .h5 { font-size: 1.375rem }
h6, .h6 { font-size: 1.125rem }
/* typo */
.h3-lg { font-size: 2.8125rem; line-height: 1.2 }
.h3-md { font-size: 2.5rem; line-height: 1.2 }
.h3-sm { font-size: 1.875rem; line-height: 1.25 }
.para-typo { font-size: var(--global-font-size); line-height: 1.6 }
.para-typo-md { font-size: calc(var(--global-font-size) + 0.125rem); line-height: 1.55 }
.para-typo-lg { font-size: calc(var(--global-font-size) + 0.25rem); line-height: 1.5 }
.header-font { font-family: var(--global-font-montserrat) }
.body-font { font-family: var(--global-font-opensans) }
.font-300 { font-weight: 300 }
.font-400 { font-weight: 400 }
.font-600 { font-weight: 600 }
.font-700 { font-weight: 700 }
.font-800 { font-weight: 800 }
.fs-12 { font-size: 0.75rem!important }
.fs-14 { font-size: 0.875rem!important }
.fs-16 { font-size: 1rem!important }
.fs-18 { font-size: 1.125rem!important }
.fs-20 { font-size: 1.25rem!important }
.lh-30 { line-height: 1.875rem }
.lh-1-4em { line-height: 1.4 }
/* input placeholder */
::-webkit-input-placeholder { font-family: var(--global-font-opensans); font-weight: normal; font-size: var(--global-font-size); color: #9d9d9d; opacity: 1 }
::-moz-placeholder { font-family: var(--global-font-opensans); font-weight: normal; font-size: var(--global-font-size); color: #9d9d9d; opacity: 1 }
:-ms-input-placeholder { font-family: var(--global-font-opensans); font-weight: normal; font-size: var(--global-font-size); color: #9d9d9d; opacity: 1 }
:-moz-placeholder { font-family: var(--global-font-opensans); font-weight: normal; font-size: var(--global-font-size); color: #9d9d9d; opacity: 1 }
/* common class */
.default-bg { background-color: var(--color-light-bg)!important }
.base-light-bg { background-color: var(--color-base-light)!important }
.base-dark-bg { background-color: var(--color-base-dark)!important }
.primary-bg { background-color: var(--color-primary)!important }
.secondary-bg { background-color: var(--color-secondary)!important }
.dark-grey-bg { background-color: var(--color-dark-grey)!important }
.color-base-light { color: var(--color-base-light)!important }
.color-primary { color: var(--color-primary)!important }
.color-secondary { color: var(--color-secondary)!important }
.color-dark-grey { color: var(--color-dark-grey)!important }
.color-grey { color: var(--color-grey)!important }
.color-grey-1 { color: var(--color-grey-1)!important }
.color-primary-hover:hover { color: var(--color-primary)!important }
.color-black, .text-black { color: var(--color-base-dark)!important }
.color-mute { color: var(--color-mute)!important }
.color-body-text { color: var(--color-body-text)!important }
.bottom-strip, .img-bottom-strip { position: relative }
.bottom-strip::after, .img-bottom-strip::after { content: ''; display: inline-block; width: 32%; height: 1.875rem; background-color: var(--color-primary); position: absolute; right: 0; bottom: 0 }
.bottom-strip::after { bottom: -1.875rem }
.bottom-strip, .img-bottom-strip img { border-bottom: 1.875rem solid var(--color-secondary) }
.no-img-bottom-strip .img-bottom-strip img { border-bottom: 0 }
.no-img-bottom-strip .img-bottom-strip::after { display: none }
.bbl-primary { border-bottom: 0.0625rem solid var(--color-primary) }
.bbl-white { border-bottom: 0.0625rem solid var(--color-base-light) }
.bbl-grey { border-bottom: 0.0625rem solid var(--color-grey) }
.text-break { overflow-wrap: break-word; word-break: break-word }
.text-transform-none { text-transform: none }
.right-strip-primary .rv-strip-area, .left-strip-primary .lv-strip-area { position: relative }
.right-strip-primary.rv-strip-area::after, .left-strip-primary.lv-strip-area::before, .right-strip-primary .rv-strip-area::after, .left-strip-primary .lv-strip-area::before { content: ''; display: inline-block; width: 1.25rem; height: 100%; position: absolute; top: 0; right: 0; background: var(--color-primary); z-index: 1 }
.left-strip-primary .lv-strip-area::before { right: auto; left: 0 }
.primary-bg .rte a:not(.btn):not(.g-btn):not(.g-action-link), .primary-bg .para-typo a:not(.btn):not(.g-btn):not(.g-action-link) { mix-blend-mode: difference; color: var(--color-secondary) }
.border-color-white { border-color: var(--color-base-light)!important }
.border-color-primary { border-color: var(--color-primary)!important }
.border-color-secondary { border-color: var(--color-secondary)!important }
/* utilities */
.fill-height { height: 100% }
.img-responsive { max-width: 100% }
.force-center { display: table; margin: 0 auto }
.flex-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.flex-1 { -ms-flex: 1; flex: 1; max-width: 100% }
.flex-1-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100% }
.flex-0-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100% }
.no-shadow { -webkit-box-shadow: none; box-shadow: none; outline: none }
.display-flex, .flex { display: -webkit-box; display: -ms-flexbox; display: flex }
.mx-n12 { margin-right: -0.75rem; margin-left: -0.75rem }
.mt-12 { margin-top: 0.75rem }
.mb-12 { margin-bottom: 0.75rem }
.mt-24 { margin-top: 1.5rem }
.mb-24 { margin-bottom: 1.5rem }
.px-12 { padding-right: 0.75rem; padding-left: 0.75rem }
.py-12 { padding-top: 0.75rem; padding-bottom: 0.75rem }
.pt-12 { padding-top: 0.75rem }
.pb-12 { padding-bottom: 0.75rem }
.pr-fluid { padding-right: var(--fluid-gutter-lg) }
.pl-fluid { padding-left: var(--fluid-gutter-lg) }
.px-fluid { padding-right: var(--fluid-gutter-lg); padding-left: var(--fluid-gutter-lg) }
.gap-24 { gap: 1.5rem }
.mh-85 { min-height: 5.3125rem }
/* top header */
.top-header { font-size: .875em; line-height: 1.4; background-color: var(--color-secondary); padding: 0.3125rem 0; color: var(--color-base-light) }
.top-header .top-bar-wrap { position: relative; margin: 0 auto }
.top-header .info--item:not(:hover), .top-header .info--item a:not(:hover), .top-header .social-links li a:not(:hover) { color: inherit }
.top-header .info--item span { vertical-align: middle }
.top-header .info--item span.fa { margin-right: 0.5rem }
.top-header .info--item:not(:last-child) { padding-right: 0.75rem; margin-right: 0.75rem; border-right: 0.0625rem solid rgba(255, 255, 255, .45) }
/* button */
.g-btn { display: inline-block; font-family: var(--global-font-montserrat); font-size: var(--button-font-size); font-weight: var(--button-font-weight); line-height: 1.4; text-align: center!important; vertical-align: middle; color: var(--color-base-light); padding: 0.875rem 1.875rem; border: 0; border-radius: var(--button-border-radius); min-width: 8.875rem; height: auto!important; cursor: pointer; outline: 0.0625rem solid transparent; -webkit-box-shadow: none!important; box-shadow: none!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.5s; transition: all 0.5s }
.g-btn:hover { color: var(--color-base-light); background-position: right center!important }
.g-btn.g-btn-sm { padding: 0.5rem 1.25rem; font-size: 0.75rem }
.g-btn.g-btn-dark-grey { background: var(--color-dark-grey); outline-color: var(--color-dark-grey) }
.g-btn.g-btn-dark-grey:hover { background: transparent; color: var(--color-dark-grey) }
.g-btn.g-btn-outline-light { outline-color: var(--color-base-light) }
.g-btn.g-btn-outline-light:hover { background: var(--color-primary); outline-color: var(--color-primary) }
.g-btn.g-btn-hover-dark:hover { background: var(--color-dark-grey); outline-color: var(--color-dark-grey) }
/* gradient button */
.g-btn.g-btn-primary, .g-btn.g-btn-gradient-primary { background: linear-gradient(45deg, var(--color-primary) 0 50%, var(--color-royal-blue) 50%, var(--color-sky-blue) 100%); color: var(--color-base-light); background-size: 240% auto }
.g-btn.g-btn-secondary, .g-btn.g-btn-gradient-secondary { background: linear-gradient(45deg, var(--color-royal-blue) 0%, var(--color-sky-blue) 50%, var(--color-primary) 50% 100%); color: var(--color-base-light); background-size: 240% auto }
.g-btn.g-btn-outline-primary { outline-color: var(--color-base-light); background: linear-gradient(45deg, transparent 0% 50%, var(--color-primary) 50%, var(--color-primary) 100%); background-size: 240% auto }
.g-btn.g-btn-outline-secondary { outline-color: var(--color-base-light); background: linear-gradient(45deg, transparent 0% 50%, var(--color-royal-blue) 50%, var(--color-sky-blue) 100%); background-size: 240% auto }
.g-btn.g-btn-outline-primary:hover, .g-btn.g-btn-outline-secondary:hover { outline-color: transparent }
.secondary-bg .g-btn.g-btn-primary, .secondary-bg .g-btn.g-btn-gradient-primary { background: linear-gradient(45deg, var(--color-primary) 0 50%, var(--color-royal-blue) 50% 100%); background-size: 240% auto }
.primary-bg .g-btn.g-btn-secondary:hover, .primary-bg .g-btn.g-btn-gradient-secondary:hover, .secondary-bg .g-btn.g-btn-primary:hover, .secondary-bg .g-btn.g-btn-gradient-primary:hover { outline-color: var(--color-base-light) }
/* links */
.g-arrow-link { padding: 0.3125rem 2.625rem 0.3125rem 0; position: relative; font-family: var(--global-font-montserrat); font-weight: 400 }
.g-arrow-link:hover { padding: 0.3125rem 3.125rem 0.3125rem 0; position: relative; color: var(--color-primary) }
.g-arrow-link::after { content: ''; display: inline-block; width: 1.75rem; height: 1rem; background: url('../img/arrow-right.svg') no-repeat center center/contain; position: absolute; top: 0.4375rem; right: 0 }
.g-action-link { display: inline-block; position: relative; font-family: var(--global-font-montserrat); font-size: 0.9375rem; padding: 0.1875rem 0 0.3125rem }
.g-action-link::after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 0.125rem; background: var(--color-primary); border-radius: 0.1875rem; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-origin: left; transform-origin: left }
.g-action-link:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1) }
.g-action-link.color-primary:hover { color: #000!important }
.g-action-link.color-black:hover { color: var(--color-primary)!important }
.g-action-link.icon-plus { margin-left: 1.875rem }
.g-action-link.icon-plus::before { content: ''; display: inline-block; width: 0.875rem; height: 0.875rem; background: url('../img/icon-plus.svg') no-repeat center center/contain; position: absolute; top: 0.4375rem; left: -1.875rem }
/* main header */
.site-header__fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000 }
.site-header__fixed~.site-main-area { padding-top: 5.375rem }
.site-header.header__dark { background-color: var(--color-dark-grey) }
.site-header.header__light .logo-dark, .site-header.header__dark .logo-light { display: inline-block }
.site-header.header__light .logo-light, .site-header.header__dark .logo-dark { display: none }
.site-header.header__dark .hamburger .hamburger-open span, .site-header.header__dark .hamburger .hamburger-close span { background-color: var(--color-base-light) }
.site-header.scrolling { background-color: rgba(34, 34, 34, .9); -webkit-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, .1); box-shadow: 0 0 0.3125rem rgba(0, 0, 0, .1) }
.site-header.scrolling .site-branding { padding-top: 0.75rem; padding-bottom: 0.75rem }
.site-header .site-branding { padding: 1.125rem calc(1.5625rem - 0.375rem) 1.125rem 1.5625rem; -webkit-transition: .25s ease-in; transition: .25s ease-in; position: relative; z-index: 1012 }
/* .site-header.scrolling~.site-main-area { padding-top: 4.625rem } */
.site-branding .site-title { z-index: 1012 }
.site-branding .site-title a { color: #000; display: inline-block }
.site-branding .btn-search-toggle { height: 2.375rem }
body.admin-bar .site-header, body.admin-bar .main-navigation { top: 2rem }
body.menu-active .main-navigation .menu-wrapper { position: fixed; top: 0; bottom: 0; left: 0 }
body.single .page-container { padding-top: 0; padding-bottom: 0 }
/* body.hero-none .page-container { margin-top: 6.25rem } */
.navbar { min-height: auto }
.navbar-nav>li { line-height: 0; margin: 0 1rem }
.navbar-nav>li a.nav-link { font-family: var(--global-font-montserrat); font-size: 0.8125rem; font-weight: 500; line-height: 1.2; color: var(--color-menu); background-image: none; position: relative; display: inline-block; padding: 0.625rem 0!important }
.navbar-nav>li a.nav-link>.link-text { display: inline-block; position: relative; pointer-events: none }
.navbar-nav>li a.nav-link>.link-text::after { content: ""; position: absolute; bottom: -0.625rem; left: 0; z-index: 1; width: 100%; height: 0.125rem; background: var(--color-primary); border-radius: 0.1875rem; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1) }
.navbar-nav>li a.nav-link:hover>.link-text::after, .navbar-nav>li a.nav-link:focus-within>.link-text::after, .navbar-nav>li.current-menu-item>a.nav-link>.link-text::after, .navbar-nav>li.current-menu-ancestor>a.nav-link>.link-text::after { -webkit-transform: scaleX(1); transform: scaleX(1) }
.navbar-nav .dropdown-menu { background-color: var(--color-dropdown-menu-bg); min-width: 18.75rem; padding: 0.875rem 0.75rem; border: 0; border-radius: 0.625rem; margin-top: 0 }
.navbar-nav .dropdown-menu::before { content: ''; display: none; border-top: 0 solid transparent; border-right: 1rem solid transparent; border-bottom: 1rem solid var(--color-dropdown-menu-bg); border-left: 1rem solid transparent; position: absolute; top: -0.9375rem; left: 1.5625rem }
.navbar-nav .dropdown-item { font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; color: var(--color-dropdown-menu); position: relative; padding: 0; background-color: transparent!important }
.navbar-nav .dropdown-item a { color: inherit; display: block; padding: 1rem 1.25rem; border-radius: 0.375rem; position: relative }
.navbar-nav .dropdown-item .fas { float: right; font-size: 0.625rem; margin-top: -0.3125rem; position: absolute; top: 50%; right: 0.875rem }
.navbar-nav .dropdown-item span { vertical-align: middle; display: inline-block }
.navbar-nav .dropdown-item span.link-text { display: flex; align-items: center }
.navbar-nav .dropdown-item+.dropdown-item { margin-top: 0.375rem }
.navbar-nav .dropdown-item span.micon { width: 1.625rem; margin-right: 0.75rem; line-height: 1 }
.navbar-nav .dropdown-item img._mi { width: 1.125rem; max-width: 1.5rem; margin-right: 0!important; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; filter: invert(88%) sepia(0%) saturate(0%) hue-rotate(172deg) brightness(92%) contrast(90%) }
.navbar-nav .dropdown-item:hover>a, .navbar-nav .dropdown-item:focus-within>a, .navbar-nav .dropdown-item.active>a { background-color: #f4f4f4!important; color: var(--color-dropdown-menu) }
.navbar-nav .dropdown-item:hover>a img._mi, .navbar-nav .dropdown-item:focus-within>a img._mi, .navbar-nav .dropdown-item.active>a img._mi { -webkit-filter: none; filter: none }
.navbar-nav .dropdown-icon { display: none; position: absolute; top: 0.3125rem; right: 0; padding: 0.9375rem; border-radius: 0.375rem; z-index: 1; background-color: #dfdfdf }
.navbar-nav .dropdown-icon::before, .navbar-nav .dropdown-icon::after { content: ""; background: var(--color-secondary); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all ease 0.25s; transition: all ease 0.25s }
.navbar-nav .dropdown-icon::before { width: 1rem; height: 0.125rem }
.navbar-nav .dropdown-icon::after { width: 0.125rem; height: 1rem }
.navbar-nav .dropdown.show .dropdown-icon::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg) }
.navbar-nav .dropdown.show .dropdown-icon::before { -webkit-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg) }
.hamburger { display: none; padding: .4rem .4rem; border: 0; margin-left: 0.75rem; text-align: center; line-height: 0; background-color: transparent; width: 2.25rem; height: 2.25rem; position: relative; z-index: 1012; will-change: transform }
.hamburger .hamburger-close, .hamburger .hamburger-open { width: 1.25rem; height: 0.875rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.hamburger .hamburger-close span, .hamburger .hamburger-open span { width: 1.25rem; height: 0.125rem; display: block; position: absolute; border-radius: 0.1875rem; background: var(--color-dark-grey); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background 500ms linear; transition: background 500ms linear }
.hamburger .hamburger-open span:nth-child(1) { top: 0; left: 0; -webkit-transform-origin: right; transform-origin: right }
.hamburger .hamburger-open span:nth-child(2) { top: 0.375rem; left: 0; -webkit-transform-origin: left; transform-origin: left }
.hamburger .hamburger-open span:nth-child(3) { top: 0.75rem; left: 0; -webkit-transform-origin: right; transform-origin: right }
.hamburger .hamburger-close span:nth-child(1) { top: -0.0625rem; left: 0.1875rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left; transform-origin: left }
.hamburger .hamburger-close span:nth-child(2) { top: -0.0625rem; right: 0.1875rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right; transform-origin: right }
.hamburger.is-light .hamburger-open span, .hamburger.is-light .hamburger-close span { background: var(--color-dark-grey)!important }
/* social link */
.social-links { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; display: block; width: 100% }
.social-links li { display: inline-block; vertical-align: middle }
.social-links li a { display: inline-block; padding: 0.3125rem 0.3125rem; width: 2.125rem; height: 2.125rem; font-size: 1.125rem; line-height: 1.5rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-align: center; vertical-align: middle }
/** page header **/
.page-banner { background: var(--color-grey-1) no-repeat center center/cover; width: 100%; height: 34vh; min-height: 15rem; max-height: 17.5rem; padding: 2.5rem 0 2.5rem }
.page-banner.large { height: 55vh; min-height: 28.125rem; max-height: 55rem; padding: 3.75rem 0 3.75rem }
.page-banner::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(139,139,139,.65); mix-blend-mode: multiply; background: linear-gradient(90deg, #38504a 0%, #fff 100%); opacity: 0.35; mix-blend-mode: multiply; z-index: 1 }
.page-banner>div { z-index: 2 }
.breadcrumb-stipe { background: rgba(0,0,0,.85); color: var(--color-base-light); border-radius: 0.25rem }
.breadcrumb { display: inline-block; position: relative; color: var(--color-base-light); font-family: var(--global-font-montserrat); font-size: 0.75rem; line-height: 1.4; padding: 0.375rem 0.625rem; background: transparent; border-radius: 0.1875rem; z-index: 1 }
.breadcrumb a { color: var(--color-primary) }
.breadcrumb a:hover { color: var(--color-base-light) }
.breadcrumb a:first-child::before { content: ""; background: url('../img/home.svg') no-repeat center center/contain; width: 1.125rem; height: 1.0625rem; display: inline-block; margin-right: 0.5rem; margin-bottom: -0.125rem }
/* footer style */
.site-footer { background: var(--color-footer-bg); color: var(--color-footer-content) }
.site-footer a { color: inherit }
.site-footer a:hover { color: var(--color-footer-link-hover) }
.top-footer { padding: var(--gutter-y) 0 3.25rem; font-size: 0.875rem; line-height: 1.6 }
.top-footer .widget h4 { font-family: var(--global-font-opensans); font-size: 1.125rem; color: var(--color-footer-title); margin-bottom: 1.5625rem }
.top-footer ul.menu { padding-left: 0; margin-bottom: 1.5625rem; list-style: none }
.top-footer ul.menu li+li { margin-top: 0.625rem }
.top-footer ul.menu li a { font-size: var(--global-font-size); line-height: 1.25rem; color: var(--color-footer-link); display: inline-block; position: relative }
.top-footer ul.menu li a:hover { color: var(--color-footer-link-hover) }
.top-footer ul.menu li a::before { content: ''; display: block; width: 0; height: 0.75rem; position: absolute; top: 0.25rem; left: -0.75rem; background-color: var(--color-sky-blue) }
.top-footer ul.menu li a:hover::before { width: 0.1875rem }
.top-footer .social-links::after { content: 'Follow us'; font-size: var(--global-font-size); font-weight: 700; margin-left: 0.625rem; display: inline-block; vertical-align: middle }
.top-footer .social-links li a { color: var(--color-royal-blue); font-size: 2.25rem; width: auto; height: auto }
.top-footer .social-links li a:hover { color: var(--color-primary) }
.top-footer .social-links li:not(:last-child) { margin-right: 1.25rem }
.bottom-footer { padding: 1.375rem 0; background: var(--color-copyright-bg); font-size: 0.75rem; line-height: 1.4; color: var(--color-copyright-content); border-top: 0.0625rem solid #d9d9d9 }
.bottom-footer p { margin-bottom: 0 }
.bottom-footer .footer-left img, .bottom-footer .footer-left svg { margin-right: 1.25rem }
.footer-email a { position: relative; padding-top: 2.5rem; font-size: 1.1875rem; line-height: 1.2;/*  min-height: 3.125rem; */ display: inline-block; color: var(--color-copyright-link)!important }
.footer-email a::before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; left: 0; width: 2rem; height: 1.5625rem; background: url('../img/icon-email.svg') no-repeat center center/contain; margin: 0 auto }
/* .footer-email a::after { content: 'Enquire Now'; display: block; font-size: 0.875rem; color: var(--color-primary); margin-top: 0.25rem } */
.footer-email a span.txt::after { content: ''; display: block; width: 0; height: 0.0625rem; background-color: var(--color-secondary); margin-top: 0.3125rem; -webkit-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out }
.footer-email a:hover span.txt::after { width: 100% }
.website-by a { display: inline-block; margin: 0 0.9375rem }
.asx-strip iframe { width: auto!important; min-width: auto!important; /* mix-blend-mode: screen; mix-blend-mode: plus-lighter */ }
/* Contact form 7 UI fixes */
span.wpcf7-not-valid-tip { color: #ff5465; margin-top: 0.1875rem; font-size: 0.8125rem; line-height: 1.2; display: inline-block }
div.wpcf7-response-output { font-size: 1em; line-height: 1.4em; color: var(--color-base-light); text-align: left; border-width: 0.0625rem; border-radius: 0.125rem; padding: 0.625rem 1.25rem!important; margin: 0.75rem 0 0.75rem }
div.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-response-output.wpcf7-acceptance-missing { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
div.wpcf7-response-output.wpcf7-spam-blocked { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
div.wpcf7-response-output.wpcf7-mail-sent-ng, div.wpcf7-response-output.wpcf7-mail-sent-ok { color: #155724; background-color: #d4edda; border-color: #c3e6cb }
.wpcf7-form .wpcf7-form-control-wrap { display: block; margin-bottom: 0.9375rem; width: 100%; position: relative; margin-bottom: 0 }
.wpcf7-form .wpcf7-form-control-wrap input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), .wpcf7-form .wpcf7-form-control-wrap select, .wpcf7-form .wpcf7-form-control-wrap textarea { display: block; width: 100% }
.wpcf7-form .wpcf7-form-control-wrap textarea { min-height: 13.75rem; max-height: 13.75rem }
.wpcf7-form .wpcf7-form-control-wrap select { background-position: right 1.25rem top 55% }
.wpcf7-form label { font-size: 0.875rem; margin-bottom: 0.3125rem; display: inline-block; color: var(--color-dark-grey) }
.wpcf7-form label em { color: #b51a2a }
.wpcf7-form .wpcf7-response-output { margin: 1.25rem 0 0!important }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control { padding: 1rem 1.5625rem!important; font-size: 0.875rem!important }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-input-placeholder { font-size: 0.875rem }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::-moz-placeholder { font-size: 0.875rem }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder { font-size: 0.875rem }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:-moz-placeholder { font-size: 0.875rem }
.wpcf7-form .wpcf7-spinner { margin-bottom: -0.5rem; background-color: #000 }
/* page style */
.page-header { margin-top: 0; margin-bottom: 2.8125rem }
/* article */
article .entry-thumb .img { background: var(--color-placeholder) var(--icon-placeholder-url) no-repeat center center/cover; position: relative; border-radius: 0 }
article .entry-thumb .img.placeholder { background-size: 80% }
article .entry-header .entry-title { color: var(--color-title); margin-bottom: 0 }
article .entry-header .entry-title:hover { color: var(--color-primary) }
article .entry-header .entry-title a { color: inherit }
article .entry-meta:last-child { margin-bottom: 0 }
article .entry-meta .cat-links, article .entry-meta .tags-links { font-size: 0.875rem; color: var(--color-grey-1) }
article .entry-meta .cat-links a:not(:hover), article .entry-meta .tags-links a:not(:hover) { color: inherit }
article .entry-meta-date .icon, article .entry-meta .cat-links .icon, article .entry-meta .tags-links .icon { font-size: 1.5625rem; line-height: 1; min-width: 1.25rem; margin-right: 0.9375rem; min-width: 1.625rem }
article .entry-meta .cat-links+.tags-links { margin-top: 0.9375rem }
article .entry-meta .cat-links a:not(:last-child)::after, article .entry-meta .tags-links a:not(:last-child)::after { content: ""; display: inline-block; vertical-align: middle; width: 0.3125rem; height: 0.3125rem; background: var(--color-primary); margin: -0.0625rem 0.625rem 0; border-radius: 50% }
article .entry-meta-date { font-size: 0.875rem; color: var(--color-grey-1); position: relative }
article .entry-meta-date .icon { background: url('../img/icon-calendar.svg') no-repeat center left/contain; width: 1.4375rem; height: 1.3125rem }
article .entry-excerpt:last-child, article .entry-summary:last-child, article .entry-content:last-child { margin-bottom: 0 }
article .entry-content h1, article .entry-content h2, article .entry-content h3, article .entry-content h4, article .entry-content h5, article .entry-content h6 { margin-bottom: 1.25rem }
article .entry-content h1:first-child, article .entry-content h2:first-child, article .entry-content h3:first-child, article .entry-content h4:first-child { margin-top: 0 }
article .entry-content ul li ul { padding-left: 0.9375rem; margin-top: 0.9375rem }
article .entry-content ol li ol { margin-top: 0.9375rem }
article .entry-content blockquote { background: #e5e5e5; font-size: 110%; font-style: italic; padding: 0.9375rem 0.9375rem 0.9375rem 1.875rem; border-left: 0.375rem solid var(--color-primary) }
article .entry-content figure { margin-top: 1.25rem; margin-bottom: 1.25rem; display: inline-block; width: 100% }
article .entry-content figure.wp-block-table { margin-bottom: 0 }
article .entry-content figure+* { margin-top: 1.875rem }
article .entry-excerpt ol { padding-left: 1.125rem }
article .entry-excerpt ol, article .entry-content ol { padding-left: 1.75rem }
article .entry-excerpt ol li, article .entry-content ol li { position: relative; margin-bottom: 0.75rem }
article .entry-excerpt ul, article .entry-summary ul, article .entry-content ul, .rte ul { display: block; list-style: none; padding-left: 0; margin-bottom: 1.25rem }
article .entry-excerpt ul li, article .entry-summary ul li, article .entry-content ul li, .rte ul li { position: relative; padding-left: 1.5625rem; margin-bottom: 0.625rem }
article .entry-excerpt ul li::marker, article .entry-summary ul li::marker, article .entry-content ul li::marker, .rte ul li::marker { display: none }
article .entry-excerpt ul li::before, article .entry-summary ul li::before, article .entry-content ul li::before, .rte ul li::before { content: ''; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 0.625rem; background-color: var(--color-primary); position: absolute; top: 0.5rem; left: 0 }
article .entry-content ul.list-space-lg li, article .entry-content ol.list-space-lg li { margin-bottom: 1.25rem }
article .entry-content ul.alpha-list, article .entry-content ol.alpha-list { list-style: lower-alpha }
article .entry-content ul.roman-list, article .entry-content ol.roman-list { list-style: lower-roman }
.wp-block-table table thead { border-bottom-width: 0.0625rem }
.wp-block-table table thead tr th, .wp-block-table table tbody tr td { padding: .5em 1em }
.wp-block-table table thead tr th { background-color: var(--color-primary); color: var(--color-base-light); border-color: var(--color-base-dark) }
.wp-block-table table tbody tr td[colspan] { background-color: var(--color-mute); color: var(--color-base-dark) }
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin-bottom: 1.25rem }
.rte ul.bullet-white li::before { background-color: var(--color-base-light) }
.rte ul.bullet-secondary li::before { background-color: var(--color-secondary) }
/* single post */
.single article .entry-meta-date, .single article .entry-meta .cat-links, .single article .entry-meta .tags-links { font-size: var(--global-font-size) }
.single article .entry-content h2:first-child { margin-bottom: 2.5rem }
.single article h1, .single article h2, .single article h3 { text-transform: none; font-family: var(--global-font-opensans) }
.single article h1 { font-size: 2.8125rem; line-height: 1.2 }
.single article h2 { font-size: 2.1875rem; line-height: 1.2 }
.single article h3 { font-size: 1.875rem }
.single article h4 { font-size: 1.5625rem }
.single article h5 { font-size: 1.25rem }
.border-top-1, .single .post-like-share, .single .post-nav { border-top: 0.0625rem solid #cbcbcb }
.share-post a { display: inline-block; font-size: 1.375rem; line-height: 1 }
.share-post a+a { margin-left: 1.75rem }
.share-post a:not(:hover) { color: var(--color-dark-grey) }
.bio-card { padding: 1.875rem 1.875rem; background: var(--color-base-light); border: 0.0625rem solid #e8e8e8; -webkit-box-shadow: 0 0.0625rem 0.25rem 0 rgba(0,0,0,.05); box-shadow: 0 0.0625rem 0.25rem 0 rgba(0,0,0,.05) }
.bio-card .bio-card__img { width: 14%; min-width: 3rem; max-width: 7.5rem; margin-right: 1.5625rem; background-color: var(--color-mute) }
.bio-card__body .bio__title { font-size: 80% }
.bio__social li a { background-color: #eee; border-radius: 0.1875rem; margin: 0.125rem }
.bio__social li a:hover { background-color: var(--color-dark-grey) }
.greyscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); border-radius: 50% }
/* post like */
.sl-wrapper { position: relative; display: inline-block }
.sl-button { display: inline-block; color: var(--color-grey-1) }
.sl-button:hover { color: #ff2f2f }
.sl-wrapper a .sl-count { margin-left: 0.75rem }
a.disable { opacity: 0; visibility: hidden }
a.liked { color: #ff2f2f }
a.liked:hover, a.liked:active, a.liked:focus { color: #ff2f2f }
a.liked span.sl-count, a.liked span.sl-text, .sl-count, .sl-text { color: var(--color-dark-grey) }
.sl-icon { font-family: 'Arial Unicode MS', Arial, sans-serif; font-size: 1.125rem; line-height: 1; vertical-align: middle; display: inline-block }
.sl-icon svg { fill: currentColor; width: 0.875rem; height: 0.875rem }
.sl-icon svg::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.sl-count, .sl-text { font-family: var(--global-font-opensans); vertical-align: middle }
#sl-loader .loader { overflow: hidden; display: inline-block; position: absolute; top: 0; right: 0; left: 0; text-align: center }
.anim-rotate { -webkit-animation: rotate-keyframes 1s linear infinite; animation: rotate-keyframes 1s linear infinite }
@-webkit-keyframes rotate-keyframes {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes rotate-keyframes {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
/* search page */
.search article { background: var(--color-base-light); padding: 1.875rem 1.5625rem 1.5625rem; border: 0.0625rem solid #f2f2f2; border-radius: 0.625rem; margin-bottom: 2.1875rem; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0.286rem 0.571rem 0; box-shadow: rgba(0, 0, 0, 0.1) 0 0.286rem 0.571rem 0 }
.search .entry-thumb .img { padding-top: 56.25%; border-radius: 0.625rem }
/* search form style */
form.search-form input[type="search"] { padding: 0.75rem 4.375rem 0.75rem 1.25rem!important; background-color: transparent!important; border: 0.0625rem solid #cecece!important }
form.search-form input[type="search"]:focus { border-color: var(--color-primary)!important; background-color: var(--color-base-light) }
form.search-form .input-group-btn { position: absolute; display: inline-block; top: 0.25rem; right: 0.25rem; bottom: 0.25rem; width: 3.125rem; text-align: right; z-index: 9 }
form.search-form .input-group-btn button { font-size: 1.125rem; line-height: .8; width: 100%; height: 100%; border: 0; padding: 0.5rem 0.5rem; background: transparent; color: var(--color-grey-1); text-align: center; text-shadow: none; border-radius: 0; outline: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
form.search-form .input-group-btn button:hover { background: var(--color-primary); color: var(--color-base-light) }
/* Comments*/
.comments-area { margin-top: 1.875rem }
.comments-area .comment-avatar { border-radius: 50% }
.comments-area .comment-author {  font-size: 0.875rem }
.comments-area span { display: inline-block }
.comments-area .comment-content span a { font-size: 0.75rem }
.comments-area .comment-content p { margin-bottom: 0.625rem }
.comment-reply, .children { padding-left: 10% }
.comment-body { margin-bottom: 1.875rem; padding-bottom: 2.5rem; border-bottom: 0.0625rem solid #eaeaea }
.comment-form { margin-bottom: 0 }
.comment-form .form-submit { margin-top: 1.875rem; margin-bottom: 0 }
/* pagination */
.pagination-nav-container { padding-top: 1.875rem }
.pagination { margin: 0 auto; border-radius: 0 }
.pagination .page-item { margin: 0.3125rem }
.pagination .page-item a { line-height: 1.375 }
.pagination .page-item .thumb { -ms-flex: 0 0 5.25rem; flex: 0 0 5.25rem; max-width: 5.25rem; position: relative; background: #c5c5c5 no-repeat center center/cover; height: 100% }
.pagination .page-item .thumb::before { content: ''; display: block; width: 100%; padding-top: 100% }
.pagination .page-item .thumb .overlay-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(26,26,26,.65) }
.pagination .page-item a:not(:hover) { color: #000 }
.pagination .page-item a>i { font-size: .9375em }
.pagination .page-link { color: var(--color-body-text); background-color: transparent; font-family: var(--font-roboto); font-size: 1rem; font-weight: 700; line-height: 1.25rem; display: inline-block; min-width: 2.25rem; padding: 0.5rem 0.3125rem; border: 0; text-align: center; border-radius: 0.5rem!important; vertical-align: middle; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; outline: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important }
.pagination .active .page-link, .pagination .page-link:hover { color: var(--color-base-light)!important; background-color: var(--color-secondary) }
/* edit link */
.btn.post-edit-link, .comments-link a { display: inline-block; font-size: 0.75rem; color: #322f31; border: 0; background: #eaeaea; padding: 0.3125rem 0.5rem }
.btn.post-edit-link:hover, .comments-link a:hover { background-color: #ccc }
/* 404 style */
.error-404 .w-col { padding-right: 0; padding-left: 0 }
.error-404 h1 { font-size: 12.5rem; line-height: .85; color: var(--color-primary); margin-top: 0 }
.error-404 h2 { color: var(--color-dark-grey); font-family: var(--global-font-opensans); font-size: 1.75rem; margin-top: 0; margin-bottom: 1.5625rem }
.error-404 a, .error-404 p { color: var(--color-grey); font-size: 1.125rem }
.error-404 form { max-width: 31.25rem; margin: 1.875rem auto 0 }
.floating-cta { position: fixed; top: 50%; right: 0; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0 0rem 0.625rem 0rem rgba(0, 0, 0, 0.4); box-shadow: 0 0rem 0.625rem 0rem rgba(0, 0, 0, 0.4) }
.floating-cta ul { margin: 0; padding: 0; list-style: none }
.floating-cta ul li a { padding: 0.75rem 0.9375rem; background: #484848; color: var(--color-base-light); font-size: 0.9375rem; line-height: 1.875rem; display: inline-block; width: 100%; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s }
.floating-cta ul li a i { font-size: 1.5625rem }
.floating-cta ul li a span { display: block }
#wpfront-scroll-top-container i { width: 2.125rem; height: 2.125rem; font-size: var(--global-font-size); font-weight: 400; line-height: 2rem; text-align: center; outline: medium none; background: var(--color-primary); border-color: var(--color-base-light); border-radius: 0.1875rem; color: #444 }
.embed-responsive, .wp-block-embed__wrapper { background-color: var(--color-dark-grey) }
/* search popup */
#g_search_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 26, 26,.98); opacity: 0; visibility: hidden; z-index: -999; -webkit-transition: all .4s; transition: all .4s }
#g_search_popup.active { opacity: 1; visibility: visible; z-index: 9999 }
#g_search_popup .g-search-form { position: absolute; top: 50%; left: 50%; width: 80%; max-width: 48.75rem; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-50%)translateY(-50%); transform: translateX(-50%)translateY(-50%) }
#g_search_popup #form-search-input { color: var(--color-base-light); background: transparent!important }
#g_search_popup .input-group-btn button { color: var(--color-base-light) }
#g_search_popup .g-close { position: absolute; top: 1.875rem; right: 1.875rem; width: 2rem; height: 2rem }
#g-popup .modal-content { background-color: var(--color-dark-grey); border: 0.0625rem solid var(--color-primary); border-radius: 0; color: var(--color-base-light) }
#g-popup .modal-body { padding: 3.125rem 1.5625rem 1.5625rem }
#g-popup .close { position: absolute; top: 0.625rem; right: 0.625rem; padding: 0.5rem; opacity: 1; line-height: 0; z-index: 1 }
#g-popup .simple_icon_grid--item { max-width: 21.25rem }
#g-popup .simple_icon_grid--item .igi-info { max-width: 15.9375rem }
/* owl style */
.owl-carousel .owl-nav { margin-top: 0!important }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: inline-block; width: 2rem; height: 2rem; background-color: var(--color-secondary)!important; color: var(--color-base-light)!important; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden }
.owl-carousel .owl-nav .owl-next { right: 0 }
.owl-carousel .owl-nav .owl-prev { left: 0 }
/* .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background-color: var(--color-secondary)!important } */
.owl-carousel:hover .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-prev { opacity: 1; visibility: visible }
.owl-theme .owl-dots .owl-dot { height: auto }
.owl-theme .owl-dots .owl-dot span { margin: 0.3125rem 0.3125rem!important }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: var(--color-secondary)!important }
.hero-slider.owl-carousel img.owl-lazy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; opacity: 0 }
.hero-slider.owl-carousel .owl-nav button { opacity: 1; visibility: visible; top: auto; right: 0; bottom: 1.875rem; left: auto; -webkit-transform: none; transform: none; border-radius: 0; margin: 0; width: 3.25rem; height: 3.25rem; line-height: 0!important; background-color: #000!important }
.hero-slider.owl-carousel .owl-nav button.owl-prev::after { content: ''; display: inline-block; width: 0.0625rem; height: 1.625rem; position: absolute; top: 0.8125rem; right: 0; background-color: var(--color-base-light) }
.hero-slider.owl-carousel .owl-nav button.owl-prev { right: 3.25rem }
.hero-slider .owl-item.active h1, .hero-slider .owl-item.active .h1, .hero-slider .owl-item.active .rte { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.hero-slider .owl-item.active .btn-wrap { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.hero-slider .owl-item .rte { max-width: 33.75rem }
@-webkit-keyframes fadeInUp {
    0% { -webkit-transform: translate3d(0, 6.25rem, 0); transform: translate3d(0, 6.25rem, 0); opacity: 0 }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
}
@keyframes fadeInUp {
    0% { -webkit-transform: translate3d(0, 6.25rem, 0); transform: translate3d(0, 6.25rem, 0); opacity: 0 }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
}
@-webkit-keyframes fadeInDown {
    0% { -webkit-transform: translate3d(0, -6.25rem, 0); transform: translate3d(0, -6.25rem, 0); opacity: 0 }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
}
@keyframes fadeInDown {
    0% { -webkit-transform: translate3d(0, -6.25rem, 0); transform: translate3d(0, -6.25rem, 0); opacity: 0 }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 }
}
@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(6.25rem, 0, 0); transform: translate3d(6.25rem, 0, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(6.25rem, 0, 0); transform: translate3d(6.25rem, 0, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-6.25rem, 0, 0); transform: translate3d(-6.25rem, 0, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-6.25rem, 0, 0); transform: translate3d(-6.25rem, 0, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
/* section style */
.section { padding-top: var(--gutter-y); padding-bottom: var(--gutter-y); position: relative }
.section.has-bg-img { background: no-repeat center center/cover }
.section.has-bg-img::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2e2e2e; mix-blend-mode: multiply; z-index: 0 }
.section.has-bg:last-child { margin-bottom: 0!important }
.section-head { margin-bottom: 2.1875rem }
.sh-subtitle { font-family: var(--global-font-montserrat); font-size: var(--global-font-size); font-weight: 600; margin-bottom: 1.5625rem }
.content-overlay .content-wrap { z-index: 1 }
.content-wrap { padding-top: 4.375rem; padding-bottom: 4.375rem }
.section-services.style-1, .section-solution.style-1 { padding: 0 }
.waw_cards .waw_card--item { background: #000; padding: 14%; border: 0.125rem solid #000; min-height: 15.625rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s }
.waw_cards .waw_card--item:hover { background: transparent; border-color: var(--color-primary) }
.step_card--item .sci-step { padding-bottom: 1.375rem; -webkit-transition: .2s ease-in; transition: .2s ease-in }
.step_card--item .sci-title { margin-top: 1.875rem }
.step_card--item.card-simple:hover .sci-step { color: var(--color-primary); border-color: var(--color-primary) }
.step_card--item.card-boxed { padding: 2.8125rem 14% 2.5rem }
.section-cwi .icon_cards { padding-top: 1.875rem }
.icon_card--item { background: var(--color-base-light); color: var(--color-body-text); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s }
.icon_card--item .ici-title { line-height: 1.2 }
.icon_card--item .ici-action { padding-top: 2.1875rem; z-index: 1 }
.style-1 .icon_card--item { padding: 2.375rem 1.875rem 2.8125rem; border-radius: 0.9375rem }
/* .style-1 .icon_card--item .ici-head { padding-bottom: 1.75rem } */
.style-1 .icon_card--item .ici-icon { -ms-flex: 0 0 3.25rem; flex: 0 0 3.25rem; max-width: 3.25rem }
.style-1 .icon_card--item .ici-info { max-width: 23.125rem; margin-top: 1.25rem }
.style-2 .icon_card--item { padding: 1.875rem 2.5rem 2.5rem }
.style-2 .icon_card--item .ici-head, .style-4 .icon_card--item .ici-head { max-width: 13.75rem }
.style-2 .icon_card--item .ici-icon { min-height: 3.125rem }
.style-2 .icon_card--item .ici-info { max-width: 16.875rem; margin-top: 1.25rem }
.style-3 .icon_card--item { padding: 1.875rem 11% 1.875rem }
.style-3 .icon_card--item .ici-icon { min-height: 3.125rem }
.style-3 .icon_card--item .ici-info { margin-top: 0.9375rem }
.style-4 .icon_card--item { min-height: 26.875rem; padding: 2.5rem 2.5rem }
.style-4 .icon_card--item:hover { background-color: var(--color-secondary) }
.style-4 .icon_card--item .ici-icon { min-height: 3.125rem; margin-bottom: 1.875rem }
.style-4 .icon_card--item .ici-icon img { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s }
.style-4 .icon_card--item:hover .ici-icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) }
.style-4 .icon_card--item .ici-content { -webkit-transform: translateY(65%); transform: translateY(65%); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s }
.style-4 .icon_card--item:hover .ici-content { -webkit-transform: translateY(0)!important; transform: translateY(0)!important }
.style-4 .icon_card--item .ici-info { max-width: 21.875rem; margin-top: 1.875rem; min-height: 4.375rem; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s }
.style-4 .icon_card--item:hover .ici-info { opacity: 1; visibility: visible }
.layout-2 .style-2 .icon_card--item { background: #fafafa; border-radius: 0.9375rem }
.perks-card { padding: 1.875rem 11%; border-radius: 0.9375rem; cursor: pointer; max-width: 24.5rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease }
.perks-card:hover, .perks-card.active { background-color: var(--color-primary); color: var(--color-base-light); border-color: var(--color-primary)!important }
.perks-card .card-label { margin-bottom: 1.875rem }
.tablet-screen-wrapper { position: absolute; top: 2.9%; left: 4.1%; width: 92.2%; height: 94%; overflow: hidden; border-radius: 0.625rem }
.tablet-screen-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0.625rem; transition: transform 0.5s ease-in-out }
#tablet-screen-1 { z-index: 2; -webkit-transform: translateX(-100%); transform: translateX(-100%) }
#tablet-screen-2 { z-index: 1; -webkit-transform: translateX(0%); transform: translateX(0%) }
.device-container { max-width: 28.625rem }
.simple_icon_grid--item .igi-icon { min-height: 3.625rem; margin-bottom: 1.25rem }
.simple_icon_grid--item .igi-icon svg { min-height: 3.25rem; display: inline-block }
.style-1 .simple_icon_grid--item { padding-left: 4.6875rem }
.style-1 .simple_icon_grid--item .igi-icon { position: absolute; top: 0; left: 0 }
.style-1 .simple_icon_grid--item .igi-icon img { max-width: 4.0625rem }
.counter-item:not(:last-child) { border-right: 0.0625rem solid var(--color-base-light) }
.default-bg .counter-item:not(:last-child), .base-light-bg .counter-item:not(:last-child) { border-right-color: var(--color-body-text) }
.counter-item .counter-wrap { margin-bottom: 1.875rem }
.counter-item .counter-wrap.type-text .labeltxt { display: block; font-size: var(--global-font-size); line-height: 1.2 }
/* teams */
.team-member--item .tmi-image-wrap::before { content: ''; display: block; width: 100%; padding-top: 100% }
.team-member--item .tmi-image-wrap img { display: block; position: absolute; bottom: 0; left: 0; right: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom; margin: auto }
.team-member--item .tmi-social { line-height: .8; opacity: 0; visibility: hidden; -webkit-transition: all .35s; transition: all .35s }
.team-member--item:hover .tmi-social { opacity: 1; visibility: visible }
.team-member--item .tmi-social a:hover { color: var(--color-primary)!important }
/* team card style 1 */
.card-style-1 .team-member--item { max-width: 15rem }
.card-style-1 .tmi-image-wrap { background: transparent no-repeat center center/cover; margin-bottom: 1.875rem }
.card-style-1 .tmi-image-wrap::before { padding-top: 126.2% }
.card-style-1 .tmi-image-wrap img { height: calc(100% - 1.25rem); z-index: 1 }
.card-style-1 .tmi-bg-layer { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 0; -webkit-transition: height .25s ease-in; transition: height .25s ease-in }
.card-style-1 .team-member--item:hover .tmi-bg-layer { height: 100% }
.card-style-1 .tmi-designation { color: #9f9f9f }
.card-style-1 .tmi-social { padding: 0.625rem 0.625rem 10%; position: absolute; right: 0; bottom: -1.25rem; left: 0; z-index: 2; font-size: 2.375rem }
.card-style-1 .team-member--item:hover .tmi-social { bottom: 0 }
/* team card style 2 */
.card-style-2 .team-member--item { background: #eaeaea; border-radius: 0.9375rem }
.card-style-2 .team-member--item::before { content: ''; display: block; width: 100%; height: 60%; background: #7c7c7c; background: linear-gradient(180deg, #fff 0%, #7c7c7c 100%); mix-blend-mode: multiply; position: absolute; bottom: 0; left: 0; z-index: 1 }
.card-style-2 .tmi-image-wrap::before { padding-top: 127.552% }
.card-style-2 .tmi-image-wrap img { width: 100%; height: 85%; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform-origin: center bottom; transform-origin: center bottom }
.card-style-2 .team-member--item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.card-style-2 .tmi-meta-wrap { position: absolute; right: 0; bottom: 0; left: 0; padding: 1.875rem; z-index: 2 }
.card-style-2 .tmi-meta { -webkit-transition: all .35s; transition: all .35s }
.card-style-2 .tmi-social { font-size: 2.1875rem }
.card-style-2 .team-member--item:not(:hover) .tmi-social { margin-top: -2.1875rem!important } 
.section-lwi { padding-top: 5.3125rem; padding-bottom: 4.0625rem }
.icon_list--item { margin-bottom: 1.875rem }
.icon_list--item .ili-icon { -ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 9rem }
.service_card--item .ssci-image { background: var(--color-grey) no-repeat center center/cover; position: relative }
.service_card--item .ssci-image.placeholder { background-image: var(--icon-placeholder-url) }
.service_card--item .ssci-image::before { content: ''; display: block; padding-top: 60.05% }
.service_card--item .ssci-content { padding: 2.8125rem 14% 2.5rem }
.service_grid--item { position: relative }
.service_grid--item .osi-image { background: var(--color-grey) no-repeat center center/cover; position: relative }
.service_grid--item .osi-image::before { content: ''; display: block; padding-top: 88.5% }
.service_grid--item .osi-content { padding: 2.5rem 1.875rem 2.1875rem }
.style-2 .service_grid--item { border: 0.0625rem solid var(--color-mute); position: relative; background: transparent; -webkit-transition: all .25s; transition: all .25s }
.style-2 .service_grid--item:hover { border-color: var(--color-primary); outline: 0.0625rem solid var(--color-primary) }
.style-2 .service_grid--item .osi-title { line-height: 1.1; word-break: break-word }
.section-video .video-container { max-width: 54.5rem; margin-right: auto; margin-left: auto }
.section-clients .section-head { max-width: 45rem }
.section-suppliers .rte+.logos-container { margin-top: 2.1875rem }
.section-suppliers .logos-container+.rte { margin-top: 2.8125rem }
.section-suppliers.grid .rte { max-width: 50rem }
.clients.owl-carousel, .suppliers.owl-carousel { width: auto }
.clients.owl-carousel .owl-stage, .suppliers.owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex }
/* .suppliers.owl-carousel .owl-stage { -webkit-box-align: center; -ms-flex-align: center; align-items: center } */
.clients:not(.placeholder) .client__item--logo img, .suppliers:not(.placeholder) .supplier__item--logo img { mix-blend-mode: multiply; mix-blend-mode: darken }
.dark-grey-bg .suppliers:not(.placeholder) .supplier__item--logo img { mix-blend-mode: screen; mix-blend-mode: exclusion; -webkit-filter: grayscale(100%) invert(1); filter: grayscale(100%) invert(1); /* filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale") */ }
.client__item--logo img, .supplier__item--logo img { width: 7.8125rem!important; margin: auto; display: block }
.client__item--logo .img, .supplier__item--logo .img { position: relative; width: 100%; background: url('../img/Logo-Gratifii-grey.svg') no-repeat center/contain }
.client__item--logo .img::before, .supplier__item--logo .img::before { content: ''; display: block; padding-top: 100% }
.grid .supplier__item, .grid .client__item { width: calc(100% / 2); margin-bottom: 0.625rem }
.slider .client__item--logo .img { width: 7.5rem; margin: auto }
.slider .client__item--logo .owl-phlogo { width: 7.5rem; height: 7.5rem; margin: auto }
.section-sig.layout-style-1 { padding-bottom: calc(var(--gutter-y) - 3rem) }
.section-sig.has-button { padding-bottom: 4.375rem }
.section-rtm.style-2 .content-wrap { max-width: calc(120rem / 2) }
.section-rtm.style-2 img, .section-rtm.style-1 .row:not(.align-items-center) .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.section-rtm .rte ul:last-child { margin-bottom: 0 }
.section-sgc .rte { margin-bottom: 4.0625rem }
.row-awards .award-item { border-radius: 15px; overflow: hidden }
.row-awards .award-item img { width: auto!important; display: inline-block!important; max-height: 6.75rem }
.awards.slider.owl-carousel .owl-nav button { top: calc(50% - 0.375rem)!important }
.gift_card--item .sgci-image { background: var(--color-base-light) no-repeat center center/contain; position: relative }
.gift_card--item .sgci-image::before { content: ''; display: block; padding-top: 81% }
.gift_card--item .sgci-content { padding: 1.75rem 15% 2.5rem }
.square-anim-card { min-height: 25rem; overflow: hidden }
.square-anim-card .sqrac-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 62.5rem; perspective: 62.5rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.square-anim-card:hover .sqrac-image { -webkit-transform: scale(1.1); transform: scale(1.1) }
.square-anim-card .sqrac-image::before { content: ''; display: block ; height: 100%; padding-top: 0; mix-blend-mode: multiply; opacity: .7; background: rgb(0,0,0); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(60%, rgba(82,82,82,1)), color-stop(95%, rgba(255,255,255,1))); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(82,82,82,1) 60%, rgba(255,255,255,1) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1) }
.square-anim-card .sqrac-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-secondary); mix-blend-mode: multiply; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.square-anim-card:hover .sqrac-overlay { opacity: 1; visibility: visible }
.square-anim-card .sqrac-title { color: var(--color-base-light); position: relative; padding-bottom: 1.25rem; margin-bottom: 0.9375rem }
.square-anim-card .sqrac-title::after { content: ''; display: inline-block; width: 3.125rem; height: 0.125rem; background-color: var(--color-primary); border-radius: 0.125rem; position: absolute; bottom: 0; left: 0 }
.square-anim-card .sqrac-content { padding: 2.8125rem 9.2% 2.5rem; color: var(--color-base-light); z-index: 3 }
.square-anim-card .sqrac-content h6 { font-size: 0.9375rem; margin-bottom: 0.9375rem }
.square-anim-card .sqrac-content ul { padding-left: 1.5625rem; margin-bottom: 0 }
.square-anim-card .sqrac-info { font-size: 0.8125rem; line-height: 1.375rem; max-width: 18.25rem; height: 6.25rem; overflow: hidden; opacity: 0; margin-bottom: -6.25rem!important; -webkit-transition: all .25s ease-in; transition: all .25s ease-in }
.square-anim-card:hover .sqrac-info { opacity: 1; margin-bottom: 3rem!important }
.solution_grid--item { position: relative }
.solution_grid--item .osoi-image { background: var(--color-grey) no-repeat center center/cover }
.solution_grid--item .osoi-content { padding: 2.8125rem 9.2% 2.625rem }
.solution_grid--item .osoi-info { max-width: 14.6875rem }
.style-1 .solution_grid--item { position: relative; overflow: hidden }
.style-1 .solution_grid--item .osoi-image { min-height: 24.75rem; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 62.5rem; perspective: 62.5rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; position: relative }
.style-1 .solution_grid--item .osoi-image::after { content: ''; display: block; background: #575757; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .57; mix-blend-mode: multiply; z-index: 1; -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.style-1 .solution_grid--item:hover .osoi-image { -webkit-transform: scale(1.1); transform: scale(1.1) }
.style-1 .solution_grid--item:hover .osoi-image::after { opacity: 1 }
.style-1 .solution_grid--item .osoi-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 1.875rem }
.style-1 .solution_grid--item .osoi-info { line-height: 1.5rem; overflow: hidden; margin-bottom: -6.25rem; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all .25s ease-in; transition: all .25s ease-in }
.style-1 .solution_grid--item:hover .osoi-info { opacity: 1; visibility: visible; margin-bottom: 0 }
.style-2 .solution_grid--item .osoi-title::after, .style-3 .solution_grid--item .osoi-title::after { display: none }
.style-2 .solution_grid--item .osoi-info, .style-3 .solution_grid--item .osoi-info { font-size: var(--global-font-size); line-height: 1.5rem; margin-bottom: -4.375rem!important; height: 4.375rem }
.style-2 .solution_grid--item:hover .osoi-info { margin-bottom: 2.5rem!important }
.style-3 .solutions_grid { background: var(--color-royal-blue); background: linear-gradient(0deg, #002880 0%, var(--color-royal-blue) 90%) }
.style-3 .solution_grid--item { min-height: auto }
.style-3 .solution_grid--item .sqrac-overlay { display: none }
.style-3 .solution_grid--item .sqrac-image { top: 0.5rem; right: 0.5rem; bottom: 0.5rem; left: 0.5rem; width: auto; height: auto; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; visibility: hidden }
.style-3 .solution_grid--item .sqrac-image::before { opacity: .54; background: var(--color-base-dark) }
.style-3 .solution_grid--item:hover .sqrac-image { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; animation-delay: .2s }
.style-3 .solution_grid--item .osoi-content { padding: 2.8125rem 11% 2.5rem }
.style-3 .solution_grid--item .osoi-info { margin-bottom: 1.5625rem!important; max-width: 25.625rem; height: auto; visibility: visible; opacity: 1 }
.style-3 .solutions_grid>.col-12+.col-12 .solution_grid--item::before { content: ''; width: 0.0625rem; position: absolute; top: 13%; bottom: 12%; left: 0; background: var(--color-base-light) }
.oso-intro { padding: 4.375rem 2.5rem }
.oso-intro .section-head { max-width: 33.125rem }
.oso-intro .oso-intro-content { max-width: 43.125rem }
.oso-cta { padding: 3.125rem; height: 30rem }
.g_card { padding: 1.875rem; border: 0.0625rem solid var(--color-sky-blue); background: transparent no-repeat center center/cover }
.primary-bg .rcg_cards_grid--item, .secondary-bg .rcg_cards_grid--item { border-color: var(--color-base-light) }
.base-light-bg .rcg_cards_grid--item, .default-bg .rcg_cards_grid--item { border-color: var(--color-secondary) }
.rcg_cards_grid--item .rcgi-icon { min-height: 3.625rem }
.rcg_cards_grid--item .rcgi-step { color: inherit }
.card-style-2 .rcg_cards_grid--item, .card-style-3 .rcg_cards_grid--item { border: 0; min-height: 21.625rem; -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.card-style-2 .rcg_cards_grid--item::before, .card-style-3 .rcg_cards_grid--item::before { content: ''; display: block; background-color: #575757; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; mix-blend-mode: multiply; z-index: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.card-style-2 .rcg_cards_grid--item:hover { outline: 0.0625rem solid var(--color-primary) }
.card-style-2 .rcg_cards_grid--item:hover::before { background-color: #242424; opacity: 1 }
.card-style-3 .rcg_cards_grid--item .rcgi-title { margin-bottom: 30%!important }
.card-style-3 .rcg_cards_grid--item .rcgi-info { min-height: 13rem; max-height: 13rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none }
.card-style-3 .rcg_cards_grid--item .rcgi-info::-webkit-scrollbar { display: none; width: 0!important }
.card-style-3 .rcg_cards_grid--item .rcgi-info ul li { padding-left: 1.25rem }
.card-style-3 .rcg_cards_grid--item:hover::before { opacity: .7 }
.card-style-3 .rcg_cards_grid--item:hover::before { background-color: #000; opacity: 1 }
.card-style-3 .rcg_cards_grid--item:hover .rcgi-content, .card-style-3 .rcg_cards_grid--item .rcgi-extra-content { display: none!important }
.card-style-3 .rcg_cards_grid--item:hover .rcgi-extra-content { display: block!important }
.card-style-4 .rcg_cards_grid--item { padding: 1.875rem 1.25rem }
.card-style-4 .rcg_cards_grid--item .rcgi-step { font-size: 2.1875rem; font-weight: 600; color: var(--color-primary) !important }
.card-style-4 .rcg_cards_grid--item .rcgi-step::before { content: '0' }
.card-style-4 .rcg_cards_grid--item .rcgi-title::after { content: ''; display: block; width: 8.75rem; height: 0.0625rem; background-color: var(--color-primary); margin-top: 0.875rem }
.card-style-5 .rcg_cards_grid--item { -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.card-style-5 .rcg_cards_grid--item:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-base-light) }
.card-style-5 .rcg_cards_grid--item:hover * { color: var(--color-base-light) }
.card-style-5 .rcg_cards_grid--item:hover::before, .card-style-5 .rcg_cards_grid--item:hover::after { background: var(--color-primary); color: var(--color-base-light) }
.fw-images-slider.owl-carousel .owl-nav button { width: 2.5rem; height: 2.5rem; line-height: 0!important; opacity: 1!important; visibility: visible!important; background-color: transparent !important; -webkit-transform: translateY(-2.8125rem); transform: translateY(-2.8125rem) }
.fw-images-slider.owl-carousel:hover .owl-nav button { background-color: rgba(0, 0, 0, 0.75)!important }
.fw-images-slider.owl-carousel .owl-nav button svg { color: var(--color-base-light) }
.fw-images-slider.owl-carousel .owl-nav button.owl-prev { left: 0.625rem }
.fw-images-slider.owl-carousel .owl-nav button.owl-next { right: 0.625rem }
.fw-images-slider.owl-carousel .owl-dots { margin-top: 1rem }
.rewards_grid--item .rgpi-image { height: 15.3125rem; background: #2e2e2e no-repeat center center/cover; position: relative }
.rewards_grid--item .rgpi-info { max-width: 25.9375rem }
.industry_icons .industry_icons--item { -ms-flex: 1 0 7.5rem; flex: 1 0 7.5rem; max-width: 8.4375rem }
.industry_icons .industry_icons--item .igi-icon { min-height: 4.25rem }
.gcs-grid .gcs__item-loop { position: relative; border-radius: 0.9375rem; overflow: hidden }
.gcs__item-loop .gcs__item--thumb { position: relative; background: rgba(0, 0, 0, .38) var(--icon-placeholder-url) no-repeat center center/cover }
.gcs__item-loop .gcs__item--thumb::before { content: ''; display: block; padding-top: 56.25%; background: #000; opacity: 0; mix-blend-mode: multiply; z-index: 1; -webkit-transition: all .2s ease-in; transition: all .2s ease-in }
.gcs__item-loop .gcs-title a:not(:hover) { color: inherit }
.gcs__item-loop .gcs__item--content { padding: 1.875rem }
.style-1 .gcs__item-loop::after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 0.5rem; background: var(--color-primary); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-origin: bottom; transform-origin: bottom }
.style-1 .gcs__item-loop:hover::after { -webkit-transform: scaleY(1); transform: scaleY(1) }
.style-1 .gcs__item-loop .gcs__item--thumb::before { height: 23rem; opacity: .8; padding-top: 0 }
.style-1 .gcs__item-loop:hover .gcs__item--thumb::before { opacity: .9 }
.style-1 .gcs__item-loop .gcs__item--content { position: absolute; right: 0; bottom: 0; left: 0; padding: 2.5rem 2.5rem 2.8125rem; color: var(--color-base-light) }
.style-1 .gcs__item-loop .gcs-excerpt { max-width: 16.875rem }
.style-1 .gcs__item-loop a { color: inherit }
.style-2 .gcs__item-loop .gcs__item--thumb { min-height: 15rem }
.style-3 .gcs__item-loop .gcs__item--thumb { border-radius: 0.9375rem; max-width: 100%; min-height: 18rem; overflow: hidden }
/* .style-3 .large .gcs__item-loop .gcs__item--thumb { aspect-ratio: 1/1 } */
.style-2 .gcs__item-loop .gcs__item--thumb::before, .style-3 .gcs__item-loop .gcs__item--thumb::before { display: none }
.style-2 .gcs__item-loop .gcs-title, .style-3 .gcs__item-loop .gcs-title { max-width: 28.75rem }
.style-2 .gcs__item-loop .gcs-excerpt, .style-3 .gcs__item-loop .gcs-excerpt { max-width: 35rem }
.section-showcase .gcs-grid .gcs__item-loop { background-color: var(--color-light-bg) }
.section-case-studies { padding-bottom: 1rem }
.section-case-studies .rte { max-width: 41.25rem }
.testimonials.slider-style-1 .owl-stage, .testimonials.slider-style-1 .owl-stage>.owl-item, .awards.slider .owl-stage, .awards.slider .owl-stage>.owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
/* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { content: ''; display: none; position: absolute; left: 0; top: 0; width: 2.5rem; height: 100%; background-color: transparent; z-index: 1; -webkit-transition: all .25s; transition: all .25s }
.testimonials .owl-stage-outer::before, .awards.slider .owl-stage-outer::before { background: -webkit-gradient(linear, right top, left top, from(rgba(26,26,26,0)), color-stop(75%, var(--color-dark-grey)), to(var(--color-dark-grey))); background: linear-gradient(270deg, rgba(26,26,26,0) 0%, var(--color-dark-grey) 75%, var(--color-dark-grey) 100%) }
.testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::after { right: 0; left: auto; background: -webkit-gradient(linear, left top, right top, from(rgba(26,26,26,0)), color-stop(75%, var(--color-dark-grey)), to(var(--color-dark-grey))); background: linear-gradient(90deg, rgba(26,26,26,0) 0%, var(--color-dark-grey) 75%, var(--color-dark-grey) 100%) } */
.testimonials.owl-carousel .owl-nav button svg, .events-slider.owl-carousel .owl-nav button svg { color: #313133 }
.testimonials.owl-carousel .owl-nav button, .awards.slider.owl-carousel .owl-nav button, .events-slider.owl-carousel .owl-nav button { margin: 0; opacity: 1; visibility: visible; top: calc(50% - 2.0625rem); background-color: transparent!important }
.testimonials.owl-carousel .owl-dots { margin-top: 2.5rem!important }
.testimonials.owl-carousel.mask-light .owl-nav button { color: #000!important; background-color: transparent!important }
.testimonials.mask-light .owl-stage-outer::before { background: linear-gradient(270deg, rgba(237, 237, 237, 0) 0%, var(--color-body-bg) 74.38%, var(--color-body-bg) 100%) }
.testimonials.mask-light .owl-stage-outer::after { background: linear-gradient(90deg, rgba(237, 237, 237, 0) 0%, var(--color-body-bg) 74.38%, var(--color-body-bg) 100%) }
.testimonial-item { padding: 2.5rem 1.875rem 2.1875rem; border-radius: 0.9375rem; position: relative; min-height: 18.4375rem }
.testimonial-item.base-light-bg::before { color: var(--color-base-light) }
.testimonial-item .t-quote { font-size: 0.875rem; margin-bottom: 2.1875rem }
.testimonial-item .t-meta-logo .logo-wrap { width: 4.6875rem; height: 4.6875rem; background: #f2f2f2; padding: 0.375rem; border-radius: 50% }
.testimonial-item .t-meta-logo img { width: auto!important; display: inline-block!important }
.testimonial-item .t-meta-authorname { font-size: 0.9375rem }
.testimonial-item .t-meta-info { font-size: 0.75rem }
.section-testimonials.style-2 .rte { max-width: 24.6875rem }
.slider-style-2.testimonials { background-color: var(--color-base-light); padding-bottom: 2.8125rem }
.slider-style-2.testimonials .testimonial-item { border-radius: 0 }
.slider-style-2.testimonials .testimonial-item::before { content: '”'; font-family: Arial, Helvetica, sans-serif; font-size: 6.25rem; font-weight: 700; line-height: 1.2; color: #d0deff; display: inline-block; position: absolute; top: 0.625rem; right: 0.9375rem }
.slider-style-2.testimonials .testimonial-item .t-quote { max-width: 88% }
.slider-style-2.testimonials.owl-carousel .owl-nav button { top: auto; bottom: 1.25rem; left: auto!important }
.slider-style-2.testimonials.owl-carousel .owl-nav button.owl-prev { right: 6.25rem }
.slider-style-2.testimonials.owl-carousel .owl-nav button.owl-next { right: 2.1875rem }
.section-testimonials .img, .testimonial-slide-img { background: #e9e9e9 url(../img/testimonials-img.jpg) no-repeat center center/cover; padding-top: 56.25% }
.content-overlay, .bg-cover { background: no-repeat center center/cover; position: relative }
.content-overlay::after { content: ''; display: block; background: #969696; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; mix-blend-mode: multiply; z-index: 0 }
.style-2 .industry_icons-wrap, .style-1 .images_grid-wrap { padding-top: 4.0625rem; padding-bottom: 2.8125rem }
.section-oci.style-1 .images_grid-title a { color: inherit }
.section-oigc .simple_icon_grids { max-width: 53.125rem }
.section-oigc .simple_icon_grid--item .igi-info { max-width: 16.25rem }
.partner-card { padding: 2.5rem 1.75rem 1.875rem }
.ov_grid_items .ov_grid-item { max-width: 15.625rem }
.ov_grid-item .ov-quote { position: absolute; z-index: 1; bottom: 76%; right: 0; left: 0; -webkit-transition: all .25s ease-in; transition: all .25s ease-in }
.ov_grid-item:hover .ov-quote { bottom: calc(76% + 1.75rem) }
.ov_grid-item .ov-quote-txt { font-size: 1.125rem; line-height: 1.3; padding: 1.125rem 1.25rem; background-color: var(--color-base-light); border-radius: 0.9375rem; position: relative; max-width: 15rem; z-index: 1; min-width: 8.5rem; min-height: 4.5rem }
.ov_grid-item .ov-quote-txt::after { width: 0; height: 0; border-top: 0.875rem solid var(--color-base-light); border-left: 0.9375rem solid transparent; content: ""; position: absolute; top: 99%; left: 26% }
.ov_grid-item .arrow-right .ov-quote-txt::after { right: 30%; left: auto; border-right: 0.9375rem solid transparent; border-left: none }
.ov_grid-item .ov-img::before { content: ''; display: block; padding-top: 136% }
.ov_grid-item .ov-img img { -o-object-fit: contain; object-fit: contain; position: absolute; bottom: 0; left: 0; width: 100% }
.ov_grid-item.achievement-box .ov-img img { width: calc(100% + 2rem); max-width: unset; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.ov_grid-item .ov-meta-info { max-width: 13.4375rem; margin: 0 auto }
.job_cards { max-width: 50.75rem }
.job-card { padding: 2.1875rem 1.875rem }
.icon-file-download { background: url('../img/icon-file-download.svg') no-repeat center center/contain; min-width: 1.8125rem; height: 2.25rem; display: inline-block }
.icon-link { background: url('../img/icon-link.svg') no-repeat center center/contain; min-width: 2.125rem; height: 2rem; display: inline-block }
.news-item-row { border-bottom: 0.0625rem solid #cecece }
.news-item { padding-left: 4.0625rem }
.news-item .news-title a:not(:hover) { color: var(--color-title) }
.news-item .news-icon { position: absolute; top: 0; left: 0 }
.news-item .news-meta { color: var(--color-grey-1) }
.partner-logo { height: 4.375rem }
.partner-logo img { width: auto; max-height: 4.375rem; -o-object-fit: contain; object-fit: contain }
.section-eos h6 { font-size: 1.125rem }
.eosp_icon_listing .nav-item.active, .eosp_icon_listing .nav-item:hover { background-color: var(--color-dark-grey)!important }
.eosp_icon_listing .nav-item { background-color: #fc9233!important; max-width: 10.125rem; margin: 0.0625rem; font-size: 1.25rem; -webkit-transition: 0.2s all; transition: 0.2s all }
.eosp_icon_listing .nav-item:not(.active) img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) }
.eosp_icon_listing .nav-item:hover img { -webkit-filter: none; filter: none }
.eosp_icon_listing .nav-item>span:nth-child(2) { line-height: 1.2 }
.eosp_icon_listing .tab-pane { background-color: var(--color-dark-grey); margin-top: 0 }
.eosp_icon_listing .nav-item { position: relative }
.eosp_icon_listing .nav-item::after { position: absolute; content: ''; border-top: 0.9375rem solid transparent; border-color: var(--color-dark-grey); border-left: 0.9375rem solid transparent; border-right: 0.9375rem solid transparent; width: 1.875rem; height: 0.9375rem; right: 0; bottom: -0.875rem; left: 0; margin: auto; opacity: 0 }
.eosp_icon_listing .nav-item.active::after { opacity: 1 }
.eosp_icon_listing .rte ul { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap; flex-wrap: wrap }
.eosp_icon_listing .rte ul li { width: 100%; margin-top: 1rem; margin-bottom: 0 }
.eosp_icon_listing .rte ul li a { color: var(--color-base-light)!important; text-decoration: underline }
.sharelink-widget iframe { mix-blend-mode: multiply }
.g-accordion .card, .g-accordion .card-header { background-color: transparent; border-color: rgba(255,255,255,.35)!important }
.g-accordion .card-header button { height: auto; padding: 1.125rem 0.9375rem 1.125rem 3.4375rem; background-color: transparent; font-size: 1.125rem; line-height: 1.4; text-transform: none }
.g-accordion .card-header button::before { content: "\f067"; display: inline-block; font: normal normal normal 0.875rem/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--color-primary); position: absolute; top: 1.4375rem; left: 1.25rem; -webkit-transition: .3s all; transition: .3s all }
.g-accordion .card-header button[aria-expanded="true"]::before { content: "\f068"; top: 1.3125rem; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.g-accordion .card-body { padding: 1.5625rem 1.25rem }
.default-bg .g-accordion .card, .default-bg .g-accordion .card-header, .base-light-bg .g-accordion .card, .base-light-bg .g-accordion .card-header { border-color: rgba(0,0,0,.15)!important }
.primary-bg .g-accordion .card-header button::before { color: var(--color-base-light) }
.media-card--item .mci-img img { -webkit-transition: .4s all; transition: .4s all; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 62.5rem; perspective: 62.5rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.media-card--item:hover .mci-img img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.media-card--item .mci-meta-rte ul:last-child { margin-bottom: 0 }
.card-style-3 .media-card--item { border: 0.0625rem solid var(--color-secondary); border-radius: 0.9375rem }
.events-slider .event-description { padding: 3.125rem 2.5rem 7.5rem }
.events-slider .event-description h4 { margin-bottom: 1.875rem }
.events-slider .event-image { background: var(--color-base-light) no-repeat center center/cover; padding-top: 52.25% }
.events-slider.owl-carousel .owl-nav button { top: auto; bottom: 1.875rem; right: auto!important }
.events-slider.owl-carousel .owl-nav button.owl-prev { left: 2.5rem }
.events-slider.owl-carousel .owl-nav button.owl-next { left: 6.375rem }
.section-contacts .simple_icon_grid--item a { color: var(--color-base-light) }
.section-contacts .simple_icon_grid--item a.hover-line { font-family: var(--global-font-opensans); font-size: var(--global-font-size); text-transform: none; padding-bottom: 0.1875rem }
.section-contacts .simple_icon_grid--item a.hover-line::after { background-color: var(--color-base-light) }
.section-contacts .simple_icon_grid--item .igi-icon { min-height: 3.125rem }
.section-contacts .simple_icon_grid--item .igi-icon img { width: 3.125rem }
.section-contacts .simple_icon_grid--item .igi-info { max-width: initial }
.section-main-offices { padding-bottom: 0 }
.section-other-offices { padding-bottom: calc(var(--gutter-y) - 3rem) }
.office-locations .office-phone { border-top: 0.0625rem solid #919191; border-bottom: 0.0625rem solid #919191 }
.office-locations .office-phone a:not(:hover) { color: #000 }
.location-map iframe { display: block; width: 100%; height: 18.75rem; border: 0; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(99%); backface-visibility: hidden }
.section-contact .content-wrap .sh-title { text-shadow: 1px 1px 6px #fff }
.section-contact .content-wrap .rte { max-width: 20rem }
.section-contact .content-wrap a:not(.g-btn) { text-decoration: underline; color: var(--color-base-light) }
.section-contact span.wpcf7-not-valid-tip { color: #780707 }
.section-results .igi-icon { margin-bottom: 1.5625rem }
.section-results .igi-icon img { width: 20%; max-height: 4.875rem; object-fit: contain }
.section-results .igi-title .result-value { margin-bottom: 1.875rem }
.section-rtm .icon_list--item:last-child { margin-bottom: 0 }
.section-rtm .icon_list--item .ili-icon { flex: 0 0 2.375rem; max-width: 2.375rem }
.section-rtm .icon_list--item .ili-icon img { width: 100%; max-height: 2.5rem; object-fit: contain }
.section.section-counters, .section.section-suppliers.grid, .section.section-services.style-2, .section.section-insights, .section.section-cwi.layout-1, .section.section-rcg, .section.section-mc:not(.has-cta), .section.section-iww, .section.section-teams, .section.section-partners, .page-template-template-investor-relations .section.sc-section { padding-bottom: calc(var(--gutter-y) - 1.5rem) }
/* sidebar widget */
.sidebar-right .widgets-wrap { max-width: 29.375rem }
.widget h4 { margin-bottom: 2.1875rem }
.wp-block-categories-list, .wp-block-latest-posts__list, .recent-post-list { list-style: none; padding-left: 0; margin-bottom: 0 }
.wp-block-categories-list .cat-item { color: var(--color-grey-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.wp-block-categories-list .cat-item+.cat-item, .wp-block-latest-posts__list li+li { margin-top: 0.625rem }
.wp-block-categories-list .cat-item a:not(:hover), .wp-block-latest-posts__list li a:not(:hover), .recent-post-list li a:not(:hover) { color: inherit }
.tax-filters-list .cat-item { display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.post-list__item { position: relative; color: #000 }
.post-list__item+.post-list__item { margin-top: 1.875rem }
.post-list__item .list__item--thumb { -ms-flex: 0 0 6.25rem; flex: 0 0 6.25rem; max-width: 6.25rem; position: relative; background: #c5c5c5 }
.post-list__item .list__item--thumb .img::before { content: ''; display: block; width: 100%; padding-top: 100% }
.post-list__item .list__item--thumb .img { background: no-repeat center center/cover; height: 100% }
.post-list__item .list__item--details { padding: 1rem 1rem 1rem 7% }
.post-list__item h4 { line-height: 1.5rem }
.post-list__item .date { font-size: 0.875rem; color: var(--color-grey-1) }
/* blog page's posts grid */
.blog-grid .entry-item, .recent-posts-grid .post__item { border-radius: 0.9375rem; overflow: hidden; -webkit-transition: .3s all; transition: .3s all }
.blog-grid .entry-item:hover, .recent-posts-grid.card-style-2 .post__item:hover { -webkit-box-shadow: 0 0.3125rem 0.9375rem 0 rgba(0,0,0,.15); box-shadow: 0 0.3125rem 0.9375rem 0 rgba(0,0,0,.15) }
.blog-grid .entry-item .entry-content-wrap { padding: 1.5625rem 1.5625rem 2.1875rem }
.blog-grid .entry-item .entry-thumb .img, .recent-posts-grid.card-style-2 .post__item .img { -webkit-transition: .4s all; transition: .4s all; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 62.5rem; perspective: 62.5rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% }
.blog-grid .entry-item:hover .entry-thumb .img, .recent-posts-grid.card-style-2 .post__item:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.blog-grid .entry-item .img::before, .recent-posts-grid.card-style-2 .post__item .img:before { content: ''; display: block; width: 100%; padding-top: 73.35% }
.blog-grid .entry-item .entry-header { margin-bottom: 1rem }
.blog-grid .entry-item .entry-meta-date { font-size: var(--global-font-size) }
.blog-grid .entry-item .entry-title, .recent-posts-grid.card-style-2 .post__item-title { font-family: var(--global-font-opensans); line-height: 1.2 }
.blog-grid .entry-item .entry-title:hover, .recent-posts-grid.card-style-2 .post__item-title:hover { color: var(--color-primary) }
.blog-grid .entry-item .entry-title a, .recent-posts-grid.card-style-2 .post__item-title a { color: inherit }
/* recent posts grid */
.recent-posts-grid.card-style-1 .post__item { padding: 2.1875rem 2.1875rem 3.125rem; position: relative; background: no-repeat center center/cover; max-width: 100%; min-height: 18rem }
.recent-posts-grid.card-style-1 .post__item::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(72,72,72,.4); mix-blend-mode: multiply; z-index: 0; -webkit-transition: .3s all; transition: .3s all }
.recent-posts-grid.card-style-1 .post__item:hover::before { background: rgba(72,72,72,.95) }
.recent-posts-grid.card-style-1 .post__item .title { -webkit-transition: .3s all; transition: .3s all }
/* .recent-posts-grid.card-style-1 .post__item:hover .title { color: var(--color-primary)!important } */
.recent-posts-grid.card-style-2 .post__item .img { background: var(--color-placeholder) no-repeat center center/cover }
.recent-posts-grid.card-style-2 .post__item .img.placeholder { background-size: 80% }
.recent-posts-grid.card-style-2 .post__item-content { padding: 2.25rem }
/* single case study */
.gcs-content ul:last-child { margin-bottom: 0 }
.gcs-content img[class*=wp-image] { margin-top: 2rem; margin-bottom: 2rem }
.section-results-delivered { padding-bottom: calc(var(--gutter-y) - 3rem); margin-top: var(--gutter-y) }
.gcs-design-results { margin-top: 3.125rem }
.gcs-design-results .dr-block--icon img { width: 3.875rem; height: 4.375rem; -o-object-fit: contain; object-fit: contain }
.rd-grid-container.grid-size-1 { max-width: 47.5rem }
.rd-grid-container.grid-size-2 { max-width: 59.375rem }
.rd-grid-container.grid-size-3 { max-width: 87.5rem }
.rd-grid--result .result-info { max-width: 20.9375rem }
.section-cs-reviews-grid .testimonials-wrap { max-width: 85.25rem; margin: auto }
.section-cs-reviews-grid .testimonial-item { max-width: 41.875rem; margin: auto }
.section-cs-nav .post-nav { border-bottom: 0.0625rem solid #cbcbcb }
.embed-responsive-3by2::before { padding-top: 70% }
/* cookie consent */
.cky-notice .cky-notice-des, .cky-notice .cky-notice-des * { font-size: 0.8125rem; line-height: 1.6 }
div[class*=cky-] button { height: auto!important }
div[class*=cky-] button.cky-btn { font-family: var(--global-font-montserrat); font-size: 0.75rem; line-height: 1.4; text-transform: uppercase; border-width: 0.0625rem; border-radius: 1.875rem; padding: 0.75rem 1.5625rem!important }
/* newsletter form */
.cm-newsletter-form h5, .cm-newsletter-form div p { margin-bottom: 0.75rem }
/* .cm-newsletter-form .widget>div>div>div:first-child { display: none } */
.cm-newsletter-form form { padding-top: 0.625rem }
.cm-newsletter-form form>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.25rem }
.cm-newsletter-form form>div>div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.cm-newsletter-form form>div>div:first-child, .cm-newsletter-form form>div>div:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.cm-newsletter-form form label { display: none!important }
.cm-newsletter-form form input:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) { height: 2.625rem; background: #efefef; color: var(--color-body-text); border-radius: 1.875rem }
.cm-newsletter-form form button { display: inline-block; font-family: var(--global-font-montserrat); font-size: var(--button-font-size); font-weight: var(--button-font-weight); line-height: 1.4; text-align: center!important; vertical-align: middle; background: var(--color-royal-blue); background: linear-gradient(45deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-royal-blue) 50%, var(--color-sky-blue) 100%); background-size: 240% auto; color: var(--color-base-light); padding: 0.875rem 1.875rem; border: 0; border-radius: var(--button-border-radius); min-width: 8.875rem; height: auto!important; cursor: pointer; outline: 0.0625rem solid transparent; -webkit-box-shadow: none!important; box-shadow: none!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.5s; transition: all 0.5s }
.cm-newsletter-form form button:hover { background-position: right center }
.pum .pum-container.popmake { width: 62.5rem!important; max-width: calc(100% - 2.875rem) }
.pum .popup-img, .pum .popup-img img { width: 100%; height: 100% }
.pum .popup-img img { -o-object-fit: cover; object-fit: cover }
.pum .cm-newsletter-form { padding: 10% 8%; max-width: 100% }
.pum .cm-newsletter-form h5 { font-size: 1.5625rem; margin-bottom: 1.25rem }
.pum .cm-newsletter-form form { padding-top: 0.9375rem }
.pum .cm-newsletter-form form p:last-of-type { margin-bottom: 0 }
.pum .cm-newsletter-form form>div { gap: 1.125rem }
.pum .cm-newsletter-form form>div>div:first-child, .pum .cm-newsletter-form form>div>div:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.pum .cm-newsletter-form form input:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) { height: 3.25rem; padding: 0.75rem 1.5625rem }
/* pages style */
.section-cta h2 { text-transform: uppercase }
.section.home-hero { background: linear-gradient(35deg, #131f8b 10%, #003ce9 100%) }
.section.home-hero h2 { font-size: 4.375rem; font-weight: 800; line-height: 0.9; text-transform: uppercase }
.section.home-hero+.section-solutions { margin-top: clamp(-6.875rem, -5.8%, 0px) }
.section-drive-steps.section-rcg .rcgi-step { color: var(--color-primary) }
.section-event-solutions.section-rtm .btn-wrap.mt-5 { margin-top: 1.25rem !important }
.section-card-solutions .layout-2-row { align-items: flex-end }
.section-gamification .img-wrap img { border-radius: 1.25rem }
.page-id-2 .section-suppliers { padding-top: 0!important }
.page-id-2 .section-suppliers .rte { margin-bottom: 1.5625rem }
.page-id-53 .section-counters.default-bg .counter-icon img { filter: invert(0.7) } /* temporary fix */
.page-id-59 .section-rcg .rcg_cards_grid--item { padding: 3.125rem 1.875rem }
.page-id-59 .section-rcg .rcg_cards_grid--item .rcgi-title { padding-bottom: 1rem }
.page-id-73 .section-oci .images_grid { max-width: 42.5rem }
.page-id-73 .section-oci .col-6 .images_grid-title { max-width: 14.375rem }
.page-id-73 .section-oigc .content-wrap { padding-top: 5rem }
.page-id-73 .section-oigc .col-left .content-wrap { padding-bottom: 1.875rem }
.page-id-73 .section-oigc .col-right .content-wrap { padding-bottom: 5rem }
.page-id-81 hr { border-color: #707070 }
.page-id-81 #investor-presentations .embed-responsive { max-width: 62.5rem }
.page-id-85 .section-clients .rte { max-width: 20rem }
.page-id-89 .section-careers, .page-id-1967 .section-tat.section-2, .page-id-1967 .section-mc.section-3 { padding-bottom: 0 }
.page-id-1619 .section-mc { padding-top: 1.875rem }
.page-id-1967 .section-tat.section-2 .section-head { margin-bottom: 0 }
.page-id-1967 .section-tat.section-4 { padding-top: 0 }
/* ------------------------------- */
/* --------- media query --------- */
/* ------------------------------- */
/* Target devices with DPR 2+ (like Retina) */
@media (min-resolution: 2dppx) {
    /* High DPI styles here */
}
/* Target DPR 1 (standard displays) */
@media (max-resolution: 1dppx) {
    /* Low DPI styles here */
}
@media (min-width: 26.25rem) { /* 420px */
    .grid .supplier__item { width: calc(100% / 3) }
    .grid .client__item { width: calc(100% / 3) }
}
@media (min-width: 36rem) { /* 576px */
    .container, .container-sm { max-width: 33.75rem }
    .w-sm-25 { width: 25%!important }
    .w-sm-50 { width: 50%!important }
    .w-sm-75 { width: 75%!important }
    .w-sm-100 { width: 100%!important }
    .search .entry-thumb .img { padding-top: 15.625rem }
    .simple_icon_grid--item { max-width: 28.875rem }
    /* .simple_icon_grid--item .igi-head { max-width: 19.5rem } */
    .simple_icon_grid--item .igi-info { max-width: 19.75rem }
    .footer-email a { padding-top: 0; padding-left: 3.125rem }
    .footer-email a::before { /* top: 0.75rem; */ right: auto }
    .post-list__item .list__item--thumb { -ms-flex: 0 0 7.5rem; flex: 0 0 7.5rem; max-width: 7.5rem }
    .testimonial-item { padding: 2.5rem 2.8125rem 2.8125rem }
    .testimonial-item .t-quote { font-size: 1.125rem }
    .testimonial-item .t-meta-authorname { font-size: 1.25rem }
    .testimonial-item .t-meta-info { font-size: 1rem }
    /* .card-style-2 .tmi-meta { min-height: 6.3281rem } */
    .slider-style-2.testimonials .testimonial-item::before { font-size: 9.375rem; top: 0.9375rem; right: 1.25rem }
    .slider-style-2.testimonials .testimonial-item .t-quote { max-width: 85.5% }
    .slider-style-1.testimonials.owl-carousel .owl-nav button svg { color: var(--color-base-light) }
    .testimonials.owl-carousel .owl-nav button.owl-prev { left: -2.625rem }
    .testimonials.owl-carousel .owl-nav button.owl-next { right: -2.625rem }
    .ov_grid-item .ov-quote-txt { font-size: 0.9375rem }
    .cky-consent-bar { padding: 1.25rem calc(var(--fluid-gutter-lg) - 0.375rem) 1.25rem var(--fluid-gutter-lg)!important }
    .section-counters { padding-bottom: calc(var(--gutter-y) - 3rem) }
}
@media (min-width: 48rem) { /* 768px */
    :root { --fluid-gutter-lg: clamp(0rem, var(--g-val-sm), var(--g-val-px)) }
    .container, .container-md, .container-sm { max-width: 45rem }
    .pr-md-fluid { padding-right: var(--fluid-gutter-lg) }
    .pl-md-fluid { padding-left: var(--fluid-gutter-lg) }
    .px-md-fluid { padding-right: var(--fluid-gutter-lg); padding-left: var(--fluid-gutter-lg) }
    .pr-md-fluid-2x { padding-right: var(--fluid-gutter-lg-2x) }
    .pl-md-fluid-2x { padding-left: var(--fluid-gutter-lg-2x) }
    .px-md-fluid-2x { padding-right: var(--fluid-gutter-lg-2x); padding-left: var(--fluid-gutter-lg-2x) }
    .px-md-fluid-15x { padding-right: var(--fluid-gutter-lg-15x); padding-left: var(--fluid-gutter-lg-15x) }
    .pr-md-fluid-15x { padding-right: var(--fluid-gutter-lg-15x) }
    .pl-md-fluid-15x { padding-left: var(--fluid-gutter-lg-15x) }
    .px-md-fluid-3x { padding-right: var(--fluid-gutter-lg-3x); padding-left: var(--fluid-gutter-lg-3x) }
    .pr-md-fluid-3x { padding-right: var(--fluid-gutter-lg-3x) }
    .pl-md-fluid-3x { padding-left: var(--fluid-gutter-lg-3x) }
    .w-md-25 { width: 25%!important }
    .w-md-50 { width: 50%!important }
    .w-md-75 { width: 75%!important }
    .w-md-100 { width: 100%!important }
    .pagination .page-item { max-width: 26.875rem }
    .counter-item .counter-wrap.type-text .labeltxt { font-size: 1.25rem }
    .square-anim-card { min-height: 30rem }
    .grid .supplier__item { width: calc(100% / 5) }
    .grid .client__item { width: calc(100% / 5) }
    .page-banner { height: 36vh; min-height: 20rem; max-height: 23.75rem; padding: 3.75rem 0 3.75rem }
    .page-banner.large { height: 66vh; min-height: 31.25rem }
    .oso-intro { padding: 3.125rem 10% 3.125rem 14.72% }
    /* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { width: 7.5rem; display: inline-block } */
    /* .card-style-2 .tmi-meta { min-height: 6.703rem } */
    .partner-content .partner-info { max-width: 20.3125rem }
    .partner-content .partner-title { max-width: 16.875rem }
    .style-1 .simple_icon_grid--item { padding-left: 4.375rem }
    .ov_grid-item .ov-quote-txt { font-size: 1.125rem }
    .eosp_icon_listing .rte ul li { width: 50%; margin-top: 2rem }
    .eosp_icon_listing .tab-pane { margin-top: 0.625rem }
    .recent-posts-grid.card-style-1 .post__item { aspect-ratio: 1/1; min-height: auto }
    .section.section-case-studies { padding-bottom: 0 }
    .section-contacts .col-left .content-wrap, .section-contact .bg-cover .content-wrap { padding-top: 6.25rem; padding-bottom: 6.25rem }
    .section-gamification .img-wrap img { border-radius: 2.5rem }
}
@media (min-width: 62rem) { /* 992px */
    .container, .container-lg, .container-md, .container-sm { max-width: 60rem }
    p, blockquote, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte ul, article .entry-content ul.list-space-lg li, article .entry-content ol.list-space-lg li { margin-bottom: 1.5625rem }
    .pr-lg-fluid { padding-right: var(--fluid-gutter-lg) }
    .pl-lg-fluid { padding-left: var(--fluid-gutter-lg) }
    .px-lg-fluid { padding-right: var(--fluid-gutter-lg); padding-left: var(--fluid-gutter-lg) }
    .pr-lg-fluid-2x { padding-right: var(--fluid-gutter-lg-2x) }
    .pl-lg-fluid-2x { padding-left: var(--fluid-gutter-lg-2x) }
    .px-lg-fluid-2x { padding-right: var(--fluid-gutter-lg-2x); padding-left: var(--fluid-gutter-lg-2x) }
    .px-lg-fluid-15x { padding-right: var(--fluid-gutter-lg-15x); padding-left: var(--fluid-gutter-lg-15x) }
    .pr-lg-fluid-15x { padding-right: var(--fluid-gutter-lg-15x) }
    .pl-lg-fluid-15x { padding-left: var(--fluid-gutter-lg-15x) }
    .px-lg-fluid-3x { padding-right: var(--fluid-gutter-lg-3x); padding-left: var(--fluid-gutter-lg-3x) }
    .pr-lg-fluid-3x { padding-right: var(--fluid-gutter-lg-3x) }
    .pl-lg-fluid-3x { padding-left: var(--fluid-gutter-lg-3x) }
    .w-lg-25 { width: 25%!important }
    .w-lg-50 { width: 50%!important }
    .w-lg-75 { width: 75%!important }
    .w-lg-100 { width: 100%!important }
    .site-header__fixed~.site-main-area { padding-top: 6.25rem }
    .site-header.scrolling .site-branding { padding-top: 0.9375rem; padding-bottom: 0.9375rem }
    .site-header .site-branding { padding: 1.5625rem 1.875rem }
    .main-navigation { -webkit-transform: none!important; transform: none!important }
    .navbar-nav>li { padding: 0.5rem 0 }
    .navbar-nav .dropdown .dropdown-menu { /* display: block; opacity: 0; visibility: hidden;  */-webkit-transition: all 0.25s; transition: all 0.25s; z-index: -1; margin-left: -0.9375rem; -webkit-box-shadow: 0rem 0.5rem 1.25rem rgba(0, 0, 0, 0.2); box-shadow: 0rem 0.5rem 1.25rem rgba(0, 0, 0, 0.2) }
    /* .navbar-nav .dropdown:hover>.dropdown-menu, .navbar-nav .dropdown:focus-within>.dropdown-menu { opacity: 1; visibility: visible } */
    .navbar-nav .dropdown-menu .dropdown-menu { display: block; top: 0; left: 100%; margin-top: 0; margin-left: 0.75rem; opacity: 0; visibility: hidden; z-index: 1 }
    .navbar-nav .dropdown-item.menu-item-has-children:hover>.dropdown-menu, .navbar-nav .dropdown-item.menu-item-has-children:focus-within>.dropdown-menu { opacity: 1; visibility: visible }
    .right-strip-primary.rv-strip-area::after, .left-strip-primary.lv-strip-area::before, .right-strip-primary .rv-strip-area::after, .left-strip-primary .lv-strip-area::before { width: 1.875rem }
    .page-banner h1, .page-banner .h1 { font-size: 4.0625rem }
    .section.home-hero h2 { font-size: 5.625rem }
    /* .sh-subtitle { font-size: 1.125rem } */
    #g-popup .close { top: 0.9375rem; right: 0.9375rem }
    #g-popup .modal-body { padding: 6% 6% 4% 6% }
    .logos-container.columns-3 { max-width: 35rem; margin: 0 auto }
    .logos-container.columns-4 { max-width: 43.75rem; margin: 0 auto }
    .pagination .page-item .thumb { -ms-flex: 0 0 7.5rem; flex: 0 0 7.5rem; max-width: 7.5rem }
    .grid .supplier__item { width: calc(100% / 6) }
    .grid .client__item { width: calc(100% / 6) }
    .location-map iframe { height: 24.0625rem }
    /* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { width: 10rem } */
    .testimonials.owl-carousel .owl-nav button.owl-prev { left: -3.25rem }
    .testimonials.owl-carousel .owl-nav button.owl-next { right: -3.25rem }
    .style-2 .gcs__item-loop .gcs__item--thumb { min-height: 21.875rem }
    .style-3 .gcs__item-loop .gcs__item--thumb { min-height: 25rem }
    .section-our-values .container { max-width: 82.5rem }
    /* .section-contact .content-wrap { padding-top: 5rem; padding-bottom: 5rem } */
    .ov_grid-item .ov-img::before { padding-top: 140% }
    .eosp_icon_listing .nav-item span:first-child { min-height: 7.5rem }
    .eosp_icon_listing .nav-item { margin: 0.125rem }
    .eosp_icon_listing .rte ul li { width: 33.3336% }
    .g-accordion .card-header button { padding: 1.5625rem 1.5625rem 1.5625rem 5.3125rem; font-size: 1.375rem }
    .g-accordion .card-header button::before { top: 1.9375rem; left: 2.1875rem }
    .g-accordion .card-header button[aria-expanded="true"]::before { top: 1.8125rem }
    .g-accordion .card-body { padding: 2.1875rem }
    .cm-newsletter-form { max-width: 28.75rem }
    .pum .cm-newsletter-form h5 { font-size: 1.75rem }
    .perks-card { min-height: 24.25rem }
    .events-slider .event-description { padding: 13.3% 13.3% 6.25rem }
    .events-slider.owl-carousel .owl-nav button { bottom: 2.875rem }
    .events-slider.owl-carousel .owl-nav button.owl-prev { left: 5.4% }
    .events-slider.owl-carousel .owl-nav button.owl-next { left: 10.2% }
    .page-id-2 .home-hero .img-wrap img { max-width: 41.875vw }
    .page-id-53 .section-services .rcg_cards_grid--item { margin-right: auto; margin-left: auto }
    .page-id-53 .section-services .rcg_cards_grid [class*=col-12] .rcg_cards_grid--item { -ms-flex: 0 0 16.25rem; flex: 0 0 16.25rem; max-width: 75% }
    .page-id-53 .section-services .rcg_cards_grid [class*=col-12]:first-child::before, .page-id-53 .section-services .rcg_cards_grid [class*=col-12]:last-child::after { display: none }
    .page-id-53 .section-services .rcg_cards_grid [class*=col-12]::before, .page-id-53 .section-services .rcg_cards_grid [class*=col-12]::after { content: ''; display: inline-block; width: 10%; max-width: 2.1875rem; height: 0.125rem; background: var(--color-primary); position: absolute; top: 50%; margin-top: -0.125rem }
    .page-id-53 .section-services .rcg_cards_grid [class*=col-12]::before { right: auto; left: 0 }
    .page-id-53 .section-services .rcg_cards_grid [class*=col-12]::after { right: 0; left: auto }
    .page-id-53 .section-services .container { width: 98%; max-width: 77.8125rem }
    .page-id-93 .content-wrap { padding-top: 6.25rem; padding-bottom: 6.25rem }
}
@media (min-width: 75rem) { /* 1200px */
    :root { --gutter-y: 5rem }
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 71.25rem }
    .pr-xl-fluid { padding-right: var(--fluid-gutter-lg) }
    .pl-xl-fluid { padding-left: var(--fluid-gutter-lg) }
    .px-xl-fluid { padding-right: var(--fluid-gutter-lg); padding-left: var(--fluid-gutter-lg) }
    .pr-xl-fluid-2x { padding-right: var(--fluid-gutter-lg-2x) }
    .pl-xl-fluid-2x { padding-left: var(--fluid-gutter-lg-2x) }
    .px-xl-fluid-2x { padding-right: var(--fluid-gutter-lg-2x); padding-left: var(--fluid-gutter-lg-2x) }
    .px-xl-fluid-15x { padding-right: var(--fluid-gutter-lg-15x); padding-left: var(--fluid-gutter-lg-15x) }
    .pr-xl-fluid-15x { padding-right: var(--fluid-gutter-lg-15x) }
    .pl-xl-fluid-15x { padding-left: var(--fluid-gutter-lg-15x) }
    .px-xl-fluid-3x { padding-right: var(--fluid-gutter-lg-3x); padding-left: var(--fluid-gutter-lg-3x) }
    .pr-xl-fluid-3x { padding-right: var(--fluid-gutter-lg-3x) }
    .pl-xl-fluid-3x { padding-left: var(--fluid-gutter-lg-3x) }
    .w-xl-25 { width: 25%!important }
    .w-xl-50 { width: 50%!important }
    .w-xl-75 { width: 75%!important }
    .w-xl-100 { width: 100%!important }
    .navbar-nav>li { margin: 0 1.625rem }
    .page-banner { height: 56.25vh; min-height: 22.5rem; max-height: 33.125rem }
    .page-banner::before { display: none }
    .page-banner.large { height: 80vh; min-height: 36.25rem }
    #g-popup .close { top: 1.5625rem; right: 1.5625rem }
    .top-footer .top-col-right .widget_block { max-width: 19.875rem }
    .top-footer ul.menu li+li { margin-top: 0.9375rem }
    .error-404 { padding-top: var(--gutter-y); padding-bottom: var(--gutter-y) }
    .section.home-hero h2 { font-size: 7.5rem }
    .section-waw { padding-top: 5.9375rem; padding-bottom: 4.375rem }
    .section-waw .rte { max-width: 41.875rem }
    .step_card--item.card-boxed { padding: 3.4375rem 14% 4.0625rem }
    .grid .supplier__item { width: calc(100% / 7) }
    .grid .client__item { width: calc(100% / 7) }
    .location-map iframe { height: calc(100% - 3rem) }
    .columns-5 .simple_icon_grid--item .igi-info { max-width: 13.75rem }
    .columns-4 .container .simple_icon_grid--item .igi-info { max-width: 14.375rem }
    .style-1 .simple_icon_grid--item { padding-left: 5.3125rem }
    .simple_icon_grids.style-1 .simple_icon_grid--item { margin-bottom: 5.3125rem!important }
    .section-suppliers .section-head { margin-bottom: 3.125rem }
    /* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { width: 8.75rem } */
    .testimonials-wrap .col-left { flex: 0 0 63.94%; max-width: 63.94% }
    .testimonials-wrap .col-right { flex: 0 0 36.06%; max-width: 36.06% }
    .style-2 .industry_icons { max-width: 41.5625rem }
    .style-2 .industry_icons-wrap { padding-top: var(--gutter-y) }
    .style-1 .images_grid-wrap { padding-top: 4.375rem }
    .card-style-2 .tmi-meta-wrap { padding: 2.5rem 2.8125rem 2.375rem }
    /* .card-style-2 .tmi-meta { min-height: 7.0625rem } */
    /* .section-other-offices .office-country { min-height: 6rem } */
    .section-results-delivered { padding-bottom: 0!important }
    .gcs-results-delivered .rd-content-wrap { margin-bottom: var(--gutter-y)!important }
    .gcs-results-delivered .rd-grid-item { margin-bottom: var(--gutter-y)!important }
    .gcs-design-results { margin-top: 4.375rem }
    .eosp_icon_listing .nav-item { min-height: 13.75rem }
    .eosp_icon_listing .tab-pane { margin-top: 1.5625rem }
    .eosp_icon_listing .rte ul li { width: 20% }
    .section.section-cta .btn-wrap { margin-top: 3.7rem!important }
    .section-sig.layout-style-1 { padding-bottom: 0 }
    .section-sig.layout-style-1 .simple_icon_grids.style-2 { padding-bottom: 2rem }
    .section-sig.has-button { padding-bottom: var(--gutter-y) }
    .style-2 .service_grid--item .osi-info { max-width: 17.8125rem }
    .ov_grid-item .ov-quote-txt { font-size: 1rem }
    .section.home-hero+.section-solutions .solutions_grid .aos-init:not(.aos-animate) { opacity: 1; transform: translateZ(0) }
    .perks-card .card-label { margin-bottom: 4.375rem }
    .section-card-solutions .layout-2-row .col-left { padding-bottom: 3.75rem }
    .page-id-1949 .section-rtm.style-2 .content-wrap { padding-top: var(--gutter-y); padding-bottom: var(--gutter-y) }
    .page-id-2489 .section.section-sig .simple_icon_grid--item { max-width: 19.875rem; margin-right: auto; margin-left: auto }
    .page-id-57 .section-other-offices { padding-top: calc(var(--gutter-y) - 3rem) }
}
@media (min-width: 87.5rem) { /* 1400px */
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 85.3125rem }
    .col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xxl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xxl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xxl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xxl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xxl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xxl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    .m-xxl-0{margin:0!important}.mt-xxl-0,.my-xxl-0{margin-top:0!important}.mr-xxl-0,.mx-xxl-0{margin-right:0!important}.mb-xxl-0,.my-xxl-0{margin-bottom:0!important}.ml-xxl-0,.mx-xxl-0{margin-left:0!important}.m-xxl-1{margin:.25rem!important}.mt-xxl-1,.my-xxl-1{margin-top:.25rem!important}.mr-xxl-1,.mx-xxl-1{margin-right:.25rem!important}.mb-xxl-1,.my-xxl-1{margin-bottom:.25rem!important}.ml-xxl-1,.mx-xxl-1{margin-left:.25rem!important}.m-xxl-2{margin:.5rem!important}.mt-xxl-2,.my-xxl-2{margin-top:.5rem!important}.mr-xxl-2,.mx-xxl-2{margin-right:.5rem!important}.mb-xxl-2,.my-xxl-2{margin-bottom:.5rem!important}.ml-xxl-2,.mx-xxl-2{margin-left:.5rem!important}.m-xxl-3{margin:1rem!important}.mt-xxl-3,.my-xxl-3{margin-top:1rem!important}.mr-xxl-3,.mx-xxl-3{margin-right:1rem!important}.mb-xxl-3,.my-xxl-3{margin-bottom:1rem!important}.ml-xxl-3,.mx-xxl-3{margin-left:1rem!important}.m-xxl-4{margin:1.5rem!important}.mt-xxl-4,.my-xxl-4{margin-top:1.5rem!important}.mr-xxl-4,.mx-xxl-4{margin-right:1.5rem!important}.mb-xxl-4,.my-xxl-4{margin-bottom:1.5rem!important}.ml-xxl-4,.mx-xxl-4{margin-left:1.5rem!important}.m-xxl-5{margin:3rem!important}.mt-xxl-5,.my-xxl-5{margin-top:3rem!important}.mr-xxl-5,.mx-xxl-5{margin-right:3rem!important}.mb-xxl-5,.my-xxl-5{margin-bottom:3rem!important}.ml-xxl-5,.mx-xxl-5{margin-left:3rem!important}.p-xxl-0{padding:0!important}.pt-xxl-0,.py-xxl-0{padding-top:0!important}.pr-xxl-0,.px-xxl-0{padding-right:0!important}.pb-xxl-0,.py-xxl-0{padding-bottom:0!important}.pl-xxl-0,.px-xxl-0{padding-left:0!important}.p-xxl-1{padding:.25rem!important}.pt-xxl-1,.py-xxl-1{padding-top:.25rem!important}.pr-xxl-1,.px-xxl-1{padding-right:.25rem!important}.pb-xxl-1,.py-xxl-1{padding-bottom:.25rem!important}.pl-xxl-1,.px-xxl-1{padding-left:.25rem!important}.p-xxl-2{padding:.5rem!important}.pt-xxl-2,.py-xxl-2{padding-top:.5rem!important}.pr-xxl-2,.px-xxl-2{padding-right:.5rem!important}.pb-xxl-2,.py-xxl-2{padding-bottom:.5rem!important}.pl-xxl-2,.px-xxl-2{padding-left:.5rem!important}.p-xxl-3{padding:1rem!important}.pt-xxl-3,.py-xxl-3{padding-top:1rem!important}.pr-xxl-3,.px-xxl-3{padding-right:1rem!important}.pb-xxl-3,.py-xxl-3{padding-bottom:1rem!important}.pl-xxl-3,.px-xxl-3{padding-left:1rem!important}.p-xxl-4{padding:1.5rem!important}.pt-xxl-4,.py-xxl-4{padding-top:1.5rem!important}.pr-xxl-4,.px-xxl-4{padding-right:1.5rem!important}.pb-xxl-4,.py-xxl-4{padding-bottom:1.5rem!important}.pl-xxl-4,.px-xxl-4{padding-left:1.5rem!important}.p-xxl-5{padding:3rem!important}.pt-xxl-5,.py-xxl-5{padding-top:3rem!important}.pr-xxl-5,.px-xxl-5{padding-right:3rem!important}.pb-xxl-5,.py-xxl-5{padding-bottom:3rem!important}.pl-xxl-5,.px-xxl-5{padding-left:3rem!important}.m-xxl-n1{margin:-.25rem!important}.mt-xxl-n1,.my-xxl-n1{margin-top:-.25rem!important}.mr-xxl-n1,.mx-xxl-n1{margin-right:-.25rem!important}.mb-xxl-n1,.my-xxl-n1{margin-bottom:-.25rem!important}.ml-xxl-n1,.mx-xxl-n1{margin-left:-.25rem!important}.m-xxl-n2{margin:-.5rem!important}.mt-xxl-n2,.my-xxl-n2{margin-top:-.5rem!important}.mr-xxl-n2,.mx-xxl-n2{margin-right:-.5rem!important}.mb-xxl-n2,.my-xxl-n2{margin-bottom:-.5rem!important}.ml-xxl-n2,.mx-xxl-n2{margin-left:-.5rem!important}.m-xxl-n3{margin:-1rem!important}.mt-xxl-n3,.my-xxl-n3{margin-top:-1rem!important}.mr-xxl-n3,.mx-xxl-n3{margin-right:-1rem!important}.mb-xxl-n3,.my-xxl-n3{margin-bottom:-1rem!important}.ml-xxl-n3,.mx-xxl-n3{margin-left:-1rem!important}.m-xxl-n4{margin:-1.5rem!important}.mt-xxl-n4,.my-xxl-n4{margin-top:-1.5rem!important}.mr-xxl-n4,.mx-xxl-n4{margin-right:-1.5rem!important}.mb-xxl-n4,.my-xxl-n4{margin-bottom:-1.5rem!important}.ml-xxl-n4,.mx-xxl-n4{margin-left:-1.5rem!important}.m-xxl-n5{margin:-3rem!important}.mt-xxl-n5,.my-xxl-n5{margin-top:-3rem!important}.mr-xxl-n5,.mx-xxl-n5{margin-right:-3rem!important}.mb-xxl-n5,.my-xxl-n5{margin-bottom:-3rem!important}.ml-xxl-n5,.mx-xxl-n5{margin-left:-3rem!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}
    .w-xxl-25 { width: 25% }
    .w-xxl-50 { width: 50% }
    .w-xxl-75 { width: 75% }
    .w-xxl-100 { width: 100% }
    .grid .supplier__item { width: calc(100% / 9) }
    .grid .client__item { width: calc(100% / 9) }
    .layout-2 .style-2 .icon_card--item { padding: 1.875rem 3.125rem 1.875rem }
    /* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { width: 12.5rem } */
    .section.home-hero h2 { font-size: 9.25rem }
    .page-id-2 .home-hero .img-wrap img { max-width: 44.15vw }
}
@media (min-width: 100rem) { /* 1600px */
    :root { --fluid-gutter-lg: clamp(0rem, var(--g-val-lg), var(--g-val-px)) }
    .page-banner h1, .page-banner .h1 { font-size: 4.6875rem }
    .page-banner.large h1, .page-banner.large .h1 { font-size: 5.9375rem }
    /* .testimonials .owl-stage-outer::before, .testimonials .owl-stage-outer::after, .awards.slider .owl-stage-outer::before, .awards.slider .owl-stage-outer::after { width: 16.25rem } */
    .ov_grid-item .ov-quote-txt { font-size: 1.25rem }
}
@media (min-width: 120rem) { /* 1920px */
    :root { font-size: 100% }
    .container-fluid.px-fluid:not(.container-xxl):not(.container-xl):not(.container-lg):not(.container-md):not(.container-sm) { max-width: 120rem }
}
@media (min-width: 87.5rem) and (max-width: 99.9375rem) { /* 1400px to 1599px */
    :root { font-size: 84% }
    .section-card-solutions .layout-2-row .col-right img { max-width: 38vw }
}
@media (min-width: 75rem) and (max-width: 87.4375rem) { /* 1200px to 1399px */
    :root { font-size: 75% }
    .h1-xxl { font-size: 3.375rem }
    .ov_grid-item .ov-meta-title { font-size: 1.5rem }
    .section-card-solutions .layout-2-row .col-right img { max-width: 42vw }
}
@media (min-width: 75rem) and (max-width: 99.9375rem) { /* 1200px to 1599px */
    .ov_grid-item.achievement-box .ov-img img { width: calc(100% + 1.5625rem) }
}
@media (min-width: 62rem) and (max-width: 74.9375rem) { /* 992px to 1199px */
    :root { font-size: 90% }
}
@media (min-width: 48rem) and (max-width: 61.9375rem) { /* 768px to 991px */
    .style-3 .solutions_grid>.col-12:last-child:nth-child(odd) .solution_grid--item::before { width: auto; height: 0.0625rem; top: 0; right: 8%; bottom: auto; left: 8% }
}
@media (min-width: 36rem) and (max-width: 47.9375rem) { /* 576px to 767px */
    .ov_grid-item.achievement-box .ov-img img { width: calc(100% + 1.25rem) }
}
@media (max-width: 99.9375rem) { /* 1599px */
    h1, .h1 { font-size: 3.5rem }
    h2, .h2 { font-size: 2.875rem }
    h3, .h3 { font-size: 2rem }
    h4, .h4 { font-size: 1.375rem }
    h5, .h5 { font-size: 1.25rem }
    .h3-lg { font-size: 2.5rem }
    .h3-md { font-size: 2.25rem }
    .h3-sm { font-size: 1.75rem }
}
@media (max-width: 74.9375rem) { /* 1199px */
    h1, .h1 { font-size: 3rem }
    h2, .h2 { font-size: 2.375rem }
    h3, .h3 { font-size: 1.75rem }
    .h3-lg { font-size: 2rem }
    .h3-md { font-size: 1.75rem }
    .h3-sm { font-size: 1.5625rem }
    .single article h1 { font-size: 2.5rem }
    .single article h2 { font-size: 2rem }
    .single article h3 { font-size: 1.75rem }
    /* body .page-container { padding-top: 3.75rem } */
    .blog .page-container { padding-top: 0!important; padding-bottom: 0!important }
    .eosp_icon_listing .nav-item span:nth-child(2) { display: none!important }
}
@media (max-width: 61.9375rem) { /* 991px */
    .para-typo-md { font-size: var(--global-font-size) }
    .para-typo-lg { font-size: calc(var(--global-font-size) + 0.125rem) }
    .error-404 h1 { font-size: 7.5rem }
    .error-404 h2 { font-size: 1.5rem }
    .top-header { display: none!important }
    .site-header a.contact-btn { font-size: 68%; padding: 0.5rem 0.875rem; min-width: auto }
    .bottom-footer .footer-left img, .bottom-footer .footer-left svg { margin: 0 auto 0.9375rem; display: block }
    .counter-item:nth-child(even) { border-right: 0!important }
    .main-navigation { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1010; padding-top: 6.25rem; padding-bottom: 1.25rem; width: 100%; max-width: 30rem; opacity: 0; -webkit-perspective: 62.5rem; perspective: 62.5rem; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: top!important; background: var(--color-primary) no-repeat fixed center center/cover; background-color: var(--color-dropdown-menu-bg) }
    .main-navigation .navbar, .main-navigation .navbar-nav, .navbar-nav>li a.nav-link { width: 100% }
    .main-navigation .navbar { align-items: flex-start; overflow-y: auto; height: 100% }
    .navbar .navbar-nav { margin-bottom: 2.5rem }
    .navbar-nav>li a.nav-link { text-align: left; font-size: 1rem; line-height: 1.25 }
    .navbar-nav>li a.nav-link>.link-text::after { -webkit-transform-origin: left; transform-origin: left }
    .navbar-nav>li+li { margin-top: 1.25rem }
    .navbar-nav .dropdown-menu { background-color: #f4f4f4; margin-top: 1.25rem }
    .navbar-nav .dropdown-menu::before, .navbar-nav .dropdown-toggle::after { display: none }
    .navbar-nav .dropdown-menu .dropdown-item { white-space: normal }
    .navbar-nav .dropdown-menu .dropdown-item:hover>a { background-color: var(--color-base-light)!important }
    .navbar-nav .dropdown-item a { padding: 0.75rem }
    .navbar-nav .dropdown-item+.dropdown-item { margin-top: 0.3125rem }
    .navbar-nav .dropdown-toggle .dropdown-icon { display: block }
    .navbar-nav .dropdown-menu .dropdown-menu { display: block; min-width: auto; background: #e9e9e9; margin: 0.625rem }
    .navbar-nav .dropdown-item .fas { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
    .hamburger { display: block }
    #g-popup .close svg { width: 1.25rem; height: 1.25rem }
    /* body.single .page-container { padding-bottom: 4.375rem } */
    .page-id-51 .section-tat.section-1 { padding-bottom: 3.125rem }
    .page-id-53 .section-sig { padding-bottom: calc(var(--gutter-y) - 3rem) }
}
@media(max-width: 48.875rem) { /* 780px */
    body.admin-bar .site-header, body.admin-bar .main-navigation { top: 2.875rem }
}
@media (max-width: 47.9375rem) { /* 767px */
    h1, .h1 { font-size: 2.125rem }
    h2, .h2 { font-size: 1.875rem }
    h3, .h3 { font-size: 1.5625rem }
    h4, .h4 { font-size: 1.25rem }
    h5, .h5 { font-size: 1.125rem }
    .h3-lg { font-size: 1.75rem }
    .h3-md { font-size: 1.5625rem }
    .h3-sm { font-size: 1.375rem }
    .single article h1 { font-size: 2rem }
    .single article h2 { font-size: 1.75rem }
    .single article h3 { font-size: 1.5625rem }
    .single article h4 { font-size: 1.375rem }
    .sh-title br { display: none }
    .single .entry-thumb img, .section-cs-content .entry-thumb img { height: 12.5rem; -o-object-fit: cover; object-fit: cover }
    .rd-grid-item .rd-grid--title { font-size: 1.25rem }
    .eosp_icon_listing .nav-item::after { border-top: 0.625rem solid transparent; border-color: var(--color-dark-grey); border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; width: 1.25rem }
    .awards.slider.owl-carousel .owl-nav button { background-color: var(--color-primary) !important; padding: 0.5rem !important; line-height: 0 }
    .awards.slider.owl-carousel .owl-nav button svg { width: 0.5rem; height: 1.0625rem }
    .cm-newsletter-form form>div>div:first-child,.cm-newsletter-form form>div>div:nth-child(2) { min-width: 12.5rem }
    .style-3 .solutions_grid>.col-12+.col-12 .solution_grid--item::before { width: auto; height: 0.0625rem; top: 0; right: 8%; bottom: auto; left: 8% }
    .perks-card .card-label h5 { font-size: 1rem!important }
    .perks-card .card-content h3 { font-size: 1.25rem }
    .perks-card .card-content .para-typo { font-size: 0.875rem; line-height: 1.5 }
}
@media(max-width: 37.5rem) { /* 600px */
    body.admin-bar .main-navigation { top: 0 }
    body.admin-bar .site-header:not(.scroll-fixed) { position: absolute }
    body.admin-bar .site-header.scroll-fixed { top: 0 }
    article .alignright, article .alignleft { display: block; float: none; width: auto; margin-top: 1.25rem }
    article .alignright { margin-left: 0 }
    article .alignleft { margin-right: 0 }
}
@media (max-width: 35.9375rem) { /* 575px */
    .section-head br, h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, .h1 br, .h2 br, .h3 br, .h4 br, .h5 br, .h6 br { display: none }
    .site-header__fixed~.site-main-area { padding-top: 5rem }
    .site-branding .site-title a { max-width: 8.25rem }
    .copyrights p, .website-by p { text-align: center }
    .main-navigation .menu-bg { background-size: contain }
    .counter-item:not(:last-child) { border-right: 0; border-bottom: 0.0625rem solid var(--color-base-light) }
    .default-bg .counter-item:not(:last-child), .base-light-bg .counter-item:not(:last-child) { border-bottom-color: var(--color-body-text) }
    .rd-grid-item .rd-grid--title { font-size: 1.125rem }
    .bio-card { padding: 1.5625rem 1.5625rem }
    .bio-card .bio-card__img { float: left; margin-right: 1rem }
    .bio-card__body h5 { font-size: 1.125rem }
    .bio-card__body .bio__info { font-size: 0.9375rem }
    .eosp_icon_listing .tab-pane { padding: 1.875rem!important }
    .testimonials.owl-carousel .owl-nav button svg, .events-slider.owl-carousel .owl-nav button svg { width: 1.25rem; height: 1.25rem }
    .perks-card { padding: 0.9375rem }
    .perks-card .card-label { margin-bottom: 0.9375rem }
    .perks-card .card-label h5 { font-size: 0.75rem!important }
    .perks-card .card-content h3 { font-size: 0.875rem }
    .perks-card .card-content .para-typo { font-size: 0.6875rem; line-height: 1.4 }
}