Important! CSS

Copy and paste the following CSS Code to the "Head tracking code" section under Site Settings:

<style>

html {scroll-behavior: smooth;}

.fullSection.c-section > .inner {max-width: 1200px !important;}

.header-top-bar .inner .c-column.c-wrapper {width: auto;flex: 0 auto !important;position: relative;}

.header-top-bar > .inner {justify-content: flex-end !important;}

.header-top-bar .inner a {font-weight: 600;transition: all 0.5s ease-in;}

.header-top-bar .inner .c-column.c-wrapper:before {position: absolute;content: "";left: 0;top: 50%;width: 1px;height: 20px;background-color: #666666;transform: translateY(-50%);}

.header-top-bar .inner .c-column.c-wrapper:first-child::before {display: none;}

.header-top-bar .inner button {

width: 100%;

display: flex;

align-items: center;

justify-content: center;

padding: 0 !important;

}

.header-top-bar .inner button .main-heading-group {

display: flex;

justify-content: center;

line-height: 1;

}

.header-top-bar .inner a:hover,

.header-top-bar .inner button:hover {text-decoration: none;color: #2CD97B !important;}

.header-top-bar .inner .c-column.c-wrapper .c-bullet-list ul li::marker {font-size: 18px;}

.header-logo-menu {position: absolute;top: 50px;z-index: 99;width: 100%;}

.header-logo-menu.fullSection {background-color: transparent;}

.footer-title-line {overflow: hidden;}

img.img-round {

border-radius: 50px;

}

.main-menu ul.nav-menu li.nav-menu-item {

height: inherit !important;

}

.main-menu ul.nav-menu li.nav-menu-item:last-child a {

background-color: #2CD97B;

padding: 17px 25px !important;

line-height: 1.3;

font-weight: 600;

border-radius: 3px;

color: #052E5F !important;

font-size: 15px;

}

.main-menu ul.nav-menu li.nav-menu-item:last-child a:hover {

background-color: #052E5F !important;

color: #2CD97B !important

}

img.img-radius-20 {

border-radius: 20px;

}

.footer-menu-list ul {

padding-left: 0px !important;

}

.footer-menu-list.text-output ul li {

list-style-type: none !important;

padding-left: 0;

margin-bottom: 10px;

}

.footer-title-line h4 {

position: relative;

display: inline-block;

}

.footer-title-line h4::before {

position: absolute;

content: "";

right: -165px;

top: 50%;

width: 145px;

height: 1px;

background-color: #61676C;

transform: translateY(-50%);

}

.z-index-1 {

position: relative;

z-index: 9;

}

.img-ser-redius .bg {

border-radius: 50px 0 0 50px;

}

.image-full-row-sec.fullSection.c-section .inner {

max-width: 100% !important;

}

.content-left-col.c-column .vertical.inner {

margin-left: auto;

}

.content-left-col.c-column .vertical.inner, .content-right-col.c-column .vertical.inner {

max-width: 615px !important;

}

.img-left-redius .bg {

border-radius: 0 50px 50px 0;

}

.footer-wrap.c-row {

overflow: hidden;

}

.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container input::placeholder,.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container textarea::placeholder {

color: #0B2346 !important;

opacity: 1;

font-size: 16px;

}

.ghl-frm .ghl-form-wrap .form-builder--wrap-full {

padding: 0 !important;

box-shadow: none !important;

}

.ghl-frm .ghl-form-wrap #_builder-form .fields-container.row {

padding: 0 !important;

}

.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container input,.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container textarea {

padding: 10px 15px !important;

border-color: #D0D5DD !important;

box-shadow: none !important;

height: 50px;

border-radius: 4px !important;

font-size: 16px;

}

.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container textarea {

height: 200px;

}

.ghl-frm #_builder-form.form-builder--wrap label {

display: none;

}

.ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit > div {

width: 100% !important;

}

.ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button {

background-color: #2CAFE8 !important;

width: 100% !important;

}

.ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit {

margin-top: 0 !important;

margin-bottom: 0 !important;

}

.ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button p {

font-size: 18px;

text-transform: uppercase;

}

.ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button:hover {

background-color: #2cd97b !important;

}

.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container input[type="checkbox"] {

height: auto;

}

.sch-frm-col .ghl-frm .ghl-form-wrap {

margin-bottom: 0;

}

.ghl-frm #_builder-form.form-builder--wrap p {

color: #fff;

}

.sch-frm-col .ghl-form-wrap,.sch-frm-col .ghl-form-wrap #_builder-form {

max-width: 100% !important;

}

.sch-frm-col .ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button {

width: auto !important;

padding: 16px 50px;

text-transform: uppercase;

font-size: 18px;

margin-top: 20px;

border-radius: 3px !important;

background-color: #2CD97B !important;

color: #0B2346;

}

.sch-frm-col .ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button:hover{

background-color: #2CAFE8 !important;

color: #ffffff;

}

.sch-frm-col #form-builder .ghl-form-wrap #_builder-form .fields-container input {

height: 60px;

}

.footer-wrap .ul-li-padd-zero ul {

padding-left: 15px;

}

.review-cta.fullSection .bg {

opacity: 0.1 !important;

}

.review-cta .c-button > a {

border-radius: 3px !important;

}

.popup-frm #_builder-form.form-builder--wrap {

padding: 0 !important;

background-color: transparent !important;

border: 0 !important;

box-shadow: none !important;

}

.popup-frm #_builder-form.form-builder--wrap .fields-container.row {

padding: 0 !important;

gap: 0;

}

.popup-frm #_builder-form.form-builder--wrap label {

display: none;

}

.popup-frm #form-builder .ghl-form-wrap #_builder-form .fields-container input {

padding: 10px 15px !important;

border: 0 !important;

box-shadow: none !important;

height: 54px;

border-radius: 0 !important;

font-size: 15px;

}

.popup-frm #_builder-form.form-builder--wrap .form-builder--btn-submit div {

width: 100% !important;

}

.popup-frm #_builder-form.form-builder--wrap .form-builder--btn-submit div .btn.btn-dark.button-element {

width: 100% !important;

background-color: #0B2C40 !important;

}

.popup-frm #_builder-form.form-builder--wrap .form-builder--btn-submit div .btn.btn-dark.button-element p {

font-size: 20px;

text-transform: uppercase;

letter-spacing: 0.601px;

}

.popup-frm #form-builder .ghl-form-wrap #_builder-form .fields-container #error-container {

color: #fff;

}

.popup-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit {

margin-top: 0 !important;

}

.list-dot-icon ul {

padding-left: 15px !important;

}

.list-dot-icon ul > li {

margin-bottom: 15px;

}

.list-dot-icon-sm ul > li::marker {

font-size: 8px;

}

.home-review-author {

display: flex !important;

align-items: center;

}

.home-review-author .img-container {

width: auto !important;

padding: 0;

}

.home-review-author .img-container img {

border-radius: 50%;

}

.home-review-author .txt-container {

width: auto !important;

padding: 0 0 0 20px;

}

.home-review-author .txt-container .featureHeadline {

margin-bottom: 5px;

}

.home-review-author .txt-container p {

text-align: left;

}

.blog-author-details .blog-author-container p {

margin: 0;

}

.blog-author-details .blog-author-description {

margin: 20px 0 20px 0 !important;

}

.blog-author-details a.blog-author {

color: #000 !important;

text-decoration: unset !important;

}

@media (max-width: 1199px) {

.main-menu ul.nav-menu li.nav-menu-item:last-child a {

padding: 15px 20px !important;

}

.main-menu ul.nav-menu li.nav-menu-item a {

font-size: 16px !important;

padding: 10px 12px !important;

}

.c-heading h1 {

font-size: 50px !important;

}

.footer-title-line h4::before {

right: -125px;

width: 105px;

}

.header-top-bar .inner a,.header-top-bar .inner p, .header-top-bar .main-heading-button {

font-size: 13px;

}

.c-heading h1 {

font-size: 45px !important;

line-height: 1.2;

}

.font-60 h2 {

font-size: 45px !important;

}

.font-40 h3 {

font-size: 32px !important;

line-height: 1.2;

}

.footer-review-sec.fullSection .c-column.c-wrapper {

padding: 30px;

}

.footer-review-sec.fullSection {

padding-left: 0px !important;

}

.footer-review-col {

padding: 60px 20px !important;

}

.footer-right-blue-sec p {

font-size: 18px;

}

.footer-review-col .review-client-img {

width: 135px !important;

}

}

@media (max-width: 991px) {

.main-menu ul.nav-menu li.nav-menu-item a {

font-size: 14px !important;

padding: 12px 5px !important;

}

.main-menu ul.nav-menu li.nav-menu-item:last-child a {

padding: 11px 13px !important;

font-size: 13px !important;

}

.font-60 h2 {

font-size: 34px !important;

line-height: 1.2;

}

.font-40 h3 {

font-size: 28px !important;

line-height: 1.2;

}

.font-30 h3 {

font-size: 24px !important;

line-height: 1.2;

}

.footer-review-col {

padding: 40px 20px !important;

}

.footer-right-blue-sec p {

font-size: 16px;

line-height: 1.3;

}

.footer-review-col p {

text-align: center;

font-size: 16px;

line-height: 1.4;

}

.footer-wrap h4 {

font-size: 22px !important;

}

.footer-title-line h4::before {

right: -85px;

width: 70px;

}

.footer-wrap .ul-li-padd-zero ul li p {

font-size: 18px;

}

.c-heading h1 {

font-size: 38px !important;

line-height: 1.2;

}

.inner-banner.fullSection {

padding: 100px 20px 60px;

}

.inner-banner-sub-title h4 {

font-size: 22px !important;

line-height: 1.3;

}

.banner-frm .c-heading h3 {

font-size: 28px !important;

}

.review-cta p {

font-size: 26px;

}

#hl_main_popup {

width: 730px;

}

.email-popup .c-heading h2 {

font-size: 28px !important;

line-height: 1.2;

}

.footer-review-col .c-image .image-container {

text-align: center;

}

.footer-review-col .review-client-img {

margin-bottom: 20px;

}

.home-review-author {

flex-direction: column;

}

.home-review-author .txt-container {

padding: 15px 0 0 0;

}

.home-review-author .txt-container p {

text-align: center;

}

.nav-menu {

display: none;

}

.nav-menu-mobile {

display: block;

}

}

@media (max-width: 767px) {

.header-logo-menu {position: inherit;top: inherit;z-index: inherit;width: 100%;background-color: #03264f !important;}

.c-row.c-wrapper {

padding-left: 15px !important;

padding-right: 15px !important;

}

p {

font-size: 16px;

line-height: 1.4;

}

.sec-padd-top.fullSection {

padding-top: 50px;

}

.sec-padd-bottom.c-wrapper{

padding-bottom: 50px;

}

.sec-padd.fullSection {

padding: 50px 0 !important;

}

.mobile-rev.c-row.c-wrapper .inner {

flex-direction: column-reverse;

}

.mobile-img-height.c-column.c-wrapper {

height: 400px;

margin-bottom: 25px;

}

.mobile-img-height.c-column.c-wrapper .bg {

border-radius: 20px;

background-position: top !important;

}

.col-paddd-bottom.c-wrapper {

padding-bottom: 50px;

}

.font-40 h3 {

font-size: 24px !important;

line-height: 1.2;

}

.font-60 h2 {

font-size: 28px !important;

line-height: 1.2;

}

.btn-vp.btn-hp {

padding: 15px 25px !important;

}

.footer-review-sec.fullSection .c-column.c-wrapper {

padding: 0px !important;

margin: 0;

}

.footer-review-sec.fullSection .c-row.c-wrapper {

padding-top: 50px;

padding-bottom: 50px;

}

.font-30 h3 {

font-size: 20px !important;

}

.footer-review-sec.fullSection .footer-right-blue-sec.c-column {

padding: 30px !important;

border-radius: 30px;

margin-top: 40px;

}

.btn-vp.btn-hp span {

font-size: 15px;

}

.footer-title-line {

margin-bottom: 10px !important;

}

.header-top-bar .inner ul {

display: flex;

justify-content: center;

}

.header-top-bar .inner .c-column.c-wrapper::before {

display: none;

}

.top-re-mobile-none.c-column {

display: none;

}

h3 br {

display: none;

}

.mobile-img-height.c-column.c-wrapper {

height: 250px;

}

.header-top-bar .inner .c-column.c-wrapper .c-bullet-list ul li::marker {

font-size: 16px;

}

.img-left-redius .bg {

border-radius: 0 30px 30px 0;

}

.content-left-col.c-column .vertical.inner, .content-right-col.c-column .vertical.inner {

max-width: 100% !important;

}

.inner-banner.fullSection {

padding: 50px 40px;

}

.inner-banner-sub-title {

padding: 20px 0 40px !important;

}

.banner-frm.c-column {

padding: 30px 20px !important;

margin-top: 20px;

}

.check-mark-list .img-container {

padding-right: 20px;

}

.col-padd-0 {

padding: 0 !important;

}

.email-popup .c-column {

padding: 20px 15px !important;

}

.email-popup .c-heading h2 {

font-size: 22px !important;

}

.email-popup .c-heading h4 {

font-size: 20px !important;

}

.sch-frm-col .ghl-form-wrap, .sch-frm-col .ghl-form-wrap #_builder-form {

padding: 0 !important;

}

.sch-frm-col #form-builder {

padding: 15px 0 0;

}

.sch-frm-col .ghl-frm #_builder-form.form-builder--wrap .form-builder--item.form-builder--btn-submit button {

padding: 14px 35px;

font-size: 16px;

}

.ghl-frm #form-builder .ghl-form-wrap #_builder-form .fields-container textarea {

height: 130px;

}

.ghl-frm #_builder-form.form-builder--wrap p {

font-size: 14px;

}

.review-cta p {

font-size: 22px;

}

.review-cta .c-heading h2 {

font-size: 32px !important;

}

.review-box-inner-mar.c-section {

margin: 0 15px;

}

}

@media (max-width: 639px) {

.c-heading h1 {

font-size: 32px !important;

line-height: 1.2;

}

.font-40 h3 {

font-size: 22px !important;

line-height: 1.2;

}

.font-60 h2 {

font-size: 26px !important;

line-height: 1.2;

}

.header-logo-menu .logo img {

max-width: 180px;

}

.mobile-img-height.c-column.c-wrapper {

height: 210px;

margin-bottom: 20px;

}

.footer-review-sec.fullSection .footer-right-blue-sec.c-column {

padding: 22px !important;

margin-top: 30px;

}

.check-mark-list .img-container {

padding-right: 10px;

}

.footer-review-sec.fullSection .footer-right-blue-sec.c-column {

border-radius: 20px;

}

.inner-banner-sub-title h4 {

font-size: 18px !important;

line-height: 1.3;

}

.banner-frm .c-heading h3 {

font-size: 26px !important;

}

.inner-banner-sub-title {

padding: 20px 0 25px !important;

}

.review-cta p {

font-size: 20px;

}

.review-cta .c-heading h2 {

font-size: 28px !important;

}

.email-popup .c-heading h4 {

font-size: 18px !important;

}

}

</style>

© 2025 Total Secure Technology. All Rights Reserved. Built with MSP Sites. | Areas We Serve | Privacy Policy | Terms