:root {
  --bs-primary: #006BA9;
  --bs-secondary: #043653;
  --font-body: 16px;
  --white-color:#ffffff;
  --black-color:#000000;
  --bs-family: "Poppins", serif;
  --bs-link:  #006BA9;
  --bs-light-gray:  #f5f5f5;
  --bs-light-gold: #FFF3E2;
  --title-font:"Cormorant Garamond", serif;
  --gradiant-btn: linear-gradient(90deg, #009BC8, #0068A6);
  --gradiant-btn-hover: linear-gradient(90deg, #0A6B87, #043653);

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  }
  
:focus {
  outline: 0;
}
ul,
ol {
  list-style-type: disc;
  margin-left: 18px;
  padding: 0px;
  margin-bottom: 10px;
}
li {
  margin: 0px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
strong {
  font-weight: bold;
}
a img {
  border: 0;
}
img {
  max-width: 100%;
  border: 0 none;
  height: auto;
  vertical-align: middle;
}
.display-block {
  display: block;
}

body {
  padding: 0;
  margin: 0px;
  color: var(--bs-black);
  font-family: var(--bs-family);
  font-size: var(--font-body);
  
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
  font-family: var(--title-font);
	font-weight: bold;
	color: var(--bs-secondary);
}

h1 { font-size:66px; }
h2 { font-size:48px;}
h3 { font-size:36px; }
h4 {font-size:24px;}
h5 {font-size:18px;}
h6 {font-size:16px;}


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { 
 color: var(--primary);	
}
button {
  cursor: pointer;
}
hr {
  border-color: #999;
}
p {
  clear: both;
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--bs-black);
  font-size: var(--font-body);
  line-height: normal;
}
a {
  color:var(--bs-link);
}
a:focus, a:active {
 outline: none !important;
 border: none;
}
p a:hover,
a,
a:hover {
  text-decoration: none;
  color: var(--bs-link);
}
iframe {
  max-width: 100%;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}


.btn, .btn:active, .btn:focus, .btn:active  { background:var(--gradiant-btn)!important; border: none; border-radius: 30px; padding:10px 20px; font-weight:500; color: var(--white-color);  font-size: 16px; }
.btn:hover { background:var(--gradiant-btn-hover) !important; color:var(--white-color) !important; }
/* 
.btn.btn-secondary { background: var(--bs-secondary) !important; color: #fff;}
.btn.btn-secondary:hover { background: #535f70 !important;} */

.btn.btn-outline { background: none !important; color: var(--white-color) !important; border: #fff solid 1px !important; padding: 10px 20px; }
.btn.btn-outline:hover { background: #fff !important; color: var(--primary) !important;  border: #fff solid 1px !important;  }

.container { max-width: 1530px; }



/*------------------------------------*\
         Custom Css Start
\*------------------------------------*/

/* header css start here */

header { position: fixed;  background: rgba(0,0,0,0.26); z-index: 999; background:var(--white-color);  height:92px;  left: 0px; right: 0; transition: margin-left 0.3s ease;  box-shadow:0 2px 5px rgba(0,0,0,0.1); }

.header-inner { display: flex; justify-content: space-between; align-items: center; height: 82px; padding: 5px 0px; }

.logo-sec img { max-width: 122px;}



.navbar-toggler { background: var(--gradiant-btn); box-shadow: none !important;  }
.navbar-toggler-icon { filter: brightness(0) invert(1); }

.navbar-expand-lg .navbar-nav .nav-link { padding:15px 15px; color: #000; text-transform: uppercase; font-weight: 500; }
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link { color: #006BA9; }
.dropdown-toggle::after { background:url(../images/dropdown-arrow.svg) 50% 50% no-repeat!important; position:relative; top:3px; border: none; width: 22px; height: 8px; }
.dropdown-menu { background:var(--gradiant-btn); padding: 0px; }
.dropdown-item { color: #fff; padding: 10px; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background-color: #006ba8; color: #fff;}

@media (min-width:992px) {

  /* Hover dropdown */
  .nav-item.dropdown:hover .dropdown-menu { display: block; margin-top: 0; opacity: 1; visibility: visible; transform: translateY(0);}
  /* Smooth animation */
  .dropdown-menu { display:block; opacity:0; visibility:hidden; transform:translateY(10px); transition: all 0.3s ease;  width:300px;}
  
}
  

  /* Hero Section */
  
.hero {  display:flex; align-items:center;justify-content:center;
 text-align:center; color:white; position: relative; }
.hero video, .hero img.slide-img { max-height: 580px;  -o-object-fit: cover; object-fit: cover; top: 0px; display: block; -webkit-transition: width .3s ease-out;
-moz-transition: width .3s ease-out; -o-transition: width .3s ease-out; transition: width .3s ease-out;  height: 580px;}


.hero-content { z-index: 99; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%; padding: 0 20px;  max-width:1200px; margin:0 auto 20px auto; margin-top: 40px; }
.hero-content h1 { margin-bottom:15px; color: var(--white-color); font-weight: bold; text-transform: uppercase;}
.hero-content p {font-size:20px; margin-bottom:40px; color: var(--white-color);}
.hero-content .banner-buttons { display:flex; justify-content:center; gap:15px; padding:0px 0 0 0;}
.hero-content .btn { font-size: 18px;padding: 14px 25px; font-weight: 500; display: flex; align-items: center; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.hero-content .btn img { margin: 0 10px 0 0; width: 28px; height: 28px; flex: 0 0 28px;}
.hero-content .btn.white { background: #fff !important;  color:#006BA9 !important;  } 
.hero-content .btn.white:hover { background: #e7e7e7 !important;}
.banner-buttons svg { margin: 0 5px 0 0px;}

.hero .owl-carousel .item:before { background:rgba(0,0,0,0.35); content:""; position:absolute; width:100%; height:100%; left: 0px; }

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background: #fff !important; border-radius: 100%; width: 42px; height: 42px; position:absolute; top:50%; left:50px; border: #b5b5b5 solid 1px !important; transform: translate(0px, -50%); }
.owl-carousel .owl-nav .owl-next { left: auto; right: 50px; }
.owl-carousel .owl-nav .owl-next span, .owl-carousel .owl-nav .owl-prev span { color:#000; font-size:43px; position:relative; z-index:9999; line-height:37px;}
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover { background: var(--gradiant-btn) !important; }
.owl-carousel .owl-nav .owl-next:hover span, .owl-carousel .owl-nav .owl-prev:hover span {color:var(--white-color) !important;}








.service-section { padding: 60px 0; position: relative;}
.service-section:after, .service-section:before { position:absolute; content: ""; display: block }
.service-section:after { background:url(../images/brick-wall-icons1.svg) 0 0 no-repeat; width:182px; height:135px; bottom:0px; left: 0px;   }
.service-section:before {background:url(../images/brick-wall-icons2.svg) 0 0 no-repeat; width:182px; height:135px; top:0px; right: 0px; }
.service-card{ background:#fff;padding:25px;border-radius:14px;box-shadow:0 3px 34px rgba(0,0,0,0.10);transition:all 0.6s ease;height:100%;position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;}
.service-card h3 { padding-bottom: 15px;}
.service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0b8db8,#0a6b94);opacity:0;transition:opacity 0.6s ease;z-index:-1;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15);color:#fff;}
.service-card:hover::before{opacity:1;}
.service-img img { width: 100%; height: 500px; object-fit: cover; object-position: top; border-radius: 15px;}
.service-card h4{margin-top:20px;margin-bottom:15px;font-family:var(--bs-family);font-weight:500;}
.service-card p{color:#555;line-height:1.6;}

.icon-box{width:100px;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b8db8,#0a6b94);border:#006CA9 solid 1.5px;}
.icon-box img{width:48px;}
.service-card:hover h4,.service-card:hover p{color:#fff;}
.service-card:hover h3 { color: #fff;}
.service-card:hover a {color:#00c6ff;}
.service-card:hover a:hover { text-decoration: underline;}
.btn-outline { border:1px solid var(--bs-primary);padding:15px 22px;border-radius:30px;display:inline-block;margin-top:10px;color:var(--bs-primary);transition:.3s;width:100%;text-align:center;}
.service-card:hover .btn-outline{background:var(--gradiant-btn);color:#fff;}
.service-card .btn,.service-card .btn-outline{margin-top:auto;}
.service-btn-group{margin-top:auto;}


    /* ── How We Help Section ── */

.how-help { padding:60px 0;  background: url(../images/help-bg.png) 0 0 no-repeat; background-size: cover; }
.how-help h2 {padding: 0 0 20px 0; max-width: 770px; margin: 0 auto;}
.section-subtitle { font-size: 18px; color: var(--text-body); max-width: 900px; margin: 0 auto 50px;  line-height: 34px; }
.how-help-image { border-radius: 15px; position: relative;  padding: 25px 0 0 25px; }
.how-help-image:before {  position: absolute; top: 0px; left: 0px; right:30px; bottom: 14px; border: 1px solid #BECCDD;
  border-radius: 28px;pointer-events: none; z-index: -1; content: ""; }
.how-help-image img { width: 100%; height: auto;  object-fit: cover; border-radius: 25px; border: #fff solid 2px; }
.image-overlay-card {position: absolute; bottom: 20px; left: 46px; right: 20px; background: #fff; border-radius: 12px;
  padding: 15px 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.image-overlay-card h4 { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; margin-bottom: 5px; color: #000000;}
.image-overlay-card p { color: var(--text-gray);  margin: 0;}

.service-row { padding: 0 0 0 50px; }
.service-item a {  display:flex; align-items:center; background:#fff; border-radius:15px; padding:10px 10px; margin-bottom:0px; box-shadow:0 0px 4px rgba(0,0,0,0.25); transition: all 0.3s; cursor:pointer; color: #000; }
.service-item a:hover { background:var(--gradiant-btn); color:#fff;}
.service-item:hover .service-text { color: #fff;}
.service-item:hover .service-thumb { border:#78DCF9 solid 1px; }
.service-thumb { width: 90px; height: 90px; border-radius:15px; object-fit: cover; flex-shrink: 0;border:#fff solid 1px;}
.service-text { font-size: 16px; font-weight: 500; margin-left: 12px; flex-grow: 1; color: var(--text-dark); padding: 0 7px 0 0; }
.service-arrow { width: 35px;height: 35px; border-radius: 50%; background: #ebf4f9; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 14px;}

.product-slider .owl-item { padding: 20px 15px; }

.product-slider.owl-carousel .owl-nav .owl-next  { right: 0px;}
.product-slider.owl-carousel .owl-nav .owl-prev { left: 0px;}

.products-section { padding:60px 0;position:relative;background:url("../images/product-brick-bg.jpg") 50% 0 no-repeat; background-size: 100% 60%;}
.products-section:before {content:''; position:absolute; inset:0; background:rgba(0,0,0,0.40); height:60%; }
.products-section .section-heading{color:#fff;}
.products-section .container{position:relative;z-index:2;}
.product-card { background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.15); transition:transform 0.3s; padding: 10px; position:relative;}
.product-card:hover{transform:translateY(-5px);}
.product-card-img {height:200px;overflow:hidden;}
.product-card-img img{width:100%;height:100%;object-fit:cover; border-radius: 10px;}
.product-card .overlay { position:absolute;inset:0;background:rgba(0,107,169,0.90);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s; height:auto; top: 10px; bottom: 10px; left: 10px; right: 10px; border-radius: 15px; }
.product-card:hover .overlay { opacity:1; }
.product-card-body{ padding:20px; }
.product-card-body h5 {font-family:'Poppins',sans-serif;font-weight:500;margin-bottom:8px; color: #000; }
.product-card-body p {color:var(--text-gray);margin-bottom:0px; padding: 0px;}
.product-card .overlay .btn.btn-outline { max-width: 180px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.product-card .overlay .btn.btn-outline:hover svg path { stroke:#000; }
.product-card-body .btn-primary-custom { display: none;}


.custom-images { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; height: 100%; border-radius: 20px 0 0 20px; overflow: hidden;
  position: relative; z-index: 2;}
.custom-images .img-slot { overflow: hidden; position: relative; }
.custom-images .img-slot img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.custom-images .img-slot:hover img { transform: scale(1.05); }
.custom-images .img-slot.tall { grid-row: span 2; }

.grid-detail { padding:20px 100px 20px 50px;}

.custom-stone { padding:120px 0px 60px 0px;}
.custom-stone .seo-divider { justify-content: left; margin: 0 auto 20px; margin-top: 12px;    }


.custom-stone-card { background: #EEF2F7;  border-radius: 18px; padding: 0px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); position: relative; }
.custom-stone-card:before { position: absolute; top: -30px; left: 50px; right: 60px; bottom: 0px; border: 1px solid #BECCDD;
 border-radius: 28px; pointer-events: none; z-index: 1; content: "";}
.custom-stone-card .col-lg-6 { margin-top:0px; } 


.testimonials{padding:60px 0px 60px 0;background:#fff url(../images/map-img.png) 50% 50% no-repeat; position:relative;overflow:hidden;}
.testimonials h2 { padding-bottom: 15px;}
.testimonials::before,.testimonials::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(27,142,191,0.08) 1px,transparent 1px);background-size:12px 12px;border-radius:50%;}
.testimonials::before{bottom:-50px;left:-50px;}
.testimonials::after{bottom:-50px;right:-50px;}
.testimonial-card{background:#fff;border-radius:18px;padding:30px 25px;box-shadow:0 5px 25px rgba(0,0,0,0.08);text-align:center;position:relative;height:100%;transition:transform 0.3s;}
.testimonial-card.active{border-left:4px solid var(--primary);transform:translateY(-10px);}
.testimonial-avatar{width:70px;height:70px;border-radius:50%;border:1px dashed #000;padding:3px;margin:0 auto 15px;}
.testimonial-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.testimonial-quote{position:absolute;top:-20px;right:20px;font-size:50px;color:var(--primary);line-height:1;}
.testimonial-card h6{font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;margin-bottom:5px;}
.label-beach { display: block; color: #0B5DA9; font-size: 14px; padding: 5px 0 10px 0;  }
.testimonial-location{color:var(--primary);font-size:13px;font-weight:500;margin-bottom:12px;}
.testimonial-card p{font-size:14px;color:var(--text-gray);line-height:1.7;}
.testimonial-card.center .testimonial-card { transform:scale(1.15); }

.client-testimonial.owl-carousel .owl-stage-outer { padding: 50px 0px;}
.client-testimonial .item { padding: 0 30px;}
.client-testimonial .owl-item {transition:all 0.4s ease;}
.client-testimonial .owl-item.center { transform:scale(1.15); transition:all 0.4s ease; }


.owl-carousel .owl-dots { text-align: center;  padding: 30px 0 0 0;}
.owl-carousel button.owl-dot { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--bs-primary) !important;
  background: transparent; transition: background 0.3s; cursor: pointer; margin: 0 7px;  }
.owl-carousel button.owl-dot.active { background: var(--bs-primary); }


.top-quality{padding:60px 0;background:#EEF2F7;}
.top-quality h2 { padding: 0 0 20px 0;}
.quality-card { background:#fff;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,0.06);height:100%;transition:transform 0.3s; border: #DDDDDD solid 1px;}
.quality-card a { color:#000; padding:20px; display: block; }
.quality-card:hover{transform:translateY(-3px);}
.quality-dot{width:10px;height:10px;border-radius:50%;background:var(--bs-primary);display:inline-block;margin-right:8px;flex-shrink:0;margin-top:3px;}
.quality-card h6{font-family:'Poppins',sans-serif;font-weight:500;font-size:16px;margin-bottom:6px; color: #000000;}
.quality-card p{font-size:15px;color:var(--text-gray);margin:0;}




.cta-banner{padding:60px 0;background:#fff;}
.cta-inner{background:url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1920&q=80') center/cover no-repeat;position:relative;border-radius:18px;overflow:hidden;padding:60px 40px;text-align:center;}
.cta-inner::before{content:'';position:absolute;inset:0;background:rgba(22, 57, 78, 0.90);}
.cta-inner>*{position:relative;z-index:2;}
.cta-inner h2{font-weight:700;color:#fff;margin-bottom:15px;}
.cta-inner p{font-size:16px;color:rgba(255,255,255,0.9);max-width:700px;margin:0 auto 25px;}
.cta-inner .phone{color:#fff;font-size:16px;margin-top:15px;}


.contact-section{padding:60px 0;position:relative;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1920&q=80') center/cover no-repeat;}
.contact-section::before{content:'';position:absolute;inset:0;background:rgba(26,42,58,0.92);}
.contact-section .container{position:relative;z-index:2;}
.map-wrapper{border-radius:12px;overflow:hidden;height:100%;min-height:450px;}
.map-wrapper iframe{width:100%;height:100%;min-height:450px;border:none;}
.contact-form-card{background:#fff;border-radius:15px;padding:35px;}
.contact-form-card h3{font-size:36px;font-weight:700;margin-bottom:25px;}
.contact-form-card label{font-size:14px;font-weight:600;margin-bottom:5px;}
.contact-form-card .form-control{border-radius:10px;border:1px solid #E0E0E0;padding:12px 16px;font-size:14px;}
.contact-form-card .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 0.2rem rgba(27,142,191,0.15);}
.btn-submit{background:var(--gradient);color:#fff;border:none;border-radius:50px;padding:14px;font-size:16px;font-weight:600;width:100%;transition:opacity 0.3s;}
.btn-submit:hover{opacity:0.9;color:#fff;}
.privacy-note{font-size:13px;color:var(--text-gray);text-align:center;margin-top:12px; display: flex;  align-items: center; gap: 5px; justify-content: center;}


.video-testimonials { padding:120px 0px 60px 0px;}
.video-thumbnail { position: relative; z-index: 9; overflow: hidden; border-radius: 20px 0 0 20px;  height: 500px; }
.video-thumbnail img { width: 100%;  height: 100%; object-fit: cover;}
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center;font-size: 28px;color: var(--primary); cursor: pointer; transition: all 0.3s;}
.play-button:hover { background: #fff; transform: translate(-50%, -50%) scale(1.1);}

.video-thumbnail iframe { width: 100% !important; height: 100% !important; }

/* ===== SEO TEXT BETWEEN SECTIONS ===== */

.seo-section{padding:60px 0;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);}
.seo-section.seo-dark{background:linear-gradient(135deg,#043653 0%,#006BA9 100%);}
.seo-section.seo-dark h2,.seo-section.seo-dark h4{color:#ffffff;}
.seo-section.seo-dark p{color:rgba(255,255,255,0.85);}
.seo-section.seo-dark::before{background:rgba(255,255,255,0.4);}
.seo-section.seo-pattern{background:#ffffff;background-image:radial-gradient(circle at 20% 50%,rgba(0,107,169,0.04) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(4,54,83,0.04) 0%,transparent 50%);}
.seo-section .seo-inner { position:relative; }
.seo-section.seo-accent::after{content:"";position:absolute;bottom:-30px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(0,107,169,0.05);z-index:0;pointer-events:none;}
.seo-section h2{ color:#043653; margin-bottom:18px; max-width: 850px; margin: 0 auto 15px auto;}
.seo-section h4{font-size:19px;font-weight:500;color:#006BA9;margin-bottom:25px;line-height:1.6;max-width:960px;margin-left:auto;margin-right:auto;font-family:'Poppins',sans-serif;}
.seo-section p{font-size:16px;line-height:1.85;color:#555;max-width:960px;margin:0 auto 18px;}

.seo-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 28px;}
.seo-divider span{display:block;height:3px;border-radius:3px;}
.seo-divider .line-long{width:50px;background:#006BA9;}
.seo-divider .line-short{width:20px;background:#009BC8;}
.seo-divider .dot{width:8px;height:8px;border-radius:50%;background:#006BA9;}

.blue-title{color:#006BA9!important;font-size:36px;font-weight:700;margin-bottom:20px;}


.site-footer{background:url(../images/footer-bg-img.png) 50% 50% no-repeat;color:#ccc;padding:60px 0 0 0; position: relative; background-size: cover;}
.site-footer::before{content:'';position:absolute;inset:0;background:rgba(22, 57, 78, 0.90); z-index: 1;}
.site-footer .container { position: relative; z-index: 1; }
.site-footer h5{font-family:'Poppins',sans-serif;color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;}
.site-footer p{ line-height:1.7;color:var(--white-color); font-size:16px;}

.footer-logo { background:#fff; border-radius:10px; text-align:center; padding:10px; max-width:220px; margin-bottom:15px; }

.footer-links{list-style:none;padding:0; margin: 0px;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:var(--white-color);text-decoration:none;font-size:16px;transition:color 0.3s;}
.footer-links a:hover{color:var(--bs-primary);}

.social-icons{display:flex;gap:10px;margin-top:20px;}
.social-icons a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background 0.3s;}
.social-icons a:hover{background:var(--bs-primary);}
.social-icons a svg { width: 20px; height: 20px; fill:var(--white-color); }

.contact-info-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:15px;font-size:16px; color: var(--white-color); }
.contact-info-item svg {color:var(--primary);font-size:16px;margin-top:4px;}

.footer-bottom{border-top:1px solid rgba(255,255,255,0.3);padding:20px 0;margin-top:40px;text-align:center;font-size:14px;color:var(--white-color);}


.detail-section-right { padding-left:50px;}



.seo-divider { margin: 15px auto 28px; }


.srv-section p { max-width: 800px; margin: 0 auto; line-height: 30px; }



/* product page css start */


.detail-section{padding:60px 0;}
.bg-light-section{background:#f7fafc;}

.detail-hero{min-height:720px; position:relative; text-align: center;}
.banner-img-block:before { background: rgba(0, 0, 0, 0.35); content: ""; position: absolute; width: 100%; height: 100%; left: 0px;}

.banner-img-block img { width: 100%; height:720px; object-fit: cover; }


.video-box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:22px;box-shadow:0 18px 45px rgba(11,38,63,.10);background:#000;}
.video-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.small-video{margin-top:20px;border-radius:18px;box-shadow:none;}
.image-box{border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(11,38,63,.10);}
.image-box img{width:100%;height:520px;object-fit:cover;}
.color-card{background:#fff;padding:0;border-radius:22px;box-shadow:0 18px 45px rgba(11,38,63,.08);transition:.35s ease;}
.color-card:hover{transform:translateY(-6px);}
.color-card-detail{padding:10px 20px 20px 20px;}

.redefine-block{padding-bottom:50px;}
.redefine-block .col-lg-4 .video-box{margin-top:0;margin-bottom:20px;}
.redefine-block .color-card{box-shadow:0 5px 45px rgba(11,38,63,.08);}
.redefine-block .color-card h4{padding-bottom:6px !important;}
.redefine-block .section-heading h3{padding-bottom:15px;}
.corners-section-img img{height:500px;border-radius:15px;object-fit:cover;width:100%;}
.cta-inner h3{padding:0 0 25px 0;color:#fff;}
.detail-section .section-heading .seo-divider{justify-content:left;margin:15px auto 28px;}
.color-link{font-size:24px;text-decoration:underline;}
#color-videos{scroll-margin-top:100px;}

/* product page css end */






/* landing page css start */


.section-space{padding:60px 0;}
.image-combo{position:relative;padding-right:60px;}
.img-main{width:100%;min-height:560px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;padding:10px 16px;border-radius:999px;background:rgba(19,151,213,0.10);color:var(--primary);margin-bottom:18px;}
.benefit-box{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 33px;font-weight:500;color:var(--heading);height:100%;box-shadow:0 12px 28px rgba(16,35,49,0.05);font-size:15px;border:#e5e5e5 solid 1px;position:relative;}
.benefit-box:before{width:10px;height:10px;border-radius:50%;background:var(--bs-primary);display:inline-block;margin-right:8px;flex-shrink:0;margin-top:6px;content:"";position:absolute;left:15px;}


.section-space .seo-divider{margin:15px 0 25px 0;justify-content:left;}
.section-soft{background:linear-gradient(180deg,#f6fafd 0%,#eef5fa 100%);}
.section-head{max-width:780px;margin:0 auto;}
.section-head .section-title{padding-bottom:15px;}
.modern-card{background:#fff;border-radius:24px;padding:20px;height:100%;border:1px solid #e6edf3;box-shadow:0 16px 40px rgba(16,35,49,0.06);transition:0.35s ease;}
.modern-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(16,35,49,0.10);}
.card-icon { width:100%; display:flex;align-items:center;justify-content:center; font-weight:600; margin-bottom:18px; overflow: hidden;}
.card-icon img { width: 100%; height:250px; border-radius:8px; object-fit: cover;  }


.why-mortonstones-modern{padding:60px 0;position:relative;overflow:hidden;}
.why-content h2{line-height:0.96;font-weight:700;color:#102331;margin-bottom:24px;}
.why-content p{font-size:18px;line-height:1.9;color:#5c6873;margin-bottom:32px;}
.why-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.why-check-item{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,0.72);backdrop-filter:blur(10px);border:1px solid rgba(16,35,49,0.08);box-shadow:0 12px 30px rgba(16,35,49,0.05);border-radius:20px;padding:18px 18px;font-size:16px;font-weight:500;line-height:1.5;color:#102331;transition:all 0.35s ease;}
.why-check-item span{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#1095d1,#0a6f9c);color:#fff;font-size:13px;font-weight:700;margin-top:2px;}
.why-check-item:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,35,49,0.10);border-color:rgba(16,149,209,0.20);}



.section-dark{background:linear-gradient(135deg,#043653 0%,#006BA9 100%);position:relative;overflow:hidden;}
.color-tile{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.10);border-radius:24px;padding:22px;height:100%;backdrop-filter:blur(8px);transition:0.35s ease;}
.color-tile:hover{transform:translateY(-6px);background:rgba(255,255,255,0.12);}
#colors h4 {color:#07c7ff; margin:0; padding-bottom: 20px; }
/* .swatch{height:150px;border-radius:18px;margin-bottom:18px;border:3px solid rgba(255,255,255,0.12);}
.swatch-red{background:linear-gradient(135deg,#7f342d,#c66a52,#d0a08b);}
.swatch-white{background:linear-gradient(135deg,#f7f3ec,#ffffff,#d8d2c8);}
.swatch-black{background:linear-gradient(135deg,#171717,#3d3d3d,#222);}
.swatch-grey{background:linear-gradient(135deg,#7f858d,#b9bcc1,#666d73);}
.swatch-brown{background:linear-gradient(135deg,#6c4631,#ab6b49,#7a3f31);}
.swatch-custom{background:linear-gradient(135deg,#8a5e4e,#c3b1a7,#554340,#c46f48);} */
.text-light-soft{color:rgba(255,255,255,0.82)!important;}
/* .explore-block{max-width:1250px;margin:0 auto;} */
.testimonials-landing {padding:60px 0 0 0;} 
.srv-section{background:#f7fafc;padding:60px 0;}
.app-card{background:#fff;border-radius:14px;padding:28px 24px;box-shadow:0 2px 15px rgba(0,0,0,0.06);display:flex;align-items:center;gap:18px;transition:all 0.3s ease;}
.app-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.app-card .app-icon{width:55px;height:55px;border-radius:12px;background:linear-gradient(135deg,#009BC8,#006BA9);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.app-card .app-icon svg{width:26px;height:26px;fill:#fff;}
.app-card h5{font-size:17px;font-weight:600;color:#043653;margin:0;font-family:'Poppins',sans-serif;}
.serving-florida{background:linear-gradient(135deg,#043653 0%,#006BA9 100%);color:#fff;padding:60px 0;}
.serving-florida h2{color:#fff;}
.serving-florida p{color:#fff; max-width: 700px; margin: 0 auto;}
.location-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.location-tag{background:rgba(255,255,255,0.12);color:#fff;padding:10px 24px;border-radius:30px;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;font-family:'Poppins',sans-serif;}
.location-tag:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);}

.client-video { border-radius: 10px; overflow: hidden;}
.client-video iframe { height: 300px; border-radius: 10px;} 

#colors p { color: #fff;}
#colors .section-head {max-width:980px;}



.location-tags { padding:30px 0 0 0;}

.work-action { padding: 60px 0px;}

/* Video grid */
.video-card { border-radius: 14px; overflow: hidden; box-shadow: 0 3px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; background: #000;}
.video-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.15);}
.video-card iframe { width: 100%; aspect-ratio: 16/9; display: block; border: none;}

.why-stats-img {box-shadow: 0 18px 45px rgba(11, 38, 63, .10); border-radius: 30px; overflow: hidden; margin-left: 60px;}


.why-content .seo-divider { justify-content: left; } 

/* landing page css end */


.why-Choose-block h2 { padding: 0 0 20px 0;  }
.why-Choose-block h4 { color: #006BA9; font-family: var(--bs-family); font-size: 18px; font-weight: 500; }
.why-Choose-block .quality-card h6 { margin-bottom:0px;}

.cost-middle p a { color: #fff; text-decoration: underline;}
.cost-middle p a:hover { text-decoration: none;}
.wide-selection { margin:0 auto; max-width:1180px; }


.detail-section.seo-dark { text-align: left;  }

.campus-section { padding: 0 0 60px 0;}

.campus-slider .owl-item  { padding: 10px;}
.campus-slider .owl-item .item { background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding: 10px;}

.campus-slider .item img { height:300px; object-fit: cover; }



.sub-heading { padding: 0 0 15px 0; color: #006BA9; }

.ready-block .phone svg path { fill:#000; stroke: none; }
.ready-block .phone a { color: #000; }
.ready-block .phone a:hover { text-decoration: underline;}



.applications-block { padding: 60px 0px;}
.serving-florida { margin-bottom: 60px;}


.detail-section h4 { padding-bottom: 15px;}



@media (max-width:1350px) {

  h1 { font-size: 56px; }

  .hero-content p { font-size: 24px; }

  h2 { font-size: 42px; }

  .seo-section h4 { font-size: 18px; }

  .service-row { padding: 0 0 0 0px; }

  .navbar-expand-lg .navbar-nav .nav-link { padding: 15px 10px;}

}

@media (max-width: 1200px) and (min-width: 992px) {

  .how-help .row .col-lg-6:first-child {width:45%; }
  .how-help .row .col-lg-6:last-child {width:55%; }

  .service-thumb { width:70px; height:70px; }
  .service-text { font-size: 15px; }

}




@media (max-width:991px) {

  .sticky-top { position: static;}
  .navbar-nav { margin-left:0px; }
  .navbar-collapse { left: 0px; position: absolute; top: 92px; background:var(--gradiant-btn); width: 100%;}
  .navbar-toggler-icon { width:1.3em;  height:1.3em;}
  .navbar-expand-lg .navbar-nav .nav-link { color: #fff;  padding: 10px 15px; }
  .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link { color: #fff;}
  .dropdown-toggle::after { filter: brightness(0) invert(1); position: absolute; top: 15px; right: 15px; margin: 0 0 0 auto;}
  .navbar-nav .dropdown-menu { margin: 0 15px; background: #fff; }
  .dropdown-item { color: #000;}

  h1 { font-size: 48px; line-height: 50px; }

  h2 { font-size: 36px; }

  h4 { font-size: 20px; }

  

 .hero-content { margin-top: 40px; }
 .hero-content p { font-size: 18px; }

 .custom-images { border-radius: 20px; }
 .custom-stone-card:before {  display: none;}
 .grid-detail { padding:20px 20px 20px 20px; } 

 .detail-section-right { padding-left: 1.5rem;} 



 /* .detail-section{padding:70px 0;}
 .hero-content{padding:80px 20px;}
 .hero-content h1{font-size:42px;}
 .section-heading h2{font-size:34px;}
 .image-box img{height:380px;} */


 .image-combo  { padding-right:0px; margin-bottom: 30px;}

 .why-stats-img { margin-left: 0px; margin-top: 20px;}

 .why-check-grid { display:block; }

 .why-check-item { margin-bottom: 10px; }


 .detail-section, .section-space { padding: 40px 0px;}
 .why-mortonstones-modern { padding: 40px 0px;}
 .cta-banner { padding: 40px 0px;  }

 

 .detail-section-right { padding-top:20px;}

 .order2 { order: 2; padding-top: 20px;}

 .why-content p { margin-bottom: 10px; }

 .corners-section-img img { height: 300px; }

  
}


@media (max-width:767px){

  h1 {
    font-size: 40px;
  
  }

  .product-card-body .btn-primary-custom { display: block;}
  .product-card .overlay { display: none !important;}
  .product-card-body p { margin-bottom: 15px; padding: 0 0 10px 0; }

  .hero-content .btn { font-size:18px; justify-content: center; }

  .service-section { padding:50px 0px ;}
  .service-section .row { margin-top: 0px;}
  .service-section .row .col-md-6 { margin-top: 0px; margin-bottom: 30px; }
  .service-section .row .col-md-6:last-child { margin-bottom: 0px; }

  .service-img img { height: auto;}

  .seo-section { padding: 50px 0px;}

  .how-help { padding: 50px 0px; }

  .service-row .col-md-6 { margin-top: 0px; margin-bottom: 15px;  }

  .products-section { padding:50px 0; }

  .top-quality { padding: 50px 0px;}

  .top-quality .mb-5 { margin-bottom: 0px !important; }
  .top-quality .section-subtitle { margin-bottom: 20px;}



  .testimonials { padding: 60px 0px 60px 0; }
  .client-testimonial .item { padding: 0 15px; }


  .video-testimonials { padding:50px 0px; }
  .video-thumbnail { height:300px; border-radius: 20px; }

  .cta-banner h2 br { display: none;}


  .hero video, .hero img.slide-img { height: 700px; max-height: none;}



  .image-box img { height: auto;}

  .campus-slider .item img { height: 400px;}

}

@media (max-width:600px){ 

  .hero-content .buttons { display: block; }
  .hero-content .btn.blue { margin-bottom: 15px; }

  .hero-content { padding: 0px 10px; }
  .hero-content p { margin-bottom: 10px; }
  .hero-content .banner-buttons { display: block;}



}


@media (max-width:479px){ 

  .hero-content .banner-buttons { display:block; }

  
  .campus-slider .item img { height:280px;}


  .corners-section-img img { height:200px; } 

}