:root{
--color-white: #ffffff;
--color-blue: #2A2A85;
--color-green: #00AF8C;
--color-black: #161616;
--font-size-title: 32px;
} .elementor-widget-off-canvas { --e-off-canvas-animation-duration: 500ms !important; }
.hero-text span{
font-size: clamp(48px, 10vw, 180px);
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: clamp(2px, 0.5vw, 9px);
color: var(--color-white);
opacity: 0.84;
}
.subtitle-hero p {
font-size: var(--font-size-title);
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: 0.64px;
color: var(--color-white);
}
nav.rank-math-breadcrumb {
text-transform: capitalize;
color: #fff;
font-weight: 400;
font-size: 17px;
}
nav.rank-math-breadcrumb a {
color: #fff;
font-weight: 400;
}
.header-menu .sub-menu { 
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12); 
padding: 0 0 25px 0 !important; 
min-width: 180px !important; 
}
.header-menu li a {
transition: none !important;
margin-inline-start: 0 !important;
}
.header-menu li a:hover,
.header-menu li.current-menu-item > a,
.header-menu li.current_page_item > a {
-webkit-text-stroke: 0.6px;
text-stroke: 0.6px;
margin-inline-start: 0 !important; 
padding: 0 !important;
}
.header-menu .sub-menu li { 
padding: 20px 0px 5px 0px;
position: relative; 
}
.header-menu ul.elementor-nav-menu--dropdown a { 
border-inline-start: 0 !important; 
padding: 0 10px 0 10px !important; 
}
.header-menu .sub-menu li:after {
content: '';
display: block;
width: calc(100%);
height: 1px;
background-color: #2a2a85;
position: absolute;
bottom: -5px; }
.header-menu .sub-menu li:last-child:after { display: none; }
.basic-button .elementor-button {
background-color: var(--color-white);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 1;
border-radius: 54px;
min-width: 250px;
padding: 0px 0;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.basic-button .elementor-button:hover{ background-color: transparent;}
.basic-button .elementor-button::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background-color: var(--color-green);
border-radius: 54px;
transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 0;
}
.basic-button .elementor-button:hover::before {
width: 100%;
right: auto;
left: 0;
}
.basic-button .elementor-button-content-wrapper { 
justify-content: right; 
gap: 50px; 
align-items: center;
position: relative;
z-index: 1;
}
.basic-button span.elementor-button-icon {
font-size: 54px;
padding: 3px;
position: relative;
z-index: 1;
}
.basic-button span.elementor-button-icon svg { 
background-color: var(--color-green); 
border-radius: 54px;
}
.basic-button .elementor-button-icon svg path.b {
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.title span {
font-size: clamp(32px, 5vw, 72px);
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color-white);
}
.normal-paragraph p { font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: justify;
}
.flagship-subtitle span{
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color-white);
}
.h2 h2 {
font-size: clamp(28px, 5vw, 52px);
font-style: normal;
font-weight: 400;
line-height: 1;
}
.learn-button .elementor-button {
padding: 0;
font-size: 16px;
background-color: transparent;
}
.learn-button .elementor-button .elementor-button-text {color: var(--color-blue);}
.learn-button .elementor-button-content-wrapper { gap: 25px; }
.partners-section {
max-width: 1366px;
margin: 0 auto;
}
.section-title {
text-align: center;
color: var(--color-white);
font-size: clamp(24px, 5vw, 48px);
font-weight: 700;
margin-bottom: 40px;
}
.partners-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 40px;
}
.partner-card {
position: relative;
background-color: var(--color-white);
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
cursor: pointer;
overflow: hidden;
transition: transform 0.3s ease;
text-decoration: none; }
.partner-card:hover {
transform: translateY(-5px);
}
.partner-logo {
max-width: 1000%;
max-height: 100%;
object-fit: contain;
transition: opacity 0.4s ease;
z-index: 2;
position: relative;
} .partner-card:nth-child(1),
.partner-card:nth-child(6) {
padding: 20px;
}
.partner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--color-blue);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 3;
padding: 40px;
}
.partner-overlay img {width:50px;}
.partner-card:hover .partner-overlay {
opacity: 1;
}
.partner-card:hover .partner-logo {
opacity: 0;
}
.overlay-text {
color: var(--color-white);
font-size: clamp(18px, 3vw, 24px);
font-weight: 400;
text-align: center;
margin-bottom: 30px;
}
.arrow-button {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
overflow: hidden;
}
.arrow-button svg {
width: 100%;
height: 100%;
border-radius: 50%;
}
.elementor-pagination .page-numbers {
color: var(--color-blue);
font-weight: 700;
font-size: 16px;
}
.elementor-pagination .page-numbers.current {
color: var(--color-white);
background-color: var(--color-blue);
padding: 5px 8px;
border-radius: 5px;
line-height: 1;
display: inline-flex;
} .mailchimp-newsletter-form {
max-width: 450px;
height: 70px;
margin: 0 auto;
background: #ffffff;
overflow: hidden;
box-shadow: none;
display: flex;
align-items: center;
border-radius:54px;
}
.mailchimp-newsletter-form input[type="email"] {
flex: 1;
padding: 0 20px;
background: #ffffff;
border: none;
font-size: 14px;
color: var(--color-blue);
outline: none;
height: 100%;
}
.mailchimp-newsletter-form input[type="email"]::placeholder {
color: var(--color-blue);
font-size: 14px;
}
.mailchimp-newsletter-form input[type="email"]:focus {
outline: none;
}
.mailchimp-newsletter-form input[type="submit"] {
background-color: #00af8c;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M1 6.36377C0.447715 6.36377 0 6.81148 0 7.36377C0 7.91605 0.447715 8.36377 1 8.36377V7.36377V6.36377ZM21.7071 8.07088C22.0976 7.68035 22.0976 7.04719 21.7071 6.65666L15.3431 0.292702C14.9526 -0.0978227 14.3195 -0.0978227 13.9289 0.292702C13.5384 0.683226 13.5384 1.31639 13.9289 1.70692L19.5858 7.36377L13.9289 13.0206C13.5384 13.4111 13.5384 14.0443 13.9289 14.4348C14.3195 14.8254 14.9526 14.8254 15.3431 14.4348L21.7071 8.07088ZM1 7.36377V8.36377H21V7.36377V6.36377H1V7.36377Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 31px 16px;
color: transparent;
border: none;
padding: 0;
font-size: 0;
font-weight: normal;
cursor: pointer;
transition: background-color 0.3s ease;
width: 64px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-indent: -9999px;
height:64px;
border-radius: 54px;
margin-right:3px;
}
.mailchimp-newsletter-form input[type="submit"]:hover {
background-color: #009973;
}
#mc4wp-form-1 p { color: var(--color-white); }
label.term a {
color: var(--color-white);
font-weight: 700;
text-decoration: underline;
}
#mc4wp-form-1 p input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
margin-right: 25px;
border-radius: 14px;
cursor: pointer;
background-color: var(--color-white) ;
border: 2px solid var(--color-white);
position: relative;  
} #mc4wp-form-1 p input[type="checkbox"]::after {
content: "";
position: absolute;
width: 6px;
height: 12px;
border-right: 3px solid black; border-bottom: 3px solid black;
transform: rotate(45deg);
top: 1px;
left: 6px;
opacity: 0; transition: opacity 0.1s;
} #mc4wp-form-1 p input[type="checkbox"]:checked::after {
opacity: 1;
}
.post-item-custom:hover .post-item-read-more-button-icon {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s ease;
} .timeline::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-blue);
z-index: 0;
} .timeline::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, 
rgb(255 255 255 / 1) 0%, 
rgb(255 255 255 / 0.8) 2%, 
rgb(255 255 255 / 0.1) 6%, 
rgba(255, 255, 255, 0) 15%, 
rgba(255, 255, 255, 0) 85%, 
rgb(255 255 255 / 0.1) 94%, 
rgb(255 255 255 / 0.8) 98%, 
rgb(255 255 255 / 1) 100%);
z-index: 3;
pointer-events: none;
}
.timeline {
position: relative;
width: 100%;
overflow: hidden;
padding: 115px 0;
}
.timeline-container {
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.s-curve {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 600px;
height: 100%;
z-index: 1;
pointer-events: none;
display: none;
}
.s-curve-path {
stroke: #ffffff;
stroke-width: 8;
fill: none;
opacity: 0.9;
}
.timeline-item {
display: flex;
align-items: center;
margin-bottom: 30px;
position: relative;
z-index: 2;
}
.timeline-item.left {
flex-direction: row;
justify-content: flex-start;
padding: 0px 0px;
}
.timeline-item.right {
flex-direction: row;
justify-content: flex-end;
padding: 0px 0px;
}
.left .text-content {
display: flex;
flex-direction: column;
margin-right: 40px;
text-align: end;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color-white);
width: 530px;
}
.right .text-content {
display: flex;
flex-direction: column;
margin-left: 40px;
text-align: start;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color-blue);
width: 530px;
}
.circle-container {
position: relative;
width: 120px;
aspect-ratio: 1/1;
flex-shrink: 0;
z-index: 3;
}
.circle-container svg {
position: absolute;
width: 100%;
height: 100%;
}
.circle-bg {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.left .circle-bg { background-color: var(--color-white); }
.left .circle-number { color:var(--color-blue); }
.right .circle-bg { background-color: var(--color-blue); }
.right .circle-number { color:var(--color-white); }
.circle-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 52px;
font-weight: bold;
z-index: 4;
font-weight:700;
}
.circle-container svg text {
font-size: 20px;
font-weight: bold;
fill: #6D966D;
text-transform: uppercase;
letter-spacing: 1px;
}
.text-content .highlight{
color: var(--color-white);
font-size: 32px;
font-weight: 700;
}
.right .text-content .highlight { color: var(--color-blue); } .timeline-item .circle-container {
position: relative;
} .timeline-item:hover .circle-container {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.timeline-item:hover .circle-bg {
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}
.top-gradient {
width: 100%;
height: 300px;
display: block;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}
.bottom-gradient {
width: 100%;
height: 400px;
display: block;
background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}
.timeline-item:nth-child(3) {
margin-bottom: 20px;
}
.timeline-item:nth-child(4) {
margin-bottom: 20px;
}
.timeline-item:nth-child(5) {
margin-bottom: 15px;
}
.timeline-item:nth-child(6) {
margin-bottom: 0px;
}
.timeline-item:nth-child(8) {
margin-bottom: 25px;
} .title-circle:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
border: 5px solid var(--color-blue);
border-radius: 50%;
position: absolute;
left: -111px;
top: 0;
background-color:#fff;
} body:not(.elementor-editor-active) .accordion_content { display: none ; } .accordion_trigger:hover .arrow-img img {
opacity: 1;
transform: translateY(0); 
}
body:not(.elementor-editor-active) .circle {
position:relative;
transition:0.3s;
max-width:340px;
color: var(--color-white);
}
body:not(.elementor-editor-active) .circle-text,body:not(.elementor-editor-active) .circle-btn-right-arrow {display:none; }
body:not(.elementor-editor-active) .circle:hover .circle-image, body:not(.elementor-editor-active) .circle:hover .circle-text-visible {display:none;}
body:not(.elementor-editor-active) .circle:hover {
background-color: var(--color-blue);
transition:0.3s;
}
body:not(.elementor-editor-active) .circle:hover .circle-text{display:block;}
body:not(.elementor-editor-active) .circle:hover .circle-btn-right-arrow{display:block;}
body:not(.elementor-editor-active) .circle:hover .circle-text h2 {color: var(--color-white) !important;} .wpcf7 {
max-width: 650px;
margin: 0 auto;
} .wpcf7 label {
display: block;
margin-bottom: 15px;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
padding: 15px 20px;
border: 2px solid #2c3e50;
border-radius: 25px;
font-size: 15px;
font-family: inherit;
color: #2c3e50;
background-color: #ffffff;
box-sizing: border-box;
transition: border-color 0.3s ease;
} .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
outline: none;
border-color: #34495e;
} .wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
color: #2c3e50;
opacity: 0.8;
} .wpcf7 textarea {
min-height: 170px;
resize: vertical;
font-family: inherit;
} .wpcf7 .wpcf7-list-item {
margin: 20px 0;
display: flex;
align-items: flex-start;
} .wpcf7 input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
border: 2px solid #2c3e50;
border-radius: 50%;
margin-right: 15px;
margin-top: 2px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
background-color: #ffffff;
flex-shrink: 0;
}
.wpcf7 input[type="checkbox"]:checked {
background-color: #2c3e50;
position: relative;
}
.wpcf7 input[type="checkbox"]:checked::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #ffffff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .wpcf7 .wpcf7-list-item-label {
font-size: 13px;
line-height: 1.6;
color: #2c3e50;
text-align: justify;
} .wpcf7 .wpcf7-list-item-label a {
color: #00bcd4;
text-decoration: none;
}
.wpcf7 .wpcf7-list-item-label a:hover {
text-decoration: underline;
} .wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
background-color: #2c3e50;
color: #ffffff;
border: none;
border-radius: 25px;
padding: 15px 40px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top: 10px;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
background-color: #34495e;
} .wpcf7-not-valid-tip {
color: #e74c3c;
font-size: 13px;
margin-top: 5px;
display: block;
} .wpcf7-response-output {
margin: 20px 0;
padding: 15px;
border-radius: 10px;
text-align: center;
}
.wpcf7-mail-sent-ok {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
} .wpcf7-form p {
margin: 0;
}
label.elementor-field-label { display: none !important; }
.elementor-widget-form .elementor-button svg {
height: 54px;
width: 54px;
}
.elementor-2317 .elementor-element.elementor-element-0fbe33d .elementor-button[type="submit"] svg * {
fill: revert-layer !important;
}
.elementor-2317 .elementor-element.elementor-element-0fbe33d .elementor-button span {
gap: 80px !important;
}
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input {display:block !important;}
span.elementor-field-option { display: flex !important;  align-items: baseline; gap: 20px; text-align:justify;}
span.elementor-field-option label {
line-height: 24px;
}
.elementor-widget-form button.elementor-button.elementor-size-sm {
margin-top: 20px;
}
div#previous-button .elementor-post-navigation__next.elementor-post-navigation__link,
div#previous-button .elementor-post-navigation__next .elementor-post-navigation__separator-wrapper {
display: none !important;
}
div#next-button .elementor-post-navigation__prev.elementor-post-navigation__link,
div#next-button .elementor-post-navigation__prev .elementor-post-navigation__separator-wrapper  {
display: none;
}
div#next-button  .elementor-post-navigation {justify-content: end;} 
div#next-button .elementor-post-navigation .elementor-post-navigation__link,div#previous-button .elementor-post-navigation .elementor-post-navigation__link {width:100%;}
div#next-button .elementor-post-navigation .elementor-post-navigation__link a, div#previous-button .elementor-post-navigation .elementor-post-navigation__link a { align-items: baseline; } 
.single-post-info .elementor-post-info__item--type-date {
background-color: var(--color-green);
padding: 20px;
color: var(--color-white);
border: 1px solid var(--color-green);
line-height:1;
}
.single-post-info .elementor-post-info__item--type-terms {
padding: 20px;
border: 1px solid var(--color-green);
line-height:1;
}
.single-post-info .elementor-post-info__item--type-terms a{ color:var(--color-green);line-height:1;}
.single-post-tags .elementor-post-info__item span a {
color: var(--color-blue);
padding: 5px 15px 5px 15px;
border: 1px solid var(--color-blue);
border-radius: 20px;
}
.single-post-tags span.elementor-post-info__terms-list{
display: flex !important;
gap: 20px;
flex-wrap: wrap;
}
.toolbox-circle {max-width:400px;}
body:not(.elementor-editor-active) .toolbox-circle { color: var(--color-white);} body:not(.elementor-editor-active) .blue-deliverable-container:hover{background-color:transparent !important; border:1px solid var(--color-blue); border-radius:0 0 0 60px;}
body:not(.elementor-editor-active) .blue-deliverable-container:hover .deliverables-hover-text {display:block; transition:0.3s; color: var(--color-blue) !important;} body:not(.elementor-editor-active) .green-deliverable-container:hover{background-color:transparent !important; border:1px solid var(--color-green); border-radius:0 0 0 60px;}
body:not(.elementor-editor-active) .green-deliverable-container:hover .deliverables-hover-text {display:block; transition:0.3s; color: var(--color-green) !important;} body:not(.elementor-editor-active) .deliverables-hover-text {display:none;}
body:not(.elementor-editor-active) .blue-deliverable-container:hover .deliverables-visible-text, body:not(.elementor-editor-active) .green-deliverable-container:hover .deliverables-visible-text {display:none; transition:0.3s;}
.lytbox-no-trans {
transition: none !important;
} .lytbox-header.lytbox-is-sticky {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 9999;
transform: translateY(-110%);
transition: transform var(--lytbox-anim-ms) ease;
will-change: transform;
}
.lytbox-header.lytbox-is-sticky.lytbox-show {
transform: translateY(0);
}
.lytbox-header.lytbox-is-sticky {
background: var(--lytbox-sticky-bg);
backdrop-filter: blur(var(--lytbox-sticky-blur));
box-shadow: var(--lytbox-sticky-shadow);
transition: transform var(--lytbox-anim-ms) ease;
}
.lytbox-is-sticky .logo-container { --padding-top: 30px !important; }
.lytbox-is-sticky .top-header{ --min-height:120px !important; }
.mc4wp-alert.mc4wp-error,.mc4wp-alert.mc4wp-success {
text-align: center !important;
}
.blog-item-excerpt{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
}
@media (max-width:767px){
.title-circle:before { left: -45px; } 
.partners-grid {gap:10px;}
}
@media (max-width:1353px)
{
.text-content .highlight {font-size:26px;}
.left .text-content,.right .text-content {font-size:18px;}
.timeline-item.right { padding: 0 10px;}
.timeline-item.left { padding: 0px 10px;}
.right .text-content,.right .text-content .highlight  { color: var(--color-white);}
.right .circle-bg { background-color: var(--color-white); }
.right .circle-number { color: var(--color-blue); }
.timeline {--clip-path:none !important; padding:100px 0;}
.timeline-item:nth-child(3),.timeline-item:nth-child(4),.timeline-item:nth-child(5),.timeline-item:nth-child(6),.timeline-item:nth-child(8) { margin-bottom: 30px; }
.right .text-content {margin-left:20px;}
.left .text-content {margin-right:20px;}
}
@media (min-width:1024px)
{
.blog-item-title h3 { 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}