:root {
  /* Layout & Typography */
  --wrapper: 1400px;
  --fontfamily: Montserrat, sans-serif;
  --titleFont: Oswald;
  
  /* Padding & Spacing */
  --padding-theme: 100px;
  --padding-sm: 50px;
  --padding-medium: 100px;
  --padding-large: 150px;
  
  /* Logo Heights */
  --logo-height: 160px;
  --mobile-logo-height: 70px;
  --sticky-logo-height: 110px;
  
  /* Base Colors */
  --bg: #fff;
  --base: #edde13;
  --primary: #000;
  --blue: #0056a2;
  --lightblue: #89c5ff;
  --darkblue: #0056c1;
  --black: #000;
  --gray: #222;
  --fontGray: #7d7d7d;
  --orange: #de8d47;
  --white: #ffffff;
  --red: #a03123;
  --teal: #6b9395;
  --green: #005e62;
  --mint: #95a496;
  --brown: #60504d;
  --yellow: #f7f052;
  --accent: #fe0400;
  --accent-hover: #FD0600;
  
  
  /* Header Colors */
  --headerBG: #d0d0d0;
  --header-desktop-bg: transparent;
  --mobile-header-bg: #000;
  --mobile-menu-icon-color: #000;
  --stickyheader-color: #f4f5f7;
  
  /* Gradients */
  --gradient-1: linear-gradient(to right bottom, #0071ff, #006aef, #0063e0, #005dd0, #0056c1);
  --gradient-2: linear-gradient(to right bottom, #608dce, #5d86cb, #5b7ec7, #5977c3, #596fbf);
  --gradient-3: linear-gradient(to right bottom, #0071ff, #0093ff, #00a2cf, #00a985, #42a942);

  /* Button Colors - Primary */
  --primary-button-color: #bd0000;
  --primary-button-text-color: #fff;
  --primary-button-color-hover: #000;
  --primary-button-text-color-hover: #fff;

  /* Button Colors - Secondary */
  --secondary-button-color: #000;
  --secondary-button-text-color: #fff;  
  --secondary-color-hover: #fff;
  --secondary-button-text-color-hover: #fff;

  /* Main Site Colors */
  --main-color: #FD0600;
  --main-color-text: #fff;
  --secondary-color: #211d1e;
  
  /* Homepage Sections */
  --main-row-background-color: #f4f5f7;
  --main-row-bacground-mobile: #000;
  
  /* Three Steps Backgrounds */
  --three-steps-background-desktop: linear-gradient(0deg, #fff 50%, #222 50%);
  --three-steps-background-tablet: linear-gradient(0deg, #fff 50%, #222 50%);
  --three-steps-background-mobile: linear-gradient(0deg, #fff 70%, #222 70%);
 
  /* Service Box Hover */
  --homepage-service-box-hover: #000;
  
  /* Inner Page Styles */
  --inner-page-staggered-product-section: #f5f8fd;
  --hardware-inner-page-carousel-background: #f5f8fd;
  --service-slider-column-background: #edde13;
  --tech-partner-section-2-bg-color: #f8f8f8;
  --bottom-form-section-bg: #6a6868;  
  
  /* Contact Us Page Colors */
  --contact-us-background-color: linear-gradient(90deg, #f5f8fd 62%, #bd0000 45%);
  --contact-us-form-background-color: #fff;
  --contact-us-background-color-mobile: #fff;
  --contact-us--form-title-color: #bd0000;
  --contact-us-label-color: #222;
  --contact-us-a-tag-mobile: #bd0000;
  
  /* All Button Styles */
  --main-button-color: #EBEBEB;
  --main-button-text-color: black;
  --main-button-color-hover: #000;
  --secondary-button-color-hover: #444;

  /* Footer Button Colors */
  --footer-button-2: #000;
  --footer-button-2-text: #fff;
  --footer-button-2-hover: #bd0000;
  --footer-button-2-hover-text: #fff;
  --footer-newsletter-button-bg: #000;  
  --footer-newsletter-button-text: #fff;  
  
  /* Footer Social Media Icons */
  --footer-social-media-icons-button-color: #bd0000;
  --footer-social-media-icons-color: #fff;
  --footer-social-media-icons-button-color-hover: #000; 
  --footer-social-media-icons-hover-color: #fff;  

  /* Mobile Elements */
  --mobile-phone-icon-bg: #0fb284;
  
  /* Footer Colors */
  --footer-bg: #f0f0f0;
  --footer-text-color: #000;  
}

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

/* All Pages Banner H2 Color */
#page-banner rs-layer-wrap:first-child h2{
  color:var(--main-color) !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);
}


#three-steps-section .vc_single_image-wrapper {
  border-radius: 20px !important;
    overflow: hidden !important;
}


/* 3 Step Circle Color */
.circle-number {
  background: #FD0600;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


/* 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 {
    background-color: var(--main-color);
}

/* 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 {
    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;
}
#hardware-carousel .carousel-caption{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
	text-align: center !important;
	min-height:560px;
	background: var(--hardware-inner-page-carousel-background) !important;
}
#hardware-carousel.min-length .carousel-caption{
	min-height:420px;
}
#hardware-carousel .slick-prev {
    left: -20px !important;
}
#hardware-carousel .slick-next {
    right: -20px !important;
}


h2 {
    font-family: Oswald !important;
}

#hardware-carousel h2 {
	margin-top: 30px;
	margin-bottom: 10px;
	color: black !important;
}
#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;
    background: var(--white);
    color: var(--black) !important;
    font-weight: 500;
    border-radius: 0;
    margin: 30px auto 0;
    max-width: 200px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--accent);
}
#hardware-carousel .content-section a:after{
	right: -24px !important;
	transform: skew(-20deg) !important;
}
#hardware-carousel .content-section a:hover{
	background: var(--accent-hover ) !important;
}
.carousel-text{
	min-height: 150px;
}
#hardware-carousel.nec .carousel-caption {
	min-height: 420px;
}
#hardware-carousel .carousel-text {
    min-height: 120px !important;
    color: black;
}
/* Bottom Form Background Color */
#form-section{
  background-color: var(--bottom-form-section-bg);  
}

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

/*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;
}


/* ALL BUTTON STYLES */

/* --------------- All Pages Banner Button Color */
#page-banner .rev-btn, .rev-btn:visited {
    text-decoration: none;
    background: var(--main-button-color) !important;
    color: var(--main-button-text-color) !important;
}

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

/* --------------- Homepage 3 or 6 Services Button */
#security-slider a.theme-button {
    color: var(--main-button-text-color);
    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);
    font-weight: 600 !important;
}

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

/* --------------- Primary and Secondary Button  */
.primary-button a, .secondary-button a{
  margin-top: 30px;
  padding: 15px 40px !important;
  font-weight: 600;
  font-size: 16px !important;
  border-width: 1px !important;
  border-style: solid !important;
  min-width: 240px;
  margin-right: 20px;
}
.primary-button a{
  background-color: var(--primary-button-color) !important;
  color: var(--primary-button-text-color );  
  border-color: var(--primary-button-color ) !important;  
}
.secondary-button a{
  background-color: var(--secondary-color) !important;
  color: var(--secondary-button-text-color ) !important;
  margin-top: 30px;
}
@media(max-width:1024px){
  .secondary-button a {
    margin-left: 0;
    margin-top: 0;
  } 
}
@media(max-width:880px){
  .secondary-button a {
    margin-left: 20px;
    margin-top: 30px;
  } 
}
@media(max-width:560px){
  .secondary-button a {
    margin-left: 0;
    margin-top: 0;
  } 
}

.primary-button a:hover {
  background-color: var(--secondary-color-hover) !important;
  color: var(--secondary-button-text-color-hover ) !important;
  border: 1px solid #000 !important; 
}

.secondary-button a:hover {
  background-color: var(--secondary-color-hover) !important;
  color: black !important;
  border: 1px solid #000 !important;
}

/* --------------- Bottom Form on all pages Button */
#form-section div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
#form-section div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
#page-banner-form 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: 50px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
/* --------------- 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: var(--secondary-color) !important;
    color: var(--white) !important;
    padding-left: 30px;
    padding-right: 30px;
}

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

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

#hardware-carousel .content-section a.tel-button:hover {
  background: var(--secondary-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;
  filter: brightness(1);
}
.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);
}

/* --------------- Footer Button 1 */
#footer-button-section .accent-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
  color: var(black) !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: black;
  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:black !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 !important;
    border-color: var(--footer-newsletter-button-bg);
    background-color: var(--footer-newsletter-button-bg);
}
#join-our-newsletter .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
  background-color: var(--main-color);
  color: var(--footer-newsletter-button-text) !important;
}

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

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



/* END OF ALL BUTTON STYLES */


/* Custom Text Colors */
.white-text, .white-text h2, .white-text p{
  color: #fff !important;
}


/* 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 - 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);
    }

    
  /* 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: -70% !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, .heading-accent h2 {
      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);
  }
}


 #three-steps-section .vc_col-sm-4 p {
      color :black !important;
  }

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


/* Theme Override Styles ------------------------------------- */
/* Theme Override Styles ------------------------------------- */
body{
	margin: 0;
	font-family: var(--fontfamily);
	overflow-x: hidden;
}
a, p, span, label, div, li, button{
	font-family: var(--fontfamily);
	letter-spacing: 0;
}
a:hover{
	color: var(--blue);
}
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;
	border-bottom: none !important;
}
.home .wh-header{
/*	background: linear-gradient( to bottom,#b5b5b5,#6d6d6d ) !important;*/
	background-color: #bdbdbd;
}
.wh-header.is_stuck{
	background-color: #f4f2f3 !important;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}
.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;
}
.vc_btn3.vc_btn3-shape-round {
    border-radius: 0 !important;
}

/* 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%;
}



/* Page Banner Styles ------------------------------------- */
#page-banner {
  margin-top: 0;
}
#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;
}

#hero-banner-container {
  padding-top: 220px !important;
  padding-bottom: 150px !important;
}

#hero-banner {
    padding: 0 20px;
}

@media (min-width:880px){
  #hero-banner {
    display:flex;
    align-items:center;
  }
  
  #mobile-header .wh-logo{
		max-width: 100px;
		margin: 0;
	}
}

#page-cta-banner-form {
/*  height:400px !important; */
  display:flex !important;
  align-items:center !important;
}

@media (max-width:880px){
  #hero-banner {
    padding-top: 50px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}

#hero-banner h1{
  font-size: 18px;
  font-weight:500;
  color: var(--main-color) !important;
  margin-top: 0 !important;
  line-height: 1.3;
}

#hero-banner h2 {
  font-family: Oswald!important;
  font-weight: 700 !important;
  font-size:calc(20px + 1.8vw) !important;
  color: #fff !important;
  line-height:calc(25px + 2.0vw) !important;
  margin-top: 0px;
  text-transform: uppercase;
}

#hero-banner h3 {
  font-family: var(--fontfamily) !important;
  color: #fff !important;
  font-weight: 500 !important;
  margin-top: 5px;
  text-transform: uppercase;  
}

#hero-banner a {
  margin-top: 20px !important;
  border-radius:25px !important;
  width: 100% !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 18px !important;
}

#hero-banner .vc_btn3-container {
  max-width:282px !important;
  height:50px !important;
  width: 100% !important;
}

#hero-banner .vc_btn3-container a:hover {
  background-color: var(--secondary-color);
}

.hero-banner-side-image {
  
}

/* 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 {
  margin: 20px 0;
  padding: 0;
  text-align: left;
}
.theme-list ul li, #fullwidth-box ul li, .image-text-container ul li {
  background-image: url(/wp-content/uploads/2025/08/check-icon-red.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding: 5px 0 5px 30px;
  list-style: none;
  background-size: 20px;
/*  filter: hue-rotate(-180deg) saturate(4500%);  */
}
.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, .heading-accent h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 700; 
}
/* 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;
  color: var(--primary-button-text-color) !important;
}
.theme-button a:hover{
  color: var(--primary-button-text-color-hover) !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;
}
#technology-partner-section-2 #inner-image-background:nth-child(2) .overlap-image:before {
  content: '';
  left: auto;
  right: -70% !important;
}
#inner-image-background .overlap-image:before {
  content: '';
  position: absolute;
  bottom: 30px;
  left: -70%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#inner-image-background .overlap-image img {
  display: block;
  position: relative;
  z-index: 1;
}
#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;
}
.three-step-section-text p{
  margin: 30px auto 50px !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/2025/08/video-security-existing-system-banner-1.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;
  background-image: url("/wp-content/uploads/2025/07/bg.jpg");
  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{
  padding-top: 50px;
  padding-bottom: 50px;
}
.home #testimonials{
  padding-top: 100px;
  padding-bottom: 100px;
}
#testimonials h2 {
  text-align: center !important;
  margin-bottom: 50px !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 {  
  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 a.theme-button {
  padding: 10px 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 p{
    font-size: 20px;
/*    max-width: 800px; */
    margin: 0 auto ;
  text-align:center !important;
  }
#form-section h2{
  font-size: 36px;
  line-height: 1.3;
    text-align: left;
    font-family: Montserrat;
    font-weight: 700;
  color: #fff;
  margin-top: 0 !important;
}
#form-section a {
  color: #fff;
}

.sdm-modal-body #form-section div.wpforms-container-full .wpforms-form label.wpforms-error, 
.sdm-modal-body div.wpforms-container-full .wpforms-form em.wpforms-error
{
	color: red !important
}

#form-section div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
  color: #fff;
}
#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;
}

#form-section .wpb_gmaps_widget  {
  margin-top:25px !important;
}

/* 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;
  color: #000;
  font-weight: 700;
  padding: 10px 50px;
  letter-spacing: 0;
  border-radius: 30px;
  font-size: 16px;
  height: 50px;
}

#form-section div.wpforms-container-full .wpforms-field-label {
  color: #fff !important;
  text-align: left;
  font-size: 13px;
}

/* Footer Styles ------------------------------------- */
.wh-footer{
}
.wh-footer .vc_column-inner{
	margin-top: 0;
	padding-top: 0 !important;
}
.wh-footer h3, .wh-footer h4{
	color: #fff !important;
}
#footer-section-1{
	padding-bottom: 50px;
}
#footer-section-1 h3 {
    padding-top: 30px;
    max-width: 500px;
    margin: 0 auto 20px;
    line-height: 1.2em;
}
#footer-section-2{
	padding-top: 50px;
	border-top: 1px solid #fff;
	padding-bottom: 40px;
}
#footer-section-2 h4{
	margin-bottom: 10px;
	color: #fff !important;
}
#footer-bottom-bar{
	color: #fff;
	font-size: 14px;
	background-color: var(--gray);
	padding: 20px;
}
#footer-bottom-bar p{
	font-size: 14px;
}
#footer-section-2  .theme-button a{
	margin-left: 0 !important;
}
#social-bar h4{
	margin-bottom: 10px;
}
#social-bar p{
	font-size: 14px;
}
#social-bar #mega-social-btn a{
	background: var(--blue) !important;
}
.wh-footer .theme-button a{
	padding: 15px 30px !important;
	border-radius: 0 !important;
	margin-left: 5px; 
	margin-top: 0 !important;
	font-size: 16px !important; 
}
.wh-footer .wh-logo img {
    width: 200px;
    max-width: 100%;
}
.wh-footer a{
	color: #fff;
}
#menu-footer-navigation a{
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	padding: 10px;
}
#menu-footer-navigation li{
	display: inline-block;
}
.footer-seal{
	margin-top: 50px;
}
.footer-seal img{
	max-height: 50px;
	width: auto;
	margin-right: 10px;
}
#footer-bottom-bar p{
	margin-bottom: 0 !important;
}
#footer-section-1 .vc_col-sm-3\/5 .theme-button {
	display: none;
}
#footer-top {
    background-color: var(--accent);
    text-align: center;
    padding: 50px 20px;
    color: #fff;
}
#footer-top a:hover{
	color: #000;
}
#footer-top p{
	max-width: 950px;
	margin:  0 auto;
}
#footer-top a{
	text-decoration: underline;
}
#footer-top h4{
	font-size: 28px !important;
	font-weight: 500 !important;
}
#footer-area{
	background-color: var(--black);
	padding: 50px 20px;
	color: #fff;
	font-size: 14px;
}
#footer-area ul{
	padding: 0 !important;
}
#footer-area h4{
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding: 10px 0;
}
#footer-area p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
}
#footer-area .wpforms-container .wpforms-field {
    margin-bottom: 0;
}
#footer-area button {
    background-color: var(--yellow) !important;
    color: #000 !important;
    padding: 10px 40px !important;
    height: 40px;
    font-size: 14px;
}
#footer-area .media-body a{
	color: var(--yellow) !important;
	font-weight: 500 !important;
}
#footer-area .form-notes a{
	color: var(--yellow) !important;
}
/* Mobile Navigation Styles ------------------------------------- */
.header-mobile {
    background-color: #fff;
/*    position: fixed;*/
	position: relative;
    width: 100%;
    z-index: 999999;
}
#mobile-nav ul{
	overflow: hidden;
	width: 100%;
	position: relative !important;
	background: transparent !important;
	box-shadow: none !important;
	top: 0;
}
#mobile-nav ul li{
	background-color: transparent !important;
}
#mobile-nav .sf-menu.wh-menu-main li > a{
	display: block !important;
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
	padding: 7px 10px !important;
	font-family: 'Oswald';
    font-size: 16px;
    letter-spacing: 0.5px;
}
#mobile-nav .menu-item-has-children li {
	margin-left: 20px;
	position: relative;
}
#mobile-nav .menu-item-has-children li:before{
	content: '-';
	position: absolute;
	top: 5px;
}
#mobile-nav .menu-item-has-children li a{
	text-indent: 5px;
}
#mobile-navigation {
/*	display: none;*/
    position: fixed;
    margin-top: -106px;
    z-index: 9;
    width: 100%;
    float: left;
    background: #0000006e;
    box-shadow: none;
}

#mobile-navigation.openMenu{
	display: block;
}
#mobile-navigation #menu-main-navigation li{
	display: block;
	width: 100%;
}
#mobile-navigation.openMenu{
	right: 0;
}
#mobile-navigation{
    right: -100%;
    transition-property: right;
	transition-duration: .5s;
	transition-delay: .2s;
}
#mobile-navigation .sf-menu.wh-menu-main ul li{
	background-color: transparent;
}
#mobile-navigation #menu-main-navigation a, #menu-main-navigation.sf-menu.wh-menu-main a {
    color: #fff;
    font-family: var(--fontfamily);
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
}
#mobile-header .vc_col-sm-6{
	width: 50%;
}
#mobile-header .vc_column_container{
	float: left;
}
.mobile-navigation-section{
	height: calc(100vh - 50px);
	width: 90%;
    background: #f3f3f3;
    float: right;
}
.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 10px;
}
.mobile-navigation-section #menu-main-navigation a{
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #4a4a4a;
	margin: 0;
}
.mobile-navigation-section #menu-main-navigation .sub-menu a{
	border-bottom: 1px solid #4a4a4a;
}
/*.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: 0;
    border-radius: 30px;
    display: inline-block;
    padding: 10px 30px !important;
}
#call-container div{
	text-align: center !important;
	color: #fff;
	margin-bottom: 10px !important;
}
#close-button span{
	color: var(--accent) !important;
}


#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: 50px;
  padding-top: 120px;
  overflow: visible;
  margin-bottom: 160px;
}
#services-box h2{
  color: black;
  text-align: center;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}
#services-box .service-text-container .mega_info_box .mega-info-img {
  height: 70px;
  width: auto !important;
/*  filter: brightness(0);*/
}
#services-box p, #services-box a {
  color: #fff !important;
  font-size: 15px;
  line-height: 24px;
}
#services-box p a:first-child {
  min-height: 70px;
  display: block;
}
#services-box .mega_info_box .mega-info-title {
  font-size: 16px;
  color: #fff !important;
}
#services-box .mega_info_box .mega-info-desc {
  font-size: 14px;
  line-height: 20px;
}
#services-box .mega_info_box {
  padding: 15px !important;
}
#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 {
  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;
}
.carousel-h2 h2{
  color: #fff;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.3em !important;
}
#hardware-carousel {
  margin-bottom: -280px;
  position: relative;
  max-width: var(--wrapper);
  float: left;
  width: 100%;
  padding-bottom: 100px;
}
#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;
   padding-bottom:40px;
  border-radius: 10px;
  text-align: center !important;
  min-height:450px;
}
#hardware-carousel .slick-prev {
  left: -20px !important;
}
#hardware-carousel .slick-next {
  right: -20px !important;
}
#hardware-carousel h2 {
  line-height: 1.3em;
  max-width: 1100px;
  margin: 0 auto 50px;
}
#hardware-carousel .tm-slider h2 {
    font-weight: 600 !important;
    line-height: 1.2em !important;
    margin: 20px 0 10px ;
    text-align:center !important;
}
#hardware-carousel p {
  text-align: center;
  min-height: 0;
  margin-bottom: 0;
}
#hardware-carousel .content-section a {
  margin-top: 30px;
  display: inline-block;
  padding: 8px 20px;
  font-weight: 500;
  border-radius: 30px;
  margin: 15px auto;
  min-width: 200px;
}
.carousel-text {
  min-height: 150px;
}
#hardware-carousel.nec .carousel-caption {
  min-height: 420px;
}

#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;
}
@media only screen and (max-width: 880px) {
  #fullwidth-box h2{
    margin-top: 0;
    padding-top: 0;
  }
}


/* 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(--base);
	padding-bottom: 10px;
    /*margin-top: -100px;*/
    position: relative !important;
    z-index: 1;
}
#page-banner-form a{
  color: #fff !important;
  font-weight: 500;
}
#page-banner-form h2, #page-banner-form p, #page-banner-form div{
  color: black !important;
}
#page-banner-form div.wpforms-container-full .wpforms-field-label{
  margin-bottom: 5px;
    margin-top: 5px;
  color: #fff !important;
}
#page-banner-form .banner-form-container{
  padding: 0 20px !important;
}

#page-cta-banner-form {
background: var(--main-color);
}

#page-cta-banner-form h2 {
  font-size: 28px !important;
    color: #ffffff !important;;
    line-height: 1.3 !important;;
    text-align: left;
    font-family: var(--fontfamily) !important;;
    font-weight: 700 !important;;
    font-style: normal !important;;
}

#page-cta-banner-form h2 {
    font-size: 23px !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
    font-family: var(--fontfamily) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    margin-bottom: 0;
}
@media only screen and (max-width: 880px){
  #page-banner-form .vc_col-sm-4{
    width: 100%;
  }
}


/* 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;
  color: var(--main-color-text) !important;
  text-transform: uppercase;
  font-size: 16px !important;
  border-radius: 0;
  width: 150px;
  font-weight: 700 !important;
  box-shadow: none !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;
  margin-top: 0 !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;
}



@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: -220px -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-logo img {
    /*max-height: var(--mobile-logo-height);*/
  }
  /* 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 - Hero Banner Section Styles -------------------------------------- */
  #hero-banner-container {
    margin-top: 0 !important;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  /* 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: 0;
  }
  /* 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 - Blog Styles -------------------------------------- */
  .single .wh-page-title-bar{
    margin-top: 100px;
  }
}
@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 - You Deserve 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;
  }
  #hero-banner-container {
    padding-top: 0 !important;
    padding-bottom: 85px !important;
    background-size: cover;
  }
  #hero-banner h1 {
    margin-top: 20px !important;
  }
  #page-cta-banner-form {
    display: inline-block !important;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  }
@media only screen and (max-width: 880px) {

  .theme-section{
    padding-top: var(--padding-medium );
    padding-bottom: var(--padding-medium);
  }

  #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 20px !important;
    position: relative;
    z-index: 9;
  }
  #mobile-header .wh-logo {
    max-width: 100px;
    margin: 0;
  }
  #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) {
    
.wh-logo img{
	top: -10px;
    width: 90px;
}
    
  /* 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;
  }
}
@media only screen and (max-width: 560px) {
  /* 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;
    } 
}


@media (max-width:767px){
  .reverse-row .vc_row{
    flex-direction: column-reverse !important;  
  }
  #three-steps-section .wpb_column:nth-child(2) {
    color: white !important;
  }
}

.free-quote-cta-sdm-modal-content button{
  color: var(--main-button-text-color) !important;
    border: none !important;
    background-color: var(--main-button-color) !important;
}


.sf-menu.wh-menu-main .sub-menu .current-menu-item > a{
  font-weight:bold !important;
}






/*NEW FIX-IT CSS*/

.wh-logo{
	margin-bottom: 0;
}
@media(min-width:767px){
    .wh-logo img{
        width: 100px;
    }
}

.sf-menu.wh-menu-main a,.respmenu li a,.cbp-respmenu-more,.wh-quick-sidebar-toggler i,.wh-search-toggler i {
    color: #ffffff;
}


.theme-section {
    background-color: #2e2e2e !important;
}

.blue-button a{
	background-color: var(--blue) !important;
    color: #fff !important;
    border-color: var(--blue) !important;
}
.blue-button a:after{
	background: var(--darkblue);
}
.black-button a{
	background-color: var(--gray) !important;
    color: #fff !important;
    border-color: var(--gray) !important;
}
.white-button a{
	color: #000 !important;
}
.white-button a:after{
	background-color: #ddd;
}


.accent-button a, .primary-button a {
    background-color: var(--white) !important;
    color: #000;
/*    border-color: var(--white) !important;    */
}
.accent-button a:hover, .primary-button a:hover {
    background-color: var(--accent-hover ) !important;  
}


div.wpforms-container-full .wpforms-field-label{
    margin-top:10px;
}

#contact-us-header{
    padding: 50px 30px !important;
}
#contact-form {
    padding-top: 150px;
    padding-bottom: 150px;
    background: linear-gradient(90deg, #000 62%, #008aff 45%);
}
#contact-form div.wpforms-container-full {
    padding: 50px;
    background-color: #333;
    box-shadow: 0 0 20px #0003;
    border-radius: 10px;
    margin: 0 0 0 30px;
}
i.fa-solid{
    padding-right: 10px;
}


div.wpforms-container-full .wpforms-form .wpforms-title {
    color: rgb(206 17 68);
    text-align: center;
    font-size: 28px;
}

@media only screen and (max-width: 991px) {
#contact-form {
    background: linear-gradient(0deg, #000 62%, #008aff 45%);
    padding-top: 40px !important;
}
    }
    
@media only screen and (max-width: 480px) {    
    #contact-form div.wpforms-container-full{
        padding: 50px 30px;
    }
}

.theme-button a:after, .rev-btn:after, #hardware-carousel .content-section a:not(.tel-button):after, .primary-button a:after, {
    content: "";
    background: #f3f3f5;
    width: 40px;
    position: absolute;
    right: -13px;
    height: 50px;
    top: 0;
    transform: skew( -24deg);	
}


.theme-button{
	margin-bottom: 0 !important;
}
.theme-button a, .primary-button a{
	margin-top: 30px;
	padding: 15px 50px !important;
	font-size: 18px !important;
	font-weight: 600;
	font-size: 16px !important;
	position: relative;
	overflow: hidden;
} 

#hero-banner a {
        z-index: 14;
    background-color: rgb(255, 255, 255);
    font-family: Montserrat;
    height: auto;
    width: auto;
    color: rgb(0, 0, 0) !important;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 36px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 18px;
    padding: 6px 50px;
    backdrop-filter: none;
    filter: brightness(100%);
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
    border-width: 0px;
    border-radius: 0px !important ;
}

#hero-banner a:hover {
    background-color: var(--accent-hover)!important;
    color: white !important;
}

.top-title b {
    color: white !important;
}


/* Slide-In Form Styles -------------------------------------------- */
.slidein-overlay-close{
	top: 10px !important;
	right: 10px !important;
}
.slidein-overlay-close  img{
	height: 16px !important;
	width: 16px !important;
}
.cp-slidein{
	background-color: #fff !important;
}
.sdm-slide-form{
	padding-top: 20px;
}
.cp-text-container .wpforms-container {
	padding-top:0 !important;
		margin-top:0 !important;
}
.cp_cs_overlay {
	background: var(--accent) !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(--accent) !important;
	max-width: 205px !important;
	margin: 0 auto !important;
}
.sdm-slide-form-title {
	color: white !important;
	font-weight: bold;
	font-size:22px !important;
	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:20px;
	width:20px;
}
.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: 16px !important;
}
.sdm-slide-form-body .wpforms-submit:hover,
.sdm-slide-form-body div.wpforms-container-full button[type=submit]:not(:hover):not(:active){
	background-color: #fff !important;
	color: #000 !important;
}
.sdm-slide-form-body .wpforms-submit:after{
	background: #f2f2f2 !important;
}




/* Header Styles ------------------------------------- */
#top-header{
	padding-top: 0;
	padding-bottom: 0;
	color: #000;
	border-bottom: 1px solid #ddd;
}
#top-header p{
	margin-bottom: 0 !important;
}
#top-header a{
	color: #7d7d7d;
	display: inline-block;
	margin: 0 5px;
}
#top-header .text-right span{
	color: var(--lightblue);
	font-size: 14px;
}
#top-header .text-right a span{
	color: var(--white);
	font-size: 16px;
}
#top-header-icons span{
	color: var(--accent);
}
#top-header #mega_social_icons a{
	line-height: 32px !important;
}
#top-header #mega_social_icons div{
	margin: 0 !important;
	border-right: 1px solid #dbdbdb;
	width: 35px;
    text-align: center;
}
#theme-header{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--header-desktop-bg);
	overflow-x: visible;
}
#theme-header .vc_col-sm-9 .vc_column-inner{
	padding-left: 0;
	padding-right: 0;
}
.wh-logo{
	margin-bottom: 0;
}

.wh-header.is_stuck #theme-header{
	padding-top: 5px;
    padding-bottom: 5px;
}

.wh-menu-main{
    list-style: none;
    padding-left: 0;
}

.sf-menu.wh-menu-main ul li, .sf-menu.wh-menu-main .sub-menu {
    background-color: white !important;
}
.sf-menu.wh-menu-main ul li a, .sf-menu.wh-menu-main .sub-menu a{
	color: #000 !important;
}
.wh-menu-main li{
	display: inline-block;
}
.wh-menu-main li.current-menu-parent >  a{
	font-weight: 600 !important;
}
.wh-menu-main li a{
	text-decoration: none;
	text-transform: capitalize !important;
}
.sf-menu.wh-menu-main li > a {
    margin: 0px 10px;
    padding: 5px 0;
    font-weight: 500 !important;
	font-size:14px;
	text-wrap: wrap;
	color: var(--fontGray) !important;
}
.sf-menu.wh-menu-main .current-menu-item > a{
	color: var(--black) !important;
	font-weight: 600 !important;
}
.sf-menu.wh-menu-main .current-menu-item.free-quote > a{
	color: var(--fontGray) !important;
	font-weight: 500 !important;
}
.sf-menu.wh-menu-main li > a:after{
	height: 0;
}
.header-mobile .sf-menu.wh-menu-main .current-menu-item > a{
	color: #fff !important;
	background-color: var(--accent);
}
.header-mobile p{
	text-align: center !important;
	margin-bottom: 0 !important;
}
.header-mobile .vc_pull-right {
    float: none !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{
	background-color: var(--accent);
	color: #fff !important;
	border-radius: 30px;
	padding:  5px 20px !important;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
}
.sf-menu.wh-menu-main li.accent-link a:after{
	content: "";
    background: #42a82b;
    width: 40px;
    position: absolute;
    right: -13px;
    height: 50px;
    top: 0;
    transform: skew(-24deg);
}
.sf-menu.wh-menu-main .sub-menu{
	margin-left: 10px;
	top: 39px;
	box-shadow: 0 5px 10px #00000014;
}
#menu-main-navigation-1.sf-menu.wh-menu-main .sub-menu li{
	background-color: var(--blue) !important;
}
#menu-main-navigation-1.sf-menu.wh-menu-main .sub-menu li:hover{
	background-color: var(--accent) !important;
}
.sf-menu.wh-menu-main .sub-menu li > a{
	margin: 0px;
    max-width: 100%;
}
.sf-menu.wh-menu-main .commercial-li .sub-menu li > a{
	width: 270px;
}
.sf-menu.wh-menu-main .industry-li .sub-menu li > a{
	width: 210px;
}
.sf-menu.wh-menu-main li.accent-link > a:after{
/*	width: 0 !important;*/
	content: "";
    background: #42a82b;
    width: 14px !important;
    position: absolute;
    right: 0;
    height: 40px;
    left: auto;
    top: 0;
    transform: skew(-16deg);
}
.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: 14px 15px;
    display: block;
    line-height: 20px;
    border-bottom: 1px solid #e1e1e1;
    width: 250px;
    color: var(--fontGray) !important;
    font-weight: 500;
}
.sf-menu.wh-menu-main .sub-menu li:last-child a {
	border-bottom: none;
}
#mobile-nav ul li.menu-item-has-children,
.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-nav ul li.menu-item-has-children.active,
.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: 30px;
    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 ul li{
	background-color: #fff;
}
.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;
}
#mobile-header{
	padding-top: 20px;
	padding-bottom: 20px;
}
#call-button .vc_icon_element-inner{
	background-color: var(--accent) !important;
}
#call-button span{
	color: #fff !important;
}
#menu-open, #call-button{
	margin-bottom: 0 !important;
}
#top-header-icons a{
	font-size: 14px;
}
ul#menu-top-navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu-top-navigation li{
	display: inline-block;
	border-right: 1px solid #000;
	line-height: 14px;
}
#menu-top-navigation li a{
	font-size: 14px !important;
	color: #000;		
	padding: 0 5px;
	line-height: 14px;
}
#menu-top-navigation li:last-child{
	border-right: none;
}
#header-menu .wpb_wrapper div:first-child{
	float: right !important;
}
#mobile-nav .wh-menu-main li{
	display: block;
	width: 100%;
}
#custom-top-menu ul{
    margin: 0;
    padding: 0 !important;
    list-style: none;
}
#custom-top-menu ul li{
	display: inline-block ;
}
#custom-top-menu ul li a {
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 600;    
    padding-right: 10px;
    line-height: 30px;
}
.home #custom-top-menu ul li a{
	border-right: 1px solid #ddd;
}
#custom-top-menu ul li:last-child a,
.home #custom-top-menu ul li:last-child a{
	border-right: none;
}
.wh-header.is_stuck #top-header #mega_social_icons div,
.home .wh-header.is_stuck #top-header #mega_social_icons div,
.home .wh-header.is_stuck #custom-top-menu ul li a, 
#custom-top-menu ul li a{
	border-right: 1px solid #dbdbdb;
}
#top-header p{
	font-weight: 600 !important;
	color: var(--fontGray) !important;
}
.home #top-header p{
	color: #fff !important;
	font-size: 13px !important;
}
.home .wh-header.is_stuck #top-header p{
	color: var(--fontGray) !important;
}



@media only screen and (max-width: 767px) {
    .header-mobile .vc_column-inner {
    	margin-bottom: 0;
    }
}