/* CAPTCHA */

.captcha-wrapper{

margin-bottom:22px;

padding:18px;

border-radius:20px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

overflow:hidden;

}

/* NOTE */

.form-note{

font-size:13px;

color:#aeb9ca;

margin-top:16px;

margin-bottom:0;

text-align:center;

}

/* MOBILE CAPTCHA */

@media(max-width:575px){

.g-recaptcha{

transform:scale(0.88);

transform-origin:left top;

}

}

/* =========================================================
CONTACT DETAILS SECTION
========================================================= */

.contact-details-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
180deg,
#0d1524 0%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.contact-details-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.contact-detail-card{

position:relative;

padding:40px 34px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

text-align:center;

overflow:hidden;

}

/* ACTIVE */

.active-contact-card{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

border:
1px solid rgba(255,183,3,0.18);

}

/* HOVER */

.contact-detail-card:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* ICON */

.contact-detail-icon{

width:82px;
height:82px;

border-radius:26px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:30px;

color:#fff;

margin:0 auto 28px;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* TITLE */

.contact-detail-card h3{

font-size:30px;

font-weight:700;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.contact-detail-card p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:24px;

}

/* LINK */

.contact-detail-card a{

display:inline-block;

font-size:16px;
font-weight:700;

color:#ffb703;

text-decoration:none;

transition:0.3s;

word-break:break-word;

}

/* HOVER */

.contact-detail-card a:hover{

color:#fff;

}

/* MOBILE */

@media(max-width:991px){

.contact-details-section{

padding:80px 0;

}

/* GRID */

.contact-details-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

}

/* =========================================================
CONTACT HERO SECTION
========================================================= */

.contact-hero-section{

position:relative;

padding:120px 0 90px;

background:
linear-gradient(
135deg,
#08111f 0%,
#0d1524 45%,
#121d31 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.contact-hero-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:420px;
height:420px;

background:
rgba(255,123,0,0.10);

filter:blur(140px);

border-radius:50%;

}

/* =========================================================
LEFT CONTENT
========================================================= */

.contact-hero-content{

padding-right:40px;

}

/* TAG */

.contact-hero-tag{

display:inline-flex;
align-items:center;

padding:11px 22px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.14);

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:26px;

}

/* TITLE */

.contact-hero-content h1{

font-size:64px;

line-height:1.08;

font-weight:800;

color:#fff;

margin-bottom:24px;

}

/* TEXT */

.contact-hero-content p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:36px;

}

/* =========================================================
INFO BOX
========================================================= */

.contact-hero-info{

display:flex;
flex-direction:column;

gap:22px;

}

/* ITEM */

.contact-info-box{

display:flex;
align-items:center;

gap:18px;

padding:22px 24px;

border-radius:24px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(14px);

}

/* ICON */

.contact-info-icon{

width:68px;
height:68px;

border-radius:22px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:24px;

color:#fff;

flex-shrink:0;

}

/* TITLE */

.contact-info-box h4{

font-size:20px;

font-weight:700;

margin-bottom:6px;

color:#fff;

}

/* TEXT */

.contact-info-box p{

margin:0;

font-size:15px;

color:#aeb9ca;

}

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

.contact-form-box{

padding:42px;

border-radius:34px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(18px);

}

/* TITLE */

.contact-form-box h3{

font-size:40px;

font-weight:800;

margin-bottom:14px;

color:#fff;

}

/* TEXT */

.contact-form-box p{

font-size:15px;

line-height:1.8;

color:#aeb9ca;

margin-bottom:28px;

}

/* INPUT */

.contact-form-box .form-control{

height:58px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

border-radius:18px;

color:#fff;

padding-left:18px;

margin-bottom:18px;

box-shadow:none;

}

/* TEXTAREA */

.contact-form-box textarea.form-control{

height:auto;

padding-top:16px;

}

/* FOCUS */

.contact-form-box .form-control:focus{

border-color:
rgba(255,183,3,0.35);

background:
rgba(255,255,255,0.05);

color:#fff;

}

/* BUTTON */

.contact-form-box .submit-btn{

width:100%;

height:58px;

border:none;

border-radius:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

font-size:15px;
font-weight:700;

color:#fff;

transition:0.35s;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* HOVER */

.contact-form-box .submit-btn:hover{

transform:
translateY(-4px);

}

/* MOBILE */

@media(max-width:991px){

.contact-hero-section{

padding:110px 0 70px;

}

/* CONTENT */

.contact-hero-content{

padding-right:0;

text-align:center;

}

/* TITLE */

.contact-hero-content h1{

font-size:42px;

}

/* FORM */

.contact-form-box{

padding:32px 24px;

}

/* TITLE */

.contact-form-box h3{

font-size:32px;

}

}


/* =========================================================
PRICING FEATURES SECTION
========================================================= */

.pricing-feature-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
135deg,
#0b1220 0%,
#101827 45%,
#131f34 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.pricing-feature-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* BOX */

.pricing-feature-box{

position:relative;

padding:38px 34px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-feature-box{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

border:
1px solid rgba(255,183,3,0.18);

}

/* HOVER */

.pricing-feature-box:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* ICON */

.pricing-feature-icon{

width:78px;
height:78px;

border-radius:24px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:30px;

color:#fff;

margin-bottom:28px;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* TITLE */

.pricing-feature-box h3{

font-size:28px;

font-weight:700;

line-height:1.3;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.pricing-feature-box p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* MOBILE */

@media(max-width:991px){

.pricing-feature-section{

padding:80px 0;

}

/* GRID */

.pricing-feature-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

}


/* =========================================================
PRICING TABLE SECTION
========================================================= */

.pricing-table-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
180deg,
#0d1524 0%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.pricing-table-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

/* CARD */

.pricing-plan-card{

position:relative;

padding:42px 36px;

border-radius:32px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-pricing-card{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

border:
1px solid rgba(255,183,3,0.18);

transform:translateY(-10px);

}

/* HOVER */

.pricing-plan-card:hover{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* POPULAR */

.popular-badge{

position:absolute;

top:22px;
right:22px;

padding:8px 16px;

border-radius:50px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

font-size:11px;
font-weight:700;
letter-spacing:1px;

color:#fff;

}

/* TOP */

.pricing-plan-top{

margin-bottom:34px;

}

/* SMALL TAG */

.pricing-small-tag{

display:inline-block;

padding:9px 18px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.16);

font-size:11px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:24px;

}

/* TITLE */

.pricing-plan-top h3{

font-size:34px;

font-weight:700;

margin-bottom:18px;

color:#fff;

}

/* PRICE */

.pricing-price{

font-size:58px;

font-weight:800;

line-height:1;

margin-bottom:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.pricing-plan-top p{

font-size:15px;

line-height:1.8;

color:#aeb9ca;

margin:0;

}

/* FEATURES */

.pricing-features{

padding:0;

margin:0 0 38px;

list-style:none;

}

/* ITEM */

.pricing-features li{

display:flex;
align-items:center;

gap:12px;

padding:14px 0;

border-bottom:
1px solid rgba(255,255,255,0.06);

font-size:15px;

color:#dbe5f2;

}

/* ICON */

.pricing-features li i{

color:#ffb703;

font-size:18px;

}

/* BUTTON */

.pricing-btn{

display:flex;
align-items:center;
justify-content:center;

height:58px;

border-radius:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

font-size:14px;
font-weight:700;

color:#fff;

text-decoration:none;

transition:0.35s;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* HOVER */

.pricing-btn:hover{

transform:
translateY(-4px);

color:#fff;

}

/* MOBILE */

@media(max-width:991px){

.pricing-table-section{

padding:80px 0;

}

/* GRID */

.pricing-table-grid{

grid-template-columns:1fr;

gap:24px;

margin-top:50px;

}

/* CARD */

.active-pricing-card{

transform:none;

}

/* PRICE */

.pricing-price{

font-size:48px;

}

}


/* =========================================================
PRICING HERO SECTION
========================================================= */

.pricing-hero-section{

position:relative;

padding:130px 0 80px;

background:
linear-gradient(
135deg,
#08111f 0%,
#0d1524 45%,
#121d31 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.pricing-hero-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:420px;
height:420px;

background:
rgba(255,123,0,0.10);

filter:blur(140px);

border-radius:50%;

}

/* =========================================================
LEFT CONTENT
========================================================= */

.pricing-hero-content{

position:relative;

z-index:2;

padding-right:40px;

}

/* TAG */

.pricing-hero-tag{

display:inline-flex;
align-items:center;

padding:11px 22px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.14);

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:26px;

}

/* TITLE */

.pricing-hero-content h1{

font-size:64px;

line-height:1.08;

font-weight:800;

color:#fff;

margin-bottom:24px;

}

/* TEXT */

.pricing-hero-content p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:32px;

max-width:600px;

}

/* =========================================================
POINTS
========================================================= */

.pricing-hero-points{

display:flex;
flex-direction:column;

gap:16px;

margin-bottom:38px;

}

/* ITEM */

.pricing-point{

display:flex;
align-items:center;

gap:14px;

font-size:15px;

font-weight:500;

color:#dbe5f2;

}

/* ICON */

.pricing-point i{

font-size:20px;

color:#ffb703;

}

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

.pricing-hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

/* =========================================================
RIGHT IMAGE
========================================================= */

.pricing-hero-image{

position:relative;

}

/* IMAGE */

.pricing-hero-image img{

width:100%;

height:520px;

object-fit:cover;

border-radius:34px;

border:
1px solid rgba(255,255,255,0.08);

box-shadow:
0 25px 60px rgba(0,0,0,0.28);

}

/* FLOAT CARD */

.pricing-floating-card{

position:absolute;

right:25px;
bottom:25px;

padding:24px 30px;

border-radius:24px;

background:
rgba(10,15,25,0.82);

border:
1px solid rgba(255,183,3,0.16);

backdrop-filter:blur(14px);

}

/* SMALL */

.pricing-floating-card h3{

font-size:14px;

font-weight:600;

color:#ffb703;

margin-bottom:8px;

}

/* PRICE */

.pricing-floating-card h2{

font-size:44px;

font-weight:800;

line-height:1;

margin-bottom:10px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.pricing-floating-card p{

margin:0;

font-size:14px;

color:#dbe5f2;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.pricing-hero-section{

padding:120px 0 70px;

}

/* CONTENT */

.pricing-hero-content{

padding-right:0;

text-align:center;

}

/* TITLE */

.pricing-hero-content h1{

font-size:42px;

}

/* TEXT */

.pricing-hero-content p{

max-width:100%;

}

/* POINTS */

.pricing-point{

justify-content:center;

}

/* BUTTONS */

.pricing-hero-buttons{

justify-content:center;

}

/* IMAGE */

.pricing-hero-image img{

height:auto;

margin-top:10px;

}

}


/* =========================================================
SERVICES OVERVIEW SECTION
========================================================= */

.services-overview-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
180deg,
#0d1524 0%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.services-overview-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.service-overview-card{

position:relative;

padding:38px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-service-card{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

border:
1px solid rgba(255,183,3,0.18);

}

/* HOVER */

.service-overview-card:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* ICON */

.service-overview-icon{

width:78px;
height:78px;

border-radius:24px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:30px;

color:#fff;

margin-bottom:28px;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* TITLE */

.service-overview-card h3{

font-size:30px;

font-weight:700;

line-height:1.3;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.service-overview-card p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:24px;

}

/* LIST */

.service-overview-card ul{

padding:0;
margin:0 0 30px;

list-style:none;

}

/* ITEM */

.service-overview-card ul li{

display:flex;
align-items:center;

gap:10px;

margin-bottom:14px;

font-size:14px;

color:#dbe5f2;

}

/* ICON */

.service-overview-card ul li i{

color:#ffb703;

}

/* LINK */

.service-overview-card a{

display:inline-flex;
align-items:center;

gap:10px;

font-size:14px;
font-weight:700;

color:#ffb703;

text-decoration:none;

transition:0.3s;

}

/* HOVER */

.service-overview-card a:hover{

transform:
translateX(5px);

}

/* MOBILE */

@media(max-width:991px){

.services-overview-section{

padding:80px 0;

}

/* GRID */

.services-overview-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

}


/* =========================================================
SERVICES HERO SECTION
========================================================= */

.services-hero-section{

position:relative;

padding:130px 0 80px;

background:
linear-gradient(
135deg,
#08111f 0%,
#0d1524 45%,
#121d31 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.services-hero-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:420px;
height:420px;

background:
rgba(255,123,0,0.10);

filter:blur(140px);

border-radius:50%;

}

/* =========================================================
LEFT CONTENT
========================================================= */

.services-hero-content{

position:relative;

z-index:2;

padding-right:40px;

}

/* TAG */

.services-hero-tag{

display:inline-flex;
align-items:center;

padding:11px 22px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.14);

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:26px;

}

/* TITLE */

.services-hero-content h1{

font-size:64px;

line-height:1.08;

font-weight:800;

color:#fff;

margin-bottom:24px;

}

/* TEXT */

.services-hero-content p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:32px;

max-width:600px;

}

/* =========================================================
POINTS
========================================================= */

.services-hero-points{

display:flex;
flex-direction:column;

gap:16px;

margin-bottom:38px;

}

/* ITEM */

.services-point{

display:flex;
align-items:center;

gap:14px;

font-size:15px;

font-weight:500;

color:#dbe5f2;

}

/* ICON */

.services-point i{

font-size:20px;

color:#ffb703;

}

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

.services-hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

/* =========================================================
RIGHT IMAGE
========================================================= */

.services-hero-image{

position:relative;

}

/* IMAGE */

.services-hero-image img{

width:100%;

height:520px;

object-fit:cover;

border-radius:34px;

border:
1px solid rgba(255,255,255,0.08);

box-shadow:
0 25px 60px rgba(0,0,0,0.28);

}

/* FLOAT CARD */

.services-floating-card{

position:absolute;

right:25px;
bottom:25px;

padding:22px 28px;

border-radius:24px;

background:
rgba(10,15,25,0.82);

border:
1px solid rgba(255,183,3,0.16);

backdrop-filter:blur(14px);

}

/* NUMBER */

.services-floating-card h3{

font-size:42px;

font-weight:800;

margin-bottom:8px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.services-floating-card p{

margin:0;

font-size:14px;

color:#dbe5f2;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.services-hero-section{

padding:120px 0 70px;

}

/* CONTENT */

.services-hero-content{

padding-right:0;

text-align:center;

}

/* TITLE */

.services-hero-content h1{

font-size:42px;

}

/* TEXT */

.services-hero-content p{

max-width:100%;

}

/* POINTS */

.services-point{

justify-content:center;

}

/* BUTTONS */

.services-hero-buttons{

justify-content:center;

}

/* IMAGE */

.services-hero-image img{

height:auto;

margin-top:10px;

}

}


/* =========================================================
WHY CHOOSE SECTION
========================================================= */

.why-choose-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
135deg,
#0b1220 0%,
#101827 45%,
#131f34 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.why-choose-section::before{

content:'';

position:absolute;

top:-180px;
right:-120px;

width:380px;
height:380px;

background:
rgba(255,123,0,0.08);

filter:blur(130px);

border-radius:50%;

}

/* GRID */

.why-choose-grid{

display:grid;

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

gap:24px;

margin-top:70px;

}

/* CARD */

.why-choose-card{

position:relative;

padding:38px 34px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-choose-card{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

border:
1px solid rgba(255,183,3,0.18);

}

/* HOVER */

.why-choose-card:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* ICON */

.why-choose-icon{

width:78px;
height:78px;

border-radius:24px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:30px;

color:#fff;

margin-bottom:28px;

box-shadow:
0 14px 35px rgba(255,123,0,0.24);

}

/* TITLE */

.why-choose-card h3{

font-size:28px;

font-weight:700;

line-height:1.3;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.why-choose-card p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* MOBILE */

@media(max-width:991px){

.why-choose-section{

padding:80px 0;

}

/* GRID */

.why-choose-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

}


/* =========================================================
ABOUT COMPANY SECTION
========================================================= */

.about-company-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
180deg,
#0d1524 0%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* =========================================================
LEFT IMAGE
========================================================= */

.about-company-image{

position:relative;

}

/* IMAGE */

.about-company-image img{

width:100%;

height:620px;

object-fit:cover;

border-radius:34px;

border:
1px solid rgba(255,255,255,0.08);

box-shadow:
0 25px 60px rgba(0,0,0,0.28);

}

/* FLOATING BADGE */

.about-company-badge{

position:absolute;

right:25px;
bottom:25px;

padding:24px 30px;

border-radius:24px;

background:
rgba(10,15,25,0.82);

border:
1px solid rgba(255,183,3,0.16);

backdrop-filter:blur(14px);

}

/* NUMBER */

.about-company-badge h3{

font-size:48px;

font-weight:800;

margin-bottom:10px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.about-company-badge p{

margin:0;

font-size:15px;

color:#dbe5f2;

}

/* =========================================================
RIGHT CONTENT
========================================================= */

.about-company-content{

padding-left:40px;

}

/* TITLE */

.about-company-content h2{

font-size:54px;

line-height:1.1;

font-weight:800;

color:#fff;

margin:26px 0;

}

/* TEXT */

.about-company-content p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:22px;

}

/* =========================================================
FEATURE GRID
========================================================= */

.company-feature-grid{

display:grid;

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

gap:20px;

margin-top:40px;

}

/* BOX */

.company-feature-box{

display:flex;
align-items:flex-start;

gap:16px;

padding:22px;

border-radius:24px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

backdrop-filter:blur(14px);

}

/* ICON */

.company-feature-icon{

width:62px;
height:62px;

border-radius:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:24px;

color:#fff;

flex-shrink:0;

}

/* TITLE */

.company-feature-box h4{

font-size:20px;

font-weight:700;

margin-bottom:8px;

color:#fff;

}

/* TEXT */

.company-feature-box p{

font-size:14px;

line-height:1.7;

margin:0;

color:#aeb9ca;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.about-company-section{

padding:80px 0;

}

/* CONTENT */

.about-company-content{

padding-left:0;

text-align:center;

}

/* TITLE */

.about-company-content h2{

font-size:38px;

}

/* IMAGE */

.about-company-image img{

height:auto;

}

/* BADGE */

.about-company-badge{

right:20px;
bottom:20px;

padding:18px 24px;

}

.about-company-badge h3{

font-size:36px;

}

/* GRID */

.company-feature-grid{

grid-template-columns:1fr;

}

/* BOX */

.company-feature-box{

text-align:left;

}

}


/* =========================================================
BREADCRUMB SECTION
========================================================= */

.breadcrumb-section{

position:relative;

padding:95px 0 40px;

background:
linear-gradient(
135deg,
#08111f 0%,
#0d1524 50%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.breadcrumb-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:320px;
height:220px;

background:
rgba(255,123,0,0.06);

filter:blur(120px);

border-radius:50%;

}

/* CONTENT */

.breadcrumb-content{

position:relative;

z-index:2;

text-align:center;

}

/* TITLE */

.breadcrumb-content h1{

font-size:56px;

font-weight:800;

line-height:1.1;

color:#fff;

margin-bottom:14px;

}

/* NAV */

.breadcrumb-nav{

display:flex;
align-items:center;
justify-content:center;

gap:10px;

font-size:15px;

color:#aeb9ca;

}

/* LINK */

.breadcrumb-nav a{

color:#ffb703;

text-decoration:none;

font-weight:600;

transition:0.3s;

}

.breadcrumb-nav a:hover{

color:#fff;

}

/* MOBILE */

@media(max-width:991px){

.breadcrumb-section{

padding:80px 0 35px;

}

/* TITLE */

.breadcrumb-content h1{

font-size:38px;

}

}


/* PREMIUM GLASSMORPHISM THEME */

/* =========================================================
MINIMAL PREMIUM ABOUT HERO
========================================================= */

.about-hero-clean{

position:relative;

padding:120px 0 70px;

background:
linear-gradient(
135deg,
#08111f 0%,
#0d1524 50%,
#101b2d 100%
);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* LIGHT EFFECT */

.about-hero-clean::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:380px;
height:380px;

background:
rgba(255,123,0,0.08);

filter:blur(130px);

border-radius:50%;

}

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

.about-clean-content{

max-width:560px;

}

/* TAG */

.about-clean-tag{

display:inline-flex;
align-items:center;

padding:10px 20px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.16);

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:24px;

}

/* TITLE */

.about-clean-content h1{

font-size:56px;

line-height:1.1;

font-weight:800;

color:#fff;

margin-bottom:22px;

}

/* TEXT */

.about-clean-content p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:34px;

max-width:520px;

}

/* BUTTONS */

.about-clean-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

margin-bottom:42px;

}

/* =========================================================
STATS
========================================================= */

.about-clean-stats{

display:flex;

gap:18px;

flex-wrap:wrap;

}

/* ITEM */

.clean-stat{

min-width:140px;

padding:22px;

border-radius:22px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(14px);

}

/* NUMBER */

.clean-stat h3{

font-size:34px;

font-weight:800;

margin-bottom:8px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.clean-stat span{

font-size:14px;

color:#dbe5f2;

}

/* =========================================================
RIGHT IMAGE
========================================================= */

.about-clean-image{

position:relative;

}

/* IMAGE */

.about-clean-image img{

width:100%;

height:460px;

object-fit:cover;

border-radius:34px;

border:
1px solid rgba(255,255,255,0.08);

box-shadow:
0 25px 60px rgba(0,0,0,0.28);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.about-hero-clean{

padding:110px 0 70px;

}

/* CONTENT */

.about-clean-content{

max-width:100%;

text-align:center;

}

/* TITLE */

.about-clean-content h1{

font-size:40px;

}

/* TEXT */

.about-clean-content p{

max-width:100%;

}

/* BUTTONS */

.about-clean-buttons{

justify-content:center;

}

/* STATS */

.about-clean-stats{

justify-content:center;

}

/* IMAGE */

.about-clean-image img{

height:auto;

margin-top:10px;

}

}


/* =========================================================
PORTFOLIO SECTION
========================================================= */

.portfolio-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
135deg,
#101827 0%,
#0d1524 45%,
#131f34 100%
);

border-top:
1px solid rgba(255,255,255,0.04);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.portfolio-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.portfolio-card{

position:relative;

border-radius:30px;

overflow:hidden;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(18px);

transition:0.35s;

}

/* ACTIVE */

.active-portfolio{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.18);

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.05)
);

}

/* HOVER */

.portfolio-card:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.20);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* IMAGE AREA */

.portfolio-image{

position:relative;

height:260px;

display:flex;
align-items:center;
justify-content:center;

background:
linear-gradient(
135deg,
rgba(255,123,0,0.08),
rgba(255,183,3,0.03)
);

overflow:hidden;

}

/* ICON */

.portfolio-icon{

width:110px;
height:110px;

border-radius:30px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:48px;

color:#fff;

box-shadow:
0 18px 40px rgba(255,123,0,0.26);

z-index:2;

}

/* OVERLAY */

.portfolio-overlay{

position:absolute;

inset:0;

background:
rgba(5,10,20,0.72);

display:flex;
align-items:center;
justify-content:center;

opacity:0;

transition:0.35s;

}

/* SHOW */

.portfolio-card:hover .portfolio-overlay{

opacity:1;

}

/* BUTTON */

.portfolio-overlay a{

display:inline-flex;
align-items:center;
justify-content:center;

height:54px;

padding:0 28px;

border-radius:16px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

}

/* CONTENT */

.portfolio-content{

padding:34px;

}

/* SMALL */

.portfolio-content span{

display:inline-block;

margin-bottom:14px;

font-size:13px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

}

/* TITLE */

.portfolio-content h3{

font-size:28px;

font-weight:700;

line-height:1.3;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.portfolio-content p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* MOBILE */

@media(max-width:991px){

.portfolio-section{

padding:80px 0;

}

.portfolio-grid{

grid-template-columns:1fr;

gap:24px;

margin-top:50px;

}

.active-portfolio{

transform:none;

}

}

.seo-content-section{

padding:70px 0;

background:#0b1220;

border-top:1px solid rgba(255,255,255,0.05);

}

.seo-content{

max-width:1000px;

margin:auto;

text-align:center;

}

.seo-content h2{

font-size:38px;

font-weight:800;

margin-bottom:24px;

color:#fff;

}

.seo-content p{

font-size:16px;

line-height:2;

color:#aeb9ca;

margin-bottom:20px;

}


/* =========================================================
FOOTER
========================================================= */

.main-footer{

position:relative;

padding-top:90px;

background:
linear-gradient(
135deg,
#080f1c 0%,
#0d1524 45%,
#121d31 100%
);

border-top:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* TOP */

.footer-top{

padding-bottom:60px;

}

/* LOGO */

.footer-logo{

height:72px;

width:auto;

margin-bottom:26px;

}

/* ABOUT */

.footer-about p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:32px;

}

/* CONTACT */

.footer-contact-info{

display:flex;
flex-direction:column;

gap:18px;

}

/* ITEM */

.contact-item{

display:flex;
align-items:flex-start;

gap:16px;

}

/* ICON */

.contact-icon{

min-width:52px;
height:52px;

border-radius:16px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:20px;

color:#fff;

box-shadow:
0 12px 28px rgba(255,123,0,0.24);

}

/* TEXT */

.contact-item span{

display:block;

font-size:13px;

color:#ffb703;

margin-bottom:4px;

}

/* TITLE */

.contact-item h5{

font-size:16px;

font-weight:600;

margin:0;

line-height:1.7;

color:#fff;

}

.contact-item h5 a{

color:#fff;

text-decoration:none;

}

/* LINKS */

.footer-links h4{

font-size:22px;

font-weight:700;

margin-bottom:28px;

color:#fff;

}

/* LIST */

.footer-links ul{

padding:0;
margin:0;

list-style:none;

}

/* ITEM */

.footer-links ul li{

margin-bottom:16px;

}

/* LINK */

.footer-links ul li a{

font-size:15px;

color:#aeb9ca;

text-decoration:none;

transition:0.3s;

}

.footer-links ul li a:hover{

color:#ffb703;

padding-left:6px;

}

/* BOTTOM */

.footer-bottom{

padding:28px 0;

border-top:
1px solid rgba(255,255,255,0.06);

}

/* COPYRIGHT */

.footer-bottom p{

margin:0;

font-size:14px;

color:#94a3b8;

}

/* SOCIAL */

.footer-social{

display:flex;
justify-content:flex-end;

gap:14px;

}

/* ICON */

.footer-social a{

width:48px;
height:48px;

border-radius:14px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

display:flex;
align-items:center;
justify-content:center;

font-size:18px;

color:#fff;

text-decoration:none;

transition:0.35s;

}

.footer-social a:hover{

transform:
translateY(-5px);

background:
linear-gradient(135deg,#ff7b00,#ffb703);

border-color:
transparent;

}

/* =========================================================
WHATSAPP FLOAT
========================================================= */

.whatsapp-float{

position:fixed;

right:24px;
bottom:24px;

height:62px;

padding:0 24px;

border-radius:60px;

background:
linear-gradient(135deg,#25d366,#1ebe5d);

display:flex;
align-items:center;
gap:12px;

font-size:16px;
font-weight:700;

color:#fff;

text-decoration:none;

z-index:9999;

box-shadow:
0 18px 40px rgba(37,211,102,0.30);

transition:0.35s;

}

.whatsapp-float i{

font-size:28px;

}

.whatsapp-float:hover{

transform:
translateY(-5px);

color:#fff;

}

/* MOBILE */

@media(max-width:991px){

.footer-social{

justify-content:flex-start;

}

.whatsapp-float{

right:18px;
bottom:18px;

height:56px;

padding:0 20px;

font-size:14px;

}

.whatsapp-float i{

font-size:24px;

}

}


/* =========================================================
HERO FORM FIXED
========================================================= */

.hero-form{

position:relative;
z-index:2;

padding:34px;

border-radius:28px;

background:
rgba(255,255,255,0.045);

border:
1px solid rgba(255,183,3,0.12);

backdrop-filter:blur(18px);

box-shadow:
0 18px 40px rgba(0,0,0,0.18);

max-width:100%;

overflow:hidden;

}

/* BORDER EFFECT */

.hero-form::before{

content:'';

position:absolute;

inset:0;

border-radius:28px;

padding:1px;

background:
linear-gradient(
135deg,
rgba(255,123,0,0.28),
rgba(255,183,3,0.08)
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;
mask-composite:exclude;

pointer-events:none;

}

/* TITLE */

.hero-form h3{

font-size:24px;

line-height:1.3;

font-weight:700;

margin-bottom:24px;

color:#fff;

}

/* INPUT */

.form-control{

height:54px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

border-radius:14px;

padding-left:18px;

font-size:14px;

color:#fff;

margin-bottom:15px;

transition:0.3s;

}

/* TEXTAREA */

textarea.form-control{

height:110px;

padding-top:16px;

resize:none;

}

/* PLACEHOLDER */

.form-control::placeholder{

color:#8f9db1;

}

/* FOCUS */

.form-control:focus{

background:
rgba(255,255,255,0.05);

border-color:
rgba(255,183,3,0.30);

box-shadow:none;

color:#fff;

}

/* CAPTCHA */

.captcha-wrapper{

margin-top:10px;
margin-bottom:18px;

padding:12px;

border-radius:16px;

background:
rgba(255,255,255,0.03);

border:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* FIX CAPTCHA SIZE */

.g-recaptcha{

transform:scale(0.92);

transform-origin:left top;

}

/* BUTTON */

.submit-btn{

width:100%;

height:56px;

border:none;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

margin-top:5px;

box-shadow:
0 12px 30px rgba(255,123,0,0.25);

transition:0.35s;

}

/* NOTE */

.form-note{

font-size:12px;

line-height:1.7;

color:#94a3b8;

margin-top:14px;
margin-bottom:0;

text-align:center;

}

/* MOBILE */

@media(max-width:991px){

.hero-form{

padding:28px;

margin-top:20px;

}

.g-recaptcha{

transform:scale(0.82);

}

}

:root{

--primary:#ff7b00;
--secondary:#ffb703;
--dark:#07111f;
--dark2:#0d1726;
--light:#ffffff;
--text:#b8c3d1;

}

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:
linear-gradient(135deg,#07111f 0%,#0f172a 50%,#07111f 100%);
color:#fff;
overflow-x:hidden;
}

/* =========================
PREMIUM GLASS NAVBAR
========================= */

.custom-navbar{

position:fixed;
top:0;
left:0;
width:100%;

z-index:9999;

padding:18px 0;

background:
rgba(8,12,24,0.72);

backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);

border-bottom:
1px solid rgba(255,255,255,0.06);

box-shadow:
0 10px 30px rgba(0,0,0,0.18);

transition:0.35s ease;

}

/* GLASS OVERLAY */

.custom-navbar::before{

content:'';

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

background:
linear-gradient(
135deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.01)
);

pointer-events:none;

}

/* CONTAINER */

.custom-navbar .container{

position:relative;
z-index:2;

}

/* =========================================================
LOGO
========================================================= */

.navbar-brand{

display:flex;
align-items:center;

padding:0;
margin:0;

}

/* IMAGE */

.navbar-brand img{

height:62px;

width:auto;

display:block;

object-fit:contain;

filter:
drop-shadow(0 2px 10px rgba(255,123,0,0.12));

}

/* MOBILE */

@media(max-width:991px){

.navbar-brand img{

height:52px;

}

}

/* MENU */

.navbar-nav{

gap:8px;

}

.navbar-nav .nav-link{

position:relative;

color:#fff !important;

font-size:14px;
font-weight:600;

letter-spacing:1px;

padding:12px 18px !important;

border-radius:12px;

transition:0.35s ease;

}

/* HOVER */

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{

background:
rgba(255,255,255,0.06);

color:#ffb703 !important;

}

/* UNDERLINE EFFECT */

.navbar-nav .nav-link::after{

content:'';

position:absolute;

left:18px;
bottom:8px;

width:0;
height:2px;

background:#ffb703;

border-radius:20px;

transition:0.35s;

}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{

width:calc(100% - 36px);

}

/* RIGHT SIDE */

.header-right{

display:flex;
align-items:center;
gap:16px;

}

/* PHONE */

.phone-btn{

display:flex;
align-items:center;
justify-content:center;

height:52px;

padding:0 24px;

border-radius:14px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(10px);

color:#fff;
text-decoration:none;

font-size:14px;
font-weight:600;

transition:0.35s;

}

.phone-btn:hover{

background:
rgba(255,183,3,0.08);

border-color:
rgba(255,183,3,0.22);

color:#ffb703;

}

/* QUOTE BUTTON */

.quote-btn{

display:flex;
align-items:center;
justify-content:center;

height:52px;

padding:0 30px;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

box-shadow:
0 12px 30px rgba(255,123,0,0.30);

transition:0.35s ease;

}

/* BUTTON HOVER */

.quote-btn:hover{

transform:
translateY(-4px);

box-shadow:
0 18px 40px rgba(255,123,0,0.45);

color:#fff;

}

/* MOBILE */

@media(max-width:991px){

.custom-navbar{

padding:14px 0;

}

.navbar-brand img{

height:48px;

}

.navbar-collapse{

margin-top:20px;

padding:20px;

border-radius:22px;

background:
rgba(12,18,32,0.92);

backdrop-filter:blur(20px);

border:
1px solid rgba(255,255,255,0.06);

}

.navbar-nav{

gap:5px;

}

.navbar-nav .nav-link{

padding:14px 16px !important;

}

.header-right{

margin-top:20px;

flex-direction:column;

align-items:stretch;

}

.phone-btn,
.quote-btn{

width:100%;

}

}

/* =========================================================
PREMIUM HERO SECTION - FIXED VERSION
========================================================= */

.hero-section{

position:relative;

padding:90px 0 70px;

overflow:hidden;

background:
linear-gradient(135deg,#08111f 0%,#101826 50%,#08111f 100%);

}

/* LEFT ORANGE GLOW */

.hero-section::before{

content:'';

position:absolute;

width:420px;
height:420px;

background:#ff7b00;

filter:blur(180px);

opacity:0.12;

top:-160px;
left:-120px;

}

/* RIGHT GOLD GLOW */

.hero-section::after{

content:'';

position:absolute;

width:380px;
height:380px;

background:#ffb703;

filter:blur(180px);

opacity:0.10;

bottom:-120px;
right:-100px;

}

/* HERO CONTENT */

.hero-content{

position:relative;
z-index:2;

padding-right:30px;

}

/* TAG */

.hero-tag{

display:inline-flex;
align-items:center;
gap:10px;

padding:10px 20px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.15);

backdrop-filter:blur(12px);

border-radius:50px;

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#ffb703;

margin-bottom:24px;

}

.hero-tag::before{

content:'';

width:8px;
height:8px;

border-radius:50%;

background:#ffb703;

box-shadow:
0 0 12px #ffb703;

}

/* HERO HEADING */

.hero-content h1{

font-size:64px;

line-height:1.12;

font-weight:800;

letter-spacing:-2px;

margin-bottom:24px;

max-width:700px;

color:#ffffff;

}

/* HERO TEXT */

.hero-content p{

font-size:17px;

line-height:1.9;

color:#aeb9ca;

max-width:620px;

margin-bottom:35px;

}

/* BUTTONS */

.hero-buttons{

display:flex;
gap:16px;

margin-bottom:45px;

}

/* MAIN BUTTON */

.main-btn{

display:flex;
align-items:center;
justify-content:center;

height:56px;

padding:0 32px;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

text-decoration:none;

font-size:14px;
font-weight:700;

box-shadow:
0 12px 30px rgba(255,123,0,0.28);

transition:0.35s;

}

.main-btn:hover{

transform:
translateY(-4px);

color:#fff;

}

/* OUTLINE BUTTON */

.outline-btn{

display:flex;
align-items:center;
justify-content:center;

height:56px;

padding:0 32px;

border-radius:14px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(10px);

color:#fff;

text-decoration:none;

font-size:14px;
font-weight:600;

transition:0.3s;

}

.outline-btn:hover{

background:
rgba(255,255,255,0.08);

color:#fff;

}

/* =========================================================
STATS
========================================================= */

.hero-stats{

display:flex;
gap:18px;

flex-wrap:wrap;

}

/* STAT CARD */

.stat-box{

min-width:170px;

padding:24px;

border-radius:22px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

backdrop-filter:blur(14px);

transition:0.3s;

}

.stat-box:hover{

transform:
translateY(-6px);

border-color:
rgba(255,183,3,0.18);

}

/* NUMBER */

.stat-box h3{

font-size:38px;

font-weight:800;

margin-bottom:8px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.stat-box p{

margin:0;

font-size:14px;

color:#b7c1d0;

}

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

.hero-form{

position:relative;
z-index:2;

padding:38px;

border-radius:30px;

background:
rgba(255,255,255,0.045);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(22px);

box-shadow:
0 20px 45px rgba(0,0,0,0.22);

}

/* FORM TOP BORDER EFFECT */

.hero-form::before{

content:'';

position:absolute;

inset:0;

border-radius:30px;

padding:1px;

background:
linear-gradient(
135deg,
rgba(255,123,0,0.45),
rgba(255,183,3,0.15)
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;
mask-composite:exclude;

pointer-events:none;

}

/* FORM TITLE */

.hero-form h3{

font-size:30px;

line-height:1.2;

font-weight:700;

margin-bottom:28px;

color:#fff;

}

/* INPUT */

.form-control{

height:56px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

border-radius:14px;

padding-left:18px;

font-size:14px;

color:#fff;

margin-bottom:16px;

transition:0.3s;

}

/* PLACEHOLDER */

.form-control::placeholder{

color:#8c98ac;

}

/* TEXTAREA */

textarea.form-control{

height:auto;

padding-top:16px;

}

/* INPUT FOCUS */

.form-control:focus{

background:
rgba(255,255,255,0.05);

border-color:
rgba(255,183,3,0.45);

box-shadow:
0 0 0 4px rgba(255,183,3,0.06);

color:#fff;

}

/* SUBMIT */

.submit-btn{

width:100%;

height:58px;

border:none;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

margin-top:8px;

box-shadow:
0 14px 35px rgba(255,123,0,0.28);

transition:0.35s;

}

.submit-btn:hover{

transform:
translateY(-3px);

}

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

@media(max-width:991px){

.hero-section{

padding:70px 0 50px;

}

.hero-content{

padding-right:0;

}

.hero-content h1{

font-size:42px;

line-height:1.18;

letter-spacing:-1px;

}

.hero-content p{

font-size:15px;

}

.hero-buttons{

flex-direction:column;

}

.main-btn,
.outline-btn{

width:100%;

}

.hero-form{

margin-top:50px;

padding:30px;

}

.hero-form h3{

font-size:26px;

}

.hero-stats{

justify-content:center;

}

.stat-box{

width:100%;

}

}

/* =========================================================
HERO BOTTOM BORDER SEPARATION
========================================================= */

.hero-section{

position:relative;

padding:90px 0 70px;

overflow:hidden;

background:
linear-gradient(135deg,#08111f 0%,#101826 50%,#08111f 100%);

border-bottom:
1px solid rgba(255,255,255,0.08);

}

/* GLOW LINE EFFECT */

.hero-section .container{

position:relative;
z-index:2;

}

/* BOTTOM SHADOW SEPARATOR */

.hero-section::before{

content:'';

position:absolute;

left:0;
bottom:0;

width:100%;
height:1px;

background:
linear-gradient(
90deg,
transparent 0%,
rgba(255,183,3,0.25) 20%,
rgba(255,123,0,0.55) 50%,
rgba(255,183,3,0.25) 80%,
transparent 100%
);

z-index:3;

}

/* OPTIONAL SOFT GLOW */

.hero-section::after{

content:'';

position:absolute;

left:50%;
bottom:-1px;

transform:translateX(-50%);

width:60%;
height:80px;

background:
radial-gradient(
ellipse at center,
rgba(255,123,0,0.12) 0%,
transparent 70%
);

pointer-events:none;

}
/* =========================================================
SERVICES SECTION
========================================================= */

.services-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
135deg,
#0f172a 0%,
#111827 35%,
#172033 100%
);

border-top:
1px solid rgba(255,255,255,0.04);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* LEFT GLOW */

.services-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:420px;
height:420px;

background:
rgba(255,123,0,0.10);

filter:blur(140px);

border-radius:50%;

pointer-events:none;

}

/* RIGHT GLOW */

.services-section::after{

content:'';

position:absolute;

right:-150px;
bottom:-180px;

width:420px;
height:420px;

background:
rgba(255,183,3,0.06);

filter:blur(150px);

border-radius:50%;

pointer-events:none;

}

/* ROW FIX */

.services-section .row{

align-items:stretch;

position:relative;
z-index:2;

}

/* =========================================================
LEFT SIDE
========================================================= */

.service-left{

height:100%;

display:flex;
flex-direction:column;
justify-content:center;

padding-right:45px;

}

/* TAG */

.section-tag{

display:inline-flex;
align-items:center;

padding:10px 20px;

border-radius:50px;

background:
rgba(255,183,3,0.08);

border:
1px solid rgba(255,183,3,0.14);

color:#ffb703;

font-size:12px;
font-weight:700;
letter-spacing:1px;

margin-bottom:24px;

width:max-content;

}

/* TITLE */

.service-left h2{

font-size:52px;

line-height:1.12;

font-weight:800;

margin-bottom:24px;

color:#fff;

max-width:560px;

}

/* TEXT */

.service-left p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:34px;

max-width:560px;

}

/* =========================================================
POINTS
========================================================= */

.service-points{

display:flex;
flex-direction:column;

gap:18px;

margin-bottom:38px;

}

/* POINT ITEM */

.point-item{

display:flex;
align-items:flex-start;

gap:16px;

padding:22px;

border-radius:22px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

backdrop-filter:blur(12px);

transition:0.35s;

}

.point-item:hover{

transform:
translateX(6px);

border-color:
rgba(255,183,3,0.18);

background:
rgba(255,255,255,0.06);

}

/* ICON */

.point-icon{

min-width:48px;
height:48px;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:18px;
font-weight:700;

color:#fff;

box-shadow:
0 12px 28px rgba(255,123,0,0.24);

}

/* TITLE */

.point-item h4{

font-size:18px;

font-weight:700;

margin-bottom:8px;

color:#fff;

}

/* TEXT */

.point-item p{

margin:0;

font-size:14px;

line-height:1.8;

color:#aeb9ca;

}

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

.service-btn{

display:inline-flex;
align-items:center;
justify-content:center;

height:56px;

padding:0 34px;

border-radius:16px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

width:max-content;

box-shadow:
0 14px 35px rgba(255,123,0,0.25);

transition:0.35s;

}

.service-btn:hover{

transform:
translateY(-4px);

color:#fff;

}

/* =========================================================
GRID
========================================================= */

.services-grid{

display:grid;

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

gap:24px;

height:100%;

}

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

.service-card{

position:relative;

padding:34px;

border-radius:28px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(18px);

overflow:hidden;

transition:0.35s;

min-height:290px;

height:100%;

display:flex;
flex-direction:column;

}

/* ACTIVE */

.active-service{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.16),
rgba(255,183,3,0.08)
);

border:
1px solid rgba(255,183,3,0.18);

}

/* HOVER */

.service-card:hover{

transform:
translateY(-8px);

border-color:
rgba(255,183,3,0.22);

background:
rgba(255,255,255,0.07);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* TOP GLOW */

.service-card::before{

content:'';

position:absolute;

top:-60px;
right:-60px;

width:160px;
height:160px;

background:
rgba(255,183,3,0.06);

border-radius:50%;

filter:blur(10px);

}

/* ICON */

.service-icon{

width:72px;
height:72px;

border-radius:22px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:26px;

color:#fff;

margin-bottom:24px;

box-shadow:
0 12px 28px rgba(255,123,0,0.24);

}

/* NUMBER */

.service-number{

position:absolute;

top:22px;
right:26px;

font-size:52px;

font-weight:800;

opacity:0.06;

color:#fff;

}

/* TITLE */

.service-card h3{

font-size:30px;

font-weight:700;

line-height:1.2;

margin-bottom:18px;

color:#fff;

}

/* TEXT */

.service-card p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:24px;

}

/* LINK */

.service-card a{

display:inline-flex;
align-items:center;

margin-top:auto;

color:#ffb703;

font-size:14px;
font-weight:700;

text-decoration:none;

transition:0.3s;

}

.service-card a:hover{

transform:
translateX(5px);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.services-section{

padding:80px 0;

}

.service-left{

padding-right:0;

margin-bottom:10px;

}

.service-left h2{

font-size:38px;

}

.services-grid{

grid-template-columns:1fr;

gap:20px;

margin-top:20px;

}

.service-card{

min-height:auto;

}

}
/* =========================================================
WHY SECTION
========================================================= */

.why-section{

position:relative;

padding:100px 0;

background:
linear-gradient(
135deg,
#0b1220 0%,
#111827 40%,
#172033 100%
);

border-top:
1px solid rgba(255,255,255,0.04);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GLOW */

.why-section::before{

content:'';

position:absolute;

top:-180px;
left:-120px;

width:420px;
height:420px;

background:
rgba(255,123,0,0.08);

filter:blur(140px);

border-radius:50%;

pointer-events:none;

}

/* ROW FIX */

.why-section .row{

align-items:center;

position:relative;
z-index:2;

}

/* =========================================================
LEFT IMAGE
========================================================= */

.why-image-wrapper{

position:relative;

height:100%;

display:flex;
align-items:center;

padding-right:40px;

}

/* IMAGE */

.why-image-wrapper img{

width:100%;

height:650px;

object-fit:cover;

border-radius:34px;

border:
1px solid rgba(255,255,255,0.08);

box-shadow:
0 25px 60px rgba(0,0,0,0.28);

}

/* EXPERIENCE */

.experience-badge{

position:absolute;

left:40px;
bottom:40px;

padding:26px 34px;

border-radius:26px;

background:
rgba(10,15,25,0.78);

border:
1px solid rgba(255,183,3,0.18);

backdrop-filter:blur(18px);

box-shadow:
0 18px 40px rgba(0,0,0,0.20);

}

/* NUMBER */

.experience-badge h3{

font-size:54px;

font-weight:800;

line-height:1;

margin-bottom:10px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.experience-badge p{

margin:0;

font-size:15px;

color:#d5deeb;

}

/* =========================================================
RIGHT CONTENT
========================================================= */

.why-content{

height:100%;

display:flex;
flex-direction:column;
justify-content:center;

padding-left:30px;

}

/* TITLE */

.why-content h2{

font-size:52px;

line-height:1.12;

font-weight:800;

margin:24px 0;

color:#fff;

max-width:620px;

}

/* TEXT */

.why-content > p{

font-size:16px;

line-height:1.9;

color:#aeb9ca;

margin-bottom:36px;

max-width:620px;

}

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

.why-features{

display:flex;
flex-direction:column;

gap:18px;

}

/* BOX */

.why-box{

display:flex;
align-items:flex-start;

gap:18px;

padding:22px;

border-radius:24px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.06);

backdrop-filter:blur(14px);

transition:0.35s;

}

/* HOVER */

.why-box:hover{

transform:
translateX(6px);

border-color:
rgba(255,183,3,0.18);

background:
rgba(255,255,255,0.06);

}

/* ICON */

.why-icon{

min-width:62px;
height:62px;

border-radius:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:26px;

color:#fff;

box-shadow:
0 12px 28px rgba(255,123,0,0.22);

}

/* TITLE */

.why-box h4{

font-size:20px;

font-weight:700;

margin-bottom:8px;

color:#fff;

}

/* TEXT */

.why-box p{

margin:0;

font-size:14px;

line-height:1.8;

color:#aeb9ca;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.why-section{

padding:80px 0;

}

.why-image-wrapper{

padding-right:0;

margin-bottom:40px;

}

.why-image-wrapper img{

height:auto;

}

.experience-badge{

left:20px;
bottom:20px;

padding:22px 28px;

}

.experience-badge h3{

font-size:42px;

}

.why-content{

padding-left:0;

}

.why-content h2{

font-size:38px;

}

.why-box{

flex-direction:column;

}

}
/* =========================================================
PROCESS SECTION
========================================================= */

.process-section{

position:relative;

padding:120px 0;

background:
linear-gradient(180deg,#08111f 0%,#0c1524 100%);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.process-grid{

display:grid;

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

gap:24px;

margin-top:70px;

}

/* CARD */

.process-card{

position:relative;

padding:38px 32px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(14px);

transition:0.35s;

overflow:hidden;

min-height:320px;

}

/* ACTIVE */

.active-process{

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.06)
);

border:
1px solid rgba(255,183,3,0.20);

}

/* HOVER */

.process-card:hover{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.22);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* NUMBER */

.process-number{

position:absolute;

top:24px;
right:28px;

font-size:58px;

font-weight:800;

opacity:0.08;

color:#fff;

}

/* ICON */

.process-icon{

width:82px;
height:82px;

border-radius:24px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

margin-bottom:28px;

box-shadow:
0 14px 30px rgba(255,123,0,0.24);

}

/* TITLE */

.process-card h3{

font-size:30px;

font-weight:700;

margin-bottom:18px;

line-height:1.2;

}

/* TEXT */

.process-card p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* GLOW EFFECT */

.process-card::before{

content:'';

position:absolute;

top:-80px;
right:-80px;

width:180px;
height:180px;

background:
rgba(255,183,3,0.06);

border-radius:50%;

filter:blur(10px);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.process-section{

padding:80px 0;

}

.process-grid{

grid-template-columns:1fr;

gap:20px;

margin-top:50px;

}

.process-card{

min-height:auto;

padding:34px 28px;

}

}

/* =========================================================
PORTFOLIO SECTION
========================================================= */

.portfolio-section{

position:relative;

padding:120px 0;

background:
linear-gradient(180deg,#0c1524 0%,#08111f 100%);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.portfolio-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.portfolio-card{

position:relative;

border-radius:30px;

overflow:hidden;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(14px);

transition:0.35s;

}

/* ACTIVE */

.active-portfolio{

transform:
translateY(-12px);

border-color:
rgba(255,183,3,0.18);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* HOVER */

.portfolio-card:hover{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.22);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* IMAGE */

.portfolio-image{

position:relative;

overflow:hidden;

}

.portfolio-image img{

width:100%;

height:300px;

object-fit:cover;

transition:0.4s;

}

/* IMAGE HOVER */

.portfolio-card:hover .portfolio-image img{

transform:scale(1.08);

}

/* OVERLAY */

.portfolio-overlay{

position:absolute;

left:0;
top:0;

width:100%;
height:100%;

background:
linear-gradient(
180deg,
rgba(0,0,0,0.1),
rgba(0,0,0,0.75)
);

display:flex;
align-items:center;
justify-content:center;

opacity:0;

transition:0.35s;

}

.portfolio-card:hover .portfolio-overlay{

opacity:1;

}

/* BUTTON */

.portfolio-overlay a{

display:inline-flex;
align-items:center;
justify-content:center;

height:54px;

padding:0 28px;

border-radius:14px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

box-shadow:
0 14px 30px rgba(255,123,0,0.28);

}

/* CONTENT */

.portfolio-content{

padding:32px;

}

/* SMALL TAG */

.portfolio-content span{

display:inline-block;

font-size:13px;
font-weight:700;

letter-spacing:1px;

color:#ffb703;

margin-bottom:16px;

}

/* TITLE */

.portfolio-content h3{

font-size:28px;

font-weight:700;

line-height:1.3;

margin-bottom:16px;

color:#fff;

}

/* TEXT */

.portfolio-content p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.portfolio-section{

padding:80px 0;

}

.portfolio-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

.portfolio-image img{

height:240px;

}

.portfolio-content{

padding:26px;

}

}

/* =========================================================
PRICING SECTION
========================================================= */

.pricing-section{

position:relative;

padding:120px 0;

background:
linear-gradient(180deg,#08111f 0%,#0d1728 100%);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.pricing-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.pricing-card{

position:relative;

padding:42px 38px;

border-radius:32px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(18px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-pricing{

transform:
translateY(-14px);

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.06)
);

border:
1px solid rgba(255,183,3,0.22);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* HOVER */

.pricing-card:hover{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.20);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* BADGE */

.popular-badge{

position:absolute;

top:22px;
right:22px;

padding:8px 16px;

border-radius:50px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

font-size:12px;
font-weight:700;
letter-spacing:1px;

color:#fff;

}

/* TOP */

.pricing-top{

margin-bottom:35px;

}

/* TITLE */

.pricing-top h3{

font-size:30px;

font-weight:700;

margin-bottom:16px;

}

/* PRICE */

.pricing-top h2{

font-size:62px;

font-weight:800;

line-height:1;

margin-bottom:16px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* TEXT */

.pricing-top p{

font-size:15px;

line-height:1.9;

color:#aeb9ca;

margin:0;

}

/* LIST */

.pricing-card ul{

list-style:none;

padding:0;

margin:0 0 35px;

}

/* ITEM */

.pricing-card ul li{

padding:16px 0;

border-bottom:
1px solid rgba(255,255,255,0.06);

font-size:15px;

color:#d7dfeb;

}

/* BUTTON */

.pricing-card a{

display:flex;
align-items:center;
justify-content:center;

height:58px;

border-radius:16px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

color:#fff;

font-size:14px;
font-weight:700;

text-decoration:none;

box-shadow:
0 14px 35px rgba(255,123,0,0.26);

transition:0.35s;

}

/* BUTTON HOVER */

.pricing-card a:hover{

transform:
translateY(-4px);

color:#fff;

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.pricing-section{

padding:80px 0;

}

.pricing-grid{

grid-template-columns:1fr;

gap:24px;

margin-top:50px;

}

.active-pricing{

transform:none;

}

.pricing-top h2{

font-size:48px;

}

}

/* =========================================================
TESTIMONIAL SECTION
========================================================= */

.testimonial-section{

position:relative;

padding:120px 0;

background:
linear-gradient(180deg,#0d1728 0%,#08111f 100%);

border-bottom:
1px solid rgba(255,255,255,0.06);

overflow:hidden;

}

/* GRID */

.testimonial-grid{

display:grid;

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

gap:28px;

margin-top:70px;

}

/* CARD */

.testimonial-card{

position:relative;

padding:38px;

border-radius:30px;

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.07);

backdrop-filter:blur(16px);

transition:0.35s;

overflow:hidden;

}

/* ACTIVE */

.active-testimonial{

transform:
translateY(-12px);

background:
linear-gradient(
135deg,
rgba(255,123,0,0.14),
rgba(255,183,3,0.06)
);

border:
1px solid rgba(255,183,3,0.20);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* HOVER */

.testimonial-card:hover{

transform:
translateY(-10px);

border-color:
rgba(255,183,3,0.22);

box-shadow:
0 20px 45px rgba(0,0,0,0.18);

}

/* TOP */

.testimonial-top{

display:flex;
align-items:center;
gap:18px;

margin-bottom:28px;

}

/* IMAGE */

.client-image{

width:70px;
height:70px;

border-radius:50%;

overflow:hidden;

border:
2px solid rgba(255,183,3,0.25);

}

/* IMAGE */

.client-image img{

width:100%;
height:100%;

object-fit:cover;

}

/* NAME */

.testimonial-top h4{

font-size:22px;

font-weight:700;

margin-bottom:6px;

}

/* POSITION */

.testimonial-top span{

font-size:14px;

color:#ffb703;

font-weight:600;

}

/* TEXT */

.testimonial-card p{

font-size:15px;

line-height:2;

color:#b6c2d2;

margin-bottom:28px;

}

/* STARS */

.stars{

font-size:22px;

letter-spacing:4px;

color:#ffb703;

}

/* GLOW */

.testimonial-card::before{

content:'';

position:absolute;

top:-80px;
right:-80px;

width:180px;
height:180px;

background:
rgba(255,183,3,0.06);

border-radius:50%;

filter:blur(10px);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.testimonial-section{

padding:80px 0;

}

.testimonial-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:50px;

}

.active-testimonial{

transform:none;

}

.testimonial-card{

padding:32px 28px;

}

}
/* =========================================================
FOOTER SECTION
========================================================= */

.main-footer{

position:relative;

padding-top:100px;

background:
linear-gradient(180deg,#08111f 0%,#050b14 100%);

overflow:hidden;

}

/* TOP BORDER */

.main-footer::before{

content:'';

position:absolute;

top:0;
left:0;

width:100%;
height:1px;

background:
linear-gradient(
90deg,
transparent 0%,
rgba(255,183,3,0.22) 20%,
rgba(255,123,0,0.45) 50%,
rgba(255,183,3,0.22) 80%,
transparent 100%
);

}

/* TOP */

.footer-top{

padding-bottom:70px;

}

/* LOGO */

.footer-logo{

height:62px;

margin-bottom:26px;

}

/* TEXT */

.footer-about p{

font-size:15px;

line-height:2;

color:#aeb9ca;

margin-bottom:35px;

max-width:380px;

}

/* CONTACT */

.footer-contact-info{

display:flex;
flex-direction:column;
gap:18px;

}

/* ITEM */

.contact-item{

display:flex;
align-items:center;
gap:16px;

}

/* ICON */

.contact-icon{

min-width:58px;
height:58px;

border-radius:18px;

background:
linear-gradient(135deg,#ff7b00,#ffb703);

display:flex;
align-items:center;
justify-content:center;

font-size:24px;

box-shadow:
0 12px 30px rgba(255,123,0,0.24);

}

/* SMALL TEXT */

.contact-item span{

display:block;

font-size:13px;

color:#ffb703;

margin-bottom:4px;

}

/* VALUE */

.contact-item h5{

font-size:16px;

font-weight:600;

margin:0;

color:#fff;

}

/* HEADING */

.footer-links h4{

font-size:24px;

font-weight:700;

margin-bottom:28px;

color:#fff;

}

/* LIST */

.footer-links ul{

list-style:none;

padding:0;
margin:0;

}

/* ITEM */

.footer-links ul li{

margin-bottom:16px;

}

/* LINK */

.footer-links ul li a{

position:relative;

font-size:15px;

color:#aeb9ca;

text-decoration:none;

transition:0.35s;

padding-left:0;

}

/* HOVER */

.footer-links ul li a:hover{

color:#ffb703;

padding-left:8px;

}

/* BOTTOM */

.footer-bottom{

padding:28px 0;

border-top:
1px solid rgba(255,255,255,0.06);

}

/* COPYRIGHT */

.footer-bottom p{

margin:0;

font-size:14px;

color:#94a3b8;

}

/* SOCIAL */

.footer-social{

display:flex;
justify-content:flex-end;
gap:14px;

}

/* SOCIAL LINK */

.footer-social a{

width:46px;
height:46px;

border-radius:14px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

display:flex;
align-items:center;
justify-content:center;

color:#fff;

font-size:13px;
font-weight:700;

text-decoration:none;

backdrop-filter:blur(10px);

transition:0.35s;

}

/* HOVER */

.footer-social a:hover{

background:
linear-gradient(135deg,#ff7b00,#ffb703);

border-color:transparent;

transform:
translateY(-4px);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:991px){

.main-footer{

padding-top:70px;

}

.footer-top{

padding-bottom:50px;

}

.footer-logo{

height:54px;

}

.footer-social{

justify-content:flex-start;

margin-top:20px;

}

.footer-bottom{

padding:24px 0;

}

}

/* SERVICES */

.services-section{

padding:120px 0;

}

.section-title{

margin-bottom:70px;

}

.section-title span{

font-size:14px;
font-weight:700;
letter-spacing:1px;

color:#06b6d4;

}

.section-title h2{

font-size:58px;
font-weight:800;

margin:18px 0;

}

.section-title p{

max-width:700px;

margin:auto;

line-height:1.9;

color:var(--text);

}

/* SERVICE CARD */

.service-card{

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(18px);

padding:45px;

border-radius:28px;

height:100%;

transition:0.3s;

}

.service-card:hover{

transform:translateY(-10px);

border-color:#06b6d4;

}

.service-icon{

width:85px;
height:85px;

border-radius:22px;

background:
linear-gradient(135deg,#7c3aed,#06b6d4);

display:flex;
align-items:center;
justify-content:center;

font-size:26px;
font-weight:800;

margin-bottom:28px;

}

.service-card h3{

font-size:32px;
margin-bottom:18px;
font-weight:700;

}

.service-card p{

line-height:1.9;
color:var(--text);

margin-bottom:20px;

}

.service-card a{

color:#06b6d4;
text-decoration:none;
font-weight:700;

}

/* ABOUT */

.about-section{

padding:120px 0;

}

.about-image img{

width:100%;

border-radius:32px;

box-shadow:
0 25px 60px rgba(0,0,0,0.25);

}

.about-content{

padding-left:30px;

}

.about-content span{

font-size:14px;
font-weight:700;

color:#06b6d4;

}

.about-content h2{

font-size:58px;
font-weight:800;

line-height:1.2;

margin:22px 0;

}

.about-content p{

line-height:1.9;

color:var(--text);

margin-bottom:35px;

}

/* FEATURE */

.feature-grid{

display:grid;

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

gap:18px;

}

.feature-item{

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.08);

padding:22px;

border-radius:18px;

font-weight:600;

backdrop-filter:blur(12px);

}

/* CTA */

.cta-section{

padding:120px 0;

}

.cta-box{

background:
linear-gradient(135deg,#7c3aed,#06b6d4);

padding:80px;

border-radius:36px;

text-align:center;

position:relative;

overflow:hidden;

}

.cta-box::before{

content:'';

position:absolute;

width:300px;
height:300px;

background:rgba(255,255,255,0.15);

border-radius:50%;

top:-120px;
right:-80px;

}

.cta-box h2{

font-size:58px;
font-weight:800;

margin-bottom:18px;

position:relative;
z-index:2;

}

.cta-box p{

font-size:18px;

margin-bottom:35px;

position:relative;
z-index:2;

}

.cta-box a{

display:inline-block;

background:#fff;

padding:18px 36px;

border-radius:16px;

color:#111827;
text-decoration:none;
font-weight:700;

position:relative;
z-index:2;

}

/* FOOTER */

footer{

padding:100px 0 30px;

border-top:1px solid rgba(255,255,255,0.08);

background:#070d18;

}

.footer-logo{

height:58px;

margin-bottom:25px;

}

footer p{

line-height:1.9;
color:var(--text);

}

footer h4{

margin-bottom:25px;

font-weight:700;

}

footer ul{

list-style:none;
padding:0;

}

footer ul li{

margin-bottom:14px;

}

footer ul li a{

text-decoration:none;
color:var(--text);

}

.footer-bottom{

margin-top:60px;
padding-top:30px;

border-top:1px solid rgba(255,255,255,0.08);

text-align:center;

color:var(--text);

}

/* MOBILE */

@media(max-width:991px){


.hero-section{

padding:90px 0;

}

.hero-content h1,
.section-title h2,
.about-content h2,
.cta-box h2{

font-size:42px;

}

.hero-form{

margin-top:50px;

}

.about-content{

padding-left:0;
padding-top:50px;

}

.feature-grid{

grid-template-columns:1fr;

}

.cta-box{

padding:50px 30px;

}

.hero-stats{

justify-content:center;

}

.navbar-brand img{

height:48px;

}

}