*{margin:0;padding:0;box-sizing:border-box;list-style:none;}
html{font-size:10px;}
body{font-family:"Mulish", sans-serif;color:#222; font-size:1.4rem;}
img{width:100%; max-width:100%;border:none;}
a{text-decoration:none;color:inherit}

.container{width:90%;margin:0 auto}

/* HEADER WRAPPER */
.header{width:100%;background:#fff;border-bottom:.1rem solid #eee}
/* TOP BAR (MOBILE) */
.top-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.2rem 0}
/* LOGO */
.logo img{width:14rem; height:auto; max-width:100%}
.contact-info{display:none;gap:1.4rem}
.contact-info a{font-size:1.6rem;color:#333}
.contact-info a i{margin-right:.6rem}
/* SOCIAL ICONS (HIDDEN ON MOBILE) */
.social-links{display:none;gap:1.2rem}
.social-links a{font-size:1.6rem;color:#e95c00}
/* HAMBURGER */
.hamburger{width:2.8rem;height:2.2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.hamburger span{height:.3rem;width:100%;background:#000;border-radius:.5rem;transition:.3s ease}
/* HAMBURGER → X */
.hamburger.active span:nth-child(1){transform:translateY(0.9rem) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-0.9rem) rotate(-45deg)}
/* NAVBAR */
.navbar{width:100%;background:#e95c00;display:none}
.navbar ul{padding:1rem 0}
.navbar ul li a{display:block;padding:1.2rem 1.8rem;font-size:1.5rem;color:#fff;border-bottom:.1rem solid #fff3;}

/* ================= HERO SECTION ================= */
.hero{width:100%;background-image:url('../images/banner2.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;padding:4rem 0;position:relative}
.hero-content{width:90%;margin:0 auto;position:relative}
.hero-tagline{font-size:3rem;font-weight:800;color:#fff; line-height:4.5rem;margin-bottom:1rem;text-shadow:0 .2rem .6rem #0009; text-align:center;}
.hero-form-box{background:#fff;padding:2.5rem;border-radius:.8rem;box-shadow:0 0 2rem #00000026;margin-top:3rem}
.form-heading{font-size:1.6rem; font-weight:700; margin-bottom:1.8rem;line-height:1.4;text-align:center;}
.form-heading span{font-size:1.4rem;font-weight:400;display:block;margin-top:.5rem}
.form-input{margin-bottom:1rem}
.form-input input,.form-input textarea{width:100%;padding:0.5rem 1.4rem;font-size:1.4rem;border:.1rem solid #ccc;border-radius:.5rem}
textarea{resize:none;height:5rem}
.captcha-box{display:flex;align-items:center;gap:1rem}
#heroCaptchaText{font-size:1.6rem;font-weight:600; width:21rem;}
.submit-btn{width:100%;padding:1.4rem;background:#4a2c7f;color:#fff;font-size:1.6rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:.3s ease}
.submit-btn:hover{background:#341f57}

/* ================= MEDIA SECTION ================= */
.media-section{width:100%;padding:4rem 0;background:#fff}
.media-wrapper{display:flex;flex-direction:column;align-items:center}
.media-title{font-size:4rem;font-weight:700;color:#1d4ed8;margin-bottom:2rem;animation:blink 1.5s infinite ease-in-out;letter-spacing:.1rem}
@keyframes blink {
0%,100%{opacity:1}
50%{opacity:.6}
}
.media-logos{width:100%;display:flex;align-items:center;gap:3rem;flex-wrap:wrap;padding-bottom:1rem}
.media-logos img{height:8rem;flex-shrink:0;object-fit:contain; border:1px solid #ccc; padding:0.5rem;width:auto;}
.media-more{font-size:1.4rem;color:#1d4ed8;flex-shrink:0;white-space:nowrap}

.about-section{width:100%;padding:4rem 0;background:#fde7b8}
.about-wrapper{display:flex;flex-direction:column;gap:3rem;}
.about-image{display:flex; justify-content:center;}
.about-image img{width:50%;border-radius:50%; background:#ccc;}
.about-content{width:100%;font-size:1.6rem;line-height:1.7;color:#333}
h1{font-size:2.5rem;font-weight:900;margin-bottom:2rem;line-height:1.4;color:#222;text-align:center;}


/* SERVICES SECTION */
.services-section{padding:4rem 0;background:#fff}
.section-title{font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#222}
.services-grid{display:grid;grid-template-columns:1fr;gap:2rem}
.service-box{display:flex;align-items:flex-start;gap:1.6rem;padding:2rem;border:.1rem solid #ddd;border-radius:.8rem;background:#fafafa;transition:.3s}
.service-box:hover{box-shadow:0 0 1.2rem #00000014;transform:translateY(-0.3rem)}
.service-icon{font-size:2.8rem;color:#c20d0d;flex-shrink:0;margin-top:.4rem}
.service-box h3{font-size:1.8rem;font-weight:700;margin-bottom:.6rem}
.service-box p{font-size:1.3rem;line-height:1.6;color:#444}
.services-btn-wrap{text-align:center;margin-top:3rem}
.services-btn{display:inline-block;padding:1.2rem 2.6rem;font-size:1.6rem;background:#c20d0d;color:#fff;border-radius:.6rem;transition:.3s}
.services-btn:hover{background:#a50b0b}

/* CITIES SECTION */
.city-carousel-wrapper{width:100%;padding:3rem 0}
.city-item{display:block;text-align:center;transition:.3s ease-in-out;cursor:pointer}
.city-item img{width:100%;height:20rem;object-fit:cover;border-radius:1.2rem;transition:transform .4s ease}
.city-item:hover img{transform:scale(1.08)}
.city-item h4{margin-top:1rem;font-size:1.8rem;font-weight:600;color:#222;letter-spacing:.03rem;text-transform:uppercase}
.owl-dots{text-align:center;margin-top:2rem}
.owl-dot{display:inline-block;margin:0 .6rem}
.owl-dot span{width:1.2rem!important;height:1.2rem!important;background:#bbb!important;border-radius:50%;display:block;transition:.3s ease}
.owl-dot.active span{background:#e95c00!important;transform:scale(1.25)}
.owl-dot:hover span{background:#e90c00!important}

/* ================= CONTACT / GET IN TOUCH ================= */
.contact-section{background:linear-gradient(to bottom,#f7f9fc 0%,#fff 100%);padding:4rem 0;font-size:1.6rem;line-height:2.6rem;}
.contact-container{display:flex;flex-direction:column;align-items:center;gap:4rem}
.contact-image{display:none;}
.contact-form{width:100%;max-width:60rem;text-align:center}
.contact-form h3{font-size:2rem;font-weight:400;color:#e95c00;margin-bottom:2.5rem}
.contact-form form{display:flex;flex-direction:column;gap:2rem}
.form-group{display:flex;flex-direction:column;gap:15px}
.form-group input,.contact-form textarea,.form-captcha input{font-family:"Lato",sans-serif;color:#0d1b3f; font-size:1.4rem; width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}
.form-group input:focus,.contact-form textarea:focus,.form-captcha input:focus{border-color:#233d8f}
.contact-form textarea{resize:none}
.form-captcha{display:flex;gap:1rem;justify-content:center; align-items:center;}
#contactCaptchaText{font-size:1.6rem;font-weight:600; width:20rem;}
.btn-submit{background:#e95c00;color:#fff;padding:12px 3rem;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s ease;width:fit-content;margin:0 auto}
.btn-submit:hover{background:#f96c00}

/* ================= PRE-FOOTER SECTION ================= */
.pre-footer-section{background:#fff;border-top:1px solid #e6e6e6;padding:4rem 0;font-size:1.6rem;line-height:2.6rem;}
.pre-footer-container{display:grid;grid-template-columns:1fr;gap:4rem;text-align:center}
.pre-footer-box{padding:1rem 1.5rem}
.pf-icon{font-size:5rem;color:#e95c00;margin-bottom:1.5rem}
.pre-footer-box h3{color:#e95c00;font-size:2rem;font-weight:700;margin-bottom:15px}
.pre-footer-box ul{list-style:none;padding:0;margin:0;text-align:left;display:block}
.pre-footer-box ul li{color:#111;margin-bottom:8px}
.pre-footer-box ul li i{color:#e95c00;margin-right:8px;}
.pf-link{display:inline-block;color:#e95c00;margin-top:8px;text-decoration:underline;transition:color .3s ease}
.pf-link:hover{color:#f28c28}
.disclaimer-text{text-align:justify;color:#111;font-style:italic}

.clientsTestimonialWrapper{background:#ffecdf;padding:0}
.testimonialwrapper{color:#222;line-height:3rem;padding:2rem 1rem;font-size:1.6rem}
.testimonialwrapper h5{color:#000;font-size:2rem;line-height:3rem;margin-bottom:1rem;font-variant:small-caps}
.testimonialwrapper span{color:#e95c00}
.testimonialwrapper a{color:#032c6f;border-bottom:1px solid #032c6f;}
.testimonialwrapper h5 a{font-size:1.4rem}
#home_testomonials{width:100%;margin:0}
.testimonialContent{margin:0}
.clientImage,.clientVideo{margin-bottom:15px}
.clientFeedback{line-height:3rem;color:#222}
.clientFeedback h6{color:#000;font-size:1.8rem;margin-bottom:1rem;line-height:3rem}
.clientFeedback h6 span{color:#e95c00;font-style:italic;font-size:1.4rem;display:block}
.clientFeedback p{margin:0 0 5px}
.clientFeedback p b{font-size:5rem;color:#a00;font-weight:400;display:inline-block;vertical-align:middle;position:relative;top:5px}
.clientFeedback a{color:#c00;border-bottom:1px solid #c00; font-size:1.6rem;}

.contactSection{padding:2rem;background:#fef6dd;line-height:3rem}
.contactSection h5{font-size:2rem;color:#e95c00;margin-bottom:15px;font-weight:600; text-align:center;}
.contactSection h5 span{color:#444;border-bottom:1px solid #444}
.contactSection p{font-size:1.6rem;margin-bottom:2rem;color:#000}
.contactSection img{width:3rem;height:3rem;margin-right:1rem;vertical-align:middle}
.contactSection p{display:flex;align-items:center; white-space:nowrap;}
.contactSection p span{font-size:1.8rem;color:#0063ac;display:block}
.contactSection p span a{color:inherit !important;}


footer{padding:3rem 2rem 0;line-height:3rem;background:#2b2b2b;color:#fff;border-top:6px solid #141414;font-size:1.6rem;}
.bottomFirstCol{text-align:center;font-size:4rem;color:#fff;line-height:5rem;font-variant:small-caps;margin-bottom:25px}
.bottomFirstCol span{color:#22d2e7}
.addressContainer{margin-bottom:4rem;}
.addressContainer img{width:3rem;height:2rem;position:relative;top:4px;margin-right:1rem}
.addColLeft span,.addColRight span{font-size:1.8rem;display:inline-block; color:#1aa4ff;margin-bottom:1rem}
.addColLeft a{color:#60f447}
.acl-col-1,.acl-col-2{margin-bottom:3rem}
.acl-col-1 strong{color:#f93;display:block;font-weight:400;font-style:italic}
.acl-col-1 p,.acl-col-2 p{margin-bottom:1rem;position:relative;padding-left:2rem}
.acl-col-1 p i,.acl-col-2 p i{position:absolute;left:0;top:9px;color:#c6e8ff}
.relContact{display:none;color:#fff;background:#222;text-align:center;font-size:120%;margin-bottom:3rem}
.addColRight{margin-bottom:4rem;padding:0 2rem 0 1rem}
.ytvideo{margin-bottom:15px}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.payLCol,.payRCol{color:#777;line-height:250%;margin-bottom:3rem}
.payLCol span,.payRCol span{color:#f8ca4b;font-size:1.8rem;display:block;line-height:3rem}
.payLCol b,.payRCol b{color:#ccc;font-weight:400}
.payLCol i,.payRCol i{font-style:italic;color:#c6e8ff;margin-right:4px;border-bottom:1px solid #c6e8ff}
.payLCol em,.payRCol em{display:block}
i.colY{border:none;color:#60f447;font-style:normal}
.payLCol br,.payRCol br{line-height:300%}
.payLCol a,.payRCol a{color:#777}
.footerlinks{border-bottom:1px solid #595f64;padding-bottom:15px}
.footerlinks ul, .socialContainer ul{display:flex; justify-content:center; gap:1rem; align-items:center;}
.footerlinks li{padding:0 5px;color:#999}
.footerlinks a{color:#c6e8ff}
.copyrightTxt{color:#e8b1b8; text-align:center;}
.followTxt{font-size:1.8rem;margin-bottom:7px}
.socialContainer{padding-bottom:2rem; text-align:center;}
.socialContainer li{margin:0 15px;font-size:150%}
.socialContainer a{color:#777}

@media (min-width: 480px) {
.services-grid{grid-template-columns:repeat(2,1fr)}
}

/* DESKTOP RESPONSIVE */

@media (min-width: 768px) {
.contact-info,.social-links{display:flex}
.hamburger{display:none}
.navbar{display:block}
.navbar ul{display:flex;justify-content:center}
.navbar ul li a{border:none;padding:1.4rem 2.2rem}

.media-logos{justify-content:center;}
.media-logos img{height:6rem}

.about-wrapper{flex-direction:row;align-items:center;gap:5rem}
.about-image{width:45%}
.about-image img{width:100%; object-fit:cover; border-radius:0; background:transparent;}
.about-content{width:55%; font-size:1.7rem}
h1{font-size:3rem; text-align:left;}

.services-grid{grid-template-columns:repeat(3,1fr)}

.city-item img{height:22rem}

#home_testomonials{display:grid; grid-template-columns:20rem 1fr; gap:3rem;}
}
@media (min-width: 1024px) {
.top-bar{padding:1.8rem 0}
.navbar ul li a{white-space:nowrap;}

.hero{padding:1rem 0;position:relative}
.hero-content{display:flex;align-items:flex-start;justify-content:space-between}
.hero-tagline{font-size:5rem;max-width:45%;margin-top:5rem; line-height:6rem; text-align:left;}
.hero-form-box{width:38rem;margin-top:0;position:relative;right:auto;top:0}
.media-section{padding:2rem 0;}
.media-title{font-size:3rem;}
.media-logos img{height:5.5rem}

.city-item img{height:16rem; width:auto;}
.footrow{margin-bottom:2rem;}
.footrow, .payRow{display:flex; justify-content:space-between; gap:3rem;}
.payLCol em,.payRCol em{display:inline}
}
@media (min-width: 1200px) {
	.hero-tagline{font-size:7rem; line-height:9rem; max-width:65%;}
	.media-logos img{height:8rem;}
	.about-section{overflow:hidden;}
	.about-wrapper{position:relative;}
	.about-image img{width:50rem; object-fit:cover; border-radius:0; background:transparent; position:absolute; bottom:-15rem; left:0;}

	.contact-section{padding:0}
	.contact-container{flex-direction:row;justify-content:center;align-items:center}
	.contact-image{display:block; flex:1; max-width:60rem; position:relative;  display:flex; justify-content:center;}
	.contact-form{text-align:left; flex:1;}
	.contact-form h3{font-size:3rem; font-weight:700}
	.contact-form .section-title h2{position:relative; width:max-content;}
	.form-group{flex-direction:row}
	.form-group input{width:50%}
	.form-captcha{justify-content:flex-start}
	.btn-submit{margin:0;}

	.pre-footer-container{grid-template-columns:repeat(3,1fr);text-align:left;align-items:start;gap:6rem;font-size:1.4rem;line-height:2.6rem;}
	.pfbox-heading{display:flex; gap:1rem; align-items:center;}
	.pre-footer-box ul{text-align:left}
	.disclaimer-text{display:-webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;overflow: hidden;}

	.clientsTestimonialWrapper{padding:0}
	.testimonialwrapper{padding:4rem 5rem 4rem 0; border-right:1px solid #ccc;}
	.testimon_row{display:grid; grid-template-columns:1.5fr 1fr; gap:5rem}
	.contactSection{background:#ffecdf;}
	.contactSection h5{font-size:2.6rem; font-weight:700; line-height:4rem;}
	.contactSection h5 span{font-size:2rem;}
	.contactSection p{font-size:2rem;font-weight:600;}
	.contactSection p span{font-size:2.5rem;}

	.addressContainer{display:grid; grid-template-columns:1fr 1.2fr; gap:2rem;}
	.acl-col-1, .acl-col-2{padding-right:3rem;position:relative;margin-bottom:4rem;line-height:3rem;}
	.acl-col-1 div.mo, .acl-col-2 div.mo {display: none}
    .relContact {margin:1rem 0 2rem;display: inline-block;padding: 0 2rem;position:absolute;top:-48px;left:10rem;font-size:1.4rem}
}

@media (min-width:1360px) {
	.about-image img{width:70rem; bottom:-36rem; left:0;}
	.hero-tagline{font-size:7rem; line-height:9rem; max-width:65%;}
}

@media (min-width:1600px) {
	.container{width:70%;}
	.about-image img{width:70rem; bottom:-38rem; left:0;}
}