@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&display=swap');

/*
Mobitech Hull – mobitechhull.co.uk
Phone: 07487296046 (calls only)
Email: mobitechhull@gmail.com
Address: Beverley Road, Hull, HU6 7LH
*/

:root {
  --grey100: #E5EBF0;
  --grey300: #96A0B5;
  --grey600: #6D7D93;
  --grey800: #121F3E;
  --accent-h: 40;
  --accent-s: 95%;
  --accent-l: 50%;
  --accent100: hsl(42, 100%, 96%);
  --accent300: hsl(40, 100%, 87%);
  --accent600: hsl(40, 95%, 50%);
  --accent700: hsl(40, 95%, 36%);
  --lightbg: #f8fafb;
  --mediumbg: #1a1a2e;
  --darkbg: #0d0d1a;
  --mainFont: 'Inter', sans-serif;
  --titleFont: 'Manrope', sans-serif;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 32px rgba(14,56,118,0.10);
  --shadow-lg: 0 24px 64px rgba(14,56,118,0.14);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
}

*, *::before, *::after { padding:0; margin:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--mainFont); color: var(--grey800); background:#fff; -webkit-font-smoothing:antialiased; }
img { max-width:100%; height:auto; display:block; }

/* Typography */
h1,h2,h3,h4,h5 { font-family:var(--titleFont); letter-spacing:-0.04em; font-weight:700; line-height:1.1; color:var(--grey800); }
h1 { font-size:clamp(2.1rem,5vw,3.6rem); margin-bottom:1.25rem; }
h2 { font-size:clamp(1.7rem,3.5vw,2.4rem); margin-bottom:1.5rem; line-height:1.2; }
h2.big { font-size:clamp(2rem,4vw,2.8rem); }
h3 { font-size:clamp(1.3rem,2.5vw,1.9rem); margin-bottom:1.25rem; }
h4 { font-size:clamp(1.05rem,2vw,1.35rem); line-height:1.3; }
h5 { font-size:0.95rem; line-height:1.4; }
p { letter-spacing:-0.01em; margin:1rem 0; line-height:1.75; color:var(--grey600); font-size:1rem; }
strong { position:relative; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="13.82" viewBox="0 0 300 13.82"><path d="M3.15,9.24C22.42,9,41.68,8.37,61,8s38.58-.55,57.87-.43q57.54.36,115,3.66c10.67.6,21.34,1.43,32,1.76,5.43.17,10.84.59,16.28.61s10.84.3,16.26.24c1.76,0,2.26-2.6.43-3-4.71-.91-9.49-1.5-14.23-2.24S274.88,7.22,270,6.77s-9.68-1-14.54-1.45c-4.66-.39-9.31-.74-14-1.05C222.21,3,203,2,183.69,1.29Q125.85-.72,68,.4C46.34.82,24.7,1.54,3.15,3.36A3.14,3.14,0,0,0,0,6.3,3.08,3.08,0,0,0,3.15,9.24Z" transform="translate(0 0)" fill="%23F8C31A"/></svg>'); background-position:50% 100%; background-size:contain; background-repeat:no-repeat; padding-bottom:3px; }
.darkbg strong { background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="13.82" viewBox="0 0 300 13.82"><path d="M3.15,9.24C22.42,9,41.68,8.37,61,8s38.58-.55,57.87-.43q57.54.36,115,3.66c10.67.6,21.34,1.43,32,1.76,5.43.17,10.84.59,16.28.61s10.84.3,16.26.24c1.76,0,2.26-2.6.43-3-4.71-.91-9.49-1.5-14.23-2.24S274.88,7.22,270,6.77s-9.68-1-14.54-1.45c-4.66-.39-9.31-.74-14-1.05C222.21,3,203,2,183.69,1.29Q125.85-.72,68,.4C46.34.82,24.7,1.54,3.15,3.36A3.14,3.14,0,0,0,0,6.3,3.08,3.08,0,0,0,3.15,9.24Z" transform="translate(0 0)" fill="rgba(255,255,255,0.35)"/></svg>'); }

/* Layout */
section, main { padding:6rem 5vw; position:relative; overflow:hidden; }
footer { padding:0 5vw; position:relative; overflow:hidden; }
@media(max-width:640px){ section,main{padding:4rem 4vw;} footer{padding:0 4vw;} }

.row { display:flex; flex-wrap:wrap; margin:0 -1rem; }
.columns { padding:0 1rem; box-sizing:border-box; }
.small-12{width:100%;} .shrink{flex:0 0 auto;width:auto;} .z2{z-index:2;}
@media(min-width:640px){ .medium-4{width:33.333%;} .medium-6{width:50%;} }
@media(min-width:1024px){ .large-2{width:16.666%;} .large-4{width:33.333%;} .large-5{width:41.666%;} .large-6{width:50%;} .large-12{width:100%;} }
.align-justify{justify-content:space-between;} .align-middle{align-items:center;} .align-center{justify-content:center;}

/* Backgrounds */
.lightbg{background-color:var(--lightbg);}
.lighter-accentbg{background-color:var(--accent100);}
.lighter-accentbg p{color:var(--grey800);} .lighter-accentbg i{color:var(--accent600);}
.darkbg{background:linear-gradient(135deg,var(--mediumbg) 0%,var(--darkbg) 60%);}
.darkbg h1,.darkbg h2,.darkbg h3,.darkbg h4{color:#fff;}
.darkbg p{color:rgba(255,255,255,0.65);}

/* Header Bar */
.header-banner{padding:0.65rem 5vw;display:flex;justify-content:center;align-items:center;gap:0.5rem;background:var(--accent600);}
.banner-text{font-size:0.8rem;font-weight:600;color:#fff;margin:0;letter-spacing:0.01em;}
.header-banner i{color:#fff;font-size:0.9rem;}

/* Navbar */
.top-bar{padding:0 3vw;min-height:5rem;background:#fff;position:sticky;top:0;z-index:500;box-shadow:0 1px 0 rgba(0,0,0,0.07);display:flex;align-items:center;}
.top-bar-container{width:100%;display:flex;align-items:center;justify-content:space-between;}
.menu{display:flex;align-items:center;}
.logo{font-family:var(--titleFont);letter-spacing:-0.05em;text-decoration:none;color:var(--grey800);font-weight:800;font-size:1.35rem;display:flex;align-items:center;gap:0.6rem;margin-right:2.5rem;}
.logo-text{display:block;} .logo img{max-height:46px;} .logobig img{max-height:200px;} .footer-logo{max-width:150px;}
nav{display:flex;align-items:center;}
nav ul{display:flex;list-style:none;gap:0.2rem;}
nav ul li{position:relative;}
nav ul li a{display:inline-block;padding:0.5rem 0.85rem;font-size:0.875rem;font-weight:600;text-decoration:none;letter-spacing:-0.01em;color:var(--grey800);border-radius:var(--radius-sm);transition:background 0.2s,color 0.2s;}
nav ul li a:hover{background:var(--accent100);color:var(--accent700);}
.top-bar-actions{display:flex;align-items:center;gap:0.75rem;}
.top-bar-phone{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:700;text-decoration:none;color:var(--grey800);}
.top-bar-phone:hover{color:var(--accent700);}
.top-bar-cta{background:var(--accent600);color:#fff!important;font-size:0.875rem;text-decoration:none;font-weight:600;padding:0.7rem 1.4rem;border-radius:var(--radius-sm);transition:background 0.2s;white-space:nowrap;}
.top-bar-cta:hover{background:var(--accent700);}
.toggler{display:none;height:24px;width:28px;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:9999;}
.toggler .line{display:block;height:3px;width:100%;border-radius:10px;background:var(--grey800);transition:transform 0.3s,opacity 0.3s;}
.toggler.menu-visible .line{background:#fff;}
.toggler.menu-visible .line1{transform:rotate(45deg) translateY(9px);}
.toggler.menu-visible .line2{opacity:0;}
.toggler.menu-visible .line3{transform:rotate(-45deg) translateY(-9px);}
@media(max-width:1023px){
  .toggler{display:flex;} .medium-dn{display:none!important;}
  nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--darkbg);flex-direction:column;align-items:flex-start;justify-content:center;padding:2rem 8vw;opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:998;}
  nav.shown{opacity:1;pointer-events:all;}
  nav ul{flex-direction:column;gap:0;}
  nav ul li a{font-size:1.5rem;color:#fff!important;padding:0.6rem 0;}
  nav ul li a:hover{background:transparent!important;color:var(--accent600)!important;}
}
.sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:1rem 1.25rem;white-space:nowrap;z-index:100;}
.sub-menu li{display:block;}
.sub-menu li a{padding:0.35rem 0.5rem;font-size:0.85rem;}
nav ul li:hover .sub-menu{display:block;}
nav ul li>a::after{display:none;}

/* Hero */
.other-header-content{width:100%;padding:12vh 5vw;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.other-header-home{min-height:85vh;}
.other-header-page{min-height:42vh;}
.other-header-content h1{color:#fff;z-index:2;position:relative;max-width:820px;}
.headerp{color:rgba(255,255,255,0.88);font-size:clamp(1rem,2vw,1.2rem);max-width:50ch;text-align:center;margin:0 auto 2rem;z-index:2;position:relative;}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;z-index:2;position:relative;}
.other-header-content::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,26,0.88) 0%,rgba(13,13,26,0.55) 100%);z-index:1;}
.other-header-content img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:0;pointer-events:none;}
.yellimg{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;z-index:2;position:relative;}
.yellimg img{max-width:120px;border-radius:6px;}
.trust-badges{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;z-index:2;position:relative;margin-top:1.75rem;}
.trust-badge{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);border-radius:100px;padding:0.45rem 0.9rem;color:#fff;font-size:0.78rem;font-weight:600;}
.trust-badge i{color:var(--accent600);font-size:0.8rem;}
.area-breadcrumb{font-size:0.8rem;color:rgba(255,255,255,0.7);margin-bottom:0.75rem;z-index:2;position:relative;}
.area-breadcrumb a{color:rgba(255,255,255,0.8);text-decoration:none;}
.area-breadcrumb a:hover{color:#fff;}
.area-breadcrumb span{margin:0 0.35rem;opacity:0.5;}

/* Services slider */
.our-services{padding:0;}
.services-slider-slide{position:relative;min-height:360px;display:flex;padding:2rem;overflow:hidden;}
.services-slider-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,0.88) 100%);z-index:1;}
.services-slider-slide a{height:100%;width:100%;text-decoration:none;align-self:flex-end;color:#fff;z-index:2;position:relative;}
.services-slider-slide h4{color:#fff;}
.services-slider-slide img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform 0.5s;}
.services-slider-slide:hover img{transform:scale(1.04);}

/* Content labels */
.content-subtitle{display:inline-block;font-size:0.75rem;color:var(--accent600);text-transform:uppercase;font-weight:700;letter-spacing:0.08em;margin-bottom:0.75rem;}
.content-label{display:inline-block;padding:0.45rem 1rem;background:var(--accent100);border-radius:100px;text-transform:uppercase;font-weight:700;letter-spacing:0.04em;font-size:0.75rem;color:var(--accent700);}

/* Services list */
.services-list ul{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.services-list ul li{list-style:none;display:flex;align-items:center;font-size:0.9rem;font-weight:600;color:var(--grey800);gap:0.75rem;}
.services-list ul li::before{content:'\f00c';font-family:'Font Awesome 5 Pro';height:2rem;width:2rem;min-width:2rem;border-radius:100%;background:var(--accent100);color:var(--accent600);display:flex;align-items:center;justify-content:center;font-size:0.7rem;}
.services-list.darkbg ul li{color:#fff;}
.services-list.darkbg ul li::before{background:rgba(255,255,255,0.08);}
@media(max-width:640px){.services-list ul{grid-template-columns:1fr;}}

/* Images */
.image-container{min-height:18rem;height:100%;width:100%;position:relative;border-radius:var(--radius-md);overflow:hidden;}
.image-container img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;}
.images-rel{position:relative;}
.dual-images{position:relative;min-height:20rem;}
.dual-image-container{position:absolute;height:80%;width:47.5%;border-radius:var(--radius-md);overflow:hidden;}
.dual-image-container img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;}
.dual-image-container-left{left:0;bottom:0;margin-bottom:2rem;}
.dual-image-container-right{right:0;top:0;margin-top:2rem;}
@media(max-width:1023px){.images-rel{margin-bottom:2.5rem;}}
.images-card,.images-card-center,.images-card-left{position:absolute;padding:0.875rem 1.25rem;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;gap:0.75rem;box-shadow:var(--shadow-lg);z-index:3;}
.images-card{left:50%;top:50%;transform:translate(-50%,-50%);}
.images-card-center{top:50%;left:0;transform:translate(-40%,-50%);}
.images-card-left{top:50%;left:0;transform:translate(-40%,-50%);}
.images-card span,.images-card-center span,.images-card-left span{font-size:0.9rem;font-weight:600;letter-spacing:-0.03em;display:block;}
.images-card a,.images-card-center a,.images-card-left a{font-size:0.78rem;color:var(--grey300);}
.tertiary-button i{margin-left:0.4rem;font-size:0.78rem;}
@media(max-width:1023px){.images-card-center{top:0;left:50%;transform:translate(-50%,-50%);} .images-card-left{top:100%;left:50%;transform:translate(-50%,-50%);}}

/* Recent Work */
.rw-container{position:relative;margin-top:-180px;padding-top:0;z-index:3;}
.rw-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.rw-container h2{color:#fff;}
.rw-content{background:#fff;height:280px;box-shadow:var(--shadow-lg);z-index:3;margin-bottom:1rem;border-radius:var(--radius-md);overflow:hidden;}
.rw-content .image-container{border-radius:var(--radius-md);}

/* Process */
.op-container{padding:2rem;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);height:100%;border:1px solid var(--grey100);transition:box-shadow 0.3s,transform 0.3s;}
.op-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.op-top{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;}
.icon-container{height:3.5rem;width:3.5rem;min-width:3.5rem;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);background:var(--accent100);}
.icon-container i{font-size:1.5rem;color:var(--accent600);}

/* CTA Banner */
.contact-banner{padding:3.5rem 3rem;border-radius:var(--radius-lg);position:relative;overflow:hidden;}
@media(max-width:640px){.contact-banner{padding:2.5rem 1.25rem;}}

/* Contact page */
.contact-info-box{display:flex;flex-direction:column;gap:1.5rem;}
.contact-method{display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--grey100);text-decoration:none;transition:box-shadow 0.2s,transform 0.2s;}
.contact-method:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.contact-method-icon{height:3rem;width:3rem;min-width:3rem;border-radius:var(--radius-sm);background:var(--accent100);display:flex;align-items:center;justify-content:center;}
.contact-method-icon i{font-size:1.3rem;color:var(--accent600);}
.contact-method-text h4{margin:0 0 0.2rem;font-size:1rem;color:var(--grey800);}
.contact-method-text p{margin:0;font-size:0.875rem;color:var(--grey600);}
.contact-method-text .contact-value{font-size:1.2rem;font-weight:700;color:var(--accent700);margin-top:0.3rem;}
.contact-note{font-size:0.75rem;color:var(--grey300);margin-top:0.2rem!important;font-style:italic;}

/* Map */
.map iframe{height:28rem;width:100%;border-radius:var(--radius-lg);margin-top:4rem;border:0;}
@media(max-width:640px){.map iframe{margin-top:2rem;height:18rem;}}

/* Buttons */
.button-primary{display:inline-flex;align-items:center;gap:0.6rem;padding:0.85rem 1.75rem;background:var(--accent600);border-radius:var(--radius-sm);font-size:0.9rem;font-weight:600;text-decoration:none;color:#fff;transition:background 0.2s,transform 0.2s;letter-spacing:-0.01em;}
.button-primary i{transition:transform 0.2s;font-size:0.875rem;}
.button-primary:hover{background:var(--accent700);transform:translateY(-1px);}
.button-primary:hover>i{transform:translateX(4px);}
.button-margin{margin-top:1.5rem;}
.button-secondary{display:inline-flex;align-items:center;gap:0.5rem;border:1.5px solid var(--grey100);font-size:0.9rem;text-decoration:none;color:var(--grey800);font-weight:600;padding:0.85rem 1.5rem;border-radius:var(--radius-sm);transition:all 0.2s;background:#fff;}
.button-secondary:hover{border-color:var(--accent600);color:var(--accent700);background:var(--accent100);}
.button-white{display:inline-flex;align-items:center;gap:0.6rem;padding:0.85rem 1.75rem;background:#fff;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:700;text-decoration:none;color:var(--grey800);transition:all 0.2s;}
.button-white:hover{background:var(--accent100);color:var(--accent700);}

/* Stats */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:2rem;margin:2.5rem 0;}
.stat-item{text-align:center;}
.stat-number{font-family:var(--titleFont);font-size:2.4rem;font-weight:800;color:var(--accent600);letter-spacing:-0.04em;line-height:1;display:block;}
.stat-label{font-size:0.82rem;color:var(--grey600);margin-top:0.35rem;}

/* Service Cards */
.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:2.5rem;}
.service-card{padding:1.75rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--grey100);transition:box-shadow 0.3s,transform 0.3s;}
.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.service-card .icon-container{margin-bottom:1.25rem;}
.service-card h4{font-size:1.02rem;margin-bottom:0.4rem;}
.service-card p{font-size:0.875rem;margin:0;}

/* Reviews */
blockquote{padding:2rem;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);border:1px solid var(--grey100);background:#fff;transition:box-shadow 0.3s;}
blockquote:hover{box-shadow:var(--shadow-lg);}
.review-title{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem;gap:0.5rem;}
.review-stars{color:var(--accent600);font-size:0.9rem;}
.author{color:var(--accent600);margin-top:1.25rem;font-size:0.875rem;font-weight:600;}

/* Gallery */
.gallery{display:block;}
.gallery .columns img{margin:0;object-fit:cover;width:100%;height:100%;}
.gallery .columns .caption{position:absolute;pointer-events:none;color:#444;width:calc(100% - 20px);background:rgba(255,255,255,0.8);bottom:10px;padding:10px;left:10px;font-size:12px;border-radius:4px;}
.gallery .columns a{display:block;}
.gallery .columns{position:relative;overflow:hidden;width:25%;padding:10px;float:left;border-radius:var(--radius-sm);}
.gallery .columns img{border-radius:var(--radius-sm);transition:transform 0.4s;}
.gallery .columns:hover img{transform:scale(1.05);}
.gallery .columns:nth-child(10n+6){float:right;width:50%;}
.gallery .columns:nth-child(10n+1){width:50%;}
@media(max-width:640px){.gallery .columns:nth-child(3n+1){width:100%;} .gallery .columns:nth-child(3n+2),.gallery .columns:nth-child(3n+3){width:50%;}}

/* Service Area Pages */
.area-intro{background:var(--lightbg);border-radius:var(--radius-lg);padding:2.5rem;border:1px solid var(--grey100);margin-bottom:2rem;}
.area-intro p{font-size:1.05rem;margin:0;}
.contact-cta-strip{background:var(--accent600);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;}
.contact-cta-strip h3{color:#fff;margin:0;font-size:1.35rem;}
.contact-cta-strip p{color:rgba(255,255,255,0.85);margin:0.3rem 0 0;}
.cta-strip-buttons{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}
.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0.7rem;margin-top:1.5rem;}
.area-pill{display:flex;align-items:center;gap:0.5rem;padding:0.55rem 1rem;border:1px solid var(--grey100);border-radius:100px;font-size:0.8rem;font-weight:600;text-decoration:none;color:var(--grey800);background:#fff;transition:all 0.2s;}
.area-pill:hover{border-color:var(--accent600);color:var(--accent700);background:var(--accent100);}
.area-pill i{color:var(--accent600);font-size:0.7rem;}
.area-pill.current{border-color:var(--accent600);background:var(--accent100);color:var(--accent700);}

/* Home content */
.home-content{padding-bottom:14rem;z-index:3;}

/* Circles */
.circles-center{position:absolute;left:50%;bottom:0;}
.circles-right{position:absolute;bottom:0;right:0;}
.circles-left{position:absolute;bottom:0;left:0;}
.circles div:nth-child(1){opacity:0.4;width:400px;height:400px;}
.circles div:nth-child(2){opacity:0.25;width:560px;height:560px;}
.circles div:nth-child(3){opacity:0.15;width:720px;height:720px;}
.circles>div{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,0.12);background:radial-gradient(circle,rgba(255,255,255,0.02) 0%,transparent 70%);}
.circles{pointer-events:none;}

/* Footer */
footer{background:var(--darkbg);}
.footer-top{padding:5rem 0 2.5rem;}
.footer-bottom p{font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.4);}
footer h5{color:#fff;font-size:0.875rem;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:0.06em;}
footer ul{list-style:none;}
footer li{margin-bottom:0.6rem;}
footer a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.875rem;transition:color 0.2s;}
footer a:hover{color:#fff;}
footer address p{margin-bottom:0.4rem;margin-top:0;color:rgba(255,255,255,0.6);font-style:normal;font-size:0.875rem;line-height:1.6;}
.footer-left{display:flex;flex-direction:column;gap:1.25rem;}
.footer-tagline{color:rgba(255,255,255,0.5);font-size:0.875rem;line-height:1.6;margin:0;}
.social-icons{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:50%;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.55);text-decoration:none;margin-right:0.5rem;transition:all 0.2s;font-size:0.85rem;}
.social-icons:hover{border-color:var(--accent600);color:var(--accent600);}
.social-icons[href="#"]{display:none!important;}
.footer-outside{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.08);padding:1.5rem 0;}
.footer-outside i{margin-right:0.5rem;opacity:0.5;}
.footer-area-links{margin-top:0.75rem;}
.footer-area-links a{margin-right:1rem;font-size:0.78rem;}
@media(max-width:1023px){.footer-left{margin-bottom:2rem;}}
@media(max-width:640px){.small-dn{display:none!important;} .medium-dn{display:none!important;}}