body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #465356;
}

header ul.navbar-nav li.nav-item a {
    font-family: "Exo", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
}

header li.nav-item.getquote a {
    background: #465356;
    color: #fff !important;
    text-transform: capitalize !important;
    padding: 10px 28px !important;
    border-radius: 50px;
}

header li.nav-item.getquote a:hover {
    background-color: #000;
}

header li.nav-item a.nav-link.active {
    background: rgb(0 167 157 / 10%);
    border-radius: 0px 0px 100px 100px;
}

header li.nav-item a.nav-link {
    padding: 60px 25px 30px 25px !important;
}

header li.nav-item.getquote a {
    padding: 13px 28px !important;
    border-radius: 50px !important;
}

header li.nav-item.getquote a:hover {
    background-color: #000 !important;
}

header li.nav-item.getquote {
    padding-top: 47px;
}

header {
    position: absolute;
    top: 0;
    width: 100%;
}

#banner {
    background: url("../img/bannerback.c019432d204d.png");
    background-image: image-set(url("../img/bannerback.2b70b3ef7791.webp") type("image/webp"), url("../img/bannerback.c019432d204d.png") type("image/png"));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding-top: 185px;
    padding-bottom: 140px;
	background-position:top center;
}

#banner .row {
    align-items: center;
}

.banrtext h1 {
    font-size: 81px;
    line-height: 87px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    padding-bottom: 14px;
    color: #000;
}

.banrtext h1 strong {
    color: #00A79D;
}

.banrtext h2 {
    font-size: 51px;
    line-height: 57px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    color: #000;
    padding-bottom: 5px;
}

.barbtn a {
    font-size: 24px;
    line-height: 31px;
    font-weight: 700;
    font-family: "Exo", sans-serif;
    color: #fff;
    background-color: #00A79D;
    box-shadow: 0px 10px 20px rgb(0 167 157 / 30%);
    text-decoration: none;
    padding: 19px 48px;
    border-radius: 50px;
}

.barbtn a:hover {
    background-color: #000;
    box-shadow: 0px 0px;
}

.banrtext p {
    font-size: 24px;
    line-height: 36px;
    color: #465356;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

.barbtn {
    padding-top: 35px;
}

.bnrslider .bnrsldinr {
    box-shadow: 0px 15px 40px rgb(70 83 86 / 10%);
    padding: 30px 40px 30px 40px;
    border-radius: 130px;
    margin-bottom: 0px;
    background: #fff;
}

#bannerslider {
    margin-top: -70px;
}

#bannerslider ul.slick-dots {
    bottom: -50px;
}

#bannerslider ul.slick-dots li {
    background: rgb(70 83 86 / 30%);
    width: 10px;
    height: 10px;
    border-radius: 50px;
}

#bannerslider ul.slick-dots li.slick-active {
    background: #465356;
    width: 30px;
}

.savingmny .savingmninr {
    border: 1px solid rgb(70 83 86 / 15%);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 25%;
    padding: 30px 16px;
    text-align: center;
}

.savingmny {
    display: flex;
    flex-wrap: wrap;
}

.sectitle h2 {
    font-size: 40px;
    line-height: 53px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    padding-bottom: 14px;
    color: #000;
}

.sectitle.center {
    text-align: center;
}

#help {
    padding: 140px 0px 20px 0px;
    background: url("../img/bghelp.a24aafedcc9c.png");
    background-image: image-set(url("../img/bghelp.7329ce6ced9c.webp") type("image/webp"), url("../img/bghelp.a24aafedcc9c.png") type("image/png"));
    background-repeat: no-repeat;
    background-size: 100% 108%;
}

#bannerslider ul.slick-dots li button:before {
    opacity: 0;
}

.savingmny .savingmninr .savnimg {
    padding-bottom: 28px;
}

.savingmny .savingmninr .savcnt h4 {
    padding-bottom: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    color: #000;
}

.savingmny .savingmninr .savcnt p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #465356;
    letter-spacing: 0;
}

#energygeeks .row {
    align-items: center;
}

.geekscntnt h5,
.geekscntnt .geekscntnt__lead {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    font-family: "Exo", sans-serif;
    color: #465356;
    padding-bottom: 0px;
}

.geekscntnt p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #465356;
}

.geekscntnt p i {
    color: #000;
}

.svbtn a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    font-family: "Exo", sans-serif;
    color: #fff;
    background-color: #00A79D;
    box-shadow: 0px 10px 20px rgb(0 167 157 / 30%);
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 50px;
}

.svbtn a:hover {
    background: #000;
    box-shadow: 0px 0px;
}

.svbtn {
    padding: 20px 0px 10px 0px;
}

.bnrslider .bnrsldinr .bnrsldimg img {
    filter: grayscale(1);
}

.bnrslider .bnrsldinr .bnrsldimg:hover img {
    filter: grayscale(0);
}

.row.bgr {
    background: linear-gradient(180deg, rgba(0, 167, 157, 0.05) 0%, rgba(0, 167, 157, 0.02946) 67.9%, rgba(255, 255, 255, 0.05) 100%);
    padding: 50px;
    border-radius: 50px;
}

.energkrating {
    box-shadow: 0px 4px 30px 0px #46535633;
    border-radius: 180px;
    padding: 6px;
}

.energkrating .inr1 {
    background: #465356;
    border-radius: 180px 0px 0px 180px;
    align-items: center;
    display: flex;
}

.energksldr .energksldrinr .energsldcnt h4,
.energksldr .energksldrinr .energsldcnt .review-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: "Exo", sans-serif;
    color: #000;
}

.energksldr .energksldrinr .energsldcnt p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #465356;
}

.energimfinf .energimfinfcnt h5,
.energimfinf .energimfinfcnt .reviewer-name {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin-bottom: 2px;
}

.energimfinf .energimfinfcnt p {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: rgb(70 83 86 / 60%);
}

.energimfinf {
    display: flex;
}

.energimfinf .energimfinflftimg {
    max-width: 35px;
    margin-right: 5px;
}

.energksldr {
    margin-bottom: 0px !important;
    padding: 30px 30px 30px 30px;
}

.energksldr button.slick-arrow {
    background: #fff;
    border: 1px solid #4653564D;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 50px;
}

.energksldr button.slick-prev.slick-arrow {
    left: -43px;
}

.energksldr button.slick-next.slick-arrow {
    right: -38px;
}

.energksldr button.slick-prev.slick-arrow:before {
    content: url("../img/arleft.3cb39e949cd9.png");
    opacity: 1;
}

.energksldr button.slick-next.slick-arrow:before {
    content: url("../img/aright.32693ccaf4eb.png");
    opacity: 1;
}

.faq h2.accordion-header button.accordion-button {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    font-family: "Exo", sans-serif;
    color: #000;
}

.faq h2.accordion-header button.accordion-button.collapsed {
    color: #465356;
    border-radius: 60px !important;
}

.faq .accordion-item {
    border: 0px;
    background: transparent;
}

.faq .accordion-header {
    box-shadow: 0px 4px 20px 0px #0000001A;
    border-radius: 60px;
    margin-bottom: 15px;
}

.faq .accordion-item.acordn {
    box-shadow: 0px 4px 20px 0px #0000001A;
    border: 1px solid #FFFFFF;
    border-radius: 15px;
    margin-bottom: 15px;
    background: #fff;
}

.faq .accordion-item.acordn .accordion-header {
    border-radius: 15px;
    box-shadow: 0px 0px !important;
}

.faq .accordion-item.acordn .accordion-header button.accordion-button {
    background: #fff;
    border: 0px;
    box-shadow: 0px 0px;
}

.faq .accordion-body p,
.accordion-body {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(70 83 86 / 60%);
}

.row.faq {
    padding-top: 100px;
}

.row.faq .sectitle {
    padding-bottom: 10px;
}

#energyrevw {
    background: url("../img/bacfaq.24ad09433267.png");
    background-image: image-set(url("../img/bacfaq.bc63ca9210b7.webp") type("image/webp"), url("../img/bacfaq.24ad09433267.png") type("image/png"));
    background-repeat: no-repeat;
    background-size: 100% 108%;
}

.faq .accordion-item.acordn .accordion-header button.accordion-button {
    background: transparent;
}

.faq .accordion-body p strong {
    color: #000;
}

.faq .accordion-body p a {
    color: #00A79D;
}

.faq .accordion-item.acordn .accordion-header {
    margin-bottom: 0px !important;
}


.quoteformflt .form-floating {
    position: relative;
    margin-bottom: 1rem;
}

.quoteformflt .form-floating input {
    height: calc(2.7rem + 2px);
}

.quoteformflt .form-floating label {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: top 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.quoteformflt .form-floating input:focus+label,
.quoteformflt .form-floating input:not(:placeholder-shown)+label {
    top: -1rem;
    font-size: 0.75rem;
}

#quotemap {
    padding-top: 100px;
}

#quotemap .gtquote {
    max-width: 90%;
    margin: -400px auto 0 auto;
    background: #fff;
    border-radius: 50px;
    position: relative;
    padding: 0px 50px;
    display: flex;
    flex-wrap: wrap;
    max-height: 500px;
}

#quotemap .gtquote .gtquoteinr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#quotemap .gtquote .gtquoteinr.git1 {
    flex-basis: 60%;
}

#quotemap .gtquote .gtquoteinr.git2 {
    flex-basis: 40%;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt {
    display: flex;
    flex-wrap: wrap;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 10px;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr .form-floating {
    margin-bottom: 0px;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.half {
    flex-basis: 50%;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.full {
    flex-basis: 100%;
}

.prefr {
    background: #00A79D;
    border-radius: 0px 0px 300px 300px;
    min-height: 560px;
}

.prfrs1 {
    padding: 40px;
}

.footertop {
    margin-top: -510px;
    background: url("../img/ft-bac.1d32653b6eeb.svg");
    background-repeat: no-repeat;
    padding-top: 620px;
    background-size: 100% 100%;
    padding-bottom: 40px;
}

.qmpimg {
    position: relative;
    z-index: -1;
}

.quoteform {
    padding: 40px 40px 40px 0px;
}

.quoteform input,
.quoteform textarea {
    border: 1.5px solid #46535626;
    border-radius: 50px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins';
    color: #465356CC;
}

.quoteform label {
    border-radius: 50px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins';
    color: #465356CC;
}

.quoteformflt .form-floating label {
    padding: 7px 12px;
    max-height: 20px;
    min-height: 20px;
}

.quoteformflt .form-floating input:focus,
.quoteformflt .form-floating textarea:focus {
    box-shadow: 0px 0px;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.quoteformflt .form-floating input:focus+label,
.quoteformflt .form-floating input:not(:placeholder-shown)+label {
    top: -0.3rem !important;
    font-size: 0.75rem;
    background: #fff;
    line-height: 8px;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.full textarea:focus~label,
#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.full textarea:not(:placeholder-shown)~label,
#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .textarea .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-1.3rem) translateX(0.15rem);
    background: #fff;
}

#quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.full textarea {
    min-height: 120px;
    border-radius: 15px;
}

button.btn.sbmtask {
    box-shadow: 0px 5px 15px 0px #4653564D;
    background: #465356;
    max-width: 132px;
    height: 45px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    font-family: "Exo", sans-serif;
}

button.btn.sbmtask:hover {
    background: #000;
    box-shadow: 0px 0px;
}

.prefr h3 {
    font-size: 40px;
    line-height: 53px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    padding-bottom: 5px;
    color: #fff;
}

.dayinr {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.dayinr .dinr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 50%;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 15px;
}

.dayinr .dinr.dayinlft {
    text-align: left;
}

.dayinr .dinr.dayinrgt {
    text-align: right;
}

.clnw {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #FFFFFF4D;
    padding-top: 30px;
}

.clnw h5,
.clnw .clnw__label {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    font-family: "Exo", sans-serif;
    padding-bottom: 0;
    color: #fff;
}

.clnw h2,
.clnw .clnw__number {
    font-size: 40px;
    line-height: 53px;
    font-weight: 800;
    font-family: "Exo", sans-serif;
    padding-bottom: 5px;
    color: #fff;
}

.clnw h2 a,
.clnw .clnw__number a {
    color: #fff;
    text-decoration: none;
}

.footertop h5,
.footertop .footer-heading {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    font-family: "Exo", sans-serif;
    padding-bottom: 5px;
    color: #fff;
}

.ftrmenu ul {
    margin: 0;
    padding: 0;
}

.ftrmenu ul li {
    list-style: none;
}

.ftrmenu ul li a {
    color: #FFFFFFB2;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.srvmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.srvmenu ul li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 50%;
}

.srvmenu ul li a {
    color: #FFFFFFB2;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.ftradrs ul {
    margin: 0;
    padding: 0;
}

.ftradrs ul li {
    list-style: none;
    color: #FFFFFFB2;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    padding-left: 40px;
    padding-bottom: 10px;
}

.ftradrs ul li a {
    color: #FFFFFFB2;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.ftradrs ul li.addrs:before {
    content: url("../img/a1.bf21db039404.png");
    position: absolute;
    left: 0;
    top: 0;
}

.ftradrs ul li.email:before {
    content: url("../img/a2.640714bfc8aa.png");
    position: absolute;
    left: 0;
    top: 0;
}

.ftradrs ul li.phn:before {
    content: url("../img/a3.60dadd656868.png");
    position: absolute;
    left: 0;
    top: 0;
}

.footerbottom {
    background: #404b4d;
    padding: 18px 0px;
}

.footerbottom p.copyright {
    color: #FFFFFF99;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ftrterm ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.ftrterm ul li {
    list-style: none;
    display: inline-block;
    padding-left: 30px;
}

.ftrterm ul li a {
    color: #FFFFFF99;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-decoration: none;
}

@media only screen and (max-width: 480px)
{
	.srvmenu ul li {
    flex-basis: 100%;
}
}

@media only screen and (max-width: 767px) {
    #bannerslider ul.slick-dots {
        left: 0;
    }

    #banner {
        padding-top: 155px;
    }

    .navbar-brand img {
        max-width: 120px;
    }

    .banrtext h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .banrtext h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .banrtext p {
        font-size: 16px;
        line-height: 26px;
    }

    .barbtn a {
        font-size: 18px;
        line-height: 26px;
    }

    .bnrslider .bnrsldinr {
        padding: 38px 40px 33px 40px;
    }

    .savingmny .savingmninr .savcnt p {
        font-size: 14px;
        line-height: 22px;
    }

    .sectitle h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .geekscntnt h5,
.geekscntnt .geekscntnt__lead {
        font-size: 20px;
        line-height: 28px;
    }

    .geekscntnt p {
        font-size: 14px;
        line-height: 24px;
    }

    .svbtn a {
        font-size: 14px;
        line-height: 22px;
    }

    .savingmny .savingmninr .savcnt h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .energksldr .energksldrinr .energsldcnt h4,
.energksldr .energksldrinr .energsldcnt .review-title {
        font-size: 14px;
        line-height: 20px;
    }

    .energksldr .energksldrinr .energsldcnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .energimfinf .energimfinfcnt h5,
.energimfinf .energimfinfcnt .reviewer-name {
        font-size: 12px;
        line-height: 20px;
    }

    .prefr h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .dayinr .dinr {
        font-size: 14px;
        line-height: 24px;
    }

    .clnw h2,
.clnw .clnw__number {
        font-size: 28px;
        line-height: 38px;
    }

    .quoteform label {
        font-size: 11px;
    }

    .prfrs1 {
    padding: 40px 20px;
}
.quoteformflt .form-floating input {
    height: calc(2.7rem + -1px);
}

    .clnw h5,
.clnw .clnw__label {
        font-size: 18px;
        line-height: 28px;
    }

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        align-items: center;
    }

    .navbar-light .navbar-toggler:focus {
        outline: 0px;
        box-shadow: 0px 0px;
    }

    header li.nav-item a.nav-link.active {
        background: transparent;
		color:#00A79D !important;
    }

.navbar-collapse {
    background: rgb(255 255 255);
    margin-top: 5px;
    box-shadow: 4px -19px 35px 0 rgba(32, 53, 90, 0.08), 11px 11px 30px -10px rgba(32, 53, 90, 0.15);
    border-radius: 0px 0px 16px 16px;
}

    header li.nav-item a.nav-link {
        padding: 20px 20px !important;
        border-radius: 0px !important;
        color:#465356 !important;
		text-transform:capitalize !important;
		
    }

    header li.nav-item.getquote {
        padding-top: 0px;
    }

    header li.nav-item.getquote a {
        background-color: transparent !important;
    }

    header li.nav-item.getquote a:hover {
        background-color: transparent !important;
    }

    .savingmny .savingmninr {
        flex-basis: 100%;
    }

    .svbtn {
        margin-bottom: 40px;
    }

    .faq h2.accordion-header button.accordion-button {
        font-size: 14px;
        line-height: 22px;
    }

    .faq .accordion-body p,
    .accordion-body {
        font-size: 14px;
        line-height: 22px;
    }

    #energygeeks .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .row.bgr {
        padding: 20px;
    }

    #quotemap .gtquote .gtquoteinr.git1 {
        flex-basis: 100%;
    }

    #quotemap .gtquote .gtquoteinr.git2 {
        flex-basis: 100%;
    }

    #quotemap .gtquote {
        max-height: max-content;
    }

    #quotemap .gtquote {
        max-width: 100%;
    }

    #quotemap .gtquote {
        margin: -0px auto 0 auto;
    }

    #quotemap .gtquote {
        background: transparent;
    }

    .footertop {
        background: #465457;
    }

    .cnnt {
        padding-top: 0px;
    }

    .footertop {
        margin-top: -590px;
    }

    .clnw {
        width: 95%;
        margin: 0 auto;
    }

    #banner .row {
        flex-direction: column-reverse;
    }

    #banner .banrtext {
        padding-top: 50px;
    }

    #banner {
        background-size: contain;
    }

    #energygeeks {
        padding-top: 50px;
    }

    .energksldr {
        padding: 30px 30px 60px 30px;
        border-radius: 0px !important;
    }

    .energkrating .inr1 {
        border-radius: 0px;
    }

    .energkrating {
        border-radius: 0px;
    }

    #quotemap .gtquote .gtquoteinr.git1 .quoteformflt .quoteformfltinr.half {
        flex-basis: 100%;
    }

    .footerbottom p.copyright {
        text-align: center;
        padding-bottom: 3px;
    }

    .ftrterm ul {
        text-align: center;
    }

    .footertop h5,
.footertop .footer-heading {
        padding-top: 15px;
    }

    .energksldr button.slick-arrow {
        width: 35px;
        height: 35px;
    }

    .energksldr button.slick-prev.slick-arrow {
        left: -12px;
    }

    .energksldr button.slick-next.slick-arrow {
        right: -8px;
    }

    .ftrterm ul li {
        padding: 0px 10px;
    }

    #quotemap {
        padding-top: 50px;
    }

    #quotemap .gtquote {
        padding: 0px 10px;
    }

    .quoteform {
    padding: 20px 0 60px;
}

    .bnrslider .bnrsldinr .slick-arrow {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
	.services h2 {
    margin-top:0px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bnrslider .bnrsldinr .slick-arrow {
        display: none !important;
    }

    .banrtext h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .banrtext h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .banrtext p {
        font-size: 16px;
        line-height: 26px;
    }

    .barbtn a {
        font-size: 18px;
        line-height: 26px;
    }

    .bnrslider .bnrsldinr {
        padding: 38px 40px 33px 40px;
    }

    .savingmny .savingmninr .savcnt p {
        font-size: 14px;
        line-height: 22px;
    }

    .sectitle h2 {
        font-size: 34px;
        line-height: 46px;
    }

    .geekscntnt h5,
.geekscntnt .geekscntnt__lead {
        font-size: 20px;
        line-height: 28px;
    }

    .geekscntnt p {
        font-size: 14px;
        line-height: 24px;
    }

    .svbtn a {
        font-size: 14px;
        line-height: 22px;
    }

    .savingmny .savingmninr .savcnt h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .energksldr .energksldrinr .energsldcnt h4,
.energksldr .energksldrinr .energsldcnt .review-title {
        font-size: 14px;
        line-height: 20px;
    }

    .energksldr .energksldrinr .energsldcnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .energimfinf .energimfinfcnt h5,
.energimfinf .energimfinfcnt .reviewer-name {
        font-size: 12px;
        line-height: 20px;
    }

    .prefr h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .dayinr .dinr {
        font-size: 14px;
        line-height: 24px;
    }

    .clnw h2,
.clnw .clnw__number {
        font-size: 28px;
        line-height: 38px;
    }

    .quoteform label {
        font-size: 11px;
    }

    .prfrs1 {
        padding: 40px;
    }

    .clnw h5,
.clnw .clnw__label {
        font-size: 18px;
        line-height: 28px;
    }

    .navbar>.container,
    .navbar>.container-fluid,
    .navbar>.container-lg,
    .navbar>.container-md,
    .navbar>.container-sm,
    .navbar>.container-xl,
    .navbar>.container-xxl {
        align-items: center;
    }

    .navbar-light .navbar-toggler:focus {
        outline: 0px;
        box-shadow: 0px 0px;
    }

    header li.nav-item a.nav-link.active {
        background: transparent;
		color:#00A79D !important;
    }

    .navbar-collapse {
        background: rgb(0 167 157);
        margin-top: 20px;
    }


    header li.nav-item.getquote {
        padding-top: 0px;
    }

    header li.nav-item.getquote a {
        background-color: transparent !important;
    }

    header li.nav-item.getquote a:hover {
        background-color: transparent !important;
    }

    .savingmny .savingmninr {
        flex-basis: 50%;
    }

    .svbtn {
        margin-bottom: 40px;
    }

    #energygeeks .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .row.bgr {
        padding-bottom: 0px;
    }

    #quotemap .gtquote .gtquoteinr.git1 {
        flex-basis: 100%;
    }

    #quotemap .gtquote .gtquoteinr.git2 {
        flex-basis: 100%;
    }

    #quotemap .gtquote {
        max-height: max-content;
    }

    #quotemap .gtquote {
        max-width: 100%;
    }

    #quotemap .gtquote {
        margin: -0px auto 0 auto;
    }

    #quotemap .gtquote {
        background: transparent;
    }

    .footertop {
        background: #465457;
    }

    .cnnt {
        padding-top: 30px;
    }

    .footertop {
        margin-top: -560px;
    }

    .clnw {
        width: 95%;
        margin: 0 auto;
    }
	.services h2 {
    margin-top:0px !important;
}

.navbar-collapse {
    background: rgb(255 255 255);
    margin-top: 5px;
    box-shadow: 4px -19px 35px 0 rgba(32, 53, 90, 0.08), 11px 11px 30px -10px rgba(32, 53, 90, 0.15);
    border-radius: 0px 0px 16px 16px;
}
header li.nav-item a.nav-link {
    padding: 20px 20px !important;
    border-radius: 0px !important;
    color: #465356 !important;
    text-transform: capitalize !important;
}

div#detail-page {
    padding: 0px 0px !important;
}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .svbtn {
        margin-bottom: 40px;
    }

    .banrtext h1 {
        font-size: 66px;
        line-height: 72px;
    }

    .banrtext h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .banrtext p {
        font-size: 20px;
        line-height: 30px;
    }

    .barbtn a {
        font-size: 20px;
        line-height: 28px;
    }

    .bnrslider .bnrsldinr {
        padding: 25px 40px 25px 40px;
    }

    .savingmny .savingmninr .savcnt p {
        font-size: 14px;
        line-height: 22px;
    }

    .sectitle h2 {
        font-size: 34px;
        line-height: 46px;
    }

    .geekscntnt h5,
.geekscntnt .geekscntnt__lead {
        font-size: 20px;
        line-height: 28px;
    }

    .geekscntnt p {
        font-size: 14px;
        line-height: 24px;
    }

    .svbtn a {
        font-size: 14px;
        line-height: 22px;
    }

    .savingmny .savingmninr .savcnt h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .energksldr .energksldrinr .energsldcnt h4,
.energksldr .energksldrinr .energsldcnt .review-title {
        font-size: 12px;
        line-height: 18px;
    }

    .energksldr .energksldrinr .energsldcnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .energimfinf .energimfinfcnt h5,
.energimfinf .energimfinfcnt .reviewer-name {
        font-size: 12px;
        line-height: 20px;
    }

    .prefr h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .dayinr .dinr {
        font-size: 14px;
        line-height: 24px;
    }

    .clnw h2,
.clnw .clnw__number {
        font-size: 28px;
        line-height: 38px;
    }

    .quoteform label {
        font-size: 11px;
    }

    .prfrs1 {
        padding: 30px;
    }

    .clnw h5,
.clnw .clnw__label {
        font-size: 18px;
        line-height: 28px;
    }
	.services h2 {
    margin-top: 100px !important;
}
div#detail-page {
    padding: 0px 0px !important;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .banrtext h1 {
        font-size: 66px;
        line-height: 72px;
    }

    .banrtext h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .banrtext p {
        font-size: 20px;
        line-height: 30px;
    }

    .barbtn a {
        font-size: 20px;
        line-height: 28px;
    }

    .bnrslider .bnrsldinr {
        padding: 25px 40px 25px 40px;
    }

    .savingmny .savingmninr .savcnt p {
        font-size: 14px;
        line-height: 22px;
    }

    .sectitle h2 {
        font-size: 34px;
        line-height: 46px;
    }

    .geekscntnt h5,
.geekscntnt .geekscntnt__lead {
        font-size: 20px;
        line-height: 28px;
    }

    .geekscntnt p {
        font-size: 14px;
        line-height: 24px;
    }

    .svbtn a {
        font-size: 14px;
        line-height: 22px;
    }

    .savingmny .savingmninr .savcnt h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .energksldr .energksldrinr .energsldcnt h4,
.energksldr .energksldrinr .energsldcnt .review-title {
        font-size: 14px;
        line-height: 20px;
    }

    .energksldr .energksldrinr .energsldcnt p {
        font-size: 12px;
        line-height: 20px;
    }

    .energimfinf .energimfinfcnt h5,
.energimfinf .energimfinfcnt .reviewer-name {
        font-size: 12px;
        line-height: 20px;
    }

    .prefr h3 {
        font-size: 34px;
        line-height: 46px;
    }

    .dayinr .dinr {
        font-size: 14px;
        line-height: 24px;
    }

    .clnw h2,
.clnw .clnw__number {
        font-size: 34px;
        line-height: 46px;
    }

}
/******************* SERVICES ****************************/
.inner-banner {
    background: url("../img/bannerback-inner.3882446a68da.png") !important;
    background-image: image-set(url("../img/bannerback-inner.03b2e2bf036b.webp") type("image/webp"), url("../img/bannerback-inner.3882446a68da.png") type("image/png")) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 100% 100% !important;
    padding-top: 185px !important;
    padding-bottom: 140px !important;
	background-position:bottom center !important;
}

.services h2 {
    margin-top: 200px;
}
.bannerslider-inner{margin-bottom:100px;}




/******************* Blog Post ****************************/
 :root {
	--master-color: #00a69c;
	--master-color-partner-dark: #00a69c;
	
	--headings-color: #465356;	
	
	--main-bg-color: #fff;
	--secondary1-bg-color: #f6f6f6;
	--secondary2-bg-color: #fff0ec;
	
	--main-txt-color: #333;
	--secondary-txt-color: #757575;
	
	--sub-color: #b4b4b4;
}
.blog-listing{margin-top:20px; font-family: "Exo", sans-serif;}
.blog-listing h1, .blog-listing h2 {
	display: block;
	font-style: normal;
	font-weight: 300;
	line-height: 1.4em;
	color: var(--headings-color);
	font-family: "Exo", sans-serif;
}

.blog-listing h1 {
	font-size: calc(24px + 2vw);
	margin: 1.2em 0;
}

.blog-listing h2 {
	font-size: calc(22px + 0.1vw);
}

.post__meta h3 {
    color: #00a69c;
    font-size: 15px;
}
.blog-listing h1 a,
.blog-listing h2 a {
	font-weight: 500;
	text-decoration: none;
	color: var(--headings-color);
	background-color: transparent;
	outline: none;
}

.blog-listing a:hover {
	color: var(--master-color-partner-dark);
}

.blog-listing a:focus {
	color: var(--headings-color);
	background-color: var(--secondary2-bg-color); 
}
.post-list_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
}

.post-list__post {
	display: grid;
	grid-template-areas: 
		"header"
		"footer"
		"pr_img";
	grid-auto-rows: 1fr auto auto;
	align-items: start;
	grid-gap: 1em 0;
}

.post-list__post:nth-child(2n+1) {
	background-color: var(--secondary1-bg-color);
}

.post-list__post:nth-child(3n+2) {
	grid-template-areas: 
		"pr_img"
		"header"
		"footer";
	grid-auto-rows: auto 1fr auto;	
}

.post__preview-img {
	grid-area: pr_img;
}

.post__header {
	grid-area: header;
}

.post__meta {
	grid-area: footer;
	align-self: start;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/**
 * Post List Design
 */
.post-list {
	margin-bottom: 4em;
} 
 
.post {
	position: relative;
	padding: 1.6em;
} 

.post:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 3px var(--master-color) solid;
	
	z-index: 2;
	opacity: 0;
	-webkit-transition: all .25s ease-out;			
			transition: all .25s ease-out;
}

.post:hover:after {
	opacity: 1;
}

.post > * {
	z-index: 4;
	position: relative;
}

.post__preview-img {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}

.post__preview-img img {
	width: 100%;
    height: auto;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}

.post__time {
	color: var(--sub-color);
	
}

.post__meta a {
	color: var(--sub-color);
	text-decoration: none;
	border-bottom: 1px var(--sub-color) solid;
}

.post__meta a:hover {
	color: var(--master-color-partner-dark);
}

.post__comments {
	position: relative;
	padding-left: 24px;
}

.post__comments:before,
.post__comments:after {
	content: '';
	display: block;
	position: absolute;
	border: 1px var(--sub-color) solid;
}

.post__comments:before {
	width: 16px;
	height: 11px;
	border-radius: 50%;
	left: 0;
	top: calc(50% - 8px);
	z-index: 1;
}

.post__comments:after {
	width: 3px;
    height: 6px;
    border-width: 0 1px 1px 0;
    transform: rotate(31deg);
    top: 50%;
    left: 11px;
	z-index: 2;
	background-color: var(--secondary1-bg-color);
} 

.blog-image img{width:100%; height:400px; object-fit:cover; border-radius: 30px 30px;}
.blog-heading {
    width: 80%;
    background-color: #fff;
    border-radius: 0 20px 20px;
    margin-left: 0;
    position: relative;
    top: -140px;
    left: 0;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .31);
	padding:40px;
}
div#detail-page {
    padding: 0px 180px;
}
.blog-description{margin-top:-82px;}
.blog-description h5 {
    color: #00a69c;
    line-height: 30px;
    margin-bottom: 20px;
}
.contact-us-form {
    padding-top: 0px !important;
}

.contact-us-form .dayinr {
    padding-top: 5px;
}
.contact-details::before{
	content: url("../img/a1.bf21db039404.png");
    position: absolute;
    left: -23px;
top: 0;
}

.contact-details.email:before {
    content: url("../img/a2.640714bfc8aa.png");
    position: absolute;
    left: -23px;
    top: 0;
}
.dinr.contact-details {
    position: relative;
    padding-left: 10px;
}
.contact-us-form .prfrs1 {
    padding: 30px 40px;
}

.contact-us-form .dayinr .dinr.contact-details{flex-basis: 100%;}
/**
 * Breakpoint 900px
 */
@media all and (max-width: 900px) {
	.post-list_grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.post-list__post:nth-child(n) {
		background-color: transparent;
		grid-template-areas: 
			"header"
			"footer"
			"pr_img";
		grid-auto-rows: 1fr auto auto;
	}
	
	.post-list__post:nth-child(4n), 
	.post-list__post:nth-child(4n+1) {
		background-color: var(--secondary1-bg-color);
	}
	
	.post-list__post:nth-child(even) {
		grid-template-areas: 
			"pr_img"
			"header"
			"footer";
		grid-auto-rows: auto 1fr auto;	
	}
}

/**
 * Breakpoint 670px
 */
@media all and (max-width: 670px) { 
	.post-list_grid {
		grid-template-columns: 1fr;
	}
	
	.post-list__post:nth-child(n) {
		background-color: var(--secondary1-bg-color);
		grid-template-areas: 
			"header"
			"footer"
			"pr_img";
		grid-auto-rows: 1fr auto auto;
	}
	
	.post-list__post:nth-child(even) {
		background-color: transparent;
	}
}