/*Error Template Styles*/
#errTitle{
    font-size:20px;
    font-weight:bold;
    margin: 0 10 0 0;
    padding: 0 0 0 0px;
  }
  
  .errSmall{font-size:8pt;}
  
  #errFooter{
    margin: 0;
    font-size:9px;
    color:#CCCCCC;
  }
  
  #errBlock{
    margin: 0 auto;
    width: 350px;
    font-family: courier;
    font-size:12px;
    color: #003366;
    border:1px solid #003366;
    background-color:#FFFFFF;
  }
/*//End of Error Template Styles*/



/* Break Point for all screens Larger than 100px -- This is for all Screen Sizes */
@media screen and  (min-width: 100px){
  .container-fluid{
    padding:0;
  }




}

/* Break Point for all screens Larger than 768px -- LARGER THAN MOBILE */
@media screen and  (min-width: 768px){
  .container-fluid{
    padding:0;
  }
  .navbar{
    border-radius: 0;
  }

}

/* Break Point for all screens Larger than 992px -- LARGER THAN TABLET */
@media screen and (min-width: 992px){

}

/* Break Point for all screens Larger than 1200px -- EVERYTHING ON DESKTOPS */
@media screen and (min-width: 1200px){

}




#header-area{
  background-color: #f7fff1;
}


.navbar-brand img{
 width:70%;
}



.phone-number{
  font-family: "Red Hat Display", sans-serif;
  color: #37423d;
  font-weight: 500;
  margin-left: 400px;
}

.business-hours{
  font-family: "Red Hat Display", sans-serif;
  color: #37423d;
  font-weight: 500;
}

.raq-btn {
padding: 0.8em 1.8em;
border: 2px solid #1b2702;
position: relative;
overflow: hidden;
background-color: #d9c2b294;
border-radius: 5px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
transition: .3s;
z-index: 1;
font-family: inherit;
color: #1b2702;
}

.raq-btn::before {
content: '';
width: 0;
height: 300%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
background: #466404;
transition: .5s ease;
display: block;
z-index: -1;
}

.raq-btn:hover::before {
width: 105%;
}

.raq-btn:hover {
color:#f9f5ea;
}


/* 
.raq-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 0px 20px;
  
  background-color: #7fa574;
  outline: 2px #7fa574 solid;
  outline-offset: -2px;
  border-radius: 5px;
  
  cursor: pointer;
  transition: 400ms;
}

.raq-btn .raq-text {
  font-family: "Red Hat Display", sans-serif;
  color: #37423d;
  font-weight: 500;
  font-size: 1em;
  transition: 400ms;
}

.raq-btn:hover {
  background-color: #fcede1;
}

.raq-btn:hover .raq-text {
  color: #37423d;
} */

#nav-bar-bg{
  background-color:#37423d;
}

.navbar-nav{
  font-family: "Red Hat Display", sans-serif;
  font-size: 20px;
  font-weight: 400;  
}
  .nav-item{
  padding-left: 103px;
  }


/*dropdown on hover */

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 1;
  left:80px;
  background-color: #f7fff1;
}

.dropdown-menu a {
  
  text-decoration: none;
  display: block;
}
.dropdown-menu a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-item a:hover{
  background-color: #003366;
}


/*END dropdown on hover*/



@media screen and (max-width:1280px){
.navbar-nav{
  font-size: 15px;
  margin: auto;
}
}

@media screen and (max-width:1024px){
.phone-number{
  margin-left: 195px;
}
.nav-item{
  padding-left: 60px;
}
}

@media screen and (max-width:834px){
#header-stuff{
  display: flex;
flex-direction: column;
}
.navbar-brand{
  margin:auto;
  text-align: center;
}
.phone-number{
  margin:auto;
}
.business-hours{
  text-align: center;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
}

@media screen and (max-width:430px){
.raq-btn{
  font-size:12px;
}
}




.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 203px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 29px;
  
  text-shadow: 1px 1px 20px black, 0 0 1em black, 0 0 0.2em black;
}


@media screen and (max-width:1024px){
  .carousel-caption{
    bottom:72px;
  }
}


/*ABOUT US*/

#hp-about-us-bg{
  background-image: url(../../images/aboutus-bg.png);
  padding-top:130px;
  padding-bottom:50px;
  border-top: solid 8px #e0a881;
  border-bottom: solid 8px #e0a881;
  background-repeat: no-repeat;
}

#about-us-text{
  /* background-color:#7877762f; */
  border-radius: 10px;
  width: 45%;
  margin-left: 550px;
  padding: 5px 50px 60px 50px;

}

.ab-title{
  /* margin-left: 250px; */
  font-family: "Red Hat Display", sans-serif;
  font-size: 35px;
  font-weight: 400;
}
.ab-desc{
  /* width:75%; */
  /* margin-left:250px; */
  font-family: "Red Hat Display", sans-serif;
  font-size: 20px;
  /* margin:auto; */

}

@media screen and (max-width:1280px){
#hp-about-us-bg{
  background-repeat: no-repeat;
  background-position-x: -148px;
}

#about-us-text{
  margin-left:410px;
  width: 50%;
}

.ab-desc{
  font-size:15px;
}
}

@media screen and (max-width:1024px){
  #hp-about-us-bg{
    background-position-x: -237px;
    padding-top:70px;
  }
  
  #about-us-text{
    margin-left: 260px;
    width:65%;
  }
}

@media screen and (max-width:834px){
#about-us-bg{
  background-position-x: -255px;
  /* margin-bottom: -78px; */
}
#about-us-text{
  margin-left:240px;
  width:65%;
}
.ab-desc{
  /* width:139%; */
}
}

@media screen and (max-width:430px){
#hp-about-us-bg{
  background-position-x: -290px;
  margin-bottom:0px;
  padding-top:61px;
  padding-bottom: 20px;
}
.ab-title{
  font-size: 29px;
}
.ab-desc{
  font-size: 13px;
  margin-top:-20px;
}
#about-us-text{
  width:83%;
  background-color: #ffffffd4;
  padding-top: 20px;
  padding-left: 17px;
  padding-bottom: 20px;
  padding-right: 20px;
  margin: auto;
  margin-bottom: 46px;
} 
}

@media screen and (max-width:375px){
#about-us-bg{
  padding-top:25px;
}
.ab-title{
  font-size: 23px;
}
.ab-desc{
  font-size: 13px;
}
}


/*FOCUS AREA*/

#focus-area-bg{
  padding-top: 55px;
  padding-bottom: 46px;
  background-image: url(../../images/focus-area-bg.png);
}
@media screen and (max-width:1280px){
#focus-area-bg{
  background-size: contain;
}
}

.cards-row{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

/*CARD START*/
.fa-card {
  width: 260px;
  /* height: 400px; */
  border-radius: 0.5rem;
  background: #d9e3c6;
  position: relative;
  overflow: visible;
  
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
 
}

.fa-card-img{
  transition:0.3s ease;
}



.fa-card-img img{
  /* background-color: #ffcaa6; */
  height: 40%;
  width: 100%;
  margin: auto;
  border-radius: 0.5rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;

  
}

.fa-card-info {
  padding-top: 10%;
  margin: auto;
  width: 70%;
}

/*Text*/
.fa-text-title {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5;
  color:#000;
}

.fa-text-body {
  font-family: "Red Hat Display", sans-serif;
  font-size: 0.9em;
  padding-bottom: 10px;
  color:#000;
}

/*Hover*/
.fa-card:hover
.fa-card-img {
  transform: translateY(-10%);
  transition: 0.3s ease-in-out;
  box-shadow:
    #466404c7 0px 13px 47px -5px,
    #466404c7 0px 8px 16px -8px;
}
/*CARD END*/



@media screen and (max-width:1280px){
  .cards-row{
    justify-content: space-around;
  }
  .fa-card{
    width: 260px;
  }
  .fa-text-title{
    font-size:17px;
  }
  .fa-text-body{
    font-size:12px;
  }
}

@media screen and (max-width:1024px){
  .fa-card{
    width:220px;
  }
}

@media screen and (max-width:834px){
  .cards-row{
    display:grid;
    justify-content: center;
    grid-template-columns: repeat(2, 214px);
    display: grid;
    gap: 38px;
  }
}

@media screen and (max-width:430px){
  .cards-row{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(1, 270px);
    display: grid;
    gap: 38px;
  }
  .fa-card{
    width:274px;
  }
}



/*REQUEST A QUOTE*/

.div1{
  background-image: url(../../images/requestaquote-bg.png);
  background-repeat: no-repeat;
  padding-top:90px;
  padding-bottom:90px;
}

.raq-box{
  width:60%;
  border-radius: 10px;
  background-color: #37423da1;
}

#raq-title{
  font-family: "Red Hat Display", sans-serif;
  font-weight:400;
  font-size:40px;
  color: #f9f5ea;
  margin:auto;
  text-align: center;
}

#form-rows{
  width:80%;
  margin:auto;
}

.form-control{
  background-color: #f9f5ea;
  border-radius: 10px;
}

#cont-btn {
  margin:auto;
  /* margin-top:-8px; */
  border: none;
  display: flex;
  padding: 0.75rem 1.5rem;
  background-color: #f9f5ea;
  color: #37423d;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  align-items: center;
  border-radius: 0.5rem;
  user-select: none;
  gap: 0.75rem;
  /* box-shadow: 0 4px 6px -1px #488aec31, 0 2px 4px -1px #488aec17; */
  transition: all 0.6s ease;
}

#cont-btn:hover {
  box-shadow: 2px 2px 20px 1px #e0a881;
}

#cont-btn:focus,
#cont-btn:active {
  opacity: 0.85;
  box-shadow: none;
}

@media screen and (max-width:1280px){
  .raq-box{
    width:70%;
  }
  #raq-title{
    font-size:33px;
  }
  #form-rows{
    width:100%;
  }
  #cont-btn{
    margin-bottom: 10px;
  }
}

@media screen and (max-width:1024px){
  .div1{
    padding-top:115px;
  }
  .raq-box{
    width:83%;
  }
  #raq-title{
    font-size:30px;
  }
  .end-footer {
    margin-right: 25px;
    width: 18%;
    margin-left: -55px;
  }
  .footer-raq-btn{
    width: 117%;
  }
}

@media screen and (max-width:430px){
  .div1{
    padding-top: 55px;
    padding-bottom: 55px;
  }
}


.div2{
  background-color: #37423d;
  padding-top:40px;
  padding-bottom:40px;
  width: 55%;
}

#news-section{
  
  background-color: #dbb295;
  width: 92%;
  margin: auto;
  

}

.n-title{
  text-align: center;
  font-size: 30px;
  color: #37423d;
  font-weight: 500;
  font-family: "Red Hat Display", sans-serif;
}


.news-article-card {
  width: 94%;
  height: 137px;
  background: #faf5df;
  border-radius: 8px;
  border-bottom: solid 6px #f9d485;
  display: flex;
  align-items: center;
  /* justify-content: right; */
  backdrop-filter: blur(10px);
  transition: 0.5s ease-in-out;
  margin:auto;
  /* margin-right: 30px; */
  margin-bottom: 20px;
}


.news-article-card:hover {
  cursor: pointer;
  transform: scale(1.02);
}

.news-img{
  height:131px;
  width:28%;
  overflow:hidden;
  border-radius: 7px;
  display: flex;
  /* justify-content: end; */
}

.news-img img{
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.news-textbox {
  color: #37423d;
  font-family: "Red Hat Display", sans-serif;
  font-size: 12px;
  margin-left:30px;
  margin-right:30px;
  /* width: 62%; */
  display:flex;
  flex-direction: column;

  
}
.news-title{
  font-size:20px;
  padding-bottom: 6px;
}

.news-desc {
  display: flex;
  align-items: center;
  /* justify-content: end; */
  /* width:80%; */
  font-size: 15px;
}

#hp-coming-soon{
  min-height:280px;
  font-size:25px;
  color:#37423d;
}

@media screen and (max-width:1280px){
  .div2{
    width:81%;
  }
  .news-img{
    width:32%;
  }
  .news-textbox{
    margin-left: 10px;
  }
}

@media screen and (max-width:1024px){
  .div2{
    width:100%;
  }
  .news-article-card{
    height:123px;
  }
  .news-img{
    width:30%;
    height:119px;
  }
  .news-title{
    font-size:17px;
  }
  .news-desc{
    font-size:12px;
  }
}

@media screen and (max-width:834px){
  .news-img{
    width:22%;
  }
}

@media screen and (max-width:430px){
  .n-title{
    font-size:25px;
  }
  .news-article-card{
    height: 94px;
    width:94%;
  }
  .news-img{
    height:89px;
    width:28%
  }
  .news-textbox{
    margin-left:14px;
    width:100%;
  }
  .news-title{
    font-size:13px;
  }
  .news-desc{
    font-size:10px;
    width:100%;
  }
}

@media screen and (max-width:375px){
  #news-section{
    width: 100%;
  }
}


/* .news-card{
  background-color: #fcede1;
  border: solid 2px #f3a05b;
  border-radius: 5px;
  width:800px;
}


.news-img{
  height:146px;
  width:39%;
  overflow:hidden;
  border-radius: 4px;
  display: flex;
  /* justify-content: end;
}

.news-img img{
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
} */


/*TESTIMONIALS SECTION*/

#testimonials{
  background: url(../../images/parallax-img.png);
/* background-repeat: no-repeat; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  /* padding-bottom: 70px; */
  padding-left:0px;
  padding-right:0px;
}

#testimonials-box{
  background-color: #faf5dfc1;
  border-radius: 15px;
  padding-bottom: 40px;
  padding-top:20px;
  margin-bottom:50px;
}

.testimonial-title{
  text-align: center;
  font-family: "Red Hat Display", sans-serif;
  font-size:30px;
  color: #37423d;
  font-weight: 500;
}

.reviews-row{
  display:flex;
  flex-direction: row;
  margin: auto;
  justify-content: space-around;

}

.review-box{
  background-color: #f7fff1;
  border-radius:15px;
  width:30%;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 2px;
  padding-left:15px;
  display:flex;
  flex-direction: column;
  align-items: start;
 
}

.review-text{
  font-family: "Red Hat Display", sans-serif;
  font-size: 15px;
}

.review-name{
  font-family: "Red Hat Display", sans-serif;
  font-size: 10px;
}

@media screen and (max-width:834px){
  .reviews-row{
    flex-direction: column;
  }
  .review-box{
    width:100%;
    margin-bottom: 12px;
  }
}



@media screen and (max-width:430px){
  .reviews-row{
    flex-direction: column;
  }
  .review-box{
    width:100%;
    margin-bottom: 12px;
  }
}

/*OUR SERVICE AREA*/

#service-area{
  /* background-image: url(../../img/service-area-bg.png); */
  background-color: #466404e0;
  padding-top:70px;
  padding-bottom: 70px;
  background-repeat: repeat-x;
  /* border-top: solid 6px #dcb69b; */
  
}

#service-area-box{
  background-color: #fcede1c3;
  padding-top: 20px;
  padding-bottom:40px;
  border-radius: 15px;
  /* margin-bottom: 30px; */
}

.service-area-title{
  text-align: center;
  font-family: "Red Hat Display", sans-serif;
  font-size:30px;
  color: #37423d;
  padding-bottom:10px;
}

.service-towns-list{
  font-family: "Red Hat Display", sans-serif;
  font-size: 20px;
}

@media screen and (max-width:430px){
  #service-area{
    padding-top:25px;
    padding-bottom: 45px;
  }
  #service-area-box{
    padding-top: 20px;
  }
  .service-area-title{
    font-size:22px;
  }
  .service-towns-list{
    display: grid;
    grid-template-columns: repeat(3, auto);
    font-size: 12px;
  }
}


/*FOOTER*/
#footer-top{
  width:100%;
  background-color: #000;
  padding-top:30px;
  padding-bottom:30px;
}
#footer-top .row{
  margin:auto;
  display: flex;
  justify-content: center;
}
.bbb-logo{
  margin-right:10px;
  margin-left:10px;
}

.angies-logo{
  width:6%;
  margin-right:10px;
  margin-left:10px;
}
.angies-logo img{
  width:100%;
}

#footer{
background-color: #37423d;
padding-top:30px;
padding-bottom:30px;
margin-top: -18px;
}

#footer-content{
display: flex;
flex-direction: row;
justify-content: space-between;
}

.footer-logo img{
width: 86%;
padding-top: 14px;

}

.footer-nav{
display:flex;
justify-content: space-around;
width: 45%;
padding-top: 25px;
margin-left: -176px;
font-family: "Red Hat Display", sans-serif;
color: #fcede1;
font-size:17px;
}

.end-footer{
width: 15%;
margin-top:30px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
font-family: "Red Hat Display", sans-serif;
color: #F7fff1;
}

.footer-phone-number{
font-family: "Red Hat Display", sans-serif;
color: #37423d;
font-weight: 500;
/* margin-left: 200px; */
}

.footer-business-hours{
font-family: "Red Hat Display", sans-serif;
color: #37423d;
font-weight: 500;
}




.footer-raq-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 20px 0px 20px;
/* gap: 15px; */
background-color: #F7fff1;
/* outline: 2px #7fa574 solid; */
outline-offset: -2px;
border-radius: 5px;
/* border: none; */
cursor: pointer;
transition: 400ms;
}



.footer-raq-btn p {
font-family: "Red Hat Display", sans-serif;
color: #000;
font-weight: 500;
font-size: 1em;
transition: 400ms;

}

.footer-raq-btn:hover {
background-color: #fcede1;
box-shadow: 2px 2px 20px 1px #e0a881;
text-decoration: none;

}

.footer-raq-btn:hover p{
color: #000;
}

#footer-sign{
background-color: #000;
padding-top:18px;
padding-bottom: 8px;
text-align: center;
color: #fff;
font-size: 12px;
}

@media screen and (max-width:1280px){
.end-footer{
  margin-right: 65px;
}
}

@media screen and (max-width:834px){
#footer-content{
  flex-direction: column;
}
.footer-logo{
  margin:auto;
}
.footer-logo img{
  /* width:30%; */
  text-align: center;
  margin:auto;
  margin-left:10px;
}
.footer-nav{
  margin-left:0px;
  width:100%;
}
.end-footer{
  width:100%;
  flex-direction: row;
  text-align: center;
  margin-left:0px;
  justify-content: space-around;
}
.footer-phone-number{
  width:200px;
  /* padding-right:30px; */
}
.footer-business-hours{
  padding-right:22px;
  width: 200px;
}
.footer-raq-btn{
  width:30%;
}
}

@media screen and (max-width:430px){
.footer-logo img{
  width:100%;
  height:75%;
  margin:auto;
}
  .footer-nav{
  font-size: 14px;
  padding-top:0px;
  margin-top:-24px;
}
.end-footer{
  flex-direction: column;
}
.footer-phone-number{
  margin: auto;
  padding-bottom: 20px;
}
.footer-business-hours{
  margin: auto;
  padding-bottom: 20px;
  padding-right:0px;
}
.footer-raq-btn{
  width:100%; 
}
.footer-raq-text{
  font-size: 13px;
}
#footer-sign{
  font-size: 9px;
}
}



/**************END HOME PAGE*******************/

/*image banner*/

.img-banner {
  background-size: cover;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 1024px) {
  .img-banner {
    padding: 55px 0 65px 0;
  }
}
@media screen and (min-width: 1200px) {
  .img-banner {
    padding: 50px 0 70px 0;
  }
}

.img-banner .container {
  z-index: 0 !important;
}

.img-banner h1 {
  color: #fff;
  font-size: 31px;
  text-align: left;
  margin-bottom: 0px;
  text-align: center;
  text-shadow: 0 0 5px #000;
}
@media (min-width: 1200px) {
  .img-banner h1 {
    font-size: 41px;
  }
}

.img-banner .container {
  z-index: 0 !important;
}


/*header images*/
.bgOne {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-1.png);
  background-position: center;
}

.bgTwo {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-2.png);
  background-position: center;
}

.bgThree {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-3.png);
  background-position: center;
}

.bgFour {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-4.png);
  background-position: center;
}

.bgFive {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-5.png);
  background-position: center;
}

.bgSix {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(images/interiorbanners/header-banner-6.png);
  background-position: center;
}

.overlay-title {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px 0 40px 0;
}
@media (min-width: 768px) {
  .overlay-title {
    padding: 30px 0 40px 0;
  }
}
@media (min-width: 1024px) {
  .overlay-title {
    padding: 40px 0 40px 0;
  }
}
@media (min-width: 1200px) {
  .overlay-title {
    padding: 97px 0 40px 0;
  }
}

.overlay-title h1 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .overlay-title h1 {
    font-size: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .overlay-title h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .overlay-title h1 {
    font-size: 37px;
  }
}



/*watermark image*/
main.logo-bg {
  background: url("../../images/dlat-interior-logo.png") no-repeat;
  background-position: left bottom;

  background-size: 20%;
}





/**************ABOUT US PAGE*******************/
#about-us-bg{
  padding-top:90px;
  padding-bottom:50px;
  min-height:500px;
}

.about-us-image img{
  width:30%;
}

@media screen and (max-width:1024px){
  #about-us-bg{
    min-height: 696px;
  }
}

@media screen and (max-width:430px){
  #about-us-bg{
    padding-top:30px;
  }
  .about-us-image img{
    width:100%;
  }
}



/***************NEWS PAGE *********************/
#news-page-card{
  background-color: #ffffffb5;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  /* margin-right:30px;
  margin-left:30px;*/
  margin-bottom:50px;
  /* padding-left:0px;
  padding-right:0px;  */
  transition: 1s ease-in-out;
}
#news-page-card:hover{
  background-color: #e0a9810c;
  box-shadow: 0 0 20px #e0a981;
  transition: .5s ease-in-out;
}
.news-card-img{
  height:180px;
  width:100%;
  overflow:hidden;
  
}
.news-card-img img{
  min-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

#news-page-card h2{
  padding:10px;
  font-family: "Red Hat Display", sans-serif;
  font-size: 25px;
  text-align: center;
}
#news-page-card p{
  padding:20px;
  padding-top:0px;
  text-align: center;
}

/*detail page*/

#news-detail-content{
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:70px;
  min-height: 480px;
  /* display:flex; */
  /* flex-direction: row; */
}

.news-detail-title{
  color:#37423d;
}

.news-detail-text{
  font-size: 17px;
}

#news-detail-img{
  width:50%;
  float:right;
  margin-left:50px;
  margin-bottom:30px;
}

.news-link-btn{
  background-color: #37423d;
  color:#fff;
  transition: 300ms ease-in-out;
  border:none;
}

.news-link-btn:hover{
  background-color: #e0a981;
  transition: 300ms ease-in-out;
  color:#000;
  box-shadow: 2px 2px 10px #0000005e;

}

/*coming soon text*/
#coming-soon{
  min-height:400px;
}

@media screen and (max-width:1024px){
  #news-page-card{
    margin-left: 20px;
    margin-right:20px;
  }
  #news-page-card p{
    font-size: 15px;
    padding-top:0px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width:430px){
  #news-detail-content{
    display:flex;
    flex-direction: column;
  }
  #news-detail-img{
    width:100%;
    margin-left:0px
  }
}



/*****************FAQ Page*******************/
#faq-page{
  padding-top:80px;
  padding-bottom:50px;
  min-height:390px;
}

#faq-accordion{
  background-color: #ffffffb5;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
  border-radius: 3px;
}
.card-header{
  width:100%;
}


.faq-card-head{
  background-color: #e0a981;
  width:100%;
}
#faq-card-body{
  background-color: #e0a9811b;
}

@media screen and (max-width:1024px){
  #faq-page{
    min-height: 696px;
  }
}

@media screen and (max-width:430px){
  #faq-accordion{  
    margin:auto;
    width:88%;
  }
}


/*****************Services Page*******************/
#services-card-page{
  padding-top: 80px;
  padding-bottom:80px;
}

#services-card{
  /* height: 300px; */
  width:100%;
  margin-bottom: 30px;
  background-color: #e4ecd559;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  /* border:1px solid #e0a981; */
  transition: .5s ease-in-out;
}

#services-card:hover{
  background-color: #e4ecd5;
  box-shadow: 0 0 20px #e0a981;
  transition: .5s ease-in-out;
}

#services-card-img{
  height:350px;
  width:100%;
  overflow:hidden;
  padding:0px;
  
}

#services-card-img img{
  min-height: 100%;
  min-width: 100%;
  object-fit: contain;
}



.services-name{
  padding-top:15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: "Red Hat Display", sans-serif;
}

.services-desc{
  text-align: center;
  /* padding-top:10px; */
  font-size:15px;
}


/*detail page*/

.services-detail-img{
  width:50%;
  float:right;
  margin-left:50px;
  margin-bottom:30px;
}

.return-btn{
  background-color: #37423d;
  color:#fff;
  transition: 300ms ease-in-out;

}

.return-btn:hover{
  background-color: #e0a981;
  transition: 300ms ease-in-out;
  color:#000;
  box-shadow: 2px 2px 10px #0000005e;

}

@media screen and (max-width:1024px){
  .services-detail-page{
    min-height: 696px;
  }
}

@media screen and (max-width:834px){
  .services-detail-page{
    min-height: 500px;
  }
  #services-card-img{
    height:247px;
    width:100%;
    overflow:hidden;
    padding:0px;
    
  }
  
  #services-card-img img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
}

@media screen and (max-width:430px){
  #services-card{
    width:85%;
    margin:auto;
    margin-bottom: 30px;
  }
  #services-card-img{
    height:253px;
  }

  #services-detail-page-content{
    display:flex;
    flex-direction: column-reverse;
  }
  .services-detail-img{
    width:100%;
    margin-left:0px;
  }
}




/*********************Photo Gallery page*************************/
#photo-gallery{
  margin-top:50px;
  margin-bottom:80px;
}

.gallery-select{
  font-family: "Red Hat Display", sans-serif;
  font-weight: 500;
}

/*category button start*/
.photo-category-btn {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 22px;
  color: #37423d;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  border: none;
  background: none;
  /* text-transform: uppercase; */
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: color;
}

.photo-category-btn:focus,
.photo-category-btn:hover {
  color: #37423d;
}

.photo-category-btn:focus:after,
.photo-category-btn:hover:after {
  width: 100%;
  left: 0%;
}

.photo-category-btn:after {
  content: "";
  pointer-events: none;
  bottom: -2px;
  left: 50%;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #37423d;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: width, left;
}
.cat-topic a.active-topic button {
  border-bottom:solid 2px #37423d;
  
}


/*category button end*/

#gallery-img{
  height:200px;
  width:40%;
  overflow: hidden;
}

#gallery-img img{
  min-height: 100%;
  min-width:100%;
  object-fit: contain;
}


@media screen and (max-width:1024px){
  #photo-gallery{
    min-height: 566px;
  }
}



/********************* Testimonials page ***************************/

#submit-review-btn{
  background-color: #37423d;
  color:#fff;
  transition: .5s ease-in-out;
}

#submit-review-btn:hover{
  box-shadow: 0 0 15px #37423d;
  transition: .5s ease-in-out;
}


.review-card-columns{
  column-count: 2;
  column-gap: 20px;
  page-break-inside: avoid;

}

#testimonials-page-box{
  page-break-inside: avoid;
  margin-bottom: 20px;
  background-color: #ffffff59;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.client_rating{
  list-style: none;
}

.review-page-text{
  font-family: "Red Hat Display", sans-serif;
}

#testimonial-name{
  font-family: "Red Hat Display", sans-serif;
  font-size: 15px;
}
#testimonial-location{
  font-family: "Red Hat Display", sans-serif;
  font-size: 13px;
}

.modal-dialog {
  max-width: 500px;
  margin: 95px auto;
}

.testi-modal{
  background-color: #ffffffc4;
}

.modal-title{
 color: #37423d;
}

#submit-testimonial-form-group input{
  background-color: #fff;
}

#submit-testimonial-form-group textarea{
  background-color: #fff;
}


@media screen and (max-width:430px){
  .review-card-columns{
    column-count: 1;
    column-gap: 20px;
  }
}



/************************** Contact Us Page *************************/
.contact-header {
  background-color:#00000070;
  margin-bottom:40px;
}
.contact-header p{
  padding-top:30px;
  padding-bottom:30px;
  font-family: "Red Hat Display", sans-serif;
  color:#fff;
  text-align: center;
  /* font-weight: bold; */
  font-size:40px;
  text-shadow: #000 1px 0 10px;
  letter-spacing: 2px;
  }

#contact-us-bg{
  background-image: url(../../images/contact-us-bg.png);
  background-size: cover;
  background-position: center;
  /* padding-top:80px; */
  padding-bottom:80px;
}

#contact-us-container{
  background-color: #ffffffe1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 80px;
  margin-bottom:80px;
  padding-right:30px;
  padding-left:30px;
  padding-top:40px;
}


#contact-form-row input{
  background-color: #fff;
  box-shadow: 0 0 50px #00000035;

}


#contact-form-row textarea{
  background-color: #fff;
  box-shadow: 0 0 50px #00000035;
  
}


#contact-submit-btn{
  background-color: #37423d;
  border:none;
  transition: 300ms ease-in-out;
}


#contact-submit-btn:hover{
  scale: 105%;
  transition: 300ms ease-in-out;
  box-shadow: 0 0 20px #37423d6f;
}


@media screen and (max-width:430px){
  #contact-us-bg{
    padding-top:1px;
  }
  #contact-us-container p{
    font-size:15px;
  }
}


/************************** Request a Quote Page *****************************/

.quote-header {
  background-color:#00000087;
  margin-bottom:40px;
}
.quote-header p{
  padding-top:30px;
  padding-bottom:30px;
  font-family: "Red Hat Display", sans-serif;
  color:#fff;
  text-align: center;
  /* font-weight: bold; */
  font-size:40px;
  text-shadow: #000 1px 0 10px;
  letter-spacing: 2px;
  }
.request-page{
  background-image: url(../../images/raq-bg.png);
  background-size: cover;
  background-position: center;
  /* padding-top:80px; */
  padding-bottom:80px;
}

#raq-container{
  background-color: #ffffffe1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  /* margin-top: 80px; */
  /* margin-bottom:80px; */
  padding-right:40px;
  padding-left:40px;
  padding-top:40px;
}

#raq-form-row input{
  background-color: #fff;
}

#raq-form-control select{
  background-color: #fff;
}

#raq-form-row textarea{
  background-color: #fff;
}


#raq-submit-btn{
  background-color: #37423d;
  border:none;
  transition: 300ms ease-in-out;
}


#raq-submit-btn:hover{
  scale: 105%;
  transition: 300ms ease-in-out;
  box-shadow: 0 0 20px #37423d6f;
}