/**
Theme Name: fridge fleet child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fridge-fleet-child
Template: astra
*/
table.pricing-table {
    margin-bottom: 10px;
}
.pricing-table th {
    background: #09316d;
    color: #fff;
    text-align: left;
    width: 100%;
    max-width: 25%;
}
.pricing-table tr:nth-child(even) {
    background: #EAF0FA;
}
.pricing-table tr td:first-child {
    font-weight: 600;
}
.ff-rates-notes ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 30px;
}

/* ========= Contact page styles =========  */
.ff-quote-expert-section,
.ff-quote-expert-section *{
  box-sizing:border-box;
}
.ff-quote-expert-section{
  width:100%;
  padding:70px 20px;
  background:#ffffff;
  font-family:'Barlow',sans-serif;
}
.ff-qe-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:stretch;
}
.ff-quote-card,
.ff-expert-card{
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(17,31,62,.08);
}
/* LEFT FORM CARD */
.ff-quote-card{
  background:#ffffff;
  padding:48px 48px 42px;
  border:1px solid #edf3f8;
}
.ff-small-label{
  margin:0 0 18px;
  color:#1e9fe0;
  font-size:16px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ff-quote-title{
  margin:0 0 28px;
  max-width:520px;
  color:#111f3e;
  font-family:'Barlow Condensed',sans-serif;
  font-size:64px;
  line-height:.9;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:-1px;
}
.ff-quote-title span{
  color:#1e9fe0;
}
.ff-quote-text{
  margin:0 0 30px;
  max-width:500px;
  color:#3a4e6e;
  font-size:17px;
  line-height:1.65;
  font-weight:500;
}
.ff-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.ff-field-full{
  grid-column:1 / -1;
}
.ff-form-grid input,
.ff-form-grid select,
.ff-form-grid textarea{
  width:100%;
  height:52px;
  border:1px solid #dfe8ef;
  border-radius:8px;
  background:#ffffff;
  color:#111e35;
  padding:0 17px;
  font-family:'Barlow',sans-serif;
  font-size:15px;
  font-weight:500;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(17,31,62,.03);
}
.ff-form-grid input::placeholder,
.ff-form-grid textarea::placeholder{
  color:#7b8798;
}
.ff-form-grid textarea{
  height:120px;
  padding-top:16px;
  resize:vertical;
}
.ff-form-grid input:focus,
.ff-form-grid select:focus,
.ff-form-grid textarea:focus{
  border-color:#1e9fe0;
  box-shadow:0 0 0 3px rgba(30,159,224,.12);
}
.ff-submit{
  width:100%;
  height:60px;
  border:0;
  border-radius:8px;
  cursor:pointer;
  background:linear-gradient(135deg,#18a9ee,#0878d8);
  color:#ffffff;
  font-family:'Barlow',sans-serif;
  font-size:17px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.3s ease;
}
.ff-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(30,159,224,.28);
}
.ff-safe-note{
  margin-top:18px;
  text-align:center;
  color:#65748a;
  font-size:13px;
  font-weight:500;
}

/* RIGHT EXPERT CARD */
.ff-expert-card{
  position:relative;
  min-height:650px;
  padding:58px 54px;
  background:
    linear-gradient(180deg,rgba(3,18,47,.96) 0%,rgba(4,22,55,.88) 42%,rgba(4,15,34,.35) 100%),
    url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1400&auto=format&fit=crop") center bottom / cover no-repeat;
  color:#ffffff;
}
.ff-expert-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 15%,rgba(30,159,224,.18),transparent 32%),
    linear-gradient(135deg,rgba(30,159,224,.08),transparent 38%);
  pointer-events:none;
}
.ff-expert-content{
  position:relative;
  z-index:2;
}
.ff-expert-title{
  margin:0 0 52px;
  color:#ffffff;
  font-family:'Barlow Condensed',sans-serif;
  font-size:58px;
  line-height:.95;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:-.5px;
}
.ff-expert-title span{
  color:#1e9fe0;
}
.ff-benefits{
  display:flex;
  flex-direction:column;
  gap:34px;
}
.ff-benefit{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:22px;
  align-items:center;
}
.ff-benefit-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1e9fe0;
}
.ff-benefit-icon svg{
  width:44px;
  height:44px;
  stroke:#1e9fe0;
  stroke-width:2.3;
  fill:none;
}
.ff-benefit-text{
  color:#ffffff;
  font-family:'Barlow Condensed',sans-serif;
  font-size:30px;
  line-height:1.05;
  font-weight:800;
  font-style:italic;
}
.ff-quote-text.prefer-to-call {
  margin: 20px 0 0;
  text-align: center;
}

/* Van page */
.van-feat-info .softlite-dynamic-card-box {
    display: flex;
    align-items: center;
}
.van-feat-info .softlite-dynamic-card-box div:has(svg) span {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.elementor-element.key-features-box {
    height: stretch;
}

/* Responsive */
@media screen and (max-width:1024px){
    .ff-qe-container{
        grid-template-columns:1fr;
    }
    .ff-expert-card{
        min-height:560px;
    }
}
@media screen and (max-width: 767px) {
    .price-table-wrap:has(.pricing-table) {
        overflow-x: auto;
    }
    .ff-quote-expert-section{
        padding:46px 16px;
    }
    .ff-quote-card,
    .ff-expert-card{
        padding:34px 24px;
    }
    .ff-quote-title{
        font-size:48px;
    }
    .ff-expert-title{
        font-size:46px;
    }
    .ff-form-grid{
        grid-template-columns:1fr;
    }
    .ff-benefit{
        grid-template-columns:46px 1fr;
        gap:16px;
    }
    .ff-benefit-text{
        font-size:25px;
    }
}