/* 
Theme Name: SDM
Theme URI: https://sd.marketing/
Description: SDM is a child theme of Petal, created by Elementor team
Author: SD Marketing
Author URI: https://sd.marketing/
Template: petal
Version: 1.0.0
Text Domain: petal-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-header, custom-colors, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Version: 2.7.0
License: GNU General Public License
License URI: license.txt
*/

/* =Theme customization starts here
-------------------------------------------------------------- */ 
:root {

  /* General Styles Variables */
  --wrapper: 1400px;
  --text-size: 18px;
  --text-color: #000;
  --light-text: #fff;
  --dark-text: #000;
  --font: Inter;
  --button-radius: 5px;
  
  /* Header Styles Variables */
  --header-bg: transparent;
  --header-bg-text: #000;
  --header-light: #fff;
  --header-light-text: #000;
  --header-dark: #000;
  --header-dark-text: #ffff;
  --logo-height: 150px;

  /* Theme Color Variables */
  --primary-color: #0062D0;
  --primary-color-hover: #04051F;
  --secondary-color: #04051F;
  --secondary-color-hover: #002957;
  --gradient-bg: linear-gradient(145deg, rgba(0,41,87,1) 57%, rgba(0,98,208,1) 100%);
  --block-bg: #E6EFFA;

  /* Theme Spacer Variables */
  --large-padding: 150px;
  --medium-padding: 100px;
  --small-padding: 50px;

  /* Theme Container Width Variables */
  --container-large: 1400px;
  --container-medium: 1000px;
  --container-small: 700px;

  /* Text Alignment Variables */
  --center: center !important;
  --left: left !important;
  --right: right !important;

  /* Mobile Styles Variables*/
  --mobile-menu-bg-color: #fff;

  /* Navigation Styles Variables */
  --logo-height: 100px;

}

html{
  height: 100%
}
body {
  margin: 0;
  font-family: var(--font);
  overflow-x: hidden;
  font-weight: 300;
  font-size: var(--text-size);
}
a, p, span, label, div, li, button {
  font-family: var(--font);
  letter-spacing: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5em;
}
h1, h2, h3, h4{
  font-family: var(--font) !important;
  margin-top: 0 !important;
}
a{
  text-decoration: none;
}
h3, h3 a{
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600 !important;
}
.cbp-container, #tribe-events-pg-template {
  max-width: 1440px;
}
.wh-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  background-color: var(--header-bg); !important;
  border-bottom: none !important;
  box-shadow: 0 0 10px #ddd;
}
.wh-content {
  padding-top: 0 !important;
}
.wh-padding, #tribe-events-pg-template {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 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;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
  margin-bottom: 0;
}
.wh-logo img, .logo-sticky img {
  max-height: var(--logo-height);
}
.wh-header.is_stuck{
  z-index: 9;
}


/* SDM Header Styles -------------------------------- */
#sdm-header{
  padding: 20px 0;
  overflow: visible;
  z-index: 9;
}
#sdm-header .wh-menu-main{
  padding: 0 !important;
  list-style: none;
}
#sdm-header .wh-menu-main li{
  display: inline-block;
}
#sdm-header .wh-menu-main li:first-child a{
  padding-top: 0;
}
#sdm-header .wh-menu-main li a{
  text-decoration: none;
  padding: 10px;
}
#sdm-header .sf-menu.wh-menu-main .sub-menu{
  position: absolute;
  padding: 0;
  display: none;
}
#sdm-header .sf-menu.wh-menu-main .menu-item-has-children:hover .sub-menu{
  display: block;
}
#sdm-header .sf-menu.wh-menu-main .sub-menu li{
  display: block;
}
#sdm-header .sf-menu.wh-menu-main .sub-menu li a{
  padding: 12px 35px;
  display: block;
  border-bottom: 1px solid var(--block-bg);
}
#sdm-header .sf-menu.wh-menu-main .sub-menu li:last-child a{
  border-bottom: 0 ;
}
.nav-accent a{
  background-color: var(--primary-color);
  color: var(--light-text) !important;
  border-radius: var(--button-radius);
}


/* SDM Footer Styles -------------------------------- */
#sdm-footer{
  padding-top: 120px;
  padding-bottom: 120px;
  background: var(--gradient-bg);
  color: var(--light-text);
}
#footer-logo{
  max-width: 350px;
}
.sdm-menu-block{
  list-style: none;
  margin: 0;
  padding: 0;
}
.sdm-menu-block a{
  color: var(--light-text);
  background: none !important;
  padding: 8px 0;
  text-decoration: none;
  display: block;
}
.footer-copyright p{
  margin-top: 80px;
  color: var(--light-text);
}
.footer-copyright a{
	color: #fff;
}
#sdm-footer-info .sdm-block{
  padding-top: 10px;
  padding-bottom: 10px;
}
#sdm-footer-info{
  margin-top: 30px;
}
#sdm-footer-info a{
  color: #fff;
  text-decoration: none;
}
.sdm-center-block .vc_column-inner{
  max-width: 210px;
  margin: 0 auto;
}

/* SDM Text Styles -------------------------------- */
.dark-text, .dark-text p{
  color: var(--dark-text);
}
.default-text, .default-text li{
  font-size: var(--text-size) !important;
}

/* SDM Text Alignment Styles -------------------------------- */
.align-left, .align-left div, .align-left p{
  text-align: left !important;
}

/* SDM Button Styles -------------------------------- */
.sdm-button {
  text-decoration: none !important;
  border: none !important; 
  background: var(--primary-color) !important;
  color: var(--light-text) !important;
  display: inline-block !important;
  padding: 16px 30px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.3em !important;
  margin-bottom: 20px;
  border-radius: var(--button-radius) !important;
}
.sdm-button:hover{
  background: var(--primary-color-hover);
  color: var(--light-text);
  border: none !important;
}
.sdm-button.white-button{
  background: var(--light-text) !important;
  color: var(--primary-color) !important;
}

/* SDM Slider Styles -------------------------------- */
#sdm-slider .rs-h1, #sdm-slider .rs-h1 span{
  font-size: 50px !important;
  font-family: var(--font);  
  font-weight: 700 !important;
}
#sdm-slider .rs-h1 span{
  color: var(--primary-color) !important;
}
#sdm-slider .rs-h1-span{
   font-weight: 700 !important;
   font-family: var(--font) !important; 
}
#sdm-slider .rs-h1-span span{
  font-size: inherit !important;
  font-weight: 700 !important;
  color: var(--primary-color);
  font-family: var(--font) !important;
}
#sdm-slider rs-module-wrap, rs-module-wrap{
  width: 100% !important;
  left: 0 !important;
}
rs-module{
  width: 100% !important;
}
.home-banner h1{
}
.rs-hidden{
  display: none !important;
}

/* SDM Custom Display Styles --------------------------------------- */
.display-large{
  display: block;
}
.display-small{
  display: none;
}


/* SDM Block Styles -------------------------------- */
.sdm-full-block{
  padding-top: var(--large-padding);
  padding-bottom: var(--large-padding);
}
.sdm-full-block.no-padding{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.sdm-full-block.medium{
  padding-top: var(--medium-padding) !important;
  padding-bottom: var(--medium-padding) !important;
}
.sdm-full-block.with-bg{
  background: var(--block-bg);
}
.sdm-full-block .sdm-block-text.left{
  padding-left: 100px;
}
.sdm-full-block .sdm-block-text.right{
  padding-right: 100px;
}
.sdm-full-block ul{
  margin-bottom: 30px !important;
  list-style: none;
  padding-left: 0 !important;
}
.sdm-full-block ul li{
  position: relative;
  padding: 5px 10px 5px 35px;
  font-size: 16px;
}
.sdm-full-block .sdm-block-text ul li:before{
  content: url(/wp-content/uploads/2025/02/Check-2.png);
  position: absolute;
  left: 0;
  top: 7px;
}
.sdm-full-block .sdm-block-text ul.slick-dots li:before{
  content: '';
}
.sdm-full-block.light-text .sdm-block-text ul li:before, .sdm-full-block .light-text ul li:before{
  filter: brightness(0) invert(1);
}
.sdm-full-block .ul-50 ul li{
  display: inline-block;
  width: calc( 50% - 48px);
}
.sdm-full-block .sdm-heading-accent h2{
  margin-top: 0;
}
.sdm-full-block .sdm-heading-accent.center h2{
  text-align: var(--center);
}
.sdm-full-block .container-medium{
  max-width: var(--container-medium);
  margin: 0 auto;
  float: none;
}
.sdm-full-block .container-small{
  max-width: var(--container-small);
  margin: 0 auto;
  float: none;
}
.sdm-full-block .list-white  ul li:before {
  filter: brightness(0) invert(1);
}
.sdm-full-block .sdm-button{
  margin-top: 30px !important;
}

/* SDM Text Alignment Styles -------------------------------- */
.align-center{
  text-align: var(--center);
}
.align-right{
  text-align: var(--right);
}
.align-left{
  text-align: var(--left);
}

/* SDM Text Styles -------------------------------- */
.sdm-heading-accent h2, .sdm-heading-accent h2 span{
  font-size: 40px !important;
  font-weight: 700;
  line-height: 1.3em;
}
.sdm-heading-accent h2 span{
  color: var(--primary-color);
}


/* Full Service Section Styles -------------------------------- */
#full-service .slick-initialized .slick-slide {
  display: block;
  width: calc(25% - 50px) !important;
  background: var(--block-bg);
  padding: 30px 10px;
  margin: 0 10px 20px;
}
#full-service .aio-icon-box, #sdm-slick-slider .aio-icon-box{
  text-align: center !important;
}
#full-service .default-icon .aio-icon-default, #sdm-slick-slider .default-icon .aio-icon-default{
  display: inline-block;
}
#full-service .aio-icon-img, #sdm-slick-slider .aio-icon-img{
  margin-right: 0 !important; 
}
#full-service .aio-icon-description, #sdm-slick-slider .aio-icon-description{
  min-height: 80px;
}
#full-service .aio-icon-description p, #sdm-slick-slider .aio-icon-description p{
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 0 !important;
}
#full-service .aio-icon-img .img-icon, #sdm-slick-slider .aio-icon-img .img-icon{
  width: auto !important;
  height: 60px;
}

/* SDM Slick Slider Styles --------------------------------- */
#sdm-slick-slider .slick-initialized .slick-slide{
  display: block;
  background: var(--block-bg);
  padding: 30px 10px;
  margin: 0 10px 20px;
}
#sdm-slick-slider .ult-carousel-wrapper{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Icon Block Styles -------------------------------- */
.icon-block-slider .aio-icon-component{
  padding: 30px;
}
.icon-block-slider.white-block .aio-icon-component{
  background: #fff;
}
.icon-block-slider .aio-icon-description{
  min-height: 80px;
}
.icon-block-slider .aio-icon-description p{
  margin-bottom: 0;
}

/* Image Text Block Styles -------------------------------- */
.image-text-block-slider .ultb3-box{
  background-color: var(--primary-color);
  border-radius: 8px;
}
.image-text-block-slider img{
  position: relative !important;
}
.image-text-block-slider .ultb3-info{
  top: 0 !important;
  color: #fff;
}
.image-text-block-slider .ultb3-box .ultb3-title{
  font-size: 24px !important;
  color: #fff;
}
.image-text-block-slider .ultb3-desc{
  font-family: var(--font) !important;
  font-size: 18px;
  font-weight: 300 !important;
}


/* SDM Info Banner Styles --------------------------------------- */
#sdm-info-banner .image-text-block-slider .ultb3-info{
  min-height: 140px;
}
#sdm-info-banner .long-banner-text .ultb3-box{
  min-height: 740px !important;
}


/* Image Negative Bottom Margin Styles -------------------------------- */
.overflow-visible{
  overflow: visible !important;
  margin-bottom: 50px;
}
.sdm-full-block .image-bottom{
  margin-bottom: -50px;
  z-index: 1;
  position: relative;
}
.sdm-full-block.sdm-block-image-bottom .image-bottom{
  margin-bottom: -200px !important;
}

/* SDM Accordion Styles --------------------------------------- */
.sdm-accordion{
  margin-bottom: 0;
}
.sdm-accordion.mega-accordion h3 span{
  position: absolute;
  right: 5px;
  top: 18px;
  font-size: 20px;
  color: var(--primary-color);
}
.sdm-accordion.mega-accordion h3{
  border-radius: 8px;
  background: var(--block-bg);
  border: 2px solid var(--primary-color) !important;
  margin-bottom: 10px;
  position: relative;
  font-weight: 400 !important;
}
.sdm-accordion.mega-accordion .mega-panel {
    padding: 50px 20px 55px;
    border-bottom: 2px solid var(--primary-color) !important;
    margin-bottom: 20px !important;
    border-left: 2px solid var(--primary-color) !important;
    border-right: 2px solid var(--primary-color) !important;
    margin-top: -15px !important;
}
.sdm-accordion.mega-accordion .ui-accordion-header-active{
  background: var(--primary-color);
  color: #fff;
}
.sdm-accordion.mega-accordion .ui-accordion-header-active span{
  color: var(--light-text) !important;
}
.sdm-accordion.mega-accordion .ui-accordion-header-active{
  color: #fff;
}


/* SDM Mobile Header Styles --------------------------------------- */
.header-mobile {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 999999;
  box-shadow: 0 0 20px #0c0c0c24;
}
#mobile-navigation {
  background: var(--mobile-menu-bg-color);  
  position: fixed;
  margin-top: -96px;
  z-index: 9;
  width: 90%;
  float: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  left: -100%;
  transition-property: left;
  transition-duration: .8s;
  transition-delay: .2s;
  max-width: 400px;
}
#mobile-navigation.openMenu {
  left: 0;
}
#mobile-navigation #menu-primary-navigation{
  list-style: none;
}
#mobile-navigation #menu-primary-navigation li {
  display: block;
  width: 100%;
}
#mobile-navigation #menu-primary-navigation a, #menu-primary-navigation.sf-menu.wh-menu-main a {
  font-family: var(--fontfamily);
  letter-spacing: 1px;
  font-size: 16px;
  overflow:auto;
}
#mobile-header .wpb_wrapper .vc_column_container:first-child, #mobile-header .wpb_wrapper .vc_column_container:nth-child(3) {
  width: 20%;
}
#mobile-header .wpb_wrapper .vc_column_container:nth-child(2) {
  width: 60%;
}
#mobile-header .vc_column_container {
  float: left;
}
.mobile-navigation-section {
  height: calc(100vh - 50px);
  padding: 0 10px;
}
.mobile-navigation-section .vc_row .vc_col-sm-4 {
  width: 30%;
  float: left;
}
.mobile-navigation-section .vc_row .vc_col-sm-8 {
  width: 70%;
  float: left;
}
.mobile-navigation-section #menu-primary-navigation {
  padding: 0 10px 0 20px;
}
.mobile-navigation-section #menu-primary-navigation a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  margin: 0;
}
.mobile-navigation-section #menu-primary-navigation .sub-menu a {
  border-bottom: 1px dotted #ccc;
  padding: 10px 20px;
}
.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;
}
.mobile-navigation-section #menu-primary-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-primary-navigation li.menu-item-has-children.active {
  background-image: url(/wp-content/themes/petal-child/images/menu-up.png);
}
.mobile-navigation-section #menu-primary-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 .sf-menu.wh-menu-main .sub-menu{
  box-shadow: none;
}
#mobile-navigation #menu-primary-navigation li ul {
  display: none;
}
#mobile-navigation #menu-primary-navigation li.active ul {
  display: block;
  margin: 0;
  padding: 0;
}
#mobile-nav {
  z-index: 9;
  position: relative;
}
.menu-logo {
  margin-top: 10px;
}
#mobile-header {
  padding-top: 10px;
  padding-bottom: 10px;
  width: inherit;
}
#menu-open, #call-button {
  margin-bottom: 0 !important;
}
#call-button .vc_icon_element-inner span{
  color: var(--primary-color) !important;
}
#mobile-nav #cbp-menu-main{
  width: 100%;
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 300px);
}
#close-button{
  margin-bottom: 0;
}
#call-container {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 15px);
  z-index: 1;
}
#call-container {
  font-weight: 500;
  font-size: 16px;
}
#call-container a {
    display: block;
    font-size: 16px;
    background: var(--primary-color);
    color: #fff;
    max-width: 230px;
    padding: 10px;
    margin: 0 auto 10px;
    border-radius: 8px;
}
#call-container p {
  text-align: center !important;
}
.header-slogan{
    font-size: 18px;
    font-weight: 500;
    max-width: 250px;
    margin: 0 auto 10px;
}


/* SDM CTA Styles --------------------------------------- */
#cta .light-text, #cta .light-text p, .light-text{
  color: var(--light-text) !important;
}

/* SDM Contact Styles --------------------------------------- */
#sdm-contact{}
#sdm-contact .contact-icons{
  margin-top: 30px;
  border-bottom: 1px solid var(--primary-color);
}
#sdm-contact .contact-icons li{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-top: 1px solid var(--primary-color);
  display: block;
}
#sdm-contact .contact-icons li:before{
  display: none;
}


/* SDM 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%;
}
div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea{
  background: var(--block-bg) !important;
  border: 2px solid var(--primary-color) !important;
  border-radius: 16px !important;
  height: 54px;
}
div.wpforms-container-full .wpforms-form .wpforms-head-container{
  padding: 0 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-title{
  font-size: 40px;
  text-align: center;
  margin-bottom: 50px;
}
.wpforms-submit{
  display: block;
  width: 100% !important;
  height: 62px !important;
  border-radius: 8px !important;
  background: var(--primary-color) !important;
}
.form-container{
  border: 2px solid var(--primary-color);
  padding: 50px 30px;
  border-radius: 16px;
}


/* SDM Arrow Block Styles --------------------------------------- */
#arrow-block{
  overflow: hidden !important;
}
.arrow-container{
  position: relative;
}
.arrow-container:before{
  content: url(/wp-content/uploads/2025/02/arrow.png);
  position: absolute;
}
.arrow-container.arrow-1{
  padding-bottom: 180px;
  margin-top: 30px;
}
.arrow-container.arrow-1:before{
  transform: rotate(40deg);
  top: -30px;
  right: -40px;
  content: url(/wp-content/uploads/2025/02/Arrow_1-2.png);
  
}
.arrow-container.arrow-2:before{
  transform: rotate(40deg);
  top: -30px;
  right: -40px;
  content: url(/wp-content/uploads/2025/02/Arrow_1-2.png);
}
.arrow-container.arrow-3{
  padding-bottom: 60px;
}
.arrow-container.arrow-3:before {
  top: -30px;
  transform: rotate(-35deg);
  z-index: 1;
}
 .arrow-container.arrow-4{
  padding-bottom: 180px;
  margin-top: 30px;
 }
.arrow-container.arrow-4:before {
  top: -30px;
  left: -40px;
  transform: rotate(-35deg);
}
.arrow-container.arrow-5:before {
    top: -60px;
    left: -40px;
    transform: rotate(355deg);
}

/* SDM FAQ Block Styles --------------------------------------- */
.faq-block{
  margin-top: 50px;
}
.faq-block:last-child{
  margin-bottom: 50px;
}

/* SDM Featured Box Styles --------------------------------------- */
#sdm-featured-box{
  margin-top: 50px;
}
#sdm-featured-box .info_bn_box{
  background: var(--primary-color);
  border-radius: 8px;
  min-height: 735px;
}
#sdm-featured-box .mega_content{
  padding: 30px 20px;
}
#sdm-featured-box .info_bn_box h3{
  font-size: 22px !important;
}
#sdm-featured-box .info_bn_box p, #sdm-featured-box .info_bn_box h3, #sdm-featured-box .info_bn_box li{
  color: #fff !important;
  text-align: left;
  font-family: var(--font) !important;
}
#sdm-featured-box .info_bn_box ul{
  padding-left: 30px !important;
  list-style: disc;
  margin-bottom: 0 !important;
}
#sdm-featured-box .info_bn_box ul li{
  padding-left: 0;
}
#sdm-featured-box .info_bn_box p, #sdm-featured-box .info_bn_box li{
  margin-bottom: 0;
  font-weight: 300 !important;
  font-size: 18px;
}
#sdm-featured-box .mega_hvr_btn{
  display: none;
}
#sdm-featured-box.sdm-box-small{
  margin-bottom: 50px;
}
#sdm-featured-box.sdm-box-small .info_bn_box{
  min-height: 450px;
}

/* SDM Partners Styles --------------------------------------- */
#sdm-tab-container{
  max-width: 1200px;
  margin: 0 auto;  
}
.tabs {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 30px;
  justify-content: space-between;
}
.sdm-tab-title:hover{
  border-bottom: 5px solid var(--primary-color);
}
.sdm-tab-title{
  width: 130px;
  margin: 20px;
  float: left;
  padding-bottom: 20px;
  cursor: pointer;
}
.sdm-tab-title.active{
  border-bottom: 5px solid var(--primary-color) !important;
}
.sdm-tab-title h4{
  font-weight: 500;
  margin-top: 20px !important;
  text-align: center;
  font-size: 20px !important;
  line-height: 1.3em;
}
.tab-icon {
    background-color: var(--primary-color);
    border-radius: 8px;
    width: calc(100% - 20px);
    text-align: center;
    padding: 10px;
}
.tab-icon img{
  height: 60px;
  margin: 0 auto;
}
.sdm-tab-block{
  display: block;
  display: none;
}
.sdm-tab-block.active{
  display: block;
}
.sdm-tab-content{
  float: left;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0006;
  width: 365px;
  max-width: 100%;
  height: 250px;
  margin-bottom: 20px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 5px;
  display: block;
  position: relative;
  top: auto;
  overflow: hidden;
  text-align: left;
}
.sdm-tab-content:hover .partner-overlay{
  inset: 0;
}
.sdm-partner-logo{
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sdm-partner-logo img{
	opacity: 1;
	max-height: 150px;
	width: auto !important;
	max-width: 90% !important;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	margin: auto !important;
}
.partner-overlay{
  background-color: #ffffffeb;
  width: calc(100% - 40px);
  height: calc(100% - 20px);
  padding: 10px 20px;
  position: absolute;
  inset: 100% 0 0 0;
  transform-style: preserve-3d;
    transition: all, transform 500ms;
    transform: translateX(0px) translateY(0px) translateZ(0px);
}
.sdm-partner-name{
    text-align: left;
    font-weight: 600;
    color: var(--primary-color);
    font-size: 16px;    
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    line-height: 34px;
}
.sdm-partner-mini-logo {
    position: absolute;
    width: 60px;
    top: 10px;
    right: 20px;
}
.sdm-partner-mini-logo img{
  width: 100%;
}
.sdm-partner-model{
  font-size: 16px;
}
.sdm-partner-model label{
  font-weight: 500;
  display: block;
  font-size: 16px;
}
.sdm-partner-features{
  font-weight: 500;
  font-size: 16px;
  margin-top: 40px;
}
#sdm-tabs .partner-features{
  padding: 0;
  margin: 10px 0 0 0;
  position: relative;
}
#sdm-tabs .partner-features li {
  display: inline-block;
  padding: 0;
  width: 50px;
  height: 30px;
}
#sdm-tabs .partner-features li span {
  position: absolute;
  background: var(--primary-color);
  color: #fff;
  padding: 5px 10px;
  top: -50px;
  display: none;
  min-width: 150px;
  border-radius: 4px;
  font-size: 14px !important;
  z-index: 5;
}
#sdm-tabs .partner-features li:hover span {
  display: block !important;
}
.feature-item:before {
  content: '';
  height: 30px;
  width: 30px;
  position: absolute;
  background-size: contain;
  background-position: center;
}
.feature-item.feature-video-on-alarm:before{
  background-image: url(/wp-content/themes/petal-child/images/features/recorded_Film.png);
}
.feature-item.feature-live-video-streaming:before{
  background-image: url(/wp-content/themes/petal-child/images/features/live_CCTV-Camera.png);
}
.feature-item.feature-dvrnvr-video-history-retrieval:before{
  background-image: url(/wp-content/themes/petal-child/images/features/VideoHistory_Clock.png);
}
.feature-item.feature-audio-listen-to-microphones-on-site:before{
  background-image: url(/wp-content/themes/petal-child/images/features/audio-listen.png);
}
.feature-item.feature-audio-challenge-to-loudspeakers-on-site:before{
  background-image: url(/wp-content/themes/petal-child/images/features/audio-challenge.png);
}
.feature-item.feature-ptz-control:before{
  background-image: url(/wp-content/themes/petal-child/images/features/ptz.png);
}
.feature-item.feature-output-control:before{
  background-image: url(/wp-content/themes/petal-child/images/features/output-control.png);
}
.feature-item.feature-remote-arm-and-disarm:before{
  background-image: url(/wp-content/themes/petal-child/images/features/remote.png);
}
.feature-item.feature-get-configuration:before{
  background-image: url(/wp-content/themes/petal-child/images/features/configuration.png);
}

/* SDM Carousel Styles Overrides --------------------------------------- */
.sdm-carousel-slide-50 .slick-initialized .slick-slide{
  width: calc(50% - 30px) !important;
  margin: 15px !important;
}
#sdm-carousel-50 .slick-slide img{
  width: 100%;
}
.ult-carousel-wrapper button{
  font-size: 36px !important;
}
ul.slick-dots{
    padding-top: 50px !important;
  }
.slick-dots li{
    padding: 0 !important;
}

/* SDM Blog Section Styles --------------------------------------- */
#sdm-blog{

}
#sdm-blog-two-column .vc_col-sm-8{
  width: 60%;
}
#sdm-blog-two-column .vc_col-sm-4{
  width: 40%;
}
#sdm-blog-two-column .sdm-post-list{
  overflow: hidden;
}
#sdm-blog-two-column .sdm-post-list .vc_row:first-child{
  margin-top: 0;
}
#sdm-blog-two-column .sdm-post-list .vc_row{
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-top: 30px;
}
#sdm-blog-two-column .sdm-post-list .vc_row:last-child{
  border-bottom: 0;
}
#sdm-blog-two-column .sdm-post-list.linp-post-list .item .data h3 a{
  color: var(--text-color);
}
#sdm-blog-two-column .sdm-post-list .img-container{
  width: 30%;
  float: left;
}
#sdm-blog-two-column .sdm-post-list .img-container img{
    width: 100%;
    height: auto !important;
}
#sdm-blog-two-column .sdm-post-list .data{
  width: 65%;
  float: left;
  margin-left: 5%;
}
#sdm-blog-two-column .sdm-post-list .read-more{
  display: none;
}
#sdm-blog-two-column .sdm-post-list.linp-post-list .item .meta-data i{
  display: none; 
}
#sdm-blog-two-column .owl-ca-carousel.sdm-featured-posts .gcp-caption-wrapper{
  padding: 30px 0 !important;
}
#sdm-blog-two-column .owl-ca-carousel.sdm-featured-posts .gcp-post-title a{
  color: var(--text-color);
  font-size: 30px !important;
  font-weight: 700;
}
#sdm-blog-list .vc_gitem-zone{
  max-height: 300px;
  background-color: transparent !important;
}
#sdm-blog-list .vc_gitem_row .vc_gitem-col{
  padding: 20px 0 0 !important;
}
#sdm-blog-list .vc_gitem-post-data, #sdm-blog-list  .vc_gitem-post-data h4{
  margin-bottom: 0 !important;
}
#sdm-blog-list a.vc_btn3{
  padding: 0 20px 0 0 !important;
  background: transparent !important;
  color: var(--primary-color) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  position: relative;
}
#sdm-blog-list a.vc_btn3:after {
  content: '';
  right: 0;
  background: url(/wp-content/uploads/2025/02/Vector-3.png);
  width: 12px;
  height: 12px;
  position: absolute;
  background-size: contain;
  top: 6px;
}

/* SDM Single Page Styles --------------------------------------- */
.single .wh-page-title-bar{
  padding: 50px 0 ;
  background-color: var(--primary-color);
  color: var(--light-text);
}
.single .wh-page-title-wrapper .entry-meta{
  display: none;
}
.single .wh-page-title-wrapper.wh-padding h1.page-title{
  color: var(--light-text) !important;
  margin-bottom: 0;
  text-transform: none;
  font-size: 40px;
}
.single .wh-page-title-bar a{
  color: var(--light-text);
}
.single .wh-content{
  padding-top: 70px  !important;
  padding-bottom: 70px !important;
}
.share-this {
  display: none;
}
.single .share-this .share-buttons a{
  color: #fff !important;
}
#comments, #respond{
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;
}
.prev-next-item .right-cell p.label,
.prev-next-item .left-cell p.label{
  color: #fff !important;
  font-weight: 500;
}
.single .prev-next-item .label {
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 0;
  margin: 0;
}
.single .prev-next-item a{
  color: #fff !important;
  display: inline-block;
  margin-bottom: 10px;
}
.single .prev-next-item .left-cell{
  background: var(--primary-color);
  color: #fff !important;
  padding: 0 20px;
  width: calc(50% - 40px);
  float: left;
}
.single .prev-next-item {
    padding: 0;
    margin-top: 30px;
    display: flex;
}
.single .prev-next-item .right-cell{
  background: var(--secondary-color);
  width: calc(50% - 40px);
  float: left;
  padding: 0 20px;
  text-align: right;
  color: #fff;
}
.single .prev-next-item .right-cell a{
  position: relative;
  padding-right: 30px;
}
.single .prev-next-item .right-cell [class^="icon-"]{
  position: absolute;
  right: 20px;
}
.fourth.three, .fourths.three {
    width: 100% !important;
}
.single .thumbnail img{
  max-width: 100%;
  height: auto !important;
}

/* SDM testimonial Section Styles --------------------------------------- */
#sdm-testimonials h1{
  margin-bottom: 80px !important;
}
#sdm-testimonials .mega-testimonial-5{
  margin-bottom: 50px ;
}
#sdm-testimonials .mega-testimonial-5 .tm-profile-5 {
  width: calc(26% - 100px);
  padding: 50px 30px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 4px 4px 16px #0062d02e;
}
#sdm-testimonials .mega-testimonial-5 .tm-profile-5 span{
  color: var(--primary-color) !important;
  font-size: 26px !important;
}
#sdm-testimonials .mega-testimonial-5 .tm-quotes-5{
  padding: 50px;
  width: calc(73% - 100px);
  border-radius: 16px;
  box-shadow: 4px 4px 16px #0062d02e;
}
#sdm-testimonials .mega-testimonial-5 p{
  color: var(--text-color);
}



@media only screen and (max-width: 1440px) {
  
  /* 1440 - General Styles --------------------------------------- */
  .sdm-full-block{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* 1440 - Header Styles --------------------------------------- */
  #sdm-header{
    padding: 20px 30px !important;
  }

  /* 1440 - Footer Styles --------------------------------------- */
  #sdm-footer{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* 1440 - Single Page Styles --------------------------------------- */
  .single .wh-page-title-bar, .single .wh-content{
    padding: 50px 30px;
    width: calc(100% - 60px);
  }

}

@media only screen and (max-width: 1260px) {
  /* 1260 - SDM RevSlider Styles --------------------------------------- */  
  #sdm-slider .rs-h1, #sdm-slider .rs-h1 span{
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 1024px) {
  
  /* 1024 - General Styles --------------------------------------- */
  .admin-bar .wh-content{
    margin-top: 96px;
  }
  .wh-content{
    margin-top: 96px;
  }

  /* 1024 - Header Styles --------------------------------------- */
  .admin-bar .header-mobile{
    top: 32px;
  }
  .header-mobile{
    top: 0;
  }

  /* 1024 - Footer Styles --------------------------------------- */  
  #sdm-footer{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* 1024 - SDM Block Styles --------------------------------------- */
  .sdm-full-block{
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .sdm-full-block .vc_column-inner .vc_column-inner{
    padding-left: 0;
    padding-right: 0;
  }
  .sdm-full-block .sdm-block-text.right{
    padding-right: 30px;
  }
  .sdm-full-block .sdm-block-text.left{
    padding-left: 30px;
  }
  .sdm-full-block .ul-50 ul li{
    width: 100%;
    padding-bottom: 0;
  }

  /* 1024 - Single Page Styles --------------------------------------- */
  .single .wh-page-title-bar{
    margin-top: 96px;
  }
  .single.admin-bar .wh-content{
    margin-top: 0;
  }

  /* 1024 - SDM Partners Styles --------------------------------------- */  
  .sdm-tab-content{
    width: calc(33.33% - 25px);
  }

  /* 1024 - Arrow Block Styles --------------------------------------- */  
  .arrow-container.arrow-1, .arrow-container.arrow-4{
    padding-bottom: 150px;
  }
  .arrow-container.arrow-2:before{
    top: 0;
    right: -70px;
  }
  .arrow-container.arrow-5:before {
    top: -30px;
    left: -100px;
  }

  /* 1024 - SDM Testimonial Page Styles --------------------------------------- */  
  #sdm-testimonials .mega-testimonial-5 .tm-profile-5{
    width: calc(30% - 100px);
  }
  #sdm-testimonials .mega-testimonial-5 .tm-quotes-5{
    width: calc(70% - 100px);
  }

  /* 1024 - SDM RevSlider Styles --------------------------------------- */
  #sdm-slider .rs-h1, #sdm-slider .rs-h1 span{
    font-size: 32px !important;
  }


}

@media only screen and (max-width: 880px) {
  /* 880 - General Styles --------------------------------------- */
  .vc_col-sm-6 {
    width: 100%;
  }
  .reverse-columns {
    flex-direction: column-reverse;
    display: flex;
  }
  .overflow-visible{
    overflow: hidden !important;
  }


  /* 880 - SDM Blocks Styles --------------------------------------- */
  .sdm-block-image-bottom{
    overflow: visible !important;
    margin-bottom: 150px;
  }
  .sdm-full-block .reverse-columns .sdm-block-text.right{
    margin-top: 50px;
  }
  #cta .sdm-full-block .sdm-block-text.left{
	margin-top: 0 !important;
  }	
  .sdm-full-block .sdm-block-text.left{
     margin-top: 50px;
     padding-left: 30px;
  }
  .sdm-full-block .sdm-block-text.right {
    margin-bottom: 50px;
    padding-right: 30px;
  }
  

  /* 880 - SDM Service Blocks Styles --------------------------------------- */
  #full-service .slick-initialized .slick-slide{
    width: calc(45vw - 46px) !important;
  }

  /* 880 - SDM Carousel Styles --------------------------------------- */
  #sdm-carousel-50 .vc_col-sm-4, #sdm-carousel-50 .vc_col-sm-8{
    width: 100%;
  }
  .sdm-carousel-slide-50 .slick-initialized .slick-slide{
    width: calc(47vw - 35px) !important
  }


  /* 880 - SDM Partners Section Styles --------------------------------------- */
  .tabs{
    overflow-y: scroll;
  }
  .sdm-tab-content {
      width: calc(50% - 25px);
  }
  .sdm-tab-title{
    margin: 20px 10px;
  }
  .sdm-tab-title h4{
    font-size: 14px !important;
  }

  /* 880 - SDM Blog Page Styles --------------------------------------- */
  #sdm-blog-two-column .vc_col-sm-8, #sdm-blog-two-column .vc_col-sm-4{
    width: 100%;
  }  
  #sdm-blog-two-column .owl-ca-carousel.sdm-featured-posts .gcp-caption-wrapper {
    color: #fff;
    padding: 30px 20px !important;
    background: var(--primary-color);
  }
  #sdm-blog-two-column .owl-ca-carousel.sdm-featured-posts .gcp-post-title a{
    color: #fff;
  }

  /* 880 - Arrow Block Styles --------------------------------------- */  
  #arrow-block .image-bottom{
    padding-top: 280px;
  }
  #arrow-block .vc_col-sm-3{
    width: 40%;
  }
  .arrow-column-1{
    left: 0;
  }
  .arrow-column-2{
    right: 0;
  }
  .arrow-column-1, .arrow-column-2 {
    position: absolute;
  }
  .arrow-container.arrow-3 {
    width: 250px;
    margin: 140px auto 0; 
  }
  .arrow-container.arrow-1, .arrow-container.arrow-4 {
    padding-bottom: 200px;
  }
  .arrow-container.arrow-1:before {
    transform: rotate(52deg);
    top: -10px;
    right: 50px;
  }
  .arrow-container.arrow-2:before {
    top: 0;
    right: 60px;
    transform: rotate(75deg);
  }
  .arrow-container.arrow-3:before {
    top: 30px;
    transform: rotate(-90deg);
    left: 0;
  }
  .arrow-container.arrow-4:before {
    top: -10px;
    left: 40px;
    transform: rotate(-50deg);
  }
  .arrow-container.arrow-5:before {
    top: 20px;
    left: 60px;
    transform: rotate(-80deg);
  }
	
	
}

@media only screen and (max-width: 768px) {
 
  /* 768 - Header Styles --------------------------------------- */
  .admin-bar .header-mobile {
    top: 46px;
  }

  /* 768 - SDM Text Styles --------------------------------------- */
  .sdm-heading-accent h2, .sdm-heading-accent h2 span{
    font-size: 32px !important;
  }

  /* 768 - SDM Service Blocks Styles --------------------------------------- */
  #full-service .slick-initialized .slick-slide{
    width: calc(44vw - 69px) !important;
  }
  
  /* 768 - SDM Blocks Styles --------------------------------------- */
  .sdm-full-block .sdm-block-text.right{
    padding-right: 0 ;
  }
  .sdm-full-block .sdm-block-text.left{
    padding-left: 0 ;
  }

  /* 768 - SDM Featured Box Styles --------------------------------------- */
  #sdm-featured-box .vc_col-sm-3{
    width: 50% !important;
  }
  #sdm-featured-box .info_bn_box{
    margin-bottom: 30px !important;
  }

  /* 768 - SDM Carousel 50 Styles --------------------------------------- */
  #sdm-carousel-50 .vc_col-sm-4,#sdm-carousel-50 .vc_col-sm-8{
    width: 100% !important;
  }
  .sdm-carousel-slide-50 .slick-initialized .slick-slide{
    width: calc(45vw - 27px) !important;
  }

  /* 768 - SDM Contact Form Styles --------------------------------------- */
  .form-container{
    margin-top: 50px;
  }

  /* 768 - Arrow Block Styles --------------------------------------- */  
  #arrow-block .image-bottom{
    padding-top: 280px;
  }
  #arrow-block .vc_col-sm-3{
    width: 40%;
  }
  .arrow-column-1{
    left: 0;
  }
  .arrow-column-2{
    right: 0;
  }
  .arrow-column-1, .arrow-column-2 {
    position: absolute;
  }
  .arrow-container.arrow-3 {
    width: 250px;
    margin: 140px auto 0; 
  }
  .arrow-container.arrow-1, .arrow-container.arrow-4 {
    padding-bottom: 200px;
  }
  .arrow-container.arrow-1:before {
    transform: rotate(52deg);
    top: -10px;
    right: 50px;
  }
  .arrow-container.arrow-2:before {
    top: 0;
    right: 60px;
    transform: rotate(75deg);
  }
  .arrow-container.arrow-3:before {
    top: 30px;
    transform: rotate(-90deg);
    left: 0;
  }
  .arrow-container.arrow-4:before {
    top: -10px;
    left: 40px;
    transform: rotate(-50deg);
  }
  .arrow-container.arrow-5:before {
    top: 20px;
    left: 60px;
    transform: rotate(-80deg);
  }

  /* 768 - SDM Testimonial Page Styles --------------------------------------- */  
  #sdm-testimonials .mega-testimonial-5 .tm-profile-5{
    width: calc(40% - 100px);
  }
  #sdm-testimonials .mega-testimonial-5 .tm-quotes-5{
    width: calc(60% - 100px);
  }
  #sdm-testimonials h1 {
    font-size: 45px !important;
    margin-bottom: 30px !important;
  }

  /* 768 - SDM RevSlider Styles --------------------------------------- */
  #sdm-slider .rs-h1, #sdm-slider .rs-h1 span{
    font-size: 26px !important;
  }

}

@media only screen and (max-width: 560px) {

  /* 560 - Custom Display Styles --------------------------------------- */
  .display-large{
    display: none;
  }
  .display-small{
    display: block;
  }

  .sdm-full-block {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* 560 - SDM RevSlider Styles --------------------------------------- */
  #sdm-slider .rs-h1, #sdm-slider .rs-h1 span{
    font-size: 26px !important;
  }

  /* 560 - Arrow Container Styles --------------------------------------- */
  .arrow-container{
    display: none;
  }
  #arrow-block .image-bottom {
    padding-top: 0;
  }

  /* 560 - SDM Featured Box Styles --------------------------------------- */
  #sdm-featured-box .vc_col-sm-3{
    width: 100% !important;
  }
  #sdm-featured-box .info_bn_box{
    min-height: auto;
  }
  #sdm-info-banner .long-banner-text .ultb3-box{
    min-height: auto !important;
  }

  /* 880 - SDM Partners Section Styles --------------------------------------- */
  .sdm-tab-content {
      width: calc(100% - 25px);
  }

  /* 560 - SDM Footer Styles --------------------------------------- */
  #sdm-footer .sdm-center-block .vc_column-inner{
    max-width: 100%;
  }
  #sdm-footer h3{
    margin-top: 50px !important;
    margin-bottom: 10px !important;
  }

  /* 560 - Blog Page Styles --------------------------------------- */
  #sdm-blog-two-column .gcp-post-image{
    height: 250px !important;
  }

  /* 560 - Single Page Styles --------------------------------------- */
  .single .prev-next-item{
    display: block;
  }
  .single .prev-next-item .left-cell, .single .prev-next-item .right-cell{
    width: calc(100% - 40px);
  }
  .single .wh-page-title-wrapper.wh-padding h1.page-title{
    font-size: 30px;
    line-height: 1.3em;
  }

  /* 560 - SDM Testimonial Page Styles --------------------------------------- */  
  #sdm-testimonials .mega-testimonial-5 .tm-quotes-5 {
    width: calc(100% - 100px);
  }
  #sdm-testimonials .mega-testimonial-5 .tm-profile-5 {
    width: 100%;
    padding: 0;
    margin-top: 30px;
    background: transparent;
    box-shadow: none;
    text-align: center;
  }
  #sdm-testimonials .mega-testimonial-5 .tm-quotes-5 .icon-after{
    border-right: 20px solid #ffffff !important;
    border-top: 20px solid transparent !important;
    border-bottom: 20px solid transparent !important;
    transform: rotate(-90deg);
    left: 0;
    top: calc(100% + -10px);
    right: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 425px) {
  #full-service .slick-initialized .slick-slide {
    width: calc(79vw - 61px) !important;
    margin: 10px !important;
    padding: 20px;
  }


  /* 425 - SDM Carousel 50 Styles --------------------------------------- */
  .sdm-carousel-slide-50 .slick-initialized .slick-slide {
    width: calc(100vw - 90px) !important;
    margin: 0 10px !important;
  } 

  /* 425 - SDM Text Styles --------------------------------------- */  
  .sdm-heading-accent h2, .sdm-heading-accent h2 span{
    text-align: center;
  }
	
  	 
	
}