@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=PT+Sans:wght@400;700&display=swap');

body{ font-family: 'Montserrat', sans-serif; font-family: 'PT Sans', sans-serif; background: #f5ebeb;}

h2.title-heading { font-size: 3.5rem;  font-weight: bold; font-family: 'Montserrat', sans-serif; color: #1d1d1d !important}
.btn{ 
  box-shadow: 0px 5px 10px rgba(darken,dodgerblue, 40%);
  transition: all .3s;
  cursor: pointer;
  border-bottom: 4px solid lighten, gray, 70%;
  background-color:#ffffff !important;
  color: #1d1d1d !important;
}
.btn:hover{
    box-shadow: 0px 15px 25px -5px rgba(darken, dodgerblue, 40%) !important;
    transform: scale(1.03);
    color: #1d1d1d !important; }
.btn:active{
    box-shadow: 0px 4px 8px rgba(darken, dodgerblue, 30%) !important;
    transform: scale(.98);}

    section#our-services .btn, section#about-us .btn, section#youtub-video .btn, section#request-maps .btn {
    background-color: #fff !important;
    color: #1d1d1d !important;
    font-size: 1.2rem !important;
}
section#our-services .btn:hover, section#about-us .btn:hover, section#youtub-video .btn:hover, section#request-maps .btn:hover {
    background-color: #fff !important;
    color: #1d1d1d;
    font-size: 1.2rem !important;
}


/* Responsive css  */



@media only screen and (max-width: 991px) {
#navlist{background-color: #333333 !important;}
#carouselHouston .carousel-caption h2 { font-size: 2rem !important;}
#carouselHouston .carousel-caption h5 { font-size: 1rem !important;}
#carouselHouston .carousel-caption p { font-size: 14px !important;}
#slide_banner { margin-top: 90px !important;}
#carouselHouston .carousel-caption { top: 15% !important;}
#footer_sec ul.getin_touch_content li a, #footer_sec ul.getin_touch_content li { text-indent: 0 !important;}
}
@media only screen and (max-width: 767px) {
#carouselHouston .carousel-caption h2 { font-size: 1rem !important; margin-top: 10px; margin-bottom: 10px; padding: 10px !important;}
#carouselHouston .carousel-caption h5 { font-size: 1rem !important; }
#carouselHouston .carousel-caption p { font-size: 10px !important;}
#slide_banner { margin-top: 45px !important;}
#carouselHouston .carousel-caption { top: 5% !important;}
#what-wedo ul.wedo-sec { display: flex;  flex-wrap: wrap !important;}
#what-wedo ul.wedo-sec li:last-child { max-width: 100% !important; margin-left: 0px !important;}
#clients_say .clients_images { width: 200px !important;}
#clients_say h2 { font-size: 2rem !important;}
#clients_say .clients_textbox {  flex-wrap: wrap;}
}


@media screen and (max-width: 1199px) and (min-width: 992px) {
#carouselHouston .carousel-caption h2 { font-size: 2rem !important;}
#carouselHouston .carousel-caption h5 { font-size: 1rem !important;}
#carouselHouston .carousel-caption p { font-size: 16px !important;}
#footer_sec .footer-title h4{font-size: 1.5rem !important;}
#footer_sec ul.getin_touch_content li:nth-child(3) a {
    font-size: 0.9rem !important;
}
}

@media only screen and (max-width: 540px) {
    #carouselHouston .carousel-caption h2,  #carouselHouston .carousel-caption p { display: none !important;}
    h2.title-heading {  font-size: 1.8rem !important;}
    #slide_banner { margin-top: 99px !important;}
    #our-services .btn, section#about-us .btn, section#youtub-video .btn, section#request-maps .btn { font-size: 1rem !important;}
}


/**************Navigation and menu ************/
header.header_top {
    position: relative;
    z-index: 99;
}
header.header_top .navbar-expand-lg .navbar-nav .nav-link { color: #fff;}
header.header_top  ul.right_nav li.call_us a {  color: #fff;  text-decoration: none;}
header.header_top  ul.right_nav li {  margin-top: 15px; }
#navlist .clear:before, #navlist .container:before, #navlist .clear:after, #navlist .container:after { content: none !important;}

nav#navlist ul.navbar-nav li { margin: 0 12px;}
/**************** Banner Slider ******************/

#carouselHouston .carousel-caption{top: 30%; text-align: center;} 
#carouselHouston .carousel-caption h5 { font-size: 2.5rem; font-weight: 500; text-transform: uppercase; color: #fff !important;}
#carouselHouston .carousel-caption h2 {
    font-size: 4rem;
    background-color: #567835;
    width: fit-content;
    padding: 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 3px 2px black;
    margin: 0 auto;
    color:#fff !important;
  }
    #carouselHouston .carousel-caption p { font-size: 20px; }
    #carouselHouston .getin_touch {
      background-color: #fff;
      border: 3px solid #1d1d1d;
      box-shadow: 7px 7px #1d1d1d;
      color:#1d1d1d;
      font-size: 1.2rem !important;
       }
 #carouselHouston .getin_touch:hover { color: #1d1d1d !important;}
  #carouselHouston .getin_touch .fas {
    transform: rotate(45deg);
    font-size: 22px;
    color: #567835;
}

    /****************  Our Services ************************/

   #our-services .services-list .list-group li a {
      text-decoration: none;
      font-size: 1.5rem;
      color: #1d1d1d; }

 #our-services .list-group-item {
    background-color: transparent;
    line-height: 2.3;
    font-family: 'PT Sans';}
#our-services #v-pills-tab a .fas { color: transparent; transform: rotate(45deg);}
#our-services #v-pills-tab:hover .active, #our-services #v-pills-tab:hover .active .fas{color: #8fa176;}
 #our-services #v-pills-tab a {
  color: #1d1d1d;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
  background-color: transparent;
  line-height: 2.5;}
  #our-services .tab-content>.active{ position: relative; z-index:9;}
  #our-services .tab-content figcaption{position: absolute; top: -25px; right: 120px; background-color: #fff; color:#1d1d1d; border: 3px solid #5e7e3e; box-shadow: 5px 5px #5e7e3e; border-radius: 10px; display: block; overflow: hidden;}
  #our-services .tab-content .btn-knowmore .fas { transform: rotate(45deg);  font-size: 22px;   color: #567835;}
  #our-services .tab-content .tab-pane img {  border: 3px solid #5e7e3e;   border-radius: 50px;} 


/************** About ****************/

#about-us{background-color: #567835; padding:0 0 30px; }
#about-us .about-sec {  padding-top: 70px;}
#about-us figure { margin: -10px 0 1rem;   position: relative;}
#about-us h2.title-heading { font-size: 4rem;  font-weight: bold; font-family: 'Montserrat', sans-serif; color: #fff !important;}
#about-us .about-txt p {  font-size: 16px;  color: #fff;  text-align: justify;}
#about-us .about-txt .btn-readmore{ background-color: #fff; color:#1d1d1d; border: 3px solid #1d1d1d; box-shadow: 5px 5px #1d1d1d; border-radius: 10px;}
 #about-us .about-txt .btn-readmore .fas { transform: rotate(45deg);  font-size: 22px;   color: #567835;}

/**------------ What We Do ---------------**/

#what-wedo ul.nav.nav-tabs {justify-content: center;}
#what-wedo ul.nav.nav-tabs  li.nav-item .nav-link { font-size: 1.5rem; background: transparent;  color: #1d1d1d; }
#what-wedo .nav-tabs .nav-item.show .nav-link, #what-wedo .nav-tabs .nav-link.active{ border-bottom: 2px solid #5e7e3e; color: #5e7e3e !important; }

#what-wedo ul.wedo-sec { display: flex;}
#what-wedo ul.wedo-sec li:last-child {
    width: 100%;
     max-width: 430px;
    background: #ffff;
    height: fit-content;
    margin-top: 60px;
    position: relative;
    margin-left: -70px;
    padding: 30px 10px 50px;
    border-radius: 15px;
    box-shadow: -13px 10px 0 #1d1d1d;
    border: 2px solid #1d1d1d;}
#what-wedo ul.wedo-sec li a{text-decoration: none; font-size: 1.4rem; color: #1d1d1d;}

/****************** Featured Works  ************************/

#featured-works .featured_workbox  {
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#featured-works .featured_workbox:hover  {
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

#featured-works .featured_workbox a {  visibility: hidden; text-align: center; text-decoration: none; background-color: #5e7e3e !important; margin: 10px 0;
    width: 100%;  text-align: center;  color: #fff;}
#featured-works .featured_workbox:hover a { visibility: visible; !important;}

/* Featured Works left and right arrow */
#featured-works .owl-nav .owl-next {
    position: absolute;
    right: 12px;
    top: -60px;
    text-align: center;
    z-index: 5;
    width: 25px;
    height: auto;
     outline: 0;
    color: #000;
    transition: all 0.3s;
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #5e7e3e;
    border-radius: 50px;

}
#featured-works .owl-nav .owl-prev {
    position: absolute;
    right: 55px;
    top: -60px;
    text-align: center;
    z-index: 5;
    width: 25px;
    height: auto;
    outline: 0;
   transition: all 0.3s;
    color: #000;
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #5e7e3e;
    border-radius: 50px;
}
#featured-works .owl-nav .owl-prev:hover, #featured-works .owl-nav .owl-next:hover {
    background: #1d1d1d;
    color: #fff;
}

/****************** Youtube Video  ************************/

#youtub-video { background-image: linear-gradient( #f5ebeb 70%, #1d1d1d 30%); padding: 50px 0;}
#youtub-video .video-sec { text-align: center;}

#youtub-video iframe { max-width: 850px !important;   margin: 0 auto; box-shadow: -12px 10px 3px #5e7e3e; padding: 0px; }
#youtub-video a{ background-color: #fff; color:#1d1d1d; border: 3px solid #5e7e3e; box-shadow: 5px 5px #5e7e3e; border-radius: 10px; width: fit-content;}
#youtub-video .btn-watchvideo .fas { transform: rotate(45deg);  font-size: 22px;   color: #567835;}



/****************** what our clients say  ************************/

#clients_say{  background-color: #1d1d1d; padding: 50px 0}
#clients_say h2{   font-size: 3rem;  color: #fff; font-family: 'Montserrat', sans-serif;  text-transform: uppercase; }
#clients_say .clients_textbox p{ font-size: 1.1rem; color: #d3d3d3; font-family: 'PT Sans', sans-serif;   font-weight: 400; line-height: 1.5;}
#clients_say .clients_images {  width: 100%;  height: auto; margin-bottom: 20px; float: left; margin: 0px 50px 60px 0px;}
#clients_say .clients_images img{max-width: 250px !important; max-height: 250px !important;}
#clients_say .clients_textbox { width: 100%;  max-width: 1024px;   padding: 0 12px 30px 12px;  margin:0 auto; display: flex;}
#clients_say .author, #clients_say .author a { text-decoration: none;}
#clients_say span.author_name {  color: #fff;  font-size: 1.5rem;  font-weight: 600;     text-transform: uppercase;}
#clients_say .clients_author  {  margin: 20px 0 0 20px;}
#clients_say .clients_author {text-decoration: none;}
#clients_say .owl-dots{ width:100%; text-align:center; margin-top: 30px;}
#clients_say .owl-dots .owl-dot{ background:#bababa !important; width:10px; height:10px; border-radius:100%; margin:0 5px;}
#clients_say .owl-dots .owl-dot.active{ background:#737373 !important;}
#our-clients .owl-carousel .owl-item img {   max-width: 200px;  margin: 0 auto;  padding-top: 20px;}


/****************** Request a Quotes and Maps ************************/
#request-maps{background-color: #1d1d1d; padding: 50px 0;}

#request-maps h2.title-heading { font-size: 2rem;  padding: 30px 0 20px;  color: #fff !important;}
#request-maps .container{background: #282828;}
#request-maps label.form-label {  color: #6e6e6e;}
#request-maps .form-control {   color: #ffffff;  background-color: transparent !important;  border: 1px solid #ced4da4a !important; outline: 0 !important; cursor: auto !important;}
#request-maps .btn-submitnow{ background-color: #fff; color:#1d1d1d; border: 3px solid #5e7e3e; box-shadow: 5px 5px #5e7e3e; border-radius: 10px; width: fit-content; margin-top: 30px;}
#request-maps .fas { transform: rotate(45deg);  font-size: 22px;   color: #567835;}

#clients_say{padding: 20px 0 0;}
section#our-clients .owl-nav, #clients_say .owl-nav { display: none !important;}

/******************* FOOTER ****************************/

#footer_sec{background-color: #1d1d1d; padding: 50px 0;}
#footer_sec .footer-title h4 { color: #d3d3d3;  font-size: 2rem;     padding: 20px 0;}
#footer_sec ul.getin_touch_content li a, #footer_sec ul.getin_touch_content li { 
    text-indent: -9px;}

    #footer_sec ul li a, #footer_sec ul li {
    color: #878787;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    font-family: 'PT Sans';
    line-height: 2;
    }

#footer_sec .helpful-links .fas{transform: rotate(45deg);  font-size: 22px;   color: #567835;}
#footer_sec  ul.getin_touch_content li .fas {
    font-size: 1.1rem;
    color: #5e7e3e !important;}

   #footer_sec .footer-copyright {
    background: #181818;
    padding: 20px 0 0;
}

  #footer_sec .footer-copyright  ul.social-links {
    display: flex;
    justify-content: flex-end;
}

  #footer_sec .footer-copyright p {
    color: #5a5a5a;
    font-size: 1rem;
    font-weight: 700;
}

#footer_sec .footer-copyright ul.social-links li, #footer_sec .footer-copyright ul.social-links li a {
    width: 50px;
    height: 50px;   
    text-align: center;
    color: #fff;
    line-height: 50px;
        margin: 0 5px;
}
#footer_sec .footer-copyright ul.social-links .fab {
    font-size: 2rem;
    color: #5a5a5a;
}
/*#footer_sec .footer-copyright ul.social-links li:first-child{background: #4267b2;}
#footer_sec .footer-copyright ul.social-links li:last-child{background: #ff0000;}*/