/**
* Template Name: PS Cyber Security
* Updated: Mar 10 2023 with Bootstrap v5.2.3
* Author: epc
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
font-family: gilroy;
src: url(../fonts/Gilroy-Light.eot);
src: url(../fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"), 
     url(../fonts/Gilroy-Light.woff2) format("woff2"), 
     url(../fonts/Gilroy-Light.woff) format("woff"), 
     url(../fonts/Gilroy-Light.ttf) format("truetype"), 
     url(../fonts/Gilroy-Light.svg#Gilroy-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}
@font-face {
font-family: gilroy;
src: url(../fonts/Gilroy-Medium.eot);
src: url(../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), 
     url(../fonts/Gilroy-Medium.woff2) format("woff2"), 
     url(../fonts/Gilroy-Medium.woff) format("woff"), 
     url(../fonts/Gilroy-Medium.ttf) format("truetype"), 
     url(../fonts/Gilroy-Medium.svg#Gilroy-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
font-family: gilroy;
src: url(../fonts/Gilroy-Regular.eot);
src: url(../fonts/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), 
     url(../fonts/Gilroy-Regular.woff2) format("woff2"), 
     url(../fonts/Gilroy-Regular.woff) format("woff"), 
     url(../fonts/Gilroy-Regular.ttf) format("truetype"), 
     url(../fonts/Gilroy-Regular.svg#Gilroy-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
font-family: gilroy;
src: url(../fonts/Gilroy-Bold.eot);
src: url(../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), 
     url(../fonts/Gilroy-Bold.woff2) format("woff2"), 
     url(../fonts/Gilroy-Bold.woff) format("woff"), 
     url(../fonts/Gilroy-Bold.ttf) format("truetype"), 
     url(../fonts/Gilroy-Bold.svg#Gilroy-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
font-family: gilroy;
src: url(../fonts/Gilroy-Heavy.eot);
src: url(../fonts/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), 
     url(../fonts/Gilroy-Heavy.woff2) format("woff2"), 
     url(../fonts/Gilroy-Heavy.woff) format("woff"), 
     url(../fonts/Gilroy-Heavy.ttf) format("truetype"), 
     url(../fonts/Gilroy-Heavy.svg#Gilroy-Heavy) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}
body {
font-family: 'Raleway', sans-serif;
color: #444444;
}
a {
color: #2487ce;
text-decoration: none;
}
body {
overflow-x: hidden;
}
main#main {
overflow-x: hidden;
}
a:hover {
color: #469fdf;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: #2487ce;
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}
.back-to-top i {
font-size: 28px;
color: #fff;
line-height: 0;
}
.back-to-top:hover {
background: #3e9bdd;
color: #fff;
}
.back-to-top.active {
visibility: visible;
opacity: 1;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #2487ce;
border-top-color: #fff;
border-bottom-color: #fff;
border-radius: 50%;
width: 60px;
height: 60px;
animation: animate-preloader 1s linear infinite;
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
transition: all 0.5s;
background: transparent;
z-index: 997;
padding: 50px 0 15px 0;
}
#header.header-scrolled {
border-color: #fff;
box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
background: #fff;
padding: 10px 0;
}
#header.header-scrolled img {
height: 70px;
}
.custom-border-button {
background: url(../img/ButtonBgBorder.png) !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
border-radius: 0 !important;
color: #edb213 !important;
font-weight: 600 !important;
font-size: 24px !important;
line-height: 60px !important;
}
.customers-and-organizations-sec {background: url(../img/Rectangle66.png);padding: 100px 0 50px 0 !important;}
#header .logo {
font-size: 28px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 300;
letter-spacing: 0.5px;
font-family: "Raleway", sans-serif;
}
#header .logo a {
color: #16507b;
}
#header .logo img {
/* max-height: 40px; */
}
@media (max-width: 992px) {
#header .logo {
font-size: 28px;
}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
padding: 0;
}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar li {
position: relative;
}
.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 10px 30px;
white-space: nowrap;
transition: 0.3s;
/* H4 */
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 115%;
/* identical to box height, or 28px */
color: #333333;
}
.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: #f3c21a;
}
.navbar .getstarted,
.navbar .getstarted:focus {
/*  padding: 15px 20px;
margin-left: 30px;*/
border-radius: 0;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 115%;
/* identical to box height, or 28px */
text-align: center;
color: #FDFDFD;
}
.getstarted a {background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);padding: 15px 20px;margin-left: 30px;border-radius: 0;font-style: normal;font-weight: 600;font-size: 24px;line-height: 115%;text-align: center;color: aliceblue;box-shadow: inset 0 0 0 0 #F9D021;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
color: #fff;
}
a.getstarted.scrollto {
background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
}
p.hero-class-para-text {
font-weight: 500;
font-size: 22px;
line-height: 161%;
text-align: center;
color: #181818;
}
span.hero-class-pipe-char-yellow {
background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
letter-spacing: 0;
margin: 0 0 0 -25px;
font-weight: 100;
}
.current-menu-item a {
    background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
border-radius: 4px;
}
.navbar .dropdown ul li {
min-width: 200px;
}
.navbar .dropdown ul a {
padding: 10px 20px;
text-transform: none;
}
.navbar .dropdown ul a i {
font-size: 12px;
}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
color: #2487ce;
}
.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover>ul {
left: -100%;
}
}
/**
* Mobile Navigation
*/
.mobile-nav-toggle {
color: #124265;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
color: #fff;
}
@media (max-width: 991px) {
.mobile-nav-toggle {
display: block;
}
.navbar ul {
display: none;
}
}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgb(0 0 0 / 78%);transition: 0.3s;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}
.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}
.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #124265;
}
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
color: #2487ce;
}
.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
margin: 15px;
}
.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
min-width: 200px;
}
.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
color: #2487ce;
}
.navbar-mobile .dropdown>.dropdown-active {
display: block;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%;height: 100vh;position: relative;background: radial-gradient(yellow, transparent);background: rgb(255,252,0);background: radial-gradient(circle, #fdda44 -100%, rgba(255,255,255,1) 100%);}
#hero:before {
content: "";
background: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
#hero h1 {
color: #181818;
font-family: "Raleway", sans-serif;
font-weight: 800;
font-size: 84px;
line-height: 140%;
text-align: center;
letter-spacing: 0.3em;
text-transform: uppercase;
margin: 0px 0 0 0;
}
#hero h1 span {
font-weight: 400;
}
#hero h2 {
color: #5e5e5e;
margin: 10px 0 0 0;
font-size: 22px;
}
.btn-get-started {
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.5px;
display: inline-block;
padding: 14px 50px;
border-radius: 5px;
transition: 0.5s;
margin-top: 50px;
color: #fff;
background: #2487ce;
}
.btn-get-started:hover {
background: #3194db;
}
#hero .icon-boxes {
margin-top: 100px;
}
#hero .icon-box {
padding: 50px 30px;
position: relative;
overflow: hidden;
background: #fff;
box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
transition: all 0.3s ease-in-out;
border-radius: 8px;
z-index: 1;
}
#hero .icon-box .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}
#hero .icon-box .title a {
color: #124265;
transition: 0.3s;
}
#hero .icon-box .description {
font-size: 15px;
line-height: 28px;
margin-bottom: 0;
}
#hero .icon-box .icon {
margin-bottom: 20px;
padding-top: 10px;
display: inline-block;
transition: all 0.3s ease-in-out;
font-size: 36px;
line-height: 1;
color: #2487ce;
}
#hero .icon-box:hover {
transform: scale(1.08);
}
#hero .icon-box:hover .title a {
color: #2487ce;
}
@media (max-height: 800px) {
#hero {
height: auto;
}
}
@media (max-width: 992px) {
#hero {
height: auto;
}
#hero h1 {
font-size: 28px;
line-height: 36px;
}
#hero h2 {
font-size: 18px;
line-height: 24px;
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 100px 0 100px 0;
}
.section-bg {
background-color: #f8fbfe;
}
.section-title {
text-align: center;
padding-bottom: 30px;
}
.section-title h2 {
margin-bottom: 20px;
padding-bottom: 0;
font-weight: 400;
font-size: 42px;
line-height: 115%;
text-transform: uppercase;
color: #333333;
}
.section-title h2 span {
font-weight: 600;
}
.section-title span.border-top-section-title {height: 3px;width: 2%;display: block;margin: 10px auto;background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);}
.section-title p {
margin-bottom: 0;
font-size: 14px;
color: #919191;
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-banner .container {
    padding-top: 200px;
}

.about .content h3 {
font-weight: 600;
font-size: 26px;
}
.about .content ul {
list-style: none;
padding: 0;
}
.about .content ul li {
padding-left: 28px;
position: relative;
}
.about .content ul li+li {
margin-top: 10px;
}
.about .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #2487ce;
line-height: 1;
}
.about .content p:last-child {
margin-bottom: 0;
}
.about .content .btn-learn-more {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 5px;
transition: 0.3s;
line-height: 1;
color: #2487ce;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #2487ce;
}
.about .content .btn-learn-more:hover {
background: #2487ce;
color: #fff;
text-decoration: none;
}
.about .content {
align-items: center;
}
.about .section-number-svg {
position: absolute;
top: -50px;
left: 20px;
}
a.btn-see-more {
padding: 23px 57px;
background: rgba(249, 208, 33, 0.3);
color: #F9D021;
font-weight: 600;
font-size: 24px;
line-height: 50px;
}
.about .content h2 {font-weight: 600;font-size: 64px;line-height: 115%;color: #181818;margin: 40px 0 20px 0;font-family: raleway;}
.about .content p {
font-weight: 600;
font-size: 22px;
line-height: 244%;
color: #323232;
margin: 0 0 30px 0;
}
.about .content-box-parent {
padding: 20px;
}
/*--------------------------------------------------------------
# On-site Guarding
--------------------------------------------------------------*/
.on-site-gaurding .content h3 {
font-weight: 600;
font-size: 26px;
}
.on-site-gaurding .content ul {
list-style: none;
padding: 0;
}
.on-site-gaurding .content ul li {
padding-left: 28px;
position: relative;
}
.on-site-gaurding .content ul li+li {
margin-top: 10px;
}
.on-site-gaurding .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #2487ce;
line-height: 1;
}
.on-site-gaurding .content p:last-child {
margin-bottom: 0;
}
.on-site-gaurding .content .btn-learn-more {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 5px;
transition: 0.3s;
line-height: 1;
color: #2487ce;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #2487ce;
}
.on-site-gaurding .content .btn-learn-more:hover {
background: #2487ce;
color: #fff;
text-decoration: none;
}
.on-site-gaurding .content {
align-items: end;
}
.on-site-gaurding .section-number-svg {
position: absolute;
top: -70px;
right: 0px;
}
a.btn-see-more {
padding: 23px 57px;
background: rgba(249, 208, 33, 0.3);
color: #F9D021;
font-weight: 600;
font-size: 24px;
line-height: 50px;
}
.on-site-gaurding .content h2 {
font-weight: 600;
font-size: 64px;
line-height: 115%;
color: #181818;
margin: 20px 0 30px 0;
font-family: raleway;
}
.on-site-gaurding .content p {margin: 0 0 30px 0;font-family: 'Raleway';font-style: normal;font-weight: 400;font-size: 18px;line-height: 280%;
/* or 50px */color: #181818;}
.on-site-gaurding .content-box-parent {
padding: 20px;
}
#on-site-gaurding {background: rgb(255,255,255);background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 54%, #f4eab985 100%);}
/*--------------------------------------------------------------
# mobile-patrol
--------------------------------------------------------------*/
.mobile-patrol .content h3 {
font-weight: 600;
font-size: 26px;
}
#mobile-patrol {
background: linear-gradient(-95deg, #f4eab985, #fff);
}
.mobile-patrol .content ul {
list-style: none;
padding: 0;
}
.mobile-patrol .content ul li {
padding-left: 28px;
position: relative;
}
.mobile-patrol .content ul li+li {
margin-top: 10px;
}
.mobile-patrol .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #2487ce;
line-height: 1;
}
.mobile-patrol .content p:last-child {
margin-bottom: 0;
}
.mobile-patrol .content .btn-learn-more {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 5px;
transition: 0.3s;
line-height: 1;
color: #2487ce;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #2487ce;
}
.mobile-patrol .content .btn-learn-more:hover {
background: #2487ce;
color: #fff;
text-decoration: none;
}
.mobile-patrol .content {
align-items: end;
}
.mobile-patrol .section-number-svg {
position: absolute;
top: -40px;
left: 20px;
}
a.btn-see-more {padding: 23px 57px;background: rgba(249, 208, 33, 0.3);color: #F9D021;font-weight: 600;font-size: 24px;line-height: 50px;box-shadow: inset 0 0 0 0 #F9D021;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
.mobile-patrol .content h2 {
font-weight: 600;
font-size: 64px;
line-height: 115%;
color: #181818;
margin: 20px 0 30px 0;
font-family: raleway;
}
.mobile-patrol .content p {
font-weight: 400;
font-size: 22px;
line-height: 244%;
color: #323232;
margin: 0 0 30px 0;
}
.mobile-patrol .content-box-parent {
padding: 20px;
}
/*--------------------------------------------------------------
# Customers Section
--------------------------------------------------------------*/
.customer-container-heading {
font-weight: 800;
font-size: 44px;
line-height: 103.5%;
letter-spacing: 0.23em;
text-transform: uppercase;
color: #181818;
}
.customer-container-paragraph {
font-weight: 600;
font-size: 22px;
line-height: 223%;
color: #181818;
}
.customer-container-abs-img {
position: absolute;
top: -230px;
right: -100px;
}
.container.customer-container {
position: relative;
}
/*--------------------------------------------------------------
# Organization Section
--------------------------------------------------------------*/
.organization-container {
margin: 100px auto 0px auto;
}
.organization-container h2 {
font-weight: 800;
font-size: 40px;
line-height: 103.5%;
/* identical to box height, or 46px */
letter-spacing: 0.23em;
text-transform: uppercase;
color: #181818;
margin: 70px 0;
}
h3.org-headering {
font-weight: 600;
font-size: 22px;
line-height: 115%;
/* or 32px */
text-align: center;
color: #181818;
margin: 20px 0;
}
p.org-text {
font-weight: 600;
font-size: 20px;
line-height: 115%;
/* identical to box height, or 23px */
text-align: center;
color: #333333;
}
/*--------------------------------------------------------------
# Journey Section
--------------------------------------------------------------*/
section.look-at-journey {background: #181818;position: relative;z-index: -1;padding: 100px 0 40px 0;}
.seperator-img-dashed {
position: absolute;
top: -400px;
z-index: 0;
}
span.look-at-journey-layerone {font-weight: 600;font-size: 24px;line-height: 115%;
/* identical to box height, or 28px */color: #FDFDFD;text-transform: uppercase;position: relative;}

.look-at-journey-layerone span {color: #f9d021;font-size: 40px;line-height: 115%;margin: 0px 0px 0px 0px;position: absolute;left: -25px;top: -10px;}
h2.look-at-journey-layertwo {
font-weight: 600;
font-size: 64px;
line-height: 115%;
color: #FDFDFD;
margin: 20px 0;
}
p.look-at-journey-layerthree {
font-weight: 400;
font-size: 18px;
line-height: 161%;
color: #FDFDFD;
}
.look-at-journey-row ul {
display: flex;
list-style: none;
align-items: center;
margin: 0 0 50px 0;
}
.look-at-journey-row ul .years {font-size: 64px;line-height: 161.52%;
/* or 103px */background: linear-gradient(103.17deg, #F9D021 13.72%, #F9D021 94.01%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: bolder;margin: 0 30px 0 0px;font-family: gilroy;font-weight: 900;}
.look-at-journey-row ul li.year-of-exp {
font-weight: 600;
font-size: 30px;
line-height: 115%;
/* or 41px */
color: #FDFDFD;
}
/*--------------------------------------------------------------
# Lets Connect with us
--------------------------------------------------------------*/
.Element3-thumbs-up-abs-left {
position: absolute;
left: 0;
}
section.lets-connect p {
font-weight: 600;
font-size: 30px;
line-height: 170%;
/* or 51px */
text-align: center;
color: #181818;
}
section.lets-connect .section-title {width: 70%;margin: 0 auto;}
section.lets-connect .section-title h2 {
font-weight: 600;
font-size: 24px;
line-height: 115%;
text-align: center;
color: #333333;
}
section.lets-connect {
background: linear-gradient(206deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 54%, #ffd30045 100%);
padding: 150px 0 150px 0;
}
/*--------------------------------------------------------------
# lets get started section
--------------------------------------------------------------*/
section.lets-get-started {
padding: 0px 0 0 0;
background: #F1F1F1;
}
section.lets-get-started .row {
align-items: center;
}
section.lets-get-started h2 {
font-weight: 600;
font-size: 48px;
line-height: 115%;
color: #272727;
}
section.lets-get-started p {
font-weight: 600;
font-size: 16px;
line-height: 161%;
color: #181818;
margin: 50px 0;
}
.lgs-content-box {
padding: 0 0 0 100px;
}
a.lgs-section-btn {background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);color: #000;padding: 20px 30px;box-shadow: inset 0 0 0 0 #EBAE11;-webkit-transition: ease-out 0.4s;-moz-transition: ease-out 0.4s;transition: ease-out 0.4s;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #444444;
font-size: 14px;
background: #f8fbfe;
box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
}
#footer .footer-top {
padding: 60px 0 60px 0;
background: url(../img/footerbg.png);
background-repeat: no-repeat;
margin: 0px 0 0px 0;
background-position: center;
}
#footer .footer-top .footer-contact {
margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
font-size: 26px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 300;
}
#footer .footer-top .footer-contact p {font-size: 24px;line-height: inherit;margin-bottom: 0px;font-family: 'gilroy';font-weight: 500;color: #FDFDFD;}
#footer .footer-top h4 {
font-size: 16px;
font-weight: bold;
color: #124265;
position: relative;
padding-bottom: 12px;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul i {
padding-right: 2px;
color: #2487ce;
font-size: 18px;
line-height: 1;
}
#footer .footer-top .footer-links ul li {padding: 15px 0px;display: flex;align-items: center;}
#footer .footer-top .footer-links ul a {
transition: 0.3s;
display: inline-block;
font-weight: 600;
font-size: 24px;
line-height: 115%;
/* identical to box height, or 28px */
color: #FDFDFD;
}
#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: #edb213;}
#footer .footer-newsletter {
font-size: 15px;
}
#footer .footer-newsletter h4 {
font-weight: bold;
color: #ffffff;
position: relative;
padding-bottom: 12px;
font-weight: 600;
font-size: 24px;
line-height: 115%;
/* identical to box height, or 28px */
color: #FDFDFD;
}
#footer .footer-newsletter form {
margin-top: 0;
background: transparent;
padding: 6px 10px;
position: relative;
border-radius: 5px;
text-align: left;
border: none;
}
#footer .footer-newsletter form input[type=email] {border: none;border-bottom: 1px solid white;padding: 10px 5px;width: 100%;margin: 0;color: #fff;}
#footer .footer-newsletter form input[type=submit] {
position: absolute;
top: -1px;
right: -2px;
bottom: -1px;
border: 0;
background: none;
font-size: 16px;
padding: 0 20px 2px 20px;
background: #2487ce;
color: #fff;
transition: 0.3s;
border-radius: 0 5px 5px 0;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#footer .footer-newsletter form input[type=submit]:hover {
background: #3194db;
}
#footer .credits {
padding-top: 5px;
font-size: 13px;
color: #444444;
}
#footer .social-links a {
font-size: 18px;
display: inline-block;
background: #2487ce;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 5px;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .social-links a:hover {
background: #3194db;
color: #fff;
text-decoration: none;
}
#footer .column-count-custom-2{
column-count: 2;
}
#footer .copyright {font-family: g;font-size: 24px;line-height: 115%;font-family: 'gilroy';font-weight: 500;}
#footer .custom_field_emailaddress {
background: transparent;
border: none;
border-bottom: 1px solid white;
border-radius: 0;
margin: 0 0 20px 0;
padding: 10px 0px;
}
#footer .wpcf7-response-output {
    color: #fff;
}
#footer .custom_button_emailaddress {
background: transparent;
border: none;
background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 600;
font-size: 24px;
line-height: 115%;
padding: 0;
}
/* about page */
.about-banner {height: 65vh !important;background: radial-gradient(#ffff00a1, transparent) !important;}
h4.about-sub-heading:before {
content: '';
height: 4px;
width: 25%;
display: block;
position: relative;
margin: 0 auto;
background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
transform: rotate(0deg);
}
.about-banner p.hero-class-para-text {
text-align: center;
font-weight: 500;
font-size: 28px;
line-height: 161%;
color: #181818;
}
section.our-values {background: url(../img/valuesbg.png);background-repeat: no-repeat;background-size: 100%;}
section.our-values h1 {text-align: center;font-weight: 400;font-size: 54px;line-height: 103.5%;letter-spacing: 0.43em;text-transform: uppercase;color: #FCFCFC;margin: 0 0 50px 0;}
section.our-values h1 span {
font-weight: 600;
}
section.our-values p {
font-weight: 500;
font-size: 28px;
line-height: 161%;
text-align: center;
color: #FCFCFC;
}
.left-right-sec-content-row {
align-items: center;
margin: 0 0 100px 0;
}
.left-right-sec-content-row h2 {
font-weight: 600;
font-size: 64px;
line-height: 115%;
color: #181818;
}
.left-right-sec-content-row p {
font-weight: 400;
font-size: 18px;
line-height: 280%;
color: #181818;
}
.custom-text-center-row-about{
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
font-size: 22px;
line-height: 280%;
text-align: center;
color: #181818;
}
/* about page */
/* services page */
.services-hero {padding: 200px 0 0 0;background-image:  radial-gradient(#ffff001c, transparent);background-size: cover;position: relative;}
.services-hero h2 {
font-weight: 700;
font-size: 46px;
line-height: 115%;
/* identical to box height, or 53px */
text-align: left;
text-transform: uppercase;
color: #323232;
text-indent: 20px;
}
.services-hero h2:before {
content: '';
background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);
height: 50px;
width: 5px;
display: block;
position: absolute;
left: 0;
top: 0;
}
.services-hero .content-box-parent {
position: relative;
}
.services-hero p {font-weight: 600;font-size: 22px;line-height: 190%;color: #323232;}
h2.services-dual-color-heading {
font-weight: 500;
font-size: 79px;
line-height: 115%;
/* or 91px */
color: #323232;
}
h2.services-dual-color-heading span {background: linear-gradient(103.17deg, #F9D021 13.72%, #EBAE11 94.01%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-weight: 700;}
.services-heading-main {
margin: 50px 0 50px 0;
}
.gaurding-services .section-number-svg.p-abs-right {
position: absolute;
right: 0;
top: -120px;
}
.gaurding-services .section-number-svg.p-abs-left {
position: absolute;
left: 0;
top: -100px;
}
.content-box-parent-services h2 {
font-weight: 600;
font-size: 64px;
line-height: 115%;
color: #181818;
}
.content-box-parent-services p {
font-weight: 400;
font-size: 18px;
line-height: 280%;
color: #181818;
}
.gaurding-services .content {
padding: 50px 0 150px 0;
}
.gaurding-services .content-box-parent-services {
padding: 0px 100px;
}
/* services page */
/* contact page */
.contact-hero-box-info-box {border: 1px solid #ddd;padding: 20px;min-height: 350px;}
.infobox-heading {font-weight: 600;font-size: 36px;line-height: 115%;text-align: center;color: #181818;margin: 30px 0 30px 0;}
.infobox-content {font-size: 24px;line-height: 115%;color: #000000;font-family: gilroy;font-weight: 500;}
section.map-section iframe {
width: 100%;
height: 100vh;
}
section.map-section {
padding: 0;
}
/* contact page */
/* responsive */
@media screen and (max-width: 1750px) {
#hero .container { padding-top: 200px; }
.btn-get-started { margin-top: 50px; }
.section-title h2 { margin-bottom: 60px; }
.about .section-number-svg {top: 0px;}
.mobile-patrol .section-number-svg {top: -130px;}
.seperator-img-dashed {top: -300px;}
section.lets-connect .section-title {width: 70%;}
}

@media screen and (max-width: 1650px) {
.on-site-gaurding .section-number-svg {top: -150px;}
.mobile-patrol .section-number-svg {top: -160px;}
.Element3-thumbs-up-abs-left {left: -60px;}
}

@media screen and (max-width: 1536px) {
#hero .container { padding-top: 80px; }
.seperator-img-dashed {top: -250px;}
.Element3-thumbs-up-abs-left {left: -60px;}
section.lets-connect .section-title {width: 70%;}
.gaurding-services .content-box-parent-services {padding: 0px 50px;}
.about .content p{font-size: 18px;line-height: 215%;}
.about .content h2 {font-size: 50px;}
.on-site-gaurding .content h2 {font-size: 50px;}
.on-site-gaurding .content p {margin: 0 0 40px 0;line-height: 215%;font-size: 18px;}
.mobile-patrol .content h2 { font-size: 50px; }
.mobile-patrol .content p { font-size: 18px; line-height: 215%;}
.content-box-parent-services p {line-height:230%;}
.content-box-parent-services h2 { font-size: 54px; }
.gaurding-services .section-number-svg.p-abs-left { top: -70px; }
.gaurding-services .section-number-svg.p-abs-right { top: -70px; }
.content-box-parent-services svg { height: 200px; width: 200px; }
.mobile-patrol .section-number-svg {top: -100px;}
}

@media screen and (max-width: 1444px) {
section.lets-connect {padding: 50px 0 50px 0;}
.Element3-thumbs-up-abs-left {left: -100px;}
.gaurding-services .content-box-parent-services p {font-weight: 400;font-size: 18px;line-height: 30px;color: #181818;}
.about .content p { font-size: 18px; line-height: 190%;}
.about .content h2 { font-size: 45px;}
.on-site-gaurding .content h2 { font-size: 45px;}
.on-site-gaurding .content p { margin: 0 0 30px 0; line-height: 180%;}
.mobile-patrol .content h2 { font-size: 44px; }
.mobile-patrol .section-number-svg { top: -135px;}
.mobile-patrol .content p { font-size: 19px; line-height: 190%;}
}
@media screen and (max-width: 1399px) {
#hero h1 { font-size: 64px; }
.about .content h2 { font-size: 44px; line-height: initial; }
.about .section-number-svg svg {height: 160px;width: auto;}
.on-site-gaurding .section-number-svg svg {height: 160px;width: auto;}
.mobile-patrol .section-number-svg svg {height: 160px;width: auto;}
.organization-container h2 { font-size: 34px; text-align: center;}
h2.look-at-journey-layertwo { font-size: 55px; }
.seperator-img-dashed {top: -200px;}
.on-site-gaurding .content h2 { font-size: 44px; line-height: initial; }
.mobile-patrol .content h2 { font-size: 44px; line-height: initial; }
h3.org-headering { font-size: 16px; }
p.org-text { font-size: 14px; }
}
@media screen and (max-width: 1199px) {
section { padding: 50px 0 50px 0;}
#hero h1 {font-size: 44px;}
.about .section-number-svg svg {height: 120px;width: auto;}
.about .section-number-svg {top: 50px;}
.about .content p { line-height: 40px;}
.on-site-gaurding .content p {line-height: 30px;}
.on-site-gaurding .content h2 {margin: 10px 0 10px 0;}
.on-site-gaurding .section-number-svg svg {height: 120px;width: auto;}
.on-site-gaurding .section-number-svg {top: -100px;}
.mobile-patrol .section-number-svg {top: -80px;}
.mobile-patrol .section-number-svg svg {height: 120px;width: auto;}
.mobile-patrol .content h2 { margin: 30px 0 10px 0;}
.mobile-patrol .content p { font-size: 18px;line-height: 40px;}
.customer-container-abs-img {right: -200px;}
.customer-container-paragraph {line-height: 40px;}
h2.look-at-journey-layertwo {font-size: 45px;}
.org-headering {font-size: 14px;}
.Element3-thumbs-up-abs-left {left: -120px;}
.gaurding-services .content-box-parent-services h2 { font-size: 34px; }
.gaurding-services .content-box-parent-services p { font-size: 15px; }
h2.services-dual-color-heading { font-size: 50px; }
.gaurding-services .section-number-svg.p-abs-right svg { height: 200px; width: 200px;}
.gaurding-services .section-number-svg.p-abs-left svg { height: 200px; width: 200px;}
.gaurding-services .section-number-svg.p-abs-right { position: absolute; right: 0; top: -60px;}
.gaurding-services .section-number-svg.p-abs-left { position: absolute; right: 0; top: -60px;}
.services-hero p { line-height: 165%;}
.services-hero h2 { font-size: 35px;}
.infobox-content { font-size: 16px; }
span.hero-class-pipe-char-yellow{ margin: 0 0 0 0; }
}
@media screen and (max-width: 1024px) {
span.hero-class-pipe-char-yellow {margin: 0 0 0 0px;}
.about .content h2 { font-size: 34px; margin: 20px 0 0px 0;}
.about .content p {line-height: 30px;font-size: 18px;}
.on-site-gaurding .content h2 { font-size: 34px; line-height: initial;margin: 10px 0 0px 0;}
.on-site-gaurding .content p {line-height: 28px;font-size: 16px;}
.mobile-patrol .content h2 {margin: 30px 0 0px 0;font-size: 34px;}
.mobile-patrol .content p {font-size: 18px;line-height: 30px;}
.customer-container-paragraph {line-height: 30px;font-size: 18px;}
.customer-container-abs-img {right: -20px;top: -200px;width: 60%;}
.organization-container h2 { font-size: 26px; }
section.lets-connect .section-title {width: 60%;}
section.lets-connect p {font-size: 20px;}
.Element3-thumbs-up-abs-left {left: -180px;}
section.lets-get-started h2 {font-size: 28px;}
section.lets-get-started p {margin: 40px 0;}
#footer .footer-top .footer-contact p {font-size: 18px;}
.gaurding-services .content-box-parent-services {padding: 0px 20px;}
.gaurding-services .content-box-parent-services p { font-size: 14px; line-height: 21px;}
.gaurding-services .content {padding: 50px 0 50px 0;}
.left-right-sec-content-row h2 { font-size: 44px;}
.left-right-sec-content-row p {line-height: 35px;}
.contact-hero-box-info-box { min-height: 250px;}
.contact-hero-box-info-box { min-height: 250px; margin: 0 0 30px 0;}
}
@media screen and (max-width: 991px) {
#hero h1 {line-height: 50px;}
.lgs-content-box {padding: 50px 0 50px 100px;}
.customer-container-abs-img {right: 0;top: 0;width: 50%;position: relative;margin: 0 auto;display: table;}
.on-site-gaurding .section-number-svg {top: 0;position: relative;}
.services-hero h2 { text-align: center;}
.services-hero h2:before{display: none;}
.services-hero p { font-size: 17px; text-align: center; }
.gaurding-services .section-number-svg.p-abs-right { position: relative; right: 0; top: 0;}
.gaurding-services .section-number-svg.p-abs-left { position: relative; right: 0; top: 0;}
.gaurding-services .content-box-parent-services {padding: 30px;}
.services-heading-main { margin: 50px 0 0px 0; text-align: center;}
}
@media screen and (max-width: 768px) {
#hero h1 {font-size: 34px;letter-spacing: 5px;}
.organization-container {text-align: -webkit-center;}
.seperator-img-dashed {top: 0;}
.Element3-thumbs-up-abs-left {left: -210px;}
.services-hero .content-box-parent { position: relative; padding: 20px;}
.left-right-sec-content-row p {line-height: 23px;font-size: 16px;}
#hero .container { padding-top: 100px;}
}
@media screen and (max-width: 475px) {
#header .logo img {max-height: 50px;}
#hero h1 {font-size: 35px;letter-spacing: 3px;}
#hero { background-image: radial-gradient(yellow, transparent); }
.about .section-number-svg {top: 120px;}
.about .section-number-svg svg {height: 60px;}
.on-site-gaurding .section-number-svg svg {height: 60px;}
.mobile-patrol .section-number-svg svg {height: 60px;}
.mobile-patrol .section-number-svg {top: -20px;}
.seperator-img-dashed {display: none;}
.Element3-thumbs-up-abs-left {display: none;}
section.lets-connect .section-title {width: 100%;}
.about-banner p.hero-class-para-text{font-size: 20px;}
section.our-values p { font-size: 15px; line-height: 20px; }
section.our-values h1 {font-size: 34px;}
.left-right-sec-content-row h2 { font-size: 34px;}
.custom-text-center-row-about { font-size: 17px;line-height: initial;}
.getstarted a{ padding: 10px 10px;margin:0px;width: 50%;border-radius: 5px;color: #363636;}
p.hero-class-para-text{font-size: 16px;}
a.btn-see-more { padding: 10px 30px; }
.section-title span.border-top-section-title { width: 10%; }
.about .content h2 { font-size: 30px; margin: 40px 0 20px 0; font-weight: 700;}
.on-site-gaurding .content h2 { font-size: 30px; margin: 40px 0 20px 0; font-weight: 700;}
.mobile-patrol .content h2 { font-size: 30px; margin: 40px 0 20px 0; font-weight: 700;}
.services-hero p { font-size: 14px; }
h2.services-dual-color-heading {font-size: 30px; line-height: inherit;}
.gaurding-services .section-number-svg.p-abs-right svg { height: 120px; width: 120px; }
.gaurding-services .section-number-svg.p-abs-left svg { height: 120px; width: 120px;}
.look-at-journey-row ul li.year-of-exp { font-size: 20px; }
h2.look-at-journey-layertwo { font-size: 35px; }
.look-at-journey-row ul .years { font-size: 44px; }
.look-at-journey-row ul li.year-of-exp { font-size: 20px; }
.gaurding-services .content-box-parent-services p { font-size: 15px; line-height: 30px;}
.gaurding-services .content-box-parent-services h2 { font-size: 34px; margin: 10px 0 25px 0;}
#footer .footer-top .footer-links ul li { padding: 5px 0px;}
#footer .footer-top{padding-bottom:0px;}
#footer .footer-top .footer-links ul a{font-size:18px;}
#footer .copyright { font-size: 14px; }
}
@media screen and (max-width: 375px) {
#hero h1 {
    font-size: 25px;
    letter-spacing: 1px;
}
p.hero-class-para-text { font-size: 13px;}
}
/* responsive */


.custom-border-button:hover {
    box-shadow: inset 400px 50px 0 0 #ecb012;
    color: #fff !important;
}
.custom-border-button {
    color: #FFF;
    box-shadow: inset 0 0 0 0 #ecb012;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}
a.btn-see-more:hover {
    box-shadow: inset 0 100px 0 0 #F9D021;
    color: #fff;
}
a.lgs-section-btn:hover {
    box-shadow: inset 0 100px 0 0 #EBAE11;
    color: #fff;
}
#footer .custom_button_emailaddress:hover {
    border-bottom: 1px solid #EBAE11;
    border-radius: 0px;
}
.getstarted a.nav-link.scrollto:hover {box-shadow: inset 0 100px 0 0 #F9D021;color: #fff !important;}