/* ----- ------ ------ ----- */
/* ----- Global styles ----- */
/* ----- ------ ------ ----- */

a { color: #fff;
    text-decoration: none;
    font-family: 'Titillium Web';}

a:hover{color:#fff}

.sub-menu li a { color: #000 }

.sub-menu li a:hover { color: #000 }

h1, h2, h3, h4, h5 {
    font-family: 'Titillium Web';
}

body {
    overflow-x: hidden;
}

/* ----- ------ ------ ----- */
/* ----- Header styles ----- */
/* ----- ------ ------ ----- */

.site-header {
  background: #17378E;
}

.site-navigation ul.menu li.menu-item-has-children:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.042' height='8.88' viewBox='0 0 14.042 8.88'%3E%3Cpath id='Down_Arrow_3_' d='M0,0,6.1,6.976,12.208,0' transform='translate(0.917 0.917)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;  
  color: transparent;
}

header.page-header {
    background: url(/wp-content/uploads/2023/07/GenericBlueBackground6.png);
    padding: 80px;
    height: 60vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-size: cover;
}

header.page-header div {

}
header.page-header .post-image-head {
	border-radius:20px;
    margin:20px;
	height:auto;
	max-height:500px;
}
header.page-header h1.entry-title {
    color: #fff;
    font-size: 50px;    
    margin: 0px 30px;;
}

header.page-header span.entry-date {
    color: #fff;
    font-size: 22px;
    margin: 0;
    margin-bottom: 79px;
}

/* remove elementor navbar */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-1a6ba7c9,
div.elementor-element.elementor-element-56bdbc4 {
    display: none;
}

nav.generis-nav {
    background: #233C78; 
    display: flex;
    justify-content: center;
    font-family: 'Titillium Web';
    height: 90px;
    overflow: hidden;
    position: relative;
}
nav.generis-nav--mobile-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media (min-width: 992px) {
    nav.generis-nav {
        overflow: visible;
    }
}
nav.generis-nav .container--generis-nav {
    display: flex;
    max-width: 1480px;
    width: 100%;
}
nav.generis-nav .generis-logo {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    max-width: 300px;
    padding-left: 30px;
}
nav.generis-nav .generis-logo img {
    max-width: 50%;
}
nav.generis-nav .generis-nav-menu {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
    width: 100%;
}
.generis-nav-menu__desktop {
    display: none;
    font-family: "Varela Round";
    font-size: 15px;
}
.generis-nav-menu__mobile {
    display: flex;
    align-items: center;
}
.generis-nav-menu__mobile__menu {
    background: white;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 100%;
    overflow: scroll;
    padding: 10%;
    padding-top: 120px;
    position: fixed;
    top: 0;
    transition: 0.3s;
    width: 100%;
    z-index: 5;
}
#mobile-menu-2.generis-nav-menu__mobile__menu {
    flex-direction: row;
    padding: 15px;
    padding-top: 30px;
    margin-top: 90px;
}
.generis-nav-menu__mobile__menu.open {
    left: 0;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__service-list {
    margin-right: 20px;
    width: 20%;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services-container {
    width: 80%;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services {
    background: #D9E7FF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner {
    display: none;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner.active {
    display: flex;
    justify-content: start;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner.services-inner--enterprise {
    align-items: center;
    background-image: url("/wp-content/themes/hello-elementor/assets/images/generis-bg.svg");
    flex-direction: column;
    padding: 20px;
    text-align: center;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner a {
    width: calc(50% - 26px);
    margin-left: 7px;
    margin-right: 7px;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner.services-inner--enterprise a {
    width: calc(100% - 26px);
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner.services-inner--enterprise span {
    font-weight: bold;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service.service--parent {
    flex-direction: column;
    justify-content: start;
}
@media (min-width: 600px) {
    #mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service.service--parent {
        flex-direction: row;
    }
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service.service--parent>a {
    width: unset;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service.service--parent .services-inner__service__inner a{
    width: calc(100% - 26px);
    text-align: left;
}
#mobile-menu-2.generis-nav-menu__mobile__menu .dropdown__services .services-inner .services-inner__service img {
    margin-right: 7px;
    margin-left: 7px;
}
#mobile-menu-1.generis-nav-menu__mobile__menu>div {
    border-bottom: 1px solid #D9E7FF;
    padding: 13px 0;
    position: relative;
}
#mobile-menu-2.generis-nav-menu__mobile__menu>div {
    border-bottom: none;
}
#mobile-menu-2.generis-nav-menu__mobile__menu>div.dropdown__service-list>div {
    border-bottom: 1px solid #D9E7FF;
    padding: 13px 0;
    position: relative;
}
.generis-nav-menu__mobile__menu>div a, .generis-nav-menu__mobile__menu>div span {
    color: #17378E;
    font-size: 18px;
    font-weight: 300;
}
.generis-nav-menu__mobile__menu>div>span:after, .generis-nav-menu__mobile__menu>div>a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.88' height='14.042' viewBox='0 0 8.88 14.042'%3E%3Cpath id='Down_Arrow_3_' d='M0,0,6.1,6.976,12.208,0' transform='translate(0.917 13.125) rotate(-90)' fill='none' stroke='%2317378e' stroke-linecap='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 14.042px;
    margin-left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 8.88px;
}
.generis-nav-menu__mobile__menu>div>a:after {
    
}
.generis-nav-menu__mobile__menu>div>a.btn-a:after {
    display: none;
} 
.generis-nav-menu__mobile__menu blockquote {
    background: #D9E7FF;
    border-radius: 17px;
    color: #17378E;
    font-family: 'Titillium Web';
    margin: 0;
    padding: 13px 26px;
    text-align: center;
}
.generis-nav-menu__mobile__menu blockquote p {
    padding: 10px;
    position: relative;
}
.generis-nav-menu__mobile__menu blockquote p:before, .generis-nav-menu__mobile__menu blockquote p:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='87' viewBox='0 0 24 87'%3E%3Ctext fill='%2317378e' font-size='40' font-family='TitilliumWeb-Bold, Titillium Web' font-weight='700'%3E%3Ctspan x='3.14' y='45'%3E“%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 87px;
    position: absolute;
    width: 24px;
}
.generis-nav-menu__mobile__menu blockquote p:before {
    left: -5px;
    top: -5px;
}.generis-nav-menu__mobile__menu blockquote p:after {
    right: 5px;
    bottom: -66px;
}
.generis-nav-menu__mobile__menu blockquote footer {
    font-weight: 700;
}
.generis-nav-menu__demo-button {
    display: none;
}

@media (min-width: 992px) {
    nav.generis-nav .generis-logo {
        justify-content: center;
    }

    nav.generis-nav .generis-nav-menu {
        justify-content: space-evenly;
        padding-right: 0;
    }
    .generis-nav-menu__desktop {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        justify-content: center;
    }
    .generis-nav-menu__mobile {
        display: none;
    }

    .generis-nav-menu__demo-button {
        align-items: center;
        display: flex;
        justify-content: center;
    }
}
@media (min-width: 1400px) {
    .generis-nav-menu__desktop {
        width: 100%
    }
}
.generis-nav-menu__mobile__demo-button {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}
.generis-nav-menu__demo-button a button, .generis-nav-menu__mobile__demo-button a button {
    border-radius: 40px 40px 40px 40px;
    color: #17378E; 
    font-size: 15px;
    padding: 12px 24px;
}
.generis-nav-menu__demo-button a button {
    background-color: #FFFFFF; 
    border: none;
}
.generis-nav-menu__mobile__demo-button a button {
    background-color: transparent; 
    border: 1px solid black;
}
.generis-nav-menu__demo-button a button:hover, .generis-nav-menu__mobile__demo-button a button:hover {
    background-color: #CC3366;
    color: #fff;
}
.generis-nav-menu__desktop>div {
       align-items: center;
    display: flex;
    height: 100%;
    margin-right: 20px;    
}
.generis-nav-menu__desktop .dropdown-nav-item {
    color: white; 
    margin-right: 10px;
    position: relative;
    font-size: 16px;
}
@media (min-width: 1080px) {
    .generis-nav-menu__desktop .dropdown-nav-item {
        /* margin-right: 15px; */
        margin-right: 0px;
    }
}
@media (min-width: 1200px) {
    .generis-nav-menu__desktop .dropdown-nav-item {
        /* margin-right: 30px; */
    }
}
@media (min-width: 1300px) {
    .generis-nav-menu__desktop .dropdown-nav-item {
        /* margin-right: 40px; */
    }
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-arrow:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.042' height='8.88' viewBox='0 0 14.042 8.88'%3E%3Cpath id='Down_Arrow_3_' d='M0,0,6.1,6.976,12.208,0' transform='translate(0.917 0.917)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 8.88px;
    margin-left: 10px;
    width: 14.042px;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown {
    background: white;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 3px 10px #00000070;
    color: black;
    display: flex;
    flex-direction: column;
    position: absolute;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    top: 90px;
    transition: 0.3s;
    width: 150%;
    z-index: 5;
}

.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu {
    flex-direction: row;
    justify-content: space-between;
    left: -300px;
    width: 950px;
}
@media (min-width: 1200px) {
    .generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu {
        width: 1100px;
    }
}
@media (min-width: 1300px) {
    .generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu {
        width: 1200px;
    }
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown a {
    color: black;
    margin-bottom: 20px;
}
.generis-nav-menu__mobile .dropdown-nav-item__dropdown a {
    margin-top: 10px;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown a:last-child {
    color: black;
    margin-bottom: 20px;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown>span {
    cursor: pointer;
    margin-bottom: 20px;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown>span:last-child {
    margin-bottom: 0px;
}

.generis-nav-menu__desktop .dropdown-nav-item > .dropdown-arrow {
    cursor: pointer;
    font-family: 'Titillium Web';
    font-size: 16px;
}

.generis-nav-menu__desktop .dropdown-nav-item > a {
    font-size: 16px;
}

.generis-nav-menu__desktop .dropdown-nav-item > a, .generis-nav-menu__desktop .dropdown-nav-item > span {
    padding: 35px 15px;
}
.generis-nav-menu__desktop .dropdown-nav-item:hover > a, .generis-nav-menu__desktop .dropdown-nav-item:hover > span {
    background: #ffffff35;
}
.generis-nav-menu__desktop .dropdown-nav-item:hover > a:not(.dropdown-arrow):hover {
    background: #ffffff35;
}
.generis-nav-menu__desktop .dropdown-nav-item:hover .dropdown-nav-item__dropdown {
    max-height: 200px;
    padding: 20px;
}
.generis-nav-menu__desktop .dropdown-nav-item:hover .dropdown-nav-item__dropdown.megamenu {
    max-height: 900px;
    padding: 0;
}
@media (max-width: 1199px) {
    .generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu {
        /* left: -150px; */
    }
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu .dropdown__service-list {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 15%;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu .dropdown__service-list>div {
    border-bottom: 1px solid #D9F1FF;
}
.generis-nav-menu__desktop .dropdown-nav-item .dropdown-nav-item__dropdown.megamenu .dropdown__service-list>div:last-child {
    border-bottom: none;
}
.generis-nav-menu__mobile .dropdown-nav-item.open a:after {
    transform: rotate(90deg);
}
.generis-nav-menu__mobile .dropdown-nav-item__dropdown {
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.generis-nav-menu__mobile .dropdown-nav-item__dropdown.open {
    max-height: 120px;
}
.dropdown-nav-item .dropdown__service-list>div img {
    margin: 25px 5px;
    max-width: 150%;
}
.dropdown-nav-item .dropdown__service-list-inner {
    width: 100%;
    padding: 20px;
    padding-left: 50px;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner {
    display: none;
    flex-wrap: wrap;
    /* height: 100%; */
    justify-content: start;
    max-height: 0;
    opacity: 0;
    /* overflow: hidden; */
    transition: 0s, 0.3s, 0.3s;
    transition-delay: 0.5s, 0.2s, 0s;
    transition-property: display, max-height, opacity;
    width: 100%;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner>a {
    width: calc(50% - 26px);
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner a:hover {
    color: #233C78;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner a:hover .services-inner__service {
    color: #233C78;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner.active {
    display: flex;
    max-height: 600px;
    opacity: 1;
    transition: 0s, 1s, 1s;
    transition-delay: 0s, 0.5s, 0.5s;
    transition-property: display, max-height, opacity;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner.services-inner--enterprise {
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    background-image: url("/wp-content/themes/hello-elementor/assets/images/generis-bg.svg");
}
.services-inner.services-inner--enterprise span {
    text-align: center;
    font-family: 'Titillium Web';
    font-size: 20px;
    max-width: 500px;
}
.services-inner.services-inner--enterprise a {
    display: flex;
    justify-content: center;
    margin: 20px;
}
.services-inner.services-inner--enterprise a>button {
    white-space: normal;
    border: 1px solid #233C78;
    color: #233C78;
}
.dropdown-nav-item .dropdown__service-list-inner .services-inner.services-inner--enterprise a button:hover {
    border: 1px solid #233C78; 
    background: #233C78;
    color: white;
}
.services-inner .services-inner__service {
    align-items: center;
    color: black;
    display: flex;
    font-family: "Titillium Web";
    margin: 13px;
    /* width: calc(50% - 26px); */
}
.services-inner .services-inner__service img {
    max-width: 74px;
    width: 74px;
}
.generis-nav-menu__desktop .services-inner .services-inner__service img {
    margin-right: 10px;
}
.services-inner .services-inner__service.service--parent {
    width: calc(100% - 52px);
}
.generis-nav-menu__mobile__menu .services-inner__service.service--parent {
    align-items: flex-start;
    flex-direction: column;
} 
.generis-nav-menu__mobile__menu .services-inner__service.service--parent .services-inner__service__inner {
    margin-left: 9px;
}
.services-inner .services-inner__service.service--parent .services-inner__service__inner {
    /* flex-direction: row; */
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
@media (min-width: 992px) {
    .services-inner .services-inner__service.service--parent .services-inner__service__inner {
        height: 100px;
        width: calc(100% - 74px);
    }
}
@media (min-width: 1200px) {
    .services-inner .services-inner__service.service--parent .services-inner__service__inner {
        height: 89px;
    }
}
@media (min-width: 1300px) {
    .services-inner .services-inner__service.service--parent .services-inner__service__inner {
        width: 80%;
    }
    #quality_services.services-inner .services-inner__service.service--parent .services-inner__service__inner {
        width: 60%;
    }
}
.services-inner .services-inner__service.service--parent .services-inner__service__inner a {
    display: block;
    margin-bottom: 0;
    width: calc(50% - 37px);
}
.dropdown_shareable {
    align-items: center;
    background-color: #D9E7FF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    padding-bottom: 20px;
    width: 25%;
}
.generis-nav-menu__mobile__menu .dropdown_shareable {
    flex-direction: row;
    justify-content: center;
    padding: 10px;
    width: 100%;
    padding-bottom: 100px;
}
.dropdown_shareable {
    display: none;
}
.dropdown_shareable.active {
    display: flex;
}
.dropdown_shareable a {
    max-width: 250px;
    width: 80%;
}
.dropdown_shareable button {
    align-items: center;
    border: 1px solid black;
    border-radius: 40px;
    color: #000000;    
    display: flex;
    height: 38px;
    font-size: 16px;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
}
.dropdown_shareable a button:hover {
    background: #233C78;
    border: 1px solid #233C78;
    border-radius: 40px;
    color: white;
    text-transform: uppercase;
}


/* Nav Icon */

#nav-icon {
    width: 45px;
    height: 35px;
    position: relative;
    margin: 10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 5;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    /* background: #d3531a; */
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
    top: 0px;
}

#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
    top: 13px;
}

#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
    top: 26px;
}

#nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2), #nav-icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
    left: 5px;
    top: 7px;
}

#nav-icon.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
}

#nav-icon.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon.open span:nth-child(5) {
    left: 5px;
    top: 21px;
}

#nav-icon.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 21px;
}


/* Post specific styling */

body.post-template-default main.site-main {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

body.post-template-default header.page-header {
    justify-content: center;
    padding: 80px 0;
    width: 100%;
}

body.post-template-default header.page-header>div {
    max-width: 1140px;
    padding: 0 10%;
    width: 100%;
}

body.post-template-default div.page-content {
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 1140px;
    padding: 0 6%;
    width: 100%;
}

body.post-template-default div.page-content a {
    color: #2271b1;
}

body.post-template-default div.page-content .wp-block-button__link.wp-element-button {
    background: white;
    border: 2px solid black;
}

body.post-template-default div.page-content figure.wp-block-image {
    display: flex;
    justify-content: center;
}

footer.site-footer {
    background: #F7FBFF;
    padding-bottom: 0;
}

.site-footer .footer-inner {
    max-width: none;
    display: flex;
    flex-direction: column;
}

.site-footer .footer-inner .copyright {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    background: #E5F0FC;
    padding: 35px 10%;
}

.copyright.show p {
   padding: 0 20px;
}

footer .site-navigation ul.menu a {
    color: #000;
}

.footer-inner .site-navigation, .footer-inner .site-branding {
    padding: 0 10%;
}

.site-footer .footer-inner .copyright {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    background: #E5F0FC;
    padding: 35px 10%;
}

#menu-footer-menu>li>a { font-size: 25px; font-weight: 600;}

label { width: 85%; }


input, select, textarea { margin-top: 10px; border-radius: 10px; padding: 1rem; }

textarea { height: 145px; }

input[type=submit]{background: #fff;
    border-radius: 40px;
    border: none;
    padding: 13px 48px;
    color: #000;
    text-transform: uppercase;}

    
form {display: flex; flex-wrap: wrap;}

form>div { width: 33% }

form.wpcf7-form>div { width: 100%; }

@media (min-width: 768px) {
	form.wpcf7-form>div { width: 33%; }
    form.wpcf7-form>div:nth-child(5) { width: 100%; }
}

@media (max-width: 768px) {
	.wpcf7 label {
        width: 100%;
    }
}

.wpcf7-list-item { margin: 0 0 0 0; }

/* ----- ------ -------- --- ------- ---- - ----- */
/* ----- custom checkbox for contact-form-7 ----- */
/* ----- ------ -------- --- ------- ---- - ----- */

span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 10px;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 1px solid #fff;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}
.wpcf7 label {
	width: 95%;
}
.wpcf7 .wpcf7-submit-blue input[type=submit] {
    background: #233C78;
    color: white;
    width: 100%;
}
.wpcf7 .wpcf7-submit-blue input[type=submit]:hover {
    background: #1747A5;
}



/* ----- -------- ---- ------ ----- ----- */
/* ----- Homepage Hero Banner Title ----- */
/* ----- -------- ---- ------ ----- ----- */

h1.heroTitle { 
    color: white;
    font-size: 52px;
    text-transform: none;
    padding: 50px 10px 0;
}
@media (min-width: 768px) {
    h1.heroTitle { 
        font-size: 62px;
        padding: 0;
    }
}
@media (min-width: 1024px) {
    h1.heroTitle { 
        font-size: 82px;
    }
}
h1.heroTitle span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
h1.heroTitle span::after {
    content: '';
    display: block;
    position: absolute;
    top: 58px;
    left: 0;
    height: 10px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264.257' height='8.506' viewBox='0 0 264.257 8.506'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8612.051c148.879-4.007,264.177-3.435,264.177-3.435' transform='translate(12182.536 8618.058)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    z-index: -1;
}
@media (min-width: 768px) {
    h1.heroTitle span::after {
        top: 58px;
        height: 40px;
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397.177' height='37.47' viewBox='0 0 397.177 37.47'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8596.924c223.344-21.51,396.31-18.437,396.31-18.437' transform='matrix(0.999, 0.035, -0.035, 0.999, 11875.346, 9037.999)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
    } 
}
@media (min-width: 1024px) {
    h1.heroTitle span::after {
        top: 78px;
        height: 40px;
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397.177' height='37.47' viewBox='0 0 397.177 37.47'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8596.924c223.344-21.51,396.31-18.437,396.31-18.437' transform='matrix(0.999, 0.035, -0.035, 0.999, 11875.346, 9037.999)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
    } 
}



/* ----- ---- ------ ----- ----- */
/* ----- Hero Banner Title ----- */
/* ----- ---- ------ ----- ----- */


h1.heroTitle { 
    color: white;
    font-size: 52px;
    text-transform: none;
    padding: 50px 10px 0;
    position: relative;
}
@media (min-width: 768px) {
    h1.heroTitle { 
        font-size: 62px;
        padding: 0;
    }
}
@media (min-width: 1024px) {
    h1.heroTitle { 
        font-size: 82px;
    }
}
h1.heroTitle span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
h1.heroTitle::before {
    display: inline-block;
    width: 16.1px;
    height: 22px;
    position: absolute;
    top: -10px;
    left: -10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.02' height='21.355' viewBox='0 0 16.02 21.355'%3E%3Cg id='Group_249' data-name='Group 249' transform='translate(-206.016 -248.772)'%3E%3Cpath id='Path_362' data-name='Path 362' d='M-12288.7-8773.78l-5.047-.674' transform='translate(13721.683 7012.293) rotate(-9)' fill='none' stroke='%239fcb4f' stroke-width='1'/%3E%3Cpath id='Path_363' data-name='Path 363' d='M-12286.7-8772.69l-7.046-1.762' transform='matrix(0.883, 0.469, -0.469, 0.883, 6947.67, 13770.005)' fill='none' stroke='%239fcb4f' stroke-width='2'/%3E%3Cpath id='Path_364' data-name='Path 364' d='M-12287.2-8770.84l-6.506-3.608' transform='matrix(0.829, 0.559, -0.559, 0.829, 5502.316, 14395.968)' fill='none' stroke='%239fcb4f' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
h1.heroTitle span::after {
    content: '';
    display: block;
    position: absolute;
    top: 58px;
    left: 0;
    height: 10px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264.257' height='8.506' viewBox='0 0 264.257 8.506'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8612.051c148.879-4.007,264.177-3.435,264.177-3.435' transform='translate(12182.536 8618.058)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    z-index: -1;
}
@media (min-width: 768px) {
    h1.heroTitle span::after {
        top: 58px;
        height: 40px;
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397.177' height='37.47' viewBox='0 0 397.177 37.47'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8596.924c223.344-21.51,396.31-18.437,396.31-18.437' transform='matrix(0.999, 0.035, -0.035, 0.999, 11875.346, 9037.999)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
        filter: drop-shadow(0 3px 6px #55555570);
    } 
}
@media (min-width: 1024px) {
    h1.heroTitle span::after {
        top: 78px;
        height: 40px;
        width: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='397.177' height='37.47' viewBox='0 0 397.177 37.47'%3E%3Cpath id='Path_361' data-name='Path 361' d='M-12182.469-8596.924c223.344-21.51,396.31-18.437,396.31-18.437' transform='matrix(0.999, 0.035, -0.035, 0.999, 11875.346, 9037.999)' fill='none' stroke='%239fcb4f' stroke-width='5'/%3E%3C/svg%3E%0A");
    } 
}



/* ----- --- -------- -------- ----- */
/* ----- EQM Services Carousel ----- */
/* ----- --- -------- -------- ----- */


#solutionsCarousel.solutionsCarousel {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
}
.slick-track {
    display: flex;
}
.solutionsCarousel_slide {
    width: 80%;
    flex: 0 0 auto;
    margin-right: 15px;
}
/* DOTS STYLING */
.solutionsCarousel ul.slick-dots {
    /* top: 25px; */
    transform: translateY(-190px);
}
.solutionsCarousel ul.slick-dots li {
    width: 130px;
    height: 40px;
    margin: 34px;
}
.solutionsCarousel ul.slick-dots li button {
     content: '';
    /* opacity: 0; */
    position: absolute;
    bottom: -43px;
    left: 50%;
}
.solutionsCarousel ul.slick-dots li button:before {
     content: '';
    opacity: 0;
    background-repeat: no-repeat;
}
.solutionsCarousel ul.slick-dots li button:focus, .solutionsCarousel ul.slick-dots li button:hover {
    background-color: transparent;
}
.solutionsCarousel ul.slick-dots li button:hover:before {
     content: '';
    /* opacity: 0; */
}
.solutionsCarousel ul.slick-dots li.slick-active button:before {
    opacity: 1;
}
.solutionsCarousel ul.slick-dots li:first-child button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23dedcee'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(2) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23FFFBEA'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(3) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23FDEFF8'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(4) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23E7F5FE'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(5) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23E5E7EE'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:first-child {
    background-image: url("/wp-content/uploads/2023/07/Image-1.png");
    width: 138px;
    height: 42px;
}
.solutionsCarousel ul.slick-dots li:nth-child(2) {
    background-image: url("/wp-content/uploads/2023/07/Image-2.png");
    width: 102px;
    height: 41px;
}
.solutionsCarousel ul.slick-dots li:nth-child(3) {
    background-image: url("/wp-content/uploads/2023/07/Image-3.png");
    width: 96px;
    height: 42px;
}
.solutionsCarousel ul.slick-dots li:nth-child(4) {
    background-image: url("/wp-content/uploads/2023/07/Image-4.png");
    width: 99px;
    height: 41px;
}
.solutionsCarousel ul.slick-dots li:nth-child(5) {
    background-image: url("/wp-content/uploads/2023/07/Image-5.png");
    width: 134px;
    height: 41px;
}
/* END DOTS STYLING */
.solutionsCarousel__item {
    margin-top: 150px;
    padding: 0 15%;
}
.solutionsCarousel__item-inner {
    padding: 30px 38px;
    border-radius: 20px;
}
.slide_0 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #5045A620, transparent);
}
.slide_1 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #FFD83620, transparent);
}
.slide_2 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #E761BA20, transparent);
}
.slide_3 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #119DF020, transparent);
}
.slide_4 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #00195D20, transparent);
}
.solutionsCarousel__item h3, .solutionsCarousel__item p {
    font-family: "Titillium Web", Sans-serif;
}
.solutionsCarousel__item h3 {
    font-size: 38px;
}


#solutionsCarousel.solutionsCarousel {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
}
@media (min-width: 768px) {
    #solutionsCarousel.solutionsCarousel {
        display: none;
    }
}

.slick-track {
    display: flex;
}
.solutionsCarousel_slide {
    width: 80%;
    flex: 0 0 auto;
    margin-right: 15px;
}
/* ARROW STYLING */
.solutionsCarousel .slick-next, .solutionsCarousel .slick-prev {
    color: transparent;
    border: none;
    background: transparent;
    top: 26px;
}
.solutionsCarousel .slick-prev {
    left: 50px;
    z-index: 10;
}
.solutionsCarousel .slick-next {
    right: 50px;
}
.solutionsCarousel .slick-prev:focus {
    border: none;
}
.solutionsCarousel .slick-next:before, .solutionsCarousel .slick-prev:before {
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 24px;
    width: 14px;
}
.solutionsCarousel .slick-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' height='23.616' viewBox='0 0 13.503 23.616'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M20.679,18,11.742,9.07a1.681,1.681,0,0,1,0-2.384,1.7,1.7,0,0,1,2.391,0L24.258,16.8a1.685,1.685,0,0,1,.049,2.327L14.14,29.32a1.688,1.688,0,0,1-2.391-2.384Z' transform='translate(24.749 29.813) rotate(180)' fill='%2317378e'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel .slick-next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' height='23.616' viewBox='0 0 13.503 23.616'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M20.679,18,11.742,9.07a1.681,1.681,0,0,1,0-2.384,1.7,1.7,0,0,1,2.391,0L24.258,16.8a1.685,1.685,0,0,1,.049,2.327L14.14,29.32a1.688,1.688,0,0,1-2.391-2.384Z' transform='translate(-11.246 -6.196)' fill='%2317378e'/%3E%3C/svg%3E%0A");
}
/* DOTS STYLING */
.solutionsCarousel ul.slick-dots {
    /* top: 25px; */
    transform: translateY(-190px);
}
.solutionsCarousel ul.slick-dots li {
    width: 130px;
    height: 40px;
    margin: 34px;
}
.solutionsCarousel ul.slick-dots li button {
     content: '';
    /* opacity: 0; */
    position: absolute;
    bottom: -43px;
    left: 50%;
}
.solutionsCarousel ul.slick-dots li button:before {
     content: '';
    opacity: 0;
    background-repeat: no-repeat;
}
.solutionsCarousel ul.slick-dots li button:focus, .solutionsCarousel ul.slick-dots li button:hover {
    background-color: transparent;
}
.solutionsCarousel ul.slick-dots li button:hover:before {
     content: '';
    /* opacity: 0; */
}
.solutionsCarousel ul.slick-dots li.slick-active button:before {
    opacity: 1;
}
.solutionsCarousel ul.slick-dots li:first-child button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23dedcee'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(2) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23FFFBEA'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(3) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23FDEFF8'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(4) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23E7F5FE'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:nth-child(5) button:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M20,0,40,14H0Z' fill='%23E5E7EE'/%3E%3C/svg%3E%0A");
}
.solutionsCarousel ul.slick-dots li:first-child {
    background-image: url("/wp-content/uploads/2023/07/Image-1.png");
    width: 138px;
    height: 42px;
}
.solutionsCarousel ul.slick-dots li:nth-child(2) {
    background-image: url("/wp-content/uploads/2023/07/Image-2.png");
    width: 102px;
    height: 41px;
}
.solutionsCarousel ul.slick-dots li:nth-child(3) {
    background-image: url("/wp-content/uploads/2023/07/Image-3.png");
    width: 96px;
    height: 42px;
}
.solutionsCarousel ul.slick-dots li:nth-child(4) {
    background-image: url("/wp-content/uploads/2023/07/Image-4.png");
    width: 99px;
    height: 41px;
}
.solutionsCarousel ul.slick-dots li:nth-child(5) {
    background-image: url("/wp-content/uploads/2023/07/Image-5.png");
    width: 134px;
    height: 41px;
}
/* END DOTS STYLING */
.solutionsCarousel__slide-name {
    margin-top: 21px;
    display: flex;
    justify-content: center;
}
.solutionsCarousel__item {
    margin-top: 44px;
    padding: 0 15px;
}
.solutionsCarousel__item-inner {
    padding: 30px 38px;
    border-radius: 20px;
}
.slide_0 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #5045A620, transparent);
}
.slide_1 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #FFD83620, transparent);
}
.slide_2 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #E761BA20, transparent);
}
.slide_3 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #119DF020, transparent);
}
.slide_4 .solutionsCarousel__item-inner {
    background: linear-gradient(180deg, #00195D20, transparent);
}
.solutionsCarousel__item h3, .solutionsCarousel__item p {
    font-family: "Titillium Web", Sans-serif;
}
.solutionsCarousel__item h3 {
    font-size: 38px;
}




/* ----- --- -------- ----- ----- */
/* ----- EQM Services Steps ----- */
/* ----- --- -------- ----- ----- */

.how-steps {
    margin-top: 70px;
    margin-bottom: -1px;
}

.how-steps *, .how-steps--bottom * {
    transition: 0.3s;
}

.how-steps, .how-steps--bottom {
    display: none;
}

@media (min-width: 768px) {
    .how-steps {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 100px;
    }
    .how-steps--bottom {
        display: block;
    }
}

/* @media (max-width: 576px) {
    .how-steps {
        margin: 0 auto;
    }
    .how-steps .step {
        width: calc(33.33% - 6px);
    }
    
    .how-steps .step .step__icon {
        width: 130px;
        height: 130px;
    }
    
    .how-steps .step .step__number {
        left: calc(50% - 60px);
    }
    
    .how-steps .step p {
        margin: 0 auto 20px;
    }
} */

.step {
    opacity: 0.47;
    margin: 0 10px;
    cursor: pointer;
}

.step:hover {
    opacity: 1;
}

@media (min-width: 992px) {
    .step {
        margin: 0 20px;
    }
}

.step.active {
    opacity: 1;
}

.step#step_5, .step#step_6, .step#step_7, .step#step_8, .step#step_9, .step#step_10 {
    display: none;
}

.step:last-child {

}

.step__content p {
    margin-bottom: 27px;
}

.step__button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step__button svg {
    margin-top: 28px; 
    opacity: 0;
}

.step.active .step__button svg {
    opacity: 1;
}

#step_1 .step__button svg path {
    fill: #FFD83620;
}

#step_2 .step__button svg path {
    fill: #faecf6;
}

#step_3 .step__button svg path {
    fill: #119DF020;
}

#step_4 .step__button svg path {
    fill: #00195D20;
}


.step__icon {
    background: #7CC5AD;
    border-radius: 50%;
    padding: 10px;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step__icon:hover {
    background: #F0A429;
    cursor: pointer;
}

.step__icon img {
    max-width: 100%;
    height: auto;
}

.step.active .step__icon {
    background: #F0A429;
}

.step__number {
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    background: #EDEDED;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: top;
    font-size: 20px;
    font-family: freight-sans-pro,serif;
    color: #18181880;
}

@media (min-width: 576px) {
    .step__icon {
        height: 80px;
        width: 80px;
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .step__icon {
        height: 120px;
        width: 120px;
    }
    .step__button p {
        max-width: 120px;
    }
    .step__number {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
}



.step.active .step__number {
    background: #EDEDED;
    color: #181818;
}


.step-content-container {
    /* margin-top: 40px; */
}

.step__content {
    display: none;
    padding: 35px 40px 35px 40px;
    border-radius: 18px;
}

#step_0-content .step__content {
    background: linear-gradient(180deg, #5045A620, transparent);
}

#step_1-content .step__content {
    background: linear-gradient(180deg, #FFD83620, transparent);
}

#step_2-content .step__content {
    background: linear-gradient(180deg, #E761BA20, transparent);
}

#step_3-content .step__content {
    background: linear-gradient(180deg, #119DF020, transparent);
}

#step_4-content .step__content {
    background: linear-gradient(180deg, #00195D20, transparent);
}

.step-content-container.active .step__content {
    display: inline-block;
}

#step_4-content .step__content.step__content--enterprise {
    background-image: url("/wp-content/themes/hello-elementor/assets/images/generis-bg.svg");
    justify-content: center;
    text-align: center;
    border: 1px solid #00195D20;
}

@media (min-width: 992px) {
    #step_4-content .step__content.step__content--enterprise {
        padding: 70px 40px 70px 40px;
    }
}

@media (max-width: 991px) {
    .step__content.step__content--enterprise .step__content--enterprise__top {
        flex-direction: column;
    }
}

.step__content.step__content--enterprise .step__content--enterprise__top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.step__content.step__content--enterprise span {
    font-family: 'Titillium Web';
    font-size: 20px;
    font-weight: bold;
}

.step__content.step__content--enterprise .step__content--enterprise__top span {
    margin-left: 50px;
    max-width: 500px;
    text-align: left;
}

.step__content--enterprise__bottom {
    margin-top: 30px;
}

.step__content--enterprise__bottom span {
    margin-right: 20px;
}

.step__content--enterprise__bottom span:after {
    content: '';
    display: inline-block;
    height: 7px;
    margin-left: 25px;
    width: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cg id='Rectangle_579' data-name='Rectangle 579' stroke='%23000' stroke-width='1'%3E%3Crect width='7' height='7' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='6' height='6' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.step__content--enterprise__bottom span:last-child:after {
    display: none;
}

.step__content.step__content--enterprise ul {
    justify-content: center;
    text-align: center;
    list-style: none;
    padding-left: 0;
}

.step__content.step__content--enterprise a button:hover {
    border: 2px solid #233C78;
    border: 1px solid #2861CE;
    background: #2861CE;
}

@media (min-width: 768px) {
    .step-content-container {
        padding: 0 100px;
    }
    .step__content {
        padding: 35px 40px 35px 40px;
    }
    .step-content-container.active .step__content {
        display: flex;
    }
}

.step__content ul {
    padding-bottom: 30px;
}

.step__content__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.step__content__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 25px;
    margin-bottom: 65px;
    width: calc(50% - 50px);
}

.step__content__card img {
    width: 104px;
}

@media (min-width: 992px) {
    .step__content__card {
        width: calc(33% - 50px);
    }
}

@media (min-width: 1200px) {
    .step__content__card {
        width: calc(25% - 50px);
    }
}

.step__content__card span {
    margin-top: 10px;
    color: #000;
    text-align: center;
}

.step__content__card a.step__content__card__link {
    text-align: center;
}

.step__content__card a.step__content__card__link:before {
    content: '';
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    width: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.667' height='13.409' viewBox='0 0 7.667 13.409'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M16.6,12.9l-5.074-5.07a.954.954,0,0,1,0-1.353.966.966,0,0,1,1.357,0l5.749,5.745a.957.957,0,0,1,.028,1.321l-5.773,5.785a.958.958,0,1,1-1.357-1.353Z' transform='translate(-11.246 -6.196)' fill='%2340388b'/%3E%3C/svg%3E%0A");
}


.step__content .section-heading > * {
    font-size: 37px;
}

.step__content-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-left__img {
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    width: 170px;
    height: 170px;
}

.content-left__img img {
    width: 80px;
}

@media (min-width: 600px) {
    .content-left__img img {
        width: 110px;
    }
    .content-left__img {
        width: 230px;
        height: 230px;
    }
}

/* .prev_btn:hover, next_btn:hover {
cursor: pointer;
} */

.prev_btn.button--tertiary:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjEiIGhlaWdodD0iMTEuNjk5Ij48cGF0aCBkPSJtNi45MTIgNi4zMDQtNS4yMDcgNS4yMDdhLjY0My42NDMgMCAwIDEtLjkwOSAwbC0uNjA3LS42MDdhLjY0My42NDMgMCAwIDEgMC0uOTA4bDQuMTI1LTQuMTQ0TC4xODcgMS43MDRhLjY0My42NDMgMCAwIDEgMC0uOTA4TC43OTQuMTg5YS42NDMuNjQzIDAgMCAxIC45MDkgMGw1LjIwOSA1LjIwNmEuNjQzLjY0MyAwIDAgMSAwIC45MDlaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    content: "";
    display: inline-block;
    height: 11.7px;
    margin-right: 12px;
    width: 7.1px;
    transform: rotate(-180deg);
}

.prev_btn.button--tertiary:after {
    display: none;
}

.step__button p {
    font-size: 18px;
}

@media (max-width: 576px) {
    .step {
        margin: 0 3px;
    }
    .step__icon {
        margin: 0 auto 5px;
    }
    .step-content-container  {
        margin-top: 10px;
    }
    .step__number {
        height: 30px;
        width: 30px;
        font-size: 17px;
        left: 0;
        top: 0;
    }
}





/* ----- --- ------ ----- ----- */
/* ----- EQM Number Chart ----- */
/* ----- --- ------ ----- ----- */


.animatable {
    visibility: hidden;
}
.animated {
    visibility: visible;
}
.numberChart-container {
    display: flex;
}

@media (min-width: 768px) {
    .numberChart-container {
        justify-content: center;
    }
}
.numberChart {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 5%;
}
@media (max-width: 768px) {
    .numberChart-container {
        overflow-x: scroll;
    }
    .numberChart {
        flex-wrap: nowrap;
    }
}
.numberChart__chart {
    width: 120px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .numberChart__chart {
        margin-right: 10px;
    }
}
.numberChart__chart>span {
    margin-top: 10px;
    font-weight: 600;
}
.chart-chart {
    height: 200px;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 15px;
}
.chart-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 0 10px #11111130;
    height: 35px;
}
.animated.chart-bar {
    animation: load 2.5s normal forwards;
}
@keyframes load {
    0% { height: 35px; opacity: 0; }
    100% { height: 100%; opacity: 1; }
}
.chart-bar span {
    color: #fff;
    opacity: 0;
    font-size: 24px;
    font-weight: 600;
}
.animated.chart-bar span {
    animation: floatUp 1.5s normal forwards;
    animation-delay: 1s;
}
@keyframes floatUp {
    0% { transform: translateY(35px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.chart-chart--Purple {
    background: linear-gradient(180deg, rgba(69,46,134,0.5) 0%, rgba(255,255,255,1) 70%);
}
.chart-chart--Red {
    background: linear-gradient(180deg, rgba(231,114,135,0.5) 0%, rgba(255,255,255,1) 70%);
}
.chart-chart--Blue {
    background: linear-gradient(180deg, rgba(1,176,240,0.5) 0%, rgba(255,255,255,1) 70%);
}
.chart-chart--Dark_Blue {
    background: linear-gradient(180deg, rgba(0,32,96,0.5) 0%, rgba(255,255,255,1) 70%);
}
.chart-chart--Yellow {
    background: linear-gradient(180deg, rgba(246,212,43,0.5) 0%, rgba(255,255,255,1) 70%);
}
.chart-bar--Purple {
    background: #452E86;
}
.chart-bar--Red {
    background: #E77287;
}
.chart-bar--Blue {
    background: #01B0F0;
}
.chart-bar--Dark_Blue {
    background: #002060;
}
.chart-bar--Yellow {
    background: #F6D42B;
}


/* ///////////////////// */
/* ---- Contact Map ---- */
/* ///////////////////// */

.eqm-map { 
    align-items: center; 
    background: #2861CE; 
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    /* overflow: hidden; */
    padding-top: 90px; 
}

.eqm-map__map {
    position: relative;
    max-width: 100%;
}

.eqm-map__map svg {
    display: block;
    width: 100%;
    height: auto;
}

.eqm-map__dash {
    display: flex; 
    flex-direction: column;
    justify-content: space-between; 
    max-width: 1480px;
    padding-top: 50px; 
    padding-bottom: 50px;
    width: 80%;
}

.eqm-map__dash .eqm-map__dash__soc-icons {
    margin-bottom: 45px;
}

@media (min-width: 992px) {
    .eqm-map__dash {
        flex-direction: row;
    }
    .eqm-map__dash .eqm-map__dash__soc-icons {
        margin-bottom: 0;
    }
}

.eqm-map__dash .eqm-map__dash__soc-icons a {
    margin-right: 45px;
}

.eqm-map__dash .eqm-map__dash__soc-icons a:last-child {
    margin-right: 0;
}

.eqm-map__dash__country-nav {
    font-size: 25px; color: white; font-family: 'Titillium Web'; font-weight: 600;
}

.wpcf7-not-valid-tip {
    color: red;
    margin-top: 10px;
    margin-bottom: 10px;
}
.elementor-button.elementor-button-link {
    transition: all .3s;
}
.elementor-button.elementor-button-link:hover {
    background-color: #1747A5 !important;
    color: #fff !important;
}

a:focus-visible {
    border: 2px solid !important;
}

/* mobile fix for safari  */

@media (max-width: 768px) {
    .elementor-1094 .elementor-element.elementor-element-fd93a97 > .elementor-widget-container, .elementor-1094 .elementor-element.elementor-element-c015826 > .elementor-widget-container, .elementor-1094 .elementor-element.elementor-element-e77ac28 > .elementor-widget-container {
        padding: 0px !important;
    }

    nav.generis-nav .generis-logo img {
        max-width: 125px !important;
    }
	header.page-header .post-image-head {
	border-radius:20px;
    margin:20px auto;
	display:block;
    width:70%;
	
	}
	header.page-header h1.entry-title {
		color: #fff;
		font-size: 32px;    
		margin: 20px 0px;;
		text-align:center;
	}
	header.page-header {display:grid;padding: 40px 0 80px !important;}
	header.page-header {  height: 70vh;}
}

/* .elementor-654 .elementor-element.elementor-element-23ee4a9 div.elementor-posts-container div.elementor-post__thumbnail {
    padding-bottom: 0;
} */