@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Poppins', sans-serif;
}

h1, h2 {
    font-family: 'Poppins', sans-serif;
	line-height: 1.2;
	color: #202f72;
}

h3 {
    font-family: 'Poppins', sans-serif;
	line-height: 1.2;
	color: #cd2c2c;
}

p {
    line-height: 1.6;    /* or 150% */
    margin-bottom: 1.2em; /* Space between paragraphs */
}

.aa_top_stripe_white{
	background-color: #fff;
}

.aa_top_stripe_gap{
	height: 10px;
}

.aa_blue_color_logo_stripe{
	background-image:url("../images/top-banner-bg.jpg") ;
	background-repeat: repeat-x; 
	background-color: #ffffff;
}

.aa_blue_color_logo_stripe2{
	background-image:url("../images/top-banner-bg.jpg") ;
	background-repeat: repeat-x; 
	background-color: #263578;
}

.aa_text_top_stripe_red{
	font-size: 16px;
	color: #cd2c2c;
	text-align: right;
	}

.aa_text_top_stripe_dark_blue{
	font-size: 16px;
	color: #202f72;
	}


.aa_text_top_stripe_light_brown{
	font-size: 18px;
	color: #bebdbd;
	}


.aa_text_general_content{
	font-size: 17px;
	text-align: justify;
	color: #333333;
}

.aa_text_general_paragraph_middle {
  max-width: 800px; /* Limit the width of the text */
  margin: 0 auto; /* Center the paragraph */
  padding: 0 15px; /* Add some padding for smaller screens */
  text-align: justify; /* Optional: Justify the text for a neat look */
  line-height: 1.5; /* Improve readability with proper line spacing */
 font-size: 17px;
}

.aa_text_general_content_center{
	font-size: 17px;
	text-align:center;
	color: #333333;
}

.aa_text_general_content_brown{
	font-size: 17px;
	text-align: justify;
	color: #894123;
}

.aa_text_lit_big_content_center_brown{
	font-size: 19px;
	text-align:center;
	color: #894123;
}

.aa_text_general_content_italic_center{
	font-size: 15px;
	text-align:center;
	color: #894123;
	font-style: italic;
}

.aa_title_small_left_align_brown{
	font-size: 22px;
	text-align:left;
	color: #894123;
}

.aa_title_thumb_pictures{
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #894123;
}

.aa_text_general_pictures{
	font-size: 20px;
	text-align: center;
	color: #333333;
}


a.lnk_title_thumb_pictures:link {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #894123;
} 

a.lnk_title_thumb_pictures:active {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #894123;
} 

a.lnk_title_thumb_pictures:visited {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #894123;
} 


a.lnk_title_thumb_pictures:hover {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-align: center;
	color: #ef820d;
	text-decoration:underline;
}

a.lnk_normal_text:link {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #0c7092;
} 

a.lnk_normal_text:active {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #0c7092;
} 

a.lnk_normal_text:visited {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #0c7092;
} 


a.lnk_normal_text:hover {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #0a5873;
	text-decoration:underline;
}

.banner {
  position: relative;
  width: 100%;
  max-height: 500px; /* Adjust the max height as needed */
  overflow: hidden;
}

.banner-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.banner-text {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  position: absolute;
  top: 65%;
  left: 75%;
  transform: translate(-50%, -50%);
  color: #894123;
  font-size: 50px; /* Adjust font size as needed */
  font-weight:inherit;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  text-align:right;
  z-index: 10;
}

.banner2 {
            position: relative;
            width: 100%;
            height: 60vh; /* Adjust height as needed */
            overflow: hidden; 
}
        
.banner2 iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
}

.aa_centered-paragraph {
  max-width: 800px; /* Limit the width of the text */
  margin: 0 auto; /* Center the paragraph */
  padding: 0 15px; /* Add some padding for smaller screens */
  text-align: justify; /* Optional: Justify the text for a neat look */
  font-family: 'Poppins', sans-serif;
  line-height: 1.6; /* Improve readability with proper line spacing */
  font-size: 17px;
  color: #333333;
}

/* coloring and staining page */
.banner3 {
            position: relative;
            width: 100%;
            height: 500px;
            background: url("../images/wooden_floor_services_Melbourne_Australia_12.jpg") no-repeat center center/cover;
        }
        .banner3-text {
            position: absolute;
            top: 60%;
            left: 40%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
        .banner3-text h1 {
            font-size: 3rem;
            margin: 0;
			padding-bottom: 15px;
			color: #fff;
        }
        .banner3-text p {
            font-size: 1.2rem;
            margin: 10px 0;
        }
        .banner3-text a {
            text-decoration: none;
            background-color: orange;
            color: white;
            padding: 10px 20px;
            font-weight:normal;
            border-radius: 5px;
        }
        .banner3-text a:hover {
            background-color: darkorange;
        }

/* polishing page */

.banner4 {
            position: relative;
            width: 100%;
            height: 500px;
            background: url("../images/thinne_chemical_supplier_sri_lanka_7.jpg") no-repeat center center/cover;
        }
        .banner4-text {
            position: absolute;
            top: 70%;
            left: 40%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
        .banner4-text h1 {
            font-size: 3rem;
            margin: 0;
			padding-bottom: 15px;
			color: #fff;
        }
        .banner4-text p {
            font-size: 1.2rem;
            margin: 10px 0;
        }
        .banner4-text a {
            text-decoration: none;
            background-color: orange;
            color: white;
            padding: 10px 20px;
            font-weight:normal;
            border-radius: 5px;
        }
        .banner4-text a:hover {
            background-color: darkorange;
        }

/* Liming White page */
.banner5 {
            position: relative;
            width: 100%;
            height: 500px;
            background: url("../images/wooden_floor_services_Melbourne_Australia_13.jpg") no-repeat center center/cover;
        }
        .banner5-text {
            position: absolute;
            top: 40%;
            left: 30%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
        .banner5-text h1 {
            font-size: 3rem;
            margin: 0;
			padding-bottom: 15px;
			color: #fff;
        }
        .banner5-text p {
            font-size: 1.2rem;
            margin: 10px 0;
        }
        .banner5-text a {
            text-decoration: none;
            background-color: orange;
            color: white;
            padding: 10px 20px;
            font-weight:normal;
            border-radius: 5px;
        }
        .banner5-text a:hover {
            background-color: darkorange;
        }

/* timber floor installation page */
.banner6 {
            position: relative;
            width: 100%;
            height: 500px;
            background: url("../images/wooden_floor_services_Melbourne_Australia_14.jpg") no-repeat center center/cover;
        }
        .banner6-text {
            position: absolute;
            top: 70%;
            left: 40%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
        .banner6-text h1 {
            font-size: 3rem;
            margin: 0;
			padding-bottom: 15px;
			color: #fff;
        }
        .banner6-text p {
            font-size: 1.2rem;
            margin: 10px 0;
        }
        .banner6-text a {
            text-decoration: none;
            background-color: orange;
            color: white;
            padding: 10px 20px;
            font-weight:normal;
            border-radius: 5px;
        }
        .banner6-text a:hover {
            background-color: darkorange;
        }

/* restoration and repair page */
.banner7 {
            position: relative;
            width: 100%;
            height: 500px;
            background: url("../images/wooden_floor_services_Melbourne_Australia_15.jpg") no-repeat center center/cover;
        }
        .banner7-text {
            position: absolute;
            top: 60%;
            left: 40%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }
        .banner7-text h1 {
            font-size: 3rem;
            margin: 0;
			padding-bottom: 15px;
			color: #fff;
        }
        .banner7-text p {
            font-size: 1.2rem;
            margin: 10px 0;
        }
        .banner7-text a {
            text-decoration: none;
            background-color: orange;
            color: white;
            padding: 10px 20px;
            font-weight:normal;
            border-radius: 5px;
        }
        .banner7-text a:hover {
            background-color: darkorange;
        }

/* index  page animation */

.carousel {
            position: relative;
            overflow: hidden;
            width: 100%;
            max-width: 1200px;
            margin: auto;
        }
        .slides {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        .slide {
            min-width: 100%;
            box-sizing: border-box;
            position: relative;
        }
        .slide img {
            width: 100%;
            height: auto;
        }
        .slide .text {
            position: absolute;
            top: 40%;
            left: 55%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: 10px;
        }
        .slide .text h1 {
            margin: 0;
            font-size: 2.5rem;
			color: white;
        }
        .slide .text p {
            margin: 10px 0;
            font-size: 1rem;
        }
        .arrows {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .arrow {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 5px;
        }
        .arrow:hover {
            background-color: orange;
        }

footer {
  /*background-color: #f4f4f4;*/
  height: auto; /* Adjust for content height */
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  flex-wrap: wrap; /* Enable wrapping for smaller screens */
  color: #ffffff;
  font-size: 17px;
  text-align: justify;
}

footer div {
  flex: 1;
  text-align: center;
  margin-bottom: 20px; /* Add spacing for stacked layout */
}

footer img {
  width: 120px;
  margin-bottom: 10px;
}

footer a {
  color: #007bff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* Responsive Design for Mobile View */
@media (max-width: 768px) {
  footer {
    flex-direction: column; /* Stack columns vertically */
    height: auto; /* Let content define the height */
  }
  
  footer div {
    margin-bottom: 15px; /* Add space between stacked items */
  }
}