@import url("variable.css");
.fuel-stores-banner{background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;background-position:center;min-height:calc(90vh - 120px);position:relative;}
.fuel-stores-banner:after{content:"";background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;}
.fuel-stores-banner-inner{max-width:700px;margin:0 auto;position:relative;z-index:1;}
.fuel-stores-banner-inner h1{margin-bottom:20px;}

/* == */
.pos-section ul{list-style-type:disc;padding:0px;list-style-position:outside;margin-left:20px;width:calc(100% - 20px);}
.pos-section ul li{margin:0 0 10px;}
.pos-section .container.min-container{max-width:955px;}
.pos-section.lotterysection .container.min-container{max-width:1015px;}
@media (min-width:992px) and (max-width:1199px){
    .pos-section .heading-32{font-size:25px;line-height:35px;}
}
@media (min-width:768px) and (max-width:991px){
    .pos-section .heading-32{font-size:25px;line-height:35px;}
    .pos-section .container.min-container,
    .signage-benefits-section .container{padding: 0 30px;}
}
@media (max-width:767px){
    .pos-section .heading-32{font-size:25px;line-height:35px;}
    .description-box{max-width:95%;margin-left:auto;margin-right:auto;text-align:center;}
    .pos-section ul{margin-left:auto;margin-right:auto;max-width:88%;width:100%;}
    .pos-section .container.min-container{padding: 0 30px;}
}

/* == */
.grocery-store-section{background-color:var(--lightgrayish-blue);}

/* == */
.fuel-transaction-section{background-color:var(--white-color);}
.fuel-transaction-section .bluebground{background-color:var(--skylla);width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:30px;margin:0 auto 20px;}
.fuel-transaction-section .description{padding:0 15px;}
@media (max-width:767px){
    .heading-32{font-size:25px;line-height:35px;}
    .fuel-transaction-section .section-title,
    .control-group-section .section-title,
    .signage-benefits-section .section-title{font-size: 25px;}
}
.fuel-transaction-section .custom-container{max-width:650px;margin-left:auto;margin-right:auto;}

/* == */
.fuel-stores-banner.operations-section .fuel-stores-banner-inner h1{font-size:32px;margin-bottom:20px;font-weight:bold;}
.fuel-stores-banner.operations-section .fuel-stores-banner-inner{max-width:490px;margin:0 auto;position:relative;z-index:1;}

/* == */
.control-group-section{background-color:var(--lightgrayish-blue);}
.control-group-section ul{list-style-type:disc;list-style-position:outside;padding:0;max-width:575px;margin-left:auto;margin-right:auto;}
@media (max-width:767px){
    .control-group-section ul{padding:0 30px;}
}

/* === */
.signage-benefits-section{background-color:var(--white-color);}
.signage-benefits-section-box{border-radius:0px;background-color:var(--pastelmint-green);padding:30px 20px 80px;height:100%;box-shadow:0 1px 1px rgba(0,0,0,0.08),0px 1px 1px rgba(0,0,0,0.25);position:relative;background-size:cover;background-repeat:no-repeat;}
.signage-benefits-section-box::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.signage-benefits-section-box .section-box-icon{width:60px;height:60px;margin:0 auto 20px;}
.image-gridbox{display:flex;gap:20px;max-width:600px;flex-wrap:wrap;}
.image-innerbox{width:calc((100% / 2) - 10px);}
.image-innerbox .texttitle{margin-bottom:20px;position:relative;padding-top:20px;z-index:1;}
.image-innerbox .description{z-index:1;position:relative;}
.image-innerbox .texttitle::after{content:"";position:absolute;top:0;width:100px;left:0;background-color:var(--yelow-color);height:5px;}
@media (min-width:768px) and (max-width:991px){
    .image-innerbox{width:calc((100% / 1) - 0px);}
    .image-gridbox{max-width:100%;margin-bottom:0px!important;}
    .signage-benefits-section-box{padding:20px;border-radius:15px;overflow:hidden;margin:0 5px;}
    .image-gridbox.onlymobile-sliders  .slick-dots{margin-top:30px;}
}
@media (max-width:767px){
    .image-innerbox{width:calc((100% / 1) - 0px);}
    .image-gridbox{max-width:90%;margin-bottom:0px!important;}
    .signage-benefits-section-box{padding:20px;border-radius:15px;overflow:hidden;margin:0 5px;}
    .image-gridbox.onlymobile-sliders  .slick-dots{margin-top:15px;}
}

/* Let’s keep in touch css start here */
.newsletter-box{text-align:center;}
.newsletter-box h2{font-size:42px;font-weight:700;color:var(--winterblue);margin-bottom:15px;}
.subtitle{font-size:17px;color:var(--limed_spruce);font-weight:500;margin-bottom:40px;}
.newsletter-box label{display:block;text-align:left;font-size:18px;color:var(--slateblue);margin-bottom:8px}
.newsletter-box .form-control{height:52px;border-radius:4px;border:1px solid var(--pastelgreen);box-shadow:none}
.newsletter-box .form-control:focus{border-color:var(--dodgerblue);box-shadow:none}
.consent-box{display:flex;align-items:flex-start;text-align:left;}
.consent-box input{margin-top:6px;}
.consent-box label{font-size:16px;line-height:1.5;color:#4b5563;margin-left:10px;}
.subscribe-btn{background:var(--dodgerblue);color:var(--white-color);border:none;padding:14px 70px;border-radius:30px;font-size:20px;font-weight:600;transition:0.3s;margin-bottom:20px;}
.subscribe-btn:hover{background:var(--ceruleanblue);}
.privacy-text{margin-top:30px!important;font-size:16px;color:var(--gray-600);}
.newsletter-section h2{color:var(--limed_spruce);font-size:24px;}
.newsletter-section .newsletter-box .form-label{color:var(--Nickel);font-size:17px;font-weight:500;}
.form-check .form-check-label{color:var(--Nickel);font-size:17px;font-weight:500;}
.privacy-text{color:var(--limed_spruce);font-size:17px}

/* Responsive */
@media(max-width:767px){
    .newsletter-box h2{font-size:32px;}
    .subtitle{font-size:16px;}
    .subscribe-btn{width:100%;padding:14px 20px;}
}
@media (max-width:991px)
{
    .fuel-stores-banner{min-height: inherit;}
}