.subpage-wrp{min-height:1000px; position: relative;}
.header.subpage-header{background:#fff;box-shadow:0 3px 6px #00000029}
.navbar-expand-lg.subpage-header .navbar-nav a.nav-link{color:#212121}
.header.subpage-header .menu-dsn{box-shadow:0 0 7px #19181D4F}
.about-intro{padding-top:100px}
.abt-intr{text-align:center;max-width:870px;margin:0 auto;padding-top: 40px;}
.abt-intr span{width:100%;display:block;text-align:center}
span.gren-hd{color:#057d75;font-weight:600;font-size:18px;margin:12px auto}
.pacha h3,.pacha p{color:#fff}
.pacha h3 small{display:block;font-size:17px;font-family:"Playfair Display",serif}
.gren-hd{margin:23px auto}
.abt-intr p{line-height:26px}
.pacha p{font-size:14px;margin:0}

.row.banner-abut{justify-content:space-between;padding:0;max-width:980px;margin:60px auto 0}

.row.banner-abut .abt-bnnr-text {background:#0a8d83;}
.row.detle-intr {
  padding: 40px 0;
}

.abt-bnnr{padding:0}
.abt-bnnr-text{display:flex;align-items:center}
.pacha{padding:0 20px}
.missin-right,.vision-right{height:360px;border-radius:40px;padding:20px;display:flex}
.missio-left h2,.vision-wrp h2{font-family:Faustina,serif;font-size:clamp(48px, 10vw, 200px);color:#b1b1b1;text-transform:uppercase;margin:0;line-height:1}
.vision-right{background:transparent;color:#fff;flex-direction:column;justify-content:space-between}
.vision-right img {border-radius: 40px;}
.visi-bottom{font-size:14px}
.vision-left p{line-height:29px}
.missin-right h4,.vision-right h4{color:#fff;font-size:33px}
.missin-right h4 small,.vision-right h4 small{font-family:Faustina,serif;display:block;font-size:22px}
.visis-justy-spce{justify-content:space-between;}
.container.vision-wrp,.missio-wrp{margin-top:100px}
.missin-right{background:transparent;color:#fff;flex-direction:column;justify-content:space-between}
.missin-right img {border-radius: 40px;}
.row.value-list,.value-point{justify-content:space-between}
.about-value{margin-top:60px;border-top:1px solid #e1e1e1}
.value-point h3{color:#057068;font-size:22px}
.value-point{background:#ebebeb;width:23.4%;border-radius:20px;padding:30px;height:250px;display:flex;flex-direction:column}
.value-point p{margin:0}
.row.value-list{padding:0 5%;column-gap:15px}
.value-hed{display:flex;justify-content:space-between;max-width:1340px;margin:0 auto;padding-bottom:20px;align-items:center;padding-top:30px}
.hd-right{font-size:32px;color:#595959;max-width:500px}
.hd-left{font-size:35px;text-transform:capitalize;color:#1e346a;font-weight:600}
.cont-icotexct p,.missin-bottom p,.vsion-mission p{margin:0}
.times{background:#fbf9f6;padding:30px}
.our-time{margin-top:90px}

.cont-ico{border:1px solid #e7e7e7;border-radius:8px;padding:2%;width:47%}
.cont-eml{margin:0;column-gap:20px;justify-content:space-between}
.cont-icotexct{margin-top:30px}
.cont-icotexct h5{color:#00a99d;margin:0}
.cont-icotexct .eml-btn.btn{padding:0;font-size:15px}
.eml-btn.btn:hover{color:#595959}
.cont-ico span{border:1px solid #b8b8b8;padding:6px;border-radius:6px;margin-bottom:12px;display:inline-block}
.cont-img{margin-bottom:30px}
.contct-hd{padding-top:60px}
.cont-form .row{margin-bottom:60px}
h1.cont-ee{font-family:var(--primary-font);position: relative;top: -10px;}
.cont-form p{margin:20px auto;display:block}
.cont-form h3{font-size:20px;color:#00a99d;margin:10px auto}
.cont-btn{text-align:left;display:flex;justify-content:end}
.cont-img img{border-radius:7px}

.social-riht {position: fixed;top: 40%;right: 10px;}
.social-riht .ftr-socil ul {margin: 0;padding: 0;display: flex;column-gap: 0;flex-direction: column;row-gap:4px;}
.social-riht .ftr-socil ul li {width: 28px;border: 0px solid #525252;height: 28px;display: flex;justify-content: center;align-items: center;background: #1b9990;}
.map-contct {margin-top: 100px;line-height: 0;}
.cont-hed {text-align: center;}

.pin-ph span {display: block;color: #1b9990;font-weight: 600;}
.pin-ph {margin-top: 20px;}
.con-eml {color: #212121;}
.con-eml:hover {color: #1b9990;text-decoration:underline;}
.row.cont-wrp .contact-left { border: 1px solid #dfdfdf;background: #f9f9f9;border-radius: 10px;padding: 2%;width:26%;}
.cont-hed h5 {color:#048f85;margin:0; text-transform: uppercase;}
.cont-hed h2 {margin: 20px auto;}
.pin-or span {display: inline-block;margin-right: 12px;}
.pin-or {color: #1b9990;font-size: 24px;font-weight: 600;}
.container.cont-pin {margin-top: 10%;}
.row.cont-wrp {margin-top: 40px;column-gap: 20px;row-gap: 20px;justify-content: center;}

.cont-btn .btn-primary {font-size: 17px;font-weight: 600;border-radius: 50px;line-height: 29px;width: 200px;justify-content: space-between;display: flex;padding: 5px 20px;align-items: center;}
.cont-btn .btn-primary:hover {background-color: #914a0d;}
.cont-form .form-control {border-bottom: 1px solid #dadada;border-right: 0;border-left: 0;border-top: 0;border-radius: 0;padding-left: 0;height: 50px;}

.left-box {width: 35%;position: sticky;top: 50px;height: 300px;background: #0ba8a0;color: white;padding: 40px;}
.left-box h2 {font-size: 50px;line-height: 1;font-weight: 300;}
.right-scroll {width: 100%;overflow-y: auto;padding-right: 0px;}
.right-scroll::-webkit-scrollbar {width: 6px;}
.right-scroll::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
.timeline-item { background: #00a99d;padding:0px;margin-bottom:0px;position: relative;border: 2px solid #4ac2ba;}
.timeline-item h3 {font-size: 25px;margin-bottom: 0;font-weight: 400;background: #00a99d;color: #fff;padding: 10px;}
.timeline-item hr {margin-top: 0;}
.timeline-item p {line-height: 20px;color: #fff;padding: 0 16px 16px 16px;font-size: 13px;}
.time-right {background: #00a99d;width: 374px;}
.time-left {display: flex;align-items: center;}
.time-bg .owl-nav {margin-top:20px;}
.timeline-section {background: #00a99d;display: flex;align-items: center;width: 100%;}
.timeline-item::before {position: absolute; content: '';background: #4ac2ba;border: 1px solid #fff;width: 20px;
  height: 20px;border-radius: 50%;right: -55px;top: 50%;margin-top: 0;translate: -50% -50%; z-index: 10;}
.timeline-item::after {position: absolute;content: '';width: 63px;height: 1px;background: #4ac2ba;left: -63px;top: 50%;z-index: 5;}
.time-bg {background: #00a99d;overflow: hidden;}
.timeline-section .owl-carousel .owl-nav button.owl-next {
  background: url(../images/arrow--2.webp) #535353 no-repeat;background-position: center;width: 70px;height: 40px;border-radius: 38px;transition: 0.5s;}
.timeline-section .owl-carousel .owl-nav button.owl-prev {
  background: url(../images/arrow--1.webp) #535353 no-repeat;background-position: center;width: 70px;height: 40px;border-radius: 38px;margin-right: 10px;transition: 0.5s;}
.timeline-section .owl-carousel .owl-nav button.owl-prev span {display: none;}
.timeline-section .owl-carousel .owl-nav button.owl-next span {display: none;}

.dtls-left img {border-radius: 12px;}
.detle-pointhree img {border-radius: 12px;}
.project-img img {border-radius: 12px;}

.detail-cont .row.banner-abut {max-width: none;margin: 30px auto 0;}
.dtl-hdr { display: flex;column-gap: 20px;}
.dtl-hdr h1{font-size:36px;color:#fff;font-family:var(--primary-font);text-transform:uppercase;margin-bottom:20px}
.dtl-bnr-txt h6{color:#ffdd8d;font-size:22px}
.dtl-bnr-txt p{font-size:16px}
.row.detle-pointhree{background:#f2fdfd;padding:40px 20px}
.first-dtl-point{display:flex;column-gap:32px;padding:21px 0}
.dtl-ico-txt span{color:#075d57}
.dtl-cover{max-width:1332px;margin:0 auto}
.dtl-faq .accordion-button{color:#055953;height:63px;font-weight:600;background:#eaf2e7}
.dtl-faq .accordion-item{border:0;border-radius:12px;overflow:hidden}
.dtl-faq .accordion{display:flex;flex-direction:column;row-gap:9px}
.dtl-enqure .quote-section{max-width:650px;background:#d7e4d3;padding:40px 35px 50px;border-radius: 20px;}
.dtl-enqure h2{font-size:30px}
.dtl-enqure .small-title{font-size:14px;color:#2c2c2c;margin-bottom:8px}
.dtl-enqure .main-title{font-size:29px;font-weight:700;color:#222;margin-bottom:28px;line-height:1.1}
.dtl-enqure .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}
.dtl-enqure .quote-form input,.dtl-enqure .quote-form textarea{width:100%;border:none;outline:0;background:#fff;padding:8px;font-size:14px;border-radius:4px;color:#444}
.dtl-enqure .quote-form textarea{grid-column:1/-1;resize:none;height:50px}
.dtl-enqure .about-intro{width:100%;border:none;background:#0f8f84;color:#fff;padding:18px;font-size:22px;font-weight:600;border-radius:4px;cursor:pointer;transition:.3s}
.dtl-enqure .send-btn:hover{background:#0b776f}
.send-btn{width:100%;background:green;border:none;color:#fff;padding:12px;border-radius:3px}
.topmrg{border-bottom:1px dashed #c7c7c7}
.dtl-ico-txt{display:flex;flex:1;column-gap:12px;align-items: center;}
.timeline-section .owl-carousel{display:block;width:100%}
.timeline-section .owl-carousel .owl-item{min-height:1px;float:left}
.dtlint-pont ul li.lstt::after{display:none}
.dtlint-pont h3{font-size:18px;font-weight:500;border-bottom:1px solid #cbcbcb;padding-bottom:10px}
.dtlint-pont ul{padding:0;margin:0;display:flex;flex-wrap:wrap}
.dtlint-pont ul li{list-style:none;color:#048077;position:relative;padding-right:16px;margin-right:6px}
.dtlint-pont ul li::after{content:"";position:absolute;width:1px;height:17px;background:#7f8592;right:5px;top:5px}

.dtl-ico-txt span {
  width: 80%;
}

.pacha {padding: 20px;
  max-width: 900px;
  margin: 0 auto;
}

.dtl-ico-txt .ico-dtl-img {
  width: 60px;
}

.dtls-right {
  align-items: center;
  display: flex;
}
.container.detail-faq {
  margin-top: 40px;
  margin-bottom: 40px;
}
/* detailpage-construction */
.count-img{padding-top: 30px;}
.count-img img{padding-right: 10px;}
.hospital-logos{padding-top: 125px;}
.padd-box{padding-top: 0;}
.logo-item{border-radius: 15px; 
 margin: 5px; height:83px; display: flex; 
  align-items: center; justify-content: center;}
.logo-item img{ margin: auto;}
.granites-text h4{color: #2C3192; font-size: 25px; font-weight: bold;}
.granites-text p{font-size: 15px;}
.granites-text h6{color: #000; font-size: 18px; font-weight: 600; border-bottom: 1px solid #00000024; padding-bottom: 10px; margin-bottom: 15px;}
.granites-text li{list-style: none; display: inline-block;}
.granites-text a{color: #00a99d; font-size: 14px; font-weight: normal;}
.granites-text{padding-top: 25px;}
.nalakath-btn a{background: #00a99d; font-size: 15px !important; color: #fff !important; font-weight: 500 !important; padding: 10px 25px; border-radius: 10px; transition: 0.5s;}
.nalakath-btn a:hover{background: #CC2936; transition: 0.5s;}
.nalakath-btn{padding-top: 20px;}
.nalakath-granites-sec{padding: 40px 0;}
.concrete-text h4{color: #1e346a; font-size: 25px; font-weight: bold; padding-bottom: 15px;}
.concrete-text p{color: #000; font-size: 16px; font-weight: normal;}
.concrete-sec{background: #0a887f30; padding: 40px 0;}
.concrete-img{background: #fff; text-align: center;}
.concrete-text h6{color: #000; font-weight: 600; font-size: 20px; border-bottom: 1px solid #00000024; padding-bottom: 10px; margin-bottom: 15px;}
.concrete-text li{list-style: none; display: inline-block;}
.concrete-text a{color: #00a99d; font-size: 14px; font-weight: normal;}
.bricks-box{background: #E0F1DF; padding: 30px;}
.bricks-box p{margin: 0;}
.bricks-sec{padding: 40px 0;}
.bricks-logo{padding-bottom: 40px;}
.bricks-box h6{color: #075D57;font-size: 18px; font-weight: 600;}
.bricks-box p{color: #075D57;}
.concrete-text h5{color: #0A887F; font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.features-text span{display: block; position: relative; padding-left: 20px; font-weight: 800; font-size: 18px; margin-bottom: 10px;}
.features-text span::before{position: absolute; content: ''; width: 8px; height: 8px; background: #AFB2B2; left: 0; top: 9px;}
.features-text p{ padding-left: 20px; font-weight: 600; color: #0A887F; font-size: 14px;}
.craft-img {padding: 30px; padding-top: 40px;}
.parter-log{margin-bottom: 15px;padding: 25px; background: #fff; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); margin: 2px; height: 170px; display: flex; align-items: center; justify-content: center;}
.parter-logos{padding: 40px 0;}
.dtl-cover h4{font-size: 35px; font-weight: 600; color: #000; padding-bottom: 20px;}
.feature-text h6{color: #000; font-size: 20px; font-weight: 600;}
.feature-text p{font-size: 16px; font-weight: normal; margin: 0;}
.project-img h5{color: #000; font-size: 17px; font-weight:bold; position: relative; padding-left: 20px;}
.project-img {display: flex; align-items: center; gap: 10px;}
.project-img h5::before{position: absolute; content: ''; width: 4px; height: 45px; left: 8px; top: 3px; background: #00a99d;}
.our-project-sec h3{font-size: 35px; color: #000; font-weight: bold; padding-bottom: 15px;}
.our-project-sec{padding: 60px 0;}
.project-img span{font-size: 15px; font-weight: normal; padding-left: 20px; display: block;}
.clients-sec{background: #f2fdfd; padding: 60px 0; padding-bottom: 40px;}
.clients-img{background: #fff; padding: 30px; text-align: center; box-shadow: 0 0 7px #19181D4F; border-radius: 10px; height: 120px; margin-bottom: 30px; width: 100%; height: 105px; display: flex; align-items: center; justify-content: center;}
.clients-sec h3{font-size: 35px; font-weight: bold; color: #000; padding-bottom: 25px;}
.product-img{background: #fff; padding: 20px; border-radius: 15px; box-shadow: 0 0 7px #19181D4F; text-align: center;}
.product-img h5{color: #00a99d; font-weight: bold; font-size: 17px; padding-top: 10px; }
.product-img h6{font-size: 15px; font-weight: normal; color: #000; margin: 0;}
.product-img img{height: 80px;}

.detle-pointhree .product-img img{height:auto;}

.craft-detail-sec img {border-radius: 12px;}
.project-text-2 li{position: relative; color: #000; font-size: 15px; font-weight: bold; color: #fff; list-style: none; padding-left: 20px;}
.project-text-2 li::before{background: #fff; width: 8px; height: 8px; position: absolute; left: 0; top: 7px; content: '';}
.craft-project h3{padding-bottom: 30px; font-weight: bold; font-size: 35px; color: #fff;text-align: center; }
.craft-project{background: #00a99d; padding: 60px 0; margin: 50px 0;}
.sub-details{padding-top: 30px; justify-content: center;}
.craft-img-detal h5{color: #000; font-weight: bold; padding-top: 10px; margin: 0; font-size: 16px; text-align: center;}
.craft-img-detal span{font-weight: normal;}
.craft-detail-sec h3{color: #000; font-weight: bold; font-size:24px; padding-right: 0; padding-bottom: 20px;}
.craft-detail-sec h3 span{font-weight: normal;}
.other-craft-bg{background: #f2fdfd; padding: 60px 0;}
.craft-detail-sec{padding-bottom: 60px; padding-top: 50px;}
.other-craft-bg h3{color: #000; font-weight: bold; font-size: 22px; padding-bottom: 20px;}
.other-craft-bg h3 span{font-weight: normal;}
.craft-img-detal h3{padding-right: 0;}
.craft-img-detal img {
  border-radius: 12px;
  border: 1px solid #cee;
}


@media (min-width:992px){
.time-left {width:62%;}
.mobel {display:none !important;}
.dtl-bnr-txt h6 {
  font-size: 18px;
}
.dtls-right p {
  font-size: 14px;
}

.dtlint-pont ul li, .dtl-ico-txt span {
  font-size: 14px;
}

.dtlint-pont h3 {
  font-size: 16px;
}
.dtl-enqure .main-title {
  font-size: 19px;}

}

@media (min-width:1281px){

  .dtl-enqure .main-title {
  font-size: 29px;}


 .time-left {width:71%;}
 .dtl-bnr-txt h6 {
  font-size: 22px;
}
.dtl-bnr-txt p {
  font-size: 16px;
}
.dtls-right p {
  font-size: 16px;
}

.dtlint-pont ul li, .dtl-ico-txt span {
  font-size: 16px;
}

.dtlint-pont h3 {
  font-size: 18px;
}


}


@media (max-width:1280px){
 .dtl-bnr-txt p {
  font-size: 15px;
}
div.hd-right {font-size: 22px;}
div.value-point h3 {font-size: 18px;}
.value-point p {font-size: 13px;}
div.timeline-item h3 {font-size: 24px;}
.timeline-item p {line-height:20px;font-size: 13px;padding: 0 9px 16px 9px;}
.missin-bottom {font-size: 14px;}

}
@media (max-width:550px){
.row.cont-wrp {display: block;padding: 0 18px; }
div.row.cont-wrp .contact-left {width: 100%;margin-bottom: 12px;}

}

@media (max-width:991px){

  .dtl-hdr h1 {font-size: 22px;}
.dtl-bnr-txt h6 { font-size: 16px;}
.dtl-bnr-txt p, .dtlint-pont ul li {font-size: 14px;}

.first-dtl-point {display:block;}

.dtls-right {margin-top: 20px;}

.dtls-right p {font-size: 14px;}

  .our-time {margin-top: 40px;}
  .time-left {width: 100%;}
  .timeline-section {padding: 0 20px;}
div.timeline-item::after {display:none;}
  .desktopel {display: none !important;}
  .time-bg .owl-nav {margin-top: 20px;margin-bottom: 20px;}

  .time-right { margin-bottom: 11px;}
 div.timeline-item h3 {font-size: 20px;padding: 10px 9px;}
  .pin-or img {width: 15px;}
.container.cont-pin {margin-top: 50px;}
.map-contct {margin-top: 30px;}
.pin-or {font-size: 20px;}
.row.cont-wrp .contact-left {padding: 20px; width: 47%;}
.cont-hed h2 {margin: 10px auto;font-size: 22px;}
.row.cont-wrp {margin-top: 28px;}
.contct-hdintro {display: block;}
.contct-hdintro .col-md-6 {width: 100%;}
.contct-hd {padding-top: 40px;}
h1.cont-ee {font-size: 32px;}
.cont-form .row .form-control {margin-bottom: 15px;}
.cont-form .row {margin-bottom:0;}
.cont-pic {margin-top: 30px;}
.cont-eml {display: block;}
.cont-ico {padding:12px;width: 100%;margin-bottom: 20px;}

.value-point {width: 100%;padding:30px;height:auto;display: flex;flex-direction: column;margin-bottom: 14px;}
.value-hed {display:block;}
.row.value-list {padding: 0 15px;column-gap: 0;display: block;margin: 0;}
.vision-left, .missio-left {margin-top: 10px;}
.missin-right h4, .vision-right h4 {font-size: 26px;}
.container.vision-wrp, .missio-wrp {margin-top: 10px;}
.missin-right, .vision-right {height:auto;border-radius: 40px;padding: 28px;}
.visis-justy-spce {padding: 0 10px;}
.vsion-mission {padding-bottom: 20px;}
.vsion-mission p {font-size: 14px;line-height: 24px;}

span.gren-hd {font-size: 15px;margin: 4px auto;}
.gren-hd {margin: 18px auto;font-size: 20px;}
.abt-intr p {line-height: 23px;font-size: 14px;}
.row.banner-abut {padding: 0;max-width: none;margin: 30px auto 0;}
.nalakath-imgs img{width: 100% !important;}
.concrete-text h4{font-size: 20px; margin: 0;}
.concrete-text p{font-size: 15px;}
.concrete-text h6{font-size: 18px;}
.concrete-img{margin-top: 20px;}
.concrete-text{padding-top: 20px;}
.count-img img{padding-right: 0; padding-bottom: 10px;}
.dtl-cover h4{font-size: 25px;}
.feature-text h6{font-size: 18px; padding-top: 10px;}
.feature-text p{font-size: 15px; padding-bottom: 10px;}
.our-project-sec{padding: 40px 0;}
.our-project-sec h3{font-size: 25px;}
.project-img h5{font-size: 17px;}
.project-img h5 br{display: none;}
.clients-sec{padding: 40px 0; padding-bottom: 0;}
.clients-sec h3{font-size: 25px;}
.clients-img{margin-bottom: 15px; height: auto;}
.craft-detail-sec h3{font-size: 25px; padding-right: 0;}
.craft-project{margin-bottom: 0; margin-top: 0;}
.craft-project h3{font-size: 25px; padding-bottom: 15px;}
.dtls-cover h4{font-size: 18px;}
.craft-img-detal h5{padding-top: 10px; padding-bottom: 15px;}
.other-craft-bg{padding: 30px 0;}
.craft-img-detal h3{font-size: 25px;}
.craft-img-detal br{display: none;}
.craft-img-detal{padding-top: 20px;}
}