/*!
Theme Name: optsy
Theme URI: https://amendsolutionz.com/
Author: Amend Solutionz
Author URI: https://amendsolutionz.com/
Description: Hi. I'm a starter theme called optsy.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: optsy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
:root {
--pt-sans: "PT Sans", sans-serif;
--unbuntu: "Ubuntu", sans-serif;
--open-sans: "Open Sans", sans-serif;
--white: #fff;
--black: #000;
--indian-red: #e1504f;
--dark-olive-green: #556920;
--oxford-blue: #142d53;
--dimgray: #565656;
--lime-green: #a7ca45;
--yellow-green: rgba(167, 202, 69, 0.5);
--dark-sapphire: #152e54;
--mustard-yellow: #ecce42;
--bright-blue: #2550ea;
--gold: #ffd700;
--light-olive-green: #a0ce4e;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: "PT Sans", sans-serif;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: "PT Sans", sans-serif;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: var(--black);
font-family: "PT Sans", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Open Sans", sans-serif;
margin: 0;
}
p {
margin: 0;
}
p:not(:last-child) {
margin-bottom: 1.25em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 0 1.25em;
background-color: #f5f5f5;
padding: 25px;
font-style: italic;
border-left: 4px solid var(--dark-sapphire);
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "PT Sans", sans-serif;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: "PT Sans", sans-serif;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: var(--white)9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
background: var(--white);
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 20px;
padding: 0;
}
ul {
list-style: disc inside;
}
ol {
list-style: decimal inside;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
iframe {
display: block;
border: unset;
overflow: unset;
}
img {
height: auto;
max-width: 100%;
display: block;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: #1b4572;
}
/*a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}*/
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
/*.post, .page {
margin: 0 0 1.5em;
}*/
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.25em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/*********************/
/************/
.top-bar {
background-color: #eff3fd;
padding: 10px 20px;
display: none;
}
.topbar-grid {
list-style: none;
margin: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
}
.topbar-grid li:nth-child(1) {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.topbar-grid li:nth-child(2) {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.topbar-contact {
text-decoration: none;
color: var(--black);
font-size: 14px;
font-weight: 700;
font-family: var(--open-sans);
}
.topbar-grid li .topbar-btn {
padding: 11px 23px;
font-size: 13px;
line-height: 16px;
}
.page-template-solutions .site-logo img, .page-template-about .site-logo img, .page-template-downloads .site-logo img, .blog .site-logo img, .single-post .site-logo img, .page-template-contact .site-logo img, .page-template-free-demo .site-logo img, .archive .site-logo img, .page-template-service-areas .site-logo img, .page-template-default .site-logo img, .error404 .site-logo img, .search .site-logo img {
content: url('/wp-content/uploads/2025/09/Optsy_logo_225w.png');
}
.page-template-default.home .site-logo img {
content: inherit;
}
.site-wide-header {
padding: 1% 30px;
position: absolute;
top: auto;
width: 100%;
left: 0;
z-index: 999;
background-color: rgba(0, 0, 0, 0.05);
transition: all 0.3s ease; /* smooth animation */
}
/*.site-wide-header.scrolled {
background-color: #152e52;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
transform: translateY(0);
animation: slideDown 0.3s ease forwards;
}*/
.submenu-toggle {
display: inline-block;
cursor: pointer;
color: var(--white);
}
.page-template-solutions .submenu-toggle, .page-template-about .submenu-toggle, .page-template-downloads .submenu-toggle, .blog .submenu-toggle, .single-post .submenu-toggle, .page-template-contact .submenu-toggle, .page-template-free-demo .submenu-toggle, .archive .submenu-toggle, .page-template-service-areas .submenu-toggle, .page-template-default .submenu-toggle, .error404 .submenu-toggle, .search .submenu-toggle {
color: var(--black);
}
.page-template-default.home .submenu-toggle {
color: var(--white);
}
.page-template-solutions .site-wide-header, .page-template-about .site-wide-header, .page-template-downloads .site-wide-header, .blog .site-wide-header, .single-post .site-wide-header, .page-template-contact .site-wide-header, .page-template-free-demo .site-wide-header, .archive .site-wide-header, .page-template-service-areas .site-wide-header, .page-template-default .site-wide-header, .error404 .site-wide-header, .search .site-wide-header {
background-color: var(--white);
position: relative;
}
.page-template-default.home .site-wide-header {
background-color: rgba(0, 0, 0, 0.05);
position: absolute;
}
/*.page-template-solutions .site-wide-header.scrolled, .page-template-about .site-wide-header.scrolled, .page-template-downloads .site-wide-header.scrolled, .blog .site-wide-header.scrolled, .single-post .site-wide-header.scrolled, .page-template-contact .site-wide-header.scrolled, .page-template-free-demo .site-wide-header.scrolled, .archive .site-wide-header.scrolled {
background-color: #ececeb;
position: fixed;
}*/
/* optional slide-down effect */
@keyframes slideDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
.menu, .submenu {
list-style: none;
margin: 0;
padding: 0;
}
/* Header */
.site-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-logo img {
height: 77px;
object-fit: contain;
width: auto;
}
/* Desktop Nav */
.main-nav {
position: relative;
z-index: 900;
}
.main-nav .menu {
display: flex;
align-items: center;
gap: 40px;
justify-content: center;
}
.main-nav .menu > li {
display: inline-block;
position: relative;
}
.main-nav .menu > li.menu-item-has-children {
display: flex;
align-items: center;
gap: 8px;
}
.main-nav .menu > li > a {
color: var(--white);
text-decoration: none;
padding: 0; /*12px 16px;*/
display: flex;
align-items: center;
gap: 0.5em;
font-size: 16px;
text-transform: uppercase;
line-height: 1.7;
font-weight: 700;
letter-spacing: .3px
}
.page-template-solutions .main-nav .menu > li > a, .page-template-about .main-nav .menu > li > a, .page-template-downloads .main-nav .menu > li > a, .blog .main-nav .menu > li > a, .single-post .main-nav .menu > li > a, .page-template-contact .main-nav .menu > li > a, .page-template-free-demo .main-nav .menu > li > a, .archive .main-nav .menu > li > a, .page-template-service-areas .main-nav .menu > li > a, .page-template-default .main-nav .menu > li > a, .error404 .main-nav .menu > li > a, .search .main-nav .menu > li > a {
color: var(--black);
}
.page-template-default.home .main-nav .menu > li > a {
color: var(--white);
}
.main-nav .menu > li.header-btn a {
padding: 11px 23px;
font-size: 13px;
border: 1px solid var(--white);
border-radius: 4px;
line-height: 16px;
background-color: transparent;
}
.page-template-solutions .main-nav .menu > li.header-btn a, .page-template-about .main-nav .menu > li.header-btn a, .page-template-downloads .main-nav .menu > li.header-btn a, .blog .main-nav .menu > li.header-btn a, .single-post .main-nav .menu > li.header-btn a, .page-template-contact .main-nav .menu > li.header-btn a, .page-template-free-demo .main-nav .menu > li.header-btn a, .archive .main-nav .menu > li.header-btn > a, .page-template-service-areas .main-nav .menu > li.header-btn > a, .page-template-default .main-nav .menu > li.header-btn > a, .error404 .main-nav .menu > li.header-btn > a, .search .main-nav .menu > li.header-btn > a {
border-color: var(--black);
}
.main-nav .menu > li.header-btn > a {
border-color: var(--mustard-yellow) !important;
background-color: var(--mustard-yellow);
color: var(--black) !important;
}
/* Chevron styling (desktop) */
.main-nav .chevron {
font-size: 14px;
line-height: 1;
transition: transform 0.25s ease;
opacity: 0.85;
display: inline-block;
}
/* Submenus (desktop) */
.main-nav .submenu {
display: none;
position: absolute;
background-color: var(--white);
min-width: max-content;
top: 100%;
left: 0;
padding: 6px 0;
border-radius: 6px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
z-index: 999;
}
.main-nav .submenu li { position: relative; }
.main-nav .submenu li:hover a {
background-color: #f9f9fb;
}
.main-nav .submenu li:not(:last-child) {
border-bottom: 1px solid #e2e2e2;
}
.main-nav .submenu a {
color: #212934;
text-decoration: none;
padding: 12px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Show first-level submenu on hover */
.main-nav .menu > li:hover > .submenu { display: block; }
/* Position deeper submenus to the right */
.main-nav .submenu .submenu {
top: 0;
left: 100%;
margin-left: 2px; /* tiny gap so shadow looks clean */
}
/* Show deeper levels on hover */
.main-nav .submenu li:hover > .submenu { display: block; }
/* Chevron rotation on hover (desktop) */
.main-nav li.has-submenu:hover > a .chevron-down { transform: rotate(180deg); }
.main-nav li.has-submenu:hover > a .chevron-right { transform: rotate(90deg); }
/* Hover colors */
.main-nav .menu > li > a:hover {
color: var(--dark-olive-green);
cursor: pointer;
}
.main-nav .menu > li.header-btn > a:hover {
border-color: var(--dark-olive-green) !important;
background-color: var(--dark-olive-green);
color: var(--white) !important;
}
/* Hamburger */
.menu-toggle {
display: none;
font-size: 24px;
color: var(--white);
cursor: pointer;
}
.page-template-solutions .menu-toggle, .page-template-about .menu-toggle, .page-template-downloads .menu-toggle, .blog .menu-toggle, .single-post .menu-toggle, .page-template-contact .menu-toggle, .page-template-free-demo .menu-toggle, .archive .menu-toggle, .page-template-service-areas .menu-toggle, .page-template-default .menu-toggle, .error404 .menu-toggle, .search .menu-toggle {
color: var(--black);
}
.page-template-default.home .menu-toggle {
color: var(--white);
}
/* Sidebar (mobile) */
.sidebar-nav {
position: fixed;
top: 0;
right: -100%; /* hidden */
width: 82%;
height: 100%;
background: var(--white);
overflow-y: auto;
transition: right 0.5s ease;
z-index: 1001;
}
.sidebar-nav.open { right: 0; }
.sidebar-nav .menu a {
color: #4a4e57;
text-decoration: none;
padding: 12px 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar-nav .menu li.menu-item-has-children a {
width: calc(100% - 54px);
}
.sidebar-nav .submenu { display: none; background: #ececeb; width: 100%; }
.sidebar-nav .submenu a { padding-left: 26px; }
.sidebar-nav .has-submenu.open > a .chevron { transform: rotate(180deg); transition: transform 0.25s ease; }
/* Close button */
.close-btn {
text-align: right;
padding: 12px 16px;
font-size: 22px;
color: #4a4e57;
cursor: pointer;
}
/* Overlay */
.overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
z-index: 1000;
}
.overlay.active { display: block; }
/* Responsive rules */
@media (max-width: 991px) {
.main-nav {
display: none;
}
.menu-toggle {
display: block;
}
.sidebar-nav li.menu-item-has-children {
display: flex;
gap: 8px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.sidebar-nav li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
/************/
.site-container {
width: 100%;
margin: 0 auto;
max-width: 1250px;
}
.gform-theme--orbital .gform_heading {
display: none;
}
section, header, footer {
width: 100%;
position: relative;
}
.hero-section {
background-size: cover;
display: flex;
flex-wrap: wrap;
padding: 13% 30px 18%;
justify-content: center;
background-position: center center;
background-repeat: no-repeat;
}
.hero-content {
width: calc(100% - 35.52%);
margin-top: 100px;
margin-left: 1.92%;
margin-right: 35.52%;
}
.hero-title {
width: 100%;
margin-bottom: 20px;
}
.hero-title h1 {
font-family: "Ubuntu", sans-serif;
color: var(--white);
font-style: normal;
font-weight: 700;
font-size: 50px;
letter-spacing: -3px;
line-height: 1.12;
}
img.hero-img {
width: 400px;
object-fit: cover;
}
.hero-form {
width: 100%;
margin-bottom: 50px;
}
.hero-form .subscription-form {
display: flex;
width: 100%;
}
.hero-form .subscription-form .gform-body {
width: 60%;
}
.hero-form .subscription-form .gform-footer {
margin: 0;
width: 40%;
justify-content: center;
}
.hero-form .subscription-form .ginput_container input {
width: 100%;
padding: 0 1em;
outline: 0;
transition: all .2s ease;
border-radius: 6px;
height: 60px;
background-color: rgba(255, 255, 255, 0.4);
color: #494949;
border: 1px solid #e2e2e2;
font-size: 20px;
box-sizing: border-box;
font-family: var(--pt-sans);
vertical-align: middle;
}
.hero-form .subscription-form .ginput_container input:not([type=submit]):focus {
border-color: var(--mustard-yellow);
}
.hero-form .subscription-form .ginput_container input:hover:not(:focus) {
border-color: rgba(236,206,66,0.5);
}
.hero-form .gform-theme .subscription-form .gform-footer.gform_footer .gform_button.button {
width: auto;
border: 0px solid var(--white);
border-radius: 4px;
outline: 0;
padding: 17px 40px;
line-height: 21px;
font-size: 18px;
font-weight: 700;
background-color: var(--mustard-yellow);
color: var(--black);
font-family: var(--pt-sans);
text-transform: uppercase;
}
.hero-form .gform-theme .subscription-form .gform-footer.gform_footer .gform_button.button:hover {
background-color: var(--dark-olive-green);
color: var(--white);
}
.solutions-section {
padding: 5% 30px;
}
.solutions-content {
width: 100%;
max-width: 83.3333333333%;
margin: 0 auto 60px;
}
.solutions-content h2 {
font-size: 45px;
line-height: 1.11;
color: var(--oxford-blue);
text-align: center;
margin-bottom: 20px;
}
.solutions-content p {
text-align: center;
font-size: 20px;
line-height: 32px;
font-family: var(--open-sans);
}
.solutions-info {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 20px;
}
.solution-content-boxes {
text-decoration: none;
display: block;
background-color: #f4f5f9;
color: var(--dimgray);
padding: 35px;
width: 100%;
position: relative;
}
.solution {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
}
.solution .icon {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
}
.solution .icon span {
height: 70px;
width: 70px;
line-height: 35px;
border-color: var(--yellow-green);
border-width: 7px;
border-style: solid;
background-color: var(--yellow-green);
box-sizing: content-box;
border-radius: 50%;
display: block;
}
.solution .icon span .fontawesome-icon {
border-color: rgba(51, 51, 51, 0);
border-width: 0px;
background-color: var(--lime-green);
box-sizing: content-box;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 50%;
position: relative;
top: auto;
left: auto;
margin: 0;
font-size: 35px;
text-align: center;
}
.solution .icon span .fontawesome-icon:before {
color: var(--white);
}
.solution-heading {
font-size: 23px;
line-height: 1.5;
font-weight: 400;
text-align: center;
font-family: var(--pt-sans);
}
.solution-content-boxes:hover .solution-heading {
color: var(--lime-green);
}
.content-box-shortcode-timeline {
border-color: var(--yellow-green);
display: block;
height: 1px;
top: 77px;
border-top-style: solid;
border-top-width: 1px;
position: absolute;
left: 50%;
z-index: 1;
margin-right: 10px;
width: 100%;
}
.content-box-shortcode-timeline {
border-color: var(--yellow-green);
display: block;
height: 1px;
top: 77px;
border-top-style: solid;
border-top-width: 1px;
position: absolute;
left: 50%;
z-index: 1;
margin-right: 10px;
width: 100%;
}
.solution-content-boxes:nth-child(3n) .content-box-shortcode-timeline {
display: none;
}
.hidden-solution {
display: none;
}
.show-more-solutions {
padding: 17px 40px;
font-size: 18px;
line-height: 21px;
font-family: var(--pt-sans);
background-color: var(--light-olive-green);
color: var(--white);
text-transform: uppercase;
border: 1px solid var(--light-olive-green);
font-weight: 700;
}
.show-more-solutions:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
cursor: pointer;
}
.solutions-btn-wrap {
width: 100%;
display: flex;
justify-content: center;
margin-top: 60px;
}
.features-section {
background-color: var(--dark-sapphire);
padding: 27px 30px 58px;
}
.features-content {
width: 100%;
padding: 34px 0 19px;
margin-bottom: 20px;
}
.features-content h2 {
font-size: 40px;
line-height: 1.25;
color: var(--white);
text-align: center;
font-weight: 700;
}
.features-info {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
grid-column-gap: calc(5.76% + 10px);
grid-row-gap: 30px;
}
.feature-content-boxes, .feature-content-boxes .icon {
width: 100%;
}
.feature-content-boxes .icon {
margin-bottom: 20px;
}
.feature-detail {
width: 100%;
}
.feature-detail h4 {
color: var(--white);
text-align: center;
font-size: 18px;
line-height: 1.56;
font-weight: 700;
margin-bottom: 8px;
}
.feature-detail p {
text-align: center;
color: var(--white);
font-weight: 400;
font-family: var(--open-sans);
}
.feedback-section {
background-color: #F4F5F9;
padding: 58px 30px 70px;
}
.feedback-content {
width: 100%;
margin-bottom: 50px;
}
.feedback-content h2 {
color: var(--oxford-blue);
font-size: 45px;
line-height: 1.11;
font-weight: 700;
text-align: center;
}
.testimonial-info, .testimonial, .testimonial .item-content-wrapper .item-content {
width: 100%;
}
.testimonial-info.slick-slider {
margin: 0;
}
.meta-info {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 17px;
}
.rating-wrapper {
width: 100%;
margin: 0 0 15px;
display: flex;
justify-content: center;
}
.rating-wrapper span.dashicons {
color: var(--gold);
width: auto;
height: auto;
}
.testimonial .author-name {
font-size: 24px;
line-height: 1.25;
font-weight: 400;
color: var(--oxford-blue);
text-align: center;
font-family: var(--pt-sans);
}
.testimonial .item-content-wrapper {
width: 100%;
padding: 30px 20px;
background-color: #f8f8f8;
position: relative;
margin: 8px 0;
box-sizing: border-box;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
}
.testimonial .item-content-wrapper:before {
color: #eaeaea;
position: absolute;
left: 5px;
top: -5px;
font-size: 25px;
content: "\f10d";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
.testimonial .item-content-wrapper .item-content p {
font-style: italic;
font-size: 16px;
line-height: 1.6;
text-align: center;
font-family: var(--open-sans);
margin: 0;
}
.testimonial-info .testimonial {
padding: 0 15px;
}
.testimonial-info .slick-list {
margin: 0 -15px;
}
.testimonial-info .slick-dots {
position: relative;
bottom: 0;
display: flex;
margin-top: 22px;
gap: 8px;
align-items: center;
}
.testimonial-info .slick-dots li {
margin: 0;
width: 10px;
height: 10px;
}
.testimonial-info .slick-dots li button {
padding: 0;
width: 10px;
height: 10px;
position: relative;
}
.testimonial-info .slick-dots li button:before {
font-size: 12px;
line-height: 12px;
width: 12px;
height: 12px;
}
.testimonial-info .slick-dots li button:before {
color: var(--bright-blue);
opacity: .5;
}
.testimonial-info .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--bright-blue);
}
.testimonial .item-content-wrapper .item-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.block-section {
padding: 40px 30px;
background-color: var(--dark-sapphire);
}
.block-section.left-img {
background-color: var(--white);
}
.block-section.right-center {
background-color: var(--white);
}
.block-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 50px;
grid-row-gap: 50px;
align-items: center;
}
.block-section.left-img .block-content, .block-section.left-img-with-bg .block-content, .block-section.left-img-with-yellow .block-content {
order: 2;
}
.block-section.left-img-with-yellow {
background-color: var(--mustard-yellow);
}
.block-content, .content-info, .block-img {
width: 100%;
}
.content-info {
margin-bottom: 20px;
}
.block-content h2 {
font-size: 40px;
line-height: 1.25;
margin-bottom: 20px;
font-weight: 700;
}
.block-section.right-img .block-content h2, .block-section.right-img .content-info p, .block-section.right-img .content-info ul {
color: var(--white);
}
.block-section.left-img .block-content h2 {
color: var(--oxford-blue);
}
.block-section .content-info p, .block-section .content-info ul {
font-size: 18px;
font-weight: 400;
margin: 0;
font-family: var(--open-sans);
}
.block-section .content-info ul li {
padding-bottom: 10px;
}
.block-section.left-img-with-bg .content-info p {
font-size: 20px;
}
.block-section.right-img-white-bg {
background-color: var(--white);
}
.block-section .content-info p:not(:last-child) {
margin-bottom: 20px;
}
.btn-block {
text-decoration: none;
display: inline-block;
color: var(--white);
padding: 17px 40px;
font-size: 18px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
font-family: var(--pt-sans);
border-radius: 4px;
}
.block-section.right-img .btn-block, .block-section.left-img-with-blue .btn-block, .block-section.left-img-with-yellow .btn-block {
background-color: var(--light-olive-green);
}
.block-section.left-img-with-blue .btn-block.free-demo-btn, .block-section.right-img .btn-block.free-demo-btn {
background-color: var(--mustard-yellow);
color: var(--black);
}
.block-section.left-img-with-blue .btn-block.free-demo-btn:hover .block-section.right-img .btn-block.free-demo-btn:hover, .block-section.left-img-with-yellow .btn-block:hover {
background-color: var(--dark-olive-green);
color: var(--white);
}
.block-section.right-img-green-bg {
background-color: var(--light-olive-green);
}
.block-section.left-img-with-blue .block-content {
order: 2;
}
.block-section.left-img-with-blue .block-content h2, .block-section.left-img-with-blue .block-content .content-info {
color: var(--white);
}
.block-section.left-img .btn-block, .block-section.right-center .btn-block, .block-section.left-img-with-bg .btn-block, .block-section.right-img-white-bg .btn-block, .block-section.right-img-green-bg .btn-block {
background-color: var(--light-olive-green);
}
.block-section.left-img-with-bg .btn-block.free-demo-btn, .block-section.right-img-green-bg .btn-block.free-demo-btn, .block-section.left-img .btn-block.free-demo-btn {
background-color: var(--mustard-yellow);
color: var(--black);
}
.block-section.right-img .btn-block:hover, .block-section.left-img .btn-block:hover, .block-section.right-center .btn-block:hover, .block-section.left-img-with-bg .btn-block:hover, .block-section.right-img-white-bg .btn-block:hover, .block-section.right-img-green-bg .btn-block:hover, .block-section.left-img-with-blue .btn-block:hover, .block-section.left-img-with-bg .btn-block.free-demo-btn:hover, .block-section.right-img-green-bg .btn-block.free-demo-btn:hover, .block-section.left-img .btn-block.free-demo-btn:hover {
cursor: pointer;
background-color: var(--dark-olive-green);
color: var(--white);
}
.block-section.right-center .block-content h2 {
text-align: center;
}
.service-management-section {
padding: 100px 30px;
background-color: #f7f7f7;
}
.service-management-title {
width: 100%;
margin-bottom: 50px;
}
.service-management-title h2 {
color: var(--oxford-blue);
font-size: 45px;
font-weight: 700;
text-align: center;
line-height: 1.11;
}
.service-management-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 15px;
grid-row-gap: 20px;
align-items: center;
}
.service-management-grid .heading-link {
text-decoration: none;
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
color: var(--black);
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
background-color: var(--white);
padding: 30px;
flex-direction: column;
}
.service-management-grid .heading-link .content-box-heading {
font-size: 24px;
line-height: 1.5;
font-weight: 400;
}
.service-management-grid .heading-link .icon i.fontawesome-icon {
display: block;
height: auto;
width: auto;
line-height: normal;
font-size: 31px;
}
.service-management-grid .heading-link:nth-child(1) .icon i.fontawesome-icon, .service-management-grid .heading-link:nth-child(2) .icon i.fontawesome-icon {
color: #00bcd4;
}
.service-management-grid .heading-link:nth-child(3) .icon i.fontawesome-icon {
color: #78c124;
}
.service-management-grid .heading-link:nth-child(4) .icon i.fontawesome-icon {
color: #03a9f4;
}
.service-management-grid .heading-link:nth-child(5) .icon i.fontawesome-icon {
color: #f44336;
}
.service-management-grid .heading-link:nth-child(6) .icon i.fontawesome-icon {
color: #ff9800;
}
.service-management-grid .heading-link:nth-child(7) .icon i.fontawesome-icon {
color: #ff9800;
}
.service-management-grid .heading-link:nth-child(8) .icon i.fontawesome-icon {
color: #63a000;
}
.service-management-grid .heading-link:hover {
background-color: var(--lime-green);
}
.service-management-grid .heading-link:hover .icon i.fontawesome-icon, .service-management-grid .heading-link:hover .content-box-heading {
color: var(--white);
}
.cta-section {
background-size: cover;
padding: 120px 30px;
background-position: center center;
background-repeat: no-repeat;
}
.cta-info {
width: 100%;
max-width: 83.3333333333%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.cta-info h2 {
font-size: 40px;
line-height: 1.2;
color: var(--white);
text-align: center;
font-weight: 700;
margin: 20px 0 50px;
}
.cta-btn {
text-decoration: none;
color: var(--black);
background-color: var(--mustard-yellow);
font-weight: 700;
text-transform: uppercase;
padding: 17px 40px;
border-radius: 4px;
font-size: 18px;
line-height: 21px;
}
.cta-btn:hover {
cursor: pointer;
background-color: var(--dark-olive-green);
color: var(--white);
}
.block-section.left-img-with-bg {
background-image: url('/wp-content/uploads/2025/08/services-shape1.svg');
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
background-color: var(--white);
padding-top: 70px;
border-top: 40px solid #eae9e9;
}
.achievements-section {
padding: 100px 30px;
background-color: #1b4572;
}
.achievement-title {
width: 100%;
margin-bottom: 30px;
}
.achievement-title h2 {
color: var(--white);
font-size: 45px;
text-align: center;
line-height: 1.3;
font-weight: 700;
}
.achievement-info {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.achievement {
width: 100%;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.achievement .content-box-counter {
color: var(--light-olive-green);
font-size: 60px;
line-height: normal;
font-family: var(--open-sans);
font-weight: 400;
}
.achievement .counter-box-content {
color: var(--white);
font-family: var(--open-sans);
font-size: 23px;
font-weight: 400;
}
.faq-section {
background-image: url('/wp-content/uploads/2025/08/services-shape1.svg');
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
padding: 40px 0;
}
.faq-title {
width: 100%;
margin-bottom: 30px;
}
.faq-title h2 {
font-size: 45px;
line-height: 1.3;
text-align: center;
font-weight: 700;
color: var(--oxford-blue);
}
.faq-info, .form, .contact-heading {
width: 100%;
}
.faq {
position: relative;
border: 1px solid #e2e2e2;
background-color: var(--white);
}
.faq:not(:last-child) {
margin-bottom: 10px;
}
.faq h3 {
color: #1b4572;
font-size: 18px;
font-family: var(--open-sans);
font-style: normal;
font-weight: 700;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px 25px;
}
.faq-toggle {
background-color: var(--black);
border: 1px solid var(--black);
color: var(--white);
padding: 4.5px;
width: 27px;
height: 27px;
display: flex;
justify-content: center;
align-items: center;
font-size: 27px;
}
.faq-answer {
display: none;
padding: 10px 25px 15px;
font-size: 16px;
font-family: var(--open-sans);
font-weight: 400;
line-height: 24px;
}
.faq-answer ul, .faq-answer ol {
padding: 0;
margin: 0 0 20px;
list-style-position: inside;
}
.faq-answer ul li:not(:last-child), .faq-answer ol li:not(:last-child) {
padding-bottom: 8px;
}
.faq:hover .faq-question h3, .faq.active .faq-question h3 {
color: var(--light-olive-green);
}
.faq:hover .faq-question .faq-toggle, .faq.active .faq-question .faq-toggle {
color: var(--white);
background-color: var(--light-olive-green);
border-color: var(--light-olive-green);
}
.faq-answer a {
text-decoration: none;
}
.form-section {
padding: 7% 30px 6%;
background-color: var(--dark-sapphire);
}
.form-info {
width: 100%;
max-width: 66.6666666667%;
margin: 0 auto;
background-color: transparent;
padding: 0 42px;
border-radius: 20px;
}
.form-content {
width: 100%;
margin-bottom: 20px;
}
.form-content h2 {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 20px;
text-align: center;
color: var(--white);
}
.form-content p {
color: var(--white);
text-align: center;
font-family: var(--open-sans);
}
.form .gform-theme--foundation .optsy-form .gform_fields, .contact-form .gform-theme--foundation .optsy-form .gform_fields {
row-gap: 16px;
}
.form .optsy-form .gfield_label, .contact-form .optsy-form .gfield_label {
font-size: 11px;
font-weight: normal;
display: inline-block;
padding-bottom: 5px;
font-family: var(--open-sans);
margin: 0;
}
.form-section .form .optsy-form .gfield_label {
color: var(--white);
font-size: 14px;
}
.form .gform-theme .optsy-form .gfield input, .contact-form .gform-theme .optsy-form .gfield input {
height: 45px;
background-color: rgba(255,255,255,0.4);
font-size: 14px;
color: var(--black);
border: 1px solid #939393;
border-radius: 7px;
padding-top: 0;
padding-bottom: 0;
}
.form-section .form .gform-theme .optsy-form .gfield input {
background-color: unset;
border: unset;
border-bottom: 1px solid #939393;
border-radius: unset;
color: var(--white);
font-size: 18px;
}
.form .optsy-form .gfield input:focus, .contact-form .optsy-form .gfield input:focus {
outline: unset;
}
.form-section .form .gform-theme .optsy-form .gfield input:focus {
border-bottom-color: var(--light-olive-green);
}
.form .optsy-form_wrapper .optsy-form .gform_footer {
justify-content: center;
}
.form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button, .contact-form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button {
padding: 12px 30px;
line-height: 21px;
font-size: 18px;
background-color: var(--mustard-yellow);
color: var(--black);
border: 1px solid var(--mustard-yellow);
text-transform: uppercase;
font-weight: 700;
font-family: var(--pt-sans);
}
.form-section .form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button {
background-color: var(--mustard-yellow);
border-color: var(--mustard-yellow);
color: var(--black);
}
.form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:focus, .contact-form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:focus {
outline: unset;
}
.form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:hover, .contact-form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:hover, .form-section .form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
color: var(--white);
}
.form .optsy-form .gfield_label span.gfield_required, .contact-form .optsy-form .gfield_label span.gfield_required {
padding-left: 2px;
}
.blog-section {
padding: 60px 30px 40px;
}
.blog-title {
width: 100%;
margin-bottom: 45px;
}
.blog-title h2 {
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
color: var(--black);
}
.blog-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 50px;
}
.blog-item, .blog-excerpt {
width: 100%;
}
.blog-item {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.blog-item a.blog-thumb {
text-decoration: none;
width: 100%;
display: block;
}
.blog-item a.blog-thumb img {
width: 100%;
object-fit: cover;
min-height: 265px;
object-position: center left;
}
.blog-content {
width: 100%;
padding: 20px;
}
.blog-heading {
font-size: 18px;
line-height: 1.56;
padding-bottom: 13px;
}
.blog-heading a {
color: #1b4572;
text-decoration: none;
}
.blog-date {
width: 100%;
padding: 6px 0 13px;
color: #333;
font-size: 12px;
line-height: 1.5;
}
.btn-blog {
width: 100%;
display: flex;
justify-content: center;
}
.btn-blog a {
text-decoration: none;
color: var(--white);
display: inline-block;
background-color: var(--light-olive-green);
padding: 17px 40px;
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
}
.btn-blog a:hover {
cursor: pointer;
background-color: var(--dark-olive-green);
}
.page-template-about .form-section {
background-color: var(--dark-sapphire);
}
.about-hero-section {
background-color: var(--dark-sapphire);
padding: 2% 30px;
}
.about-hero-grid {
width: 100%;
display: flex;
align-items: center;
}
.about-hero-grid .hero-title {
margin: 0;
}
.about-hero-grid .hero-title h1 {
font-size: 48px;
line-height: 1.17;
font-family: var(--open-sans);
letter-spacing: unset;
}
.about-content-section {
padding: 60px 30px 40px;
}
.about-page-content {
width: 100%;
}
.about-page-content h2 {
font-size: 36px;
line-height: 1.3;
color: var(--dark-sapphire);
margin-bottom: 20px;
font-weight: 700;
}
.about-page-content h3 {
font-size: 26px;
line-height: 1.25;
color: var(--dark-olive-green);
margin-bottom: 10px;
font-weight: 700;
}
.about-page-content p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.download-btns {
width: 100%;
padding-top: 20px;
display: flex;
flex-direction: column;
gap: 30px;
justify-content: flex-start;
align-items: flex-start;
}
.btn-primary, .search-form .search-submit {
display: inline-block;
text-decoration: none;
color: var(--black);
padding: 17px 40px;
font-weight: 700;
background-color: var(--mustard-yellow);
text-transform: uppercase;
font-size: 18px;
line-height: 21px;
border-radius: 4px;
border: 1px solid var(--mustard-yellow);
}
.download-btns .btn-primary {
background-color: var(--light-olive-green);
border-color: var(--light-olive-green);
color: var(--white);
}
.btn-primary:hover, .search-form .search-submit:hover, .download-btns .btn-primary:hover {
cursor: pointer;
color: var(--white);
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
}
.page-template-downloads .about-content-section {
padding-top: 5%;
padding-bottom: 5%;
}
.blog-hero.hero-section .hero-content {
width: 100%;
margin: 0;
}
.blog-hero.hero-section .hero-content .hero-title {
margin: 0;
}
.blog-hero.hero-section .hero-content .hero-title h1 {
font-family: var(--open-sans);
font-size: 48px;
line-height: 1.17;
letter-spacing: unset;
text-align: center;
}
.blogs-section {
padding-top: 5%;
padding-bottom: 5%;
}
.blogs-content {
width: 100%;
margin-bottom: 20px;
}
.blogs-content h2 {
text-align: center;
font-size: 36px;
line-height: 1.3;
color: var(--dark-sapphire);
margin-bottom: 35px;
}
.load-more-wrap .btn-primary {
width: 100%;
}
.contact-hero {
padding: 5% 30px 0;
margin-top: 20px;
}
.contact-heading h1 {
color: #1b4572;
font-weight: 700;
font-size: 48px;
line-height: 1.17;
text-align: left;
}
.contact-details-section {
padding: 5% 30px;
}
.contact-details-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 5.76%;
align-items: self-start;
}
.contact-details-left {
width: 100%;
max-width: calc(66.6666666667% - 5.76%);
}
.contact-details-right {
width: 100%;
background-color: #f2f2f2;
max-width: 33.3333333333%;
padding: 1em;
}
.contact-sidebar-content {
width: 100%;
}
.contact-sidebar-content h3 {
font-size: 28px;
text-align: left;
line-height: 1.2;
margin-bottom: 10px;
color: #1b4572;
font-weight: 700;
}
.contact-sidebar-content:not(:last-child) {
margin-bottom: 20px;
}
.help-content {
width: 100%;
margin-bottom: 2em;
}
.help-content h3 {
font-size: 28px;
line-height: 1.2;
color: #1b4572;
margin-bottom: 10px;
}
.contact-details-left .download-btns {
padding: 0 0 30px;
}
.contact-details-left .download-btns .btn-primary {
padding: 11px 23px;
line-height: 16px;
font-size: 13px;
}
.contact-details {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 3.84%;
grid-row-gap: 20px;
margin-bottom: 20px;
}
.contact-det, .cta-image {
width: 100%;
}
.contact-det h3 {
margin-bottom: 10px;
font-size: 16px;
}
.contact-form {
width: 100%;
}
.contact-form h3 {
margin-bottom: 20px;
font-size: 28px;
line-height: 1.18;
color: #1b4572;
font-weight: 700;
text-align: left;
}
.contact-form .gform-theme .optsy-form .gfield select {
height: 45px;
background-color: rgba(255, 255, 255, 0.4);
font-size: 14px;
color: var(--black);
border: 1px solid #939393;
border-radius: 7px;
padding-top: 0;
padding-bottom: 0;
outline: unset;
}
.post-content-section {
padding: 56px 30px;
}
.post-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 5%;
align-items: flex-start;
}
.post-content {
width: 100%;
max-width: calc(70% - 5%);
}
.primary-sidebar {
width: 100%;
max-width: 30%;
background-color: #ececeb;
}
.primary-sidebar #block-3 {
padding: 0 16px;
}
.primary-sidebar #block-2 {
background-color: var(--dark-sapphire);
padding: 14px 20px;
}
.primary-sidebar #block-2 h2 {
color: var(--white);
font-size: 24px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
}
.post-content h2 {
font-size: 36px;
line-height: 1.3;
font-weight: 700;
color: var(--oxford-blue);
margin-bottom: 14px;
}
.post-content h3 {
font-weight: 700;
color: var(--oxford-blue);
margin-bottom: 14px;
font-size: 28px;
line-height: 1.25;
}
.table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
}
.table-responsive table {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.table-responsive th,
.table-responsive td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.table-responsive th {
background: #f4f4f4;
}
.single-post .faq-section {
background-image: unset;
background-color: #ececeb;
padding: 60px 0;
}
.single-post .form-section {
background-color: var(--dark-sapphire);
}
.single-post .about-hero-section {
background-color: #1A4572;
padding-top: 31px;
padding-bottom: 31px;
}
.single-post .about-hero-grid .hero-title h1 {
font-size: 32px;
line-height: 1.7;
}
.post-thumbnail {
width: 100%;
margin-bottom: 30px;
}
.post-thumbnail img {
width: 100%;
object-fit: cover;
}
.post-thumbnail iframe {
width: 100%;
max-height: 520px;
}
/*.page-id-5569 .form-section {
background-color: #caced7;
}*/
.industry-content-section {
padding: 120px 30px 60px;
}
.industry-content-title {
width: 100%;
margin-bottom: 20px;
}
.industry-content-title h2 {
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 1.19;
color: var(--oxford-blue);
}
.industry-content, .industry-content-image {
width: 100%;
}
.industry-content h2 {
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 1.47;
color: var(--oxford-blue);
margin-bottom: 20px;
}
.page-template-industries .cta-section {
padding-top: 100px;
padding-bottom: 100px;
}
.page-template-industries .cta-section .cta-info {
max-width: 100%;
}
.page-template-industries .cta-section .cta-info h2 {
margin-top: 0;
font-size: 30px;
line-height: 1.3;
margin-bottom: 30px;
}
.page-template-industries .cta-section .cta-info .cta-btn {
background-color: var(--mustard-yellow);
color: var(--black);
}
.page-template-industries .cta-section .cta-info .cta-btn:hover {
background-color: var(--dark-olive-green);
color: var(--white);
}
.industry-content-grid {
width: 100%;
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
gap: 50px;
}
.industry-content {
max-width: calc(62% - 50px);
}
.industry-content-image {
max-width: 38%;
}
.btn-center {
width: 100%;
display: flex;
justify-content: center;
}
.page-template-industries .hero-section {
padding-top: 12%;
padding-bottom: 8%;
}
.page-template-industries .hero-section .hero-content {
margin: 0;
width: 80%;
}
.page-template-industries .hero-section .hero-content .hero-title h1 {
font-size: 74px;
line-height: 1.15;
}
.page-template-industries .faq-section {
background-image: unset;
background-color: #f6f9ff;
}
.hero-dets {
width: 100%;
margin-bottom: 20px;
}
.hero-dets h4, .hero-dets p {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.42;
color: var(--white);
font-family: var(--pt-sans);
}
.faq-content {
width: 100%;
margin-bottom: 30px;
}
.faq-content p {
color: var(--black);
text-align: center;
font-size: 20px;
}
.page-id-5652.page-template-industries .faq-section, .page-id-5652 .service-management-section {
background-color: var(--white);
}
.cta-section.cta-other {
background-color: var(--dark-sapphire);
padding: 0;
}
.cta-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
.cta-section.cta-other .cta-info {
max-width: calc(60% - 20px);
align-items: flex-start;
}
.cta-section.cta-other .cta-info h2 {
text-align: left;
}
.cta-section.cta-other .cta-info.cta-full-width {
max-width: 100%;
}
.cta-image {
max-width: 40%;
}
.video-section {
padding: 60px 30px;
}
.video-section.default {
background-color: var(--dark-sapphire);
}
.video-section.video-right-white-bg {
background-color: var(--white);
}
.video-section.video-right-white-bg .video-right h2 {
color: #1b4572;
}
.video-section.video-right-white-bg .video-right {
color: var(--black);
}
.video-section.video-right-white-bg .video-left {
order: 2;
}
.video-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.video-left, .video-right, .video-iframe, .video-form, .video-iframe iframe {
width: 100%;
}
.video-iframe {
margin-bottom: 20px;
}
.hero-form.video-form .subscription-form .gform-footer {
justify-content: flex-end;
}
.video-right h2 {
font-size: 36px;
line-height: 1.3;
color: var(--white);
margin-bottom: 30px;
}
.video-right {
color: var(--white);
}
.video-right a {
color: var(--light-olive-green);
text-decoration: none;
}
.video-right a:hover {
text-decoration: underline;
}
.white-blocks-section {
background-color: #f6f6f6;
padding: 40px 30px;
}
.video-form.hero-form {
margin: 0;
}
.white-blocks-content {
width: 100%;
margin-bottom: 62px;
}
.white-blocks-content h2 {
color: var(--oxford-blue);
margin-bottom: 20px;
font-size: 45px;
text-align: center;
}
.white-blocks-content {
font-size: 20px;
text-align: center;
font-family: var(--open-sans);
}
.page-template-industries .solutions-section .solution-content-boxes {
background-color: var(--white);
}
.white-blocks-section .solution-content-boxes {
background-color: var(--white);
}
.white-blocks-section .solution {
font-size: 16px;
font-weight: 400;
color: var(--black);
text-align: center;
}
.white-blocks-section .solution-heading {
font-size: 26px;
line-height: 1.35;
font-weight: 700;
font-family: var(--open-sans);
color: var(--black);
text-align: center;
}
.white-blocks-section .solution-content-boxes:hover .solution-heading {
color: unset;
}
.white-blocks-section .solution-content-boxes .solution .icon span {
border: unset;
}
.white-blocks-section .solutions-info {
margin-bottom: 40px;
}
.white-blocks-section .solution-content-boxes:nth-child(1) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(1) .solution .icon span .fontawesome-icon {
background-color: rgba(244, 67, 54, 0.16);
}
.white-blocks-section .solution-content-boxes:nth-child(1) .solution .icon span .fontawesome-icon:before {
color: #f44336;
}
.white-blocks-section .solution-content-boxes:nth-child(2) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(2) .solution .icon span .fontawesome-icon {
background-color: rgba(255,193,7,0.28);
}
.white-blocks-section .solution-content-boxes:nth-child(2) .solution .icon span .fontawesome-icon:before {
color: #ffbf00;
}
.white-blocks-section .solution-content-boxes:nth-child(3) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(3) .solution .icon span .fontawesome-icon {
background-color: rgba(3,169,244,0.29);
}
.white-blocks-section .solution-content-boxes:nth-child(3) .solution .icon span .fontawesome-icon:before {
color: #03a9f4;
}
.white-blocks-section .solution-content-boxes:nth-child(4) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(4) .solution .icon span .fontawesome-icon {
background-color: rgba(139,195,74,0.17);
}
.white-blocks-section .solution-content-boxes:nth-child(4) .solution .icon span .fontawesome-icon:before {
color: #8bc34a;
}
.white-blocks-section .solution-content-boxes:nth-child(5) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(5) .solution .icon span .fontawesome-icon {
background-color: rgba(89,17,147,0.3);
}
.white-blocks-section .solution-content-boxes:nth-child(5) .solution .icon span .fontawesome-icon:before {
color: #591193;
}
.white-blocks-section .solution-content-boxes:nth-child(6) .solution .icon span, .white-blocks-section .solution-content-boxes:nth-child(6) .solution .icon span .fontawesome-icon {
background-color: #feb9b3;
}
.white-blocks-section .solution-content-boxes:nth-child(6) .solution .icon span .fontawesome-icon:before {
color: #ff0000;
}
.white-blocks-section .solution .icon span .fontawesome-icon {
height: 72px;
width: 72px;
line-height: 72px;
}
.page-template-industries .solutions-section {
background-color: #f4f4f4;
}
.list-with-icons i.fas {
display: inline-block;
padding-right: 10px;
}
.list-with-icons {
list-style: none;
}
.cta-info-des {
width: 100%;
color: var(--white);
text-align: center;
margin-bottom: 40px;
font-size: 18px;
font-family: var(--open-sans);
}
.cta-section.cta-other .cta-info-des {
text-align: left;
}
.solutions-page-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: flex-start;
}
.solutions-menu {
width: 100%;
max-width: 20%;
background-color: #ececeb;
padding: 20px;
}
.solutions-page-grid .about-page-content {
max-width: calc(55% - 80px);
}
.solutions-page-grid .primary-sidebar {
max-width: 25%;
}
.solutions-menu h2 {
color: var(--dark-sapphire);
margin-bottom: 20px;
font-size: 24px;
}
.software-solutions {
list-style: none;
margin: 0;
}
.software-solutions li a {
text-decoration: none;
color: #212934;
font-weight: 400;
}
.software-solutions li a:hover {
color: #65bc7b;
}
.software-solutions li:not(:last-child) {
margin-bottom: 10px;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 10px;
}
.page-template-solutions .form-section {
background-color: var(--dark-sapphire);
}
.page-template-solutions .about-hero-img {
filter: hue-rotate(150deg) brightness(200%);
}
.page-template-solutions .about-hero-img img {
width: 116px;
object-fit: cover;
}
.page-template-solutions .hero-form {
margin: 0;
max-width: 75%;
}
.page-template-solutions .about-hero-grid .hero-title h1 {
font-size: 40px;
line-height: 1.4;
}
.post-content.full-width {
max-width: 100%;
}
.service-area-banner {
background-size: cover;
padding: 0 30px;
background-position: center center;
background-repeat: no-repeat;
background-blend-mode: overlay;
}
.service-area-banner-content {
display: flex;
flex-wrap: wrap;
min-height: 550px;
align-items: center;
justify-content: center;
}
.service-area-banner-content, .content-info-service-area {
width: 100%;
}
.service-area-banner-content h1 {
font-size: 48px;
line-height: 1.17;
color: var(--white);
}
.service-area-content {
padding: 40px 30px;
}
.service-area-content.with-bg {
background-image: url('/wp-content/uploads/2025/09/Bg-Content-Services-Areas-Optsy.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.content-info-service-area {
color: var(--black);
line-height: 1.6;
}
.content-info-service-area h2 {
font-size: 36px;
line-height: 1.3;
margin-bottom: 10px;
color: #333;
}
.service-area-content.with-bg .content-info-service-area h2 {
text-align: center;
}
.single-service-areas .block-section.right-img, .page-template-service-areas .block-section.right-img {
background-color: #f7f7f7;
padding: 40px 20px;
}
.single-service-areas .block-section .block-content h2, .page-template-service-areas .block-section .block-content h2 {
color: #333;
font-size: 36px;
line-height: 1.3;
}
.single-service-areas .block-section .content-info, .page-template-service-areas .block-section .content-info {
margin: 0;
}
.single-service-areas .block-section .content-info, .single-service-areas .block-section .content-info p, .single-service-areas .block-section .content-info ul, .page-template-service-areas .block-section .content-info, .page-template-service-areas .block-section .content-info p, .page-template-service-areas .block-section .content-info ul {
color: var(--black);
font-family: var(--pt-sans);
font-size: 16px;
}
.location-section {
padding: 60px 20px;
}
.located-title {
width: 100%;
margin-bottom: 20px;
}
.located-title h2 {
font-size: 36px;
line-height: 1.3;
color: #1b4572;
text-align: center;
}
.location-info {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.locations {
display: flex;
text-decoration: none;
border-radius: 10px;
background-color: rgba(27, 69, 144, 0.58);
background-blend-mode: overlay;
background-size: cover;
padding: 30px 20px;
align-items: center;
justify-content: center;
text-align: center;
font-size: 25px;
color: var(--white);
font-weight: 700;
background-position: center;
background-repeat: no-repeat;
}
.single-service-areas .cta-section {
padding-top: 90px;
padding-bottom: 90px;
}
.single-service-areas .cta-section .cta-info h2 {
margin: 0 0 30px;
font-size: 36px;
line-height: 1.3;
}
.single-service-areas .cta-section .cta-btn {
background-color: var(--mustard-yellow);
color: var(--black);
border: 1px solid var(--mustard-yellow);
}
.single-service-areas .cta-section .cta-btn:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
color: var(--white);
cursor: pointer;
}
.single-service-areas .faq-section .faq-title h2 {
text-align: left;
}
.single-service-areas .faq-section, .page-template-service-areas .faq-section {
background-color: #f7f7f7;
background-image: unset;
}
.find-us-section {
padding: 60px 30px;
}
.find-us-title {
width: 100%;
margin-bottom: 20px;
}
.find-us-title h2 {
font-size: 36px;
line-height: 1.3;
color: var(--oxford-blue);
}
.find-us-content, .find-us-content iframe {
width: 100%;
}
.demo-hero-section {
padding: 140px 30px 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}
.demo-hero-grid {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 4%;
}
.demo-hero-left {
width: 100%;
max-width: calc(60% - 4%);
}
.demo-hero-right {
width: 100%;
max-width: 40%;
background-color: var(--white);
padding: 40px;
border-radius: 15px;
box-shadow: 5px 5px 2px 2px rgba(0, 0, 0, 0.5);
}
.demo-hero-right h2 {
font-size: 36px;
color: #09476b;
text-align: center;
line-height: 1.3;
margin-bottom: 20px;
}
/*.demo-hero-right .form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button {
background-color: #E68317;
border-color: #E68317;
}
.demo-hero-right .form .gform-theme .optsy-form .gform-footer.gform_footer .gform_button.button:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
}*/
.demo-hero-content {
width: 100%;
color: var(--white);
margin-bottom: 20px;
font-size: 20px;
}
.demo-hero-content h1 {
font-size: 42px;
line-height: 1.33;
color: var(--white);
text-align: left;
margin-bottom: 20px;
}
.capterra-info {
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 10px;
padding: 20px;
max-width: 66.6666666667%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
gap: 25px;
color: var(--white);
}
.capterra-info a {
display: block;
}
.simplify-business-section {
padding: 60px 30px;
}
.simplify-business-content {
width: 100%;
margin-bottom: 30px;
color: var(--black);
text-align: center;
}
.simplify-business-content h2 {
font-size: 36px;
text-align: center;
line-height: 1.3;
color: #333;
margin-bottom: 10px;
}
.simplify-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 60px 0 0;
}
.simplify-business {
width: 100%;
background-color: #a6ca43;
padding: 50px 35px 35px;
text-align: center;
position: relative;
color: var(--white);
}
.simplify-business h3 {
font-size: 24px;
line-height: 1.46;
color: var(--white);
padding: 20px 0;
}
.simplify-business .icon {
position: relative;
}
.simplify-business .icon span {
height: 102px;
width: 102px;
line-height: 53px;
border-color: #1a4472;
border-width: 2px;
border-style: solid;
background-color: #1a4472;
position: absolute;
box-sizing: content-box;
border-radius: 50%;
top: -60px;
left: 50%;
transform: translate(-50%, -50%);
}
.simplify-business .icon span i.fas {
border-color: #1a4472;
border-width: 2px;
background-color: var(--white);
box-sizing: content-box;
height: 98px;
width: 98px;
line-height: 98px;
border-radius: 50%;
position: relative;
top: 2px;
left: auto;
margin: 0;
font-size: 49px;
color: #1a4472;
}
.buttons-section {
background-color: #1a4472;
padding: 80px 30px;
}
.buttons-grid {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 50px;
}
.button-demo {
text-decoration: none;
border-radius: 5px;
padding: 17px 40px;
line-height: 21px;
font-size: 18px;
font-weight: 700;
color: var(--white);
background-color: var(--light-olive-green);
border: 1px solid var(--light-olive-green);
display: flex;
justify-content: center;
align-items: center;
min-width: 270px;
}
.button-demo.btn-first {
background-color: var(--mustard-yellow);
color: var(--black);
}
.button-demo.btn-first:hover, .button-demo:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
color: var(--white);
cursor: pointer;
}
.two-blocks-free-demo {
padding: 60px 30px;
}
.two-blocks-free-demo-content {
width: 100%;
margin-bottom: 80px;
text-align: center;
color: var(--black);
}
.two-blocks-free-demo-content h2 {
font-Size: 28px;
line-height: 1.3;
text-align: center;
margin-bottom: 20px;
color: #333;
}
.two-blocks-free-demo .block-grid.left-img .block-content-grid {
order: 2;
}
.two-blocks-free-demo .block-grid.left-img .block-img {
display: flex;
justify-content: center;
}
.two-blocks-free-demo .block-grid:not(:last-child) {
margin-bottom: 60px;
}
.block_content_detail {
display: flex;
width: 100%;
align-items: flex-start;
flex-wrap: wrap;
gap: 25px;
}
.block_content_detail .block-image, .block_content_detail .dets {
width: 100%;
}
.block_content_detail .dets h3 {
font-size: 18px;
line-height: 1.94;
color: #1a4472;
margin-bottom: 14px;
}
.block_content_detail:not(:last-child) {
margin-bottom: 14px;
}
.block_content_detail .block-image {
max-width: 7%;
}
.block_content_detail .dets {
width: calc(93% - 25px);
}
.block-grid.full-width {
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.block-grid.full-width .block-content-grid .block_content_detail, .block-grid.full-width .block-content-grid .block_content_detail .dets h3 {
margin: 0;
}
.block-grid.full-width .block-content-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
grid-column-gap: 50px;
grid-row-gap: 50px;
align-items: center;
}
.block-grid.full-width .block-content-grid .block_content_detail .block-image {
max-width: 11%;
}
.block-grid.full-width .block-content-grid .block_content_detail .dets {
max-width: calc(89% - 25px);
}
.block-grid.full-width h2 {
font-size: 36px;
line-height: 1.3;
text-align: center;
color: #333;
}
.tets-section {
background-color: #fafafa;
padding: 60px 30px;
}
.tets-content {
width: 100%;
margin-bottom: 60px;
text-align: center;
font-size: 18px;
color: var(--black);
}
.tets-content h2 {
display: flex;
font-size: 28px;
line-height: 1.3;
justify-content: center;
color: var(--black);
gap: 10px;
margin-bottom: 20px;
}
.tets-info {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 50px;
grid-row-gap: 50px;
align-items: center;
}
.cust-feedback {
width: 100%;
padding: 40px 30px;
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25);
background-color: var(--white);
border-radius: 10px;
}
.cust-info {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.cust-info strong {
color: #09476b;
font-size: 18px;
}
.block-section.work-demo-section {
background-color: rgba(6, 52, 101, 0.1);
padding-top: 120px;
padding-bottom: 60px;
}
.block-section.work-demo-section .block-img {
display: flex;
justify-content: flex-end;
}
.block-section.work-demo-section .btn-block {
background-color: var(--light-olive-green);
border-color: var(--light-olive-green);
color: var(--white);
}
.block-section.work-demo-section .btn-block:hover {
background-color: var(--dark-olive-green);
border-color: var(--dark-olive-green);
}
.socials li a:hover .fa-facebook-f {
color: #1877F2;
}
.socials li a:hover .fa-linkedin-in {
color: #0A66C2;
}
.socials li a:hover .fa-youtube {
color: #FF0000;
}
.socials li a .fa-twitter:before {
content: url('data:image/svg+xml;utf8,');
width: 22px;
height: 22px;
display: inline-block;
vertical-align: text-top;
}
.socials li a .fa-twitter:hover::before {
content: url('data:image/svg+xml;utf8,');
}
.secondary-menu li a:hover, .footer-third a:hover, .footer-forth a:hover, .footer-contact:hover {
color: var(--light-olive-green);
}
@media (min-width: 992px) {
.primary-sidebar {
position: sticky;
top: 32px;
}
}
/***********Site footer******/
.site-footer {
padding: 40px 30px;
background-color: var(--black);
}
.footer-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.footer-first, .footer-second, .footer-third, .footer-forth {
width: 100%;
}
.footer-first .custom-logo-link img {
width: 180px;
}
.footer-first h3 {
color: var(--white);
text-transform: uppercase;
margin: 20px 0;
font-weight: 400;
font-size: 18px;
}
.download-buttons {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.download-buttons a {
display: block;
}
.download-buttons a img {
width: 100px;
}
.footer-second h3, .footer-third h3, .footer-forth h3 {
color: var(--white);
font-size: 20px;
line-height: 1.7;
font-weight: 700;
margin-bottom: 10px;
}
.secondary-menu {
list-style: none;
padding: 0;
margin: 0;
}
.secondary-menu li a {
text-decoration: none;
color: var(--white);
font-size: 15px;
font-weight: 400;
}
.footer-contact {
text-decoration: none;
color: var(--white);
display: block;
margin: 6px 0;
}
.footer-btn {
text-decoration: none;
padding: 18px 50px;
border-radius: 21px;
font-size: 16px;
color: #1B4572;
background: var(--white);
display: block;
max-width: 184px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid var(--white);
min-width: 200px;
}
.footer-btn:hover {
background-color: #1B4572;
border-color: #1B4572;
color: var(--white);
cursor: pointer;
}
.footer-third div p, .footer-forth div p {
color: var(--white);
font-size: 16px;
font-weight: 400;
}
.footer-third div p a, .footer-forth div p a {
text-decoration: none;
color: var(--white);
}
.footer-forth div p {
margin: 0;
}
.socials {
list-style: none;
padding: 0;
margin: 10px 0 0;
display: flex;
align-items: center;
gap: 20px;
}
.socials li a {
text-decoration: none;
color: var(--white);
font-size: 22px;
}
.copyright {
width: 100%;
margin-top: 20px;
border-top: 1px solid var(--white);
padding-top: 10px;
}
.copyright p {
color: var(--white);
text-align: center;
text-transform: uppercase;
margin: 1em 0 0;
}
/***********Site footer******/
.post-content h3 strong {
font-weight: unset;
}
.content-container-amend .primary-sidebar {
position: relative;
top: unset;
max-width: 100%;
height: 100%;
}
.content-container-amend {
position: relative;
width: 100%;
}
.industry-container .side-buttons {
position: fixed;
top: 40%;
right: 28px;
transform: translateY(-50%) rotate(-90deg);
transform-origin: right center;
z-index: 99999;
}
.btn-yellow {
border-color: var(--mustard-yellow);
background-color: var(--mustard-yellow);
border-radius: unset;
padding: 16px 20px;
color: var(--black);
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.btn-yellow:hover {
color: var(--white);
}
/* Base: hide form off-screen */
#form-col-amend {
position: fixed;
top: 0;
right: -100%; /* hidden offscreen */
width: 400px;
max-width: 100%;
height: auto;
background: #ececeb;
z-index: 9999;
transition: right 0.4s ease;
box-shadow: -3px 0 10px rgba(0,0,0,0.2);
overflow-y: auto;
padding: 0;
}
/* Active = visible */
#form-col-amend.active {
right: 0;
top: 50%;
transform: translate(0%, -50%);
}
/* Close button (desktop only) */
#form-col-amend .form-close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
color: var(--white);
}
.sidebar-btn {
display: none;
}
.sidebar-btn {
position: fixed;
top: 40%;
right: 28px;
transform: translateY(-50%) rotate(-90deg);
transform-origin: right center;
z-index: 99999;
}
.hero-form .gform_confirmation_message {
color: var(--white);
}
.before-footer {
background-color: #eff3fd;
padding: 60px 30px;
}
.call-box {
width: 100%;
max-width: 80%;
margin: 0 auto;
background-color: var(--indian-red);
text-align: center;
color: var(--white);
display: flex;
align-items: center;
border-radius: 15px;
padding: 34px 56px;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
}
.call-box .heading {
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
.search-form {
width: 100%;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.search-form label {
display: inline-block;
width: 100%;
}
.search-form .search-field {
background-color: rgba(255, 255, 255, 0.4);
font-size: 14px;
color: var(--black);
border: 1px solid #939393;
border-radius: 7px;
padding: 11px;
outline: unset;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.main-nav .menu {
gap: 14px;
}
.solution-heading {
font-size: 20px;
}
.features-info {
grid-column-gap: calc(2.76% + 10px);
}
.service-management-grid .heading-link .content-box-heading, .achievement .counter-box-content {
font-size: 18px;
}
.faq-section, .blogs-section, .single-post .faq-section, .cta-section.cta-other {
padding-left: 30px;
padding-right: 30px;
}
.form-info {
max-width: 80%;
}
.blog-item a.blog-thumb img {
min-height: 201px;
}
.footer-first h3 {
font-size: 14px;
}
.footer-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.block-section .content-info p, .block-section .content-info ul {
font-size: 16px;
}
.block-content h2 {
font-size: 36px;
}
.solutions-content p {
font-size: 18px;
line-height: 28px;
}
.hero-content {
margin-top: 50px;
}
.hero-section {
padding-bottom: 9%;
}
.main-nav .menu > li > a {
font-size: 15px;
}
.contact-heading h1 {
font-size: 38px;
}
.page-template-solutions .about-hero-grid .hero-title h1 {
font-size: 32px;
}
.page-template-solutions .about-page-content h2 {
font-size: 28px;
}
.page-template-solutions .primary-sidebar #block-2 h2 {
font-size: 24px;
}
.solutions-page-grid {
gap: 20px;
}
.solutions-page-grid .about-page-content {
max-width: calc(50% - 40px);
}
.solutions-menu {
max-width: 25%;
}
.page-template-industries .hero-section .hero-content .hero-title h1 {
font-size: 50px;
}
.location-info {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.call-box {
max-width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.hero-title h1 {
font-size: 40px;
}
.hero-content {
width: calc(100% - 20%);
margin-right: 20%;
}
.solutions-content h2, .feedback-content h2, .faq-title h2, .achievement-title h2, .service-management-title h2, .industry-content-title h2, .white-blocks-content h2 {
font-size: 38px;
}
.solutions-content p {
font-size: 16px;
line-height: 26px;
}
.solution-content-boxes {
padding: 25px;
}
.block-grid {
grid-template-columns: repeat(1, 1fr);
}
.block-img {
display: flex;
justify-content: center;
}
.block-section.left-img .block-content, .block-section.left-img-with-bg .block-content {
order: 1;
}
.block-section.left-img .block-img, .block-section.left-img-with-bg .block-img {
order: 2;
}
.achievement .counter-box-content {
font-size: 20px;
}
.achievement .content-box-counter {
font-size: 44px;
}
.achievement {
padding: 0;
}
.form-info {
max-width: 90%;
}
.cta-info h2 {
margin: 0 0 30px;
}
.single-post .about-hero-grid .hero-title h1 {
font-size: 28px;
}
.contact-heading h1 {
font-size: 32px;
}
.page-template-industries .hero-section .hero-content .hero-title h1 {
font-size: 50px;
}
.industry-content h2 {
font-size: 28px;
}
.hero-form .gform-theme .subscription-form .gform-footer.gform_footer .gform_button.button {
padding: 15px;
}
.service-area-banner-content h1 {
font-size: 40px;
}
.demo-hero-content h1 {
font-size: 34px;
}
.demo-hero-right h2 {
font-size: 32px;
}
.simplify-grid {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 100px;
}
.block-section.work-demo-section .block-img {
justify-content: center;
}
.call-box {
padding-left: 44px;
padding-right: 44px;
}
}
@media only screen and (max-width: 991px) {
.solutions-content, .cta-info, .form-info {
max-width: 100%;
}
.solutions-content h2, .feedback-content h2, .faq-title h2, .achievement-title h2, .service-management-title h2, .post-content h2 {
font-size: 34px;
}
.solutions-info, .service-management-grid, .achievement-info, .footer-grid {
grid-template-columns: repeat(2, 1fr);
}
.content-box-shortcode-timeline {
display: none;
}
.features-info, .blog-grid, .video-grid {
grid-template-columns: repeat(1, 1fr);
}
.cta-section {
padding-top: 60px;
padding-bottom: 60px;
}
.cta-info h2 {
font-size: 36px;
}
.block-section.left-img-with-bg .content-info p {
font-size: 18px;
}
.post-content, .primary-sidebar, .contact-details-left, .contact-details-right {
max-width: 100%;
}
.post-grid, .contact-details-grid {
gap: 40px;
}
.solutions-page-grid .about-page-content {
max-width: calc(65% - 20px);
}
.solutions-menu {
max-width: 35%;
}
.solutions-page-grid .primary-sidebar {
max-width: 100%;
}
.page-template-solutions .hero-form {
max-width: 85%;
}
.page-template-solutions .form-content h2, .industry-content-title h2 {
font-size: 28px;
}
.industry-content-section, .page-template-industries .cta-section {
padding-top: 60px;
padding-bottom: 60px;
}
.industry-content h2 {
font-size: 24px;
}
.page-template-industries .hero-section .hero-content {
margin: 30px 0 0;
width: 100%;
}
.page-template-industries .hero-section .hero-content .hero-title h1 {
font-size: 40px;
}
.industry-container .side-buttons, .sidebar-btn {
display: block;
}
#form-col-amend .form-close-btn {
display: none;
}
#form-col-amend {
background: unset;
width: 100%;
top: 0;
height: 100%;
transform: unset;
padding: 0 20px;
right: unset;
left: -92%;
transition: left 0.4s ease;
box-shadow: unset;
}
#form-col-amend.active {
top: 0;
height: 100%;
transform: unset;
padding: 0 20px;
right: unset;
left: 0;
transition: left 0.4s ease;
background: rgba(0, 0, 0, .3);
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
}
.solutions-page-grid .primary-sidebar, .post-grid .primary-sidebar {
position: fixed;
top: 0;
left: -95%;
height: 100vh;
max-height: -webkit-fill-available;
height: 100dvh;
min-height: 100dvh;
transition: left 0.4s ease;
z-index: 9999;
padding: 0;
overflow-y: auto;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
background: unset;
}
.solutions-page-grid .primary-sidebar.active, .post-grid .primary-sidebar.active {
left: 0;
margin: 0;
width: calc(100% + 40px);
padding: 0 20px;
background: rgba(0, 0, 0, .3);
}
.solutions-page-grid .primary-sidebar .widget, .post-grid .primary-sidebar .widget {
width: 100%;
}
.location-info {
grid-template-columns: repeat(2, 1fr);
}
.submenu-toggle {
display: inline-block;
cursor: pointer;
padding: 12px 16px;
color: #4a4e57;
}
.page-template-solutions .submenu-toggle, .page-template-about .submenu-toggle, .page-template-downloads .submenu-toggle, .blog .submenu-toggle, .single-post .submenu-toggle, .page-template-contact .submenu-toggle, .page-template-free-demo .submenu-toggle, .archive .submenu-toggle, .page-template-service-areas .submenu-toggle, .page-template-default .submenu-toggle, .error404 .submenu-toggle, .search .submenu-toggle, .page-template-default.home .submenu-toggle {
color: #4a4e57;
}
.submenu-toggle i {
transition: transform 0.3s ease;
}
.submenu-toggle i.rotated {
transform: rotate(180deg);
}
.demo-hero-grid {
gap: 40px;
}
.demo-hero-left, .demo-hero-right {
max-width: 100%;
}
.demo-hero-section {
padding-top: 80px;
}
.simplify-business {
padding-left: 20px;
padding-right: 20px;
}
.call-box {
gap: 24px;
justify-content: center;
}
.content-container-amend .primary-sidebar {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background-color: unset;
}
.primary-sidebar #block-2 {
width: 100%;
margin: 0;
}
.primary-sidebar #block-3 {
padding: 26px 16px;
width: 100%;
background-color: #ececeb;
margin: 0;
}
.industry-container .side-buttons, .side-buttons.sidebar-btn {
top: 50%;
left: 41px;
right: unset;
transform: translateY(0) rotate(-90deg);
transform-origin: left center;
}
.side-buttons.sidebar-btn {
left: 48px;
}
.industry-container.form-open .side-buttons, .side-buttons.sidebar-btn.btn-active {
top: 40%;
left: unset;
right: 28px;
transform: translateY(-50%) rotate(-90deg);
transform-origin: right center;
}
.industry-container .side-buttons.sidebar-btn {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.hero-content {
width: 100%;
margin: 50px 0 0;
}
.hero-form .gform-theme .subscription-form .gform-footer.gform_footer .gform_button.button {
font-size: 14px;
padding: 20px 10px;
}
.solutions-content h2, .feedback-content h2, .faq-title h2, .achievement-title h2, .service-management-title h2, .about-page-content h2, .post-content h2 {
font-size: 30px;
}
.form-content h2 {
font-size: 24px;
}
.blog-title h2 {
font-size: 28px;
}
.solutions-menu, .solutions-page-grid .about-page-content {
max-width: 100%;
}
.page-template-solutions .about-hero-grid .hero-title h1 {
font-size: 26px;
}
.page-template-solutions .about-hero-grid {
gap: 20px;
}
.page-template-solutions .hero-form {
max-width: 100%;
margin-top: 20px;
}
.industry-content-grid {
gap: 30px;
}
.industry-content, .industry-content-image, .cta-section.cta-other .cta-info, .cta-image {
max-width: 100%;
}
.page-template-industries .cta-section.cta-other {
padding-bottom: 0;
}
.service-area-banner-content h1 {
text-align: center;
}
.content-info-service-area h2, .single-service-areas .block-section .block-content h2, .located-title h2, .single-service-areas .cta-section .cta-info h2, .find-us-title h2 {
font-size: 30px;
}
.block-grid.full-width .block-content-grid {
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.tets-content h2 {
align-items: flex-start;
font-size: 20px;
gap: 4px;
}
.call-box {
padding: 30px;
}
.call-box .heading {
font-size: 24px;
}
}
@media only screen and (max-width: 600px) {
.site-wide-header {
padding: 2% 30px;
}
/*.primary-sidebar #block-3 {
padding: 26px 16px;
}*/
.hero-section, .solutions-section, .features-section, .feedback-section, .block-section, .service-management-section, .cta-section, .achievements-section, .faq-section, .form-section, .blog-section, .site-footer, .site-wide-header, .about-content-section, .about-hero-section, .blogs-section, .post-content-section, .single-post .faq-section, .contact-hero, .contact-details-section, .industry-content-section, .cta-section.cta-other, .white-blocks-section, .video-section, .service-area-banner, .service-area-content, .find-us-section, .demo-hero-section, .buttons-section, .tets-section, .simplify-business-section, .two-blocks-free-demo {
padding-left: 20px;
padding-right: 20px;
}
.before-footer {
padding: 0;
}
.hero-title h1, .contact-heading h1 {
font-size: 28px;
}
.solutions-info, .service-management-grid, .achievement-info, .footer-grid {
grid-template-columns: repeat(1, 1fr);
}
.block-content h2 {
font-size: 32px;
}
.service-management-section {
padding-top: 60px;
padding-bottom: 60px;
}
.service-management-grid .heading-link .content-box-heading {
font-size: 22px;
}
.solutions-content h2, .feedback-content h2, .faq-title h2, .achievement-title h2, .service-management-title h2, .block-content h2, .cta-info h2, .blog-title h2, .features-content h2, .about-page-content h2, .post-content h2, .white-blocks-content h2, .page-template-industries .cta-section .cta-info h2, .cta-section.cta-other .cta-info h2 {
font-size: 26px;
}
.form-info {
padding: 0 20px;
}
.form-content h2 {
font-size: 24px;
}
.site-logo img {
height: 60px;
}
.about-hero-grid .hero-title h1 {
font-size: 34px;
}
.faq-question {
padding: 15px;
gap: 5px;
}
.faq-answer {
padding-left: 15px;
padding-right: 15px;
}
.faq h3 {
font-size: 16px;
}
.faq-answer {
font-size: 14px;
}
.btn-primary {
padding: 17px 26px;
font-size: 16px;
line-height: 19px;
}
.post-content h3 {
font-size: 22px;
}
.single-post .about-hero-grid .hero-title h1 {
line-height: 1.4;
}
.page-template-solutions .form-content h2 {
font-size: 24px;
}
.page-template-industries .hero-section .hero-content .hero-title h1 {
font-size: 40px;
}
.hero-dets h4, .hero-dets p {
font-size: 20px;
}
.page-template-industries .hero-section .hero-content {
margin: 50px 0 0;
}
.location-info {
grid-template-columns: repeat(1, 1fr);
}
.service-area-banner-content {
min-height: 350px;
}
.service-area-banner-content h1 {
font-size: 29px;
}
.content-info-service-area h2, .single-service-areas .block-section .block-content h2, .located-title h2, .single-service-areas .cta-section .cta-info h2, .find-us-title h2 {
font-size: 24px;
}
.simplify-grid {
grid-template-columns: repeat(1, 1fr);
}
.block-grid.full-width h2, .simplify-business-content h2 {
font-size: 28px;
}
.demo-hero-content h1 {
font-size: 30px;
}
.demo-hero-right {
padding: 20px;
}
.buttons-grid {
gap: 25px;
}
.block_content_detail .block-image {
max-width: 10%;
}
.block_content_detail .dets {
width: calc(90% - 25px);
}
.tets-info {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 30px;
}
.block-grid.full-width .block-content-grid .block_content_detail .dets {
max-width: 90%;
}
.block-grid.full-width .block-content-grid .block_content_detail .block-image {
max-width: 10%;
}
.tets-content h2 {
flex-wrap: wrap;
font-size: 28px;
align-items: flex-start;
}
.capterra-info {
max-width: 100%;
}
.block-section.work-demo-section {
padding-top: 60px;
}
.footer-btn {
min-width: auto;
padding: 14px 40px;
}
.call-box {
border-radius: 0;
padding: 20px;
}
}
@media only screen and (max-width: 374px) {
.hero-form .subscription-form .gform-body, .hero-form .subscription-form .gform-footer {
width: 100%;
}
.btn-block {
padding-left: 30px;
padding-right: 30px;
}
.hero-form .subscription-form {
flex-wrap: wrap;
gap: 20px;
}
}