*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;scroll-behavior: smooth;}

body{background:#fff;overflow-x: hidden;}
/* MAIN SECTION */
.enquiry-section{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:40px;gap:40px;background:linear-gradient(135deg,rgba(106,27,154,0.55),rgba(74,20,140,0.55)),url("1.webp");background-size:cover;background-position:center;background-repeat:no-repeat;
background-attachment: fixed; /* ? IMPORTANT */}
/* LEFT */
.enquiry-left{color:white;max-width:500px;}
.enquiry-left h4{letter-spacing:1px;margin-bottom:10px;}
.enquiry-left h1{font-size:42px;margin-bottom:15px;}
.enquiry-left p{opacity:0.9;}
.buttons{margin-top:20px;}
.btn{padding:10px 20px;text-decoration:none;border-radius:6px;margin-right:10px;}
.primary{background:#0d6efd;color:white;}
.outline{border:2px solid white;color:white;}
/* RIGHT FORM */
.enquiry-right{background:white;padding:40px;border-radius:16px;width:360px;height:450px;margin-left:120px;box-shadow:0 20px 40px rgba(0,0,0,.2);}
.enquiry-right h2{text-align:center;color:#0d6efd;margin-bottom:20px;}
.enquiry-right input,
.enquiry-right select{width:100%;padding:12px;margin-bottom:15px;border-radius:30px;border:1px solid #ddd;outline:none;}
.enquiry-right button{width:100%;padding:12px;background:#0d6efd;color:white;border:none;border-radius:30px;font-size:16px;cursor:pointer;}
.success{text-align:center;color:green;margin-top:10px;}
/* HERO */
.hero{text-align:center;padding:130px 20px;animation:fade 2s;}
.hero p{max-width:700px;margin:auto;line-height:1.6;font-size:18px;}
.btn{background:yellow;color:black;padding:12px 28px;display:inline-block;margin-top:25px;text-decoration:none;border-radius:30px;font-weight:bold;transition:0.3s;}
.btn:hover{ransform:scale(1.1);}
/* FEATURES */
.features{display:flex;justify-content:center;gap:25px;padding:60px 20px;flex-wrap:wrap;}
.box{background:rgba(255,255,255,0.18);padding:30px;border-radius:18px;width:280px;text-align:center;transition:0.4s;}
.box i{font-size:40px;margin-bottom:15px;color:yellow;}
.box:hover{transform:translateY(-10px) scale(1.05);}
/* HOME ABOUT */
.home-about{padding:80px 20px;text-align:center;background:rgba(0,0,0,0.25);}
.home-about h2{font-size:36px;margin-bottom:20px;}
.home-about p{max-width:800px;margin:auto;line-height:1.7;font-size:17px;}
/* COUNTER SECTION */
.kk-counter{width:100%;padding:60px 5%;background:linear-gradient(135deg,#9b4dff,#3b6fe6);}
.counter-box{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;text-align:center;color:#fff;gap:20px;}
.counter-item{flex:1;}
.counter-item i{font-size:40px;margin-bottom:10px;}
.counter-item h2{font-size:32px;margin:5px 0;}
.counter-item p{font-size:15px;letter-spacing:1px;}
/* HOME SERVICES */
.home-services{padding:80px 20px;text-align:center;}
.home-services h2{font-size:36px;margin-bottom:30px;}
.service-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:900px;margin:auto;}
.service-box div{background:rgba(255,255,255,0.2);padding:20px;border-radius:15px;font-size:18px;transition:0.3s;}
.service-box div:hover{background:yellow;color:black;}
/* CTA */
.cta{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#ffcc00,#ff8800);color:black;}
.cta h2{font-size:38px;}
.cta p{font-size:18px;margin:15px 0;}
.testimonial-wrap{position:relative;padding:100px 0;overflow:hidden;background:#f5f7fb;}
/* Background like image */
.testimonial-bg{position:absolute;bottom:0;left:0;width:100%;height:45%;background:#044e6e;z-index:0;}
.testimonial-container{position:relative;max-width:1200px;margin:auto;z-index:2;overflow:hidden; /* ?? IMPORTANT */}
/* Slider */
.testimonial-slider{display:flex;gap:25px;transition: transform 0.6s ease-in-out;}
/* Card SAME SIZE */
.testimonial-card{min-width:280px;max-width:280px;height:360px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0; /* ?? VERY IMPORTANT */}
.stars{color:#ff9800;font-size:16px;}
.testimonial-card p{font-size:14px;line-height:1.6;color:#555;flex-grow:1;margin:15px 0;}
.user{display:flex;align-items:center;gap:12px;}
.user img{width:50px;height:50px;border-radius:50%;}
.user h4{margin:0;font-size:15px;}
.user span{font-size:12px;color:#0d6efd;}
/* Dots */
.slider-dots{margin-top:35px;text-align:center;}
.dot{display:inline-block;width:10px;height:10px;margin:0 6px;background:#7aa6c2;border-radius:50%;}
.dot.active{background:#0d6efd;}
/* ===== Web Services Section ===== */
/* ===== Web Services Section Background ===== */
.web-services{padding:80px 20px;/* Gradient Background */background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;position:relative;overflow:hidden;}
/* Heading color white */
.web-services h2{font-size:36px;color:#fff;margin-bottom:10px;}
.web-services a{color:white;text-decoration:none;}
/* Subtitle white */
.web-services .sub-text{color:rgba(255,255,255,0.85);margin-bottom:40px;font-size:16px;}
.service-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:900px;margin:auto;}
.service-tags span{background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);color:#fff;padding:12px 22px;border-radius:30px;font-size:14px;font-weight:500;  box-shadow:0 6px 20px rgba(0,0,0,0.2);transition:0.3s;cursor:pointer;}
.service-tags span:hover{transform:translateY(-4px) scale(1.05);background:#fff;color:#4a00e0;}
/* FAQ Section */
.faq-section{max-width:900px;margin:60px auto;padding:20px;font-family:Arial, sans-serif;}
.faq-title{font-size:32px;font-weight:600;margin-bottom:25px;}
/* Box */
.faq-box{background:#fff;border-radius:12px;}
/* Item */
.faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:15px;overflow:hidden;}
/* Question */
.faq-question{width:100%;background:#fff;border:none;padding:10px 20px;font-size:17px;font-weight:500;display:flex;justify-content:space-between;align-items:center; cursor:pointer;}
.faq-question:hover{background:#f7f7f7;}
.faq-question span{font-size:22px;font-weight:bold;}
/* Answer */
.faq-answer{max-height:0;overflow:hidden;padding:0 20px;font-size:15px;line-height:1.6;color:#555;transition:0.3s;}
/* Active */
.faq-item.active .faq-answer{max-height:200px;padding:15px 20px;}
.faq-item.active .faq-question span{transform:rotate(45deg);}
/*about page*/
/* ===== Scroll Content ===== */
.page-content{background:#fff;padding:40px 20px;}
.container{max-width:1100px;margin:auto;}
.container h2{font-size:32px;margin-bottom:20px;color:#222;}
.container p{font-size:16px;line-height:1.8;margin-bottom:15px;color:#555;}
/* About Section */
.about{padding:40px 60px;}
.about-container{display:flex;align-items:center;gap:50px;}
.about-text{flex:1;}
.about-text h1{font-size:36px;margin-bottom:10px;}
.about-text h2{color:#00c6ff;}
.about-text p{margin:15px 0;line-height:1.6;}
.about-text button{padding:10px 20px;background:#00c6ff;color:#fff;border:none;cursor:pointer;border-radius:5px;}
#moreText{display:none;}
.about-image{flex:1;text-align:center;}
.about-image img{max-width:100%;height:auto;display:block;margin:auto;}	
/* ===== Why Choose Us ===== */
.why-us{background:#f9f9f9;padding:50px 10px;}
.why-container{max-width:1100px;display:flex;align-items:center;gap:20px;}
.why-image img{max-width:100%;height:auto;}
.container,
.about-container,
.why-container{overflow-x:hidden;}
.why-text{flex:1;}
.why-text .tagline{color:#00c6ff;font-weight:600;letter-spacing:1px;}
.why-text h2{font-size:36px;margin:10px 0;}
.why-text p{color:#555;line-height:1.7;margin-bottom:15px;}
.why-text ul{list-style:none;margin-bottom:20px;}
.why-text ul li{margin-bottom:8px;font-size:15px;}
.why-btn{display:inline-block;padding:12px 25px;background:#00c6ff;color:#fff;text-decoration:none;border-radius:5px;transition:0.3s;}
.why-btn:hover{background:#009bd6;}
.testimonial-wrap{position:relative;padding:100px 0;overflow:hidden;background:#f5f7fb;}
/* Background like image */
.testimonial-bg{position:absolute;bottom:0;left:0;width:100%;height:45%;background:#044e6e;z-index:0;}
.testimonial-container{position:relative;max-width:1200px;margin:auto;z-index:2;overflow:hidden; /* ?? IMPORTANT */}
/* Slider */
.testimonial-slider{display:flex;gap:25px;transition: transform 0.6s ease-in-out;}
/* Card SAME SIZE */
.testimonial-card{min-width:280px;max-width:280px;height:360px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0; /* ?? VERY IMPORTANT */}
.stars{color:#ff9800;font-size:16px;}
.testimonial-card p{font-size:14px;line-height:1.6;color:#555;flex-grow:1;margin:15px 0;}
.user{display:flex;align-items:center;gap:12px;}
.user img{width:50px;height:50px;border-radius:50%;}
.user h4{margin:0;font-size:15px;}
.user span{font-size:12px;color:#0d6efd;}
/* Dots */
.slider-dots{margin-top:35px;text-align:center;}
.dot{display:inline-block;width:10px;height:10px;margin:0 6px;background:#7aa6c2;border-radius:50%;}
.dot.active{background:#0d6efd;}
/* ===== Services page ===== */
.services{padding:80px 20px;background:#fff;}
.container{max-width:1200px;margin:auto;text-align:center;}
.container h2{font-size:36px;}
.sub-text{margin:15px 0 50px;color:#666;}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.service-card{background:#f9f9f9;padding:30px;border-radius:12px;transition:0.3s;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.service-card .icon i {color: #4a00e0; /* Aapka theme color */font-size: 45px;}
.service-card h3{margin-bottom:10px;}
.service-card p{font-size:15px;color:#555;}
.hire-btn{display:inline-block;margin-top:15px;padding:10px 20px;background:#007bff;color:white;border-radius:6px;text-decoration:none;font-size:14px;transition:0.3s;}
.hire-btn:hover{background:#0056b3;}
.pricing{background:linear-gradient(135deg,#8e2de2,#4a00e0);padding:80px 20px;text-align:center;color:#fff;}
.pricing h2{font-size:36px;margin-bottom:10px;color:#FFFFFF;}
.pricing p{opacity:.9;margin-bottom:50px;color:#FFFFFF;}
.pricing a{color:#FFFFFF;text-decoration:none;}
.pricing-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto;}
.plan{background:#fff;color:#333;padding:40px 25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;transition:.3s;}
.plan:hover{transform:translateY(-10px);}
.plan h3{font-size:22px;margin-bottom:10px;}
.plan h1{color:#2a7f2a;font-size:32px;margin:15px 0;}
.plan ul{list-style:none;padding:0;margin:25px 0;}
.plan ul li{margin:12px 0;font-size:15px;}
.btn{display:inline-block;padding:12px 30px;background:#0d47a1;color:#fff;border-radius:30px;text-decoration:none;font-weight:600;}
.btn:hover{background:#09337d;}
img{max-width:100%;height:auto;}
.service-card,
.price-card{will-change: transform;}

/* POPULAR PLAN */
.popular{border:3px solid #ffc107;transform:scale(1.05);}
.badge{position:absolute;top:-15px;right:20px;background:#ffc107;color:#000;padding:5px 12px;font-size:13px;border-radius:20px;font-weight:bold;}
.pricing-section{background:linear-gradient(135deg,#00b09b,#96c93d);padding:80px 20px;text-align:center;color:white;}
.pricing-section h1{font-size:40px;margin-bottom:10px;}
.subtitle{margin-bottom:50px;font-size:18px;}
/* Container */
.pricing-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
/* Card */
.price-card{background:white;color:#222;width:300px;padding:35px 25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.15);position:relative;transition:0.3s;}
.price-card:hover{transform:translateY(-10px);}
/* Popular Card */
.popular{border:none;transform:scale(1);}
/* Price */
.price-card h2{margin-bottom:10px;}
.price-card h3{font-size:30px;color:#0d6efd;margin:15px 0;}
.plan-desc{color:#666;margin-bottom:20px;}
/* List */
.price-card ul{list-style:none;margin-bottom:25px;}
.price-card ul li{margin:10px 0;font-size:15px;}
/* Button */
.plan-btn{display:inline-block;padding:12px 25px;background:#0d6efd;color:white;text-decoration:none;border-radius:25px;font-size:15px;transition:0.3s;}
.plan-btn:hover{background:#084298;}
/*blog page*/
/* BLOG BANNER */
.blog-banner{background:linear-gradient(135deg,#8e2de2,#4a00e0);color:#fff;text-align:center;padding:80px 20px;}
.blog-banner h1{font-size:42px;margin-bottom:10px;}
/* BLOG SECTION */
.blog-section{max-width:1200px;margin:auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.1);transition:0.4s;}
.blog-card:hover{transform:translateY(-10px);}
.blog-card img{width:100%;height:200px;object-fit:cover;}
.blog-content{padding:20px;}
.blog-content .date{font-size:14px;color:#777;}
.blog-content h3{margin:10px 0;font-size:20px;}
.blog-content p{font-size:15px;color:#555;}
.blog-content button{margin-top:15px;background:#0d6efd;color:#fff;border:none;padding:10px 22px;border-radius:25px;cursor:pointer;transition:0.3s;}
.blog-content button:hover{background:#084298;}
/* ===== People Also Ask ===== */
.people-ask{background:#fff;padding:60px 20px;}
.people-container{max-width:900px;margin:auto;}
.people-container h2{font-size:28px;margin-bottom:25px;color:#222;}
.faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:15px;overflow:hidden;}
.faq-question{width:100%;background:#f9f9f9;border:none;padding:5px 20px;font-size:16px;font-weight:300;display:flex;justify-content:space-between;align-items:center;  cursor:pointer;}
.faq-question span{font-size:22px;transition:0.3s;}
.faq-answer{display:none;padding:18px 20px;font-size:15px;color:#555;line-height:1.7;background:#fff;}
/* Active state */
.faq-item.active .faq-answer{display:block;}
.faq-item.active .faq-question span{transform:rotate(45deg);}
/*enquiry page*/
/* PAGE LAYOUT */
.enquiry-page{display:flex;min-height:100vh;}
/* LEFT INFO */
.enquiry-info{width:50%;padding:60px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;}
.enquiry-info h1{font-size:36px;margin-bottom:15px;}
.enquiry-info p{line-height:1.6;margin-bottom:20px;color:#FFFFFF;}
.enquiry-info ul{list-style:none;margin-bottom:30px;}
.enquiry-info ul li{margin:10px 0;color:#FFFFFF;}
.contact-details p{margin:8px 0;}
/* FORM */
.enquiry-form{width:50%;background:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center;}
.enquiry-form h2{font-size:28px;margin-bottom:20px;color:#333;}
.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:1px solid #ccc;font-size:15px;}
.enquiry-form button{margin-top:10px;padding:12px;background:#2575fc;border:none;color:#fff;font-size:16px;border-radius:8px;cursor:pointer;}
.enquiry-form button:hover{background:#1a5adf;}
/* ===== Services ===== */
.services{padding:80px 20px;background:#fff;}
.container{max-width:1200px;margin:auto;text-align:center;}
.container h2{font-size:36px;}
.sub-text{margin:15px 0 50px;color:#666;}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.service-card{background:#f9f9f9;padding:30px;border-radius:12px;transition:0.3s;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.service-card .icon i {color: #4a00e0; /* Aapka theme color */font-size: 45px;}
.service-card h3{margin-bottom:10px;}
.service-card p{font-size:15px;color:#555;}
.hire-btn{display:inline-block;margin-top:15px;padding:10px 20px;background:#007bff;color:white;border-radius:6px;text-decoration:none;font-size:14px;transition:0.3s;}
.hire-btn:hover{background:#0056b3;}
img{max-width:100%;height:auto;}
.page-title{font-size:32px;font-weight:600;margin-bottom:10px;}
.page-subtitle{color:#555;margin-bottom:30px;}
.about-section{width:100%;padding:50px 0%;background:#f8f9fa;}
/* Main Container */
.about-box{display:flex;align-items:center;gap:40px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}
/* Left Image */
.about-left{flex:1;}
.about-left img{width:100%;border-radius:10px;}
/* Right Content */
.about-right{flex:1;}
.about-right h2{font-size:28px;margin-bottom:15px;color:#333;text-align:center;}
.about-right p{font-size:16px;line-height:1.7;color:#555;}
.about-right .btn{display:inline-block;margin-top:15px;padding:10px 20px;background:#3b6fe6;color:#fff;text-decoration:none;border-radius:6px;}
.pricing{background:linear-gradient(135deg,#8e2de2,#4a00e0);padding:80px 20px;text-align:center;color:#fff;}
.pricing h2{font-size:36px;margin-bottom:10px;color:#FFFFFF;}
.pricing p{opacity:.9;margin-bottom:50px;color:#FFFFFF;}
.pricing-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto;}
.plan{background:#fff;color:#333;padding:40px 25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative;transition:.3s;}
.plan:hover{transform:translateY(-10px);}
.plan h3{font-size:22px;margin-bottom:10px;}
.plan h1{color:#2a7f2a;font-size:32px;margin:15px 0;}
.plan ul{list-style:none;padding:0;margin:25px 0;}
.plan ul li{margin:12px 0;font-size:15px;}
.btn{display:inline-block;padding:12px 30px;background:#0d47a1;color:#fff;border-radius:30px;text-decoration:none;font-weight:600;}
.btn:hover{background:#09337d;}
/* POPULAR PLAN */
.popular{border:3px solid #ffc107;transform:scale(1.05);}
.badge{position:absolute;top:-15px;right:20px;background:#ffc107;color:#000;padding:5px 12px;font-size:13px;border-radius:20px;font-weight:bold;}
.pricing-section{background:linear-gradient(135deg,#00b09b,#96c93d);padding:80px 20px;text-align:center;color:white;}
.pricing-section h1{font-size:40px;margin-bottom:10px;}
.subtitle{margin-bottom:50px;font-size:18px;}
/* Container */
.pricing-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
/* Card */
.price-card{background:white;color:#222;width:300px;padding:35px 25px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.15);position:relative;transition:0.3s;}
.price-card:hover{transform:translateY(-10px);}
/* Popular Card */
.popular{border:none;transform:scale(1);}
/* Price */
.price-card h2{margin-bottom:10px;}
.price-card h3{font-size:30px;color:#0d6efd;margin:15px 0;}
.plan-desc{color:#666;margin-bottom:20px;}
/* List */
.price-card ul{list-style:none;margin-bottom:25px;}
.price-card ul li{margin:10px 0;font-size:15px;}
/* Button */
.plan-btn{display:inline-block;padding:12px 25px;background:#0d6efd;color:white;text-decoration:none;border-radius:25px;font-size:15px;transition:0.3s;}
.plan-btn:hover{background:#084298;}
/* ===== SEO Text Section ===== */

.seo-text{
  background: linear-gradient(135deg, #f8f9ff, #eef2ff);
  padding: 60px 20px;
  margin: 60px auto;
  max-width: 1100px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.seo-text h2{
  font-size: 28px;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 20px;
  position: relative;
}

.seo-text h2::after{
  content: "";
  width: 70px;
  height: 3px;
  background: #4f46e5;
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

.seo-text p{
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  max-width: 850px;
  margin: 15px auto;
}


/*======CONTACT PAGE======*/
/* ===== CONTACT SECTION ===== */
.contact-section{padding:70px 15px;}
.contact-container{max-width:1100px;margin:auto;display:grid;grid-template-columns: 1fr 1.2fr;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.1);}
/* LEFT INFO */
.contact-info{background:linear-gradient(135deg,#b84cff,#3b6fe6);color:#fff;padding:40px;}
.contact-info h2{font-size:32px;margin-bottom:15px;}
.contact-info p{margin-bottom:25px;opacity:0.9;color:#000000;}
.info-box{display:flex;gap:15px;margin-bottom:20px;}
.info-box i{font-size:22px;margin-top:4px;}
.social a{color:#fff;font-size:22px;margin-right:12px;text-decoration:none;}
/* RIGHT FORM */
.contact-form{padding:40px;}
.contact-form h2{font-size:32px;margin-bottom:25px;position:relative;}
.contact-form h2::after{content:'';width:60px;height:3px;background:#8e2de2;position:absolute;left:0;bottom:-8px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.contact-form input,
.contact-form textarea{width:100%;border:none;border-bottom:2px solid #ddd;padding:12px 5px;outline:none;font-size:15px;}
.contact-form textarea{resize:none;height:120px;}
.contact-form button{margin-top:25px;padding:14px 35px;border:none;border-radius:30px;background:linear-gradient(135deg,#ff4e50,#8e2de2);color:#fff;font-size:16px;   cursor:pointer;}
.contact-form button:hover{opacity:0.9;}
/* ALERT */
.success{background:#e8f5e9;color:#2e7d32;padding:10px;border-radius:6px;margin-bottom:15px;}
.error{background:#ffebee;color:#c62828;padding:10px;border-radius:6px;margin-bottom:15px;}
/* ANIMATION */
@keyframes fade{from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}}
@media(max-width:900px){
.enquiry-section{flex-direction:column;text-align:center;background-attachment: scroll;}
.enquiry-left h1{font-size:32px;}
.enquiry-right{margin-left:10px;}
.hero h1{font-size:34px;}
.navbar{display:none;}
.web-services h2{font-size:28px;}
.service-tags span{font-size:13px;padding:10px 18px;}  
.faq-container{padding:30px 20px;}
.faq-container h2{font-size:28px;}
.counter-box{flex-direction:column;}
.counter-item{margin-bottom:25px;}
.about-container{flex-direction:column;text-align:center;}
.why-container{flex-direction:column;text-align:center;}
.why-image img{width:500px;height:600px;}
.why-text h2{font-size:28px;}
/*service page*/
.service-grid{grid-template-columns:repeat(2,1fr);}
.pricing-container{flex-direction:column;align-items:center;}
.popular{transform:scale(1);}
/*blog page*/
.blog-banner h1{font-size:32px;}
.people-container h2{font-size:24px;}
.enquiry-page{flex-direction:column;}
.enquiry-info,
.enquiry-form{width:100%;}
.service-grid{grid-template-columns:repeat(2,1fr);}
.about-box{flex-direction:column;text-align:center;}
.about-left img{max-width:300px;margin:auto;}
.pricing-container{flex-direction:column;align-items:center;}
.popular{transform:scale(1);}
.seo-text{padding: 40px 15px;}
.seo-text h2{font-size: 22px;}
.seo-text p{font-size: 15px;}
/*CONTACT PAGE*/
.contact-container{grid-template-columns:1fr;}
.contact-info,
.contact-form{width:100%;padding:25px;}
.contact-info h2,
.contact-form h2{font-size:26px;}
.form-row{grid-template-columns:1fr;}
.contact-form{order:1;}
.contact-info{order:2;}
}