html {
scroll-behavior: smooth;
}
.phone-img{
width: 74%;
}
/* Reset state */
.tab-pane .tab-map,
.tab-pane .tab-text {
opacity: 0;
}
/* Image slide animation */
.tab-pane.animate-in .tab-map {
animation: slideInLeft 0.6s ease forwards;
}
/* Text fade animation */
.tab-pane.animate-in .tab-text {
animation: fadeInContent 0.6s ease forwards;
animation-delay: 0.25s;
}
/* Keyframes */
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInContent {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.section-5 .side-form iframe{
height: 46em!important;
}
img {
border-radius: 20px; /* adjust this value */
}
html {
--size: 14px!important;
position: inherit;
}
.site{
max-width: 100%;
margin: auto;
overflow: hidden;
box-shadow: 0em 0em 2em #e0e5ff;
}
.show-for-small-only{
display: none!important;
}
a {
-webkit-transition: color .4s ease 0s;
-moz-transition: color .4s ease 0s;
-o-transition: color .4s ease 0s;
transition: color .4s ease 0s;
}
.hide{
display: none;
}
.modal-dialog {
max-width: 660px;
margin: 12.75rem auto!important;
z-index: 99999;
}
.modal-backdrop{
z-index: 9999;
}
.schema a{
text-decoration: none;
}
body .btn-primary, body .btn-secondary{
border: 0;
padding: 0.72em 0.6em;
margin: 1em 0 0 0;
margin: auto;
display: block;
position: relative;
font-weight: 700;
border-radius: 3em;
}
.section-2 .btn-primary{
margin-left:0;
}
.cta-bar .btn-primary{
background-color: #007ffd!important;
}
.cta-bar .btn-primary:hover{
background-color: #ffffff!important;
color:#000;
}
.btn-primary.content-btn{
max-width: 500px;
margin-left: 0;
}
body .btn-secondary{
background-color: #3f63c9;
color: white!important;
font-weight: 900;
}
body .btn-secondary:hover{
background-color: #282828!important;
}
.post-thumbnail img{
position: relative;
padding: 0!important;
margin: auto;
display: block;
}
.post-thumbnail{
overflow: hidden;
margin-top: 1em;
}
body .button:focus, body .button:hover {
background-color: #ffffff !important;
color: #000000;
}
.single-blog img{
padding: 5%;
}
.single-blog .entry-title{
font-size: 2em;
color: black;
}
.single-blog .entry-meta{
position: relative;
padding: 2%;
background: #f4f4f4;
border-left: .5em solid #f43b3b;
}
.single-blog .nav-links a{
display: block;
background: #f43b3b;
color: white;
transition: all .3s ease-in-out;
padding: 2% 5%!important;
margin-bottom: 7%;
}
.single-blog .nav-links a:hover{
background: black!important;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
margin-bottom: 3%;
display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ededd!important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #ededd!important;
}
@font-face {
font-family: 'icomoon';
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.eot?cx701b');
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.eot?cx701b#iefix') format('embedded-opentype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.woff2?cx701b') format('woff2'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.ttf?cx701b') format('truetype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.woff?cx701b') format('woff'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/sites/icomoon.svg?cx701b#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-youtube-square:before {
content: "\f166";
}
.icon-roofing-icon:before {
content: "\e976";
/* Adds a 1px border to the icon paths */
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-petscontrol:before {
content: "\e977";
}
.icon-landscaping:before {
content: "\e978";
/* Adds a 1px border to the icon paths */
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-garage:before {
content: "\e975";
-webkit-text-stroke: 0.64px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-calltrack:before {
content: "\e90e";
font-size: 1.55em;
position: relative;
top: -9px;
}
.icon-dry-wall:before {
content: "\e9ae";
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-fence:before {
content: "\e9ad";
-webkit-text-stroke: 0.4px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.top-services .icon-paintbrush:before {
font-size:0.9em;
}
.icon-paintbrush:before {
content: "\e9b1";
position:relative;
left:10px;
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-home-electrical-final:before {
content: "\e9ac";
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-ac-icon-js:before {
content: "\e9a3";
-webkit-text-stroke: 0.1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.1px currentColor;
font-size: 1.4em;
}
.agency-block .icon-ac-icon-js:before {left: -8px;position: relative;top: -6px;}
.top-services .icon-ac-icon-js:before {
content: "\e9a3";
-webkit-text-stroke: 0.1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.1px currentColor;
font-size: 1.4em;
left:-0.12em;
top:-12px;
position:relative;
}
.icon-line-tool-tech-icon:before {
content: "\e95d";
}
.agency-block .icon-tools-con:before {
content: "\e96e";
font-size:2em;
line-height:0px;
position:relative;
top: 20px;
left: -21px;
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-tools-con:before {
content: "\e96e";
font-size:2em;
line-height:0px;
position:relative;
top:25px;
left: -28px;
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.icon-ppc-icon4:before {
content: "\e932";
}
.icon-web-icon5:before {
content: "\e92a";
}
.icon-transperency-con:before {
content: "\e910";
font-size: 1.55em;
position: relative;
top: -9px;
}
.icon-social-icon3:before {
content: "\e937";
}
.icon-seo-icon5:before {
content: "\e922";
font-size:0.7em;
position:relative;
line-height:0px;
top:-9px;
}
.icon-google-partner:before {
content: "\e90d";
}
.icon-new-inc500:before {
content: "\e902";
}
.icon-ind-leader:before {
content: "\e913";
}
.icon-dom-progamins:before {
content: "\e91b";
}
.icon-dom-directories:before {
content: "\e91e";
}
.icon-tracking:before {
content: "\e917";
}
.icon-focus:before {
content: "\e906";
font-size:0.7em;
position:relative;
line-height:0px;
top:-9px;
}
.icon-social-icon4:before {
content: "\e938";
}
.icon-social-icon8:before {
content: "\e93c";
}
.icon-seo-icon7:before {
content: "\e924";
}
.icon-seo-icon1:before {
content: "\e900";
}
.icon-team:before {
content: "\e909";
}
.icon-social-icon7:before {
content: "\e93b";
}
.icon-social-icon6:before {
content: "\e93a";
}
.icon-web-icon4:before {
content: "\e929";
}
.icon-deliver:before {
content: "\e90a";
}
.icon-seo-icon2:before {
content: "\e907";
}
.icon-social-icon5:before {
content: "\e939";
}
.icon-ppc-icon1:before {
content: "\e92f";
}
.icon-ppc-icon3:before {
content: "\e931";
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-water-leaks-icon:before {
content: "\e933";
}
.icon-money-icon-secop:before {
content: "\e934";
}
.icon-building-icon:before {
content: "\e935";
}
.icon-calendar-spotcon:before {
content: "\e908";
}
.icon-price-tag-spotcon:before {
content: "\e922";
}
.icon-watercondcon:before {
content: "\e927";
}
.icon-leak-detectcon:before {
content: "\e92e";
}
.icon-background-check-crcon:before {
content: "\e932";
}
.icon-tankless-water-heater-cr-con:before {
content: "\e92d";
}
.icon-water-heater-cr-con:before {
content: "\e930";
}
.icon-wac-er-icon:before {
content: "\e93c";
}
.icon-thumbs-up-sm:before {
content: "\e938";
}
.icon-toolcon-sm:before {
content: "\e939";
}
.icon-service-area-patriot-icon:before {
content: "\e928";
}
.icon-drain-clean-patriot-icon:before {
content: "\e92f";
}
.icon-sewer-patriot-icon:before {
content: "\e931";
}
.icon-fast-truck-con:before {
content: "\e92c";
}
.icon-calculator-icon:before {
content: "\e929";
}
.icon-coin-hands-icon:before {
content: "\e920";
}
.icon-gear-aplus-icon:before {
content: "\e925";
}
.icon-aplus-bbb-con:before {
content: "\e90c";
}
.icon-aplus-ontime-con:before {
content: "\e90d";
}
.icon-aplus-fam-con:before {
content: "\e91b";
}
.icon-ac-repair-con:before {
content: "\e936";
}
.icon-toilet-con:before {
content: "\e923";
}
.icon-plumbcon:before {
content: "\e91e";
}
.icon-newtech-icon:before {
content: "\e902";
}
.icon-ontime-icon:before {
content: "\e904";
}
.icon-clean-masters:before {
content: "\e900";
}
.icon-trophy-masters:before {
content: "\e903";
}
.icon-pricetag-masters:before {
content: "\e91f";
}
.icon-finance-masters:before {
content: "\e921";
}
.icon-customer-education:before {
content: "\e901";
}
.icon-home-comfort:before {
content: "\e905";
}
.icon-live-answer:before {
content: "\e92a";
}
.icon-mid-finance:before {
content: "\e907";
}
.icon-mid-shield:before {
content: "\e909";
}
.icon-mid-thumbs-up:before {
content: "\e90b";
}
.icon-schedule-icon-spring:before {
content: "\e906";
}
.icon-emergency-icon-spring:before {
content: "\e926";
}
.icon-tools-icon-spring:before {
content: "\e90a";
}
.icon-family-icon-spring:before {
content: "\e91d";
}
.icon-live-answer-icon-spring:before {
content: "\e919";
}
.icon-truck-icon-spring:before {
content: "\e924";
}
.icon-calendar-icon-spring:before {
content: "\e91a";
}
.icon-finance-icon-spring:before {
content: "\e90e";
}
.icon-stars-icon-spring:before {
content: "\e90f";
}
.icon-trustedtechs-icon-spring:before {
content: "\e917";
}
.icon-pricing-icon-spring:before {
content: "\e918";
}
.icon-leftcoast-repaircon:before {
content: "\e91c";
}
.icon-circ-yelp-icon:before {
content: "\e910";
}
.icon-fb-circle:before {
content: "\e911";
}
.icon-instagram-circle:before {
content: "\e912";
}
.icon-linkedin-cricle:before {
content: "\e913";
}
.icon-morrow-bbb:before {
content: "\e914";
}
.icon-new-x-circle:before {
content: "\e915";
}
.icon-yt-circle:before {
content: "\e916";
}
.icon-plus:before {
content: "\f067";
}
.icon-minus:before {
content: "\f068";
}
.icon-search:before {
content: "\f002";
}
.icon-heart:before {
content: "\f004";
}
.icon-star:before {
content: "\f005";
}
.icon-star-o:before {
content: "\f006";
}
.icon-user:before {
content: "\f007";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-cog:before {
content: "\f013";
}
.icon-gear:before {
content: "\f013";
}
.icon-home:before {
content: "\f015";
}
.icon-clock-o:before {
content: "\f017";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-print:before {
content: "\f02f";
}
.icon-image:before {
content: "\f03e";
}
.icon-photo:before {
content: "\f03e";
}
.icon-picture-o:before {
content: "\f03e";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-check-circle-o:before {
content: "\f05d";
}
.icon-calendar:before {
content: "\f073";
}
.icon-cogs:before {
content: "\f085";
}
.icon-gears:before {
content: "\f085";
}
.icon-comments:before {
content: "\f086";
}
.icon-phone:before {
content: "\f095";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-wrench:before {
content: "\f0ad";
}
.icon-group:before {
content: "\f0c0";
}
.icon-users:before {
content: "\f0c0";
}
.icon-bars:before {
content: "\f0c9";
}
.icon-navicon:before {
content: "\f0c9";
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-google-plus:before {
content: "\f0d5";
}
.icon-money:before {
content: "\f0d6";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-angle-double-up:before {
content: "\f102";
}
.icon-angle-double-down:before {
content: "\f103";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-ticket:before {
content: "\f145";
}
.icon-level-down:before {
content: "\f149";
}
.icon-thumbs-up:before {
content: "\f164";
}
.icon-youtube:before {
content: "\f167";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-yelp:before {
content: "\f1e9";
}
.icon-newspaper-o:before {
content: "\f1ea";
}
.icon-calculator:before {
content: "\f1ec";
}
.icon-calendar-check-o:before {
content: "\f274";
}
.icon-user-circle:before {
content: "\f2bd";
}
.icon-user-circle-o:before {
content: "\f2be";
}
/* -------------------------------------------------------------------- */
.wrap1 {
z-index: 2;
position: relative;
padding: 0 2%;
}
.row {
max-width:100%!important;
margin: auto;
}
.clear{
clear:both;
}
ul {
margin-left: 0em!important;
}
/* -------------------------------------------------------Header Section CSS--------------------------------- */
/* Search Bar & Page */
/* Top Bar Section CSS */
/* ---------------------------------------------------------------------------------------- */
.desk-nav{
display: none;
width: 100%;
max-width: none;
padding: 0.5% 0% 1% 0%;
}
.logo-block{
position:relative;
z-index:99;
background-color:#fff;
}
.desk-nav .row>* , .mobile-nav .row>* {
padding: 0;
}
.mobile-nav{
padding: 0;
width: 100%;
max-width: none;
padding: 0% 0 0% 0;
z-index: 3;
position: relative;
background: white;
}
.main-bar{
padding: 0% 0%;
}
.logo-image{
position: relative;
}
.logo-image img{
position: relative;
width: 23em;
display: block;
margin: auto;
transition: all .3s ease-in-out;
left: -0.8em;
z-index: -2;
}
.logo-image a{
position: relative;
display: block;
transform: scale(1);
z-index: 0;
}
.contact-info {
font-size: 1.7em;
font-weight: 900;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
line-height: 1;
letter-spacing: .04em;
text-align: -webkit-center;
margin-top: 0%;
padding-right: 1%;
}
.contact-info strong{
position: relative;
font-size: 0.9em;
font-weight: 400;
color: #0a05e4;
letter-spacing: .04em;
top: .1em;
display: block;
}
.contact-info span{
position: relative;
top: 0.1em;
}
.contact-info a:hover{
color: #137bbe;
}
.contact-info a{
font-size: 1.4em;
display: block;
background-color: #163776;
width: 1.9em;
border-radius: 23em;
height: 1.9em;
line-height: 2;
color: #ffffff;
margin: auto;
transition: all .3s ease-in-out;
text-align: center;
text-decoration: none;
outline: .1em solid #65ee61;
outline-offset: -0.2em;
}
.mobile-nav .btn-primary {
color: #ffffff;
border: 0;
border-radius: 0;
padding: 0.8em 0em;
background: #000000;
margin-left: 0;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
font-size: 1.3em;
width: 100%;
}
.mobile-nav .btn-primary span{
display: block;
}
.shift-menu{
background-color:#007ffd;
}
.shift-item{
position: relative;
}
.offcanvas-end{
z-index: 999999;
width: 25em;
}
.shift-item a{
display: block;
position: relative;
text-decoration: none;
padding: .85em 0em .85em 1em;
background: #ff000000;
color: white;
margin: 0em 0;
border-bottom: 1px solid #ffffff1a;
border-left: 0em solid #003046;
transition: all .3s ease-in-out;
}
.shift-item .btn-secondary{
display: none;
position: absolute;
right: 0em;
top: 0.3em;
background: #ff000000;
border: 0;
font-size: 1.3em;
padding: 0.2em 0.7em;
}
.shift-item a:hover{
color: #ffffff;
background-color: #163776;
border-left: 0.5em solid #ffffff;
}
.dropdown.shift-item .btn-secondary{
display: block;
}
.shift-item a.sub-item{
background: #007ffd;
padding-left: 33px;
}
.shift-item a.sub-item:hover{
background-color: #163776;
}
/* ---------------------- */
/* NAV CSS */
.modal {
z-index: 999999999999999999999999999999;
}
.modal-header {
padding: 0;
border: 0;
}
.section-protecte .modal-header h5{
color: white!important;
}
.section-protecte .with_frm_style .frm_primary_label, .section-protecte .with_frm_style .frm_checkbox label{
color: white;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
width: 100%!important;
display: block;
background-color: #65ee62;
color: black;
}
.pop-label{
text-align: center;
text-transform: uppercase;
font-weight: 900;
font-size: 1.6em;
letter-spacing: .05em;
}
.modal-content {
background-color: #1f2c5f;
box-shadow: 0em 0em 1em #0000004f;
}
.modal-content iframe{
height: 46em!important;
}
.modal-header .btn-close{
position: relative;
left: -.9em;
}
.modal-title {
display: block;
text-align: center!important;
width: 100%;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 1.3em;
padding-top: 1em;
margin-bottom: -0.5em;
}
header#masthead {
margin-bottom: 0;
background-color: #ffffff !important;
box-shadow: none!important;
padding: 0rem 0rem!important;
z-index: 9999;
width: 100%;
transition: all .3s ease-in-out;
top: 0em;
display: block;
position: fixed;
max-width: 100%;
left: 0;
}
header#masthead.smallbar{
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%)!important;
}
.nav-accent{
position: relative;
padding: 1em 0;
}
.nav-accent:before, .nav-accent:after{
content:'';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: #1f2c5f;
z-index: -1;
clip-path: polygon(2.5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.nav-accent:after{
background: #044ba1;
z-index: -2;
right: 0;
clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%);
width: 101.2%;
}
.contact-info-desk a{
color: #003d7a;
text-align: center;
font-weight: 900;
font-size: 2em;
line-height: 1.1;
margin-bottom: 0;
}
.contact-info-desk a span{
color: #65ee62;
}
.nav-accent .btn{
transform: skew(-10deg);
}
.top-bar{
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;
letter-spacing: .1em;
transition: all .3s ease-in-out;
border-bottom: 1px solid #ffffff1f;
color: #0099bb;
margin: auto;
padding-right: 10em;
}
.top-bar #menu-top-menu{
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
}
.smallbar .top-bar{
font-size: 1em;
}
.top-bar input::-webkit-input-placeholder,.top-bar textarea::-webkit-input-placeholder {
color: #fff!important;
}
.top-bar input:-moz-placeholder,.top-bar textarea:-moz-placeholder {
color: #fff!important;
}
.top-bar .btn-primary{
display: block;
letter-spacing: .08em;
font-size: .9em;
color: black;
border: 0;
border-radius: 0;
}
.main-nav{
position: relative;
padding-top: 1%;
}
.search-bar input{
background-color: #ffffff00;
border: 0;
color: white;
border-bottom: 1px solid white;
}
.desk-nav .top-bar .btn-primary{
color: white;
font-size: .8em;
width: 100%;
margin-left: auto;
transition: all .3s ease-in-out;
padding-left: 2em;
}
.menu{
position: relative;
list-style: none;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
list-style-type: none;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
}
#menu-top-nav{
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
}
.top-bar .menu>li a{
font-size: 0.7em;
padding: 0.2em 0.7em;
color: black!important;
}
.top-bar .menu>li a svg{
width: 2.1em;
}
.top-bar .menu>li a svg path{
fill: #044ba1;
}
.top-bar .menu>li a span{
color: #044ba1;
}
.menu>li a:hover span{
color: white;
}
.menu>li.sched-link a{
color: white!important;
background: #e78b3d;
border-radius: 0em;
font-family: 'Exo 2', sans-serif;
}
.menu>li a{
padding: 0.3em 0.9em 0.3em 0.9em;
text-decoration: none;
color: #000000 !important;
font-size: 1.0em;
display: block;
transition: all .3s ease-in-out;
position: relative;
font-weight: 400;
text-align: center;
}
.menu>li a span{
color: #00b1b9;
}
.menu > li a[aria-current="page"] {
background-color: #07286b!important;
color: #fff!important;
}
.menu>li.menu-item-has-children> a:before {
content: "\f107";
font-family: 'icomoon' !important;
color: #000000;
display: block;
position: absolute;
font-size: 0.8em;
top: 22%;
right: 0.2%;
}
.menu>li.menu-item-has-children> a:hover:before {
color: #ffffff;
}
.sub-menu li a{
color: #030303!important;
}
.top-bar .menu>li:nth-child(3) a{
border: 0;
}
.menu>li a:hover{
background-color: #044ba1!important;
color: white!important;
}
.mainnav{
text-align: right;
padding: 0.7% 0;
position: relative;
}
.nav-border{
padding-left: 0em!important;
padding-right: 0em!important;
}
.mainnav .menu {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mainnav .menu .active>a {
color: #ffffff;
background: #f78d1f;
}
.mainnav .menu .active>a:before{
color: black!important;
}
.mainnav .menu .current-menu-item.active>a {
color: #ffffff;
background: #faa61a;
}
.mainnav .menu .sub-menu .current-menu-item.active>a {
color: #fefefe!important;
background: #f78d1f!important;
}
.mainnav .menu>li>a {
display: block;
padding: 0.7rem 0.6rem;
line-height: 1;
font-weight: 400;
font-size: 0.78em;
color: black;
letter-spacing: .02em;
}
.mainnav .menu>li>a:hover{
color: #ffffff;
background: #f78d1f;
}
.mainnav .menu>li>a:hover:before{
color: white;
}
.menu-item-has-children{
position: relative;
transition: all .3s ease-in-out;
}
.menu>li .sub-menu a{
text-transform: none;
letter-spacing: inherit;
padding: 0.6em 1em;
text-align: left;
border-radius: 0;
}
.mainnav .menu>li.menu-item-has-children >a:before {
content: "\f107";
font-family: 'icomoon' !important;
color: #ffffff;
display: block;
position: absolute;
font-size: 0.8em;
top: 37%;
right: 0.5%;
}
.main-nav .menu-item-has-children > .sub-menu{
top: 100%;
right: auto;
left: 0;
}
.main-nav .menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #ebebec;
list-style: none;
margin-left: 0.0rem;
width: 17em;
height: 0;
display: none;
z-index: 99;
}
.main-nav .menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
left: 0;
display: block;
animation: fadeIn .2s;
font-size: .88em;
text-align: left;
padding-left: 0;
}
.main-nav .last-column.menu-item-has-children:hover .sub-menu {
opacity: 1;
height: auto;
top: 100%;
right: 0%;
left: auto!important;
display: block;
animation: fadeIn .2s;
font-size: .88em;
text-align: left;
left: auto;
}
.main-nav .slim.menu-item-has-children .sub-menu{
color: #9ad25d;
background: #33204d;;
width: 165%;
text-align: left;
padding-left: 0%;
}
.main-nav .slim.menu-item-has-children:hover .sub-menu {
left: 0%;
}
.main-nav .menu-item-has-children .sub-menu>li{
padding: 0%;
}
.sub-menu a{
padding: 5% 4% 5% 4%;
display: block;
color: #1d1d1d;
font-size: .9em;
transition: all .3s ease-in-out;
border-bottom: 1px solid #00000014;
}
.sub-menu a:hover{
color: #ffffff;
background: #e62318;
padding: 5% 4% 5% 7%;
border-radius: 0;
}
/* Heating Tab 2 columns Sub menu */
.main-nav .double-column.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #e1e1e1;
list-style: none;
margin-left: 0.0rem;
width: 36em;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column.menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
left: 0%;
display: block;
animation: fadeIn .2s;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li{
width: 50%;
float: left;
padding: 0%;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.full-sub{
width: 100%;
float: left;
padding: 0%;
}
.double-column .sub-menu .full-sub a {
padding: 0.3em 0.6em 0.7em 0.6em;
border-right: 1px solid #00000014;
text-transform: uppercase;
letter-spacing: 0.12em;
text-align: center;
}
.double-column .sub-menu .full-sub a span{
font-size: 1.8em;
position: relative;
top: 0.2em;
}
.last-cool{
float: right!important;
}
.double-column .sub-menu a{
padding: 0.9em 0.6em 0.9em 0.7em;
border-right: 1px solid #00000014;
}
.main-nav .double-column-l.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #006ee3;
list-style: none;
margin-left: 0.0rem;
width: 410%;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column-l.menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
right: 0%;
display: block;
left: auto;
animation: fadeIn .2s;
}
.main-nav .double-column-l.menu-item-has-children .sub-menu>li{
width: 50%;
float: left;
padding: 0%;
}
/* Fly out menu */
.main-nav .double-column .fly-out.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #1a6887;
list-style: none;
margin-left: 0.0rem;
width: 18.8em;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover{
background-color: #f2a525;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover .sub-menu{
opacity: 1;
position: absolute;
background: #dcdcdc;
height: auto;
top: 0%;
right: -18.8em;
display: block;
animation: fadeInUp .2s;
left: auto;
}
.main-nav .double-column .fly-out.menu-item-has-children .sub-menu>li {
width: 100%;
float: left;
padding: 0%;
}
.quick-nav{
position: fixed;
top: -3em;
width: 100%;
background-color: #07286b!important;
padding: 2% 2% 5.5% 2%;
opacity: 0;
transition: all .3s ease-in-out;
overflow: hidden;
}
.quick-nav.adjust{
padding: 5% 0% 0% 0%;
opacity: 1;
top: 5em;
}
.quick-nav .col-3 {
flex: 0 0 auto;
padding: 0;
}
.quick-nav a{
color: #ffffff;
text-align: center;
display: block;
text-decoration: none;
padding: 6% 0% 6% 0%;
font-size: 1em;
transition: all .3s ease-in-out;
border-right: 1px solid #00000030;
background-color: #007ffd;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
}
.quick-nav a:hover{
color: white;
background-color: #209ad6;
}
.smallbar .quick-nav{
}
.quick-nav a em{
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 900;
display: block;
margin: 1.5em auto -2.6em auto;
color: white;
bottom: 0em;
font-size: 0.7em;
position: relative;
opacity: 0;
transition: all .3s ease-in-out;
}
.quick-nav a em:after{
content: '';
position: absolute;
height: 11.5em;
width: 100%;
background-color: #b00c03;
border-radius: 900em;
z-index: -1;
left: 0%;
bottom: -9.6em;
}
.quick-nav a:hover em{
bottom: 1.2em;
opacity: 1;
}
.quick-nav a:hover span{
/* top: -0.6em; */
font-size: .9em;
}
/* ------------------------------------------------------------------------------------- */
#site-wrap {
max-width: 1700px;
margin: auto;
box-shadow: 0px 0px 2em rgba(181,193,199,.46);
}
/* Slider Section CSS */
.sliderfull {
background-position: center;
position: relative;
z-index: 1;
margin-top: 9%;
background-image: url(/wp-content/uploads/2026/01/bd-slider.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.badge-sec{
margin-top:11em;
}
.static-slide{
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
position: relative;
z-index: 2;
margin-top: 0%;
padding: 10% 5% 6% 5%;
color: white;
\: 0.4em solid #044ba1;
text-align: center;
}
.slider-header{
line-height: 1;
font-size: 2.1em;
position: relative;
letter-spacing: .07em;
color: #ffffff;
margin-bottom: 2%;
animation: fadeInLeft 3s;
font-weight: 900;
animation-timing-function: ease;
animation-fill-mode: both;
animation-delay: 1s;
transition: 1s ease-in-out;
opacity: 0;
transform: translateX(-40%);
/* text-transform: uppercase; */
}
@keyframes fadeInLeft {
20% {
opacity: 0;
transform: translateX(-20%);
}
30%, 100% {
opacity: 1;
transform: translateX(0%);
}
}
.slider-header strong{
display: block;
font-size: 2.74em;
color: #b3dce3;
}
.slider-header span{
display: block;
font-size: 2.3em;
text-transform: uppercase;
}
.sliderfull .btn {
max-width: 300px;
margin: 1em auto
}
.slider-usp-row{
position: relative;
width: 85%;
margin: 7em auto 1em auto;
z-index: 2;
padding: 0;
text-align: center;
}
.slider-usp-row:after{
content:'';
position: absolute;
right: 1.2em;
bottom: 1.9em;
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.usp-box-row .usp-slide .col-3, .usp-box-row .usp-slide .col-9{
width: 100%;
}
.usp-box-row .col{
padding: 0 .9%!important;
width: 33.33%!important;
flex: unset;
}
.usp-slide{
position: relative;
height: 8.4em;
text-align: left;
line-height: 1.1;
outline-offset: -0.7em;
font-size: 0.7em;
transition: all .3s ease-in-out;
text-align: center;
background: #1d4587c4;
color: #ffffff;
text-transform: uppercase;
padding: 0.5em 0.1em 1em 0.1em;
border: 1px solid #00000038;
border-radius: 1em;
}
.usp-slide span{
display: block;
color: #ffffff;
font-size: 4.1em;
line-height: 0.8;
position: relative;
/* top: 0.3em; */
margin-bottom: -.1em;
}
/* ---------------------- */
/* Section-1 CSS */
.section-1 {
position: relative;
z-index: 0;
padding: 4% 7% 4% 7%;
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
background-color: white;
}
.section-1:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
background-image: url(/wp-content/uploads/2026/02/lines-bg.png);
width: 100%;
height: 100%;
-webkit-transform: translate(-1em,13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em,13%);
transition: transform .4s ease 0s;
z-index: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.topline {
font-size: 1.7em;
color: #007ffd;
}
.section-8 .topline{
font-size: 1.7em;
color: #ffffff;
}
.section-1 h2{
font-size: 2.7em;
margin-top: 0;
}
.section-1 h2 span{
display: block;
margin-top: 0;
}
.section-1 .carousel-control-next,.section-1 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.form .with_frm_style .frm_primary_label{
color: white;
}
.form iframe{
margin-top: .5em;
height: 41em!important;
}
.form-label{
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 1.5em;
color: white;
}
/* ---------------------- */
/* Section-2 CSS */
.section-2{
padding: 1% 7% 0% 7%;
position: relative;
z-index: 3;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}
.sec2-right{
position:relative;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
background-image: url(https://www.cliclocal.net/wp-content/uploads/2026/02/icon-blue.png);
width: 27%;
height: 13.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-9em, 74%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
background-image: url(/wp-content/uploads/2026/01/revenue-img.png);
width: 55%;
height: 49.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 32%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: right;
}
.section-2 h1{
font-size:2.7em;
}
.section-2 h1 span{
font-size:1.2em;
display:block;
}
.top-services .col-4{
padding: 0 0.9%;
}
.top-services{
position: relative;
padding: 2% 4%;
z-index: 3;
margin-top: 2em;
margin-bottom: 4em;
overflow: hidden;
}
.top-icon{
position:relative;
width: 76px;
height: 76px;
border-radius: 18px;
background: #e8f0f9;
padding: 7px;
}
.top-services:after{
right: -97%;
left: auto;
background-position: left;
}
.top-services .carousel-inner{
padding: 0em 1em;
}
.top-services a{
position: relative;
background-color: #ffffff;
color: #ffffff;
display: block;
z-index: 2;
text-decoration: none;
height: 24em;
transition: all .3s ease-in-out;
text-align: left;
margin: 0em auto;
border-radius: 22px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
padding: 24px;
}
.top-services a span{
display: block;
font-size: 3.5em;
transition: all .3s ease-in-out;
width: 100%;
color: #07286b;
text-align: left;
}
.top-services a span:after{
content:'';
position: absolute;
top: -0.15em;
left: 0;
width: 100%;
height: 1.3em;
background-repeat: no-repeat;
z-index: -1;
background-position: center;
background-size: 1.1em;
}
.top-services a svg{
width: 6em;
height: 6em;
position: relative;
top: 0.6em;
transition: all .3s ease-in-out;
}
.top-services a svg path{
transition: all .3s ease-in-out;
fill: #0056a6;
}
.servi-label{
=: 1.8em;
width: 100%;
font-size: 1.2em;
padding: 0% 0%;
line-height: 1.1;
transition: all .3s ease-in-out;
font-weight: 700;
color: #007ffd;
text-align: left;
margin: 13px 0;
}
.top-services p{
font-size: 1em;
transition: all .3s ease-in-out;
color: #000;
}
.ts-box-4, .ts-box-5{
position: relative;
left: 16.5%;
}
@keyframes uspTada {
20% {
opacity: 1;
transform: scale(1);
}
40% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.top-services a:hover{
background-color: #007ffd;
color: #ffffff;
}
.top-services a:hover:after{
background: #65ee62;
}
.top-services a:hover span{
}
.top-services a:hover svg{
width: 2em;
height: 2em;
right: 0.3em;
opacity: 0;
top: 0em;
}
.top-services a:hover svg path{
fill: #000;
}
.top-services a:hover .servi-label{
bottom: 75%;
color: #ffffff;
text-shadow: none;
left: 1em;
}
.top-services a:hover .servi-label strong{
color: black;
}
.top-services a:hover p{
opacity: 1;
bottom: 0em;
\: 2em 0.7em 2em 0.5em;
color: #ffffff;
}
.box-3{
border: 0!important;
}
/* ---------------------- */
/* Section-3 CSS */
.section-3{
padding: 16em 7% 0em 7%;
position: relative;
z-index: 3;
text-align:center;
margin-top: 9em;
}
.section-3 .carousel-control-next,.section-3 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.section-3 h2{
text-align:center;
font-size: 2.5em;
color: #07286b;
}
.section-3 h2 span{
display:block;
}
.section-3 img{/* width:100%; */}
/* ---------------------- */
/* Section-4 CSS */
.section-4{
padding: 6% 7% 11% 7%;
position: relative;
z-index: 3;
background: #ffffff00;
background-image:url(/wp-content/uploads/2026/01/sec4-bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
margin-top: 6em;
}
.section-4 .carousel-control-next,.section-4 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.section-5 .carousel-control-next,.section-5 .carousel-control-prev {
position: absolute;
top: 43%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.top-icon-b {
position: relative;
width: 76px;
height: 76px;
border-radius: 18px;
background: #e8f0f9;
justify-content: center;
padding: 7px;
margin-left: auto;
margin-right: auto;
}
.top-icon-c {
position: relative;
width: 76px;
height: 76px;
border-radius: 18px;
background: #e8f0f9;
justify-content: center;
padding: 7px;
}
.section-4:after {
content: "";
position: absolute;
width: 51%;
height: 78%;
bottom: -30px;
left: -13px;
background-color: #ffffff;
z-index: -1;
border-radius: 22px;
}
.section-4 h2{
display:block;
font-size:2em;
color:#fff;
}
.section-4 h2 span{
display:block;
font-size:1.52em;
}
.usp-con{
width: 100%;
text-align: center;
margin-top: 10px;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
background-image: url(/wp-content/uploads/2026/01/johnthe-site.png);
width: 50%;
height: 55.389em;
-webkit-transform: translate(-1em,13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em,2%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.usp-wrap{
position: relative;
}
.usp-wrap .col-lg-4{
padding: 0 .59%
}
.usp-blk {
position: relative;
padding: 0;
font-size: .9em;
border: 0px solid #0000002e!important;
transition: all .3s ease-in-out;
}
.usp-blk span{
color: #07286b;
font-size: 2.6em;
position: relative;
z-index: 1;
}
.usp-blk span:after{
content:'';
position: absolute;
top: -0.15em;
left: 0;
width: 100%;
height: 1.3em;
background-repeat: no-repeat;
z-index: -1;
background-position: center;
background-size: 1.1em;
opacity: 0.2;
}
.usp-label{
font-size: 1.4em;
color: #007ffd;
}
/* ---------------------- */
/* Section-5 CSS */
.section-5{
padding: 8% 7% 5% 7%;
position: relative;
z-index: 2;
color: #000000;
/* background-color: #ffffff; */
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
}
.section-5:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
background-image: url(/wp-content/uploads/2026/02/lines-bg.png);
width: 100%;
height: 100%;
-webkit-transform: translate(-1em,13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em,13%);
transition: transform .4s ease 0s;
z-index: -1;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
.section-5 h2{
text-align:center;
font-size: 2.0em;
margin-bottom: 26px;
color: #007ffd;
}
.section-5 h2 span{
text-align:center;
margin-bottom: 30px;
color: #07286b;
display:block;
font-size: 1.5em;
}
.agency-block a{
position: relative;
background-color: #ffffff;
color: #000000;
display: block;
z-index: 2;
text-decoration: none;
transition: all .3s ease-in-out;
margin: 3em auto;
font-size: .9em;
border-radius: 22px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
padding: 2em;
margin-bottom: 27px;
height: 21em;
}
.agency-block a:hover .label {
font-size: 1.4em;
color: #ffffff;
}
.agency-block a:hover{
position: relative;
background-color: #007ffd;
color: #ffffff;
display: block;
z-index: 2;
text-decoration: none;
transition: all .3s ease-in-out;
margin: 3em auto;
font-size: .9em;
border-radius: 22px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
padding: 2em;
margin-bottom: 27px;
}
.icon {
color: #07286b;
font-size: 2.6em;
position: relative;
z-index: 1;
?
line-height: 0;?
line-height: 0;?
line-height: ;?
line-height: -4px;?
line-height: -3px;?
line-height: -2px;?
line-height: -1px;?
line-height: 0;
line-height: 0px;
padding: 10px;
}
.label {
font-size: 1.4em;
color: #007ffd;
}
.add-box{
position: relative;
padding: 0 1em;
margin-top: 1%;
}
.add-header{
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
color: white;
font-size: 1.2em;
padding-bottom: .5em;
border-bottom: 1px solid #ffffff1c;
}
/* ---------------------- */
/* Section-6 CSS */
.section-6{
position: relative;
padding: 5% 0% 2% 0%;
background-size: 100%;
background-position: 100% 160%;
background-color: #eff1f9;
z-index: 0;
background-repeat: no-repeat;
}
.testimonial-block{
margin:0 4em;
}
.section-6:before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(/wp-content/uploads/2026/02/lines-bg.png);
width: 100%;
height: 100%;
-webkit-transform: translate(0em,0%);
-ms-transform: translate(0em,0%);
transform: translate(0em,-23%);
transition: transform .4s ease 0s;
z-index: -99;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-6 .carousel-control-next,.section-6 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.section-6:after {
content: '';
position: absolute;
bottom: 0%;
left: 0px;
font-weight: 200;
z-index: -1;
height: 41%;
width: 100%;
transition: all .3s ease-in-out;
outline-offset: -1.2em;
overflow: hidden;
color: white;
background-image: url(/wp-content/uploads/2026/01/blue-bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.section-6 h2{
text-align:center;
margin-bottom:40px;
color:#007ffd;
}
.section-6 h2 span{
display:block;
font-size:1.4em;
color:#07286b;
}
.data-sec{
margin: 0 10em;
margin-bottom: 40px;
}
.data-block{
text-align:center;
}
.data-number{
font-size: 2.8em;
color:#07286b;
font-weight:800;
}
.blue-sec{
padding: 3em;
text-align: center;
color: #fff;
}
.divider-label{
font-size:2.0em;
font-weight:900;
margin-bottom: 12px;
}
.divider-sublabel{
margin-bottom:20px;
}
.testimonial-sec{
background-color:#fff;
padding: 4em 0;
border-radius: 1em;
}
.testimonial-name{
text-align:center;
}
.testimonial-title{
text-align:center;
}
/* Section 7 */
.section-7{
position: relative;
padding: 10% 7%;
background-position: center;
background-size: cover;
}
.section-7 h2{font-size: 2.7em;margin-top: 0;}
.section-7 h2 span{display:block}
.section-7 .carousel-control-next,.section-7 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.section-9 .carousel-control-next,.section-9 .carousel-control-prev {
position: absolute;
top: 33%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 3em;
padding: 0;
color: #000000;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
background: #3760ef !important;
transition: opacity .15s ease;
z-index: 3;
height: 14%;
border-radius: 13px;
}
.top-usps{
text-align:center;
}
.top-usps span{
text-align:center;
font-size: 3.6em;
}
/* Section 8 */
.section-8{
padding: 4% 7% 7% 7%;
position: relative;
z-index: 2;
color: white;
background-position: top;
border-radius:2em;
}
.section-8 h2{
font-size:3.4em;
margin-top:0;
color:#fff;
}
.blue-bg{
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
background-repeat: no-repeat;
\: .5em solid #044ba1;
border-radius: 1em;
padding: 9em 0;
position:relative;
overflow: hidden;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
background-image: url(/wp-content/uploads/2026/01/clicdashboard.png);
width: 57%;
height: 42.389em;
-webkit-transform: translate(-5em,7%);
-ms-transform: translate(-5em,7%);
transform: translate(-5em,7%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-8 .map-side{
padding: 0;
position: relative;
}
.section-8 .map-side:after{
content:'';
position: absolute;
right: 2%;
top: 0;
width: 100%;
height: 99%;
background: #044ba1;
z-index: -1;
clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.section-8 .map-side iframe{
padding: 0;
clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.section-8 .bullet-list li:after {
content: "\f041";
color: #ffffff;
font-size: 1.333em;
}
.section-9{
padding: 4% 7% 7% 7%;
position: relative;
z-index: 2;
color: #000000;
background-position: top;
border-radius:2em;
}
.section-9:after {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(/wp-content/uploads/2026/02/lines-bg.png);
width: 100%;
height: 100%;
-webkit-transform: translate(0em,0%);
-ms-transform: translate(0em,0%);
transform: translate(-86em,0%);
transition: transform .4s ease 0s;
z-index: -1;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-9:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
background-image: url(/wp-content/uploads/2026/02/conversionamp-dash.png);
width: 50%;
height: 55.389em;
-webkit-transform: translate(0em, -10%);
-ms-transform: translate(0em, -10%);
transform: translate(0em, -10%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section-10 {
padding: 4% 7% 7% 7%;
position: relative;
z-index: 2;
color: white;
background-position: top;
border-radius: 2em;
}
.section-10 .h2{text-align:center;font-size: 9em;margin-top: 0;margin-bottom: 0;padding-bottom: 0;position: relative;z-index: -9;color: #003d7a;}
.business-name{
font-size:3.5em;
font-weight: 800;
}
.business-sub{
margin-bottom:20px;
}
.industry {
font-size: 1.5em;
font-weight: 800;
}
.section-10 .nav .nav-item {
margin-bottom: -1px;
width: 19.99%;
background: 0 0;
border: 0 solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
position: relative;
color: #000;
text-transform: uppercase;
}
.section-10 .nav-tabs {
border-bottom: 1px solid #dee2e6;
background-color: #f8f8f8;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 1em;
border-radius: 1em;
}
.section-10 .nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
color: #ffffff;
background-color: #007ffd!important;
text-align:center;
border-radius: 1em;
}
.section-10 .nav-tabs .nav-link, .nav-tabs .show>.nav-link {
color: #000000;
background-color: #5f277f00 !important;
width:90%;
text-align:center;
margin-left: auto;
margin-right: auto;
border-radius: 3em;
}
.section-11 {
padding: 4% 7% 12% 7%;
}
.case-studies{
position:relative;
padding-bottom: 21px;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: -80px;
font-weight: 200;
z-index: -1;
height: 81%;
width: 79%;
transition: all .3s ease-in-out;
outline-offset: -1.2em;
overflow: hidden;
color: white;
background-image: url(/wp-content/uploads/2026/01/blue-bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
}
.section-9 h2{
margin-top:0px;
font-size: 3.5em;
line-height: 54px;
}
.section-11 h2{
text-align:center;
margin-bottom: 52px;
}
.section-11 h2 span{
display:block;
font-size:2em;
}
.service-areas{
position: relative;
}
.service-areas-list{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 10px;
margin-top: 2em;
}
.service-areas-list {
overflow-y: scroll;
height: 13em;
overflow-x: hidden;
margin-left: 0rem;
}
#result-message{
margin-top: .3em;
display: block;
font-weight: 900;
}
/*
* STYLE 1
*/
.service-areas-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 49%);
border-radius: 15px;
background-color: #00000029;
}
.service-areas-list::-webkit-scrollbar {
width: 5px;
/* background-color: #F5F5F4; */
}
.service-areas-list::-webkit-scrollbar-thumb {
border-radius: 15px;
-webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 36%);
background-color: #000000;
}
.service-areas-list li {
position: relative;
padding: 0.4em 0.3em 0.4em 0.2em;
font-size: 1em;
font-weight: 500;
width: 48%;
margin: 0.3em 0.2em;
background: #172045ba;
border-radius: 0.5em;
transform: skew(-8deg, 0deg);
color: #ffffff;
text-transform: uppercase;
}
.service-areas-list li strong{
display: block;
padding-left: 1.6em;
}
.service-areas-list li a{
color: black;
text-decoration: none;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 700;
}
.service-areas-list li:after {
content: "\f041";
font-family: 'icomoon' !important;
position: absolute;
top: 0.2em;
left: 0.6em;
color: #65ee62;
font-size: 1.333em;
border-radius: 50%;
line-height: 1;
}
#profile-2 .service-areas-list li {
padding-left: 0em;
}
#profile-2 .service-areas-list li strong{
padding-left: 2em;
}
.serv-list{
width: 100%;
-webkit-flex-wrap: wrap!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
-webkit-justify-content: space-between!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
list-style: none;
padding: 10px;
border-top: 1px solid #ffffff17;
margin: auto!important;
}
.serv-list li {
position: relative;
padding: 0.2em 0em 0em 0em;
font-size: 0.6em;
font-weight: 500;
width: 45%!important;
font-style: normal!important;
}
.serv-list li:after {
display: none;
}
.serv-list li a{
color: #65ee62;
text-decoration: none;
}
.serv-list li a:hover{
color: #044ba1;
}
.section-8 .btn{
max-width: 400px;
margin: 1em 0 0 0;
}
.zip-check{
position: relative;
margin-top: 1em;
font-size: 0.8em;
}
.search-subtitle{
position: relative;
text-transform: uppercase;
letter-spacing: 0.08em;
line-height: 1.1;
}
#zip-input{
position: relative;
background: #00000047;
color: white;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
padding: 0.1em 0.1em 0.5em 1.1em;
}
.zip-check button{
position: relative;
padding: .2em 1.4em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
background: #65ee62;
color: #000000;
}
.close-cta{
font-size: 1.25em;
padding: 2em 1.5em 2em 1.5em;
position: relative;
text-align: center;
margin: 0rem 0 0rem;
color: #000000;
z-index: 2;
border-top: 1px solid #ffffff24;
background: #ffffff;
width: 100%;
font-weight: 700;
}
.close-cta:after{
content:'';
position: absolute;
width: 100%;
height: 3em;
top: -1.6em;
left: 0em;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
/* --------------------------- */
.sched-row {
position: relative;
padding: 0;
max-width: 100%;
margin: auto;
box-shadow: 0em 0em 2em #00000000;
}
.sched-row.row>*{
padding: 0;
}
.sched-row a, .sched-row button {
color: white;
text-transform: uppercase;
display: block;
line-height: 1;
padding: 2% 2% 3% 2%;
transition: all .3s ease-in-out;
border-radius: .7em;
text-decoration: none;
font-size: 0.9em;
margin: 0;
border-radius: 0em;
position: relative;
z-index: 1;
background: #044ba1;
width: 100%;
border:0;
}
.sched-row button.pop-button:before{
transform: scale(1);
}
.sched-row button.pop-button{
position: relative;
color: #ffffff;
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
font-size: 1.3em;
}
.sched-row button.pop-button:after {
content: " ";
position: absolute;
bottom: 0em;
height: 100%;
z-index: -1;
width: 100%;
transition: all .3s ease-in-out;
right: 0%;
}
.top-footer{
padding:3em;
}
.sched-row button.pop-button strong{
text-shadow: none;
}
.sched-row button.pop-button span{
color: black;
}
.sched-row a .column,.sched-row a .columns , .sched-row button .column,.sched-row button .columns {
padding-left: 0rem;
padding-right: 0rem;
}
.sched-row a strong, .sched-row button strong {
letter-spacing: 0.03em;
font-size: 2.2em;
font-weight: 900;
display: block;
text-shadow: -0.1em 0.1em 0em #000000;
margin-bottom: 0.3em;
}
.sched-row a span, .sched-row button span {
display: block;
text-align: center;
font-size: 9em;
position: relative;
/* top: -.1em; */
opacity: 1;
line-height: 0.6;
left: -0.1em;
}
.sched-row a:hover span, .sched-row button:hover span{
-webkit-animation: tada 1s;
animation: tada 1s;
}
.sched-row a:hover, .sched-row button:hover{
background-color: #464646;
color: #ffffff;
cursor: pointer;
}
/* Footer Section CSS */
/* Footer CTA */
.site-footer{
background-color: #ffffff!important;
color: black!important;
max-width: 100%;
margin: auto;
box-shadow: 0em 0em 2em #000000;
padding-bottom: 0em;
}
.footer-slogan{
font-size: 1.9em;
font-weight:900;
margin-bottom: 36px;
}
.footer-slogan span{
display:block;
font-size:0.73em;
color: #007ffd;
}
.site-footer .bullet-list li:after{
display: none;
}
.site-footer .bullet-list li{
padding: 0.2em 0;
}
.site-footer .bullet-list li{
width: 50%;
}
.logo-foot{
/* text-align: center; */
/* padding: 2%; */
}
.logo-foot img{
display: block;
width: 28em;
margin: 1em;
}
.logo-foot a{
text-decoration: none;
text-transform: uppercase;
letter-spacing: .08em;
color: black!important;
}
.schema{
/* text-align: center; */
}
.schema a{
display: block;
font-weight: 900;
}
.schema a:hover{
color: #03a8e2!important;
}
.footer-txt{
color: #1f2c5f;
font-size: 1.2em;
margin-top: 1em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 1em;
margin-top: 9px;
}
.foot-links{
text-align: center;
font-size: .9em;
}
.help-link {
display: block;
text-decoration: none;
padding: 0.5em;
padding-left: 0;
}
.help-links a{
display: block;
text-decoration: none;
border-bottom: 1px solid #0000001c;
padding: .5em;
}
.help-links a:hover{
color: #03a8e2!important;
}
.copyright{
color: white;
text-transform: uppercase;
font-size: 0.7em!important;
letter-spacing: .08em;
padding: 1.1em 0em 0.8em 0em!important;
max-width: none;
width: 100%;
background: #111111;
margin-top: 0;
border-top: 1px solid #00000029;
}
.lic-numbner{
text-transform: uppercase;
font-size: .9em;
letter-spacing: .08em;
}
.socialmedia{
position: relative;
}
.socialmedia .navbar{
position: relative;
list-style: none;
justify-content: flex-start;
padding: 0;
width: 100%;
}
.socialmedia .navbar a{
color: #3f63c9!important;
font-size: 2em;
text-decoration: none;
padding: 0em 0.2em 0em 0.2em;
margin: 0em 0em;
display: block;
text-align: center;
}
.socialmedia .navbar a span{
line-height: 1.7;
}
.socialmedia .navbar a:hover{
background-color: #b5201d00;
}
.socialmedia .navbar a:hover{
color: #03a8e2!important;
}
.schema-title{
margin: 0.7em 0 0em 0!important;
}
footer a{
text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------Inner Pages Css ------------------------------------------------------------------ */
/* Global Inner CSS */
.inside-content{
padding-bottom: 0%;
}
.insideimage{
position: relative;
padding: 8% 4% 8% 4%;
margin-top: 6.5%;
background-position: 100% 70%;
z-index: 12;
background-image: url(/wp-content/uploads/2026/01/bd-slider.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.insideimage .btn-primary:hover {
color: #007ffd;
background-color: #ffffff;
}
.insideimage .slider-usp{
bottom: -2em;
position: relative;
z-index: 3;
width: 65%;
margin: 0em auto -1em 0;
}
.insideimage .truck-image:after{
bottom: 0em;
right: 2em;
}
.insideimage .slider-usp.row>*{
padding: 0 .4em;
}
.insideimage .slider-usp .usp-box p{
opacity: 1;
font-size: 1.1em;
bottom: -1.2em;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0;
line-height: 1.1;
}
.insideimage .slider-usp .usp-box{
font-size: 0.7em;
width: 100%;
/* color: black; */
transition: all .3s ease-in-out;
height: 8.8em;
text-align: center;
border: 1px solid #e6e6e6;
background: white;
padding: 0.1em;
}
.insideimage .slider-usp .usp-box span{
font-size: 5.5em;
/* line-height: 0.7; */
margin: -0.1em auto 0.05em auto;
left: 0em;
color: #65ee62;
}
.banner-head{
position: relative;
color: #ffffff;
font-size: 2.9em;
text-transform: uppercase;
z-index: 2;
padding-left: 0.5em;
border-radius: 0em;
width: 100%;
text-align: center;
font-weight: 900;
}
.banner-subline{
text-align":center;
;;text-align: center;;;
;;;;color: #fff;;;;;
;;;;;margin-bottom: 20px;;;;;;
}
.extra-pad{
padding: 0 5%;
}
.wp-video{
margin: auto;
}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: black;
z-index: 999;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 30px;
padding: 0% 2% 1.8% 1%;
}
#breadcrumbs a {
color: #174aa2;
font-weight: 900;
text-decoration: none;
}
#breadcrumbs .icon-home {
font-size: 1.2em;
border-right-width: thin;
border-right-style: solid;
border-right-color: rgba(0, 0, 0, 0.2);
padding: 1em;
margin-right: 12px;
color: #1e2c5f;
}
.inside-section-2 h2, .inside-section-3 h2, .inside-section-4 h2, .inside-section-5 h2, .inside-section-6 h2, .inside-section-7 h2{
font-size: 2em;
font-weight: 900;
}
.web-inner-sec5 {
padding: 6% 7% 6% 7% !important;
}
.web-inner-sec5 H2{
text-align:center;
}
.web-inner-sec5 p{
text-align:center;
}
.inside-section-4 h2{
color: #343434;
}
.inside-section-3.careers-padding{
margin-top: 15%;
}
.inside-section{
background-color: #eff1f9;
}
.sec2-header{margin-bottom:40px;color:#007ffd;}
.sec2-header span{
display:block;
font-size:1.4em;
color:#07286b;
}
.rev-sec-in .sec2-header{
text-align:center;
font-size:1.4em;
}
.inside-section-1{
position: relative;
background-color: #ffffff;
padding: 2% 7% 2% 7%;
color: #000000;
z-index: 9;
}
.inside-section-1:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
background-image: url(/wp-content/uploads/2026/01/johnthe-site.png);
width: 44%;
height: 55.389em;
-webkit-transform: translate(-3em,-1%);
-ms-transform: translate(-3em,-1%);
transform: translate(-3em,-1%);
transition: transform .4s ease 0s;
z-index: 999;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.seoinside-section-1{
padding: 6% 7% 4% 7%;
}
.clicAbout .clicCore__kicker{
display:inline-block;
font-weight:900;
letter-spacing:.12em;
color:#003d7a;
border-top:2px solid rgba(0,61,122,.18);
border-bottom:2px solid rgba(0,61,122,.18);
padding:10px 24px;
border-radius:999px;
}
/* =========================================================
ABOUT US (scoped)
========================================================= */
#clic-about{
--clic-blue: #007ffd;
--clic-navy: #003d7a;
--clic-ink: rgba(0,0,0,.86);
--clic-muted: rgba(0,0,0,.66);
}
#clic-about .clicAbout__h2{
font-weight: 900;
color: var(--clic-ink);
margin-bottom: .25rem;
}
#clic-about .clicAbout__h3{
font-weight: 900;
color: var(--clic-ink);
}
#clic-about .clicAbout__p{
color: var(--clic-muted);
line-height: 1.65;
}
#clic-about .clicAbout__cta{
margin: 0;
font-style: italic;
color: var(--clic-ink);
}
#clic-about .clicAbout__ctaText{
display: inline-flex;
flex-wrap: wrap;
gap: .35rem .35rem;
align-items: baseline;
border-radius: 14px;
padding: .45rem .75rem;
transition: box-shadow .25s ease, transform .25s ease, background .25s ease;
}
#clic-about .clicAbout__ctaNum{
font-weight: 900;
color: var(--clic-navy);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
/* CTA micro-hover */
#clic-about .clicAbout__ctaText:hover{
background: rgba(0,127,253,.08);
box-shadow: 0 18px 45px rgba(0,0,0,.08);
transform: translateY(-1px);
}
#clic-about .clicAbout__ctaText:hover .clicAbout__ctaNum{
color: var(--clic-blue);
}
/* divider line like your screenshot */
#clic-about .clicAbout__rule{
height: 3px;
width: min(520px, 100%);
background: linear-gradient(90deg, var(--clic-blue), rgba(0,127,253,.12));
border-radius: 999px;
}
/* Timeline */
#clic-about .clicAbout__timeline{
position: relative;
padding-left: 18px;
}
#clic-about .clicAbout__timeline::before{
content:"";
position:absolute;
left: 8px;
top: 6px;
bottom: 6px;
width: 2px;
background: linear-gradient(var(--clic-blue), rgba(0,61,122,.15));
border-radius: 999px;
opacity: .55;
}
#clic-about .clicAbout__step{
position: relative;
display: grid;
grid-template-columns: 18px 1fr;
column-gap: 14px;
margin-bottom: 16px;
}
#clic-about .clicAbout__dot{
width: 14px;
height: 14px;
border-radius: 999px;
background: var(--clic-blue);
box-shadow: 0 0 0 6px rgba(0,127,253,.12);
margin-top: 8px;
}
#clic-about .clicAbout__card{
background: #fff;
border-radius: 18px;
padding: 14px 16px;
box-shadow: 0 18px 55px rgba(0,0,0,.06);
border: 1px solid rgba(0,0,0,.06);
color: var(--clic-muted);
line-height: 1.65;
}
/* Scroll reveal animation */
#clic-about .js-reveal{
opacity: 0;
transform: translateY(12px);
transition: opacity .55s ease, transform .55s ease;
will-change: opacity, transform;
}
#clic-about .js-reveal.is-in{
opacity: 1;
transform: translateY(0);
}
/* Right visual */
#clic-about .clicAbout__visualWrap{
position: relative;
border-radius: 26px;
overflow: hidden;
background: radial-gradient(900px 260px at 20% 10%, rgba(0,127,253,.18), rgba(0,61,122,0) 55%),
radial-gradient(900px 260px at 80% 30%, rgba(0,61,122,.14), rgba(0,61,122,0) 60%);
min-height: 360px;
box-shadow: 0 28px 90px rgba(0,0,0,.10);
border: 1px solid rgba(0,0,0,.06);
}
/* The image itself (parallax) */
#clic-about .clicAbout__visual{
width: 100%;
height: auto;
display: block;
transform: translate3d(0, 0, 0);
will-change: transform;
user-select: none;
pointer-events: none;
}
/* Soft glow overlay */
#clic-about .clicAbout__glow{
position:absolute;
inset: -40px;
pointer-events:none;
background: radial-gradient(420px 220px at 60% 40%, rgba(0,127,253,.16), rgba(0,127,253,0) 65%),
radial-gradient(520px 260px at 40% 70%, rgba(0,61,122,.14), rgba(0,61,122,0) 70%);
opacity: .9;
}
/* Responsive tweaks */
@media (max-width: 991.98px){
#clic-about .clicAbout__visualWrap{
min-height: 280px;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
#clic-about .js-reveal{
transition:none !important;
opacity: 1 !important;
transform: none !important;
}
#clic-about .clicAbout__ctaText{
transition:none !important;
}
#clic-about .clicAbout__visual{
transform:none !important;
}
}
.inside-section-2{
position: relative;
background-color: #ffffff;
padding: 6% 7% 4% 7%;
color: #000000;
z-index: 9;
}
.inside-section-2:after{
content:'';
position: absolute;
left: 6em;
top: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
.inside-section-2:before{
content:'';
position: absolute;
bottom:0px;
right: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
/* =========================================================
CORE VALUES (scoped)
========================================================= */
#clic-core-values{
margin-top:5em;
}
#clic-core-values .clicCore__kicker{
display:inline-block;
font-weight:900;
letter-spacing:.12em;
color:#003d7a;
border-top:2px solid rgba(0,61,122,.18);
border-bottom:2px solid rgba(0,61,122,.18);
padding:10px 24px;
border-radius:999px;
}
#clic-core-values .clicCore__h2{ font-weight:900; color:#003d7a; }
#clic-core-values .clicCore__lead{ color: rgba(0,0,0,.65); }
#clic-core-values .clicCore__foot{ color: rgba(0,0,0,.70); }
/* icon ring */
#clic-core-values .clicCore__iconRing{
width: 74px;
height: 74px;
border-radius: 999px;
background:#003d7a;
display:flex;
align-items:center;
justify-content:center;
margin: 4px auto 10px auto;
box-shadow: inset 0 0 0 6px rgba(255,255,255,.85);
}
#clic-core-values .clicCore__iconImg{
width: 40px;
height: 40px;
object-fit: contain;
}
/* DESKTOP cards */
#clic-core-values .clicCore__card{
width:100%;
border:0;
background: #eff1f9;
border-radius: 22px;
padding: 18px 16px;
box-shadow: 0 18px 45px rgba(0,0,0,.06);
transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
height: 18em;
}
#clic-core-values .clicCore__card:hover{
transform: translateY(-2px);
box-shadow: 0 26px 70px rgba(0,0,0,.10);
}
#clic-core-values .clicCore__title{
text-align:center;
font-weight:900;
color:#003d7a;
margin-bottom: 10px;
line-height: 1.15;
}
/* reserve height so no jumps */
#clic-core-values .clicCore__detail{
min-height: 64px;
opacity: 0;
transform: translateY(8px);
transition: opacity .25s ease, transform .25s ease;
}
#clic-core-values .clicCore__detailText{
text-align:center;
color: rgba(0,0,0,.72);
}
/* Active */
#clic-core-values .clicCore__card.is-active{
background: linear-gradient(135deg,#007ffd,#003d7a);
box-shadow: 0 28px 80px rgba(0,127,253,.22), 0 18px 55px rgba(0,0,0,.10);
}
#clic-core-values .clicCore__card.is-active .clicCore__title,
#clic-core-values .clicCore__card.is-active .clicCore__detailText{ color:#fff; }
#clic-core-values .clicCore__card.is-active .clicCore__detail{
opacity:1; transform: translateY(0);
}
/* MOBILE carousel card (content always visible) */
#clic-core-values .clicCore__mobileCard{
background: linear-gradient(135deg,#007ffd,#003d7a);
color:#fff;
border-radius:22px;
padding: 22px 18px;
box-shadow: 0 28px 80px rgba(0,127,253,.22), 0 18px 55px rgba(0,0,0,.10);
text-align:center;
min-height: 240px;
display:flex;
flex-direction:column;
justify-content:center;
}
#clic-core-values .clicCore__mobileCard .clicCore__title{ color:#fff; }
#clic-core-values .clicCore__mobileCard .clicCore__detailText{ color:#fff; opacity:.92; }
/* Mobile arrows */
#clic-core-values .clicCore__arrow{
width: 14%;
}
#clic-core-values .carousel-control-prev-icon,
#clic-core-values .carousel-control-next-icon{
filter: drop-shadow(0 10px 20px rgba(0,0,0,.28));
}
@media (prefers-reduced-motion: reduce){
#clic-core-values .clicCore__card,
#clic-core-values .clicCore__detail{
transition:none !important;
}
}
.inside-section-2 h2{
color: #373737;
}
.spacing-sec{
margin-top:7em;
}
/* =========================
LSA Section  NEW Layout
Prefix: clicl2-
Colors: white, #07286b, #0b2239
========================= */
.clicl2-section{
--c2-blue:#07286b;
--c2-navy:#0b2239;
--c2-white:#ffffff;
--c2-muted: rgba(11,34,57,.72);
--c2-border: rgba(11,34,57,.12);
--c2-shadow: 0 28px 80px rgba(7,40,107,.14);
--c2-shadow-soft: 0 14px 34px rgba(11,34,57,.10);
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
}
.clicl2-frame{
border-radius: 30px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--c2-shadow);
overflow: hidden;
position: relative;
}
/* HEADLINE BAND */
.clicl2-band{
padding: clamp(18px, 2.4vw, 26px);
background:
linear-gradient(90deg, rgba(7,40,107,.14), rgba(255,255,255,1));
border-bottom: 1px solid rgba(11,34,57,.10);
position: relative;
}
.clicl2-band::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(400px 140px at 88% 40%, rgba(7,40,107,.18), transparent 60%);
pointer-events:none;
opacity:.55;
}
.clicl2-title{
position: relative;
z-index: 1;
color: var(--c2-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(24px, 2.6vw, 38px);
margin: 0;
}
/* segmented micro-nav */
.clicl2-seg{
position: relative;
z-index: 1;
/* display:flex; */
flex-wrap: nowrap;
overflow-x: auto;
padding: 4px;
border-radius: 999px;
border: 1px solid rgba(11,34,57,.12);
background: rgba(255,255,255,.75);
backdrop-filter: blur(6px);
scrollbar-width: none;
}
.clicl2-seg::-webkit-scrollbar{ display:none; }
.clicl2-segBtn{
border: 0;
background: transparent;
color: rgba(11,34,57,.78);
font-weight: 900;
border-radius: 999px;
padding: 10px 12px;
white-space: nowrap;
transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
margin-left: auto;
margin-right: auto;
width: 24%;
}
.clicl2-segBtn:hover{
transform: translateY(-1px);
}
.clicl2-segBtn.is-active{
background-color:#07286b!important;
color: #fff!important;
box-shadow: 0 10px 18px rgba(7,40,107,.12);
}
/* OVERLAP LAYER */
.clicl2-overlap{
padding: clamp(18px, 2.4vw, 26px);
position: relative;
margin-top: -18px; /* overlap the band */
}
.clicl2-overlap::before{
content:"";
position:absolute;
inset: 0;
background: radial-gradient(520px 220px at 10% 10%, rgba(7,40,107,.10), transparent 60%);
pointer-events:none;
}
.clicl2-panel{
position: relative;
z-index: 1;
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--c2-shadow-soft);
padding: clamp(16px, 2vw, 22px);
transition: transform .22s ease, box-shadow .22s ease;
}
.clicl2-panel:hover{
transform: translateY(-2px);
box-shadow: 0 18px 46px rgba(11,34,57,.14);
}
.clicl2-h3{
color: var(--c2-blue);
font-weight: 950;
letter-spacing: -.01em;
margin: 0 0 10px 0;
font-size: 1.25rem;
line-height: 1.2;
}
.clicl2-p{
color: rgb(0 0 0);
line-height: 1.75;
margin: 0 0 14px 0;
font-size: 1.02rem;
}
/* RIGHT VISUAL */
.clicl2-visual{
position: relative;
z-index: 1;
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: #007FFD;
border-radius: 2em;
box-shadow: var(--c2-shadow-soft);
padding: 16px;
overflow: hidden;
min-height: 240px;
transition: transform .22s ease, box-shadow .22s ease;
}
.clicl2-visual:hover{
transform: translateY(-2px);
box-shadow: 0 18px 46px rgba(11,34,57,.14);
}
.clicl2-visualHeader{
display:flex;
align-items:center;
justify-content: space-between;
gap: 10px;
margin-bottom: 12px;
}
.clicl2-pill{
color: var(--c2-navy);
font-weight: 900;
font-size: .92rem;
padding: 8px 10px;
border-radius: 999px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.75);
max-width: 100%;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clicl2-dots span{
width: 6px; height: 6px;
border-radius: 999px;
display:inline-block;
background: rgba(11,34,57,.25);
margin-left: 6px;
}
/* preview card */
.clicl2-card{
border-radius: 22px;
border: 1px solid rgba(11,34,57,.12);
background: rgba(255,255,255,.92);
box-shadow: 0 18px 44px rgba(7,40,107,.12);
padding: 14px;
position: relative;
}
.clicl2-cardTop{
display:flex;
align-items:center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.clicl2-cardTitle{
color: var(--c2-navy);
font-weight: 950;
letter-spacing: -.01em;
}
.clicl2-stars span{
width: 12px; height: 12px;
display:inline-block;
border-radius: 3px;
background: rgba(7,40,107,.65);
margin-left: 4px;
}
.clicl2-stars span.is-dim{ background: rgba(7,40,107,.20); }
.clicl2-badgeRow{
display:flex;
align-items:center;
justify-content: space-between;
gap: 10px;
padding: 10px 10px;
border-radius: 16px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(7,40,107,.05);
margin-bottom: 12px;
}
.clicl2-badge{
font-weight: 950;
color: var(--c2-blue);
letter-spacing: .02em;
font-size: .85rem;
}
.clicl2-miniMeta span{
width: 10px; height: 10px;
border-radius: 999px;
display:inline-block;
background: rgba(11,34,57,.20);
margin-left: 6px;
}
.clicl2-actions{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.clicl2-actBtn{
border: 1px solid rgba(11,34,57,.12);
background: #fff;
color: var(--c2-navy);
font-weight: 900;
border-radius: 14px;
padding: 10px 12px;
transition: transform .18s ease, box-shadow .18s ease;
}
.clicl2-actBtn:hover{
transform: translateY(-1px);
box-shadow: 0 12px 20px rgba(11,34,57,.10);
}
.clicl2-softGrid{
position:absolute;
inset:auto -30px -30px auto;
width: 240px;
height: 240px;
background:
repeating-linear-gradient(90deg, rgba(7,40,107,.08), rgba(7,40,107,.08) 1px, transparent 1px, transparent 18px),
repeating-linear-gradient(0deg, rgba(7,40,107,.06), rgba(7,40,107,.06) 1px, transparent 1px, transparent 18px);
opacity: .18;
transform: rotate(8deg);
pointer-events:none;
}
/* BOTTOM */
.clicl2-bottom{
padding: clamp(18px, 2.4vw, 26px);
padding-top: 8px;
}
.clicl2-checkWrap{
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--c2-shadow-soft);
overflow:hidden;
}
.clicl2-checkHead{
padding: 16px 18px;
border-bottom: 1px solid rgba(11,34,57,.10);
background: linear-gradient(90deg, rgba(7,40,107,.08), rgba(255,255,255,1));
}
.clicl2-checkBody{
position: relative;
padding: 16px 18px 18px 18px;
}
.clicl2-checklist{
list-style: none;
margin: 0;
padding: 0;
display:grid;
gap: 12px;
}
.clicl2-checkItem{
border-radius: 18px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(7,40,107,.03);
padding: 14px 14px 14px 48px;
color: var(--c2-navy);
font-weight: 800;
line-height: 1.45;
position: relative;
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.clicl2-checkItem::before{
content:"";
position:absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 22px;
border-radius: 999px;
border: 2px solid rgba(7,40,107,.35);
background: #ffffff;
}
.clicl2-checkItem.is-active{
background-color:#07286b!important;
border-color: rgba(7,40,107,.30);
box-shadow: 0 16px 34px rgba(7,40,107,.12);
transform: translateY(-1px);
color:#fff;
}
.clicl2-checkItem.is-active::before{
background: rgb(255 255 255);
border-color: rgba(7,40,107,.55);
}
.clicl2-checkItem:hover{
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(11,34,57,.12);
}
/* moving accent rail */
.clicl2-accentRail{
position:absolute;
left: 6px;
top: 22px;
bottom: 22px;
width: 4px;
border-radius: 999px;
background: rgba(7,40,107,.10);
}
.clicl2-accentDot{
position:absolute;
left: 50%;
transform: translateX(-50%);
top: 17px;
width: 12px;
height: 12px;
border-radius: 999px;
background-color:#007ffd;
box-shadow: 0 10px 20px rgba(7,40,107,.25);
transition: top .28s ease;
}
/* closing strip */
.clicl2-strip{
border-radius: 22px;
border: 1px solid rgba(11,34,57,.10);
background:
linear-gradient(90deg, rgba(7,40,107,.10), rgba(255,255,255,1));
box-shadow: var(--c2-shadow-soft);
padding: 16px 18px;
color: rgb(0 0 0);
line-height: 1.7;
font-weight: 800;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.clicl2-panel, .clicl2-visual, .clicl2-actBtn, .clicl2-checkItem { transition:none; }
.clicl2-accentDot{ transition:none; }
}
/* Responsive tweaks */
@media (max-width: 991.98px){
.clicl2-overlap{ margin-top: -10px; }
.clicl2-actions{ grid-template-columns: 1fr; }
.clicl2-segBtn{ padding: 9px 10px; }
}
@media (max-width: 575.98px){
.clicl2-band{ padding: 16px; }
.clicl2-overlap, .clicl2-bottom{ padding: 16px; }
.clicl2-checkBody{ padding: 14px; }
.clicl2-checkItem{ padding-left: 46px; }
}
/* =========================
Google Ads Section Styles
Prefix: clicg-
========================= */
.clicg-section{
--clicg-ink:#0b2239;
--clicg-muted:#5b6b7a;
--clicg-bg:#f6f8fb;
--clicg-card:#ffffff;
--clicg-border:rgba(15,23,42,.10);
--clicg-shadow:0 18px 44px rgba(2,6,23,.10);
--clicg-shadow-soft:0 12px 28px rgba(2,6,23,.08);
--clicg-radius:22px;
--clicg-orange:#ff7a18;
--clicg-navy:#0b2239;
--clicg-blue:#1f6feb;
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
margin-top: 4em;
}
.clicg-head{ max-width: 58ch; }
.clicg-title{
color:#fff!important;
line-height:1.06;
margin:0;
}
.clicg-accent{color: #ffffff;}
.clicg-sub{
color: #fff;
font-size:1.05rem;
line-height:1.7;
}
/* Cards */
.clicg-card{
background:var(--clicg-card);
border:1px solid var(--clicg-border);
border-radius:var(--clicg-radius);
padding:20px;
box-shadow:var(--clicg-shadow-soft);
}
.clicg-card--tall{ padding:22px; }
.clicg-card__row{
display:flex;
gap:14px;
align-items:flex-start;
}
.clicg-card__content{ flex:1; min-width:0; }
.clicg-card__title{
color:var(--clicg-ink);
font-weight:900;
letter-spacing:-.01em;
font-size:1.25rem;
margin:0;
}
.clicg-card__text{
color: #000;
line-height:1.7;
}
/* Small icon block */
.clicg-ic{
width:48px;
height:48px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
color: #07286b!important;
background-color:#e8f0f9;
border:1px solid rgba(15,23,42,.08);
flex:0 0 auto;
}
.clicg-ic svg{ width:26px; height:26px; }
/* Bullets */
.clicg-bullets{
margin:0;
padding-left: 1.05rem;
color:var(--clicg-ink);
}
.clicg-bullets li{
margin: .5rem 0;
color: #000;
}
.clicg-bullets li::marker{color: #007ffd;}
/* Visual: laptop/dashboard */
.clicg-visual{
position:relative;
padding: 8px 0;
}
.clicg-laptop{
border-radius: 26px;
background: linear-gradient(180deg, rgb(255 255 255), rgba(255,255,255,.55));
border: 1px solid rgb(15 23 42 / 52%);
box-shadow: var(--clicg-shadow);
overflow:hidden;
position:relative;
}
.clicg-laptop__top{
padding: 14px 14px 18px;
background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,248,251,.85));
}
.clicg-laptop__bar{
display:flex;
align-items:center;
gap:8px;
padding: 10px 10px;
border-radius: 14px;
background: rgba(11,34,57,.04);
border: 1px solid rgba(15,23,42,.08);
margin-bottom: 12px;
}
.clicg-dot{
width:10px;height:10px;border-radius:999px;
background: rgba(11,34,57,.18);
}
.clicg-laptop__brand{
margin-left: 6px;
font-weight: 900;
letter-spacing: -.01em;
}
.clicg-gdot{
display:inline-block;
font-weight: 950;
margin-right: 2px;
}
/* KPI row */
.clicg-kpis{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 12px;
}
.clicg-kpi{
border-radius: 16px;
padding: 12px 12px;
background: #fff;
border: 1px solid rgba(15,23,42,.08);
}
.clicg-kpi__num{
color: var(--clicg-ink);
font-weight: 950;
letter-spacing: -.01em;
font-size: 1.2rem;
line-height: 1.1;
}
.clicg-kpi__lbl{
color: var(--clicg-muted);
font-size: .9rem;
margin-top: 3px;
}
/* Body panels */
.clicg-laptop__body{ padding-top: 4px; }
.clicg-panel{
background:#fff;
border: 1px solid rgba(15,23,42,.08);
border-radius: 18px;
padding: 12px;
height: 100%;
}
.clicg-panel__title{
font-weight: 900;
color: var(--clicg-ink);
font-size: .95rem;
margin-bottom: 8px;
}
.clicg-list{
list-style:none;
margin:0;
padding:0;
display:grid;
gap: 8px;
color: var(--clicg-ink);
font-weight: 700;
font-size: .95rem;
}
.clicg-list li{
display:flex;
align-items:center;
gap: 10px;
color: var(--clicg-ink);
}
.clicg-pill{
width:10px;
height:10px;
border-radius:999px;
background-color: #007ffd;
}
/* Chart */
.clicg-chart{
position:relative;
height: 150px;
border-radius: 16px;
border: 1px solid rgba(15,23,42,.06);
background: linear-gradient(180deg, rgba(31,111,235,.08), rgba(255,255,255,0));
overflow:hidden;
}
.clicg-chart__grid{
position:absolute; inset:0;
background:
repeating-linear-gradient(
90deg,
rgba(11,34,57,.06),
rgba(11,34,57,.06) 1px,
transparent 1px,
transparent 26px
),
repeating-linear-gradient(
0deg,
rgba(11,34,57,.05),
rgba(11,34,57,.05) 1px,
transparent 1px,
transparent 26px
);
opacity:.35;
}
.clicg-chart__svg{
position:absolute; inset: 12px 10px 10px 10px;
}
.clicg-line{
fill:none;
stroke-width: 4;
stroke-linecap: round;
}
.clicg-line--blue{ stroke: rgba(31,111,235,.90); }
.clicg-line--orange{stroke: #07286b!important;}
.clicg-legend{
display:flex;
gap:14px;
margin-top: 10px;
color: var(--clicg-muted);
font-weight: 700;
font-size: .9rem;
}
.clicg-legend__item{
display:flex;
align-items:center;
gap:8px;
}
.clicg-swatch{
width:14px;height:6px;border-radius:99px; display:inline-block;
}
.clicg-swatch--blue{ background: rgba(31,111,235,.90); }
.clicg-swatch--orange{background: #07286b!important;}
/* Laptop base */
.clicg-laptop__base{
height: 14px;
background: linear-gradient(90deg, rgba(11,34,57,.20), rgba(11,34,57,.10));
}
/* Floating accents (visual only) */
.clicg-float{
position:absolute;
border-radius: 18px;
filter: blur(.0px);
opacity: .9;
pointer-events:none;
}
/* Chips */
.clicg-chips{
display:grid;
gap: 12px;
}
.clicg-chip{
display:flex;
gap: 12px;
align-items:flex-start;
border: 1px solid rgba(15,23,42,.08);
border-radius: 18px;
padding: 14px;
background: linear-gradient(180deg, rgba(11,34,57,.03), rgba(11,34,57,0));
}
.clicg-chip__ic{
width:44px;
height:44px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
color: #07286b!important;
background-color: #e8f0f9;
border: 1px solid rgb(0 0 0 / 20%);
flex:0 0 auto;
}
.clicg-chip__ic svg{ width:22px; height:22px; }
.clicg-chip__title{
font-weight: 950;
color: var(--clicg-ink);
letter-spacing: -.01em;
}
.clicg-chip__text{
color: #000;
margin-top: 2px;
}
/* Responsive tweaks */
@media (max-width: 575.98px){
.clicg-card{ padding: 18px; }
.clicg-card--tall{ padding: 18px; }
.clicg-card__row{ gap: 12px; }
.clicg-kpis{ grid-template-columns: 1fr; }
.clicg-laptop__top{ padding: 12px; }
}
.inside-section-3{
position: relative;
background-color: #eff1f9;
padding: 4% 7% 4% 7%;
color: #000000;
z-index: 9;
}
/* ================================
BASE WRAP
================================ */
#strategic-framework .strategicFramework__wrapper{
border-radius:20px;
overflow:hidden;
box-shadow:0 25px 60px rgba(0,0,0,.08);
background:#fff;
}
/* ================================
PANEL
================================ */
#strategic-framework .strategicFramework__panel{
background:#f8fbff;
cursor:pointer;
position:relative;
transition: background .35s ease, filter .35s ease, transform .35s ease, box-shadow .35s ease;
outline: none;
}
@media (min-width:992px){
#strategic-framework .strategicFramework__panel{
flex:0 0 40%;
max-width:40%;
}
#strategic-framework .strategicFramework__panel.is-active{
flex:0 0 60%;
max-width:60%;
}
}
#strategic-framework .strategicFramework__panel:nth-child(1){
border-right:1px solid rgba(0,0,0,.06);
}
/* Headings default */
#strategic-framework .strategicFramework__panel h2{
color:#003d7a;
}
/* list spacing */
#strategic-framework .strategicFramework__panel ul{
padding-left:1.1rem;
}
#strategic-framework .strategicFramework__panel li{
margin-bottom:.45rem;
}
/* ================================
ACTIVE STYLE (brand gradient)
================================ */
#strategic-framework .strategicFramework__panel.is-active{
background: linear-gradient(135deg,#007ffd,#003d7a);
color:#fff;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
#strategic-framework .strategicFramework__panel.is-active h2,
#strategic-framework .strategicFramework__panel.is-active p,
#strategic-framework .strategicFramework__panel.is-active li,
#strategic-framework .strategicFramework__panel.is-active .fw-semibold{
color:#fff !important;
}
/* De-emphasis for non-active (desktop) */
@media (min-width:992px){
#strategic-framework .strategicFramework__panel:not(.is-active){
filter: saturate(.92) contrast(.98);
}
}
/* ================================
CONTENT MOTION
================================ */
#strategic-framework .strategicFramework__content{
opacity:.75;
transform: translateY(10px);
transition: opacity .35s ease, transform .35s ease;
}
#strategic-framework .strategicFramework__panel.is-active .strategicFramework__content{
opacity:1;
transform: translateY(0);
}
/* ================================
MICRO HOVER RIPPLE (no extra elements required)
We generate a ripple span with JS and animate it.
================================ */
#strategic-framework .clicRipple{
position:absolute;
border-radius:999px;
transform: translate(-50%,-50%) scale(0);
opacity:.35;
pointer-events:none;
animation: clicRippleAnim .65s ease-out forwards;
mix-blend-mode: screen;
background: radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 40%, rgba(255,255,255,0) 70%);
}
@keyframes clicRippleAnim{
to{
transform: translate(-50%,-50%) scale(1);
opacity:0;
}
}
/* A subtle “sheen†on hover so it’s obvious even without clicking */
#strategic-framework .strategicFramework__panel::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:0;
transition: opacity .25s ease;
background: radial-gradient(1200px 200px at var(--mx, 30%) var(--my, 20%),
rgba(0,127,253,.22), rgba(0,61,122,0) 55%);
}
#strategic-framework .strategicFramework__panel:hover::after{
opacity:1;
}
/* Mobile: stack nicely */
@media (max-width:991.98px){
#strategic-framework .strategicFramework__panel{
border-radius:16px;
}
#strategic-framework .strategicFramework__wrapper{
background:transparent;
box-shadow:none;
}
#strategic-framework .strategicFramework__panel{
box-shadow:0 18px 50px rgba(0,0,0,.08);
margin-bottom:14px;
}
#strategic-framework .strategicFramework__panel:nth-child(1){
border-right:none;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
#strategic-framework .strategicFramework__panel,
#strategic-framework .strategicFramework__content,
#strategic-framework .strategicFramework__panel::after{
transition:none !important;
}
#strategic-framework .clicRipple{
animation:none !important;
display:none !important;
}
}
/* =========================================================
Scoped styles
========================================================= */
.clicStrat__rail,
.clicStrat__panel{
background:#fff;
border:1px solid rgba(0,0,0,.10);
box-shadow:0 10px 30px rgba(0,0,0,.05);
border-radius: 22px;
}
.clicStrat__topic{
border:1px solid rgba(0,0,0,.12);
background:rgba(0,0,0,.015);
border-radius:16px;
padding:12px 14px;
text-align:left;
font-weight:800;
line-height:1.2;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.clicStrat__topic:hover{
transform: translateY(-1px);
box-shadow:0 14px 40px rgba(0,0,0,.06);
background:rgba(0,0,0,.03);
}
.clicStrat__topic.is-active{
background: rgba(13,110,253,.08);
border-color: rgba(13,110,253,.35);
}
.clicStrat__content{ display:none; }
.clicStrat__content.is-active{ display:block; }
/* Lists: keep clean */
#strategic-partner-section ul{
padding-left: 1.1rem;
}
#strategic-partner-section li{
margin-bottom: .4rem;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.clicStrat__topic{ transition:none; }
.clicStrat__topic:hover{ transform:none; }
}
/* =========================================================
Layout
========================================================= */
.clicZig__wrap{
position: relative;
padding: 14px 0;
}
/* keep the two stacked cards spaced like the example */
.clicZig__col{
display: grid;
grid-template-rows: 1fr 1fr;
gap: 24px;
height: 100%;
}
/* Cards */
.clicZig__card{
background: #07286b;
border: 1px solid rgba(0,0,0,.10);
box-shadow: 0 10px 26px rgba(0,0,0,.05);
border-radius: 18px;
padding: 22px;
min-height: 170px;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.clicZig__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap: 12px;
}
.clicZig__pill{
display:inline-flex;
padding: .22rem .6rem;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.14);
font-size: .82rem;
font-weight: 600;
background:#fff;
}
.clicZig__icon{
width: 36px;
height: 36px;
display:grid;
place-items:center;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.14);
background:#fff;
font-weight: 900;
user-select:none;
}
.clicZig__title{
font-size: 1.15rem;
margin: 14px 0 8px;
font-weight: 800;
color: #007ffd;
}
.clicZig__text{
color: rgb(255 255 255);
line-height: 1.45;
}
/* subtle hover (no layout shift) */
.clicZig__card:hover{
transform: translateY(-2px);
box-shadow: 0 16px 42px rgba(0,0,0,.08);
border-color: rgba(0,0,0,.18);
}
/* =========================================================
Responsive
========================================================= */
@media (max-width: 991.98px){
.clicZig__col{
grid-template-rows: auto;
}
/* stack spacing still fine, arrows hidden by d-none d-lg-block */
.clicZig__card{ min-height: auto; }
}
@media (prefers-reduced-motion: reduce){
.clicZig__card:hover{
transform:none;
transition:none;
}
}
/* ===== Minimal styling: keep clean + modern (no hard-coded colors) ===== */
.clic-social .clic-social__intro,
.clic-social .clic-social__card,
.clic-social .clic-social__calendar {
border: 1px solid rgba(0,0,0,.08);
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,.04);
border-radius: 2em;
margin-top: 2em;
}
.clic-social__card{
background: #007FFD!important;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%)!important;
color: #fff;
}
.text-muted {
color: #ffffff !important;
}
.clic-social__calendar{
background: #007FFD!important;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%)!important;
color: #fff;
}
.clic-social__pill {
display:inline-flex;
padding:.25rem .6rem;
border-radius:999px;
border: 1px solid rgba(0,0,0,.12);
font-size:.8rem;
}
.clic-social__seg {
display:flex;
gap:.5rem;
padding:.35rem;
border-radius:999px;
border: 1px solid rgba(0,0,0,.12);
width: fit-content;
background: rgba(0,0,0,.02);
}
.clic-social__segBtn {
border:0;
background:transparent;
padding:.45rem .8rem;
border-radius:999px;
font-weight:600;
font-size:.9rem;
}
.clic-social__segBtn.is-active {
background-color:#07286b !important;
color: #fff;
}
.clic-social__badge {
display:inline-flex;
padding:.2rem .55rem;
border-radius:999px;
font-size:.8rem;
font-weight:600;
border: 1px solid rgba(0,0,0,.12);
background-color: #fff;
color: #000;
}
.clic-social__mini {font-size:.85rem;color: rgb(255 255 255);}
.clic-social__icon {
width: 34px;
height: 34px;
display:grid;
place-items:center;
border-radius:10px;
border: 1px solid rgba(0,0,0,.12);
font-weight:800;
user-select:none;
background-color: #07286b!important;
}
.clic-social__list {display:flex;flex-direction:column;gap:.35rem;}
.clic-social__item {
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
gap:1rem;
text-align:left;
border: 1px solid rgba(0,0,0,.10);
background: rgba(0,0,0,.015);
padding:.75rem .85rem;
border-radius:14px;
transition: transform .18s ease, background .18s ease;
background-color: #07286b!important;
color: #fff;
}
.clic-social__item:hover { transform: translateY(-1px); background: rgba(0,0,0,.03); }
.clic-social__chev { opacity:.6; font-size:1.2rem; }
.clic-social__detail {
max-height:0;
overflow:hidden;
opacity:0;
transform: translateY(-4px);
transition: max-height .28s ease, opacity .22s ease, transform .22s ease;
padding: 0 .3rem;
}
.clic-social__detail.is-open {
max-height:200px;
opacity:1;
transform: translateY(0);
padding: .4rem .3rem .6rem;
}
.clic-social__callout {
border: 1px dashed rgba(0,0,0,.18);
background: rgba(0,0,0,.02);
}
.clic-social__spark {
width: 12px; height: 12px;
border-radius: 999px;
background: rgba(0,0,0,.35);
margin-top: .35rem;
}
.clic-social__calendar .clic-social__day {
border: 1px solid rgba(0,0,0,.10);
border-radius: 16px;
padding: .8rem;
background: #07286b!important;
transition: transform .18s ease;
color: #ffffff;
}
.clic-social__calendar .clic-social__day:hover { transform: translateY(-1px); }
.clic-social__dot {
display:inline-block;
width:10px; height:10px;
border-radius:50%;
background: rgba(0,0,0,.35);
margin-right:.35rem;
vertical-align: middle;
}
.dot-fb {background: rgb(255 255 255);}
.dot-ig {background: rgb(255 255 255);}
@media (prefers-reduced-motion: reduce) {
.clic-social__item, .clic-social__detail { transition:none !important; }
}
/* =========================
Automations Section
Prefix: clicf-
========================= */
.clicf-section{
--cf-blue:#07286b;
--cf-navy:#0b2239;
--cf-muted: rgba(11,34,57,.72);
--cf-shadow: 0 26px 80px rgba(7,40,107,.14);
--cf-shadow-soft: 0 14px 36px rgba(11,34,57,.10);
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
}
.clicf-frame{
border-radius: 30px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--cf-shadow);
overflow: hidden;
}
/* band */
.clicf-band{
padding: clamp(18px, 2.4vw, 26px);
background: linear-gradient(90deg, rgba(7,40,107,.14), rgba(255,255,255,1));
border-bottom: 1px solid rgba(11,34,57,.10);
}
.clicf-title{
color: var(--cf-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(24px, 2.6vw, 38px);
}
/* segmented switcher */
.clicf-seg{
display:flex;
gap: 101px;
flex-wrap: nowrap;
overflow-x: auto;
padding: 4px;
border-radius: 999px;
border: 1px solid rgba(11,34,57,.12);
background: rgba(255,255,255,.78);
scrollbar-width: none;
}
.clicf-seg::-webkit-scrollbar{ display:none; }
.clicf-segBtn{
border: 0;
background: transparent;
color: rgba(11,34,57,.78);
font-weight: 900;
border-radius: 999px;
padding: 10px 12px;
white-space: nowrap;
transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.clicf-segBtn:hover{ transform: translateY(-1px); }
.clicf-segBtn.is-active{
background-color:#07286b!important;
color:#fff;
box-shadow: 0 10px 18px rgba(7,40,107,.12);
}
/* overlap */
.clicf-overlap{
padding: clamp(18px, 2.4vw, 26px);
margin-top: -18px;
}
/* left panel */
.clicf-panel{
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--cf-shadow-soft);
padding: clamp(16px, 2vw, 22px);
}
.clicf-h3{
color: var(--cf-blue);
font-weight: 950;
margin-bottom: 10px;
font-size: 1.25rem;
}
.clicf-p{
color: var(--cf-muted);
line-height: 1.75;
font-size: 1.02rem;
}
.clicf-we{
border-radius: 18px;
border: 1px solid rgba(11,34,57,.10);
background-color:#007ffd;
padding: 14px;
margin: 14px 0;
}
.clicf-weLabel{font-weight: 950;color: #ffffff;}
.clicf-list{
margin: 0;
padding-left: 18px;
color: rgb(255 255 255);
line-height: 1.7;
font-weight: 800;
}
.clicf-list li{ margin: 6px 0; }
/* view toggled */
.clicf-view{ display:none; }
.clicf-view.is-active{
display:block;
animation: clicfIn .26s ease both;
}
@keyframes clicfIn{
from{ opacity: 0; transform: translateY(6px); }
to{ opacity: 1; transform: translateY(0); }
}
/* right visual */
.clicf-visual{
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: linear-gradient(180deg, rgba(7,40,107,.08), rgba(255,255,255,1));
box-shadow: var(--cf-shadow-soft);
padding: 16px;
overflow: hidden;
}
.clicf-visualTop{
display:flex;
align-items:center;
justify-content: space-between;
margin-bottom: 12px;
}
.clicf-visualPill{
color: var(--cf-navy);
font-weight: 900;
font-size: .92rem;
padding: 8px 10px;
border-radius: 999px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.75);
}
.clicf-visualDots span{
width: 6px; height: 6px;
border-radius: 999px;
display:inline-block;
background: rgba(11,34,57,.25);
margin-left: 6px;
}
.clicf-flow{
display:grid;
grid-template-columns: 1.15fr .85fr;
gap: 12px;
align-items: start;
}
/* rail with step buttons */
.clicf-rail{
position: relative;
border-radius: 18px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.75);
padding: 14px 12px;
overflow: hidden;
}
.clicf-railLine{
position:absolute;
left: 18px;
top: 18px;
bottom: 18px;
width: 4px;
border-radius: 999px;
background: rgba(7,40,107,.12);
}
.clicf-step{
width: 100%;
border: 0;
background: transparent;
display:flex;
gap: 10px;
align-items:flex-start;
padding: 10px 8px;
border-radius: 14px;
cursor: pointer;
transition: background .18s ease, transform .18s ease;
text-align: left;
}
.clicf-step:hover{
background: rgba(7,40,107,.06);
transform: translateY(-1px);
}
.clicf-stepText{
color: rgba(11,34,57,.78);
font-weight: 900;
line-height: 1.3;
font-size: .94rem;
}
.clicf-node{
width: 16px;
height: 16px;
border-radius: 999px;
background: rgba(7,40,107,.18);
border: 2px solid rgba(7,40,107,.35);
margin-top: 2px;
flex: 0 0 auto;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.clicf-step.is-active .clicf-node{
background: rgba(7,40,107,.55);
border-color: rgba(7,40,107,.70);
transform: scale(1.08);
}
.clicf-step.is-active .clicf-stepText{ color: var(--cf-blue); }
/* detail cards */
.clicf-miniStack{
display:grid;
gap: 10px;
}
.clicf-miniCard{
border-radius: 18px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.90);
box-shadow: 0 12px 24px rgba(11,34,57,.08);
padding: 12px;
display:none;
animation: clicfIn .22s ease both;
}
.clicf-miniCard.is-active{ display:block; }
.clicf-miniTitle{
color: var(--cf-navy);
font-weight: 950;
line-height: 1.35;
font-size: .95rem;
margin-bottom: 8px;
}
.clicf-miniSub{
color: rgba(11,34,57,.70);
font-weight: 900;
font-size: .88rem;
}
.clicf-glow{
position:absolute;
left: -40px;
top: -40px;
width: 140px;
height: 140px;
border-radius: 50%;
background: radial-gradient(circle, rgba(7,40,107,.22), transparent 60%);
animation: clicfFloat 6s ease-in-out infinite;
opacity: .55;
pointer-events:none;
}
@keyframes clicfFloat{
0%{ transform: translate(0,0); }
50%{ transform: translate(30px,30px); }
100%{ transform: translate(0,0); }
}
.clicf-grid{
position:absolute;
inset:auto -30px -30px auto;
width: 240px;
height: 240px;
background:
repeating-linear-gradient(90deg, rgba(7,40,107,.08), rgba(7,40,107,.08) 1px, transparent 1px, transparent 18px),
repeating-linear-gradient(0deg, rgba(7,40,107,.06), rgba(7,40,107,.06) 1px, transparent 1px, transparent 18px);
opacity: .16;
transform: rotate(8deg);
pointer-events:none;
}
/* responsive */
@media (max-width: 991.98px){
.clicf-overlap{ margin-top: -10px; }
.clicf-flow{ grid-template-columns: 1fr; }
}
@media (max-width: 575.98px){
.clicf-band{ padding: 16px; }
.clicf-overlap{ padding: 16px; }
.clicf-segBtn{ padding: 9px 10px; }
}
.clicl-col{ position: relative; z-index: 1; }
.clicl-h2{
color: var(--clicl-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(22px, 2.5vw, 34px);
margin: 0;
}
.clicl-accent{ color: var(--clicl-blue); }
.clicl-body{
color: var(--clicl-muted);
line-height: 1.75;
font-size: 1.02rem;
margin: 0;
}
.clicl-foot{
color: var(--clicl-muted);
line-height: 1.75;
font-size: 1.02rem;
padding-top: 14px;
border-top: 1px solid rgba(11,34,57,.10);
position: relative;
z-index: 1;
}
/* Visual container */
.clicl-visual{
border: 1px solid rgba(11,34,57,.10);
border-radius: 22px;
background: linear-gradient(180deg, rgba(7,40,107,.05), rgba(255,255,255,1));
box-shadow: var(--clicl-shadow-soft);
padding: 18px;
display: grid;
grid-template-columns: 1.15fr .85fr;
gap: 14px;
align-items: center;
}
/* =========================
AD PREVIEW (matches screenshot style)
========================= */
.clicl-adstack{ position: relative; min-height: 280px; }
.clicl-adcard{
position: relative;
background: #fff;
border: 1px solid rgba(11,34,57,.12);
border-radius: 18px;
box-shadow: 0 16px 30px rgba(11,34,57,.10);
padding: 14px;
z-index: 1;
}
.clicl-adcard--back{
position: absolute;
inset: 18px 16px 0 -8px;
background: linear-gradient(180deg, rgba(7,40,107,.06), rgba(255,255,255,1));
transform: rotate(-2deg);
opacity: .9;
z-index: 0;
border-radius: 18px;
border: 1px solid rgba(11,34,57,.10);
}
.clicl-adtop{
display:flex;
align-items:center;
gap: 10px;
margin-bottom: 10px;
}
.clicl-adbadge{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 4px 10px;
border-radius: 10px;
background: #e8f0f9;
color: #07286b!important;
font-weight: 900;
font-size: .85rem;
border: 1px solid rgb(0 0 0 / 22%);
}
.clicl-adbadge--mini{
padding: 2px 8px;
font-size: .78rem;
}
.clicl-adkebab{
margin-left: 2px;
display:flex;
gap: 6px;
align-items:center;
}
.clicl-adkebab span{
width: 6px; height: 6px;
border-radius: 999px;
background: rgba(11,34,57,.22);
display:inline-block;
}
.clicl-adheadline{
color: var(--clicl-blue);
font-weight: 950;
letter-spacing: -.01em;
font-size: 1.08rem;
line-height: 1.25;
margin-bottom: 6px;
}
.clicl-addesc{
color: rgb(0 0 0);
line-height: 1.55;
font-size: .96rem;
margin-bottom: 8px;
}
.clicl-adaccent{
color: #007ffd;
font-weight: 900;
line-height: 1.45;
font-size: .96rem;
margin: 10px 0 10px;
padding-top: 6px;
}
.clicl-sitelinks{
border: 1px solid rgba(11,34,57,.10);
background: linear-gradient(180deg, rgba(7,40,107,.03), rgba(255,255,255,1));
border-radius: 16px;
padding: 10px;
display:grid;
gap: 10px;
}
.clicl-sitelink{
border-radius: 14px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.9);
padding: 10px;
}
.clicl-sitelinkTop{
display:flex;
align-items:center;
gap: 10px;
margin-bottom: 4px;
}
.clicl-sitelinkTitle{
color: var(--clicl-blue);
font-weight: 950;
letter-spacing: -.01em;
line-height: 1.25;
font-size: .98rem;
}
.clicl-sitelinkSub{
color: rgba(11,34,57,.70);
font-weight: 700;
font-size: .92rem;
line-height: 1.35;
}
/* =========================
EXTENSIONS (right side of visual)
========================= */
.clicl-ext{ display:grid; gap: 10px; }
.clicl-chip{
display:flex;
align-items:center;
gap: 10px;
padding: 12px 12px;
border-radius: 16px;
background: #fff;
border: 1px solid rgba(11,34,57,.12);
box-shadow: 0 10px 18px rgba(11,34,57,.08);
}
.clicl-chipIc{
width: 38px;
height: 38px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(7,40,107,.10);
border: 1px solid rgba(7,40,107,.18);
flex: 0 0 auto;
color: #07286b!important;
}
.clicl-chipIc svg{ width: 20px; height: 20px; }
.clicl-chipTx{
color: var(--clicl-navy);
font-weight: 900;
line-height: 1.2;
}
/* =========================
MAP + FACTORS (right column visual)
========================= */
.clicl-map{
height: 280px;
border-radius: 18px;
border: 1px solid rgba(11,34,57,.12);
background:
radial-gradient(circle at 30% 40%, rgba(7,40,107,.08), transparent 55%),
linear-gradient(180deg, rgba(11,34,57,.04), rgba(255,255,255,1));
position: relative;
overflow:hidden;
background-image: url(https://www.cliclocal.net/wp-content/uploads/2026/02/map-img.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}
.clicl-mapGrid{
position:absolute; inset:0;
background:
repeating-linear-gradient(90deg, rgba(11,34,57,.06), rgba(11,34,57,.06) 1px, transparent 1px, transparent 28px),
repeating-linear-gradient(0deg, rgba(11,34,57,.05), rgba(11,34,57,.05) 1px, transparent 1px, transparent 28px);
opacity: .35;
}
.clicl-path{
position:absolute;
inset: 18px;
border-radius: 16px;
border: 2px dashed rgba(7,40,107,.35);
}
.clicl-pin{
position:absolute;
width: 18px;
height: 18px;
border-radius: 999px;
background-color: #007ffd;
box-shadow: 0 10px 20px rgba(7,40,107,.25);
}
.clicl-pin::after{
content:"";
position:absolute;
inset: 5px;
border-radius: 999px;
background: #fff;
opacity: .85;
}
.clicl-pin--1{ left: 18%; top: 30%; }
.clicl-pin--2{left: 62%;top: 39%;}
.clicl-pin--3{ left: 70%; top: 62%; }
.clicl-pin--4{ left: 30%; top: 68%; }
.clicl-factors{
border-radius: 18px;
border: 1px solid rgba(11,34,57,.12);
background: #fff;
box-shadow: 0 12px 22px rgba(11,34,57,.08);
padding: 12px;
}
.clicl-factorHead{
padding: 10px 10px 8px;
border-bottom: 1px solid rgba(11,34,57,.10);
margin-bottom: 10px;
}
.clicl-factorTitle{
color: var(--clicl-navy);
font-weight: 950;
letter-spacing: -.01em;
}
.clicl-factor{
display:flex;
align-items:center;
gap: 10px;
padding: 10px;
border-radius: 14px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(7,40,107,.04);
margin-bottom: 10px;
}
.clicl-factor:last-child{ margin-bottom: 0; }
.clicl-factorIc{
width: 38px;
height: 38px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(7,40,107,.10);
border: 1px solid rgba(7,40,107,.18);
color: var(--clicl-blue);
font-weight: 950;
flex: 0 0 auto;
}
.clicl-factorTx{
color: var(--clicl-navy);
font-weight: 900;
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 991.98px){
.clicl-visual{
grid-template-columns: 1fr;
gap: 16px;
}
.clicl-adstack{ min-height: 320px; }
.clicl-map{ height: 240px; }
}
@media (max-width: 575.98px){
.clicl-visual{ padding: 14px; }
.clicl-adcard{ padding: 12px; }
.clicl-adstack{ min-height: 360px; }
.clicl-body, .clicl-foot{ font-size: 1rem; }
}
@media (max-width: 360px){
.clicl-adheadline{ font-size: 1.02rem; }
.clicl-addesc{ font-size: .94rem; }
.clicl-sitelinkTitle{ font-size: .94rem; }
}
.inside-section-3:after {
content: '';
position: absolute;
top: -6em;
left: 0;
width: 100%;
height: 7em;
transform: scale(-1,-1);
background-size: 100%;
background-repeat: no-repeat;
}
.inside-section-3 blockquote:before{
}
.inside-section-3 h2{
color: #373737;
}
.inside-section-3 .accordion-button,.inside-section-4 .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #1f2c5f;
letter-spacing: .08em;
}
.inside-section-3 .accordion-item, .inside-section-4 .accordion-item{
background-color: #e9e9e9;
color: #070707;
}
.inside-section-3 .accordion-button:not(.collapsed),.inside-section-4 .accordion-button:not(.collapsed) {
color: #ffffff;
background-color: #044ba1;
}
.inside-section-3 .accordion,.inside-section-4 .accordion{
margin-bottom: 2em;
}
.inside-section-4{
position: relative;
background-color: #ffffff;
padding: 6% 7% 6% 7%;
color: black;
z-index:0;
}
.inside-section-4:after{
content:'';
position: absolute;
left: 6em;
top: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
.inside-section-4:before{
content:'';
position: absolute;
bottom:0px;
right: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
.clicJourney .mb-4{
color:#fff;
}
.clicJourney .mb-4 h2{
color:#fff;
}
.clicJourney__wrap{
background:#fff;
border:1px solid rgba(0,0,0,.10);
box-shadow:0 10px 30px rgba(0,0,0,.05);
border-radius: 19px;
}
.clicJourney__item{
border:1px solid rgba(0,0,0,.10);
border-radius:18px;
background: rgba(0,0,0,.012);
overflow:hidden;
margin-bottom:12px;
}
.clicJourney__sum{
list-style:none;
display:flex;
align-items:center;
gap:12px;
padding:14px 14px;
cursor:pointer;
user-select:none;
}
.clicJourney__sum::-webkit-details-marker{ display:none; }
.clicJourney__step{
min-width:44px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
border:1px solid rgba(0,0,0,.12);
background: #007ffd;
font-weight:900;
font-size:.9rem;
color: #fff;
}
.clicJourney__title{
font-weight:900;
line-height:1.25;
flex:1;
}
.clicJourney__chev{
font-size:22px;
opacity:.65;
transform: rotate(0deg);
transition: transform .18s ease, opacity .18s ease;
}
.clicJourney__item[open] .clicJourney__chev{
transform: rotate(90deg);
opacity:.9;
}
.clicJourney__body{
padding: 0 14px 14px 70px;
color: rgb(255 255 255);
animation: clicJourneyFade .18s ease both;
}
@keyframes clicJourneyFade{
from{ opacity:0; transform: translateY(6px); }
to{ opacity:1; transform: translateY(0); }
}
.clicJourney__item[open]{
background-color:#07286b;
color:#fff;
border-color: rgba(13,110,253,.25);
}
.clicJourney__item[open] .clicJourney__step{
border-color: rgba(13,110,253,.45);
box-shadow: 0 0 0 4px rgba(13,110,253,.10);
}
.clicJourney__closing{
border-top:1px solid rgba(0,0,0,.10);
color: rgba(0,0,0,.80);
}
@media (prefers-reduced-motion: reduce){
.clicJourney__chev{ transition:none; }
.clicJourney__body{ animation:none; }
}
/* Clean look */
.clic-engage__intro, .clic-engage__detailWrap{
border:1px solid rgba(0,0,0,.08);
background: #fff;
box-shadow:0 10px 30px rgba(0,0,0,.04);
border-radius: 1em;
}
.clic-engage__detailWrap{
background: #007ffd;
}
.clic-engage__pill{
display:inline-flex;
padding:.25rem .6rem;
border-radius:999px;
border:1px solid rgba(0,0,0,.12);
font-size:.8rem;
}
.clic-engage__callout{
border:1px dashed rgba(0,0,0,.18);
background:rgba(0,0,0,.02);
}
.clic-engage__spark{
width:12px;height:12px;border-radius:999px;
background:rgba(0,0,0,.35);
margin-top:.35rem;
}
/* Cards fixed height (no jump) */
.clic-engage__card{
width:100%;
text-align:left;
border:1px solid rgba(0,0,0,.10);
background: #07286b!important;
border-radius:18px;
padding:1rem;
min-height: 150px;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
color: #fff;
}
.clic-engage__card:hover{
transform:translateY(-2px);
box-shadow:0 14px 40px rgba(0,0,0,.06);
background:rgba(0,0,0,.03);
}
.clic-engage__card.is-active{
border-color: rgba(0,0,0,.22);
background: rgba(0,0,0,.04);
}
.clic-engage__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.6rem; }
.clic-engage__badge{
display:inline-flex;
padding:.2rem .55rem;
border-radius:999px;
font-size:.78rem;
font-weight:600;
border:1px solid rgba(0,0,0,.12);
background:#fff;
color: #000;
}
.clic-engage__icon{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:12px;
border:1px solid rgba(0,0,0,.12);
background:#fff;
font-weight:800;
user-select:none;
color: #000;
}
.clic-engage__title{ font-weight:700; line-height:1.2; }
.clic-engage__hint{font-size:.82rem;color: rgb(255 255 255);margin-top:.25rem;}
/* Detail panels (HTML pre-rendered; toggle visibility) */
.clic-engage__detailPanel{ display:none; }
.clic-engage__detailPanel.is-active{ display:block; }
@media (prefers-reduced-motion: reduce){
.clic-engage__card{ transition:none !important; }
}
/* =========================
UPDATED (clicc2-)  2 Slide Carousel Lists + Static Text
========================= */
.clicc2-section{
--cc2-blue:#07286b;
--cc2-navy:#0b2239;
--cc2-muted: rgba(11,34,57,.72);
--cc2-shadow: 0 26px 80px rgba(7,40,107,.14);
--cc2-shadow-soft: 0 14px 36px rgba(11,34,57,.10);
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
margin-top: 6em;
}
.clicc2-frame{
border-radius: 30px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--cc2-shadow);
overflow: hidden;
position: relative;
}
.clicc2-head{
padding: clamp(18px, 2.6vw, 28px);
background: linear-gradient(90deg, rgba(7,40,107,.14), rgba(255,255,255,1));
border-bottom: 1px solid rgba(11,34,57,.10);
}
.clicc2-title{
color: var(--cc2-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(24px, 2.8vw, 40px);
margin: 0;
}
.clicc2-lead{
color: var(--cc2-muted);
line-height: 1.75;
font-size: 1.05rem;
margin: 0;
max-width: 75ch;
}
.clicc2-controls{
display:flex;
justify-content: flex-end;
gap: 10px;
}
.clicc2-btn{
width: 44px;
height: 44px;
border-radius: 14px;
border: 1px solid rgba(11,34,57,.12);
background-color:#07286b!important;
color: #ffffff;
font-weight: 950;
font-size: 22px;
line-height: 1;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.clicc2-btn:hover{
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(11,34,57,.10);
border-color: rgba(7,40,107,.25);
}
.clicc2-body{
padding: clamp(18px, 2.6vw, 28px);
}
.clicc2-carousel{
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: linear-gradient(180deg, rgba(7,40,107,.06), rgba(255,255,255,1));
box-shadow: var(--cc2-shadow-soft);
overflow: hidden;
position: relative;
}
.clicc2-track{
display:flex;
width: 100%;
will-change: transform;
transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
.clicc2-slide{
flex: 0 0 100%;
padding: clamp(16px, 2vw, 22px);
}
.clicc2-card{
background: rgba(255,255,255,.92);
border: 1px solid rgba(11,34,57,.10);
border-radius: 22px;
box-shadow: 0 18px 44px rgba(11,34,57,.10);
padding: clamp(16px, 2vw, 22px);
position: relative;
overflow:hidden;
}
.clicc2-card::before{
content:"";
position:absolute;
inset:-60px -60px auto auto;
width: 240px;
height: 240px;
background: radial-gradient(circle, rgba(7,40,107,.16), transparent 60%);
opacity: .55;
pointer-events:none;
}
.clicc2-h3{
color: var(--cc2-blue);
font-weight: 950;
letter-spacing: -.01em;
margin: 0 0 10px 0;
font-size: 1.25rem;
line-height: 1.2;
}
.clicc2-list{
margin: 0;
padding-left: 18px;
color: rgba(11,34,57,.82);
line-height: 1.7;
font-weight: 900;
}
.clicc2-list li{ margin: 6px 0; }
.clicc2-dots{
display:flex;
justify-content: center;
gap: 10px;
padding: 14px 12px 18px;
}
.clicc2-dot{
width: 10px;
height: 10px;
border-radius: 999px;
border: 1px solid rgba(11,34,57,.18);
background: rgba(11,34,57,.14);
transition: transform .18s ease, background .18s ease, width .18s ease;
}
.clicc2-dot.is-active{
background: rgba(7,40,107,.65);
width: 28px;
}
.clicc2-dot:hover{ transform: translateY(-1px); }
/* Static block */
.clicc2-static{
border-radius: 22px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.92);
box-shadow: 0 18px 44px rgba(11,34,57,.08);
padding: clamp(16px, 2vw, 22px);
}
.clicc2-p{
color: var(--cc2-muted);
line-height: 1.75;
font-size: 1.02rem;
margin: 0;
}
/* subtle background grid */
.clicc2-grid{
position:absolute;
inset:auto -40px -40px auto;
width: 260px;
height: 260px;
background:
repeating-linear-gradient(90deg, rgba(7,40,107,.08), rgba(7,40,107,.08) 1px, transparent 1px, transparent 18px),
repeating-linear-gradient(0deg, rgba(7,40,107,.06), rgba(7,40,107,.06) 1px, transparent 1px, transparent 18px);
opacity: .16;
transform: rotate(8deg);
pointer-events:none;
}
/* responsive */
@media (max-width: 991.98px){
.clicc2-controls{ justify-content: flex-start; }
}
@media (max-width: 575.98px){
.clicc2-head, .clicc2-body{ padding: 16px; }
}
.inside-section-6{
position: relative;
background-color: #ffffff;
padding: 3% 7% 6% 7%;
color: black;
z-index: 0;
}
.inside-section-6:after{
content:'';
position: absolute;
left: 6em;
top: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
.inside-section-6:before{
content:'';
position: absolute;
bottom:0px;
right: 2em;
width: 10em;
height: 44em;
background-image: url(/wp-content/uploads/2026/02/arrows-bg-clic.jpg);
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
}
/* =========================
clico- Overlay Reveal Cards (NO layout shift)
========================= */
.clico-section{
--co-blue:#07286b;
--co-navy:#0b2239;
--co-muted: rgb(0 0 0);
--co-shadow: 0 26px 80px rgba(7,40,107,.14);
--co-shadow-soft: 0 14px 36px rgba(11,34,57,.10);
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
margin-top: 6em;
margin-bottom: 7em;
}
.clico-frame{
border-radius: 30px;
border: 1px solid rgba(11,34,57,.10);
background: #fff;
box-shadow: var(--co-shadow);
overflow: hidden;
position: relative;
}
/* header */
.clico-head{
padding: clamp(18px, 2.6vw, 28px);
background: linear-gradient(90deg, rgba(7,40,107,.14), rgba(255,255,255,1));
border-bottom: 1px solid rgba(11,34,57,.10);
}
.clico-title{
color: var(--co-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(24px, 2.8vw, 40px);
margin: 0;
}
.clico-lead{
color: var(--co-muted);
line-height: 1.75;
font-size: 1.05rem;
margin: 0;
max-width: 75ch;
}
.clico-body{
padding: clamp(18px, 2.6vw, 28px);
}
/* fixed-height card */
.clico-card{
height: 320px; /* fixed: prevents height shift */
border-radius: 26px;
border: 1px solid rgba(11,34,57,.10);
background: rgba(255,255,255,.92);
box-shadow: var(--co-shadow-soft);
position: relative;
overflow: hidden;
cursor: default;
outline: none;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
/* subtle background glow */
.clico-card::before{
content:"";
position:absolute;
inset:-80px -80px auto auto;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(7,40,107,.16), transparent 60%);
opacity: .55;
pointer-events:none;
}
/* front state */
.clico-front{
position:absolute;
inset:0;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 14px;
padding: 24px;
z-index: 2;
transition: opacity .22s ease, transform .22s ease;
}
.clico-h3{
color: var(--co-blue);
font-weight: 950;
letter-spacing: -.01em;
font-size: 1.35rem;
line-height: 1.2;
}
.clico-subtle{
width: 64px;
height: 10px;
border-radius: 999px;
background: #007ffd;
box-shadow: 0 10px 18px rgba(7,40,107,.12);
}
/* overlay reveal */
.clico-overlay{
position:absolute;
inset:0;
z-index: 3;
padding: 22px;
display:flex;
flex-direction: column;
justify-content: center;
gap: 12px;
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.96));
opacity: 0;
transform: translateY(10px);
transition: opacity .22s ease, transform .22s ease;
}
.clico-h3Overlay{
color: var(--co-navy);
font-weight: 950;
letter-spacing: -.01em;
margin: 0;
font-size: 1.15rem;
}
.clico-list{
margin: 0;
padding-left: 18px;
color: rgb(0 0 0 / 82%);
line-height: 1.2;
}
.clico-list li{ margin: 6px 0; }
.clico-note{
margin-top: 6px;
color: var(--co-muted);
line-height: 1.75;
font-size: 1.02rem;
font-weight: 800;
}
/* hover/focus interaction (no height change) */
.clico-card:hover,
.clico-card:focus{
transform: translateY(-2px);
box-shadow: 0 24px 60px rgba(11,34,57,.14);
border-color: rgba(7,40,107,.28);
}
.clico-card:hover .clico-front,
.clico-card:focus .clico-front{
opacity: 0;
transform: translateY(-6px);
}
.clico-card:hover .clico-overlay,
.clico-card:focus .clico-overlay{
opacity: 1;
transform: translateY(0);
}
/* subtle grid */
.clico-grid{
position:absolute;
inset:auto -40px -40px auto;
width: 260px;
height: 260px;
background:
repeating-linear-gradient(90deg, rgba(7,40,107,.08), rgba(7,40,107,.08) 1px, transparent 1px, transparent 18px),
repeating-linear-gradient(0deg, rgba(7,40,107,.06), rgba(7,40,107,.06) 1px, transparent 1px, transparent 18px);
opacity: .16;
transform: rotate(8deg);
pointer-events:none;
}
/* accessibility */
@media (prefers-reduced-motion: reduce){
.clico-card, .clico-front, .clico-overlay{ transition:none; }
}
/* responsive: avoid hover dependency on touch devices */
@media (max-width: 991.98px){
.clico-card{ height: auto; min-height: 240px; }
.clico-front{ position: relative; opacity: 1 !important; transform:none !important; }
.clico-overlay{
position: relative;
opacity: 1; /* always visible on mobile */
transform: none;
background: transparent;
padding-top: 0;
}
.clico-front{ align-items:flex-start; justify-content:flex-start; padding-bottom: 8px; }
.clico-subtle{ display:none; }
}
/* small screens */
@media (max-width: 575.98px){
.clico-head, .clico-body{ padding: 16px; }
}
/* Wrapper Background */
.clic-section-wrapper {
background-color: #f8f9fa; /* Light clean grey background */
padding: 80px 0;
font-family: 'Open Sans', sans-serif;
color: #333;
overflow: hidden; /* Prevents animations from causing scrollbars */
}
/* Typography */
.clic-section-wrapper h2 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #1a1a1a;
font-size: 2.2rem;
margin-bottom: 20px;
line-height: 1.2;
}
.clic-section-wrapper p {
font-size: 1rem;
line-height: 1.7;
color: #555;
margin-bottom: 30px;
}
/* --- LEFT COLUMN: Interactive Cards --- */
.clic-grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 30px;
}
.clic-feature-card {
background: white;
padding: 25px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border-bottom: 4px solid transparent;
cursor: pointer;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Hover Effect for Cards */
.clic-feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px #07286b38;
border-bottom: 4px solid #07286b!important;
}
.clic-card-icon {
font-size: 4rem;
color: #07286b!important;
margin-bottom: 15px;
}
.clic-feature-card h4 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 1.1rem;
margin: 0;
color: #007ffd!important;
}
/* --- RIGHT COLUMN: Process Flow --- */
.clic-right-col {
padding-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.clic-step-item {
display: flex;
align-items: center;
background: white;
padding: 20px;
border-radius: 50px; /* Pill shape */
margin-bottom: 20px;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
position: relative;
transition: transform 0.3s ease;
border: 1px solid #eee;
}
.clic-step-item:hover {
transform: scale(1.02);
border-color: #007ffd!important;
}
/* Connector Line Concept */
.clic-step-connector {
position: absolute;
left: 40px;
top: -20px;
height: 20px;
width: 2px;
background: #e0e0e0;
z-index: 0;
}
.clic-step-item:first-child .clic-step-connector {
display: none;
}
.clic-check-icon {
background: #07286b!important;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
flex-shrink: 0;
font-size: 1.2rem;
}
.clic-step-text {
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #333;
}
/* CTA Button */
.clic-btn-wrapper {
margin-top: 30px;
}
.clic-cta-btn {
background-color: #07286b;
color: white;
padding: 15px 40px;
font-weight: 600;
border-radius: 50px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
}
.clic-cta-btn:hover {
background-color: #007ffd!important;
color: white;
transform: translateY(-3px);
}
/* Mobile Adjustments */
@media (max-width: 991px) {
.clic-right-col {
padding-left: 0;
margin-top: 50px;
}
.clic-grid-container {
grid-template-columns: 1fr; /* Stack cards on mobile */
}
}
.industry-expertise{
background: radial-gradient(1200px 500px at 50% -10%, rgba(31,111,235,.10), transparent 60%),
radial-gradient(900px 450px at 85% 20%, rgba(255,122,24,.14), transparent 55%),
var(--brand-bg);
}
.proof-card{
background-color:#007ffd;
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 22px 22px 18px;
box-shadow: var(--shadow-soft);
position: relative;
overflow:hidden;
border-radius: 2em;
color: #fff;
}
.proof-title{
font-weight:800;
font-size: 1.25rem;
position: relative;
z-index: 1;
color: #fff;
}
.proof-list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:14px;
position: relative;
z-index: 1;
}
.proof-list li{
display:flex;
gap:12px;
align-items:flex-start;
color: var(--brand-ink);
}
.check{
width:28px;
height:28px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgb(255 255 255);
color: #07286b!important;
font-weight:900;
flex: 0 0 auto;
margin-top:2px;
}
.muted{ color:var(--brand-muted); }
.cta-primary:hover{
background-color:#fff;
}
.grid-heading{ margin-top: 10px; }
.grid-title{
color: var(--brand-ink);
font-weight: 800;
letter-spacing: -.01em;
font-size: 1.4rem;
text-align:center;
white-space: nowrap;
}
.line{
height: 2px;
background: linear-gradient(90deg, transparent, rgba(15,23,42,.16), transparent);
border-radius: 99px;
}
.trade-tile{
display:flex;
align-items:center;
gap:14px;
padding: 14px 14px;
border-radius: 16px;
background: var(--card-bg);
border: 1px solid var(--border);
box-shadow: 0 8px 18px rgba(2,6,23,.06);
text-decoration: none;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
height: 100%;
}
.trade-tile:hover{
transform: translateY(-2px);
box-shadow: 0 14px 26px rgba(2,6,23,.10);
border-color: rgba(31,111,235,.25);
background-color: #07286b!important;
}
.trade-tile:hover .trade-label {
color: #ffffff !important;
font-weight: 800;
letter-spacing: -.01em;
}
.trade-icon{
width: 46px;
height:46px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background-color:#e8f0f9;
color: var(--brand-ink);
flex: 0 0 auto;
}
.trade-icon span{font-size: 2.0em!important;}
.trade-icon .icon-tools-con:before {
content: "\e96e";
font-size: 2em;
line-height: 0px;
position: relative;
top: 14px;
left: 0px;
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.trade-icon .icon-paintbrush:before {
content: "\e9b1";
position: relative;
left: -1px;
font-size: 0.9em;
-webkit-text-stroke: 1px currentColor;
/* Fallback or additional thickness */
text-shadow: 0 0 0.5px currentColor;
}
.trade-label{
color: #07286b!important;
font-weight: 800;
letter-spacing: -.01em;
}
.cta-bar{
background-color:#07286b;!important
border: 1px solid rgba(255,255,255,.10);
border-radius: 18px;
padding: 18px 18px;
box-shadow: var(--shadow);
}
.cta-text{
color: rgba(255,255,255,.92);
font-weight: 800;
letter-spacing: -.01em;
font-size: 1.15rem;
}
/* small tweaks */
@media (max-width: 575.98px){
.proof-card{ padding: 18px; }
.trade-tile{ padding: 12px; }
.trade-icon{ width:42px; height:42px; border-radius: 12px; }
}
.inside-section-7{
position: relative;
background-color: #eff1f9;
padding: 4% 3% 4% 3%;
color: #000000;
z-index: 9;
}
.inside-section-3 .accordion-button::after, .inside-section-4 .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.inside-section-3 .accordion-button:hover, .inside-section-4 .accordion-button:hover{
background-color: #18134f;
color: white!important;
}
.inside-section-3 .accordion-button:hover h2, .inside-section-4 .accordion-button:hover h2{
color: white;
}
.inside-section-3 .accordion-button:not(.collapsed) h2,.inside-section-4 .accordion-button:not(.collapsed) h2{
color: white;
}
.inside-section-3 .bullet-list{
position: relative;
/* color: white; */
}
.inside-section-3 .bullet-list li{
padding: 0.1em 0.1em 0.1em 1.8em;
}
.inside-section-3 .bullet-list li:after {
top: 0.05em;
left: 0.2em;
}
.inside-section-5{
position: relative;
background-color: #eff1f9;
padding: 4% 7% 4% 7%;
color: #000000;
z-index: 9;
}
/* =========================================================
Shells
========================================================= */
.clicMeta__rail,
.clicMeta__panel{
background:#fff;
border:1px solid rgba(0,0,0,.10);
box-shadow:0 10px 30px rgba(0,0,0,.05);
}
/* =========================================================
Steps rail
========================================================= */
.clicMeta__steps{
display:flex;
flex-direction:column;
gap:12px;
position:relative;
}
/* subtle vertical guide */
.clicMeta__steps::before{
content:"";
position:absolute;
left: 16px;
top: 10px;
bottom: 10px;
width:2px;
background: rgba(0,0,0,.08);
border-radius:999px;
}
.clicMeta__step{
width:100%;
text-align:left;
border:1px solid rgba(0,0,0,.10);
background: rgba(0,0,0,.015);
border-radius:16px;
padding:14px 14px 14px 44px;
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.clicMeta__step:hover{
transform: translateY(-1px);
box-shadow:0 14px 40px rgba(0,0,0,.06);
background: rgba(0,0,0,.03);
}
.clicMeta__step.is-active{
background: #07286b;
border-color: rgba(13,110,253,.35);
color: #fff;
}
.clicMeta__dot{
position:absolute;
left: 8px;
width:18px; height:18px;
border-radius:999px;
border:2px solid rgba(0,0,0,.20);
background:#fff;
}
.clicMeta__step.is-active .clicMeta__dot{
border-color: rgba(13,110,253,.65);
box-shadow: 0 0 0 4px rgba(13,110,253,.12);
}
.clicMeta__stepTitle{
font-weight:800;
line-height:1.2;
}
.clicMeta__chev{
font-size:22px;
opacity:.65;
transition: transform .18s ease, opacity .18s ease;
}
.clicMeta__step:hover .clicMeta__chev{
transform: translateX(2px);
opacity:.85;
}
/* =========================================================
Detail panels (right)
========================================================= */
.clicMeta__detail{
display:none;
animation: metaFade .22s ease both;
}
.clicMeta__detail.is-active{
display:block;
}
@keyframes metaFade{
from{ opacity:0; transform: translateY(6px); }
to{ opacity:1; transform: translateY(0); }
}
/* =========================================================
Mobile: steps scroll horizontally
========================================================= */
@media (max-width: 991.98px){
.clicMeta__steps{
flex-direction: row;
overflow-x: auto;
padding-bottom: 6px;
gap:10px;
}
.clicMeta__steps::before{ display:none; }
.clicMeta__step{
min-width: 260px;
padding: 14px 14px 14px 44px;
flex: 0 0 auto;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.clicMeta__step{ transition:none; }
.clicMeta__step:hover{ transform:none; }
.clicMeta__detail{ animation:none; }
}
/* =========================================================
Tabs
========================================================= */
.clicMerge2__tabsWrap{
border:1px solid rgba(0,0,0,.10);
background: #07286b!important;
box-shadow:0 10px 30px rgba(0,0,0,.05);
border-radius: 9px;
}
.clicMerge2__tabs{
flex-wrap: nowrap;
overflow-x: auto;
gap: 16.5rem;
padding: .25rem;
}
.clicMerge2__tabs .nav-link{
border-radius: 999px;
font-weight: 800;
white-space: nowrap;
background-color: #fff;
}
.clicMerge2__tabs .nav-link.active{
background: #007ffd;
color: #ffffff;
}
/* =========================================================
Cards + note boxes
========================================================= */
.clicMerge2__card{
border:1px solid rgba(0,0,0,.10);
background: #07286b;
box-shadow:0 10px 26px rgba(0,0,0,.04);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
border-radius: 10px;
color: #fff;
}
.clicMerge2__card:hover{
transform: translateY(-2px);
box-shadow:0 16px 42px rgba(0,0,0,.08);
border-color: rgba(0,0,0,.18);
}
.clicMerge2__note{
border:1px solid rgba(0,0,0,.10);
background: rgba(0,0,0,.015);
border-radius: 10px;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.clicMerge2__card{ transition:none; }
.clicMerge2__card:hover{ transform:none; }
}
/* =========================
Clic PPC Industries Section
Prefix: clicp-
Colors: #07286b, #0b2239, white
========================= */
.clicp-section{
--clicp-blue:#07286b;
--clicp-navy:#0b2239;
--clicp-white:#ffffff;
--clicp-bg:#622323;
--clicp-border: rgba(11,34,57,.12);
--clicp-muted: rgba(11,34,57,.72);
--clicp-shadow: 0 26px 70px rgba(7,40,107,.14);
--clicp-shadow-soft: 0 14px 36px rgba(11,34,57,.10);
--clicp-radius: 28px;
background: #007FFD;
background: linear-gradient(172deg,rgba(0, 127, 253, 1) 0%, rgba(7, 40, 107, 1) 100%);
border-radius: 2em;
padding: 3em;
margin-top: 4em;
}
.clicp-frame{
background: var(--clicp-white);
border: 1px solid rgba(11,34,57,.08);
border-radius: var(--clicp-radius);
box-shadow: var(--clicp-shadow);
padding: clamp(18px, 2.6vw, 32px);
position: relative;
overflow:hidden;
}
/* =========================================================
Option C: Card Grid + Row Expansion Panel
(keeps your existing .clicp-* naming style)
========================================================= */
.clicp-gridWrap { width: 100%; }
.clicp-cardBtn{
width:100%;
text-align:left;
border:1px solid rgba(0,0,0,.10);
background:#fff;
border-radius:16px;
padding:14px 14px;
box-shadow:0 10px 26px rgba(0,0,0,.04);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.clicp-cardBtn:hover{
transform: translateY(-2px);
box-shadow:0 16px 42px rgba(0,0,0,.08);
border-color: rgba(0,0,0,.18);
}
.clicp-cardBtn.is-active{
background: rgba(13,110,253,.07);
border-color: rgba(13,110,253,.35);
}
.clicp-cardBtn__label{
font-weight: 800;
line-height: 1.2;
}
.clicp-cardBtn__hint{
margin-top: 6px;
font-size: .9rem;
color: rgba(0,0,0,.55);
}
/* Expansion wrapper under each row */
.clicp-expandWrap{
display:none;
margin-top: 12px;
}
.clicp-expandWrap.is-open{ display:block; }
.clicp-expandPanel{
display:none;
animation: clicpFade .22s ease both;
}
.clicp-expandPanel.is-active{ display:block; }
@keyframes clicpFade{
from{ opacity:0; transform: translateY(6px); }
to{ opacity:1; transform: translateY(0); }
}
.clicp-expandCard{
border:1px solid rgba(0,0,0,.10);
background: rgba(0,0,0,.015);
border-radius:18px;
padding:18px 18px;
}
.clicp-expandCard .btn-primary {
width:37%;
margin:0 auto;
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce){
.clicp-cardBtn{ transition:none; }
.clicp-cardBtn:hover{ transform:none; }
.clicp-expandPanel{ animation:none; }
}
.clicp-left{ position: relative; z-index: 1; }
.clicp-title{
color: var(--clicp-navy);
font-weight: 950;
letter-spacing: -.02em;
line-height: 1.08;
font-size: clamp(26px, 3vw, 44px);
margin: 0;
}
.clicp-lead{
color: var(--clicp-muted);
line-height: 1.75;
font-size: 1.05rem;
margin: 0;
max-width: 60ch;
}
.clicp-tabsWrap{
position: relative;
z-index: 1;
padding: 18px;
border-radius: 24px;
border: 1px solid rgba(11,34,57,.10);
background: linear-gradient(180deg, rgba(7,40,107,.05), rgba(255,255,255,1));
box-shadow: var(--clicp-shadow-soft);
}
/* scrollable rail */
.clicp-tabRail{
display:flex;
gap: 10px;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 10px;
margin-bottom: 12px;
scrollbar-width: none;
}
.clicp-tabRail::-webkit-scrollbar{ display:none; }
.clicp-tabBtn{
border: 1px solid rgba(11,34,57,.12);
background: #fff;
color: var(--clicp-navy);
font-weight: 900;
border-radius: 999px;
padding: 10px 14px;
white-space: nowrap;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
box-shadow: 0 10px 18px rgba(11,34,57,.06);
}
.clicp-tabBtn:hover{
transform: translateY(-1px);
box-shadow: 0 14px 24px rgba(11,34,57,.10);
border-color: rgba(7,40,107,.25);
}
.clicp-tabBtn.is-active{
background: linear-gradient(180deg, rgba(7,40,107,.12), rgba(7,40,107,.06));
border-color: rgba(7,40,107,.35);
color: var(--clicp-blue);
}
/* panels */
.clicp-panels{ position: relative; }
.clicp-panel{
display:none;
}
.clicp-panel.is-active{
display:block;
animation: clicpPanelIn .28s ease both;
}
@keyframes clicpPanelIn{
from{ transform: translateY(6px); opacity: 0; }
to{ transform: translateY(0); opacity: 1; }
}
/* card */
.clicp-card{
background: #fff;
border: 1px solid rgba(11,34,57,.10);
border-radius: 22px;
padding: 18px;
box-shadow: 0 14px 30px rgba(11,34,57,.10);
min-height: 140px;
}
.clicp-cardTitle{
color: var(--clicp-blue);
font-weight: 950;
letter-spacing: -.01em;
margin: 0;
font-size: 1.2rem;
}
.clicp-cardText{
color: var(--clicp-muted);
line-height: 1.7;
margin: 0;
}
.clicp-foot{
color: var(--clicp-muted);
line-height: 1.75;
font-size: 1.02rem;
padding-top: 14px;
border-top: 1px solid rgba(11,34,57,.10);
position: relative;
z-index: 1;
}
@media (prefers-reduced-motion: reduce){
.clicp-tabBtn, .clicp-panel.is-active{ transition:none; animation:none; }
}
@media (max-width: 991.98px){
.clicp-tabsWrap{ padding: 14px; }
.clicp-card{ min-height: 0; }
}
@media (max-width: 575.98px){
.clicp-lead{ font-size: 1rem; }
.clicp-tabBtn{ padding: 9px 12px; }
.clicp-card{ padding: 16px; }
}
.usp-services {
position: relative;
background-color: #ffffff;
color: #000000;
display: block;
z-index: 2;
text-decoration: none;
transition: all .3s ease-in-out;
border-radius: 22px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
padding: 2em;
margin-bottom: 23px;
height: 25em;
margin-top: 2em;
}
.emp-form{
position: relative;
padding: 6% 5% 3% 5%;
background-color: #ebebeb;
border-radius: 1em;
margin: 1em auto 3em auto;
width: 85%;
}
.emp-form .with_frm_style .vertical_radio .frm_checkbox label, .emp-form .with_frm_style .vertical_radio .frm_radio label{
color: #fff;
}
.emp-form .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
width: 100%;
padding: 1em 0em;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 1.1em;
background-color: #03a8e2;
color: white;
border: 0;
box-shadow: none;
}
.emp-label{
text-align: center;
text-transform: uppercase;
letter-spacing: .08em;
color: #383838;
font-size: 1.5em;
margin-bottom: .8em;
}
.insideimage .not-active{
display: none;
}
.insideimage .activate{
position: relative;
display: block!important;
z-index: 9;
}
.insideimage .activate a{
color: white;
position: relative;
z-index: 3;
transition: all .3s ease-in-out;
display: block;
padding-left: 0em;
border-radius: 900em;
letter-spacing: .09em;
font-size: 1.2em;
margin-bottom: -1em;
width: 16.5em;
text-align: center;
margin-left: 3.8em;
}
.insideimage .activate a:hover{
background-color: #5b6363;
}
/* Opening CTA Inner CSS */
blockquote {
font-size: 1.22em!important;
margin-top: 35px!important;
width: 95%;
border-left: aliceblue;
position: relative;
padding: 1em 4em 1em 2.5em!important;
margin: 4% 1% 6% 1%!important;
z-index: 9;
color: #000000!important;
}
blockquote, blockquote p {
line-height: 1.6;
margin-bottom: 0em;
color: #ffffff !important;
}
blockquote:after {
content: '';
position: absolute;
bottom: -0.5em;
background-size: 100%;
background-repeat: no-repeat;
z-index: 1;
height: 8.9em;
width: 5.7em;
transition: all .3s ease-in-out;
background-position: center;
right: -2em;
}
blockquote:before {
content: '';
position: absolute;
bottom: 0em;
left: 0em;
height: 100%;
width: 100%;
transition: all .3s ease-in-out;
z-index: -01;
background-color: #1f2c5f;
border-top-right-radius: 0em;
border-radius: 0em;
border-top-left-radius: 0em;
border-bottom-left-radius: 0em;
border-left: 0.8em solid #184ba2;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
}
blockquote a{color: #3f63c9;text-decoration: none;}
blockquote a:hover{color: #ffffff;}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: black;
z-index: 0;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 1.5em;
}
.inside-content h1 {
margin-bottom: -1px;
color: #163776;
font-weight: 900;
font-size: 2.5em;
}
.inside-content h1 strong{
color: #3f6fa6;
}
.inside-content h1 span{
display: block;
font-size: .6em;
font-family: 'Poppins';
font-weight: normal;
color: white;
}
.inside-content h2 em{
font-size: .8em;
font-family: 'Poppins';
font-weight: normal;
font-style: normal
}
.inside-content h2 {
color: #313131;
font-weight: 900;
font-size: 2em;
}
.inside-content h3 {
color: #184ba1;
font-weight: 900;
font-size: 1.4em;
}
.inside-content h5{
font-size: 1.3em;
}
.coup-page{
position: relative;
padding-bottom: 7%;
}
.coup-page .text-highlight{
margin-bottom: 3em;
}
.coup-page .col-lg-6{
margin: 0em 0 2.5em 0!important;
}
.rev-sec-in{
padding: 5em 7em 1em 7em!important;
}
#sidebar1 .price{
font-size: 3em;
}
#sidebar1 .offer{
font-size: 1.1em;
}
#sidebar1 .coupon a{
display: block;
font-size: 0.8em;
}
/* List Style 1 Inner CSS */
.bullet-list{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 10px;
}
.industries-section-1 .bullet-list li {
position: relative;
padding: 0.2em 0.2em 0.3em .1em;
padding-left: 1.3em;
font-size: 1em;
font-weight: 500;
width: 50%;
}
.bullet-list li {
position: relative;
padding: 0.2em 0.2em 0.3em .1em;
padding-left: 1.3em;
font-size: 1em;
font-weight: 500;
width: 100%;
}
.bullet-list li:after {
content: "\f058";
font-family: 'icomoon' !important;
position: absolute;
top: 8px;
left: 0;
color: #007ffd;
font-size: 1.1em;
border-radius: 50%;
line-height: 1;
}
.bullet-list li a{
color: #184ba2;
text-decoration: none;
}
.bullet-list li a:hover{
color: #1f2c5f;
}
/* ---------------------- */
/* List Style 2 Inner CSS */
.check-list li{
display: block!important;
padding: .8em 1em .8em 4em!important;
border-bottom: solid 1px rgba(0, 0, 0, 0.14)!important;
position: relative!important;
line-height: 1.5em!important;
text-align: left!important;
width:100%!important;
}
.check-list {
display: block!important;
margin: 1em 0!important;
padding: 0!important;
border: solid 1px rgba(0, 0, 0, 0.08)!important;
}
.check-list li:before {
content: "\f00c";
font-family: 'icomoon' !important;
color: #003d7a;
display: block;
position: absolute;
font-size: 1.2em;
top: 0.8em;
left: 1.06em;
z-index: 2;
}
.check-list li:after{
content: '';
position: absolute;
background-size: 100%;
width: 2.5em;
height: 2.5em;
top: 0.4em;
left: 0.3em;
background-repeat: no-repeat;
}
.check-list li strong {
text-transform: uppercase;
font-size: 1.025em;
color: #007ffd;
}
.check-list li a{
color: #3f63c9!important;
}
.check-list li a:hover{
color: #fb8500!important;
}
/* ------------------------------------------ */
/* Page creator Template */
.pc-default{
position: relative;
padding: 2% 3%;
background-size: cover;
background-position: center;
}
.pc-default .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #00488c;
letter-spacing: .08em;
}
.pc-default .accordion-item{
background-color: #efefef;
color: #070707;
}
.pc-default .accordion-button:not(.collapsed){
color: #ffffff;
background-color: #000000;
}
.pc-default .accordion{
margin-bottom: 2em;
}
.pc-default .usp-box{
position: relative;
padding: 2em 2em;
text-align: center;
border: 1px solid #00000047;
border-radius: .5em;
margin: 1em auto;
background: white;
}
.pc-default h2{
font-weight: 900;
}
.pc-default .usp-label{
position: relative;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.pc-default .usp-box span{
display: block;
text-align: center;
font-size: 4em;
color: #0056a6;
}
.center-head{
text-align: center;
display: block;
}
.pc-default h1{
font-weight: 900;
color: #0056a6;
}
.topsec{
padding-bottom: 3em;
}
.section-faqsec h2{
color: #00488c;
font-weight: 900;
}
.pc-default .accordion-button h3{
margin: 0;
color: white;
}
/* Flex Template */
.column-section{
position: relative;
padding: 5% 5%;
}
.column-section strong.highlight{
font-size: 1.36em;
font-style: italic;
color: #000000;
position: relative;
font-weight: 500!important;
margin-top: 8px;
padding-bottom: 3%;
margin-bottom: 1em;
line-height: 1.4!important;
display: block;
}
.column-section strong.highlight:not(.no-line):after {
content: ' ';
display: block;
width: 159%;
height: 4px;
background-color: #4fc8e3;
position: absolute;
top: 95%;
right: 20px;
}
.column-section .btn-primary{
max-width: 450px;
margin-left: 0;
color: white;
}
.column-section no{
display: none;
}
.text-highlight p{
margin-bottom: 0;
}
.column-section h1{
color: #414141;
font-size: 2.6em;
margin: 0em 0em -0.5em 0em;
}
.compressed-sec{
padding: 5% 18%;
background: #ededed;
}
.content-header{
font-weight: 900;
font-size: 1.2em;
color: #ff601f;
}
.usp-box-section{
position: relative;
padding: 5% 5%;
background: #ff5f1f;
}
.usp-box-section .usp-box{
height: 23em;
padding: 4em 1em 1em 1em;
}
.accordion-section{
position: relative;
padding: 2% 5%;
}
.accordion-section .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #209ad6;
letter-spacing: .08em;
}
.accordion-section .accordion-item{
background-color: #272727;
color: white;
}
.accordion-section .accordion-button:not(.collapsed){
color: #ffffff;
background-color: #000000;
}
.accordion-section .accordion{
margin-bottom: 2em;
}
.accordion-section .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.accordion-section .accordion-button:hover{
background-color: #333a45;
color: white!important;
}
.accordion-section .accordion-button:hover h2{
color: white;
}
.accordion-section .accordion-button:not(.collapsed) h2{
color: white;
}
.galler-section {
position: relative;
padding: 3% 5%;
}
/* Opening CTA Inner CSS */
.text-highlight {
font-size: 1.36em;
font-style: italic;
color: #000000;
position: relative;
font-weight: 500!important;
margin-top: 8px;
padding-bottom: 3%;
margin-bottom: 39px;
line-height: 1.4!important;
}
.text-highlight:not(.no-line):after {
content: ' ';
display: block;
width: 159%;
height: 4px;
background-color: #007ffd!important;
position: absolute;
top: 99%;
right: 20px;
}
.text-highlight p{
margin-bottom: 0;
}
.contact-us-block .text-highlight2 {
font-size: 1.25em;
padding: 2.5em 2% 1.1em;
position: relative;
border-bottom: solid 1px #00000054;
text-align: center;
margin: 4.5rem 0 0.5rem 0em;
color: #000000;
font-weight: 900;
text-wrap: balance;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 89px;
}
.text-highlight2 {
font-size: 1.25em;
padding: 1.5em 3% 1.1em;
position: relative;
border-bottom: solid 1px #00000054;
text-align: center;
margin: 4.5rem 0 0.5rem 0em;
color: #000000;
font-weight: 900;
text-wrap: balance;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 89px;
}
.text-highlight2:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right,#00000040 41.99%,#FFFFFB 42%,#FFFFFF 58.99%,#00000040 55%);
}
.text-highlight2:after {
content: '';
position: absolute;
width: 100%;
height: 3.4em;
background-size: 14.6em;
background-repeat: no-repeat;
background-position: 50% 50%;
left: 0.2em;
top: -2.15em;
}
.text-highlight2 a{
display: unset;
color: #b00c03;
transition: all .3s ease-in-out;
transform: scale(1);
position: relative;
bottom: 0em;
}
.text-highlight2 a:hover{
font-size: 1.04em;
bottom: 0.12em;
}
.inner-bottom{
margin-top: 0%;
color: #000!important;
z-index: 99;
padding: 8em 7% 2em 7%;
position: relative;
background-color: #1f2c5f;
z-index: 13;
position: relative;
}
.inner-bottom .usp-blk{
height: 24em;
}
.inner-bottom .usp-label{
font-weight: 900;
line-height: 1.1;
margin: .4em 0;
color: #044ba1;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.inner-bottom.section-2:before{
height: 100%;
}
.inner-bottom .carousel-control-prev {
left: -6em;
}
.inner-bottom .carousel-control-next {
right: -6em;
}
.inner-bottom .carousel{
}
.inner-bottom .row>*{
/* padding: 0 .8%; */
}
.inner-bottom .usp-wrap{
position: relative;
margin-top: 0em;
}
.inner-bottom .usp-wrap.row>* {
/* padding: 0% 0.7%; */
}
/* ---------------------- */
/* Closing CTA Inner CSS */
/* ------------------------------------------------------------------------------------- */
.faq-page .accordion-button{
background-color: #1f2c5f;
color: white;
}
.faq-page .accordion-button[aria-expanded=true], .faq-page .accordion-button:hover{
background-color: #343434;
color: white;
}
.faq-page .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
/* 404 Page */
.error-page {
padding: 11% 4% 6% 4%;
background-size: cover;
background-position: center;
text-align: center;
color: black;
margin-top: 5%;
background-image: url(/wp-content/uploads/2026/02/bluebg.jpg);
}
.error-page .inside-content {
position: relative;
padding-top: 0px;
\: #00000059;
padding: 7% 1% 4% 1%;
}
.error-page .error{
font-size: 14em;
font-weight: 900;
color: #ffffff;
position: relative;
display: block;
line-height: 0.8;
letter-spacing: .03em;
z-index: 2;
margin-top: -2%;
text-shadow: -4px 4px #373535;
margin-bottom: 1%;
}
.error-page .inside-content h1{
font-size: 4.2em;
color: #ffffff;
position: relative;
z-index: 1;
margin-top: -0.2em;
}
.error-page .entry-content{
font-size: 1.4em;
padding: 0% 13%;
position: relative;
color: white;
}
.reroute-btns{
padding: 0% 12em;
position: relative;
}
.reroute-btns .column,.reroute-btns .columns {
padding-left: .3375rem;
padding-right: .3375rem;
}
.reroute-btns .btn{
width: 50%;
font-size: 1.1em;
box-shadow: 1px 1px 16px 8px #0000000f;
text-transform: uppercase;
font-weight: 900;
letter-spacing: .03em;
border: 0;
display: block;
border-radius: 0;
margin: .7em auto;
border-radius: 900em;
color: #ffffff!important;
}
.reroute-btns .btn:hover{
background-color: #ffffff !important;
color: #000000 !important;
text-shadow: none;
}
.reroute-btns span{
position: relative;
top: 0.15em;
font-size: 1.3em;
}
.single-blog ul{
margin-left: 2em!important;
}
/* Default Template CSS */
.full-inner-max{
padding-top: 2%;
background: white;
z-index: 11;
position: relative;
}
.side-label {
=: #ffffff;
text-align:center;
font-size:3em;
padding-top:40px;
font-weight: 700;
}
.side-form iframe{
height: 56em!important;
}
.services-inner{
padding: 2% 7% 2% 7%;
}
.main-blog{
position: relative;
}
.wa-intcode-card strong:first-child{
display: none;
}
.main-blog a{
text-decoration: none;
color: #3f63c9!important;
}
.main-blog .page-nav{
position: relative;
background-color: #efefef;
padding: 1.5em;
margin-bottom: 1em;
}
.main-blog .post-thumbnail img{
width: 100%;
display: block;
}
.single-blog{
position: relative;
padding: 5% 15% 4% 15%;
}
/* ------------------------------------------------------------------------------------- */
.inside-content a{
display: unset;
color: #007ffd;
text-decoration: none;
}
.inside-content .btn-primary{
color: #000000;
}
/* Thank You Template CSS */
.thank-you {
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
padding: 9% 1% 5% 1%;
margin-top: 6%;
z-index: 99;
background-image: url(/wp-content/uploads/2026/02/bluebg.jpg);
position: relative;
}
.thank-you .bg-inner {
text-align: center;
position: relative;
padding: 4.063rem 0 3.363rem 0;
color: white;
}
.thank-you .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.thank-you .bg-inner p {
font-size: 1.5rem;
line-height: 1.5em;
}
.thank-you .bg-inner h1{
margin: 0;
color: #ffffff;
font-weight: 900;
font-size: 5.3rem;
line-height: 1;
margin-bottom: 0.2em;
text-transform: uppercase;
letter-spacing: .03em;
text-shadow: -6px -1px .8em #2b2b2b;
}
.thank-you .bg-inner h1 strong {
display: block;
font-size: 1.847em;
color: #fa4f41;
}
.thank-you .button{
display: block;
background-color: #07286b!important;
text-transform: uppercase;
font-size: 1em;
letter-spacing: .08em;
color: #ffffff;
text-decoration: none;
padding: 0.65em 0em;
margin: 0.7em 0;
border-radius: 900em;
}
/* ------------------------------------------------------------------------------------- */
/* Client Response Template CSS */
.client-resp-wrap{
padding: 0% 5%;
}
.client-response .entry-content{
padding: 0% 7%;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]{
display: block;
width: 100%;
font-size: 1em;
text-transform: uppercase;
letter-spacing: .08em;
background-color: #e62318;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
background-color: black;
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
background-color: #199ad6;
color: white;
width: 100%;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 1em;
font-family: 'Exo 2', sans-serif!important;
text-shadow: -0.03em 0.08em black;
}
.client-response .frm_forms.frm_style_formidable-style-2.with_frm_style{
margin: auto;
}
.client-response .bg-inner {
text-align: center;
background-color: rgba(0, 0, 0, 0.31);
border: solid 1px #000000a6;
position: relative;
padding: 3.063rem 0 1.363rem 0;
color: white;
}
.client-response .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.client-response .bg-inner p {
font-size: 1.6rem;
line-height: 1.5em;
padding: 0% 5%;
}
.client-response .bg-inner h1{
margin: 0;
color: #ffffff;
font-size: 4.3rem;
line-height: 0.9;
margin-bottom: 3%;
text-shadow: 4px 4px 0.7em #00000075;
text-transform: uppercase;
}
.client-response .bg-inner h1 strong {
display: block;
font-size: 1.647em;
color: #65ee62;
position: relative;
}
.client-response .bg-inner h1 span strong{
font-size: 1.2em;
}
.client-response .bg-inner h1 span{
font-size: 0.7em;
display: block;
font-weight: normal;
}
.client-response .with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_button_submit {
position: relative;
display: block;
width: 100%;
background-color: #e7090c;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 900;
font-family: 'Ubuntu', sans-serif!important;
}
/* ------------------------------------------------------------------------------------- */
/* Client Feedback Review Template CSS */
.client-response {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 13% 1% 7% 1%;
background-color: #4e4e4e;
margin-top: 6%;
background-image: url(/wp-content/uploads/2026/02/bluebg.jpg);
}
.client-review {
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
padding: 11% 4% 5% 4%;
position: relative;
z-index: 9;
margin-top: 8%;
background-image: url(/wp-content/uploads/2026/02/bluebg.jpg);
text-align: center;
}
.client-review p {
font-size: 1.2rem;
line-height: 1.6;
padding: 0% 0%;
color: #ffffff;
}
.client-review h1{
margin: 0;
color: #ffffff;
font-weight: normal;
font-size: 4.2rem;
line-height: 1;
margin-bottom: -0.1em;
/* text-shadow: 4px 4px 0.4em #00000057; */
text-transform: uppercase;
position: relative;
}
.client-review h1 strong {
display: block;
font-size: 1.47em;
color: #ffffff;
}
.resp-box{
border-top: 1px solid #00304624;
FONT-WEIGHT: 100;
position: relative;
margin-top: 2%;
border-bottom: 1px solid #00304624;
}
.resp-txt{
font-weight: 900;
font-size: 1.7em;
letter-spacing: 0.03em;
margin-bottom: 2%;
line-height: 1.7;
padding: 1% 5% 0% 5%;
color: #fff;
}
.resp-box .btn{
display: block;
width: 80%;
max-width: 440px;
border-radius: 900em;
border: 0;
margin: auto;
}
.client-review img{
display: block;
width: 90%;
margin: auto;
}
.client-review .col-12 img{
max-width: 450px;
}
.client-review .row-cols-5{
padding: 0% 15%;
margin-top: 2%;
}
/* ------------------------------------------------------Media Queries CSS ---------------------------------------- */
@media screen and (min-width: 5.001em) and (max-width: 25em) {
.clicl2-segBtn {
width: 100%;
}
.clicp-expandCard .btn-primary {
width: 100%;
}
.clicl2-seg {
border-radius: 0px;
}
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.agency-block a {
width: 83%;
height: 23em;
}
.footer-slogan {
font-size: 2.5em;
text-align:center;
}
.section-6 h2 {
text-align: center;
margin-bottom: 40px;
color: #007ffd;
font-size:1.7em;
}
.section-5:before {
display:none;
}
.section-4:after {
display:none
}
.section-4 h2 {
display: block;
font-size: 2em;
color: #fff;
text-align:center;
margin-bottom: 13px;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
width: 27%;
height: 6.389em;
-webkit-transform: translate(-9em, 53%);
-ms-transform: translate(-9em, 53%);
transform: translate(-9em, 53%);
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-2 h1 {
font-size: 2.5em;
text-align:center;
}
.top-services a {width: 82%;height: 21em;}
.section-7 h2{font-size: 2.5em;margin-top: 0;text-align:center;}
.blue-sec .col-9{
width:100%;
}
.blue-sec .col-4{
width:100%;
}
.schema {
text-align: center;
}
.business-name {
font-size: 3.0em;
font-weight: 800;
text-align:center;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: 0px;
font-weight: 200;
z-index: -1;
height: 100%;
width: 100%;
}
.section-10 .h2 {
text-align: center;
font-size: 3em;
}
.section-9:before {
display:none;
}
.blue-bg {
padding: 5em 0 21em 0;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-9 h2{
margin-top:0px;
font-size: 2.5em;
line-height: 31px;
text-align:center;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 31.389em;
-webkit-transform: translate(0em, 22%);
-ms-transform: translate(0em, 22%);
transform: translate(0em, 22%);
}
.section-8 .topline {
font-size: 1.7em;
color: #ffffff;
text-align:center;
}
.section-8 h2 {
font-size: 2.5em;
margin-top: 0;
color: #fff;
text-align:center;
}
.top-usps{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.section-1{
text-align:center;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
width: 92%;
height: 31.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 100%);
}
.section-1 h2 {
font-size: 2.0em;
margin-top: 0;
}
.section-4 {
padding: 6% 5% 55% 5%;
background-size: 140%;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 20.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em, 18%);
}
.usp-blk {
width: 80%;
position: relative;
padding: 0;
font-size: .9em;
border: 0px solid #0000002e !important;
text-align:center;
margin-left: auto;
margin-right: auto;
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
/* NEW QUERIES */
.sliderfull{
margin-top: 26%;
}
.slider-header{
font-size: 0.79em;
line-height: 28px;
}
/* END NEW QUERIES */
#breadcrumbs{
font-size: .6em;
margin-top: 6em;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.error-page .inside-content h1{
font-size: 1.5em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 8.1em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
margin-top: 15%;
padding: 22% 4% 5% 4%;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review img, .client-review .btn{
margin: auto;
width: 100%;
}
.client-review h1{
font-size: 1.7em;
}
.client-response .bg-inner p {
font-size: 1.1rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 1.9rem;
}
.thank-you .bg-inner h1 {
font-size: 2.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.insideimage .slider-usp .usp-box {
font-size: 0.6em;
padding: 5% 15%;
}
.single-blog {
position: relative;
padding: 12% 4% 4% 4%;
}
.insideimage {
margin-top: 26.5%;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 13%;
}
.banner-head{
font-size: 1.1em;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 1.7em;
width: 100%;
}
.logo-image img{
width: 18.4em;
top: 0;
}
.badge-sec .row .col {
width: 50%;
}
.logo-foot img{
width: 27em;
margin-left: auto;
margin-right: auto;
}
.quick-nav.adjust {
font-size: .9em;
top: 3.7em;
}
.close-cta{
font-size: 0.8em;
padding: 6% 2% 3% 2%;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: 0.6em;
}
.resp-txt{
font-size: 1em;
}
.client-response {
padding: 17% 1% 7% 1%;
margin-top: 14%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 13% 4% 6% 4%;
margin-top: 18%;
}
.help-links a{
text-align: center;
}
.side-form iframe {
height: 64em!important;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
font-size: 0.7em;
position: relative;
margin-top: 1em;
bottom: -2em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.show-for-small-only{
display: block!important;
}
.emp-info em{
width: 90em;
}
.compressed-sec {
padding: 5% 3%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 35em) and (min-width: 25.001em) {
.clicl2-segBtn {
width: 100%;
}
.clicp-expandCard .btn-primary {
width: 100%;
}
.clicl2-seg {
border-radius: 0px;
}
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.agency-block a {
width: 83%;
height: 23em;
}
.footer-slogan {
font-size: 2.5em;
text-align:center;
}
.section-6 h2 {
text-align: center;
margin-bottom: 40px;
color: #007ffd;
font-size:1.7em;
}
.section-5:before {
display:none;
}
.section-4:after {
display:none
}
.section-4 h2 {
display: block;
font-size: 2em;
color: #fff;
text-align:center;
margin-bottom: 13px;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
width: 27%;
height: 6.389em;
-webkit-transform: translate(-9em, 15%);
-ms-transform: translate(-9em, 15%);
transform: translate(-9em, 15%);
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-2 h1 {
font-size: 2.5em;
text-align:center;
}
.top-services a {width: 82%;height: 21em;}
.section-7 h2{font-size: 1.8em;margin-top: 0; text-align:center;}
.blue-sec .col-9{
width:100%;
}
.blue-sec .col-4{
width:100%;
}
.schema {
text-align: center;
}
.business-name {
font-size: 3.0em;
font-weight: 800;
text-align:center;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: 0px;
font-weight: 200;
z-index: -1;
height: 100%;
width: 100%;
}
.section-10 .h2 {
text-align: center;
font-size: 3em;
}
.section-9:before {
display:none;
}
.blue-bg {
padding: 5em 0 21em 0;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-9 h2{
margin-top:0px;
font-size: 3.5em;
line-height: 54px;
text-align:center;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 31.389em;
-webkit-transform: translate(0em, 22%);
-ms-transform: translate(0em, 22%);
transform: translate(0em, 22%);
}
.section-8 .topline {
font-size: 1.7em;
color: #ffffff;
text-align:center;
}
.section-8 h2 {
font-size: 3.0em;
margin-top: 0;
color: #fff;
text-align:center;
}
.top-usps{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.section-1{
text-align:center;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
width: 92%;
height: 31.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 100%);
}
.section-1 h2 {
font-size: 2.0em;
margin-top: 0;
}
.section-4 {
padding: 6% 5% 55% 5%;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 20.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em, 2%);
}
.usp-blk {
width: 80%;
position: relative;
padding: 0;
font-size: .9em;
border: 0px solid #0000002e !important;
text-align:center;
margin-left: auto;
margin-right: auto;
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
.badge-sec .row .col{width: 50%;}
/* NEW QUERIES */
.sliderfull{
margin-top: 26%;
}
.slider-header{
font-size: 0.79em;
line-height: 28px;
}
/* END NEW QUERIES */
.logo-foot img{
width: 40em;
margin-left: auto;
margin-right: auto;
}
.footer-slogan {
font-size: 1.7em;
font-weight: 900;
text-align:center;
}
.widget .home-form .camp-form iframe {
height: 36.3em!important;
}
.modal-dialog .camp-form iframe {
height: 32em!important;
}
.sched-row a ,.sched-row button{
font-size: .8em;
}
.close-cta{
font-size: 0.8em;
}
.insideimage .slider-usp .usp-box{
font-size: .5em;
}
#breadcrumbs{
font-size: .7em;
margin-top: 9em;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.error-page .error{
font-size: 8.9em;
}
.error-page .inside-content h1{
font-size: 1.8em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 15%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review h1{
font-size: 2.3em;
}
.resp-txt{
font-size: 1.3em;
}
.client-response .bg-inner p {
font-size: 1.4rem;
}
.client-response .bg-inner h1 {
font-size: 2.4rem;
}
.thank-you .bg-inner h1 {
font-size: 2.9rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 14%;
}
.client-response {
padding: 16% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 16% 4% 14% 4%;
margin-top: 18%;
}
.logo-image a {
margin-top: .2em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 22.8em;
left: 0;
top: 0;
}
.single-blog {
position: relative;
padding: 10% 4% 4% 4%;
}
.insideimage {
margin-top: 28.5%;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.quick-nav.adjust {
font-size: .9em;
top: 5em;
}
.help-links a{
text-align: center;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: -1em;
bottom: -3em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 1.1em;
width: 100%;
}
.insideimage .activate a{
font-size: .88em;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 5%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 39.938em) and (min-width: 35.001em) {
.footer-slogan {
font-size: 2.0em;
text-align:center;
}
.section-6 h2 {
text-align: center;
margin-bottom: 40px;
color: #007ffd;
font-size:1.7em;
}
.section-5:before {
display:none;
}
.section-4:after {
display:none
}
.section-4 h2 {
display: block;
font-size: 2em;
color: #fff;
text-align:center;
margin-bottom: 13px;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
width: 27%;
height: 6.389em;
-webkit-transform: translate(-18em, 55%);
-ms-transform: translate(-18em, 55%);
transform: translate(-18em, 55%);
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-2 h1 {
font-size: 2.5em;
text-align:center;
}
.top-services a {width: 82%;height: 21em;}
.section-7 h2{font-size: 1.8em;margin-top: 0; text-align:center;}
.blue-sec .col-9{
width:100%;
}
.blue-sec .col-4{
width:100%;
}
.schema {
text-align: center;
}
.business-name {
font-size: 3.0em;
font-weight: 800;
text-align:center;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: 0px;
font-weight: 200;
z-index: -1;
height: 100%;
width: 100%;
}
.section-10 .h2 {
text-align: center;
font-size: 3em;
}
.section-9:before {
display:none;
}
.blue-bg {
padding: 5em 0 21em 0;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-9 h2{
margin-top:0px;
font-size: 3.5em;
line-height: 54px;
text-align:center;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 31.389em;
-webkit-transform: translate(0em, 22%);
-ms-transform: translate(0em, 22%);
transform: translate(0em, 22%);
}
.section-8 .topline {
font-size: 1.7em;
color: #ffffff;
text-align:center;
}
.section-8 h2 {
font-size: 3.0em;
margin-top: 0;
color: #fff;
text-align:center;
}
.top-usps{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.section-1{
text-align:center;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
width: 92%;
height: 31.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 100%);
}
.section-1 h2 {
font-size: 2.5em;
margin-top: 0;
}
.section-4 {
padding: 6% 5% 55% 5%;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 20.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em, 2%);
}
.usp-blk {
width: 80%;
position: relative;
padding: 0;
font-size: .9em;
border: 0px solid #0000002e !important;
text-align:center;
margin-left: auto;
margin-right: auto;
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
/* NEW QUERIES */
.sliderfull{
margin-top: 24%;
}
.slider-header{
font-size: 1.0em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 32em;
margin: auto;
}
.side-form iframe {
height: 51em!important;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 30.3em;
left: 0;
top: 0;
}
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.agency-block a {
width: 83%;
height: 23em;
}
.quick-nav.adjust {
top: 4.4em;
}
.error-page {
padding: 13% 4% 11% 4%;
margin-top: 17%;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.2em;
}
.resp-txt {
font-size: 1.5em;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
margin-top: 24.5%;
}
.insideimage:after{
width: 100%;
left: 0;
border-radius: 0;
transform: none;
}
.insideimage .truck-image:after{
display: none;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: .7em;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: 0.5em;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.banner-head{
font-size: 1.2em;
}
#breadcrumbs{
font-size: .79em;
margin-top: 5em;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.error-page .inside-content h1{
font-size: 2.7em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 10em;
}
.error-page .entry-content {
font-size: 1.2em;
padding: 0% 3%;
margin-top: 0.1em;
}
.close-cta{
font-size: 1em;
}
.client-response .bg-inner p {
font-size: 1.5rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 3.1rem;
}
.thank-you .bg-inner h1 {
font-size: 4.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you {
padding: 13% 1% 5% 1%;
margin-top: 15%;
}
.client-response {
padding: 15% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 55em) and (min-width: 39.939em) {
.agency-block a {
width: 83%;
height: 23em;
}
.usp-wrap .col-12{
width:100%
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
.footer-slogan {
font-size: 2.0em;
text-align:center;
}
.section-6 h2 {
text-align: center;
margin-bottom: 40px;
color: #007ffd;
font-size:1.7em;
}
.section-5:before {
display:none;
}
.section-4:after {width:100%;left: 0;}
.section-4 h2 {
display: block;
font-size: 2em;
color: #fff;
text-align:center;
margin-bottom: 13px;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
width: 27%;
height: 6.389em;
-webkit-transform: translate(-18em, 55%);
-ms-transform: translate(-18em, 55%);
transform: translate(-18em, 55%);
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-2 h1 {
font-size: 2.5em;
text-align:center;
}
.top-services a {width: 90%;height: 21em;}
.topline {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-7 h2{font-size: 1.8em;margin-top: 0; text-align:center;}
.blue-sec .col-9{
width:100%;
}
.blue-sec .col-4{
width:100%;
}
.schema {
text-align: center;
}
.business-name {
font-size: 3.0em;
font-weight: 800;
text-align:center;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: 0px;
font-weight: 200;
z-index: -1;
height: 100%;
width: 100%;
}
.section-10 .h2 {
text-align: center;
font-size: 3em;
}
.section-9:before {
display:none;
}
.blue-bg {
padding: 5em 0 21em 0;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-9 h2{
margin-top:0px;
font-size: 3.5em;
line-height: 54px;
text-align:center;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 31.389em;
-webkit-transform: translate(0em, 22%);
-ms-transform: translate(0em, 22%);
transform: translate(0em, 22%);
background-position: left;
}
.section-8 .topline {
font-size: 1.7em;
color: #ffffff;
text-align:center;
}
.section-8 h2 {
font-size: 3.0em;
margin-top: 0;
color: #fff;
text-align:center;
}
.top-usps{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.section-1{
text-align:center;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
width: 92%;
height: 31.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 100%);
}
.section-1 h2 {
font-size: 2.2em;
margin-top: 0;
}
.section-4 {
padding: 6% 5% 34% 5%;
background-size: 100%;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 20.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em, 2%);
}
.usp-blk {
width: 80%;
position: relative;
padding: 0;
font-size: .9em;
border: 0px solid #0000002e !important;
text-align:center;
margin-left: auto;
margin-right: auto;
}
/* NEW QUERIES */
.sliderfull{
margin-top: 19%;
}
.slider-header{
font-size: 1.2em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 24em;
margin-left: auto;
margin-right: auto;
}
.banner-head{
font-size: 1.3em;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.side-form iframe {
height: 51em!important;
}
.quick-nav.adjust{
top: 4.5em;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 32em;
left: 0;
top: 0;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
margin-top: 20.5%;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.client-response {
padding: 16% 2% 7% 2%;
margin-top: 7%;
}
.error-page {
padding: 15% 4% 12% 4%;
margin-top: 10%;
}
.sliderfull .col-sm-12, .section-1 .col-sm-12, .section-2 .col-sm-12, .section-3 .col-sm-12, .section-4 .col-sm-12, .section-6 .col-sm-12{
width: 100%!important;
}
.section-1 .col-md-3{
width: 100%!important;
}
.sliderfull .col-md-7{
width: 100%;
}
.show-for-small-only{
display: block!important;
}
.insideimage .slider-usp .usp-box{
font-size: .73em;
}
.insideimage:before{
display: none;
}
.inner-bottom{background-position: 100% 100%;}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.side-label{
font-size: 2em;
}
.insideimage .slider-usp{
width: 90%;
margin-right: auto;
position: relative;
}
.insideimage .col-lg-6{
padding-right: 39%;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.error-page .error{
font-size: 11em;
}
.close-cta{
font-size: 1.1em;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.error-page .inside-content h1{
font-size: 2.9em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1.3em;
padding: 0% 3%;
margin-top: 0.1em;
}
.insideimage .col-md-4{
width: 33.33%!important;
}
.modal-dialog iframe {
height: 43em!important;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 8%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.5em;
}
.resp-txt {
font-size: 1.5em;
}
.copyright{
font-size: .9em!important;
}
.client-response .bg-inner p {
font-size: 1.5rem;
}
.thank-you .bg-inner h1 {
font-size: 5rem;
}
.thank-you {
padding: 9% 1% 5% 1%;
margin-top: 13%;
}
.thank-you .button{
margin: .5em 0;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (max-width: 59.999em) and (min-width: 55.001em) {
.agency-block a {
width: 83%;
height: 23em;
}
.section-4:before {
content: '';
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 20.389em;
-webkit-transform: translate(-1em, 13%);
-ms-transform: translate(-1em,13%);
transform: translate(-1em, 2%);
}
.section-4 {
padding: 6% 5% 34% 5%;
background-size: 100%;
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-7 .col-sm-12{
width:100%
}
.section-9 .col-sm-12{
width:100%
}
.usp-wrap .col-12{
width:100%
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
.footer-slogan {
font-size: 2.0em;
}
.section-6 h2 {
text-align: center;
margin-bottom: 40px;
color: #007ffd;
font-size:1.7em;
}
.section-5:before {
display:none;
}
.section-4:after {width:100%;left: 0;}
.section-4 h2 {
display: block;
font-size: 2em;
color: #fff;
text-align:center;
margin-bottom: 13px;
}
.sec2-right:before {
content: '';
position: absolute;
bottom: 0px;
right: -1em;
width: 27%;
height: 6.389em;
-webkit-transform: translate(-18em, 55%);
-ms-transform: translate(-18em, 55%);
transform: translate(-18em, 55%);
}
.section-3 {
padding: 16em 7% 0em 7%;
margin-top: 18em;
}
.section-2 h1 {
font-size: 2.5em;
text-align:center;
}
.top-services a {width: 90%;height: 21em;}
.sliderfull .col-sm-12, .section-1 .col-sm-12, .section-2 .col-sm-12, .section-3 .col-sm-12, .section-4 .col-sm-12, .section-6 .col-sm-12{
width: 100%!important;
}
.badge-sec {
margin-top: 6em;
position: relative;
top: -40px;
}
.section-9:before {
bottom: 0px;
right: 0;
width: 50%;
height: 32.389em;
-webkit-transform: translate(0em, 5%);
-ms-transform: translate(0em, 5%);
transform: translate(0em, 5%);
display: none;
}
.section-4 h2 {
display: block;
font-size: 1.6em;
color: #fff;
}
.section-2 h1 {
font-size: 2.7em;
margin-bottom:0px;
}
.topline {
font-size: 1.7em;
color: #007ffd;
text-align:center;
}
.section-7 h2{font-size: 1.8em;margin-top: 0;text-align: center;}
.blue-sec .col-9{
width:100%;
}
.blue-sec .col-4{
width:100%;
}
.schema {
text-align: center;
}
.business-name {
font-size: 2.0em;
font-weight: 800;
text-align: left;
}
.case-studies:before {
content: '';
position: absolute;
bottom: 0%;
right: 0px;
font-weight: 200;
z-index: -1;
height: 100%;
width: 100%;
}
.section-10 .h2 {
text-align: center;
font-size: 3em;
}
.blue-bg {
padding: 5em 0 4em 0;
}
.sec9-top {
font-size: 1.7em;
color: #007ffd;
text-align: center;
}
.section-9 h2{
margin-top:0px;
font-size: 3.5em;
line-height: 54px;
text-align: center;
}
.blue-bg:before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
-webkit-transform: translate(0em, 22%);
-ms-transform: translate(0em, 22%);
transform: translate(-6em, 17%);
}
.section-8 .topline {
font-size: 1.7em;
color: #ffffff;
}
.section-8 h2 {
font-size: 2.0em;
margin-top: 0;
color: #fff;
text-align: left;
}
.top-usps{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.section-2:before {
content: '';
position: absolute;
bottom: 0;
right: -1em;
width: 92%;
height: 31.389em;
-webkit-transform: translate(-1em, 32%);
-ms-transform: translate(-1em, 32%);
transform: translate(-1em, 100%);
}
.section-1 h2 {
font-size: 2.2em;
margin-top: 0;
text-align: center;
}
.usp-blk {
width: 89%;
position: relative;
padding: 0;
border: 0px solid #0000002e !important;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 1em;
}
/* NEW QUERIES */
.slider-header{
font-size: 1.2em;
}
.sliderfull{
margin-top: 19%;
}
/* END NEW QUERIES */
.sched-row a strong{
font-size: 2em;
}
.side-form iframe {
height: 44em!important;
}
.quick-nav.adjust {
top: 4em;
}
.client-review {
margin-top: 12%;
padding: 14% 4% 5% 4%;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.logo-image img{
width: 33em;
top: 0;
left: 0;
}
.thank-you {
margin-top: 10%;
}
.sliderfull .col-md-7{
width: 100%;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.insideimage .slider-usp .usp-box{
font-size: .8em;
}
.insideimage {
margin-top: 19.5%;
}
.rev-sec-in .sec4-header {
font-size: 2.3em;
}
.rev-sec-in .btn{
font-size: .748em;
}
.side-coup .btn-primary{
font-size: .9em;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.insideimage .slider-usp{
width: 53%;
font-size: .84em;
}
.close-cta{
font-size: 1.1em;
}
.site-footer .bullet-list li{
font-size: .9em;
}
.sched-row a{
font-size: 0.9em;
}
.error-page {
padding: 11% 4% 6% 4%;
margin-top: 10%;
}
.resp-txt {
font-size: 1.5em;
}
.client-review h1{
font-size: 4.5em;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.hide-for-small-only{
display: none;
}
.show-for-small-only{
display: block!important;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (min-width: 60em) and (max-width: 63.938em) {
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.blue-bg:before {
width: 57%;
height: 31.389em;
-webkit-transform: translate(-5em, 7%);
-ms-transform: translate(-5em,7%);
transform: translate(-5em, 7%);
}
.data-number {
font-size: 2.3em;
}
.agency-block a {
height: 34em;
}
.top-services a {
height: 24em;
margin-bottom:20px
}
.section-1 .row-cols-5 .col{
width: 33.3333333333%;
}
.badge-sec {
margin-top: 4em;
}
.section-2 h1 {
font-size: 2.0em;
margin-bottom:0;
}
.business-name {
font-size: 2.5em;
font-weight: 800;
margin-top: 40px;
}
.section-10 .h2 {
text-align: center;
font-size: 5em;
}
.section-9 h2 {
margin-top: 0px;
font-size: 3.0em;
line-height: 54px;
}
.blue-bg {
padding: 5em 0;
position: relative;
overflow: hidden;
}
.section-8 h2 {
font-size: 2.1em;
margin-top: 0;
color: #fff;
}
.usp-label {
font-size: 1.0em;
color: #007ffd;
}
.section-7 h2 {
font-size: 1.6em;
margin-top: 0;
}
.section-7 h2 {
font-size: 1.8em;
margin-top: 0;
}
.section-4 h2 {
display: block;
font-size: 1.5em;
color: #fff;
}
.section-3 {
padding: 5em 4% 0em 4%;
position: relative;
z-index: 3;
text-align: center;
margin-top: 9em;
}
.section-1 h2 {
font-size: 1.8em;
margin-top: 0;
}
.contact-info-desk a {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: 0;
}
/* NEW QUERIES */
.slider-header{
font-size: 1.5em;
}
.sliderfull{
margin-top: 6%;
}
/* END NEW QUERIES */
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.65em;
padding: 0.7em 1.2em;
}
.top-bar .menu>li a {
font-size: 0.67em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
padding: .4em .7em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .68em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.insideimage {
margin-top: 7.5%;
}
.logo-image img {
width: 13em;
}
.section-protecta h1{
font-size: 2em;
}
.client-review {
padding: 13% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.7em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: .9em;
}
.close-cta{
font-size: 1.1em;
}
.home-form .row {
font-size: 1.3em;
}
html {
font-size: 15px!important;
}
.show-for-small-only{
display: none;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (max-width: 75em) and (min-width: 63.939em) {
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.blue-bg:before {
width: 57%;
height: 31.389em;
-webkit-transform: translate(-5em, 7%);
-ms-transform: translate(-5em,7%);
transform: translate(-5em, 7%);
}
.data-number {
font-size: 2.3em;
}
.agency-block a {
height: 34em;
}
.top-services a {
height: 24em;
margin-bottom:20px
}
.section-1 .row-cols-5 .col{
width: 33.3333333333%;
}
.badge-sec {
margin-top: 4em;
}
.section-2 h1 {
font-size: 2.0em;
margin-bottom:0;
}
.business-name {
font-size: 2.5em;
font-weight: 800;
margin-top: 40px;
}
.section-10 .h2 {
text-align: center;
font-size: 5em;
}
.section-9 h2 {
margin-top: 0px;
font-size: 3.0em;
line-height: 54px;
}
.blue-bg {
padding: 5em 0;
position: relative;
overflow: hidden;
}
.section-8 h2 {
font-size: 2.1em;
margin-top: 0;
color: #fff;
}
.usp-label {
font-size: 1.0em;
color: #007ffd;
}
.section-7 h2 {
font-size: 1.6em;
margin-top: 0;
}
.section-7 h2 {
font-size: 1.8em;
margin-top: 0;
}
.section-4 h2 {
display: block;
font-size: 1.5em;
color: #fff;
}
.section-3 {
padding: 5em 4% 0em 4%;
position: relative;
z-index: 3;
text-align: center;
margin-top: 9em;
}
.section-1 h2 {
font-size: 2.07em;
margin-top: 0;
}
.contact-info-desk a {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: 0;
}
/* NEW QUERIES */
.slider-header{
font-size: 1.5em;
}
.sliderfull {
margin-top: 5%;
}
/* END NEW QUERIES */
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.69em;
}
.menu-top-menu-container .menu>li a {
font-size: 0.68em;
padding: 0.4em .9em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu>li a {
font-size: 0.61em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.8em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.contact-desk a{
font-size: 1.8em;
}
.logo-image img {
width: 11em;
}
.section-protecta h1{
font-size:2.2em;
}
.section-protectc .usp-box {
height: 17em;
color: black;
font-size: .7em;
}
.client-review {
padding: 13% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .logo-image img {
width: 8em;
}
html {
font-size: 16px!important;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.2em;
}
.sched-row a ,.sched-row button{
font-size: .9em;
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 85em) and (min-width: 75.001em) {
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.blue-bg:before {
width: 57%;
height: 31.389em;
-webkit-transform: translate(-5em, 7%);
-ms-transform: translate(-5em,7%);
transform: translate(-5em, 7%);
}
.data-number {
font-size: 2.3em;
}
.agency-block a {
height: 27em;
}
.top-services a {
height: 24em;
margin-bottom:20px
}
.section-1 .row-cols-5 .col{
width: 33.3333333333%;
}
.badge-sec {
margin-top: 4em;
}
.section-2 h1 {
font-size: 2.0em;
margin-bottom:0;
}
.business-name {
font-size: 2.5em;
font-weight: 800;
margin-top: 40px;
}
.section-10 .h2 {
text-align: center;
font-size: 5em;
}
.section-9 h2 {
margin-top: 0px;
font-size: 3.0em;
line-height: 54px;
}
.blue-bg {
padding: 5em 0;
position: relative;
overflow: hidden;
}
.section-8 h2 {
font-size: 2.1em;
margin-top: 0;
color: #fff;
}
.usp-label {
font-size: 1.0em;
color: #007ffd;
}
.section-7 h2 {
font-size: 1.6em;
margin-top: 0;
}
.section-7 h2 {
font-size: 1.8em;
margin-top: 0;
}
.section-4 h2 {
display: block;
font-size: 1.5em;
color: #fff;
}
.section-3 {
padding: 5em 4% 0em 4%;
position: relative;
z-index: 3;
text-align: center;
margin-top: 9em;
}
.section-1 h2 {
font-size: 2.07em;
margin-top: 0;
}
.contact-info-desk a {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: 0;
}
/* NEW QUERIES */
.slider-header{
font-size: 1.5em;
}
.sliderfull {
margin-top: 5%;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.home-form iframe{
height: 43em!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
padding: 0.7em 1.3em;
font-size: 0.7em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .79em;
}
.top-menu .btn{
font-size: .9em;
}
.smallbar .menu>li a {
font-size: 0.67em;
}
.logo-image img {
width: 14em;
}
.side-rev .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.3em;
}
.sched-row a ,.sched-row button {
padding: 1% 2% 2% 2%;
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 95.001em) and (min-width: 85.001em) {
.data-sec {
margin: 0 0em;
margin-bottom: 40px;
}
.blue-bg:before {
width: 57%;
height: 31.389em;
-webkit-transform: translate(-5em, 7%);
-ms-transform: translate(-5em,7%);
transform: translate(-5em, 7%);
}
.data-number {
font-size: 2.3em;
}
.agency-block a {
height: 27em;
}
.top-services a {
height: 24em;
margin-bottom:20px
}
.section-1 .row-cols-5 .col{
width: 33.3333333333%;
}
.badge-sec {
margin-top: 4em;
}
.section-2 h1 {
font-size: 2.0em;
margin-bottom:0;
}
.business-name {
font-size: 2.5em;
font-weight: 800;
margin-top: 40px;
}
.section-10 .h2 {
text-align: center;
font-size: 5em;
}
.section-9 h2 {
margin-top: 0px;
font-size: 3.0em;
line-height: 54px;
}
.blue-bg {
padding: 5em 0;
position: relative;
overflow: hidden;
}
.section-8 h2 {
font-size: 2.1em;
margin-top: 0;
color: #fff;
}
.usp-label {
font-size: 1.0em;
color: #007ffd;
}
.section-7 h2 {
font-size: 1.6em;
margin-top: 0;
}
.section-7 h2 {
font-size: 1.8em;
margin-top: 0;
}
.section-4 h2 {
display: block;
font-size: 1.5em;
color: #fff;
}
.section-3 {
padding: 5em 4% 0em 4%;
position: relative;
z-index: 3;
text-align: center;
margin-top: 9em;
}
.section-1 h2 {
font-size: 2.07em;
margin-top: 0;
}
.contact-info-desk a {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: 0;
}
/* NEW QUERIES */
.sliderfull {
margin-top: 5%;
}
.slider-header{
font-size: 1.8em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.9em;
}
.menu-top-menu-container .menu>li a{
font-size: .8em;
}
.smallbar .menu>li a {
font-size: 0.8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.9em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.logo-image img {
width: 18em;
}
.section-8:after{
width: 52%;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 125em) and (min-width: 95.001em) {
.section-2 h1 {
font-size: 2.0em;
margin-bottom:0;
}
.business-name {
font-size: 2.5em;
font-weight: 800;
}
.section-10 .h2 {
text-align: center;
font-size: 5em;
}
.section-9 h2 {
margin-top: 0px;
font-size: 3.0em;
line-height: 54px;
}
.blue-bg {
padding: 9em 0;
position: relative;
overflow: hidden;
}
.section-8 h2 {
font-size: 2.1em;
margin-top: 0;
color: #fff;
}
.usp-label {
font-size: 1.0em;
color: #007ffd;
}
.section-4 h2 {
display: block;
font-size: 1.5em;
color: #fff;
}
.section-3 {
position: relative;
z-index: 3;
text-align: center;
margin-top: 9em;
}
.section-1 h2 {
font-size: 2.6em;
margin-top: 0;
}
.contact-info-desk a {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: 0;
}
/* NEW QUERIES */
.sliderfull {
margin-top: 6%;
}
.slider-header{
font-size: 1.8em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.img-box img{
top: 1em;
width: 90%;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.6em;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
}
.show-for-small-only{
display: none;
}
}
@media screen and (min-width: 125.001em) and (max-width: 999.9em) {
/* NEW QUERIES */
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 3.64em;
}
/* END NEW QUERIES */
.sliderfull {
}
.img-box img{
top: 1em;
width: 90%;
}
.usp-con{
width: 37%;
padding: 2.1em 0.4em 1em 1.4em;
height: 8.5em;
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 1.1em;
}
.smallbar .desk-nav .btn-primary{
font-size: .9em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button{
padding: 3% 0% 3% 0%;
font-size: 1.1em;
}
.show-for-small-only{
display: none;
}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}