/* New Commercial Page Design */

.banner-cont { max-width: 897px;padding: 50px 0; }
.commercial-banner { position: relative; text-align: left; padding-top: 80px; }
.commercial-banner:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(271.82deg, rgba(181, 74, 18, 0.9) 1.3%, #000000 98.84%); opacity: 0.5; }
.commercial-banner .container { position: relative; z-index: 3; }
.commercial-banner h2 {color: #fbbf24; }
.commercial-banner p {color: var(--white); }

.banner-cont .cmrcl-btn-set { display: flex; justify-content: flex-end; gap: 20px; text-align: left; margin: 0 0 30px; flex-direction: row-reverse; }
.banner-cont .cmrcl-btn-set a { width: 50%; border-radius: 15px; text-align: center; justify-content: center; }
.banner-cont .cmrcl-btn-set a:first-child { max-width: 253px; }
.banner-cont .cmrcl-btn-set a.btn span img { max-width: 40px; margin-left: 10px; }
.banner-cont span.slot-tag { color: #D18B3E; font-weight: 600; margin-bottom: 12px; display: inline-block;font-size: 18px; }
.banner-cont .cmrcl-btn-set a.contact-item-card:hover { background-color: var(--head-clr); color: #fff; }
.banner-cont .cmrcl-btn-set a.contact-item-card:hover .card-content span { color: #fff; }
.banner-cont .cmrcl-btn-set a.contact-item-card:hover .card-icon-box img{filter: brightness(0) invert(1);}
.card-icon-box img {height: 26px; }
.banner-cont .cmrcl-btn-set .card-icon-box { width: auto; height: auto; border-radius: inherit; }
.banner-cont .cmrcl-btn-set .call-bg { background-color: transparent; }

.banner-cont .cmrcl-btn-set a.contact-item-card .card-content span { color: var(--head-clr); font-weight: 400; }

.stats-block h3 { color: #fff; font-weight: 600; }


span.slot-tag img {width: 14px; margin-right: 5px; filter: brightness(1) invert(1); }
span.slot-tag img { display: none; }

.commercial-revenue { background: #FFE4C7; }
.commercial-revenue .red-revenuebox { background: #fff;border: 1px solid #FACACB; height: 100%; }
.commercial-revenue .row .col-md-4 { height: 100%; }
.commercial-revenue .red-revenuebox h3, .commercial-revenue .red-revenuebox p{color: var(--head-clr);}

.red-revenuebox { border: 1px solid #D9D9D9; border-radius: 15px; padding: 25px; margin-top: 25px; flex-grow: 1; }
.red-revenuebox .iconbox {background: #FFE4C7; width: 55px; height: 55px; margin: 0 auto 15px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.red-revenuebox .iconbox img { height: 25px; }
.red-revenuebox h3 {font-weight: 700;color: #fff;    font-size: 24px;    margin-bottom: 20px; }
.red-revenuebox p{color: #fff; font-size: 18px;}
.red-revenuebox h4 {color: var(--clr-primary); font-weight: 700;    margin-bottom: 10px; }

.commercial-industries .col-md-4 {display: flex; flex-direction: column; }
.commercial-industries .row .col-lg-12 h6 { color: #D18B3E; font-weight: 600; }
.industries-box {background: #fff; border: 2px solid #eee; border-radius: 15px; padding: 30px; margin-top: 25px; flex-grow: 1; }


.industries-box-header { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 15px; flex-direction: column; }
.industries-box-header .iconbox {background: #F9F1E2; width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
.industries-box-header .iconbox img {height: 28px; }
.industries-box-header .info h3 {font-weight: 700; }
.save-tag {display: none; background: rgb(220 252 231); color: rgb(21 128 61 ); font-weight: 700; font-size: 12px; padding: 6px 15px; border-radius: 35px; }
.industries-box-header .info { width: calc(100% - 55px); }
.industries-box h6 { color: #555555; font-size: 18px; font-weight: 400;line-height: 1.4; }
.industries-box h6 img {width: 0px; }
.industries-box a.btn { display: none; }

.custom-commercial-quote .save-tag {font-size: 16px; padding: 8px 17px; }
.custom-commercial-quote-form {background: var(--white); padding: 30px; max-width: 850px; margin: 30px auto 0; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); border-radius: 20px; }
.custom-commercial-quote-form input[type=submit] { width: 100%; margin:0 0 15px; }
.custom-commercial-quote-form p { text-align:center; font-size: 14px; }

.commercial-trust { background: #1A1A1A; text-align: center; }
.commercial-trust .col-lg-3.col-md-6 {display: flex; flex-direction: column; }
.commercial-trust .red-revenuebox {border-color: rgb(227 218 184); }
.commercial-trust .red-revenuebox .iconbox { background: #C9A062; border-radius: 15px; }
.commercial-trust .red-revenuebox  p {font-weight: 400;line-height: 1.4; }
.commercial-trust h2 { color: #fff; }

.commercial-review-block {background: #292524; }
.commercial-review-block h2 {color: var(--white); text-align: center; }
.commercial-reviewbox {background-color: #ffffff1a; border: 1px solid #fff3; padding: 30px; border-radius: 15px; }
.commercial-reviewbox .stars {color: var(--clr-primary); margin: 0 0 10px; }
.commercial-reviewbox  p {color: #fff; font-weight: 300; font-style: italic; }
.commercial-reviewbox  h5 {font-size: 20px; font-weight: 700; color: var(--white); margin: 0 0 10px; }
.commercial-reviewbox h6 {font-size: 16px; color: #a8a29e; font-weight: 400; line-height: 1.2; }
.commercial-reviewbox h6 span {display: block; color: var(--clr-primary); }
.commercial-review-slider-item { margin: 0 10px; }
.cmrcl-btn-set a { font-family: var(--head-fonts); }

.risk-btm {background: #381E12; text-align: center; }
.risk-btm h2 {color: var(--white); }
.risk-btm h2 strong {display: block; color: #fff; font-weight: 700;}
.risk-btm p {color: var(--white); }
.risk-btm .cmrcl-btn-set { display: flex; justify-content: center;gap: 20px;}
.risk-btm .cmrcl-btn-set a h6 { font-size: 18px; color: #fff !important; }
.risk-btm .cmrcl-btn-set a.btn { font-size: 18px; font-weight: 600; }
.risk-btm .cmrcl-btn-set a.btn:hover{background: #D18B3E !important;}
.risk-btm .cmrcl-btn-set span.card-link-text{color: #fff;    margin: 4px 0;}
.risk-btm .cmrcl-btn-set a.btn { font-size: 18px; font-weight: 600; background: #fff; color: #D18B3E; border-radius: 14px; }
.risk-btm .cmrcl-btn-set a.contact-item-card { padding: 10px 30px; min-width: 281px; background: #D18B3E; font-size: 18px;color: #fff; }
.risk-btm .cmrcl-btn-set {margin-bottom: 20px;}
.risk-btm .cmrcl-btn-set .card-icon-box.call-bg{background-color: #C9A062;}
.risk-btm .cmrcl-btn-set .card-icon-box.call-bg img { filter: brightness(0) invert(1); }
.risk-btm .cmrcl-btn-set a.btn span img { max-width: 45px; margin-right: 14px; }
.risk-btm span.slot-tag { border: 1px solid #FFFFFF; border-radius: 25px; padding: 6px 37px; font-size: 18px; color: #fff; margin-bottom: 20px;display: inline-block; }

.commercial-review-slider .slick-track{display: flex;}
.commercial-review-slider .slick-slide{height: auto;}
.commercial-review-slider .commercial-reviewbox{height: 100%;}
.commercial-review-slider .slick-dots li button { background: var(--white); }
.commercial-review-slider .slick-dots li.slick-active button { background: var(--clr-primary);}





@media only screen and (max-width:1499px){
    .banner-cont .cmrcl-btn-set a.contact-item-card .card-content span { font-size: 16px; }
    .card-icon-box { margin-right: 10px; }
    .card-icon-box img { height: 20px; }
    .banner-cont .cmrcl-btn-set a { padding: 14px !important; }
}

@media only screen and (max-width:1399px){
   .card-link-text,.risk-btm span.slot-tag,.risk-btm .cmrcl-btn-set a.btn { font-size: 16px; }


}

@media only screen and (max-width:1199px){

    .red-revenuebox {padding: 18px; }
    .industries-box { padding: 20px; }
    .commercial-reviewbox { padding: 20px; }
    .red-revenuebox h4 { font-size: 24px; margin-bottom: 5px; }
    .red-revenuebox h3 { font-size: 20px; }
    .card-icon-box img { height: 22px; }
    .card-icon-box { margin-right: 13px; }
    .commercial-banner { padding-top: 35px; }
 
}

@media only screen and (max-width:991px){
.industries-box-header .iconbox { width: 45px; height: 45px; border-radius: 5px; }
.red-revenuebox h3 { margin-bottom: 15px; }
.industries-box h6 { font-size: 16px; }
.banner-cont .cmrcl-btn-set a { padding: 9px !important; }
}

@media only screen and (max-width:767px){
    .cmrcl-btn-set,.banner-cont .cmrcl-btn-set { flex-direction: column-reverse; }
    .cmrcl-btn-set a {width: 100%; }
    
    .banner-cont .cmrcl-btn-set a { padding: 14px 10px; }
    .commercial-revenue .row .col-md-4 { margin-bottom: 20px; }
    .risk-btm .cmrcl-btn-set a.contact-item-card { justify-content: center; }
    .risk-btm .cmrcl-btn-set .card-icon-box.call-bg { background-color: #C9A062; width: 35px; height: 35px; }
    .risk-btm .cmrcl-btn-set a.btn span img { max-width: 26px; }

    .banner-cont { max-width: inherit; padding: 0; }
    .banner-cont .cmrcl-btn-set a { width: 100%; border-radius: 8px;max-width: 270px; }
    .banner-cont .cmrcl-btn-set a:first-child { max-width: 170px; }
    .banner-cont .cmrcl-btn-set a.btn span img { max-width: 26px; margin-left: 10px; margin-right: 0; }
    .banner-cont .cmrcl-btn-set a.contact-item-card .card-content span { font-size: 14px; }
    .card-icon-box img { height: 17px; }
    .banner-cont .cmrcl-btn-set a:first-child .card-content span { margin: 0; }

    .stats-block { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .bnr-counter p { font-size: 10px; }
    .bnr-counter h3 { margin-bottom: 9px; }
    .red-revenuebox h3 { font-size: 12px; margin-bottom: 5px; }
    .red-revenuebox p { font-size: 12px; }
    .red-revenuebox .iconbox { width: 44px; height: 44px; border-radius: 50%; }
    .industries-box-header .info h3 { font-size: 18px; margin-bottom: 0px; }
    .industries-box h6 { color: #555555; font-size: 12px; font-weight: 400; margin-bottom: 0; }
    .industries-box-header .iconbox { background: #F9F1E2; width: 44px; height: 44px; }
    .custom-commercial-quote-form input[type=submit] { width: 100%; margin: 0 0 15px; font-size: 12px; min-width: inherit; }
    span.slot-tag { font-size: 9px; }
    .risk-btm .cmrcl-btn-set a.btn,.risk-btm .cmrcl-btn-set a h6,.risk-btm .cmrcl-btn-set span.card-link-text { font-size: 14px; border-radius: 10px;line-height: 1; }
    .custom-commercial-quote-form { padding: 20px; }
    .openbtn .left-floating-ftr ul li a { font-size: 12px; }
     .risk-btm .cmrcl-btn-set { flex-direction: column; }
     .risk-btm span.slot-tag{font-size: 12px;}
     .commercial-trust .red-revenuebox h3 { font-size: 18px; margin-bottom: 15px; }


}

/* New Commercial Page Design */

