*{
margin: 0;
padding: 0;
}
/*banner section start */
#main-banner{
position: relative;
background:
linear-gradient(
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)
),
url("../images/services_banner1.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: 77vh;
}
#main-banner .title{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
}
#main-banner h1{
text-transform: uppercase;
margin: 0;
font-size: 6vw;
white-space: nowrap;
font-family: "Abril Fatface", serif;
}
#main-banner p{
margin: 0;
font-size: 1.3rem;
font-family: "Work Sans", system-ui;
}
#main-banner a{
text-decoration: none;
color: white !important;
}
#main-banner .p1{
margin-top: 30px;
}
#main-banner span{
color:#fda40b;
font-weight: bold;
}
@media screen and (max-width: 767px){
#main-banner{
height: 50vh;
}
#main-banner h1{
font-size: 5.5vw;
}
}
/*banner section end */
.section-header h1{
font-size: 42px;
font-weight: bold;
margin-top: 0;
padding-top: 30px;
padding-bottom: 30px;
}
.section-header span{
color: #fda40b;
}
/*section1 start*/
#services-section1 h1{
font-family: "Abril Fatface", serif;
}
#services-section1 h2{
font-family: "Abril Fatface", serif;
font-size: 2.5vw;
}
#services-section1 p{
font-family: "Work Sans", system-ui;
}
#services-section1{
height: auto;
width: auto;
background-image: url("../images/services_bg.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
overflow-x: hidden;
}
#services-section1 .s1,.s2,.s3,.s4,.s5,.s6{
height: auto;
/* border: groove;*/
background-color: white;
margin-right: auto;
margin-left: auto;
/* margin-top: 50px;*/
margin-bottom: 60px;
text-align: center;
}
#services-section1 .s1-img,.s2-img,.s3-img,.s4-img,.s5-img,.s6-img{
width: 80px;
height: 80px;
/* border: groove;*/
background-color: white;
margin-top: -40px;
}
#services-section1 .s1-img{
background-image: url("../images/construction.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s1:hover .s1-img{
background-image: url("../images/construction-1.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s1:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s2:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s3:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s4:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s5:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s6:hover{
background-color: #203E5F;
color:#EEC550
}
#services-section1 .s2-img{
background-image: url("../images/renovation.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s2:hover .s2-img{
background-image: url("../images/renovation-1.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s3-img{
background-image: url("../images/building.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s3:hover .s3-img{
background-image: url("../images/building-1.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s4-img{
background-image: url("../images/architecture.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s4:hover .s4-img{
background-image: url("../images/architecture-1.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s5-img{
background-image: url("../images/land-development.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s5:hover .s5-img{
background-image: url("../images/landdevelopment-1.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s6-img{
background-image: url("../images/interior.png");
background-repeat: no-repeat;
background-size: cover;
}
#services-section1 .s6:hover .s6-img{
background-image: url("../images/interior-1.png");
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px){
#services-section1 h2{
font-size: 2rem;
}
#services-section1 .s1{
height: auto;
width: 80% !important;
}
#services-section1 .s2{
height: auto;
width: 80% !important;
}
#services-section1 .s3{
height: auto;
width: 80% !important;
}
#services-section1 .s4{
height: auto;
width: 80% !important;
}
#services-section1 .s5{
height: auto;
width: 80% !important;
}
#services-section1 .s6{
height: auto;
width: 80% !important;
}
}
/*section1 end*/
/*services_package section start*/
#services_package{
height: auto;
width: auto;
background-image: url("../images/bg-white-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
overflow-x: hidden;
}
#services_package h1{
font-family: "Abril Fatface", serif;
}
#services_package p{
font-family: "Work Sans", system-ui;
}
#services_package li{
font-family: "Work Sans", system-ui;
}
.accordion-item{
width: 50%;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 800px){
.accordion-item{
width: 80%;
}
#services_package .spanClass{
color: red !important;
}
/*services_package section end*/