/* ===============================
   RESET
================================ */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
overflow-x:hidden;
color:#333;
background:#fff;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

/* ===============================
   NAVBAR
================================ */

.custom-navbar{

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

backdrop-filter:blur(18px);

padding:15px 0;

box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.navbar-brand{

gap:12px;

}

.navbar-brand img{

width:60px;

height:60px;

border-radius:50%;

object-fit:cover;

}

.brand-text h3{
margin:0;
font-size:34px;
font-weight:800;
color:#0d6efd;
line-height:1;
}

.brand-text span{
    display:block;
    margin-top:4px;
    font-size:18px;
    font-weight:700;
    color:#444;
}

.nav-link{

font-weight:600;

margin-left:20px;

color:#222 !important;

}

.call-btn{

background:#0077ff;

color:#fff;

padding:10px 18px;

border-radius:40px;

margin-left:12px;

font-size:15px;

font-weight:600;

}

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

.hero{

padding:170px 0 100px;

background:linear-gradient(135deg,#eef8ff,#ffffff);

}

.hero-badge{

display:inline-block;

background:#dff4ff;

padding:10px 20px;

border-radius:40px;

font-weight:600;

margin-bottom:25px;

}

.hero h1{

font-size:58px;

font-weight:800;

line-height:1.15;

margin-bottom:25px;

}

.hero h1 span{

color:#0077ff;

}

.hero p{

font-size:18px;

line-height:1.8;

color:#666;

margin-bottom:35px;

}

.hero-btns{

display:flex;

gap:15px;

margin-bottom:40px;

flex-wrap:wrap;

}

.hero-features{

display:flex;

gap:25px;

flex-wrap:wrap;

font-weight:600;

}

.hero-features i{

color:#16a34a;

margin-right:8px;

}

.hero-image img{

border-radius:30px;

box-shadow:0 25px 50px rgba(0,0,0,.15);

}

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

@media(max-width:991px){

.hero{

padding: 130px 0 70px;

text-align:center;

}

.hero h1{

font-size:36px;
line-height:1.2;

}

.hero-btns{

justify-content:center;

}

.hero-features{

justify-content:center;

}

.call-btn{

display:none;

}

.nav-link{

margin:12px 0;

}

}

@media(max-width:576px){

.hero h1{

font-size:32px;

}

.hero p{

font-size:16px;

}

.btn{

width:100%;

}

}

/*=========================================
PAGE HERO
=========================================*/

.page-hero{

    padding:140px 0 80px;

    background:linear-gradient(135deg,#eef8ff,#ffffff);

    text-align:center;

}

.page-hero h1{

    font-size:52px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

}

.page-hero p{

    font-size:18px;

    color:#666;

    line-height:1.8;

    max-width:700px;

    margin:auto;

}

@media(max-width:991px){

.page-hero{

    padding:120px 0 60px;

}

.page-hero h1{

    font-size:36px;

}

.page-hero p{

    font-size:16px;

}

}*/

/*=========================
RAIN SECTION
=========================*/

.rain-section{

padding:100px 0;

background:#fff;

}

.rain-img{

border-radius:25px;

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

transition:.4s;

}

.rain-img:hover{

transform:scale(1.02);

}

.section-tag{

display:inline-block;

padding:8px 18px;

background:#eaf5ff;

border-radius:40px;

color:#0077ff;

font-weight:600;

margin-bottom:18px;

}

.rain-section h2{

font-size:46px;

font-weight:800;

line-height:1.2;

margin-bottom:25px;

}

.rain-section p{

font-size:17px;

color:#666;

line-height:1.8;

margin-bottom:25px;

}

.rain-list{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

font-weight:600;

}

.rain-list i{

color:#16a34a;

margin-right:8px;

}

@media(max-width:768px){

.rain-section{

text-align:center;

}

.rain-section h2{

font-size:32px;

}

.rain-list{

grid-template-columns:1fr;

}

}/*==========================
ABOUT HOME
==========================*/

.about-home{

padding:100px 0;

background:#f8fbff;

}

.about-img{

border-radius:25px;

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

transition:.4s;

}

.about-img:hover{

transform:scale(1.02);

}

.about-home h2{

font-size:46px;

font-weight:800;

margin-bottom:25px;

}

.about-home p{

font-size:17px;

line-height:1.8;

color:#666;

}

.about-counter{

display:grid;

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

gap:20px;

margin-top:35px;

}

.counter-box{

background:#fff;

padding:28px;

border-radius:20px;

text-align:center;

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

transition:.4s;

}

.counter-box:hover{

transform:translateY(-8px);

}

.counter-box h3{

font-size:36px;

font-weight:800;

color:#0077ff;

}

.counter-box span{

font-weight:600;

color:#666;

}

@media(max-width:768px){

.about-home{

text-align:center;

}

.about-home h2{

font-size:34px;

}

.about-counter{

grid-template-columns:1fr;

}

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

.services-home{

padding:100px 0;

background:#ffffff;

}

.services-home h2{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}

.services-home p{

color:#666;

}

.service-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,119,255,.18);

}

.service-card img{

width:100%;

height:240px;

object-fit:cover;

}

.service-card h4{

padding:20px 20px 10px;

font-weight:700;

}

.service-card p{

padding:0 20px 25px;

}

@media(max-width:768px){

.services-home{

text-align:center;

}

.services-home h2{

font-size:34px;

}

.service-card img{

height:220px;

}

}/*==========================
WHY CHOOSE US
==========================*/

.why-us{

padding:100px 0;

background:#f7fbff;

}

.why-us h2{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}

.why-card{

background:#fff;

padding:35px 25px;

border-radius:22px;

text-align:center;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.why-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,119,255,.18);

}

.why-card i{

font-size:42px;

color:#0077ff;

margin-bottom:20px;

}

.why-card h4{

font-size:22px;

font-weight:700;

margin-bottom:12px;

}

.why-card p{

color:#666;

line-height:1.7;

margin:0;

}

@media(max-width:768px){

.why-us{

text-align:center;

}

.why-us h2{

font-size:34px;

}

}/*==========================
WORK PROCESS
==========================*/

.process-section{

padding:100px 0;

background:#ffffff;

}

.process-section h2{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}

.process-card{

position:relative;

background:#fff;

padding:40px 25px;

text-align:center;

border-radius:22px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

overflow:hidden;

}

.process-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,119,255,.18);

}

.process-number{

position:absolute;

top:18px;

right:18px;

font-size:34px;

font-weight:800;

color:#e8f2ff;

}

.process-card i{

font-size:48px;

color:#0077ff;

margin-bottom:20px;

}

.process-card h4{

font-weight:700;

margin-bottom:15px;

}

.process-card p{

color:#666;

line-height:1.7;

margin:0;

}

@media(max-width:768px){

.process-section{

text-align:center;

}

.process-section h2{

font-size:34px;

}

}/*==========================
PROJECTS
==========================*/

.projects-home{

padding:100px 0;

background:#f8fbff;

}

.projects-home h2{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}

.project-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.project-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,119,255,.18);

}

.project-card img{

width:100%;

height:260px;

object-fit:cover;

}

.project-content{

padding:25px;

}

.project-status{

display:inline-block;

padding:6px 14px;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:15px;

}

.before{

background:#ffe5e5;

color:#d32f2f;

}

.during{

background:#fff3cd;

color:#b7791f;

}

.after{

background:#d4edda;

color:#198754;

}

.project-content h4{

font-weight:700;

margin-bottom:10px;

}

.project-content p{

color:#666;

margin:0;

line-height:1.7;

}

@media(max-width:768px){

.projects-home{

text-align:center;

}

.projects-home h2{

font-size:34px;

}

.project-card img{

height:220px;

}

}/*==========================
PRICING
==========================*/

.pricing-home{

padding:100px 0;

background:#fff;

}

.price-card{

background:#fff;

padding:40px 30px;

border-radius:24px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

text-align:center;

position:relative;

transition:.35s;

height:100%;

}

.price-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,119,255,.18);

}

.featured{

border:3px solid #0077ff;

}

.popular{

position:absolute;

top:-14px;

left:50%;

transform:translateX(-50%);

background:#0077ff;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

}

.price{

font-size:52px;

font-weight:800;

color:#0077ff;

margin:20px 0;

}

.price span{

font-size:18px;

color:#666;

}

.price-card ul{

list-style:none;

padding:0;

margin:30px 0;

text-align:left;

}

.price-card li{

margin-bottom:15px;

}

.price-card i{

color:#16a34a;

margin-right:8px;

}

.pricing-note{

margin-top:50px;

background:#eef7ff;

padding:25px;

border-left:5px solid #0077ff;

border-radius:15px;

font-size:17px;

line-height:1.8;

}

.pricing-note i{

color:#0077ff;

margin-right:10px;

}/*==========================
CTA
==========================*/

.cta-section{

padding:90px 0;

background:#0077ff;

}

.cta-box{

text-align:center;

color:#fff;

}

.cta-box h2{

font-size:46px;

font-weight:800;

margin-bottom:20px;

}

.cta-box p{

font-size:18px;

max-width:700px;

margin:auto;

margin-bottom:35px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

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

.footer{

background:#111827;

color:#fff;

padding:70px 0 25px;

}

.footer h5{

margin-bottom:20px;

font-weight:700;

}

.footer-links{

list-style:none;

padding:0;

}

.footer-links li{

margin-bottom:10px;

}

.footer-links a{

color:#ddd;

text-decoration:none;

}

.footer-links a:hover{

color:#fff;

}

.footer hr{

margin:40px 0 20px;

border-color:#444;

}

.copyright{

text-align:center;

color:#bbb;

}

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

.whatsapp-float{

position:fixed;

right:20px;

bottom:90px;

width:60px;

height:60px;

background:#25D366;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

color:#fff;

z-index:999;

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

}

.call-float{

position:fixed;

right:20px;

bottom:20px;

width:60px;

height:60px;

background:#0077ff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:25px;

color:#fff;

z-index:999;

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

}

@media(max-width:768px){

.cta-box h2{

font-size:34px;

}

}/* ===============================
   Scroll Animation
================================ */

.hidden{

opacity:0;

transform:translateY(60px);

transition:all .8s ease;

}

.show{

opacity:1;

transform:translateY(0);

}

/* ===============================
   Sticky Navbar
================================ */

.navbar-scrolled{

background:#ffffff !important;

padding:10px 0 !important;

box-shadow:0 10px 35px rgba(0,0,0,.12);

transition:.3s;

}/*====================================
PREMIUM HERO STATS
====================================*/

.hero-stats{

display:flex;

gap:20px;

margin:40px 0;

flex-wrap:wrap;

}

.hero-stat-card{

flex:1;

min-width:150px;

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

padding:22px;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

text-align:center;

border:1px solid rgba(0,119,255,.08);

}

.hero-stat-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,119,255,.15);

}

.hero-stat-card h3{

font-size:34px;

font-weight:800;

color:#0077ff;

margin-bottom:8px;

}

.hero-stat-card span{

font-size:14px;

font-weight:600;

color:#666;

}

@media(max-width:768px){

.hero-stats{

justify-content:center;

}

.hero-stat-card{

min-width:100%;

}

}/*====================================
HERO IMAGE PREMIUM BADGE
====================================*/




.hero-img{

transition:.5s;

}

.hero-img:hover{

transform:scale(1.03);

}/*====================================
PREMIUM HERO BACKGROUND
====================================*/

.hero{

position:relative;

background:linear-gradient(135deg,#eef6ff 0%,#ffffff 50%,#edf7ff 100%);

overflow:hidden;

}

.hero::before{

content:"";

position:absolute;

width:500px;

height:500px;

background:rgba(0,119,255,.08);

border-radius:50%;

top:-180px;

right:-180px;

filter:blur(80px);

}

.hero::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:rgba(0,119,255,.06);

border-radius:50%;

bottom:-120px;

left:-120px;

filter:blur(70px);

}

.hero .container{

position:relative;

z-index:2;

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

.btn-primary,
.btn-main{

background:linear-gradient(135deg,#0077ff,#0058d9);

border:none;

border-radius:50px;

padding:15px 35px;

font-weight:700;

box-shadow:0 15px 35px rgba(0,119,255,.25);

transition:.35s;

}

.btn-primary:hover,
.btn-main:hover{

transform:translateY(-4px);

box-shadow:0 25px 45px rgba(0,119,255,.35);

}

.btn-outline-primary,
.btn-second{

border-radius:50px;

font-weight:700;

padding:15px 35px;

transition:.35s;

}

.btn-outline-primary:hover,
.btn-second:hover{

transform:translateY(-4px);

}/*====================================
PREMIUM NAVBAR
====================================*/

.custom-navbar{

position:fixed;

width:100%;

z-index:9999;

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

backdrop-filter:blur(18px);

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

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

transition:.35s ease;

}

.custom-navbar .container{

display:flex;

align-items:center;

justify-content:space-between;

max-width:1400px;

padding:0 20px;

}

.custom-navbar .navbar-brand{

display:flex;

align-items:center;

gap:10px;

font-size:22px;

font-weight:800;

color:#111827;

white-space:nowrap;

flex-shrink:0;

}

.custom-navbar .navbar-brand img{
height:60px;
width:auto;
transition:.35s;
}
.custom-navbar .navbar-brand:hover img{

transform:rotate(-3deg) scale(1.05);

}/*====================================
MOBILE NAVBAR
====================================*/

.navbar-toggler{

border:none;

background:#fff;

padding:10px 14px;

border-radius:14px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.navbar-toggler:focus{

box-shadow:none;

}

@media(max-width:991px){

.custom-navbar{

padding:12px 0;

}

.navbar-collapse{

margin-top:15px;

background:#fff;

padding:20px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.navbar-nav .nav-link{

padding:12px 0;

}

}/*====================================
PREMIUM HERO IMAGE
====================================*/

.hero-image{

position:relative;

padding:18px;

border-radius:35px;

background:#ffffff;

box-shadow:
0 25px 60px rgba(0,0,0,.12),
0 10px 30px rgba(0,119,255,.08);

overflow:hidden;

transition:.4s;

}

.hero-image:hover{

transform:translateY(-8px);

box-shadow:
0 35px 80px rgba(0,0,0,.18),
0 20px 40px rgba(0,119,255,.15);

}

.hero-img{

width:100%;

border-radius:25px;

display:block;

}/*====================================
BLUE GLOW
====================================*/

.hero-image::before{

content:"";

position:absolute;

width:220px;

height:220px;

background:#0d6efd;

opacity:.08;

border-radius:50%;

top:-80px;

right:-80px;

filter:blur(45px);

}

.hero-image::after{

content:"";

position:absolute;

width:180px;

height:180px;

background:#4dabff;

opacity:.10;

border-radius:50%;

bottom:-60px;

left:-60px;

filter:blur(40px);

}.hero-trust{

margin-top:20px;

font-size:15px;

font-weight:700;

color:#0d6efd;

display:flex;

align-items:center;

gap:10px;

}

.hero-trust i{

font-size:18px;

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

.about-features{
    padding:80px 0;
    background:#f8fbff;
}

.feature-box{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,119,255,.18);
}

.feature-box i{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
}

.feature-box h5{
    font-weight:700;
    margin-bottom:12px;
}

.feature-box p{
    color:#666;
    margin:0;
    line-height:1.8;
}/*==================================
COMPANY STATS
==================================*/

.company-stats{

padding:90px 0;

background:linear-gradient(135deg,#0d6efd,#003d99);

color:#fff;

}

.stat-box{

padding:30px;

}

.stat-box h2{

font-size:60px;

font-weight:800;

margin-bottom:10px;

}

.stat-box h2::after{

content:"+";

}

.stat-box p{

font-size:18px;

margin:0;

opacity:.9;

}/*==========================
WHY ABOUT
==========================*/

.why-about{

padding:100px 0;

background:#fff;

}

.why-about h2{

font-size:46px;

font-weight:800;

margin-bottom:20px;

}

.why-about h2 span{

color:#0d6efd;

}

.about-list{

margin-top:35px;

}

.about-item{

display:flex;

align-items:center;

gap:15px;

margin-bottom:18px;

font-size:18px;

font-weight:500;

}

.about-item i{

width:40px;

height:40px;

background:#0d6efd;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

}

@media(max-width:768px){

.why-about{

text-align:center;

}

.about-item{

justify-content:center;

}

.why-about h2{

font-size:34px;

}

}/*==============================
WORK PROCESS
==============================*/

.work-process{

padding:100px 0;

background:#f8fbff;

}

.process-card{

background:#fff;

border-radius:22px;

padding:40px 25px;

text-align:center;

position:relative;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.process-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(13,110,253,.18);

}

.process-number{

position:absolute;

top:20px;

right:20px;

font-size:34px;

font-weight:800;

color:#e9eef7;

}

.process-card i{

font-size:48px;

color:#0d6efd;

margin-bottom:20px;

}

.process-card h4{

font-weight:700;

margin-bottom:15px;

}

.process-card p{

color:#666;

line-height:1.8;

margin:0;

}

@media(max-width:768px){

.work-process{

padding:70px 0;

}

}/*==============================
ABOUT CTA
==============================*/

.about-cta{

padding:80px 0;

background:linear-gradient(135deg,#0d6efd,#003d99);

color:#fff;

}

.about-cta h2{

font-size:42px;

font-weight:800;

margin-bottom:15px;

}

.about-cta p{

font-size:18px;

opacity:.95;

margin:0;

}

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

.footer{

padding:70px 0 25px;

background:#111827;

color:#fff;

}

.footer h5{

margin-bottom:20px;

font-weight:700;

}

.footer ul{

list-style:none;

padding:0;

margin:0;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

color:#d7d7d7;

text-decoration:none;

}

.footer ul li a:hover{

color:#fff;

}

.footer hr{

border-color:rgba(255,255,255,.1);

margin:35px 0 20px;

}/*==============================
SERVICES PAGE
==============================*/

.services-page{

padding:100px 0;

background:#f8fbff;

}

.service-box{

background:#fff;

padding:40px 30px;

border-radius:22px;

text-align:center;

height:100%;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

}

.service-box:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(13,110,253,.18);

}

.service-box i{

font-size:48px;

color:#0d6efd;

margin-bottom:20px;

}

.service-box h4{

font-weight:700;

margin-bottom:15px;

}

.service-box p{

color:#666;

line-height:1.8;

margin:0;

}/*==============================
SERVICE PROCESS
==============================*/

.service-process{

padding:100px 0;

background:#ffffff;

}

.process-box{

position:relative;

background:#f8fbff;

padding:40px 25px;

border-radius:22px;

text-align:center;

height:100%;

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

transition:.35s;

}

.process-box:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(13,110,253,.18);

}

.step-number{

position:absolute;

top:18px;

right:20px;

font-size:34px;

font-weight:800;

color:#dbe7ff;

}

.process-box i{

font-size:46px;

color:#0d6efd;

margin-bottom:20px;

}

.process-box h4{

font-weight:700;

margin-bottom:15px;

}

.process-box p{

color:#666;

line-height:1.8;

margin:0;

}/*==============================
WHY SERVICES
==============================*/

.why-services{

padding:100px 0;

background:#f8fbff;

}

.why-services h2{

font-size:46px;

font-weight:800;

margin-bottom:20px;

}

.service-feature{

display:flex;

align-items:center;

gap:15px;

margin-bottom:18px;

font-size:18px;

font-weight:500;

}

.service-feature i{

width:40px;

height:40px;

background:#0d6efd;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

flex-shrink:0;

}

@media(max-width:768px){

.why-services{

text-align:center;

padding:70px 0;

}

.service-feature{

justify-content:center;

}

.why-services h2{

font-size:34px;

}

}/*==============================
SERVICE FAQ
==============================*/

.service-faq{

padding:100px 0;

background:#fff;

}

.accordion-item{

border:none;

border-radius:16px !important;

overflow:hidden;

margin-bottom:20px;

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

}

.accordion-button{

font-weight:600;

padding:22px;

}

.accordion-button:not(.collapsed){

background:#0d6efd;

color:#fff;

}

.accordion-button:focus{

box-shadow:none;

}/*=========================================
PRICING PAGE
=========================================*/

.pricing-page{
padding:80px 0;
background:#f8f9fa;
}

.pricing-card{
background:#fff;
border-radius:20px;
padding:40px 30px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
position:relative;
height:100%;
border:2px solid transparent;
}

.pricing-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.pricing-card h3{
font-size:28px;
font-weight:700;
margin-bottom:15px;
}

.price{
font-size:42px;
font-weight:800;
color:#0d6efd;
margin-bottom:10px;
}

.package-subtitle{
color:#777;
margin-bottom:25px;
}

.pricing-card ul{
list-style:none;
padding:0;
margin:0 0 30px;
text-align:left;
}

.pricing-card ul li{
padding:12px 0;
border-bottom:1px solid #eee;
font-size:16px;
}

.pricing-card ul li:last-child{
border-bottom:none;
}

.pricing-card ul i{
color:#28a745;
margin-right:10px;
}

.pricing-card .btn{
padding:12px;
border-radius:50px;
font-weight:600;
}

.featured{
border:3px solid #ffc107;
transform:scale(1.05);
}

.featured:hover{
transform:scale(1.08);
}

.popular-badge{
position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);
background:#ffc107;
color:#000;
padding:8px 20px;
font-size:14px;
font-weight:700;
border-radius:30px;
}

.faq-section{
background:#fff;
}

.faq-section .accordion-item{
border:none;
margin-bottom:15px;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.faq-section .accordion-button{
font-weight:600;
padding:18px;
}

.faq-section .accordion-button:not(.collapsed){
background:#0d6efd;
color:#fff;
}

.faq-section .accordion-body{
padding:20px;
color:#555;
line-height:1.8;
}

@media(max-width:991px){

.featured{
transform:none;
}

.featured:hover{
transform:translateY(-10px);
}

.price{
font-size:36px;
}

.pricing-card{
margin-bottom:30px;
}

}/*=========================================
CONTACT PAGE
=========================================*/

.contact-page{
padding:80px 0;
background:#f8f9fa;
}

.contact-box{
display:flex;
align-items:flex-start;
gap:18px;
background:#fff;
padding:22px;
margin-bottom:20px;
border-radius:15px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
transition:.3s;
}

.contact-box:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.contact-box i{
font-size:28px;
color:#0d6efd;
min-width:40px;
margin-top:5px;
}

.contact-box h5{
font-weight:700;
margin-bottom:5px;
}

.contact-box p{
margin:0;
color:#666;
line-height:1.7;
}

.contact-form{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.contact-form .form-control,
.contact-form .form-select{
height:55px;
border-radius:12px;
border:1px solid #ddd;
}

.contact-form textarea.form-control{
height:auto;
resize:none;
}

.contact-form .btn{
padding:14px 35px;
border-radius:50px;
font-weight:600;
}

.map-section{
padding:80px 0;
background:#fff;
}

.map-box{
overflow:hidden;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.map-box iframe{
display:block;
width:100%;
border:0;
}

@media(max-width:991px){

.contact-form{
margin-top:30px;
padding:25px;
}

.contact-box{
padding:18px;
}

.contact-box i{
font-size:24px;
}

}/*==============================
PREMIUM PRODUCTS
==============================*/

.premium-products{

padding:100px 0;

background:#f8fbff;

}

.premium-products h2{

font-size:46px;

font-weight:800;

margin-bottom:15px;

}

.product-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.product-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(13,110,253,.18);

}

.product-card img{

width:100%;

height:240px;

object-fit:cover;

}

.product-content{

padding:25px;

text-align:center;

}

.product-content h4{

font-weight:700;

margin-bottom:12px;

color:#0d6efd;

}

.product-content p{

color:#666;

line-height:1.7;

margin:0;

}

@media(max-width:768px){

.premium-products{

padding:70px 0;

}

.premium-products h2{

font-size:34px;

}

.product-card img{

height:220px;

}

}.google-form-wrapper {
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
}

.google-form-wrapper iframe {
    width: 100%;
    border: none;
    display: block;
}/* ==========================
   GOOGLE FORM
========================== */

.google-form-wrapper{
    width:100%;
    border-radius:20px;
    overflow:hidden;
}

.google-form-wrapper iframe{
    width:100%;
    border:0;
    display:block;
    background:#fff;
}/*======================================
 MOBILE HEADER FIX
======================================*/
@media (max-width:768px){

.navbar-brand{
    gap:8px;
}

.navbar-brand img{
    width:42px;
    height:42px;
}

.brand-text h3{
    font-size:22px;
    line-height:1.1;
    white-space:nowrap;
}

.navbar-toggler{
    padding:6px 10px;
}

.custom-navbar{
    padding:12px 0;
}

}
.google-form-container{max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.google-form-container iframe{width:100%;height:1350px;border:0;display:block}
@media(max-width:768px){.google-form-container{max-width:100%}.google-form-container iframe{height:1550px}}