.header .nav_bar .navbar-toggler i {

    color: rgba(7, 32, 41);

}




@media (max-width: 768px) {
    #header .action_btn .orderBtn, #header .action_btn .orderBtn * {
      display: block !important;
      margin-right: 20px;
    }
    .action_btn * {
      display: none !important;
    }
    }

.navbar-toggler:focus{

    outline: none;

    border: none;

    box-shadow: unset;

}



.banner {

    position: relative;

}



.banner .carousel-item {

    background-position: bottom center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 800px;

    position: relative;

}



.banner .carousel-item:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: 0.1;

}



.banner .carousel-item:after {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background: #000;

    opacity: 0.3;

}



.banner .carousel-item .carousel-caption {

    background: rgba(11, 120, 160, 0.59);

    left: 0;

    right: 0;

    z-index: 3;

    bottom: 0;

    padding: 15px 0;

}



.banner .carousel-item .carousel-caption h5 {

    color: var(--white);

    font-size: 20px;

    font-weight: 400;

    margin: 0;

    letter-spacing: 1px;

}



.banner .carousel-indicators {

    bottom: 42px;

}



.carousel-indicators [data-bs-target] {

    width: 8px;

    height: 8px;

    border-radius: 100%;

}



.banner .carousel-control-next-icon,

.banner .carousel-control-prev-icon {

    width: 3rem;

    height: 3rem;

}



.banner .bnr_ctnt {

    height: 100%;

    position: absolute;

    top: 58%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

}



.banner .bnr_ctnt .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100%;

}



.carousel-control-next, .carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 4%;

    padding: 0;

    color: #fff;

    text-align: center;

    background: 0 0;

    border: 0;

    opacity: .5;

    transition: opacity .15s ease;

}



.banner_text h1 {

    font-size: 45px;

    font-weight: 600;

    margin-bottom: 20px;

    line-height: 1.2;

    color: var(--white);

}



.banner .features {

    display: flex;

    color: #fff;

    gap: 12px;

    margin-bottom: 20px;

}



.banner .features h4 {

    border-right: 3px solid #fff;

    padding-right: 11px;

    font-size: 22px;

}

.banner .features h4:last-child{

    border: unset !important;

}

.banner_text ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.banner_text ul li {

    color: var(--white);

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 12px;

    padding-left: 32px;

    position: relative;

}



.banner_text ul li:after {

    content: '';

    position: absolute;

    left: 0;

    top: 5px;

    background-image: url(../images/tick.svg);

    width: 18px;

    height: 18px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.banner_text ul li i {

    margin-right: 10px;

}



.banner_text .call-action {

    margin-top: 42px;

    display: flex;

    align-items: center;

}



.rating {

    margin-left: 55px;

}



.rating figure {

    width: 120px;

    height: 40px;

}



.rating span {

    color: var(--white);

    font-size: 12px;

    font-weight: 300;

}



.rating span strong {

    font-weight: 400;

    margin-right: 8px;

}



.rating span i {

    font-size: 14px;

    color: #fcb002;

}

.rating span a {

    color: #fff;

    text-decoration: underline;

}



.banner_text .call-action .btn {

    background: #E78729;

    padding: 8px 25px 5px;

    display: flex;

    align-items: center;

    max-width: 252px;

    line-height: 2.8;

    color: var(--white);

    border-radius: 2px;

    box-shadow: none;

    display: flex;

    align-items: center;

    gap: 10px;

}



.banner_text .call-action .btn span small {

    display: block;

    font-size: 14px;

    font-weight: 300;

    line-height: 14px;

}



.banner_text .call-action .btn figure {

    width: 32px;

    height: 32px;

    margin-right: 12px;

}



.banner_text .call-action .btn span {

    font-size: 20px;

    line-height: 1.5;

    font-weight: 500;

    text-align: left;

}



/* remove to go to previous css */



.banner-form small {

    line-height: 1.4;

    max-width: 371px;

    display: inline-block;

    margin: 5px 0;

}



.banner .banner-form .call_head p {

    margin-bottom: unset;

    font-weight: 500;

    color: #fff;

}



.banner .banner-form .call_head p a {

    color: #fff;

}



.banner .banner-form .call_head {

    display: flex;

    justify-content: space-between;

    background: #9BC0E3;

    padding: 10px 32px;

    margin: 0 -25px 14px -25px;

    position: relative;

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

}

.banner .banner-form .call_head > i {

    position: absolute;

    right: -14px;

    top: -15px;

    background: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    border-radius: 100%;

    border: 5px solid #554a4a;

    opacity: unset;

    color: #9ba0b7;

    transition: 0.3s ease;

    width: 35px;

    height: 35px;

}

.banner .banner-form .call_head > i:hover {

    background: #7e0606;

    border: 5px solid #7e0606;

    color: #fff;

    cursor: pointer;

}

.active-popup .carousel-inner, .active-popup .carousel-inner div {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner.active-popup .banner_text {

    margin-right: auto;

    padding: 37px 0;

}

.active-popup .banner-form{

    display: none;

}

.banner .banner-form .call_head p i {

    margin-right: 8px;

    position: relative;

    z-index: 1;

    color: #9EC3E4;

    font-size: 14px;

    transform: rotate(99deg);

}



.banner .banner-form .call_head p i:after {

    position: absolute;

    content: "";

    background: #fff;

    width: 25px;

    height: 25px;

    left: -6px;

    top: -6px;

    border-radius: 100%;

    z-index: -1;

}



.banner .banner-form input.form-control, .banner .banner-form textarea {

    border: unset;

    border-bottom: 1px solid #9EC3E4;

    border-radius: unset;

    margin-bottom: 15px;

    background: unset !important;

}



.banner .banner-form label i {

    width: 18px;

    margin-right: 5px;

    color: #9EC3E4;

}



/* remove to go to previous css */



.banner-form {

    background: var(--white);

    padding: 0 25px 25px 25px;

    border-radius: 12px;

    width: 450px;

    text-align: center;

}



.banner-form h2 {

    font-size: 27px;

    font-weight: 500;

    color: #97BBDA;

    margin-bottom: 5px;

}



.banner-form p {

    font-size: 18px;

    line-height: 1.4;

    color: var(--black);

    margin-bottom: 25px;

}



.banner-form .form-group {

    text-align: left;

}



.banner-form .form-group label {

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 2px;

}



.banner-form .form-group label sup {

    color: red;

}



.banner-form .form-group {

    margin-bottom: 15px;

}



.banner-form .form-group .form-control {

    border-radius: 2px;

    width: 100%;

    box-shadow: none;

    outline: none;

    height: 30px;

    padding: 2px 8px;

    font-size: 14px;

    color: var(--black);

}



.banner-form .form-group textarea {

    resize: none;

    min-height: 44px;

}



.banner-form .submit_btn {

    margin-top: 10px;

    text-align: left;

}



.banner-form .submit_btn .btn {

    background-color: #6DAD3C;

    color: var(--white);

    font-size: 16px;

    font-weight: 500;

    padding: 0 30px;

    line-height: 2.4;

    transition: all 0.4s ease-in-out;

    transform: translateY(0px);

    box-shadow: none;

    width: 100%;

}



.banner-form .submit_btn .btn:hover {

    -webkit-transform: translateY(-4px);

    transform: translateY(-4px);

}



.indoor-section {

    background: var(--sec-bg);

}

.indoor-section.bg_none{

    background: var(--white);

}



.indoor-section .indoor_ctnt h3 {

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 25px;

    font-size: 38px;

}

.indoor-section .indoor_ctnt .first_heading {

    max-width: unset;

    width: fit-content;

    position: relative;

}

.indoor-section .indoor_ctnt .first_heading sup{

    position: absolute;

    top: 11px;

}



.indoor-section .row {

    align-items: center;

}



.indoor-section .indoor_img {

    position: relative;

}



.indoor-section .indoor_img .overlay_image {

    position: absolute;

    bottom: -47px;

    left: -65px;

    width: 340px;

    max-width: 340px;

    z-index: 2;

}



.indoor-section .row:nth-of-type(even) {

    flex-direction: row-reverse;

    margin-top: 52px;



}



.indoor-section .row:nth-of-type(even) .indoor_ctnt {

    padding-right: 0;

    padding-left: 32px;

}



.indoor-section .row:nth-of-type(even) .indoor_img figure {

    margin-top: 0;

    margin-right: 0;

}



.indoor-section .row:nth-of-type(even) .indoor_img figure::after {

    display: none;

}



.indoor-section .indoor_ctnt p:last-child {

    margin-bottom: 0;

}



.indoor_pool .call_button a{

    pointer-events: none;

}

.short_heading h4 {

    font-size: 21px;

}



.indoor-section .indoor_ctnt {

    padding-right: 32px;

}

.indoor-section .indoor_ctnt .text-center {

    text-align: center!important;

    width: fit-content;

}

.indoor_pool .short_heading {

    margin-top: -18px;

    max-width: unset;

    text-align: center;

    width: fit-content;

    margin: -21px auto 0;

}

.indoor_pool .short_heading h4 span:nth-child(2) {

    font-family: 'Mariah';

    font-size: 40px;

    margin-top: 10px;

    display: inline-block;

}

.indoor_pool .short_heading h4 span:nth-child(3){

    font-family: 'Kiev';

    font-size: 40px;

}

.indoor_pool .short_heading h4 span:nth-child(4){

    font-family: 'Kiev';

    font-size: 40px;

}

h3 sup {

    font-weight: 400;

    margin-top: 6px;

}

.indoor-section .indoor_ctnt .features{

    display: flex;

    gap: 80px;

    margin: 38px 0 25px;

}



.indoor-section .indoor_ctnt .features ul li{

    list-style-type: none;

    position: relative;

    padding-left: 34px;

    margin-bottom: 25px;

    font-size: 18px;

}



.indoor-section .indoor_ctnt .features ul li::after{

    content: '';

    position: absolute;

    left: -5px;

    top: 4px;

    background-image: url(../images/blue_tick.svg);

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.indoor_pool .quote_button small {

    font-size: 18px;

}



.indoor_ctnt .call_button .btn {

    background: var(--bg-color);

    padding: 4px 25px 5px;

    display: flex;

    align-items: center;

    max-width: fit-content;

    line-height: 2.8;

    color: var(--white);

    border-radius: 3px;

    box-shadow: none;

    margin-top: 10px;

    display: flex;

    gap: 15px;

    transition: 0.5s ease;

}



.indoor_ctnt .quote_button {

    width: fit-content;

    transition: 0.6s ease;

    }



.indoor_ctnt .quote_button:hover {

transform: translateY(-5px);

cursor: pointer;

}



.indoor_ctnt .call_button .btn figure {

    width: 33px;

    height: 33px;

    margin-right: 12px;

}



.indoor_ctnt .call_button .btn span {

    font-size: 20px;

    line-height: 2;

    font-weight: 500;

    text-align: left;

    margin-top: 7px;

}



.indoor_ctnt .call_button .btn span small {

    display: block;

    font-size: 16px;

    font-weight: 300;

    line-height: 14px;

}





.indoor-section .indoor_ctnt a:hover {

    color: var(--hover);

}



.indoor-section .indoor_ctnt .btn:hover {

    color: var(--white);

}



.indoor-section .indoor_img figure::after {

    content: '';

    width: 160px;

    height: 125px;

    border-radius: 12px;

    top: -25px;

    right: -30px;

    position: absolute;

    z-index: -1;

}



.indoor-section .indoor_img figure {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 350px;

    position: relative;

    border-radius: 5px;

    margin-top: 25px;

    margin-left: 25px;

    z-index: 1;

}



.indoor-section .indoor_img .overlay_dots {

    position: absolute;

    top: -39px;

    right: 0 !important;

    left: 637px;

    z-index: 0;

}



.image div {

	display: flex;

	height: 100%;

	justify-content: space-between;

}



figure img {

	width: 100%;

	height: 100%;

}



.column {

	width: 100%;

	height: 100%;

	display: flex;

	flex-direction: column;

	position: relative;

    gap: 4px;

}



figure{

    margin: unset !important;

}



.column figure {

    width: 100%;

    height: 100%;

    position: relative;

}



.column figure img {

    position: absolute;

    width: 100%;

    height: 100%;

}



.gallery_section .row {

	--bs-gutter-x: 0.5rem !important;

}



.column figure:nth-child(1) {

	margin-bottom: 4.5px !important;

}



.image div figure {

	width: 49%;

	height: 100%;

	display: flex;

	justify-content: space-between;

}



.gallery_section h3 {

    text-align: center;

    font-weight: 600;

    font-size: 38px;

    min-width: 784px;

    margin-bottom: 20px;

}



.galler-section .gallery_list {

    margin-top: 35px;

}



.galler-section h3 {

    text-align: center;

    font-weight: 700;

    margin-bottom: 15px;

}



.gallery_section .pool a{

    width: 100%;

}



.pool_section{

    background-color: #fff;

    margin-top: unset;

}



.pool_section .indoor_img .overlay_image {

    position: absolute;

    top: -34px;

    left: -50px;

    width: 340px;

    max-width: 340px;

    z-index: 0;

}



.pool_section .row {

    align-items: center;

    gap: 68px;

}



.pool_section .indoor_img figure{

    margin-left: unset;

    z-index: 1;

}



.pool_section .indoor_img figure::after {

    display: none;

    content: '';

    width: 160px;

    height: 125px;

    border-radius: 12px;

    background: #95c2d3;

    top: -25px;

    right: -30px;

    position: absolute;

    z-index: -1;

}



.pool_section .indoor_ctnt{

    padding-right: unset;

}



.residence_2 {

    margin-top: 80px;

}



.residence_2 .pool_items {

    position: relative;

}



.residence_section .row {

    gap: 45px 0;

    --bs-gutter-x: 2.5rem;

    justify-content: center;

    padding-top: 20px;

}



.residence_section .nav-link h5{

   font-weight: 600;

}



.residence_section .nav .active {

    background-color: unset !important;

    color: #0B78A0 !important;

    border-bottom: 3px solid #0B78A0;

    border-radius: unset;

    position: relative;

}



.residence_section .tab-pane{

    position: relative;

}



.residence_section .tab-pane .bottom_line{

    position: absolute;

    width: 100%;

    height: 4px;

    background: #DEF6FF;

    top: -19px;

    z-index: -1;

}



.touch_button {

    text-align: center;

    margin-top: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.touch_button a {

    color: white;

    background-color: var(--bg-color);

    display: inline-block;

    padding: 14px 20px;

    font-size: 20px;

}



.pool_enclosure {

    padding: 1px 0 1px;

}



.pool_enclosure .pool_items{

    position: relative;

}



.pool_enclosure .upper_section {

    height: 560px;

    width: 100%;

    background: #a5cef3;

    position: absolute;

    z-index: -1;

    background-position: bottom;

}



.residence_2 .upper_section {

    height: 440px !important;

    width: 100%;

    position: absolute;

    z-index: -1;

    background-position: bottom;

}



.pool_enclosure .pool_items .residence {

    border-radius: 6px;

}



.pool_enclosure .heading_section h3 {

    color: white;

    text-align: center;

    font-size: 38px;

    padding-top: 30px;

    padding-bottom: 5px;

    font-weight: 600;

}



.pool_enclosure .heading_section p{

    color: white;

    text-align: center;

    padding: 0 200px;

    font-size: 16px;

}



.pool_enclosure .heading_section h4{

    color: white;

    text-align: center;

    margin-top: 54px;

    font-size: 34px;

}



.residence_section .nav-pills .nav-link {

    color: black;

}



.residence_section .residence {

    box-shadow: 0px 3px 6px #5D5D5D29;

    border-radius: 0px 0px 6px 6px;

    background: white;

    height: 100%;

    padding-bottom: 10px;

}



.residence_section .residence h6 {

 font-weight: 600;

 padding: 20px 25px;

 border-bottom: 1px solid #5D5D5D29;

 font-size: 22px;

}



.residence_section b {

    font-size: 16px;

    font-weight: 600;

}



.residence_section .residence span {

    font-size: 16px;

    position: relative;

    padding: 11px 50px;

    display: inline-block;

    border-bottom: 1px solid #5D5D5D29;

    width: 100%;

}



.residence_section .residence span::before {

    content: '';

    position: absolute;

    left: 26px;

    top: 15px;

    background-image: url(../images/expand.svg);

    width: 18px;

    height: 17px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.residence_section .residence .residence_content span{

    padding: 15px 25px;

    border: unset;

    line-height: 1.6;

}



.residence_section .residence .residence_content span::before{

    display: none;

}



.pool_enclosure .residence figure {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 30px;

}



.pool_enclosure .residence figure img {

    width: 90%;

    height: 240px;

}



.pool_enclosure .residence figure .img_box {

    width: 90%;

    height: 240px;

    background-color: #E2F6FE;

}



.pool_enclosure .residence h6 {

    border-bottom: unset;

    text-align: center;

    min-width: 233px;

    margin: auto;

}



.pool_enclosure .residence_content {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.residence_section .patio_text {

    min-height: 132px;

}



.middle_residence .patio_text {

    min-height: 84px;

}



.last_residence .patio_text {

    min-height: 156px;

}



.pool_items .row div:nth-child(8) h6 {

    width: 268px;

    min-width: 268px;

}



.pool_enclosure .residence .residence_content span {

    text-align: center;

}



.galler-section .slick-slide {

    margin: 10px;

}



.youtube_section .covers_video {

    height: 600px;

    width: 100%;

    position: relative;

    z-index: 1;

}



.youtube_section .covers_video::after {

    position: absolute;

    background-image: url(../images/wave.svg);

    content: "";

    width: 175px;

    height: 110px;

    left: -83px;

    top: -57px;

    background-repeat: no-repeat;

    z-index: -1;

}



.youtube_section .covers_video iframe {

    width: 100%;

    height: 100%;

}

.youtube_section .indoor_ctnt .features{

    display: flex;

    gap: 80px;

    margin: 38px 0 3px;

}



.farming_section .indoor_img {

    position: relative;

}



.farming_section .indoor_img::after {

    position: absolute;

    background-image: url(../images/wave.svg);

    content: "";

    width: 175px;

    height: 110px;

    right: -82px;

    bottom: -54px;

    background-repeat: no-repeat;

}



.farming_section {

    background: #F2FCFF;

    height: 100% !important;

    padding: 70px 0 100px;

    position: relative;

}



.farming_section .indoor_img figure {

    height: 100%;

    margin-top: unset;

    border-radius: 0;

}



.farming_section .indoor_img figure::after {

 display: none;

}



.farming_section .call_button {

    margin-top: 37px;

}



.gallery_section .gallery_heading {

    text-align: center;

    width: 100%;

    margin-bottom: 50px;

    background: #a5cef3;

    padding: 20px;

}



.gallery_section .gallery_heading p {

    max-width: 1300px;

    margin: auto;

}



.gallery_section .gallery_heading a{

    cursor: pointer;

}



.gallery_list .item {

    border: 1px solid #ddd;

    margin-bottom: 15px;

    border-radius: 12px;

}



.gallery_list .item a {

    display: block;

    overflow: hidden;

    transition: all 0.4s ease-in-out;

}



.gallery_list .item a:hover figure {

    transform: scale(1.1) rotate(5deg);

}



.gallery_list .item figure {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 220px;

    border-radius: 4px;

    transition: all 0.4s ease-in-out;

}



.gallery_list .slick-list {

    margin: 0 25px;

}



.gallery_list .slick-arrow {

    border: none;

    font-size: 0;

    width: 30px;

    height: 30px;

    background: var(--bg-color);

    border-radius: 100%;

    position: absolute;

    z-index: 2;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}



.gallery_list .slick-prev.slick-arrow {

    right: 0;

    left: inherit;

    transition: all 0.4s ease-in-out;

    transform: translateY(0px);

}

.gallery_list .slick-prev.slick-arrow:hover{

    -webkit-transform: translateY(-4px);

    transform: translateY(-4px);

}



.gallery_list .slick-prev.slick-arrow::after,

.gallery_list .slick-next.slick-arrow::after {

    font-size: 16px;

    color: var(--white);

    font-family: 'fontAwesome';

}



.gallery_list .slick-prev.slick-arrow::after {

    content: "\f178";

}



.gallery_list .slick-next.slick-arrow:after {

    content: "\f177";

}



.gallery_section figure img {

    transition: all 0.4s ease-in-out;

    object-fit: cover;

}



.gallery_section figure img:hover {

    transform: scale(1.1);

    -webkit-filter: blur(0);

}



.color img:hover{

    filter: grayscale(0%);

filter: gray;

-webkit-filter: grayscale(0%);

}



.gallery_section figure {

    overflow: hidden;

    transition: all 0.4s ease-in-out;

}



.blog-section .slick-slider {

    position: absolute;

    right: 0;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

    width: calc(100% - 35px);

}



.palm_section {

    background: #F2FCFF;

}



.faq-section{

    background-color: #F2FCFF;

}



.enjoy-backyard-section {

    background-image: url(../images/backyard.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 62px 0 82px;

}

.enjoy-backyard-section .sec-title-wrapper {

    text-align: center;

}

.enjoy-backyard-section .sec-title {

    color: #fff;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 15px;

}

.enjoy-backyard-section .sec-subtitle {

    color: #fff;

    font-size: 15px;

    max-width: 1050px;

    margin: 0 auto;

}



.enjoy-backyard-list-section {

    margin-top: -60px;

}

.enjoy-backyard-list-section .enjoy-backyard-list-wrapper {

    background-color: #F8FDFF;

    border-radius: 12px;

    padding: 40px 30px;

}

.enjoy-backyard-list-section .enjoy-backyard-list-wrapper figure {

    padding-right: 50px;

}

.enjoy-backyard-list-section .enjoy-backyard-list-wrapper p {

    max-width: 1000px;

    margin: 30px auto 0;

    text-align: center;

}





.enjoy-backyard-list-section .enjoy-backyard-list {

    padding-left: 20px;

}

.enjoy-backyard-list-section .enjoy-backyard-list ul li {

    font-size: 16px;

    list-style: none;

    padding-left: 30px;

    position: relative;

}

.enjoy-backyard-list-section .enjoy-backyard-list ul li:not(:last-child) {

    margin-bottom: 20px;

}

.enjoy-backyard-list-section .enjoy-backyard-list ul li::before {

    position: absolute;

    content: '';

    background-image: url('../images/checked.svg');

    background-size: contain;

    background-repeat: no-repeat;

    height: 18px;

    width: 18px;

    left: 0;

    top: 5px;

}



.faq-section .section-title {

    font-weight: 600;

    margin-bottom: 60px;

    text-align: center;

}



.faq-section .accordion .accordion-item {

    border: 0;

    box-shadow: 0px 0px 26px #00000012;

    border-radius: 11px;

    overflow: hidden;

}

.faq-section .accordion .accordion-item:not(:last-child) {

    margin-bottom: 25px;

}

.faq-section .accordion .accordion-item .accordion-button {

    border-radius: 0;

    background-color: #fff;

    font-size: 20px;

    color: #000;

    font-weight: 600;

    box-shadow: unset;

}

.faq-section .accordion-button:not(.collapsed)::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.faq-section .accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.faq-section .accordion .accordion-item .accordion-body {

    padding-top: 0;

}

.faq-section .accordion .accordion-item .accordion-body p {

    font-size: 16px;

    margin: 0;

    margin-bottom: 15px;

}

.faq-section .accordion .accordion-item .accordion-body p:last-child {

    margin-bottom: unset;

}

.faq-section .call_button {

    width: 100% !important;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 40px;

}



.faq-section .call_button .btn {

    background: var(--bg-color);

    padding: 8px 25px 5px;

    display: flex;

    align-items: center;

    max-width: fit-content;

    line-height: 2.8;

    color: var(--white);

    border-radius: 3px;

    box-shadow: none;

    margin-top: 10px;

    display: flex;

    gap: 15px;

}



.faq-section .call_button .btn figure {

    width: 33px;

    height: 33px;

}



.faq-section .call_button .btn span {

    font-size: 20px;

    line-height: 2;

    font-weight: 500;

    text-align: left;

}



.faq-section .call_button .btn span small {

    display: block;

    font-size: 15px;

    font-weight: 300;

    line-height: 14px;

}



.blog-section {

    background-color: #F8F8F8;

    background-repeat: no-repeat;

    height: 570px;

    background-position: center;

    background-size: 100% 100%;

    position: relative;

    margin: 30px 0;

}

.blog-section:after {

    content: '';

    background: rgba(165, 206, 243, 0.89);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

}

.blog-carousel,

.blog-section .container{

    position: relative;

    z-index: 2;

}

.blog-section h3 {

    text-align: left !important;

    color: white;

    font-weight: 600;

    font-size: 40px;

}



.blog-section .section-title {

    margin-bottom: 25px;

}

.blog-carousel .slick-track {

    display: flex;

}

.blog-carousel .slick-slide {

    margin: 15px;

    height: inherit;

}

.blog-carousel .item {

    position: relative;

    background-color: white;

    box-shadow: 0px 0px 10px #00000029;

    padding: 30px 35px;

    border-radius: 17px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.blog-carousel .slick-center .item {

    background: white;

}

.blog-carousel .item figure {

    margin-bottom: 20px;

}

.blog-carousel .item .blog-title {

    color: #000;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 10px;

    display: inline-block;

}

.blog-carousel .slick-center .item .blog-title {

    color: black;

}



.blog-carousel .item .blog-desc {

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    transition: all 0.4s ease-in-out;

}

.blog-carousel .slick-center .item .blog-desc {

    color: black;

}



.blog-section .star img {

    width: fit-content;

    margin-bottom: 15px;

}

.blog-section .client {

    display: flex;

    align-items: center;

    gap: 15px;

}

.blog-section .client div{

    display: flex;

    flex-direction: column;

    gap: 5px;

}

.blog-section .client h6 {

    font-size: 17px;

    font-weight: 600;

}

.blog-section .client small {

    font-size: 12px;

}

.blog-carousel .item .read-more-btn {

    color: #000;

    font-size: 14px;

}

.blog-carousel .slick-center .item .read-more-btn {

    color: #fff;

}

.blog-carousel .slick-arrow {

    border: none;

    font-size: 0;

    border-radius: 50%;

    position: absolute;

    z-index: 1;

    transition: all 0.4s ease-in-out;

}

.blog-carousel .slick-arrow:hover {

    margin-bottom: 4px;

}

.blog-carousel .slick-arrow.slick-prev {

    background-color: #DEDEDE;

    width: 40px;

    height: 40px;

    top: -61px;

    right: 283px;

    transition: all 0.4s ease-in-out;

}

.blog-carousel .slick-arrow.slick-next {

    background-color: #fff;

    width: 40px;

    height: 40px;

    right: 236px;

    top: -61px;

    transition: all 0.4s ease-in-out;

}

.blog-carousel .slick-arrow::before {

    font-size: 16px;

    color: var(--white);

    font-family: 'fontAwesome';

}

.blog-carousel .slick-arrow.slick-prev::before {

    content: '\f060';

}



.blog-carousel .slick-arrow.slick-next::before {

    content: '\f061';

    color: #0B78A0;

}



.overview_carousel .slick-arrow.slick-prev {

    background-color: #DEDEDE;

    content: unset;

    width: 40px;

    height: 40px;

    top: 193px;

    left: 0;

    transition: all 0.4s ease-in-out;

    position: absolute;

    z-index: 1;

    font-size: 0;

    border: none;

    box-shadow: unset;

    outline: none;

    background-color: unset;

}



.overview_carousel .slick-arrow.slick-prev::before {

    content: '\f053';

}



.overview_carousel .slick-arrow::before {

    font-size: 16px;

    color: var(--white);

    font-family: 'fontAwesome';

}



.overview_carousel .slick-arrow.slick-next {

    background-color: #DEDEDE;

    content: unset;

    width: 40px;

    height: 40px;

    top: 193px;

    right: 0;

    transition: all 0.4s ease-in-out;

    position: absolute;

    z-index: 1;

    font-size: 0;

    border: none;

    box-shadow: unset;

    outline: none;

    background-color: unset;

}



.overview_carousel .slick-arrow.slick-next::before {

    content: '\f054';

}



.overview_carousel .slick-arrow::before {

    font-size: 27px;

    color: var(--white);

    font-family: 'fontAwesome';

}



.overview_section h3 {

    font-size: 38px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 50px;

}



.overview_section .row {

    --bs-gutter-x: 3rem;

    --bs-gutter-y: 2rem;

}



.overview_section .overview_box{

    height: 100%;

    background: #FFFFFF 0% 0% no-repeat padding-box;

box-shadow: 0px 3px 6px #5D5D5D29;

border-radius: 0px 0px 6px 6px;

opacity: 1;

}



.overview_section .type {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 15px;

}





.overview_section .overview_content {

    padding: 20px 15px 25px 15px !important;

}



.overview_section .type .mid_line{

    width: 1px;

    height: 15px;

    background-color: gray;

}



.overview_section .overview_content .type p{

    margin-bottom: unset;

}



.overview_section .overview_content h5{

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 15px;

    color: #0B78A0;

}



.overview_section .overview_content h5 a{

    color: #0B78A0;

}



.overview_section .overview_content span b {

    color: #0B78A0;

}



.overview_section .overview_content .type p span {

    font-size: 16px;

}



.overview_section .overview_content h6 {

    font-size: 16px;

    font-weight: 600;

    color: #0B78A0;

}



.overview_section .indoor_ctnt .features {

    display: flex;

    margin: 30px 0 25px;

    width: 100%;

    gap: 50px;

}



.overview_section .indoor_ctnt .features ul {

    display: flex;

    flex-wrap: wrap;

    gap: 0 20px;

}



.overview_section .indoor_ctnt .features ul li {

    width: calc(100% / 2 - 10px);

}



.overview_section .features ul li {

    font-size: 16px;

    position: relative;

    padding-left: 33px;

    list-style-type: none;

    margin-bottom: 20px;

}



.overview_section .features ul li:last-child {

    margin-bottom: unset;

}



.overview_section .components {

    width: 50%;

}



.overview_section ul li:last-child {

    margin-bottom: unset !important;

}



.overview_section .indoor_ctnt .features ul li::after {

    content: '';

    position: absolute;

    left: 0;

    top: 1px;

    background-image: url(../images/blue_tick.svg);

    width: 22px;

    height: 22px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.palm_section {

    padding: 90px 0 0px;

}



.outdoor_section .indoor_img .pop_image {

    position: absolute;

    top: -46px;

    left: -60px;

    width: 145px;

    z-index: 0;

}



.outdoor_section .indoor_img{

    position: relative;

}



.outdoor_section .glazing_image::before {

    content: "";

    position: absolute;

    background-image: url(../images/logo_icon.svg);

    width: 205px;

    height: 49px;

    background-size: contain;

    bottom: 0;

    right: 8px;

    z-index: 3;

    background-repeat: no-repeat;

}



.outdoor_section figure {

    height: 100% !important;

    width: 100% !important;

}



.outdoor_section .features ul li {

    list-style-type: none;

    position: relative;

    padding-left: 34px;

    margin-bottom: 25px;

}



.outdoor_section .features ul li::after {

    content: '';

    position: absolute;

    left: 0;

    top: 1px;

    background-image: url(../images/blue_tick.svg);

    width: 18px;

    height: 18px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.outdoor_section {

    padding: 90px 0;

}



.outdoor_section .overlay_image img {

    width: 145px;

}



.palm_section .indoor_img .top_image {

    position: absolute;

    right: -62px;

    bottom: -44px;

    width: 145px;

    z-index: 0;

}



.fenestration_image {

    position: -webkit-sticky; /* For Safari */

    position: sticky;

    top: 0; /* Adjust this value as needed */

}



.fenestration_section {

    padding-bottom: 40px;

}



/* remove to go to previous css */



/* .fenestration_section .row {

    gap: 40px 0;

    display: flex;

    justify-content: space-between;

}



.fenestration_section p {

    max-width: 467px;

    margin-top: 40px;

}



.fenestration_section .features li small {

    font-size: 16px;

    margin-top: 8px;

    display: block;

} */



/* .fenestration_section .features ul {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 60px;

}



.fenestration_section .features ul li {

    width: calc(100% / 2 - 30px);

} */



/* remove to go to previous css */



.iframe-wrapper {

    position: relative;

    border-radius: 17px;

    overflow: hidden;

    margin-right: 50px;

}



.iframe-wrapper iframe {

    width: 100%;

    min-height: 100%;

}

.iframe-wrapper .full {

    width: 100%;

    height: 100%;

    margin: 0;

    position: absolute;

    display: flex;

    justify-content: center;

    object-fit: cover;

}



.text_box{

    border: 2px solid gray;

    display: flex;

    height: 100%;

    padding: 5px;

    gap: 50px;

}



.text_box .uls{

    display: flex;

    border: 1px solid red;

    width: 100%;

}



.touch_button a:hover {

    color: white;

}



.test_slider .slider {

    max-width: 1200px;

    margin: 0 auto;

    background: red;

  }

  

 .test_slider .slick-list {

      padding-left: 0px!important;

  }

  

  .blog-carousel .slick-arrow.slick-next:hover {

   transform: scale(1.1);

}



.blog-carousel .slick-arrow.slick-prev:hover {

    transform: scale(1.1);

}



.call_button_extn {

    width: fit-content;

    position: fixed;

    right: 20px;

    bottom: 20px;

    z-index: 999999999;

}



/* quote page css */



.quote_banner .bnr_ctnt .container {

    display: flex;

    align-items: center;

    justify-content: end;

    height: 100%;

}



.quote_banner {

    min-height: 780px;

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: cover;

}



/* quote page form */



.quote_form .pageheading {

    font-size: 20px;

    font-family: 'open_sanssemibold';

    color: #a5cef3;

    margin-bottom: 20px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

}



.quote_form .panel {

    margin-bottom: 20px;

    background-color: #fff;

    border-radius: 4px;

    /* background: #FFFFFF 0% 0% no-repeat padding-box; */

    box-shadow: 0px 0px 10px #00000029;

    border: 2px solid #FFFFFF;

    opacity: 0.96;

}



 .quote_form .panel-default>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd;

}



.quote_form .subheading {

    font-size: 18px;

    color: #a5cef3;

    margin-bottom: 20px;

    display: block;

    padding: 15px;

}



.quote_form .panel-body {

    padding: 15px;

}



.quote_form .required {

    color: red;

    font-weight: 700;

    font-size: 16px;

}



.quote_form .form-control {

    box-shadow: none;

    border-radius: 0;

    border-color: #dbdbdb;

    height: 30px;

    padding: 6px 9px;

    font-size: 13px;

    border: unset;

    border-bottom: 1px solid #a5cef3;

}



.quote_form .panel-body select {

    -webkit-appearance: listbox !important;

}



.quote_form .cleardiv {

    display: block;

    clear: both;

    overflow: hidden;

}



.quote_form .formbox .form-group {

    margin-bottom: 1px;

    min-height: 71px;

}



.quote_form .form-group.midheight {

    min-height: 57px;

}



.quote_form .errortext {

    font-size: 11px;

    color: red;

    margin-bottom: 0;

    display: none;

}



.quote_form .quotesubtitle {

    font-size: 22px;

    font-weight: 700;

    color: #383838;

    margin-bottom: 15px;

}



.quote_form .formbox .checkbox-inline, .quote_form .formbox .radio-inline {

    margin-right: 10px;

}



.quote_form .formbox .checkbox-inline:hover, .quote_form .formbox .radio-inline:hover {

    cursor: pointer;

}



.quote_form .ipadheight {

    height: 102px!important;

}



.quote_form .attachments_items {

    display: flex;

    align-items: center;

    gap: 20px;

}



.quote_form .attachments_items div {

    width: 100%;

}



.quote_form .button_box{

    width: 100%;

    text-align: center;

}



.quote_form .submit_button {

    margin-top: 25px;

    width: 50%;

    background-color: #a5cef3;

    border: unset;

}



.formbox .form-group.smallheight {

    min-height: 35px;

}



input[type="checkbox"], input[type="radio"] {

    accent-color: #a5cef3;

}



/* gallery page css */



.gallery_banner {

    min-height: 425px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    display: flex;

    align-items: end;

    padding: unset;

}



.gallery_banner::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to right, #012B3685 , #06252DA6, #000000D9);

}



.gallery_banner h2{

   font-size: 66px;

   font-weight: bold;

   color: var(--white);

   position: relative;

   margin-bottom: 20px;

}



.gallery_content h1{

    text-align: center;

    font-weight: 600;

    color: #0B78A0;

    line-height: 30px;

 }



 .gallery_content .list {

    width: 35%;

    border: 1px solid #DAEFF6;

    background-color: #F8FDFF;

    border-radius: 10px;

    padding: 25px;

}



 .gallery_content .list h5{

    font-size: 24px;

    text-align: center;

    color: #0B78A0;

    margin-bottom: 10px;

  }



  .gallery_content .list li {

    list-style-type: none;

    margin-bottom: 8px;

    font-size: 18px;

}



.gallery_content .list li:last-child {

    margin-bottom: unset;

}



  .gallery_content .list li span{

    color: #0B78A0;

  }



  .gallery_content .content{

    width: 60%;

 }



 .gallery_content .content h2{

   font-size: 28px;

   font-weight: 600;

   color: var(--black);

   text-align: center;

   margin-bottom: 10px;

 }



 .gallery_content .content p{

    text-align: justify;

  }



 .gallery_content .container > div{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 40px 0;

 }



 .gallery_content .container > p{

    text-align: justify;

 }



 .north_york_section{

    background-color: #94C7EE;

 }



 .north_york_section h3{

    color: var(--white);

    font-size: 34px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 20px;

 }



 .north_york_section p{

    color: var(--white);

    text-align: justify;

 }



 .gallery_images h4 {

    text-align: center;

    color: #0B78A0;

    font-size: 28px;

    font-weight: 600;

    width: 46%;

    margin: auto;

}



 .gallery_images h4 .top_text{

    position: relative;

 }



 .gallery_images h4 .top_text::before {

    position: absolute;

    content: "TM";

    font-size: 12px;

    top: -4px;

    right: -17px;

}



.gallery_images h4 span:nth-child(2) {

    font-family: 'Mariah';

    font-size: 40px;

    margin-top: 10px;

    display: inline-block;

}



.gallery_images h4 span:nth-child(3) {

    font-family: 'Kiev';

    font-size: 40px;

}



.gallery_images h4 span:nth-child(4) {

    font-family: 'Kiev';

    font-size: 40px;

}



.gallery_images .images {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 30px;

}



.gallery_images .images figure {

    width: calc(100% / 3 - 20px);

}
.more_product_section figure:hover:before{
    opacity: 0 !important;
}


.gallery_images .images figure img{

    width:100%;

    cursor: pointer;

}



.more_product_section{

    background-color: #0B78A0;

}



.more_product_section h4{

    font-size: 38px;

    color: var(--white);

    font-weight: 600;

    text-align: center;

}



.more_product_section figure{

    position: relative;

    border-radius: 10px;

    overflow: hidden;

}



.more_product_section figure:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.4;

}



.more_product_section figure figcaption {

    position: absolute;

    bottom: 25px;

    left: 15px;

    font-size: 24px;

    font-weight: 600;

    color: var(--white);

}