.elementor-38 .elementor-element.elementor-element-bbc0ef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-9854387{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-d714cae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-4954365{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-8cabe7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38 .elementor-element.elementor-element-3164ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-bbc0ef6{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-91d1f3a *//*==================================================
CONTACT PAGE
==================================================*/

.contact-hero{

    position:relative;

    overflow:hidden;

    padding:130px 0;

    background:
    radial-gradient(circle at top right,#DBEAFE 0%,transparent 35%),
    radial-gradient(circle at bottom left,#ECFEFF 0%,transparent 35%),
    linear-gradient(180deg,#ffffff,#f8fbff);

}

.contact-hero::before{

content:"";

position:absolute;

width:650px;

height:650px;

right:-260px;

top:-260px;

border-radius:50%;

background:
radial-gradient(circle,#2563eb12,transparent 70%);

}

.contact-hero::after{

content:"";

position:absolute;

left:-220px;

bottom:-220px;

width:480px;

height:480px;

border-radius:50%;

background:
radial-gradient(circle,#06b6d412,transparent 70%);

}

.contact-hero .container{

width:1280px;

max-width:92%;

margin:auto;

display:grid;

grid-template-columns:1.15fr .85fr;

gap:80px;

align-items:center;

position:relative;

z-index:2;

}

/*================================*/

.contact-hero-left h1{

font-size:68px;

font-weight:800;

line-height:1.08;

color:#111827;

margin:22px 0;

max-width:680px;

}

.contact-hero-left p{

font-size:19px;

line-height:34px;

color:#64748B;

max-width:620px;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}
/*================================
BUTTONS
================================*/

.btn-primary,

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:18px 34px;

border-radius:60px;

text-decoration:none;

font-weight:700;

transition:.4s cubic-bezier(.2,.8,.2,1);

}

.btn-primary{

background:linear-gradient(135deg,#2563EB,#06B6D4);

color:#fff;

box-shadow:

0 20px 45px rgba(37,99,235,.22);

}

.btn-primary:hover{

transform:translateY(-6px);

box-shadow:

0 30px 65px rgba(37,99,235,.35);

}

.btn-secondary{

background:#fff;

color:#111827;

border:1px solid #E2E8F0;

}

.btn-secondary:hover{

background:#2563EB;

color:#fff;

border-color:#2563EB;

transform:translateY(-6px);

}
/*==================================
RIGHT CARD
==================================*/

.hero-card{

position:relative;

background:rgba(255,255,255,.82);

backdrop-filter:blur(22px);

padding:45px;

border-radius:32px;

border:1px solid rgba(226,232,240,.8);

box-shadow:

0 30px 70px rgba(15,23,42,.08);

overflow:hidden;

transition:.45s;

}

.hero-card:hover{

transform:translateY(-10px);

box-shadow:

0 40px 90px rgba(37,99,235,.14);

}

.hero-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:

linear-gradient(90deg,#2563EB,#06B6D4);

}

.hero-card-header{

margin-bottom:35px;

}

.hero-card-header span{

display:inline-block;

padding:10px 18px;

background:#EEF4FF;

color:#2563EB;

border-radius:30px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

}
/*==================================
INFO ITEMS
==================================*/

.hero-info{

display:flex;

flex-direction:column;

gap:22px;

}

.hero-info-item{

display:flex;

align-items:center;

gap:18px;

padding:18px;

border-radius:20px;

transition:.35s;

}

.hero-info-item:hover{

background:#F8FBFF;

transform:translateX(8px);

}

.hero-info-item i{

width:58px;

height:58px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

background:

linear-gradient(135deg,#2563EB,#06B6D4);

color:#fff;

font-size:20px;

flex-shrink:0;

}

.hero-info-item small{

display:block;

font-size:13px;

color:#94A3B8;

margin-bottom:5px;

}

.hero-info-item h4{

font-size:18px;

font-weight:700;

color:#111827;

}
/*==================================
FLOATING LABELS
==================================*/

.hero-floating-card{

position:absolute;

padding:14px 24px;

background:#fff;

border-radius:50px;

font-weight:600;

box-shadow:

0 20px 45px rgba(15,23,42,.08);

animation:float 4s ease-in-out infinite;

}

.hero-floating-card.one{

top:-20px;

right:-20px;

}

.hero-floating-card.two{

left:-30px;

bottom:-25px;

animation-delay:1.5s;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}
.reveal{

opacity:0;

transform:translateY(70px);

transition:1s;

}

.reveal.show{

opacity:1;

transform:translateY(0);

}

.ripple{

position:absolute;

border-radius:50%;

background:rgba(255,255,255,.35);

transform:scale(0);

animation:ripple .7s linear;

pointer-events:none;

}

@keyframes ripple{

to{

transform:scale(4);

opacity:0;

}

}

.btn-primary,
.submit-btn,
.cta-primary,
.direction-btn{

position:relative;

overflow:hidden;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-275110e *//*=========================================
CONTACT MAIN
=========================================*/

.contact-main{

    position:relative;

    padding:120px 0;

    background:#fff;

}

.contact-main .container{

    width:1280px;

    max-width:92%;

    margin:auto;

}

.contact-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    align-items:flex-start;

}

/*=========================================
LEFT FORM
=========================================*/

.contact-form-box{

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:30px;

    padding:55px;

    box-shadow:
    0 30px 70px rgba(15,23,42,.06);

    transition:.4s;

}

.contact-form-box:hover{

    transform:translateY(-8px);

    box-shadow:
    0 45px 90px rgba(37,99,235,.10);

}

.contact-form-box h2{

    font-size:46px;

    line-height:1.1;

    margin:20px 0;

    color:#111827;

}

.contact-form-box p{

    color:#64748b;

    font-size:17px;

    line-height:30px;

    margin-bottom:35px;

}

/*=========================================
FORM
=========================================*/

.contact-form{

    display:flex;

    flex-direction:column;

    gap:24px;

}

.input-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

}

.input-group{

    display:flex;

    flex-direction:column;

}

.input-group label{

    font-size:14px;

    font-weight:600;

    color:#334155;

    margin-bottom:10px;

}
/*=========================================
INPUTS
=========================================*/

.input-group input,

.input-group select,

.input-group textarea{

    width:100%;

    padding:18px 22px;

    border-radius:16px;

    border:1px solid #dbe4ef;

    background:#fbfdff;

    font-size:16px;

    color:#111827;

    transition:.35s;

    outline:none;

}

.input-group textarea{

    resize:none;

}

.input-group input:focus,

.input-group select:focus,

.input-group textarea:focus{

    border-color:#2563eb;

    background:#fff;

    box-shadow:

    0 0 0 5px rgba(37,99,235,.08);

}

/* Placeholder */

.input-group input::placeholder,

textarea::placeholder{

    color:#94a3b8;

}
/*=========================================
BUTTON
=========================================*/

.submit-btn{

    margin-top:10px;

    padding:18px 34px;

    border:none;

    border-radius:60px;

    background:

    linear-gradient(135deg,#2563eb,#06b6d4);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    transition:.35s;

    width:fit-content;

}

.submit-btn:hover{

    transform:translateY(-6px);

    box-shadow:

    0 25px 60px rgba(37,99,235,.25);

}

.submit-btn i{

    transition:.35s;

}

.submit-btn:hover i{

    transform:translateX(6px);

}
/*=========================================
SIDEBAR
=========================================*/

.contact-sidebar{

    position:sticky;

    top:120px;

}

.contact-card{

    background:

    linear-gradient(180deg,#ffffff,#f8fbff);

    border-radius:30px;

    padding:40px;

    border:1px solid #edf2f7;

    box-shadow:

    0 25px 60px rgba(15,23,42,.06);

    overflow:hidden;

    position:relative;

}

.contact-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:

linear-gradient(90deg,#2563eb,#06b6d4);

}
.contact-card span{

display:inline-block;

padding:8px 18px;

border-radius:30px;

background:#eef4ff;

color:#2563eb;

font-size:13px;

font-weight:700;

margin-bottom:18px;

}

.contact-card h3{

font-size:34px;

margin-bottom:15px;

color:#111827;

}

.contact-card>p{

font-size:16px;

line-height:28px;

color:#64748b;

margin-bottom:30px;

}
/*=========================================
INFO ITEMS
=========================================*/

.sidebar-item{

display:flex;

align-items:flex-start;

gap:18px;

padding:18px 0;

border-bottom:1px solid #eef2f7;

transition:.3s;

}

.sidebar-item:last-child{

border:none;

}

.sidebar-item:hover{

transform:translateX(8px);

}

.sidebar-item .icon{

width:56px;

height:56px;

min-width:56px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(135deg,#2563eb,#06b6d4);

color:#fff;

font-size:20px;

}

.sidebar-item small{

display:block;

color:#94a3b8;

margin-bottom:5px;

font-size:13px;

}

.sidebar-item h4{

font-size:17px;

line-height:28px;

color:#111827;

}

.whatsapp-btn{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

margin-top:35px;

padding:18px;

border-radius:60px;

text-decoration:none;

background:#25D366;

color:#fff;

font-weight:700;

transition:.35s;

}

.whatsapp-btn:hover{

transform:translateY(-6px);

box-shadow:

0 20px 45px rgba(37,211,102,.30);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57b03b6 *//*=========================================
WHY CONTACT SECTION
=========================================*/

.why-contact{

    position:relative;

    padding:120px 0;

    background:
    linear-gradient(180deg,#ffffff,#f8fbff);

    overflow:hidden;

}

.why-contact::before{

content:"";

position:absolute;

right:-220px;

top:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(circle,#2563eb10,transparent 70%);

}

.why-contact .container{

width:1280px;

max-width:92%;

margin:auto;

position:relative;

z-index:2;

}

/*===========================*/

.section-title{

max-width:760px;

margin:auto;

text-align:center;

margin-bottom:80px;

}

.section-title h2{

font-size:58px;

font-weight:800;

line-height:1.08;

margin:18px 0;

color:#111827;

}

.section-title h2 span{

display:block;

background:linear-gradient(90deg,#2563eb,#06b6d4);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.section-title p{

font-size:18px;

line-height:34px;

color:#64748b;

}

/*===========================*/

.why-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}
/*=========================================
CARD
=========================================*/

.why-card{

position:relative;

padding:45px 35px;

border-radius:28px;

background:rgba(255,255,255,.82);

backdrop-filter:blur(16px);

border:1px solid rgba(226,232,240,.8);

overflow:hidden;

transition:.45s cubic-bezier(.2,.8,.2,1);

box-shadow:

0 20px 50px rgba(15,23,42,.06);

cursor:pointer;

}

.why-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:0;

height:4px;

background:

linear-gradient(90deg,#2563eb,#06b6d4);

transition:.45s;

}

.why-card:hover::before{

width:100%;

}

.why-card:hover{

transform:translateY(-12px);

box-shadow:

0 35px 75px rgba(37,99,235,.15);

border-color:#2563eb20;

}
/*=========================================
ICON
=========================================*/

.why-icon{

width:80px;

height:80px;

display:flex;

align-items:center;

justify-content:center;

border-radius:24px;

margin-bottom:30px;

background:

linear-gradient(135deg,#2563eb,#06b6d4);

color:#fff;

font-size:30px;

transition:.4s;

box-shadow:

0 18px 40px rgba(37,99,235,.25);

}

.why-card:hover .why-icon{

transform:rotate(-8deg) scale(1.08);

}
/*=========================================
TEXT
=========================================*/

.why-card h3{

font-size:28px;

font-weight:700;

margin-bottom:15px;

color:#111827;

transition:.35s;

}

.why-card:hover h3{

color:#2563eb;

}

.why-card p{

font-size:16px;

line-height:30px;

color:#64748b;

}
/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1100px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.why-contact{

padding:80px 0;

}

.section-title h2{

font-size:40px;

}

.section-title p{

font-size:16px;

line-height:28px;

}

.why-grid{

grid-template-columns:1fr;

}

.why-card{

padding:35px 25px;

}

.why-icon{

width:65px;

height:65px;

font-size:24px;

margin-bottom:20px;

}

.why-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc66c30 *//*=========================================
CONNECT SECTION
=========================================*/

.connect-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#dbeafe 0%,transparent 35%),
    radial-gradient(circle at bottom right,#ecfeff 0%,transparent 35%),
    linear-gradient(180deg,#ffffff,#f8fbff);

}

.connect-section::before{

content:"";

position:absolute;

left:-220px;

top:-220px;

width:500px;

height:500px;

border-radius:50%;

background:

radial-gradient(circle,#2563eb10,transparent 70%);

}

.connect-section::after{

content:"";

position:absolute;

right:-200px;

bottom:-200px;

width:420px;

height:420px;

border-radius:50%;

background:

radial-gradient(circle,#06b6d410,transparent 70%);

}

.connect-section .container{

width:1280px;

max-width:92%;

margin:auto;

position:relative;

z-index:2;

}

/*==============================*/

.connect-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:70px;

}
/*=========================================
CARD
=========================================*/

.connect-card{

position:relative;

padding:45px 35px;

border-radius:30px;

background:rgba(255,255,255,.82);

backdrop-filter:blur(18px);

border:1px solid rgba(226,232,240,.8);

overflow:hidden;

transition:.45s cubic-bezier(.2,.8,.2,1);

box-shadow:

0 20px 50px rgba(15,23,42,.06);

text-align:center;

}

.connect-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:0;

height:5px;

background:

linear-gradient(90deg,#2563eb,#06b6d4);

transition:.45s;

}

.connect-card:hover::before{

width:100%;

}

.connect-card:hover{

transform:translateY(-12px);

box-shadow:

0 35px 80px rgba(37,99,235,.16);

}
/*=========================================
ICON
=========================================*/

.connect-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:28px;

display:flex;

align-items:center;

justify-content:center;

border-radius:26px;

background:

linear-gradient(135deg,#2563eb,#06b6d4);

font-size:34px;

color:#fff;

transition:.4s;

box-shadow:

0 18px 45px rgba(37,99,235,.25);

}

.connect-card:hover .connect-icon{

transform:rotate(-10deg) scale(1.08);

}
/*=========================================
TEXT
=========================================*/

.connect-card h3{

font-size:28px;

font-weight:700;

margin-bottom:15px;

color:#111827;

transition:.35s;

}

.connect-card:hover h3{

color:#2563eb;

}

.connect-card p{

font-size:16px;

line-height:30px;

color:#64748b;

margin-bottom:30px;

}
/*=========================================
LINK
=========================================*/

.connect-card a{

display:inline-flex;

align-items:center;

gap:10px;

text-decoration:none;

font-weight:700;

color:#2563eb;

transition:.35s;

}

.connect-card:hover a{

gap:16px;

}

.connect-card a i{

transition:.35s;

}

.connect-card:hover a i{

transform:translateX(6px);

}
/*=========================================
FEATURED
=========================================*/

.featured{

background:

linear-gradient(180deg,#ffffff,#eef7ff);

border:2px solid rgba(37,99,235,.15);

transform:scale(1.05);

}

.featured .connect-icon{

background:

linear-gradient(135deg,#25D366,#128C7E);

}

.featured:hover{

transform:translateY(-12px) scale(1.05);

}
/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1100px){

.connect-grid{

grid-template-columns:repeat(2,1fr);

}

.featured{

transform:none;

}

}

@media(max-width:768px){

.connect-section{

padding:80px 0;

}

.connect-grid{

grid-template-columns:1fr;

}

.connect-card{

padding:35px 25px;

}

.connect-icon{

width:70px;

height:70px;

font-size:28px;

}

.connect-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6abb61 *//*=========================================
OFFICE SECTION
=========================================*/

.office-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:#fff;

}

.office-section::before{

content:"";

position:absolute;

right:-220px;

top:-220px;

width:520px;

height:520px;

border-radius:50%;

background:

radial-gradient(circle,#2563eb10,transparent 70%);

}

.office-section .container{

width:1280px;

max-width:92%;

margin:auto;

position:relative;

z-index:2;

}

/*==============================*/

.office-heading{

max-width:720px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.office-heading h2{

font-size:58px;

font-weight:800;

margin:20px 0;

line-height:1.08;

color:#111827;

}

.office-heading p{

font-size:18px;

line-height:34px;

color:#64748b;

}

/*==============================*/

.office-wrapper{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:40px;

align-items:center;

}
/*=========================================
GOOGLE MAP
=========================================*/

.office-map{

position:relative;

border-radius:30px;

overflow:hidden;

box-shadow:

0 35px 80px rgba(15,23,42,.08);

transition:.45s;

}

.office-map:hover{

transform:translateY(-10px);

box-shadow:

0 45px 90px rgba(37,99,235,.18);

}

.office-map iframe{

display:block;

width:100%;

height:550px;

border:0;

transition:.45s;

}

.office-map:hover iframe{

transform:scale(1.03);

}
/*=========================================
OFFICE CARD
=========================================*/

.office-card{

background:

linear-gradient(180deg,#ffffff,#f8fbff);

padding:45px;

border-radius:30px;

border:1px solid #edf2f7;

box-shadow:

0 30px 70px rgba(15,23,42,.06);

position:relative;

overflow:hidden;

}

.office-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:

linear-gradient(90deg,#2563eb,#06b6d4);

}

.office-card span{

display:inline-block;

padding:10px 18px;

border-radius:40px;

background:#eef4ff;

color:#2563eb;

font-size:13px;

font-weight:700;

margin-bottom:18px;

}

.office-card h3{

font-size:34px;

margin-bottom:20px;

color:#111827;

}
/*=========================================
OFFICE ROW
=========================================*/

.office-row{

display:flex;

gap:18px;

align-items:flex-start;

padding:22px 0;

border-bottom:1px solid #edf2f7;

transition:.35s;

}

.office-row:last-child{

border:none;

}

.office-row:hover{

transform:translateX(8px);

}

.office-row i{

width:58px;

height:58px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

background:

linear-gradient(135deg,#2563eb,#06b6d4);

color:#fff;

font-size:20px;

flex-shrink:0;

}

.office-row strong{

display:block;

font-size:17px;

margin-bottom:6px;

color:#111827;

}

.office-row p{

font-size:15px;

line-height:28px;

color:#64748b;

}
/*=========================================
BUTTON
=========================================*/

.direction-btn{

margin-top:35px;

display:flex;

align-items:center;

justify-content:center;

gap:12px;

padding:18px;

border-radius:60px;

background:

linear-gradient(135deg,#2563eb,#06b6d4);

color:#fff;

text-decoration:none;

font-weight:700;

transition:.35s;

}

.direction-btn:hover{

transform:translateY(-6px);

box-shadow:

0 25px 60px rgba(37,99,235,.25);

}

.direction-btn i{

transition:.35s;

}

.direction-btn:hover i{

transform:translateX(6px);

}
/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1100px){

.office-wrapper{

grid-template-columns:1fr;

}

.office-card{

order:-1;

}

}

@media(max-width:768px){

.office-section{

padding:80px 0;

}

.office-heading h2{

font-size:40px;

}

.office-map iframe{

height:350px;

}

.office-card{

padding:30px;

}

.office-card h3{

font-size:26px;

}

.office-row{

padding:18px 0;

}

.office-row i{

width:48px;

height:48px;

font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a1155a *//*=================================================
FINAL CTA
=================================================*/

.contact-cta{

    position:relative;

    overflow:hidden;

    padding:130px 0;

    background:
    linear-gradient(135deg,#0F172A,#1E3A8A,#2563EB);

}

.contact-cta .container{

    width:1280px;

    max-width:92%;

    margin:auto;

}

.cta-wrapper{

    position:relative;

    text-align:center;

    padding:90px 70px;

    border-radius:40px;

    overflow:hidden;

    background:

    rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.12);

}
/*================================
GLOW CIRCLES
================================*/

.cta-bg-circle{

position:absolute;

border-radius:50%;

filter:blur(30px);

opacity:.35;

animation:floatCircle 7s ease-in-out infinite;

}

.circle-1{

width:260px;

height:260px;

background:#06B6D4;

left:-90px;

top:-90px;

}

.circle-2{

width:320px;

height:320px;

background:#60A5FA;

right:-120px;

bottom:-120px;

animation-delay:2s;

}

@keyframes floatCircle{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-25px);

}

}
/*================================
TEXT
================================*/

.contact-cta .section-badge{

background:rgba(255,255,255,.12);

color:#fff;

}

.contact-cta h2{

font-size:68px;

line-height:1.08;

font-weight:800;

margin:25px auto;

max-width:820px;

color:#fff;

}

.contact-cta p{

max-width:760px;

margin:auto;

font-size:19px;

line-height:34px;

color:rgba(255,255,255,.82);

margin-bottom:50px;

}
/*================================
BUTTONS
================================*/

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:45px;

}

.cta-primary,

.cta-secondary{

display:flex;

align-items:center;

gap:12px;

padding:18px 36px;

border-radius:60px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.cta-primary{

background:#fff;

color:#2563EB;

}

.cta-primary:hover{

transform:translateY(-8px);

box-shadow:

0 25px 60px rgba(255,255,255,.25);

}

.cta-secondary{

background:rgba(255,255,255,.12);

border:1px solid rgba(255,255,255,.15);

color:#fff;

}

.cta-secondary:hover{

background:#fff;

color:#2563EB;

transform:translateY(-8px);

}
/*================================
FEATURES
================================*/

.cta-features{

display:flex;

justify-content:center;

gap:35px;

flex-wrap:wrap;

}

.cta-features div{

display:flex;

align-items:center;

gap:10px;

font-size:16px;

font-weight:600;

color:#fff;

}

.cta-features i{

font-size:20px;

color:#4ADE80;

}
/*================================
RESPONSIVE
================================*/

@media(max-width:768px){

.contact-cta{

padding:80px 0;

}

.cta-wrapper{

padding:55px 30px;

}

.contact-cta h2{

font-size:42px;

}

.contact-cta p{

font-size:16px;

line-height:30px;

}

.cta-buttons{

flex-direction:column;

}

.cta-primary,

.cta-secondary{

justify-content:center;

}

.cta-features{

gap:20px;

}

}/* End custom CSS */