/* new heder footer layout design css start */

body.page-id-11926 header, body.page-id-11926 div.stripe-text, body.page-id-11926 section.footer{ display:none;}
body.page-id-11926 #rmp_menu_trigger-8674, body.page-id-11926 div.grecaptcha-badge{display:none !important;}
.serving-box{ display:flex; align-items:center; }
.serving-box a{color:#06395f; font-weight:400; font-size:21px; }
.serving-box a span{display:block; font-weight:600; position: relative; margin-top: -8px;}
.serving-box i{color:#06395f; font-size:42px; margin-right:10px;}
.twentyfour-text{color:#06395f; font-weight:600; font-size:16px;}
.landing-list-ul li{border:none;}
.landing-button{display: inline-block;
    background: #ff7b00;
    color: #fff;
    padding: 16px 28px;
    border-radius: 6px;
    font-weight: 700;
    transition: .3s ease;}
.landing-sm-btn{ background: #ff7b00;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 6px;
    font-weight: 400 !important;
    transition: .3s ease;}
.landing-sm-btn:hover{background:#06395f;}
.landing-main-heading{ 1.5rem;}
.landing-callup{font-size: 24px;  font-weight: 700; color: #ff7b00 !important;}
.landing-callup i{color:#fff; font-size:23px; text-shadow: 2px -2px 0px #fd5401; -webkit-text-stroke: 2px #06395f; text-stroke: 1px #06395f;}
.landing-custom-banner{background: linear-gradient(to right, #092342f0, #09234282), url('https://bestofferglass.com/wp-content/uploads/2026/05/top-landing-banner.webp') no-repeat;
	background-size:cover; background-attachment:fixed;}
.banner-bold-list{ margin:20px 0px 20px 0px; display:flex; align-items:flex-start; justify-content:flex-start;}
.bold-list{ margin: 8px 10px 8px 10px;}
.icon-list-img{ width:80px; height:80px; border-radius:150px; border:1px solid #fff; margin: 5px auto 10px auto; display:flex; align-items:center; justify-content:center; border:1px solid #ffffff87; text-align:center;}
.icon-list-img i{ font-size:25px; color:#fff;}
.bold-list h4{ color:#fff; font-size:16px; font-weight:400; text-align:center;}
.bold-list h4 span{display:block; font-size:14px;}
.main-title{color:#fff; font-size:3.2rem; font-weight:600; margin-bottom:20px;}
.main-title span {
    color: #ff7b00; display:inline;
}
.bannertext-combo p{color:#fff;}

.topbar {
      background: #06264d;
      color: #fff;
      padding: 10px 0;
      font-size: 14px;
    }

    .topbar .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }

.stats {
      background:#f2f3f5;
      padding: 35px 0;
      border-bottom: 1px solid #eee;
    }

  

.stat-box{ display:flex; align-items:center; margin:5px;}
.fchr-icon{width:50px; height:50px; margin:0px 10px 0px 0px;}
.feature-box{text-align:center;}

    .feature-box h3 {
      color: #06264d;
      font-size:1rem;
    margin:0px !important;
	font-weight:400;
    }
.feature-box p {
    font-weight: 600;
    color: #082b57;
	 font-size: 16px;
	margin:0px !important;
}

 .services {
      padding: 90px 0;
      background: #fff;
    }

    .section-title {
      text-align: center;
      margin-bottom: 55px;
    }

    .section-title h2 {
      font-size: 46px;
      color: #06264d;
      margin-bottom: 12px;
    }

    .section-title span {
      color: #ff7b00;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 25px;
    }

    .service-card {
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,.08);
      transition: .3s ease;
    }

    .service-card:hover {
      transform: translateY(-6px);
    }

    .service-card img {
      width: 100%;
      height: 220px;
      object-fit: cover;
    }

    .service-content {
      padding: 24px;
    }

    .service-content h3 {
      color: #06264d;
      margin-bottom: 12px;
      font-size: 24px;
      line-height: 1.3;
    }

    .service-content p {
      margin-bottom: 18px;
      color: #555;
    }

    .service-content a {
      color: #ff7b00;
      font-weight: 700;
    }

    .why-section {
    background: url('https://bestofferglass.com/wp-content/uploads/2026/05/san-jose-city1.webp') repeat center center;
    background-size: auto;
    background-attachment: fixed;
}

    .why-boxes {
		background:#fff; padding: 50px 20px 50px 60px; height:100%;
    }

    .why-boxes h2, .map-box-content h2 {
      font-size: 1.5rem;
      line-height: 1.2;
      color: #06264d;
      margin-bottom: 25px;
		font-weight: 600;
    }

    .why-boxes span, .map-box-content span {
      color: #ff7b00;
    }

    .why-boxes ul, .map-box-content ul {
      list-style: none;
    }
.tick-list li{font-size:16px; margin-bottom:18px;color: #212529;}
    .map-box-content ul li {
      margin-bottom: 5px;
      font-size: 16px;
	color: #212529;
    }

    .why-boxes img {
      width: 100%;
      border-radius: 16px;
    }
.map-box-content ul li i{ font-size: 16px;}
.map-box-content p{font-size:16px; line-height:23px;color: #212529;padding-right: 13%;}

.map-box-content{padding: 50px 60px 50px 30px; background: linear-gradient(to right, #f3f5f7, #f3f5f787), url('https://bestofferglass.com/wp-content/uploads/2026/05/map-bg2-1.webp') no-repeat;
	background-size:cover;
 height:100%;}

    .cta-banner {
    background: linear-gradient(rgb(15 46 85 / 79%), rgb(4 25 51 / 93%)), url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1600&auto=format&fit=crop) top center / cover;
      color: #fff;
      padding: 40px 0;
    }

    .cta-flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
    }

    .cta-banner h3 {
      font-size: 1.6rem;
      margin-bottom: 2px;
		color:#fff;
    }
.highlited-text{color:#ff7b00; font-size: 2.2rem; font-weight:700; margin-bottom: 2px;}
.whtsapp-text-box p{margin-bottom:0px;}
.call-bg{display:flex; align-items:center;}

.call-bg-icon {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background: #ffffff66;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.call-bg-icon i{font-size:3rem; color:transparent; -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff;}

.cta-flex p{color:#fff;}
.landing-touch-content{padding: 30px 10px ; margin: 0px 30px;}
.landing-touch-content h2{ margin-bottom:5px;}
.landing-touch-content p{ color:#fff; text-align:center; margin-bottom:15px !important;}
.top-subheading{color: #ff7b00;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px; }
 .landing-footer {
      background: #041933;
      color: #fff;
      padding: 70px 0 25px;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px;
      margin-bottom: 40px;
    }

    .landing-footer h4 {
      margin-bottom: 20px;
      font-size: 22px;
		color:#fff;
    }
.landing-footer h3.footitl12{color:#ff7b00; margin:10px 0px 10px 0px;}

   .landing-footer ul {
      list-style: none;
    }

    .landing-footer li {
      margin-bottom: 12px;
    }

    .landing-footer a {
      color: #d5d5d5;
    }
.landing-footer ul li a:hover; {
      color: #ff7b00;
    }

    .landing-footer div.copyright {
      text-align: center;
      border-top: 1px solid rgba(255,255,255,.12);
      padding-top: 20px;
      color: #c9c9c9;
    }

.landing-touch-content h2{text-align:center; }
.landing-touch-content {
    background: #082b57;
    padding: 15px 0px 10px 0px !important;
    border-radius: 16px;
    box-shadow: 0 1px 7px #7d95b1;
}
.foot-suscribe-box{ margin:25px 0px 0px 0px; position:relative;}
.form-box-bg{ background: #fff; padding:15px; border-radius:5px;}
.form-box-bg div.inner-touch-btn input.wpcf7-form-control.wpcf7-submit{ background:#ff7b00 !important;}
.form-line{ text-align:center; color:#fff; font-size:16px; width:100%; margin:20px 0px 10px 0px;}
.form-line i{color:#ff7b00;}
.footcustom-list i{margin-right:5px;}
.footcustom-list li.blod-list a{color:#ff7b00; font-weight:600;}

.foot-suscribe-box div.common-btn-bottm .wpcf7-submit{position: absolute;
    top: 38px !important;
    border: none !important;
    right: 10px !important;}
.foot-suscribe-box div.common-btn-bottm .wpcf7-spinner {
    position: absolute !important;
    right: 0px;
    top: 0px;
}

.common-btn-bottm { position: relative;}
.foot-suscribe-box div.common-btn-bottm .wpcf7-submit { top: 1px!important;}


.foot-suscribe-box .common-btn-bottm input {
    padding: 13px 15px;
    border: 1px solid #1ca7b5;
    background: none;
    font-weight: 600;
    color: #009cac;
}
.foot-suscribe-box input{ color:#fff}

.foot-suscribe-box::placeholder {color: #fff; opacity: 1; }
.foot-suscribe-box::-ms-input-placeholder { color:#fff;}
.landing-footer a {color: #fff;}
.map-box-content ul li {margin-bottom: 9px;}
.bold-list h4 {line-height: 24px;}
.feature-box { text-align: left;}
.feature-box p { margin: 0px !important;line-height: 23px;}
.paddd-l{ padding:0 10px}
.inner-touch-btn p{ margin-bottom:0px!important}
.form-box-bg {padding: 15px 15px 0 15px;}


@media (max-width: 1440px) {
.main-title {font-size: 40px;}
.highlited-text { color: #ff7b00; font-size: 27px;}
	
	
}

@media (max-width: 1366px) {
.cta-banner h3 { font-size: 24px;}
.serving-box a {font-size: 18px;}
.landing-callup {font-size: 20px;}	
	
}



@media (max-width: 1280px) {
.service-content h3 {font-size: 20px;}
.landing-sm-btn { padding: 8px 10px;transition: .3s ease;font-size: 16px;}	
.footer-grid {gap: 15px;margin-bottom: 40px;}	
	
	
}

@media (max-width: 1152px) {
 .main-title { font-size: 34px;}
h2.landing-main-heading.animated.wow.white-text {font-size: 30px;}
.section-title h2 {font-size: 40px;}

}



@media (max-width:1024px) {
.landing-sm-btn {font-size: 13px;}
.service-content { padding: 14px;}
.landing-footer li {margin-bottom: 12px;font-size: 15px;}
.inner-touch-content p { padding: 0 0px;}	
.whtsapp-text-box p { font-size: 14px;}	
.inner-touch-content p { padding: 0 7px;}
.main-title { font-size: 26px;}	
	
}


@media (max-width:991px) {
.combo-list-blox { text-align: right;position: relative;top: 0;left: 0;}
.top-space-sec { height: 0;}	
.header-section .row {display: flex; }	
.top-list {position: relative;right: 0;}
.landing-callup { font-size: 20px;} 
.main-title {font-size: 30px;}	
.landing-button {padding: 14px 15px;font-size: 16px;}
.inner-touch-content p { padding: 0 7px;}
.main-title { font-size: 26px;}
.why-boxes {padding: 50px 14px 50px 20px;}	

}


@media (max-width:912px) {
.twentyfour-text {font-size: 14px;}
.form-line { margin: 20px 0px 10px 0px;}
.highlited-text {font-size: 24px;}
.cta-banner h3 {font-size: 19px; }	
.whtsapp-text-box p {font-size: 14px;}	
.footer-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-bottom: 40px;}	
.foot-suscribe-box .common-btn-bottm input { width: 90%;}
.foot-suscribe-box div.common-btn-bottm .wpcf7-submit {right: -110px !important;}
.inner-touch-btn input.wpcf7-form-control.wpcf7-submit { width: 100%; }	
.services-grid {grid-template-columns: repeat(3, 1fr);}
	
	
	
}

@media (max-width:870px) {

.landing-callup {font-size: 13px;}	
.landing-button {padding: 14px 15px; font-size: 12px;}	
.why-boxes {padding: 50px 20px 50px 21px;}	
.serving-box a {font-size: 17px;}
.icon-list-img { width: 55px;height: 55px;}	
.whtsapp-text-box p {font-size: 11px;}	
.call-bg-icon { width: 70px;height: 70px;}
.call-bg-icon i { font-size: 24px;}	
.map-box-content {padding: 50px 20px 50px 30px;}	
.map-box-content p {padding-right: 0;}	
	
	
	
}

@media (max-width:767px) {
.nomobile{ display:none}
.serving-box {display: none;}
.twentyfour-text {font-size: 13px;}	
.landing-callup i {font-size: 19px;}
.logo-container {width: 83%;}	
.main-title { font-size: 22px; }	
.banner-bold-list {flex-wrap: wrap;}	
.landing-touch-content { margin: 0px 0px;}
.col-mobile-re {flex-direction: column-reverse;}
.top-subheading { margin-top: 30px;}	
.stat-box {margin: 20px 0;}	
.section-title h2 {font-size: 30px; }	
.services { padding: 40px 0;}
.services-grid {grid-template-columns: repeat(1, 1fr); }
.section-title {margin-bottom: 20px;}
.landing-sm-btn {font-size: 16px;}	
.map-box-content {padding: 40px 15px;}	
.why-boxes { padding: 30px 15px; }		
.call-bg {display: block; text-align: center;}	
.call-bg-icon { margin: auto auto 20px auto;}	
.whtsapp-text-box p { font-size: 16px;}	
.landing-button {font-size: 15px;         margin: auto;}	
 .footer-grid {grid-template-columns: repeat(1, 1fr); }	
.foot-suscribe-box .common-btn-bottm input {width: 100%;}	
.footer-content.social-links {margin-top: 24px;}	
.feature-box p { text-align: left;}
.foot-suscribe-box div.common-btn-bottm .wpcf7-submit {right: -142px !important;}	
.landing-footer {padding: 30px 0 25px;}
.map-box-content ul li {margin-bottom: 16px;}
 h2.landing-main-heading.animated.wow.white-text { font-size: 26px;}	
.top-list {margin-bottom: 0;}
.copyright { font-size: 15px;text-align: left !important; padding-left: 10px;}	
.topbar div { width: 100%;}
.topbar { text-align: center;}	
	
}