:root{
  --accentA:#ff8a00;
  --accentB:#00c6ff;

  --echohost-primary: #e6682a;
  --echohost-accent: #8ed2db;
  --echohost-secondary: #f2c053;
}
blockquote,body,h1,h2,h3,h4,h5,h6{font-weight:400}.fw--about-social ul:after,.post--except-footer:after{clear:both}.wrapper,body,html{height:100%}body{font-family:Roboto,sans-serif;font-size:16px;line-height:24px;color:#737373}#header .navbar,.btn--default,a.btn--default,blockquote,h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif}a,a:active,a:hover,a:link,a:visited{color:#737373;text-decoration:none;outline:0}p:last-child{margin-bottom:0}.fa.fm{margin-right:10px}.section--title{margin-bottom:60px;text-align:center}.section--title h2{position:relative;margin:-9px 0 20px;padding-bottom:25px;color:#303030;font-size:60px;line-height:68px}.section--title h2:before{content:" ";position:absolute;left:0;right:0;bottom:0;width:60px;height:2px;margin:0 auto;background-color:#e6682a}.section--title.hide--border h2{margin-bottom:-7px;padding-bottom:0}.section--title.hide--border h2:before{display:none}.section--footer{margin-top:60px}.section--footer .btn--default{color:#303030;border-color:#303030}.bg--img{background-size:cover;background-position:center;background-repeat:no-repeat}.bg--overlay{position:relative;z-index:0}.bg--overlay:before{content:" ";position:absolute;background:-webkit-linear-gradient(left,rgba(2,18,78,.6) 0,rgba(255,71,24,.6) 100%);background:linear-gradient(to right,rgba(2,18,78,.6) 0,rgba(255,71,24,.6) 100%);z-index:-1}.bg--lightgrey{background-color:#f0f0f0}.bg--lightergrey{background-color:#f8f8f8}.bg--vermilion{background-color:#e6682a}.bg--dark{background-color:#303030}.bd--bottom{border-bottom:1px solid #e9e9e9}.bd--top-bottom{border-style:solid;border-width:1px 0;border-color:#e9e9e9}.btn--default,a.btn--default{display:inline-block;padding:10px 25px;color:#fff;border:1px solid #fff;border-radius:100px;-webkit-transition:color .25s ease,border-color .25s ease;transition:color .25s ease,border-color .25s ease;outline:0}.btn--default.hover:hover,a.btn--default.hover:hover{color:#e6682a;border-color:#e6682a}.btn--primary,a.btn--primary{background-color:#e6682a;border-color:#e6682a}#backToTop,#header .navbar{position:fixed;z-index:999}@-webkit-keyframes preloaderRotate{100%{-webkit-transform:rotate(360deg)}}@keyframes preloaderRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes preloaderBounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes preloaderBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}#backToTop{right:30px;bottom:45px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}body.scrolled #backToTop{opacity:1}#backToTop a{display:block;min-width:50px;padding:8px 0 10px;color:#fff;background-color:#737373;border-radius:50%;font-size:24px;line-height:32px;text-align:center}#header .navbar{top:0;left:0;width:100%;min-height:0;padding-top:10px;margin-bottom:0;border:none;border-radius:0;-webkit-transition-property:padding,background-color,box-shadow;transition-property:padding,background-color,box-shadow;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#headerNav .nav,.banner--content h3{font-family:Roboto,sans-serif}body.scrolled #header .navbar{padding-top:0;background-color:#303030;box-shadow:0 0 2px rgba(0,0,0,.14),0 2px 4px rgba(0,0,0,.28)}#header .navbar-toggle{margin-bottom:0;border-color:#e6682a;border-radius:50px;-webkit-transition:border-color .25s ease;transition:border-color .25s ease}#header .navbar-toggle.collapsed{border-color:#fff}#header .navbar-toggle .icon-bar{background-color:#e6682a;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}#header .navbar-toggle.collapsed .icon-bar{background-color:#fff}#header a.navbar-brand{height:auto;padding-top:12px;padding-bottom:11px;color:#fff;font-size:26px;line-height:34px}#header a.navbar-brand h1{margin:0;font-size:inherit;line-height:inherit;font-weight:700}#header a.navbar-brand h1 span{color:#e6682a}#headerNav .nav>li>a{margin-left:5px;padding:18px 10px;color:#fff;border-bottom:2px solid transparent;-webkit-transition:border-color .25s ease,padding .25s ease-in-out;transition:border-color .25s ease,padding .25s ease-in-out}#headerNav .nav>li.active>a,#headerNav .nav>li.open>a,#headerNav .nav>li>a:hover{border-bottom-color:#fff}#headerNav .nav>li.open>a,#headerNav .nav>li.open>a:focus,#headerNav .nav>li.open>a:hover,#headerNav .nav>li>a:focus,#headerNav .nav>li>a:hover{background-color:transparent}#headerNav .nav>li>a>.caret{margin-left:8px}#headerNav .nav>.dropdown>.dropdown-menu{margin:0;border:none;border-radius:0}#headerNav .nav>.dropdown>.dropdown-menu>li>a{padding:8px 15px;font-size:16px;line-height:24px;font-weight:300;-webkit-transition:color .25s ease-in-out,background-color .25s ease-in-out;transition:color .25s ease-in-out,background-color .25s ease-in-out}#headerNav .nav>.dropdown>.dropdown-menu>li.active>a,#headerNav .nav>.dropdown>.dropdown-menu>li>a:focus,#headerNav .nav>.dropdown>.dropdown-menu>li>a:hover{color:#fff;background-color:#e6682a}.header--custom-btn{float:right;margin-top:8px;margin-left:35px}.header--custom-btn.btn--default{padding-top:8px;padding-bottom:8px}#header .navbar-header .header--custom-btn{display:none}#pageHeader{padding:154px 0 113px;text-align:center}.page-header--title h2{position:relative;margin:0;padding-bottom:25px;color:#fff;font-size:60px;line-height:68px}.page-header--title h2:before{content:" ";position:absolute;left:0;right:0;bottom:0;width:60px;height:2px;margin:0 auto;background-color:#e6682a}#banner,.banner--item,.banner--slider,.banner--slider .owl-item,.banner--slider .owl-wrapper,.banner--slider .owl-wrapper-outer{height:100%}.page-header--breadcrumb ul{margin-top:25px;padding:0;margin-bottom:0;background-color:transparent}.page-header--breadcrumb ul>li,.page-header--breadcrumb ul>li:before{color:#fff}.page-header--breadcrumb ul>li>a{color:#fff;-webkit-transition:color .25s ease;transition:color .25s ease}.page-header--breadcrumb ul>li.active,.page-header--breadcrumb ul>li>a:hover{color:#e6682a}#banner{position:relative}.banner--content{color:#fff;text-align:center}.banner--content h2{margin:15px 0;font-size:60px;line-height:68px;font-weight:700}.banner--content h3{margin:15px 0;font-size:30px;line-height:38px;font-weight:300}.banner--content .btn--default{margin-top:12px}.banner--slider-nav{position:absolute;left:0;right:0;bottom:0;font-family:Oswald,sans-serif;z-index:0}.banner--slider-nav ul>li{float:left;width:33.33333333%;padding:24px 0 26px;color:#303030;background-color:#fff;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:30px;line-height:38px;font-weight:500;text-align:center;-webkit-transition:color .25s ease,border-color .25s ease,background-color .25s ease-in-out;transition:color .25s ease,border-color .25s ease,background-color .25s ease-in-out;cursor:pointer}.banner--slider-nav ul>li.active,.banner--slider-nav ul>li:hover{color:#fff;background-color:#e6682a;border-color:#e6682a}.banner--slider-nav ul>li:after,.banner--slider-nav ul>li:before{content:" ";position:absolute;left:0;right:0;width:0;height:0;margin:0 auto;display:none;border-style:solid;z-index:-1}.banner--slider-nav.has--bs ul>li:before,.banner--slider-nav.has--ps ul>li:after{display:block}.banner--slider-nav ul>li:before{top:0;border-width:0 15px 15px;border-color:transparent transparent #e6682a;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out}.banner--slider-nav ul>li:after{bottom:0;border-width:15px 15px 0;border-color:#e6682a transparent transparent;-webkit-transition:bottom .25s ease-in-out;transition:bottom .25s ease-in-out}.banner--slider-nav ul>li.active:before,.banner--slider-nav ul>li:hover:before{top:-15px}body.scrolled .banner--slider-nav.has--bs.has--ps ul>li.active:before,body.scrolled .banner--slider-nav.has--bs.has--ps ul>li:hover:before{top:0}body.scrolled .banner--slider-nav.has--bs.has--ps ul>li.active:after,body.scrolled .banner--slider-nav.has--bs.has--ps ul>li:hover:after{bottom:-15px}#pricing{padding:80px 0}.pricing--wrapper{padding-top:45px;overflow:hidden}.pricing--slider-item{padding-top:45px}.pricing--item{padding:40px;background-color:#fff;border-right:1px solid #e9e9e9;-webkit-transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;text-align:center;z-index:0}.pricing--item.popular,.pricing--item:hover{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);z-index:1}.pricing--item:hover{z-index:2}.pricing--item:last-child{border-right:none}.pricing--item.popular{margin-top:-45px;color:#fff;background-color:#e6682a;border-color:#e6682a}.price-details--item.head .content li,.pricing--popular-tag{background-color:#fff;font-family:Oswald,sans-serif}.pricing--popular-tag{display:inline-block;margin-bottom:30px;padding:9px 30px;color:#e6682a;font-size:36px;line-height:44px}.pricing--header h2{margin:-4px 0 0;color:#303030;font-size:36px;line-height:40px}.pricing--item.popular .pricing--header h2{color:#fff}.pricing--body{padding-left:30px;padding-right:30px}.pricing--body h3{margin:0;padding:18px 0 15px;color:#303030;font-size:16px;line-height:20px}.pricing--item.popular .pricing--body h3{color:#fff}.pricing--body h3 strong{display:block;margin-top:5px;color:#e6682a;font-size:48px;line-height:56px}.price-details--item.body .content li strong,.price-details--table tbody td strong{display:none}.pricing--item.popular .pricing--body h3 strong{color:#fff}.pricing--footer{margin-top:26px}.pricing--footer .btn--default{color:#303030;border-color:#303030}.pricing--item.popular .pricing--footer .btn--default{color:#fff;border-color:#fff}.price--details{padding:80px 0}.price-details--item .heading{color:#303030;min-height:74px;padding:20px 0;font-family:Oswald,sans-serif;font-size:24px;line-height:32px;text-align:center}.price-details--item.body .content,.price-details--item.head .content{border-top:1px solid #e9e9e9}.price-details--item.body .content ul,.price-details--item.head .content ul{margin:0;padding:0;list-style:none}.price-details--item.head .content li{padding:10px 20px;border-style:solid;border-width:0 1px 1px;border-color:#e9e9e9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.price-details--item.head .content li:nth-child(even){background-color:#f8f8f8}.price-details--item.body .heading{margin-left:-1px;background-color:#fff;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9}.price-details--item.body:last-child .heading{border-right:1px solid #e9e9e9}.price-details--item.body .content li{border:0;padding:10px 20px;background-color:#fff;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;text-align:center;overflow:hidden}.price-details--item.body .content li:nth-child(even){background-color:#f8f8f8}.price-details--item.body .content .action-btn{padding:20px 0;background-color:#fff;border-style:solid;border-width:0 1px 1px 0;border-color:#e9e9e9;text-align:center}.price-details--item.body:nth-child(2) .content .action-btn{border-left:1px solid #e9e9e9}.price-details--item .btn--default{color:#303030;border-color:#303030}.price-details--table table{width:100%;background-color:#fff;text-align:center}.price-details--table.text-left table{text-align:left}.price-details--table table th{text-align:center}.price-details--table.text-left table th{text-align:left}.price-details--table thead{color:#fff;background-color:#303030;font-family:Oswald,sans-serif}.price-details--table thead th{padding:15px}.price-details--table tbody{border-style:solid;border-width:0 1px 1px;border-color:#e9e9e9}.price-details--table tbody tr{border-bottom:1px dotted #e9e9e9}.price-details--table tbody tr:last-child{border-bottom:none}.price-details--table tbody td{padding:20px 15px}.price-details--table tbody td:first-child{font-family:Oswald,sans-serif;font-weight:700}.price-details--table tbody td .btn--default{min-width:106px;color:#303030;border-color:#303030}#vpsPricing{padding:218px 0 150px}#vpsPricing .section--title h2{color:#fff}.vps-pricing--slider-holder{position:relative;padding:40px 60px;background-color:rgba(255,255,255,.9);border-radius:4px}.vps-pricing--slider-holder .pips{position:absolute;left:60px;right:60px;height:10px;overflow:hidden}.vps-pricing--slider-holder .pip{position:absolute;top:2px;left:0;width:5px;height:5px;background-color:#fff;border-radius:50%;z-index:2}.vps-pricing--slider-holder .pip:first-child{margin-left:-5px}.vps-pricing--slider{height:10px;background-color:#303030;border:none;border-radius:20px;cursor:pointer}.vps-pricing--slider .ui-slider-range{background-color:#303030;border-radius:20px}.vps-pricing--slider .ui-slider-handle{position:relative;left:33.3333%;top:-9px;width:auto;height:auto;margin-left:-7px;background-color:transparent;border:none;outline:0;cursor:pointer}.vps-pricing--slider .ui-slider-handle:before{content:" ";position:absolute;left:-1px;width:0;height:0;border-style:solid;top:-30px;border-width:10px 10px 0;border-color:#e6682a transparent transparent}.vps-pricing--slider .ui-slider-handle i.fa{position:relative;color:#e6682a;font-size:24px;line-height:26px;z-index:0}.vps-pricing--slider .fa-map-marker:after{content:" ";position:absolute;top:8px;left:4px;width:11px;height:11px;background-color:#fff;z-index:-1}.vps-pricing--slider .ui-slider-handle i.fa-circle:after{content:" ";position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2px 0 0 -3px;background-color:#fff;border-radius:50%}.vps-pricing--slider .ui-slider-handle em{display:block;position:absolute;top:-70px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;padding:8px 0;color:#fff;background-color:#e6682a;border-radius:50px;font-style:normal;text-align:center}.vps-pricing--features{margin-top:10px;background-color:rgba(255,255,255,.9);border-radius:4px}.vps-pricing--feature{padding-top:20px;padding-bottom:18px;color:#303030;border-right:1px solid #e9e9e9}.vps-pricing--features>.row>div:nth-last-child(2){border-right:none}.vps-pricing--feature i.fa{display:block;float:left;height:100%;margin-left:18px;color:#e6682a;font-size:40px;line-height:44px}.vps-pricing--feature-name,.vps-pricing--feature-value{display:block;margin-left:75px}.vps-pricing--feature-name{font-family:Oswald,sans-serif;font-weight:400}.vps-pricing--action-btn{margin-top:20px;text-align:right}.vps-pricing--action-btn .btn--default{margin-right:15px;color:#303030;background-color:transparent;border-color:#303030}#domainSearch{padding:80px 0}#domainSearch.bg--img .section--title,#domainSearch.bg--img .section--title h2{color:#fff}.ds--form-input{position:relative}.ds--form-input .text--input{width:100%;min-height:56px;padding:15px 20px;color:#fff;background-color:transparent;border:1px solid #fff;border-radius:50px;outline:0}.ds--form-input .btn--default{position:absolute;top:0;right:0;margin:5px;padding-left:60px;padding-right:60px}.ds--form-ext{margin-top:22px;margin-bottom:-7px}.ds--form-ext label{display:table-cell;width:1%;margin-bottom:0;color:#fff;font-size:22px;line-height:30px;font-weight:300;text-align:center}.ds--form-ext label input{display:none}.ds--form-ext label span{position:relative;padding-left:25px;cursor:pointer}.ds--form-ext label span:before{content:" ";position:absolute;bottom:5px;left:0;width:18px;height:18px;border:2px solid #fff;border-radius:50%;-webkit-transition:background-color .25s ease-in-out;transition:background-color .25s ease-in-out}.ds--form-ext label input:checked+span:before{background-color:#fff}#domainSearch.ds--lg{padding:217px 0 151px}#extPrice{padding:50px 0}.ext-price--item{padding-top:15px;padding-bottom:20px;color:#fff;border-right:1px solid rgba(255,255,255,.3);font-size:28px;line-height:36px;text-align:center}.ext-price--item:last-child{border-right:none}.ext-price--item span,.ext-price--item strong{display:block}.ext-price--item span{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.3)}.ext-price--item strong{padding-top:9px;font-family:Oswald,sans-serif}.ext-price--item strong em{font-style:normal}#services{padding:80px 0 20px}.service--item{margin-bottom:60px;text-align:center}.service--icon{display:inline-block;min-width:86px;min-height:86px;margin-bottom:15px;padding:23px 10px;color:#303030;border:1px solid #303030;border-radius:50%;font-size:38px;line-height:0;-webkit-transition:color .25s ease,border-color .25s ease;transition:color .25s ease,border-color .25s ease}.service--item:hover .service--icon{color:#e6682a;border-color:#e6682a}.service--content{padding:0 20px}.service--content h3{margin:0 0 9px;color:#303030;font-size:28px;line-height:36px;-webkit-transition:color .25s ease;transition:color .25s ease}.service--item:hover .service--content h3{color:#e6682a}#features{padding:80px 0}.features--img img{display:block;width:100%}.features--items{margin:0;padding:0;list-style:none}.features--item{position:relative;margin-bottom:30px}.features--item:last-child{margin-bottom:0}.features--item.dot:after,.features--item.dot:before{content:" ";position:absolute;background-color:#e6682a}.features--item.dot:before{top:5px;left:-155px;width:24px;height:24px;border-radius:50%}.features--item.dot:after{top:16px;right:100%;width:120px;height:3px;margin-right:20px}.features--item.dot--1:before{left:-28%}.features--item.dot--1:after{width:22%}.features--item.dot--2:before{left:-56%}.features--item.dot--2:after{width:51%}.features--item.dot--3:before{left:-85%}.features--item.dot--3:after{width:80%}.features--item h3{margin:0 0 10px;color:#303030;font-size:28px;line-height:36px}#counter{padding:80px 0 20px}.counter--item{margin-bottom:60px;color:#fff;text-align:center}.counter--num{position:relative;margin-top:-9px;margin-bottom:19px;padding-bottom:19px;font-family:Oswald,sans-serif;font-size:66px;line-height:74px}.counter--num:before{content:" ";position:absolute;left:0;right:0;bottom:0;width:45px;height:1px;margin:0 auto;background-color:#e6682a}p.counter--title{margin-bottom:-4px}#testimonial{padding:80px 0}.testimonial--slider .owl-controls{margin-bottom:50px}.testimonial--slider .owl-controls .owl-pagination{font-size:0;line-height:0;text-align:center}.testimonial--slider .owl-controls .owl-page{display:inline-block;max-width:100px;margin:0 5px;opacity:.5;-webkit-transition:opacity .25s ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";transition:opacity .25s ease-in-out}.testimonial--slider .owl-controls .owl-page.active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.testimonial--slider .owl-controls .owl-page img{display:block;max-width:100%;border-radius:50%}.testimonial--content{color:#303030;text-align:center}.testimonial--content blockquote{margin-top:-6px;margin-bottom:0;padding:0;border:none;font-size:36px;line-height:44px;font-weight:300}.testimonial--citation{margin-top:30px}#blog{padding:80px 0 20px}.post--item{margin-bottom:60px}.post--content-border{border:1px solid #e2e2e2;background-color:#fff}.post--content blockquote{margin-bottom:10px;background-color:#f8f8f8;font-weight:300;font-style:italic}.post--content blockquote:last-child{margin-bottom:0}.post--title h2{color:#303030;margin:0;padding:25px 0 24px;font-size:28px;line-height:36px}.post--except-footer,.post--meta{font-size:14px;line-height:22px;font-family:Oswald,sans-serif}.post--content-border .post--title h2{padding-left:15px;padding-right:15px}.post--title h2 a{display:block;color:#303030;-webkit-transition:color .25s ease;transition:color .25s ease}.post--meta a:hover,.post--title h2 a:hover{color:#e6682a}.post--meta{padding:10px 0;border-style:solid;border-width:1px 0;border-color:#e2e2e2}.post--content-border .post--meta{padding-left:16px;padding-right:16px}.post--meta a{-webkit-transition:color .25s ease;transition:color .25s ease}.post--meta a+a:before{content:"/";margin:0 8px;color:#737373;font-weight:300}.post--except{padding:25px 15px 28px}.post--except-footer{position:relative;padding:11px 15px 10px;border-top:1px solid #e2e2e2;font-weight:300}.post--except-footer:after,.post--except-footer:before{content:' ';display:table}.post--except-footer a{display:block;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.post--except-footer a:hover{color:#e6682a}.post--except-footer a.more{float:left}.post--except-footer a.comments{float:right}.post--except-footer a i.fa{margin-right:5px;vertical-align:top;line-height:20px}.post--full-content{padding:25px 0 28px}.post--full-content-footer{padding:25px 0;border-style:solid;border-width:1px 0;border-color:#e2e2e2}.post--full-content-footer h4{float:left;margin:0 15px 0 0;color:#303030;font-size:16px;line-height:24px}.post--full-content-footer ul{margin:0;padding:0;list-style:none}.blog--content,.blog--sidebar{padding-bottom:60px}.post--full-content-footer ul li{float:left}.post--full-content-footer ul li+li{margin-left:15px}.post--full-content-footer ul li a{-webkit-transition:color .25s ease;transition:color .25s ease}.post--full-content-footer ul li a:hover{color:#e6682a}.post--full-content-footer .tags ul li:after{content:","}.post--full-content-footer .tags ul li:last-child:after{content:""}.post--full-content-footer .tags+.social{margin-top:20px}.post--full-content-footer .social ul li+li{margin-left:20px}.blog--content .post--item:last-child{margin-bottom:0}.blog--widget{margin-bottom:60px}.blog--widget:last-child{margin-bottom:0}.blog-widget--title h3{position:relative;margin:-5px 0 25px;padding-bottom:12px;color:#303030;font-size:24px;line-height:32px;font-weight:700}.blog-widget--title h3:before{content:" ";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#e6682a}.blog--search-widget .input--text{position:relative;display:table-cell;vertical-align:middle;z-index:0}.blog--search-widget .input--text input{float:none;display:block;border:none;box-shadow:none;border-radius:0;background-color:transparent;border-bottom:1px solid #303030;height:auto;padding:8px 0}.blog--search-widget .input--text .highlight{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#e6682a;-webkit-transition:width .55s ease-in-out,background-color .25s ease-in-out;transition:width .55s ease-in-out,background-color .25s ease-in-out;z-index:3}.blog--search-widget .input--text input.error+.highlight,.blog--search-widget .input--text input:focus+.highlight{width:100%}.blog--search-widget .input--text input.valid+.highlight{background-color:#8ed2db}.blog--search-widget .input-group-addon{padding:0;background-color:transparent;border:none}.blog--search-widget .btn--default{color:#303030;background-color:transparent;border-color:#303030}.blog--recent-posts-widget ul{margin:0;padding:0;list-style:none}.blog--recent-posts-widget ul li{margin-bottom:25px}.blog--recent-posts-widget ul li:last-child{margin-bottom:0}.blog--recent-posts-widget ul li h4{margin:0 0 10px;color:#303030;line-height:26px;font-weight:900}.blog--recent-posts-widget ul li h4 a{color:#303030;-webkit-transition:color .25s ease;transition:color .25s ease}.blog--recent-posts-widget ul li h4 a:focus,.blog--recent-posts-widget ul li h4 a:hover{color:#e6682a}.blog--recent-posts-widget .time{padding:5px 0;border-style:solid;border-width:1px 0;border-color:#e9e9e9;font-family:Oswald,sans-serif;font-weight:300}.blog--links-widget ul{margin:-10px 0 0;padding:0;list-style:none}.blog--links-widget ul ul{padding-left:20px}.blog--links-widget ul li a{display:block;padding-top:10px;padding-bottom:10px;color:#303030;border-bottom:1px dotted #303030;-webkit-transition:color .25s ease,border-color .25s ease;transition:color .25s ease,border-color .25s ease}.blog--links-widget ul li a:hover{color:#e6682a;border-color:#e6682a}.blog--tags-widget .blog-widget--title h3{margin-bottom:15px}.blog--tags-widget ul{list-style:none;padding:0;margin:0;font-size:0}.blog--tags-widget ul li{display:inline-block;padding:10px 25px 0 0;cursor:pointer}.blog--tags-widget ul li a{display:block;color:#737373;font-size:16px;line-height:24px;-webkit-transition:color .25s ease;transition:color .25s ease}#aboutDesc .row-vc>div,.post--comment-img,.post--comment-meta{display:table-cell;vertical-align:middle}.blog--tags-widget ul li a:focus,.blog--tags-widget ul li a:hover{color:#e6682a}.post--comment-form-title h3,.post--comments-title h3{position:relative;margin:-5px 0 30px;padding-bottom:12px;color:#303030;font-size:24px;line-height:32px;font-weight:700}.post--comment-form-title h3:before,.post--comments-title h3:before{content:" ";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#e6682a}.post--comments ul{margin:0;padding:0;list-style:none}.post--comment,.team--item{margin-bottom:30px}.post--comments ul ul{padding-left:30px}.post--comment{padding-bottom:30px;border-bottom:1px solid #e9e9e9}.post--comment-meta{padding-left:15px;font-family:Oswald,sans-serif;font-weight:300}.post--comment-meta a{color:#737373;font-weight:400;-webkit-transition:color .25s ease;transition:color .25s ease}.contact--form .highlight,.post--comment-form-group .input--text .highlight{-webkit-transition:width .55s ease-in-out,background-color .25s ease-in-out;left:0;bottom:0}.post--comment-meta a:focus,.post--comment-meta a:hover{color:#e6682a}.post--comment-body{padding:15px 0}.post--comment-footer .btn--default{padding:8px 20px;color:#303030;background-color:transparent;border-color:#303030;font-size:14px;line-height:22px}.post--comment-form-title{margin-top:-31px;padding-top:30px;border-top:1px solid #e9e9e9}.post--comment-form-group .form-control{margin-bottom:30px;padding:0;border-width:0 0 1px;border-color:#e9e9e9;border-radius:0;box-shadow:none;resize:none;outline:0}.post--comment-form-group .input--text{position:relative}.post--comment-form-group .input--text .highlight{position:absolute;width:0;height:2px;background-color:#e6682a;transition:width .55s ease-in-out,background-color .25s ease-in-out}.about-desc--img img,.post--comment-form-group input.error+.highlight,.post--comment-form-group input:focus+.highlight,.post--comment-form-group textarea.error+.highlight,.post--comment-form-group textarea:focus+.highlight{width:100%}.post--comment-form-group input.valid+.highlight,.post--comment-form-group textarea.valid+.highlight{background-color:#8ed2db}.post--comment-form-group .btn--default{color:#303030;background-color:transparent;border-color:#303030}#aboutDesc{padding:80px 0}#aboutDesc .row-vc>div{float:none}#team{padding:80px 0 50px}.team--name,.team--role{margin:0;text-align:center}.team--name{padding:20px 0 10px;font-weight:900}.team--name a{color:#303030;-webkit-transition:color .25s ease;transition:color .25s ease}.team--item:hover .team--name a{color:#e6682a}.team--role{color:#737373;font-weight:400}.team--social-links{margin-top:10px;margin-bottom:-7px;text-align:center}.team--social-links ul{display:inline-block;font-size:0;float:none}.team--social-links ul li a{font-size:15px;color:#acacac;padding:0 15px;-webkit-transition:color .25s ease;transition:color .25s ease}.team--social-links ul li a:focus,.team--social-links ul li a:hover{color:#e6682a;background-color:transparent}#faq{padding:80px 0}.faq--categories h3{position:relative;margin:-5px 0 0;color:#303030;font-size:20px;line-height:28px;font-weight:900;padding-bottom:10px}.faq--categories h3:before{content:" ";position:absolute;bottom:0;width:40px;height:2px;background-color:#e6682a}.faq--categories ul{margin-top:25px}.faq--categories ul li a{margin-top:6px;color:#303030;background-color:#e9e9e9;font-family:Oswald,sans-serif;font-weight:900;-webkit-transition:color .25s ease,background-color .25s ease-in-out;transition:color .25s ease,background-color .25s ease-in-out}.faq--categories ul li a:hover,.faq--categories ul li.active a{color:#fff;background-color:#e6682a}.faq--content .panel-group{margin-bottom:0}.faq--content .accordion .panel{border-radius:0;box-shadow:none}.faq--content .accordion .panel-heading{padding:0}.faq--content .accordion .panel-heading a{display:block;padding:10px 15px;color:#fff;background-color:#e6682a;text-transform:capitalize}.faq--content .accordion .panel-heading a.collapsed{background-color:#232c3b}.faq--content .accordion .panel-heading a h4{font-size:14px;line-height:22px;font-weight:900;overflow:hidden}.faq--content .accordion .panel-heading a h4 i.fa-minus{float:right;margin-top:5px;color:#fff}.faq--content .accordion .panel-heading a.collapsed i.fa-minus:before{content:"\f067"}#map:before,.footer--widget h4:before{content:" "}.faq--panel-simple{padding-bottom:30px;border:none}.faq--panel-simple:last-child{padding-bottom:0}.faq--panel-simple .panel-title{margin-top:-5px;margin-bottom:10px;color:#303030;font-size:24px;line-height:32px;font-weight:900;text-transform:capitalize}.faq--panel-simple .panel-body{padding:0}#login{padding:80px 0}.login--form{max-width:380px;margin:0 auto;padding:30px;background-color:#fff;border-radius:4px;font-family:Oswald,sans-serif;font-size:0;line-height:0}.login--form .btn--default,.login--form label{font-size:16px;line-height:24px}.login--form .form-group{position:relative}.login--form input.form-control{box-shadow:none;border-radius:0;height:auto;min-height:38px;background-color:transparent;border-width:0 0 1px;padding-left:0;font-family:Roboto,sans-serif}.footer--copyright a,.fw--about a.more{font-family:Oswald,sans-serif}.login--form input.form-control:focus{border-color:#ccc}.login--form .form-group .highlight{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#e6682a;-webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;transition:width .25s ease-in-out,background-color .25s ease-in-out}.login--form .form-group input.error+.highlight,.login--form .form-group input:focus+.highlight{width:100%}.login--form .form-group input.valid+.highlight{background-color:#8ed2db}.login--form .btn--default{margin-top:15px;margin-right:15px;color:#737373;background-color:transparent;border-color:#737373;vertical-align:middle}#contact{padding:80px 0}.contact--form{text-align:center}.contact--form-status .alert{padding:15px 30px;border-radius:50px}.contact--form label{font-weight:400}.contact--form .form-group{position:relative}.contact--form .form-control{margin-bottom:30px;border:none;box-shadow:none;border-radius:0;background-color:transparent;border-bottom:1px solid #e9e9e9;height:auto;padding:8px 0}.contact--form textarea.form-control{min-height:172px;resize:none}.contact--form .highlight{position:absolute;width:0;height:2px;background-color:#e6682a;transition:width .55s ease-in-out,background-color .25s ease-in-out}.contact--form input.error+.highlight,.contact--form input:focus+.highlight,.contact--form textarea.error+.highlight,.contact--form textarea:focus+.highlight{width:100%}.contact--form input.valid+.highlight,.contact--form textarea.valid+.highlight{background-color:#8ed2db}.contact--form .btn--default{min-width:100px;color:#303030;background-color:transparent;border-color:#303030}#map{position:relative;min-height:400px;z-index:0}#map:before{position:absolute;top:0;left:0;display:none;width:100%;height:100%;z-index:1}.f0f--content h2{font-size:120px;line-height:148px}.f0f--search-bar{max-width:320px;margin:0 auto}.f0f--search-bar .input--text{position:relative}.f0f--search-bar .form-control{margin-top:40px;margin-bottom:40px;border:none;box-shadow:none;border-radius:0;color:#fff;background-color:transparent;border-bottom:1px solid #fff;height:auto;padding:8px 0}.f0f--search-bar .highlight{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#e6682a;-webkit-transition:width .55s ease-in-out,background-color .25s ease-in-out;transition:width .55s ease-in-out,background-color .25s ease-in-out}.f0f--search-bar input.error+.highlight,.f0f--search-bar input:focus+.highlight{width:100%}.f0f--search-bar input.valid+.highlight{background-color:#8ed2db}.f0f--search-bar .btn--default{background-color:transparent;min-width:120px;margin:10px 5px 0;vertical-align:middle}#footer{color:#fff}.footer--widgets{padding-top:50px}.footer--widget{padding-bottom:50px}.footer--widget h4{position:relative;margin:-5px 0 25px;padding-bottom:12px;font-size:24px;line-height:32px;font-weight:700}.footer--widget h4:before{position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#e6682a}.footer--widget ul{margin:0;padding:0;list-style:none}.footer--widget ul ul{padding-left:20px}.footer--widget ul li a{display:block;padding-bottom:10px;color:#fff;-webkit-transition:color .25s ease;transition:color .25s ease}.footer--widget ul li a:hover{color:#e6682a}.fw--about a.more{color:#e6682a;font-weight:700}.fw--about-social{margin-top:15px}.fw--about-social ul{position:relative;margin:0 -15px}.reset-gutter,.reset-margin{margin-right:0;margin-left:0}.fw--about-social ul:after,.fw--about-social ul:before{content:" ";display:table}.fw--about-social ul li{float:left}.fw--about-social ul li a{display:block;padding:0 15px}.fw--links ul{margin-top:-10px}.fw--links li a{padding-top:10px;border-bottom:1px dotted #fff}.fw--links li a:hover{border-color:#e6682a}.footer--widget.fw--links li a{-webkit-transition:color .25s ease,border-color .25s ease;transition:color .25s ease,border-color .25s ease}.footer--copyright{padding:25px 0;background-color:#222;text-align:center}.reset-gutter>[class*=col-],.reset-padding{padding-right:0;padding-left:0}.footer--copyright a{color:#e6682a}.vc-parent{width:100%;height:100%;display:table}.vc-child{display:table-cell;vertical-align:middle}.vc-child-bottom{display:table-cell;vertical-align:bottom}.col--center>div{float:none;display:table-cell;vertical-align:middle}

/* EchoHost accent overrides */
a:hover, a:focus { color: var(--echohost-accent); }
.btn--default, .header--custom-btn.btn--default, .btn--default:hover { background: var(--echohost-primary); border-color: var(--echohost-primary); }
.btn--default:focus { box-shadow: 0 0 0 3px rgba(142,210,219,0.35); }
.section--title h2 span, .navbar-brand h1 span { color: var(--echohost-secondary); }



/* Service plan CTA buttons */
.service-cta {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 12px 0;
    font-weight: 600;
    border-radius: 8px;
    background: linear-gradient(135deg,var(--accentA),#ffc400);
    border: none;
    color: #000;
}

.service-cta:hover {
    background: linear-gradient(135deg,#ffc400,var(--accentB));
    color: #000;
}

/* Contact info alignment */
.contact-row{
  display:flex;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  align-items:center;
}
.contact-label{
  min-width:90px;
  opacity:0.85;
  font-weight:600;
}
.contact-value a{
  text-decoration:none;
}
.contact-value a:hover{
  text-decoration:underline;
}

/* Panel buttons */
.panel-links{
  display:flex;
  gap:16px;
  justify-content:center;
  margin:40px 0 20px;
  flex-wrap:wrap;
}
.panel-btn{
  padding:14px 28px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  background:linear-gradient(135deg,var(--accentA),#ffc400);
  color:#000;
  transition:all .25s ease;
}
.panel-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.4);
}
.panel-btn.game-panel{
  background:linear-gradient(135deg,#ffc400,var(--accentB));
}
.panel-btn.client-area{
  background:linear-gradient(135deg,var(--accentA),var(--accentB));
color:#fff;
}

/* Plans */
.plans-section{
  padding:70px 0;
}
.section-title{
  text-align:center;
  margin-bottom:10px;
}
.section-subtitle{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto 28px;
}
.plans-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.plans-grid.small{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.plan-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:22px 20px;
  backdrop-filter: blur(6px);
}
.plan-card.featured{
  border:1px solid rgba(255,196,0,0.55);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}
.plan-card h3, .plan-card h4{
  margin-top:0;
  margin-bottom:12px;
}
.plan-card ul{
  padding-left:18px;
  margin:0;
  opacity:0.9;
}
.plan-card li{ margin:8px 0; }
.plans-note{
  text-align:center;
  margin-top:18px;
  opacity:0.8;
}
.plans-split .game-group{
  margin-top:28px;
}
@media (max-width: 992px){
  .plans-grid, .plans-grid.small{
    grid-template-columns:1fr;
  }
}

/* Mini hero for service pages */
.hero-mini{
  padding:70px 0 30px;
}
.hero-mini h1{
  text-align:center;
  margin:0 0 10px;
}
.hero-mini p{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto;
}

/* Top navigation */
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(8,10,16,0.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brand-logo{
  width:34px;
  height:34px;
  border-radius:10px;
}
.brand-name{
  font-weight:800;
  letter-spacing:0.2px;
  color:#fff;
}
.site-nav .nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:0;
}
.site-nav a{
  color: rgba(255,255,255,0.92);
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
}
.site-nav a:hover{
  background: rgba(255,255,255,0.06);
}
.nav-cta-btn{
  padding:10px 16px !important;
  border-radius:12px;
}
.dropdown{ position:relative; }
.dropdown-menu{
  position:absolute;
  top: calc(100% + 10px);
  left:0;
  min-width: 230px;
  background: rgba(12,14,22,0.96);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding:8px;
  display:none;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}
.dropdown-menu li{ list-style:none; }
.dropdown-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu{
  display:block;
}

/* Mobile */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
.nav-toggle span{
  display:block;
  height:2px;
  margin:6px 10px;
  background: rgba(255,255,255,0.9);
  border-radius:2px;
}
@media (max-width: 992px){
  .nav-toggle{ display:block; }
  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background: rgba(8,10,16,0.96);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display:none;
  }
  .site-nav.open{ display:block; }
  .site-nav .nav-list{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:12px;
  }
  .dropdown-menu{
    position:static;
    display:block;
    background: transparent;
    border:none;
    box-shadow:none;
    padding:0 0 6px 0;
  }
  .dropdown-menu a{
    padding-left:22px;
    opacity:0.9;
  }
}

/* Navbar fixes */
.site-header{
  background: rgba(6,8,14,0.92) !important;
}
.site-nav a{
  color: rgba(255,255,255,0.95) !important;
}
.dropdown-menu{
  background: rgba(14,16,24,0.98) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  z-index: 2000 !important;
}
.dropdown-menu a{
  color: rgba(255,255,255,0.92) !important;
}
.dropdown-menu a:hover{
  background: rgba(255,255,255,0.08) !important;
}
/* Ensure dropdown doesn't appear faded */
.dropdown-menu{
  opacity: 1 !important;
}
/* Make dropdown toggle look like a button hover */
.dropdown-toggle{
  cursor:pointer;
}

/* Click-open dropdown state */


/* Content sections */
.content-section{
  padding:50px 0;
}
.two-col{
  display:grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap:22px;
  align-items:start;
}
.info-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:18px 18px;
}
.feature-list{
  padding-left:18px;
  margin:12px 0 0;
  opacity:0.92;
}
.feature-list li{ margin:10px 0; }
.faq-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.faq-item{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
.cards-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.mini-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
@media (max-width: 992px){
  .two-col{ grid-template-columns:1fr; }
  .faq-grid, .cards-3{ grid-template-columns:1fr; }
}





/* Hover dropdown */
.dropdown-menu{
  display:none;
}
.dropdown:hover > .dropdown-menu{
  display:block;
}

/* Improve hover stability */
.dropdown-menu{
  }

/* Mobile: show nested items when menu expanded */
@media (max-width: 992px){
  .dropdown-menu{
    display:block;
  }
}

/* Robust hover dropdown */
.site-header, .nav-wrap, .site-nav, .nav-list, .dropdown{
  overflow: visible !important;
}
.dropdown{ position: relative; }

/* Use visibility/opacity so hover is reliable */
.dropdown-menu{
  display:block !important;          /* keep in flow for transitions */
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0);
}

/* Mobile: show nested items when nav is open */
@media (max-width: 992px){
  .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
    position: static !important;
    display:block !important;
  }
}

/* Hover bridge: prevents the submenu closing when moving mouse from parent to menu */
.dropdown-menu{
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
}
.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
  background:transparent;
}

/* Color switcher fixes */
.color-switcher, .style-switcher, #style-switcher, .theme-switcher{
  z-index: 4000 !important;
}
.color-switcher .color, .color-box span, .color-switcher li{
  cursor:pointer;
}

/* Nested dropdown submenu */
.dropdown-sub{ position:relative; }
.dropdown-submenu{
  list-style:none;
  margin:6px 0 0;
  padding:6px 0 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.dropdown-submenu li a{
  padding-left: 22px !important;
  opacity: 0.92;
  display:block;
}

/* EchoHost Navbar (override) */
.site-header{
  position: sticky;
  top: 0;
  z-index: 4000;
  background: rgba(6,8,14,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand-logo{width:34px;height:34px;border-radius:10px;}
.brand-name{font-weight:800;letter-spacing:.2px;color:#fff;}
.site-nav{position:relative;}
.site-nav .nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
}
.site-nav a{
  color: rgba(255,255,255,0.94);
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
  display:inline-block;
}
.site-nav a:hover{background: rgba(255,255,255,0.06);}
.nav-cta-btn{padding:10px 16px !important;border-radius:12px;}

/* Dropdowns (hover) */
.site-header, .nav-wrap, .site-nav, .nav-list, .dropdown{ overflow: visible; }
.dropdown{ position:relative; }

.dropdown-menu{
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 240px;
  background: rgba(14,16,24,0.98);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index:5000;
}
.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0);
}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:12px;}
.dropdown-menu a:hover{background: rgba(255,255,255,0.08);}

/* Submenu */
.dropdown-sub{ position:relative; }
.dropdown-submenu{
  list-style:none;
  margin:6px 0 0;
  padding:6px 0 0;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.dropdown-submenu a{padding-left:22px !important;opacity:.95;}

/* Hover bridge */
.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
  background:transparent;
}

/* Mobile */
.nav-toggle{
  display:none;
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
.nav-toggle span{display:block;height:2px;margin:6px 10px;background: rgba(255,255,255,0.9);border-radius:2px;}

@media (max-width: 992px){
  .nav-toggle{ display:block; }
  .site-nav{
    position:absolute;
    left:0; right:0;
    top:100%;
    background: rgba(6,8,14,0.96);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display:none;
  }
  .site-nav.open{ display:block; }
  .site-nav .nav-list{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:12px;
  }
  .dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
    box-shadow:none;
    border: 1px solid rgba(255,255,255,0.10);
    margin-top:6px;
    display:block;
  }
}

/* Header size adjustments */
.site-header{
  padding-top: 8px;
  padding-bottom: 8px;
}
.nav-wrap{
  padding: 18px 0;
}
.brand-logo{
  width: 48px;
  height: 48px;
}
.brand-name{
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: 0.4px;
}

/* EXTRA LARGE HEADER + LOGO */
.site-header{
  padding-top: 18px;
  padding-bottom: 18px;
}
.nav-wrap{
  padding: 26px 0;
}
.brand-logo{
  width: 72px;
  height: 72px;
}
.brand-name{
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: 0.6px;
}

/* Home template helpers */
.cards-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}
.mini-card{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  padding: 18px;
}
@media (max-width: 992px){
  .cards-3{ grid-template-columns: 1fr; }
}
.btn.btn-secondary{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.92);
}
.btn.btn-secondary:hover{ background: rgba(255,255,255,0.10); }

/* Homepage welcome spacing adjustment */
.home-welcome{
  margin-top: -24px;
}
@media (max-width: 992px){
  .home-welcome{
    margin-top: -12px;
  }
}

/* Fine-tune welcome section position to remove divider gap */
.home-welcome{
  margin-top: -48px;
}
@media (max-width: 992px){
  .home-welcome{
    margin-top: -24px;
  }
}

/* Hero -> Welcome gradient blend */
.hero-mini{
  position: relative;
  padding-bottom: 80px;
}

.hero-mini::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(6,8,14,0) 0%,
    rgba(6,8,14,0.65) 45%,
    rgba(6,8,14,0.95) 100%
  );
  pointer-events: none;
}

.home-welcome{
  position: relative;
  margin-top: -72px;
}

@media (max-width: 992px){
  .hero-mini{
    padding-bottom: 60px;
  }
  .hero-mini::after{
    height: 90px;
  }
  .home-welcome{
    margin-top: -36px;
  }
}

/* Final small upward nudge for welcome section */
.home-welcome{
  margin-top: -84px;
}
@media (max-width: 992px){
  .home-welcome{
    margin-top: -44px;
  }
}

/* Lighten hero section – reduce darkness */
.hero-mini{
  background: linear-gradient(
    135deg,
    rgba(20,30,45,0.95) 0%,
    rgba(15,25,40,0.85) 45%,
    rgba(10,18,30,0.75) 100%
  );
}

.hero-mini::after{
  background: linear-gradient(
    to bottom,
    rgba(10,18,30,0) 0%,
    rgba(10,18,30,0.35) 45%,
    rgba(10,18,30,0.65) 100%
  );
}

/* Brighter hero background */
.hero-mini{
  background: linear-gradient(
    135deg,
    rgba(30,45,70,0.95) 0%,
    rgba(25,40,65,0.80) 45%,
    rgba(20,35,60,0.65) 100%
  );
}

.hero-mini::after{
  background: linear-gradient(
    to bottom,
    rgba(20,35,60,0) 0%,
    rgba(20,35,60,0.25) 50%,
    rgba(20,35,60,0.45) 100%
  );
}

/* Brighten hero text */
.hero-mini h1{
  color: rgba(255,255,255,0.98);
}

.hero-mini p{
  color: rgba(230,240,255,0.90);
}

.hero-mini .subtitle,
.hero-mini .lead{
  color: rgba(230,240,255,0.92);
}

/* =========================================================
   Responsive improvements (mobile / tablet / desktop)
   ========================================================= */

/* Better default box sizing */
*, *::before, *::after { box-sizing: border-box; }

/* Fluid media */
img, svg, video { max-width: 100%; height: auto; }

/* Comfortable container padding on small screens */
.container { padding-left: 18px; padding-right: 18px; }

/* Improve text wrapping */
h1, h2, h3, h4, p { overflow-wrap: anywhere; }

/* HERO typography scaling */
.hero-mini h1 { font-size: clamp(1.8rem, 3.2vw, 3.0rem); line-height: 1.1; }
.hero-mini p  { font-size: clamp(1.0rem, 1.6vw, 1.2rem); line-height: 1.6; max-width: 900px; }

/* Welcome card width & spacing */
.home-welcome .mini-card { max-width: 1100px; margin: 0 auto; }

/* Plan grid & cards are responsive by default, ensure wrap */
.plans-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plans-grid.small { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Tablet */
@media (max-width: 1024px){
  .plans-grid, .plans-grid.small { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}

/* Mobile */
@media (max-width: 600px){
  .plans-grid, .plans-grid.small { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .brand-logo { width: 60px; height: 60px; } /* keep big but fit mobile */
  .brand-name { font-size: 1.45rem; }
  .nav-wrap { padding: 18px 0; }
  .site-header { padding-top: 10px; padding-bottom: 10px; }
}

/* Tablet nav usability: slightly larger tap targets */
@media (max-width: 1024px){
  .site-nav a { padding: 12px 12px; }
}

/* Footer layout if template footer uses flex instead of grid */
.site-footer .footer-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

/* Reduce excessive negative margins on very small screens */
@media (max-width: 420px){
  .home-welcome{ margin-top: -32px !important; }
  .hero-mini{ padding-bottom: 50px; }
}

/* Ensure dropdowns remain clickable on touch devices:
   open on tap/focus within, not only hover */
.dropdown:focus-within > .dropdown-menu { opacity:1; visibility:visible; pointer-events:auto; transform: translateY(0); }

/* Contact form */
.contact-form{
  margin-top: 12px;
}
.contact-form .form-row{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom: 14px;
}
.contact-form label{
  font-weight: 700;
  opacity: 0.9;
}
.contact-form input,
.contact-form textarea{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.92);
  outline: none;
}
.contact-form input:focus,
.contact-form textarea:focus{
  border-color: rgba(255,255,255,0.22);
  box-shadow: 0 0 0 3px rgba(255,255,255,0.06);
}

/* =========================================================
   Symmetry / layout polish across mobile / tablet / desktop
   ========================================================= */

/* Consistent section spacing */
.content-section{
  padding: 56px 0;
}
@media (max-width: 1024px){
  .content-section{ padding: 44px 0; }
}
@media (max-width: 600px){
  .content-section{ padding: 34px 0; }
}


/* Two-column layouts: clean grid + predictable collapse */
.two-col{
  display:grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 26px;
  align-items: start;
}
@media (max-width: 1024px){
  .two-col{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Cards: symmetrical heights + alignment */
.cards-3,
.plans-grid{
  align-items: stretch;
}
.mini-card,
.plan-card,
.info-card{
  height: 100%;
}

/* Ensure plan cards align CTA to bottom for symmetry */
.plan-card{
  display:flex;
  flex-direction:column;
}
.plan-card ul, .plan-card p{ margin-bottom: 14px; }
.plan-card .service-cta,
.plan-card .btn{
  margin-top:auto;
}

/* Make mini-cards feel consistent */
.mini-card h4{ margin-top: 0; }
.mini-card p{ margin-bottom: 0; line-height: 1.7; }

/* Hero: consistent vertical rhythm */
.hero-mini{
  padding-top: 64px;
  padding-bottom: 86px;
}
@media (max-width: 1024px){
  .hero-mini{ padding-top: 54px; padding-bottom: 76px; }
}
@media (max-width: 600px){
  .hero-mini{ padding-top: 44px; padding-bottom: 64px; }
}

/* Welcome card: centered & balanced */
.home-welcome .mini-card{
  max-width: 1100px;
  margin: 0 auto;
}

/* Footer symmetry */
.site-footer .footer-grid{
  align-items: start;
}

/* Forms: prevent overlap and keep spacing tidy */
.contact-form input,
.contact-form textarea{
  line-height: 1.4;
}

/* =========================================================
   PC layout fix for About/Contact two-column sections
   ========================================================= */

/* Let the template/bootstrap control container widths (avoid overrides). */
.container{ max-width: none; }

/* More balanced columns on desktop for symmetry */
.two-col{
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

/* On very wide screens, prevent the left column becoming too stretched */
@media (min-width: 1200px){
  .two-col{
    grid-template-columns: minmax(0, 720px) minmax(0, 420px);
    justify-content: center;
  }
}

/* Keep the right info card visually aligned */
.info-card{
  position: sticky;
  top: 110px;
}
@media (max-width: 1024px){
  .info-card{ position: static; }
}

/* =========================================================
   Targeted About/Contact desktop layout (high specificity)
   ========================================================= */

/* Constrain width so PC layout doesn't look stretched */
.content-section.page-about .container,
.content-section.page-contact .container{
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Balanced two-column layout on desktop */
.content-section.page-about .two-col,
.content-section.page-contact .two-col{
  display: grid !important;
  grid-template-columns: minmax(0, 720px) minmax(0, 380px) !important;
  gap: 28px !important;
  align-items: start !important;
}

/* Ensure cards don't overflow */
.content-section.page-about .mini-card,
.content-section.page-about .info-card,
.content-section.page-contact .info-card{
  width: 100% !important;
}

/* Make right card sticky only on large screens (helps symmetry) */
@media (min-width: 1200px){
  .content-section.page-about .info-card,
  .content-section.page-contact .info-card{
    position: sticky;
    top: 120px;
  }
}
@media (max-width: 1199px){
  .content-section.page-about .info-card,
  .content-section.page-contact .info-card{
    position: static !important;
  }
}

/* Tablet/mobile: stack cleanly */
@media (max-width: 1024px){
  .content-section.page-about .two-col,
  .content-section.page-contact .two-col{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* =========================================================
   HARD center About/Contact (fix right-shift / off-center)
   ========================================================= */

/* The About/Contact pages use: <div class="container two-col"> ... </div>
   Force that exact element to be centered and not affected by other template rules. */
.content-section.page-about .container.two-col,
.content-section.page-contact .container.two-col{
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  text-align: left !important;
}

/* Ensure grid columns render from the centered container */
.content-section.page-about .container.two-col,
.content-section.page-contact .container.two-col{
  display: grid !important;
  grid-template-columns: minmax(0, 720px) minmax(0, 380px) !important;
  gap: 28px !important;
  align-items: start !important;
  justify-content: center !important;
}

/* Stack cleanly on tablet/mobile */
@media (max-width: 1024px){
  .content-section.page-about .container.two-col,
  .content-section.page-contact .container.two-col{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* About/Contact grid helpers (works with or without Bootstrap) */
.row.about-grid, .row.contact-grid, .row.cards-row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.row.about-grid > div, .row.contact-grid > div, .row.cards-row > div{
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 18px;
}

/* Column sizing (Bootstrap-like) */
.col-lg-8{ flex: 0 0 66.666%; max-width: 66.666%; }
.col-lg-4{ flex: 0 0 33.333%; max-width: 33.333%; }
.col-md-4{ flex: 0 0 33.333%; max-width: 33.333%; }

@media (max-width: 1024px){
  .col-lg-8, .col-lg-4{ flex: 0 0 100%; max-width: 100%; }
  .col-md-4{ flex: 0 0 100%; max-width: 100%; }
}

/* Centered container for these sections */
.content-section.page-about .container,
.content-section.page-contact .container{
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Service page spacing polish */
.plans-section{ padding: 56px 0; }
.plans-section .container{ padding-left: 18px; padding-right: 18px; }
.cards-row{ display:flex; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.cards-row > div{ padding-left:12px; padding-right:12px; margin-bottom:18px; }
.plan-card{ height:100%; display:flex; flex-direction:column; }
.plan-card ul{ margin-top:10px; }

/* Buttons (site) */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.12);
  user-select:none;
}
.btn:hover{ transform: translateY(-1px); }
.btn:active{ transform: translateY(0); }

.btn-primary{
  color: rgba(255,255,255,0.98) !important;
  background: linear-gradient(90deg, rgba(255,140,0,0.95), rgba(255,190,0,0.95));
  border-color: rgba(255,200,80,0.30);
  box-shadow: 0 10px 24px rgba(0,0,0,0.22);
}
.btn-primary:hover{
  filter: brightness(1.05);
  color: rgba(255,255,255,0.98) !important;
}

/* Plan button alignment */
.plan-btn{
  margin-top: 14px;
  width: 100%;
}

/* Pricing display */
.plan-price{
  font-size: 1.35rem;
  font-weight: 800;
  margin-top: 6px;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
  color: rgba(255,255,255,0.96);
}
.pricing-note{
  text-align:center;
  opacity: 0.78;
  margin: -6px auto 18px;
  max-width: 900px;
}