/*
 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-medium: 100px;
  --padding-large: 150px;
  --fontfamily: 'Poppins', sans-serif;
  --logo-height: 160px;
  --mobile-logo-height: 70px;
  --sticky-logo-height: 110px;
  --header-desktop-bg: black;
  --mobile-header-bg: #fff;
  --mobile-menu-icon-color: #000;

  /* This is the button primary color */ 
  --primary-button-color: #ffab5e;
  --primary-button-text-color: #fff;
  --primary-button-color-hover: #000;
  --primary-button-text-color-hover: #fff;

  
  /* This is the button secondary color */ 
  --secondary-button-color: #000;
  --secondary-button-text-color: #000;  
  --secondary-color-hover: #fff;
  --secondary-button-text-color-hover:#000;

  
  /* This is Main Primary Color used for the site */
  --main-color: #e03c2b;
  --main-color-text: #222222;

  /* This is Secondary Color used for the site */
  --secondary-color: #ffab5e;
  
   /* These are the variables for header styles */
   --top-header-bg: #000;
   --top-header-text-color: #fff;
   --top-header-icon-color: #ffab5e;
   --top-header-icon-hover-color: #ffab5e;
   --header-text-color: #fff;

   /* These are the variables for header navigation styles */
   --main-menu-text-color: #fff;
   --main-menu-child-bg: #ffab5e;
   --main-menu-child-text-color: #000;
   --main-menu-child-border: 1px solid #ffffff;

   /* These are the variables for sticky header styles */
   --stickyheader-color:#2d2d2d;
   --stickyheader-text-color: #fff;
  
  /* 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%, #222 50%);
  --three-steps-background-tablet: linear-gradient(0deg, #fff 50%, #222 50%);
  --three-steps-background-mobile: linear-gradient(0deg, #fff 70%, #222 70%);
 
  /* This section is on Service Section BG */
  --service-section-bg: linear-gradient(0deg, #fff 30%, #00839a 30%);

  /* This section is for Two Tone Section BG */
  --twotone-section-bg: linear-gradient(0deg, #ffffff 55%, #000000 55%);

  /* This section is for Two Tone Partnership Section BG */
  --parnership-section-bg: linear-gradient(0deg, #ffffff 40%, #e03c2b 40%);

  /* This section is for Two Tone Partnership Section BG */
  --wbfaa-section-bg: linear-gradient(90deg, #000 60%, #fff 60%);

  /* 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:#000;
  
  /* This section is on all Tech Partner Pages for the 2nd section background color */
  --tech-partner-section-2-bg-color:#f8f8f8;
  
  /* This section is on Bottom Form BG */ 
  --bottom-form-section-bg: #000;  
  
  /* ↓↓↓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, #fff 62%, #ffab5e 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:#000;
  
  /* 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:#ffab5e;
  
  
  /* ↓↓↓ALL BUTTON COLOR STYLES↓↓↓*/  
  /* This Changes the color for all main buttons*/
  --main-button-color:#ed1d25;
  --main-button-text-color:#fff;
  --main-button-color-hover:#ffab5e;

  --button-radius: 30px;
  
  /* This Changes the color for all secondary buttons*/
  --secondary-button-color:#ed1c24;
  --secondary-button-color-hover:#ffab5e;

  /* This Changes the color for all 2nd footer button*/
  --footer-button-2: #ffab5e;
  --footer-button-2-text:#000;
  --footer-button-3: #fff;
  --footer-button-3-text:#000;
  --footer-button-2-hover:#ffab5e;
  --footer-button-2-hover-text:#fff;
  --footer-newsletter-button-bg: #000;  
  --footer-newsletter-button-text: #fff;
  --footer-newsletter-button-text-hover: #fff;  
  
  /* This Changes the color for social media icons backgroudn button color on the footer*/
  --footer-social-media-icons-button-color:#ed1d25;
  --footer-social-media-icons-color:#fff;
  --footer-social-media-icons-button-color-hover:#ed1c24; 
  --footer-social-media-icons-hover-color: #fff;  

  /* This Changes the color for footer bottom bar color */
  --footer-bottom-bar-bg: #00839a;
  --footer-bottom-bar-text-color: #fff;

  /* This Changes the color mobile phone icon */
  --mobile-phone-icon-bg: #ffab5e;
  
  /* This is were to change the footer bg and text colors */  
  --footer-bg: #f4f5f7;
  --footer-text-color: #000;  
}


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

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

/* Navigation Dropdown Menu Color */
#theme-header .sf-menu.wh-menu-main .sub-menu{
  border: none;
  margin: 0;
  padding: 0;
}
#theme-header .sf-menu.wh-menu-main .sub-menu, #theme-header .sf-menu.wh-menu-main ul li{
    background: var(--main-menu-child-bg) !important;
}
#theme-header .sub-menu li a{
  font-weight: 500;
}

/* 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(--stickyheader-text-color) !important;
}

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

#mobile-navigation #menu-main-navigation li ul{
  margin: 0;
  padding: 0;
}
#mobile-navigation #menu-main-navigation li ul li a{  
  padding: 10px;
  color: #fff !important;
}
#mobile-navigation .sf-menu.wh-menu-main ul li, #mobile-navigation #menu-main-navigation li ul{
  background-color: var(--main-color) !important;
}

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


/* General Text Styles */
h2, h2 a, h3, h3 a, h4, h4 a{
  font-family: var(--fontfamily) !important;
  font-weight: bold !important;
}

/* 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: var(--main-color);
  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: var(--service-section-bg);
}
.main-service-image{
  max-width: 1100px;
  margin: 0 auto;
}

/* 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(--bottom-form-section-bg);  
}

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

/*The color for nav contact button */
.sf-menu.wh-menu-main li.accent-link a {
  background-color: #ffaa5e;
}

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

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

@media (max-width:560px){
  .hide-mobile{
    display: none;
  }
}


/* 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;
    border-radius: var(--button-radius) !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: var(--button-radius);
}

/* --------------- Homepage 3 or 6 Services Reinstated with Phone Next to it buttons */
#services-box .section-heading span{
  color: #fff !important;
}
#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;

}

@media (min-width:768px){
  .primary-button a{
    margin-right:10px;
  }
}

.primary-button a{
  background-color: var(--primary-button-color) !important;
  color: var(--primary-button-text-color ) !important;  
  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, .secondary-button a:hover{
  background-color: var(--secondary-color-hover) !important;
  color: var(--secondary-button-text-color-hover ) !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)
{
    background-color: var(--white) !important;
    color: var(--black) !important;
    border-radius: var(--button-radius) !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(--black) !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 .first-footer-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
  color: #fff !important;
  background-color: var(--secondary-button-color);
  border-radius: var(--button-radius);
  font-weight: 600;
  font-size: 12px;
}

/* --------------- Footer Button 2 */
#footer-button-section .second-footer-button a {
  color: var(--footer-button-2-text) !important;
  background-color: var(--footer-button-2);
  border-radius: var(--button-radius);
  font-weight: 600;
  font-size: 12px;
  margin-left: 10px;
}

/* --------------- Footer Button 2 */
#footer-button-section .third-footer-button a {
  color: var(--footer-button-3-text) !important;
  background-color: var(--footer-button-3);
  border-radius: var(--button-radius);
  font-weight: 600;
  font-size: 12px;
  margin-left: 10px;
}

 #footer-button-section a{
  padding: 10px 20px !important;
  display: inline-block;
 }
 #footer-button-section a:hover{
  background-color: #000 !important;
  color: #fff !important;
 }
 #footer-button-section .second-footer-button a{
  background-color: var(--secondary-color);
 }
 #footer-button-section .third-footer-button a{
  border: 1px solid #000;
 }


/* --------------- Footer Newsletter Button */
#join-our-newsletter .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: var(--footer-newsletter-button-text) !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-hover) !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) !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;
    color: var(--footer-social-media-icons-color) !important;
}

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


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

.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 */


/* 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);
    font-weight: 600 !important;
}
div.wpforms-container-full h2{
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 50px;
}
div.wpforms-container-full .wpforms-page-button{
  background-color: var(--main-color) !important;
  color: #fff !important;
  min-width: 150px;
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
  padding-left: 50px;
  padding-right: 50px;
}
div.wpforms-container-full .wpforms-field-pagebreak{
  margin-top: 30px;
}

#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);
  }
}


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


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

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 {
  margin-top: -95px;  
  padding-top: 0 !important;
}
.wh-content p a, .wh-content li a{
  color: var(--main-color);
}
.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{
  max-height: var(--logo-height);
}
.is_stuck .wh-logo img {
  max-height: var(--sticky-logo-height);
}
.mobile-logo img{
  max-height: var(--mobile-logo-height);
  width: auto !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%;
}
/* Header Styles ------------------------------------- */
#top-header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: var(--top-header-bg) !important;
  color: var(--top-header-text-color);
}
#top-header a {
  color: var(--top-header-text-color);
  display: inline-block;
  margin: 0 5px;
}
#top-header a:hover{
  color: var(--top-header-icon-hover-color);
}
#top-header a svg, .is-menu .search-icon-path{
  fill: #fff !important;
  margin-top: 3px;
    margin-left: 5px;
}

#theme-header {
  padding-top: 10px;
  padding-bottom: 10px;
  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;
}
#theme-header .sf-menu.wh-menu-main li > a{
  color: var(--header-text-color);
  font-family: var(--fontfamily);
  letter-spacing: 0;
}
#theme-header.dark-text .sf-menu.wh-menu-main li > a{
  color: #000;
}
.wh-header.is_stuck #theme-header.dark-text img{
      filter: brightness(100);
}
.sf-menu.wh-menu-main li > a {
  margin: 0px 10px;
  padding: 10px 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 {
  font-weight: 700 !important;
  background: var(--main-color);
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.contact-button a {
  background-color: #ff0000;
  color: #222;
  padding: 10px 30px !important;
  line-height: 20px;
  border-radius: var(--button-radius);
  margin-top: -5px !important;
}
.wpb_content_element {
  margin-bottom: 0;
}
.sf-menu.wh-menu-main li.accent-link a {
  color: #222 !important;
  border-radius: 30px;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 10px;
  font-weight:bold;
}

.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: var(--main-menu-child-border);
  color: var(--main-menu-child-text-color) !important;
  font-weight: 600 !important;
}
.sf-menu.wh-menu-main .sub-menu li a:hover{
  background: var(--main-color) !important;
  color: #fff !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;
}
#mobile-header {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
#menu-open, #call-button {
  margin-bottom: 0 !important;
}
#call-button span{
  color: #fff;
}
#call-button .vc_icon_element-inner{
  background-color: var(--mobile-phone-icon-bg) !important;
}
.header-secondary-logo{
  content: '';
  position: absolute;
  background: url(/wp-content/uploads/2025/07/standard-security-logo-02.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;  
}
.header-secondary-logo a{
  padding-left: 5px !important;
  padding-right: 5px !important;
  opacity: 0;
}
#close-button.vc_icon_element{
  margin-bottom: 0 !important;
}

.meeting-link{
  background: #fff;
  color: #000 !important;
  padding: 3px 15px;
  font-weight: 600;
}

@media (max-width:1024px){
  .header-secondary-logo{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .header-secondary-logo a{
    height: 70px;
  }
}


/* 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: 180px !important;
  padding-bottom: 150px !important;
}

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

@media (min-width:880px){
  #hero-banner {
    display:flex;
    align-items:center;
  }
}

#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, #hero-banner.seo-headings h2{ 
  font-size: 18px !important;
  font-weight:500;
  color: var(--main-color) !important;
  margin-top: 0 !important;
  line-height: 1.4em !important;
}

#hero-banner h2, #hero-banner.seo-headings h1 {
  font-family: var(--fontfamily) !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: var(--button-radius) !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/11/checkmark.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;
}
.theme-list a{
  font-weight: 500;
}
.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, .theme-button button {
  margin-top: 30px;
  padding: 15px 50px !important;
  font-weight: 700 !important;
  color: var(--primary-button-text-color) !important;
  border-radius: var(--button-radius) !important;
  font-family: var(--fontfamily) !important;
  text-decoration: none !important;
  font-size: 18px !important;
  text-transform: none !important;
}
.theme-button a:hover, .theme-button button:hover{
  color: var(--primary-button-text-color-hover) !important;
}

#bottom-form .theme-button.main-button a{
  background: var(--main-color) !important;
  color: #fff !important;
}
#bottom-form .theme-button .hvr-fade:hover{
  background: #333 !important;
  color: #fff !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: var(--button-radius);
  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: 50px;
  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 ;
  }
#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: var(--button-radius);
  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 {
  padding-top: 80px;
  background-color: var(--footer-bg) !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-secondary-logo img{
    max-width: 100%;
    max-width: 200px; 
    margin-top: 20px;
}
.wh-footer h4, .wh-footer h3, .wh-footer a, .wh-footer p, .wh-footer span, .wh-footer div{
  color: var(--footer-text-color) !important;
}

#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 #838383;
  padding-bottom: 40px;
}
#footer-section-2 h4 {
  margin-bottom: 10px;
}
#footer-bottom-bar {
  background-color: var(--footer-bottom-bar-bg);  
  color: var(--footer-bottom-bar-text-color);
  margin-top: 80px;
  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;
}
.wh-footer .theme-button a {
  padding: 15px 30px !important;
  border-radius: var(--button-radius) !important;
  margin-left: 5px;
  margin-top: 0 !important;
  font-size: 16px !important;
}
.wh-footer a {
  color: #000;
}
#menu-footer-navigation a {
  font-size: 16px;
  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;
  color: #fff !important;
}
.footer-company-info div{
  font-size: 13px;
  margin-top: 15px;    
}
.footer-company-info span{
  display: block;
  font-weight: 700;
}
#footer-menu-section a {
    display: inline-block;
    font-weight: 600;
    padding: 10px 8px;
}
@media only screen and (max-width: 560px){
  #menu-footer-menu.sf-menu > li{
    width: 100%;
  }
}

/* Mobile Navigation Styles ------------------------------------- */
.header-mobile {
  background-color: var(--mobile-header-bg) !important;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
#mobile-navigation {
  /*  display: none;*/
  position: fixed;
  margin-top: -106px;
  z-index: 9;
  max-width: 90%;
  width: 380px;
  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: 1px;
  font-size: 14px;
  overflow:auto;
  font-weight: 500; 
}
#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 10px;
  max-height: calc(100vh - 320px);
  overflow: scroll;
  margin: 30px 0 0 0;
}
.mobile-navigation-section #menu-main-navigation a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  letter-spacing: 0 !important;
  color: #000;
}
.mobile-navigation-section #menu-main-navigation .sub-menu a {
  color: #000;
  border-bottom: 1px solid #fff !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;
}
#menu-open span{
  color: var(--mobile-menu-icon-color) !important;
}
#call-container {
  text-align: center;
  position: absolute;
  bottom: 40px;
  width: calc(100% - 15px);
  z-index: 1;
}
#call-container {
  font-weight: 500;
  font-size: 16px;
}
#call-container a {
  margin-top: 10px;
  border-radius: var(--button-radius);
  background-color: var(--main-color);
  color: #fff;
}
#call-container p {
  text-align: center !important;
}
/* Services Row Styles ------------------------------------- */
#services-row{
  padding-bottom: 60px;
}
#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: 0;
}
#services-box .section-heading{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#services-box h2{
  color: #fff;
  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: 50px 30px !important;
    background: #000;
    margin: 20px;
    min-height: 420px;
    border-radius: 30px;
}
#services-box .mega_info_box .mega-info-img{
  height: 80px;
  width:  auto !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: var(--button-radius);
}
#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: var(--button-radius) !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:550px;
}
#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 0;
}
#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: var(--button-radius);
  margin: 15px auto;
  min-width: 200px;
}
.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;
}
@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(--secondary-color);
  padding-bottom: 10px;
  /*     margin-top: -150px; */
  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: #fff !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 #theme-header{
  background-color: var(--footer-bg);
}
.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;
  color: var(--main-color) !important;
}
.single .prev-next-item a{
  font-weight: 700;
  color: #000 !important;
}
.single .prev-next-item .label {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}
.single .prev-next-item .left-cell,
.single .prev-next-item .right-cell{
  width: calc(50% - 20px);
    display: flow;
    margin: 10px;
}
.single .prev-next-item {
    padding: 0;
    margin-top: 30px;
  display: flex;
}
.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-content {
    margin-top: 100px;
  }
  .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%;
  }
  .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 {
    position: relative;
    z-index: 9;
  }
  #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;
    margin-top: 50px;
  }
  #footer-button-section a{
    display: block;
    padding: 10px 20px !important;
  }
  #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: var(--button-radius);
    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: var(--button-radius);
    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;
  }
}
@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 {
  background: var(--main-color);  
    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 !important;
    padding-right: 20px !important;
    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;
}

/* --------You Deserve */
#you-deserve {
  padding-top: 230px;
  padding-bottom: 230px;
  border-radius: 80px;
  margin-top: 120px;
  background-image: url("/wp-content/uploads/2024/05/You-Deserve-Background.jpg");
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 120px;
}
#you-deserve h2 {
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 10px;
}
#you-deserve p {
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
}

/* Deals and Offers Page Styles -------------------------------- */
#deals{
  padding-top: 100px;
  padding-bottom: 100px;
}
#deals .deal-box{
  padding-bottom: 50px;
  box-shadow: 0 0 10px #ddd;
  margin-bottom: 30px;
  background: #f6f6f6;
    border-radius: 10px;
}
#deals .deal-box img{
  width: 100% !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#deals .mega_content{
  max-width: 100%;
  width: 400px;
  margin: 0 auto;
}
#deals .deal-box h2{
  font-size: 26px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}
#deals .deal-box p{
  font-size: 18px;
}
#deals .deal-box a{
  padding: 5px 0 !important;
    border-radius: 0 !important;
    border-bottom: 3px solid var(--secondary-color);
    font-weight: 700;
    color: #000;
    margin-top: 20px;
}
.deals-container{
  max-width: 1200px;
  margin: 0 auto !important;
}
#faqs{
  background-color: var(--main-color);
  color: #fff;
  padding-top: 50px;
  padding-bottom: 100px;
}
#faqs .faq-list{  
  width: 1000px;
  margin: 0 auto !important;
}
#faqs h3{
  font-weight: 700;
}
#faqs span, #faqs p, #faqs h3{
  color: #fff !important;
}


/* Program Section Styles -------------------------------- */
#programs{
  padding-top: 100px;
  padding-bottom: 100px;
}
#programs h2{
  text-align: center !important;
}
#programs .info_bn_box *{
  text-align: left;
  font-family: var(--fontfamily) !important;  
}
#programs .info_bn_box h2, #programs .info_bn_box strong{
  font-weight: 700 !important;
}
#program-items{
  margin-top: 50px;
}
#program-items .mega_content, #programs .content-section{
  padding-top: 100px;
  margin-top: -90px;
  background: #f4f5f7;
  text-align: center;
  display: block;
}
#programs .slick-slide img{
  position: relative;
  z-index: 3;
}
#programs .content-section{
  min-height: 620px;
  position: relative;
}
#programs h2{
  font-weight: 700 !important;
  margin-bottom: 0!important;
}
#program-items .mega_content ul, #programs ul {
    margin: 0;
    padding: 20px 20px 0;
    position: relative;
}
#program-items .mega_content li, #programs ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
    margin-top: 10px;
    text-align: left;
}
#program-items .mega_content li:before, #programs ul li:before {
    content: '';
    background-size: contain;
    background-image: url(/wp-content/uploads/2025/09/list-icon.png);
    width: 15px;
    position: absolute;
    height: 15px;
    left: 0;
    top: 4px;
}
#program-items .mega_content a, #programs a{
  text-align: center;
  margin: 30px auto ;
  font-weight: 600;
  display: inherit;
  font-size: 16px !important;
}
#programs .program_btn{
  color: #000000;
    background: #FFFFFF;
    border: 2px solid #000;
    padding: 9px 30px;
    border-radius: 30px;
    margin-bottom: 0 !important;
    display: inline-block !important;
    position: absolute;
    margin: auto;
    width: 280px;
    left: 0;
    right: 0;
    bottom: 50px;
}
/*#application .slick-slide:first-child{
  border-left: none;
}*/
#application .slick-slide:nth-child(2) a.application-button,
#programs .slick-slide:nth-child(2) .program_btn{
  background: var(--main-color) !important;
  border: 2px solid var(--main-color) !important;
  color: #fff !important;
}
#application .slick-slide:nth-child(3) a.application-button,
#programs .slick-slide:nth-child(3) .program_btn{
  background: var(--secondary-color) !important;
  border: 2px solid var(--secondary-color) !important;
  color: #000 !important;
}

/* Accent List Styles -------------------------------- */
.accent-list ul{
  padding: 0;
  margin: 0;
}
.accent-list ul li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    margin-top: 10px;
    text-align: left;
}
.accent-list ul li:before {
    content: '';
    background-size: contain;
    background-image: url(/wp-content/uploads/2025/09/list-accent.png);
    width: 20px;
    position: absolute;
    height: 20px;
    left: 0;
    top: 2px;
}


/* Application Section Styles -------------------------------- */
#application h2{
  font-style: normal;
  font-weight: 700 !important;
  margin-bottom: 20px;
}
#application .mega-line-container h2{
  margin-bottom: 0 !important;
}
#application .mega-line-container{
  margin-bottom: 50px !important;
}
#application a.application-button {
    margin-top: 30px;
    display: inline-block;
    font-weight: 600;
    line-height: 32px;
    border: 1px solid;
    padding: 6px 30px;
    border-radius: 30px;
    color: #000;
}
#application .slick-slide:nth-child(2){
  position: relative;
}
#application .slick-slide:nth-child(2):after, #application .slick-slide:nth-child(2):before{
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ddd;
  top: 0;
}
#application .slick-slide:nth-child(2):before{
  left: 0;
}
#application .slick-slide:nth-child(2):after{
  right: 0;
}
#application .slick-slider .slick-slide p:nth-child(3){
  min-height: 120px;
}
#application .starter-slider.slick-slider .slick-slide p:nth-child(3){
  min-height: 60px;
}
#application .starter-slider.slick-slider h2{
  margin-top: 30px !important;
}

@media (max-width:560px){
  #application .slick-slide:nth-child(2):after, #application .slick-slide:nth-child(2):before{
    display: none;
  }
}

/* Resources Section Styles -------------------------------- */
#resources{
  background: var(--twotone-section-bg);
  padding-top: 100px;
  padding-bottom: 100px;
}
#resources .slider.program-carousel{
  margin-top: 50px !important;
}
.slider.program-carousel h2 {
    font-style: normal;
    font-weight: 700 !important;
    margin-bottom: 20px;
}
.slider.program-carousel p{
  text-align: center;
}
.slider.program-carousel .content-section{
    display: block;
    padding: 20px 10px 30px;
}
#resources .slider.program-carousel.tm-slider .carousel-caption {
    position: inherit !important;
    background: #ffff !important;
    padding: 10px;
    border: 1px solid #ddd;
}
#resources a.program_btn {
    background: var(--main-color) !important;
    border: 2px solid var(--main-color) !important;
    color: #fff !important;
    margin-top: 30px;
    display: inline-block;
    font-weight: 600;
    line-height: 32px;
    padding: 6px 40px;
    border-radius: 30px;
}


/* Partnership Section Styles -------------------------------- */
#partnership{
  background: var(--parnership-section-bg);
  padding-top: 150px;
  padding-bottom: 0;
}
#partnership .slider.program-carousel{
  margin-top: 50px !important;
}
#partnership .slider.program-carousel h2{
  line-height: 1.3em !important;
  font-weight: 600 !important;
}
#partnership .slider.program-carousel .content-section{
    display: block;
    padding: 0;
}
#partnership .slider.program-carousel h2{
  margin-bottom: 0 !important;
}

.fullwidth-image-text{

}
.theme-textarea-50{
  max-width: calc( var(--wrapper) / 2);
}
.theme-textarea-50.left{
  max-width: calc( var(--wrapper) / 2);
  margin-left: calc( ( (100vw - var(--wrapper) ) / 2)  - 8px );
}
@media (max-width:1400px){
  .theme-textarea-50, .theme-textarea-50.left{
    max-width: 100%;
    margin-left: auto;
  }
  #partnership {
      padding-top: 100px;
      padding-bottom: 100px;
  }
}
@media (max-width:880px){
  .fullwidth-image-text{
    padding-top: 0;
  }
}

/* WBFAA Section Styles -------------------------------- */
#wbfaa{
  background:var(--wbfaa-section-bg);
}
#wbfaa h3, #wbfaa p{
  color: #fff !important;
}
.image-bottom-bg{
  position: relative;
}
.image-bottom-bg:after {
    content: "";
    background: var(--main-color);
    position: absolute;
    width: 80%;
    height: 50%;
    bottom: -150px;
    right: 0;
}
.image-right-accent{
  position: relative;  
}
.image-right-accent img{
  z-index: 2;
  position: relative;
  border-radius: 35px;
}
.image-right-accent:after{
  content: '';
  position: absolute;
  background-color: var(--main-color);
  height: calc( 100% + 80px );
  width: 150%;
  top: -40px;
  left: 40px;
  z-index: 1;
  border-radius: 45px;
}
.image-right-accent.image-bg-top:after{
  top: 40px;
  height: 100%;
}
.image-bg-left{
  position: relative;
  margin-top: 40px;
}
.image-bg-left img{
  position: relative;
  z-index: 2;
  border-radius: 45px;
}
.image-bg-left:after{
  content: '';
  height: calc(100% + 120px);
  top:-60px;
  right: 60px;
  background: var(--main-color);
  width: 150%;
  position: absolute;
  z-index: 1;
  border-radius: 45px;
}
.text-overlap-bg.text-bg{
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.text-overlap-bg:before {
  content: '';
  position: absolute;
  left: -50%;
  width: 200%;
  top: -100px;
  height: calc(100% + 200px);
  background: var(--main-color);
}
@media (max-width:880px){
  #wbfaa{
    background: #000;
    padding-top: 0;
  }
  .image-bottom-bg:after{
    display: none;
  }
  .theme-textarea-50, .theme-textarea-50.left{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 50px;
  }
  .theme-textarea-50 .vc_column-inner, .theme-textarea-50.left .vc_column-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #additional-resources{
    max-width: 90%;
    margin-left: 3%;
  }
  .image-right-accent {    
    max-width: 90%;
    margin: 70px 7% 100px 3%;
  }  
  .text-overlap-bg.text-bg {
    margin-top: 50px !important;
  }
  .text-overlap-bg:before{
    top: -25%;
    background: #000;
    height: calc(100% + 25% + 100px);
  }
  #text-image-section .text-bg h2, #text-image-section .text-bg p {
    color: #fff !important;
  }
  .image-bg-left {
    margin-bottom: 100px;
  }
}
@media (max-width:560px){
  
  .text-bg {
    padding-top: 100px;
  }
}



#header-search-container li:first-child {
    padding-right: 5px;
    margin-right: 5px;
}
#header-search-container li:first-child:after {
    content: '';
    height: 16px;
    width: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 4px;
}


/* WBFAA Accordion Section Styles -------------------------------- */
#accordion .mega-accordion{
  margin-top: 50px;
}
#accordion .mega-accordion h3 {
    border-top: 1px solid #000 !important;
    position: relative;
    font-weight: 700;
    padding: 17px 0 !important;
    margin: 0 !important;
}
#accordion .mega-accordion h3:first-child{
  border-top: none !important;
}
.mega-accordion h3 span {
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 22px;
    color: #FFAB5E;
}
.mega-accordion .mega-panel {
    padding: 0 0 40px !important;
}

#accordion #multi-faq .mega-accordion {
    margin-top: 0;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}


#additional-resources{
  margin-bottom: 200px;
  border-radius: 35px;
}
#additional-resources .bg-section{
  padding-top: 100px;
  padding-bottom: 100px;
  
}
#additional-resources.with-image{
  margin-top: 100px;
}
#additional-resources.with-image .bg-section img{
  position: absolute;
  bottom: -100px;
  left: 70px;
}
#additional-resources .bg-section:after{
  content: '';
  position: absolute;
  left: 40px;
  top: 40px;
  background-color: var(--main-color);
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 35px;
}
#additional-resources .mega-info-title{
  line-height: 1.3em !important;
  font-weight: 400;
}
#additional-resources .mega-line-bottom{
  margin-bottom: 50px;
}
#additional-resources .mega_info_box_2{
  max-width: 500px;
  margin: 0 auto;
}
#additional-resources h3, #additional-resources p{
  color: #fff !important;
}
#additional-resources p{
  margin-bottom: 20px;
}
@media (max-width:880px){
  #accordion .mega-line-container h2{
    margin-top: 50px !important;
  }
  #accordion .vc_col-sm-6:nth-child(2) .mega-accordion {
    margin-top: 0;
    border-top: 1px solid;
  }
  #accordion .mega-accordion {
    margin-top: 0;
  }
}


#download .mega_info_box_2 .mega-info-header{
  float: none;
}
#download .mega_info_box_2{
    width: 380px;
    margin: 0 auto;
    padding: 0;
}
#download .mega_info_box_2 .mega-info-img{
  padding-bottom: 0;
}



.how-to-steps {
  padding: 35px 20px;
  margin: 0 auto;
  background: url(/wp-content/uploads/2025/11/clipboard-1.png);
  background-size: cover;
  width: 220px;
  height: 312px;
}
.how-to-steps h2{
  font-size: 50px !important;
  color: #ffffff !important;
  font-weight: bold !important;
  margin-bottom: 70px !important;
}
.how-to-steps p{
  line-height: 1.5em !important;
  font-size: 16px !important;
}
.how-to-row{
  width: 830px;
  max-width: 100%;
  margin: 50px auto 0 !important;
}
.how-to-step{
  position: relative;
}
.how-to-step:after{
  position: absolute;
  content: url(/wp-content/uploads/2025/11/connector.png);
  height: 10px;
  width: 100px;
}
.how-to-step:before{
  position: absolute;
  content: '';  
  height: 101%;
  width: 3px;
  background: #000;
  top: 98px;
}
.step-1{
}
.step-2{
  margin-top: 150px; 
}
.step-3{
  margin-top: -50px; 
}
.step-4{
  margin-top: 100px; 
}
.step-1:after {
    transform: rotate(-180deg);
    right: 0;
    top: 100px;
}
.step-2:after {
    top: 100px;
    left: 0;
}
.step-3:after {
    transform: rotate(-180deg);
    right: 0;
    top: 100px;
}
.step-4:after {
    top: 100px;
    left: 0;
}

.step-1:before, .step-3:before{
  right: -3px;
}
.step-2:before, .step-4:before{
  left: 0;
  display: none;
}
.step-3:before{
  top: -54px;
}


#bottom-form{
  overflow: hidden;
}
#bottom-form form {
    z-index: 3;
    position: relative;
    background: #fff;
    padding: 50px 30px;
    border-radius: 24px;
    box-shadow: 0 0 6px #bababa;
}
#bottom-form:after {
    content: '';
    width: 120%;
    height: 150%;
    top: 208px;
    right: -60%;
    transform: rotate(140deg);
    position: absolute;
    background: var(--main-color);
}
#bottom-form form{
  z-index: 3;
}
#bottom-form h4{
  margin-bottom: 0;
  color: var(--main-color);
}
#bottom-form a{
  color: #000;
  text-decoration: underline;
}
#bottom-form button{
  background-color: var(--main-color) !important;
}
@media (max-width:880px){
  #bottom-form form{
    margin-top: 70px;
  }
  #bottom-form:after {    
    height: 180%;
    top: 0;
    right: -60%;
    transform: rotate(36deg);
  }
  #bottom-form .secondary-button a {
    margin-left: 0;
  }
}



#carousel-section .mega-line-container {
  margin-bottom: 50px;
}
#carousel-section .slick-slide {
/*    width: calc(25% - 40px) !important;*/
    margin: 70px 20px 10px;
    background-color: #F2F3F6;
    min-height: 250px;
    position: relative;
}
#carousel-section .slick-slide:after {
    content: '';
    background: url(/wp-content/uploads/2025/11/Rectangle-35.png);
    height: 10px;
    width: 77px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto;
    z-index: 2;
    background-size: contain;
}
#carousel-section .slick-slide img {
  width: 110px !important;
  margin-top: -55px;
  margin-bottom: 40px !important;
}
#carousel-section .sdm-carousel.carousel-tiles .slick-slide {
    padding: 0 20px !important;
    width: calc(50% - 40px) !important;
    margin-top: 80px !important;
    margin-bottom: 20px !important;
}
.two-tone-carousel .slick-slide:nth-child(odd) {
  background: #222222 !important;
}
.two-tone-carousel .slick-slide:nth-child(even) {
  background: var(--main-color) !important;
}
.two-tone-carousel .slick-slide p{
  color: #fff !important;
}

@media (max-width:880px){
  .reverse-columns{
    display: flex;
    flex-direction: column-reverse;
  }
  #carousel-section .sdm-carousel.carousel-tiles .slick-slide{
    width: calc(50vw - 60px) !important;
  }
}
@media (max-width:880px){
  #carousel-section .sdm-carousel.carousel-tiles .slick-slide{
    width: calc(50vw - 60px) !important;
  }
}
@media (max-width:560px){
  #carousel-section .sdm-carousel.carousel-tiles .slick-slide{
    width: calc(100vw - 80px) !important;
  }
}

#fullwidth-text-section{
  max-width: 1000px;
  margin: 0 auto;
}
#fullwidth-text-section .mega-line-container{
  margin-bottom: 30px;
}


#text-image-section{
  position: relative;
}
#text-image-section img{
  border-radius: 45px;
}
.text-bg{
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
.text-bg h2, .text-bg p{
  color: #fff !important;
}
.text-bg:after {
    content: '';
    width: 200%;
    position: absolute;
    height: 100%;
    left: -100px;
    top: 0;
    background: #000;
}
@media (max-width:880px){
  #text-image-section h2, #text-image-section p,
  .text-bg h2, .text-bg p{
    color: #000 !important;
  }
  .text-bg{
    padding-top: 50px;
    padding-bottom: 0;
  }
  .text-bg:after {
    background: transparent;
  }
  #text-image-row img{
    margin-bottom: 30px;
  }
}

.carousel-bg{
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.carousel-bg h2{
  line-height: 1.2em !important;
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  color: var(--main-color) !important;
}
.carousel-bg .content-section a {
    display: inline-block;
    padding: 10px 35px;
    border-radius: 35px;
    background: var(--main-color);
    margin-top: 30px;
    color: #fff !important;
    font-weight: 500;
}
.carousel-bg .carousel-caption {
    background: #fff !important;
    border-radius: 18px;
    padding: 30px 20px;
}
.top-slant-accent{
  position: relative;
  padding-top: 220px !important;
  padding-bottom: 100px;
}
.top-slant-accent:before {
  content: "";
  height: 150px;
  position: absolute;
  top: 0;
  background: #6a5353;
  width: 100%;
  z-index: 2;
  left: 0;
  background-image: -webkit-linear-gradient(86deg, #f7f7f7 50%, #ffffff 50%);
}



#partnerships .vc_separator .vc_sep_holder .vc_sep_line{
  border-top: 1px solid #9C9B9B !important;
  width: 80% !important;
  margin: 0 auto;
}
#partnerships .vc_separator .vc_sep_holder{
  margin-top: 20px;
  height: 50px;
}


.certification-list .vc_col-sm-3{
  border-left: 1px solid #786868;
}
.certification-list .vc_col-sm-3:first-child{
  border-left: none !important;
}
@media (max-width:880px){
  .certification-list .vc_col-sm-3{
    border-left: none;
  }
}


#process-slider{
  width: 750px;
  margin: 30px auto 0;
}
#process-slider .slick-slide{
  position: absolute;  
  margin: 0 auto;
  background: url(/wp-content/uploads/2025/11/clipboard-1.png);
  background-size: cover;
  width: 220px !important;
  height: 312px;
}
#process-slider .process-slider .slick-slide{
  padding: 70px 20px 20px !important;
}
#process-slider .slick-track{
  height: calc(300px * 3);
  position: relative;
}
#process-slider .slick-track:after{
  content: '';
  position: absolute;
  height: 65%;
  left: 50%;
  width: 3px;
  background: #000;
  top: 100px;
}
#process-slider .slick-initialized .slick-slide:first-child{
  left: 0;
}
#process-slider .slick-initialized .slick-slide:nth-child(2){
  right: 0;
  top: 150px;
}
#process-slider .slick-initialized .slick-slide:nth-child(3){
  left: 0;
  top: 400px;
}
#process-slider .slick-initialized .slick-slide:nth-child(4){
  right: 0;
  top: 550px;
}
/*#process-slider .tm-slider .carousel-caption{
  padding: 70px 20px 20px;
}*/
#process-slider .tm-slider .carousel-caption h2{
    font-size: 45px !important;
    color: #fff !important;
}
#process-slider .tm-slider .carousel-caption p {
  margin-bottom: 50px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600;
}
#process-slider .slick-list{
  position: relative;
}
/*#process-slider .slick-initialized .slick-slide .carousel-caption{
  position: relative;
  padding: 70px 20px 20px;
  margin: 0 auto;
  background: url(/wp-content/uploads/2025/11/clipboard-1.png);
  background-size: cover;
  width: 220px !important;
  height: 312px;
}*/
#process-slider .slick-slider:before, #process-slider .slick-slider:after,
#process-slider .slick-list:before, #process-slider .slick-list:after{
  content: '';
  position: absolute;
  content: url(/wp-content/uploads/2025/11/connector.png);
  height: 10px;
  width: 100px;
}
#process-slider .slick-list:before {
  left: 50%;
  bottom: 24%;
}
#process-slider .slick-list:after {
  right: calc(50% - 3px);
  top: 11%;
  transform: rotate(180deg);
}
#process-slider .slick-slider{
position: relative;
}
#process-slider .slick-slider:before {
  left: 50%;
  top: 30%;
}
#process-slider .slick-slider:after {
  right: 50%;
  top: 55%;
  transform: rotate(180deg);
}

@media (max-width:560px){
  #process{
    padding-bottom: 150px;
  }
  #process-slider .slick-list,
  #process-slider .slick-track {
    height: 312px;    
  }
  #process-slider .slick-initialized .slick-slide {
    position: relative;
    width: calc(220px * 3 - 73px) !important;
    background: none;
    padding: 0 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
  }
  #process-slider .slick-initialized .slick-slide{
    margin-left: calc(((100vw - 220px) / 2) - 35px);
    margin-right: calc(((100vw - 220px) / 2) - 35px);
  }
  #process-slider .slick-initialized .slick-slide .carousel-caption{
    position: relative;
    padding: 70px 20px 20px;
    background: url(/wp-content/uploads/2025/11/clipboard-1.png);
    background-size: cover;
    width: 220px !important;
    height: 312px;
  }
  /*#process-slider .slick-initialized .slick-slide{
    position: relative !important;
    right: 0;
    top: 0 !important;
    margin-left: calc(((100vw - 220px) / 2) - 35px);
    margin-right: calc(((100vw - 220px) / 2) - 30px);
  }*/
  #process-slider .slick-track:after,
  #process-slider .slick-slider:before, #process-slider .slick-slider:after,
  #process-slider .slick-list:before, #process-slider .slick-list:after{
    display: none; 
  }  
  #process-slider .slick-dots{
    width: 100vw !important;
    left: -35px;
  }
  #process-slider .slick-next{
    left: calc(100vw - 100px);

  }
}



#courses-slider .slick-slider .slick-arrow{
  background: #fff !important;
  border-radius: 50%;
  box-shadow: 0 0 10px #ddd;
  height: 35px;
  width: 35px;
  top: calc(100% + 40px);
}
#courses-slider .tm-slider.slick-slider .slick-prev:before, 
#courses-slider .tm-slider.slick-slider .slick-next:before{
  top: 3px;
  position: relative;
  color: #e03c2b !important;
}
#courses-slider .slick-next {
  right: calc(100% - 130px) !important;
}
.carousel-courses .carousel-caption{
  background: #F7F7F7 !important;
  border-radius: 20px;
  min-height: 150px;
}
.carousel-courses .content-section p:nth-child(3){
  padding: 30px;
}

.carousel-list .carousel-caption{
  min-height: 735px;
  position: relative;  
}
.carousel-list ul{
  padding: 0 10px;
  list-style: none;
}
.carousel-list li {
  position: relative;
  text-align: left;
  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.4em;
}
.carousel-list li:after{
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  background: url(/wp-content/uploads/2025/11/checkmark.png);
  background-size: contain;
  left: 0;
  top: 10px;
}
.carousel-list img{
  max-width: 180px !important;
}
#carousel-career .carousel-list .carousel-caption{
  position: relative !important;
}
.carousel-list .content-section a{
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 220px;
  font-weight: 500;
}
.carousel-list .slick-dots li:after{
  background: none ;
}

.overflow-image-section{
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 100px;
}
.overflow-image-section:after{
  content: '';
  background: #333;
  height: calc(100% - 280px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 140px;
}
.overflow-image-section .wpb_single_image img{
  max-width: calc(100% + 150px) !important;
  margin-left: -17%;
}

@media (max-width:880px){
  .overflow-image-section:after{
    height: 100%;
    top: 25%;
  }
}
@media (max-width:560px){
  .overflow-image-section:after{
    height: calc(100% - 140px); 
  }
  .overflow-image-section{
    margin-bottom: 100px;
  }
  .overflow-image-section .wpb_single_image img {
    max-width: calc(100% + 40px) !important;
    margin-left: -20px;
  }
}



.dark-bg-light-text{
}
.dark-bg-light-text p, .dark-bg-light-text h2{
  color: #fff !important;
}
.light-text p, .light-text li, .light-text span{
  color: #fff !important;
}


#three-column-icon-section .mega_info_box {
    text-align: left;
    max-width: 340px;
    margin: 0 auto;
}
#three-column-icon-section .mega_info_box .mega-info-img{
  margin: 0;
}
#three-column-icon-section .mega_info_box p {
  font-size: 15px;
  text-align: left;
}


#application-form{
  position: relative;
  padding-bottom: 100px;
}
#application-form:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: var(--main-color);
  height: 50%;
  width: 100%;
}
#application-form .wpforms-container{
    max-width: 900px;
    box-shadow: 0 4px 12px hwb(0deg 0% 100% / 20%);
    border: 1px solid #000;
    padding: 50px;
    border-radius: 24px;
    background: #fff;
}
#application-form .wpforms-container .wpforms-title{
  color: #000 !important;
}
.wpforms-container button[type=submit]{
  background-color: var(--main-color) !important;
  padding: 10px 50px !important;
}
#application-form .wpforms-submit{
  position: absolute;
  margin-top: -65px;
  left: 180px;  
}

#two-tone-section{
  position: relative;
  padding-top: 100px;
}
#two-tone-section:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 100%;
  background-color: #222;
  z-index: 1;
}
#image-text-carousel{
  z-index: 2;
  position: relative;
}


.mega-line-container p{
  font-size: 18px !important;
  font-weight: 500 !important;
}
.accent-title h2{
  font-style: italic !important;
}
.accent-title h2 span{
  display: none;
}


#timeline .cd-timeline-content{
  box-shadow: none !important;
}
#timeline .cd-container {
  max-width: 1200px;
  margin: 0;
  padding: 0;
  position: relative;
}
#timeline .cd-container:after {
    content: '';
    width: 4px;
    height: calc(100% - 251px);
    background: #000;
    top: 35px;
    left: calc(50% - 4px);
    position: absolute;
}
#timeline .cd-timeline-content{
  width: 43%;
}
#timeline .cd-timeline-dot {
  width: 14px !important;
  height: 14px !important;
  position: relative;
  top: 30px !important;
}
#timeline .cd-timeline-dot:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 50px;
  background: #000;
  top: 5px;
  left: 16px;
}
#timeline .cd-timeline-block:nth-child(odd) .cd-timeline-dot {
  margin-left: calc(-50px - 18px) !important;
}
#timeline .cd-timeline-block:nth-child(even) .cd-timeline-dot {
    margin-left: 50px !important;
    transform: rotate(180deg);
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .timeline-arrow{
  display: none !important;
}
#timeline #cd-timeline .timeline-line {      
  display: none !important;
}
@media only screen and (max-width: 880px) {
  #timeline .cd-timeline-content{
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .cd-timeline-content .timeline-arrow,
  #timeline .cd-container:after,
  #timeline .cd-timeline-dot,
  #timeline .cd-timeline-dot:after{
    display: none;
  }
}



#team .mega_team_case {
  max-width: 100%;
  width: 250px;
  margin: 0 auto;
}
#team .mega_team_case .member-image,
#team .mega_team_case .member-image img{
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border: none;
  box-shadow: none;
}
#featured-member .mega_info_box_2{
  position: relative;
  padding: 0;
  margin: 0;
}
#featured-member .mega_info_box_2 .mega-info-desc {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 150px;
    background: var(--main-color);
    color: #fff;
    padding: 30px 20px;
    width: 100%;
    z-index: 1;
    left: 0;
    padding-left: 53%;
    border-radius: 20px;
}
#featured-member .mega_info_box_2 .mega-info-img{
  position: relative;
  z-index: 2;
}
#featured-member h3{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
}
#team .mega_team_case .member-name span{
  background: #000 !important;
  font-size: 12px;
  font-size: px;
  padding: 5px 10px;
  font-weight: 600;
}
#team .mega_team_case .member-name {  
  background-color: var(--main-color) !important;
  padding: 8px 15px;
  width: 200px;
  font-size: 18px;
  bottom: 20px;
}
.mega_team_case .member-desc{
  font-size: 16px !important;
  color: #000 !important;
  font-weight: 600 !important;
  margin-top: 5px;
}
@media only screen and (max-width: 880px) {
  #team .vc_col-sm-3{
    width: 50%;
  }
}
@media only screen and (max-width: 560px) {
  #team .vc_col-sm-3{
    width: 100%;
  }
  #featured-member .mega_info_box_2 .mega-info-header{
    padding: 0 !important; 
  }
  #featured-member .mega_info_box_2{
    max-width: 100%;
    width: 250px;
    margin: 0 auto;
  }
  #featured-member .mega_info_box_2 .mega-info-desc{
    position: relative;
    padding: 30px 20px;
    border-radius: 0;
    margin-top: -30px;
    margin-top: -40px;
    z-index: 2;
  }
  #team .mega_info_box_2 .mega-info-footer{

  }
  #team .mega_team_case{
    width: 250px;
    margin: 0 auto;
  }
}


#rev-form{
  padding: 0 !important;
  border-radius: 24px;
  width: 600px;
  max-width: 100%;
}
#rev-form div.wpforms-container-full{  
  padding: 50px 30px !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px;
  border-radius: 24px !important;
  background: #fff !important;
}
#rev-form  .wpforms-head-container{
  padding: 0 0 10px !important;
}
#rev-form .wpforms-title{
  text-align: center !important;
}
#rev-form .wpforms-field-label{
  margin-bottom: 5px !important;
}

#contact-banner{
  padding-top: 120px;
  padding-bottom: 120px;
  min-height: 900px;
}
#contact-banner h1, #contact-banner h4{
  color: #fff !important;
  margin: 5px 0 !important;
}
#contact-banner h4{
  color: var(--secondary-color) !important;
}
#contact-banner p{
  color: #fff;
  font-size: 18px;
}
#contact-banner .wpforms-title{
  color: #000 !important;
}

#contact-list .vc_col-sm-6:first-child{
  border-right: 1px solid;
}
#contact-list .vc_col-sm-6:nth-child(2) .mega-info-header{
  margin-left: 30px;
}
#contact-list .vc_col-sm-6 .vc_column-inner,
#contact-list .mega_info_box_2{
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}
#contact-list .mega_info_box_2{
  padding-top: 30px;
}
#contact-list .vc_col-sm-6 a:first-child .mega_info_box_2{
  border-bottom: 1px solid;
  border-radius: 0;
}

@media only screen and (max-width: 880px) {
  #contact-list .vc_col-sm-6{
    width: 50%;
  }
}

@media only screen and (max-width: 560px) {
  #contact-list .vc_col-sm-6{
    width: 100%;
  }
  #contact-list .vc_col-sm-6 .vc_column-inner, #contact-list .mega_info_box_2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0 !important;
  }
  #contact-list .mega_info_box_2{
    border-bottom: none !important;
  }
  #contact-list .vc_col-sm-6:nth-child(2) .mega-info-header {
    margin-left: 0;
  }
}