* {
    text-decoration: none !important;
    outline: 0 !important;
}

body {
    font-family: "Geist", sans-serif;
    color: #707070;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    background: #fff;
}

.list-times .fa-times{
color:red;margin-right:5px}
p {
    margin-bottom: 30px;
    font-weight: 400;
}

b {
    font-weight: 600;
}

a,
a:hover {
    color: #03cf9e;
    transition: 0.3s all;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #00192C;
}

h1,
.h1 {
    font-size: 43.2px;
    line-height: 1.2;
}

h2,
.h2 {
    font-size: 32.4px;
    line-height: 1.2;
}

h3,
.h3 {
    font-size: 25.2px;
    line-height: 1.3;
}

h4,
.h4 {
    font-weight: 600;
    font-size: 18.9px;
    line-height: 1.4;
}

h5,
.h5 {
    font-size: 12.6px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

h6,
.h6 {
    font-size: 14.4px;
    line-height: 1.40;
    letter-spacing: -0.01em;
}

.title {
    font-size: 54px;
}

.lead {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 400;
}

.text-green {
    color: #03cf9e !important;
}

.text-dblue {
    color: #00192C !important;
}


.container {
    margin: 0 auto;
    max-width: 1325px;
    width: 100%;
    padding: 0 20px;
}

.container.medium {
    max-width: 1110px;
}

section {
    padding: 56px 0;
}

p > a:not([class*="btn"]) {
    color: #8700BF !important;
    text-decoration: underline !important;
}

.font-inter {
    font-family: "Geist", sans-serif;
}

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

.bg__light {
    background: #CFEDE5;
}

/*==== TOPBAR =====*/

.top-bar {
    padding: 12px 0;
    background-color: #335168;
    color: #ffffff;
    position: relative
}

.top-bar .close_bar {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.top-bar p {
    font-size: 16px;
    line-height: 140%;
    margin: 0;
}

.top-bar a {
    background-color: #03CF9E;
    padding: 14px 20px;
    border-radius: 39px;
    min-width: 135px;
    line-height: 1;
    font-size: 13px;
    color: #00192C;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

.top-bar a:hover {
    background: #00192C;
    color: #fff
}
.list-times{
	margin:0;
	padding:0;
	list-style:none
}
.list-times li{
	margin:10px 0;
	list-style:none;
}
/*==== HEADER =====*/
.header-wrapper {
    position: sticky;
    z-index: 999;
    width: 100%;
    top: 0;
}

header {
    background: #00192c;

}

.top-header {
    border-bottom: 1px solid #6868684a;
    padding: 6px 0;
}

#lang-selector {
    color: #03cf9e;
    background: transparent;
    border: none;
    padding: 0;
}

#lang-selector i {
    font-size: 16px;
    margin-left: 5px;
}

#lang-selector:after {
    display: none;
    ;
}

.top-header .dropdown-menu {
    background: #00192c;
    border: 1px solid #000;
    border-radius: 15px 0;
    padding: 15px;
    max-width: 200px;
}

.top-header .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #6868684a;
}

.top-header .dropdown-menu li a {
    color: #03cf9e;
    font-size: 18px;
    line-height: 1;
    padding: 10px 25px;
    background: transparent;
}

.top-header .dropdown-menu li a:hover {
    color: #fff;
}

.login {
    color: #fff;
}

.login:hover {
    color: #957DFF;
}

.login i {
    font-size: 16px;
    margin-left: 5px;
}

header nav {
    padding: 35px 0;
}

header nav .logo img {
    max-width: 190px;
}
header ul {
    list-style: none
}

header nav #menu > ul > li.has-submenu > a {
    position: relative;
    padding-right: 27px;
}

header nav #menu > ul > li.has-submenu > a:after {
    content: "\f107";
    font-weight: 400;
    font-family: "Font Awesome 6 Pro";
    background: #31135e27;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #00192c;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
}

header nav #menu > ul > li a:hover {
    color: #957DFF
}

header nav #menu > ul > li.has-submenu > a:hover:after {
    /* was #03cf9e - the only aqua left in the header; the <=991px block
       already uses the brand lilac, this matches it on desktop */
    background: #957DFF
}

header nav #menu > ul > li > ul.submenu > li > a {
    padding: 10px 20px;
    color: #00192C;
    font-size: 18px;
    line-height: 28px;
    display: block;
    border-radius: 12px;
    position: relative;

}

ul.submenu > li > a::after {
    background: url(../img/arrow.svg) 50% no-repeat;
    background-size: cover;
    height: 10px;
    position: absolute;
    width: 20px;
    content: "";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.4s
}

ul.submenu > li > a:hover::after {
    opacity: 1
}

ul.submenu > li > a:hover {
    background-color: #03cf9e29;
}
.cta-btn {
    background: #F87A63;
    border-radius: 50px;
    color: #00192C;
    font-size: 15px;
    line-height: 18px;
    justify-content: center;
    text-transform: capitalize;
    font-weight: 700;
    display: flex;
    padding: 20px 30px;
}
.cta-btn:hover {
    color: #fff;
    box-shadow: none
}

.button {
    background: #03cf9e;
    border-radius: 50px;
    color: #00192C !important;
    margin-right: 16px;
    display: inline-block;
}

.button:hover {
    color: #fff !important
}

.button_transparent {
    border: 3px solid #03cf9e;
    border-radius: 20px 0;
    color: #03cf9e
}

.button_transparent:hover {
    color: #fff !important;
    background: #03cf9e
}

.button_secondary {
    border: 3px solid #00192C;
    border-radius: 20px 0;
    color: #00192C;
    opacity: 1
}

.button_secondary:not(.alt):hover {
    background: #00192C;
    color: #fff
}

.button_secondary.alt:hover {
    color: #00192C;
    text-decoration: underline !important;
}


.btn-simple {
    font-size: 16px;
    line-height: 1.20;
    font-weight: 700;
    border-radius: 32px;
    padding: 12px 48px;
    background: #00192C;
    color: #ffffff;
    display: inline-block;
}

.btn-simple:hover {
    background: #335168;
    color: #fff;
}

.btn-simple-border {
    font-size: 13px;
    line-height: 1.20;
    font-weight: 700;
    border-radius: 32px;
    padding: 8px 38px;
    border: 1px solid #00192C;
    color: #00192C;
    display: inline-block;
	text-align:center
}

.btn-simple-border.alt {
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 600;
}

.btn-simple-border:hover {
    background: #00192C;
    color: #fff;
}

.btn-simple-green {
    font-size: 14px;
    line-height: 1.20;
    font-weight: 700;
    border-radius: 32px;
    padding: 14px 38px;
    background: #03CF9E;
    color: #00192C;
    display: inline-block;
    text-align: center
}

.btn-simple-green:hover {
    background: #00192C;
    color: #fff;
}

.cta-dark .btn-simple-green:hover,
.bg-dblue .btn-simple-green:hover {
    background: #fff;
    color: #00192C
}

.btn-simple-white {
    font-size: 14px;
    line-height: 1.20;
    font-weight: 700;
    border-radius: 32px;
    padding: 14px 38px;
    background: #fff;
    color: #00192C;
    display: inline-block;
}

.btn-simple-white:hover {
    background: #03CF9E;
    color: #fff;
}

.home-buttons-group {
    display: flex;
    font-size: 17px;
    margin-top: 20px;
    padding: 25px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize
}

.home-buttons-group .home-buttons {
    font-weight: bold;
    font-size: 17px;
    line-height: 18px;
    padding: 20px 30px;
    text-align: center;
    text-decoration: none;
}

.home-buttons-group .home-buttons:hover {
    box-shadow: none
}

.home-buttons-group .lb-icon-arrow {
    height: 15px;
    margin: 0 0 3px 10px;
    width: 17px
}

.button-default {
    margin-top: 10px;
    padding: 20px 40px;
    color: #00192C;
    font-weight: 600;
    min-width: 302px;
    font-size: 17px;
}

.button-default i {
    font-size: 11px;
    color: #00192C !important;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.button-alt {
    background: #00192C;
    margin-top: 10px;
    padding: 20px 40px;
    color: #fff !important;
    font-weight: 600;
    min-width: 302px;
    font-size: 17px;
}

.button-alt i {
    font-size: 11px;
    color: #fff !important;
    margin-left: 10px;
    position: relative;
    top: -1px;
}


/*==== HOME HERO =====*/

.home-hero {
    display: flex;
    flex-wrap: wrap;
    max-height: 950px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    position: relative;
    height: 700px;
    z-index: 1;
}

.home-hero__bg {
    background-repeat: no-repeat;
    margin-top: -53%
}

.home-hero__bg,
.home-hero__block {
    background-size: cover;
    position: relative;
    width: 100%
}

.home-hero__block {
    height: 100%;
    min-height: 900px;
    z-index: 9;
    position: relative
}

.home-hero__block .bg_img,
.page-banner .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    z-index: -1
}

.home-hero__block-items {
    margin: 0 auto;
    max-width: 1285px;
    padding: 203px 20px 0
}

.active .home-hero__block-items {
    padding-top: 220.5px
}

.home-hero__block-title {
    color: #03cf9e;
    font-family: "Geist", sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 17px;
    text-transform: uppercase
}

.home-hero__block-header {
    color: #31135E;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: bold;
    font-size: 58px;
    line-height: 80px;
    max-width: 1285px;
    padding-bottom: 46.2px
}

.home-hero__block-header span {
    border-bottom: 1px solid #03cf9e33;
    color: #31135E !important
}

.home-hero__block-text {
    color: #31135E;
    font-size: 22px;
    line-height: 40px;
    max-width: 632px;
    font-weight: 500;
}

.home-hero__block-text span {
    color: #31135E !important;
    font-weight: 700
}

/*==== CONTACT =====*/


.iconbox {
    display: flex;
    align-items: flex-start;
    padding: 24px;
    background: #ffffff;
}

.iconbox .iconbox-icon {
    font-size: 32px;
    color: #03CF9E;
}

.iconbox-title {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.7em;
}

.iconbox p {
    margin: 0;
}

.iconbox-content {
    padding-left: 15px;
}

.cform {
    max-width: 600px;
    margin: 60px auto 0;
    padding: 32px;
    background: #ffffff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

.cinfo {
    margin-top: 60px;
}

.cinfo p {
    color: #4c4c4c;
    margin: 0;
}

/*==== LOGIN =====*/

.login-wrap {
    position: relative;
}

.login-wrap .container {
    position: relative;
    max-width: 1150px;
}

.login-title {
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 16px #0000001a;
    color: #00192c;
    font-size: 18px;
    line-height: 27px;
    padding: 23px 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-weight: 400;
}
.page-id-15475 .login-title{
	max-width:585px
}
.login-wrap .item {
    margin: -140px 0 0;
}

.login-wrap h4 {
    color: #03cf9e;
    font-size: 16.2px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin: 0 auto;
}

.login-wrap span {
    color: #00192c;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: bold;
    font-size: 48px;
    line-height: 60px;
    padding-top: 10px;
    display: block;
    margin: 0 auto 35px;
}

/*==== SIGN UP =====*/

.signup-wrap {
    display: flex;
    flex-wrap: wrap;
}

.signup-wrap > div {
    width: 50%;
    height: 100%;
    min-height: 100vh;
}

.signup-wrap .sw-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-wrap .sw-list i {
    font-size: 21px;
}

.signup-wrap .sw-list h4 {
    font-family: "Geist", sans-serif;
    font-size: 16.2px;
    font-weight: 600;
}

.signup-wrap .sw-list .item {
    display: flex;
}

.signup-wrap .sw-list .item > div:first-child {
    width: 24px;
    margin-right: 12px;
}

.signup-wrap .sw-right {
    background: #00192C;
}

.signup-wrap .sw-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.signup-wrap .sw-right > div {
    max-width: 450px;
    width: 100%;
    text-align: center;
}

.signup-wrap .sw-right > div img {
    max-width: 180px;
    display: block;
    margin: 0 auto 60px;
}

.signup-wrap .sw-right h1 {
    color: #03cf9e;
    margin: 0 0 60px;
}

.signup-wrap .sw-right small {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.signup-wrap .sw-right button {
    line-height: 1.2;
    border-radius: 60px;
    padding: 15px 35px;
    background: #03CF9E;
    border-color: transparent;
    color: #00192C;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, .2);
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    transition: 0.3s all;
}

.signup-wrap .sw-right button:hover {
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, .2);
    background: #11A67F;
    border-color: transparent;
    color: #00192C;
}

.signup-wrap .sw-right a {
    line-height: 1.2;
    border-radius: 60px;
    padding: 15px 35px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    transition: 0.3s all;
    border: 1px solid #fff;
    display: table;
    margin-top: 18px;
}

.signup-wrap .sw-right a:hover {
    background: #fff;
    color: #00192C;
}

/*==== MERGER =====*/

.merger-header {
    min-height: 510px;
    background-position: center -120px !important;
    padding: 52.5px 0 25px;
}

.merger-header:before {
    background: rgba(0, 0, 0, 0.34);
}

.text {
    padding: 48px;
    background: #ffffff;
    max-width: 855px;
    margin: 0 auto;
}

/*==== CHECKLISTS =====*/

.checklists {}

.checklist-item {
    background: #f2f3f5;
    box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.1), 0 0rem 0rem rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    padding: 25px 30px 45.5px;
    position: relative;
    margin-bottom: 30px;
    transition: 0.3s all;
    height: calc(100% - 30px);    
}

.checklist-item:hover {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1), 0 0.33rem 1rem rgba(0, 0, 0, 0.15);
}

.checklist-item small {
    color: #03CF9E;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

.checklist-item p {
    color: #00192C;
    font-size: 16px;
}

.checklist-item i {
    font-size: 30px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    transition: 0.3s all;
}

.checklist-item:hover i {
    opacity: 1;
}

.checklist-item.alt {
    border-top: 3px solid #11A67F;
}

/*==== EBOOKS =====*/

.ebook-item {
    background: #f2f3f5;
    box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.1), 0 0rem 0rem rgba(0, 0, 0, 0.1);
    transition-duration: 0.3s;
    position: relative;
    margin-bottom: 30px;
    transition: 0.3s all;
    background: #fff;
}

.ebook-item > .ebook-content {
    padding: 25px 30px 45.5px;
}

.ebook-item:hover {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1), 0 0.33rem 1rem rgba(0, 0, 0, 0.15);
}

.ebook-item small {
    color: #03CF9E;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

.ebook-item p {
    color: #00192C;
    font-size: 16px;
}

.ebook-item span {
    position: absolute;
    bottom: 30px;
    left: 30px;
    transition: 0.3s all;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #03CF9E;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, .2);
}

.ebook-item span i {
    margin-right: 5px;
}

.ebook-item h4 {
    font-family: "Geist", sans-serif;
}

/*==== VIDEO EMBED =====*/

.with-bg-image {
    position: relative;
}

.with-bg-image .container {
    position: relative;
    z-index: 2;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg.overlay:before {
    content: "";
    background: rgba(0, 38, 66, 0.70);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg.overlay-black:before {
    background: rgba(0, 0, 0, 0.34);
}

.bg.overlay-light:before {
    background: rgba(0, 38, 66, 0.5);
}


.icon-teaser-video .item {
    margin-top: 30px;
}

.icon-teaser-video .item i {
    font-size: 32px;
}

.icon-teaser-video .item .lead {
    margin: 15px 0 10px;
    min-height: 90px
}

.testimonial-slider .quote,
.testimonial-slider .quote p {
    color: #00192C;
    font-weight: 700;
    font-size: 28px;
    line-height: 48px;
}

.testimonial-slider .quote span {
    background-color: #E7F6F2;
}

.testimonial-slider cite {
    color: #335168;
    font-size: 16px;
    font-style: normal;
}

.testimonial-slider img {
    width: 200px;
    display: block;
    margin: 0 auto 20px;
}

.testimonial-slider cite span {
    color: #00192C;
    font-size: 18px;
}

.bg-dgray {
    background-color: #CCD4D9;
}

.bg-green {
    background-color: #CFEDE5;
}

.bg-dblue {
    background-color: #00192C;
}

.bg-dblue-grad {
    background: linear-gradient(110deg,#00192C,#00192c);
    position: relative;
    margin-bottom: 49px;
}

.bg-lgray {
    background-color: #f2f3f5;
}

.about-img {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 150px);
}

.about-img img {
    height: 100%;
    object-fit: cover
}

.about-img h1 {
    font-size: 63px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 87.5px;
}

.about-img h1 span {
    font-size: 45px;
    display: block;
}

.about h2 + p {
    color: #666666;
    font-weight: 400;
    font-size: 12.6px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 30px 0 70px;
}

.about-inner {
    padding: 48px;
}

.about-stats {
    padding: 49px 0 0 0;
}

.about-stats .item {
    background-color: #FEE4E0;
    width: 100%;
    max-width: 280px;
    margin: 30px auto 0;
    padding: 25px;
}
.about-stats .itemGreen {
    background-color: #b8f3e3 !important;
    width: 100%;
    max-width: 280px;
    margin: 30px auto 0;
    padding: 25px;
}
.office-address-greenbg{
    background: #CDFCF0;
}
.about-stats i {
    font-size: 32px;
}

.about-stats h3 {
    font-size: 36px;
    margin: 20px 0;
}

.about-stats p {
    color: #00192C;
    margin: 0;
}


.fw-600 {
    font-weight: 600;
}

.icon-teaser-v2 div.lead {
    margin: 20px 0;
}

.icon-teaser-v2 .item {
    margin-top: 30px;
}

.icon-teaser-v2 .item span {
    font-weight: 600;
    font-size: 48px;
    position: relative;
    z-index: 1;
}

.icon-teaser-v2 .item span:before {
    content: url(https://www.letsbuild.com/wp-content/uploads/2020/06/lb-icon-accent.svg);
    position: absolute;
    top: -28px;
    left: -38px;
    z-index: -1;
}

.icon-teaser-v2 p {
    margin: 0;
}

.list.lite {
    color: #5e676e;
    padding: 0;
    margin: 0;
}

.list.lite li {
    padding-left: 30px;
    position: relative;
    list-style: none;
    margin-bottom: 15px;
    color: #00192c
}

.list.lite li a {
    text-decoration: underline !important
}

.list.lite li a:hover {
    text-decoration: none !important
}

.text-white .list.lite li {
    color: #fff
}

.list.lite li i {
    color: #F87A63;
    position: absolute;
    top: 3px;
    left: 0;
}
.bg-purple.experience{
    background:#31135E ;
}
.bg-purple.experience .btn-simple-green{
    background: #F87A63!important;
    color: #31135E!important;
}
.bg-purple.management{
    background: #31135E;
}
.bg-purple.management .btn-simple-green{
    background: #F87A63!important;
    color: #31135E!important;
}
.testimonial-v2 {
    background-color: #00192C;
}

.testimonial-v2 * {
    color: #fff;
}

.testimonial-v2 .item-stats h3 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-v2 .item-stats {
    padding: 0 0 20px;
}

.testimonial-v2 .item-stats h3 span {
    font-size: 12.6px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Geist", sans-serif;
    padding-left: 10px;
}

.testimonial-v2 .item-stats p {
    font-size: 16px;
}

.item-stats [class*="col-"] {
    padding: 0;
}

.testimonial-v2 .item-stats [class*="col-"] {
    padding: 0;
}

.item-stats [class*="col-"]:not(:last-child) .item {
    border-right: 1px solid #cccfd1;
}

.testimonial-v2 .item-stats [class*="col-"]:not(:last-child) .item {
    border-right: 1px solid #fff;
}

.item-stats [class*="col-"] .item {
    height: calc(100% - 30px);
    padding: 0 17px;
}

.testimonial-v2 .item-stats [class*="col-"] .item {
    height: calc(100% - 30px);
    padding: 0 17px;
}

.testimonial-v2 cite {
    font-style: normal;
}

.text-list i {
    font-size: 48px;
    color: #E64545;
}

.text-list i.fa-check-circle {
    color: #11A67F;
}

.cta .btn-group a {
    margin: 0 10px;
    padding: 15px 38px;
    line-height: 1;
    font-weight: 600;
}

.c-filter {
    background: #f2f3f5;
    margin-bottom: 30px;
    display: flex;
}

.c-filter button {
    background: transparent;
    border: none;
    color: #00192C;
    padding: 17px 20px;
}

.c-filter button.active {
    background: #fff;
}

.c-filter button:not(.active):hover {
    background: #00192C;
    color: #fff;
}

.text-inner.text-white {
    background-color: #00192C;
    padding: 45px;
}

.text-inner.text-white * {
    color: #fff;
}
.testimonial-v3 .slick-dots li{
    background: #E5E9EB;
    transition: all 0.4s;
}
.testimonial-v3 .slick-dots li.slick-active {
    border-color: #8700BF;
    background: #8700BF;
    transform: scale(1.2);
}
.testimonial-v3 .quote {
    color: #335168;
    font-weight: 400;
    position: relative;
    z-index: 1;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.testimonial-v3 .quote:before {
    content: "\201C";
    position: absolute;
    left: -36px;
    top: 0;
      font-family: "Plus Jakarta Sans", sans-serif;
    color: #CFEDE5;
    opacity: .75;
    font-size: 150px;
    line-height: 0.55em;
    z-index: -1;
}

.testimonial-v3 .quote.v3:before {
    display: none
}

.testimonial-v3 cite {
    color: #335168;
    font-size: 16px;
    font-style: normal;
}

.testimonial-v3 img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%
}

.testimonial-v3 cite span {
    color: #00192C;
        font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
}

.fs-32 {
    font-size: 32px;
}

.fs-48 {
    font-size: 48px;
}

.image-text-v2 {
    background: #03cf9e;
}

.image-text-v2 .d-flex {
    margin: 25px 0;
}

.image-text-v2 .d-flex > div:first-child {
    width: 50px;
}

.stats-numbers span {
    font-size: 63px;
    display: block;
    padding-bottom: 10px;
    line-height: 1;
    font-weight: 600;
}

.dual-text-block .col-md-4 {
    background: #00192C;
    padding: 30px;
}

.dual-text-block img {
    max-height: 35px;
}

.dual-text-block:not(.alt) span:not(#recruitee-careers span) {
    color: #ffffff;
    font-size: 21px;
    line-height: 1.4;
    padding-top: 22px;
}

.dual-text-block .inner {
    padding: 40px 30px;
}

.image-text-overlay {
    padding: 42px;
}

.quote-overlay {
    padding: 35px 65px;
}

.quote-overlay i {
    color: #00192C;
    font-size: 70px;
}

.quote-overlay p {
    color: #00192C;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.4;
    margin: 20px 0 30px;
}

.quote-overlay cite {
    color: #335168;
    font-size: 16px;
    font-style: normal;
}

.quote-overlay img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%
}

.quote-overlay cite span {
    color: #00192C;
    font-size: 18px;
}

.cta-dark {
    background: #022642;
}

.cta-light {
    background: #335168
}

.dual-text-block.alt .col-md-4 {
    background: #fff;
    padding: 30px;
    border-right: 1px solid #e6e7e8;
}

.dual-text-block.alt span:not(#recruitee-careers span) {
    font-size: 21px;
    line-height: 1.4;
    padding-top: 15px;
    font-weight: bold;
}

.dual-text-block.alt em {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 1;
    display: block;
    font-style: normal;
}

.icon-teaser_v2 {
    background: #fff;
    padding: 30px 30px 42px;
    position: relative;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.icon-teaser_v2 .icon {
    margin: 0 0 15px;
}

.icon-teaser_v2 i {
    font-size: 32px;
}

.icon-teaser_v2 h3 {
    font-family: "Geist", sans-serif;
    font-weight: 700;
    font-size: 18.9px;
    line-height: 1.4;
}

.icon-teaser_v2 p {
    font-size: 16px;
}

.icon-teaser_v2 a {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    padding: 10px;
    background: #335168;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.icon-teaser_v2 a:hover {
    background: #00192C;
}

.sticky-block {
    position: sticky;
    top: 265px;
}

.side-cta {
    padding: 0;
    max-width: 350px;
    top: 170px;
    border-bottom: 1px solid #A9AEB2;
    padding-bottom: 25px;
}

.icon-teaser_v3 {
    margin-top: 30px;
}

.icon-teaser_v3 .icon {
    margin-bottom: 10px;
}

.icon-teaser_v3 i {
    font-size: 45px;
}

.icon-teaser_v3 h3 {
    font-size: 21.6px;
}

.info-box {
    padding: 40px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.info-box p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.info-box img {
    margin-bottom: 20px;
}

.info-box-v2 {
    border-top: 4px solid #03CF9E;
    background: #fff;
    padding: 30px;
    margin-top: 30px
}

.info-box-v2 small {
    display: block;
    color: #335168;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding-bottom: 8px;
}

.info-box-v2 h4 {
    font-size: 19.8px;
    line-height: 1.3;
    font-family: "Geist", sans-serif;
}

.info-box-v2 p {
    font-size: 15px;
    line-height: 1.6;
}

.info-box-v2 a {
    font-weight: bold;
}

.no-border {
    border: none;
}

.width-50 {
    min-width: 50px;
}

/*==== Clients Section =====*/
.bg_gradient_gray {
    background: transparent linear-gradient(180deg, rgba(0, 25, 44, .141), #fff 88%, #fff) 0 0 no-repeat padding-box;
}

.clients-area .h1 {
    margin-bottom: 30px
}

.clients-row {
    flex-wrap: wrap;
    opacity: .28;
    padding-top: 20px;
}


.clients-img img {
    height: 122px;
}

.section-action {
    margin-top: 30px
}

.btns {
    font-weight: 700;
    font-size: 17px;
    height: 75px;
    line-height: 18px;
    padding: 26px;
    min-width: 308px;
    display: inline-flex;
    justify-content: center;
    color: #00192C
}

.tool-box .title {
    font-size: 22px;
    padding-top: 20px;
    color: #00192C
}

.tools-inner {
    position: relative;
    padding: 126px 0;
    margin: 30px 0;
    z-index: 1
}

.tools-inner .bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.tools-innerv2 .tool-box{
	margin-top:30px
}
.tools-innerv2 .tool-box img{
	    width: 180px;
    margin: auto;
    display: block;
}
.tool-box p{
color:#00192c}
.tools-content .inner-content {
    padding: 70px;
    background: #00192c;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-top-left-radius: 65px;
    border-bottom-right-radius: 65px;    
}

.tools-content .inner-content.alt {
    border-radius: 0;
    border-top-right-radius: 65px;
    border-bottom-left-radius: 65px;
}

.tools-content .bg_img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%
}

.tools-content .inner-content.alt .bg_img {
    right: auto;
    left: 0
}

.text_white {
    color: #fff
}

.tools-content .inner-content span {
    color: #03cf9e;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.tools-content .inner-content span span {
    display: block;
    padding: 0
}

.tools-content .inner-content .h1 {
    margin-bottom: 30px
}

.tools-content .inner-content p {
    color: #fff;
    opacity: 0.8
}

.button_white {
    background-color: #fff;
    border: 2px solid #00192c;
    border-radius: 15px 0 15px 0;
    color: #00192C;
    display: inline-flex;
    font-size: 17px;
    height: 72px;
    line-height: 18px;
    padding: 26px 0;
    justify-content: center;
    width: 250px;
    font-weight: bold
}

.inner-content.alt .button_white {
    border-radius: 0 15px 0 15px;
}


.button_white:hover {
    background: #03cf9e;
    color: #fff;
}

.bg_white {
    background-color: #fff
}

.number-box {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 26px 27px 38px -34px #bfbfbf;
    margin-top: 30px;
    position: relative;
    text-align: left;
    overflow: hidden
}

.number-box:after {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;
    content: "";
    height: 0;
    margin: 229px 0 0;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0;
    z-index: 1;
    left: -20px;
    bottom: -5px;
}

.number-box .title {
    font-size: 17px;
    line-height: 18px;
      font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 30px;
    letter-spacing: 1.5px;
}

.number-box .num {
      font-family: "Plus Jakarta Sans", sans-serif;
    border-bottom-width: 2px;
    border-image: linear-gradient(90deg, rgba(3, 207, 158, .302), transparent) 1;
    border-style: solid;
    color: #03cf9e;
    font-size: 58px;
    font-weight: 700;
    display: block;
    border-top: 0;
    border-left: 0;
    line-height: 125%;
}

.number-box p {
    font-size: 15px;
    padding-top: 10px;
    line-height: 23px;
}

.number-box img {
    position: relative;
    left: -30px;
    bottom: -50px
}

.feature-area .feature-box {
    padding: 0 30px 30px
}

.feature-box {
    padding: 0 30px
}

.feature-box img {
    margin: auto;
    display: block;
    height: 200px
}

.feature-box .heading {
    color: #00192C;
      font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

.feature-box span {
    display: block
}

.feature-box p {
    opacity: 80%;
    padding-top: 10px;
}

.feature-area {
    background: linear-gradient(180deg, #fff, #e6e6e6 64%, #fcfcfc 90%, #fff);
}

.feature-area .col-lg-3 {
    border-bottom: 2px solid #f9f9f9;
    border-right: 2px solid #f9f9f9;
}

.feature-area .col-lg-3:nth-child(4),
.feature-area .col-lg-3:nth-child(8) {
    border-right: none
}

.feature-area .col-lg-3:nth-child(5),
.feature-area .col-lg-3:nth-child(6),
.feature-area .col-lg-3:nth-child(7),
.feature-area .col-lg-3:nth-child(8) {
    border-bottom: 0
}

.feature-area .sub_heading {
    margin-top: 30px
}

.feature-area .inner {
    margin-top: 70px
}

.inner-playbook {
    margin-top: 70px
}

.inner-playbook .content-text p {
    color: #335168;
    font-size: 24px;
      font-family: "Plus Jakarta Sans", sans-serif;
    line-height: 36px;
	font-weight: 300;
}

.inner-playbook .meta > span {
    color: #00192C;
      font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    letter-spacing: .48px;
    line-height: 32px;
    opacity: 0.8;
}

.inner-playbook .meta p span {
    display: block
}

.inner-playbook .meta p {
    color: #335168;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.8;
    margin: 0
}

.inner-playbook .author img {
    height: 92px;
    margin-right: 40px;
}

.playbook-area {
    padding-bottom: 84px
}

.cta-area.style-1 {
    padding: 98px 0;
    position: relative;
    z-index: 1
}
.cta-area.style-1 .inner{
    background: linear-gradient(0deg,rgba(75, 63, 128, 1) 0%, rgba(149, 125, 255, 1) 100%);
    padding: 105px 100px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.cta-area.style-1 .container-fluid {
    padding: 0 70px;
}
.cta-area.style-1 > .bg_img {
    position: absolute;
    right: 0;
    top: -180px;
    width: auto;
    height: calc(100% + 180px);
}

.pattern_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 45%;
    height: 100%;
}

.cta-area.style-1 .container {
    max-width: 1470px
}

.cta-area span {
    border-bottom: 1px solid #03cf9e33;
    color: #03cf9e;
}

.cta-area p {
    color: #fff !important;
    padding-top: 30px;
}
.cta_n_img {
    position: absolute;
    bottom: 0;
    right: 0px;
    max-height: 600px;
    min-height: 600px;
    width: auto;
}
.cta-area .home-buttons-group {
    padding: 0
}

.footer-area {
    background: #F2EFFF;
    color: #00192C;
}

.footer-top {
    padding: 70px 0
}

.footer-area ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-social {
    margin-top: 45px
}

.footer-social p {
    color: #4b6579;
    padding-top: 5px;
}

.footer-social ul li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
}

.footer-social ul li:last-child {
    margin-right: 0
}

.footer-social ul li a {
    color: #335168;
    font-size: 35px
}

.footer-social ul li a:hover {
    color: #03cf9e
}

.footer-logo img {
    max-width: 180px;
}

.footer_title {
    color: #00192C;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.footer-links li {
    margin-bottom: 17px;
    display: block
}

.footer-links li a {
    color: #4b6579;
    display: inline-block;
    font-size: 17px;
    line-height: 27px;
    position: relative
}

.footer-links li a::after,
.copyright p a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #957DFF;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s;
}

.footer-links li a:hover::after,
.copyright p a:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1);
}

/* FT-01: footer link hover colour. */
.footer-links li a:hover,
.copyright p a:hover {
    color: #957DFF !important
}

.copyright {
    padding-bottom: 35px
}

.copyright p {
    margin: 0;
    font-size: 17px;
    line-height: 27px;
    color: #4b6579 !important;
}

.copyright p a {
    color: #4b6579 !important;
    text-decoration: none !important;
    position: relative
}

.arrowDown {
    display: inline-block;
    position: absolute;
    left: 49%;
    transform: translateX(-50%);
    bottom: 70px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.arrowDown svg {
    height: 40px;
    width: 40px
}

@-webkit-keyframes mover {
    0% {
        transform: translateX(-50%) translateY(0);
    }

    100% {
        transform: translateX(-50%) translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateX(-50%) translateY(0);
    }

    100% {
        transform: translateX(-50%) translateY(-10px);
    }
}

.address {
    margin-top: 30px
}

.address p a {
    text-decoration: none !important;
    color: #00192C !important
}

.address p a:hover {
    color: #11A67F !important;
    text-decoration: underline !important;
}

.c_form .heading {
    font-size: 28px;
    line-height: 1.3;
    color: #00192C !important;
      font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700
}

.c_form {
    padding: 25px;
    background: #fff;
    position: relative;
    z-index: 1
}

.c_form input:not([type="checkbox"]):not([type="radio"]),
.c_form select,
.c_form textarea {
      font-family: "Geist", sans-serif;
    font-size: 16px;
    color: #5e676e !important;
    cursor: pointer;
    background-color: #FFF;
    margin-top: 0;
    height: 46px;
    min-height: 46px;
    line-height: 46px;
    border: solid 1px #e6e7e8;
    padding: 0 0 0 16px;
    width: 100% !important;
    border-radius: 5px !important
}

.c_form input::placeholder {
    opacity: 0.5
}

.c_form input:focus,
.c_form select:focus {
    border-color: #03CF9E
}

.c_form .hs-input {
    width: 100% !important
}

.c_form .hs-form-booleancheckbox {
    padding-left: 0 !important
}

.c_form .hs-form-booleancheckbox input {
    width: auto !important;
    height: auto !important;
    margin-top: 2px;
}

.c_form textarea {
    font-size: 16px;
    color: #5e676e !important;
    box-shadow: none;
    border: 1px solid #e6e7e8 !important;
    background: #fff;
    height: 130px;
    line-height: normal;
    padding: 10px 16px
}

.c_form fieldset {
    max-width: 100% !important
}

.c_form fieldset p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #00192C !important;
    margin-bottom: 15px;
    display: block !important;
}

.c_form input[type="submit"] {
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 2em !important;
    padding: 1.2em 3em;
    background: #00192C;
    border-color: transparent;
    color: #ffffff !important;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.2);
    height: auto;
    transition: all 0.4s
}

.c_form input[type="submit"]:hover {
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.2);
    background: #335168;
    border-color: transparent;
    color: #ffffff !important;
}

.c_form .hs-error-msg {
    color: #ff615a !important;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.c_form li {
    padding-left: 0 !important
}

.footer.style-2 {
    padding: 30px 0;
    background: linear-gradient(110deg, #00192C, #00192c)
}

.footer.style-2 .footer-logo img {
    height: 24px
}

.footer.style-2 p,
.footer.style-2 p a {
    font-size: 12px;
    color: #fff !important;
    margin: 0
}

.footer.style-2 p a {
    text-decoration: underline !important
}

.footer.style-2 p a:hover {
    text-rendering: none !important;
    color: #03CF9E !important;
}

.footer.style-2 .copyright {
    padding: 0
}

.c_form.bg-dblue {
    background: #00192C !important;
    color: #fff
}

.c_form.bg-dblue .heading,
.c_form.bg-dblue p {
    color: #fff !important
}

.c_form.bg-dblue input[type="submit"] {
    background: #03cf9e;
    color: #00192C;
}

.c_form.bg-dblue input[type="submit"]:hover {
    background: #15c193;
}

.c_form ul,
.c_form li {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

legend.hs-field-desc {
    font-size: 12px;
}

.c_form label {
    display: block;
    margin-bottom: 7px;
    font-size: 15px
}

.cform select,
.cform input:not([type="checkbox"]):not([type="radio"]) {
    box-shadow: none;
    border: 1px solid #e6e7e8;
    background: #f2f3f5;
    color: #00192C !important;
}

.hs-form-field {
    margin-bottom: 18px;
    border-radius: 4px;
}

.divider hr {
    margin: 0;
    border-color: #cbcbcb45;
    opacity: 1
}

.rq_dashboard {
    padding: 40px;
    margin-top: 0;
    box-shadow: none
}

.rq_dashboard .heading {
    margin-bottom: 30px;
    display: block
}

.rq_dashboard > ul {
    list-style: disc;
    margin-left: 30px;
    margin-bottom: 30px
}

.rq_dashboard > ul > li {
    list-style: disc;
    margin-bottom: 7px;
    color: #00192C
}

.rq_dashboard > p {
    color: #00192C
}

.content-text .logo img {
    max-width: 243px;
}

.free-trial .container {
    padding: 42px 20px;
    position: relative;
    z-index: 1;
}
.free-trial.v2-alt .container::before{
	display:none
}
.free-trial .container::before {
    position: absolute;
    content: "";
    top: 0;
    left: -2670px;
    width: 3200px;
    background: #fff;
    z-index: 1;
    height: 100%;
}
.free-trial.v2-alt .container::after {
    position: absolute;
    content: "";
    top: 0;
    right: -2670px;
    width: 3500px;
    background: #F2F3F5;
    z-index: -1;
    height: 100%;
}
.clientsLogos{
	margin-top:30px
}
.clientsLogos .items{
	height:80px;
	display:flex;
	align-items:center;
	justify-content:center
}
.free-trial .content-text {
    padding-left: 50px
}

.free-trial .h1 span,
.free-trial .h2 span {
    border-bottom: 1px solid #03cf9e;
    color: #03cf9e;
    display: inline-block
}


.trial-logos p {
    color: #00192c;
    font-size: 14px;
    line-height: 22px;
    max-width: 511px;
    opacity: 0.85;
    padding-top: 35px;
}

.trial-logos p span {
    font-weight: bold
}

.trial-logos img {
    height: 228px;
    max-width: 524px;
}

.free-trial .c_form {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1
}

.hs-phone label {
    display: none
}

.free-trial .c_form input,
.free-trial .c_form select,
.free-trial .c_form textarea {
    opacity: 1;
    border: 1px solid #dadada !important;
    height: 46px;
    color: #00192c !important;
}

.free-trial .hs-fieldtype-intl-phone.hs-input {
    display: flex;
    justify-content: space-between;
}

.free-trial .hs-fieldtype-intl-phone.hs-input input {
	margin-left: 10px;
}

.free-trial .c_form input::placeholder,
.free-trial .c_form textarea::placeholder {
    opacity: 1;
    color: #00192c
}

.free-trial .c_form textarea {
    background: transparent !important;
    height: 140px
}

.free-trial .c_form input[type="submit"] {
    background: #03cf9e;
    border-radius: 20px 0 !important;
    box-shadow: 10px 30px 50px #03cf9e33;
    color: #fff !important;
    height: 72px;
    letter-spacing: 0;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border: none !important
}

.free-trial .c_form input[type="submit"]:hover {
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.2);
    background: #335168;
    border-color: transparent;
    color: #ffffff !important;
}

.free-trial {
    overflow: hidden;
    background: #fff;
	position: relative;
}

.free-trial .container {
    position: relative;
    z-index: 3;
}

.free_trial_bg {
    position: absolute;
    right: 0;
    width: 58.33333333%;
    height: 100%;
    top: 0;
    z-index: 2;
    object-fit: cover;
}

@media(min-width: 1050px) and (max-width: 1440px) {
	
.free_trial_bg {
    width: 40%;
}
	
.free-trial:after  {
    content: "";
    background: #f8f8f8;
    position: absolute;
    top: 0;
    right: 0;
    width: 58.3333333%;
    height: 100%;
}
	
}


.jobs-item .designation {
    color: #5c6f78 !important;
    display: block !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-bottom: 16px
}

.jobs-item .heading {
    color: #000 !important;
    display: block !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 5px
}

.jobs-item p {
    color: #000;
    font-size: 13px;
    margin: 0
}

.jobs-area .dual-text-block .inner {
    padding: 13px;
    border-bottom: 1px solid #c9d7df;
    margin: 10px 0;
    position: relative;
    padding-right: 40px
}

.jobs-item:last-child .inner {
    border: none
}

.jobs-area .inner::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 54px;
    width: 17px;
    height: 17px;
    border-bottom: 2px solid #00192c;
    border-right: 2px solid #00192c;
    transform: rotate(-45deg) translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s
}

.jobs-area .inner:hover::after {
    opacity: 1;
    visibility: visible;
    right: 14px
}

.jobs-area .inner:hover .heading {
    text-decoration: underline !important
}

.jobs_inner {
    padding: 40px 0
}

.jobs-item {
    cursor: pointer
}

.contact .col-md-4 span {
    font-size: 18px;
}

.num_box {
    padding: 35px;
    background: #E7F6F2;
    margin-top: 30px;
    min-height: 265px;
}

.num_box em {
    font-size: 50px;
    color: #335168;
}

.num_box span {
    font-family: "Geist", sans-serif;
    margin: 20px 0
}

.num_box p {
    margin: 0
}

.bg_content .inner p {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 700;
    color: #00192C
}

.bg_content .inner {
    margin-bottom: 60px
}

.bg_content .content-text {
    padding-left: 20px
}

.bg_content.alt .content-text {
    padding-right: 20px;
    padding-left: 0
}

.bg_content .meta p {
    margin: 0
}

.bg_content .inner_content {
    padding: 30px;
    position: relative
}

.bg_content .half_bg {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    top: 0
}

.bg_content.alt .half_bg {
    left: auto;
    right: 0
}

.jobModal .modal-dialog {
    max-width: 700px
}

.jobModal .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a9bfcc'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1;
    position: fixed;
    right: 40px;
    top: 15px;
}

.jobModal .modal-header {
    padding: 30px;
    border: none
}

.jobModal .modal-header p {
    margin: 0
}

.jobModal .modal-title {
    color: #37474f;
    font-size: 30px !important;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: "Geist", sans-serif;
}

.job-content .heading {
    border-bottom: 1px solid #c9d7df;
    border-top: 1px solid #c9d7df;
    background: #f0f4f7;
    padding: 10px 30px;
    color: #37474f;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
}

.job-content .inner {
    padding: 30px;
    font-size: 16px;
    line-height: 1.5
}

.job-content p,
.job-content li {
    color: #5c6f78;
}

.job-content li {
    margin: 5px 0
}

.jobModal .modal-footer {
    padding: 30px;
    justify-content: space-between;
    align-items: center;
    background: #f0f4f7;
}

.close_btn {
    background: transparent;
    border: 1px solid #c9d7df;
    border-radius: 5px;
    font-weight: 500;
    margin: 0;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 14px;
}

.close_btn:hover {
    box-shadow: 0 1px 10px 3px rgba(186, 198, 215, .8)
}

.close_btn em {
    margin-right: 5px
}

.apply_btn {
    display: inline-block;
    padding: 14px 20px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    background-color: #00192C;
    color: #fff;
    border: none
}

.apply_btn:hover {
    box-shadow: 0 1px 10px 3px rgba(186, 198, 215, .8);
    color: #fff;
    background-color: #001e35;
}

.modal-backdrop {
    background: radial-gradient(ellipse at center, rgba(42, 51, 61, .44) 0, #2a333d 100%) !important;
    opacity: 1 !important
}

.image-text-form-v2.alt {
    padding: 98px 0;
    padding-top: 203px;
}

.job_side ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.job_side li {
    margin-bottom: 20px
}

.job_side li:last-child {
    margin-bottom: 0
}

.job_side p {
    margin: 0;
    font-size: 16px;
    color: #00192C
}

.side-logo img {
    height: 40px
}

.text-sticky p,
.text-sticky li {
    color: #00192C
}

body .text-sticky li a {
    color: #00192C !important;
}

.text-sticky li {
    margin: 13px 0
}

.job_side li:last-child {
    margin-bottom: 0
}

.pt_300 {
    padding-top: 210px
}

.pb_140 {
    padding-bottom: 98px
}

.logo-box {
    padding: 30px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pricing-banner {
    padding-top: 210px;
    padding-bottom: 210px;
    position: relative
}

.pricing-banner h1 {
    font-size: 55.8px;
    line-height: 80px;
    margin-bottom: 60px
}

.pricing-banner h1 span {
    border-bottom: 1px solid #03cf9e33;
    color: #03cf9e;
}

.pricing-banner p {
    font-size: 22px;
    line-height: 40px
}

.pricing-box {
    padding: 25px;
    background: #f7f8f9;
    border-radius: 20px 20px 55px 0;
    box-shadow: 0 15px 30px #0000001a;
    color: #00192c;
    position: relative;
    padding-top: 119px;
    overflow: hidden;
    z-index: 1;
    min-height: 940px
}

.pricing-box::before {
    position: absolute;
    content: "";
    top: 0;
    height: 45%;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: -1
}

.pricing-box > img {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: -1;
}

.pricing-box .heading {
    font-size: 24px
}

.pricing-box.alt {
    min-height: auto
}

.pricing-box.alt .btns {
    min-width: 100%;
    margin-top: 15px
}

.pricing-box.alt::before {
    height: 100%
}

.pricing-box.alt .action {
    margin-bottom: 15px !important
}

.p_body p {
    margin: 0
}

.pricing-box .head p {
    font-size: 17px;
    height: 55px;
    margin: 0;
}

.p_body .price {
    font-size: 14px;
    margin-top: 15px
}

.p_body .price span {
    color: #03cf9e;
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 34px;
}

.price p {
    margin-left: 15px;
    line-height: 18px;
}

.pricing-box .action {
    margin-top: 30px
}

.btn_green {
    align-items: center;
    background: #31135E;
    border-radius: 60px;
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    text-align: center;
}

.btn_green:hover {
    box-shadow: none;
    color: #fff
}

.pricing-box .list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.pricing-box .list li {
    color: #00192c;
    list-style: none;
    position: relative;
    display: flex;
    height: 68px;
    font-size: 17px;
}

.pricing-box .list li em {
    font-size: 28px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

.n_top_215 {
    padding-top: 0;
    margin-top: -215px;
}

.table-area .inner {
    padding: 0 30px;
    background: transparent linear-gradient(180deg, #fafafa, #fff) 0 0 no-repeat padding-box;
    border-radius: 10px
}

.table-area table {
    width: 100%
}

.table-area table thead tr {
    font-size: 24px;
    height: 70px;
    line-height: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700
}

.table-area table th {
    vertical-align: bottom;
    color: #00192C;
    padding: 15px
}

.table-area table th:first-child {
    color: #03cf9e
}

.table-area table tr td:first-child {
    width: 420px;
    padding-right: 50px;
}

.table-area table tr td {
    padding: 15px;
    height: 87px;
    vertical-align: middle;
    border-bottom: 1px solid #A9AEB2;
    position: relative
}

.table-area td img {
    height: 30px;
    width: 30px;
}

.tooltips {
    right: 5px;
    top: 5px;
    width: 20px !important;
    height: 20px !important;
    margin-left: 15px;
}

.custom-tooltip {
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: #00192C;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-font-size: 16px;
    --bs-tooltip-padding-y: 15px;
    --bs-tooltip-padding-x: 15px;
    --bs-tooltip-box-shadow: 0px 0px 10px #000;
}

.tooltip-inner {
    background-color: white !important;
    color: #00192C !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 1);
    text-align: left;
    font-size: 15px;    
}

.cta-area.style-2 .cta-inner {
    padding: 70px 0
}

.faq_accordion .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faq_accordion .accordion-item {
    color: #00192C;
    background-color: transparent;
    border: none;
    margin-top: 50px
}

.faq_accordion .accordion-button {
    border: none;
    box-shadow: none;
    color: #00192C;
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: .48px;
    line-height: 32px;
    padding: 0;
    display: flex
}

.faq_accordion .accordion-button::after {
    display: none
}

.faq_accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faq_accordion .accordion-button:not(.collapsed) {
    color: #00192C;
    background-color: transparent;
    border: none;
}

.faq_accordion {
    margin-top: 40px
}

.faq_accordion .accordion-button .plus-minus {
    background-image: url(../img/plus.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 30px;
    line-height: 36px;
    margin-left: 10px;
    min-width: 30px;
}

.faq_accordion .accordion-button:not(.collapsed) .plus-minus {
    background-image: url(../img/minus.png);
}

.faq_accordion .accordion-body {
    padding: 40px 0;
    padding-bottom: 0
}

.faqs-area {
    padding-bottom: 84px
}

.text-module .text ul,
.text-module .text ol {
    margin-left: 20px;
    margin-bottom: 30px
}

.text-module .text li {
    margin: 10px 0
}

.font_forza {
     font-family: "Plus Jakarta Sans", sans-serif;
}

.letter_space {
    letter-spacing: 1px
}

.icon-box {
    margin-top: 30px
}

.icon-box p {
    margin-bottom: 15px
}

.icon-box span {
    margin-bottom: 10px
}

.icon-box em {
    color: #00192C;
    font-size: 36px;
    margin-bottom: 20px
}

.ebook-item.alt {
    margin-top: 30px;
    margin-bottom: 0
}

.icon-box a:hover {
    color: #00192C !important;
}

.ebook-item.alt * {
    transition: all 0.4s
}

.ebook-item.alt:hover {
    background: #00192C;
    box-shadow: none
}

.ebook-item.alt:hover h4,
.ebook-item.alt:hover p {
    color: #fff
}

.ebook-item.alt > div:first-child {
    overflow: hidden;
    height: 260px;
    position: relative
}

.ebook-item.alt .tags {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.03em;
    position: absolute;
    top: 32px;
    background: #00192C;
    padding: 8px;
    padding-left: 25px;
    z-index: 1
}

.ebook-item.alt > div:first-child img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.ebook-item.alt img {
    transform: scale(1);
    transition: all 0.4s
}

.ebook-item.alt:hover img {
    transform: scale(1.1)
}

.ebook-item.alt span {
    left: auto;
    right: 70px;
    opacity: 0;
    font-size: 30px
}

.ebook-item.alt:hover span {
    right: 30px;
    opacity: 1
}

.ebook-item.alt .ebook-content {
    height: 340px
}

.service-menu {
    background: #fff;
    border-bottom: 1px solid #e6e7e8;
    position: sticky;
    top: 160px;
    z-index: 9;
}

.service-menu.active {
    top: 230px
}

.service-menu ul {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center
}

.service-menu ul li {
    display: inline-block
}

.service-menu ul li a {
    display: block;
    padding: 18px 20px;
    color: #00192C;
    font-size: 16px
}

.service-menu ul li a:hover {
    color: #03CF9E;
    text-decoration: underline !important
}

.service-menu ul li.active a {
    background: #E7F6F2;
    color: #00192C;
}

.quotes-slider .slick-arrow {
    background: transparent;
    border: none
}

.quotes-slider .slick-prev,
.quotes-slider .slick-next {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
}

.quotes-slider .slick-next {
    right: -50px;
    left: auto
}

.support-box {
    display: block;
    color: #00192c;
    padding: 30px;
    background: #F1E1F0;
}
.user-guides26{
    background: #FEE4E0;
}
.text-purple{
    color: #31135E;
}
.support-box:hover {
    color: #00192c;
    background: #fff;
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .1), 0 .33rem 1rem rgba(0, 0, 0, .15)
}
.still-need-help .btn-simple{
    background: #F87A63;
    color: #31135E;
}
.user-guides26 .btn-simple-green{
    background: #31135E;
    color: #fff;
}
.support-box span {
    color: #335168;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 15px 0;
    transition: all 0.4s
}

.support-box:hover span {
    text-decoration: underline;
    color: #03cf9e
}

.support-box em {
    color: #335168;
}

.support-box p {
    font-size: 16px
}

.content-box {
    margin-top: 30px
}

.border-box {
    border-radius: 4px;
    padding: 35px;
    border: 1px solid #eeeeee;
    min-height: 300px
}

.faq_accordion .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq_accordion.alt .accordion-item {
    margin-top: 0;
    border-top: 1px solid #A9AEB2
}

.faq_accordion.alt .accordion-item:last-child {
    border-bottom: 1px solid #A9AEB2
}

.faq_accordion.alt .accordion-button {
    font-size: 16px;
    color: #00192C;
    padding: 18px 20px;
    line-height: 22px
}

.faq_accordion.alt .accordion-button::after {
    display: block
}

.faq_accordion.alt .accordion-body {
    padding: 30px 20px;
    padding-top: 10px
}

.c_form .notes {
    font-size: 15px !important;
    color: #00192C !important
}

.hs_submit_plan label {
    display: none
}

.c_form input[type="file"]::-webkit-file-upload-button {
    background: transparent;
    border: none;
    font-size: 15px;
    color: #5e676e
}

.ck_details {
    padding-top: 175px
}

.ck_details .btn-simple-border,
.btn-simple-border.v2 {
    font-size: 16px;
    padding: 10px 48px;
}

.btn-simple-green.alt {
    padding: 20px 50px;
    font-size: 16px;
    font-weight: 600;
}

.btn-simple.alt {
    padding: 20px 50px;
    font-size: 16px;
    font-weight: 600;
}

.vc-frame {
    max-height: 600px;
    overflow-x: auto;
}

.ck-header {
    margin-bottom: 60px
}

.text_gray {
    color: #798187
}

.f-box {
    margin: 15px 0
}

.cta-v2 {
    padding: 56px 60px
}

.cta-v2 p {
    margin: 0
}

.quotes-box p {
    color: #00192C;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px
}

.quotes-box cite {
    color: #335168;
    font-size: 16px;
    font-style: normal;
}

.quotes-box cite span {
    color: #00192C;
    font-size: 18px;
}

.quotes-box img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    border-radius: 50%;
}

.b-integration-box {
    margin-top: 50px
}

.b-badge {
    background: #03CF9E;
    padding: 8px 12px;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px
}

.integrations-box {
    display: block;
    margin-top: 30px;
    border-radius: 5px;
    border: 1px solid #e6e7e8;
    display: flex;
    align-items: center;
    padding: 26px 15px;
	transition:all 0.4s
}
.integrations-box > a{
	display:flex;
	flex:1
}
.integrations-box:hover {
    transform: translateY(-10px)
}

.integrations-box .logo {
    width: 50px;
    margin-right: 15px;
    position: relative;
    top: -20px;
    left: -4px;
}

.integrations-box span {
    color: #00192C;
    font-size: 15px
}

.integrations-box .title {
    font-size: 18px
}

.fs-120 {
    font-size: 120px;
    line-height: 100%
}

.cta-v3 {
    padding: 49px;
    background: #f7f7f7;
    color: #4c4c4c;
    padding-right: 0;

}
.cta-v2 {
    padding: 49px;
    background: #f7f7f7;
    color: #4c4c4c;
    padding-left: 0;

}

.quotes-box.v2 p, .v9_text {
    font-weight: 400;
    color: #11A67F;
    font-size: 22px;
    line-height: 1.5
}

.column_2 {
    column-count: 2
}

.cs-box {
    display: block;
    position: relative;
    background: #00192C;
    color: #ffffff;
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
    overflow: hidden;
    height: 570px;
    margin-top: 30px
}

.cs-box:hover {
    color: #fff
}

.cs-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
    transition: all 0.4s
}

.cs-inner p {
    font-size: 15px
}

.cs-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 30px;
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%, 100%);
    position: absolute;
    z-index: 1;
    top: 0;
}

.cs-inner .badge {
    color: #00192C;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background: #03CF9E;
    border-radius: 0
}

.cs-title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px
}

.cs-hover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 30px;
    transition-duration: 0.3s;
    transform-origin: 50% 50%;
    transform: scale(1) translate(0%, -50%);
    position: absolute;
    z-index: 1;
    top: 50%;
    opacity: 0;
    width: 100%
}

.cs-hover ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.cs-hover ul li {
    margin-bottom: 20px;
    font-size: 15px
}

.cs-hover ul li:last-child {
    margin-bottom: 0
}

.cs-hover ul li span {
    margin-bottom: 0
}

.btn-border-white {
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 2em;
    padding: 16px 45px;
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
    border: 1px solid #fff;
    text-align: center;
    transition: all 0.4s;
    display: inline-block
}

.cs-box .action {
    position: absolute;
    padding: 30px;
    z-index: 1;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s
}

.btn-border-white:hover {
    background: #fff;
    color: #00192c
}

.btn-border-white:hover em {
    color: #00192c
}

.cs-box .btn-border-white {
    font-size: 14px;
    width: 100%;
    display: block
}

.cs-box:hover .cs-inner {
    transform: scale(1) translate(0%, 0%);

}

.cs-box:hover .cs-hover {
    opacity: 1;
}

.cs-box:hover img {
    opacity: 0
}

.cs-box:hover .action {
    opacity: 1
}

.pb_120 {
    padding-bottom: 84px
}

.c-filter .nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    border-radius: 0;
    display: flex
}

.c-filter .nav-tabs li {
    display: inline-block
}

.c-filter .nav-tabs li button {
    border: none;
    border-radius: 0
}

.sticky-social {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #A9AEB2
}

.sticky-social ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sticky-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.sticky-social ul li:last-child {
    margin-right: 0
}

.sticky-social li a {
    color: #00192C;
    opacity: 0.5
}

.sticky-social li a:hover {
    opacity: 1
}

.customer-story-slider,
.testimonial-slider {
    position: relative
}

.customer-story-slider .slide img {
    width: 100%
}

.customer-story-slider .slick-arrow,
.testimonial-slider .slick-arrow {
    border: none;
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    transition: all 0.4s
}

.customer-story-slider .slick-arrow:hover,
.testimonial-slider .slick-arrow:hover {
    background: rgba(227, 227, 227, 0.82)
}

.customer-story-slider .slick-prev,
.testimonial-slider .slick-prev {
    left: -50px
}

.customer-story-slider .slick-next,
.testimonial-slider .slick-next {
    right: -50px
}

.customer-story-slider {
    margin: 30px 0
}

.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 20px
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    font-size: 0;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer
}

.slick-dots li button {
    display: none
}

.slick-dots li.slick-active {
    border-color: #00192C;
    background: #fff
}

.n_top_390 {
    margin-top: -390px
}

.content-tab-area .nav-tabs {
    border: none;
    margin-bottom: 70px;
    display: block;
    text-align: center;
}

.content-tab-area .nav-tabs li {
    border-radius: 0;
    display: inline-block;
    margin: 0 -2px;
}
.tools-content .v23 .bg_img.alt {
    right: auto;
    left: 0;
}
.content-tab-area .nav-tabs .nav-link {
    border-radius: 0;
    border: none;
    opacity: .66;
    color: #00192c;
    background-color: transparent !important;
    padding: 15px;
    border-bottom: 2px solid #e6e7e8;
    width: 100%
}

.content-tab-area .nav-tabs .nav-link em {
    margin-right: 6px
}

.content-tab-area .nav-tabs .nav-link:hover {
    opacity: 1
}

.content-tab-area .nav-tabs .nav-link.active {
    color: #0B6F55;
    opacity: 1;
    border-color: #00192c
}

.fs-22 {
    font-size: 22px !important
}

.item-stats .h2 img {
    width: 36px;
    margin-left: 20px
}

.fs-16 {
    font-size: 16px
}

.events-inner {
    border-radius: 5px
}

.events-inner .heading p {
    margin: 0
}

.events-inner .heading {
    padding: 20px 30px;
    border-bottom: 1px solid #eaeef1
}

.w-box {
    background: #fff;
    padding: 30px;
    display: block;
    margin: 15px 0
}

.w-box .logo {
    width: 40px;
    height: 40px;
    margin-bottom: 25px
}

.w-box .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.w-title {
    font-size: 24px;
    margin-bottom: 25px
}

.w-box:hover {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1), 0 0.33rem 1rem rgba(0, 0, 0, 0.15);
}

.w-banner-person ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.w-banner-person ul img {
    width: 90px;
    height: 90px;
    min-width: 90px;
    min-height: 90px;
    border-radius: 50%;
}

.w-banner-person ul cite {
    color: #335168;
    font-size: 16px;
    font-style: normal;
}

.w-banner-person ul cite span {
    font-size: 18px;
}

.w-banner-person ul cite {
    color: rgba(255, 255, 255, 0.53) !important
}

.content-list li {
    margin-bottom: 10px
}

.fw-400 {
    font-weight: 400
}
.home-buttons-group a img{
	height:60px;
	margin-right:15px
}
.pen-user {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-right: 20px
}
.bg-dblue-alt{
	background:#00192C
}
.pen-user img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.penelist-box {
    margin-top: 50px
}

.penelist-box p {
    font-size: 14px;
    opacity: 0.5;
    line-height: 20px
}

.penelist-box .flag {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden
}

.page-banner .half_bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.logo-slider {
    gap: 20px;
    margin-top: 30px
}

.list.centered-inline li {
    display: inline-block;
    margin: 0 10px
}

.slick-dots li:only-child {
    display: none
}

.testimonial-slider .quote,
.testimonial-slider .quote p {
    font-size: 24px;
    line-height: 1.6
}

.sticky-section {
    height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 0
}

.list-vc li {
    display: inline-flex;
    align-items: center;
    color: #12A67F;
    font-size: 16px;
    margin-right: 11px;
}

.list-vc li:last-child {
    margin-right: 0
}

.ebooks-slider {
    border: 1px solid #fff;
}

.ebooks-area .ebooks-inner {
    margin-top: 300px;
    position: sticky;
    top: 220px
}

.ebooks-slide-box {
    width: 100%;
    height: 560px;
    display: flex;
    align-items: center
}



.ebooks-area .container {
    position: relative;
    z-index: 1;
    padding: 70px 20px;
    padding-top: 112px
}

.ebooks-area .container::before {
    position: absolute;
    content: "";
    top: 0;
    left: -2410px;
    width: 3000px;
    background: #00192C;
    z-index: -1;
    height: 100%;
}

.ebooks-slider .slick-arrow {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.ebooks-slider .slick-prev {
    left: -35px
}

.ebooks-slider .slick-next {
    right: -35px
}

.ebooks-right h1 span,
.ebooks-right h2 span {
    color: #03cf9e;
}

.ebooks-right p {
    margin-bottom: 15px
}

.hr_line {
    width: 80px;
    height: 2px;
    background: #00192C;
    display: inline-block;
    margin: 30px auto
}

.ebooks-right .list.lite li {
    padding-left: 30px !important
}

.ebooks-icon-teaser {
    margin-top: 30px
}

.ebooks-right .c_form {
    padding: 0
}



.fs-62 {
    font-size: 62px
}

.tools-content .v23 .bg_img{
	width:50%
}

.tools-content .v23 .list.lite li{
	color:#fff
}
.tools-content .v23 .inner-content{
	padding:35px
}
.lb-aproplan-banner .container {
    position: relative
}

.lb-aproplan-banner .container > img {
    position: absolute;
    right: 90px;
    bottom: -165px;
    width: 320px;
}


.lb-content {
    position: relative;
    overflow: hidden
}

.cta-v2-shape {
    position: absolute;
    left: 0;
    top: -70px;
    width: auto;
    z-index: 1;
    height: calc(100% + 120px);
}

.pt_120 {
    padding-top: 84px
}

.cta-area.style-2 {
    position: relative;
    background: #001627;
    margin: 80px 0;
}

.cta-area .price span {
    margin: 0;
    text-decoration: none !important;
    border: none;
}

.cta-area .price p {
    margin-bottom: 0;
    padding-top: 0
}

.c_integration {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 30px #0000000f;
    display: flex;
    height: 128px;
    margin-top: 30px;
    padding: 20px;
    align-items: center
}

.c_integration span {
    font-size: 24px;
    display: block;
    margin-bottom: 6px
}
.c_integration span.title{
    color: #00192C;
        font-family: "Plus Jakarta Sans", sans-serif;
}
.c_integration .icon, .c_integration .logo {
    width: 70px;
    margin-right: 30px;
}

.c_integration p, .c_integration span:not(.title) {
    margin: 0;
    color: #335168;
	font-size: 18px;
    line-height: 27px;
}

.ebook-item.v2 {
    border: 2px solid #fff;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 15px 30px #0000001a;
    overflow: hidden
}

.ebook-item.v2 h4 {
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ebook-item.v2 p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.ebook-item.alt.v2 .ebook-content {
    height: auto;
    padding-bottom: 30px;
}

.ebook-item.alt.v2 .ebook-content .btns {
    background: #00192C;
    color: #fff;
    min-width: 240px;
    transition: all 0.4s
}

.ebook-item.alt.v2:hover .btns {
    background: #03cf9e;
    color: #00192C;
    border-color: #03cf9e
}

.pb_120 {
    padding-bottom: 84px
}

.cta-boxed {
    padding: 70px 50px
}

.group_btn {
    margin-top: 40px
}

.group_btn a {
    margin: 0 10px
}

.banner-logo {
    width: 190px;
    margin-bottom: 30px
}

.info-box ul {
    margin-bottom: 30px !important
}

.inline.list li {
    display: inline-block;
    margin: 0 5px;
    padding-left: 20px
}

.inline.list li i {
    margin-right: 2px
}



.shadow {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.text-dgreen {
    color: #11A67F
}

.fs-24 {
    font-size: 24px
}

.bg-green-light {
    background: #E7F6F2
}

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

.hs-form-required {
    display: none
}

.a-post-box {
    display: block;
    background: #fff;
    box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.1), 0 0rem 0rem rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: 1px solid rgba(171, 171, 171, 0.33);
    position: relative;
    margin-bottom: 30px
}

.a-post-box:hover {
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1), 0 0.33rem 1rem rgba(0, 0, 0, 0.15)
}

.a-post-box .image {
    position: relative
}

.p_tags {
    position: absolute;
    top: 20px;
    left: 0;
    background: #20976D;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    line-height: normal;
    width: auto;
    margin: 0 20px;
}

.a-post-box .info {
    padding: 30px;
    height: 200px;
}

.a-post-box .action {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 30px
}

.a-post-box .titles {
    color: #00192C;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.4s
}

.a-post-box:hover .titles,
.post-box:hover span {
    color: #03cf9e
}

.blog-full-width {
    padding: 56px;
    position: relative;
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
    transition: all 0.s
}

.blog-full-width:hover {
    box-shadow: 0 0.12rem 0.24rem rgba(0, 0, 0, 0.1), 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15)
}

.blog-full-width .h2 {
    transition: all 0.4s
}

.blog-full-width:hover .h2 {
    color: #03cf9e
}

.blog-full-width .half_bg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    top: 0
}

.blog-full-width .content-text {
    padding-right: 80px
}

.post-meta {
    margin: 20px 0
}

.post-meta img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
    margin-right: 15px
}

.post-box {
    margin-top: 30px;
    display: block
}

.post-box span {
    font-size: 18px;
    transition: all 0.4s
}

.page-banner {
    padding: 70px 0;
    position: relative;
    z-index: 1;
    padding-top: 185.5px
}

.page-banner.bg_image::after {
    content: "";
    background: rgba(0, 38, 66, 0.70);
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.black_overlay.bg_image::after {
    background: rgba(0, 0, 0, 0.34)
}

.light_overlay.bg_image::after {
    background: rgba(0, 38, 66, 0.58)
}

.dark_overlay.bg_image::after {
    background: rgba(0, 38, 66, 0.86)
}

.ebooks-area.active .container {
    padding-top: 154px
}

.free-trial.active .container {
    padding-top: 231px
}

p:last-child {
    margin-bottom: 0
}

.pagiations {
    margin-top: 40px
}

.pagiations ul {
    margin: 0;
    padding: 0
}

.pagiations li {
    display: inline-block;
    margin: 0 2px
}

.pagiations a,
.pagiations .current {
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    color: #00192C;
    border: 1px solid rgba(6, 58, 87, 0.17);
    border-radius: 4px;
}

.pagiations a:hover,
.pagiations .current {
    background-color: #03cf9e;
    border: 1px solid #03cf9e;
    color: #00192C
}

.logos-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.logos-inner.v1 {
    flex-wrap: wrap
}

.logos-inner.v1 li {
    width: 20%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.logos-inner.v2 li {
    width: 20%;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.logos-inner.v1 li img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.space {
    height: 60px
}

.blog-meta p {
    font-size: 15px;
    color: #798187
}

.blog-details {
    padding: 35px 0
}

.blog-content img,
.blog-content iframe {
    margin: 30px 0
}

.blog-content {
    margin-bottom: 50px
}

.post-content-meta {
    font-size: 15px;
    color: #798187
}

.topics {
    margin-top: 30px;
    font-weight: 500;
}

.topics span {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px
}

.topics ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.topics li {
    display: inline-block
}

.topics li a {
    display: block;
    padding: 10px 15px;
    background: #f2f3f5;
    color: #798187;
    font-size: 15px
}

.topics li a:hover {
    background: #E7F6F2;
    color: #454c51;
}

.post-side-img img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.blog-content > ul li {
    margin: 10px 0
}

.header-toggle {
    display: none;
}

.header-toggle {
    height: 46px;
    width: 46px;
    text-align: center;
    margin-left: 10px;
    border-radius: 5px;
    margin-right: -15px
}
.text-dgreen {
    color: #11A67F;
}
.header-toggle span {
    height: 2px;
    width: 95%;
    background: #fff;
    display: block;
    margin-top: 5px;
    position: relative;
    transition: all 0.2s ease 0s;
    border-radius: 5px;
    margin-right: auto;
    margin-left: 0;
}

.header-toggle span:nth-child(1) {
    top: 4px;
}

.header-toggle span:nth-child(2) {
    top: 6px;
    width: 75%;
}

.header-toggle span:nth-child(3) {
    top: 8px;
    width: 65%
}

#menu-toggle {
    width: 42px;
    height: 42px;
    display: block;
    position: relative;
    background: transparent;
    padding: 4px 8px;
    border-radius: 7px;
    margin-left: auto;
    margin-right: auto;
}

.column-3 .slide,
.column-2-slider .slide {
    padding: 30px;
    padding-bottom: 0
}

.column-3 .slick-list,
.column-2-slider .slick-list {
    margin-left: -30px;
    margin-right: -30px
}

.cform textarea {
    padding: 10px !important;
    border: 1px solid #e6e7e8;
    background: #f2f3f5;
    color: #00192C !important;
}

.video-box {
    margin-top: 30px
}

.blog-cat li.init {
    display: none;
    position: relative
}

.blog-cat li.init::after {
    position: absolute;
    content: "";
    top: 49%;
    right: 0;
    width: 9px;
    height: 9px;
    border-bottom: 1px solid #00192C;
    border-right: 1px solid #00192C;
    transform: translateY(-50%) rotate(45deg);
}


.mobile-quote-btn {
    display: none
}
.dataTables_wrapper {
    margin-top: 50px;
}
.dataTables_filter {
    float: right;
    white-space: nowrap;
    margin-bottom: 0.7rem;
}
.dataTables_wrapper label input {
    vertical-align: middle;
    width: auto;
    margin-left: 0.7rem;
	    box-shadow: none;
    border: 1px solid #e6e7e8;
	    border-radius: 4px;
    height: 2.8rem;
    line-height: 2.4;
	background: #f2f3f5;
	    font-weight: 400;
    letter-spacing: 0em;
}
.dataTables_length{
	display:none
}
.tablepress thead{
	display:none
}
.tablepress thead th {
    font-weight: bold;
    padding-top: 0;
}
.tablepress-id-36 a {
    color: #454c51;
}
.tablepress-id-36 td.column-1 {
    width: 33%;
}
.tablepress tbody td {
    vertical-align: top;
}
.tablepress-id-36 td {
    padding: 0.3rem 0.6rem;
}
.dataTables_info{
	display:none
}
.dataTables_paginate {
	display:none
}
.text-sticky .text-dgreen {
    color: #11A67F;
}
.LPost img{
	height:220px;
	object-fit:cover
}
.page-id-15248 .checklists.pt-0{
	padding-top:56px !important
}
.customer-story-slider .slide img{
	width:100%;
	height:550px;
	object-fit:cover
}
.csLogoN img{
	height:60px
}
.csLogoN a::after{
	display:none
}
.container-fluid {
    max-width: 1920px;
}
.style2026 .hero-tab{
    position: relative;
    z-index: 1;
}
.style2026 .hero-tab .bg_shape_oval {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 1000px;
    height: 1000px;
    opacity: 0.5;
}
.style2026.new-tab-v2 .nav-tabs button{
    color: #fff;
}
.style2026.new-tab-v2 .icon.fwicon {
    font-size: 22px;
    color: #fff;
    width: 80px;
    height: 80px;
    background: #ffffff24;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.style2026.new-tab-v2 .nav-tabs button.active {
    background: #F87A63;
}
.style2026.new-tab-v2 .nav-tabs button.active .icon.fwicon{
background: #00264240;
color: #002642;
border-color: #002642
}
.style2026.new-tab-v2 .nav-tabs button.active .icon.fwicon i{
    color: #002642 !important
}
.customerStories24.v4 .h1 br{
    display: none;
}
.style2026.new-tab-v2 .h1{
    position: relative;
    z-index: 11;
}
.customerStories24.v4.bg-white-important {
    background: #fff !important;
    padding-top: 70px;
}
.customerStories24.v4.bg-white-important  .h1{
color: #00192C;
}
/*Responsive*/

@media(max-width: 1200px) {
    header nav .logo img {
        height: 25px
    }

    .top-bar-inner {
        padding-right: 50px
    }

    .top-bar .close_bar {
        right: 20px
    }

    header nav #menu > ul > li {
        margin-right: 25px
    }

    .home-hero__bg,
    .home-hero__block {
        position: absolute;
        width: 100%;
        object-fit: cover;
        height: 100%;
        top: 0;
        height: 100%;
        margin: 0;
    }

    h1,
    .h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .tool-box .title {
        font-size: 18px;
        padding-top: 12px;
    }

    .tool-box img {
        width: 140px;
        margin: 0 auto;
        display: block;
    }

    .tools-content .inner-content {
        padding: 35px
    }

    .feature-box img {
        height: 140px
    }

    .feature-area .feature-box {
        padding: 0 10px 30px;
    }

    .inner-playbook .author img {
        height: 75px;
        margin-right: 20px;
    }

    .cta-area.style-1 > .bg_img {
        position: absolute;
        right: 0;
        top: auto;
        width: 560px;
        bottom: -52px;
    }

    .cta-area.style-1 {
        padding: 42px 0
    }

    .playbook-area {
        padding-bottom: 42px
    }

    .alt .footer-top {
        padding-top: 77px;
        padding-bottom: 42px;
    }

    .btn-simple-green {
        padding: 14px 20px
    }

    .c_form label {
        margin-bottom: 0px;
        font-size: 12px;
    }

    .checklist-item {
        padding: 20px
    }

    cite span {
        display: block
    }

    .quote-author br {
        display: none
    }

    .ebook-item.alt .ebook-content {
        height: 380px;
    }

    .integrations-box .title {
        font-size: 16px;
    }

    .integrations-box {
        padding: 15px;
        min-height: 105px
    }

    .integrations-box span {
        font-size: 13px;
        line-height: normal;
    }

    .border-box .h2 {
        font-size: 23.4px
    }

    .free-trial .container::before {
        display: none
    }

    .free-trial .c_form {
        padding: 30px
    }

    .ebooks-area .container::before {
        width: 2850px
    }

    .ebooks-area .ebooks-inner {
        margin-top: 100px
    }

    .num_box {
        padding: 25px
    }

    .dual-text-block .col-md-4 {
        padding: 20px !important
    }

    .cta-v2-shape {
    }

    .image-text-overlay {
        padding: 42px 0;
    }

    .p_body .price span {
        font-size: 26px
    }

    .pricing-box .head p {
        font-size: 15px;
        height: 66px;
    }

    .pricing-box .heading {
        font-size: 22px;
    }

    .pricing-box .btn_green {
        height: 60px
    }

    .p_body {
        min-height: 100px;
    }

    .pricing-box .action {
        margin: 20px 0 !important;
    }

    .pricing-box .list li {
        font-size: 14px;
        line-height: normal;
        height: 56px
    }

    .pricing-box {
        min-height: 830px
    }

    .pricing-box::before {
        height: 50%
    }

    .table-area table tr td:first-child {
        width: 300px;
        padding-right: 20px;
    }

    .table-area table th {
        padding: 10px;
        font-size: 16px;
    }

    .table-area table tr td {
        font-size: 16px
    }

    .pricing-box.alt .btns {
        font-size: 15px;
        height: 60px;
        display: flex;
        align-items: center;
    }

    .table-area table th:first-child {
        color: #03cf9e;
        font-size: 20px;
    }

}

@media(max-width: 991px) {

    #menu-main-menu > li.current-menu-item > a > div:before,
    #menu-main-menu > li.current-menu-parent > a > div:before  {
        display: none;
    }

    .header-area {
        position: relative
    }

    body {
        font-size: 16px;
        line-height: 26px
    }

    .mobile-quote-btn {
        display: block
    }

    .p_body {
        min-height: inherit;
    }

    div#menu {
        position: absolute;
        top: 99%;
        left: 0;
        width: 100%;
        display: block;
        z-index: 999;
        min-height: calc(100vh - 71px);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all;
    }

    div#menu.active {
        opacity: 1;
        visibility: visible;
        transition: 0.3s all;
    }

    .mainmenu ul {
        text-align: left;
    }

    div#menu,
    div#menu > ul ul {
        overflow: hidden;
        max-height: 0;
        background: #00192c;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    div#menu,
    div#menu > ul ul {
        overflow: auto !important;
        padding: 20px 20px !important;
    }

    div#menu > ul > li > span {
        background: #fff;
        width: 17px;
        height: 17px;
        position: absolute;
        right: 0;
        top: 18px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        z-index: 99;
		display:none

    }

    div#menu > ul > li > span::after {
        content: "\f107";
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        font-size: 13px;
        color: #00192c;
		display:none
    }


    .header-action > * {
        margin-left: 15px;
    }

    header nav #menu > ul {
        display: block
    }

    div#menu > ul > li {
        display: block !important;
        margin: 0 !important;
        padding: 0
    }

    div#menu ul ul,
    div#menu ul ul ul {
        display: inherit !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        margin: 0 !important
    }

    div#menu ul ul.sub-menu.active {
        visibility: visible;
        opacity: 1;
        max-height: 55em;
    }

    div#menu > ul > li > a {
        display: block;
        position: relative;
        padding: 15px 0px;
        color: #fff;
        border-bottom: 1px solid #ffffff0a;
        font-size: 16px;
    }

    div#menu > ul > li:last-child > a {
        border: none
    }

    .mainmenu ul li > ul {
        border: none
    }

    header nav #menu > ul > li a {
        font-size: 17px
    }

    div#menu li.has-submenu > a.active:after {
        content: "-";

    }

    .sub-menu::before {
        height: 90% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .sub-menu::after {
        display: none
    }

    div#menu li.has-submenu > a.active:after {
        content: "-";
        font-size: 20px
    }

    div#menu ul ul > li a {
        padding: 13px 0px;
        line-height: normal;
        color: #fff !important;
        font-size: 15px !important;
        border-bottom: 1px solid #ffffff0a;
        border-radius: 0
    }

    header nav #menu > ul > li > ul.submenu > li > a {
        border-radius: 0
    }

    header nav #menu > ul > li > ul.submenu {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }

    ul.megamenu .menu-text {
        color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    ul.megamenu .menu-text b {
        font-size: 18px
    }

    ul.megamenu .menu-icon {
        height: 65px;
        min-width: 65px;
        width: 65px;
    }

    ul.sub-menu {
        padding-left: 20px;
    }

    .header-toggle .active span:nth-child(2) {
        opacity: 0
    }

    .header-toggle .active span:nth-child(1) {
        top: 14px;
        transform: rotate(45deg);
        width: 100%
    }

    .header-toggle .active span:nth-child(3) {
        top: 0px;
        transform: rotate(-45deg);
        width: 100%
    }

    .header-toggle {
        display: block;
    }

    div#menu > ul ul {
        background: transparent !important;
        box-shadow: none !important;
        width: 100% !important;
        padding-left: 15px !important
    }

    header nav .logo img {
        max-height: 30px;
        max-width: 160px;
    }

    header nav {
        padding: 15px 0;
    }

    header nav #menu > ul > li.has-submenu > a:after {
        display: block
    }

    header nav #menu > ul > li.has-submenu > a {
        position: inherit
    }

    .home-hero__block-title {
        font-size: 14px
    }

    .home-hero__block-header {
        font-size: 38px;
        line-height: 48px;
        max-width: 100%;
        padding-bottom: 30px
    }

    .home-hero__block-text {
        font-size: 18px;
        line-height: 30px;
    }

    h1,
    .h1 {
        font-size: 28.8px;
        line-height: 1.2;
    }

    h2,
    .h2 {
        font-size: 27px;
    }

    h3,
    .h3 {
        font-size: 21.6px;
    }

    h4,
    .h4 {
        font-size: 16.2px
    }

    .tools-content .inner-content span {
        padding-bottom: 15px;
        font-size: 14px;
    }

    .number-box .num {
        font-size: 44px
    }

    .copyright p {
        font-size: 14px;
        line-height: 25px;
    }

    .footer-social ul li a {
        font-size: 26px
    }

    .top-bar-inner {
        padding-right: 50px
    }

    .tools-content .inner-content {
        padding: 35px
    }

    .tools-content .inner-content .icon {
        position: absolute;
        width: 120px;
        height: 120px;
        right: 30px;
        top: -30px;
    }

    .inner-content.alt .icon {
        right: auto;
        left: 30px
    }

    .feature-box img {
        height: 130px
    }

    .feature-area .col-lg-3:nth-child(5),
    .feature-area .col-lg-3:nth-child(6) {
        border-bottom: 2px solid #f9f9f9;
    }

    .footer-links li a {
        font-size: 15px;
        line-height: 24px;
    }

    .footer-links li {
        margin-bottom: 10px
    }

    .active.home-hero {
        padding-top: 91px
    }

    .home-hero__block-items {
        padding-top: 129.5px;
    }

    .home-hero__bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        object-fit: cover;
    }

    .home-hero__block {
        min-height: 100%;
        background-image: none;
        padding-bottom: 56px;
        position: relative
    }

    .active .home-hero__block-items {
        padding-top: 84px;
    }

    .home-hero__block-items {
        padding-top: 112px
    }

    .home-buttons-group {
        padding: 0
    }

    .home-buttons-group {
        font-size: 15px;
        margin-top: 10px;
        padding: 25px 0 0;
    }

    .home-buttons-group .home-buttons {
        font-size: 15px;
        height: 65px;
        line-height: 18px;
        padding: 20px 0;
        width: 100%;
        margin-top: 10px;
    }


    .btns,
    .button_white {
        font-size: 15px;
        height: 65px;
        line-height: 18px;
        padding: 20px 0;
    }

    .home-buttons.button {
        padding: 23px 0;
    }

    .home-hero {
        height: auto;
        max-height: 100%;
    }

    .clients-img img {
        height: 60px;
    }

    .tool-box .title {
        font-size: 18px;
        padding-top: 12px;
    }

    .tool-box img {
        width: 100px;
        margin: 0 auto;
        display: block;
    }

    .tools-inner {
        padding: 70px 0
    }

    .tools-content .inner-content {
        overflow: inherit
    }

    .inner-playbook .content-text p {
        font-size: 18px;
        line-height: 28px;
    }

    .inner-playbook .author img {
        height: 65px;
        margin-right: 20px;
    }

    .inner-playbook .meta > span {
        font-size: 18px;
        line-height: 26px;
    }

    .inner-playbook .meta p {
        font-size: 13px
    }

    .cta-area.style-1 {
        text-align: center;
        padding: 42px 0
    }

    .alt .footer-top,
    .footer-top {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .footer-logo img {
        height: 30px;
        display: block;
        margin: auto
    }

    .footer-social {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .playbook-area {
        padding-bottom: 42px
    }

    .top-bar p {
        font-size: 12px;
        margin-bottom: 5px
    }

    .about-img h1 {
        font-size: 41.4px
    }

    .about-img h1 span {
        font-size: 28.8px;
        display: block;
    }

    .about-img {
        height: 600px;
        padding-top: 79.8px;
    }

    .address br {
        display: none
    }

    .about-stats .item {
        max-width: 100%;
        margin: 30px 0 0 0;
        padding: 25px;
    }

    .cta-v3,
    .cta-v2 {
        padding: 30px
    }

    .page-banner,
    .ck_details {
        padding: 42px 0;
        padding-top: 122.5px;
    }

    .page-banner.active,
    .ck_details.active,
    .login-wrap.active,
    .pricing-banner.active {
        padding-top: 168px;
    }

    br {
        display: none
    }

    cite span {
        display: block
    }

    .a-post-box .titles {
        font-size: 18px
    }

    .a-post-box .info {
        padding: 20px
    }

    .post-box span {
        margin-bottom: 0
    }

    .post-box span {
        font-size: 16px
    }

    .blog-full-width {
        padding: 30px
    }

    .blog-full-width .content-text {
        padding-right: 30px;
    }

    .sticky-block p {
        font-size: 18px;
    }

    .blog-content {
        margin-bottom: 30px;
    }

    .blog-content img,
    .blog-content iframe {
        margin: 30px 0;
        width: 100%;
    }

    .blog-details {
        padding: 0;
    }

    .post-side-img {
        margin-top: 30px
    }

    .sticky-block {
        top: 200px
    }

    .icon-teaser-v2 .item span {
        font-size: 38px
    }

    .icon-teaser-v2 .item span:before {
        left: -10px
    }

    .icon-teaser-v2 div.lead {
        margin: 10px 0;
    }

    .c_form input,
    .c_form select,
    .c_form textarea {
        font-size: 14px;
        padding: 0 0 0 10px;
    }

    .lead {
        font-size: 18px
    }

    .form-columns-3 .hs-form-field {
        width: 100% !important;
        float: none
    }

    .c_form label {
        line-height: normal;
        margin: 0
    }

    .checklist-item {
        padding: 25px
    }


    .ck_details a:not(.cs-box) {
        font-size: 14px !important;
        padding: 12px 15px !important;
    }

    .logo-box {
        padding: 10px;
    }

    .cta-v4 {
        padding: 42px 0 !important
    }

    .ebook-item.alt .ebook-content {
        height: 300px;
    }

    .testimonial-v3 cite {
        font-size: 13px;
        line-height: normal;
    }

    .btn-simple-green.alt,
    .btn-simple-border.alt {
        padding: 15px 20px;
        font-size: 14px;
    }

    .cta-boxed {
        padding: 35px;
    }

    .icon-teaser_v3 h3 {
        font-size: 18px;
    }

    .c_form input[type="submit"] {
        font-size: 14px;
        padding: 10px 20px
    }

    .btn-simple {
        font-size: 14px;
        padding: 15px 20px;
    }

    .border-box {
        padding: 30px;
        min-height: 260px
    }

    .side-logo img {
        height: 25px;
    }

    .side-cta p {
        font-size: 14px
    }

    .cs-box {
        height: 430px;
        line-height: normal
    }

    .cs-title {
        font-size: 18px
    }


    .free-trial {
        background: transparent
    }

    .free_trial_bg {
        display: none
    }

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

    .free-trial.active .container {
        padding-top: 182px;
    }

    .free-trial .container {
        padding-top: 133px
    }

    .testimonial-slider .quote,
    .testimonial-slider .quote p {
        font-size: 20px;
    }

    .testimonial-slider img {
        width: 100px
    }

    .content-tab-area .nav-tabs .nav-link {
        padding: 15px 8px;
        font-size: 13px;
    }

    .ebooks-area .container::before {
        display: none
    }

    .ebooks-area .ebooks-inner {
        margin-top: 0;
        background: #00192C;
        padding: 30px;
        border-radius: 30px 0 30px 0;
        margin-bottom: 30px;
    }

    .ebooks-area .container {
        padding: 42px 20px;
        padding-top: 70px;
        padding-bottom: 0
    }

    .ebooks-slide-box {
        height: 400px;

    }

    .ebooks-slider {
        border-radius: 30px 0 30px 0;
    }

    .ebooks-slider .slick-next {
        right: -25px;
    }

    .ebooks-slider .slick-prev {
        left: -25px;
    }

    .ebooks-area.active .container {
        padding-top: 122.5px;
    }

    .icon-teaser-video.alt .item .lead {
        min-height: 130px
    }

    .fs-120 {
        font-size: 80px;
        line-height: 100%;
    }

    .text-sticky .col-lg-7 h3 {
        margin: 20px 0;
        font-size: 18px
    }

    .jobs-item .heading {
        font-size: 18px !important
    }

    .jobs-item .designation {
        font-size: 16px !important;
        margin-bottom: 5px
    }

    .jobModal .modal-title {
        font-size: 22px !important;
    }

    .num_box {
        padding: 20px;
        min-height: 205px;
    }

    .num_box p {
        font-size: 14px;
        line-height: normal
    }

    .num_box em {
        font-size: 38px
    }

    .fs-62 {
        font-size: 38px;
    }

    .clients-row {
        padding-top: 0
    }

    .c_integration span {
        font-size: 16px
    }

    .c_integration p {
        font-size: 14px
    }

    .lb-aproplan-banner .container > img {
        bottom: -100px;
        width: 155px;
    }

    .cta-area.style-2 .home-buttons.button {
        max-width: 220px
    }

    .cta-area.style-2 .home-buttons-group {
        justify-content: center
    }

    .c_integration {
        display: block;
        height: 210px;
        padding: 15px;
        text-align: center;
    }

    .c_integration .icon {
        width: 50px;
        margin: 0 auto 20px;
        min-height: 50px
    }

    .login-title {
        font-size: 14px
    }

    .login-wrap h4 {
        font-size: 12.6px;
        line-height: normal;
        min-height: 40px
    }

    .login-wrap span {
        font-size: 32px;
        line-height: normal;
        margin: 0 auto 5px;
    }

    .login-wrap {
        padding-bottom: 42px
    }

    .login-wrap {
        padding-top: 119px
    }

    .login-title {
        padding: 15px;
        position: inherit;
        margin: 0 auto 30px;
    }

    .login-wrap .item {
        margin: -115px 0 0;
    }

    .n_top_390 {
        margin-top: -270px;
    }

    .text {
        padding: 30px
    }

    .faq_accordion {
        margin-top: 40px;
    }

    .faq_accordion.alt .accordion-button {
        font-size: 14px;
        padding: 15px;
    }

    .fs-24 {
        font-size: 18px;
        line-height: 28px;
    }

    .service-menu.active {
        top: 180px;
    }

    .service-menu {
        top: 113px
    }

    .stats-numbers span {
        font-size: 40px
    }

    .signup-wrap > div {
        padding: 30px
    }

    .pen-user {
        width: 100px;
        height: 100px
    }

    .w-title {
        font-size: 18px
    }

    .w-box .btn-simple-border.alt {
        padding: 15px
    }

    .pricing-banner h1 {
        font-size: 32.4px;
        line-height: 44px;
        margin-bottom: 30px;
    }

    .pricing-banner p {
        font-size: 18px;
        line-height: 28px;
    }

    .table-area td img {
        height: 24px;
        width: 24px;
    }

    .table-area table tr td {
        font-size: 14px
    }

    .table-box table thead {
        display: none;
    }

    .table-box table,
    .table-box tbody,
    .table-box tr,
    .table-box td {
        display: block;
        width: 100%;
    }

    .table-box tr {
        margin-bottom: 0;
    }

    .table-area .inner {
        padding: 0
    }

    .table-box table tbody {
        border-bottom: 1px solid #dddfe4;
        margin-bottom: 0
    }

    .table-box td {
        padding-left: 50% !important;
        text-align: left;
        position: relative !important;
    }

    .table-box td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 70%;
        padding-left: 20px;
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        z-index: 1;
        color: #fff;
        top: 50%;
        transform: translateY(-50%);
    }

    .table-box td::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        background: #00192c
    }

    .table-box td:first-child::after {
        display: none
    }

    .table-area table tr td {
        text-align: center;
        height: auto
    }

    .table-area table tr td:first-child {
        width: 100%;
        padding-right: 50px;
        padding: 20px !important;
        height: auto;
        text-align: left;
        font-size: 18px
    }

    .table-area table tr td:first-child::before {
        display: none
    }

    .pricing-banner {
        padding-top: 87.5px;
    }

    .n_top_215 {
        margin-top: -250px;
    }

    .pricing-box .list li {
        height: auto;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .pricing-box {
        margin-top: 30px;
        min-height: 750px;
    }

    .pricing-box::before {
        height: 50%
    }

    .p_body {
        min-height: 100%;
    }

    .btn_green {
        font-size: 15px;
        line-height: 18px;
        height: 60px;
    }

    .table-area {
        padding-top: 0
    }

    .feature-box.style-2 {
        margin: 15px 0;
        padding: 0
    }

    .feature-box.style-2 .heading {
        font-size: 22px;
        line-height: 28px;
    }

    .cta-area.style-2 .cta-inner {
        background-image: none !important;
        background-color: #00192C !important;
        padding: 35px 20px;
        border-radius: 35px 0 35px 0;
    }

    .faqs-area {
        padding-bottom: 42px
    }

    .p_body .price span {
        font-size: 30px
    }

    .faq_accordion .accordion-button {
        font-size: 18px;
        line-height: 24px;
    }

    .faq_accordion .accordion-item {
        margin-top: 30px
    }

    .mobile-quote-btn {
        margin: 30px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .mobile-quote-btn > * {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 50% !important;
        margin: 0 5px !important;
    }

    .mobile-quote-btn a {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 10px auto;
        text-align: center;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        text-transform: uppercase
    }


}


@media(max-width: 767px) {


    .tool-box .title {
        font-size: 16px;
    }

    .tools-inner {
        padding: 35px 0;
    }

    .tool-box img {
        width: 80px;
        margin: 0 auto;
        display: block;
    }

    .number-box {
        text-align: center;
        padding: 30px 5px
    }

    .number-box img {
        position: inherit;
        width: 180px;
    }

    .number-box .title {
        font-size: 17px;
        letter-spacing: 1px;
        height: 50px;
        margin-bottom: 10px
    }

    .number-box .content-text {
        padding-top: 20px;
        border-top: 2px solid #d2d2d252;
        padding-left: 30px;
        padding-right: 30px
    }

    .feature-area .inner {
        margin-top: 30px;
    }

    .cta-area p {
        padding-top: 20px;
    }

    .page-banner br {
        display: none
    }

    .logos-inner.v1 li {
        padding: 10px
    }

    .quotes-box.v2 p {
        font-size: 18px
    }

    .quotes-box img {
        width: 85px;
        height: 85px;
        min-width: 85px;
        min-height: 85px;
    }

    br {
        display: none
    }

    .blog-full-width {
        padding: 20px;
    }

    .page-banner .blog-full-width .content-img {
        margin-top: 0;
        margin-bottom: 30px
    }

    .blog-full-width .content-text {
        padding-right: 0;
    }

    .blog-left-side {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 30px;
    }

    .blog-left-side .sticky-social {
        margin-top: 0px;
        padding-top: 0px;
        border-top: 0px;
    }

    .post-side-img {
        margin-top: 50px
    }

    .testimonial-v2 .item-stats p {
        font-size: 14px;
    }

    .style-2 .footer-logo {
        margin-bottom: 20px
    }

    .c_form .heading {
        font-size: 22px
    }

    .n_top_390 {
        margin-top: -310px;
    }

    .ebooks-area .ebooks-inner {
        position: inherit
    }

    .vc-frame {
        max-height: 300px;
    }

    .column-3 .slick-list,
    .column-2-slider .slick-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .ebook-item.alt .ebook-content {
        height: 345px;
    }

    .ebooks-slide-box {
        height: 300px;

    }

    .quotes-box p {
        font-size: 20px
    }

    .fs-22 {
        font-size: 20px !important
    }

    .testimonial-slider .quote,
    .testimonial-slider .quote p {
        font-size: 20px
    }

    .cta-v2 {
        padding: 42px;
    }

    .border-box {
        padding: 16px
    }

    .info-box {
        padding: 25px
    }

    .rq_dashboard {
        padding: 25px
    }

    .sticky-block {
        position: inherit
    }

    .text-sticky .sticky-block {
        position: sticky
    }


    .cs-hover {
        top: 55%;
    }

    .btn-simple-green.alt,
    .btn-simple-border.alt {
        padding: 14px 13px;
        font-size: 13px;
    }

    .btn-border-white {
        padding: 14px 13px;
        font-size: 13px;
    }


    .free-trial .container::before {
        width: 3015px
    }

    .free-trial .container {
        padding-top: 126px
    }

    .free-trial.active .container {
        padding-top: 175px;
    }

    .content-text .logo img {
        max-width: 100%;
        height: 25px;
    }

    .feature-box.style-2 .heading {
        font-size: 24px;
        line-height: 32px;
    }

    .free-trial .content-text {
        padding-left: 0px;
    }

    .testimonial-slider img {
        width: 100px
    }

    .testimonial-slider .quote,
    .testimonial-slider .quote p {
        text-align: center
    }

    .quote-author {
        margin-top: 30px
    }

    .content-tab-area .nav-tabs li {
        display: block
    }

    .logo-slider {
        gap: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo-slider .logo-img {
        width: 25%;
        padding: 10px 15px;
    }

    .page-banner .quote-author {
        margin-top: 0
    }

    .bg_content .inner p {
        font-size: 18px;
    }

    .bg_content .inner {
        margin-bottom: 30px;
    }

    .lb-aproplan-banner {
        background: #00192C
    }

    .c_integration {
        height: 175px;
    }

    .pt_120 {
        padding-top: 42px
    }

    .get-more.pb_120 {
        padding-bottom: 42px
    }

    .login-wrap .item {
        margin: -110px 0 0;
    }

    .button-default {
        width: 200px;
        font-size: 14px;
        padding: 15px;
        min-width: 200px;
    }

    .blog-cat {
        position: relative;
        height: 55px;
        margin-bottom: 0px
    }

    .blog-cat ul {
        list-style: none;
        position: absolute;
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 15px;
        line-height: 1;
        width: 100%;
        display: block;
        text-align: left
    }

    .blog-cat ul li {
        padding: 19px 20px;
        z-index: 2;
        display: block
    }

    .blog-cat ul li:not(.init) {
        float: left;
        padding: 0;
        width: 100%;
        display: none;
        background: #00192c;
        color: #fff;
        position: relative;
        left: 4px;
        border-bottom: 1px solid #022139;
    }

    .blog-cat li a {
        padding: 0;
        color: #fff !important;

    }

    .service-menu ul li.active a {
        color: #00192c !important;
    }

    .blog-cat ul li:not(.init):hover,
    .blog-cat ul li.selected:not(.init) {
        background: #7A5F4C;
        color: #00192c !important;
    }

    .blog-cat li.init a {
        color: #1B1A17
    }

    .blog-cat li.init {
        cursor: pointer;
        display: block
    }

    .image-text-overlay {
        padding: 35px
    }

    .list-vc li {
        margin: 10px 0
    }

    .sticky-section {
        background-image: none !important;
        height: auto;
        padding-top: 42px
    }

    .text-sticky .sticky-block {
        position: inherit
    }

    .signup-wrap {
        flex-direction: column-reverse
    }

    .signup-wrap > div {
        width: 100%;
        height: 100%;
        padding: 35px;
        min-height: 100%
    }

    .signup-wrap .sw-list h4 {
        font-size: 13.5px
    }

    .penelist-box .flag {
        width: 30px;
        height: 30px;
    }





}


@media(max-width: 575px) {

    .top-bar-inner {
        padding-right: 0
    }

    .home-hero {
        height: auto;
        max-height: 100%;
    }

    .active.home-hero {
        padding-top: 91px
    }

    .home-hero__block-items,
    .active .home-hero__block-items {
        padding-top: 129.5px;
    }

    .top-bar {
        text-align: center
    }

    .top-bar .close_bar {
        right: 10px
    }

    .home-buttons-group {
        flex-direction: column;
    }

    .tools-inner {
        padding: 0;
    }

    .btns,
    .button_white {
        width: 100%
    }

    .page-banner.active,
    .ck_details.active,
    .login-wrap.active,
    .pricing-banner.active {
        padding-top: 196px;
    }

    .tool-box {
        margin-top: 30px
    }

    .tools-content .inner-content {
        padding: 10px;
        overflow: inherit
    }

    .tools-content .inner-content .content-text {
        padding: 20px;
        padding-top: 0
    }

    .tools-content .inner-content .content-img img:not(.icon) {
        border-radius: 65px 0 0
    }

    .tools-content .inner-content.alt .content-img img:not(.icon) {
        border-radius: 0 65px 0
    }

    .content-img {
        margin-bottom: 30px;
        position: relative
    }

    .tools-content .inner-content .icon {
        top: -70px;
    }

    .inner-area {
        padding-top: 35px
    }

    .pricing-box {
        min-height: inherit
    }

    .feature-area .feature-box {
        padding: 20px 0
    }

    .feature-box .heading {
        font-size: 16px;
        line-height: 24px
    }

    .feature-box img {
        height: 120px
    }



    .inner-playbook {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 2px solid #33516814;
    }

    .inner-playbook .author {
        margin-bottom: 30px
    }

    .cta-area.style-1 > .bg_img {
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .cta-area.style-1 {
        padding-top: 42px;
        padding-bottom: 385px
    }

    .footer_acc.acc ul {
        display: block;
    }

    .footer_acc.acc {
        /* was a #f4f4f4 grey gradient from before the rebrand - the footer is
           now #F2EFFF, so the grey read as a dirty panel behind the open list */
        background-image: none;
    }

    .footer_title {
        position: relative;
        border-bottom: 1px solid rgba(112, 112, 112, 0.12);
        padding: 15px 10px;
        margin: 0;
        font-size: 14px;
        text-decoration: none !important
    }

    .footer_title:before {
        content: "";
        border: 1px solid #4e4e4e;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(135deg);
        border-width: 2px 2px 0 0;
    }

    .footer_title:after {
        opacity: 0;
        transition: all 0.4s;
        left: 10px
    }

    .footer_acc.acc .footer_title:after {
        opacity: 1
    }

    .footer_acc.acc .footer_title {
        border-color: transparent
    }

    .footer_acc.acc .footer_title:before {
        transform: rotate(-45deg);
    }

    .service-menu.active {
        top: 218px;
    }

    .footer_acc ul {
        display: none;
        padding: 20px;
    }

    .active.about-img {
        padding-top: 150.5px;
    }

    .about-img {
        padding-top: 80.5px;
        height: 600px;
    }

    .column_2 {
        column-count: 1;
    }

    .page-banner.active,
    .ck_details.active,
    .login-wrap.active,
    .pricing-banner.active {
        padding-top: 196px;
    }

    .page-banner .content-img {
        margin-bottom: 0;
        margin-top: 30px
    }

    .a-post-box .info {
        padding: 30px;
        height: auto;
        padding-bottom: 35px;
    }


    .blog-content iframe {
        height: 280px
    }

    .page-banner .c_form {
        margin-top: 30px
    }

    .icon-teaser-v2 .item {
        margin-top: 60px;
    }

    .testimonial-v2 .item-stats [class*="col-"]:not(:last-child) .item,
    .item-stats [class*="col-"]:not(:last-child) .item {
        border-right: 0;
        margin-bottom: 30px;
    }

    .testimonial-v2 .item-stats {
        margin-bottom: 50px;
    }

    .n_top_390 {
        margin-top: 30px;
    }

    .cta a {
        display: block;
        margin-top: 10px
    }

    .ck-header a {
        display: block;
        margin: 10px 0;
        text-align: center
    }


    .cta-v4 {
        padding-bottom: 42px !important;
        padding-top: 0px !important;
    }

    .logos-inner.v2 {
        flex-wrap: wrap
    }

    .logos-inner.v2 li {
        width: 33%;
        padding: 7px;
        height: 60px
    }

    .ebook-item.alt .ebook-content {
        height: auto
    }

    .cta-boxed {
        padding: 30px;
    }

    .cta-boxed a {
        display: block;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0
    }

    .blockzshadowz {
        padding: 10px !important
    }

    .cta-v2 {
        padding: 30px;
        text-align: center;
    }

    .cta-v2 a {
        margin-top: 20px
    }

    .b-integration-box .content-img {
        margin-top: 0;
        margin-bottom: 30px
    }

    .integrations-box {
        display: block;
        padding: 10px;
        text-align: center;
        height: 160px;
    }

    .integrations-box .logo {
        position: inherit;
        margin: 0 auto 20px;
    }

    .border-box {
        padding: 30px
    }

    .rq_dashboard {
        margin-top: 30px
    }

    .side-cta {
        margin-bottom: 30px
    }

    .c-filter .nav-tabs {
        flex-wrap: wrap
    }

    .c-filter .nav-tabs li {
        width: 50%;
        text-align: center
    }

    .c-filter .nav-tabs button {
        display: block;
        width: 100%
    }

    .free-trial .container::before {
        display: none
    }


    .free_trial_bg {
        display: none
    }


    .trial-logos {
        margin-bottom: 50px
    }

    .free-trial.active .container {
        padding-top: 189px;
    }

    .free-trial .c_form {
        padding: 20px;
    }

    .w-banner-person {
        margin: 30px 0
    }

    .w-banner-person ul {
        margin-bottom: 0
    }


    .icon-teaser-video .item {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #eee;
    }

    .icon-teaser-video .col-md-4:first-child .item {
        border: none
    }

    .logo-slider .logo-img {
        width: 33%;
        padding: 10px
    }

    .dual-text-block .col-md-4 {
        padding: 30px !important;
    }

    .dual-text-block .col-md-8 {
        background: #fff
    }

    .jobs_inner {
        padding: 0
    }

    .modal-footer button {
        width: 100%;
        justify-content: center;
        text-align: center;
        display: block;
        font-size: 14px
    }

    .bg_content .content-text {
        padding-left: 0px;
    }

    .home-buttons-group .price {
        justify-content: center;
        margin-top: 20px
    }

    .cta-area.style-2 .home-buttons.button {
        max-width: 100%
    }

    .login-box {
        margin: 15px 0
    }

    .dual-text-block.alt .col-md-4 {
        border: none
    }

    .image-text-overlay {
        padding: 0;
    }

    .quote-overlay {
        padding: 20px;
    }

    .quote-overlay p {
        font-size: 16px
    }

    .quote-overlay i {
        font-size: 54px
    }

    .page-banner small {
        display: block;
        margin-top: 10px
    }

    .border-box {
        margin: 15px 0
    }

    .pen-user {
        width: 80px;
        height: 80px
    }

    .penelist-box .flag {
        width: 30px;
        height: 30px
    }

    .pricing-box::before {
        height: 52%
    }

    .table-area table tr td:first-child {
        font-size: 16px
    }

    .cta-area.style-2 .cta-inner {
        margin-left: -20px;
        margin-right: -20px;
    }

    .mobile-quote-btn {
        display: block
    }

    .mobile-quote-btn > * {
        max-width: 100%;
        min-width: 100% !important;
        margin: 0 !important;
    }



}


@media(max-width: 420px) {}

@media(max-width: 360px) {
    .login-title a {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (width: 1024px) {

    h4,
    .h4 {
        font-weight: 600;
        font-size: 16.2px;
        line-height: 1.4;
    }

    .btn-simple-green.alt,
    .btn-simple-border.alt {
        padding: 15px;
        font-size: 15px;
    }

    .free_trial_bg {
        display: none
    }

    .free-trial {
        background: transparent
    }

}

@media all and (min-width: 767px) {
    .has-submenu:hover > ul {
        display: block;
    }
}

.elements-page .page-banner:not(.default) {
    padding-top: 70px
}

.elements-tabs ul {
    display: block;
    border: none;
    border-radius: 0
}

.elements-tabs li {
    display: inline-block;
    border: none;
    border-radius: 0
}

.elements-tabs li button {
    display: block;
    padding: 10px 15px;
    border: none;
    border-radius: 0
}

.elements-tabs li button.active {
    background: #00192c !important;
    color: #fff !important
}

.home-hero__block-items,
.active .home-hero__block-items {
    padding-top: 49px
}

.page-banner {
    padding: 84px 0;
    background-position: center !important;
}

.login-wrap {
    padding: 70px 0;
    margin-top: -25px;
}

body #recruitee-careers-details-container .rt-theme-light.rt-body,
body #recruitee-careers .rt-theme-light.rt-body {
    background: #fff;
    border: none;
    box-shadow: none;
    margin: 30px 0;
}

.cta-v13 {
	padding: 70px 0;
}

.cta-v13 p {
	padding: 0;
	margin: 0;
}

.cta-v13 p ,
.cta-v13 p a {
	color: #fff;
}

.cta-v13 p a:hover {
	text-decoration: underline !important;
}

.job-v3 + .job-v3 {
	padding-top: 0px;
}

.home-buttons-group .home-buttons.button_transparent:hover {
    color: #fff;
}

@media(min-width: 992px) and (max-width: 1450px) {

.home-hero__block-items, .active .home-hero__block-items {
    padding-top: 35px;
}
	
.home-hero__block-header {
    padding-bottom: 20px;
}

.home-buttons-group {
    margin-top: 10px;
}

.home-hero {
    height: 600px;
}

.home-hero__bg {
    background-repeat: no-repeat;
    margin-top: -65%;
}
	
.container {
    max-width: 1285px;
}
	
.top-bar .close_bar {
    right: 15px;
}
	
}

@media(min-width: 992px) {

body.header-sticky .top-bar {
    display: none;
}

header nav {
    transition: 0.3s all;
}

body.header-sticky header nav {
    padding: 10px 0;
}

}

.image-text-v17 a[class*="btn-simple"] {
    margin-right: 15px;
    padding: 16px 40px;
    font-size: 15px;
}

.image-text-v17 a[class*="btn-simple"] i {
    margin-left: 5px;
}


/*Fixes*/
.pricing-banner{
	margin-top:-170px
}
.ebook-item p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.service-menu{
	top:110px
}
.blog-cat li.init{
	display:none !important
}
.blog-cat li{
	display:inline-block
}

.checklist-item p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.checklists  .nav-tabs{
	border:none
}
.checklists  .nav-tabs button {
    border: none;
    border-radius: 0;
}
.ck_details {
    padding-top: 42px;
}
.cs-box .cs-inner p {
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.cs-box .cs-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.w-box {
    min-height: 370px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.content-text a{
	margin-right:5px
}
.list-vc {
    padding: 0;
}
.list-vc li{
	margin-right:15px
}
.list-vc li:last-child{
	margin-right:0
}
.ebook-item{
	min-height:590px
}
.ebooks-area .ebooks-inner{
	margin-top:100px
}
.ebooks-right .c_form{
	margin-bottom:30px
}
.ebooks-right > ul{
	list-style:none;
	padding:0
}
.ebooks-right > ul li {
    position: relative;
    padding-left: 33px;
    list-style: none;
    margin: 10px 0;
}
.ebooks-right > ul li::before{
	position:absolute;
	top:6px;
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f00c";
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	left:0;
	color:#F87A63
}
.inner-playbook .author img {
    width: 92px;
    border-radius: 50%;
    border: 3px solid #00192C;
}
.home-buttons-group .price{
	margin-left:20px
}
.home-buttons-group .price .h1{
	margin-bottom:0
}
.page-id-11205 .get-more{
	padding-bottom:84px
}
.content-text .button{
	margin-right:16px
}
.page-id-11307 .content-area {
    padding-bottom: 84px;
}
.page-id-11541 {
	background:#fff
}
.page-id-11541 .cta-area.style-2{
	margin:70px 0
}
.page-banner .lb-aproplan-banner {
    margin-bottom: 0px;
}
.list-vc li{
	font-size:15px
}
.page-id-13468 .pb_120, .page-id-13448 .pb_120{
	padding-bottom:42px
}
.page-id-13468 .info-box, .page-id-13448 .info-box{
	margin-bottom:0;
	height:auto
}
.video_inn_box {
    margin: 15px 0;
}
@media(max-width:1200px){
	.home-hero__bg{
		margin-top:0
	}
	.btn-simple.alt{
		padding:15px;
		font-size:15px
	}
}

@media(max-width:991px){

	.inner-playbook .author img {
    height: 65px;
    margin-right: 20px;
    min-width: 65px;
    max-width: 65px;
    width: 65px;
    min-height: 65px;
    max-height: 65px;
    }
	.home-hero__block-header br{
		display:block
	}

	.feature-area .col-lg-3:nth-child(6), .feature-area .col-lg-3:nth-child(2){
		border-right:0
	}
	.page-id-1244 .playbook-area{
		padding-top:0
	}
	.page-id-1244 .numbers-area, .page-id-1244 .tools-area {
		padding-top:0
	}
	.about-img{
		padding-top:0
	}
	.page-banner{
		padding:35px 0;
	}
	body.topbar-hidden .page-banner{
		padding-top:63px
	}
	.page-banner.active{
		padding:42px 0;
		padding-top:63px
	}
	body.topbar-hidden .page-banner.active{
		padding-top:59.5px
	}
	.free-trial .container{
		padding-top:35px
	}
	.topbar-hidden .free-trial .container {
    padding-top: 63px;
}
	.login-wrap{
		padding-top:35px !important;
		padding-bottom:35px 
	}
	.pricing-banner {
    margin-top: -80px;
}

	.btn-simple.alt{
		padding:14px 13px;
		font-size:13px
	}
	.page-id-11205 .playbook-area{
		padding-top:0
	}
	.page-id-11307 .content-area {
    padding-bottom: 42px;
}
	.page-id-11541 .cta-area.style-2 {
		margin:  0;
	}
	.page-id-11541 .page-banner {
		margin-bottom: 30px;
	}
	.page-id-12680 .bg-white{
		padding-bottom:0
	}
	.home-buttons-group a img {
		height: 40px;
	}
	.info-box{
		padding:15px
	}
	
}

@media(max-width:767px){
	.blog-cat li.init a {
		color: #1B1A17 !important;
		padding: 0;
	}
	.blog-cat li.init{
		padding-left:0
	}
	.blog-cat ul li:not(.init){
		left:0
	}
	.blog-cat ul li:not(.init):hover, .blog-cat ul li.selected:not(.init) {
		background: #E7F6F2;
		color: #00192C !important;
	}
	.blog-cat ul li:not(.init):hover a, .blog-cat ul li.selected:not(.init) a{
		color: #00192C !important;
	}
	.blog-cat li.init{
		display:block !important
	}

	.w-box {
		min-height: 320px;
	}
	.ebooks-area .ebooks-inner {
		margin-top: 0px;
	}
	.page-id-11205 .get-more{
		padding-bottom:42px
	}
.c_integration .icon, .c_integration .logo {
		width: 40px;
		margin: 0 auto 15px;
	}
	.c_integration p, .c_integration span:not(.title) {
		font-size: 14px;
		line-height: 22px;
	}
	.text-inner.text-white{
		padding:20px
	}
	
}

@media(max-width:575px){
	.feature-area .col-lg-3:nth-child(6), .feature-area .col-lg-3:nth-child(2){
		border-right:0
	}
	.page-id-1244 .playbook-area{
		padding-top:0
	}
	.home-hero__block-header br{
		display:none
	}
	.page-id-1287 .w-banner-person{
		display:none
	}
	
	.page-id-1360 .w-banner-person, .page-id-1628 .w-banner-person{
		display:none
	}
	
	.page-banner.active{
		padding:42px 0;
		padding-top:63px
	}
	body.topbar-hidden .page-banner.active{
		padding-top:42px
	}
	.login-wrap{
		padding-top:45.5px !important;
		padding-bottom:30px
	}
	
	.topbar-hidden .login-wrap{
		padding-top:35px !important
	}
	.pricing-banner {
		margin-top: -90px;
	}
	body.topbar-hidden .page-banner{
		padding-top:42px
	}

	.checklist-item{
		min-height:inherit
	}
	.integrations-box > a{
		display:block
	}
	.integrations-box .logo{
		margin:0 auto 10px
	}
	.w-box{
		min-height:inherit
	}
	.ebook-item{
		min-height:inherit
	}
	.ebooks-area .container{
		padding-top:56px
	}
	
	section{
		padding:40px 0
	}
	.lb-aproplan-banner .content-img{
		margin-right:-20px
	}
	.page-id-11541 .page-banner {
		margin-bottom: 0;
	}
	.page-id-11589 .w-banner-person, .page-id-12022 .w-banner-person{
		display:none
	}

	.page-id-12394 .w-banner-person, .page-id-12805 .w-banner-person, .page-id-12820 .w-banner-person, .page-id-12863 .w-banner-person, .page-id-13472 .w-banner-person, .page-id-13407 .w-banner-person{
		display:none
	}
	.home-buttons-group.download_action {
		flex-direction: row;
	}
	.home-buttons-group a img {
		height: 38px;
	}
	.page-banner .images_slider {
		margin-top:30px
	}
	.tools-content .v23 .inner-content {
		padding: 15px;
	}
	.page-id-13049 .c_form{
		margin-top:30px
	}
	.page-id-13155 .images_slider {
		margin-top:30px
	}
	.page-id-13468 .pb_120, .page-id-13448 .pb_120{
		padding-bottom:40px
	}
	.video_inn_box .video-box{
		margin-top:0;
		margin-bottom:30px
	}
	.video_inn_box .video-box iframe{
		height:220px
	}
	.free-trial .images_slider {
		margin-bottom:30px
	}
	
}

/*New CSS Line*/
.page-id-15648 .content-tab-area{
	padding-top: 42px !important;
}

body .wpml-ls-legacy-dropdown-click {
    background: transparent;
}

body .wpml-ls-legacy-dropdown-click > ul > li > a {
    background: transparent !important;
    border: none;
    padding: 0;
    color: #fff !important;
	display: table;
}

/* HD-01: language dropdown rebranded to the new palette (indigo panel, lilac hover). */
body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    background: #31135E;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 15px 0;
    padding: 15px;
    max-width: 200px;
    margin-top: 8px;
    box-shadow: 0 10px 20px #00000014;
	visibility: visible !important;
	display: none;
}

body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style*="visible"] {
	display: table;
}

body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 10px 25px;
    background: transparent;
    border: none;
}

body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
    color: #957DFF;
}

body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "";
    background: url(../img/icon-globe.webp) 100% 100% no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    max-width: 16px;
    min-width: 16px;
    border: none;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}

body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

body .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a span + span {
    display: none;
}

header nav #menu > ul > li.has-submenu > a {
    display: flex;
}

header nav #menu > ul > li.custom-menu ul {
	min-width: 460px;
}

header nav #menu > ul > li.custom-menu ul li a {
    position: relative;
    padding: 12px 10px 8px 10px;
    background-color: transparent;
    border-radius: 12px;
    color: #000!important;
    display: flex;
    border: 2px dotted transparent; 
    display: flex;
    align-items: center;
	cursor: pointer;
}

header nav #menu > ul > li.custom-menu ul li a:hover {
    background-color: #03cf9e29;
}

header nav #menu > ul > li.custom-menu ul li a:focus {
    border: 2px dotted #000;    
}

body li.custom-menu ul li a img {
    border-radius: 12px;
    box-shadow: 0 15px 30px #00000029;
    height: 72px;
    min-width: 72px;
    width: 72px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

header nav #menu > ul > li.custom-menu  > ul.submenu > li > a {
    color: #00192C;
    font-size: 22px;
    line-height: 18px;
    padding-bottom: 10px;
    font-weight: 600;
}

header nav #menu > ul > li.custom-menu  > ul.submenu > li > a span {
    color: #00192c;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    padding-top: 8px;
}

header nav #menu > ul > li.custom-menu  > ul.submenu > li > a:after {
    display: none;
}

@media(max-width: 1200px) {
.lity-content > div {
    max-height: calc(100vh - 50px) !important;
    overflow: auto;
}
}

.lity-content > div {
	width: 95%;
    max-width: 800px;
}

.border-box .c_form {
    padding: 0;
    text-align: left;
}

#signup {
    max-width: 600px;
}

#signup h2 {
    margin: 0 0 30px;
}

#signup-ap select,
#signup-ap input:not([type="checkbox"]) ,
#signup select,
#signup input:not([type="checkbox"]) {
    margin: 0 0 20px;
}

.vc-signup-information label {
    display: flex;
    align-items: self-start;
}

#signup-ap input[type="checkbox"] ,
#signup input[type="checkbox"] {
    width: 30px !important;
    height: 30px !important;
    min-height: auto;
    margin-right: 10px;
}

.vc-signup-information label {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.vc-signup-information + .vc-signup-information  {
    font-size: 15px;
    margin: 0 0 20px;
}

#signup-ap button,
#signup button {
    color: #00192C;
    font-weight: bold;
    border-radius: 35px;
    border: none;
    font-size: 16px;
    padding: 10px;
    display: table;
    width: 100%;
    margin: 20px 0 0;
    font-weight: 600;
    background: #03CF9E;
}

#signup-ap button:hover ,
#signup button:hover {
    background: #11A67F;
    color: #00192C;
}

.lity-content input[type="tel"] {
    padding-left: 79px !important;
}

.intl-tel-input {
    position: relative;
    height: 45px;
    margin-bottom: 25px;
}

.selected-flag {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 10px;
    padding-top: 11px;
    border-right: 1px solid #eee;
    font-size: 16px;
    min-width: 66px;
    text-align: center;
}

.intl-tel-input .country-list {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #eee;
    z-index: 2222;
    height: 188px;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
}

.intl-tel-input .country-list.active{
    opacity: 1;
    visibility: visible
}
.country-list li {
    padding: 3px 10px !important;
    display: block;
    font-size: 15px;
    cursor: pointer;
}

.vc-signup-success {
    font-size: 17px;
}


.vc-signup-success > div.vc-signup-confirm_email + .vc-signup-confirm__body {
    margin: 20px 0;
}

.vc-signup-success .vc-signup-confirm__footer > div:first-child {
    font-weight: bold;
    margin: 0 0 10px;
}

.vc-signup-confirm__footer > div:last-child {
    border-top: 1px solid #ddd;
    text-align: center;
    padding: 20px 0 0;
    margin-top: 20px
}

.vc-signup_pre-title {
    font-size: 30px;
}

.vc-signup-ap__container a[data-element="login"] {
    background: #03cf9e;
    color: #fff;
    padding: 11px 15px;
    font-size: 15px;
    display: table;
    margin: 24px auto 0;
    border-radius: 35px;
}

.inner-addon.input-w-icon select,
.inner-addon.input-w-icon input {
    padding-left: 40px !important;
}

.inner-addon.input-w-icon {
    position: relative;
}

.inner-addon.input-w-icon i {
    color: #9c9799;
    font-size: 17px;
    left: 13px;
    position: absolute;
    top: 14px;
    z-index: 22;
}

.inner-addon.input-w-icon.input-select:before {
    content: "";
    border: 2px solid #000;
    width: 7px;
    height: 7px;
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0.5;
    pointer-events: none;
}

.about-img h1,
.about-img a {
    z-index: 4
}

.about-img:before {
    content: "";
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
}

#menu-main-menu > li.current-menu-item > a,
#menu-main-menu > li.current-menu-parent > a {
    color: #03cf9e;
}

#menu-main-menu > li.current-menu-parent > a:after {
    background: #03cf9e !important;
}

#menu-main-menu > li.current-menu-item > a > div,
#menu-main-menu > li.current-menu-parent > a > div {
    position: relative;
}

#menu-main-menu > li.current-menu-item > a > div:before,
#menu-main-menu > li.current-menu-parent > a > div:before {
    background: #03cf9e 0 0 no-repeat padding-box;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 40px;
    margin-left: -8px;
    margin-right: 0;
    position: absolute;
    top: 25px;
    width: 8px;
}

#menu-main-menu > li.current-menu-item > a > div:before {
    margin-left: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.number-list {
    margin: 0 0 -35px;
    padding: 0;
    counter-reset: num-sections;
}

.number-list li {
    list-style: none;
    margin: 30px 0 34px;
    position: relative;
    padding-left: 50px;
    counter-increment: num-sections;
}

.number-list li:before {
    content: "";
    background: #F87A63;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    border: 4px solid #FEE4E0;
    border-radius: 50%;
}

.number-list li:after {
    content: "";
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}

@media(min-width: 992px) and (max-width: 1550px) {


    .cta-area.style-2 .cta-v2-shape,
    .cta-area.style-1 > img.bg_img {
        display: none !important;
    }

    .cta-area.style-2 .col-lg-6 {
        width: 100%;
    }
    
    .cta-area.style-1 .col-lg-5 {
        width: 100%;
        text-align: center;
        max-width: 1100px;
        margin: 0 auto;
    }

    .cta-area.style-1 .home-buttons-group {
        margin: 50px auto 0;
        justify-content: center;
    }

}

@media(max-width: 1550px) {

.cta-area.style-2 {
    margin: 0;    
}

}


@media(min-width: 1551px) and (max-width: 1900px) {

    .cta-area.style-2 .cta-v2-shape {
        left: -100px;
    }

    
    .cta-area.style-1 {
        padding: 70px 0 77px;
    }
        
    .cta-area.style-1 > .bg_img {
        position: absolute;
        right: -100px;
        top: -162px;
        width: auto;
        height: calc(100% + 162px);
    }

}

@media(min-width: 1551px) {

    .cta-enabled + footer {
        padding-top: 42px;
    }
    
}

body.page-id-1538 .testimonial-v3 .slick-slide:last-child .quote strong {
    background-color: #E7F6F2;
    display: inline;
    line-height: 30px;
}

@media(max-width: 991px) {

#menu-main-menu > li:first-child .sub-menu a div {
    color: #fff;
}

#menu-main-menu > li:first-child .sub-menu a div span {
    color: #fff !important;
    font-size: 13px !important;
}

#menu-main-menu > li:first-child .sub-menu {
    padding: 10px 0 0 0 !important;
}

}

body .conv_state_desktop .conv-widget.conv_type_bar .conv-widget-h .conv-widget-hh {
    max-width: 1300px !important;
}

body .conv-text.conv_align_center {
    text-align: left;
}

.login-box .button {
    min-width: auto;
    padding: 20px 25px;
    margin: 5px;
}
.login-box .button-default {
    background: #F87A63;
    color: #31135E!important;
}
.login-box .button-default i{
    color: #31135E!important;
}
.login-box .button-alt{
    background: #31135E;
}
body {
    transition: none !important;
}

@media(min-width: 1300px) and (max-width: 1440px) {

.login-wrap .container {
    position: relative;
    max-width: 1000px;
}

.login-wrap {
    margin-top: -50px
}

.login-wrap .item {
    margin: -158px 0 0;
}

.login-wrap span {
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto 13px;
}

.login-box .button {
    padding: 15px 30px;
    font-size: 14px;
}    

.login-wrap h4 {
    font-size: 13.5px;
    line-height: 22px;
    margin: 0px auto -5px;
}    
    
}

@media(min-width: 1200px) {

body[class*="conv_opened_"] .main-wrapper {
    margin-top: -9px;
}

}

.conv_type_bar {
    position: relative;
    top: 0;
    transition: 0.4s all;
}

.header-sticky .conv_type_bar {
    top: -200px !important;
}

.top-header {
    position: relative;
    z-index: 2222;
}

@media(min-width: 576px) and (max-width: 991px) {
    .get-more .col-sm-6:last-child {
        display: none
    }
}

body.home .home-hero {
    background: #01192c;
}

#cta_img_mob {
    background-color: #00192c !important;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

body {
    overflow-x: hidden;
}

#cta_img_mob:before {
    content: "";
    background: linear-gradient(to bottom,  rgba(0,25,44,1) 0%,rgba(0,25,44,0.66) 70%,rgba(125,185,232,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
}

body .conv-widget.conv_type_bar {
    z-index: 222 !important;
}

.lity-content > .bg-white {
	max-height: 98vh !important;
	overflow: auto;
	overflow-x: hidden;
	margin: 0 auto;
}

.no-scroll {
	overflow: hidden;
}

body .iti-flag {
	display: none;
	visibility: hidden;
}

.country-list li.active {
    background: #f5f5f5;
    color: #10a67e;
}

@media(max-width: 575px) {

.lity-content > .bg-white {
	max-height: 85vh !important;
}
	
}

@media(min-width: 2000px) {

.login-wrap {
    padding: 70px 0 105px;
}
	
}

/*2024 css*/
.csSingle24{
	position:relative
}
.customerStories24{
	position:relative
}
.dot_left_bg {
    position: absolute;
    top: 30%;
    left: 0;
}
.dot_right_bg{
	position: absolute;
    bottom: 20%;
    right: 0;
}
.csSingle24 .dot_left_bg{
	top:300px
}

.csSingle24 .dot_left_bg.alt{
	top:30%
}

.home-hero-23 {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-position: top right;
        min-height: 450px;
    padding-top: 56px;
}
.home-hero-23::after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/fadebg.webp) no-repeat scroll 0 0/cover;
    z-index: -1;
}
.home-hero-23 .home-hero__block-header{
	padding-bottom:35px
}
.customerStories24 .c-filter {
    background: #fff;
    position: relative;
    padding: 25px;
    border-radius: 50px;
    margin-top: -55px;
    z-index: 1;
}
.customerStories24 .c-filter::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    z-index: -1;
    left: -3000px;
    width: 4000px;
}
.customerStories24 .c-filter .nav-tabs li button {
    border: none;
    border-radius: 40px;
    background: #F4FAFA;
}
.customerStories24 .c-filter .nav-tabs li {
    display: inline-block;
    margin-right: 20px;
}
.customerStories24 .c-filter .nav-tabs li:last-child{
	margin-right:0
}
.customerStories24{
	padding-top:0
}
.customerStories24 .c-filter .nav-tabs li button {
    border: none;
    border-radius: 50px;
    background: rgb(234, 229, 255);
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding-right: 40px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:normal
}
.customerStories24 .c-filter .nav-tabs li button img {
   margin-right:15px
}
.customerStories24 .c-filter .nav-tabs li:first-child button{
	padding:10px 15px;
	text-align:center;
	min-width:120px;
	color:#00192C
}
.customerStories24 .c-filter .nav-tabs li button:hover{
	color:#00192C
}
.customerStories24 .c-filter .nav-tabs li button.active{
	    background: rgb(149, 125, 255);
}
.customerStories24 .c-filter .nav-tabs li button.active span{
    color: #fff;
}
.customerStories24 .c-filter .nav-tabs li button::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translatex(-50%);
    content: "";
    width: 20px;
    height: 19px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="25" viewBox="0 0 27 25"><path id="Polygon_43" data-name="Polygon 43" d="M13.5,0,27,25H0Z" transform="translate(27 25) rotate(180)" fill="%23957DFF"/></svg>') no-repeat scroll 0 0/cover;
	opacity:0;
	visibility:hidden;
	transition:all 0.4s
}
.customerStories24 .c-filter .nav-tabs li button.active::after{
	opacity:1;
	visibility:visible;
}
.customerStories24 .cs-box{
	border-radius:20px;
	margin-top:50px
}
.cs-inner-24 {
    position: absolute;
    bottom: 6px;
    padding: 30px 20px;
    border-radius: 20px;
    background: #31135ec2;
    width: calc(100% - 12px);
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 35px;
    transition: all 0.4s;
    opacity: 1;
    visibility: visible;
}
.customerStories24 .cs-box img{
	opacity:1
}
.customerStories24 .cs-box .badge {
    text-transform: uppercase;
    text-align: left;
    padding: 0;
    margin-bottom: 7px;
    color: #03CF9E !important;
}
.customerStories24 .cs-box .cs-title {
    margin-bottom: 5px;
}
.cs-inner-24 p{
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	font-size:16px
}
.cshover24.style2.alt , .cshover24.style1{
    position: absolute;
    background:#31135ec2;
    padding: 30px;
    border-radius: 20px;
    width: calc(100% - 12px);
    left: 50%;
    transform: translateX(-50%);
    height: calc(100% - 12px);
	transition:all 0.4s;
	opacity:0;
	visibility:hidden;
	bottom:-100%
}
.cshover24 p{
	font-size:16px;
	line-height:26px
}
.cshover24.style1{
	padding:30px;
	background:#31135ec2;
	width:100%;
	height:100%
}
.cshover24.style1 strong{
color: #F87A63 !important;
}
.cshover24.style1 .cs-hovers ul{
	padding:0
}
.cshover24.style1 .cs-hovers ul li{
	list-style: none;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff3b;
}
.cshover24.style1 .cs-hovers ul li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0
}
.cshover24.style1 .cs-hovers .h4{
	font-size: 45px;
    line-height: 50px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #F87A63 !important;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.cs-box:hover .cshover24.style2.alt, .cs-box:hover .cshover24.style1, .ck_details .tab-pane .col-lg-4:hover .cshover24.style1, .ck_details .tab-pane .col-lg-4:hover .cshover24.style2.alt{
	opacity:1;
	visibility:visible;
	bottom:6px
}
.cs-box:hover .cs-inner-24, .ck_details .tab-pane .col-lg-4:hover .cs-inner-24{
	opacity:0;
	visibility:hidden
}
.cshover24 .quoteMeta{
	margin-top:25px
}
.cshover24 .qtName {
    font-weight: 700;
}
.cshover24 .qtPost{
	font-size:16px
}
.cshover24 .quoteMeta .image {
    width: 65px;
    height: 65px;
    margin: 0 auto 10px;
    border-radius: 50%;
    border: 3px solid #000;
}
.home-hero-23.csalt {
    min-height: 460px;
    padding-top: 35px;
    padding-bottom: 112px;
}
.home-hero-23.csalt .home-hero__block-header {
    padding-bottom: 30px;
    font-size: 50px;
    line-height: 60px;
}
.csBannerMeta{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:30px 0;
	z-index:1
}
.csBannerMeta::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #00192C;
    backdrop-filter: blur(3px);
    opacity: 0.4;
}
.csBannerMeta::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: -1;
    background: linear-gradient(207deg, rgba(3, 207, 158, 0.00) 0%, #03CF9E 83.33%);
}
.csBannerMeta .cs-hovers ul{
	margin:0
}
.csBannerMeta .cs-hovers li {
    color: #fff;
    font-size: 16px;
    display: flex;
    padding-right: 65px !important;
	align-items:center;
	position:relative
}
.csBannerMeta .cs-hovers li::after{
	position:absolute;
	content:"";
	top:0;
	right:30px;
	height:100%;
	width:1px;
	background:#03CF9E;
	opacity:0.1
}
.csBannerMeta .cs-hovers li:last-child::after{
	display:none
}
.csBannerMeta .cs-hovers .h4 {
    font-size: 40.5px;
    margin-right: 15px;
    margin-bottom: 0;
}
.csBannerMeta .quoteMeta {
    display: flex;
    align-items: center;
    text-align: left !important;
    color: #fff;
}
.csBannerMeta .image {
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    height: 60px;
    margin-right: 15px;
    border: 3px solid #000;
    border-radius: 50%;
}
.csBannerMeta .qtName{
	font-weight:700
}
.csBannerMeta .qtPost{
	font-size:15px
}
.csBannerMeta .content{
	font-size:16px;
	color:#fff;
	padding-right:80px;
	position:relative
}
.csBannerMeta .content::after{
	position:absolute;
	right:35px;
	top:0;
	width:1px;
	height:100%;
	content:'';
	background:#03CF9E;
	opacity:0.1
}
.csInfoBox .title {
    font-weight: 700;
    font-size: 16px;
    color: #335168;
    opacity: 0.4;
    margin-bottom: 5px;
}
.customerinfo-inner {
    padding: 49px 0;
    border-radius: 20px;
    background: #F5FAFA;
    padding-bottom: 175px;
    position: relative;
    z-index: 1;
}
.customerinfo-inner::after {
    position: absolute;
    top: 0;
    left: -50px;
    width: 3000px;
    height: 100%;
    background: #F5FAFA;
    content: "";
    z-index: -1;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px
}
.csInfoBox p{
	margin:0;
	color:#335168;
	font-weight:700;
	font-size:17px
}
.csInfoBox a{
	font-weight:700;
	font-size:17px;
	position:relative
}
.csInfoBox a::after{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	content:'';
	height:1px;
	background:#03cf9e
}
.cs-video-24.alt{
	    padding-top: 0;
    margin-top: -180px;
    position: relative;
    z-index: 1;
}
.innerVideo24 {
	border-radius:20px;
	overflow:hidden
}
.innerBanner {
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	position:relative;
	z-index:1;
	padding-bottom:30px
}
.innerBanner .image {
    position: absolute;
    z-index: -1;
    width: 1650px;
    top: 0;
    left: 0;
    height: 100%;
    border-top-left-radius: 20px;
    overflow: hidden;
    border-bottom-left-radius: 20px;
}
.innerBanner .image img{
	width:100%;
	height:100%;
	object-fit:cover
}
.innerBanner .image::after{
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	width:100%;
	height:62%;
	background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 41.7%, rgba(255, 255, 255, 0.94) 64.8%, #FFF 96.1%, #FFF 100%)
}
.innerBanner .content-text p {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
	position:relative;
	display:inline-block
}
.innerBanner .content-text p::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translatey(-50%);
    height: 1px;
    width: 250px;
    left: -260px;
    background: linear-gradient(153deg, rgba(3, 207, 158, 0.00) 0%, #03CF9E 83.33%);
}
.innerBanner .content-text .h1{
	margin-top:0
}
.imagetext24{
	padding-top:0;
	padding-bottom:20px
}
.testimonialBox24 {
    background: #F4F6F7;
    border-radius: 10px;
    padding: 35px;
	position:relative;
	border:2px solid #fff;
	z-index:11
}
.testimonialBox24 .v12_text, .testimonialBox24 .v12_text p{
	color:#00192C;
	font-weight:600;
	margin-bottom:20px
}
.testimonialBox24 .v12_text p{
	margin-bottom:0
}
.testimonialBox24 .quote-author {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.testimonialBox24 .quote-author img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonialBox24 .meta {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
}
.list-item-24{
	padding-bottom:56px
}
.listItemInner{
	border-radius:20px;
	padding:35px 0;
	position:relative;
	z-index:1
}
.bgRED .listItemInner{
	background:#fef6f6;
}
.bgGREEN .listItemInner{
	background:#f4fefb;
}
.listItemInner ul{
	padding:0;
	list-style:none;
	margin:0
}
.listItemInner li{
	font-size:16px;
	list-style:none;
	color:#00192C;
	margin:12px 0;
	position:relative;
	padding-left:40px
}
.listItemInner li::after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:25px;
	height:25px;
	
}
.bgRED .listItemInner li::after{
	background:url('data:image/svg+xml,<svg id="Issue_Icon" data-name="Issue Icon" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><circle id="Ellipse_67" data-name="Ellipse 67" cx="15" cy="15" r="15" transform="translate(0)" fill="%238c0909"/><path id="Icon_awesome-exclamation-circle" data-name="Icon awesome-exclamation-circle" d="M30.563,15.563a15,15,0,1,1-15-15A15,15,0,0,1,30.563,15.563Zm-15,3.024a2.782,2.782,0,1,0,2.782,2.782A2.782,2.782,0,0,0,15.563,18.587Zm-2.642-10,.449,8.226a.726.726,0,0,0,.725.686h2.936a.726.726,0,0,0,.725-.686L18.2,8.586a.726.726,0,0,0-.725-.765H13.646A.726.726,0,0,0,12.921,8.586Z" transform="translate(-0.563 -0.563)" fill="%23e64545"/></svg>') no-repeat scroll 0 0/contain
}
.bgGREEN .listItemInner li::after{
	background:url('data:image/svg+xml,<svg id="Cancel" xmlns="http://www.w3.org/2000/svg" width="30.147" height="30" viewBox="0 0 30.147 30"><circle id="Ellipse_67" data-name="Ellipse 67" cx="15" cy="15" r="15" transform="translate(0.147)" fill="%230f8968"/><path id="Icon_awesome-check-circle" data-name="Icon awesome-check-circle" d="M30.563,15.563a15,15,0,1,1-15-15A15,15,0,0,1,30.563,15.563ZM13.827,23.5,24.956,12.376a.968.968,0,0,0,0-1.369L23.588,9.639a.968.968,0,0,0-1.369,0l-9.076,9.076L8.906,14.477a.968.968,0,0,0-1.369,0L6.169,15.846a.968.968,0,0,0,0,1.369l6.29,6.29a.968.968,0,0,0,1.369,0Z" transform="translate(-0.563 -0.563)" fill="%2303cf9e"/></svg>') no-repeat scroll 0 0/contain
}
.bgRED .listItemInner::after{
	    position: absolute;
    top: 0;
    left: 0px;
    width: 3000px;
    height: 100%;
    background: #fef6f6;
    content: "";
    z-index: -1;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bgGREEN .listItemInner::after{
	    position: absolute;
    top: 0;
    left: 0px;
    width: 3000px;
    height: 100%;
    background: #f4fefb;
    content: "";
    z-index: -1;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.list-item-24.alt .listItemInner {
    padding-top: 140px;
    margin-top: -200px;
}
.testimonialBox24.alt{
	background:#F4FEFB
}
.ck_details .tab-pane .col-lg-4{
	position:relative
}
.ck_details .iconAction {
    position: absolute;
    bottom: -83px;
    left: 50%;
    transform: translatex(-50%);
    cursor: pointer;
    width: 145px !important;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    top: auto;
    height: auto !important;
    right: auto;
	margin:0 !important
}

.ck_details .tab-pane .col-lg-4:hover .iconAction{
	opacity:1;
	visibility:visible
}

.custom-tooltips {
    --bs-tooltip-bg: white;
    --bs-tooltip-color: #00192C;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-font-size: 16px;
    --bs-tooltip-padding-y: 15px;
    --bs-tooltip-padding-x: 15px;
    --bs-tooltip-box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.2);
	--bs-tooltip-border-radius: 10px;
}

.custom-tooltips .tooltip-inner {
    background-color: white !important;
    color: #00192C !important;
    border-radius: 10px !important;
    box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-size: 15px;    
}
.stickyBottomMenu {
    position: fixed;
    bottom: -50px;
    width: 100%;
    left: 0;
    z-index: 99;
	transition:all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.stickyBottomMenu.show{
	opacity:1;
	visibility:visible;
	bottom:10px
}
.stickyBottomMenu .innerMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;height:68px;
    position: relative;
}
.stickyBottomMenu .innerMenu .stickyBAR {
    position: absolute;
    left: 0;
    width: 67px;
    border-radius: 50%;
    height: 67px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    top: 50%;
    transform: translateY(-50%);
}
.stickyBottomMenu .innerMenu ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:normal
}
.stickyBottomMenu .innerMenu ul li{
	display:inline-block;
	list-style:none;
	line-height:normal
}
.stickyBottomMenu .innerMenu .right ul {
    padding: 8px;
    background: #DEFCF4;
    border-radius: 50px;
}
.stickyBottomMenu .innerMenu .right ul li{
	margin-left:5px
}
.stickyBottomMenu .innerMenu .right ul li:first-child{
	margin-left:0
}
.stickyBottomMenu .innerMenu .right ul li a{
	width:35px;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#C2F8EA;
	color:#03CF9E;
	font-size:16px
}
.stickyBottomMenu .innerMenu .right ul li a:hover{
	background:#03CF9E;
	color:#fff
}
.stickyBottomMenu .innerMenu .left ul li a {
    font-size: 16px;
    color: #00192C;
    font-weight: 500;
    opacity: 0.5;
    display: block;
    padding: 0 10px;
	line-height:normal
}
.stickyBottomMenu .innerMenu .left ul li a:hover, .stickyBottomMenu .innerMenu .left ul li a.active{
	opacity:1
}
.stWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 8px;
    border-radius: 50px;
    padding-left: 100px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
}
.csPrevBTN {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.c-filter .blog-cat {
    position: relative;
    height: 55px;
    margin-bottom: 0;
    width: 100%;
}
.c-filter .blog-cat ul {
    list-style: none;
    position: absolute;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1;
    width: 100%;
    display: block;
    text-align: left;
    background: #03CF9E;
    padding-left: 0;
    border-radius: 30px;
}
.closeSticky{
	display:none
}
.imagetext24.nTop{
	margin-top:-180px
}
.stbALT{
	display:none
}


@media(min-width: 992px) and (max-width: 1550px){
	.innerBanner .image{
		width:1450px
	}
}
@media(max-width:1200px){
	.customerStories24 .c-filter .nav-tabs li button {
    padding: 7px 12px;
    font-size: 13px;
    padding-right: 20px;
    height: 50px;
}
	.customerStories24 .c-filter .nav-tabs li button img {
    margin-right: 10px;
    width: 25px;
    height: 25px;
}
	.customerStories24 .c-filter{
		padding-left:0
	}
	.customerStories24 .c-filter .nav-tabs li {
    margin-right: 10px;
}
	.customerStories24 .c-filter::after {
    left: -30px;
    width: calc(100% + 30px);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
	.cshover24 p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
}
	.customerinfo-inner::after{
		display:none
	}
	.cs-video-24.alt, .imagetext24.nTop{
		margin-top:-80px
	}
	.customerinfo-inner {
    padding: 40px 20px;
    border-radius: 0;
    margin-left: -20px;
    margin-right: -20px;
		padding-bottom:80.5px
}
	.innerBanner {
    height: 500px;
    margin-left: -20px;
    margin-right: -20px;
		padding:20px
}
	.innerBanner .image {
    width: 100%;
    border-top-left-radius: 0;
    overflow: hidden;
    border-bottom-left-radius: 0;
}
	.listItemInner::after{
		display:none
	}
	.listItemInner {
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 0;
    padding: 40px 20px;
}
	.list-item-24.alt .listItemInner {
    padding-top: 40px;
    margin-top: 0;
}
	.stWrapper{
		padding-left:80px
	}
	.stickyBottomMenu .innerMenu .left ul li a {
    font-size: 14px;
    padding: 0 8px;
}
	.stickyBottomMenu .innerMenu .right ul li a {
    width: 28px;
    height: 28px;
    font-size: 14px;
}
	.csPrevBTN{
		left:0
	}
	.stickyBottomMenu .innerMenu .stickyBAR{
		left:45px
	}
	.stickyBottomMenu .innerMenu{
		padding-left:40px
	}
}
@media(max-width:991px){
	.stickyBottomMenu, .stickyBottomMenu.show{
		opacity:1;
		visibility:visible;
		bottom:0
	}
	.customerStories24 .cs-box{
		height:500px
	}
	.customerStories24 .cs-box{
margin-top:0}
	.cshover24 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
	.cshover24.style1 .cs-hovers .h4 {
    font-size: 32.4px;
    line-height: 40px;
    margin-bottom: 5px;
}
	.ck_details .iconAction {
    bottom: -28px;
    width: 95px !important;
}
	.home-hero-23 {
    background-size: cover;
    min-height: 400px;
    padding-top: 35px;
}
	
	.cs-video-24.alt, .imagetext24.nTop{
		margin-top:-100px
	}
	.home-hero-23.csalt .home-hero__block-header {
    font-size: 32px;
    line-height: 42px;
}
	.csInfoBox p, .csInfoBox a{
		font-size:15px
	}
	.innerBanner .content-text .h1{
		font-size:25.2px
	}
	.csInfoBox {
    margin: 20px 0;
}
	
	.csInfoBox .title{
		font-size:14px;
		margin-bottom:0
	}
	.csInfoBox p, .csInfoBox a{
		font-size:13px
	}
	.innerBanner{
		height:400px
	}
	.innerBanner .content-text p::before {
    transform: translatey(-50%) rotate(180deg);
    width: calc(100% - 15px);
    left: calc(100% + 15px);
}
	.innerBanner .content-text p{
		font-size:14px
	}
	.csPrevBTN{
		display:none
	}
	.stickyBottomMenu{
		bottom:0
	}
	.stWrapper {
    display: none;
    background: #00192C;
    padding: 20px;
    z-index: 1;
    border-radius: 20px;
		padding-top:40px
}
	.stickyBottomMenu .innerMenu .stickyBAR {
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    top: auto;
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
	.stickyBottomMenu .innerMenu .left ul li {
    display: block;
    list-style: none;
    line-height: normal;
    border-bottom: 1px solid #ffffff17;
    padding: 15px 0;
}
	.stickyBottomMenu .innerMenu .left ul li:last-child{
		border:none
	}
	.stickyBottomMenu .innerMenu .left ul li a {
    color: #fff;
    padding: 0;
    opacity: 0.7;
}
	.stickyBottomMenu .innerMenu{
		height:auto;
		margin-bottom:20px;
		padding:0
	}
	.stickyBottomMenu .innerMenu .right ul {
    padding: 8px;
    background: #0000003b;
    border-radius: 50px;
    margin-top: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -20px;
    padding-left: 20px;
    display: inline-block;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
	.stickyBottomMenu .innerMenu .right ul li a {
    background: #ffffff14;
		position:relative
}
	.stickyBottomMenu .innerMenu .left li a {
		position:relative;
		padding-right:25px
}
	.stickyBottomMenu .innerMenu .left li a::after{
		position:absolute;
		top:50%;
		right:0;
		transform:translatey(-50%);
		content:"";
		width:20px;
		height:20px;
		background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="down" d="M3.375,11.375a8,8,0,1,0,8-8A8,8,0,0,0,3.375,11.375ZM14.494,9.706a.745.745,0,0,1,1.05,0,.733.733,0,0,1,.215.523.746.746,0,0,1-.219.527l-3.627,3.615a.741.741,0,0,1-1.023-.023L7.21,10.679a.742.742,0,0,1,1.05-1.05l3.119,3.15Z" transform="translate(-3.375 19.375) rotate(-90)" fill="%23fff" opacity="0.2"/></svg>') no-repeat scroll center center/cover;
		transition:all 0.4s
	}
	.closeSticky {
    position: absolute;
    top: -33px;
    left: 50%;
    display: block;
    transform: translatex(-50%);
    z-index: 11;
    cursor: pointer;
}
	.stickyBAR{
		transition:all 0.4s
	}
	.stickyBAR.ACT{
		opacity:0;
		visibility:hidden
	}
	.stickyBottomMenu .innerMenu .left ul li a:hover, .stickyBottomMenu .innerMenu .left ul li a.active{
		opacity:1;
		color:#03CF9E
	}
	.stickyBottomMenu .innerMenu .left ul li a.active::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path id="down" d="M3.375,11.375a8,8,0,1,0,8-8A8,8,0,0,0,3.375,11.375ZM14.494,9.706a.745.745,0,0,1,1.05,0,.733.733,0,0,1,.215.523.746.746,0,0,1-.219.527l-3.627,3.615a.741.741,0,0,1-1.023-.023L7.21,10.679a.742.742,0,0,1,1.05-1.05l3.119,3.15Z" transform="translate(-3.375 19.375) rotate(-90)" fill="%2303CF9E" opacity="1"/></svg>') no-repeat scroll center center/cover;
    transform: rotate(90deg) translateX(-50%);
}
	.home-hero-23.csalt{
		min-height:400px
	}
	.csBannerMeta .cs-hovers li::after{
		right:0
	}
	.csBannerMeta .cs-hovers .h4{
		font-size:27px
	}
	.csBannerMeta .cs-hovers li {
    font-size: 14px;
    padding-right: 20px !important;
    line-height: 20px;
}
	.innerBanner{
		overflow-x:hidden
	}
	#sNav{
		max-height:10em;
		overflow:auto
	}
	.stickyBottomMenu{
		z-index:99
	}
	.stHide{
		display:none !important
	}
	.stShow{
		display:block !important
	}
	.stbALT{
		display:block
	}
	.stickyBAR:not(.stbALT){
		display:none
	}
}
@media(max-width:767px){
	.customerStories24 .c-filter::after {
		background: #F4FAFA;
		left: -30px;
		width: calc(100% + 50px);
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
	}
	.c-filter button.active {
		background: transparent;
	}
	.c-filter button {
		padding:0;
		width: 100%;
		background: transparent;
		text-align: left;
	}
	.c-filter .blog-cat li.init::after{
		right:20px
	}
	.c-filter .blog-cat li.init button{
		padding-left:0
	}
	.c-filter .blog-cat li.init {
    padding: 13px 25px;
    height: 55px;
    line-height: 30px;
}
	.c-filter .blog-cat li:nth-child(2):not(.init) {
    padding: 22px 25px !important;
}
	.c-filter .blog-cat li:not(.init){
		padding: 12px 25px !important;
	}
	.customerStories24 .c-filter {
		padding: 20px;
		padding-left: 0;
	}
	.c-filter .blog-cat ul li:not(.init) {
    background: #F4FAFA;
    border-bottom: 1px solid #cff0f0;
		font-weight:600
}
	.c-filter button img {
    width: 28px;
    margin-right: 8px;
}
	.home-hero-23 .home-hero__block-title {
    font-size: 14px;
    padding: 0;
    margin-bottom: 10px;
}
	
	.customerStories24 .cs-box{
		margin-top:0;
	}
	.cshover24 .quoteMeta .image {
    width: 45px;
    height: 45px;
}
	.cshover24.style2.alt, .cshover24.style1{
		padding:15px
	}
	.csBannerMeta .content {
    font-size: 14px;
    margin-bottom: 0;
}
	
}
@media(max-width:575px){
	.csBannerMeta .content {
    padding-right: 0;
    margin-bottom: 30px;
}
	#sNav{
		max-height:inherit;
		overflow:inherit
	}
	.home-hero-23 {
    background-size: cover;
    display: flex;
    align-items: flex-end;
    padding-bottom: 70px;
    min-height: 450px;
    padding-top: 49px;
}
	.home-hero-23 .home-hero__block-header {
    padding-bottom: 30px;
}
	.home-hero-23::after{
		background:url(../img/hero-24-mobile-bg.webp) no-repeat scroll 0 0/cover
	}
	.customerStories24 .c-filter{
		margin-bottom:0
	}
	
	.testimonialBox24 {
    padding: 0px;
    border: 0px solid #fff;
    margin-left: -20px;
    margin-right: -20px;
		background:transparent
}
	.testimonialBox24 .v12_text {
    background: #F4F6F7;
    padding: 35px 20px;
    padding-bottom: 56px;
}
	.testimonialBox24 .quote-author{
		position:inherit;
		transform:translatex(0);
		left:auto;
		margin-top:-65px
	}
	.testimonialBox24 .meta {
    margin-top: 10px;
    padding: 0 30px;
    text-align: center;
}
	.testimonialBox24 .meta br{
		display:block
	}
	
	.testimonialBox24.alt {
    background: transparent;
}
	.testimonialBox24 .fw-bold br{
		display:none
	}
	.testimonialBox24.alt .v12_text {
		background:#F4FEFB
	}
	
	.home-hero-23.csalt::after {
    background: url(../img/csalt-bg.webp) no-repeat scroll 0 -40px/cover;
}
	
	.csBannerMeta::before {
    z-index: 1;
}
	.home-hero-23.csalt {
    min-height: 700px;
    align-items: flex-start;
    padding-top: 35px;
}
	.csBannerMeta::after {
    backdrop-filter: blur(4px);
    opacity: 0.6;
}
	.csBannerMeta .cs-hovers li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #03cf9e29;
    padding-right: 0 !important;
    font-size: 14px;
		line-height:20px
}
	.csBannerMeta .cs-hovers li::after{
		display:none
	}
	.csBannerMeta .cs-hovers li:last-child{
		margin-bottom:0;
		padding-bottom:0;
		border:none
	}
	.csBannerMeta{
		padding:15px 0
	}
	.imagetext24{
		overflow-x:hidden
	}
}

@media (min-width: 585px) {

#cta_img_mob {
	display: none !important;
}
	
}

@media (min-width: 1350px) and (max-width: 1550px) {

body .cta-area.style-1 .col-lg-5 {
    width: 100%;
    text-align: left;
    max-width: 100%;
    padding-right: 550px;
}
	
body .cta-area.style-1 .home-buttons-group {
    margin: 50px 0;
    justify-content: flex-start;
}	

body .cta-area.style-1 > img.bg_img {
    display: block !important;
    width: 650px;
    height: auto;
    top: auto;
    bottom: 0;
}
	
body .cta-area.style-1 {
    padding: 49px 0 35px;
}
	
body .cta-area.style-1 .h1 {
    font-size: 38.7px;
    line-height: 1.2;
}	
	
}


/*New Sept*/
.header-wrapper.style2 {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
}
.header-wrapper.style2 header {
    background: #fff;
    border-bottom: 1px solid #70707054;
}
.header-wrapper.style2 .top-header {
    background: #31135E;
}
.new-hero-area {
    padding-top: 175px;
	padding-bottom:140px
}
.hero-text-new .subHeading {
    color: #8700BF;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 17px;
    text-transform: uppercase;
}
.new-clogos {
    background: #31135E;
    position: relative;
}
.new-clogos .logo-box {
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.new-clogos .icon_dr {
    position: absolute;
    bottom: -85px;
    left: 50%;
    transform: translateX(-50%);
}
.new-icon-teaser {
    background: #fff;
    padding-top: 91px;
}
.new-icon-teaser .h1 span, .new-tab-area .new-tab-info .h1 span {
    color: #8700BF;
}
.new-icon-teaser-box {
    margin-top: 80px;
    color: #707070;
}
.new-icon-teaser-box .ni-title {
    font-weight: 700;
    color: #31135E;
    font-size: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 12px;
}
.new-icon-teaser-box img{
	margin-bottom:20px
}
.new-tab-area .container-fluid {
    padding: 0 70px;
}
.new-tab-area .inner {
    display: flex;
	    background: #00192C;
    padding: 30px;
    padding-left: 0;
    border-radius: 16px;
}
.new-tab-content-inner {
    display: flex;
	position:relative;
	height:100%
}

.new-tab-area .tabs-image {
    min-width: 60%;
    width: 60%;
    max-width: 60%;
    flex: 1;
}
.new-tab-area .new-tab-info {
    min-width: 40%;
    padding: 35px;
	position:relative;
	z-index:1
}
.new-tab-area .nav-tabs{
	border:none !important;
	display:block !important
}
.new-tab-area .nav-link{
	border:none !important;
	border-radius:0 !important;
	background:transparent !important;
	    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	width:100%;
	 font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:700;
	font-size:17px;
	text-transform:uppercase;
	color:#fff
}
.new-tab-area .tabs-nav {
    min-width: 200px;
}
.new-tab-area .nav-link .icon {
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	overflow:hidden;
	position:relative;
	z-index:1
}
.new-tab-area .nav-link .icon::after{
	background: linear-gradient(0deg, rgba(20,116,90,1) 0%, rgba(3,207,158,1) 100%);
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	z-index:-1;
	height:100%;
	transition:all 0.4s;
	opacity:0;
	visibility:hidden
}
.new-tab-area .nav-link.active .icon {
    border-color: transparent;
    transform: scale(1.2);
}
.new-tab-area .nav-link .icon img{
	transition:all 0.4s
}
.new-tab-area .nav-link.active .icon img{
	transform:scale(0.8)
}
.new-tab-area .nav-link.active .icon::after{
	opacity:1;
	visibility:visible
}
.new-tab-area .nav-link .icon-holder {
    padding: 17px;
    border-radius: 50%;
    background: transparent;
	transition:all 0.4s
}
.new-tab-area .nav-link.active .icon-holder{
	background:rgba(3, 207, 158, 0.27)
}
.new-tab-area .nav-link.active{
	color:#28DEAC
}
.new-tab-area {
    background: #fff;
    padding-bottom: 224px;
}
.new-tab-info{
	color:rgba(255, 255, 255, 0.6)
}
.new-tab-info ul{
	margin:15px 0;
	padding:0;
	list-style:none !important
}
.new-tab-info ul li {
    position: relative;
    color: #fff;
    font-size: 18px;
    margin: 30px 0;
    padding-left: 45px;
}
.new-tab-info ul li::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml,<svg id="Cancel" xmlns="http://www.w3.org/2000/svg" width="30.147" height="30" viewBox="0 0 30.147 30"><circle id="Ellipse_67" data-name="Ellipse 67" cx="15" cy="15" r="15" transform="translate(0.147)" fill="%230f8968"/><path id="Icon_awesome-check-circle" data-name="Icon awesome-check-circle" d="M30.563,15.563a15,15,0,1,1-15-15A15,15,0,0,1,30.563,15.563ZM13.827,23.5,24.956,12.376a.968.968,0,0,0,0-1.369L23.588,9.639a.968.968,0,0,0-1.369,0l-9.076,9.076L8.906,14.477a.968.968,0,0,0-1.369,0L6.169,15.846a.968.968,0,0,0,0,1.369l6.29,6.29a.968.968,0,0,0,1.369,0Z" transform="translate(-0.563 -0.563)" fill="%2303cf9e"/></svg>') no-repeat scroll 0 0/contain;
}
.new-tab-info .cta-btn {
    background: #ffffff20;
    color: #fff;
    box-shadow: none;
    margin-top: 50px;
    padding: 22px 18px;
}
.new-tab-area .tab-content{
	flex:1
}
.bg_image_tabs {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    height: calc(100% + 200px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.22);
    padding: 30px;
    background-color: #fff;
}
.new-tab-area .tabs-image {
    min-width: 60%;
    width: 60%;
    max-width: 60%;
    flex: 1;
    position: relative;
}
.new-tab-area .nav-link svg {
    margin-top: 10px;
}
.new-tab-area .nav-item:last-child svg{
	display:none
}
.new-tab-area .nav-link.active path {
   fill:#03CF9E
}
.new-tab-info::after {
    position: absolute;
    content: "";
    top: -30px;
    right: -30px;
    width: calc(100% + 30px);
    height: calc(100% + 60px);
    background: #001A2D;
    z-index: -1;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.new-tab-area .tab-pane{
	height:100%
}
.new-box-area {
    background: #fff;
    position: relative;
    z-index: 1;
}
.new-box-area .h1 span, .new-video-banner-area .h1 span{
    color: #8700BF;
}
.new-video-banner-area .h1 span{
    color: #03CF9E;
}
.new-box-area {
    background: #fff;
    position: relative;
    z-index: 1;
}
.new-box {
    padding: 4px;
    border-radius: 16px;
    background: linear-gradient(166deg, #FAF4FE 0%, #8700BF 100%);
    height: calc(100% - 60px);
    margin-top: 60px;
    position: relative;
    transition: all 0.4s;
}
.new-box:hover{
	transform:translatey(-10px)
}
.new-box .inner {
    background: #F1E1F0;
    padding: 30px;
    border-radius: 12px;
    height: 100%;
    padding-bottom: 42px;
}
.new-box .image {
    margin-top: -30px;
    margin-right: -30px;
    margin-bottom: 30px;
}
.box_title_n {
    font-weight: 700;
    color: #00192C;
    font-size: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 12px;
}
.new-box .content {
    color: #335168;
    opacity: 0.8;
    font-size: 16px;
}
.new-box .icon_down {
    position: absolute;
    bottom: -68px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
}
.new-box .link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.new-box-area .btn_green {
    width: auto;
    display: inline-flex;
    padding: 20px 30px;
}
.new-video-banner-area .container-fluid{
	padding:0 70px
}
.new-video-banner-area .inner {
    padding-top: 105px;
    padding-bottom: 105px;
    border-radius: 16px;
    overflow: hidden;
    padding-left: 95px;
    height: 650px;
    display: flex;
    align-items: center;
	color:#fff;
	font-size:20px
}
.new-video-banner-area .subHeading {
	    color: #F87A63;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 17px;
    text-transform: uppercase;
}
.new-video-banner-area .inner{
	position:relative;
	z-index:1
}
.new-video-banner-area .inner::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -20%;
    width: 75%;
    height: 100%;
    background: url(../img/testimonial-shape.webp) no-repeat scroll center center/cover;
    z-index: 0;
    transform: translateY(-50%);
}
.new-video-banner-area .btn_green {
    width: auto;
    display: inline-flex;
    padding: 18px 45px;
    background: #03CF9E;
    color: #31135E;
}
.reviews-14-box .inner {
    background: #FEE4E0 !important;
    border-radius: 18px;
    padding: 49px 150px;
    text-align: center;
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    padding-top: 30px;
}
.reviews-14-box{
	position:relative;
	  background:linear-gradient(308deg, #8700BF   0%, rgba(244,254,251,0.3925945378151261) 90%);
    border-radius: 20px;
    padding: 4px;
}
.testimonial-v3.new-review-v14 .slick-prev {
    border: none;
    background: transparent;
    position: absolute;
    left: -100px;
    z-index: 1;
    top: 37%;
    transform: translateY(-50%);
}
.testimonial-v3.new-review-v14 .slick-next {
    border: none;
    background: transparent;
    position: absolute;
    right: -100px;
    z-index: 1;
    top: 37%;
    transform: translateY(-50%);
}
.testimonial-v3.new-review-v14 .quote-author {
    position: absolute;
    bottom: -118px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.testimonial-v3.new-review-v14 .quote-author img{
	width:90px;
	height:90px;
	background:#fff;
	margin:0 auto 20px
}
.new-testimonial-slider .slide {
    padding-bottom: 84px;
}
.new_review_area{
	padding-top:40px
}
.new_review_area  .button_secondary{
    background: #957DFF;
    min-width: inherit;
    padding: 20px 30px;
    color: #fff;
    border-radius: 50px;
    height: auto;
    border: none;
    font-family: "Plus Jakarta Sans", sans-serif;
}
.newsletter-cta .subheading{
	color: #03cf9e;
    font-family: "Geist", sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 17px;
    text-transform: uppercase;
}
.newsletter-cta .h1{
	color:#31135E;
	font-size:55.8px;
    font-weight: 700;
}
.newsletter-cta .h1 *{
    font-weight: 700;
}
.newsletter-cta {
    background: #fff;
    padding: 0;
    padding-bottom: 56px;
}
.newsletter-cta .container-fluid {
    padding: 0 70px;
}
.newsletter-cta .inner{
    background: #F1E1F0;
    border-radius: 20px;
    padding: 49px 130px;
}
.newsletter-cta .bg_image_n {
    border-radius: 46px;
}
.new_review_area {
    padding-top: 40px;
    padding-bottom: 98px;
}
.newsletter-cta .bg_image  {
    display: block !important;
    position: absolute;
    top: -67px;
    right: 0;
    height: calc(100% + 133px);
}
.ncta-form input {
    height: 55px;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.ncta-form input::placeholder{
	color:#fff
}
.ncta-form label{
	display:none
}
.ncta-form {
    margin-top: 50px;
}
.ncta-form form{
	display:flex;
	align-items:center
}
.ncta-form button {
    border: none;
    background: #03cf9e;
    border-radius: 15px 0;
    box-shadow: 10px 20px 40px #03cf9e33;
    color: #00192C;
    font-size: 15px;
    line-height: 18px;
    justify-content: center;
    max-width: 200px;
    min-width: 200px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    padding: 22px 18px;
    margin-left: 20px;
	transition:all 0.4s
}
.ncta-form button:hover{
    color: #fff;
    box-shadow: none;
}
.header-wrapper.style2 .wpml-ls-legacy-dropdown-click{
	width:auto
}
.header-wrapper.style2.active{
background:#00192c
}
.playBTN{
	align-items:center;
	color:#fff;
	font-size:17px;
	font-weight:700;
	text-transform:uppercase
}
.playBTN img{
	margin-right:10px
}
.new-hero-area:not(.v2){
	position:relative;
	z-index:1;
    background: #F1E1F0 !important;
}
.new-hero-area .left_bg_hero {
    position: absolute;
    left: 0;
    bottom: -140px;
    z-index: -1;
    opacity: 0.6;
    display: none;
}
.new-hero-area .right_bg_hero {
    position: absolute;
    right: -65px;
    top: -65px;
    z-index: -1;
    width: 610px;
    display: none;
}
.new-box-area{
	position:relative;
	z-index:1
}
.new-box-area .left_bg_hero {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
}
.new-box-area .right_bg_hero {
    position: absolute;
    right: -65px;
    bottom: -160px;
    z-index: -1;
}
.new-video-banner-area{
	background:#fff
}
.new-video-banner-area .inner .top_bg {
    position: absolute;
    left: -10%;
    top: -89%;
    z-index: 1;
}
.new-video-banner-area .inner .bottom_bg {
    position: absolute;
    bottom: -95%;
    left: -45%;
    z-index: 1;
}
.new-video-banner-area .inner .left_side_bg {
    position: absolute;
    left: 0;
    z-index: 11;
    opacity: 0.8;
    height: calc(100% + 550px);
}
.new-video-banner-area .col-lg-5 {
    position: relative;
    z-index: 11;
}
.main-wrapper.v2 {
    overflow-x: hidden;
}
.new-review-v14 .quote:before {
   display:none
}
.reviews-14-box .inner{
	position:relative
}
.reviews-14-box .inner .n_quote_left {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 0;
    width: 77px;
    height: 64px;
    min-width: 77px;
    min-height: 64px;
    border-radius: 0;
}
.reviews-14-box .inner .n_quote_right{
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 0;
	    width: 77px;
    height: 64px;
    min-width: 77px;
    min-height: 64px;
    border-radius: 0;
}
.newsletter-cta{
	z-index:1
}
.newsletter_top_bg{
	position:absolute;
	top:0;
	left:0;
	z-index:-1
}
.newsletter_bottom_bg{
		position:absolute;
	bottom:0;
	left:0;
		z-index:-1
}
.newsletter_left_bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1
}
.stylev2new .footer-top {
    padding-top: 77px;
}
.stylev2new .footer-logo {
    margin-bottom: 30px;
}
.footerDesc {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    display: inline-block;
}
.footer-area.stylev2new .footer-social li a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #31135E;
    font-size: 26px !important;
    color: #fff !important;
}
.footer-area.stylev2new .footer-social li a:hover{
	background:#03CF9E !important;
	color:#fff !important
}

.stylev2new .copyright .container{
	 border-top: 1px solid rgba(0, 0, 0, 0.04);
	padding-top:35px
}
.copyrightmenu a:first-child, .copyrightmenu a:last-child{
	margin-left:0
}
.copyrightmenu a {
    margin-left: 20px;
    font-size: 17px;
    line-height: 27px;
    color: #4b6579 !important;
	display:inline-block;
	
}
.copyrightmenu a:hover{
	color:#957DFF !important;
	text-decoration:underline !important
}
.footer-area.stylev2new{
	position:relative;
	z-index:0;
}
.footer-area.stylev2new .footer_shape {
    position: absolute;
    top: 0%;
    right: 0;
    z-index: -1;
    height: 100%;
    display: none;
}
.lity-container{
	max-width:1000px
}
.lity-content > div {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	    border-radius: 16px;
}
.lity-content {
    padding: 4px;
    background: linear-gradient(308deg, rgba(3, 207, 158, 1) 0%, rgb(244 254 251 / 0%) 90%);
    border-radius: 16px;
}
button.lity-close {
    position: absolute;
    top: -43px;
    right: -52px;
    font-size: 0;
    background: url(../img/close-lity.png) no-repeat scroll 0 0/contain;
    width: 100px;
    height: 100px;
}
button.lity-close:hover, button.lity-close:active{
    background: url(../img/close-lity.png) no-repeat scroll 0 0 / contain;
    font-size: 0;
    top: -43px;
    text-shadow: none;
    line-height: normal;
}
.new-tab-info .h1 {
    font-size: 34.2px;
}
.new-video-banner-area .h1 {
    font-size: 41.4px;
}
.new-tab-v2 {
    background: #31135E;
	padding-top:140px;
    padding-bottom: 0;
}
section.new-tab-v2.stylev4{
    background: #F1E1F0;
}
.new-tab-v2 .container-fluid{
	padding:0 70px
}
.new-tab-v2 .h1 span{
	    border-bottom: 1px solid #03cf9e33;
    color: #03cf9e;
}
.new-tab-v2 .nav-tabs button {
    border: none !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.09);
    margin: 0 !important;
    padding: 40px 18px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: #31135E;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}
.new-tab-v2 .nav-tabs li {
    flex: 0 0 50%;
    border: none !important;
    padding: 6px;
}
.new-tab-v2 .nav-tabs{
	border:none
}
.new-tab-v2 .nav-tabs button .icon-holder {
    width: 75px;
    margin: 0 auto 15px;
}
.new-tab-v2 .nav-tabs button.active{
	background:#03CF9E;
	color:#00192C
}
.new-tab-v2 .nav-tabs button.active img:not(.polyicon){
	filter:invert(1) brightness(0.5)
}
.new-tab-info-v2{
	color:#fff
}
.new-tab-info-v2 .h1 {
    color: #03CF9E;
    font-size: 25.2px;
}
.hero-tab .tabs-nav{
	margin-top:50px
}

.hero-tab .new-tab-info-v2{
	margin-top:100px
}
.hero-tab{
	margin-top:50px
}
.new-clogos h3 {
    color: #fff;
	line-height:27px;
    font-size: 16.2px;
    font-family: "Geist", sans-serif;
    font-weight: 400;
}
.ck_details.v4 .col-lg-4:hover .iconAction {
    opacity: 1;
    visibility: visible;
}
.ck_details.v4 .col-lg-4 {
    position: relative;
}
.calculator-area{
	background:#fff
}
.customerStories24.v4 {
    padding-top: 0px;
    background: #31135E !important;
    position: relative;
    z-index: 1;
}
.customerStories24.v4::after{
    position: absolute;
    content: "";
    bottom: 0;
    left:0;
    width:100%;
    height: 150px;
    background: #fff;
    z-index: -1;
}
.customerStories24.v4 .button_secondary {
    background: #31135E;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    justify-content: center;
    text-transform: capitalize;
    font-weight: 700;
    display: inline-flex;
    padding: 20px 30px;
    height: auto;
    border: 5px solid #fff;
}
.customerStories24.v4 .h1 {
    color: #fff;
    max-width: 70%;
    margin: 0 auto;
}
.calculator-area .h1 span, .new-tab-v2 .h1 span, .customerStories24.v4 .h1 span{
	    border-bottom: 1px solid #03cf9e33;
    color: #03cf9e;
}
.customerStories24.v4 .h1 span{
    color: #8700BF;
}
section.new-tab-v2.stylev4 .h1 span{
    color: #8700BF ;
    border:none
}
.new-tab-v2 .h1 span {
    color: #F87A63;
    border: none;
}
.new-tab-v2 .nav-tabs button{
	position:relative
}
.new-tab-v2 .nav-tabs button .polyicon{
	position:absolute;
	top:50%;
	right:-12px;
	opacity:0;
	transition:all 0.4s
}
.new-tab-v2 .nav-tabs li:nth-child(2) button .polyicon{
	bottom:-12px;
	top:auto;
	right:auto;
	left:50%;
	transform:translatex(-50%) rotate(90deg)
}

.new-tab-v2 .nav-tabs li:nth-child(4) button .polyicon{
	right:auto;
	left:-12px;
	transform:rotate(180deg)
}
.new-tab-v2 .nav-tabs li:nth-child(3) button .polyicon{
	display:none
}
.new-tab-v2 .nav-tabs button.active .polyicon{
	opacity:1
}
.hero-tab .tabs-nav{
	position:relative;
	z-index:1
}

.new-tab-info-v2{
	position:relative;
	z-index:1
}
.new-tab-info-v2::after {
    position: absolute;
    content: "";
    top: -10px;
    right: -50px;
    background: rgba(0, 0, 0, 0.07);
    height: calc(100% + 20px);
    width: calc(100% + 150px);
    z-index: -1;
	border-top-right-radius:16px;
	border-bottom-right-radius:16px
}
.hero-tab .new-tab-info-v2 {
    margin-top: 50px;
    padding: 35px 0;
}
.new-tab-content-inner-v2{
	position:relative;
	z-index:11
}
.new-tab-v2{
	position:relative;
	z-index:1
}
.new-tab-v2 .left_oval{
	position:absolute;
	top:0;
	opacity:0.6;
	left:-40%;
	z-index:-1
}
.new-tab-v2 .right_oval {
    position: absolute;
    bottom: -30%;
    opacity: 0.5;
    right: -40%;
    z-index: -1;
}
.new-tab-v2 .container{
	max-width:1400px
}
.hero_tab_middle_oval {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    width: 70%;
    opacity: 0.5;
}
.new-tab-v2 .top_shape {
    position: absolute;
    top: -37%;
    left: -64%;
    z-index: -1;
}
.new-tab-v2 .bottom_shape {
    position: absolute;
    bottom: 47px;
    right: 0;
    z-index: -1;
    width: 50%;
}
.customerStories24.v4{
	z-index:1
}
.customerStories24.v4 .left_bg{
	position:absolute;
	top:-4%;
	left:0;
	z-index:-1;
    display: none;
}
.customerStories24.v4 .right_bg {
    position: absolute;
    bottom: -29%;
    right: 0;
    z-index: -1;
    display: none;
}
.new-hero-area.v2 .home-hero__block-text{
	max-width:inherit
}
.new_hero_bg_2 {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 65%;
    z-index: -1;
}
.state-box {
    background: linear-gradient(324deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 4%) 53%);
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-align: center;
    padding: 4px;
    margin-top: 30px;
}
.state-box .inner {
    padding: 30px 20px;
    background: rgba(1, 32, 48, 0.7);
    border-radius: 16px;
}
.state-box .title {
    font-size: 40px;
	line-height:normal;
    font-weight: 700;
}
.stats_row .col-md-3:last-child .state-box {
    color: #03CF9E;
    background:linear-gradient(324deg, rgba(39, 230, 180, 1) 0%, rgb(39 232 180 / 0%) 59%) 
}
.new-hero-area.v2{
	padding-bottom:105px
}
.iicon img {
    margin: 0 auto;
	width:85px
}
.iicon img.active {
    display:none
}
.slick-current .iicon img.active{
	display:block
}

.slick-current .iicon img:not(.active){
	display:none
}
.iititle {
    text-align: center;
    margin-top: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00192C;
}
.slick-current .iititle{
	color:#8700BF 
}
.new-icon-teaser.v2 .btn_green{
	width: auto;
    display: inline-flex;
    padding: 18px 45px;
}
.new_icon_teaser_slide.as_nav{
    margin-top: 50px;
    margin-bottom: 70px;
}

.iicon_dots .slick-dots li{
	background:rgba(0, 38, 66, 0.1) !important
}
.iicon_dots .slick-dots li.slick-active{
	border:none !important;
	background:#8700BF !important;
	transform:scale(1.1)
}
.new-tab-area.v3 .inner {
    flex-direction: row-reverse;
}
.new-tab-area.v3 .new-tab-content-inner{
	flex-direction:row-reverse
}
.new-tab-area.v3 .new-tab-info::after {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    right: auto;
    left: 0;
	width:100%;
	display:none
}

.new-tab-area.v3 .bg_image_tabs {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
	top:-30px
}
.new-tab-area.v3 {
    padding-bottom: 91px;
}
/* .footer-area.stylev2new{
	background:transparent
} */
.new-icon-teaser.v2 {
    padding-bottom: 0;
}
.subheading_shape{
	margin-right:10px
}
.mbg{
	display:none
}
.new_icon_teaser_slide.as_nav .slick-track {
    
    transform: translate3d(0,0,0) !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_icon_teaser_slide.as_nav .slick-slide{
	display:block !important
}
.mobile_hero_banner{
	display:none
}
.new-tab-area.v3 .bg_image_tabs {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    top: -30px;
    background-size: contain;
    background-position: center center;
}
.tabview{
	display:none
}

header ul {
    margin: 0;
    padding: 0;
}

.header-inner{
    position: relative;
	z-index:1
}
header nav #menu li a{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
}
header nav #menu>ul>li {
    list-style: none;
    margin-right: 30px;
    position: inherit;
	display:inline-block
}
header nav #menu>ul>li a {
    color: #31135E;
    font-size: 15px;

}
header nav #menu > ul > li > ul li a{
		background:#fff
}
header nav #menu > ul > li > ul {
    padding: 0;
    position: absolute;
    left: 0;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 20px #00000014;
	opacity:0;
	visibility:hidden;

}
header nav #menu > ul > li:hover > .sub-menu{
	opacity:1;
	visibility:visible
}
header nav #menu > ul > li.has-submenu > a::before {
    position: absolute;
    content: "";
    left: calc(50% - 5px);
    transform: translatex(-50%);
    background: url(../img/menu-poly.png) no-repeat scroll 0 0/contain;
    width: 20px;
    height: 30px;
    bottom: -10px;
	opacity:0
}
header nav #menu > ul > li.has-submenu:hover > a::before{
	opacity:1
}
.header-inner .megamenu-v1 {
    width: 66%;
    display: flex !important;
    align-items: center;
}
header nav #menu .sub-menu.megamenu-v1 a .menu-text > span em {
    opacity: 0.3;
}
header nav #menu .sub-menu.megamenu-v1 a .menu-text > span {
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: #00192C;
    font-size: 20px;
    margin-bottom: 10px;
}
header nav #menu .sub-menu.megamenu-v1 a{
	 color: rgba(51, 81, 104, 0.8)
}
.megamenu-v1 .menu-text {
    padding: 40px;
    padding-top: 63px;
}
.megamenu-v1 .menu-image {
    position: relative;
	background:#E5E9EB
}
.megamenu-v1 .menu-image .menu_icon {
    position: absolute;
    bottom: -60px;
    right: 50px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    border-radius: 18px;
}
.megamenu-v1 > li {
    flex: 1;
    border-right: 1px solid #E5E9EB;
}
.megamenu-v1 > li:last-child{
	border:none
}
header nav #menu > ul > li > .sub-menu::after {
    position: absolute;
    content: "";
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    background: linear-gradient(308deg, rgba(3, 207, 158, 1) 0%, rgb(244 254 251 / 3%) 100%);
    z-index: -1;
    border-radius: 18px;
}
header nav #menu>ul>li > a{
	opacity:1;
	padding-top:25px; 
	padding-bottom:25px
}
header nav{
	padding:15px 0
}
header nav #menu>ul>li > a:hover{
	opacity:1
}
header nav #menu>ul>li:hover > a{
	opacity:1;
	color:#957DFF
}
ul.megamenu-v2.sub-menu {
    width: 100%;
    padding: 30px !important;
}
.megamenu-v2 > li > ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.megamenu-v2 > li > ul > li {
    border-radius: 15px;
    flex: 0 0 33%;
    margin-top: 10px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
	transition:all 0.4s
}
.megamenu-v2 > li > ul > li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(308deg, rgba(3,207,158,1) 0%, rgba(244,254,251,0.3925945378151261) 90%);
    z-index: -1;
	opacity:0;
	transition:all 0.4s
}
.megamenu-v2 > li > ul > li:hover::after{
	opacity:1
}
.megamenu-v2 > li > ul > li:hover{
	box-shadow:0 5px 12px rgba(0, 0, 0, 0.1)
}
.megamenu-v2 > li > ul > li:hover a .icon {
    background: rgba(3, 207, 158, 0.2);
}
.megamenu-v2 > li > ul > li:hover a .icon img{
	filter:invert(0) brightness(1)
}
.megamenu-v2 > li > ul > li a {
    color: rgba(51, 81, 104, 0.8) !important;
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px !important;
    line-height: 24px;
}
.megamenu-v2 > li > ul > li a .icon {
    min-width: 60px;
    width: 60px;
    margin-right: 20px;
    min-height: 60px;
    height: 60px;
    border-radius: 50%;
    background: #E5E9EB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.megamenu-v2 > li > ul > li a .icon img {
    filter: invert(1) brightness(0);
}
.megamenu-v2 > li > ul > li a .text-link span {
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #00192C;
    margin-bottom: 5px;
}
ul.megamenu-v2.sub-menu > li > a {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: rgba(71, 89, 103, 0.51) !important;
    text-transform: uppercase;
	position:relative
}
ul.megamenu-v2.sub-menu > li > a::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: calc(100% - 180px);
    background: #05373F;
    right: 0;
    opacity: 0.03;
}
ul.megamenu-v2.sub-menu > li > a > img {
    margin-right: 15px;
    filter: invert(1) brightness(0.5) opacity(0.8);
}
ul.megamenu-v2.sub-menu > li {
    margin-top: 30px;
}
ul.megamenu-v2.sub-menu > li:first-child {
    margin-top: 0px;
}
.megamenu-v2 li a em{
	display:none
}
header nav #menu>ul>li.dropdown-menus{
	position:relative
}
.dropdown-menus ul.sub-menu {
    width: 230px;
    padding: 15px 5px !important;
	background:#fff url(../img/menu-dropdown-bg.png) no-repeat scroll 0 0/cover !important
}
.dropdown-menus ul.sub-menu li a {
    color: #335168 !important;
    font-size: 17px !important;
    display: block;
    padding: 10px 25px;
}
.dropdown-menus ul.sub-menu li a img {
    margin-right: 15px;
    width: 25px;
	filter:invert(1) brightness(0)
}
.dropdown-menus ul.sub-menu li a:hover img{
	filter:invert(0) brightness(1)
}
.megamenu-v1 li, .megamenu-v2 > li > ul li, .dropdown-menus ul.sub-menu li {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.megamenu-v1:hover > li, .megamenu-v2 > li > ul:hover > li, .dropdown-menus ul.sub-menu:hover li {
  opacity: 0.5;
}
.megamenu-v2 > li > ul:hover > li{
	opacity:0.3
}
.megamenu-v1 li:hover, .megamenu-v2 > li > ul li:hover, .dropdown-menus ul.sub-menu li:hover {
  opacity: 1;
}
.megamenu-v1 li .menu-image{
	transition:all 0.4s
}
.megamenu-v1 li:first-child .menu-image{
	border-top-left-radius:18px
}
.megamenu-v1 li:last-child .menu-image{
	border-top-right-radius:18px
}
.megamenu-v1 li:hover .menu-image{
	background:#D4FBF0
}

/* Keep the hovered li at full opacity */
.menu li:hover {
  opacity: 1;
}
.new-icon-teaser-box .n-icon {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
    background: #FEE4E0;
    color: #00192C;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-icon-teaser-box .n-icon img {
    margin: 0;
    height: 60px;
	width:60px;
	    mix-blend-mode: darken;
}

@media(max-width:1600px){
ul.megamenu-v2.sub-menu {
    padding: 15px 30px!important;
    padding-top: 20px !important;
}
ul.megamenu-v2.sub-menu>li {
    margin-top: 20px;
}
.megamenu-v2>li>ul>li {
    margin-top: 7px;
    padding: 3px;
}
	.megamenu-v2>li>ul>li a {
    padding: 10px 15px;
}
	.megamenu-v1 .menu-text {
    padding: 30px;
    padding-top: 49px;
}
}
@media(max-width:1200px){
	.new-tab-area .container-fluid {
    padding: 0 15px;
}
	.new-tab-area .new-tab-info{
		padding-right:0
	}
	
	.new-tab-area .tabs-image{
		height:600px
	}
	.new-tab-area{
		padding-bottom:0
	}
	.new-video-banner-area .container-fluid{
		padding:0 15px
	}
	.new-video-banner-area .inner .left_side_bg{
		height:100%
	}
	.new-video-banner-area .inner {
    position: relative;
    z-index: 1;
    background-size: cover !important;
}
	.new-video-banner-area .inner {
    padding-top: 63px;
    padding-bottom: 63px;
    padding-left: 50px;
    font-size: 18px;
		height:auto
}
	.new-video-banner-area .group_btn{
		display:block !important
	}
	.new-video-banner-area .group_btn .playBTN{
		display:flex;
		align-items:center;
		margin-top:30px
	}
	.new-video-banner-area .inner::after{
		left:0
	}
	.newsletter-cta .bg_image {
    top: -44px;
    right: -90px;
    height: calc(100% + 90px);
}
	.newsletter-cta{
		min-height:inherit;
		padding:35px 0
	}
	.state-box .title {
    font-size: 28px;
}
	.new-hero-area.v2 {
    padding-top: 105px;
    padding-bottom: 35px;
}
	.new-tab-v2 .nav-tabs button .icon-holder {
    width: 40px;
}
	.new-tab-v2 .nav-tabs button {
    padding: 15px;
    font-size: 12px;
    line-height: 18px;
}
	header nav #menu>ul>li {
    margin-right: 15px;
}
	header nav #menu>ul>li > a {
    font-size: 14px;
}
}
@media(max-width:991px){
	.megamenu-v2 > li > ul{
		max-height:inherit;
		overflow:inherit
	}
	.hero-text-new .home-hero__block-header {
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 20px;
}
	.new-video-banner-area .h1 {
    font-size: 28.8px;
}
	.hero-text-new .subHeading{
		font-size:12px
	}
	
	.new-tab-area .nav-tabs{
		display:flex !important;
		align-items:center;
		justify-content:center
	}
	.new-hero-area .right_bg_hero{
		width:300px
	}
	.new-icon-teaser{
		padding-top:70px;
		padding-bottom:35px
	}
	.new-hero-area {
    padding-top: 105px;
    padding-bottom: 70px;
}
	.new-hero-area .left_bg_hero{
		width:300px
	}
	.new-tab-area {
    background: #fff;
		z-index:1;
    padding-bottom: 35px;
		position:relative
}
	.new-tab-area::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 28%;
    z-index: -1;
    background: #00192C;
}
	.new-tab-area .container-fluid {
    padding: 0 15px;
}
	.new-tab-area .inner{
		background:transparent !important;
		display:block;
		padding:0
	}
	.new-tab-area .tabs-nav {
    min-width: 100%;
}
	.new-tab-area .nav-link{
		font-size:0;
		position:relative
	}
	.new-tab-area .nav-link .icon-holder {
    padding: 5px;
}
	.new-tab-area .nav-link .icon {
    width: 40px;
    height: 40px;
}
	.new-tab-area .nav-link svg {
    margin-top: 10px;
    position: absolute;
    top: 25%;
    transform: translateY(-50%) rotate(-90deg);
    right: -6px;
}
	.new-tab-area .nav-link .icon img {
    transition: all 0.4s;
    width: 18px;
}
	.new-tab-area .nav-link.active .icon img {
    transform: scale(1.2);
}
	.new-tab-area .tab-pane {
    height: auto;
}
	.new-tab-content-inner {
    display: block;
    position: relative;
    height: auto;
}
	.new-tab-area .tabs-image {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    flex: 1;
    position: relative;
    height: 500px;
    right: -15px;
}
	.bg_image_tabs {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.22);
    padding: 30px;
    background-color: #fff;
}
	.new-tab-area .new-tab-info{
		min-width:100%;
		padding:0
	}
	.new-tab-info .text_white{
		color:#00192C
	}
	.new-tab-info{
		color:#335168
	}
	.new-tab-info ul li {
    color: #335168;
}
	.new-tab-info .cta-btn {
    background: #D4FBF0;
    color: #00192C;
}
	.new-tab-info::after{
		display:none
	}
	
	.newsletter-cta .bg_image{
		display:none !important
	}
	.newsletter-cta .subheading{
		font-size:14px
	}
	.newsletter-cta .h1{
		font-size:37.8px
	}
	
	.newsletter_left_bg{
		display:none
	}
	.newsletter-cta {
    padding: 49px 0;
    min-height: inherit;
}
	.subheading_shape{
		display:none
	}
		.stylev2new .footer-top {
    padding-top: 49px;
}
	.footerDesc{
		width:100%;
		text-align:center
	}
	.footerDesc .inner {
    display: flex;
		justify-content:center;
    gap: 10px;
}
	button.lity-close{
		right:-20px
	}
	.state-box .inner{
		padding:20px
	}
	.state-box .title {
    font-size: 30px;
}
	.new-tab-info .h1 {
    font-size: 25.2px;
}
	.new-tab-info ul li {
    font-size: 16px;
    margin: 20px 0;
}
	.new-tab-area.v3 .bg_image_tabs {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    top: -30px;
    height: 100%;
    background-size: contain !important;
    background-position: center;
}
	.new-hero-area.v2 {
    padding-bottom: 35px;
}
	.new-icon-teaser.v2 {
    padding-bottom: 35px;
}
	.new-tab-area.v3 {
    padding-bottom: 0px;
}
	.customerStories24.v4 {
    padding-top: 35px;
}
	.new-tab-v2 .nav-tabs {
    border: none;
    flex-wrap: nowrap;
}
	.new-tab-v2 .nav-tabs li {
    flex: 0 0 25%;
		padding:0 10px
}
	.new-tab-v2 .nav-tabs button {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0;
    background: transparent;
    font-size: 11px;
    line-height: 19px;
}
	.new-tab-v2 .nav-tabs button .icon-holder {
    min-width: 50px;
    margin: 0 auto 15px;
    margin: 0;
    margin-right: 10px;
    width: 50px;
}
	.new-tab-v2 .nav-tabs button.active {
    background: transparent;
    color: #03CF9E;
}
	.new-tab-v2 .nav-tabs button .icon-holder {
    min-width: 50px;
    margin: 0 auto 15px;
    margin: 0;
    margin-right: 10px;
    width: 50px;

    border-radius: 50%;
}
	.new-tab-v2 .nav-tabs button.active .icon-holder{
		    background: #03CF9E;
	}
	.new-tab-v2 .nav-tabs button .polyicon{
		display:none
	}
	.new-tab-content-inner-v2{
		margin-top:30px
	}
.hero-tab .new-tab-info-v2 {
    margin-top: 0;
    padding: 35px 0;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: -115px;
}
	.new-tab-v2 {
    padding-top: 70px;
    padding-bottom: 35px;
}
	.hero-tab .tabs-nav {
    margin-top: 0;
}
	.tabview{
		display:block;
	}
	.notab{
		display:none
	}
	.new-tab-content-inner-v2{
		position:relative;
		z-index:1
	}
.new-tab-content-inner-v2::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,25,44,1) 19%, rgba(0,25,44,0) 100%);
}
	.hero_tab_middle_oval, .new-tab-v2 .right_oval, .new-tab-v2 .bottom_shape{
		display:none
	}
	.header-inner{
		position:inherit
	}
	header nav #menu>ul>li > a {
    opacity: 1;
    padding-top: 15px;
    padding-bottom: 15px;
		font-weight:700
}
	#menu > ul > li:first-child .sub-menu {
    padding:  0 !important;
}
	header nav #menu > ul > li.has-submenu > a{
		position:relative !important
	}
	.mobile-quote-btn {
    margin: 30px 0;
}
	div#menu {
    min-height: calc(100vh - 160px);
		background:#00192C ;
		display:flex;
		        flex-direction: column;
        justify-content: space-between;
}
	.mobile-quote-btn a{
		box-shadow:none
	}
	header nav #menu > ul > li.has-submenu > a::before{
		display:none
	}
	.megamenu-v1 li .menu-image img:not(.menu_icon){
		display:none
	}
	.megamenu-v1 .menu-image{
		background:transparent
	}
	.megamenu-v1 > li {
    border-right: 0;
}
	header nav #menu .sub-menu.megamenu-v1 a {
    display: flex;
    align-items: center;
}
	.megamenu-v1 .menu-image .menu_icon {
    position: inherit;
    bottom: auto;
    right: auto;
    box-shadow: none;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 0;
    margin-right: 20px;
}
	.megamenu-v1 .menu-text, .megamenu-v2 > li > ul > li a .text-link {
    padding: 0;
    padding-top: 0;
    font-size: 12px;
    line-height: 22px;
}
	header nav #menu .sub-menu.megamenu-v1 a .menu-text > span, .megamenu-v2 > li > ul > li a .text-link span {
    color: #03CF9E !important;
    font-size: 17px !important;
    margin-bottom:5px;
}
	header nav #menu .sub-menu.megamenu-v1 a .menu-text > span em {
    display: none;
}
	#menu > ul > li:first-child .sub-menu {
    padding: 0 !important;
}
	div#menu > ul ul{
		padding:0 !important
	}
	div#menu ul .megamenu-v2 ul.sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 55em !important;
}
	.megamenu-v2 > li > ul > li a{
		background:transparent
	}
	.megamenu-v2 > li > ul > li a .icon {
    background: #05373F;
}
	.megamenu-v2 > li > ul > li a .icon img {
    filter: invert(0) brightness(1);
}
	ul.megamenu-v2.sub-menu > li {
    margin-top: 0px;
}
	ul.megamenu-v2.sub-menu > li > a > img {
    filter: invert(0) brightness(1) opacity(1);
}
	.dropdown-menus ul.sub-menu li a img {

    filter: invert(0) brightness(1);
}
	.megamenu-v2>li>ul>li a .text-link em{
		display:none
	}
}
@media(max-width:767px){
		.hero_tab_middle_oval, .new-tab-v2 .right_oval, .new-tab-v2 .bottom_shape{
		display:block
	}
	.new-hero-area{
		padding-top:77px;
		padding-bottom:30px
	}
	
	.box_title_n{
		font-size:18px
	}
	.mbg{
		display:block
	}
	.new-video-banner-area {
    background: #00192c;
		height:auto;
		padding-bottom:49px !important
		
}
	.new_review_area{
		padding-bottom:49px
	}
	.new-video-banner-area .inner .left_side_bg{
		display:none
	}
	.new-video-banner-area .inner .bottom_bg{
		display:none
	}
	.new-video-banner-area .inner .top_bg{
		display:none
	}
	.new-video-banner-area .inner::after{
		display:none
	}
	.new-video-banner-area .container-fluid{
		padding:0 15px
	}
	.new-video-banner-area .inner{
		padding:0;
		background:transparent !important
	}
	a.playBTN.d-md-none.mobile_play_alt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
	
	.mbg {
    display: block;
    width: 100%;
    height: 500px;
		position:relative;
		z-index:1
}
	.mbg::after{
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
		background:linear-gradient(0deg, rgba(0,25,44,1) 0%, rgba(0,25,44,0) 100%);
		z-index:-1;
		content:""
	}
.new-video-banner-area .inner {
    padding: 0;
    background: transparent !important;
    margin-top: -170px;
}
	.reviews-14-box .inner{
		padding:49px
	}
	.state-box{
		margin-top:15px
	}
	.new-icon-teaser.v2 .h1{
		font-size:25.2px
	}
	.new-hero-area.v2 {
    padding-bottom: 35px;
}
	.new-icon-teaser.v2 {
    padding-bottom: 35px;
}
		.new-tab-area.v3 {
    padding-bottom: 35px;
}

	.customerStories24.v4 .right_bg{
		width:50%
	}
	.customerStories24.v4 .left_bg{
		width:50%
	}
	.new-clogos h3 {
    line-height: 20px;
    font-size: 10.8px;
}
		.new-tab2-icon {
    padding: 20px;
    text-align: center;
    background: #053A41;
    border-radius: 8px;
    color: #03CF9E;
    font-weight: 700;
    font-size: 18px;
			position:relative;
		height:127px
}
.new-tab2-icon .icon-holder {
    width: 80px;
    margin: 0 auto;
    margin-top: -65px;
    margin-bottom: 20px;
    background: #03CF9E;
    border-radius: 50%;
    height: 80px;

}
	.new-tab-2-slider .slide{
		padding-top:35px;
		padding-bottom:30px
	}
	.new-tab2-icon .icon-holder img {
    filter: invert(1);
}
	.new-tab2-icon .polyicon {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    filter: invert(0);
}
	.new-tab-v2 {
    padding-top: 70px;
}
	.new-tab-v2 .timg{
		margin-bottom:40px
	}
	.new-tab-v2 .bottom_shape {
    bottom: 18%;
    width: 100%;
}
	.tabarrows {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    position: relative;
    z-index: 11;
    transform: translateY(35px);
}
	.tabarrows > div{
		opacity:0.3
	}
	.tabarrows > div:hover{
		opacity:1
	}
	.new-tab2-slider-info img{
		margin:0 auto
	}
	

}
@media(max-width:575px){
	.new-hero-area {
    padding-top: 98px;
    padding-bottom: 35px;
}
	.ncta-form form{
		display:block
	}
	.ncta-form input{
		text-align:center;
		width:100%
	}
	.ncta-form button {
    width: 100%;
    min-width: 100%;
    margin: 0;
    margin-top: 20px;
}
	.subheading_shape{
		display:none
	}
	.hero-text-new .subHeading {
   margin-bottom:5px;
		padding-bottom:5px;
    font-size: 12px;
}
	.playBTN{
		font-size:15px
	}
	.hero-text-new {
    margin-top: 70px;
}
	.new-hero-area .right_bg_hero, .new-hero-area .left_bg_hero{
		display:none
	}
	.new-icon-teaser{
		text-align:center
	}
	.new-icon-teaser-box {
    margin-top: 40px;
}
	
	.new-box{
		text-align:center
	}
	.new-box-area .btn_green{
		width:100%
	}
	.new-video-banner-area .btn_green{
		width:100%
	}
	.new-testimonial-slider .slide {
    padding-bottom: 101.5px;
}
	.reviews-14-box .inner {
    position: relative;
    padding: 35px 30px;
    padding-bottom: 56px;
}
	.testimonial-v3.new-review-v14 .quote-author {
    position: absolute;
    bottom: -122px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}
	.reviews-14-box .inner .n_quote_left{
		display:none
	}
	.reviews-14-box .inner .n_quote_right{
		display:none
	}
	.testimonial-v3.new-review-v14 .quote-author img{
		margin:0 auto
	}
.new-tab-info .cta-btn {

    width: 100%;
    min-width: 100%;
}
	.new-hero-area.v2 {
    padding-bottom: 35px;
    padding-top: 35px;
}
	.new-hero-area.v2{
		background-image:none !important;
		background-color:#00192C !important
	}
	.mobile_hero_banner {
    height: 400px;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    transform: scale(1.2);
		display:block
}
	.state-box{
		position:relative;
		z-index:1
	}
	.new-hero-area.v2 .new_hero_bg_2 {
    bottom: 0;
    width: 100%;
    transform: scale(1.5);
}
	.new_icon_teaser_slide.as_nav .slick-track {
    transform: inherit !important;
    width:auto !important;
    display: block;
}
	.textIcon {
    margin-top: 20px;
    font-size: 14px;
}
	.new_icon_teaser_slide.as_nav .slick-slide {
    border-bottom: 1px solid #eee;
    display: block !important;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.new_icon_teaser_slide.as_nav{
		margin-bottom:0
	}
	.new-icon-teaser.v2{
		padding-bottom:35px
	}
	.iicon_dots {
		display:none
	}
	.new-tab-area .tabs-image{
		right:0;
		height:430px
	}

	.customerStories24.v4 .mt-5.pt-5{
		padding-top:20px !important;
		margin-top:20px !important
	} 
	div#menu {
    background: #00192C url(../img/mobile-menu-bg.png) no-repeat scroll bottom left/cover !important;

}
	.new-tab-area .tabs-nav {
    overflow-x: scroll;
    overflow-y: hidden;
		margin-bottom:20px
}
	.new-tab-area .nav-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-left: -20px;
}
	.new-icon-teaser-box .n-icon {
    margin: 0 auto 30px;
}

}

.new-tab-area.ss1{
	padding-bottom:105px
}
.new-tab-area.ss1 .tabs-image {
    z-index: 11;
    margin-bottom: -190px;
    margin-top: 90px;
}
.new-tab-area.ss1 .tabs-image img{
	width:100%
}
@media(max-width:991px){
	.new-tab-area.ss1 .tabs-image{
		right:0;
		    z-index: 11;
    margin-bottom: 0;
    margin-top: 30px;
    height: auto;
    margin-bottom: 30px;
	}
}
@media(max-width:767px){
	.new-tab-area.ss1 .tabs-image {
    z-index: 11;
    margin-bottom: 0;
    margin-top: 30px;
    height: auto;
    margin-bottom: 30px;
}
}
.new-icon-teaser-box .n-icon i {
    font-size: 40px;
}
.new_icon_teaser_slide .iicon  {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(248, 122, 99, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
	    font-size: 40px;
	   color:#00192c;
	transition:all 0.4s;
	margin:0 auto 20px
}
.new_icon_teaser_slide .slick-active .iicon{
	background:rgba(135, 0, 191, 0.1);
	color: #8700BF;
}
.new_icon_teaser_slide.as_nav .slick-track{
	align-items:flex-start
}
.icon.fwicon {
    font-size: 30px;
    color: #fff;
}


.new-tab-v2.stylev4 .nav-tabs {
    border: none;
    flex-wrap: nowrap;
}

.new-tab-v2.stylev4 .nav-tabs {
    border: none;
    flex-wrap: nowrap;
}

.new-tab-v2.stylev4 .nav-tabs li {
    flex: 0 0 25%;
    padding: 0 10px;
}

.new-tab-v2.stylev4 .nav-tabs button {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0;
    background: transparent;
    font-size: 11px;
    line-height: 19px;
}

.new-tab-v2.stylev4 .nav-tabs button {
    line-height: 22px;
    font-size: 16px;
}

.new-tab-v2.stylev4 .nav-tabs button.active {
    background: transparent;
    color: #8700BF;
}
.new-tab-v2.stylev4 .nav-tabs button .icon-holder {
    min-width: 80px;
    margin: 0 auto 15px;
    margin: 0;
    margin-right: 15px;
    width: 80px;
    border-radius: 50%;
    min-height: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff17;
    border: 2px solid #31135E;
}
.new-tab-v2.stylev4 .nav-tabs button.active .icon-holder {
    border-color: #8700BF;
    color: #8700BF;
    background: #8700bf1c;
}
.new-tab-v2.stylev4 .icon.fwicon {
    font-size: 24px;
    color: #31135E;
}
.new-tab-v2.stylev4 .nav-tabs button.active .icon.fwicon, .new-tab-v2.stylev4 .nav-tabs button.active .icon.fwicon i  {
    color: #8700BF !important;
}
.new-tab-v2.stylev4 .nav-tabs button .polyicon {
    display: none;
}
.new-tab-v2.stylev4 .new-tab-content-inner-v2 {
    position: relative;
    z-index: 111;
    margin-top: 0;
}

.new-tab-v2.stylev4 .new-tab-content-inner-v2::after, .new-tab-v2.stylev4 .hero-tab .new-tab-info-v2::after {
    position: absolute;
    content: "";
    bottom: 130px;
    left: 50%;
    width: calc(100% + 2200px);
    height: 70%;
    background: linear-gradient(0deg,rgba(49, 19, 91, 1) 0%, rgba(241, 225, 240, 1) 100%);
    transform: translateX(-50%);
    z-index: 0;
}
.new-tab-v2.stylev4 .hero-tab .new-tab-info-v2::after {
    background: #31135E;
    bottom: auto;
    top: -130px;
    height: calc(100% + 130px);
    z-index: -11;
}
.new-tab-v2.stylev4 .hero-tab .new-tab-info-v2 {
    margin-top: 0;
    padding: 35px 0;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: -115px;
}
.new-tab-v2.stylev4 .tabview {
    display: block;
    border-radius: 50px;
    border: 2px solid #03CF9E;
    position: relative;
    z-index: 1;
    background: #00000094;
    padding: 5px;
    box-shadow: 0 -30px 60px #00000040;
}
.new-tab-v2.stylev4 .hero-tab .tabs-nav {
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
}
.new-tab-v2.stylev4 .hero-tab .new-tab-info-v2 {
    margin-top: 0;
    padding: 35px 0;
    text-align: center;
    padding-bottom: 0;
    padding-top: 70px;
    width: 65%;
    margin: 0 auto ;
}
.new-tab-v2.stylev4 .hero_tab_middle_oval{
	top:55%
}
.new-tab-v2.stylev4 .new-tab-content-inner-v2{
	margin-top:30px
}
.new-tab-v2.stylev4  .new-tab-info-v2 .h1 {
    color: #03CF9E;
    font-size: 39.6px;
}
.new-tab-v2.stylev4 .hero_tab_middle_oval {
    left: -20%;
    width: 1000px;
    height: 1000px;
    top: 0;
    transform: translate(0px, 0px);
}
.new-tab-v2.stylev4 .new-tab-v2 .right_oval {
    bottom: -11%;
    opacity: 0.5;
    right: -30%;
    z-index: -1;
}
.new-tab-v2.stylev4 .new-tab-content-inner-v2 {
    border-radius: 55px;
}
.new-tab-v2.stylev4 .new-tab-content-inner-v2 {
    width: 80%;
    margin: 30px auto 0;
}
@media(max-width:991px){
	.newsletter-cta .bg_image {
		width: 70%;
		object-fit: contain;
	}
	.new-tab-v2 .nav-tabs button .icon-holder{
		min-height: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.icon.fwicon {
    font-size: 16px;
    color: #fff;
}
	.new-tab-v2 .nav-tabs button{
		line-height:16px
	}
	.new-tab-v2 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.new-tab-v2.stylev4 .hero-tab .tabs-nav {
    width: 100%;
}
	.new-tab-v2.stylev4 .nav-tabs button {
    line-height: 16px;
    font-size: 13px;
}
	.new-tab-v2.stylev4 .nav-tabs button .icon-holder {
    min-width: 60px;
    margin-right: 10px;
    width: 60px;
    min-height: 60px;
    height: 60px;
}
	.new-tab-v2.stylev4 .hero-tab .new-tab-info-v2{
		width:100%
	}
	.new-tab-v2.stylev4  .new-tab-info-v2 .h1 {
    font-size: 25.2px;
}
	.new-tab-v2.stylev4 .new-tab-content-inner-v2 {
		width:100%
	}
}
@media(max-width:767px){
	.icon.fwicon {
    font-size: 16px;
}
	.new-tab2-icon .icon-holder {

    display: flex;
    align-items: center;
    justify-content: center;
}
		.icon.fwicon {
    font-size: 19px;
    color: #fff;
}
}
.tabs-video video {
    width: 100%;
}
.newsletter-cta .btn_green {
    width: auto;
    display: inline-flex;
    padding: 18px 45px;
    margin-top: 20px;
}
@media(max-width:575px){
	.newsletter-cta .btn_green{
		width:100%
	}
}


/*New Custom Tab*/
.new-custom-tab-area .image-panel,
.new-custom-tab-area .text-panel {
    display: none;
}

.new-custom-tab-area .image-panel.active,
.new-custom-tab-area .text-panel.active {
    display: block;
}

.new-custom-tab-area .tab-buttons button {
    margin: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.new-custom-tab-area .image-panel img {
    width: 300px;
    height: auto;
    margin: 10px 0;
}

.new-custom-tab-area .text-panel {
    font-size: 18px;
    margin: 10px 0;
}

.new-custom-tab-area .container {
    max-width: 1600px;
}
.new-custom-tab-area .inner {
    position: relative;
    height: 900px;
}
.new-custom-tab-area .inner .image-panels video {
    height: 100%;
    width: 100%;
    display: block;
}
.new-custom-tab-area .tab-buttons button {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
	line-height:20px;
	position:relative;
	z-index:11
}
.new-custom-tab-area .tab-buttons button .icon-holder {
    padding: 10px;
    border-radius: 50%;
    background: transparent;
    transition: all 0.4s;
}
.new-custom-tab-area .tab-buttons button .icon {
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-size: 20px;
    color: #fff;
}
.new-custom-tab-area .tab-buttons button svg {
    margin-top: 10px;
}
.new-custom-tab-area .tab-buttons button .icon::after {
    background: linear-gradient(0deg, rgba(20,116,90,1) 0%, rgba(3,207,158,1) 100%);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}
.new-custom-tab-area .tab-buttons button.active .icon::after {
    opacity: 1;
    visibility: visible;
}
.new-custom-tab-area .tab-buttons button.active .icon-holder {
    background: rgba(3, 207, 158, 0.27);
}
.new-custom-tab-area .tab-buttons button.active .icon {
    border-color: transparent;
    transform: scale(1.2);
}
.new-custom-tab-area{
    padding: 0;
    background: #fff
}
.new-custom-tab-area .new-tab-info::after{
    display: none
}
.new-custom-tab-area .tab-buttons{
    position: absolute;
    width: 200px;
    left: 40px;
    top: 65px;
}

.new-custom-tab-area .text-panels {
    position: absolute;
    top: 33px;
    width: 570px;
    left: 61%;
    padding: 30px;
    background: #041829;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.new-custom-tab-area .text-panels .cta-btn {
    background: #ffffff20;
    color: #fff;
    box-shadow: none;
    margin-top: 35px;
    padding: 22px 18px;
}
.new-custom-tab-area .inner .image-panels video.ts_video{
	display:none
}
.new-custom-tab-area .inner .image-panels video.ms_video{
	display:none
}
@media(max-width:1440px){
	.new-custom-tab-area .container{
		padding:0
	}
	.new-custom-tab-area .inner {
    position: relative;
    height: auto;
}
	
	/*
.new-custom-tab-area .tab-buttons {
    left: 60px;
    top: 110px;
}
	.new-custom-tab-area .tab-buttons button .icon-holder {
    padding:30px;
}
	.new-custom-tab-area .tab-buttons button {
    font-size: 22px;
    line-height: 35px;
}
.new-custom-tab-area .tab-buttons button .icon {
    width: 100px;
    height: 100px;
    font-size: 36px;
}
	.new-custom-tab-area .text-panels {
    position: inherit;
    left: auto;
    width: auto;
    margin-top: -35px;
    padding: 50px;
    top: auto;
    border-radius: 0;
		padding-left:100px
}

	.new-custom-tab-area .inner {
    margin-left: -50px;
}*/
	
	.new-custom-tab-area .inner .image-panels video.ds_video{
		display:none
	}
	.new-custom-tab-area .inner .image-panels video.ts_video{
	display:block
}	
}
@media(max-width:1200px){
		.new-custom-tab-area .tab-buttons button .icon-holder {
    padding:30px;
}
	.new-custom-tab-area .tab-buttons button {
    font-size: 20px;
    line-height: 30px;
}
.new-custom-tab-area .tab-buttons button .icon {
    width: 70px;
    height: 70px;
    font-size: 26px;
} 
}

@media(max-width:767px){
	.new-custom-tab-area .inner .image-panels video.ts_video{
	display:none
}
	.new-custom-tab-area .inner .image-panels video.ms_video{
	display:block
}
.new-custom-tab-area .inner {
    margin-left: 0;
    padding-top: 30px;
    background: #00223b;
}
	.new-custom-tab-area .tab-buttons {
    left: auto;
    top: auto;
    position: inherit;
    display: flex;
    flex-wrap: nowrap;
}
	.new-custom-tab-area .tab-buttons button .icon {
    width: 50px;
    height: 50px;
    font-size: 16px;
}
.new-custom-tab-area .tab-buttons button {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
}
	.new-custom-tab-area .tab-buttons button .icon-holder {
    padding: 14px;
}
	.button_wrapper {
    overflow-x: auto;
}
	.new-custom-tab-area .text-panels {
    position: inherit;
    left: auto;
    width: auto;
    margin-top: -250px;
    padding: 35px;
    top: auto;
    border-radius: 0;
    padding-left: 100px;
    padding: 30px;
    color: #fff;
}
	.new-custom-tab-area .text-panels .new-tab-info {
    color: #ffffff8f;
}
	.new-custom-tab-area .text-panels h3.h1.text_white {
    color: #fff;
}
	.new-custom-tab-area .text-panels li {
    color: #fff;
}
}
/* existing styles you provided (kept) */
.new-tab-v2.stylev4 .hero-tab .tabs-nav {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

/* scrollbar styling (your existing rules) */
.new-tab-v2.stylev4 .hero-tab .tabs-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #F1E1F0;
    background-color: #F1E1F0;
}
.new-tab-v2.stylev4 .hero-tab .tabs-nav::-webkit-scrollbar {
    height: 4px;
    background-color: #F1E1F0;
}
.new-tab-v2.stylev4 .hero-tab .tabs-nav::-webkit-scrollbar-thumb {
    background-color: #F1E1F0;
    border: 1px solid #F1E1F0;
}

/* drag UX */
.new-tab-v2.stylev4 .hero-tab .tabs-nav {
  cursor: grab;
  user-select: none;       /* prevents text selection while dragging */
  -webkit-user-select: none;
  touch-action: pan-y;     /* allow vertical touch scrolling, block horizontal default so we control it */
}

/* when pressing and dragging */
.new-tab-v2.stylev4 .hero-tab .tabs-nav.is-grabbing {
  cursor: grabbing;
}

/* optional: make child inline-flex so tabs stay in one line (if needed) */
.new-tab-v2.stylev4 .hero-tab .tabs-nav > * {
  display: inline-flex;
  vertical-align: middle;
}
.new-hero-area .video-poster {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.new-hero-area .video-poster > div{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index:1;
	width:100%
}
.new-hero-area .video-poster::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
}
.new-clogos .icon_dr{
	z-index:1
}
.new-custom-tab-area{
	padding-top:49px
}
.new-custom-tab-area .tab-buttons {
    max-height: 620px;
    overflow: auto;
    overflow-x: hidden;
}
.new-custom-tab-area .tab-buttons::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #00192C;
}
.new-custom-tab-area .tab-buttons::-webkit-scrollbar {
    width: 4px;
    background-color: #00192C;
}
.new-custom-tab-area .tab-buttons::-webkit-scrollbar-thumb {
    background-color: #03cf9e;
    border: 1px solid #00192C;
}
ul.megamenu-v2.sub-menu > li {
    margin-top: 20px;
}
.megamenu-v2 > li > ul > li a .icon {
    min-width: 50px;
    width: 50px;
    margin-right: 10px;
    min-height: 50px;
    height: 50px;
}
.megamenu-v2 > li > ul > li a .icon img {
    width: 18px;
}
.megamenu-v2 > li > ul > li a .text-link span {
    font-size: 16px;
}
.megamenu-v2 > li > ul > li{
	margin-top:5px
}
.megamenu-v2 > li > ul > li a {
    padding: 5px;
}
ul.megamenu-v2.sub-menu {
    padding: 20px !important;
}
.megamenu-v2 > li > ul > li a {
    align-items: center;
}
@media only screen and (min-width: 64em) and (max-height: 900px){
ul.megamenu-v2.sub-menu {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}
.megamenu-v2 > li > ul > li a{
	align-items:center
}
ul.megamenu-v2.sub-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #F1E1F0;
}
ul.megamenu-v2.sub-menu::-webkit-scrollbar {
    width: 4px;
    background-color: #F1E1F0;
}
ul.megamenu-v2.sub-menu::-webkit-scrollbar-thumb {
    background-color: #8700BF;
    border: 1px solid #8700BF;
}
	.new-custom-tab-area .tab-buttons {
    max-height: 575px;
}
}
@media(max-width:991px){
	.new-tab-info {
    color: #ffffff;
}
	.new-tab-info ul li{
		color:#fff
	}
	.new-custom-tab-area .tab-buttons {
    width: 100px;
}
	.new-custom-tab-area .tab-buttons button {
    font-size: 14px;
    line-height: 16px;
}
	.new-custom-tab-area .tab-buttons button .icon {
    width: 55px;
    height: 55px;
    font-size: 16px;
}
	.new-custom-tab-area .tab-buttons button .icon-holder {
    padding: 10px;
}
	.new-tab-info .text_white{
		color:#fff
	}
	.megamenu-v2 > li > ul > li a .icon img {
    width: 17px;
}
	.megamenu-v2 > li > ul > li a .icon {
    min-width: 38px;
    width: 38px;
    margin-right: 10px;
    min-height: 38px;
    height: 38px;
}
	.megamenu-v2>li>ul>li {
    margin-top: 0;
}
}
@media(max-width:575px){
	.hero-text-new {
    margin-top: 30px;
}
	.new-custom-tab-area .tab-buttons {
    max-height: inherit;
    overflow: visible;
    overflow-x: visible;
}
}


.new-tab-area.v3 .bg_image_tabs {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    top: 0;
    background-size: contain;
    background-position: top center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.new-tab-area .new-tab-info {
    padding-top: 0;
}

@media(min-width: 1291px) and (max-width: 1600px) {
	
.new-tab-area .tabs-nav {
    max-width: 250px;
}	
	
.new-tab-area .new-tab-info {
    padding-left: 30px;
}	
	
.new-tab-area .tabs-image {
    min-width: 48%;
    width: 48%;
    max-width: 48%;
}
	
.new-tab-area .new-tab-info {
    min-width: 52%;
}
	
}

@media(min-width: 992px) and (max-width: 1290px) {
	
.new-tab-area.v3 .bg_image_tabs {
    background-position: top left;
}
	
.new-tab-content-inner {
    flex-direction: column !important;
}

.new-tab-area .tabs-image {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    flex: 1;
    position: relative;
    min-height: 450px;
}
	
.new-tab-area.v3 .bg_image_tabs {
    height: 100%;
}
	
.new-tab-area .inner {
    padding-top: 0;
}
	
.new-tab-area .new-tab-info {
    padding: 30px;
}
	
}

@media(max-width: 991px) {

	.new-clogos {
		z-index: 2;
	}

	.new-tab-area.v3 {
		padding-bottom: 40px;
		background: #022642;
	}
	
	.new-tab-area .new-tab-info {
		padding-top: 30px;
	}		
	
	.new-tab-area.v3 .bg_image_tabs {
		background-position: top left;
	}
		
}

@media (max-width: 575px) {
    .new-tab-area .tabs-nav {
        overflow: hidden;
    }
	
    .new-tab-area .nav-tabs {
        justify-content: center;
        margin-left: 0;
        margin: 25px 0 0;
    }

}

@media (max-width: 767px) {
	
    .new-tab-area .tabs-image {
        height: 345px;
    }
}



.new-custom-tab-area .text-panels {
    position: absolute;
    top: 30px;
    width: calc(33.3333% - 80px);
    left: auto;
    padding: 30px;
    background: transparent;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    right: calc(3% - 6px);
    height: calc(100% - 200px);
     overflow-y: scroll;
}


.new-custom-tab-area .text-panels::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background-color: #4f3871;
}

.new-custom-tab-area .text-panels::-webkit-scrollbar {
    width: 1px;
    background-color: #4f3871;
}

.new-custom-tab-area .text-panels::-webkit-scrollbar-thumb {
    background-color: #4f3871;
    border: 0px solid #00192C;
}
.new-custom-tab-area .tab-buttons {
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background: transparent;
    top: 32px;
    border-radius: 18px 0 0 18px;
    height: calc(100% - 200px);
    overflow-y: scroll;
}
.new-custom-tab-area .tab-buttons {
    width: calc(13% + 1px);
    left: calc(3% - 6px);
}

@media (max-width: 1440px) {
    .new-custom-tab-area .container {
        padding: 0 15px;
    }

.new-custom-tab-area .text-panels {
    position: relative;
    top: 0;
    width: 100%;
    left: auto;
    padding: 30px;
    background: #00192C;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 0;
    right: 0;
    margin-top: -79px;
    border-bottom-left-radius: 30px;
}
	
.new-custom-tab-area .image-panels {
        background: #06223e;
        border-radius: 18px;
        overflow: hidden;
    }	
	
    .new-custom-tab-area .inner .image-panels video.ts_video {
        display: block;
        width: 106%;
        left: -3%;
        position: relative;
        top: -40px;
        height: 106%;
    }	
}

@media(max-width: 767px) {
	
.new-custom-tab-area .tab-buttons {
    width: 100%;
    left: 0;
}
	
    .new-custom-tab-area .inner .image-panels video.ms_video {
        display: none;
    }	
	
.new-custom-tab-area .text-panels {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
	overflow: hidden;
}	
	
.new-custom-tab-area .inner {
        border-radius: 30px;
    }
	
}

@media(max-width: 600px) {
	
    .new-custom-tab-area .tab-buttons button {
        font-size: 0;
        max-width: 20%;
    }
	
.new-custom-tab-area .tab-buttons button {
    margin: 0;
}
	
    .new-custom-tab-area .inner .image-panels video.ts_video {
        display: block;
        width: 125%;
        left: -95px;
        position: relative;
        top: -40px;
        height: 106%;
    }
	
}


body .new-tab-alt .inner {
	background: #06223e;
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	height: auto;
}

body .new-tab-alt .inner > div {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

body .new-tab-alt .tab-buttons {
	position: relative;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
}

body .new-tab-alt .inner > div.button_wrapper {
	width: 180px;
}

body .new-tab-alt .inner > div.text-panels {
	width: 470px;
	margin: 0 !important;
}

body .new-tab-alt .inner > div.image-panels {
	width: calc(100% - 650px);
	background: #071829;
	display: flex;
	padding-top: 40px;
}

body .new-tab-alt .inner > div.image-panels img {
	width: 100%;
	margin: 0;
}


@media(min-width: 768px) and (max-width: 1290px) {

body .new-tab-alt .inner {
	display: block;
	padding-left: 220px;
	position: relative;
}

body .new-tab-alt .inner > div {
	background: transparent;
}

body .new-tab-alt .inner > div.button_wrapper {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	max-width: 180px;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
}	

body .new-tab-alt .inner > div.text-panels {
	width: 100%;
}

body .new-tab-alt .inner > div.image-panels {
	width: 100%;
	background: #071829;
	display: flex;
	padding-top: 0px;
	border-radius: 0px;
}
	
	
}

@media(max-width: 767px) {

body .new-tab-alt .inner {
	display: block;
	padding-top: 105px;
	position: relative;
}

body .new-tab-alt .inner > div {
	background: transparent;
}

body .new-tab-alt .inner > div.button_wrapper {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	min-width: 100%;
	height: auto;
	overflow: hidden;
}	

body .new-tab-alt .inner > div.text-panels {
	width: 100%;
}

body .new-tab-alt .inner > div.image-panels {
	width: 100%;
	background: #071829;
	display: flex;
	padding-top: 0px;
	border-radius: 0px;
}
		
}

@media(max-width: 575px) {

body .new-tab-alt .inner {
	display: block;
	padding-top: 84px;
	position: relative;
}
	
body .new-tab-alt .tab-buttons {
    justify-content: center;
	padding: 20px;
}

}

@media(min-width: 1291px) {
	
body .new-tab-alt .inner {
    padding-left: 180px;
    position: relative;
}

body .new-tab-alt .inner > div.button_wrapper {
    width: 180px;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
	
body .new-tab-alt .inner > div.image-panels {
    width: calc(100% - 470px);
}
	
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .7s ease, transform .7s ease;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}
a.btns.button_secondary.alt {
    align-items: center;
    background: #F87A63;
    border-radius: 60px;
    font-size: 17px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    box-shadow: none;
    color: #00192C;
    width: auto;
    display: inline-flex;
    padding: 20px 30px;
    border: none;
    height: auto;
    min-width: inherit;
}
a.btns.button_secondary.alt img{
    height: 20px;
}
.lity {
    background: linear-gradient(280deg,rgba(92, 54, 89, 0.94) 0%, rgba(184, 107, 178, 0.95) 100%) !important;

}
.lity-content {
    background: linear-gradient(308deg, #8700BF   0%, #31135E 90%) !important;
    overflow: hidden !important;
}
button.lity-close {
    top: -32px !important;
    right: -36px !important;
    background: url(../img/close-lity.png) no-repeat scroll 0 0/contain !important;
    width: 76px !important;
    height: 76px !important;
}
.new-icon-teaser.v2 .h1 span{
    color:#F87A63;
}
.new-icon-teaser.v2 .btn_green{
    background: #F87A63;
}
.ebook-item .bg__light{
    background: rgba(135, 0, 191, 0.1);
}
.ebook-item span{
    color: #8700BF;
}
.ebooks-area .container::before{
    background: linear-gradient(0deg,#440060 0%, #31135e 80%);
}
.ebooks-right h1 span{
    color:  #9620C7!important
}
.megamenu-v2 > li > ul > li a .icon{
    background: #FEE4E0!important;
}
body.single-post .page-banner {
    background: #F1E1F0;
}
#ez-toc-container{
    background:#FEE4E0 ;
}
.blog-content p > a:not([class*="btn"]), .blog-content li > a:not([class*="btn"]){
    color: #957DFF!important;
    text-decoration: underline !important;
}
.blog-content .ez-toc-section a{
    color: #8700BF!important;
}
.blog-content h3 a{
    color: #8700BF;
}
.post-content-meta a{
    color: #8700BF;
}
.free-trial .h2 span {
    color:#8700BF ;
}
.powerful-features h2 span{
    color: #8700BF!important;
}
.webinars-bg{
    background: #FEE4E0;
}
.cta-v4.bg-dgray{
    background: linear-gradient(90deg, #8700BF 0%, #3F0059 100%);
}
.cta-v4.bg-dgray .h2{
    color: #fff;
}
.cta-v4.bg-dgray .content-text{
    color: #fff;
}
.cta-v4.bg-dgray  .btn-simple{
    background: #F87A63;
}
.main-wrapper.v2 .page-banner {
    padding-top: 161px;
}
.light_overlay.bg_image::after, .dark_overlay.bg_image::after {
    background: rgba(49, 19, 94, 0.7);
}
.text_green, .hv1_subheading{
    color: #03CF9E;
}
.webinar-eyebro, .hv1_subheading{
        font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
}
section.icon-teaser-video.alt {
    background: #fff;
    padding-top: 0;
}
.page-banner.banner_form {
    background: linear-gradient(180deg,rgba(75, 63, 128, 1) 0%, rgba(102, 40, 196, 1) 100%) !important;
}
.page-banner.banner_form.bg_image::after {
    background: rgba(0, 0, 0, 0.49);
}
.logos-bar {
    background: #FF715D;
}
.wp-block-group.has-background{
background: #fff !important;
}
.page-id-44690 .cta-v4.bg-dgray{
    padding: 42px !important;
    border-radius: 60px;
    background: #CDFCF0;
}
.page-id-44690 .cta-v4.bg-dgray .h2, .page-id-44690 .cta-v4.bg-dgray .content-text {
    color: #002642;
}
.page-id-44690 .cta-v4.bg-dgray  .btn-simple {
    background: #31135E;
}
.page-id-44690 .content-img img{
    border-radius: 30px;
}
.page-id-44690 .btn-simple-green.alt{
    background: #F87A63;
}
.page-id-44690 .new-box-area .h1{
color: #9620C7;
}
.page-id-44690 .cta-area.style-2 {
    background: linear-gradient(99deg,rgba(149, 125, 255, 1) 0%, rgba(89, 75, 153, 1) 100%);
}
.page-id-44690 .home-buttons-group .home-buttons{
background: #F87A63;
color: #fff !important;
}
.footer.style-2 {
    background: #31135E;
}
.ns26_icon_bg_orange{
    background: #FEE4E0 !important;
}
.ns26_icon_bg_orange .icon-teaser_v3 i{
color: #8700BF !important;
}
.bg-purple.management{
    background: #CDFCF0;
    
}
.bg-purple.management .h2{
    color: #000000 !important;
}
.bg-purple.management .text-white{
    color: #000000 !important;
}
.bg-purple.management .btn-simple-green{
    background: #31135E !important;
    color: #fff !important;
}
.login-wrap {
    margin-top: 0;
    padding-top: 77px !important;
}
section.about{
    background: #EAE7EF;
}
.free-trial .container::before {
    background: #F1E1F0;
}
.free-trial {
    padding-top: 77px !important;
}
.free-trial .c_form{
    padding: 20px;
}
body.blog .main-wrapper.v2{
    padding-top: 105px;
}
.pagiations a:hover, .pagiations .current {
    background-color: #957DFF;
    border: 1px solid #957DFF;
}
body.single-post .btn-simple-green{
    background: #31135E !important;
    color: #fff !important;
}
.related-post-single{
    background: #CDFCF0;
}
.related-post-single .post-box:hover, .a-post-box:hover .titles, .post-box:hover span{
    color: #8700BF !important;
}
.bg-dblue {
    background: linear-gradient(99deg,rgba(49, 19, 94, 1) 0%, rgba(102, 40, 196, 1) 100%);
}
section.ebooks {
    background: #F4F3F7;
}
.single-ebooks .has-text-color {
    color: #8700BF !important;
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
}
.border-box {
    border: 1px solid #8700BF;
}
.home-hero-23 {
    min-height: inherit;
    padding-top: 140px;
}
.home-hero-23 .home-hero__block-header {
    color: #fff;
}
.home-hero-23 .home-hero__block-header span{
    color: #03CF9E !important;
}
.home-hero-23 .home-hero__block-header {
    width: 75%;
}
.home-hero-23::after {
    background: url(../img/fadebg-purple.webp) no-repeat scroll 0 0/cover;
}
.button_transparent{
    border-radius: 50px;
}
.c-filter .blog-cat ul{
    background: #957DFF;
    color: #fff;
}
.blog-cat li.init::after{
    border-color: #fff;
}
.home-hero-23.csalt {
    padding-top: 140px;
}
.single-customer-stories .home-hero__block-title{
      color: #F87A63 !important;
     font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
}
.csBannerMeta .cs-hovers .h4{
     color: #F87A63 !important;
}
.csBannerMeta::before {
    background: linear-gradient(99deg,rgba(149, 125, 255, 1) 0%, rgba(149, 125, 255, 0.34) 100%);
}
.customerinfo-inner::after {
    background: #EAE5FF;
}
.single-customer-stories .innerBanner .content-text p{
    color: #8700BF !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
}
.innerBanner .content-text p::before{
   background: linear-gradient(99deg,rgba(135, 0, 191, 0) 0%, rgba(135, 0, 191, 1) 100%);
}
.csSingle24 .dot_left_bg{
    display: none;
}
.new-hero-area.v2 {
    background-color: #31135E !important;
}
.new-hero-area.v2 .hero-text-new .subHeading{
    color: #F87A63;
}
.new-hero-area.v2 .home-hero__block-header{
    color: #fff;
}
.new-hero-area.v2 .home-hero__block-header span{
    color: #03CF9E !important;
}
.new-hero-area.v2 .home-hero__block-text{
    color: #fff;
}
.new-tab-info ul li::after {
    background: url('data:image/svg+xml,<svg id="Cancel" xmlns="http://www.w3.org/2000/svg" width="30.001" height="30.18" viewBox="0 0 30.001 30.18"><circle id="Ellipse_67" data-name="Ellipse 67" cx="15" cy="15" r="15" transform="translate(0.001 0.18)" fill="%23fff"/><path id="Icon_awesome-check-circle" data-name="Icon awesome-check-circle" d="M30.563,15.563a15,15,0,1,1-15-15A15,15,0,0,1,30.563,15.563ZM13.827,23.5,24.956,12.376a.968.968,0,0,0,0-1.369L23.588,9.639a.968.968,0,0,0-1.369,0l-9.076,9.076L8.906,14.477a.968.968,0,0,0-1.369,0L6.169,15.846a.968.968,0,0,0,0,1.369l6.29,6.29a.968.968,0,0,0,1.369,0Z" transform="translate(-0.563 -0.563)" fill="%23f87a63"/></svg>') no-repeat scroll 0 0/contain;
}
.hero-text-new .state-box .inner{
    background: transparent;
}
.ck_details.customerStories24.v4 .button_secondary{
    background: #F87A63;
}
header nav #menu > ul > li > .sub-menu::after {
    background: linear-gradient(166deg, #FAF4FE 0%, #8700BF 100%);
}
header nav #menu > ul > li.has-submenu > a::before {
    background: url(../img/menu-polu.webp) no-repeat scroll 0 0/contain;
}
.megamenu-v2 > li > ul > li::after {
    background: linear-gradient(99deg,rgba(231, 204, 242, 1) 0%, rgba(135, 0, 191, 1) 100%);
}
.megamenu-v2 > li > ul > li a:hover .icon img {
    filter: invert(1) brightness(0);
}
.ck_details.customerStories24.v4 .h1 span {
    color: #F87A63;
}
.newsletter-cta .btn_green{
    background: #03CF9E;
}
.header-toggle span{
    background: #31135E;
}
#menu-toggle {
    border-radius: 50%;
}
#menu-toggle.active {
    background: #31135E;
}
#menu-toggle.active span{
    background: #fff;
}
.header-toggle .active span:nth-child(1) {
    top: 12px;
}
.header-toggle .active span:nth-child(3) {
    top: -2px;
}
.stWrapper {
    background: #FEE4E0;
}
.stickyBottomMenu .innerMenu .stickyBAR{
    mix-blend-mode: multiply;
}
.stickyBottomMenu .innerMenu .right ul {
    background: #FEE4E0;
}
.stickyBottomMenu .innerMenu .right ul li a {
    background: #31135E;
    color: #F87A63;
}
section.bg-dblue.user-guides26{
    background: #FEE4E0;
}
@media(max-width:991px){
    header nav #menu>ul>li:hover > a {
    opacity: 1;
    color: #957DFF;
}
header nav #menu > ul > li.has-submenu > a:hover:after {
    background: #957DFF;
    color: #fff;
    line-height: 10px;
}
.megamenu-v2 > li > ul > li a .icon img {
    filter: invert(1) brightness(0);
}
#menu > ul > li:first-child .sub-menu a div {
    color: #31135E;
}
#menu > ul > li:first-child .sub-menu a div span.d-block {
    color: #31135E !important;
    font-size: 13px !important;
}
div#menu {
    min-height: calc(100vh - 114px);
}

    div#menu ul ul > li a{
        color: #31135E !important;
    }
    ul.megamenu-v2.sub-menu > li > a > img {
    filter: invert(1) brightness(1) opacity(1) !important;
}
    div#menu {
    background: #fff !important;
}
    .cta-area.style-1 .container-fluid {
    padding: 0 15px;
}
.cta-area.style-1 .inner {
    padding: 30px;
}
.stickyBottomMenu .innerMenu .stickyBAR{
            background: #FEE4E0;
}
.stickyBottomMenu .innerMenu .stickyBAR img{
    mix-blend-mode: multiply;
}
.stWrapper {
    background: #31135E;
}
.stickyBottomMenu .innerMenu .left ul li a:hover, .stickyBottomMenu .innerMenu .left ul li a.active {
    opacity: 1;
    color: #957DFF;
}
.stickyBottomMenu .innerMenu .right ul li a {
    color: #F87A63;
}
.stickyBottomMenu .innerMenu .right ul li a:hover {
    background: #F87A63;
    color: #fff;
}
.new-tab-v2 {
    padding-top: 70px;
}
section.new-tab-v2.stylev4 {
    background: linear-gradient(0deg,rgba(49, 19, 91, 1) 0%, rgba(241, 225, 240, 1) 100%);
}
.cta_n_img {
    width: 50%;
    object-fit: contain;
}
}
@media(max-width:767px){
    .main-wrapper.v2 .page-banner {
    padding-top: 84px;
}
.home-hero-23 .home-hero__block-header{
    width:100%
}
.home-hero-23.csalt {
    padding-top: 84px;
}
.customerinfo-inner{
    background: #EAE5FF;
}
.new-hero-area.v2 .new_hero_bg_2{
    display: none;
}
.mobile_hero_banner{
    background-color: #31135E !important;
}
a.playBTN.d-md-none.mobile_play_alt {
    color: #F87A63;
}
.new-video-banner-area {
    background: #2D213F;
}
.mbg::after {
    background: linear-gradient(0deg, rgb(49 18 95 / 93%) 0%, rgba(49, 18, 95, 0) 100%);

}
.new-tab2-icon {
    background: #8700BF;
    color: #fff;
}
.tabarrows path{
    fill:#8700BF
}
.new-tab2-icon .icon-holder {
    background: #F1E1F0;
    border: 2px solid #8700BF;
}
.new-tab-v2.stylev4 .icon.fwicon {
    color: #8700BF;
}
.new-tab-info-v2::after{
    display: none;
}
}
@media(max-width:575px){
    .login-box .button {
    font-size: 16px;
    width: 100%;
}
.free-trial {
    padding-top: 35px !important;
}
.home-hero-23::after {
    background: url(../img/hero-24-new-bg.webp) 0 0/cover no-repeat;
}
.home-hero-23 .home-hero__block-title{
    color: #F87A63;
}
.customerStories24 .c-filter{
    margin-bottom: 30px;
}
.home-hero-23.csalt::after {
    background: url(../img/csalt-new-bg.webp) no-repeat scroll 0 -40px/cover;
}
.cta_n_img{
    display: none;
}
.new-hero-area.v2 {
    padding-top: 56px;
}
.cta-area.style-1 {
    padding-bottom: 35px !important;
}
.new-video-banner-area .btn_green{
    margin: 0;
}
}

/* ==========================================================================
   Design feedback — September 2026
   ========================================================================== */

/* HD-03: give the Resources dropdown the same item hover effect as the
   Solutions menu (gradient edge + lift), mirroring `.megamenu-v2 > li > ul > li`. */
.dropdown-menus ul.sub-menu li {
    border-radius: 15px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s;
}
.dropdown-menus ul.sub-menu li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(308deg, rgba(3,207,158,1) 0%, rgba(244,254,251,0.3925945378151261) 90%);
    z-index: -1;
    opacity: 0;
    transition: all 0.4s;
}
.dropdown-menus ul.sub-menu li:hover::after {
    opacity: 1;
}
.dropdown-menus ul.sub-menu li:hover {
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.dropdown-menus ul.sub-menu li a {
    border-radius: 10px;
    transition: all 0.4s;
}
.dropdown-menus ul.sub-menu li:hover a {
    background: #fff;
}

/* HD-04: header "Book a demo" CTA — font size +2px (15px -> 17px),
   indigo hover background with white text. */
header .header-action .book-demo.cta-btn {
    font-size: 17px;
}
header .header-action .book-demo.cta-btn:hover {
    background: #31135E;
    color: #fff;
}

/* HP-01: homepage hero "Book a demo" CTA — font size +2px (17px -> 19px),
   indigo hover background with white text. */
.new-hero-area .home-buttons-group .home-buttons.button {
    font-size: 19px;
}
.new-hero-area .home-buttons-group .home-buttons.button:hover {
    background: #31135E;
    color: #fff !important;
}


/* HP-04: testimonials section ("Why our clients choose us") — CTA hover indigo
   with white text. The base button is already aqua with #31135E text. */
.new-video-banner-area .btn_green:hover {
    background: #31135E;
    color: #fff;
}

/* HP-04: "Watch video" hover — lilac, per the palette reference, which lists
   "Watch video" alongside menu and footer as a lilac hover. Applies to both
   instances (hero and testimonials) so they behave consistently. */
.playBTN:hover {
    color: #957DFF;
}

/* HP-05: "Discover more customer stories" — indigo hover with white text
   (was #00192C from .button_secondary:not(.alt):hover). */
.new_review_area .button_secondary:hover,
.new_review_area .button_secondary:not(.alt):hover {
    background: #31135E;
    color: #fff;
}

/* HP-06: "Find out more" — drop the hover underline, indigo hover with white
   text. The underline came from .button_secondary.alt:hover, which set it
   !important, so it has to be unset the same way. */
a.btns.button_secondary.alt:hover,
.button_secondary.alt:hover {
    background: #31135E;
    color: #fff;
    text-decoration: none !important;
}

/* HP-07: last-section "Book a demo" — +2px type, indigo text on the aqua
   button, indigo hover with white text. */
.newsletter-cta .btn_green {
    font-size: 19px;
    color: #31135E;
}
.newsletter-cta .btn_green:hover {
    background: #31135E;
    color: #fff;
}

/* HP-03: CTA below the Sectors section — +2px type and #31135E text, which
   needs the light button treatment its siblings use (HP-04 / HP-07), so the
   background moves from indigo to aqua. Hover is lilac per the brief. */
.new-box-area .btn_green {
    background: #03CF9E;
    color: #31135E;
    font-size: 19px;
}
.new-box-area .btn_green:hover {
    background: #957DFF;
    color: #31135E;
}

/* ---- Sector page template (SC-01 .. SC-04) ---------------------------- */

/* SC-01: first "Book a demo" CTA — +2px type, indigo hover with white text. */
.new-icon-teaser.v2 .btn_green {
    font-size: 19px;
}
.new-icon-teaser.v2 .btn_green:hover {
    background: #31135E;
    color: #fff;
}

/* SC-02: "View more case studies" — indigo on white text, lilac hover with
   indigo text. Overrides the coral background set further up the file. */
.ck_details.customerStories24.v4 .button_secondary {
    background: #31135E;
    color: #fff;
}
.ck_details.customerStories24.v4 .button_secondary:hover {
    background: #957DFF;
    color: #31135E;
}

/* SC-03: last "Book a demo" CTA — +2px type, indigo hover with white text. */
.cta-area.style-1 .home-buttons.button {
    font-size: 19px;
}
.cta-area.style-1 .home-buttons.button:hover {
    background: #31135E;
    color: #fff !important;
}
.cta-area.style-1 .inner{
	padding:49px 
}
/* SC-04: round the CTA section image to match the 20px panel it sits in. */
.cta-area.style-1 .cta_n_img {
    border-radius: 20px;
    position: inherit;
    max-height: inherit;
    min-height: inherit;
    width: 100%;
}

/* SC-06: the sector features tab column inherited height:calc(100% - 200px)
   from the base tab styles, giving 502px inside a 702px canvas and clipping
   the 4th tab (which needs 625px). This canvas is CSS-drawn, so the column can
   simply use the height available to it. Scoped to .new-tab-alt so the
   homepage variant is untouched. */
.new-custom-tab-area.new-tab-alt .tab-buttons {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
}


/* SC-08: the white customer-stories variant (block style v5) sets a #00192C
   heading, but its highlight span stayed coral #F87A63 — only ~2.7:1 on white.
   Use the purple the site's other white sections use for heading highlights. */
.customerStories24.v4.bg-white-important .h1 span {
    color: #8700BF;
}

/* SC-10: the CTA block carries a pt-0 class, which is right when it follows a
   section with its own bottom padding. On Design & Engineering there is no
   customer-stories block in between, so the features section (padding-bottom:0)
   runs straight into it. Restore a top padding only for that adjacency,
   matching the CTA section's own 110px bottom. */
.new-custom-tab-area + .cta-area.style-1.pt-0 {
    padding-top: 77px !important;
}

/* SC-09: the Offline access tab uses an uploaded SVG (offline.svg) rather than
   a Font Awesome glyph, because wifi-slash is Pro-only and the Free build
   renders nothing. Size and tint it to match the neighbouring glyphs. Only
   applies to tabs that use an image icon, so glyph tabs are unaffected. */
.new-custom-tab-area .tab-buttons button .icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* UC-05 / UC-07: on wide screens the tab column is positioned absolutely, so it
   cannot grow the canvas and taller tab lists were silently clipped (up to
   398px on Inspections, which has five tabs). Put the column back in the flex
   row — which is what the block's own base CSS does below 1291px — so the
   canvas grows to fit it. Selectors are deliberately more specific than
   `body .new-tab-alt .inner ...`: those rules live in the Customizer CSS, which
   is printed after this stylesheet and would otherwise win on source order. */
@media (min-width: 1291px) {
    body .new-custom-tab-area.new-tab-alt .inner {
        padding-left: 0;
    }
    body .new-custom-tab-area.new-tab-alt .inner > div.button_wrapper {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    body .new-custom-tab-area.new-tab-alt .inner > div.image-panels {
        width: calc(100% - 650px);
    }
    body .new-custom-tab-area.new-tab-alt .tab-buttons {
        height: auto;
        max-height: none;
    }
}

/* ---- Feature page template (FP-01, FP-03) ------------------------------ */

/* FP-01: on feature pages the "View more case studies" hover is coral with
   indigo text — unlike the sector and use-case pages (SC-02 / UC-01), which
   take a lilac hover from the same class. Scoped by the feature-page layout
   block (.new-tab-v2), which those pages have and the others do not, so it
   needs no page IDs. Must come after SC-02: equal specificity, order decides. */
.new-tab-v2 ~ .ck_details.customerStories24.v4 .button_secondary:hover {
    background: #F87A63;
    color: #31135E;
}

/* FP-03: product image border — the palette assigns #8700BF to image borders
   on feature pages. Only border-color, so the 2px width and 50px radius stay. */
.new-tab-v2.stylev4 .tabview {
    border-color: #8700BF;
}

/* ---- Customer stories overview (CS-01, CTA buttons) -------------------- */

/* CS-01: the CTA block here is the same .cta-area.style-1 used on sector,
   use-case and feature pages, but the brief gives it different colours. Scoped
   by .home-hero-23, which is the customer-stories hero — those other pages do
   not have it, so their SC-03 colours are untouched. */
.home-hero-23 ~ .cta-area.style-1 .home-buttons.button {
    font-size: 19px;
    background: #F87A63;
    color: #fff !important;
}
.home-hero-23 ~ .cta-area.style-1 .home-buttons.button:hover {
    background: #31135E;
    color: #fff !important;
}
.home-hero-23 ~ .cta-area.style-1 .home-buttons.button_transparent {
    font-size: 19px;
    background: transparent;
    border-color: #F87A63;
    color: #F87A63;
}
.home-hero-23 ~ .cta-area.style-1 .home-buttons.button_transparent:hover {
    background: #31135E;
    border-color: #F87A63;
    color: #fff !important;
}

/* CS-01: panel background and image layout, per the wireframe. The wireframe
   panel samples as a uniform #5A427E at every point, i.e. flat rather than the
   current gradient. Scoped to the customer-stories overview so the same block
   on sector/use-case/feature pages keeps its gradient. */
.home-hero-23 ~ .cta-area.style-1 .inner {
    background: #5A427E;
}

/* CS-02: the customer-story hero subsection strip was still overlaid with the
   old dark navy #00192C. Recoloured to the primary brand indigo. Its 2px top
   accent line is already the new aqua (picked up by GL-01). */
.csBannerMeta::after {
    background: #31135E;
}

/* ---- Other pages (OP-01 .. OP-05) -------------------------------------- */

/* OP-01: /about hero fade. The overlay was a black gradient (rgba(0,0,0,.65));
   recoloured to the brand indigo at the same stops and opacity. */
.about-img:before {
    background: linear-gradient(to bottom, rgba(49, 19, 94, 0) 0%, rgba(49, 19, 94, 0.65) 100%);
}

/* OP-02: /support button hovers. */
.btn-simple-green:hover {
    background: #F87A63;
    color: #31135E;
}
.btn-simple:hover {
    background: #31135E;
    color: #fff;
}

/* OP-03: give the Integrations / eBooks hero the same colour as /webinars.
   That banner is a #4B3F80→#6628C4 gradient under a 49% black overlay, so the
   equivalent flat gradient is those stops multiplied by 0.51. Stated as one
   gradient rather than adding an overlay element, which would sit over the
   heading. Note this banner class is also used by /checklists. */
.page-banner.bg-dblue.text-white {
    background-image: linear-gradient(180deg, #262041 0%, #341464 100%);
}

/* OP-04: /login button hovers. The two buttons swap appearance: Login is
   coral at rest and goes indigo, Create account is indigo and goes coral.
   (The default previously hovered to its own resting colours, so nothing
   visibly happened.) The arrow <i> carries its own !important colour, so it
   has to be restated per state - see the rules at the end of this file. */
.button.button-default:hover {
    background: #31135E;
    color: #fff !important;
}
.button.button-alt:hover {
    background: #F87A63;
    color: #31135E !important;
}

/* OP-05: the login footer is indigo, so the colour logo's dark wordmark is
   invisible. No white asset exists in the media library, so the existing logo
   is rendered white. Replace with a proper white asset when one is available. */
.footer.style-2 .footer-logo img {
    filter: brightness(0) invert(1);
}

/* OP-02 (cont.): the Download button sits inside .bg-dblue, which has its own
   hover rule at higher specificity (.bg-dblue .btn-simple-green:hover -> white).
   Restate the brief's colours at matching specificity so they win. */
.bg-dblue .btn-simple-green:hover,
.cta-dark .btn-simple-green:hover {
    background: #F87A63;
    color: #31135E;
}
@media(max-width:991px){
		.newsletter-cta .inner{
		padding:20px
	}
	.newsletter-cta .container-fluid {
    padding: 0 15px;
}
}
@media(max-width:767px){
	.cta-area.style-1 .inner{
	padding:30px 
}
	.cta-area.style-1 .inner img{
		margin-top:30px
	}
	.button_wrapper {
    overflow-x: auto;
    margin-bottom: 50px;
}

	
}
@media(max-width:575px){
	.newsletter-cta{
		text-align:center
	}
	.newsletter-cta .bg_image_n {
    margin-top: 30px;
}
}
/* ==========================================================================
   Resources dropdown — match the Solutions (megamenu-v2) hover exactly.
   GL-01 rebranded the Solutions hover to purple but left `.dropdown-menus`
   on the old aqua treatment, so Resources hovered teal. These three rules
   mirror the Solutions declarations verbatim.
   ========================================================================== */

/* 1. hover edge: purple, same angle and stops as .megamenu-v2 > li > ul > li::after */
.dropdown-menus ul.sub-menu li::after {
    background: linear-gradient(99deg,rgba(231, 204, 242, 1) 0%, rgba(135, 0, 191, 1) 100%);
}

/* 2. icon stays dark on hover instead of flipping to its native aqua,
      mirroring `.megamenu-v2 > li > ul > li a:hover .icon img`.
      Resources has no .icon wrapper, so the img is a direct child of the link. */
.dropdown-menus ul.sub-menu li a:hover img {
    filter: invert(1) brightness(0);
}

/* 3. siblings dim to the same 0.3 the Solutions menu uses, not 0.5 */
.dropdown-menus ul.sub-menu:hover li {
    opacity: 0.3;
}
.dropdown-menus ul.sub-menu li:hover {
    opacity: 1;
}


/* Resources dropdown: give the icon the same circular badge as the Solutions
   menu. Solutions gets it from a `.icon` wrapper div; the Resources markup has
   a bare <img>, so the circle is drawn on `a::before` and the image overlaps it
   via a negative margin. The circle must NOT live on the <img> itself, because
   the `filter: invert(1) brightness(0)` that darkens the glyph would blacken
   the background with it. Geometry copied from
   `.megamenu-v2 > li > ul > li a .icon` (50px, #FEE4E0) and its img (18px). */
.dropdown-menus ul.sub-menu li a {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}
.dropdown-menus ul.sub-menu li a:has(img)::before {
    content: "";
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-right: -50px;           /* the icon sits on top of this circle */
    background: #FEE4E0;
    border-radius: 50%;
}
.dropdown-menus ul.sub-menu li a img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
    padding: 16px;                 /* 50 - 18px glyph, split evenly */
    box-sizing: border-box;
    object-fit: contain;
    background: none;
}

/* Top bar: give the language toggle the same lilac hover the dropdown items
   already use (`.wpml-ls-sub-menu a:hover`, #957DFF). The toggle's colour is
   locked by `body .wpml-ls-legacy-dropdown-click > ul > li > a {color:#fff
   !important}`, so this has to match that specificity and carry !important.
   (`.login:hover` was stale aqua and is corrected in place at the top of this
   file.) */
body .wpml-ls-legacy-dropdown-click > ul > li > a:hover,
body .wpml-ls-legacy-dropdown-click > ul > li > a:hover .wpml-ls-native {
    color: #957DFF !important;
}

/* The globe beside the language toggle is a background image, so it stayed
   white while the label turned lilac. Paint it with `currentColor` through a
   mask of the same asset instead: it is then white normally and #957DFF on
   hover, following the link with no second rule to keep in sync. */
body .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    background: currentColor;
    -webkit-mask: url(../img/icon-globe.webp) no-repeat 100% 100%;
            mask: url(../img/icon-globe.webp) no-repeat 100% 100%;
    -webkit-mask-size: cover;
            mask-size: cover;
}

/* Feature/sector/use-case tab block (acf/new-tab style v5): the screenshot
   panel was pinned to the top of the section, leaving a large gap underneath
   whenever the text column was taller than the image. Centre it vertically.

   Only the alignment is set here. The width and the background gradient come
   from the Customizer rule with the same selector, which loads after this file
   — so this one is deliberately a class more specific
   (`.new-custom-tab-area.new-tab-alt` vs `.new-tab-alt`) to win on specificity
   rather than order, and declares nothing else so the gradient is untouched.

   Scoped to the desktop side-by-side layout: at <=1290px the panel goes full
   width and the image already fills it exactly, so there is no gap to close. */
@media (min-width: 1291px) {
    body .new-custom-tab-area.new-tab-alt .inner > div.image-panels {
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* OP-04 (cont.): the arrow in the /login buttons is an <i> whose colour is set
   with !important by `.login-box .button-default i` / `.button-alt i`, so it
   does not inherit the hover colour and has to be restated here. Placed at the
   end of the file so it wins on order against those equally specific rules. */
.button.button-default:hover i {
    color: #fff !important;
}
.button.button-alt:hover i {
    color: #31135E !important;
}

/* ==========================================================================
   Mobile navigation fixes
   ========================================================================== */

/* The Resources submenu icons kept their original aqua artwork on mobile: the
   <=991px rule turns the darkening filter off (`filter: invert(0) brightness(1)`),
   which reveals the source colour. Solutions is already corrected further down
   the file; this does the same for Resources. Outside the media query on
   purpose - equal specificity, later in the file, so it wins at every width
   and matches what desktop already shows. */
.dropdown-menus ul.sub-menu li a img {
    filter: invert(1) brightness(0);
}

@media (max-width: 991px) {

    /* Tapping a parent felt dead: the class lands immediately but max-height
       animates over 0.4s from 0, so nothing moves for a moment and people tap
       again - which toggles the submenu straight back shut. Open instantly. */
    div#menu > ul ul {
        transition: none !important;
    }

    /* The open height was capped at 55em (880px). The Solutions submenu is
       ~1354px tall, so the list was cut off and grew a second scrollbar inside
       the menu. Let it take its natural height and scroll the menu as one. */
    div#menu ul ul.sub-menu.active,
    div#menu ul .megamenu-v2 ul.sub-menu {
        max-height: none !important;
        overflow: visible !important;
    }

    /* "Book a demo" sat at the very bottom of a tall scrolling panel, so it was
       off screen as soon as a submenu was open. Pin it to the bottom of the
       menu instead. */
    .mobile-quote-btn {
        position: sticky;
        bottom: 0;
        z-index: 5;
        background: #fff;
        margin: 10px 0 0 !important;
        padding: 12px 0;
    }
}

@media (max-width: 991px) {
    /* The sticky "Book a demo" sits on top of the list, so give the list room
       to scroll clear of it - otherwise the last item stays hidden behind. */
    div#menu > ul {
        padding-bottom: 58.8px;
    }
}

/* ==========================================================================
   Sector / use-case hero on phones (.new-hero-area.v2)
   ========================================================================== */
@media (max-width: 575px) {

    /* The header (.header-wrapper.style2) is position:fixed and 116px tall, so
       it sits over the top of the hero instead of pushing it down. The hero's
       80px of top padding was less than that, which hid the "CONSTRUCTION
       MANAGEMENT SOFTWARE" eyebrow behind it. Clear the header plus a gap.
       (Wider phones already use 150px from the <=1200px rule.) */
    .new-hero-area.v2 {
        padding-top: 105px;
    }

    /* The hero image was 400px tall but drawn with transform: scale(1.2). A
       transform scales about the element's centre, so it rendered 480px tall
       and spilled 40px *upwards* out of its layout box, covering the last line
       of the intro paragraph. Set the real height instead of scaling, so the
       box and the picture are the same size and nothing overlaps. */
    .mobile_hero_banner {
        height: 480px;
        transform: none;
    }
}

/* ==========================================================================
   Feature pages - active tab icon (.style2026.new-tab-v2)
   The active tab button was rebranded to coral, but its icon kept the old
   palette: the glyph, ring and fill were navy #002642, and on phones an extra
   aqua #03CF9E disc sat behind it, which is what made the icon read as a pale
   washed-out circle. Indigo on coral, the pairing used for every other coral
   control on the site.
   Scoped to .style2026 so the other .new-tab-v2 variants are untouched.
   ========================================================================== */
.style2026.new-tab-v2 .nav-tabs button.active .icon.fwicon {
    background: rgba(49, 19, 94, 0.25);
    border-color: #31135E;
    color: #31135E;
}
.style2026.new-tab-v2 .nav-tabs button.active .icon.fwicon i {
    color: #31135E !important;
}
.style2026.new-tab-v2 .nav-tabs button.active .icon-holder {
    background: transparent;
}
.style2026.new-tab-v2 .nav-tabs button.active {
    color: #31135E;
}

/* The phone slider icon on feature pages (.d-md-none .new-tab-2-slider ->
   .new-tab2-icon .icon-holder). The holder was rebranded to #F1E1F0 with a
   #8700BF ring, but the .icon.fwicon inside kept the styling meant for the dark
   desktop panel - a white glyph, a white ring and a translucent white fill - so
   the glyph was white on pale pink and effectively invisible.
   Purple glyph on the pale disc, matching the ring and the equivalent
   .new-tab-v2.stylev4 rule above. The inner ring is dropped because at 76px
   inside an 80px holder it just doubles the holder's own ring. */
.new-tab2-icon .icon-holder .icon.fwicon {
    background: transparent;
    border-color: transparent;
    color: #8700BF;
}
.new-tab2-icon .icon-holder .icon.fwicon i {
    color: #8700BF !important;   /* beats the inline style="color:#ffffff" on the glyph */
}

/* ==========================================================================
   Hero text clipped by the fixed header on phones/tablets
   .header-wrapper is position:fixed and 116px tall, so it is out of flow and
   paints over whatever sits at the top of the page. Any first block whose top
   padding is less than that loses its heading behind the header.
   Only the two page types that actually fall short are adjusted; the rules are
   scoped with :first-child so the same sections used mid-page are untouched.
   ========================================================================== */
@media (max-width: 991px) {

    /* Feature pages: the hero is the tab block itself (stylev4 / style2026),
       with 100px of padding against a 116px header - the heading was cut by
       16px. Elsewhere on the site this same block appears mid-page, hence
       :first-child. */
    .l-blocks-wrap > section.new-tab-v2:first-child {
        padding-top: 105px;
    }

    /* Pricing: the banner is pulled up with margin-top:-90px so its background
       runs behind the header, which is intended - but its 125px of padding then
       put the heading at 35px, 81px behind the header. Keep the negative margin
       and pad past it instead (-90 + 240 = 150, same clearance as above). */
    .l-blocks-wrap > .pricing-banner:first-child {
        padding-top: 168px;
    }
}

/* ==========================================================================
   Feature tab block (.new-custom-tab-area) - remaining pre-rebrand colours
   ========================================================================== */

/* The active tab's icon was a dark-green -> aqua disc with an aqua halo. Coral
   is this block's accent (the bullet checkmarks beside the copy already use it)
   and it is the only palette colour that reads on the purple panel. */
.new-custom-tab-area .tab-buttons button .icon::after {
    background: linear-gradient(0deg, rgba(197, 84, 64, 1) 0%, rgba(248, 122, 99, 1) 100%);
}
.new-custom-tab-area .tab-buttons button.active .icon-holder {
    background: rgba(248, 122, 99, 0.27);
}
.new-custom-tab-area .tab-buttons::-webkit-scrollbar-thumb {
    background-color: #F87A63;
    border: 1px solid #31135E;
}
.new-custom-tab-area .tab-buttons::-webkit-scrollbar {
    background-color: #31135E;
}

/* Below 1290px the image panel fell back to the old #071829 navy while the
   desktop view uses the purple gradient. Same gradient at every width.
   One class more specific than the Customizer rule it overrides, and it sets
   only the background so the radius/width from that rule still apply. */
@media (max-width: 1290px) {
    body .new-custom-tab-area.new-tab-alt .inner > div.image-panels {
        background: linear-gradient(180deg, rgba(90, 66, 126, 1) 0%, rgba(45, 33, 63, 1) 100%);
    }
}

/* The feature tab block only turned purple when JS added `.new-tab-alt`, which
   it does only for tabs that carry a bg_image. The homepage block is driven by
   video instead of images, so it never got the class and kept the pre-rebrand
   navy (#00223b on .inner, #06223e on .image-panels). Brand the block itself so
   it no longer depends on that class. Same gradient the Customizer already uses
   for the .new-tab-alt variant, so both presentations match. Background only -
   the radius and spacing from the rules above still apply. */
/* NOT .inner: on the homepage that box is a square, full-width slab sitting
   under the rounded panels, so painting it left its corners showing as a dark
   band below the card. The two visible panels are painted instead. The
   .new-tab-alt pages still get .inner from the Customizer, where it IS the
   rounded card. */
.new-custom-tab-area .image-panels {
    background: linear-gradient(180deg, rgba(90, 66, 126, 1) 0%, rgba(45, 33, 63, 1) 100%);
}

/* The text column keeps its own #041829 navy at narrow widths (the desktop rule
   that clears it is inside a media query, and the Customizer only clears it for
   the .new-tab-alt variant). Make it transparent so the .inner gradient above
   shows through on every page and width. */
.new-custom-tab-area .inner > div.text-panels {
    background: linear-gradient(180deg, rgba(90, 66, 126, 1) 0%, rgba(45, 33, 63, 1) 100%);
}

/* ==========================================================================
   Hero spacing — equal above and below, 30% tighter on desktop and 50% tighter
   on phones than the previous 105px.
     desktop  105 -> 73.5    phones  105 -> 52.5
   The header is position:fixed (148px desktop, 116px phones) and paints over
   the top of the first block, so that much of the top padding is never seen:
   top padding = header + the gap you want. Pricing adds its negative margin on
   top again, because that pulls the banner up behind the header.
   ========================================================================== */
.l-blocks-wrap > .new-hero-area:first-child,
.l-blocks-wrap > .home-hero-23:first-child,
.l-blocks-wrap > section.new-tab-v2:first-child,
.l-blocks-wrap > .page-banner:first-child {
    padding-top: 221.5px;            /* 148 + 73.5 */
    padding-bottom: 73.5px;
}
.l-blocks-wrap > .pricing-banner:first-child {
    padding-top: 391.5px;            /* 148 + 73.5 + 170 negative margin */
    padding-bottom: 73.5px;
}

@media (max-width: 991px) {
    .l-blocks-wrap > .new-hero-area:first-child,
    .l-blocks-wrap > .home-hero-23:first-child,
    .l-blocks-wrap > section.new-tab-v2:first-child,
    .l-blocks-wrap > .page-banner:first-child {
        padding-top: 168.5px;        /* 116 + 52.5 */
        padding-bottom: 52.5px;
    }
    .l-blocks-wrap > .pricing-banner:first-child {
        padding-top: 258.5px;        /* 116 + 52.5 + 90 negative margin */
        padding-bottom: 52.5px;
    }
}

/* 576-991px the pricing banner's negative margin is -80px, not -90px. */
@media (min-width: 576px) and (max-width: 991px) {
    .l-blocks-wrap > .pricing-banner:first-child {
        padding-top: 248.5px;        /* 116 + 52.5 + 80 */
    }
}

/* Homepage feature block on phones: .inner still carried the pre-rebrand
   #00223b navy, which showed as a blue strip behind the tab icons (the sector
   pages hide it because .new-tab-alt paints the gradient over it).
   Only below 992px — at desktop .inner has border-radius:0 and painting it is
   what produced the dark band under the rounded card, so there the two panels
   stay responsible for the colour. On phones .inner is a rounded card, so it
   can carry the gradient safely. */
@media (max-width: 991px) {
    .new-custom-tab-area .inner {
        background: linear-gradient(180deg, rgba(90, 66, 126, 1) 0%, rgba(45, 33, 63, 1) 100%);
    }
}

/* ==========================================================================
   Feature tab block on mobile: tabs with labels in rows of three,
   compact, with a small gap at the top. The video is left untouched.
   The class is doubled on purpose so these rules beat the Customizer CSS.
   ========================================================================== */
@media (max-width: 767px) {

    /* Card: small gap above the tabs */
    body .new-custom-tab-area.new-custom-tab-area .inner {
        padding-top: 0 !important;
    }

    /* Tab area: in the normal flow so the card grows to fit both rows.
       The bottom margin makes room for the video, which is shifted up
       40px by the theme and would otherwise cover the second row. */
    body .new-custom-tab-area.new-custom-tab-area .inner > div.button_wrapper,
    body .new-custom-tab-area.new-custom-tab-area .button_wrapper {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        overflow: visible !important;
        margin: 0 0 45px !important;
    }

    /* Tabs wrap into rows */
    body .new-custom-tab-area.new-custom-tab-area .tab-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 15px 10px 0 !important;
    }

    /* Three tabs per row, labels visible */
    body .new-custom-tab-area.new-custom-tab-area .tab-buttons button {
        flex: 0 0 33.333%;
        max-width: 33.333% !important;
        font-size: 10px !important;
        line-height: 13px;
        padding: 0 4px;
        margin: 0 0 10px !important;
        white-space: normal;
    }

    /* Compact icons */
    body .new-custom-tab-area.new-custom-tab-area .tab-buttons button .icon-holder {
        padding: 5px;
    }
    body .new-custom-tab-area.new-custom-tab-area .tab-buttons button .icon {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    body .new-custom-tab-area.new-custom-tab-area .tab-buttons button svg {
        margin-top: 4px;
    }
}

/* Mobile menu: open submenus on the first tap.
   The desktop hover rule changes the submenu's visibility, so iOS uses the
   first tap as a "hover" and only fires the click on the second tap. On
   mobile the submenus are opened by the tap itself (max-height), so keep
   their visibility constant and hover no longer changes anything. */
@media (max-width: 991px) {
    header nav #menu > ul > li > ul.sub-menu,
    header nav #menu > ul > li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }
}
/* Mobile menu: show "Book a demo" right under the menu items instead of
   pinned to the bottom of the screen, where it sat behind Safari's toolbar.
   100dvh is the visible height (excluding the browser bars); 100vh stays
   as a fallback for older browsers. */
@media (max-width: 991px) {
    div#menu {
        justify-content: flex-start !important;
        min-height: calc(100vh - 114px);
        min-height: calc(100dvh - 114px);
    }
    .mobile-quote-btn {
        margin-top: 30px !important;
    }
}
/* Feature tab labels: long Dutch (and French) words overflowed the 180px
   tab column. Allow the browser to hyphenate them, break as a last resort,
   and use a slightly smaller size for Dutch, which has the longest words. */
.new-custom-tab-area .tab-buttons button {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}
@media (min-width: 768px) {
    :lang(nl) .new-custom-tab-area .tab-buttons button {
        font-size: 15px;
        line-height: 19px;
    }
}
/* Sector page icon row: long Dutch (and French) words overflowed their
   column and ran into each other. Allow hyphenation / breaking, make
   the columns equal width, and use a slightly smaller size for Dutch. */
.new_icon_teaser_slide .iititle {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    padding: 0 10px;
}

@media (min-width: 576px) {
    /* equal-width columns, so spacing no longer depends on word length */
    .new_icon_teaser_slide.as_nav .slick-slide {
        flex: 1 1 0;
        min-width: 0;
    }
    :lang(nl) .new_icon_teaser_slide .iititle {
        font-size: 16px;
        line-height: 22px;
    }
}
/* Feature pages: the first block is the tab section, whose purple is an
   overlay that stops where the content ends. The hero bottom padding
   showed the section's pink base below it as a band above the client
   logos. Remove the padding for this block only. */
.l-blocks-wrap > section.new-tab-v2:first-child {
    padding-bottom: 0;
}
/* Customer story hero: the quote strip (.csBannerMeta) is pinned to the
   bottom of the hero, so the hero needs bottom padding taller than the
   strip. The hero spacing rule reduced it to 73.5px, less than the strip,
   so the strip covered the gap under the title. */
.l-blocks-wrap > .home-hero-23.csalt:first-child {
    padding-bottom: 160px;
}
@media (min-width: 576px) and (max-width: 991px) {
    .l-blocks-wrap > .home-hero-23.csalt:first-child {
        padding-bottom: 180px;     /* the strip is taller on tablets */
    }
}