@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/LibreBaskerville-Bold.woff2') format('woff2'),
        url('fonts/LibreBaskerville-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/LibreBaskerville-Regular.woff2') format('woff2'),
        url('fonts/LibreBaskerville-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('fonts/LibreBaskerville-Italic.woff2') format('woff2'),
        url('fonts/LibreBaskerville-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7gny61');
  src:  url('fonts/icomoon.eot?7gny61#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7gny61') format('truetype'),
    url('fonts/icomoon.woff?7gny61') format('woff'),
    url('fonts/icomoon.svg?7gny61#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icons8-combo-chart:before {
  content: "\e900";
}
.icon-icons8-web-design:before {
  content: "\e901";
}
.icon-icons8-web-development:before {
  content: "\e902";
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ font-family: 'Vollkorn', serif;color: #1a61af;}
body{font-family: 'Libre Baskerville';color: #707070;}
p:empty{margin:0;}
a:hover{color:inherit;}
/*.navbar-bg span{font-size:25px;}
.navbar-bg span.mtxt {font-size: 22px;}*/
.top-bar, .navbar-bg {  background: #1a61af; padding: 15px 0;}
.navbar-bg {border-bottom: 1px solid #ffffff30;}
.top-bar *, .navbar-bg *{ color: #fff;}
.yellow { color: #38d200 !important;}
/*.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(26, 97, 175, 0.84);
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 9999;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
  font-family: 'Vollkorn';
}

.overlay a:hover, .overlay a:focus {
  color: #38d200;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
#menuservdrop {background:#0F3041;}
#menuservdrop2 {background: #0F3041;}
.title-border {
  border-top: 3px solid #1a61af;
  width: 150px;
  margin-top: 15px;
  margin-bottom: 100px;
}
*/
.header-bg { background: #1a61af; padding:70px 0px;}
.header-bg *{ color:#fff;}
.header-bg h1,.header-bg h2 {margin-bottom: 30px;font-size:28px;}
.hp-title{font-size:54px;color:#1a61af;font-weight:normal;}
.txtc1{color:#1a61af !important;}
.txtc2{color:#38d200 !important;}
.hpsec1 {padding: 90px 0;}
.hpsec2 {padding: 30px 0;}
.our-services {margin: 70px 0;}
.border-yellow {  border: 2px solid #38d200; width: 200px;margin-bottom:40px;}
.cta-wrap{padding:45px 30px;text-align:center;
border-radius: 57px;
background: linear-gradient(145deg, #ffffff, #e6e6e6);
box-shadow:  21px 21px 52px #1a61af, -21px -21px 52px #ffffff;}

.bns-txt{margin-top: 30px;font-size: 14px;}
.choose-box {display: flex;justify-content: space-around;}
.cbtxt {padding: 10px;}
.cbtxt i {font-size: 2.5rem;margin-right: 15px;}
.mnum {font-size: 25px;}

.cta-wrap h2,.cta-wrap h4,.cta-wrap p{color:#1a61af}.cta-wrap h2{font-size:25px;font-weight:600;margin-top:15px;padding-top:20px!important;min-width:60px;max-width:100%;display:inline-block}.cta-wrap p{margin-bottom:0px;padding-top:10px}.cta-wrap i{font-size: 3rem;color: #1a61af;}

.icon-wrap::after {
  content: " ";
  height: 2px;
  background: #1a61af;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translatey(-50%);
  z-index: 1;
  left:68px;
}
.icon-wrap {position: relative;text-align:left;}
.icon-wrap i {position: relative;z-index: 2;padding-right: 20px;}
.cta-wrap:hover h2,.cta-wrap:hover .icon-wrap i{color:#38d200;}
.cta-wrap:hover .icon-wrap::after,.cta-wrap:hover .icon-wrap::before{background:#38d200;}
.circle-shape {width: 600px;height: 600px;background: #38d200;border-radius: 50%;position: relative;}
.cspos1{margin-top: -370px;right: -150px;}
.cspos2,.cspos4{left:-400px;}
.cspos3{right:-260px;}
.btn-white{background:#fff;border-color:#fff;color:#1a61af !important;}
.btn-white:hover{background:#38d200;border-color:#38d200;color:#fff !important;}
.txt36{font-size:36px;font-family: 'Vollkorn', serif;color:#1a61af;}
.txtbtn{font-size:42px;font-family: 'Vollkorn', serif;font-weight:bold;color:#38d200;}
.boxbg1, .boxbg2, .boxbg3, .boxbg4 {padding: 80px;}
.boxbg1 p, .boxbg2 p, .boxbg3 p, .boxbg4 p{margin:30px 0;}
.boxbg1,.boxbg3{border-right:25px solid #38d200;}
.boxbg1 {background:#f7f7f7;}
.boxbg4 {background:#1a61af;}
.hptestimonial{padding:80px 0;background:url(imgs/web-designer.jpg) no-repeat center;background-size:cover;margin-top:100px;}
.hptestimonial .border-yellow {border-color: #fff;width: 45%;}
.hpsec3{padding:120px 0;}
.hpsec5{padding:30px 0;}
.hpsec6{padding:120px 0;}
.hpctabar {background: #1a61af;padding: 30px 0;}
.boxbg4 *,.hptestimonial *,.hpctabar *,.hpsec4 *{color:#fff;}
.btn-secondary{background:#38d200;border-color:#38d200;color:#fff;}
.btn-secondary:active{background:#38d200 !important;border-color:#38d200 !important;color:#fff;}
.txt18{font-size:18px;}
.txt22{font-size:22px;}
.txtnum{font-size:22px;color:#1a61af;}
.hpsec4{padding:80px 0;background:url(imgs/review-bg.jpg) no-repeat center;background-size:cover;}
.hpsec4 .border-yellow {border-color: #fff;width: 65%;}

.hp-newssec{padding:80px 0;}
.hp-newssec .border-yellow{margin-bottom:80px;}
.latest-news-wrapper .latest-post {border: 1px solid #38d200;margin: 15px;border-radius: 20px;overflow: hidden;}
.latest-news-wrapper .latest-post .news-img {position: relative;}
.latest-news-wrapper .latest-post .news-img img {width: 100%;max-width: 100%;}
.latest-news-wrapper .latest-post .news-img a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
background: #020202 0.1;
}
.latest-news-wrapper .latest-post .news-img .news-date-wrap {
z-index: 2;
color: #fff;
position: absolute;
top: 5px;
left: 15px;
font-weight: 800;
}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-day,.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-month {display: block;line-height: 1;text-transform: uppercase;text-align: center;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-day {font-size: 32px;}
.latest-news-wrapper .latest-post .news-img .news-date-wrap .date-month {font-size: 18px;}
.latest-news-wrapper .latest-post .news-content {padding: 30px 15px;color:inherit;}
.latest-news-wrapper .latest-post .news-content h3 {font-size: 20px;color: #1a61af;font-weight: 700;}

.hp-auditform .wpcf7 input[type="text"],
.hp-auditform .wpcf7 input[type="email"] {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #1a61af;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #1a61af !important;
margin-bottom: 30px;
font-size:24px;
}
.hp-auditform ::placeholder {
color: #1a61af !important;
}
.hp-auditform .wpcf7-submit {
display: inline-block !important;
width: auto !important;
background: #38d200 !important;
color: #fff !important;
border-color: #38d200 !important;
padding: 12px 50px !important;
}
.hp-auditform .wpcf7-spinner {display: none;}
.hp-auditform{}

.footer {background:#1a61af;padding: 50px 0;}
.footer *,.copy-fotter *{color:#fff;}
.footer h3 {color: #fff;font-size: 22px;}
.foot-menu a {line-height: 30px;}
.copy-fotter {background: #38d200;padding: 15px 0;}
.copy-fotter p {margin: 0;}
.copy-fotter a:hover {color: #1a61af;}
.inner-bg{background:#1a61af;border-bottom:4px solid #38d200;padding:50px 0;}
.section-white {background: #fff;padding: 90px 0;}
.section-primary {background: #1a61af;padding: 50px 0;}
.section-secondary {background: #38d200;padding: 50px 0;}
.inner-bg *,.section-primary *,.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.wrapper {padding: 90px 0;}
.servbox {padding: 20px;box-shadow: 0px 3px 30px rgba(26, 97, 175, 0.12), 0px 3px 30px rgba(0, 0, 0, 0.16);border-radius: 20px;margin-bottom: 30px;background:#fff;}
.servbox img{margin-bottom: 20px;}
.servbox p{margin:0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a{color: inherit;}
.widget-title {color: #1a61af;}
.entry-title a {color: #1a61af;}
.text-fild{margin-bottom:15px;background: rgba(255,255,255,0.60);}
.textarea-fild{height:100px !important;margin-bottom:15px;background: rgba(255,255,255,0.60);}
.text-fild::placeholder, .textarea-fild::placeholder {color: #888 !important;}
.send {background: #38d200 !important;color: #fff !important;border-color: #38d200 !important;}
.newsbox {margin-bottom: 50px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-radius: 17px;overflow: hidden;}
.newsimg {width: 100%;height: 380px;overflow: hidden;}
.newsimg img {width: 100%;height: auto;object-fit: cover;min-height: 380px;}
.newstxt {background: #fff;padding: 20px;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.foot-social a {display: inline-block;margin-right: 10px;font-size: 24px;}

.ewd-ufaq-faq-title-text h4 { font-size:18px !important; color: #707070 !important;}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span { padding-top:5px !important; font-size:20px !important;  color: #707070 !important;}


.badges {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 30px;}
.badge {display: inline-flex;align-items: center;background: #fff; border: 1px solid #e2eaf3;border-radius: 999px;padding: 8px 15px;font-weight: 600;font-size: 14px;color:#1a61af;}
.mylist-col2{margin: 24px 0 14px;gap: 12px 28px;}
.mylist-box {display: flex;flex-wrap: wrap;gap: 12px;margin: 22px 0;}
.mylist-box li{background: #fff;border: 1px solid #e2eaf3;border-radius: 12px;padding: 18px;font-weight: 600;}
.mylist-steps {list-style:none;counter-reset:s;padding:0;margin:26px 0 0;gap:18px;}
.mylist-steps li{counter-increment:s;background:#fff;border:1px solid #e2eaf3;border-radius:15px;padding:22px 20px 20px;position:relative}
.mylist-steps li::before {content:counter(s);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#1a61af;color:#fff;font-weight:600;font-size:18px;margin-bottom:12px}
.mylist-steps li b{display:block;font-size:16px;}



/*************** MEDIA ************************/
@media screen and (min-width: 992px) {
.cta-wrap{border-radius: 57px;
background: linear-gradient(230deg, #ffffff, #ebebeb);box-shadow:  100px 100px 52px #ebebeb,-21px -21px 52px #ffffff;}
.mylist-col2{display: grid;grid-template-columns: repeat(2,1fr);}
.mylist-steps {display:grid;grid-template-columns:repeat(3,1fr);}
}			 
@media screen and (min-width: 768px) {
.latest-news-wrapper .latest-post {max-width: calc(33.333% - 30px);}
.bns-txt br{display:none;}
}
@media screen and (max-width: 991px) {
.our-services h2,.hpsec2,.hptestimonial h2,.hpsec3,.hpsec4,.hp-newssec h2,.copy-fotter{text-align:center;}
.cta-wrap{margin-bottom:50px;text-align: center;}
.icon-wrap::before { content: " "; height: 2px; background: #1a61af; position: absolute; top: 50%; left: 0; transform: translatey(-50%); z-index: 1; right: 65%;}
.icon-wrap::after{left:65%;}
.border-yellow {margin-left: auto;margin-right:auto;}
.hpsec1 .border-yellow {margin-left: 0;}
.icon-wrap{text-align: center;}
.icon-wrap i {padding-left: 20px;}
.boxbg1, .boxbg3{border:0;}
.boxbg1, .boxbg2, .boxbg3, .boxbg4{padding:40px;}
.cspos1{right: -50px;}
.cspos3 {right: -70px;}
.hpctabar .btn {margin-top: 30px;}
.footer {padding-top: 0;}
.footer h3{margin-top:50px;}
.mylist-steps li{margin-bottom:30px;}
}
@media screen and (max-width: 767px) {
.top-bar img {margin-bottom: 20px;}
.hp-title {font-size: 34px;}
.txt36{font-size: 26px;}
.txtbtn{font-size: 32px;}
.hpsec1,.header-bg h1,.header-bg h2{text-align:center;}
.circle-shape{display:none;}
.choose-box {display: block;text-align: center;}
.hpsec1 .border-yellow {margin-left: auto;}
.hpport-mobile { padding: 50px 0px;}
.hpport-mobile h3 { font-weight: normal;}
.hpsec6{text-align:center;}
.hp-newssec { padding: 0px 0;}
.mobile-space{ margin-top:50px;}
}


/*!
 * Koenig Web Design – Home page styles (kwd-home.css)
 * Works together with home.php and the Bootstrap 4.1 already loaded by the theme.
 * Every rule is scoped to .kwd-home and every class is prefixed "kwd-", so nothing here
 * can change the header, footer or other pages, and the theme's style.css can't leak in.
 */
@import url("https://fonts.googleapis.com/css2?family=Vollkorn:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap");

.kwd-home{--bg:#FFFFFF; --surface:#FFFFFF; --mist:#F2F7FC; --mist-2:#E9F1F9; --line:#DCE6EF; --line-soft:#EAF0F6; --head:#374550; --ink:#5F6E7B; --ink-soft:#8494A1; --accent:#1A61AF; --accent-strong:#155192; --accent-tint:#E8F1FA; --band:#1A61AF; --band-2:#0E3C6E; --on-band:#FFFFFF; --on-band-soft:#C3DAF2; --band-line:rgba(255,255,255,.16); --band-card:rgba(255,255,255,.07); --green:#38D200; --green-deep:#2BA500; --on-green:#0B2B00; --footer:#0A2C50; --footer-2:#072139; --on-footer:#BFD6EC; --sh-soft:0 16px 38px -24px rgba(10,44,80,.42); --sh-lift:0 28px 58px -28px rgba(10,44,80,.52); --sh-band:0 30px 70px -30px rgba(3,20,40,.65); --r-card:8px; --r-pill:999px; --maxw:1220px; --ease:cubic-bezier(.22,.72,.28,1); color-scheme:light;}
.kwd-home h1,
.kwd-home h2,
.kwd-home h3,
.kwd-home h4,
.kwd-home h5{font-family:Vollkorn,"Iowan Old Style",Georgia,serif; color:var(--head); margin:0; line-height:1.18; text-wrap:balance; font-weight:700;}
.kwd-home h1{font-size:clamp(2rem,1.25rem + 3.1vw,3.35rem)}
.kwd-home h2{font-size:clamp(1.65rem,1.15rem + 2.05vw,2.6rem)}
.kwd-home h3{font-size:clamp(1.22rem,1.05rem + .72vw,1.6rem)}
.kwd-home h4{font-size:clamp(1.05rem,.98rem + .4vw,1.22rem)}
.kwd-home p{margin:0}
.kwd-home a{color:var(--accent); text-decoration:none}
.kwd-home a:hover{color:var(--accent-strong)}
.kwd-home img,
.kwd-home svg{max-width:100%}
.kwd-home ul{margin:0;padding:0;list-style:none}
.kwd-home :focus-visible{outline:3px solid var(--green); outline-offset:3px; border-radius:4px}
.kwd-home .kwd-wrap{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(16px,4vw,44px)}
.kwd-home .kwd-sec{padding-block:clamp(52px,7vw,104px)}
.kwd-home .kwd-sec--mist{background:var(--mist)}
.kwd-home .kwd-lede{font-size:clamp(1rem,.96rem + .2vw,1.1rem); max-width:66ch}
.kwd-home .kwd-narrow{max-width:70ch}
.kwd-home .kwd-eyebrow{font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.72rem; font-weight:600; letter-spacing:.17em; text-transform:uppercase; color:var(--green-deep); display:inline-flex; align-items:center; gap:.6rem; margin-bottom:.85rem;}
.kwd-home .kwd-eyebrow::before{content:""; width:26px; height:2px; background:var(--green); border-radius:2px; flex:none}
.kwd-home .kwd-on-band .kwd-eyebrow{color:#7DE84F}
.kwd-home .kwd-hrule{display:block; width:74px; height:3px; background:var(--green); border-radius:3px; margin-top:1.1rem; transform-origin:left center}
.kwd-home.kwd-anim-on .kwd-hrule{transform:scaleX(0); transition:transform .8s var(--ease) .25s}
.kwd-home.kwd-anim-on .kwd-in > .kwd-hrule,
.kwd-home.kwd-anim-on .kwd-hrule.kwd-in{transform:scaleX(1)}
.kwd-home .kwd-w{display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.06em; margin-bottom:-.06em}
.kwd-home .kwd-wi{display:inline-block; will-change:transform}
.kwd-home.kwd-anim-on .kwd-wi{transform:translateY(112%); transition:transform .82s var(--ease)}
.kwd-home.kwd-anim-on .kwd-in .kwd-wi{transform:translateY(0)}
.kwd-home.kwd-anim-on [data-rv]{opacity:0; transform:translateY(20px)}
.kwd-home.kwd-anim-on [data-rv].kwd-in{opacity:1; transform:none; transition:opacity .75s var(--ease) var(--d,0ms), transform .75s var(--ease) var(--d,0ms)}
.kwd-home .kwd-shimmer{position:relative; display:inline-block}
.kwd-home.kwd-anim-on .kwd-shimmer.kwd-in::after{content:""; position:absolute; inset:-4% -8%; pointer-events:none; background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%); transform:translateX(-120%); animation:kwd-sweep 1.5s var(--ease) .55s 1 forwards;}
@keyframes kwd-sweep{to{transform:translateX(120%)}}
.kwd-home .kwd-btn{display:inline-flex; align-items:center; justify-content:center; gap:.55rem; font-family:"IBM Plex Sans",sans-serif; font-weight:600; font-size:.95rem; line-height:1; padding:.92rem 1.65rem; border-radius:var(--r-pill); border:2px solid transparent; cursor:pointer; transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .25s, color .25s, border-color .25s; text-align:center;}
.kwd-home .kwd-btn svg{flex:none; transition:transform .3s var(--ease)}
.kwd-home .kwd-btn:hover{transform:translateY(-2px)}
.kwd-home .kwd-btn:hover svg{transform:translateX(3px)}
.kwd-home .kwd-btn--go{background:var(--green); border-color:var(--green); color:#fff; box-shadow:0 12px 26px -14px rgba(56,210,0,.9)}
.kwd-home .kwd-btn--go:hover{background:var(--green-deep); border-color:var(--green-deep); color:#fff; box-shadow:0 18px 34px -14px rgba(56,210,0,.95)}
.kwd-home .kwd-btn--ghost{background:var(--surface); border-color:var(--surface); color:var(--accent)}
.kwd-home .kwd-btn--ghost:hover{color:var(--accent-strong); box-shadow:var(--sh-soft)}
.kwd-home .kwd-btn--line{background:transparent; border-color:var(--band-line); color:var(--on-band)}
.kwd-home .kwd-btn--line:hover{border-color:#fff; color:#fff}
.kwd-home .kwd-btn--blue{background:var(--accent); border-color:var(--accent); color:#fff}
.kwd-home .kwd-btn--blue:hover{background:var(--accent-strong); border-color:var(--accent-strong); color:#fff}
.kwd-home .kwd-btn--outline{background:transparent; border-color:var(--line); color:var(--accent)}
.kwd-home .kwd-btn--outline:hover{border-color:var(--accent); background:var(--accent-tint)}
.kwd-home .kwd-alink{font-weight:600; font-size:.92rem; display:inline-flex; align-items:center; gap:.4rem}
.kwd-home .kwd-alink svg{transition:transform .3s var(--ease)}
.kwd-home .kwd-alink:hover svg{transform:translateX(4px)}
.kwd-home .kwd-hero{position:relative; background:linear-gradient(160deg,var(--band) 0%,var(--band-2) 100%); color:var(--on-band); overflow:hidden}
.kwd-home .kwd-hero h1{overflow: hidden;}
.kwd-home .kwd-hero h1,
.kwd-home .kwd-on-band h2,
.kwd-home .kwd-on-band h3,
.kwd-home .kwd-on-band h4{color:var(--on-band)}
.kwd-home .kwd-on-band p,
.kwd-home .kwd-on-band li{color:var(--on-band-soft)}
.kwd-home .kwd-blob{position:absolute; border-radius:50%; filter:blur(70px); pointer-events:none}
.kwd-home .kwd-blob--a{width:480px; height:480px; background:rgba(56,210,0,.16); top:-170px; right:-90px}
.kwd-home .kwd-blob--b{width:560px; height:560px; background:rgba(120,190,255,.16); bottom:-260px; left:-180px}
.kwd-home .kwd-hero p{font-size:clamp(1rem,.95rem + .25vw,1.13rem); max-width:56ch; margin-top:1.15rem}
.kwd-home .kwd-trust{display:flex; flex-wrap:wrap; gap:.65rem 1.5rem; margin-top:1.7rem}
.kwd-home .kwd-trust li{display:flex; align-items:center; gap:.5rem; font-size:.9rem; font-weight:500; color:#E4F0FB}
.kwd-home .kwd-tick{flex:none}
.kwd-home .kwd-hero-cta{display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem}
.kwd-home .kwd-hero-art{position:relative}
.kwd-home .kwd-float{animation:kwd-float 7s ease-in-out infinite}
@keyframes kwd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.kwd-home .kwd-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(22px,2.4vw,32px); display:flex; flex-direction:column; gap:.8rem; transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;}
.kwd-home .kwd-card--link:hover{transform:translateY(-6px); box-shadow:var(--sh-lift); border-color:var(--accent-tint)}
.kwd-home .kwd-card h3{color:var(--head)}
.kwd-home .kwd-card p{font-size:.95rem}
.kwd-home .kwd-icon-badge{width:58px; height:58px; border-radius:12px; background:var(--accent-tint); display:grid; place-items:center; flex:none; transition:background .35s var(--ease)}
.kwd-home .kwd-card--link:hover .kwd-icon-badge{background:var(--accent);}
.kwd-home .kwd-card--link:hover .kwd-icon-badge .kwd-ic-s{stroke:#fff}
.kwd-home .kwd-card--link:hover .kwd-icon-badge .kwd-ic-f{fill:#fff}
.kwd-home .kwd-ic-s{stroke:var(--accent); stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round; transition:stroke .35s}
.kwd-home .kwd-ic-f{fill:var(--green); transition:fill .35s}
.kwd-home .kwd-stat{padding:1.3rem 1rem 1.3rem 1.35rem; border-left:3px solid var(--green); background:var(--surface); border-radius:0 var(--r-card) var(--r-card) 0}
.kwd-home .kwd-sec--mist .kwd-stat{background:var(--surface)}
.kwd-home .kwd-stat b{display:block; font-family:Vollkorn,Georgia,serif; font-weight:700; color:var(--accent); font-size:clamp(2rem,1.5rem + 1.7vw,2.85rem); line-height:1; font-variant-numeric:tabular-nums;}
.kwd-home .kwd-stat span{display:block; margin-top:.45rem; font-family:"IBM Plex Mono",monospace; font-size:.71rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); font-weight:600;}
.kwd-home .kwd-stack{display:flex; flex-direction:column; gap:1.05rem}
.kwd-home .kwd-callout{border-left:3px solid var(--green); background:var(--mist); padding:1.15rem 1.4rem; border-radius:0 var(--r-card) var(--r-card) 0; color:var(--head); font-weight:500;}
.kwd-home .kwd-sec--mist .kwd-callout{background:var(--mist-2)}
.kwd-home .kwd-ticks{display:grid; gap:.75rem}
.kwd-home .kwd-ticks li{display:flex; gap:.7rem; align-items:flex-start; font-size:.96rem}
.kwd-home .kwd-ticks li svg{margin-top:.28rem}
.kwd-home .kwd-apart{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; margin-top:clamp(26px,3vw,40px)}
.kwd-home .kwd-apart li{background:var(--surface); padding:1.35rem 1.4rem; display:flex; gap:.8rem; align-items:flex-start; font-size:.94rem; transition:background .3s}
.kwd-home .kwd-apart li:hover{background:var(--mist)}
.kwd-home .kwd-apart b{display:block; color:var(--head); font-weight:600; font-family:"IBM Plex Sans",sans-serif}
.kwd-home .kwd-pf figure{margin:0; border-radius:var(--r-card); overflow:hidden; border:1px solid var(--band-line); background:var(--band-card); transition:transform .4s var(--ease)}
.kwd-home .kwd-pf figure:hover{transform:translateY(-6px)}
.kwd-home .kwd-pf figcaption{padding:.9rem 1.1rem; font-family:"IBM Plex Mono",monospace; font-size:.73rem; letter-spacing:.12em; text-transform:uppercase; color:#CFE4F7; border-top:1px solid var(--band-line)}
.kwd-home .kwd-plan{background:var(--surface); border-radius:var(--r-card); padding:clamp(24px,2.5vw,34px); display:flex; flex-direction:column; gap:1.1rem; border:1px solid var(--line); transition:transform .4s var(--ease), box-shadow .4s var(--ease);}
.kwd-home .kwd-plan:hover{transform:translateY(-7px); box-shadow:var(--sh-lift)}
.kwd-home .kwd-plan--feature{border:2px solid var(--green); position:relative}
.kwd-home .kwd-plan__tag{position:absolute; top:-13px; left:clamp(24px,2.5vw,34px); background:var(--green); color:#fff; font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; padding:.3rem .7rem; border-radius:var(--r-pill);}
.kwd-home .kwd-plan h3{color:var(--head)}
.kwd-home .kwd-price{font-family:Vollkorn,Georgia,serif; font-weight:700; color:var(--accent); font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem); line-height:1.1}
.kwd-home .kwd-price small{display:block; font-family:"IBM Plex Mono",monospace; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-soft); font-weight:600; margin-top:.3rem}
.kwd-home .kwd-plan ul{display:grid; gap:.62rem; font-size:.92rem; padding-top:.2rem; border-top:1px solid var(--line-soft)}
.kwd-home .kwd-plan ul li{display:flex; gap:.62rem; align-items:flex-start}
.kwd-home .kwd-plan ul li:first-child{padding-top:.9rem}
.kwd-home .kwd-plan .kwd-btn{margin-top:auto}
.kwd-home .kwd-quotes{columns:3 300px; column-gap:clamp(18px,2.2vw,26px); margin-top:clamp(28px,3.2vw,44px)}
.kwd-home .kwd-quote{break-inside:avoid; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:clamp(20px,2.2vw,28px); margin-bottom:clamp(18px,2.2vw,26px); transition:transform .4s var(--ease), box-shadow .4s var(--ease);}
.kwd-home .kwd-quote:hover{transform:translateY(-5px); box-shadow:var(--sh-soft)}
.kwd-home .kwd-quote p{font-size:.93rem; color:var(--ink)}
.kwd-home .kwd-quote footer{margin-top:1rem; padding-top:.85rem; border-top:1px solid var(--line-soft); display:flex; align-items:center; gap:.7rem}
.kwd-home .kwd-who{width:36px; height:36px; border-radius:50%; background:var(--accent-tint); color:var(--accent); display:grid; place-items:center; font-weight:700; font-size:.85rem; flex:none; font-family:"IBM Plex Sans",sans-serif}
.kwd-home .kwd-quote cite{font-style:normal; font-weight:600; color:var(--head); font-size:.92rem}
.kwd-home .kwd-stars{display:flex; gap:2px; margin-bottom:.75rem}
.kwd-home .kwd-post{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; display:flex; flex-direction:column; transition:transform .4s var(--ease), box-shadow .4s var(--ease);}
.kwd-home .kwd-post:hover{transform:translateY(-6px); box-shadow:var(--sh-lift)}
.kwd-home .kwd-post__art{display:block; line-height:0; border-bottom:1px solid var(--line-soft)}
.kwd-home .kwd-post__body{padding:1.15rem 1.25rem 1.45rem; display:flex; flex-direction:column; gap:.6rem; flex:1}
.kwd-home .kwd-post__body h3{font-size:1.03rem; line-height:1.32}
.kwd-home .kwd-post__body h3 a{color:var(--head)}
.kwd-home .kwd-post:hover h3 a{color:var(--accent)}
.kwd-home .kwd-tagline{font-family:"IBM Plex Mono",monospace; font-size:.68rem; letter-spacing:.13em; text-transform:uppercase; color:var(--green-deep); font-weight:600}
.kwd-home .kwd-post .kwd-alink{margin-top:auto}
.kwd-home .kwd-offer{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card); padding:1.5rem 1.4rem; display:flex; flex-direction:column; gap:.55rem; position:relative; overflow:hidden; transition:transform .4s var(--ease), box-shadow .4s var(--ease);}
.kwd-home .kwd-offer::before{content:""; position:absolute; inset:auto 0 0 0; height:3px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform .45s var(--ease)}
.kwd-home .kwd-offer:hover{transform:translateY(-5px); box-shadow:var(--sh-soft)}
.kwd-home .kwd-offer:hover::before{transform:scaleX(1)}
.kwd-home .kwd-offer h4{color:var(--head)}
.kwd-home .kwd-offer p{font-size:.9rem}
.kwd-home .kwd-faq{margin-top:clamp(26px,3vw,40px); border-top:1px solid var(--line)}
.kwd-home .kwd-faq__item{border-bottom:1px solid var(--line)}
.kwd-home .kwd-faq__q{width:100%; background:transparent; border:0; cursor:pointer; text-align:left; display:flex; align-items:flex-start; gap:1rem; padding:1.25rem .25rem; font-family:Vollkorn,Georgia,serif; font-size:clamp(1.02rem,.98rem + .3vw,1.18rem); font-weight:600; color:var(--head); line-height:1.35; transition:color .25s;}
.kwd-home .kwd-faq__q:hover{color:var(--accent)}
.kwd-home .kwd-faq__ico{flex:none; margin-top:.2rem; width:22px; height:22px; position:relative}
.kwd-home .kwd-faq__ico::before,
.kwd-home .kwd-faq__ico::after{content:""; position:absolute; background:var(--green); border-radius:2px; transition:transform .35s var(--ease)}
.kwd-home .kwd-faq__ico::before{left:0; right:0; top:10px; height:2px}
.kwd-home .kwd-faq__ico::after{top:0; bottom:0; left:10px; width:2px}
.kwd-home .kwd-faq__q[aria-expanded="true"] .kwd-faq__ico::after{transform:rotate(90deg)}
.kwd-home .kwd-faq__a{display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--ease)}
.kwd-home .kwd-faq__item.kwd-open .kwd-faq__a{grid-template-rows:1fr}
.kwd-home .kwd-faq__a>div{overflow:hidden}
.kwd-home .kwd-faq__a p{padding:0 .25rem 1.3rem; max-width:80ch; font-size:.96rem}
.kwd-home .kwd-form__note{font-size:.84rem; color:var(--on-band-soft)}
.kwd-home .kwd-info-block{display:grid; gap:1.4rem; align-content:start}
.kwd-home .kwd-info-card{border:1px solid var(--band-line); border-radius:var(--r-card); padding:1.25rem 1.4rem; background:var(--band-card)}
.kwd-home .kwd-info-card h4{color:#fff; font-size:1.02rem; margin-bottom:.55rem}
.kwd-home .kwd-info-card p,
.kwd-home .kwd-info-card a{color:var(--on-band-soft); font-size:.94rem}
.kwd-home .kwd-info-card a:hover{color:#fff}
.kwd-home .kwd-kv{display:flex; justify-content:space-between; gap:1rem; padding:.28rem 0; font-size:.94rem; color:var(--on-band-soft)}
.kwd-home .kwd-kv b{color:#fff; font-weight:600}
.kwd-home .kwd-badge-rating{display:inline-flex; align-items:center; gap:.7rem; border:1px solid var(--line); background:var(--surface); border-radius:var(--r-pill); padding:.5rem 1rem .5rem .6rem; margin-bottom:1.35rem}
.kwd-home .kwd-badge-rating .kwd-stars{margin:0}
.kwd-home .kwd-badge-rating span{font-size:.84rem; font-weight:600; color:var(--head)}
.kwd-home .kwd-badge-rating small{font-family:"IBM Plex Mono",monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); display:block; font-weight:600}
@media (prefers-reduced-motion:reduce){
.kwd-home *{animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important}
.kwd-home .kwd-float{animation:none}
}

/* ============ BASE + RESET (neutralises Bootstrap reboot / theme globals inside the page) ============ */
.kwd-home{
  margin:0; background:var(--bg); color:var(--ink); text-align:left; font-weight:400;
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;
  overflow-x:hidden; overflow-x:clip;
}
.kwd-home *,.kwd-home *::before,.kwd-home *::after{box-sizing:border-box}
.kwd-home a,.kwd-home a:hover,.kwd-home a:focus{text-decoration:none}
.kwd-home svg{vertical-align:baseline}
.kwd-home figure{margin:0}
.kwd-home button{margin:0; font-family:inherit; line-height:inherit; border-radius:0}

/* ============ BOOTSTRAP 4.1 GRID – gutters that match the design ============ */
.kwd-home .kwd-row{--gut:clamp(18px,2.2vw,28px); margin-left:calc(var(--gut) / -2); margin-right:calc(var(--gut) / -2); margin-bottom:calc(var(--gut) * -1)}
.kwd-home .kwd-row>[class*="col-"]{padding-left:calc(var(--gut) / 2); padding-right:calc(var(--gut) / 2); margin-bottom:var(--gut)}
.kwd-home .kwd-row--hero{--gut:clamp(32px,4vw,60px)}
.kwd-home .kwd-row--split{--gut:clamp(30px,4vw,64px)}
.kwd-home .kwd-row--contact{--gut:clamp(24px,3vw,44px)}
.kwd-home .kwd-row--stats{--gut:clamp(16px,2vw,26px); margin-top:clamp(28px,3.4vw,46px)}
.kwd-home .kwd-row--pf{--gut:clamp(18px,2.2vw,26px); margin-top:clamp(26px,3vw,42px)}
.kwd-home .kwd-row--plans{--gut:clamp(18px,2.2vw,26px); margin-top:clamp(30px,3.4vw,46px)}
.kwd-home .kwd-row--news{--gut:clamp(18px,2.2vw,26px); margin-top:clamp(26px,3vw,42px)}
.kwd-home .kwd-row--offers{--gut:clamp(16px,2vw,24px); margin-top:clamp(26px,3vw,40px)}
.kwd-home .kwd-card,.kwd-home .kwd-post,.kwd-home .kwd-offer,.kwd-home .kwd-stat,.kwd-home .kwd-pf figure{height:100%}
.kwd-home .kwd-hero .kwd-wrap{position:relative; padding-top:clamp(44px,5.5vw,86px); padding-bottom:clamp(44px,5.5vw,86px)}
.kwd-home .kwd-post__img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover}
.kwd-home .kwd-form__note{margin-top:.2rem}

/* ============ CONTACT FORM 7 – styled like the design's dark contact form ============ */
.kwd-home .kwd-cf7 .wpcf7-form p{margin:0 0 1rem}
.kwd-home .kwd-cf7 label{display:block; margin:0; font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; font-weight:600; color:var(--on-band-soft)}
.kwd-home .kwd-cf7 .wpcf7-form-control-wrap{display:block; margin-top:.4rem}
.kwd-home .kwd-cf7 input[type="text"],
.kwd-home .kwd-cf7 input[type="email"],
.kwd-home .kwd-cf7 input[type="tel"],
.kwd-home .kwd-cf7 input[type="url"],
.kwd-home .kwd-cf7 input[type="number"],
.kwd-home .kwd-cf7 select,
.kwd-home .kwd-cf7 textarea{
  display:block; width:100%; height:auto; margin:0; padding:.8rem .9rem;
  font-family:"IBM Plex Sans",sans-serif; font-size:.96rem; font-weight:400; letter-spacing:normal; text-transform:none; line-height:1.5; color:#fff;
  background:rgba(255,255,255,.07); border:1px solid var(--band-line); border-radius:6px; box-shadow:none;
  transition:border-color .25s, background .25s;
}
.kwd-home .kwd-cf7 select option{color:#374550}
.kwd-home .kwd-cf7 input::placeholder,.kwd-home .kwd-cf7 textarea::placeholder{color:rgba(255,255,255,.42); opacity:1}
.kwd-home .kwd-cf7 input:focus,.kwd-home .kwd-cf7 select:focus,.kwd-home .kwd-cf7 textarea:focus{border-color:var(--green); background:rgba(255,255,255,.12); outline:none; box-shadow:none; color:#fff}
.kwd-home .kwd-cf7 textarea{resize:vertical; min-height:120px}
.kwd-home .kwd-cf7 input[type="submit"],.kwd-home .kwd-cf7 button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center; width:auto; cursor:pointer;
  font-family:"IBM Plex Sans",sans-serif; font-weight:600; font-size:.95rem; line-height:1; text-transform:none; letter-spacing:normal;
  padding:.92rem 1.65rem; border-radius:var(--r-pill); border:2px solid var(--green); background:var(--green); color:#fff;
  box-shadow:0 12px 26px -14px rgba(56,210,0,.9);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .25s, border-color .25s;
}
.kwd-home .kwd-cf7 input[type="submit"]:hover,.kwd-home .kwd-cf7 button[type="submit"]:hover{background:var(--green-deep); border-color:var(--green-deep); color:#fff; transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(56,210,0,.95)}
.kwd-home .kwd-cf7 .wpcf7-spinner{margin:0 0 0 .8rem; vertical-align:middle}
.kwd-home .kwd-cf7 .wpcf7-not-valid-tip{display:block; margin-top:.35rem; color:#FFB3B3; font-size:.8rem}
.kwd-home .kwd-cf7 .wpcf7 form .wpcf7-response-output,.kwd-home .kwd-cf7 .wpcf7-response-output{margin:1rem 0 0; padding:.7rem 1rem; border:1px solid var(--band-line); border-radius:6px; color:#fff; font-size:.86rem}
.kwd-home .kwd-cf7 .g-recaptcha{transform:scale(.85); transform-origin:0 0}

/* ============ PROFESSIONAL WEBSITE DESIGN (quote section, replaces the packages cards) ============ */
.kwd-home .kwd-row--panels{--gut:clamp(18px,2.2vw,26px); margin-top:clamp(30px,3.4vw,46px)}
.kwd-home .kwd-panel{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-card);
  padding:clamp(24px,2.5vw,34px); height:100%; display:flex; flex-direction:column; gap:1.1rem;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.kwd-home .kwd-panel:hover{transform:translateY(-7px); box-shadow:var(--sh-lift)}
.kwd-home .kwd-panel--feature{border:2px solid var(--green)}
.kwd-home .kwd-on-band .kwd-panel h3{color:var(--head)}
.kwd-home .kwd-on-band .kwd-panel p,
.kwd-home .kwd-on-band .kwd-panel li{color:var(--ink)}
.kwd-home .kwd-panel p{font-size:.96rem}
.kwd-home .kwd-panel__list{margin:0 -10px; padding-top:.9rem; border-top:1px solid var(--line-soft); font-size:.95rem}
.kwd-home .kwd-panel__list>li{display:flex; gap:.62rem; align-items:flex-start; padding:0 10px; margin-bottom:.7rem}
.kwd-home .kwd-panel .kwd-btn{margin-top:auto; align-self:flex-start}

/* fix: text on white cards inside blue bands (existing package cards) */
.kwd-home .kwd-on-band .kwd-plan li{color:var(--ink)}
.kwd-home .kwd-on-band .kwd-plan .kwd-price{color:var(--accent)}