/* SPACE */

.section-space{
height:60px;
}

/* CONTACT SECTION */

.contact-section{

padding:50px 20px;

background:#f8f9fb;

}

/* CONTAINER */

.contact-container{

max-width:1200px;

margin:auto;

display:flex;

justify-content:space-between;

gap:30px;

flex-wrap:wrap;

}

/* LEFT SIDE */

.contact-left{

flex:1;

min-width:280px;

}

.contact-left h2{

font-size:34px;

color:#0b5ed7;

margin-bottom:10px;

}

.contact-left h3{

font-size:22px;

margin-bottom:15px;

color:#222;

}

.contact-left p{

font-size:16px;

margin-bottom:10px;

color:#555;

}

.contact-left a{

color:#ff6a00;

text-decoration:none;

font-weight:600;

}

/* RIGHT FORM */

.contact-right{

flex:1;

min-width:280px;

background:#fff;

padding:25px;

border-radius:12px;

box-shadow:0 5px 15px rgba(0,0,0,0.08);

}

/* FORM INPUTS */

.contact-right input,
.contact-right textarea{

width:100%;

padding:12px;

margin-bottom:15px;

border-radius:6px;

border:1px solid #ddd;

font-size:15px;

}

/* BUTTON */

.contact-right button{

width:100%;

padding:12px;

background:#ff6a00;

color:#fff;

border:none;

border-radius:6px;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.contact-right button:hover{

background:#e55a00;

}

/* MOBILE */

@media(max-width:768px){

.contact-container{

flex-direction:column;

}

.contact-left{

text-align:center;

}

.contact-left h2{

font-size:26px;

}

.contact-left h3{

font-size:20px;

}

}

/* FOOTER */

.footer{

background:#0b5ed7;

color:#fff;

padding-top:50px;

}

/* CONTAINER */

.footer-container{

max-width:1200px;

margin:auto;

display:grid;

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

gap:30px;

padding:0 20px;

}

/* BOX */

.footer-box h3{

font-size:20px;

margin-bottom:15px;

}

.footer-box p{

font-size:14px;

line-height:1.6;

margin-bottom:10px;

}

/* LINKS */

.footer-box ul{

list-style:none;

padding:0;

}

.footer-box ul li{

margin-bottom:8px;

}

.footer-box ul li a{

color:#fff;

text-decoration:none;

font-size:14px;

transition:.3s;

}
.footer-box a{

color:#fff;
}

.footer-box ul li a:hover{

color:#ffcc00;

}

/* SOCIAL ICONS */

.social-icons{

margin-top:15px;

}

.social-icons a{

display:inline-block;

margin-right:10px;

width:36px;

height:36px;

line-height:36px;

text-align:center;

background:#fff;

color:#0b5ed7;

border-radius:50%;

transition:.3s;

}

.social-icons a:hover{

background:#ffcc00;

color:#000;

}

/* COPYRIGHT */

.footer-bottom{

text-align:center;

margin-top:40px;

padding:15px;

background:#084298;

font-size:14px;

}

/* TABLET */

@media(max-width:992px){

.footer-container{

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

}

}

/* MOBILE */

@media(max-width:576px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.social-icons{

justify-content:center;

}

}

/* FLOATING CONTAINER */

.floating-buttons{

position:fixed;

right:20px;

bottom:20px;

display:flex;

flex-direction:column;

gap:12px;

z-index:9999;

}

/* CALL BUTTON */

.float-call{

background:#ff6a00;

color:#fff;

width:55px;

height:55px;

line-height:55px;

text-align:center;

border-radius:50%;

font-size:22px;

box-shadow:0 5px 15px rgba(0,0,0,0.3);

animation:pulse-call 1.5s infinite;

}

/* WHATSAPP BUTTON */

.float-whatsapp{

background:#25D366;

color:#fff;

width:55px;

height:55px;

line-height:55px;

text-align:center;

border-radius:50%;

font-size:24px;

box-shadow:0 5px 15px rgba(0,0,0,0.3);

animation:pulse-whatsapp 1.5s infinite;

}

/* HOVER */

.float-call:hover{

background:#e55a00;

}

.float-whatsapp:hover{

background:#1ebe5d;

}

/* CALL PULSE */

@keyframes pulse-call {

0%{
box-shadow:0 0 0 0 rgba(255,106,0,0.7);
}

70%{
box-shadow:0 0 0 12px rgba(255,106,0,0);
}

100%{
box-shadow:0 0 0 0 rgba(255,106,0,0);
}

}

/* WHATSAPP PULSE */

@keyframes pulse-whatsapp {

0%{
box-shadow:0 0 0 0 rgba(37,211,102,0.7);
}

70%{
box-shadow:0 0 0 12px rgba(37,211,102,0);
}

100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}

}

/* MOBILE SIZE */

@media(max-width:768px){

.float-call,
.float-whatsapp{

width:50px;
height:50px;
line-height:50px;

font-size:20px;

}

}

/* MOBILE CONTACT BAR */

.mobile-contact-bar{

position:fixed;

bottom:0;

left:0;

width:100%;

display:flex;

z-index:9999;

}

/* BUTTON STYLE */

.mobile-contact-bar a{

flex:1;

text-align:center;

padding:12px 5px;

color:#fff;

font-size:14px;

font-weight:600;

text-decoration:none;

}

/* CALL */

.mobile-call{

background:#ff6a00;

}

/* WHATSAPP */

.mobile-whatsapp{

background:#25D366;

}

/* ENQUIRY */

.mobile-enquiry{

background:#0b5ed7;

}

/* ICON */

.mobile-contact-bar i{

display:block;

font-size:18px;

margin-bottom:3px;

}

/* DESKTOP HIDE */

@media(min-width:769px){

.mobile-contact-bar{

display:none;

}

}

/* SPACE */

.section-space{
height:60px;
}

/* ABOUT SECTION */

.about-section{

padding:50px 20px;

background:#ffffff;

}

/* CONTAINER */

.about-container{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

flex-wrap:wrap;

}

/* IMAGE */

.about-image{

flex:1;

text-align:center;

}

.about-image img{

max-width:400px;

width:100%;

height:auto;

}

/* CONTENT */

.about-content{

flex:1;

min-width:280px;

}

/* TITLE */

.about-content h2{

font-size:34px;

color:#0b5ed7;

margin-bottom:10px;

}

/* TAGLINE */

.about-tagline{

font-size:18px;

font-weight:600;

color:#ff6a00;

margin-bottom:25px;

}

/* FEATURES GRID */

.about-features{

display:grid;

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

gap:15px;

}

/* FEATURE ITEM */

.feature-item{

display:flex;

align-items:center;

gap:12px;

background:#f8f9fb;

padding:12px;

border-radius:8px;

}

/* ICON */

.feature-icon{

font-size:22px;

}

/* TEXT */

.feature-item p{

font-size:15px;

margin:0;

color:#333;

}

/* TABLET */

@media(max-width:992px){

.about-container{

flex-direction:column;

text-align:center;

}

.about-features{

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

}

}

/* MOBILE */

@media(max-width:576px){

.about-content h2{

font-size:26px;

}

.about-tagline{

font-size:16px;

}

.about-features{

grid-template-columns:1fr;

}

.feature-item{

justify-content:center;

}

}

/* PREMIUM SECTION */

.premium-product{

background:#0b5ed7;

padding:60px 20px;

color:#fff;

}

/* CONTAINER */

.premium-container{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

flex-wrap:wrap;

}

/* IMAGE */

.premium-image{

flex:1;

text-align:center;

}

.premium-image img{

max-width:350px;

width:100%;

height:auto;

}

/* CONTENT */

.premium-content{

flex:1;

min-width:280px;

}

/* SUBTITLE */

.premium-subtitle{

font-size:18px;

color:#ffcc00;

margin-bottom:5px;

}

/* TITLE */

.premium-title{

font-size:36px;

font-weight:800;

margin-bottom:10px;

}

/* TAGLINE */

.premium-tagline{

font-size:18px;

margin-bottom:20px;

}

/* PRICE */

.price-section{

margin-bottom:20px;

}

.old-price{

text-decoration:line-through;

font-size:18px;

margin-right:10px;

}

.discount{

background:#ffcc00;

color:#000;

padding:3px 8px;

border-radius:5px;

font-size:14px;

font-weight:600;

}

.new-price{

font-size:32px;

font-weight:800;

margin-top:10px;

color:#ffcc00;

}

.saving-text{

font-size:15px;

margin-top:5px;

}

/* FEATURES */

.premium-features{

list-style:none;

padding:0;

margin-bottom:25px;

}

.premium-features li{

font-size:16px;

margin-bottom:8px;

}

/* BUTTONS */

.premium-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.buy-btn{

background:#ff6a00;

color:#fff;

padding:12px 22px;

border-radius:8px;

text-decoration:none;

font-weight:600;

}

.buy-btn:hover{

background:#e55a00;

}

.demo-btn{

background:#fff;

color:#0b5ed7;

padding:12px 22px;

border-radius:8px;

text-decoration:none;

font-weight:600;

}

.demo-btn:hover{

background:#ffcc00;

color:#000;

}

/* MOBILE */

@media(max-width:768px){

.premium-container{

flex-direction:column;

text-align:center;

}

.premium-title{

font-size:26px;

}

.premium-tagline{

font-size:16px;

}

.new-price{

font-size:26px;

}

.premium-features li{

font-size:14px;

}

.premium-buttons{

justify-content:center;

}

}