/*!
Theme Name: Roofx
Theme URI: https://www.themedox.com/roofx/
Author: ThemeDox
Author URI: https://themeforest.net/user/themedox/
Description: Roofx - Roofing Services WordPress Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: roofx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.navbar-wrap ul { margin: 0px!important }
 
#menu-main-menu { background:#fff!important  } 
.features-content .link-btn { display:none!important }
.navbar-wrap ul li .sub-menu {
  position: absolute; 
  min-width: 400px!important;
  font-size: 15px!important;
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 350px;
 }
.menu-backdrop {background: rgba(0, 0, 0, 0.7)!important; }
#comments { display:none}
.boutton a { color: #fff!important}
@media only screen and (min-width: 1200px) and  (max-width: 1300px) {
.navbar-wrap ul li a  { font-size: 15px; padding: 42px 20px;}
}

@media only screen and (min-width: 993px) and  (max-width: 1199px) {
.navbar-wrap ul li a  { font-size: 14px; padding: 32px 10px;}
#sticky-header .container {     max-width: 1200px!important;    }
}


/* css styling start  */
.service-section .features-area .col-lg-4.col-md-6{
	width: 50%!important;
}
.highlight {
    color: #FE5D14;
}
.peace {
    position: relative;
    padding: 20px;
    background-color: #071426; /* Dark navy background behind */
    border-radius: 20px;
    overflow: hidden;
}
.custom-bg-box {
    position: relative;
    border-radius: 0 18px 18px 0; /* main box shape */
    overflow: visible;
    z-index: 1;
}


.custom-bg-box::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;

    background: #0D101E;
    border-radius: 0 30px 30px 0;

    z-index: -1;
}

.peace::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #071426; /* Same color as container */
    opacity: 0.4; /* Adjust if needed */
    z-index: 1;
}
.Custom_image-size .about-img-wrap .wow:first-of-type {
    height: 550px;
}
 
.Custom_image-size .about-img-wrap .wow:last-of-type {
    height: 300px;
}