.main-pool-heat{}
.main-pool-heat .top-section{margin-top: 25px;display: flex;flex-flow: row;align-items: center;justify-content: center;}
.main-pool-heat .top-section .left-side{width: 20%;padding: 10px;}
.main-pool-heat .top-section .right-side{width: 75%;padding: 20px 30px; }
.main-pool-heat .top-section .right-side h5{font-size: 20px; color: #ff9d38;font-weight: 800;margin: 0;padding-bottom: 10px;}
.main-pool-heat .clear{clear: both;}
.main-pool-heat .top-section ul{padding-left: 0;}
.main-pool-heat .top-section ul li{margin: 0;padding: 0;position: relative;}
.main-pool-heat .top-section ul li:before{content: "\f00c";font:normal normal normal 14px/1 FontAwesome;position: absolute;left: -20px; top: 3px; color:#4faed5;}
.main-pool-heat .link-section{margin-bottom: 20px;}
.main-pool-heat .grid-4{}
.main-pool-heat .grid-4 li{width: calc(25% - 5px);padding:8px;display: inline-block;margin:0;padding-bottom: 0; }
.main-pool-heat .grid-4 li a{display: block;padding: 10px;text-align: center;background:#e0f6ff;color: #000;font-size: 13px; text-transform: uppercase;font-weight: 700;border:2px solid #74c7ea;box-shadow: 0px 8px 15px #e0e0e0db;margin-bottom: 7px;}
.main-pool-heat .grid-4 li a:hover{background:#b7e1f2; }
.main-pool-heat .grid-4 li.active a{background: #b7e1f2;}

.main-pool-heat .poolheat-product-outer .right-product-outer{background: #eef4f6;padding:30px 20px;}
.main-pool-heat .poolheat-product-outer .right-product-outer h2{margin: 0;padding: 0;text-align: left;  position: relative;margin-bottom: 35px;}
.main-pool-heat .poolheat-product-outer .right-product-outer h2:after{content: "";width: 70px;height: 4px;
    background:#f25907;bottom: -8px;position: absolute;left: 0;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li{border:1px solid#e0e0e0;padding:15px;background: #f9fdff;box-shadow: 0 5px 15px #edeeee;position: relative;padding-right: 30px;box-shadow: 0 10px 10px #dee4e6e8;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li:hover{background: #e7ebec;}
.main-pool-heat .poolheat-product-outer .brand-image{padding: 12px 10px;border: 1px solid #e0e0e0;background: unset;width: 120px;text-align: center;background: #ffffff;box-shadow: 0 10px 10px #e0e0e0e8;}
.main-pool-heat .poolheat-product-outer .brand-image img{max-width: 80px !important;height: auto;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-price a{position: absolute;right: 0;top: 0;    height: 100%;width: 24px;text-indent: -99px;background: url(../images/arrow.png) no-repeat #9fe1fc;background-size: contain; background-position: 50% 65%;border-left: 2px solid #aad9ec;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-title a{color: #858585 !important; font-weight: 600;margin-bottom:0px;font-size: 15px !important;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .additional-note {margin-bottom: 0;
    padding: 4px 15px;font-size: 16px;}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-title .amount{color:#06648c;display: block;font-size: 22px;font-weight: 600;padding: 0 15px; }

/*questions section*/
.main-pool-heat .calltoaction1{padding: 25px;background: #15548e;}
.main-pool-heat .calltoaction1 .inner-call{box-shadow: none;border:1px solid #a4c1d9;background:#175790;padding: 25px;}
.main-pool-heat .calltoaction1 .inner-call h2{display: block;color:#e49b22;margin:0;padding:0;padding-bottom:15px;font-size: 22px;text-align: center;letter-spacing: 1.5px;}
.main-pool-heat .calltoaction1 .inner-call h4{color: #fff;font-size: 18px;margin: 0;text-align: center;}
.main-pool-heat .calltoaction1 .inner-call p{text-align: center;color: #fff;font-size: 14px;padding: 5px 0 10px 0;}
.main-pool-heat .calltoaction1 .inner-call .action-btn{background: #fff;text-align:center;padding: 15px;color:#15548e;border-radius: 6px;border: none;text-transform: uppercase;font-size: 14px;margin: 0 auto;position: relative;box-shadow: none;display: inline-block;letter-spacing: 1px;margin-top: 10px;border: 1px solid transparent; transition: 0.3s all;}
.main-pool-heat .calltoaction1 .inner-call .action-btn:hover{color: #fff;background:#15548e;border:1px solid #fff; transition: 0.3s all;}

/*callto action 2 section*/
.main-pool-heat .calltoaction2{padding: 25px;background: #487fb1;margin-top: 0;}
.main-pool-heat .calltoaction2 .inner-call{box-shadow: none;border:1px solid #a4c1d9;background:#497fb1;padding: 25px;display: flex;flex-flow: row;align-items: center;justify-content: center;}
.main-pool-heat .calltoaction2 .inner-call .left-side{width: 20%;padding: 10px;}
.main-pool-heat .calltoaction2 .inner-call .right-side{width: 80%;padding: 20px 30px;padding-right: 15px;}
.main-pool-heat .calltoaction2 .inner-call .right-side h2{margin: 0;padding: 0;letter-spacing: 2px; font-size: 20px;text-transform: none;line-height: 26px;font-weight: 500;text-align: left;}
.main-pool-heat .calltoaction2 .inner-call .right-side  p{font-size: 15px; color: #fff;padding:15px 0; text-align: left;line-height: 20px;}
.main-pool-heat .calltoaction2 .inner-call .action-btn{display: inline-block;float: right;position: relative;background: #e19a24;border: none;box-shadow: none;border-radius: 0;letter-spacing: 1px;text-transform: uppercase;min-width: 180px;font-weight: 400;padding:10px 15px;font-size: 15px;}

.main-pool-heat .advice-section{background: #103d66 ; padding: 25px;margin-top: 20px;}
.main-pool-heat .advice-section .img-box{width: 100%;padding: 10px;text-align: center;margin-top: 20px;}
.main-pool-heat .advice-section .img-box img{max-width: 180px;margin: 0 auto;}
.main-pool-heat .advice-section h2{margin: 0;text-align: center;padding: 5px;color:#e19a24;font-size: 24px;letter-spacing: 1px;}
.main-pool-heat .advice-section .content-box{padding: 25px 20px;text-align: center;text-transform: none;background: none;color:#fff;}
.main-pool-heat .advice-section .content-box h4{font-size: 18px;font-weight: 600;text-transform: none;letter-spacing: 1px;padding-bottom: 15px;}
.main-pool-heat .advice-section .content-box p{color: #fff;font-size: 16px; text-align: center;padding-bottom: 15px;line-height: 24px;margin:0;}
.main-pool-heat .advice-section .content-box .specl-text{font-size: 18px;}
@media(max-width:768px){
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-price a {
    position: relative;
    display: block;
    height: 29px;
    background:rgb(6 100 140 / 0%);
    text-indent: 0;
    text-align: center;
    width:100%;
    z-index:1;
}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-price a:after {
    position: absolute;
    content: 'CLICK HERE';
    left: 0!important;
    right: 0;
    width:100%;
    z-index:-2;
    background: #06648c;
    height:20px;
}
.main-pool-heat .grid-4 {
    display: flex;
    flex-wrap: wrap;
}
.main-pool-heat .grid-4 li {
    width: 50%;
}
.main-pool-heat .poolheat-product-outer .right-product-outer ul li .product-title a{width:100%}
.main-pool-heat .poolheat-product-outer .right-product-outer ul.first-list li{display:flex!important; flex-flow:column;}
.main-pool-heat .poolheat-product-outer .brand-image{    min-width: 100%;}
 .main-pool-heat .poolheat-product-outer .right-product-outer ul.first-list .product-title{min-width:100%}
.content-box span{text-align:left;}
}