/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
.dark-button {font-family: Raleway, sans-serif !important; font-weight:500 !important/* Fixed "!IMPORTANT" syntax */
}

.dark-button:hover {font-family: Raleway, sans-serif !important; font-weight:500 !important;/* Added colon for pseudo-class and fixed syntax */
}
.row-fluid {
    display: flex;
    align-items: flex-start; /* Align items to the top */

  }
input:hover {color:RED!Important;border:12px solid white;}
.hs-input:hover {color:white!important;}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/


 
@media (max-width: 767px) {
.banner-Bg.video-option {
  margin: 0 auto; /* Remove margins and center the content */
  padding: 0; /* Remove padding if any */
  width: 100%; /* Ensure the div spans the full width */
  max-width: 100vw; /* Prevent the width from exceeding the viewport */
  box-sizing: border-box; /* Include padding and border in width calculation */
}
  
  .banner-Bg.video-option video {
    object-fit: cover;
    display: block!important;
    width: 100vw !important;
}
  
  .row-fluid {
    flex-direction: column; /* Stack items vertically */
    width: 100%!important; /* Ensure the container is 100% of the viewport width */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    /*overflow-x: hidden; /* Prevent horizontal scrolling */
    
      justify-content: center; /* Center horizontally */
  align-items: center!important; /* Center vertically if needed */
  }

  .row-fluid > div {
    width: auto; /* Each child div takes up the full width */
    box-sizing: border-box; /* Ensure padding and border are included in the width */
       max-width: 100% !important;
    overflow:hidden!important;
  }
  .row-fluid:after, .row-fluid:before {
  
    max-width: 100% !important;
    overflow:hidden!important;
}
  
  .span12 {width:100% !important; }
  .about-textimonial {

     padding-top: unset!important; 

     padding-bottom: unset!important;
    
  
  }
.heading {
  padding: unset !important; /* Applies to .heading itself */
}

.heading * {
  padding: unset !important; /* Applies to all child elements */
}
  h2 {margin:unset!important}
  
 
 .sec-testimaonail .slick-slider .slick-list, .sec-testimaonail .slick-slider .slick-track {
    -webkit-transform: unset!important;
    -moz-transform: unset!important;
    -ms-transform: unset!important;
    -o-transform: unset!important;
    transform: unset!important;}
  .testimonial-Bx {

    margin: unset!important; 
    padding: 12px 12px !important;}
  testimonial-text {
  padding: unset!important; 
}
  
  .client-details {
  
     max-width: unset!important; 

     position: unset!important;
     right: unset!important;
    margin-top: 12px;
}
.testimonial-text {
 
   padding: unset!important; 
}
  .span6 {    padding: 10% !important;margin-bottom:4vh!important;} 
  .footer .span12 {width: 100vw !important;}
  .footer .span3 { margin-bottom:4vh!important;margin-top:4vh!important;}
  .footer .dnd-section {padding:4vh!important;}
  

#hs_cos_wrapper_widget_1733931355130, #hs_cos_wrapper_module_17339322423823
  {padding-left:unset !important;}
  
  .dnd_arealanding-row-0-padding {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
}

.dnd-section {
    padding: 10vw !important;
}
  
  h1 {font-size:2rem!important;}
#hs_cos_wrapper_dnd_areaabouts-module-2 {padding:10vw!important;}
  
.simple-menu-sec .hs-menu-wrapper ul .hs-menu-item  {
    padding: 0.5rem 2rem!important;

}