@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Titillium+Web:wght@200;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800;900&family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
* {
box-sizing: border-box;
margin: 0;
padding: 0;
line-height: 1.5
}

body {
font-family: 'Jost', sans-serif;
color: #656565;
}

b,
strong {
font-weight: 700;
}


/* --------utility classes----------- */

.btn {
background: #74c012;
padding: 0.7em 2em;
color: #fff;
border-radius: 0;
font-weight: 700;
width: auto;
}

.btn a{
    color:#fff;
}
.btn:hover a {
    color: #fff;
}

.btn::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0px;
height: 2px;
background-color: #fff;
margin-right: 0px;
transition: all 0.4s ease;
}

.btn:hover::before {
width: 20px;
margin-right: 10px;
}

.btn:first-child:hover,
:not(.btn-check)+.btn:hover {
color: #fff;
background: #74c012;
;
}

.ask-btn {
margin: 0.5rem 0;
display: inline-block;
border: 2px solid#74c012;
background: #74c012;
color: #fff;
width: auto;
padding: 0.7em 2em;
font-weight: 600;
vertical-align: middle;
}

.ask-btn:hover {
background: #fff;
}

li {
list-style: none;
}

a {
text-decoration: none;
color: #b2b3ba;
}

a:hover {
color: #74c012;
}

.svg-inline--fa {
color: #74c012;
;
font-size: 1.2rem;
}

p {
line-height: 1.5;
font-size: 1rem;
}

h1 {
font-size: 3rem;
font-weight: 600;
}

h1,
h4 {
margin: 2rem 0s
}

ul {
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Jost', sans-serif;
color: #000;
font-weight: 600;
}

b {
font-weight: 600;
color: #848484;
}


/* .font-change {
font-family: 'Libre Baskerville', serif;
color: #9FA2A6;
} */


/* -------------header----------------- */

header {}

header ul {
display: flex;
justify-content: flex-end;
margin: 0;
}

.header-icons {
background: #161827;
color: #fff;
padding: 0.5em;
font-weight: 600;
}

.header-icons a {
color: #fff;
font-weight: normal;
display: inline-block;
}

.header-icons a:hover {
color: #74c012;
transition: all 0.3s ease-in-out;
}

header li {
margin-left: 1em;
}

header li .svg-inline--fa {
vertical-align: middle;
}


/* ----------navbar------------- */

.navbar {
position: -webkit-sticky;
position: sticky;
display: flex;
top: 0;
background: #fff;
z-index: 999;
padding: 0;
}

.navbar ul {
display: flex;
margin-bottom: 0;
}

.navbar-icons li {
margin-left: 1rem;
}

.navbar-icons li a {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
background: #f8f5ff;
color: #74c012;
line-height: 38px;
text-align: center;
}

.navbar-icons li a:hover {
background: #74c012;
color: #fff;
transition: all 0.3s ease-in-out;
}

.navbar-icons li a:hover .svg-inline--fa {
color: #fff;
transition: all 0.3s ease-in-out;
}

.navbar li a {
text-decoration: none;
padding: 0.5em 15px;
}

.nav-icons-1 {
float: left;
display: none;
}

.nav-icons-1 .svg-inline--fa {
color: #f8f5ff;
}

.navbar input[type="checkbox"],
.navbar .hamburger-lines {
display: none;
}


/* .navbar .menu-items{display:;} */

.logo img {
width: 180px
}

.menu-items li {
padding: 1em 0;
font-size: 1.1rem;
}

.menu-items li a:hover {
color: #74c012;
transform: scale(1.05);
border-radius: 10px;
transition: all 0.2s ease-in-out;
}

.menu-items a {
color: #182345;
display: block;
}

.menu-items .dropdown-content {
display: none;
transition: all 0.2s ease-in-out
}

.menu-items .dropdown-content {
transform: translateY(-100px);
transition: 0.3s all linear;
}

.menu-items .dropdown-content li a,
.dropdown-2 li a {
color: #fff
}

.menu-items .dropdown-content li a,
.menu-items .sol .dropdown-2 li a {
padding: 0 10px;
}

.menu-items .dropdown-content li {
padding: 0;
}

.menu-items .dropdown-2 li a:hover {
color: #fff
}

.menu-items .dropdown-content li,
.dropdown-2 li {
padding: 0.5em;
font-weight: 0.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 1rem;
transition: all 0.2s ease-in-out;
}

.menu-items .dropdown-content li:hover {
background: #74c012;
}

.menu-items .dropdown-2 li:hover {
background: #74c012;
}

.menu-items .drop-btn:hover .dropdown-content {
display: block;
position: absolute;
background: #033249;
top: 80px;
width: 260px;
transition: all 0.3s ease-in-out;
transform: translateY(0);
}

.menu-items .sol .dropdown-2 {
display: none;
}

.menu-items .sol:hover .dropdown-2 {
display: block;
position: absolute;
width: 260px;
background: #033249;
top: 80px;
}


/* ------------------section-1---------------------*/

.section-1 .owl-dots {
display: block;
position: absolute;
width: 100%;
bottom: 2rem;
left: 0;
text-align: center;
}

.section-1 .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #D5DBD5;
margin: 0.5rem;
border-radius: 50%;
transition: all .4s ease;
}

.section-1 .owl-dots .owl-dot:hover {
background: #869791;
}

.section-1 .owl-dots .owl-dot.active {
background: #74c012;
}

.section-1 .owl-nav {
display: flex;
position: absolute;
padding: 1em;
top: 53%;
right: 50px;
}

.section-1 .owl-carousel .owl-nav .owl-prev {
color: #fff;
margin: 0 -89rem;
top: -60%;
left: 0;
font-size: 3rem;
position: absolute;
width: 40px;
height: 40px;
font-size: 21px;
background: #033249;
border-radius: 100px;
}

.section-1 .owl-carousel .owl-nav .owl-next {
color: #fff;
top: -60%;
right: 0;
margin: 0 -2rem;
font-size: 3rem;
font-size: 21px;
position: absolute;
width: 40px;
height: 40px;
background: #033249;
border-radius: 100px;
}

.section-1 .owl-carousel .owl-nav {
background: none;
}

.slide {
text-align: left;
padding: 8em 0;
color: #000;
}

.slide-1 {
background: url("../img/hero.jpg");
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}

.slide-2 {
background: url("../img/sl-2.jpg");
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}

.slide-3 {
background: url("../img/sl-3.jpg");
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
animation: fadeInUp 0.2s ease-in-out;
animation-delay: 3s
}


/* .slide-4 {
background: url("../img/slider-4.jpg");
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}

.slide-5 {
background: url("../img/slider-5.jpg");
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
} */

.slide h1 {
font-size: 3.5rem;
/* line-height: 40px; */
margin-bottom: 2rem;
transform: translateY(-100px);
transition: 500ms all linear;
color: #000;
}

.slide p {
transform: translateY(50px);
transition: 1s all linear;
opacity: 0;
color: #000;
}

.owl-carousel.owl-drag .owl-item.active p {
transition-delay: 200ms;
transform: translateY(0px);
opacity: 1
}

.owl-carousel.owl-drag .owl-item.active h1 {
transform: translateY(0px);
}

.white-p {
font-size: 1.2rem!important;
color: #fff!important;
margin-bottom: 4rem;
transform: translateY(100px);
}

.big-btn {
transform: translateY(-50px);
transition: .5s all linear;
opacity: 0;
}

.big-btn a {
font-size: 1.3rem;
font-weight: 600;
padding: 1em 3em;
background: #74c012;
color: #fff;
display: inline-block;
transition: 100ms all linear;
}

.owl-carousel.owl-drag .owl-item.active .big-btn {
transition-delay: 700ms;
transform: translateY(0px);
opacity: 1
}

.big-btn a:hover {
color: #74c012;
background: #fff
}

.owl-carousel.owl-drag .owl-item.active .big-btn {
transform: translateY(0px);
opacity: 1
}


/* -----------------section-2----------------- */

.section-2 {
background: #fafafa;
padding: 4em 0;
}

.section-2 p {
color: #848484;
}

.section-2 h1 {
font-weight: 500;
}

.section-2 .svg-inline--fa {
font-size: 3.5rem;
}

.section-2 h1 {
margin: 1rem 0
}

.offer {
width: 200px;
height: auto;
padding: 25px;
text-align: center;
margin: 0 auto 0px;
background: #e5f2d4;
min-height: 170px;
transition: 0.3s all linear;
}

.offer:hover {
background: #74c012;
}

.offer:hover img {
filter: brightness(0) invert(1);
}

.offer:hover h3 {
color: #fff;
}

.offer img {
width: 70px !important;
margin: 0 auto;
}

.offer h3 {
margin: 0;
font-size: 14px;
font-weight: 600;
}

.more {
color: #000;
background: none;
font-weight: 700;
}

.more:hover {
color: #74c012;
}

.more::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0px;
height: 2px;
background-color: #74c012;
margin-right: 0px;
transition: all 0.4s ease;
}

.more:hover::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 12px;
height: 2px;
color: #74c012;
background-color: #74c012;
margin-right: 5px;
transition: all 0.4s ease;
}

.offer .svg-inline--fa {
color: #74c012;
}

.one {
visibility: visible;
animation: zoomInUp;
animation-duration: 500ms;
animation-delay: 0ms;
}

.two {
visibility: visible;
animation: zoomInUp;
animation-duration: 500ms;
animation-delay: 100ms;
}

.three {
visibility: visible;
animation: zoomInUp;
animation-duration: 500ms;
animation-delay: 150ms;
}

.four {
visibility: visible;
animation: zoomInUp;
animation-duration: 500ms;
animation-delay: 200ms;
}

@keyframes fadeInUp {
100% {
    transform: translate(0)
}
;
}


/* ------------------section-3--------------------- */

.foot-logo img {
max-width: 180px;
filter: brightness(0) invert(1);
}

.section-3 {
margin-bottom: 0rem;
}

.experience {
margin-top: 3rem;
padding: 1em;
}

.experience h2 {
margin-bottom: 15px;
}

.experience h4 {
font-size: 18px;
}

.experience .media-body {
margin-bottom: 20px;
}

.experience .svg-inline--fa {
color: #848484;
font-size: 0.8rem;
margin-right: 0.5rem;
}

.experience ul {
padding: 0;
margin: 2rem 0
}


/* .experience p {
padding-right: 8em;
} */

.experience h1 {
margin-bottom: 3rem;
}

.experience li {
margin-top: 1rem;
}


/* ---------------------setion-4------------------------- */

.section-4 {
position: relative;
}

.about-image img {
width: 100%;
}

.cta {
background: url("../img/hospitality-security.jpg");
height: 100%;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

.cta::after {
content: "";
position: absolute;
background: #000;
opacity: 0.7;
height: 100%;
width: 100%;
top: 0;
left: 0;
}

.section-4 .container {
position: relative;
z-index: 1;
}

.section-4 .sec-4 {
text-align: center;
padding: 5rem 0;
margin-top: 0rem;
font-size: 1.2rem;
}

.product-slider h3 {
font-weight: 600;
font-size: 21px;
height: auto;
overflow: hidden;
}

.product-slider .item p {
height: 80px;
}

.product-slider .item .anchor {
color: #74c012;
}

.sec-4 h1 {
font-weight: 800;
color: #fff;
margin-bottom: 2rem;
font-size: 3rem;
}

.sec-4 p {
color: #B2B3BA;
margin-bottom: 2rem
}

.btn-2 {
margin: 0 auto;
}


/* -------------------inner-container--------------------- */

.inner-box {
position: absolute;
top: -21%;
width: 70%;
left: 15%;
z-index: 99;
transform: translateY(30%);
visibility: visible;
animation: jackInTheBox 700ms ease-in-out forwards;
background: #fff;
box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
padding: 2em;
}

.block-count {
font-size: 2rem;
color: #74c012;
}

.block-count::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 30px;
height: 2px;
background-color: #74c012;
}


/* -------------------section-5--------------------------- */

.section-5 {
margin: 4rem 0 2rem;
}

.section-5 .products-block {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
align-items: center;
}

.title-block span {
color: #74c012;
font-size: 1.5rem;
}

.title-block span::before {
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
width: 50px;
height: 2px;
background-color: #74c012;
}

.title-block h1 {
font-weight: 600;
font-size: 2rem;
}

.owl-nav {
display: flex;
background: #EBF0EB;
position: absolute;
padding: 1em;
top: -100px;
right: 33px;
}

.owl-prev {
margin-right: 1rem;
}

.owl-prev .svg-inline--fa,
.owl-next .svg-inline--fa {
font-size: 2rem;
}

.text {
padding: 1.5em 0;
/* box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%); */
}

.item {
margin-right: 2rem;
}

.item p {
color: #333;
font-size: 1rem
}

.btn-3 {
color: #000;
background: #fff;
border: 2px solid#e5e5e5;
}


/* ------------------ section-6-----------------------	    */

.section-6 {
background: url("../img/fun-fact-bg.jpg");
height: 100%;
position: relative;
width: 100%;
padding-bottom: 0em;
color: #fff;
background-attachment: fixed;
}

.section-6::after {
content: "";
background: #000;
position: absolute;
height: 100%;
width: 100%;
opacity: 0.8;
top: 0;
left: 0;
}

.installed {
text-align: center;
position: relative;
padding: 5em;
z-index: 1
}

.icon-1,
.text-1 {
display: table-cell;
}

.icon-1 .svg-inline--fa {
font-size: 3rem;
color: #74c012
}

.text-1 h2 {
font-size: 3rem;
font-weight: 700;
color: #fff;
}


/* -------------------section-7---------------------  */

.section-7 {
margin-top: -10rem;
position: relative;
animation: jackInTheBox 700ms ease-in-out forwards;
visibility: visible;
}

.why-cctv {
background: #fff;
}

.featured-1 {
padding: 0 5em;
box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
}

.featured-1 h2 {
margin-top: 3rem;
font-weight: 700;
}

.title-block h2,
.experience h2 {
font-weight: 700;
}

.featured-2 {
padding: 0
}

.featured-2 img {
width: 100%;
}

.text-block {
display: flex;
margin-top: 3rem;
}

.icon-div {
display: inline-block;
background: #EBF0EB;
border-radius: 50%;
padding: 1em;
height: 100%;
}

.icon-div .svg-inline--fa {
font-size: 2rem;
}

.text-div {
margin-left: 2rem;
}


/* ----------------section-8------------------ */

.section-8 {
text-align: center;
/* margin: 2rem 0; */
padding: 5em;
}

.title-block-2 span {
color: #74c012;
font-size: 1.5rem;
}

.title-block-2 span::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 50px;
height: 2px;
background-color: #74c012;
margin-right: 1rem;
}

.title-block-2 span::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 50px;
height: 2px;
margin-left: 1rem;
background-color: #74c012;
}

.testimonial-slider .owl-nav {
background: none;
top: auto;
left: 44%;
}

.owl-carousel.testimonial-slider .owl-nav button.owl-next,
.owl-carousel.testimonial-slider .owl-nav button.owl-prev {
background: #ebf0eb !important;
padding: 3px 10px !important;
border-radius: 30px;
}

.owl-carousel.testimonial-slider .owl-nav button.owl-next:hover,
.owl-carousel.testimonial-slider .owl-nav button.owl-prev:hover {
background: #869791 !important;
color: #fff;
}

.owl-carousel.testimonial-slider .item {
background: #ededed;
padding: 3rem;
width: 75%;
margin: 3rem auto 0;
}

.testimonial-slider p {
font-size: 1.2rem
}


/* -------------------section-9------------------- */

.section-9 {
background: #e4eaf7;
padding: 2em;
animation: jackInTheBox 700ms ease-in-out forwards;
}

.section-9 .count {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
color: #74c012;
line-height: 60px;
text-align: center;
font-size: 1.5rem;
font-weight: 600;
margin: 1.5rem 0;
}

.working-process p {
font-size: 1.1rem;
}


/* ---------------section-10-------------    */

.advertisement .item img {
display: inline-block;
max-width: none;
width: auto;
filter: grayscale(100%);
}

.advertisement .item:hover img {
filter: none;
}

.advertisement .item {
margin: 0;
text-align: center;
}


/* --------------footer----------- */

footer {
background-image: url("../img/footer-map.png");
background-color: #161827;
font-size: 1.2rem;
background-repeat: no-repeat;
background-position: center;
}

footer h3 {
color: #fff;
font-size: 1.7rem;
margin-bottom: 2rem;
}

footer li {
color: #b2b3ba;
line-height: 2;
font-size: 1.2rem;
}

.footer-items {
padding: 3em 0;
}

.footer-list li {
font-size: 1rem;
margin: 0.5rem 0;
}

.footer-list li a,
.footer-list .svg-inline--fa {
color: #b2b3ba;
    transition: all .3s ease-in;
}

.footer-list a:hover {
color: #74c012;
margin-left: .5rem;
}

.footer-list li a:hover .svg-inline--fa {
color: #74c012;
}

.footer-social {
padding: 0
}

.footer-social li {
display: inline;
margin-right: 0.5rem;
}

.footer-social li a {
color: #C7CACE;
background: rgba(255, 255, 255, 0.1);
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
}

.footer-social li a:hover {
background: #74c012;
transition: all 0.2s ease-in-out;
}

.footer-social li a:hover .svg-inline--fa {
color: #fff;
transition: all 0.2s ease-in-out;
}

.footer-social .svg-inline--fa {
color: #C7CACE;
}

.footer-img {
margin: 0.5rem 0;
position: relative;
padding: 0.2em;
}


.footer-items p {
margin-top: 2rem;
line-height: 2;
color: #b2b3ba;
font-size: 1rem;
}

.copyright {
background-color: rgba(255, 255, 255, 0.102);
font-size: 1rem;
padding: 1em;
text-align: center;
color: #C7CACE;
}

.copyright a {
color: #fff;
display: inline-block;
}

.footer-img .img {
width: 100%;
}

.footer-img:hover::after {
content: "";
position: absolute;
background: #000;
height: 100%;
width: 100%;
opacity: 0.5;
top: 0;
left: 0;
}


/* #################### ABOUT US ######################## */


/* -------------------section-1(about)--------------------------- */

.showcase-heading {
background: url("../img/slider-2-slide-1.jpg")center center no-repeat fixed;
height: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 6em 0;
}

.showcase-heading::after {
content: "";
background: #171b27;
position: absolute;
height: 100%;
width: 100%;
opacity: 0.8;
top: 0;
left: 0;
}

.showcase-heading .container {
position: relative;
z-index: 1
}

.showcase-heading span {
color: #74c012;
}

.showcase-heading a {
color: #fff;
}

.showcase-heading h1 {
font-size: 2.5rem;
font-weight: 500;
color: #fff;
}


/* -------------------section-2(about)--------------------------- */

.about-experience {
margin: 2rem 0;
}

.about-experience .exp-text {
margin-top: 4rem;
padding-right: 8em;
}

.about-experience .exp-text h2 {
font-weight: 500;
font-size: 3rem;
margin-bottom: 1rem;
}

.mission-vision strong {
color: #000000;
}

.about-experience .experience p {
padding-right: 0em;
}


/* ###################### CONTACT US ####################### */

.contact-section {
background: #ebf0eb;
padding-top: 5em;
padding-bottom: 15em;
margin-bottom: 2rem;
}

.contact-section .col-md-4 {
padding: 0 2em;
}

.contact-info {
background: #fff;
text-align: center;
}

.contact-section .padding {
padding: 5em 2em;
background: #fff;
}

.contact-section .contact-info h3 {
margin: 2rem 0;
}

.contact-section .info-2 a {
color: #007bff;
}

.form-section form input {
width: 100%;
margin-bottom: 2rem;
padding-left: 1em;
height: 3rem;
background: #ebf0eb;
border: none;
outline: none;
}

.contact-form-block {
padding: 6em;
}

.contact-form-block h2 {
font-size: 2.5rem;
font-weight: 500;
margin-bottom: 2rem;
}

.contact-form textarea {
background: #ebf0eb;
width: 100%;
margin-bottom: 2rem;
padding: 1em;
height: 10rem;
border: none;
}

.inner-container {
box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
margin: -9rem 1rem 8rem 1rem;
background: #fff;
position: relative;
}


/*** 

====================================================================
                    Contact-Page
====================================================================

***/

.contact-page-section {
padding: 80px 0 50px;
}

.contact-page-section .sec-title h1 {
font-weight: 600;
}

.contact-page-section .sec-title {
margin-bottom: 50px;
}

.contact-page-section .form-inner {
position: relative;
display: block;
background: #ffffff;
border-radius: 5px;
padding: 50px 50px;
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
}

.contact-page-section .form-inner .contact-form .form-group {
margin-bottom: 20px;
}

.contact-page-section .form-inner .contact-form .form-group input[type='text'],
.contact-page-section .form-inner .contact-form .form-group input[type='email'],
.contact-page-section .form-inner .contact-form .form-group textarea {
background: #f4f4f4;
border-radius: 5px;
}

.contact-form .form-group input[type='text'],
.contact-form .form-group input[type='email'],
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
height: 60px;
background: #f8f5f5;
border: 1px solid #e2ddde;
padding: 10px 20px;
font-size: 18px;
color: #606060;
transition: all 500ms ease;
}

.contact-page-section .form-inner .contact-form .form-group textarea {
height: 110px;
}

.contact-page-section .btn-1 {
position: relative;
display: inline-block;
background: #7dbc26;
overflow: hidden;
font-size: 16px;
line-height: 26px;
font-family: 'Montserrat Alternates', sans-serif;
font-weight: 600;
color: #fff;
text-align: center;
padding: 17px 41.5px;
border-radius: 4px;
z-index: 1;
transition: all 500ms ease;
}

.theme-btn:hover {
background: #fff;
color: #7dbc26;
}

.contact-page-section .form-inner .contact-form .form-group button {
display: block;
width: 100%;
}


/* .contact-page-section .form-inner .contact-form .form-group button:hover {
background: #091125;
color: #fff;
} */

.contact-page-section .form-inner .contact-form .form-group .message-button {
margin-bottom: 0px;
}

.contact-page-section .sidebar-content .inner-box .btn-one {
position: relative;
font-size: 18px;
color: #606060;
background: #ffffff;
padding: 15px 30px;
border-radius: 5px;
margin-bottom: 20px;
transition: all 500ms ease;
}

.contact-page-section .sidebar-content .inner-box .btn-one:hover {
background: #7dbc26;
color: #fff;
}

.contact-page-section .sidebar-content {
background-image: url('../img/contact-1.jpg');
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 5px;
overflow: hidden;
padding: 54px 40px;
HEIGHT: 100%;
display: flex;
align-items: center;
}

.contact-page-section .sidebar-content:before {
position: absolute;
content: '';
background: #091125;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.9;
}

.contact-page-section .sidebar-content .inner-box .icon-box {
position: relative;
display: inline-block;
width: 92px;
height: 92px;
line-height: 92px;
font-size: 40px;
color: #ffffff;
text-align: center;
border-radius: 50%;
margin-bottom: 40px;
}

.icon-call-back:before {
content: "\e947";
}

.contact-page-section .sidebar-content .inner-box {
position: relative;
top: unset;
left: unset;
transform: none;
visibility: visible;
animation: none;
background: transparent;
box-shadow: none;
padding: 0;
text-align: center;
width: 100%;
}

.contact-page-section .sidebar-content .inner-box P {
color: #FFF;
}

.contact-page-section .sidebar-content .inner-box a {
display: block;
width: 100%;
}

.contact-page-section .sidebar-content .inner-box h3 {
display: block;
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
margin-bottom: 7px;
}

.contact-info-section {
position: relative;
}

.contact-info-section a {
color: #B6B9C2;
transition: all 500ms ease;
}

.contact-info-section a:hover {
color: #7DBC26
}

.contact-info-section .inner-content {
position: relative;
display: block;
background: #091125;
border-radius: 5px;
overflow: hidden;
margin-bottom: 50px;
z-index: 2;
}

.contact-info-section .inner-content .single-item {
position: relative;
float: left;
width: 25%;
padding: 0px 30px 42px 30px;
}

.contact-info-section .inner-content .single-item P {
color: #fff;
}

.contact-info-section .inner-content .single-item:before {
position: absolute;
content: '';
background: rgba(255, 255, 255, 0.1);
width: 1px;
height: 124px;
bottom: 48px;
right: 0px;
}

.contact-info-section .inner-content .single-item:nth-child(2n+1) .icon-box:before,
.contact-info-section .inner-content .single-item:nth-child(2n+1) .icon-box:after {
background: #262d3f;
}

.contact-info-section .inner-content .single-item .icon-box {
position: relative;
display: block;
padding-top: 25px;
font-size: 50px;
line-height: 50px;
margin-bottom: 20px;
padding-bottom: 20px;
}

.contact-page-section .sidebar-content .inner-box .icon-box img {
width: 100px;
}

.contact-info-section .inner-content .single-item .icon-box:before {
position: absolute;
content: '';
background: #1f2637;
width: calc(100% + 60px);
height: 15px;
left: -30px;
top: 0px;
}

.icon-location:before {
content: "\e9a1";
}

.icon-call:before {
content: "\e948";
}

.icon-email:before {
content: "\e9a2";
}

.icon-clock:before {
content: "\e9a3";
}

.contact-info-section .inner-content .single-item {
position: relative;
float: left;
width: 25%;
padding: 0px 30px 42px 30px;
}

.contact-info-section .inner-content .single-item .icon-box:after {
position: absolute;
content: '';
background: #1f2637;
width: calc(100% + 60px);
height: calc(100% - 15px);
left: -30px;
top: 15px;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 30% 100%, 0% 0%);
}

.contact-info-section .inner-content .single-item:before {
position: absolute;
content: '';
background: rgba(255, 255, 255, 0.1);
width: 1px;
height: 124px;
bottom: 48px;
right: 0px;
}

.contact-info-section .inner-content .single-item h4 {
display: block;
font-size: 20px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
margin-bottom: 10px;
}


/* ####################### cctv cameras ######################## */

.inspection-section {
padding-top: 7em;
}

.cctv-row {
margin-bottom: 2rem;
}

.list-style {
margin-left: 20px;
}

.list-style li {
list-style: disc;
padding-right: 5em;
margin-bottom: 1rem;
}

.inspection-section p {
font-size: 1rem;
}

.inspection-section img {
width: 99%;
}

.related-products {
padding: 2em 0;
}

.owl-carousel .item .product-img {
border: 1px solid#d1d1d1;
}

.block-2 {
margin-bottom: 2rem;
}

.related-products .owl-nav {
top: -105px;
}

.brand-carousel {
background: #ebf0eb;
}

.b-margin {
margin: 2rem 0;
}

.product-content li b,
.product-content p b,
.product-content b {
color: #353535;
}

.product-content li {
margin-bottom: 10px;
}


/* ###################### IP Cameras ##################### */

.p-heading p {
padding-right: 5em;
}


/* ########################### bio-metric ################################ */


/* .inspection-section .font-change {
font-size: 0.75rem;
margin: 1rem 0;
line-height: 2
}

.inspection-section .para-bg {
font-weight: 600;
color: #000;
font-size: 1.2rem;
}
*/


/* #################### banking #################### */

.blog-style-section {
padding: 5em 0;
}

.sidebar {
background: #033249;
padding: 2em 2em;
width: 85%;
}

.sidebar a {
display: block;
}

.sidebar h3 {
font-size: 21px;
color: #74c012;
}

.blog-style-section li {
padding: 1em 0;
cursor: pointer;
}

.blog-style-section li:hover {
background: #74c012;
transition: all 0.2s ease-in-out;
}

.blog-style-section li:hover a {
margin-left: 1rem;
color: #fff;
transition: all 0.2s ease-in-out;
}

.blog-style-section .category-list li+li {
line-height: 1;
border-top: 1px solid#e5e5e5;
}

.service-details p {
margin: 1rem 0;
}

.service-details h2,
h3,
.product-details h2,
h3 {
font-weight: 600;
}

.service-details h2 {
    margin-top: 2rem;
}

.category-list a {
color: #ffffff;
position: relative;
padding-left: 20px;
}

.category-list a::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #74c012;
position: absolute;
top: 35%;
left: 0;
transition: all 0.2s ease-in-out;
background: #74c012;
}

.category-list li:hover a {
color: #fff;
}

.category-list li:hover a:before {
border: 1px solid#fff;
left: 0;
background: #fff;
}


/* ###################### Media-Queries#####################*/

@media (max-width:1200px) {
.inspection-section {
    padding-top: 4rem;
}
.showcase-heading {
    padding: 4rem 0;
}
.sidebar {
    width: 100%;
}
.contact-info-section .inner-content .single-item .icon-box img {
    width: 50px;
}
.contact-info-section .inner-content .single-item .icon-box {
    padding-top: 15px;
    padding-bottom: 15px;
}
.sec-4 h1 {
    font-weight: 600;
    font-size: 2rem;
}
.text-1 h2,
.icon-1 .svg-inline--fa,
.contact-page-section .sec-title h1 {
    font-size: 2rem;
}
.icon-1,
.text-1 {
    display: block;
}
.installed {
    padding: 2rem;
}
.slide h1 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}
.slide {
    padding: 5em 0;
}
.section-7 .featured-1 {
    padding: 0 1.3em;
}
.section-7 .featured-1 h1 {
    margin-top: 1rem;
}
.section-7 .text-block {
    margin: 0.5rem 0;
}
.section-7 .featured-2 img {
    width: 110%;
}
}

@media(max-width:992px) {
.slide {
    padding: 4em 0;
}
.btn {
    font-weight: 600;
}
.big-btn a {
    padding: 0.5em 2em;
}
.slide h1 {
    font-size: 2rem;
}
.section-4 .sec-4 {
    padding: 4rem 0;
}
html {
    font-size: 16px;
}
.navbar .navbar-icons {
    display: none;
}
.nav-icons-1 {
    display: flex;
}
.inner-box {
    position: relative;
    width: 70%;
    animation: jackInTheBox 700ms ease-in-out forwards;
    background: #fff;
    box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
    padding: 2em;
}
.testimonial-slider .owl-nav {
    left: 38%;
    display: flex;
}
.section-7 .featured-2 img {
    width: 100%;
}
.section-7 .text-block {
    margin: 1.5rem 0;
}
}

@media(max-width:767px) {
.header-icons {
    display: none;
}
.container,
.container-sm {
    max-width: 95%;
}
.logo img {
    width: 120px;
}
.section-1 .owl-dots {
    bottom: 0.5rem;
}
.slide {
    padding: 3em 0;
}
.offer img {
    width: 50px !important;
}
.offer {
    width: 150px;
    padding: 15px;
    min-height: 130px;
}
.experience {
    margin-top: 1rem;
}
.title-block h2,
.experience h2 {
    font-weight: 600;
}
.slide-1 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: #fff;
}
.slide h1 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}
html {
    font-size: 16px;
}
.navbar .menu-items li {
    font-size: 1rem;
}
.navbar .navbar-icons {
    display: none;
}
.nav-icons-1 {
    display: flex;
}
.section-3 img {
    width: 100%;
}
.inner-box {
    position: relative;
    width: 70%;
    animation: jackInTheBox 700ms ease-in-out forwards;
    background: #fff;
    box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
    padding: 2em;
}
.testimonial-slider .owl-nav {
    left: 35%;
    display: flex;
}
.footer-img {
    width: 33.333%;
}
footer h3 {
    margin: 1rem 0;
    font-size:1.5rem;
}

.footer-items p {
    margin-top: 1rem;
}

.copyright {
    font-size: 0.8rem;
}
.foot-logo img {
    max-width: 150px;
}


}

@media(max-width:575px) {
.offer {
    width: 125px;
}
.big-btn a {
    padding: 0.5em 1em;
    font-size: 1.1rem;
}
.section-2 {
    background: #fafafa;
    padding: 2em 0;
}
.mt-5 {
    margin-top: 1rem!important;
}
html {
    font-size: 16px;
}
.navbar input[type="checkbox"],
.navbar .hamburger-lines {
    display: block;
}
.navbar {
    display: block;
    position: relative;
    height: 60px;
    padding: rem 0;
}
.section-1 .owl-carousel .owl-nav .owl-next {
    color: #fff;
    top: -50%;
    margin: 0 -3rem;
    font-size: 3rem;
    right: 15px;
    position: absolute;
}
.section-1 .owl-carousel .owl-nav .owl-prev {
    color: #fff;
    top: -50%;
    margin: 0 -3rem;
    font-size: 3rem;
    right: 440px;
    position: absolute;
}
.navbar .navbar-icons,
.nav-icons-1 {
    display: none;
}
.navbar input[type="checkbox"] {
    position: absolute;
    display: block;
    height: 32px;
    width: 40px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
}
.navbar .hamburger-lines {
    display: block;
    height: 22px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.navbar .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    background: #333;
    border-radius: 10px;
}
.navbar .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.2s ease-in-out;
}
.navbar .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
}
.navbar .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.2s ease-in-out;
}
.navbar .menu-items {
    padding: 15px 0 15px 15px;
    opacity: 0;
    visibility: 0;
    background: #033249;
    transform: translateX(150%);
    width: 100%;
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    margin-left: -40px;
    right: 0;
    transition: transform 0.5s ease-in-out;
}
.navbar .menu-items.activenav {
    transform: translateX(0%);
    visibility: visible;
    transition: transform 0.5s ease-in-out;
    opacity: 1;
}
.menu-items a {
    color: #fff;
}
.navbar .menu-items li {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    padding: 0em 3em 0em 0em;
    margin: 0rem 0;
    border-bottom: 1px solid #ffffff26
}
.navbar .menu-items li:last-child {
    border: none;
}
.dropdown-content {
    left: 160px;
    width: 100%;
    top: 50%;
}
.menu-items .dropdown-content li,
.menu-items .dropdown-2 li {
    padding: 1em 2em;
    margin: 0;
}
.dropdown-2 {
    left: 160px;
    width: 100%;
    top: 50%;
}
.navbar .logo {
    position: absolute;
    top: 10px;
    left: 10px;
}
.navbar input[type="checkbox"]:checked~.menu-items {
    transform: translateX(0);
}
.navbar input[type="checkbox"]:checked~.navbar .hamburger-lines .line1 {
    transform: rotate(45deg);
}
.navbar input[type="checkbox"]:checked~.navbar .hamburger-lines .line2 {
    transform: scaleY(0);
}
.navbar input[type="checkbox"]:checked~.navbar .hamburger-lines .line3 {
    transform: rotate(-45deg);
}
.menu-items .drop-btn:hover .dropdown-content {
    display: block;
    position: absolute;
    background: #033249;
    top: 130px;
    transition: all 0.3s ease-in-out;
}
.menu-items .sol:hover .dropdown-2 {
    display: block;
    position: absolute;
    background: #033249;
    top: 177px;
    transition: all 0.3s ease-in-out;
}
.footer-img {
    width: 33.333%;
}
.section-3 .row-1 img {
    width: 100%;
}
.inner-box {
    position: relative;
    width: 70%;
    animation: jackInTheBox 700ms ease-in-out forwards;
    background: #fff;
    box-shadow: 0px 0px 25px 0px rgb(13 29 13 / 10%);
    padding: 2em;
}
.owl-prev .svg-inline--fa,
.owl-next .svg-inline--fa {
    font-size: 2.5rem;
}
.owl-nav {
    display: none;
}
.section-5 .item {
    margin-right: 1rem;
}
.section-7 .featured-1 {
    padding: 2em;
}
.section-8 {
    padding: 2em;
}
.advertisement .owl-nav,
.product-img-slider .owl-nav {
    display: none;
}
.testimonial-slider .owl-nav {
    left: 25%;
    display: flex;
}
.service-details {
    margin-top: 1.5rem;
}
.service-details img {
    width: 100%;
}
}