#sh135-help.sh135-grenton-help .sh135-help-baner{background: url('../../../SiteCollectionImages/Tauron24/imgs/lp-raty/banner.png'); background-position: center;}
#sh135-help.sh135-grenton-help .sh135-help-baner .sh135-help-box{top: 50%; transform: translateY(-50%);}

.page-instalment .sh135-title{line-height: 1.2; color: #000; font-weight: 300; font-size: 40px;}
.page-instalment .sh135-tiles-box{padding-top: 50px; padding-bottom: 50px;}
.page-instalment .sh135-tiles{display: flex; margin-top: 60px; margin-bottom: 60px;}
.page-instalment .sh135-tiles .single-tile{width: 14.2%}
.page-instalment .sh135-tiles .tile-img{position: relative;}
.page-instalment .sh135-tiles .tile-img img.dots{position: absolute; top: 50%; right: -50%; z-index: -1;}
.page-instalment .sh135-tiles .tile-img img:not(.dots){width: 145px;}
.page-instalment .sh135-tiles .tile-content{font-size: 18px; color: #262626; position: relative; padding-top: 75px; padding-left: 20px; padding-right: 20px; font-weight: 400;}
.page-instalment .sh135-tiles .tile-content span{font-weight: 600; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.page-instalment .sh135-magenta-button{max-width: 340px; width: 100%; color: #fff; background-color: #e6007e; border: none; border-radius: 4px; padding: 15px 0; font-weight: 600; cursor: pointer; display: block; text-align: center; font-size: 25px; margin: 0 auto !important;}
.page-instalment .sh135-magenta-button:hover{background-color: #b6206a!important;}
.page-instalment .sh135-magenta-button i{margin-left: 15px;}

.page-instalment .sh135-row-box{padding-top: 50px; padding-bottom: 50px; background: url('../../../SiteCollectionImages/Tauron24/imgs/lp-raty/background.png'); background-position: center; background-repeat: no-repeat; background-color: #f8f8f8; background-size: cover;}
.page-instalment .sh135-row-box .sh135-page{text-align: left;}
.page-instalment .sh135-row-box p{font-size: 18px; color: #000; padding-left: 17px; position: relative; margin-top: 40px; margin-bottom: 0;}
.page-instalment .sh135-row-box p span{font-weight: 600;}
.page-instalment .sh135-row-box p::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background-color: #e6007e; position: absolute; left: 0; top: 10px;}

.page-instalment .sh135-cost-box .sh135-cost-content{display: flex; align-items: center;}
.page-instalment .sh135-cost-box .sh135-cost-details{width: calc(100% - 765px); padding-left: 60px;}
.page-instalment .sh135-cost-box .sh135-title{margin-bottom: 60px;}
.page-instalment .sh135-cost-box{padding-top: 50px; padding-bottom: 50px;}
.page-instalment .sh135-cost-box .sh135-cost-image{max-width: 765px; width: 100%; height: 360px; background-image: url('../../../SiteCollectionImages/Tauron24/imgs/lp-raty/images.png'); background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 0px 16px 2px rgba(225, 225, 225, 1);}
.page-instalment .sh135-cost-box .sh135-example-title{font-size: 16px; color: #989898; font-weight: 600; margin-top: 20px; margin-bottom: 10px;}
.page-instalment .sh135-cost-box .sh135-example{font-size: 16px; color: #000; font-weight: 600;}
.page-instalment .sh135-cost-box .sh135-content{font-size: 16px; color: #000000; font-weight: 300; margin-top: 50px;}
.page-instalment .sh135-cost-box .sh135-cost-logo{width: 160px;}
.page-instalment .sh135-cost-box .sh135-page{text-align: left;}

@media(max-width: 1670px){
    .page-instalment .sh135-tiles-box, .page-instalment .sh135-row-box, .page-instalment .sh135-cost-box{padding-left: 15px; padding-right: 15px;}
}

@media(max-width: 1440px){
    .page-instalment .sh135-cost-box .sh135-cost-image{max-width: 570px;}
    .page-instalment .sh135-cost-box .sh135-cost-details{width: calc(100% - 570px)}
}

@media(max-width: 1366px){
    #sh135-help.sh135-grenton-help .sh135-help-baner{background-position: center left 25%;}
}

@media(max-width: 1200px){
    .page-instalment .sh135-cost-box .sh135-cost-details{padding-left: 30px;}
    .page-instalment .sh135-tiles .tile-img img.dots{display: none;}

    .page-instalment .sh135-tiles{flex-flow: wrap; margin-top: 30px; margin-bottom: 30px;}
    .page-instalment .sh135-tiles .single-tile{width: 25%; margin-top: 15px; margin-bottom: 15px;}
    .page-instalment .sh135-tiles .tile-content{padding-top: 0;}
    .page-instalment .sh135-tiles .tile-content span{position: static; padding-left: 0; padding-right: 0;}
    #sh135-help.sh135-grenton-help .sh135-help-baner .sh135-help-box{right: 15px; left: auto;}
}

@media(max-width: 991px){
    .page-instalment .sh135-cost-box .sh135-cost-image{max-width: 350px;}
    .page-instalment .sh135-cost-box .sh135-cost-details{width: calc(100% - 350px)}
}

@media(max-width: 980px){
    .page-instalment .sh135-title{font-size: 35px; margin-bottom: 25px !important;}
}

@media(max-width: 870px){
    #sh135-help.sh135-grenton-help .sh135-help-baner{
        background-position: center left 20%;
    }
}

@media(max-width: 765px){
    .page-instalment .sh135-title{font-size: 25px;}
    .page-instalment .sh135-tiles .single-tile{width: 33.3%;}
}

@media(max-width: 768px){
    .page-instalment .sh135-cost-box .sh135-cost-content{flex-flow: column;}
    .page-instalment .sh135-cost-box .sh135-cost-image{max-width: 100%; height: 160px; background-position: top; display: none;}
    .page-instalment .sh135-cost-box .sh135-cost-details{width: 100%; text-align: center; padding-left: 0;}
    .page-instalment .sh135-cost-box .sh135-content{text-align: center;}
    .page-instalment .sh135-title{text-align: center;}
    .page-instalment .sh135-row-box p{text-align: center; padding-left: 0;}
    .page-instalment .sh135-row-box p::before{display: none;}
    .page-instalment .sh135-cost-box .sh135-content{margin-top: 25px;}
    #sh135-help.sh135-grenton-help .sh135-help-baner .sh135-help-box{left: 15px; right: 15px; margin-left: auto; margin-right: auto;}
}

@media(max-width: 615px){
    .page-instalment .sh135-tiles .single-tile{width: 100%; display: flex; align-items: center; justify-content: center;}
    .page-instalment .sh135-tiles .tile-content{padding-right: 0; text-align: left; width: calc(100% - 100px);}
    .page-instalment .sh135-tiles .tile-content br:last-of-type{display: none;}
    .page-instalment .sh135-tiles .tile-img{width: 100px}
    .page-instalment .sh135-tiles .tile-img img:not(.dots){width: 100%}
    .page-instalment .sh135-tiles .single-tile{margin-top: 5px; margin-bottom: 5px;}
}

@media(max-width: 550px){
    #sh135-help.sh135-grenton-help .sh135-help-baner .sh135-help-box{height: fit-content; top: 0; transform: none;}
}