/* Page Style Here */
.page-id-45382 header {
display: block;
}
.popup-container br {
display: none;
}
#frm_field_1832_container {
margin-bottom: 0px;
}

/* Energy Page Styling */
#energyFirstColumn {
background: linear-gradient(90deg, #3037bb 0%, #bf60a5 100%);
}

#energyFirstColumn h1 {
line-height: 1;
}

#energyFirstColumn ul.list-none.flex.flex-col.md\:flex-row.md\:gap-lg.items-center.justify-center {
gap: 2rem;
}

#energyFirstColumn strong.mr-sm.text-secondary.text-lg {
color: rgba(219, 11, 145, 1);
margin-right: .5rem;
}

.energy_second_column .section.py-lg.theme-light {
padding: 2rem 0;
}

.clientlogos img {
max-width: 160px;
width: 100%;
padding: 0 10px;
}

.popup-container h3 {
color: rgba(55, 166, 252, 1) !important;
font-size: 22px;
margin: 0;
}

.terms-elec p,
.terms-elec ul li,
.terms-gas p,
.terms-gas ul li {
font-size: 14px;
margin-bottom: 10px;
}

.energy_three_column h3,
.energy_four_column h3 {
color: rgba(219, 11, 145, 1);
font-size: 1.999rem;
}

.energy_four_column h3.text-secondary.text-center {
margin-bottom: 2rem;
}

/* Progressive form section Style */
#elecinfo-modal .popup-container img,
#gasinfo-modal .popup-container img {
width: auto;
height: 40px;
margin-bottom: 15px;
}

#elecinfo-modal h4,
#gasinfo-modal h4 {
font-size: 22px;
font-weight: 600;
line-height: 26px;
color: rgba(55, 166, 252, 1);
}

#elecinfo-modal p,
#gasinfo-modal p {
color: #292a39;
line-height: 22.4px;
font-size: 14px;
}
.concession-elec li,
.concession-elec p,
.gasLogo li,
.gasLogo p {
font-size: 14px;
}
#elecinfo-modal .text_dark_blue,
#gasinfo-modal .text_dark_blue {
color: rgba(0, 34, 96, 1);
font-weight: 600;
}

#elecinfo-modal .text_black,
#elecinfo-modal .text_black li,
#gasinfo-modal .text_black,
#gasinfo-modal .text_black li {
color: #111111;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 22.4px;
}

#elecInfoAccordion,
#gasInfoAccordion {
padding-bottom: 15px;
}

#firstenergy-email-modal .popup-container p.font-bold,
#statement-post-modal .popup-container p.font-bold {
color: rgba(55, 166, 252, 1);
margin-bottom: 10px;
}
p.energy-below-statement {
font-size: 14px;
color: #292A39;
}
.planes-name .plan-name {
margin: 0;
font-size: 20px;
font-weight: 400;
color: #292A39;
}

.discount-layer .discount-value .plan-price {
font-size: 24px;
font-weight: 600;
line-height: 45px;
color: #292A39;
}

.benefits-layer .list-none {
padding: 0;
}

.benefits-layer {
padding-top: 15px;
position: relative;
}

.benefits-layer ul li::before {
content: "";
background-image: url("/wp-content/uploads/2024/12/energy-list-icon.svg");
;
width: 15px;
height: 20px;
display: inline-block;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
margin-left: -20px;
}

.complieance-inner-layer {
display: inline-block;
align-items: center;
width: 100%;
position: relative;
}

.complieance-inner-layer .elecEngPlanDetails {
max-width: 100%;
width: 100%;
}

.complieance-inner-layer .energyFeet-btn {
width: 100%;
max-width: 100%;
}

.energyFeet-btn p a {
font-size: 14px;
font-weight: 600;
line-height: 21px;
color: #37A6FC;
text-transform: uppercase;
}

.complieance-inner-layer .elecEngPlanDetails p,
.complieance-inner-layer .gasEngPlanDetails p {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #292A39;
}

.footer-img-layer img {
height: 45px;
}

.plans-layer {
position: relative;
}

.plans-img-icon .eletric-logo img,
.plans-img-icon .gas-logo img {
width: 20px !important;
height: auto;
}

.plans-img-icon {
display: flex;
align-items: center;
gap: 5px;
}

.electricity-title h2::before,
.gas-title h2::before {
content: "";
width: 20px;
height: 28px;
display: inline-block;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
margin-left: -30px;
}

.electricity-title h2::before {
background-image: url("/wp-content/uploads/2024/12/energy-icon.svg");
}

.gas-title h2::before {
background-image: url("/wp-content/uploads/2025/01/gas-bluebg-icon.svg");
}

#gasEngSpecialOffer,
#elecEngSpecialOffer {
text-align: left;
font-size: 18px;
padding-bottom: 10px;
padding-top: 10px;
color: #002260;
font-weight: 500;
}

#gasEngDisclosure h6,
#elecEngDisclosure h6 {
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 21px;
color: rgba(41, 42, 57, 1);
padding-bottom: 5px;
}

#gasEngDisclosure p,
#elecEngDisclosure p {
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #292A39;
}

#gasEngDisclosure p,
#elecEngDisclosure p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
transition: .5s ease-in-out;
}

#gasEngDisclosure.expanded p,
#elecEngDisclosure.expanded p {
-webkit-box-orient: inherit !important;
}

.gas-disclosure-layer button,
.elec-disclosure-layer button {
color: rgba(41, 42, 57, 1) !important;
background-color: transparent !important;
text-decoration: underline !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 600;
}

.electricEnergyContainer.show,
.GasEnergyContainer.show {
display: block;
}

/* Ends Here */
#footer .ct-container-fluid {
padding: 30px 1rem;
max-width: 1260px;
width: 100%;
margin: 0 auto;
gap: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

#footer .wp-block-list li,
#footer .wp-block-list li a,
#footer .ct-widget.widget_block.widget_text p {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: rgba(82, 83, 92, 1);
padding-bottom: 10px;
}

#block-6 figure.wp-block-image.alignleft.size-large.is-resized {
margin-top: 0;
}

#block-9,
#block-10,
#block-13,
#block-16,
#block-34,
#block-36,
#block-38,
#block-39,
#block-41,
#block-25 {
margin-top: 15px;
}

#block-12 h3,
#block-15 h3,
#block-31 h3,
#block-40 h3 {
color: rgba(17, 17, 17, 1);
font-size: 20px;
font-weight: 500;
line-height: 24px;
padding-top: 8px;
}

#block-34 .wp-block-media-text__media img,
#block-36 .wp-block-media-text__media img {
width: 100%;
max-width: 30px;
}

#block-34 .wp-block-media-text.is-stacked-on-mobile,
#block-36 .wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 8% auto !important;
}

#block-34 .wp-block-media-text__content p a,
#block-36 .wp-block-media-text__content p a {
font-size: 14px;
font-weight: 500;
line-height: 22.4px;
color: rgba(82, 83, 92, 1);
}

#block-34 .wp-block-media-text>.wp-block-media-text__content,
#block-36 .wp-block-media-text>.wp-block-media-text__content {
padding: 0 5%;
}

#block-38 .social-inner h5 {
font-size: 20px;
font-weight: 500;
line-height: 24px;
color: rgba(17, 17, 17, 1);
}

.footer-social .social-inner ul,
.footer-img-layer ul {
display: flex;
align-items: center;
}

.footer-social .social-inner ul li,
.footer-img-layer ul li {
padding-right: 15px;
}

.footer-social .social-inner ul li img {
width: 100%;
max-width: 25px;
}

.footer-img-layer ul li img {
width: 100%;
max-width: 100px;
}

[data-footer*="type-1"] .ct-footer [data-row*="middle"]>.ct-container-fluid {
display: flex;
align-items: baseline;
}

[data-column="widget-area-2"],
[data-column="widget-area-5"] {
width: calc(25% - 20px);
}

[data-column="widget-area-1"],
[data-column="widget-area-3"],
[data-column="widget-area-6"] {
width: calc(16% - 20px);
}

.ct-footer-copyright {
padding: 30px 0;
padding-bottom: 15px;
}

.policy-content-list {
list-style: disc !important;
}

ul.accordion-disc {
list-style: disc !important;
font-weight: 700;
margin-bottom: 10px;
padding-left: 20px;
}

.page-id-44476 h2 {
font-size: 40px;
font-weight: 500;
line-height: 52px;
color: rgba(17, 17, 17, 1);
}

.page-id-44476 p {
color: #292a39;
}

.page-id-44483 h2 {
font-size: 40px;
font-weight: 500;
line-height: 52px;
color: rgba(17, 17, 17, 1);
}

.page-id-44483 p {
color: #292a39;
}

.legal-page-grp h1 {
font-size: 40px !important;
}

.page-id-47013 h2,
.page-id-47007 h2,
.page-id-46991 h2 {
font-size: 40px;
font-weight: 500;
line-height: 52px;
color: #111111;
}

.page-id-47013 p,
.page-id-47007 p,
.page-id-46991 p {
margin-bottom: 0;
}

.h_tab_button a {
padding: 10px 35px 10px 15px !important;
text-decoration: none;
position: relative;
margin-top: 50px;
}

.h_tab_button {
margin-top: 50px;
}

.h_tab_button a:after {
background-image: url(https://staging-web.comparable.com.au/wp-content/uploads/2024/12/right-arrow.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
content: "";
display: inline-block;
height: 28px;
margin-left: 12.5rem;
position: absolute;
width: 16px;
left: -90px;
}

.media-text-button {
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05);
border-radius: 20px;
background-color: rgba(255, 255, 255, 1);
padding: 20px 10px;
cursor: pointer;
gap: 12px;
}

.media-text-button p {
font-size: 14px;
font-weight: 500;
font-family: 'Poppins';
line-height: 18.2px;
width: 100%;
color: #52535C;

}

.card-btn a {
width: 100px;
min-height: 5px !important;
padding: 5px 10px !important;
font-size: 12px !important;
border-radius: 20px !important;
Font-family: Poppins;
font-Weight: 500;
Size: 14px;
Line-height: 26px;
letter-spacing: 0.46px;
}

.media-text-button img {
width: 150px;
height: auto;
}

.thankyou-para p {
Font-family: Poppins;
font-Weight: 400;
font-Size: 16px;
Line-height: 22.4px;
color: #292A39;
}

#footer .ct-container-fluid li a:hover {
color: #37a6fc;
}
#footer .ct-container-fluid h3 a{
color: #111111;
}
#footer .ct-container-fluid h3 a:hover {
color: #37a6fc;
margin-top: 12px;
}
#coming_soon_col img {
margin: 50px auto;
}
.accordion-card-sec .card {
width: 85%;
margin: 0px auto;
}
.page-id-47154 .energy_works_column p,
.page-id-47227 .energy_works_column p,
.page-id-47201 .energy_works_column p {
font-family: Poppins;
font-size: 16px !important;
font-weight: 400;
line-height: 22.4px;
}
.page-id-44529 .accordion-header {
margin-bottom: 15px;
}
.page-id-47154 .accordion-header,
.page-id-47227 .accordion-header,
.page-id-47201 .accordion-header,
.page-id-44529 .accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.page-id-47154 .card p,
.page-id-47227 .card p,
.page-id-47201 .card p {
padding-top: 15px;
}
.page-id-47154 .card,
.page-id-47227 .card,
.page-id-47201 .card {
height: 95%;
}

.page-id-47154 .accordion,
.page-id-47227 .accordion,
.page-id-47201 .accordion {
margin-bottom: 15px !important;
}
.tabs-slider-main-container img {
margin: 0 auto !important;
}

.page-id-47154 h2,
.page-id-47227 h2,
.page-id-47201 h2{
font-size: 40px !important;
color: #111111 !important;
}
.page-id-44529 .accordion {
padding: 0 !important;
margin-bottom: 15px !important;
}
.energy_works_column p {
font-size: 16px !important;
}
.utility_services_main_columns a {
font-size: 16px !important;
}
.basic-detail-desclaimer {
font-size: 12px !important;
}

.concession-elec p,
.concession-elec ul li,
.concession-elec ol li,
.concession-elec span
{
font-size: 14px !important;
}

.concession-gas p,
.concession-gas ul li,
.concession-gas ol li,
.concession-gas span
{
font-size: 14px !important;
}

/* -------------------------------Responsiveness Style here ---------------- */

/* Mobile View Style  */

@media only screen and (max-width: 600px) {

.logo-slider-below-para {
    padding-top: 50px;
}

.page-id-47154 .card, .page-id-47227 .card, .page-id-47201 .card {
    height: 100%;
}

.page-id-47227 .tabs-slider-main-container .slick-prev{
    margin-left:  115px !important;
}

.page-id-47227 .tabs-slider-main-container .slick-next{
    margin-right: 115px !important;
}

.accordion-card-sec .card {
    width: 100%;
}

#menu-header-menu-1 li a {
    color: #111111;
}
#offcanvas .ct-panel-inner {
    background-color: #fff !important;
}
#offcanvas .ct-icon, .ct-icon-container svg {
    fill: #3a4f66 !important;
}
.menu-item-object-custom.menu-item-45793 a{
    position:relative;
    }
.menu-item-object-custom.menu-item-45793 a::before {
    margin-right: .5rem;
    content: "\f879";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    display: inline-block;
    color: #000;
}

.thankyou_anim_para{
    padding: 0 !important;
}

.page-id-47013 h2,
.page-id-47007 h2,
.page-id-46991 h2 {
    font-size: 28px;
    line-height: 35px;
}

#footer .ct-container-fluid {
    padding: 25px 1rem;
    gap: 20px;
    display: block;
}

[data-column="widget-area-2"],
[data-column="widget-area-5"] {
    width: calc(100% - 0px);
}

[data-column="widget-area-1"],
[data-column="widget-area-3"],
[data-column="widget-area-6"] {
    width: calc(100% - 0px);
}

#block-12 h3,
#block-15 h3,
#block-31 h3,
#block-40 h3 {
    font-size: 18px;
    padding-top: 5px;
}

#block-9,
#block-10,
#block-13,
#block-16,
#block-34,
#block-36,
#block-38,
#block-39,
#block-41,
#block-25 {
    margin-top: 10px;
}

#block-34 .wp-block-media-text.is-stacked-on-mobile,
#block-36 .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 15% auto !important;
    display: flex;
    align-items: center;
}

.footer-img-layer ul {
    display: block;
}

.footer-img-layer ul li {
    padding-right: 0px;
    padding-bottom: 10px;
}
.thankyou_anim_para .thankyou-para {
text-align: center;
}
.thankyou-para p {
font-Size: 14px;
}
.thankyou-para .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
justify-content: center;
}

}

/* iPaid View Style */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#footer [data-row="top"] .ct-container-fluid {
    padding: 30px 1rem;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

[data-column="widget-area-1"],
[data-column="widget-area-2"],
[data-column="widget-area-3"],
[data-column="widget-area-5"],
[data-column="widget-area-6"] {
    width: calc(100% - 0px);
}

.thankyou_anim_para .thankyou-para {
text-align: center;
}
.thankyou-para p {
font-Size: 15px;
}
.thankyou-para .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
justify-content: center;
}
}
@media only screen and (device-width: 540px) {
.tabs-slider-main-container .slick-prev {
    left: 35px !important;
}
.tabs-slider-main-container .slick-next {
    right: 35px !important;
}
}
@media only screen and (device-width: 375px) {
.slide-inner-logo img{
    width: 140px !important;
}
}
@media only screen and (max-width: 767px) {
figure.wp-block-image.aligncenter.size-full.google-rating {
    display: flex;
    justify-content: center;
}

figure.wp-block-image.alignright.size-full.cm-banner {
    float: none !important
}
}

/* finance new page */

.shedule_app_inner_columns figure img {
margin: auto;
}

#header [data-row*=middle] {
z-index: 2;
background: linear-gradient(to right, rgba(191, 235, 255), rgba(254, 246, 252));
}

.page-id-46031 .wp-block-image img {
margin: auto;
}

.page-id-46294 .wp-block-image img {
margin: auto;
}

.what-our-customer {
background-image: url(https://staging-web.comparable.com.au/wp-content/uploads/2024/12/wold-1.png);
}

#app .bg-lightgray {
background-color: transparent !important;
}

.content.h-28.overflow-auto {
background: transparent !important;
}

.custom_testimonials_below-para_column img {
margin: auto;
}

@media only screen and (max-width: 768px) {

.tabs-slider-main-container img {
    margin: 0 auto !important;
}

#coming_soon_col .ready_compare_btn {
    justify-content: center;
}
#coming_soon_col h5 {
    text-align: center;
}
.page-id-44476 h2 {
    font-size: 28px;
}

.page-id-44476 h2 {
    font-size: 28px;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: -20px;
}

#footer .wp-block-list li,
#footer .wp-block-list li a,
#footer .ct-widget.widget_block.widget_text p {
    font-size: 14px !important;
}

}

/* home page */

@media only screen and (device-width: 1180px) {
.page-id-46031 .service_inner_column .wp-block-buttons a.wp-block-button__link.wp-element-button {
    padding: 10px 15px !important;
    font-size: 12px !important;
}

.tabs-slider-main-container .slick-next {
    right: -50px !important;
}
}

@media only screen and (device-width: 1024px) {
.service_inner_columns .wp-block-column.is-vertically-aligned-top.service_inner_column.is-layout-flow.wp-block-column-is-layout-flow {
    min-height: 275px;
}

.service_inner_column p {
    min-height: 60px;
}
}

@media only screen and (device-width: 768px) {
.page-id-46031 .wp-block-column.is-vertically-aligned-top.service_inner_column.is-layout-flow.wp-block-column-is-layout-flow p {
    min-height: 85px;
}
}
@media screen and (max-width:768px) and (min-width:600px) {
.vip_cta .wp-block-button a:after {
    margin-left: 100px !important;
}
}
@media screen and (max-width:910px) and (min-width:781px) {
#finance-main-grp .light_bulb__left_column .wp-block-heading {
    max-width: 75% !important;
}
}

@media screen and (max-width:912px) and (min-width:820px) {
.tabs-slider-main-container img {
    margin: 0 auto !important;
}
.card-media-text-main{
    display:block !important;
}
.media-text-button {
    margin-bottom: 30px !important;
    width: 75% !important;
}
}
@media screen and (max-width:781px) and (min-width:500px) {
.wp-block-image:last-child {
    float: left;
}
}

@media screen and (min-width:767px){
.page-id-47129 .wp-container-core-columns-is-layout-2 {
    flex-wrap: nowrap !important;
}
}