.marquee-new-wrapper .button {background: #12BCBF; color: #fff; min-height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; text-transform: uppercase; text-align: center; display: inline-block; position: relative; padding: 0 15px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 10px; border: 1px solid #12BCBF;
	}
.marquee-new-wrapper .button:hover {background: #fff;color: #12BCBF;}
.marquee-new-wrapper .button + .button{margin-left: 15px;}
.marquee-new-wrapper h2 {font-size: 42px; margin-bottom: 30px;}
.marquee-new-wrapper .cards {display: flex; justify-content: space-between; flex-wrap: wrap;}
.marquee-new-wrapper .cards .card {width: 32%; border: 1px solid #12BCBF; border-radius: 0; display: flex; flex-direction: column;}
.marquee-new-wrapper .cards .card .card-title h4 {margin: 0; font-size: 26px;}
.marquee-new-wrapper .cards .card .card-content{padding: 20px; display: flex; flex-direction: column; flex-grow: 1;}
.marquee-new-wrapper .cards .card .card-content .button {margin-top: auto; align-self: flex-start;}
.marquee-new-wrapper ul li::before {/* content: "\f061"; */ background: #12BCBF; color: #fff; border-radius: 20px; text-align: center; padding: 6px; line-height: 1; font-size: 10px; top: 5px; left: -30px;}

.marquee-new {height: 820px; display: flex; justify-content: center; align-items: end; flex-wrap: wrap; padding-bottom:100px;}
.marquee-new#page_title:before{background:linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25))}
.marquee-new .banner-container{max-width: 1010px; text-align: center; position: relative;}
.marquee-new .page_title h1, .marquee-new .page_title .h1, .marquee-new .page_title span{font-size: 60px;}
.marquee-new .banner_content p{color: #fff; font-weight: 500; font-size: 18px;}

.marquee_sizes {text-align: center; padding: 100px 0 30px 0;}
.marquee_sizes .cards .card .card-title{background-color: #12BCBF; margin-bottom: 0; color: #fff; padding: 15px;}
.marquee_sizes .cards .card .card-title h4{color: #fff;}
.marquee_sizes .cards .card .card-content .button{align-self: center;}

.marquee_styles {padding: 30px 0 100px 0;}
.marquee_styles h2{text-align: center;}
.marquee_styles .cards .card .card-content, .single_marquee_styles .cards .card .card-content{padding-top: 0;}
.cards .card .card-title{margin-bottom: 0; padding: 25px 15px 15px;}
.cards .card .card-image {height: 250px; overflow: hidden;}
.cards .card .card-image img {width: 100%; height: 100%; object-fit: cover; display: block;}

.why_choose {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.why_choose .why_choose_content {width: 50%; padding: 70px 100px; background: rgba(18, 188, 191, 0.12);}
.why_choose .why_choose_image{width: 50%; display: flex;}
.why_choose .why_choose_image img {width: 100%; height: 100%; object-fit: cover;}

.additional_marquee {padding-bottom:100px;}
.additional_points {display: flex; flex-wrap: wrap; justify-content: space-between;}
.additional_text {width: 50%; padding: 40px; background: rgba(18, 188, 191, 0.12);}
.additional_image {width: 50%; display: flex;}
.additional_image img{width: 100%; height: 100%; object-fit: cover;}

.extra_details {background-color: #084276; padding: 50px 100px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.extra_details .extra_details_container {width: 32%; display: flex;}
.extra_details .extra_details_icon {width: 50px; margin-right: 10px;}
.extra_details .extra_details_content {width: calc(100% - 60px);}
.extra_details .extra_details_content h3 {color: #fff; line-height: 1;}
.extra_details .extra_details_content p {margin: 0; color: #fff; font-weight: 300; line-height: 1.4;}

section.gallery {padding: 70px 35px 50px 35px; display:flex; flex-wrap:wrap; gap:15px;}
section.gallery a{width: calc(33.33% - 10px);}
section.gallery img {object-fit: cover; border-radius: 6px; cursor: pointer; width: 100%; height: 400px;}


section.marquee_faq {background-color: #f1f1f1; padding: 80px 0;}

section.events {padding: 195px 0;}
section.events h2 {color: #fff; margin: 0; font-size: 60px;}
section.events p {color: #fff; font-size: 18px;}

.py-100{padding: 100px 0;}
.single_why_choose {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.single_why_choose .why_choose_content {width: 49%;}
.single_why_choose .why_choose_image {width: 49%; display: flex;}
.single_why_choose .why_choose_image img{width: 100%; height: 100%; object-fit: cover;}
.why_choose_content ul li::before {background: #12BCBF; color: #fff; border-radius: 20px; text-align: center; padding: 6px; line-height: 1; font-size: 10px; top: 5px; left: -30px;}

.single_marquee_styles{padding-top:100px;}
.single_marquee_styles h2 {text-align: center;}
.single_marquee_styles .cards {justify-content: center; column-gap: 20px;}
.single_marquee_styles .cards .card{width: 40%;}
.single_marquee_styles .card-image{height: 250px; overflow: hidden;}
.single_marquee_styles .card-image img{width: 100%; height: 100%; object-fit: cover; display: block;}

.products{padding-top: 100px; padding-bottom: 100px;}
.products .section_heading {text-align: center;}
.products .sizes_options {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px;}
.products .sizes_options .product_wrapper {width: calc(20% - 16px); border: 1px solid #12BCBF; padding: 50px 15px 20px 15px; text-align: center;}
.products .sizes_options .product_images {display: flex; justify-content: center; margin-bottom: 20px; gap:4%;}
.products .sizes_options .product_images > div {width: 48%; border: 1px solid #ccc; height: 175px; position: relative; padding-top: 20px; padding-bottom: 25px;}
.products .sizes_options .product_images span {background-color: #12bcbf; left: 0; bottom: 0; position: absolute; color: #fff; font-size: 14px; font-weight: 300; padding: 5px 10px; line-height: 1;}
.products .sizes_options .product_content h6 {color: #12BCBF;}


.perfect_for {padding: 100px 0; background-color: #f1f1f1;}
.perfect_for .list-items {display: flex; align-items: center;}
.perfect_for .list-items span {margin-right: 15px; background-color: #12bcbf; padding: 15px; border-radius: 30px; width: 60px;}
.perfect_for .list-items span img {width: 30px; height: auto;}
.perfect_for .list-items h5 {margin: 0; width: calc(100% - 75px);}

.setup_inclusion {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.setup_inclusion .setup_content {padding: 100px; background: rgba(18, 188, 191, 0.12); width: 40%;}
.setup_inclusion .setup_content ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;}
.setup_inclusion .setup_content ul li {width: 49%; font-weight: 600; line-height: 1.2; margin-top: 20px;}
.setup_inclusion .setup_image {width: 60%; display: flex; height: 630px;}
.setup_inclusion .setup_image img{width: 100%; height: 100%; object-fit: cover;}
.setup_inclusion ul li::before {content: "\f061";}

.marquee_quote_form{
	display: none;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
    text-align: left;
}
.marquee_quote_form .h2 {
    font-size: 30px;
    color: #505050;
    margin: 0 0 0 0;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.marquee_quote_form .form-control {
    height: 54px;
    border-radius: 0;
    box-shadow: none;
    color: #606060;
    border: 1px solid rgba(0, 0, 0, 0.30) !important;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 18px;
}
.marquee_quote_form textarea.form-control {
    resize: none;
    height: 150px;
    padding: 10px 20px;
}
.marquee_quote_form .btn_quote {
    text-align: center;
}

/* Suburb Page CSS */
.marquee-sizes h2{margin-bottom: 10px;}
.marquee-sizes p + h2 {margin-top: 40px; display: block;}
/* End Suburb Page CSS */

@media(max-width: 1560px){
	.marquee-new {height: 700px;}
	.setup_inclusion .setup_content{padding: 50px;}
	.setup_inclusion .setup_image{height: 550px;}
	section.gallery img{height:300px;}
}
@media(max-width: 1280px){
	.marquee-new {height: 600px;}
	.marquee_sizes{padding: 50px 0 30px 0;}
	.marquee_styles {padding: 20px 0 50px 0;}
	.why_choose .why_choose_content{padding: 30px 15px;}
	.extra_details{padding: 30px 15px;}
	section.gallery img{height:250px;}
	section.marquee_faq{padding: 50px 0;}
	section.events {padding: 100px 0;}
	.products{padding-top: 50px; padding-bottom: 50px;}
	.single_marquee_styles{padding-top:50px;}
	.products .sizes_options .product_wrapper{width: calc(33% - 10px);}
	.setup_inclusion .setup_content{padding: 15px;}
}
@media(max-width: 992px){
	.marquee-new {height: 500px;}
	.marquee-new#page_title{padding: 100px 15px 70px 15px;}

	.setup_inclusion .setup_content, .setup_inclusion .setup_image{width: 100%;}
	.perfect_for, .py-100 {padding: 50px 0;}
	.products{padding-bottom: 50px;}
	.setup_inclusion .setup_content{padding: 50px 15px;}
}
@media(max-width: 767px){
	.marquee-new-wrapper h2{font-size: 30px;}
	.marquee-new {height: 450px;}
	.marquee-new .page_title h1, .marquee-new .page_title .h1, .marquee-new .page_title span {font-size: 40px;}
	.marquee-new#page_title {padding: 50px 15px 30px 15px;}

	.marquee-new-wrapper .cards .card{width: 100%;}
	.marquee-new-wrapper .cards .card + .card{margin-top: 15px;}
	.why_choose .why_choose_content, .why_choose .why_choose_image, .extra_details .extra_details_container{width: 100%;}
	section.events h2{font-size: 40px;}
	.setup_inclusion .setup_image{height: 400px;}

	.single_why_choose .why_choose_content, .single_why_choose .why_choose_image, .additional_image, .additional_text {width: 100%;}
	.products .sizes_options .product_wrapper{width: calc(50% - 10px);}
	.setup_inclusion .setup_content ul{margin-bottom: 20px;}
	
	section.gallery{padding:50px 15px; gap:10px;}
	section.gallery a{width:calc(50% - 5px);}
}
@media(max-width: 576px){
	.marquee-new-wrapper .button + .button{margin-left: 0; margin-top: 10px;}
	.setup_inclusion .setup_image{height: 250px;}
	.products .sizes_options .product_wrapper{width: 100%;}
	.setup_inclusion .setup_content ul li{width: 100%;margin-top: 5px;}
	.marquee-new-wrapper ul li::before{top: 0;}
	section.gallery img{height:150px;}
}