.elementor-17273 .elementor-element.elementor-element-c92e481{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-uael-table th.uael-table-col,.elementor-widget-uael-table tr.uael-table-row div.responsive-header-text span.uael-table__text-inners{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-table thead .uael-table-row th .uael-table__text{color:var( --e-global-color-text );}.elementor-widget-uael-table thead .uael-table-row th .uael-table__text svg{fill:var( --e-global-color-text );}.elementor-widget-uael-table th{color:var( --e-global-color-text );}.elementor-widget-uael-table tbody .uael-table-row th{color:var( --e-global-color-text );}.elementor-widget-uael-table tbody .uael-table-head .uael-table__text{color:var( --e-global-color-text );}.elementor-widget-uael-table tbody .uael-table-head .uael-table__text svg{fill:var( --e-global-color-text );}.elementor-widget-uael-table td div:not(.responsive-header-text) .uael-table__text-inner, .elementor-widget-uael-table td div + .uael-table__text-inner,.elementor-widget-uael-table tbody .uael-table__text:not(.uael-tbody-head-text),.elementor-widget-uael-table td .uael-align-icon--left,.elementor-widget-uael-table td .uael-align-icon--right{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-uael-table tbody td.uael-table-col .uael-table__text{color:var( --e-global-color-text );}.elementor-widget-uael-table tbody td.uael-table-col .uael-table__text svg{fill:var( --e-global-color-text );}.elementor-widget-uael-table .uael-advance-heading label, .elementor-widget-uael-table .uael-advance-heading select, .elementor-widget-uael-table .uael-advance-heading input{font-weight:var( --e-global-typography-text-font-weight );}.elementor-17273 .elementor-element.elementor-element-697a304 th.uael-table-col,.elementor-17273 .elementor-element.elementor-element-697a304 tr.uael-table-row div.responsive-header-text span.uael-table__text-inners{font-weight:500;}.elementor-17273 .elementor-element.elementor-element-697a304 th.uael-table-col, .elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-col .uael-table-head{padding:12px 12px 12px 12px;}.elementor-17273 .elementor-element.elementor-element-697a304 thead .uael-table-row th .uael-table__text{color:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 thead .uael-table-row th .uael-table__text svg{fill:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 th{color:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-row th{color:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-head .uael-table__text{color:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-head .uael-table__text svg{fill:#B8A3A3;}.elementor-17273 .elementor-element.elementor-element-697a304 th.uael-table-col, .elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-row th, .elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-row .uael-table-head, .elementor-17273 .elementor-element.elementor-element-697a304 tr.uael-table-row div.responsive-header-text, .elementor-17273 .elementor-element.elementor-element-697a304.elementor-widget-uael-table .uael-table-wrapper table[data-responsive="yes"] tbody tr.uael-table-row div.responsive-header-text{border-style:solid;border-width:1px 0px 1px 0px;border-color:#C8C8C8;}.elementor-17273 .elementor-element.elementor-element-697a304 td div:not(.responsive-header-text) .uael-table__text-inner, .elementor-17273 .elementor-element.elementor-element-697a304 td div + .uael-table__text-inner,.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table__text:not(.uael-tbody-head-text),.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--left,.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--right{font-weight:400;}.elementor-17273 .elementor-element.elementor-element-697a304 tbody td.uael-table-col{padding:10px 10px 10px 10px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-table-row .uael-table-col{vertical-align:top;}.elementor-17273 .elementor-element.elementor-element-697a304 td.uael-table-col{border-style:solid;border-width:1px 0px 1px 0px;border-color:#C8C8C8;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--left i{font-size:30px;vertical-align:middle;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--right i{font-size:30px;vertical-align:middle;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--left svg{height:30px;width:30px;vertical-align:middle;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--right svg{height:30px;width:30px;vertical-align:middle;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--left{margin-right:11px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-align-icon--right{margin-left:11px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-col-img--left{width:500px;margin-right:10px;border-radius:0px 0px 0px 0px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-col-img--right{width:500px;margin-left:10px;border-radius:0px 0px 0px 0px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-advance-heading select, .elementor-17273 .elementor-element.elementor-element-697a304 .uael-advance-heading input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#bbb;padding:10px 10px 10px 10px;width:200px;}.elementor-17273 .elementor-element.elementor-element-697a304 .uael-advance-heading{margin-bottom:15px;}.elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-uael-modal-popup .uael-modal-action i{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action svg{fill:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action i:hover{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action svg:hover{fill:var( --e-global-color-text );}.uamodal-{{ID}} .uael-modal-title-wrap{background-color:var( --e-global-color-secondary );}.elementor-widget-uael-modal-popup .uael-modal-title-wrap{background-color:var( --e-global-color-secondary );}.uamodal-{{ID}} .uael-modal-title-wrap .uael-modal-title, .elementor-widget-uael-modal-popup .uael-modal-title-wrap .uael-modal-title{font-weight:var( --e-global-typography-primary-font-weight );}.uamodal-{{ID}} .uael-content{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-content{color:var( --e-global-color-text );}.uamodal-{{ID}} .uael-content .uael-text-editor{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap a.elementor-button, .elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap a.elementor-button:hover, .elementor-widget-uael-modal-popup .uael-modal-action-wrap .elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-uael-modal-popup .uael-modal-action{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action:hover{color:var( --e-global-color-text );}.elementor-widget-uael-modal-popup .uael-modal-action-wrap .uael-modal-action{font-weight:var( --e-global-typography-accent-font-weight );}.uamodal-ee6ef20 .uael-modal-iframe .uael-modal-content-data{height:800px;}.uamodal-ee6ef20 .uael-content{width:85%;background-color:#ffffff;}.uamodal-ee6ef20 .uael-overlay{background:rgba(0,0,0,0.75);}.uamodal-ee6ef20 .uael-modal-close{font-size:32px;line-height:32px;height:32px;width:32px;}.uamodal-ee6ef20 .uael-modal-close i, .uamodal-ee6ef20 .uael-modal-close svg{font-size:32px;line-height:32px;height:32px;width:32px;}.uamodal-ee6ef20 .uael-modal-close i{color:#ffffff;}.uamodal-ee6ef20 .uael-modal-close svg{fill:#ffffff;}.uamodal-ee6ef20 .uael-modal-title-wrap{text-align:left;padding:15px 25px 15px 25px;background-color:var( --e-global-color-6602346 );}.uamodal-ee6ef20 .uael-modal-title-wrap .uael-modal-title{color:#FFFFFF;}.elementor-17273 .elementor-element.elementor-element-ee6ef20 .uael-modal-title-wrap .uael-modal-title{color:#FFFFFF;}.elementor-17273 .elementor-element.elementor-element-ee6ef20 .uael-modal-title-wrap{background-color:var( --e-global-color-6602346 );}.uamodal-ee6ef20 .uael-content .uael-modal-content-data{padding:25px 25px 25px 25px;}.uamodal-ee6ef20 .uael-loader::before{border:3px solid rgba( 0,0,0,0.8 );border-left-color:transparent;border-right-color:transparent;}.elementor-17273 .elementor-element.elementor-element-3d3a308{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1023px){.elementor-17273 .elementor-element.elementor-element-697a304 th.uael-table-col, .elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-col .uael-table-head{padding:10px 10px 10px 10px;}.elementor-17273 .elementor-element.elementor-element-697a304 td div:not(.responsive-header-text) .uael-table__text-inner, .elementor-17273 .elementor-element.elementor-element-697a304 td div + .uael-table__text-inner,.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table__text:not(.uael-tbody-head-text),.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--left,.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--right{font-size:16px;}.uamodal-ee6ef20 .uael-content{width:80%;}}@media(min-width:731px){.elementor-17273 .elementor-element.elementor-element-c92e481{--width:1456px;}}@media(max-width:1023px) and (min-width:731px){.elementor-17273 .elementor-element.elementor-element-c92e481{--width:1315px;}}@media(max-width:730px){.elementor-17273 .elementor-element.elementor-element-c92e481{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17273 .elementor-element.elementor-element-697a304 th.uael-table-col, .elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table-col .uael-table-head{padding:10px 10px 10px 10px;}.elementor-17273 .elementor-element.elementor-element-697a304 td div:not(.responsive-header-text) .uael-table__text-inner, .elementor-17273 .elementor-element.elementor-element-697a304 td div + .uael-table__text-inner,.elementor-17273 .elementor-element.elementor-element-697a304 tbody .uael-table__text:not(.uael-tbody-head-text),.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--left,.elementor-17273 .elementor-element.elementor-element-697a304 td .uael-align-icon--right{font-size:16px;line-height:1.3em;}.elementor-17273 .elementor-element.elementor-element-697a304 tbody td.uael-table-col{padding:7px 7px 7px 7px;}.uamodal-ee6ef20 .uael-content{width:300%;}}/* Start custom CSS for uael-table, class: .elementor-element-697a304 */.roller-compare {
    width: 100%;
    max-width: 300px;
    height: auto;
    padding: 0px;
}

.roller-compare img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px solid #ccc;
    border-radius: 6px;
}

.magnify-icon::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url('https://poolexpress.com.au/wp-content/uploads/2021/08/magnifying_glass_icon_1w.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.magnify-icon {
    position: relative;
    display: block;
}

.custom-table-title {
    margin: 0;
    padding: 0;
}

.view_product_page {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px;
    background-color: #35a443;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

.view_product_page:hover {
    background-color: #268d33;
    color: #ffffff;
}

.fixed-width-text {
    display: inline-block;
    max-width: 250px;
    white-space: normal;
    padding-left: 10px;
}

.uael-table__text-inner.fixed-width-text a.view_product_page {
    color: #FFF;
}

/* Mobile-specific styles */
@media (max-width: 767px) {
    .roller-compare {
        width: 60vw; /* 60% of the viewport width */
        max-width: 100%; /* Ensure the image does not exceed the container's width */
        min-width: 150px; /* Ensure a minimum width of 150px */
    }

    .roller-compare img {
        width: 100%; /* Image should fill the available container width */
        height: auto; /* Maintain aspect ratio */
    }
}

/* Tablet-specific styles */
@media (min-width: 768px) and (max-width: 992px) {
    .roller-compare {
        width: 40vw; /* 40% of the viewport width */
        max-width: 100%; /* Ensure the image does not exceed the container's width */
        min-width: 150px; /* Ensure a minimum width of 150px */
    }

    .roller-compare img {
        width: 100%; /* Image should fill the available container width */
        height: auto; /* Maintain aspect ratio */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c92e481 */#roller-comp-1 {      
position: relative;
box-sizing: border-box;
left: 50%;
transform: translateX(-50%);
width: 1600px;
}/* End custom CSS */