/*Recaptcha Badge*/
html body .grecaptcha-badge {
  opacity: 0 !important;
  pointer-events: none !important;
}
#quoteform .formResponsive .formBody{display:block !important}

@media (min-width: 768px) {
  .website-form-wrapper .rsform-block-button .formBody {
    display: flex !important;
    align-items: center !important;  /* centers vertically */
    min-height: 100px;               /* adjust as needed */
  }
}

.website-form-wrapper .rsform-block-button .formBody #Button {
  position: static !important;          /* reset the relative positioning */
  margin: 0 !important;
}

.logo-image {
     height: 70px !important;
     width: 267px !important;
}
 #sp-logo {
     display: block !important;
}

        .logo-seo img {
            filter: grayscale(100%);
            transition: filter 0.3s ease-in-out;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height:65px;

        }

        .logo-seo:hover img {
            filter: grayscale(0%);
        }
@media (max-width: 991px) {
     #sp-header {
         height: 80px !important;
         padding-top: 15px !important;
    }
}

/* Mega menu dropdown width override */
.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container.open {
  width: 1000px !important;   /* or any fixed px value */

}




 @media (min-width: 992px) and (max-width: 1024px) {
     #sppb-addon-505a5772-cc0e-4777-a84e-23dc8bd82f1b #btn-505a5772-cc0e-4777-a84e-23dc8bd82f1b.sppb-btn-custom, #sppb-addon-b6e61c9c-702b-4a7d-bf73-b1642eb598d4 #btn-b6e61c9c-702b-4a7d-bf73-b1642eb598d4.sppb-btn-custom, #sppb-addon-bc5afa88-2180-4ee8-a43c-6e52b080fc83 #btn-bc5afa88-2180-4ee8-a43c-6e52b080fc83.sppb-btn-custom, #sppb-addon-101a4f7f-a1c9-42b5-9ecc-e611ffde3c87 #sppb-modal-101a4f7f-a1c9-42b5-9ecc-e611ffde3c87-selector.sppb-btn-custom {
         font-size: 1.5vw !important;
    }
}
 @media (min-width: 1200px) {
     .sp-page-builder .page-content #section-id-7a0935d0-58be-4917-ab87-05918c1f066e {
         display: none !important;
    }
}
.legal {
  font-weight: bold;
}

@media (min-width: 769px) { 
.hide-on-desktop { 
display: none !important;
  } 
}
.breadcrumb {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

#sppb-addon-1694193558899 .sppb-gallery img {
  box-shadow: #00000069 0px 0px 3px 1px;
}
#sppb-addon-1694197074838 .sppb-gallery img {
  box-shadow: #00000069 0px 0px 3px 1px;
    border-radius:0px !important;
  border: 1px solid #e5e5e5 !important; 
  } 

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
.hide-on-tablet-horizontal { 
display: none !important; 
  } 
}

/* Base UL reset */
.legal-right-menu ul.menu-child {
    padding-left: 0;
    margin: 0;
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
}

/* Add circle icons before each item */
.legal-right-menu ul.menu-child li {
    position: relative;
    margin: 6px 0;
    padding-left: 28px; /* space for circle */
    line-height: 1.6;
    background: none;
}

/* Perfect vertical alignment using flex */
.legal-right-menu ul.menu-child li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%; /* center relative to line */
    transform: translateY(-50%); /* keeps it centered */
    width: 16px;
    height: 16px;
    background: url(/images/circle.svg) no-repeat center center;
    background-size: 16px 16px;
}

/* Link styling */
.legal-right-menu ul.menu-child li a {
    color: #0b2540;
    text-decoration: none;
    display: inline-block; /* better inline alignment */
    vertical-align: middle;
}

/* Optional hover */
.legal-right-menu ul.menu-child li a:hover {
    color: #0672c9;
}

.item-545.current.active.menu-deeper.menu-parent {
    list-style: none !important;
    text-decoration: underline;
}


:target {
    scroll-margin-top: 100px; /* Adjust as needed */
}


.no-bullets {
    list-style-type: none !important;
    font-weight: 700 !important;
    padding: 5px 15px !important; /* Top & bottom: 5px, Right & left: 15px */
}

.no-bullets li {
    margin-bottom: 10px !important; /* Adds 5px space between links vertically */
}

.no-bullets a {
    color: white !important;
}

.no-bullets a:hover {
    color: #555555 !important;
}

 .item-137 ul {
     list-style-type: none !important;
     padding: 10px !important;
     margin: 0 !important;
}
 .item-137 ul li {
     display: flex !important;
     align-items: center !important;
}
 .item-137 ul li span {
     width: 20px !important;
     display: inline-block !important;
     margin-right: 5px !important;
}
 body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
     display: none !important;
}
 .fa-bars::before {
     content: "\f0c9" !important;
     font-size: 33px !important;
}
 #fconnect {
     margin-top: 0px !important;
     line-height: 25px !important;
	 margin-bottom: 20px !important;
}
 .flink {
     color: #FFFF00 !important;
     text-decoration: underline !important;
}
 .flink a:hover {
     color: #ffffff !important;
     text-decoration: none !important;
}
 .ftitle {
     font-size: 20px !important;
     color: #ffffff !important;
     margin-bottom: 25px !important;
     font-weight: bold !important;
     display: flex !important;
     align-items: center !important;
}
 .ftitle img {
     margin-right: 10px !important;
     vertical-align: middle !important;
     height: 39px !important;
     width: 40px !important;
}
 .menuaccountmenu {
     list-style-type: none !important;
     padding: 20px !important;
     margin: 0 !important;
}
 .menuaccountmenu li {
     display: flex !important;
     align-items: center !important;
     margin-bottom: 8px !important;
}
 .menuaccountmenu li a {
     text-decoration: none !important;
     color: inherit !important;
     display: flex !important;
     align-items: center !important;
}
 .menuaccountmenu li .pe-2 {
     margin-right: 8px !important;
     font-size: 1.2em !important;
}
 .menuaccountmenu li .fa-clipboard-list {
     margin-right: 12px !important;
}
 .menuaccountmenu li .fa-clipboard-check {
     margin-right: 12px !important;
}




.menuresourcemenu {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.menuresourcemenu li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

.menuresourcemenu li a {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 10px; /* Adjust as needed for spacing */
}

.menuresourcemenu li a:hover {
    color: rgba(136, 135, 71, 0.75) !important; /* 75% opacity */
}


.menuresourcemenu li .pe-2 {
    width: 1.5em; /* Set a fixed width for icons to align consistently */
    margin-right: 8px !important;
    font-size: 1.2em !important;
    display: flex;
    align-items: center;
    justify-content: center;
}




#bmenusocial {
    text-align: center;
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping */
    align-items: center; /* Aligns items in the center vertically */
    justify-content: center;
    gap: 10px; /* Space between items */
}

#bmenusocial a {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center; /* Ensures the icon and text are centered vertically */
    font-size: 1em; /* Adjust if needed to align with icons */
}

#bmenusocial .sppb-icons-group-list {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    align-items: center; /* Centers icons vertically */
}

#bmenusocial .sppb-icons-group-list li {
    display: inline-flex;
    align-items: center;
    vertical-align: middle; /* Ensures icons align with the text */
}

#bmenusocial .sppb-icons-group-list li i {
    font-size: 1.1em; /* Adjust icon size if necessary */
    vertical-align: middle;
}

@media (max-width: 575.98px) {
  #sppb-addon-4ce3ec3b-7be9-41e2-bf6a-9a33257d1e1e .sppb-addon-icons-group {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 20px !important;
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
}

#sppb-addon-9acbba94-80c6-46ce-8e5b-7fd4e79eaada #btn-9acbba94-80c6-46ce-8e5b-7fd4e79eaada.sppb-btn-custom {
  color: #fff !important;
}

#sppb-addon-9acbba94-80c6-46ce-8e5b-7fd4e79eaada #btn-9acbba94-80c6-46ce-8e5b-7fd4e79eaada.sppb-btn-custom:hover {
  color: #555873 !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;

}

.menudropmenu {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 20px !important;
}

.menudropmenu li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

.menudropmenu li a {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 10px; /* Adjust as needed for spacing */
}

.menudropmenu li a:hover {
    color: rgba(136, 135, 71, 0.75) !important; /* 75% opacity */
}


.menudropmenu li .pe-2 {
    width: 1.5em; /* Set a fixed width for icons to align consistently */
    margin-right: 8px !important;
    font-size: 1.2em !important;

}

#sppb-addon-6b2c0711-9253-4ee3-8403-147e7e022c20 .sppb-addon-title {
  font-family: Roboto !important;
}


 #sp-footer .container-inner {
     border-top: none !important;
     padding: 0 !important;
}
 .fas.fa-angle-double-left {
     margin-left: 10px !important;
     margin-top: 3px !important;
}
 #eb .eb-card__ft, #eb .eb-card__ft a {
     color: #888 !important;
     text-decoration: underline !important;
}
 #eb .eb-card__ft, #eb .eb-card__ft a: hover {
     color: blue !important;
     text-decoration: none !important;
}
 #eb .eb-mod-title {
     font-size: 14px !important;
}
 #eb .eb-mod-media-title {
     font-weight: bold !important;
}
 #eb h1 {
     font-size: 30px !important;
}
 #eb h2 {
     font-size: 20px !important;
}

#eb .eb-card__hd {
  margin-bottom: 20px !important;
}
 .eb-entry-author {
     border: 1px #ddd solid !important;
     background-color: #fafafa !important;
     border-radius: 5px !important;
     margin-top: 15px !important;
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-bottom: 15px !important;
	 margin-bottom: 20px !important;
}

 .formResponsive .formError {
     display: inline !important;
}
 .formError, .formRed {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
}
 .quotetext {
     font-size: 18px !important;
}
 #blockcenter {
     margin: auto !important;
     max-width: 1200px !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
}
 #quoteform {
     border: 1px solid #d0cece !important;
     background-color: #f1f1f1 !important;
     padding: 20px 20px 20px 20px !important;
     border-radius: 5px !important;
}
 .quoteform .formControlLabel {
     font-weight: bold !important;
     font-size: 16px !important;
}
 .projectdetails {
     font-weight: bold !important;
     color: #c3900d !important;
     font-size: 25px !important;
}
 .contactdetails {
     font-weight: bold !important;
     color: #c3900d !important;
     font-size: 25px !important;
}
 .quoteform .formSpan5 {
     padding-right: 30px !important;
}
 .quoteform #Requirements {
     width: 100% !important;
}
 #quoteboxes {
     display: block !important;
     width: 100% !important;
     margin-left: 20px !important;
     margin-top: 20px !important;
}
 @media (max-width: 768px) {
     #quoteboxes {
         display: none !important;
    }
}
 @media (max-width: 1200px) {
     .uk-width-3-12 {
         display: none !important;
    }
}
 #boximage {
     width: 150px !important;
     height: auto !important;
     margin: auto !important;
     margin-bottom: 20px !important;
     margin-top: -80px !important;
}
 .sp-page-builder .page-content #section-id-1581555292392 > .sppb-row-overlay {
     background-image: url(/images/joomla-seo-optimization-services-company.jpg) !important;
     background-attachment: scroll !important;
}
 a.boxnumber {
     color: #f1f1f1 !important;
}
 #quotebox1 {
     background-color: #475960 !important;
     width: 250px !important;
     height: 250px !important;
     margin: auto !important;
     text-align: center !important;
     color: #f1f1f1 !important;
     margin-bottom: 20px !important;
     line-height: 24px !important;
}
 .box1img {
     margin: auto !important;
     padding-top: 30px !important;
     max-width: 100% !important;
     height: auto !important;
}
 .box1text {
     padding-top: 20px !important;
}
 .boxtextsmall {
     font-size: 12px !important;
}
 #quotebox2 {
     background-color: #094860 !important;
     width: 250px !important;
     height: 250px !important;
     margin: auto !important;
     text-align: center !important;
     color: #f1f1f1 !important;
     line-height: 24px !important;
}
 .box2img {
     margin: auto !important;
     padding-top: 30px !important;
     max-width: 100% !important;
     height: auto !important;
}
 .box2text {
     padding-top: 20px !important;
}
 .sp-page-builder .page-content #section-id-51decc35-4f84-479d-8b68-70e04cecd008 {
     padding-top: 20px !important;
}
 .uk-form-stacked .uk-form-label {
     display: block !important;
     margin-bottom: 15px !important;
}
 #sp-bottom {
     font-size: 16px !important;
     background-image: url('/images/digital-agency-in-kansas-city.webp') !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: center !important;
     width: 100% !important;
     min-height: 300px !important;
     padding: 20px !important;
     position: relative !important;
}
 .sp-page-builder .page-content #section-id-1b420192-e5a5-45c7-a5af-51eb52e1babf {
     padding-top: 50px !important;
}
 #sp-top-bar {
     background-color: rgba(195, 144, 13, 0.75) !important;
     color: #AAAAAA !important;
     padding: 4px 0 !important;
     font-size: 0.875rem !important;
}
 #sp-menu .sp-column {
     justify-content: flex-end !important;
}


 .sp-menu-item .fas {
     display: inline-block !important;
     vertical-align: middle !important;
}
 .sp-megamenu-parent {
     display: flex !important;
     flex-wrap: nowrap !important;
     align-items: center !important;
}


 .sp-menu-item .fas {
     display: inline-block !important;
     
     color: #555873 !important;
}

 #sppb-addon-96c856b5-9289-48b1-a66c-e0c332cd12d0 #sppb-modal-96c856b5-9289-48b1-a66c-e0c332cd12d0-selector.sppb-btn-custom {
     padding-top: 20px !important;
     padding-bottom: 20px !important;
     padding-right: 55px !important;
     padding-left: 55px !important;
}
 #sppb-addon-0776a4b6-a477-4d6c-9451-a4a2c1ae3bcd #btn-0776a4b6-a477-4d6c-9451-a4a2c1ae3bcd.sppb-btn-custom {
     padding-left: 75px !important;
     padding-right: 75px !important;
}
 .pe-2.fas.fa-phone-square-alt {
     font-size: 30px !important;
}
 .pe-2.fas.fa-quote-right {
     font-size: 30px !important;
}

 .sp-megamenu-parent .sp-menu-item {
     display: flex !important;
     align-items: center !important;
     font-weight: bold !important;
}

 .sp-megamenu-parent .sp-menu-item a {
     color: #555873 !important;
}


 @media (max-width: 991.98px) {
     #sp-menu {
         display: none !important;
    }
}
 ul.sp-megamenu-parent .hide-desktop {
     display: none !important;
}

 .menu-text {
     margin-left: 8px !important;
     white-space: nowrap !important;
}

#offcanvas .menu-text.hide-offcanvas,
.offcanvas-menu .menu-text.hide-offcanvas,
.offcanvas .menu-text.hide-offcanvas,
.offcanvas-inner .menu-text.hide-offcanvas,
.sppb-offcanvas .menu-text.hide-offcanvas {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    clip-path: inset(100%) !important;
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


ul.menu.nav-pills li.item-121.hide-offcanvas {
    display: none !important;
}


 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > a, .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > span {
     color: #252525 !important;
     font-size: 16px !important;
     line-height: 1.2 !important;
}
 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > a .fas, .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > span .fas {
     font-size: inherit !important;
}
 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > a .pe-2 {
     width: 28px !important;
     text-align: center !important;
     display: inline-block !important;
     margin-right: 6px !important;
}
 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li {
     display: flex !important;
     align-items: center !important;
}
 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > a {
     display: flex !important;
     align-items: center !important;
     text-decoration: none !important;
     color: inherit !important;
}
 .offcanvas-menu .offcanvas-inner .sp-module-content ul.menu.nav-pills > li > a .fas {
     font-size: inherit !important;
}
 #servicelinks {
     display: flex !important;
     justify-content: space-between !important;
     flex-wrap: wrap !important;
     margin-top: 20px !important;
     margin-bottom: 10px !important;
}
 #servicelinks li {
     display: flex !important;
     align-items: center !important;
     flex: 1 !important;
     min-width: 45% !important;
     list-style: none !important;
}
 #servicelinks li span {
     display: inline-flex !important;
     justify-content: center !important;
     align-items: center !important;
     width: 30px !important;
     height: 30px !important;
    /* background-color: #528ba7 !important;
     border-radius: 8px !important;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;*/
     color: rgba(136, 135, 71, 0.75) !important;
     margin-right: 8px !important;
     font-size: 16px !important;
     line-height: 1 !important;
}
 #servicelinks a {
     display: flex !important;
     align-items: center !important;
     text-align: left !important;
     padding-bottom: 10px !important;
     box-sizing: border-box !important;
}

#servicelinks a:hover {
     color: rgba(136, 135, 71, 0.75) !important; /* Adjust to your desired hover color */
     text-decoration: underline !important; /* Optional: adds underline on hover */
}

/* #servicelinks li span:hover {
     background-color: rgb(195,144,13) !important;
     border-color: rgb(153, 113, 10) !important;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
     transition: all 0.3s ease !important;
}
 #servicelinks li span.pe-2 {
     padding-right: 0 !important;
}*/

#nav-menu .navlinks a {
    color: white !important;
    text-decoration: none !important; /* Optional: remove underline */
}


 .welcome {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
     text-align: center !important;
     margin-top: 20px !important;
	 padding-left: 20px;
  padding-right: 20px;
}
 .welcome h3 {
     margin: 0 !important;
     font-size: 25px !important;
     color: #53bf6e !important;
     font-weight: 500 !important;
     line-height: 33px !important;
     margin-bottom: -15px !important;
}
 @media (max-width: 1024px) {
     .welcome h3 {
         font-size: 22px !important;
    }
}
 @media (max-width: 768px) {
     .welcome h3 {
         font-size: 20px !important;
    }
}
 @media (max-width: 576px) {
     .welcome h3 {
         font-size: 18px !important;
    }
}

.sppb-person-image img {
  border: 5px solid #ddd9d9 !important;
border-radius: 400px !important;
}
/* Drop Down menu hover */
.sppb-nav.sppb-nav-custom > li > a:hover {
  color: #FFFFFF !important;
  background-color: #555873 !important;
  transition: all 0.3s ease;
}

/* Active tab item fix */
.sppb-nav.sppb-nav-custom > li.active > a,
.sppb-nav.sppb-nav-custom > li.active > a:hover,
.sppb-nav.sppb-nav-custom > li.active > a:focus {
  color: #fff !important;
  background: #555873 !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 3px 0px #bdbbbb !important;
}

/* Keep nav inline, prevent wrapping */
.sppb-nav.sppb-nav-custom {
  white-space: nowrap !important;
  width: auto !important;
}

/* Responsive spacing */
@media (max-width: 1200px) and (min-width: 768px) {
  .sppb-nav.sppb-nav-custom {
    margin-right: 20px !important;
  }
}

/* Tab content containers */
#sppb-addon-790982ff-704e-4af7-8ad1-d85a36a4db24 .sppb-tab-custom-content > div {
  border-radius: 5px !important;
  box-shadow: 0px 0px 3px 0px #bdbbbb !important;
  background: #ffffff !important;
}

#sppb-content1-1,
#sppb-content1-2,
#sppb-content1-3,
#sppb-content1-4,
#sppb-content1-5,
#sppb-content1-6,
#sppb-content1-7 {
  border-radius: 5px !important;
  margin-bottom: 10px !important;
  box-shadow: 0px 0px 3px 0px #bdbbbb !important;
}



 #sppb-addon-06e3a60e-c8e2-4863-9fca-1fcccc48f8ef #sppb-modal-06e3a60e-c8e2-4863-9fca-1fcccc48f8ef-selector.sppb-btn-custom {
     background-color: rgba(195, 144, 13, 0.75) !important;
     color: #FFFFFF !important;
     padding: 9px 20px 8px 20px !important;
}
 .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
     box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2) !important;
	 border-top: 1px solid rgba(195, 144, 13, 0.75) !important;
   margin-top: 1px;
   padding: 10px !important;
}
 #eb .mod-items-grid > .mod-grid .mod-item {
     border: 1px solid #e1e1e1 !important;
     border-radius: 5px !important;
     background-color: #fff !important;
     padding: 15px !important;
     box-shadow: 0 0 5px 0 #c7c6c6 !important;
}
 .eb-mod-foot.mod-muted.mod-small a {
     background-color: RGBA(77, 116, 116, 0.75) !important;
     color: rgb(255, 255, 255) !important;
     padding: 8px 16px !important;
     font-size: 13px !important;
     line-height: 1.5 !important;
     border-radius: 5px !important;
     font-weight: bold !important;
}
 .eb-mod-foot.mod-muted.mod-small a:hover {
     background-color: rgb(150, 167, 175) !important;
     color: #FFFFFF !important;
}
 .eb-mod-body {
     margin-bottom: 10px !important;
}
 .sp-module-title {
     margin-top: 75px !important;
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
     margin-bottom: 30px !important;
     font-size: 40px !important;
     font-family: roboto !important;
}
 .sppb-carousel-extended-heading {
     visibility: hidden !important;
     opacity: 0 !important;
     height: 0 !important;
     margin: 0 !important;
}
 .sppb-carousel-extended-item img {
     width: 300px !important;
     object-fit: fill !important;
     height: 60px !important;
}
 ul.circles {
     margin: 10px 0px 10px 0px !important;
     padding-left: 0px !important;
     list-style: none !important;
     font-family: Open Sans, sans-serif !important;
     font-size: 18px !important;
     font-weight: normal !important;
}
 ul.circles li {
     margin: 5px 0px 5px 0px !important;
     padding-left: 35px !important;
     font-family: Open Sans, sans-serif !important;
     font-size: 18px !important;
     font-weight: normal !important;
     line-height: 24px !important;
     background: url(/images/circle.svg) 0 0 no-repeat !important;
}

#osmap {
  margin-top: -60px !important;
}


/* Style all OSMap section titles */
h2[id^="osmap-menu-uid-"] {
    font-family: "Open Sans", sans-serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 15px 0 8px 0 !important;
}

/* Style all OSMap unordered lists */
ul[id^="osmap-ul-uid-"] {
    margin: 10px 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

/* Style all list items with circle icon */
ul[id^="osmap-ul-uid-"] li {
    margin: 5px 0 !important;
    padding-left: 35px !important;
    line-height: 24px !important;
    background: url(/images/circle.svg) 0 0 no-repeat !important;
    background-size: 31px 24px !important;
}


 ul.arrow, ul.checkbox, ul.check, ul.pdf, ul.check2, ul.star {
     margin: 10px 0px 10px 0px !important;
     padding-left: 20px !important;
     list-style: none !important;
     font-family: Open Sans, sans-serif !important;
     font-size: 16px !important;
     font-weight: normal !important;
}
 ul.arrow li, ul.checkbox li, ul.check li, ul.pdf li, ul.check2 li, ul.star li {
     margin: 5px 0px 5px 0px !important;
     padding-left: 35px !important;
     font-family: Open Sans, sans-serif !important;
     font-size: 16px !important;
     font-weight: normal !important;
     line-height: 24px !important;
     background-size: 20px !important;
     background-repeat: no-repeat !important;
}
 ul.arrow li {
     background-image: url(/images/list_arrow.png) !important;
     background-position: 0 0 !important;
}
 ul.checkbox li {
     background-image: url(/images/list_checkbox.png) !important;
     background-position: 0 0 !important;
}
 ul.check li {
     background-image: url(/images/list_check.png) !important;
     background-position: 0 0 !important;
}
 ul.star li {
     background-image: url(/images/list_star.png) !important;
     background-position: 0 0 !important;
}
 ul.pdf li {
     background-image: url(/images/pdf.png) !important;
     background-position: 0 0 !important;
}
 ul.check2 li {
     background-image: url(/images/list_check.png) !important;
     background-position: 0 0 !important;
}
 .check2 a:link {
     text-decoration: underline !important;
}
 .check2 a:hover {
     text-decoration: none !important;
}
 #sppb-addon-wrapper-ybsm8rzWy1pmxXiE4bhXe .sppb-panel-title {
     font-size: 18px !important;
}
 #sppb-addon-wrapper-ybsm8rzWy1pmxXiE4bhXe .sppb-addon-content {
     font-size: 16px !important;
     font-weight: normal !important;
}
 #sppb-addon-5f0e5293-9745-48aa-96c5-6ef13bc3c008 #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008-selector.sppb-btn-custom {
     padding: 18px !important;
}
 .joomlaacc {
     font-size: 16px !important;
     line-height: 24px !important;
	 font-weight:normal !important;
}
 .joomlaacc li {
     font-size: 16px !important;
     line-height: 24px !important;
     margin-bottom: 10px !important;
	 font-weight:normal !important;
}
 .joomlaacc ol {
     font-size: 16px !important;
     line-height: 24px !important;
     margin-bottom: 10px !important;
	 	 font-weight:normal !important;
}
 .joomlaacc p {
     font-size: 16px !important;
     line-height: 24px !important;
	 	 font-weight:normal !important;
}
 .font18 {
     font-size: 18px !important;
     line-height: 30px !important;
	 	 	 font-weight:normal !important;
}
 .font18 li {
     font-size: 18px !important;
     line-height: 30px !important;
     margin-bottom: 10px !important;
	 	 	 font-weight:normal !important;
}
 .font18 ol {
     font-size: 18px !important;
     line-height: 30px !important;
     margin-bottom: 10px !important;
	 	 	 font-weight:normal !important;
}
 .font18 p {
     font-size: 18px !important;
     line-height: 30px !important;
	 	 	 font-weight:normal !important;
}
 .size18 {
     font-size: 18px !important;
     line-height: 30px !important;
	 	 	 font-weight:normal !important;
}
 .size18 li {
     font-size: 18px !important;
     line-height: 30px !important;
     margin-bottom: 10px !important;
	 	 	 font-weight:normal !important;
}
 .size18 ol {
     font-size: 18px !important;
     line-height: 30px !important;
     margin-bottom: 10px !important;
	 	 	 font-weight:normal !important;
}
 .size18 p {
     font-size: 18px !important;
     line-height: 30px !important;
	 	 	 font-weight:normal !important;
}
 .rowwidth {
     width: 95% !important; 
}
 .homepagecontainer {
     width: 100% !important;
     background-color: #fff !important;
     border-radius: 25px !important;
     flex-direction: column !important;
     justify-content: space-between !important;
     align-items: center !important;
     padding: 45px 10px 36px !important;
     display: flex !important;
     position: relative !important;
     overflow: hidden !important;
     box-shadow: 0 2px 5px rgba(0, 0, 0, .1) !important;
}


 .smalltitle {
     font-weight: 600 !important;
     font-size: 17px !important;
     margin-bottom: 0px !important;
}
 .bigtitle {
     font-size: 25px !important;
     font-weight: 600 !important;
     color: #136091 !important;
     margin-bottom: 20px !important;
	 text-align: center !important;

}
 .imgtitle {
     max-width: 150px !important;
     margin-bottom: 20px !important;
}
 .homecontent {
     font-size: 16px !important;
     padding-left: 20px !important;
     padding-right: 20px !important;
     text-align: center !important;
     margin-bottom: 20px !important;
}
 .homebutt {
     background-color: #555873 !important;
     border: none !important;
     color: white !important;
     padding: 16px !important;
     text-align: center !important;
     text-decoration: none !important;
     display: inline-block !important;
     font-size: 16px !important;
     margin: 4px 2px !important;
     border-radius: 15px !important;
}
 .homebutt:hover {
     color: #ffc94e !important;
}
 .welcomefooter {
     margin-top: 30px !important;
     margin-bottom: 30px !important;
}
 .sppb-addon-feature.gallery .sppb-img-container img {
     border-top-left-radius: 10px !important;
     border-top-right-radius: 10px !important;
     display: block !important;
     border-bottom: 2px solid #555873 !important;
}
 @media (max-width: 767px) {
     #rowonelogos .sppb-column-addons, #rowtwologos .sppb-column-addons, #rowthreelogos .sppb-column-addons {
         display: flex !important;
         flex-wrap: wrap !important;
    }
     #rowonelogos .sppb-column-addons > div, #rowtwologos .sppb-column-addons > div, #rowthreelogos .sppb-column-addons > div {
         width: 50% !important;
         box-sizing: border-box !important;
         padding: 0 !important;
         margin: 0 auto !important;
         text-align: center !important;
    }
     #rowonelogos .sppb-addon-single-image-container, #rowtwologos .sppb-addon-single-image-container, #rowthreelogos .sppb-addon-single-image-container {
         display: flex !important;
         align-items: center !important;
         justify-content: center !important;
         width: 100% !important;
    }
}
 #sp-bottom .sp-module {
     margin-bottom: 0px !important;
}
 .osmap-items h2:not(:first-of-type)::before {
     content: "" !important;
     display: block !important;
     width: 100% !important;
     height: 1px !important;
     background-color: #ccc !important;
     margin: 20px 0 !important;
}

.sp-header {
    position: relative !important;
    overflow: hidden !important;

}

.sp-megamenu-wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important; /* Aligns the menu to the right */
    width: auto !important;
}

.sp-dropdown {
    display: none !important;
    position: absolute !important; /* Position it relative to the header */
    top: 80px; /* Adjust to match your header's bottom edge */
    left: 0;
    right: 0;
    opacity: 0 !important;
    transform: translateY(-100%) !important; /* Position it above the header */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    pointer-events: none !important;
}

.sp-dropdown.open {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important; /* Slide down to visible */
    pointer-events: auto !important;
}



.sp-dropdown.closing {
    opacity: 0 !important;
    transform: translateY(-100%) !important;
    pointer-events: none !important;

}

#sppb-addon-0f4e026e-05f0-4e63-94c4-190fc2fab166 img {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
}

#sppb-addon-68f06fd1-9843-49c1-a4ac-7d7e3d5c496e img {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.fas.fa-times {
    font-size: 42px !important;
    color: inherit !important;
}

/* General carousel styling */
#section-id-4a5502cf-36f3-407a-8559-ce8bbd67f9d6 .sppb-carousel-extended-outer-stage {
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden;
    padding-bottom: 30px;
}

/* Consistent image size */
#section-id-4a5502cf-36f3-407a-8559-ce8bbd67f9d6 img {
    width: 300px !important;
    height: 60px !important;
    object-fit: contain;
    max-width: none !important;
}

/* Universal spacing and width adjustments */
#section-id-4a5502cf-36f3-407a-8559-ce8bbd67f9d6 .sppb-carousel-extended-item {
    width: 280px !important; /* Fixed width */
    margin-right: 30px !important; /* Consistent space between items */
    margin-bottom: 10px !important; /* Consistent bottom margin */
}

/* Tablet-specific adjustments */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #section-id-4a5502cf-36f3-407a-8559-ce8bbd67f9d6 .sppb-carousel-extended-item {
        width: 260px !important;
        margin-right: 40px !important;
    }
}

/* Mobile-specific adjustments */
@media screen and (max-width: 767px) {
    #section-id-4a5502cf-36f3-407a-8559-ce8bbd67f9d6 .sppb-carousel-extended-item {
        width: 280px !important;
        margin-right: 30px !important;
    }
}

.interest {
  margin-top: 15px;
  margin-bottom: -22px;
  font-weight: 700;
}

strong.formRequired {
  display: none !important;
}

.disclaimer {
  text-align: center;
  font-size: 14px;
}

#Website {
    color: #5f8d01 !important; /* Change this to your desired color */
    font-weight: bold; /* Optional: Make it bold for visibility */
}



/* Tablet-specific adjustments for two-column layout */
@media (max-width: 1194px) {
    /* Adjust checkbox grid to two columns on tablets */
    #rsform_12_page_0 .rsform-block-our-services .formControls {
        grid-template-columns: repeat(2, 1fr); /* Two columns */
    }
}



#column-wrap-id-febc468e-b1dc-481c-b182-428dc620adba {
  margin-top: 50px !important;
}

.roih3 {
  font-weight: bolder;
  font-size: 35px;
}

.icon-circle {
    background-color: rgb(124, 128, 165); /* Circle background color */
    color: white; /* Text color for "1" */
    border-radius: 50%; /* Make background circular */
    width: 40px; /* Fixed width for circle */
    height: 40px; /* Fixed height for circle */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; /* Space to the right of the circle */
    vertical-align: middle; /* Align with text */
    font-size: 24px; /* Adjust font size of the number */
    font-weight: bold; /* Make the number bold */
	margin-left: 13px;
	margin-bottom: 3px;
}


/* Completely disable any ::before and ::after pseudo-elements */
.icon-circle::before,
.icon-circle::after {
    content: none !important;
    display: none !important;
}

.circletext {
  margin-left: 72px;
  margin-bottom: 25px;
}

.custom-heading {
    display: flex;
    align-items: flex-start; /* Align icon and text to the top */
}

/* Icon styling to keep it separate from the text */
.custom-heading .icon-circle {
    margin-right: 10px; /* Space between icon and text */
    flex-shrink: 0; /* Prevents icon from shrinking */
}

/* Ensure wrapped text starts directly under the first line */
.custom-heading span {
    line-height: 1; /* Adjust line spacing as needed */
    margin-left: 12px; /* No additional margin needed */
}

.formintro {font-size:16px;}


@media (max-width: 768px) {
    /* Set up the container grid */
    #section-id-b2960280-c03f-439d-988b-5cef2536db8c .sppb-row {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two columns */
        gap: 10px; /* Adjust the gap as needed */
    }

    /* Ensure the top text section spans full width */
    #column-wrap-id-ee22f6f2-a095-4d44-bade-1d2e41315b2b {
        grid-column: 1 / -1; /* Full-width spanning */
        width: 100%;
    }

    /* Force the four link sections into two columns */
    #column-wrap-id-db3ef12e-5ed5-49b6-9e38-08b86824c558,
    #column-wrap-id-da85dfe1-7b38-47f4-943c-0e2cf4d84135,
    #column-wrap-id-61b5287d-fcbe-4fb1-9718-0d2d6db16ebf,
    #column-wrap-id-9600523d-0bdc-4ec7-a820-565462a1cbe9 {
        grid-column: span 1; /* Each takes half the width */
        width: 100%;
    }
}

#locationlinks {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
   margin-left:-15px;
}
#locationlinks li {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 23% !important; /* Adjust to 23% width for 4 columns with spacing */
    min-width: 23% !important;
    list-style: none !important;
    margin-bottom: 1px !important; /* Optional: adds spacing between rows */
}
#locationlinks li span {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 30px !important;
    height: 30px !important;
    color: #a25f5f !important;
    margin-right: 0px !important;
    font-size: 16px !important;
    line-height: 1 !important;
}
#locationlinks a {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    padding-bottom: 10px !important;
    box-sizing: border-box !important;
}

#locationlinks a:hover {
    color: rgba(136, 135, 71, 0.75) !important; /* Adjust to your desired hover color */

}

#locationlinks li span:hover {
    color: #555873 !important;
    transition: all 0.3s ease !important;
}
#locationlinks li span.pe-2 {
    padding-right: 0 !important;
}

@media (max-width: 1195px) and (min-width: 810px) {
    #locationlinks {
        font-size: 15px !important;
    }
}



.disclaimer a:hover {
color: #5f8d01;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .button-spinner {
    position: relative !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .button-spinner::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    margin-left: -10px !important;
    border: 2px solid transparent !important;
    border-top: 2px solid #fff !important;
    border-radius: 50% !important;
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    from { transform: rotate(0deg) !important; }
    to { transform: rotate(360deg) !important; }
}

.rsform-block.rsform-block-button2.rsform-type-submitbutton {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 #Button2 {
    width: 100% !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
    color: #fff !important;
    background: #555b5f !important;
    padding: 10px 50px !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive textarea {
    padding: 10px !important;
    width: 100% !important;
    margin: 20px 0 !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 input[type="text"],
#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive input[type="url"] {
    padding: 10px !important;
    width: 80% !important;
    margin-top: 15px !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formRow {
    width: 100% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .rsform-block.rsform-block-project.rsform-type-textarea {
    width: 100% !important;
    display: block !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 15px !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formBody {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formHorizontal .formControlLabel {
    display: none !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 #minicontainer {
    background-color: white !important;
    border-radius: 10px !important;
    border-bottom: 5px #555873 solid !important;
    display: block !important;
    width: 100% !important;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3) !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .quotetitle {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    background-color: #555873 !important;
    height: auto !important;
    border-radius: 10px 10px 0 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    color: white !important;
    font-weight: bold !important;
    font-family: Roboto !important;
    font-size: 20px !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formHorizontal .formControls {
    margin-left: 10% !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formRow .formSpan6 {
    width: 40% !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formDescription {
    display: none !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 input[type="text"],
#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive input[type="url"] {
    display: inline-block !important;
    height: 25px !important;
    padding: 4px !important;
    margin-bottom: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #555 !important;
    box-sizing: content-box !important;
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formHorizontal .rsform-block {
    margin-bottom: 20px !important;
}

/* Mobile responsiveness */
@media screen and (max-width: 650px) {
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 #Button {
        width: 90% !important;
        margin: 10px auto !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive input[type="text"],
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive input[type="url"],
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive input[type="password"],
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive select,
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive textarea {
        width: 85% !important;
        margin: 0 auto !important;
        font-size: 16px !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formRow .formSpan6 {
        width: 100% !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formHorizontal .formControls {
        margin-left: 0 !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .formResponsive .formBody {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .quotetitle {
        font-size: 18px !important;
        padding: 10px !important;
        line-height: 20px !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 textarea {
        width: 85% !important;
        margin: 0 auto !important;
        font-size: 16px !important;
    }

    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .rsform-block.rsform-block-email,
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .rsform-block.rsform-block-phone {
        height: auto !important;
    }
}

/* Ensure textarea for project field is always 100% width */
@media screen and (min-width: 651px) and (max-width: 1024px) {
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .rsform-block.rsform-block-project textarea {
        width: 78% !important;
        box-sizing: border-box !important;
    }
}

/* Additional media query to ensure consistency for larger screens */
@media screen and (min-width: 1025px) {
    #sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008 .rsform-block.rsform-block-project textarea {
        width: 78% !important;
        margin-top: 10px !important;
        box-sizing: border-box !important;
    }
}

#sppb-modal-5f0e5293-9745-48aa-96c5-6ef13bc3c008.white-popup-block {
    max-width: 660px !important;
    height: 480px !important;
}

.sppb-nav-modern > li.active > a, .sppb-nav-modern > li.active > a:focus, .sppb-nav-modern > li.active > a:hover {
  color: #fff !important;
  background-color: #625e5e !important;
  border-bottom-color: transparent;
  cursor: default;
  border-radius: 10px 0px 10px 0px !important;
  margin-bottom: 10px !important;
}

.sppb-nav-modern > li > a {
  border-radius: 10px 0px 10px 0px !important;
}

/* Hover state */
#nav-menu .navlinks a:hover {
    color: #2482A0 !important; /* Ensures white remains on hover */
}

 @media (min-width: 1281px) {
     #servicelinks li span.pe-2 {
         padding-right: 0 !important;
    }
}
 @media (min-width: 1199px) and (max-width: 1280px) {
     #servicelinks li span.pe-2 {
         padding-right: -0.75rem !important;
    }
}
 @media (max-width: 1198px) {
     #servicelinks li span.pe-2 {
         padding-right: 0.5rem !important;
    }
}
 

.seolinks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.seolinks li {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Adjust spacing between items if needed */
}

.seolinks li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit; /* Ensure links inherit the text color */
}

.seolinks li i {
    min-width: 30px; /* Adjust to ensure consistent spacing */
    text-align: center;
    margin-right: 10px; /* Spacing between the icon and the text */
    font-size: 16px; /* Adjust icon size if needed */
}


.account-access {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically aligns content */
    line-height: 1; /* Removes extra spacing */
    height: 100%; /* Ensures it fills the container */
}

.clientsupport {
    font-size: 12px;
    display: block;
    margin-top: 2px; /* Adjust this value to fine-tune spacing */
}

.menuarticles a,
.menuarticles a:link,
.menuarticles .eb-mod-media-title a {
    color: #136091 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.menuarticles a:hover,
.menuarticles .eb-mod-media-title a:hover {
    color: rgba(136, 135, 71, 0.75) !important;
}


.menuarticles a:active,
#eb .eb-mod-media-title a:active {
    color: rgba(136, 135, 71, 0.75) !important;
}

/*AI Integration Page*/

.ai-section {
    padding: 60px 20px;
    max-width: 1200px;
    margin: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-section-title {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #101820;
    text-align: center;
  }

  .ai-section-subtitle {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    margin-bottom: 40px;
  }

  .ai-highlight {
    color: #0077ff;
  }

  .ai-service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
  }

  .ai-service-card {
    background: rgba(245, 245, 245, 0.8);
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-service-card:hover {
    transform: translateY(-5px);
  }

  .ai-service-card h3 {
    margin-top: 15px;
    font-size: 1.25rem;
    color: #1a1a1a;
  }

  .ai-icon {
    font-size: 2.5rem;
    color: #0077ff;
  }

  .ai-tier-section {
    background: #f5f5f5;
    padding: 60px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tier-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: auto;
  }

  .ai-tier-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tier-icon {
    font-size: 2.5rem;
    color: #0077ff;
    flex-shrink: 0;
    margin-top: 5px;
  }

  .ai-tier-content {
    flex: 1;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tier-content h3 {
    margin-bottom: 12px;
    font-size: 1.4rem;
    color: #325e89;
  }

  .ai-tier-content p {
    color: #444;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tech-section {
    background-color: #f9fafc;
    padding: 60px 20px;
    max-width: 1200px;
    margin: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tech-section h2.ai-section-title {
    text-align: center;
    color: #101820;
    margin-bottom: 10px;
  }

  .ai-tech-section p.ai-section-subtitle {
    text-align: center;
    color: #555;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    gap: 30px;
  }

  .ai-tech-card {
    display: flex;
    background: #ffffff;
    border: 1px solid #e0e4ea;
    border-left: 6px solid #0077ff;
    border-radius: 10px;
    padding: 20px 25px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    align-items: flex-start;
    gap: 20px;
    transition: transform 0.2s ease;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-tech-card:hover {
    transform: translateY(-4px);
  }

  .ai-tech-icon {
    font-size: 2.2rem;
    color: #0077ff;
    flex-shrink: 0;
    margin-top: 4px;
  }

  .ai-tech-content h3 {
    margin: 0 0 8px;
    font-size: 1.2rem;
    color: #101820;
  }

  .ai-tech-content p {
    margin: 0;
    color: #444;
    font-size: 16px;
    line-height: 24px;
  }

  @media (max-width: 600px) {
    .ai-section-title {
      font-size: 1.6rem;
    }
    .ai-tech-grid {
      grid-template-columns: 1fr;
    }
  }
  
@media (max-width: 767px) {
  .ai-tier-grid {
    grid-template-columns: 1fr; /* single column stack */
  }

  .ai-tier-box {
    flex-direction: column; /* stack icon on top */
    text-align: center;
    align-items: center;
  }

  .ai-tier-content {
    text-align: center;
  }
}
  
  
  .wordpress-tech-section {
  background-color: #f9fafc;
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
}

.wordpress-section-title {
  text-align: center;
  color: #101820;
  margin-bottom: 10px;
}

.wordpress-section-title .wordpress-icon-left {
  color: #21759b;
  font-size: 1.8rem;
  margin-right: 10px;
  vertical-align: middle;
}

.wordpress-section-subtitle {
  text-align: center;
  color: #555;
  margin-bottom: 40px;
  font-size: 1.05rem;
}

.wordpress-tech-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  gap: 30px;
}

.wordpress-tech-card {
  display: flex;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-left: 6px solid #21759b;
  border-radius: 10px;
  padding: 20px 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  align-items: flex-start;
  gap: 20px;
  transition: transform 0.2s ease;
}

.wordpress-tech-card:hover {
  transform: translateY(-4px);
}

.wordpress-tech-icon {
  font-size: 2.2rem;
  color: #21759b;
  flex-shrink: 0;
  margin-top: 4px;
}

.wordpress-tech-content h3 {
  margin: 0 0 8px;
  font-size: 1.2rem;
  color: #101820;
}

.wordpress-tech-content p {
  margin: 0;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.5;
}

.wordpress-stack-toggle {
  text-align: center;
  margin: 30px 0;
}

.wordpress-stack-toggle button {
  background-color: #21759b;
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 5px;
  font-size: 1rem;
  cursor: pointer;
}

.wordpress-stack-toggle button:hover {
  background-color: #1b5c82;
}

.hidden {
  display: none;
}

@media (max-width: 600px) {
  .wordpress-section-title {
    font-size: 1.6rem;
  }
  .wordpress-tech-grid {
    grid-template-columns: 1fr;
  }
}

#full-wordpress-stack .wordpress-stack-toggle {
  text-align: center;
  grid-column: 1 / -1;
}

.joomla-icon-left {
  color: #0077ff;
  font-size: 1.8rem;
  margin-right: 10px;
  vertical-align: middle;
}

.joomla-tech-section {
  background-color: #f9fafc;
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
}

.joomla-section-title {
  text-align: center;
  color: #101820;
  margin-bottom: 10px;
}

.joomla-section-subtitle {
  text-align: center;
  color: #555;
  margin-bottom: 40px;
  font-size: 1.05rem;
}

.joomla-tech-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  gap: 30px;
}

.joomla-tech-card {
  display: flex;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-left: 6px solid #0077ff;
  border-radius: 10px;
  padding: 20px 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  align-items: flex-start;
  gap: 20px;
  transition: transform 0.2s ease;
}

.joomla-tech-card:hover {
  transform: translateY(-4px);
}

.joomla-tech-icon {
  font-size: 2.2rem;
  color: #0077ff;
  flex-shrink: 0;
  margin-top: 4px;
}

.joomla-tech-content h3 {
  margin: 0 0 8px;
  font-size: 1.2rem;
  color: #101820;
}

.joomla-tech-content p {
  margin: 0;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.5;
}

.joomla-stack-toggle {
  text-align: center;
  margin: 30px 0;
}

.joomla-stack-toggle button {
  background-color: #0077ff;
  color: #fff;
  border: none;
  padding: 12px 25px;
  border-radius: 5px;
  font-size: 1rem;
  cursor: pointer;
}

.joomla-stack-toggle button:hover {
  background-color: #005bbd;
}

.hidden {
  display: none;
}

@media (max-width: 600px) {
  .joomla-section-title {
    font-size: 1.6rem;
  }
  .joomla-tech-grid {
    grid-template-columns: 1fr;
  }
}
.quotetitle {
  text-align: center;
  display: block;
  width: 100%;
  background-color: #c3900d;
  height: 50px;
  border-radius: 10px 10px 0px 0px;
  padding-top: 12px;
  color: white;
  font-weight: bold;
  font-family: Roboto;
  font-size: 20px;
}

#minicontainer {
  background-color: white;
  border-radius: 10px;
  border-bottom: 5px #c3900d solid;
  display: block;
  width: 100%;
}

.website-form-wrapper .rsform {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}

.website-form-wrapper #websiteForm {
  border: 1px solid #a3a5a6;
  border-radius: 10px;
  background-color: #eee;
  display: block;
  width: 900px;
}

.website-form-wrapper .formResponsive input[type="text"],
.website-form-wrapper .formResponsive input[type="url"] {
  margin-bottom: 0px !important;
}

.website-form-wrapper .formResponsive .formHorizontal .formControls {
  margin-left: 19%;
}

.website-form-wrapper .formResponsive .formHorizontal .formControlLabel {
  float: none;
  width: 20%;
  padding-top: 5px;
  text-align: right;
}

.website-form-wrapper .formResponsive {
  margin: 0 0 0px;
}

.website-form-wrapper .formResponsive .formHorizontal p.formDescription {
  margin-top: 0px;
  margin-bottom: 0;
}

.website-form-wrapper .formResponsive .formHorizontal .rsform-block {
  margin-bottom: 0px;
}

.website-form-wrapper #Website {
  border-radius: 10px !important;
  font-size: 20px !important;
  height: 30px !important;
  border: 2px solid #d4d1d1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) !important;
}

.website-form-wrapper #Button {
  background-color: rgba(195, 144, 13, 0.75);
  color: #ffffff;
  border: 2px solid #ffffff;
  cursor: pointer;
  padding: 14px 10px !important;
  font-size: 20px !important;
  border-radius: 10px !important;
  text-shadow: -1px -1px 0 rgba(195, 144, 13, 0.75), 1px -1px 0 rgba(195, 144, 13, 0.75), -1px 1px 0 rgba(195, 144, 13, 0.75), 1px 1px 0 rgba(195, 144, 13, 0.75);
}

.website-form-wrapper #Button:hover {
  background-color: #555873;
  text-shadow: none;
}

.jservices-section {
  padding: 40px 15px;
  max-width: 1300px;
  margin: auto;
}

.jservices-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  justify-content: center;
}

.jservices-col {
  display: flex;
  justify-content: center;
}

.jservices-box {
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  width: 100%;
  max-width: 350px;
}

.jservices-smalltitle {
  font-size: 0.9rem;
  color: #136091;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
}

.jservices-bigtitle {
  font-size: 1.4rem;
  margin-bottom: 15px;
  color: #101820;
  line-height: 1.1;
}

.jservices-imgtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  height: 151px;
}

.jservices-imgtitle img {
  width: 150px;
  height: 151px;
  object-fit: contain;
  display: block;
}

.jservices-homecontent {
  font-size: 16px;
  color: #444;
  line-height: 1.5;
}

.awards {
  display: flex;
  text-align: center;
  margin-top: 10px;
  max-width: 95%;
  justify-content: center;
  margin-bottom: 10px;
}


#brow {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .badge-container {
            flex-basis: 48%;
            margin: 10px 0;
        }
        .tarea {
            width: 100%;
            max-width: 100%;
            height: 140px;
            box-sizing: border-box;
            border: 1px solid #cfd0d2;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        @media only screen and (max-width: 1024px) {
            .badge-container {
                flex-basis: 100%;
            }
        }

/*Box Note*/
.box-note, .box-info, .box-warning, .box-hint, .box-download {
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.2);
    background: #fafafa;
    border-radius: 5px;
}

.tempbox {
    margin-top: 12px;
    margin-right: 20px;
}

.box-content, .box-note, .box-info, .box-warning, .box-hint, .box-download {
margin: 0px 0px 30px 0px;
padding: 30px;
font-size: 16px;
line-height: 26px;
}


.home-feature .sppb-addon-feature .sppb-img-container {
  display: inline-block;
  width:100%;
}

.sppb-column.home-featured-course .sppb-addon-feature .sppb-img-container img {
  height: auto;
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
}

/*Hosting Managed Text*/
#managedblock {margin-top:40px;}
.managedarrow {
background-image: url("/images/left-arrow.png");
background-repeat: no-repeat;
display:block;
width:70px;
height:20px;
float:right;
margin-right:36px;
}
.managed {float:left; font-family:Futura; color:#124b93; font-size:30px; margin-bottom:-10px;}
.managedflex{font-family:Merienda; color:#d50000; font-size:44px;}
.managedplans{font-family:Futura; color:#124b93; font-size:30px; padding-left:25px;}
.managedtext{text-align:right; width:250px; padding-top:20px;line-height: 1.6;}
.tabfontsize {font-size:16px !important;}

.verticalalignment {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*Bonus Hosting Features*/
#imagecontainers {display:block; height:310px; margin-bottom:40px;}
.textcont{padding-top:35px;}
.fphtitles {color:#12498f; font-size:24px; font-weight:normal !important;}

/*Hosting Button*/
.hsbutton {border-style: solid; border-width: 2px; border-color:white; border-radius:10px; background-image: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%); font-size:20px;}

/*Hosting applications*/
.appimage {display: block;  text-align:-moz-center; }

/*Hosting Pricing Table*/
.hoststitle {color:#d7d8d9; text-align:center;}

#plans,#plans ul,#plans ul li {
    margin:0px;
	padding: 0;
	list-style: none;
}

#pricePlans:after {
	content: '';
	display: table;
	clear: both;
}



#pricePlans {
	max-width: 330px;
	margin: 0 auto;
}

#pricePlans #plans .plan {
	background: #fff;
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 10px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

 }
 
 .planContainer .title h2.bestPlanTitle {
font-size: 28px;
line-height: 31px;
background: #cc4e0e; /* Old browsers */
background: -moz-linear-gradient(top,  #cc4e0e 40%, #ffd044 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#cc4e0e), color-stop(100%,#ffd044)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #cc4e0e 40%,#ffd044 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #cc4e0e 40%,#ffd044 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #cc4e0e 40%,#ffd044 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #cc4e0e 40%,#ffd044 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4e0e', endColorstr='#ffd044',GradientType=0 ); /* IE6-9 */
height:100px;
	color: #fff;
	border-radius: 10px 10px 0 0;
}



.plansubtitle {
font-family: 'Lato', sans-serif;
	color: #fff;
	font-size:18px;

}


.planContainer .price p {
	background: #3e4f6a;

	background: -webkit-linear-gradient(top, #475975, #364761);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	height: 2.6em;
	line-height: 2.6em;
	margin: 0 0 1em;

}

/*Hosting Drop Down*/

.select {
    position: relative;
    display: inline-block;
	margin-top:-5px;
    margin-bottom: 15px;
    width: 102%;
	margin-left:-7px;
			
}    .select select {
		width: 102%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 2px solid #cc4e0e;
        border-radius: 5px;
        background: #ffffff;
        color: #000000;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
		height:67px;
		text-align:center;
		font-size:20px;

		
    }

        .select select::-ms-expand {
            display: none;
						
        }
        .select select:hover,
        .select select:focus {
            color: #000000;
            background: #ffffff;

        }
        .select select:disabled {
            opacity: 0;
            pointer-events: none;
        }

.select_arrow {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 7px;
    height: 7px;
    border: solid #cc4e0e;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-color: #ff0000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}

/*End Hosting Drop Down*/

.planContainer .price p.bestPlanPrice {
	background: #f7814d;
}

.planContainer .price p span {
	color: #8394ae;
}

.planContainer .options {
	margin-top: 10em;
}

.planContainer .options li {
	font-weight: 400;
	color: #333333;
	line-height: 2.5;
}

.planContainer .options li span {
	font-weight: 400;
	color: #979797;
}

#eb.is-mobile .eb-post-listing.is-column {
  grid-template-columns: repeat(1,minmax(0,1fr));
}
.eb-entry-author-bio {
  display: flex;
  align-items: center;
}
.o-avatar {
  margin-right: 10px;
}
.col-cell {
  display: flex;
  align-items: center;
}
.eb-entry-author-meta {
  display: none;
}
.eb-entry-author-meta span {
  display: none;
}
#eb .eb-entry-author-meta > span .fa {
  display: none;
}
#eb .eb-entry-author-bio .col-cell {
  padding-top: 0;
}
#eb .eb-authors-head {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  border: 1px #aaa solid;
  margin-bottom: 30px;
}
#eb .eb-authors-head .eb-authors-name {
  margin-top: 19px !important;
  margin-bottom: -26px !important;
  font-weight: 500 !important;
}
body #eb .t-pr--md:not(.no-class) {
  padding-right: 0px !important;
}
.com-content-adminForm .tab-pane .post-formats label, .btn, .sppb-btn, .btn.btn-info:hover, .sppb-btn.btn-info:hover, .btn.sppb-btn-info:hover, .sppb-btn.sppb-btn-info:hover, .btn.btn-info:focus, .sppb-btn.btn-info:focus, .btn.sppb-btn-info:focus, .sppb-btn.sppb-btn-info:focus, .sp-megamenu-parent > li > a::before, body .pagination > li:nth-child(2) a, body .pagination > li:nth-last-child(2) a, .view-article article.item .published-date-wrap .published-date, .educon-notice-board article.item .educon-notice .published-date, .educon-topics-wrapper .common-topics li a:hover::before, .educon-topics-wrapper .common-topics li a:focus::before, .educon-topics-wrapper .sppb-addon-accordion .sppb-panel-default .sppb-panel-heading::before, .event-details-section .sppb-addon-single-image .sppb-addon-title, .splms-readmore.btn-primary, .splms.view-splms-course.course-details .btn.btn-primary, .splms.splms-view-event .splms-event-image .event-date, .event-details-bottom .btn.btn-primary, #sp-top-bar, .view-registration #sp-main-body, .view-login #sp-main-body, article.item .content-wrap .published-date, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, .view-splms-quiz-list .quiz-item-wrapper .quiz-description .btn.btn-primary, .view-quizquestion .splms.view-splms-quiz .btn.btn-primary, .view-quizquestion .splms.view-splms-quiz .btn.btn-default, .splms.splms-view-events .splms-event-details .btn.btn-primary, .scrollup, .splms-course-categories .splms-row.splms-course-category-wrapper .splms-course-category .splms-coursescategory-wrapper:hover, .mod-splms-course-categoies .lms-single-category:hover, .search .page-title, .view-category .page-header, .border-heading-style.sppb-addon-text-block .sppb-addon-title::before, .border-heading-style.sppb-addon-header .sppb-addon-title::before, .carousel-controller.splms-course-carousel .splms-course-title::before, .addon-splms-courses .splms-course-title::before, .owl-carousel .owl-controls .owl-dots .owl-dot.active span, .educon-latest-news-wrap .educon-latest-news .sppb-addon-title, .sppb-addon-tweet .sppb-tweet-slider .sppb-carousel-indicators li::before, .speasyimagegallery-albums .speasyimagegallery-album:hover .speasyimagegallery-album-info {
  background: #313131;
}
img[src="https://platform-cdn.sharethis.com/img/arrow_left.svg"] {
    width: 24px;
    height: 24px;
}
#proscons {
  display: flex;
flex-wrap: wrap;
}
.Pros {
  float: left;
  flex: 50%;
}
.Cons {
  float: left;
  flex: 50%;
}

#sppb-addon-1658863159503 {
  max-height: 100px;
}

.optheaders {font-size:20px !important; font-weight:bold !important; margin-top:0px; margin-bottom:10px; padding-left:12px;}
a.linkunderline {text-decoration:underline !important;}
.center {text-align: center; display: flex; justify-content: center; align-items: center;}
#sp-menu {height:auto margin-top: -15px;}
@media (max-width: 768px) {
  #sp-header {
    height: 75px !important;
  }
}
#sp-header {
    height: auto;
-webkit-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.75);
}
.sppb-carousel-extended-item img {
	height: auto;
}
.splms.splms-view-events .event-date-wrape .event-date:before,
.sppb-addon-gallery ul.sppb-gallery>li a:after,
.speasyimagegallery-gallery .speasyimagegallery-gallery-item>div:after {
  display:none;
}
.sppb-carousel-extended-heading {
  display: none;
}
#osmap {
  margin-top: -50px;
}
#osmap-menu-uid-mainmenu {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 25px;
}
.hand {
  font-size: 50px;
  line-height: 70px;
}
blockquote {
  border-color: #3f51b5 !important;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
    border-left-color: rgb(238, 238, 238);
}
.home-feature .sppb-addon-feature .sppb-img-container img {
  width: 100%;
}
#osmap-menu-uid-mainmenu,
#osmap-menu-uid-resources,
#osmap-menu-uid-locations,
#osmap-menu-uid-cms-migrations,
#osmap-menu-uid-support-access,
#osmap-menu-uid-account-access,
#osmap-menu-uid-portfolio,
#osmap-menu-uid-legal-policies {
  font-size: 30px;
  font-weight: bold;
  margin: 25px 0;
}
@media screen and (max-width: 1024px) {.mobileconnect {margin-bottom:40px !important;}}
@media screen and (max-width: 1024px) {.mobilearticles {margin-bottom:40px !important;}}
@media screen and (max-width: 1024px) {.formSpan5 {width:45% !important;}}
@media screen and (max-width: 1024px) {.formSpan4 {display:none !important;}}
@media screen and (max-width: 1024px) {.formSpan3 {width:45% !important;}}
@media screen and (max-width: 1024px) {.formSpan5 {width:100% !important;}}
@media screen and (max-width: 1024px) {.formSpan4 {display:none !important;}}
@media screen and (max-width: 1024px) {.formSpan3 {width:100% !important;}}
@media screen and (min-width: 1024px) {.mobileOnly {display:none !important;}}
@media screen and (min-width: 1024px) {.hideontablet {display:none !important;}}
@media screen and (min-width: 1024px) {.hidden-phone {display: none !important;}}
@media screen and (min-width: 1024px) {.hidedesktop {display:none !important;}}
#hostbutton {  background-image: url("/images/hostbutton.png");
background-repeat: no-repeat;
display:block;
width:224px;
height:41px;
margin: auto;
color:white;
font-weight:bold;
margin-top:30px;
font-size:18px;
padding: 12px 0;
border:none;
background-color:#ffffff;
}
#hostbutton:hover { text-decoration:underline;}
.sp-page-builder .page-content #section-id-1658862145391 .sppb-btn.sppb-btn-custom {
  background-color: #ffde11;
  color: #000;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
}
.sp-page-builder .page-content #section-id-1658862145391 .sppb-btn.sppb-btn-custom:hover {
  background-color: #000;
  color: #ffde11;
}
.hostbuttonsmall {
    font-size: 1.2em !important;
    padding: 10px 20px !important;
}

/*Website Entry Form Mobile Adjustments*/
/* Optional container centering on all screens */
#websiteForm .formContainer {
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Add padding only on mobile */
@media (max-width: 768px) {
  #websiteForm .formContainer {
    padding: 0px 12px;
  }
}

/* Force full-width stacking on small screens */
@media (max-width: 768px) {
  /* Remove horizontal grid */
  #rsform_11_page_0 .formRow {
    display: block !important;
  }

  #rsform_11_page_0 .formSpan6 {
    width: 100% !important;
    float: none !important;
  }

  /* Hide labels (they're empty placeholders) */
  #rsform_11_page_0 .formControlLabel {
    display: none !important;
  }

  /* Controls and wrappers become full width */
  #rsform_11_page_0 .formControls,
  #rsform_11_page_0 .formBody {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* Input: full width, fixed height, centered */
  #rsform_11_page_0 .rsform-input-box {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 15px auto 8px auto !important; /* top 15px, bottom 8px */
    box-sizing: border-box;
    height: 50px !important;
  }

  /* Button: full width, wrap text, proper spacing */
  #rsform_11_page_0 .rsform-button {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    margin-top: 0 !important;
 
    box-sizing: border-box;
  }
}

/* Tablet portrait only */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  #rsform_11_page_0 .formControls,
  #rsform_11_page_0 .formBody {
    width: 90% !important;
    max-width: none !important;
    float: none !important;
    margin: 10px auto !important;
  }
}

/*CMS Migration Page*/
.cmspage-container {
  margin:0 auto;
  padding:0px 20px;
  font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;
  color:#0b2540;
  font-size:16px;
  line-height:24px;
}
.cmspage-eyebrow {
  font-size:14px; /* keep small */
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
  color:#4e6a86;
}
.cmspage-h1 {
  font-size:38px;
  line-height:1.15;
  margin:0 0 12px;
}
.cmspage-sub {
  font-size:18px;
  line-height:1.5;
  color:#28445d;
  margin:0 0 24px;
}
.cmspage-cta-row {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:32px;
}
.cmspage-btn {
  display:inline-block;
  padding:12px 18px;
  border-radius:10px;
  border:1px solid #c9d7e6;
  text-decoration:none;
  font-weight:600;
  font-size:16px;
  line-height:24px;
}
.cmspage-btn.primary {
  background:#0b2540;
  color:#fff;
  border-color:#0b2540;
}
.cmspage-btn.secondary {
  background:#f4f7fb;
  color:#0b2540;
}
.cmspage-btn.secondary:hover,
.cmspage-btn.primary:hover {
  background:#0b2540;
  color:#fff;
  border-color:#0b2540;
}
.cmspage-meta {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#4e6a86;
  font-size:16px; /* was 14px */
  line-height:24px;
  margin-bottom:40px;
}
.cmspage-badges {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
  margin:0 0 40px;
}
.cmspage-badge {
  border:1px solid #d7e7f7;
  background:#f9fbfe;
  border-radius:12px;
  padding:14px;
  text-align:center;
  font-weight:600;
  font-size:16px;
  line-height:24px;
}
.cmspage-section {margin:40px 0}
.cmspage-h2 {
  font-size:28px;
  margin:0 0 14px;
}
.cmspage-lead {
  font-size:16px;
  color:#2a4761;
  margin:0 0 18px;
  line-height:24px;
}
.cmspage-grid-3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.cmspage-grid-2 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.cmspage-card {
  border:1px solid #d7e7f7;
  border-radius:14px;
  background:#fff;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:16px;
  line-height:24px;
}
.cmspage-card h3 {
  margin:0 0 8px;
  font-size:18px;
  display:flex;
  align-items:center;
  gap:8px;
}
.cmspage-card h3 i {
  color:#0b2540;
  font-size:18px;
}
.cmspage-card p {
  margin:0 0 8px;
  font-size:16px; /* was 15px */
  line-height:24px;
}
.cmspage-list {margin:0;padding-left:18px}
.cmspage-list li {margin:6px 0}
.cmspage-steps {
  counter-reset:step;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.cmspage-step {
  border:1px solid #d7e7f7;
  border-radius:14px;
  background:#fff;
  padding:18px;
  font-size:16px;
  line-height:24px;
}
.cmspage-step::before {
  counter-increment:step;
  content:counter(step);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:#0b2540;
  color:#fff;
  font-weight:700;
  margin-bottom:10px;
}
.cmspage-step h3 {
  margin:2px 0 8px;
  font-size:18px;
}
.cmspage-step p {
  margin:0;
  font-size:16px; /* was 15px */
  line-height:24px;
}
.cmspage-kv {
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:16px;
}
.cmspage-kv .cmspage-card ul {margin:0;padding-left:18px}
.cmspage-kv .cmspage-card li {margin:6px 0}
.cmspage-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #d7e7f7;
  border-radius:12px;
  overflow:hidden;
  font-size:16px; /* was 15px */
  line-height:24px;
}
.cmspage-table th,
.cmspage-table td {
  padding:12px 14px;
  border-bottom:1px solid #e7eef6;
  text-align:left;
  vertical-align:top;
}
.cmspage-table th {
  background:#f4f7fb;
  font-weight:700;
}
.cmspage-table tr:last-child td {border-bottom:0}
.cmspage-note {
  font-size:16px; /* was 14px */
  color:#4e6a86;
  margin-top:8px;
  line-height:24px;
}
.cmspage-hr {
  height:1px;
  background:#e0e8f2;
  border:0;
  margin:24px 0;
}
.cmspage-cta-banner {
  border:1px solid #bdd5ee;
  background:#edf5ff;
  border-radius:16px;
  padding:18px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:16px;
  line-height:24px;
}
.cmspage-cta-banner h3 {
  margin:0;
  font-size:20px;
}
.cmspage-cta-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
@media (max-width:1024px){
  .cmspage-steps{grid-template-columns:repeat(2,1fr)}
  .cmspage-grid-3{grid-template-columns:repeat(2,1fr)}
  .cmspage-kv{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cmspage-steps{grid-template-columns:1fr}
  .cmspage-grid-3{grid-template-columns:1fr}
  .cmspage-grid-2{grid-template-columns:1fr}
  .cmspage-h1{font-size:30px}
}

.picleft {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 30px;

}

/* Hide the empty header row inside each item (removes extra vertical space) */
.menuarticles .mod-item .eb-mod-head {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove margins/padding on the item wrapper */
.menuarticles .eb-mod .mod-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove margins on the title wrapper */
.menuarticles .mod-item .eb-mod-title {
  margin: 0 !important;
  padding: 0 !important;
}

/* Get specific: tighten the LINK itself */
.menuarticles .mod-item .eb-mod-title > a.eb-mod-media-title {
  display: block;
  line-height: 1.2 !important;     /* tighter line height */
  padding: 2px 0 !important;        /* minimal vertical padding */
  margin: 0 !important;             /* no extra margin */
}

/* Control the gap between consecutive links explicitly */
.menuarticles .eb-mod .mod-item + .mod-item .eb-mod-title > a.eb-mod-media-title {
  margin-top: 15px !important;       /* adjust to taste (2–6px) */
}

/* ====== Nationwide Services Page (Enhanced) ====== */
.nw-wrap {
  --ink: #0b2540;
  --sub: #28445d;
  --muted: #4e6a86;
  --accent: #9a9d70; /* Olive-gold */
  --accent-light: #b3b68e; /* Lighter accent for hover effects */
  --bg: #f5f8fc;
  --card: #ffffff;
  --line: #d7e7f7;
  --cta: #1f6feb;
  --cta-hover: #1657d1;
  --cta-ink: #ffffff;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.12);
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Inter', 'Segoe UI', Helvetica, Arial, sans-serif;
  color: var(--ink);
  position: relative;
  font-size: 16px;
  line-height: 24px;
}

/* Eyebrow */
.nw-eyebrow {
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 12px;
  font-weight: 500;
}

/* Heading */
.nw-h1 {
  font-size: 48px;
  line-height: 1.15;
  margin: 0;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Subheading */
.nw-sub {
  font-size: 20px;
  line-height: 1.5;
  color: var(--sub);
  margin: 16px 0 32px;
  max-width: 800px;
}

/* CTA buttons */
.nw-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 24px 0 32px;
}

.nw-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  transform: translateY(0);
  font-size: 16px;
  line-height: 24px;
}

.nw-btn.primary {
  background: var(--cta);
  color: var(--cta-ink);
  box-shadow: var(--shadow);
}

.nw-btn.primary:hover {
  background: var(--cta-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}

.nw-btn.secondary {
  background: #eef3fb;
  color: var(--ink);
  border-color: var(--line);
}

.nw-btn.secondary:hover {
  background: #e4ecfb;
  transform: translateY(-2px);
  border-color: var(--cta);
}

/* Sticky CTA */
.nw-sticky-cta {
  position: sticky;
  top: 20px;
  z-index: 10;
  display: none;
  justify-content: flex-end;
  padding: 10px 0;
}

.nw-sticky-cta .nw-btn {
  padding: 10px 20px;
  font-size: 14px;
}

@media (max-width: 768px) {
  .nw-sticky-cta {
    display: flex;
  }
}

/* Trust stats */
.nw-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 24px 0 40px;
}

.nw-stat {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: var(--shadow);
}

.nw-stat:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

.nw-stat i {
  color: var(--accent);
  font-size: 24px;
}

.nw-stat b {
  display: block;
  font-size: 20px;
  font-weight: 700;
}

.nw-stat span {
  font-size: 16px; /* updated */
  line-height: 24px;
  color: var(--sub);
}

/* Services grid */
.nw-services {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow);
  margin: 40px 0;
}

.nw-services h2 {
  margin: 0 0 20px;
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-services .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 20px 32px;
}

.nw-svc {
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: start;
  column-gap: 12px;
  row-gap: 6px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--line);
  transition: background 0.3s ease;
}

.nw-svc:hover {
  background: #f9fbff;
}

.nw-svc:last-child {
  border-bottom: none;
}

.nw-svc i {
  font-size: 20px;
  color: var(--accent);
  margin-top: 4px;
}

.nw-svc a {
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  transition: color 0.3s ease;
}

.nw-svc a:hover {
  color: var(--cta);
  text-decoration: underline;
}

.nw-svc p {
  margin: 0;
  color: var(--sub);
  font-size: 16px; /* updated */
  line-height: 24px;
}

/* Value props */
.nw-why {
  margin: 48px 0;
}

.nw-why h2 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-why .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.nw-why .card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nw-why .card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

.nw-why .card i {
  color: var(--accent);
  margin-right: 8px;
  font-size: 20px;
}

.nw-why .card b {
  font-size: 18px;
  font-weight: 700;
}

/* Process */
.nw-process {
  margin: 48px 0;
}

.nw-process h2 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.nw-step {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nw-step:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

.nw-step .stephead {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.nw-step .stephead i {
  color: var(--accent);
  font-size: 20px;
}

.nw-step .stephead b {
  font-size: 18px;
}

/* Industries */
.nw-industries {
  margin: 48px 0;
}

.nw-industries h2 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.nw-tag {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px; /* keep small pill */
  transition: background 0.3s ease, color 0.3s ease;
}

.nw-tag:hover {
  background: var(--accent-light);
  color: var(--ink);
}

/* Coverage + cities */
.nw-coverage {
  margin: 48px 0;
}

.nw-coverage h2 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-coverage p {
  margin: 0 0 20px;
  color: var(--sub);
  font-size: 16px;
  line-height: 24px;
  max-width: 800px;
}

.nw-citylist {
  column-width: 240px;
  column-gap: 32px;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
}

.nw-citylist span {
  display: block;
  padding: 8px 8px 8px 0;
  border-bottom: 1px dashed var(--line);
  font-size: 16px; /* updated */
  line-height: 24px;
  transition: color 0.3s ease;
}

.nw-citylist span:hover {
  color: var(--cta);
}

.nw-citylist span:last-child {
  border-bottom: none;
}

/* FAQ */
.nw-faq {
  margin: 48px 0;
}

.nw-faq h2 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-faq details {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 12px;
  padding: 16px 20px;
  margin: 12px 0;
  box-shadow: var(--shadow);
  transition: box-shadow 0.3s ease;
}

.nw-faq details[open] {
  box-shadow: var(--shadow-hover);
}

.nw-faq summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nw-faq summary::after {
  content: '\f078'; /* Font Awesome chevron-down */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: var(--accent);
  transition: transform 0.3s ease;
}

.nw-faq details[open] summary::after {
  transform: rotate(180deg);
}

.nw-faq summary::-webkit-details-marker {
  display: none;
}

.nw-faq div {
  margin-top: 12px;
  font-size: 16px; /* updated */
  line-height: 24px;
  color: var(--sub);
}

/* Bottom CTA band */
.nw-band {
  margin: 48px 0 20px;
  background: linear-gradient(135deg, #e8f0ff 0%, #f5f8fc 100%);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 32px;
  box-shadow: var(--shadow);
  text-align: left;
}

.nw-band h3 {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(90deg, var(--ink), var(--sub));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nw-band .nw-sub {
  margin: 0 0 24px;
}

.nw-legal {
  font-size: 14px; /* keep small legal text */
  color: var(--muted);
  margin-top: 20px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .nw-h1 {
    font-size: 36px;
  }
  .nw-sub {
    font-size: 18px;
  }
  .nw-services h2,
  .nw-why h2,
  .nw-process h2,
  .nw-industries h2,
  .nw-coverage h2,
  .nw-faq h2 {
    font-size: 24px;
  }
  .nw-services .grid {
    grid-template-columns: 1fr;
  }
  .nw-stats {
    grid-template-columns: 1fr;
  }
  .nw-why .cards {
    grid-template-columns: 1fr;
  }
  .nw-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .nw-h1 {
    font-size: 30px;
  }
  .nw-btn {
    padding: 10px 18px;
    font-size: 14px;
  }
  .nw-stat {
    padding: 16px;
  }
}


#sppb-addon-1544529025629 .sppb-icons-group-list {
    display: block;
    text-align: center;
    margin-bottom:0px !important;
	color: #3979ff;
}

#sppb-addon-1544529025629 .sppb-icons-group-list li {
    padding: 0 15px;
}

@media (max-width: 990px) {
    #sppb-addon-1544529025629 .sppb-icons-group-list li {
        padding: 0;
    }
}
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256291 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256292 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256293 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256294 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256295 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256296 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256297 a,
#sppb-addon-1544529025629 .sppb-icons-group-list li#icon-15445290256298 a {
    background-color: none !important;
    border-color: none !important;
    border-style: none !important;
}

/* Mobile App Page */
.mobapp-wrap {
  max-width:1200px;
  margin:0 auto;
  padding:10px 15px;
  font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;
  color:#0b2540;
  font-size:16px;
  line-height:24px;
}
.mobapp-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}
/* Force iPad (both orientations) to 2-up. Covers 768, 1024, 1366 logical widths. */
@media (max-width:1366px){
  .mobapp-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
/* Phones only: 1-up */
@media (max-width:599px){
  .mobapp-grid{grid-template-columns:1fr !important}
}

.mobapp-card {
  background:#fff;
  border:1px solid #e2ecf7;
  border-radius:18px;
  box-shadow:0 3px 14px rgba(18,56,100,.08);
  padding:22px;
  text-align:center;
  font-size:16px;
  line-height:24px;
}
.mobapp-small {
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#4e6a86;
  margin-bottom:4px;
}
.mobapp-big {
  font-size:22px;
  line-height:1.25;
  color:#1976c5;
  margin:0 0 14px;
}
.mobapp-img {
  width:120px;
  height:120px;
  border-radius:50%;
  margin:0 auto 14px;
  background:#f4f7fb;
  border:6px solid #eef3fb;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mobapp-img img {
  max-width:82%;
  height:auto;
  border-radius:50%;
}
.mobapp-text {
  font-size:16px; /* was 15px */
  line-height:24px; /* was 1.65 */
  color:#28445d;
  margin:0;
}


/*ecommerce store page*/
/* Container + base */
#store-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 48px 32px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1e293b;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  font-size: 16px;
  line-height: 24px;
}
.store-eyebrow {
  font-size: 16px; /* was 15px */
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 16px;
}
.store-h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 16px;
  background: linear-gradient(90deg, #1e293b 0%, #475569 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.store-sub {
  font-size: 20px;
  line-height: 30px;
  color: #475569;
  margin: 0 0 24px;
}
.store-hr {
  height: 2px;
  background: linear-gradient(90deg, #e2e8f0 0%, #d1dae6 100%);
  margin: 40px 0;
}
.store-small {
  font-size: 16px; /* was 15px */
  color: #475569;
  line-height: 24px;
}
.store-note {
  font-size: 16px; /* was 15px */
  color: #475569;
  margin-top: 28px;
}

/* CTA buttons (top and bottom) */
.store-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 20px;
}
.store-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 14px 24px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.store-btn-primary {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}
.store-btn-primary:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.store-btn-ghost {
  background: transparent;
  border-color: #d1dae6;
  color: #2563eb;
}
.store-btn-ghost:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
  transform: translateY(-2px);
}
.store-btn:hover {
  color: #ffffff;
}

/* Badges and pills */
.store-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 0;
}
.store-badge {
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 8px 16px;
  color: #1e293b;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.store-badge:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.store-badge i {
  font-size: 18px;
  color: #2563eb;
}

/* Cards + grids */
.store-section {
  margin: 56px 0;
}
.store-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 20px;
  color: #1e293b;
}
.store-section p {
  margin: 0 0 24px;
  color: #475569;
  font-size: 16px;
  line-height: 24px;
}
.store-grid {
  display: grid;
  gap: 24px;
}
.store-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.store-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.store-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.store-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 24px;
}
.store-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.store-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1e293b;
}
.store-card p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 24px;
}
.store-card ul {
  margin: 0;
  padding-left: 20px;
}
.store-card li {
  margin: 10px 0;
  font-size: 16px; /* was 15px */
  line-height: 24px;
}
.store-kicker {
  font-weight: 700;
  color: #2563eb;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 24px;
}

/* Steps timeline */
.store-steps {
  position: relative;
  margin: 20px 0 0;
}
.store-step {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 20px;
  align-items: start;
  margin: 0 0 28px;
}
.store-step .store-step-dot {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border: 1px solid #bfdbfe;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}
.store-step .store-step-dot i {
  font-size: 20px;
  color: #2563eb;
}
.store-step .store-step-body h4 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
}
.store-step .store-step-body p {
  margin: 0;
  color: #475569;
  font-size: 16px; /* was 15px */
  line-height: 24px;
}
.store-steps:before {
  content: "";
  position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #e2e8f0 0%, #bfdbfe 100%);
}

/* Feature list with icons */
.store-feature {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
}
.store-feature i {
  font-size: 22px;
  color: #2563eb;
  margin-top: 2px;
}

/* CMS Tabs */
.store-tabs {
  margin-top: 20px;
}
.store-tabs input {
  display: none;
}
.store-tabbar {
  display: flex;
  gap: 10px;
  border-bottom: 2px solid #e2e8f0;
}
.store-tabbar label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  background: #f1f5f9;
  color: #2563eb;
  border: 1px solid #e2e8f0;
  border-bottom-color: transparent;
  border-radius: 12px 12px 0 0;
  transition: all 0.3s ease;
}
.store-tabbar label:hover {
  background: #dbeafe;
  color: #1e40af;
}
.store-tabcontent {
  border: 1px solid #e2e8f0;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 28px;
  margin-top: -2px;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  display: none;
  font-size: 16px;
  line-height: 24px;
}
#store-tab-joomla:checked + label,
#store-tab-wordpress:checked + label,
#store-tab-magento:checked + label {
  background: #ffffff;
  border-color: #2563eb;
  border-bottom-color: #ffffff;
  color: #1e293b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#store-tab-joomla:checked ~ #store-content-joomla,
#store-tab-wordpress:checked ~ #store-content-wordpress,
#store-tab-magento:checked ~ #store-content-magento {
  display: block;
}

/* Responsive: 3 desktop / 2 tablet / 1 mobile */
@media (max-width: 1024px) {
  .store-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .store-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .store-h1 {
    font-size: 40px;
  }
  .store-section h2 {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .store-grid-3,
  .store-grid-4,
  .store-grid-2 {
    grid-template-columns: 1fr;
  }
  .store-step {
    grid-template-columns: 48px 1fr;
  }
  .store-step .store-step-dot {
    width: 48px;
    height: 48px;
  }
  .store-steps:before {
    left: 24px;
  }
  .store-h1 {
    font-size: 34px;
  }
  .store-section h2 {
    font-size: 26px;
  }
  #store-container {
    padding: 24px 16px;
  }
}


/*Digital Marketing Page Logos*/
.bmlogos-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1600px; /* Adjust as needed */
    overflow: hidden;
    margin: 0 auto;
}

.bmlogos-item {
    position: relative;
    flex: 1;
    margin: 0 5px; /* Adjust the spacing between logos */
}

.bmlogos-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s;
}

.bmlogos-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0; /* Hide colored logos by default */
    z-index: 1;
}

.bmlogos-item:hover .bmlogos-color {
    opacity: 1; /* Show colored logo on hover */
}

.bmlogos-item:hover .bmlogos-gray {
    opacity: 0; /* Hide grayscale logo on hover */
}

/*Digital Marketing Services*/
#bm, .bm {font-family: Inter, Segoe UI, Helvetica, Arial, sans-serif; color:#0b2540}
#bm .wrap{max-width:960px;margin:0 auto;padding:8px 18px}
#bm .section{padding:22px 20px;border:1px solid #d7e7f7;border-radius:14px;background:#fff}
#bm .section + .section{margin-top:18px}
#bm .head{display:flex;gap:16px;align-items:flex-start}
#bm .icon{width:80px;height:80px;flex:0 0 80px;object-fit:contain}
#bm .title{margin:0 0 6px;font-size:24px;line-height:1.2}
#bm .title a{color:#06c2f2;text-decoration:none}
#bm .intro{font-size:16px;line-height:1.7}
#bm .more{margin-top:10px;border-top:1px solid #e9f3ff;padding-top:10px}
#bm details{background:#f9fcff;border:1px solid #e7f1fb;border-radius:10px;padding:10px 12px}
#bm details summary{cursor:pointer;list-style:none;font-weight:600}
#bm details summary::-webkit-details-marker{display:none}
#bm details[open]{background:#f6fbff}
#bm .content{font-size:16px;line-height:24px;margin-top:10px}
#bm .content h2,#bm .content h3{font-size:18px;margin:14px 0 6px}
#bm .content ul,#bm .content ol{margin:0 0 0 18px}

/*Footer Call To Action*/
.footercta {
  background:#f4f8fc;
  border-top:1px solid #d7e7f7;
  padding:60px 20px;
  text-align:center;
  margin-top:60px;
}
.footercta h2 {
  font-size:30px;
  margin-bottom:16px;
  color:#0b2540;
}
.footercta p {
  font-size:18px;
  color:#28445d;
  margin-bottom:28px;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.6;
}
.footercta .cmspage-btn {
  display:inline-block;
  padding:12px 28px;
  margin:0 8px;
  border-radius:6px;
  font-size:16px;
  text-decoration:none;
  transition:all .3s ease;
}
.footercta .cmspage-btn.primary {
  background:#0b2540;
  color:#fff;
}
.footercta .cmspage-btn.primary:hover {
  background:#142f54;
}
.footercta .cmspage-btn.secondary {
  background:#fff;
  border:1px solid #0b2540;
  color:#0b2540;
}
.footercta .cmspage-btn.secondary:hover {
  background:#0b2540;
  color:#fff;
}

/*Orange Button*/
.btn.btn-default, .btn.sppb-btn-default, .sppb-btn.btn-default, .sppb-btn.sppb-btn-default {background-color: #c3900d !important; border: 1px solid #fff; border-radius:5px; color: #fff;}
.btn.btn-default, .btn.sppb-btn-default, .sppb-btn.btn-default, .sppb-btn.sppb-btn-default:hover {background-color: grey !important; border: 1px solid #fff; border-radius:5px; color: #fff;}

/*Standard Button Hover Orange*/
.com-content-adminForm .tab-pane .post-formats label:hover, .com-content-adminForm .tab-pane .post-formats label.active, .btn:hover, .sppb-btn:hover, .btn:focus, .sppb-btn:focus, .btn.btn-default:hover, .sppb-btn.btn-default:hover, .btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:hover, .btn.btn-default:focus, .sppb-btn.btn-default:focus, .btn.sppb-btn-default:focus, .sppb-btn.sppb-btn-default:focus, .pager li > a:hover, .pager li > a:focus, .pager li > span:hover, .pager li > span:focus, body .pagination > li.active > a, body .pagination > li > a:hover, body .pagination > li > a:focus, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .view-article .sppb-addon-button-group .sppb-btn.sppb-btn-info, .educon-notice-board article.item:hover .educon-notice .published-date, .educon-notice-board article.item:hover .educon-notice a.btn.btn-primary, .event-callto-action .sppb-addon.sppb-addon-cta .sppb-btn.sppb-btn-default, .course-callto-action .sppb-addon.sppb-addon-cta .sppb-btn.sppb-btn-default, .splms-readmore.btn-primary:hover, .splms-readmore.btn-primary:focus, .splms.view-splms-course.course-details .btn.btn-primary:hover, .splms.view-splms-course.course-details .btn.btn-primary:focus, .event-details-bottom .btn.btn-primary:hover, .event-details-bottom .btn.btn-primary:focus, .splms.splms-view-events .splms-event-details .btn.btn-primary:hover, .splms.splms-view-events .splms-event-details .btn.btn-primary:focus, .home-callto-action2 .sppb-addon-cta .sppb-btn:hover, .home-callto-action2 .sppb-addon-cta .sppb-btn:focus, .sppb-addon-button-group.lms-categories-button .sppb-btn-default.sppb-btn-lg:hover, .sppb-addon-button-group.lms-categories-button .sppb-btn-default.sppb-btn-lg:focus {
    background: #c3900d;}
	
/*Support Pricing Tables*/	
	
/*Bulk Development Time Tables*/

.snip1214 {

  color: #304357;
  text-align: center;
  font-size: 20px;
  width: 100%;


}
.snip1214 .plan {
  margin: 0;
  
  position: relative;
  float: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.snip1214 .plan2 {
  margin: 0;
  
  position: relative;
  float: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.snip1214 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1214 header {
  position: relative;
}
.snip1214 .plan-title {
  position: relative;
  top: 0;
  font-weight: 800;
  padding: 5px 15px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  display: inline-block;
  background-color: #222f3d;
  color: #ffffff;
  text-transform: uppercase;
}

.snip1214 .plan-title2 {

    position: relative;
    top: 0;
    font-weight: 800;
    padding: 5px 15px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-color:#222f3d;
color:

    #ffffff;
    text-transform: uppercase;
    font-size: 24px;

}

.snip1214 .plan-cost {
  padding: 0px 10px 20px;
}
.snip1214 .plan-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 800;
  font-size: 2.4em;
  color: #34495e;
}
.snip1214 .plan-type {
  opacity: 0.6;
}

.snip1214 .plan-sub {
margin-top:-20px;
margin-bottom:20px;
font-size:16px;
}

.crossline {text-decoration:line-through; }

.snip1214 .plan-features {
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: outside none none;
  font-size: 0.8em;
}

.snip1214 .plan-features a {
  
  color: #faa41c;
  text-decoration: underline;

}

.snip1214 .plan-features a:hover {
  
  color: #ffffff;
  text-decoration: none;
}

.snip1214 .plan-features li {
  border-top: 1px solid #d2d7e2;
  padding: 10px 5%;
}
.snip1214 .plan-features li:nth-child(even) {
  background: rgba(0, 0, 0, 0.08);
}
.snip1214 .plan-features i {
  margin-right: 8px;
  opacity: 0.4;
}

.snip1214 .plan-features1 {
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: outside none none;
  font-size: 0.8em;
}

.snip1214 .plan-features1 a {
  
  color: #304357;
  text-decoration: underline;

}

.snip1214 .plan-features1 a:hover {
  
  color: #faa41c;
  text-decoration: none;
}

.snip1214 .plan-features1 li {
  border-top: 1px solid #d2d7e2;
  padding: 10px 5%;
}
.snip1214 .plan-features1 li:nth-child(even) {
  background: rgba(0, 0, 0, 0.08);
}
.snip1214 .plan-features1 i {
  margin-right: 8px;
  opacity: 0.4;
}

.snip1214 .plan-select {
  border-top: 1px solid #d2d7e2;
  padding: 10px 10px 0;
}
.snip1214 .plan-select a {
  background-color: #222f3d;
  color: #ffffff;
  text-decoration: none;
  padding: 0.5em 1em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
}
.snip1214 .plan-select a:hover {
  background-color: #46627f;
}
.snip1214 .featured {
  margin-top: -10px;
  background-color: #34495e;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.snip1214 .featured .plan-title,
.snip1214 .featured .plan-price {
  color: #ffffff;
}
.snip1214 .featured .plan-cost {
  padding: 10px 10px 20px;
}
.snip1214 .featured .plan-features li {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.snip1214 .featured .plan-select {
  padding: 20px 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/* =========================
   Website Support Services
   Namespace: wbsupport
   ========================= */
.wbsupport{
  --bg:#ffffff;--ink:#0b2540;--muted:#4e6a86;--sub:#28445d;--line:#e7eef6;
  --brand:#2062a5;--brand-2:#1a4f84;--accent:#c3900d;--accent-2:#a87907;
  --card:#f9fbff;
  font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)
}
.wbsupport a{color:var(--brand);text-decoration:none}
.wbsupport .wrap{max-width:1200px;margin:0 auto;padding:28px 20px}
.wbsupport h1{font-size:42px;line-height:1.15;margin:0 0 10px}
.wbsupport h2{font-size:30px;margin:0 0 20px; font-weight: bold;}
.wbsupport h3{font-size:20px;margin:30px 0 30px; color: var(--brand);font-weight: 700;}
.wbsupport p{font-size:17px;line-height:1.6;color:var(--sub);margin:0 0 14px}
.wbsupport .eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}

/* Hero (KEEPING AS-IS) */
.wbsupport .hero{padding:38px 0 14px;border-bottom:1px solid var(--line)}
.wbsupport .hero .lead{font-size:19px;color:var(--sub)}
.wbsupport .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.wbsupport .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;border-radius:10px;border:1px solid transparent;
  font-weight:600;font-size:16px;transition:.2s ease;box-shadow:0 0 0 rgba(0,0,0,0)
}
.wbsupport .btn i{font-size:18px}
.wbsupport .btn.primary{background:var(--brand);color:#fff}
.wbsupport .btn.primary:hover{background:var(--brand-2);transform:translateY(-1px);box-shadow:0 6px 14px rgba(26,79,132,.18)}
.wbsupport .btn.accent{background:var(--accent);color:#fff}
.wbsupport .btn.accent:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 6px 14px rgba(195,144,13,.22)}
.wbsupport .btn.ghost{background:#fff;border-color:var(--brand);color:var(--brand)}
.wbsupport .btn.ghost:hover{background:#f0f6ff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(26,79,132,.12)}

/* Sections */
.wbsupport .section{padding:32px 0}
.wbsupport .stripe{background:#f7f7f7; border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Grids */
.wbsupport .grid{display:grid;gap:18px}
.wbsupport .cols-3{grid-template-columns:repeat(3,1fr)}
.wbsupport .cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width: 990px){.wbsupport .cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 680px){
  .wbsupport .cols-3,.wbsupport .cols-2{grid-template-columns:1fr}
  .wbsupport .cta-row{flex-direction:column;align-items:stretch}
}

/* Cards / items */
.wbsupport .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.wbsupport .sub{font-size:14px;color:var(--muted);margin-bottom:8px}
.wbsupport .svc{display:flex;gap:12px;align-items:flex-start;background:#f7f7f7 ;border:1px solid var(--line);border-radius:12px;padding:14px}
.wbsupport .svc i{min-width:22px;margin-top:2px;color:var(--brand)}
.wbsupport ul.clean{list-style:none;margin:0;padding:0}
.wbsupport ul.clean li{padding:8px 0;border-bottom:1px dashed var(--line)}
.wbsupport ul.clean li:last-child{border-bottom:none}
.wbsupport .note{font-size:14px;color:var(--muted)}

/* Pricing */
.wbsupport .pricing .price{font-size:34px;font-weight:800;color:var(--ink)}
.wbsupport .pricing .per{font-size:14px;color:var(--muted)}
.wbsupport .pricing .features li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.wbsupport .pricing .features a{font-weight:600;white-space:nowrap}

/* Section headings spacing */
.wbsupport .block{margin-top:8px}
.wbsupport .block + .block{margin-top:16px}

/* Final CTA */
.wbsupport .final .card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

/*Top Page Call To Actions*/


/*Website Development Page*/
#wpdev{--ink:#0b2540;--muted:#4e6a86;--card:#ffffff;--accent:#0a66c2;--accent2:#165da8;--gold:#c3900d;--ring:rgba(10,102,194,.16);--shadow:0 8px 24px rgba(10,31,68,.10);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}
#wpdev .wpdev{box-sizing:border-box;font-size:16px;line-height:24px}

/* Headings and text */
#wpdev .eyebrow{font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
#wpdev .h1{font-size:42px;line-height:1.15;margin:0 0 10px}
#wpdev .sub{font-size:16px;line-height:24px;color:var(--muted);margin:0 0 18px;max-width:75ch}

/* Buttons styled like the reference image */
#wpdev .cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px}
#wpdev .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;line-height:24px}
#wpdev .btn i{font-size:18px}
#wpdev .btn.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 2px 8px var(--ring)}
#wpdev .btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}
#wpdev .btn.outline{background:#fff;color:var(--accent);border:1px solid #9db7d3}
#wpdev .btn.outline:hover{background:#f4f8ff}
#wpdev .btn.gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}
#wpdev .btn.gold:hover{filter:brightness(.95)}

/* Divider */
#wpdev .divider{height:1px;background:linear-gradient(90deg,rgba(158,181,206,.25),rgba(10,102,194,.35),rgba(158,181,206,.25));border-radius:2px;margin:18px 0}

/* Feature stripes */
#wpdev .stripes{display:grid;gap:16px;margin-top:6px}
#wpdev .stripe{display:grid;grid-template-columns:96px 1fr;gap:16px;background:#fff;border:1px solid #e6eef7;border-radius:14px;box-shadow:var(--shadow);padding:18px;font-size:16px;line-height:24px}
#wpdev .stripe .icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border:1px dashed #d7e3f2;border-radius:12px}
#wpdev .stripe .icon i{font-size:36px;color:var(--accent)}
#wpdev .stripe h3{margin:0 0 6px;font-size:22px;font-weight:800}
#wpdev .stripe h3 b{font-weight:800}
#wpdev .stripe p{margin:0 0 8px;font-size:16px;line-height:24px}

/* Lists */
#wpdev .list{list-style:none;margin:0;padding:0;font-size:16px;line-height:24px}
#wpdev .list li{position:relative;padding-left:26px;margin:6px 0}
#wpdev .list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}

/* Show more controls */
#wpdev .toggle{display:none}
#wpdev .more{display:none;font-size:16px;line-height:24px}
#wpdev .toggle:checked ~ .more{display:block}
#wpdev .morebtn{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;cursor:pointer;font-size:16px;line-height:24px}
#wpdev .morebtn:hover{background:#f3f8ff}

/* Badges with icons and clear text */
#wpdev .badges{display:flex;flex-wrap:wrap;gap:8px}
#wpdev .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5e2f1;padding:6px 12px;border-radius:999px;font-size:16px;line-height:24px;background:#fff;color:var(--ink)}
#wpdev .badge i{font-size:16px}

/* Cards and grids */
#wpdev .row{display:grid;gap:18px}
#wpdev .grid-2{grid-template-columns:repeat(2,1fr)}
#wpdev .card{background:var(--card);border:1px solid #e6eef7;border-radius:14px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;font-size:16px;line-height:24px}
#wpdev .section-title{font-size:24px;margin:0 0 10px;font-weight:800}
#wpdev .note{font-size:16px;line-height:24px;color:var(--muted)}

/* Design path split with placeholder image */
#wpdev .design-split{display:grid;grid-template-columns:0.6fr .5fr;gap:55px;align-items:center}
#wpdev .placeholder{border:1px dashed #c9d7ea;border-radius:12px;height:180px;min-width:220px;display:flex;align-items:center;justify-content:center;color:#5a6f86;font-size:16px;line-height:24px;background:#f9fbff}

/* FAQ */
#wpdev details{border:1px solid #e6eef7;border-radius:12px;padding:12px;background:#fff;font-size:16px;line-height:24px}
#wpdev summary{font-weight:700;cursor:pointer;outline:none;font-size:16px;line-height:24px}
#wpdev details+details{margin-top:10px}

#wpdev .rfp-list{list-style:none;margin:0;padding:0;font-size:16px;line-height:24px}
#wpdev .rfp-list li{padding:10px 0;border-bottom:1px dotted #c5d2e0}
#wpdev .rfp-list li:last-child{border-bottom:none}

/* Responsive */
@media(max-width:820px){
  #wpdev .stripe{grid-template-columns:64px 1fr}
  #wpdev .stripe .icon{width:64px;height:64px}
  #wpdev .h1{font-size:34px}
  #wpdev .design-split{grid-template-columns:1fr}
  #wpdev .placeholder{height:160px}
}
@media(max-width:640px){
  #wpdev .grid-2{grid-template-columns:1fr}
}

#wpdev .wpimage {
  max-width: 100%;
  height: auto;
  display: block;
}

.wpdevimage {
	margin-top:-50px;
}



/* Joomla Development Page */
/* ====== jwpage: scoped base ====== */
#jwpage, .jwpage { font-family: Inter, Segoe UI, Helvetica, Arial, sans-serif; color:#0b2540; font-size:16px; line-height:24px; }
/* Layout */
#jwpage .jwpage-wrap { padding:0 18px; } /* page already has a container */
#jwpage .jwpage-block { padding:30px 0; }
#jwpage .jwpage-muted { background:#f6f9fc; border:1px solid rgba(10,31,68,.06); border-radius:14px; }
#jwpage .jwpage-surface { background:#fff; border:1px solid rgba(10,31,68,.08); border-radius:14px; box-shadow:0 6px 22px rgba(10,31,68,.06); padding:18px; }
#jwpage .jwpage-alt { background:#f4f4f4 !important; } /* section-specific alt surface color */
/* Typography */
#jwpage .jwpage-h2 { font-size:26px; margin:0 0 20px; }
#jwpage .jwpage-lead { font-size:16px; line-height:24px; color:#28445d; margin:0 0 16px; }
#jwpage .jwpage-small { font-size:13px; line-height:18px; letter-spacing:.06em; text-transform:uppercase; color:#4e6a86; }
/* Grids */
#jwpage .jwpage-grid { display:grid; gap:18px; }
#jwpage .jwpage-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
#jwpage .jwpage-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
#jwpage .jwpage-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:990px){ #jwpage .jwpage-grid-3, #jwpage .jwpage-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){ #jwpage .jwpage-grid-2, #jwpage .jwpage-grid-3, #jwpage .jwpage-grid-4 { grid-template-columns:1fr; } }
/* Media */
#jwpage .jwpage-media { border-radius:12px; overflow:hidden; border:1px solid rgba(10,31,68,.08); }
#jwpage .jwpage-media img { display:block; width:100%; height:auto; }
/* Feature rows (icon + text) */
#jwpage .jwpage-feature { display:flex; gap:12px; align-items:flex-start; margin:20px 0; font-size:16px; line-height:24px; }
#jwpage .jwpage-feature i { font-size:20px; color:#0672c9; margin-top:2px; min-width:20px; text-align:center; }
#jwpage .jwpage-feature h3 { margin:0 0 6px; font-size:18px; }
#jwpage .jwpage-feature p { margin:0; color:#28445d; font-size:16px; line-height:24px; }
/* Process */
#jwpage .jwpage-flow { display:grid; gap:12px; }
#jwpage .jwpage-phase { display:flex; gap:12px; align-items:flex-start; padding:10px; border:1px solid rgba(10,31,68,.08); border-radius:10px; background:#fff; font-size:16px; line-height:24px; }
#jwpage .jwpage-phase .jwpage-num { flex:0 0 36px; height:36px; border-radius:50%; background:#0672c9; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; }
#jwpage .jwpage-phase h4 { margin:0 0 4px; font-size:17px; }
#jwpage .jwpage-phase p { margin:0; color:#28445d; font-size:16px; line-height:24px; }
/* Service tiles (Core Services) */
#jwpage .jwpage-tile { display:flex; flex-direction:column; gap:10px; height:100%; align-items:center; text-align:center; font-size:16px; line-height:24px; }
#jwpage .jwpage-tile .jwpage-timg { display:flex; align-items:center; justify-content:center; border-radius:10px; overflow:hidden; border:1px solid rgba(10,31,68,.08); padding:8px; background:#fff; }
#jwpage .jwpage-tile .jwpage-timg img { width:150px; height:152px; display:block; }
#jwpage .jwpage-tile h3 { margin:2px 0 4px; font-size:18px; }
#jwpage .jwpage-tile p { margin:0; color:#28445d; font-size:16px; line-height:24px; }
/* Equalized feature alignment (Integration-like sections) */
#jwpage .jwpage-ifeat .jwpage-feature h3 { min-height:26px; }
#jwpage .jwpage-ifeat .jwpage-feature p { min-height:44px; }

/* Gallery + Lightbox */
#jwpage .jwpage-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
@media (max-width:990px){ #jwpage .jwpage-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px){ #jwpage .jwpage-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }
#jwpage .jwpage-gallery a { display:block; border-radius:12px; overflow:hidden; border:1px solid rgba(10,31,68,.08); }
#jwpage .jwpage-gallery img { display:block; width:100%; height:auto; transition:transform .25s ease; }
#jwpage .jwpage-gallery a:hover img { transform:scale(1.03); }
#jwpage .jwpage-lightbox { position:fixed; inset:0; background:rgba(5,16,32,.82); display:none; align-items:center; justify-content:center; padding:48px 22px; z-index:9999; }
#jwpage .jwpage-lightbox:target { display:flex; }
#jwpage .jwpage-closeX { position:absolute; top:22px; right:26px; width:38px; height:38px; border-radius:50%; background:#ffffff; color:#0b2540; font-size:22px; line-height:38px; text-align:center; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.25); cursor:pointer; }
#jwpage .jwpage-closeX:hover { background:#f0f0f0; }
#jwpage .jwpage-backdrop { position:absolute; inset:0; cursor:pointer; }
/* Lightbox image sizing and behavior */
#jwpage .jwpage-zoom { position:relative; max-width:1200px; max-height:82vh; width:100%; }
#jwpage .jwpage-zoom-wrap { overflow:auto; border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,.45); background:#000; }
#jwpage .jwpage-zoom-wrap img { display:block; width:100%; max-width:1200px; height:auto; max-height:82vh; }
@media (max-width:990px) {
  #jwpage .jwpage-zoom { max-width:95vw; }
  #jwpage .jwpage-zoom-wrap img { max-width:95vw; width:100%; height:auto; }
}
/* Remove zoom toggle functionality */
#jwpage .jwpage-zoom-toggle { display:none; }
#jwpage .jwpage-zoom-btn { display:none; }
/* Badges */
#jwpage .jwpage-badges { display:flex; flex-wrap:wrap; gap:8px; }
#jwpage .jwpage-badge { font-size:12px; line-height:16px; border:1px solid #d7e7f8; border-radius:999px; padding:6px 10px; background:#fff; }
/* Buttons (scoped) */
#jwpage .jwpage-btnbar { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
#jwpage .jwpage-btn { display:inline-flex; align-items:center; gap:8px; border-radius:12px; padding:10px 14px; font-weight:600; text-decoration:none; border:1px solid transparent; font-size:16px; line-height:24px; }
#jwpage .jwpage-btn-primary { background:#0672c9; color:#fff; }
#jwpage .jwpage-btn-secondary { background:#ffffff; border-color:#cfe3f7; color:#0b2540; }
/* Lists */
#jwpage .jwpage-checklist { list-style:none; padding:0; margin:0; display:grid; gap:10px; font-size:16px; line-height:24px; }
#jwpage .jwpage-checklist li { display:flex; gap:10px; align-items:flex-start; padding:10px; background:#fff; border:1px solid rgba(10,31,68,.08); border-radius:10px; }
#jwpage .jwpage-check { width:18px; height:18px; border:2px solid #0672c9; border-radius:4px; margin-top:2px; position:relative; flex:0 0 18px; }
#jwpage .jwpage-check::after { content:""; position:absolute; left:3px; top:0px; width:6px; height:12px; border-right:2px solid #0672c9; border-bottom:2px solid #0672c9; transform:rotate(45deg); }
/* Utility */
#jwpage .jwpage-center { text-align:center; font-size:16px; line-height:24px; }
#jwpage .jwpage-pricing {
  display:inline-block; padding:8px 12px; margin:10px 0 0px;
  font-weight:600; border-radius:10px;
  background:#f6f9fc; border:1px solid rgba(10,31,68,.08); color:#0b2540;
  font-size:16px; line-height:24px;
}
/* Scoped hover effect for “Buy Bulk Hours” */
#jwpage .jwpage-btn.jwpage-bulk:hover {
  background:#eef6ff; border-color:#cfe3f7;
}
/* Optional: keep secondary buttons visually clickable on hover/focus */
#jwpage .jwpage-btn.jwpage-btn-secondary:focus { outline:2px solid #cfe3f7; outline-offset:2px; }
/* Primary button hover/active/focus (scoped) */
#jwpage .jwpage-btn.jwpage-btn-primary {
  transition: background .2s ease, box-shadow .2s ease, transform .08s ease;
}
#jwpage .jwpage-btn.jwpage-btn-primary:hover {
  background:#0a7be0;
  box-shadow:0 6px 14px rgba(6,114,201,.28);
  transform:translateY(-1px);
}
#jwpage .jwpage-btn.jwpage-btn-primary:active {
  transform:translateY(0);
  box-shadow:0 3px 8px rgba(6,114,201,.22);
}
#jwpage .jwpage-btn.jwpage-btn-primary:focus-visible {
  outline:2px solid #cfe3f7;
  outline-offset:2px;
}
/* Lightbox fixes: trap scroll on overlay, remove forced heights, raise z-index */
#jwpage .jwpage-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(5,16,32,.92);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 48px 22px;
  z-index: 2147483647;           /* stays above all site chrome */
  overflow: auto;                /* scroll the overlay itself */
  overscroll-behavior: contain;  /* prevent scroll chaining to page */
}

#jwpage .jwpage-lightbox:target { display: flex; }

/* Remove height caps so tall images can scroll */
#jwpage .jwpage-zoom {
  position: relative;
  width: auto;
  max-width: 1200px;
  max-height: none;
}

#jwpage .jwpage-zoom-wrap {
  overflow: visible;    /* let overlay handle scrolling */
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,.45);
  background: #000;
}

#jwpage .jwpage-zoom-wrap img {
  display: block;
  width: 100%;
  max-width: 1200px;
  height: auto;
  max-height: none;     /* no vh limit */
}

/* Keep close button above image and scrollbar */
#jwpage .jwpage-closeX {
  position: sticky;     /* stays visible while scrolling overlay */
  top: 22px;
  margin-left: auto;
  right: 26px;
  z-index: 2147483647;
}

/* Ensure backdrop sits behind content but within overlay */
#jwpage .jwpage-backdrop { position: absolute; inset: 0; z-index: 0; }
/* Center the image */
#jwpage .jwpage-zoom,
#jwpage .jwpage-zoom-wrap,
#jwpage .jwpage-zoom-wrap img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Add top padding so the header/menu never covers the image */
#jwpage .jwpage-lightbox {
  padding-top: calc(96px + env(safe-area-inset-top)); /* adjust 96px if your header is taller */
}

/* Keep it centered even when scrolling the overlay */
#jwpage .jwpage-lightbox { justify-content: center; align-items: flex-start; }

/* Close button fixed to the top-right corner of the viewport */
#jwpage .jwpage-closeX {
  position: fixed;
  top: 18px;
  right: 22px;
  z-index: 2147483647;
}



/*Website Design Page*/
#wpdesign{--ink:#0b2540;--muted:#4e6a86;--card:#ffffff;--accent:#0a66c2;--accent2:#165da8;--gold:#c3900d;--orange:#ff7a00;--ring:rgba(10,102,194,.16);--shadow:0 8px 24px rgba(10,31,68,.10);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}
#wpdesign .wpdesign{box-sizing:border-box}
#wpdesign .eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
#wpdesign .h1{font-size:40px;line-height:1.15;margin:0 0 10px}
#wpdesign .sub{font-size:18px;color:var(--muted);margin:0 0 18px;max-width:75ch}
#wpdesign .section-title{font-size:24px;margin:0 0 10px;font-weight:800}
#wpdesign .section-sub{font-size:18px;margin:25px 0 6px;font-weight:600}
#wpdesign p{margin:0 0 10px}

/* CTA buttons (match development page layout) */
#wpdesign .cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px}
#wpdesign .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
#wpdesign .btn i{font-size:18px}
#wpdesign .btn.orange{background:var(--orange);color:#fff;border:1px solid var(--orange);box-shadow:0 2px 8px var(--ring)}
#wpdesign .btn.orange:hover{filter:brightness(.95)}
#wpdesign .btn.gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}
#wpdesign .btn.gold:hover{filter:brightness(.95)}
#wpdesign .btn.outline{background:#fff;color:var(--accent);border:1px solid #9db7d3}
#wpdesign .btn.outline:hover{background:#f4f8ff}

/* Divider */
#wpdesign .divider{height:1px;background:linear-gradient(90deg,rgba(158,181,206,.25),rgba(10,102,194,.35),rgba(158,181,206,.25));border-radius:2px;margin:18px 0}

/* Layout, cards, grids */
#wpdesign .row{display:grid;gap:14px}
#wpdesign .grid-2{grid-template-columns:repeat(2,1fr)}
#wpdesign .grid-3{grid-template-columns:repeat(3,1fr); padding-left:20px; padding-right:20px;}
#wpdesign .card{background:var(--card);border:1px solid #e6eef7;border-radius:14px;box-shadow:var(--shadow);padding:18px}
#wpdesign .card2{background:#646691;border:1px solid #79a8de;border-radius:14px;box-shadow:var(--shadow);padding:18px}
#wpdesign .note{font-size:14px;color:var(--muted)}

/* Full-bleed section (no side padding on the card) */
#wpdesign .fullbleed{padding-left:0;padding-right:0}
#wpdesign .container-pad{padding:0 18px}

/* Badges */
#wpdesign .badges{display:flex;flex-wrap:wrap;gap:8px}
#wpdesign .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5e2f1;padding:6px 12px;border-radius:999px;font-size:14px;background:#fff;color:var(--ink);line-height:1}
#wpdesign .badge i{font-size:16px}

/* Lists */
#wpdesign .list1{list-style:none;margin:0;padding: 0 0 0 15px;}
#wpdesign .list1 li{padding:8px 0;border-bottom:1px dotted #c5d2e0}
#wpdesign .list1 li:last-child{border-bottom:none}

/* Show more toggles */
#wpdesign .toggle{display:none}
#wpdesign .more{display:none}
#wpdesign .toggle:checked ~ .more{display:block}
#wpdesign .morebtn{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;cursor:pointer}
#wpdesign .morebtn:hover{background:#f3f8ff}
#wpdesign .morebtn2{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid white;color:white;text-decoration:none;cursor:pointer}
#wpdesign .morebtn2:hover{background:#f3f8ff; color:black;}


/* Split with image */
#wpdesign .design-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}

/* Responsive images */
#wpdesign .wpimage{max-width:100%;height:auto;display:block;border-radius:10px}

/* Process/design standards inner cards */
#wpdesign .mini-card{padding:14px;border:1px solid #e6eef7;border-radius:12px;background:#fff}

/* FAQ (match development page look) */
#wpdesign details{border:1px solid #e6eef7;border-radius:12px;padding:12px;background:#fff}
#wpdesign summary{font-weight:700;cursor:pointer;outline:none}
#wpdesign details+details{margin-top:10px}

/* Responsive */
@media(max-width:900px){
  #wpdesign .grid-3{grid-template-columns:repeat(2,1fr)}
  #wpdesign .design-split{grid-template-columns:1fr}
}
@media(max-width:640px){
  #wpdesign .grid-2,#wpdesign .grid-3{grid-template-columns:1fr}
  #wpdesign .h1{font-size:32px}
}
.wpcolor1 {
	color: #FFFFFF;
}

/*Website Development Page*/
#wpdev{--ink:#0b2540;--muted:#4e6a86;--card:#ffffff;--accent:#0a66c2;--accent2:#165da8;--gold:#c3900d;--ring:rgba(10,102,194,.16);--shadow:0 8px 24px rgba(10,31,68,.10);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink)}
#wpdev .wpdev{box-sizing:border-box;font-size:16px;line-height:24px}

/* Headings and text */
#wpdev .eyebrow{font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
#wpdev .h1{font-size:42px;line-height:1.15;margin:0 0 10px}
#wpdev .sub{font-size:16px;line-height:24px;color:var(--muted);margin:0 0 18px;max-width:75ch}

/* Buttons styled like the reference image */
#wpdev .cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px}
#wpdev .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;line-height:24px}
#wpdev .btn i{font-size:18px}
#wpdev .btn.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 2px 8px var(--ring)}
#wpdev .btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}
#wpdev .btn.outline{background:#fff;color:var(--accent);border:1px solid #9db7d3}
#wpdev .btn.outline:hover{background:#f4f8ff}
#wpdev .btn.gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}
#wpdev .btn.gold:hover{filter:brightness(.95)}

/* Divider */
#wpdev .divider{height:1px;background:linear-gradient(90deg,rgba(158,181,206,.25),rgba(10,102,194,.35),rgba(158,181,206,.25));border-radius:2px;margin:18px 0}

/* Feature stripes */
#wpdev .stripes{display:grid;gap:16px;margin-top:6px}
#wpdev .stripe{display:grid;grid-template-columns:96px 1fr;gap:16px;background:#fff;border:1px solid #e6eef7;border-radius:14px;box-shadow:var(--shadow);padding:18px;font-size:16px;line-height:24px}
#wpdev .stripe .icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border:1px dashed #d7e3f2;border-radius:12px}
#wpdev .stripe .icon i{font-size:36px;color:var(--accent)}
#wpdev .stripe h3{margin:0 0 6px;font-size:22px;font-weight:800}
#wpdev .stripe h3 b{font-weight:800}
#wpdev .stripe p{margin:0 0 8px;font-size:16px;line-height:24px}

/* Lists */
#wpdev .list{list-style:none;margin:0;padding:0;font-size:16px;line-height:24px}
#wpdev .list li{position:relative;padding-left:26px;margin:6px 0}
#wpdev .list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}

/* Show more controls */
#wpdev .toggle{display:none}
#wpdev .more{display:none;font-size:16px;line-height:24px}
#wpdev .toggle:checked ~ .more{display:block}
#wpdev .morebtn{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;cursor:pointer;font-size:16px;line-height:24px}
#wpdev .morebtn:hover{background:#f3f8ff}

/* Badges with icons and clear text */
#wpdev .badges{display:flex;flex-wrap:wrap;gap:8px}
#wpdev .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5e2f1;padding:6px 12px;border-radius:999px;font-size:16px;line-height:24px;background:#fff;color:var(--ink)}
#wpdev .badge i{font-size:16px}

/* Cards and grids */
#wpdev .row{display:grid;gap:18px}
#wpdev .grid-2{grid-template-columns:repeat(2,1fr)}

#wpdev .card{background:var(--card);border:1px solid #e6eef7;border-radius:14px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;font-size:16px;line-height:24px}
#wpdev .section-title{font-size:24px;margin:0 0 10px;font-weight:800}
#wpdev .note{font-size:16px;line-height:24px;color:var(--muted)}

/* Design path split with placeholder image */
#wpdev .design-split{display:grid;grid-template-columns:0.6fr .5fr;gap:55px;align-items:center}
#wpdev .placeholder{border:1px dashed #c9d7ea;border-radius:12px;height:180px;min-width:220px;display:flex;align-items:center;justify-content:center;color:#5a6f86;font-size:16px;line-height:24px;background:#f9fbff}

/* FAQ */
#wpdev details{border:1px solid #e6eef7;border-radius:12px;padding:12px;background:#fff;font-size:16px;line-height:24px}
#wpdev summary{font-weight:700;cursor:pointer;outline:none;font-size:16px;line-height:24px}
#wpdev details+details{margin-top:10px}

#wpdev .rfp-list{list-style:none;margin:0;padding:0;font-size:16px;line-height:24px}
#wpdev .rfp-list li{padding:10px 0;border-bottom:1px dotted #c5d2e0}
#wpdev .rfp-list li:last-child{border-bottom:none}

/* Responsive */
@media(max-width:820px){
  #wpdev .stripe{grid-template-columns:64px 1fr}
  #wpdev .stripe .icon{width:64px;height:64px}
  #wpdev .h1{font-size:34px}
  #wpdev .design-split{grid-template-columns:1fr}
  #wpdev .placeholder{height:160px}
}
@media(max-width:640px){
  #wpdev .grid-2{grid-template-columns:1fr}
}

#wpdev .wpimage {
  max-width: 100%;
  height: auto;
  display: block;
}

.wpdevimage {
	margin-top:-50px;
}


/*Website Hosting*/
/*Hosting Platform*/
.hoststitle {
  color: #d7d8d9;
  text-align: center;
}
.homejomtitle {
  color: #C3900D;
}
.hostingplatform {display: block;  text-align:-moz-center; }
.plattitle {font-size:36px; color:#333333; padding-bottom:20px; font-weight:bold;}
.plattitle2 {font-size:36px; color:#333333; padding-bottom:20px; padding-top:40px; font-weight:bold;}
#hostptitle {margin-top:-30px; text-align:center;}

.hosting-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0 0;
}
.hosting-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  color: #0b2540;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: background 0.2s, color 0.2s;
}
.hosting-badge i {
  font-size: 16px;
}
.hosting-badge:hover {
  background: #0672c9;
  color: #fff;
}

.whoclient {color: #C3900D; font-size:24px; padding-bottom:10px; font-weight:700;}
.whotext {color: #d7d8d9; font-size: 16px; line-height:24px;} 
#webhosting.webhosting{
  --accent:#f57c00;
  --accent-2:#0672c9;
  --ink:#0b2540;
  --muted:#5b708b;
  --card:#ffffff;
  --ring:rgba(6,114,201,.18);
  --shadow:0 4px 18px rgba(10,31,68,.08);
  font-family:Inter, Segoe UI, Helvetica, Arial, sans-serif;
  color:var(--ink);
  font-size:16px;
  line-height:24px;
}
#webhosting .wrap{width:100%;max-width:100%;margin:0;padding:0}

#webhosting .kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin:6px 0 10px}
#webhosting .h1{font-size:34px;line-height:1.15;text-align:center;margin:0 0 26px}

/* Top layout */
#webhosting .topgrid{
  display:grid;
  grid-template-columns:1.1fr 1.2fr 1.1fr;
  gap:18px;
  align-items:stretch;
}

#webhosting .card{
  background:var(--card);
  border-radius:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
  border:1px solid var(--ring);
  font-size:16px;
  line-height:24px;
}

#webhosting .media{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
#webhosting .card-body{padding:18px 18px 20px}
#webhosting .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
#webhosting .title{font-size:18px;margin:0 0 6px}
#webhosting .sub{font-size:16px;line-height:24px;color:var(--muted);margin:0 0 14px}

/* Benefits under the middle selector */
#webhosting .benefits{margin:14px 0 0;padding:0;list-style:none;border-top:1px dotted rgba(11,37,64,.15);font-size:16px;line-height:24px}
#webhosting .benefits li{padding:10px 0;border-bottom:1px dotted rgba(11,37,64,.15);display:flex;align-items:center;gap:10px}
#webhosting .benefits li i{color:var(--accent-2)}

/* Selector card */
#webhosting .selector .head{
  background:linear-gradient(180deg, #ffb467, var(--accent));
  color:#fff;text-align:center;padding:18px 12px 22px;
}
#webhosting .selector .head .big{font-size:22px;font-weight:800;display:block}
#webhosting .selector .head .small{opacity:.95;display:block;margin-top:6px;font-size:16px;line-height:24px}

#webhosting .plans{padding:16px 18px 6px;font-size:16px;line-height:24px}
#webhosting .planlist{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px}
#webhosting .planlist li{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;
  padding:12px;border:1px solid var(--ring);border-radius:12px;background:#fff;
  font-size:16px;line-height:24px;
}
#webhosting .planlist li strong{font-weight:700}
#webhosting .buy{font-weight:700;text-decoration:none;color:#0b2540;font-size:16px;line-height:24px}
#webhosting .planlist li.bulk .buy{color:var(--accent)}
#webhosting .badge2{
  position:absolute;top:14px;right:14px;background:#fff3e4;color:var(--accent);
  padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--ring)
}

/* Dropdown row */
#webhosting .picker{display:grid;grid-template-columns:1fr auto;margin-top:6px;font-size:16px;line-height:24px}
#webhosting .picker select{
  width:100%;padding:11px 12px;border:1px solid var(--ring);border-radius:12px;background:#fff;font-weight:600;font-size:16px;line-height:24px
}

/* Primary CTA centered */
#webhosting .cta-wrap{text-align:center}
#webhosting .btn{
  display:inline-block;background:linear-gradient(0deg, var(--accent), #ffa142);
  color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700;letter-spacing:.02em;margin:16px auto 0;box-shadow:0 6px 18px rgba(245,124,0,.28);
  font-size:16px;line-height:24px;
}

/* Right card list */
#webhosting .mini{margin:0;padding:0;list-style:none;font-size:16px;line-height:24px}
#webhosting .mini li{padding:10px 0;border-bottom:1px dotted rgba(11,37,64,.15);display:flex;gap:10px;align-items:center}
#webhosting .mini i{color:var(--accent-2)}

/* Platforms grid, no links */
#webhosting .platforms{margin-top:30px;background:#fff;border:1px solid var(--ring);border-radius:18px;box-shadow:var(--shadow);padding:22px 18px 10px;font-size:16px;line-height:24px}
#webhosting .platforms .h2{text-align:center;font-size:22px;margin:0 0 16px;font-weight: bold;}
#webhosting .icons{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
#webhosting .icon{text-align:center;padding:14px 10px;border:1px solid var(--ring);border-radius:14px;background:#fff;transition:transform .18s ease, box-shadow .18s ease;font-size:16px;line-height:24px}
#webhosting .icon:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(10,31,68,.08)}
#webhosting .icon img{width:62px;height:62px;object-fit:contain;margin:0 auto 10px;display:block}
#webhosting .icon .label{display:block;color:var(--ink);font-size:13px;font-weight:600}
#webhosting .icon small{display:block;color:var(--muted);font-size:12px;margin-top:2px}

/* Flex Plan Hosting Account Details - flexp2 */
.flexp2{
  --ink:#0b2540;
  --muted:#4e6a86;
  --ring:rgba(6,114,201,.18);
  --card:#ffffff;
  --shadow:0 6px 22px rgba(10,31,68,.08);
  --accent:#0672c9;
  font-family:Inter, Segoe UI, Helvetica, Arial, sans-serif;
  color:var(--ink);
  margin:28px 0 10px;
  font-size:16px;
  line-height:24px;
}
.flexp2 .head{
  text-align:center;
  margin-bottom:18px;
}
.flexp2 .head h3{
  font-size:28px;
  margin:0 0 6px;
}
.flexp2 .head p{
  font-size:16px;
  line-height:24px;
  color:var(--muted);
  margin:0;
}
.flexp2 .grid{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.flexp2 .feat{
  flex:1 1 calc(33.333% - 11px);
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:18px;
  display:flex;
  gap:14px;
  align-items:flex-start;
  font-size:16px;
  line-height:24px;
}
.flexp2 .icon{
  flex:0 0 64px;
  width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:#e7f2ff;
  color:var(--accent);
}
.flexp2 .icon i{
  font-size:34px; line-height:1;
}
.flexp2 .body h4{
  font-size:18px; margin:0 0 6px;
}
.flexp2 .body p{
  margin:0;
  font-size:16px;
  line-height:24px;
  color:var(--muted);
}

/* Responsive */
@media (max-width: 1024px){
  .flexp2 .feat{flex:1 1 calc(50% - 8px);}
}
@media (max-width: 640px){
  .flexp2 .feat{flex:1 1 100%;}
}

.security-block{
  --accent:#0672c9;
  --ink:#0b2540;
  --muted:#4e6a86;
  --ring:rgba(6,114,201,.18);
  --card:#ffffff;
  font-family:Inter, Segoe UI, Helvetica, Arial, sans-serif;
  margin:40px 0;
  font-size:16px;
  line-height:24px;
}
.security-block .wrap{
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:16px;
  padding:28px;
  box-shadow:0 6px 20px rgba(10,31,68,.08);
}
.security-block h3{
  font-size:26px;
  margin:0 0 18px;
  text-align:center;
  color:var(--ink);
}
.security-block .item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:20px;
  font-size:16px;
  line-height:24px;
}
.security-block .icon{
  flex:0 0 48px;
  height:48px;
  width:48px;
  border-radius:12px;
  background:#e7f2ff;
  color:var(--accent);
  display:flex;
  align-items:center;
  justify-content:center;
}
.security-block .icon i{font-size:22px}
.security-block .body{
  flex:1;
}
.security-block .body p{
  margin:0;
  font-size:16px;
  line-height:24px;
  color:var(--muted);
}
.security-block .body a{
  color:var(--accent);
  text-decoration:underline;
  font-weight:600;
  font-size:16px;
  line-height:24px;
}
/* Cpanel features grid using flexp2 style */
.flexp2-cpanel {
  --ink: #0b2540;
  --muted: #4e6a86;
  --ring: rgba(6,114,201,.18);
  --card: #ffffff;
  --shadow: 0 6px 22px rgba(10,31,68,.08);
  --accent: #0672c9;
  color: var(--ink);
  margin: 30px 0;
  font-family: Inter, Segoe UI, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.flexp2-cpanel .cphead {
  text-align: center;
  margin-bottom: 18px;
}
.flexp2-cpanel .cphead .cpimage {
  max-width: 220px;
  height: auto;
  display: block;
  margin: 0 auto 12px;
}
.flexp2-cpanel .cpheading {
  font-size: 22px;
  margin: 0 0 6px;
  font-family: arial;
}
.flexp2-cpanel .cpsubtext {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
/* Category block */
.flexp2-cpanel .cat {
  margin: 20px 0 8px;
}
.flexp2-cpanel .cat h4 {
  font-size: 24px;
  margin: 0 0 10px;
  text-align: center;
  color: #ffffff;
}
/* Grid of white boxes */
.flexp2-cpanel .cpgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.flexp2-cpanel .cpitem {
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: 14px;
  box-shadow: var(--shadow);
  padding: 16px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.flexp2-cpanel .cpicon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7f2ff;
  color: var(--accent);
}
.flexp2-cpanel .cpicon i {
  font-size: 26px;
  line-height: 1;
}
.flexp2-cpanel .cpitem .lbl {
  font-size: 16px;
  line-height: 24px;
}
/* Button styling */
.flexp2-cpanel .toggle-button {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  background-color: var(--accent);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.flexp2-cpanel .toggle-button:hover {
  background-color: #005bb5;
}
/* Hidden sections */
.flexp2-cpanel .hidden {
  display: none;
}
/* Responsive: 2 across tablet, 1 across mobile */
@media (max-width: 1024px) {
  .flexp2-cpanel .cpgrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .flexp2-cpanel .cpgrid {
    grid-template-columns: 1fr;
  }
}
/* Base styles */
.wbtransfer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 40px 20px;
  border-radius: 6px;
  margin: 30px 0;
  font-family: Arial, sans-serif;
  gap: 20px;
  font-size: 16px;
  line-height: 24px;
}

.wbtransfer-copy {
  flex: 1;
}

.wbtransfer-copy h2 {
  margin: 0 0 8px;
  font-size: 45px;
  font-weight: 700;
  color: #fff;
}

.wbtransfer-copy p {
  margin: 0;
  font-size: 18px; /* already larger than 16px */
  line-height: 24px;
  color: #e8f0d9;
}

.wbtransfer-action {
  flex-shrink: 0;
}

.wbtransfer-action .wbtransfer-btn {
  display: inline-block;
  background: #c0392b;
  color: #fff;
  padding: 24px 56px; /* big button */
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s, border 0.3s;
  border: 2px solid #fff;
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap; /* prevents wrapping */
}

.wbtransfer-action .wbtransfer-btn:hover,
.wbtransfer-back .wbtransfer-btn:hover {
  background: #a83222;
}

/* Hidden details initially */
.wbtransfer-details {
  display: none;
  background: #fff;
  color: #333;
  padding: 30px 20px;
  border-radius: 6px;
  margin-top: 20px;
  line-height: 24px;
  font-size: 16px;
}

.wbtransfer-details h3,
.wbtransfer-details h4,
.wbtransfer-details h5 {
  margin-top: 18px;
  margin-bottom: 10px;
  color: #0b2540;
}

.wbtransfer-back {
  margin-top: 20px;
}

.wbtransfer-back .wbtransfer-btn {
  display: inline-block;
  background: #c0392b;
  color: #fff;
  padding: 10px 24px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid #fff;
  font-size: 16px;
  line-height: 24px;
}

/* Show details when targeted */
#wbtransfer-details:target {
  display: block;
}

/* --- Responsive Fixes --- */
@media (max-width: 768px) {
  .wbtransfer {
    flex-direction: column; /* stack vertically */
    text-align: center;
  }

  .wbtransfer-action {
    margin-top: 20px;
  }

  .wbtransfer-copy h2 {
    font-size: 36px; /* slightly smaller for mobile */
  }
}
/* Data Center Section */
.wbdatacenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 40px 20px;
  border-radius: 6px;
  margin: 30px 0;
  font-family: Arial, sans-serif;
  gap: 20px;
  font-size: 16px;
  line-height: 24px;
}

.wbdatacenter-copy {
  flex: 1;
}

.wbdatacenter-copy h2 {
  margin: 0 0 8px;
  font-size: 45px;
  font-weight: 700;
  color: #fff;
}

.wbdatacenter-copy p {
  margin: 0;
  font-size: 18px; /* already larger than 16px */
  line-height: 24px;
  color: #fff;
}

.wbdatacenter-action {
  flex-shrink: 0;
}

.wbdatacenter-action .wbdatacenter-btn {
  display: inline-block;
  background: #444; /* semi-dark grey */
  color: #fff;
  padding: 24px 56px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s, border 0.3s;
  font-size: 18px; /* already >=16px */
  line-height: 24px;
  white-space: nowrap;
  border: 2px solid #fff; /* white border */
}

.wbdatacenter-action .wbdatacenter-btn:hover,
.wbdatacenter-back .wbdatacenter-btn:hover {
  background: #222;
}

/* Hidden details initially */
.wbdatacenter-details {
  display: none;
  background: #fff;
  color: #333;
  padding: 30px 20px;
  border-radius: 6px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}

.wbdatacenter-details h3,
.wbdatacenter-details h4 {
  margin-top: 18px;
  margin-bottom: 10px;
  color: #0b2540;
}

.wbdatacenter-details ul {
  margin: 0 0 20px 20px;
  padding: 0;
}

.wbdatacenter-back {
  margin-top: 20px;
}

.wbdatacenter-back .wbdatacenter-btn {
  display: inline-block;
  background: #444;
  color: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid #fff; /* white border */
  font-size: 16px;
  line-height: 24px;
}

/* Show details when targeted */
#wbdatacenter-details:target {
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  .wbdatacenter {
    flex-direction: column;
    text-align: center;
  }

  .wbdatacenter-action {
    margin-top: 20px;
  }

  .wbdatacenter-copy h2 {
    font-size: 36px;
  }
}


/* Responsive */
@media (max-width:1080px){#webhosting .topgrid{grid-template-columns:1fr}#webhosting .icons{grid-template-columns:repeat(4,1fr)}}
@media (max-width:680px){#webhosting .icons{grid-template-columns:repeat(3,1fr)}}


/*Going Green*/
.green {
  background: #f4f4f4;
  padding: 40px 30px;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  color: #333;
  margin-bottom: 30px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
.green .green-small {
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #888747;
  font-weight: bold;
}
.green h2 {
  font-size: 28px;
  margin: 0 0 16px;
  color: rgb(19, 96, 145);
}
.green p {
  line-height: 1.6;
  margin-bottom: 16px;
}
.green .box-note {
  background: #fff;
  border-left: 4px solid #888747;
  padding: 15px 20px;
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(0,0,0,0.08);
}
.green h3 {
  font-size: 20px;
  margin: 25px 0 12px;
  color: #555873;
}
.green ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.green ul li {
  margin-bottom: 14px;
  padding-left: 28px;
  position: relative;
  font-size: 15px;
}
.green ul li::before {
  content: "\f00c"; /* Font Awesome check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(136, 135, 71, 0.75);
  font-size: 14px;
}

/*Testimonial Review Links*/
#reviewlinks {
  text-align: center;
  margin: 20px 0;
}

#reviewlinks a {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 10px auto;
  padding: 14px 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff !important;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}

#reviewlinks a.reviewsubmit {
  background: #1a73e8; /* blue */
}

#reviewlinks a.reviewsubmit:hover {
  background: #c3900d !important;
}

#reviewlinks a.review {
  background: #00c853; /* green */
}

#reviewlinks a.review:hover {
  background: #c3900d !important;
}

/*Awards Page*/
.rowa {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; /* space between images */
  margin: 15px 0;
  align-items: flex-start; /* keep tops aligned */
}

.rowa img {
  width: auto;        /* don’t force width */
  height: auto;       /* don’t force height */
  max-width: none;    /* prevent shrinking */
  max-height: none;   /* prevent shrinking */
  display: inline-block;
}


/* Home Page Hero */
.hero-wrapper {
  display: flex;
  justify-content: center;   /* horizontal center */
  align-items: flex-start;
  text-align: center;
}

.hero-title {
  margin: 0;
  padding: 0;
}

.hero-main {
  font-size: 60px;
  font-weight: 800;
  margin: 0 0 -20px 0; /* bottom margin controls space before next line */
  color: white;
}

.hero-sub {
  font-size: 36px;
  font-weight: 800;
  color: rgb(217,216,216);
  margin: 0 0 15px 0;
}

.hero-tagline {
  font-size: 16px;
  font-weight: 700;
  color: rgb(195,144,13);
  margin: 0 0 6px 0;
}

.hero-footer {
  font-size: 12px;
  color: rgb(217,216,216);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0;
}

/* Mobile Overrides */
@media (max-width: 767px) {
  .hero-main {
    font-size: 32px;     /* shrink headline */
    margin: 0 0 -10px 0; /* reduce gap */
    line-height: 1.6;    /* tighter */
  }

  .hero-sub {
    font-size: 18px;     /* shrink subhead */
    margin: 0 0 10px 0;
    line-height: 1.2;
	margin: 0 0 25px 0 !important;
  }

  .hero-tagline {
    font-size: 18px;     /* smaller tagline */
    margin: 0 0 4px 0;
    line-height: 1.2;
  }

  .hero-footer {
    font-size: 13px;     /* smaller footer */
    line-height: 1.2;

  }
}

.error-logo {
  width: 200px !important;
}

/* Add background, border, and radius to the entire form container */
#rsform_12_page_0 {
    background-color: #f8f9fa;
    border: 4px solid #ced4da;
    border-radius: 20px;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}
/* Reduce bottom margin for all fields in the top two columns */
#rsform_12_page_0 .col-md-6 > .row.mb-3 {
    margin-bottom: 5px !important;
}
/* Add top margin to the checkbox section */
#rsform_12_page_0 .rsform-block-our-services {
    margin-top: 20px !important;
}
/* Stack columns into single column on mobile */
@media (max-width: 767px) {
    #rsform_12_page_0 .row {
        display: block !important;
    }
    #rsform_12_page_0 .col-md-6,
    #rsform_12_page_0 .col-sm-3,
    #rsform_12_page_0 .col-sm-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
    }
    #rsform_12_page_0 .formControls {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #rsform_12_page_0 .rsform-block-our-services .formControls {
        grid-template-columns: 1fr !important; /* Single column for checkboxes on mobile */
    }
    #rsform_12_page_0 .form-check {
        display: block !important;
        margin-bottom: 10px !important;
    }
    #rsform_12_page_0 .form-check-inline {
        display: block !important;
    }
    #rsform_12_page_0 .formControlLabel {
        width: 100% !important;
        text-align: left !important;
    }
}
/* Center the two-column layout for the first 6 fields on larger screens */
#rsform_12_page_0 .formContainer .row.mb-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* Left-align labels and input fields within their columns on larger screens */
#rsform_12_page_0 .col-md-6 .formControlLabel,
#rsform_12_page_0 .col-md-6 .formControls {
    text-align: left;
    width: 100%;
}
/* Explicit three-column layout for checkboxes using CSS grid on larger screens */
#rsform_12_page_0 .rsform-block-our-services .formControls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    width: 100%;
    font-size: 14px;
}
/* Ensure full-width alignment for the "Tell us what you need" field */
#rsform_12_page_0 .rsform-block-description .formControls {
    width: 100%;
    display: flex;
}
#rsform_12_page_0 .rsform-block-description .rsform-text-box {
    width: 100%;
    height: 50px;
}
/* Style and center the submit button */
#rsform_12_page_0 .rsform-block-submit .formControls {
    display: flex;
    justify-content: center;
    width: 100%;
}
#rsform_12_page_0 .rsform-block-submit .rsform-submit-button {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20%;
    border-color: rgba(124, 123, 65, 0.75);
    background-color: rgba(136, 135, 71, 0.75);
}
/* Hover effect */
#rsform_12_page_0 .rsform-block-submit .rsform-submit-button:hover {
    background-color: #555873;
    border-color: #3e4054;
    color: #ffffff;
}
#rsform_12_page_0 .form-control {
    color: #9d9e9e;
}
/* Tablet-specific adjustments for two-column layout */
@media (max-width: 1194px) and (min-width: 768px) {
    #rsform_12_page_0 .rsform-block-our-services .formControls {
        grid-template-columns: repeat(2, 1fr);
    }
}

.rsform-block-our-services .rsfp-fieldset {
  display: grid;
  grid-template-columns: repeat(3, minmax(230px, 1fr));
  column-gap: 0px;
  row-gap: 2px;
}

@media (max-width: 767px) {
    .rsform-block-our-services .rsfp-fieldset {
        grid-template-columns: 1fr !important;
        display: block !important;
    }
}

.rsform-block-our-services .formValidation {
  pointer-events: none;
  position: relative;
  z-index: 0;
}

.rsform-block-our-services input[type="checkbox"] {
  position: relative;
  z-index: 1;
}



/*Footer Social Icons*/
.socialicons {
  display: flex;
  gap: 12px; /* space between icons */
  list-style: none;
  margin: 5px 0 0 0;  /* add 5px top margin */
  padding: 0;
}

.socialicons li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px;         /* reduced icon size */
  color: #20355d;
  text-decoration: none;
  transition: color 0.3s ease;
}

.socialicons li a:hover {
  color: #2f7ec4;
}



/*Main Menu About Us Section*/

/* Reset Joomla default bullets */
.aboutmenu.menu {
  list-style: none !important;
  margin: 0;
  padding: 0;
  margin-bottom:20px;
}

.aboutmenu.menu li {
  list-style: none !important;
  margin: 8px 20px;
  padding: 0;
}

.aboutmenu.menu li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  color: #555873;
  transition: color 0.3s ease;
}

/* Hover effect */
.aboutmenu.menu li a:hover {
  color: rgba(136, 135, 71, 0.75) !important;
}

/* Icon wrapper spacing */
.aboutmenu.menu li a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: rgb(19, 96, 145);
  display: inline-block;
  width: 22px;   /* keeps all icons aligned vertically */
  margin-right: 8px;
  text-align: center;
}

/* Individual icons */
.aboutmenu.menu li.item-686 a::before { content: "\f781"; } /* Company Blog = blog */
.aboutmenu.menu li.item-640 a::before { content: "\f085"; } /* Project Process = cog */
.aboutmenu.menu li.item-641 a::before { content: "\f0c0"; } /* Testimonials = users */
.aboutmenu.menu li.item-643 a::before { content: "\f1ea"; } /* Press and News = newspaper */
.aboutmenu.menu li.item-644 a::before { content: "\f559"; } /* Web Awards = award */
.aboutmenu.menu li.item-645 a::before { content: "\f06c"; } /* Green Company = leaf */
.aboutmenu.menu li.item-646 a::before { content: "\f0f2"; } /* Now Hiring = briefcase */
.aboutmenu.menu li.item-647 a::before { content: "\f079"; } /* Referral Program = share */

/*Case Studies*/
/* Core Styling */
.case-study-blue,
.case-study-grey {
  font-family: "Roboto", sans-serif;
  color: #2c3e50;
  max-width: 1300px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Header with Animated Background */
.case-study-blue .case-study-header,
.case-study-grey .case-study-header {
  padding: 50px 40px;
  text-align: center;
  border-radius: 15px 15px 0 0;
  position: relative;
  overflow: hidden;
}
.case-study-blue .case-study-header,
.case-study-grey .case-study-header {
  color: #fff;
}
.case-study-blue .case-study-header::before,
.case-study-grey .case-study-header::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);
  animation: rotate 15s linear infinite;
}
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.case-study-blue .case-study-header h1,
.case-study-grey .case-study-header h1 {
  font-size: 36px;
  margin: 0 0 20px;
  font-weight: 700;
  position: relative;
  color: #fff !important;
}
.case-study-blue .case-study-header p,
.case-study-grey .case-study-header p {
  font-size: 18px;
  margin: 0;
  opacity: 0.9;
}

/* Section Styling with Hover Effects */
.case-study-blue .case-study-section,
.case-study-grey .case-study-section {
  background: #fff;
  padding: 25px;
  margin: 20px 0;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.case-study-blue .case-study-section:hover,
.case-study-grey .case-study-section:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.case-study-blue .case-study-section h2,
.case-study-grey .case-study-section h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 15px;
  position: relative;
}
.case-study-blue .case-study-section h2::after,
.case-study-grey .case-study-section h2::after {
  content: '';
  width: 30px;
  height: 3px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

/* Content Blocks with Icons */
.case-study-blue .content-block,
.case-study-grey .content-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.case-study-blue .content-item,
.case-study-grey .content-item {
  flex: 1;
  min-width: 200px;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
}
.case-study-blue .content-item:hover,
.case-study-grey .content-item:hover {
  transform: scale(1.05);
}
.case-study-blue .content-item h3,
.case-study-grey .content-item h3 {
  font-size: 20px;
  margin: 10px 0;
}
.case-study-blue .content-item p,
.case-study-grey .content-item p {
  font-size: 14px;
  margin: 0;
}
.case-study-blue .content-item::before,
.case-study-grey .content-item::before {
  content: '✔';
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

/* Timeline with Animated Dots */
.case-study-blue .timeline,
.case-study-grey .timeline {
  position: relative;
  padding: 20px 0;
}
.case-study-blue .timeline::before,
.case-study-grey .timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 2px;
}
.case-study-blue .timeline-item,
.case-study-grey .timeline-item {
  position: relative;
  padding: 15px 0 15px 40px;
  margin-bottom: 20px;
}
.case-study-blue .timeline-item::before,
.case-study-grey .timeline-item::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.case-study-blue .timeline-item-content h3,
.case-study-grey .timeline-item-content h3 {
  font-size: 18px;
  margin: 0 0 5px;
}
.case-study-blue .timeline-item-content p,
.case-study-grey .timeline-item-content p {
  font-size: 14px;
  margin: 0;
}

/* Color Palette Section */
.case-study-blue .color-palette,
.case-study-grey .color-palette {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.case-study-blue .color-swatch,
.case-study-grey .color-swatch {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  position: relative;
  transition: transform 0.3s ease;
}
.case-study-blue .color-swatch:hover,
.case-study-grey .color-swatch:hover {
  transform: rotate(360deg) scale(1.1);
}
.case-study-blue .color-swatch::after,
.case-study-grey .color-swatch::after {
  content: attr(data-title);
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  text-align: center;
  width: 100%;
}

/* Summary with Gradient */
.case-study-blue .summary,
.case-study-grey .summary {
  padding: 25px;
  border-radius: 10px;
  margin-top: 20px;
}
.case-study-blue .summary h2,
.case-study-grey .summary h2 {
  font-size: 26px;
  margin-bottom: 15px;
  color: #fff !important;
}
.case-study-blue .summary ul,
.case-study-grey .summary ul {
  list-style: none;
  padding: 0;
}
.case-study-blue .summary li,
.case-study-grey .summary li {
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
  color: #fff !important;
}
.case-study-blue .summary li::before,
.case-study-grey .summary li::before {
  content: '✓';
  position: absolute;
  left: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
  .case-study-blue,
  .case-study-grey {
    padding: 15px;
  }
  .case-study-blue .case-study-header,
  .case-study-grey .case-study-header {
    padding: 30px 20px;
  }
  .case-study-blue .case-study-header h1,
  .case-study-grey .case-study-header h1 {
    font-size: 28px;
  }
  .case-study-blue .case-study-section,
  .case-study-grey .case-study-section {
    padding: 15px;
  }
  .case-study-blue .case-study-section h2,
  .case-study-grey .case-study-section h2 {
    font-size: 22px;
  }
  .case-study-blue .content-item,
  .case-study-grey .content-item {
    min-width: 150px;
  }
}

/* Blue Theme Specifics */
.case-study-blue {
  background: linear-gradient(135deg, #ecf0f1, #ffffff);
}
.case-study-blue .case-study-header {
  background: linear-gradient(135deg, #0078d4, #005bb5);
}
.case-study-blue .case-study-section {
  border-left: 8px solid #0078d4;
}
.case-study-blue .case-study-section h2::after {
  background: #0078d4;
}
.case-study-blue .timeline::before,
.case-study-blue .timeline-item::before {
  background: #0078d4;
}
.case-study-blue .content-item {
  background: #ecf0f1;
}
.case-study-blue .content-item:hover {
  background: #d5dee2;
}
.case-study-blue .summary {
  background: linear-gradient(135deg, #0078d4, #005bb5);
  color: #fff !important;
}
.case-study-blue .color-swatch::after {
  color: #2c3e50;
}

/* Grey Theme Specifics */
.case-study-grey {
  background: linear-gradient(135deg, #ecf0f1, #ffffff);
}
.case-study-grey .case-study-header {
  background: linear-gradient(135deg, #4a4a4a, #333333);
}
.case-study-grey .case-study-section {
  border-left: 8px solid #4a4a4a;
}
.case-study-grey .case-study-section h2::after {
  background: #4a4a4a;
}
.case-study-grey .timeline::before,
.case-study-grey .timeline-item::before {
  background: #4a4a4a;
}
.case-study-grey .content-item {
  background: #ecf0f1;
}
.case-study-grey .content-item:hover {
  background: #d5dee2;
}
.case-study-grey .summary {
  background: linear-gradient(135deg, #4a4a4a, #333333);
}
.case-study-grey .color-swatch::after {
  color: #2c3e50;
}

#column-wrap-id-5b97dc9d-ab02-4b78-966e-24d9fcee1b77,
#sppb-addon-wrapper-d416319a-3006-45ef-8007-7338a1d7c948 {
  display: block;
  justify-content: center;
  width:500px;
}

/*Porfolio Gallery Zoom and Scroll Feature*/
/* ===== DESKTOP (min 1200px) ===== */
@media (min-width: 1200px) {
  .mfp-img {
    max-width: 1200px !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  .mfp-image-holder .mfp-content {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
  }
}

/* ===== TABLETS (768px–1199px) ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .mfp-img {
    max-width: calc(100% - 100px) !important; /* 50px margin on left & right */
    max-height: none !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  .mfp-image-holder .mfp-content {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
  }
}

/* ===== MOBILE (below 768px) ===== */
@media (max-width: 767px) {
  /* Reset to Magnific Popup defaults (no override) */
  .mfp-img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
  }

  .mfp-image-holder .mfp-content {
    overflow: hidden !important;
  }
}
.mfp-close {
  font-size: 40px !important;   /* increase size (default is ~28px) */
  right: 20px !important;       /* add spacing from the right edge */

  width: 44px !important;       /* larger clickable area */
  height: 44px !important;
  line-height: 44px !important;
  margin-bottom: 10px !important;
}

/*Easyblog*/
#eb .eb-comment-form {
margin-bottom: 20px !important;}

body.com_easyblog.view-latest #sp-main-body,
body.com_easyblog.view-entry #sp-main-body {
  padding: 0 !important;
}

body.com_easyblog.view-categories #sp-main-body {
  padding: 0px !important;
}

div[data-blog-reading-container] {
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  #eb.mod_easybloglatestblogs {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 0 20px;
    box-sizing: border-box;
  }

  #eb .mod-items-grid > .mod-grid {
    float: left;
    box-sizing: border-box;
    padding: 15px;
    width: 50%;
  }
}

.blogs {
  margin-top: -10px;
  color: white;
  font-size: 14px !important;
  font-weight: normal;
}
.blogs a:link {
  text-decoration: none;
  color: white;
  font-size: 14px !important;
  margin-top: -10px;
  font-weight: normal;
}
.blogs a:hover {
  text-decoration: underline !important;
  color: #ffff00;
}
.blogs a:visited {
  text-decoration: none;
  color: white;
}

.bloghtags {font-size:20px !important; font-weight:bold !important;}

/*Top of Blog Page Subscribe Form*/
/* Container */
#eb.blogsub {
  background: #f5f5f5 !important;
  padding: 15px 20px !important;
  border-radius: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 20px !important; /* spacing below container */
}

/* Form */
#eb.blogsub form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Form items */
#eb.blogsub .eb-mod-form-item {
  margin: 0 !important;
  flex: 1 1 auto !important;
  position: relative !important;
}

/* Inputs */
#eb.blogsub input.form-control {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: #fff !important;
}

/* Hide labels */
#eb.blogsub label {
  display: none !important;
}

/* Fake placeholders */
#eb.blogsub .eb-mod-form-item:nth-child(1)::before {
  content: "Your Name" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #888 !important;
  pointer-events: none !important;
}
#eb.blogsub .eb-mod-form-item:nth-child(2)::before {
  content: "Your Email" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #888 !important;
  pointer-events: none !important;
}

/* Hide placeholders when input is focused or not empty */
#eb.blogsub .eb-mod-form-item:focus-within::before {
  display: none !important;
}
#eb.blogsub .eb-mod-form-item input:not(:placeholder-shown) ~ ::before {
  display: none !important;
}
#eb.blogsub .eb-mod-form-item input:valid ~ ::before {
  display: none !important;
}

/* Button */
#eb.blogsub .eb-mod-form-action a.btn {
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

#eb.blogsub .eb-mod-form-item.filled::before {
  display: none !important;
}

/*Home Page Blog Subscribe*/
/* Container */
#eb.hmblogsub {
  background: #1f3d6b !important;
  padding: 15px 20px !important;
  border-radius: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Form */
#eb.hmblogsub form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Form items */
#eb.hmblogsub .eb-mod-form-item {
  margin: 0 !important;
  flex: 1 1 0 !important;
  position: relative !important;
}

/* Inputs */
#eb.hmblogsub input.form-control {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: #d8d8d8 !important;
}

/* Hide labels */
#eb.hmblogsub label {
  display: none !important;
}

/* Fake placeholders */
#eb.hmblogsub .eb-mod-form-item:nth-child(1)::before {
  content: "Your Name" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #888 !important;
  pointer-events: none !important;
}
#eb.hmblogsub .eb-mod-form-item:nth-child(2)::before {
  content: "Your Email" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #888 !important;
  pointer-events: none !important;
}

/* Hide placeholders when input is focused or not empty */
#eb.hmblogsub .eb-mod-form-item:focus-within::before {
  display: none !important;
}
#eb.hmblogsub .eb-mod-form-item input:not(:placeholder-shown) ~ ::before {
  display: none !important;
}
#eb.hmblogsub .eb-mod-form-item input:valid ~ ::before {
  display: none !important;
}

/* Button */
#eb.hmblogsub .eb-mod-form-action a.btn {
  padding: 10px 16px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  background-color: #20355d !important;
  border: 1px solid #2f7ec4 !important;
  color: #d5d5d5 !important;
}

#eb.hmblogsub .eb-mod-form-action a.btn:hover {
  background-color: #245f94 !important;
  border: 1px solid #5d84ce !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

#eb.hmblogsub .eb-mod-form-item.filled::before {
  display: none !important;
}

@media (max-width: 767px) {
  #eb .mod-grid {
    width: 100% !important;
    display: block;
  }
}

/*SMS Optin Text for Estimate Form*/
.optin {
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  color: #a09f9f;
}