/*
Theme Name: MD Web Studio Child
Theme URI: https://mdstudiowebagency.com/
Description: MD Web Studio Agency custom child theme for Hello Elementor.
Author: MD Web Studio Agency
Template: hello-elementor
Version: 4.4.0
Text Domain: mdstudio
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09111f;color:#eff5f5;font:15px/1.7 Arial,Helvetica,sans-serif}h1,h2,h3,h4{letter-spacing:-.045em;line-height:1.14;margin:0 0 20px;font-family:Arial,Helvetica,sans-serif}h1{font-size:clamp(45px,6vw,76px)}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:22px}p{color:#adbfcb;margin:0 0 20px}a{color:inherit;text-decoration:none}a:hover{color:#bbf6ad}.wrap{max-width:1210px;width:calc(100% - 48px);margin:auto}.navtop{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:20px}.logo{font-size:19px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.logo i{color:#b9f7a8;font-style:normal}.links{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:bold}.links a.current{color:#bef6b5}.btn{background:#bcf5aa;color:#132017;padding:13px 20px;border-radius:10px;display:inline-block;font-weight:800;font-size:13px}.btn:hover{color:#132017;background:#dcffcf}.ghost{border:1px solid #536477;background:transparent;color:#fff}.muted{color:#94aab9}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#bdf6a8;font-weight:bold}.intro{background:radial-gradient(ellipse at 78% 0%,#263f48,#111c2e 42%,transparent 70%);padding:80px 0 76px;border-top:1px solid #263649}.intro p{max-width:700px;font-size:17px}.section{padding:85px 0}.headrow{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:34px}.headrow p{max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid #324456;background:#142236;border-radius:18px;overflow:hidden}.card .copy{padding:25px}.card img{width:100%;display:block;aspect-ratio:1.48;object-fit:cover}.card h3{margin:10px 0}.card p{font-size:13px}.chip{display:inline-block;color:#b7f2b2;font-size:10px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.tool{border:1px solid #4b6070;padding:7px 12px;border-radius:30px;color:#cad8df;font-size:12px;background:#18283a;cursor:pointer}.tool.active{background:#bff2ac;color:#14231b}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;border:1px solid #365262;border-radius:24px;background:#122438;padding:28px}.feature img{width:100%;border-radius:14px}.tag{font-size:11px;color:#c0f9ac;text-transform:uppercase;letter-spacing:.13em;font-weight:bold}.articlegrid{display:grid;grid-template-columns:2fr 1fr;gap:26px}.price{padding:29px;background:#142236;border:1px solid #385067;border-radius:18px}.price strong{display:block;font-size:29px;color:#e3ffce;letter-spacing:-.05em;margin:16px 0}.price ul{padding-left:18px;color:#afc0cd;font-size:14px}.price li{margin:8px 0}.banner{padding:56px;text-align:center;background:linear-gradient(130deg,#1b3341,#192b36);border:1px solid #466c65;border-radius:24px}.foot{border-top:1px solid #304256;padding:48px 0;color:#93a9b9;font-size:12px}.footcols{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot a{margin-right:18px}.post{max-width:800px;margin:auto}.post h1{font-size:clamp(42px,5vw,68px)}.post h2{font-size:32px;margin:55px 0 15px}.post h3{font-size:23px;margin:30px 0 12px}.post p,.post li{font-size:17px;line-height:1.9;color:#c1cfda}.post ul{padding-left:24px}.post blockquote{margin:30px 0;padding:26px 30px;border-left:3px solid #baf2a4;background:#14273a;font-size:23px;font-weight:bold;line-height:1.5}.comparison{width:100%;border-collapse:collapse;margin:26px 0;color:#bfcfd9}.comparison th,.comparison td{text-align:left;border-bottom:1px solid #34495b;padding:16px}.comparison th{color:#c7f8bb;background:#182b3e}.toc{padding:22px 28px;border:1px solid #3a5565;border-radius:16px;margin:30px 0;background:#132437}.toc a{display:block;font-size:14px;margin-top:9px;color:#bff9ae}.highlight{color:#c8fcb4}.mini{font-size:12px;color:#97aebf}.itemfade{opacity:.32}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.articlegrid,.feature{grid-template-columns:1fr}.links{gap:12px}.links a{font-size:11px}}@media(max-width:650px){.links a:not(.btn){display:none}.grid,.two{grid-template-columns:1fr}.intro{padding:60px 0}.section{padding:55px 0}.headrow{display:block}.banner{padding:30px}.post p,.post li{font-size:16px}}
:root{--md-mint:#b9f7ac}body{background:#09111f;color:#eff5f5}.md-header{position:relative;z-index:20;background:#09111f;border-bottom:1px solid #213346}.md-header .navtop{min-height:88px}.md-header .links{display:flex;flex-wrap:wrap}.md-header .links a{font-size:13px}.md-footer{padding:50px 0;border-top:1px solid #304256}.md-grid-images img{width:100%;height:auto;display:block}.md-hero-collage{display:grid;grid-template-columns:1.1fr .9fr;gap:13px;align-items:center}.md-hero-collage img{border-radius:16px;box-shadow:0 20px 50px #0008;object-fit:cover;width:100%;height:100%;border:1px solid #365163}.md-hero-collage .md-main-image{grid-row:span 2}.md-hero-collage>img:not(.md-main-image){aspect-ratio:1.35}.md-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:90px 0}.md-hero h1{font-size:clamp(46px,5.6vw,78px)}.md-hero p{font-size:18px}.md-badges{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.md-badges span{border:1px solid #3a505e;padding:8px 15px;border-radius:50px;color:#cee2e8;font-size:12px}.md-project-card{border-radius:18px;overflow:hidden;background:#142236;border:1px solid #324456}.md-project-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.md-project-card .copy{padding:25px}.md-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.md-review{background:#142236;border:1px solid #304557;border-radius:18px;padding:27px}.md-review .stars{color:#f4b94d;font-size:20px;letter-spacing:.12em}.md-review blockquote{margin:12px 0 18px;color:#d0dbe2;line-height:1.75}.md-review small{color:#9fb4c2}.md-content{max-width:830px;margin:0 auto}.md-content h2{margin:40px 0 15px}.md-content p,.md-content li{color:#c1d0db;font-size:17px;line-height:1.85}.md-content img{max-width:100%;height:auto;border-radius:16px}.md-content a{color:#c5f9b7;text-decoration:underline}.md-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.md-content td,.md-content th{padding:12px;border:1px solid #334e61}.md-content th{background:#1b2a3c}.md-form label{display:block;margin:15px 0;font-weight:700;color:#e4f0ef}.md-form input,.md-form textarea,.md-form select{width:100%;display:block;background:#17293a;color:white;border:1px solid #526476;border-radius:9px;padding:13px;margin-top:6px}.md-form input[type=checkbox]{width:auto;display:inline}.md-form input[type=file]{cursor:pointer}.md-form .btn{border:0;cursor:pointer}.md-hp{display:none!important}.md-footer a{display:inline-block;margin:0 16px 10px 0}.md-postmeta{font-size:13px;color:#9fb4c2;margin:15px 0 30px}.md-skip{position:absolute;left:-9999px}.md-skip:focus{left:20px;top:20px;z-index:9999;background:white;color:black;padding:10px}.md-article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.md-article-list a{display:block;padding:25px;background:#142236;border:1px solid #304557;border-radius:18px;transition:.2s}.md-article-list a:hover{transform:translateY(-3px)}.md-pagination{margin-top:35px}.md-pagination a,.md-pagination span{display:inline-block;padding:8px 12px}.md-prose{max-width:840px}.md-prose p{font-size:16px;line-height:1.9}.md-mobile-toggle{display:none;background:transparent;color:white;border:1px solid #476071;border-radius:9px;padding:9px 12px}.md-home-preview .section{padding:70px 0}@media(max-width:960px){.md-hero{grid-template-columns:1fr;gap:30px}.md-review-grid{grid-template-columns:repeat(2,1fr)}.md-article-list{grid-template-columns:repeat(2,1fr)}.md-mobile-toggle{display:block}.md-header .links{display:none;position:absolute;top:80px;left:0;right:0;background:#0e1a2a;padding:25px;flex-direction:column;align-items:start}.md-header .links.md-open{display:flex}}@media(max-width:620px){.md-review-grid,.md-article-list{grid-template-columns:1fr}.md-hero{padding:55px 0}.md-hero-collage{gap:6px}.md-header .navtop{min-height:75px}.md-hero h1{font-size:44px}}
