/*
 Theme Name:   Petal Child Theme
 Theme URI:    http://petal.aislinthemes.com/
 Description:  Petal Child Theme
 Author:       Aislin
 Author URI:   http://aislinthemes.com
 Template:     petal
 Version:      1.0.0
 Tags:
 Text Domain:
*/
/* =Theme customization starts here
-------------------------------------------------------------- */ 
:root {
  --wrapper: 1400px;
  --blue: #0056a2;
  --black: #000;
  --gray: #222;
  --white: #ffffff;
  --red: #a03123;
  --teal: #6b9395;
  --green: #005e62;
  --mint: #95a496;
  --brown: #60504d;
  --yellow: #f7f052;
  --accent-hover: #a20a29;
  --padding-theme: 100px;
  --padding-sm: 50px;
  --padding-large: 150px;
  --fontfamily: Montserrat, sans-serif;
  --heading-font: Montserrat;
  --logo-height: 80px;
  --header-desktop-bg: black;
	
	/* This is Main Primary Color used for the site */
	--main-color: #cf252b;
	
	--stickyheader-color:#000;
  
	/* This is the section directly below the homepage banner */
	--main-row-background-color: #f4f5f7;
	
	/* This is the section directly below the homepage banner */
	--main-row-bacground-mobile: #000;
  
	/* These are the backgrounds for the 3 steps for Desktop, Tablet, and Mobile */
	--three-steps-background-desktop: linear-gradient(0deg, #fff 50%, #000 50%);
	--three-steps-background-tablet: linear-gradient(0deg, #fff 75%, #000 50%);
	--three-steps-background-mobile: linear-gradient(0deg, #fff 70%, #000 70%);
 
	/* This section is the 3 or 6 service boxes hover color on the Homepage */
	--homepage-service-box-hover: #000;
	
	
 /* ↓↓↓ INNER PAGE STYLES ↓↓↓*/
	/* This section is on the Overview and Industry pages, the services and products that are staggered */
	--inner-page-staggered-product-section: #f5f8fd;
 
	/* This section is on all Industry and Service Pages the rotating carousel column background color */
	--hardware-inner-page-carousel-background: #f5f8fd;
	
	/* This section is on all Industry and Service Pages the rotating carousel column background color */
	--service-slider-column-background:#e02228;
	
	/* This section is on all Tech Partner Pages for the 2nd section background color */
	--tech-partner-section-2-bg-color:#f8f8f8;
	
	
	/* ↓↓↓CONTACT US STYLES COLOR CHANGE ↓↓↓*/
	/* This section is the two toned background color for the contact us page for desktop*/
	--contact-us-background-color: linear-gradient(90deg, #f5f8fd 62%, #cf242b 45%);
	
	/* This section is background color for the contact us page form for desktop*/
	--contact-us-form-background-color: #fff;
	
	/* This section is the background color for the contact us page for tablet and mobile*/
	--contact-us-background-color-mobile: #fff;
	
	/* This section is the form title color on the contact us page*/
	--contact-us--form-title-color:#cf242b;
	
	/* This section is the form label color on the contact us page*/
	--contact-us-label-color:#222;
	
	/* This section is the Phone Number a-tag  color on the contact us page for tablet and mobile views*/
	--contact-us-a-tag-mobile:#cf242b;
	
	
	/* ↓↓↓ALL BUTTON COLOR STYLES↓↓↓*/	
	/* This Changes the color for all main buttons*/
	--main-button-color:#e02228;
	--main-button-color-hover:#cd1017;
	
	/* This Changes the color for all 2nd footer button*/
	--footer-button-2:#0056a2;
	--footer-button-2-hover:#004d91;
	
	/* This Changes the color for social media icons backgroudn button color on the footer*/
	--footer-social-media-icons-button-color:#f3c944;
	--footer-social-media-icons-button-color-hover:#e9a93c;
	
}


/*Top Header Phone and Email Icon */
#top-header-icons span {
    color: var(--main-color);
}

/* Line Under Navigation Link When Hovering */
.sf-menu.wh-menu-main li a:after {
  background-color: var(--white) !important;
}

/* Navigation Dropdown Menu Color */
.sf-menu.wh-menu-main ul li, .sf-menu.wh-menu-main .sub-menu {
    background: var(--main-color) !important;
}

/* Sticky Header Styles */
.wh-header.is_stuck {
  background-color: var(--stickyheader-color) !important;
}
.wh-header.is_stuck .sf-menu.wh-menu-main > li > a {
  color: var(--white) !important;
}

/* Mobile Pop Up Menu */
.mobile-navigation-section {
    background: #fff;
}

/* All Pages Banner H1 Font */
#page-banner h1.rs-layer{
	font-family:var(--heading-font) !important;
	font-weight: 700 !important;
}

/* All Pages Banner H2 Color */
#page-banner rs-layer-wrap:first-child h2{
	color: #fff !important;
}

/*Homepage Top Section below banner Main Row Background */
#main-row {
  background-color: var(--main-row-background-color);
}


/* Homepage 3 or 6 Service Box Hover */
#security-slider .slick-slider .slick-slide:hover:after {
  background-color: var(--homepage-service-box-hover);
  opacity: 0.5;
}


/* Three Steps Row Background on all pages */
#three-steps-section {
  background: var(--three-steps-background-desktop);
}

/* 3 Step Circle Color */
.circle-number {
  background: var(--main-color);
}


/* Inner Main Image Background Color */
#inner-image-background .overlap-image:before {
  background-color: var(--black);
}


/* Inner Page Product and Service Slider Main Background */
#services-box {

}

/* Inner Page Product and Service Staggered Sections  */
#product-section-1, #product-section-3{
	background-color: var(--inner-page-staggered-product-section);
}

/* Inner Page Product and Service Rotating Columns  */
#hardware-carousel .carousel-caption {
  background: var(--hardware-inner-page-carousel-background) !important;
}

/* Bottom Form Background Color */
#form-section{
	background-color: var(--main-color);	
}

/* The color for the two tone headers */
.section-heading span {
  color: var(--main-color);
}

/*The color for the two tone subheaders */
.sf-menu.wh-menu-main li.accent-link a {
  background-color: var(--main-color);
}

/* All Seperator Line Color Change */
.vc_separator .vc_sep_holder .vc_sep_line {
  border-top: 1px solid var(--main-color);
}

.vc_separator .vc_sep_holder .vc_sep_line {
    width: 80% !important;
}

#reviews{
	
}

/* ALL BUTTON STYLES */

/* --------------- All Pages Banner Button Color */
#page-banner .rev-btn, .rev-btn:visited {
    text-decoration: none;
    background: #fff !important;
	color: #000 !important;
	border-radius: 0 !important;
	border: none !important;
}

/* --------------- All Main Page Buttons */
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern {
    color: #fff;
    border:none;
    background-color: var(--main-button-color);
}

/* --------------- Homepage 3 or 6 Services Button */
#security-slider a.theme-button {
    color: #fff !important;
    background-color: var(--main-button-color);
    border-radius: 30px;
}

/* --------------- Homepage 3 or 6 Services Reinstated with Phone Next to it buttons */
#services-box .mega-info-desc a:last-child {
    color: var(--black) !important;
    background-color: var(--white);
}

#services-box .mega-info-desc a:last-child:hover {
    color: var(--black) !important;
    background-color: #eee;
}

/* --------------- Bottom Form on all pages Button */
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
}
/* --------------- Bottom Form on all pages Button Hover */
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {
    background: #eee !important;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
}

/* --------------- Inner Page Hardware Carousel Buttons */
#hardware-carousel .content-section a {
	background: var(--main-button-color) !important;
    color: var(--white) !important;
}

#hardware-carousel .content-section a:hover {
	background: var(--main-button-color-hover) !important;
    color: var(--white) !important;
}

/* --------------- Stack Services Icon Styles */
.icon-bg .vc_single_image-wrapper{
    position: relative;
    overflow: hidden;
}
.icon-bg .vc_single_image-wrapper::after {
    content: "";
    position: absolute;
    right: -100px;
    top: -100px;
    height: 190px;
    width: 190px;
    background: var(--main-color);
    transform: rotate(45deg);
    opacity: .9;
}
.icon-bg .vc_single_image-wrapper::before {
	content: '';
    right: 0;
    top: 10px;
    z-index: 1;
    position: absolute;
    background-size: 90% !important;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat !IMPORTANT;
}
.icon-bg.icon-security .vc_single_image-wrapper::before {
    background: url(/wp-content/themes/petal-child/images/security-icon.png);
}
.icon-bg.icon-cctv .vc_single_image-wrapper::before {
    background: url(/wp-content/themes/petal-child/images/camera-icon.png);
}
.icon-bg.icon-access .vc_single_image-wrapper::before {
    background: url(/wp-content/themes/petal-child/images/door-lock-icon.png);
}
.icon-bg.icon-monitoring .vc_single_image-wrapper::before {
    background: url(/wp-content/themes/petal-child/images/monitoring-icon.png);
}
.icon-bg.icon-fire .vc_single_image-wrapper::before {
    background: url(/wp-content/themes/petal-child/images/fire-icon.png);
}

/* --------------- Footer Button 1 */
#footer-button-section .first-footer-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color: var(--white) !important;
    background-color: var(--main-button-color);
	border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
}

#footer-button-section .first-footer-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	color: var(--white) !important;
    background-color: var(--main-button-color-hover);
	border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
}

/* --------------- Footer Button 2 */
#footer-button-section .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: var(--white) !important;
    background-color: var(--footer-button-2);
	border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
	margin-left: 15px;
}

#footer-button-section .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	color: var(--white) !important;
    background-color: var(--footer-button-2-hover);
	border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
	margin-left: 15px;
}

/* --------------- Footer Newsletter Button */
#join-our-newsletter .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff;
    border-color: black;
    background-color: var(--main-color);
}

/* Contact Form Button -------------------------------------------- */
#contact-form button[type=submit] {
  background-color: var(--main-button-color) !important;
  color: var(--white) !important;
  font-weight: 600;
}

/* Mobile Pop Open Menu Button -------------------------------------------- */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: var(--white) !important;
    border: none;
    background-color: var(--main-button-color);
}

/* Footer Social Media Icons Background Color  */
#mega-social-btn a {
    background: var(--footer-social-media-icons-button-color) !important;
}

#mega-social-btn a:hover {
    background: var(--footer-social-media-icons-button-color-hover) !important;
}


#security-slider a:hover{
	background: var(--main-button-color-hover);
}

.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-default.vc_btn3-style-modern:hover {
    color: #fff;
    border-color: var(--main-button-color-hover);
    background-color: var(--main-button-color-hover);
}

/* END OF ALL BUTTON STYLES */


/* FAQ Title Hover Color Styles  */
#faq .vc_toggle_title:hover, #faq .vc_toggle_active .vc_toggle_title {
  background-color: var(--main-color);
}


/* Contact and Support Page Styles  */

#contact-us-header{
    padding: 50px 30px !important;
}
#contact-form {
    padding-top: 150px;
    padding-bottom: 150px;
    background: var(--contact-us-background-color);
}
#contact-form div.wpforms-container-full {
    padding: 50px;
    background-color: var(--contact-us-form-background-color);
    box-shadow: 0 0 20px #0003;
    border-radius: 10px;
    margin: 0 0 0 30px;
}
i.fa-solid{
    padding-right: 10px;
}

/* Contact and Support Form Styles  */

div.wpforms-container-full .wpforms-form .wpforms-title {
    color: var(--contact-us--form-title-color);
    text-align: center;
    font-size: 25px;
}

div.wpforms-container-full .wpforms-field-label {
    color: var(--contact-us-label-color);
}


#contact-form a {
  color: var(--contact-us-a-tag-mobile);
  font-weight:bold;
}
#contact-form i.fa-solid, #contact-form i.fas {
  padding-right: 5px;
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
    padding-right: 5px;
}

/* --------------- Styles Small Display Style - 991px */
@media (max-width: 1024px) {
	
	/* Mobile Navigation Styles  */
	#mobile-navigation #menu-main-navigation a, #menu-main-navigation.sf-menu.wh-menu-main a {
		font-weight: 600;
		color:#222;
	}
	.mobile-navigation-section #menu-main-navigation .current_page_item a{
		background: var(--main-color) !important;
		color: #fff !important;
	}
	.mobile-navigation-section #menu-main-navigation a {
		letter-spacing: 0;
	}
	.mobile-navigation-section #menu-main-navigation .sub-menu a {
		/*color: var(--main-color) !important; */
		font-size: 14px !important;
		border-bottom: 1px dotted #ccc;
		font-weight: 600 !important;
		padding-left: 10px;
		padding-right: 10px;
	}
	.mobile-navigation-section .sf-menu.wh-menu-main ul li {
			background-color: var(--white) !important;
			color: var(--black) !important;
	}
	.mobile-navigation-section #menu-main-navigation.sf-menu.wh-menu-main .sub-menu {
		background-color: #fff !important;
	}
	
	#mobile-header {
		padding-top: 0;
		padding-bottom: 0;
	}
	.menu-logo img{
		max-width: 200px !important;
	}
}

/* --------------- Styles Small Display Style - 992px */
@media (min-width: 992px) {
  .display-small {
    display: none !important;
  }
}

/* --------------- Styles Small Display Style - 991px */
@media (max-width: 991px) {
  .display-large {
    display: none !important;
  }
	
/* 991px - Contact Styles  ------------------------ */
  #contact-form {
    background: var(--contact-us-background-color-mobile);
  }

/* 991px - Mobile Menu Background Styles  ------------------------ */
 .sf-menu.wh-menu-main ul li, .sf-menu.wh-menu-main .sub-menu {
    background: var(--white) !important;
}

/* --------------- Mobile Menu ul li a link styles */
#mobile-navigation #menu-main-navigation a, #menu-main-navigation.sf-menu.wh-menu-main a {
    font-weight: 600;
	  color: var(--black);
}

.mobile-navigation-section #menu-main-navigation .sub-menu a {
	border-bottom: 1px dotted #ccc;
    font-weight: 500 !important;
}

.mobile-navigation-section .sf-menu.wh-menu-main ul li {
    background-color: var(--white) !important;
    color: var(--black) !important;
}
	
/* 991 - Main Row Styles -------------------------------------- */
  #main-row {
    background-color: var(--main-row-bacground-mobile);
    border-radius: 10px;
  }

/* 991 - Inner Main Image Background Color Mobile -------------------------------------- */  
	#inner-image-background .overlap-image:before {
    bottom: 20px !important;
    left: -80% !important;
}

/* 991 - Seperator Line -------------------------------------- */	
.vc_sep_pos_align_left {
    margin: 0 auto;
}
	
.vc_separator .vc_sep_holder .vc_sep_line {
    width: 100% !important;
}
	
/* 991 - H2 heading accent -------------------------------------- */
.heading-accent {
    text-align: center !important;
	padding-top:30px;
}
	}

/* --------------- Styles Small Display Style - 768px */
@media (max-width: 768px) {
	
	
  /* --------------- Three Steps Row Background on all pages */
  #three-steps-section {
    background: var(--three-steps-background-tablet);
  }
}

/* --------------- Styles Small Display Style - 600px */

@media (max-width: 600px) {
	
  /* --------------- Three Steps Row Background - 600px */
  #three-steps-section {
    background: var(--three-steps-background-mobile);
  }
}


/* End of All Main Colors Can be Changed Here */


/* Theme Override Styles ------------------------------------- */
body {
  margin: 0;
  font-family: var(--fontfamily);
  overflow-x: hidden;
}

h3{
	margin-bottom:5px !important;
}

a, p, span, label, div, li, button {
  font-family: var(--fontfamily);
  letter-spacing: 0;
}
p {
  font-size: 16px;
  line-height: 30px;
}
.cbp-container, #tribe-events-pg-template {
  max-width: 1440px;
}
.wh-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  background-color: transparent !important;
  border-bottom: none !important;
}

.wh-content {
  padding-top: 0 !important;
}
.wh-padding, #tribe-events-pg-template {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.vc_row p {
  margin: 0 0 20px;
}
.vc_column-inner {
  padding-top: 0 !important;
}
.vc_btn3.vc_btn3-style-modern {
  background-image: none !important;
}
.wh-logo img, .logo-sticky img {
  max-height: var(--logo-height);
}
/* Divider Line Styles ------------------------------------- */
.vc_separator .vc_sep_holder {
  height: 25px;
  position: relative;
  flex: 1 1 auto;
  min-width: 10%;
}
.vc_separator .vc_sep_holder .vc_sep_line {
  height: 1px;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}
/* Header Styles ------------------------------------- */
#top-header {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
}
#top-header a {
  color: #fff;
  display: inline-block;
  margin: 0 5px;
}

#theme-header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent;
}
.wh-logo {
  margin-bottom: 0;
}
.wh-menu-main {
  list-style: none;
  padding-left: 0;
}

.wh-menu-main li {
  display: inline-block;
}
.wh-menu-main li a {
  text-decoration: none;
  text-transform: capitalize !important;
}
.wh-header.is_stuck #top-header {
    display: none;
}

.sf-menu.wh-menu-main li > a {
  margin: 0px 10px;
  padding: 5px 0;
  font-weight: 500;
  font-size: 16px;
}
.sf-menu.wh-menu-main .current-menu-item > a {
  color: #fff !important;
}
.header-mobile .sf-menu.wh-menu-main .current-menu-item > a {
  color: #000 !important;
}
.contact-button a {
  background-color: #ff0000;
  color: #222;
  padding: 10px 30px !important;
  line-height: 20px;
  border-radius: 30px;
  margin-top: -5px !important;
}
.wpb_content_element {
  margin-bottom: 0;
}
.sf-menu.wh-menu-main li.accent-link a {
  color: #fff !important;
  border-radius: 30px;
  padding: 5px 20px !important;
  margin-left: 10px;
}

.sf-menu.wh-menu-main .sub-menu {
  margin-left: 10px;
  top: 39px;
}
.sf-menu.wh-menu-main .sub-menu li > a {
  margin: 0px;
}
.sf-menu.wh-menu-main li.accent-link > a:after {
  width: 0 !important;
}
.wh-menu-main .sub-menu li {
  display: block;
}
.sf-menu.wh-menu-main .sub-menu li {
  padding: 0;
}
.sf-menu.wh-menu-main .sub-menu li a {
  padding: 8px 20px;
  display: block;
  line-height: 30px;
  border-bottom: 1px dotted #f14c79;
  font-size: 16px !important;
}
.sf-menu.wh-menu-main .sub-menu li:last-child a {
  border-bottom: none;
}
.mobile-navigation-section #menu-main-navigation li.menu-item-has-children {
  background-image: url(/wp-content/themes/petal-child/images/menu-down.png);
  background-repeat: no-repeat;
  background-position: 95% 16px;
  background-size: 12px;
}
.mobile-navigation-section #menu-main-navigation li.menu-item-has-children.active {
  background-image: url(/wp-content/themes/petal-child/images/menu-up.png);
}
.mobile-navigation-section #menu-main-navigation.sf-menu.wh-menu-main .sub-menu {
  margin-left: 10px;
  top: 0;
  position: relative;
  background-color: #fff;
}
.mobile-navigation-section .sf-menu.wh-menu-main li > a:after {
  height: 0;
}

.mobile-navigation-section .sf-menu.wh-menu-main .sub-menu li {
  padding: 0;
}
#mobile-navigation #menu-main-navigation li ul {
  display: none;
}
#mobile-navigation #menu-main-navigation li.active ul {
  display: block;
}
#mobile-nav {
  z-index: 9;
  position: relative;
}
.menu-logo {
  margin-top: 10px;
}
#menu-open, #call-button {
  margin-bottom: 0 !important;
}
/* Page Banner Styles ------------------------------------- */
#page-banner {
  margin-top: -160px;
}
#page-banner rs-module-wrap {
  width: 100 !important;
  left: 0 !important;
}
#section-banner rs-module-wrap {
  width: 100 !important;
  left: 0 !important;
}
#page-banner h2{
	background: transparent !important;
    padding-left: 0 !important;
}
/* Theme General Styles ------------------------------------- */
.theme-wrapper {
  max-width: var(--wrapper);
  margin: 0 auto !important;
  float: none;
}
.theme-row-wrapper .wpb_column.vc_col-sm-12 {
  max-width: var(--wrapper);
  margin: 0 auto !important;
  float: none;
}
.theme-md-wrapper {
  max-width: 1200px;
  margin: 0 auto !important;
  float: none;
}
.theme-section {
  padding-top: var(--padding-large);
  padding-bottom: var(--padding-large);
}
.theme-section-md {
  padding-top: var(--padding-theme);
  padding-bottom: var(--padding-theme);
}
.theme-section-sm {
  padding-top: var(--padding-sm);
  padding-bottom: var(--padding-sm);
}
.theme-wrapper-md {
  max-width: 1000px;
  margin: 0 auto !important;
}
.theme-wrapper-sm {
  max-width: 800px;
  margin: 0 auto !important;
}
.section-top-spacer {
  padding-top: var(--padding-large);
}
.section-bottom-spacer {
  padding-bottom: var(--padding-large);
}
.section-top-spacer-md {
  padding-top: var(--padding-theme);
}
.section-bottom-spacer-md {
  padding-bottom: var(--padding-theme);
}
.margin-bottom-md {
  margin-bottom: 100px;
}
.margin-top-md {
  margin-top: 100px;
}
.padding-right-lg {
  padding-right: 100px;
}
.padding-left-lg {
  padding-left: 100px;
}
.padding-right-md {
  padding-right: 50px;
}
.padding-left-md {
  padding-left: 50px;
}
.sm-text, .sm-text p, .sm-text a {
  font-size: 14px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.no-margin {
  margin-bottom: 0 !important;
}
.theme-list ul, #fullwidth-box ul, .image-text-container ul, #technology-partner-section-2 ul {
  margin: 20px 0;
  padding: 0;
  text-align: left;
}
.theme-list ul li, #fullwidth-box ul li, .image-text-container ul li, #technology-partner-section-2 ul li {
  background-image: url(/wp-content/uploads/2024/10/check-icon.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding: 5px 0 5px 30px;
  list-style: none;
  background-size: 20px;
  filter: brightness(0);
}
.theme-list ul ul, .image-text-container ul ul, #fullwidth-box ul ul {
  margin-left: 30px;
}
.theme-list ul ul li, .image-text-container ul ul li, #fullwidth-box ul ul li {
  list-style: disc;
  background-image: none;
  padding: 10px 0;
}
.heading-accent {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/* Theme Button Styles ------------------------------------- */
.theme-button {
  margin-bottom: 0 !important;
}
.theme-button a {
  margin-top: 30px;
  padding: 15px 50px !important;
  font-weight: 600;
  font-size: 16px !important;
  border-radius: 0 !important;
}

/* Partners Styles -------------------------------------------- */
#partners{
	padding: 0 30px;
}
#logo-carousel .content-section{
	display: none;
}
#logo-carousel .slick-slider .slick-arrow{
	display: none !important;
}

#logo-carousel{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f5f8fd;
}
#logo-carousel .wpb_image_grid .wpb_image_grid_ul>li {
    padding: 10px 30px;
    position: relative !important;
    float: left !important;
    left: unset !important;
    top: unset !important;
}
#logo-carousel .wpb_image_grid .wpb_image_grid_ul>li>img{
	max-height: 100px;
	width: auto;
}
#logo-carousel .wpb_image_grid .wpb_image_grid_ul {
    max-width: 880px;
    margin: 0 auto;
    height: auto !important;
}

/* Full-Width Styles ------------------------------------- */
#fullwidth-box {
  padding-top: 150px;
  background: #fff;
  margin-top: 0;
  z-index: 1;
  position: relative;
  border-radius: 10px;
}
#fullwidth-box-2 {
  padding-top: 10px;
  margin-top:50px;
}
#inner-image-background .overlap-image {
  position: relative;
  display: inline-block;
}
#inner-image-background .overlap-image:before {
  content: '';
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 170%;
  height: 100%;
  z-index: -1;
}
#inner-image-background .overlap-image img {
  display: block;
  position: relative;
  z-index: 1;
}
.image-bg-right, .image-bg-right .vc_figure{
	position: relative;
}
.image-bg-right img{
	position: relative;
	z-index: 1;
}
.image-bg-right .vc_figure:before {
    content: '';
    position: absolute;
    left: 40px;
    top: -40px;
    background: var(--main-color);
    height: 100%;
    width: 200%;
    z-index: 0;
}
#main-section {
  background-color: #fff;
  margin-top: 0;
  padding: 100px 70px 0;
  z-index: 1;
  position: relative;
  border-radius: 35px;
}
#main-row {
  border-radius: 35px;
  overflow: hidden;
}
#main-row .text-column {
  padding: 140px 50px;
  padding-bottom: 80px;
}
#main-container h2 {
  margin-top: 0 !important;
}
.blue-box-bg .vc_column-inner::before {
  background: var(--blue);
  width: 112%;
  position: absolute;
  top: -40px;
  z-index: -1;
  left: 25%;
  height: calc(100% + 80px);
}

/*Tech Partner Page Section 2 Styles ------------------------------------- */
#technology-partner-section-2{
	background: var(--tech-partner-section-2-bg-color) !important;
	padding-top:200px;
}

#technology-partner-section-2 p{
	padding-right:20px;
}


/* Info Box Styles ------------------------------------- */
#infobox .vc_column-inner {
  height: 700px;
  background-position: top !important;
  border-radius: 30px;
  position: relative;
}
#infobox .mega_info_box {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 50px 0;
  border-radius: 0 0 30px 30px;
}
#infobox .mega-info-title {
  color: #fff !important;
  font-size: 16px;
}
#infobox a {
  color: #000;
}
#infobox .box-button {
  background-color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 20px;
  letter-spacing: 0;
  color: #000;
  margin-top: 10px;
}
/* CTA Styles ------------------------------------- */
.cta-box {
  border-radius: 30px;
}
#three-steps-section {
  padding-top: 70px;
  padding-bottom: 90px;
  position: relative;
  z-index: -1;
  margin-top: -10px;
}
#three-steps-section p {
  text-align: center !important;
}
.section-heading {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 40px;
}

.infoboxes-top {
  z-index: 1;
  margin-top: -250px;
  padding-bottom: 80px;
}
.infoboxes-top p {
  text-align: center;
}
.circle-number {
  width: 100px;
  height: 100px;
  line-height: 90px;
  text-align: center;
  color: #fff !important;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  margin: -50px auto 30px;
  border: 7px solid #fff;
  font-size: 30px;
  font-weight: 700;
}
.circle-number div {
  line-height: 90px;
  font-size: 30px;
}
.circle-number p {
  text-align: center;
}
.theme-border-radius {
  border-radius: 30px;
}
.infoboxes-top img {
  border-radius: 30px;
}
#overlapping-column .column-top h3 {
  font-size: 18px;
}
#overlapping-column .column-top .mega-info-desc p, #overlapping-column .column-top .mega-info-desc a {
  color: #fff !important;
}

#overlapping-column .nonesss {
  padding: 5px 0;
}
#overlapping-column .column-top .vc_column-inner {
  margin-left: -100px;
  padding: 50px 50px 30px 50px;
}
#overlapping-column .mega-info-btn {
  display: none;
}
.overlap-image img {
  border-radius: 0;
}
.overlap-content {
  z-index: 2;
}
.overlap-content > .vc_column-inner > .wpb_wrapper {
  padding: 50px 0 50px 50px;
}
.overlap-content .wpb_wrapper:before {
  content: "";
  position: absolute;
  width: calc(100% + 50px);
  background-color: #f9fbfc;
  height: calc(100% - 150px);
  top: 10%;
  left: 30px;
  z-index: -2;
  margin: auto;
  border-radius: 10px;
  box-shadow: none;
}
/* CTA with BG Styles ------------------------------------- */
#cta-bg {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin-bottom: 150px;
  margin-top: 120px;
  border-radius: 20px;
  background-position: top;
  background-image: url(/wp-content/uploads/2024/05/video-security-existing-system-banner.jpg);
}
#cta-bg .vc_column-inner {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}
#cta-bg h2 {
  margin-bottom: 0 !important;
  font-size: 36px !important;
  text-align: center !important;
}
/* --------You Deserve */
#you-deserve {
  padding-top: 230px;
  padding-bottom: 230px;
  border-radius: 80px;
  margin-top: 120px;
  padding-left: 70px;
  padding-right: 70px;
}
#you-deserve h2 {
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 10px;
}
#you-deserve p {
  margin-bottom: 10px;
}
/* Testimonials Styles ------------------------------------- */
#testimonials h2 {
  text-align: center !important;
}
#testimonials .starrating {
  position: absolute;
  top: 50px;
  left: 50px;
}
#testimonials figure.style2 .author {
  padding: 15px 50px;
  text-align: left;
}
#testimonials .slick-slide {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: #f9fbfc;
  overflow: visible;
  margin-top: 70px;
  margin-left: 20px;
  margin-right: 20px;
  min-height: 420px;
}
#testimonials blockquote {
  box-shadow: none;
  background-color: transparent;
  border-left: none;
  font-size: 16px;
  min-height: 180px;
  padding-top: 90px;
}
#testimonials figure.style2 {
  margin: 0;
}
#testimonials figure.style2 img {
  margin: 0 auto 20px;
}
#testimonials figure.style2 blockquote {
  margin: 0 !important;
}
figure.style2 blockquote:before, figure.style2 blockquote:after {
  display: none;
}
.slick-dots li button:before {
  font-size: 16px !important;
}
.slick-dots {
  bottom: -40px !important;
}
/* CTA with Three Columns Styles -------------------------------------------- */
#cta-three-columns {
  position: relative;
  overflow: visible;
}
.three-columns-bottom {
  max-width: var(--wrapper);
  margin: -200px auto 150px !important;
}
#cta-text-section {
  padding-bottom: 200px;
}
#cta-three-columns p {
  text-align: center;
}
#cta-three-columns img {
  border-radius: 30px;
}
/* Service Item Row Styles */
.content-over-slider .slick-slide .content-section {
  position: absolute;
  width: 100%;
}
.service-item {
  position: relative;
  overflow: visible !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
.service-item .vc_btn3-container.theme-button {
  margin-bottom: 0 !important;
}
.overlap-content-top-margin {
  margin-top: 100px;
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.negative-top-margin {
  margin-top: -150px;
  position: relative;
  z-index: 2;
}
.service-item img {
  max-height: 500px;
  width: auto;
}
#services-row .three-columns-overlay .vc_column-inner {
  position: relative;
}
#services-row .three-columns-overlay .vc_column-inner:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
#services-row .three-columns-overlay .wpb_wrapper {
  z-index: 2;
}
/* Service Slider Styles ------------------------------------- */
#service-slider {
  margin-bottom: 100px;
}
/*#service-slider .ls-container img, #service-slider .ls-wrapper > div{
  height: 350px !important;
}*/
#service-slider .ls-layers {
  border-radius: 20px;
}
/* Security Slider Styles ------------------------------------- */
#security-slider h2, #security-slider p, #security-slider a {
  padding: 0;
}
#security-slider a.theme-button {
  color: #fff !important;
  padding: 8px 40px !important;
  margin-top: 30px !important;
  display: inline-block;
  font-weight: 500 !important;
  position: relative;
  overflow: hidden;
}
#security-slider h2 {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}
#security-slider .content-section {
  position: absolute;
  margin: auto;
  height: 100px;
  bottom: 0;
  z-index: 2;
}
#security-slider .slick-slider .slick-slide {
/*   width: calc(33.33% - 10px) !important; */
  position: relative;
  margin: 5px;
}
/*#security-slider .tm-slider .carousel-caption{
  height: 480px;
}*/

.slick-slider .slick-slide p, .slick-slider .slick-slide a {
  min-height: 0;
  margin-bottom: 0 !important;
}
.slick-slider .slick-slide p:last-child {
  display: none;
}

#testimonials .slick-slider .slick-slide p:last-child {
  display: block;
}

#security-slider h2 {
  font-size: 25px !important;
}

#security-slider a.theme-button {
  color: #fff !important;
  padding: 3px 40px !important;
}
#security-slider .slick-slider .slick-slide:hover:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% - 23px);
  top: 0;
}
/* Featured Services Slider Styles ------------------------------------- */
#featured-services-slider .slick-slider .slick-slide {
  border-radius: 10px;
  padding: 50px 20px 0 !important;
  min-height: 430px;
}
#featured-services-slider .slick-slide h2 {
  line-height: 1.2em !important;
  max-width: 180px;
  margin: 10px auto;
}
#featured-services-slider .slick-slide a.theme-button {
  padding: 6px 20px;
  max-width: 180px;
  margin: 30px auto 20px !important;
  position: relative;
  overflow: hidden;
}
#featured-services-slider .slick-slide a.theme-button:after {
  content: "";
  width: 40px;
  position: absolute;
  right: -13px;
  height: 50px;
  top: 0;
  transform: skew(-24deg);
}
#featured-services-slider .slick-slide img {
  height: 90px !important;
}
#featured-services-slider .slick-slide p a:first-child {
  min-height: 0;
}
#featured-services-slider .slick-slide p {
  min-height: 0;
  margin-bottom: 0;
}

#featured-services-slider .slide-desc {
  min-height: 150px;
}
/* Form Styles ------------------------------------- */
#form-section {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
  font-size: 20px;
}
#form-section a {
  color: #fff;
}
#form-section .vc_col-sm-6:first-child {
  padding-right: 50px;
}
#form-section div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
  color: #fff !important;
}
#form-section div.wpforms-container-full .wpforms-form label.wpforms-error:before, #form-section div.wpforms-container-full .wpforms-form em.wpforms-error:before {
  background-color: #ffffff;
}
/* WPForms Overrides /* Theme Button Styles ------------------------------------- */
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 100% !important;
}
.wpforms-container .wpforms-field {
  padding: 6px 0;
}
.wpforms-container .wpforms-field {
  padding: 5px 0 !important;
}
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button {
  background-color: #fff !important;
  color: #000 !important;
  font-weight: 700;
  padding: 10px 50px;
  letter-spacing: 0;
  border-radius: 30px;
  font-size: 16px;
  height: 50px;
}
div.wpforms-container-full .wpforms-field-label {
  color: #fff !important;
  text-align: left;
}
/* Footer Styles ------------------------------------- */
.wh-footer {
  padding-top: 80px;
  background-color: #000 !important;
}
.wh-footer .vc_column-inner {
  margin-top: 0;
  padding-top: 0 !important;
}
#footer-section-1 {
  padding-bottom: 40px;
}
#footer-section-1 p {
	margin-bottom:5px;
	font-size:15px;
}

#footer-section-1 h3 {
  padding-top: 0;
  max-width: 500px;
  margin: 0 auto 20px;
  line-height: 1.2em;
}
#footer-section-2 {
  padding-top: 40px;
  border-top: 1px solid #000;
  padding-bottom: 40px;
}
#footer-section-2 h4 {
  margin-bottom: 10px;
}
#footer-bottom-bar {
  color: #fff;
  margin-top: 80px;
  font-size: 14px;
}
#footer-section-2 .theme-button a {
  margin-left: 0 !important;
  border-radius: 0 !important;
}
#social-bar h4 {
  margin-bottom: 10px;
}
#social-bar p {
  font-size: 14px;
}
.wh-footer .theme-button a {
  padding: 15px 30px !important;
  border-radius: 30px !important;
  margin-left: 5px;
  margin-top: 0 !important;
  font-size: 16px !important;
}
.wh-footer, .wh-footer h3, .wh-footer div, #footer-section-2 h4, .wh-footer a {
  color: #fff;
}
#menu-footer-navigation a {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 10px;
}
#menu-footer-navigation li {
  display: inline-block;
}
#menu-footer-navigation li:hover a{
	color: var(--main-color) !important;
}
.footer-seal {
  margin-top: 50px;
}
.footer-seal img {
  max-height: 50px;
  width: auto;
  margin-right: 10px;
}
#footer-bottom-bar p {
  margin-bottom: 0 !important;
}
/* Mobile Navigation Styles ------------------------------------- */
.header-mobile {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
#mobile-navigation {
  /*	display: none;*/
  position: fixed;
  margin-top: -106px;
  z-index: 9;
  width: 90%;
  float: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  left: -100%;
  transition-property: left;
  transition-duration: .8s;
  transition-delay: .2s;
}
#mobile-navigation.openMenu {
  left: 0;
}
#mobile-navigation #menu-main-navigation li {
  display: block;
  width: 100%;
}
#mobile-navigation #menu-main-navigation a, #menu-main-navigation.sf-menu.wh-menu-main a {
  font-family: var(--fontfamily);
  letter-spacing: 0;
  font-size: 14px;
  overflow:auto;
}
#mobile-header .wpb_wrapper .vc_column_container:first-child, #mobile-header .wpb_wrapper .vc_column_container:nth-child(3) {
  width: 25%;
}
#mobile-header .wpb_wrapper .vc_column_container:nth-child(2) {
  width: 50%;
}
#mobile-header .vc_column_container {
  float: left;
}
.mobile-navigation-section {
  height: calc(100vh - 50px);
}
.mobile-navigation-section .vc_row .vc_col-sm-4 {
  width: 40%;
  float: left;
}
.mobile-navigation-section .vc_row .vc_col-sm-8 {
  width: 60%;
  float: left;
}
.mobile-navigation-section #menu-main-navigation {
  padding: 0;
  max-height: calc(100vh - 320px);
  position: relative;
  overflow: scroll;	
}
.mobile-navigation-section #menu-main-navigation a {
  display: block;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  margin: 0;
}
.mobile-navigation-section #menu-main-navigation .sub-menu a {
  border-bottom: 1px dotted #ccc;
}
/*.mobile-navigation-section #menu-main-navigation li:last-child a{
	border-bottom: none !important;
}*/
.mobile-navigation-section .vc_column-inner {
  padding-top: 10px !important;
  margin-bottom: 0;
}
.mobile-navigation-section .vc_column-inner:first-child {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mobile-nav img {
  max-width: 200px;
}
#menu-open {
  cursor: pointer;
}
#call-container {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 15px);
  z-index: 1;
}
#call-container {
  font-weight: 500;
  font-size: 16px;
}
#call-container a {
  margin-top: 10px;
  border-radius: 30px;
}
#call-container p {
  text-align: center !important;
}
/* Services Row Styles ------------------------------------- */
#services-row .vc_col-sm-4 {
  min-height: 500px;
  text-align: center;
}
.service-h2 h2 {
  color: #fff !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}
.service-h2 span {
  font-size: 30px;
  font-weight: 700;
  display: block;
}
#services-row .theme-button a {
  margin-top: 0 !important;
  padding: 10px 50px !important;
  font-size: 14px !important;
}
#services-row .vc_row .vc_col-sm-4:first-child {
  padding-left: 0 !important;
}
#services-row .vc_row .vc_col-sm-4:last-child {
  padding-right: 0 !important;
}
#services-list {
  padding-top: 100px;
  padding-bottom: 30px;
  color: #fff;
  text-align: center;
}
#services-list h2 {
  color: #fff !important;
}
#services-box {
  padding-bottom: 0;
  padding-top: 120px;
  overflow: visible;
  margin-bottom: 100px;
  background: linear-gradient(180deg, #c4262d 77%, #ffffff 45%);
}
#services-box .service-text-container .mega_info_box .mega-info-img {
  height: 90px;
  width: auto !important;
}
#services-box p, #services-box a {
  color: #fff !important;
  font-size: 16px;
  line-height: 30px;
}
#services-box p a:first-child {
  min-height: 70px;
  display: block;
}
#services-box .mega_info_box .mega-info-title {
  font-size: 16px;
}
#services-box .mega_info_box .mega-info-desc {
  font-size: 14px;
  line-height: 20px;
}
#services-box .mega_info_box {
    background: #000;
    margin: 0 30px;
    border-radius: 27px;
    padding: 50px !important;
	min-height: 450px;
}
#services-box .vc_column-inner {
  padding: 0 !important;
}
#services-box .mega-info-desc a:last-child {
  display: block;
  padding: 4px 20px;
  max-width: 150px;
  margin: 20px auto 0;
  line-height: 30px;
  border-radius: 20px;
}
#services-box .mega-info-btn {
  display: none;
}
#service-featured-image {
  margin-bottom: -200px;
}
/* Service Columns Styles ---------------------------- */
#service-columns {
  padding-top: 100px;
  position: relative !important;
  overflow: visible;
  margin-bottom: 300px;
  height: auto;
  background-color: var(--service-slider-column-background) !important;
}
#service-columns .vc_column-inner {
  padding-top: 0;
}
#service-columns.with-carousel {
  margin-bottom: 350px;
  padding-top: 100px;
  height: 350px;
}
.service-three-column {
  margin-bottom: -200px;
}
.service-three-column h2, #hardware-carousel h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
#service-columns .mega_content {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
  position: relative;
  min-height: 290px;
}
#service-columns a.mega_hvr_btn {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 180px;
  border-radius: 30px !important;
  font-weight: 500;
  margin: 0 auto !important;
  font-size: 16px !important;
}

.service-three-column .vc_column_container > .vc_column-inner {
  padding-top: 20px !important;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
}
#hardware-carousel {
  margin-bottom: -280px;
  position: relative;
  max-width: var(--wrapper);
  float: left;
  width: 100%;
  padding-bottom: 50px;
}
#hardware-carousel .carousel-h2 {
  font-size: 32px !important;
  margin-bottom: 30px !important;
  line-height: 1.2em !important;
  margin-top: 0 !important;
  text-align: center !important;
}
#hardware-carousel .carousel-caption {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  text-align: center !important;
  height:550px;
}
#hardware-carousel .slick-prev {
  left: -20px !important;
}
#hardware-carousel .slick-next {
  right: -20px !important;
}
#hardware-carousel h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}
#hardware-carousel p {
  text-align: center;
  min-height: 0;
  margin-bottom: 0;
}
#hardware-carousel .content-section a {
  margin-top: 30px;
  display: block;
  padding: 8px 20px;
  font-weight: 500;
  border-radius: 0;
  margin: 30px auto 0;
  max-width: 160px;
}
.carousel-text {
  min-height: 150px;
}
#hardware-carousel.nec .carousel-caption {
  min-height: 420px;
}
#hardware-carousel .carousel-text {
}
#service-columns.full {
  margin-bottom: 300px;
  padding-top: 100px;
  height: 300px;
}
#service-columns.full .service-three-column {
  margin-bottom: 50px;
}
#service-columns.full #hardware-carousel {
  position: relative;
}
#service-columns.full #hardware-carousel .carousel-caption {
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  min-height: 300px;
}
#service-columns #hardware-carousel .slick-next:before, #service-columns #hardware-carousel .slick-prev:before, #service-columns.full .slick-next:before, #service-columns.full .slick-prev:before {
  color: #fff !important;
}
#service-columns.full .slick-dots li button:before {
  color: #fff !important;
}
#service-columns.full .content-section {
  height: 80px !important;
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.service-item h2, #image-text-container h2, #fullwidth-box h2 {
  position: relative;
}

/* Read More Styles ------------------------------------ */
.read-more-hidden {
  display: none;
}
.theme-read-more {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000;
  text-decoration: underline;
  font-weight: 500;
  border: none !important;
}
.theme-read-more:hover {
  color: #000;
}
#read-more-expand h4 {
  font-size: 16px;
}
#read-more-expand {
  padding-top: 12px;
}
/* Toggle Styles Styles --------------------------------------------- */
.vc_toggle {
  margin-bottom: 5px;
}
/* FAQ Styles --------------------------------------------- */
#faq .vc_toggle_title {
  padding: 20px 20px 20px 40px;
  background-color: #000;
  text-align: left;
}
#faq .vc_toggle_title h4 {
  color: #fff !important;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px !important;
}

#faq .vc_toggle_icon {
  left: 10px !important;
}

#faq .vc_toggle_content {
  text-align: left;
  padding: 50px 30px 30px;
  border: 1px solid #ddd;
  margin-top: 0px;
}
/* FAQ Styles --------------------------------------------- */
#faq {
	display:none;
}

#faq-2 {
	padding-top: 100px;
	padding-bottom: 100px;
}

#faq-2 h2{
	margin-bottom: 50px !important;
}
#faq-2 .vc_toggle_title{
	padding: 20px ;
	text-align: left;
}
#faq-2 .vc_toggle_title {
    padding: 25px 20px 30px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
#faq-2 .vc_toggle_icon{
	display: none;
}
#faq-2 .vc_toggle_content{
	text-align: left;
	padding: 50px 30px 30px;
    margin-top: 10px;
}
#faq-2 .vc_toggle:first-child .vc_toggle_title{
	border-top: 1px solid #ddd;
}
#faq-2 .vc_toggle {
    border: 1px solid #fff;
    margin-bottom: 10px;
}
#faq-2 .vc_toggle_active{
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
#faq-2 .vc_toggle_title {
    background-position: calc(100% - 20px);
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2024/08/plus_icon.png);
    background-size: 30px;
}
#faq-2 .vc_toggle_active .vc_toggle_title{
	background-image: url(/wp-content/uploads/2024/08/plus_icon.png);
}



/* Blurb Container Styles ------------------------------------ */
#blurb-container {}
#blurb-container h2 {
  margin-bottom: 50px;
}
#blurb-container .vc_column-inner {
  padding-top: 0 !important;
}
#blurb-container h3 {
  margin-top: 30px;
  font-weight: 600 !important;
  position: relative;
  padding-bottom: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
#blurb-container h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  background-color: #000;
  width: 50px;
}
.five-column h3, .blurb-column h3 {
  font-size: 18px !important;
  line-height: 26px;
}
.five-column h3:after, .blurb-column h3:after {
  height: 0 !important;
}
.technology-logo img {
  max-width: 380px;
  margin-bottom: 30px;
}
/* Industry Item Styles -------------------------------------------- */
.industry-item {
  padding-top: 100px;
  padding-bottom: 100px;
}
.industry-item .vc_column-inner {
  padding-top: 0 !important;
}
.industry-item .carousel-text {
  min-height: 100px !important;
}

/* Partners Styles -------------------------------------------- */
#partners {
  padding: 0 30px;
}

/* page Banner Form Styles -------------------------------------------- */
#page-banner-form{
    background: var(--main-color);
	padding-bottom: 10px;
    margin-top: -150px;
    position: relative !important;
    z-index: 1;
}
#page-banner-form div.wpforms-container-full .wpforms-field-label{
	margin-bottom: 5px;
    margin-top: 5px;
}
#page-banner-form .banner-form-container{
	padding: 0 20px !important;
}
@media only screen and (max-width: 1024px){
	#page-banner-form{
		 margin-top: 0;
	}
}
@media only screen and (max-width: 880px){
	#page-banner-form .vc_col-sm-4 {
        width: 100%;
    }
	#page-banner-form p{
		max-width: 700px;
		margin: 0 auto;
		padding-top: 0 !important;
	}
}

/* Blog Styles -------------------------------------------- */
#blog-heading{
    padding: 50px 20px 20px;
}
#blog-lists{
    padding-bottom: 100px;
	padding-top: 100px;
}
#blog-lists .vc_gitem-zone.vc_gitem-is-link{
    max-height: 280px;
}
#blog-lists h4{
    font-family: Montserrat;
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
}
#blog-lists .vc_gitem-zone-mini{
    background: #f3f3f3;
    padding: 0 10px;
}
#blog-lists .vc_btn3-container a{
    background-color: var(--main-color) !important;
	text-transform: uppercase;
	font-size: 16px !important;
    border-radius: 30px;
    width: 150px;
    font-weight: 600 !important;
    box-shadow: none !important;
}
.single #theme-header{
	background: #000 !important;
}
.single .wh-page-title-bar{
	padding: 60px 20px 30px;
}
.single .wh-page-title-wrapper.wh-padding h1.page-title {
    font-family: 'Montserrat';
    line-height: 48px;
    font-weight: 700;
    font-style: normal;
    color: #333;
    font-size: 41px;
    text-transform: uppercase;
}
.single .wh-content{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.single .prev-next-item a{
	display: block;
	padding-bottom: 20px;
}
.single .prev-next-item a,
.single .share-this .share-buttons a{
	text-decoration: underline;
}
#comments, #respond{
	display: none;
}
.single h2, .single h2 a, .single h2 span,
.single h3, .single h3 a, .single h3 span,
.single h4, .single h2 a, .single h4 span,
.single h5, .single h2 a, .single h5 span{
	font-weight: 600 !important;
} 
.single .thumbnail{
	display: none;
}
.share-this .share-buttons {
    width: 100%;
    border: 1px solid #4f4f4f;
	background-color: #313131;	
}
.share-this .share-buttons li {
    display: inline-block;
    width: calc(20% - 4px);
    padding: 14px 10px;
    text-align: center;
	border-right: 2px solid #4f4f4f;
}
.share-this .share-buttons li:last-child{
	border-right: none;
}
.single .share-this .share-buttons a{
	font-size: 20px;
    display: block;
	color: #fff;
}
.prev-next-item .right-cell p.label,
.prev-next-item .left-cell p.label{
	font-weight: 500;
}
.single .prev-next-item .label {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}
.single .prev-next-item .left-cell{
    padding: 0 20px;
}
.single .prev-next-item {
    padding: 0;
    margin-top: 30px;
}
.single .prev-next-item .right-cell{
    padding-right: 20px;
}
.single-post .fourth.three, .single-post .fourths.three{
	width: 100%;
}
.single-post .fourth.one, .single-post .fourths.one {
    display: none !important;
}


/* Slide-In Form Styles -------------------------------------------- */
.sdm-slide-form{
	padding-top: 20px;
}
.cp-text-container .wpforms-container {
	padding-top:0 !important;
		margin-top:0 !important;
}
.cp_cs_overlay {
	background: var(--main-color) !important;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.sdm-slide-form-body .wpforms-submit {
	background: #000 !important;
	color: var(--main-color) !important;
	max-width: 205px !important;
	margin: 0 auto !important;
}
.sdm-slide-form-title {
	color: white;
	font-weight: bold;
	font-size:22px;
	text-align:center;
	margin: 0;
	margin-top:-12px;
}
.sdm-slide-form-header img {
	height:90px;
	width:auto;
}
.sdm-slide-form-body {
	margin-top: 0px;
}
.cp-text-container label.wpforms-error {
	color: white !important;
}
.cp-default-close {
	height:22px;
	width:22px;
}
.sdm-slide-form-body .wpforms-submit-container{
	text-align: center !important;
}
.sdm-slide-form-body .wpforms-error::before {
		background: white !important;
	}
}
.sdm-slide-form-body div.wpforms-container-full button[type=submit]{
	background-color: white !important;
	color: #cb1043 !important;
	font-size: 17px !important;
}

@media only screen and (max-width: 1400px) {
  /* 1400 - Service Styles Styles  ------------------------ */
  #services-list {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  #form-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #fullwidth-box, #services-row {
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 1400 - CTA Styles  ------------------------ */
  #cta-bg {
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }
  /* 1400 - Image Text Container Styles  ------------------------ */
  .image-text-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  /* 1400 - Footer Styles  ------------------------ */
  .wh-footer .wh-padding {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  /* 1200 - General Styles  ------------------------ */
  .section-bottom-spacer {
    padding-bottom: 100px;
  }
  .section-top-spacer {
    padding-top: 100px;
  }
  .padding-right-lg {
    padding-right: 0;
  }
  /* 1200 - Slick Arrows for Sliders  ------------------------ */
  .slick-next {
    right: -12px !important;
  }
  .slick-prev {
    left: -12px !important;
  }
  /* 1200 - You Deserve  ------------------------ */
  #you-deserve {
    margin-left: 0px;
    margin-right: 0px;
    background-position: 0 -10px !important;
  }
  /* 1200 - Form Section Styles  ---------------------------- */
  #form-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* 1200 - Overlap Content Styles  ---------------------------- */
  .overlap-content .wpb_wrapper:before {
    top: 0;
    height: 100%;
    width: 94%;
  }
  /* 1200 - Service Box Styles  ---------------------------- */
  #services-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #hardware-carousel .slick-prev {
    left: -23px !important;
  }
 
/* 1200 - Footer P  ---------------------------- */
#footer-section-1 p {
    margin-bottom: 5px;
    font-size: 12px;
}
	}
@media only screen and (max-width: 1024px) {
  /* 1024 - Overrides Styles -------------------------------------- */
  .vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 0;
  }
  .wh-content {
    margin-top: 95px;
  }
  /* 1024 - Header Styles -------------------------------------- */
  .wh-menu-main {
    width: 100%;
  }
  #mobile-navigation .vc_pull-left {
    width: 100%;
  }
  .mobile-navigation-section #menu-main-navigation li.menu-item-has-children {
    background-position: 97% 16px;
  }

  /* 1024 - Service Item Section Styles -------------------------------------- */
  .service-item.last {
    padding-bottom: 0;
  }
  #service-columns {
    margin-bottom: 350px;
  }
  #service-featured-image {
    margin-bottom: 0;
  }
  #services-box {
    padding-bottom: 100px;
    padding-top: 100px;
    margin-bottom: 100px;
  }
  /* 1024 - Three-Column Styles -------------------------------------- */
  #three-steps-section, #fullwidth-box-2, .service-item {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  #service-columns {
    padding-left: 20px !important;
  }
  /* 1024 - Negative Margin Styles -------------------------------------- */
  .negative-top-margin {
    margin-top: 0;
  }
  /* 1024 - Fullwidth Section Styles -------------------------------------- */
  #fullwidth-box, #services-row {
    margin-left: 5px;
    margin-right: 5px;
  }
  /* 1024 - Banner Styles -------------------------------------- */
  #page-banner {
    margin-top: 5px;
  }
  /* 1024 - CTA Styles -------------------------------------- */
  .three-columns-bottom {
    margin: -200px auto 100px !important;
  }
  /* 1024 - ImaGE TEXT1 Styles -------------------------------------- */
  .image-text-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .image-text-container .vc_row.vc_row-o-equal-height > .vc_column_container {
    align-items: baseline;
  }
  /* 1024 - Footer Styles -------------------------------------- */
  #footer-section-1 > .vc_col-sm-6:first-child {
    width: 60%;
  }
  #footer-section-1 > .vc_col-sm-6:nth-child(2) {
    width: 40%;
  }
  .wh-footer .theme-button a {
    padding: 12px 20px !important;
  }
  .footer-seal .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    position: relative !important;
  }
  /* 1024 - Main Row Styles -------------------------------------- */
  #main-row .text-column{
    padding: 50px 30px;
  }
/*   #security-slider .slick-slider .slick-slide{
    width: calc((100vw - 80px)) !important;
    max-width: 45.55vw;	
  }	 */
}
@media only screen and (max-width: 992px) {
  /* 992 - Page Banner Styles -------------------------------------- */
  #page-banner {
    margin-top: 0;
  }
  /* 992 - Full-Width Box Styles -------------------------------------- */
  #fullwidth-box {
    padding-top: 100px;
  }
  .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
  }
  /* 992 - Services Styles -------------------------------------- */
  #services-box .service-text-container {
    max-width: 90%;
    margin: 0 auto;
  }
  #services-box .main-service-image, #services-box .service-text-container h2 {
    text-align: center !important;
  }
  #service-featured-image img {
    position: relative;
  }
  #service-featured-image {
    text-align: center;
    max-width: 350px;
    margin: 30px auto 30px;
  }
  .service-item {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .service-item .padding-right-lg {
    padding-right: 0;
  }
  .service-item .negative-top-margin {
    margin-top: 0;
  }
  .negative-top-margin {
    margin-top: 0;
  }
  .overlap-content-top-margin {
    margin-top: 0;
  }
  .service-three-column .vc_column_container > .vc_column-inner {
    padding-top: 20px !important;
  }
  #service-columns {
    padding-top: 100px;
  }
  /* 992 - Form Styles -------------------------------------- */
  .wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
  }
  .wpforms-container .wpforms-field {
    padding: 5px 0;
  }
  /* 992 - CTA Styles -------------------------------------- */
  #cta-bg {
    margin: 0 10px 100px 0;
    padding-top: 80px !important;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 80px !important;
  }
}
/* 991 - CTA Styles -------------------------------------- */
@media (max-width: 991px) {
  #you-deserve {
    padding-top: 90px;
    padding-bottom: 101px;
  }
  /* 991 - Service Styles -------------------------------------- */
  #services-box {
    padding-bottom: 90px;
  }
  /* 991 - You Deserve Styles -------------------------------------- */
  #you-deserve {
    margin-top: 30px;
  }
  #main-section {
    margin: 0;
    padding: 100px 10px;
  }
  #main-row .image-column img {
    display: block;
  }
  #main-row .text-column p, #main-row .text-column h2 {
    color: #fff !important;
	text-align:center !important;
  }
  #main-row .text-column {
    padding: 40px 15px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 880px) {
  #content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 0px;
  }
  /* 880 - Theme Styles Override -------------------------------------- */
  .vc_col-sm-6, .vc_col-sm-3, .vc_col-sm-8, .vc_col-sm-9 {
    width: 100%;
    text-align: center;
  }
  .wpb_single_image img {}

  .vc_btn3-container.vc_btn3-left {
    text-align: center;
  }
  /* Contact Form Styles -------------------------------------------- */
  #partners .vc_col-sm-3 {
    width: 50% !important;
    float: left;
  }
  /* 880 - Services Box Styles -------------------------------------- */
  #services-box > .vc_col-sm-4 {
    width: 100%;
    text-align: center;
  }
  /* 880 - Mobile Navigation Styles -------------------------------------- */
  #mobile-header {
 	padding: 0 10px;
    position: relative;
    z-index: 9;
  }
  #mobile-header .menu-logo{
	text-align: center !important;
  }
  #mobile-header .wh-logo {
    max-width: 250px;
    margin: 0 auto;
  }
  #mobile-header .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin: 0;
  }
  #mobile-header .vc_icon_element {
    margin-bottom: 0;
  }
  .sf-menu.wh-menu-main li.accent-link a {
    background-color: transparent;
    color: #000 !important;
    padding: 10px 0 !important;
    border-radius: 0;
    margin: 0;
  }
  .wh-logo img, .logo-sticky img {
    max-width: 100%;
    margin-bottom: 0;
  }
  /* 880 - General Styles  ------------------------ */
  .reverse-columns {
    flex-direction: column-reverse;
    display: flex;
  }
  .section-heading {
    margin-bottom: 20px;
    line-height: 1em;
  }
  .hide-sm {
    display: none !important;
  }
  .section-copy, .section-copy .vc_btn3-container.vc_btn3-left, .section-copy .vc_custom_heading, .section-copy .wpb_single_image.vc_align_right, .section-image .wpb_single_image.vc_align_right {
    text-align: left !important;
  }
  .section-copy .vc_custom_heading {
    margin-top: 30px;
  }
  .vc_col-sm-1\/5 {
    width: 33.33%;
    margin: 15px 0;
  }
  .padding-right-lg {
    padding-right: 0;
  }
  /* 880 - Footer Styles -------------------------------------- */
  .wh-footer {
    padding-top: 50px;
  }
  .wh-footer, .wh-footer .vc_custom_heading, .wh-footer .wpb_single_image.vc_align_left, .wh-footer div {
    text-align: center !important;
  }
  #footer-section-1 {
    padding-bottom: 0;
  }
  #footer-section-1 .theme-button {
    margin-bottom: 50px;
    margin-top: 30px;
  }
  #footer-button-section {
    margin-bottom: 50px;
  }
  #footer-section-2 .sf-menu, #footer-section-2 .vc_pull-right {
    width: 100%;
    margin-top: 20px;
  }
  #footer-section-1 .wpb_wrapper {
    text-align: center !important;
  }
  #footer-bottom-bar {
    margin-top: 40px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #footer-bottom-bar .vc_column-inner:first-child {
    padding-top: 0;
    margin-bottom: 0;
  }
  #menu-footer-navigation a {
    font-size: 16px;
  }
  #footer-bottom-bar p {
    font-size: 14px;
    letter-spacing: 0;
  }
  #menu-footer-navigation li {
    display: block;
    width: 100%;
  }
  .footer-seal {
    max-width: 425px;
    margin: 30px auto;
    padding: 0 20px;
  }
  #footer-section-2 .sf-menu, #footer-section-2 .vc_pull-right {
    width: 100%;
  }
  #footer-section-1 > .vc_col-sm-6:first-child {
    width: 100%;
  }
  #footer-section-1 > .vc_col-sm-6:nth-child(2) {
    width: 100%;
  }
  #footer-section-2 {
    padding-bottom: 10px;
  }
  #social-bar p {
    text-align: center;
  }
  /* 880 - Page Styles -------------------------------------- */
  #page-banner {
    margin-top: 0;
  }
  /* 880 - Full Width Styles -------------------------------------- */
  #fullwidth-box {
    padding-bottom: 50px;
    margin-top: 0;
    text-align: center;
  }
  #fullwidth-box.margin-bottom-md {
    margin-bottom: 20px;
	padding-bottom:70px;
  }
  #fullwidth-box .vc_custom_heading {
    font-size: 26px;
    margin-top: 30px;
  }
  .blue-box-bg .vc_column-inner::before {
    background-color: transparent;
    height: inherit;
    top: 0;
    width: 100%;
  }
  .wpb_single_image.vc_align_left {
    text-align: center;
  }
  /* 880 - Service Styles -------------------------------------- */
  #services-row {
    background-color: #f8fbff;
    padding-top: 80px;
    margin-bottom: 0;
    padding-bottom: 80px;
  }
  #services-row .vc_col-sm-4 {
    min-height: 400px;
    padding: 10px !important;
  }
  .service-three-column {
    margin-bottom: 0;
  }
  #services-box .mega-info-desc a:last-child {
    display: none;
  }
  #services-box .mega-info-btn {
    display: inline-block;
    padding: 5px 30px;
    margin-top: 10px;
    background-color: var(--white);
    border-radius: 30px;
    font-weight: 500;
    letter-spacing: 0;
    color: #000 !important;
  }
  #service-featured-image {
    text-align: center;
  }
  #service-featured-image img {
    position: relative;
    margin-bottom: 30px;
  }
  .service-item img {
    margin-bottom: 30px;
  }
  .service-item {}
  #infobox .vc_column-inner {
    height: 500px;
    max-width: 450px;
    position: relative;
  }
  #infobox .mega_info_box {
    bottom: 0;
    left: 0;
    padding: 20px 0;
    width: 100%;
  }
  .infoboxes-top {
    margin-top: -150px;
  }
  .infoboxes-top .wpb_single_image.vc_align_left {
    text-align: center !important;
  }
  /* 880 - CTA Styles  ------------------------ */
  #cta-row {
    background-color: transparent;
    padding: 0;
  }
  #cta-row .vc_column_container, #cta-row .vc_column-inner {
    padding: 0 !important;
    margin: 0 !important;
  }
  #cta-row .cta-box {
    border-radius: 0;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    padding-left: 50px;
    padding-right: 50px;
  }
  #cta-row .cta-box a {
    margin-top: 0 !important;
  }
  #three-steps-section {
    padding-bottom: 70px;
    margin-top: 0 !important;
    padding-top: 50px;
  }
  /* 880 - Testimonial Styles  ------------------------ */
  #testimonials blockquote {
    font-size: 18px;
  }
  .stars-testimonials {
    padding-left: 30px;
    padding-right: 30px;
  }
  .vc_empty_space {
    height: 50px !important;
  }
  #form-section {
    padding: 80px 20px !important;
    text-align: center !important;
  }
  #form-section h2 {
    text-align: center !important;
  }
  .slick-next {
    right: -15px;
  }
  .slick-prev {
    left: -15px;
  }
  /* 880 - Overlapping Styles  ------------------------ */
  #overlapping-column .column-top .vc_column-inner {
    margin-left: 0;
    padding: 80px 30px;
  }
  #overlapping-column .mega_info_box_2 {
    text-align: center;
    margin-bottom: 50px;
  }
  #overlapping-column .mega_info_box_2 .mega-info-header {
    width: 100%;
  }
  #overlapping-column img {
    width: 70px;
    margin: 0 auto;
  }
  #overlapping-column .column-top h3 {
    font-size: 20px;
  }
  #overlapping-column .column-top .mega-info-desc p, #overlapping-column .column-top .mega-info-desc a {
    font-size: 18px;
  }
  #overlapping-column .mega-info-btn {
    padding: 10px 30px;
    color: #000;
    border-radius: 20px;
    font-weight: 600;
    margin: 10px auto 30px;
    display: inline-block;
  }
  #overlapping-column .mega-info-desc a:last-child {
    display: none;
  }
  .overlap-content > .vc_column-inner > .wpb_wrapper {
    padding: 0;
  }
  .overlap-content .wpb_wrapper:before {
    background: transparent;
    box-shadow: none;
  }
  .overlap-image img {
    max-width: 100%;
  }
  .blue-box-bg {
    display: none !important;
  }
  /* 880 - Services Styles  ------------------------ */
  #service-columns {
    height: auto;
  }
  #service-columns.vc_row.vc_column-gap-30 > .vc_column_container {
    padding: 10px;
  }
  .service-item .vc_custom_heading, .service-item p {
    text-align: center !important;
  }
  .service-item .vc_col-sm-4 {
    width: 100% !important;
  }
  .wpb_single_image.vc_align_right {
    text-align: center;
  }
  .menu-logo {
    text-align: right !important;
  }
  .menu-logo img {
    margin-right: 20px;
  }
  #service-featured-image {
    position: relative;
    bottom: 0;
  }
  /* 880 - Industries Styles  ------------------------ */
  .industry-item:first-child {
    padding-top: 0;
  }
  .industry-item .vc_col-sm-4 {
    width: 100%;
  }
  /* 880 - Service Styles  ------------------------ */
  #service-columns {
    margin-bottom: 100px;
	padding-top:45px;
  }
  #hardware-carousel {
    margin-bottom: 0;
    padding-bottom: 100px;
    margin: 0;
  }
  #hardware-carousel .slick-dots li button:before {
    color: #fff !important;
  }
  .slick-dots {
    max-width: 880px;
  }
  #hardware-carousel .tm-slider.slick-slider .slick-prev:before, #hardware-carousel .tm-slider.slick-slider .slick-next:before {
    color: #fff !important;
    font-size: 24px !important;
  }
/*   #security-slider .slick-slider .slick-slide {
    width: calc((100vw - 80px)) !important;
  } */

	/* 880 - Tech Parnter Section 2 Styles  ------------------------ */	
#technology-partner-section-2 {
    padding-top: 130px;
	padding-left:20px !important;
	padding-right:20px !important;
}
#technology-partner-section-2 p {
    padding-right: 0;
}

/* 880 - Contact Styles  ------------------------ */
  #contact-form {
    padding-top: 40px !important;
    padding-bottom: 100px !important;
	background:#f4f5f7;
  }
    #contact-form div.wpforms-container-full {
        margin: 10px 30px 0 30px !important;
        background: #fff;
        box-shadow: none;
        padding-top: 10px;
		padding-top:10px;
    }
}
@media only screen and (max-width: 768px) {
  /* 768 - General Styles  ------------------------ */
  .section-top-spacer {
    padding-top: 80px;
  }
  .section-bottom-spacer {
    padding-bottom: 80px;
  }
  .padding-right-md {
    padding-right: 0;
  }
  .padding-left-md {
    padding-left: 0;
  }
  .wpb_single_image.vc_align_right {
    text-align: center;
  }
  /* 768 - Form Section Styles  ------------------------ */
  #form-section .vc_col-sm-6:first-child {
    padding-right: 0;
  }
  #form-section .vc_column-inner {
    margin-bottom: 0;
  }
  /* 768 - Testimonial Styles  ------------------------ */
  #testimonials blockquote {
    padding: 80px 20px 30px 20px;
  }
  #testimonials .starrating {
    left: 20px;
    top: 40px;
  }
  /* 768 - Services Styles  ------------------------ */
  #services-row .vc_column-inner {
    margin-bottom: 0;
  }
  #services-box {
    margin-bottom: 0;
    padding-top: 80px;
  }
  #services-row .vc_col-sm-4 {
    padding: 0;
  }
  #infobox .vc_column-inner {
    background-size: 103% !important;
  }
  #service-featured-image {
    position: relative;
    bottom: 0;
  }
  #service-featured-image img {
    margin-bottom: 0;
  }
  /* 768 - Info Boxes Styles  ------------------------ */
  #infobox .vc_col-sm-4 {
    margin: 30px 0 !important;
  }
  #infobox .vc_col-sm-4:last-child {
    margin-bottom: 0 !important;
  }
  /* 768 - Blurb Styles  ------------------------ */
  #blurb-container h3 {
    margin-top: 0;
    min-height: 60px;
  }
  /* 768 - footer Styles  ------------------------ */
  #footer-bottom-bar p {
    margin-top: 0 !important;
  }
  #footer-section-1 h3 {
    margin-top: 20px;
  }
  /* 768 - You Deserve Styles  ------------------------ */
  #you-deserve {
    background-position: -510px 0 !important;
    margin-top: 80px;
    border-radius: 30px;
  }
  /* 768 - Base Row ------------------------ */
  #three-steps-section {}
  /* 768 - Social P ------------------------ */
  #social-bar p {
    text-align: center;
  }
  /* 768 - Service image ------------------------ */
  .service-item img {
    max-height: 500px;
    width: auto;
    margin-bottom: 30px;
  }
  /* 768 - Existing System  ------------------------ */
  #cta-bg {
    padding-right: 20px;
    padding-left: 30px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center !important;
  }
  
	#services-box .mega_info_box{
	    margin: 0 10px;
    	padding: 50px 15px !important;
	}
	
	
}
@media only screen and (max-width: 560px) {
	
	#services-box .mega_info_box{
	    margin: 0 10px;
    	padding: 50px 20px !important;
	}
	
  /* 560 - Full-Width Box Styles  ------------------------ */
  #fullwidth-box {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #fullwidth-box.margin-bottom-md {
    margin-bottom: 20px;
  }
  .overlap-image {}
  /* 560 - Services Styles  ------------------------------- */
  #services-row .vc_col-sm-4 {
    min-height: 350px;
    padding: 0 !important;
    margin: 20px;
  }
  #services-box {
    padding-top: 70px;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  #service-featured-image {
    display: none;
  }
  #services-box p, #services-box a {
    margin-bottom: 0px;
    min-height: auto !important;
  }
  /* 560 - CTA Styles  ------------------------------------- */
  #cta-bg {
    padding-right: 20px;
    padding-left: 30px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center !important;
  }
  #cta-bg h2 {
    font-size: 32px !important;
  }
  /* 560 - General Styles  ------------------------------------- */

  .vc_column-inner {
    margin-bottom: 0;
  }
  /* 560 - Footer Styles  ------------------------------------- */
  #footer-section-1 .theme-button {
    margin-top: 30px;
  }
  #social-bar h4 {
    margin-top: 30px;
  }
  #footer-bottom-bar .wpb_single_image img {
    margin-bottom: 0;
  }
  #footer-button-1 .theme-button {
    margin-bottom: 5px !important;
  }
  /* 560 - Blurb Styles  ------------------------------------- */
  #blurb-container .vc_col-sm-1\/5 {
    width: 50%;
    float: left;
  }
  #blurb-container h3 {
    min-height: 80px;
    margin-top: 20px;
  }
  #blurb-container .wpb_single_image img {
    margin-bottom: 0;
  }
  /* 560 - Contact Styles  ------------------------------- */
  #contact-form div.wpforms-container-full {
    padding: 50px 30px;
    margin: 20px 10px 0 !important;
  }
  #contact-form div.wpforms-container .wpforms-form .wpforms-field > * {
    max-width: 100%;
    text-align: left;
    margin: 10px 0;
  }
  .footer-seal {
    padding: 0 20px;
  }
  .footer-seal li {
    width: 100% !important;
    text-align: center;
  }
  .footer-seal li img {
    margin: 0 auto;
  }
  .theme-button a {
    padding: 15px 40px !important;
  }
  #you-deserve {
    padding-left: 20px;
    padding-right: 20px;
    background-position: -760px 0 !important;
  }
  /* 560 - 3 Easy Steps Mid Box Styles  ------------------------------------- */
  #three-easy-steps-mid-box {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #info-box-mid {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  /* 560 - Circle Number Styles  ------------------------------------- */
  .circle-number {
    margin-bottom: 5px;
  }
  /* 560 - Base Row Styles  ------------------------------------- */
  #three-steps-section {
	}

  /* 375 - FAQ  ------------------------------------- */ 
  #faq-2 .vc_toggle_title {
    background-position: calc(0% - -342px);
    background-size: 20px;
}
	#faq-2 h4 {
    display: inline;
    font-size: 18px;
}
	}
@media only screen and (max-width: 480px) {
  /* 480 - Banner Styles  ------------------------------------- */
  #section-banner {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 375px) {
  /* 375 -Theme Button  ------------------------------------- */
  .theme-button a {
    padding: 15px 15px !important;
  }

/* 375 - FAQ  ------------------------------------- */
 #faq-2 .vc_toggle_title {
        background-position: calc(-10% - -342px);
        background-size: 20px;
    }
#faq-2 h4 {
        display: inline;
        font-size: 17px;
    }
}

@media only screen and (max-width: 320px) {
    #faq-2 .vc_toggle_title {
        background-position: calc(-34% - -342px);
        background-size: 20px;
    }	
}