*{margin:0; padding:0; text-decoration:none; outline:none; font-family:'Jost', sans-serif;}
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin:0; padding:0; border:0; font-family:'Jost', sans-serif; }
body{font-size:100%; font-family:'Jost', sans-serif; background:#f8f8f8}
.no-overflow{overflow:hidden}
header.bg-logo .left {
  width: 50%;
  float: left;
}
.right{float:right}
.clear:after{display: block; content:""; clear: both}
.show{display:block}
.hide{display:none}
.inline{display:inline-block}
.ucase{text-transform:uppercase}
.calign{text-align:center}
.ralign{text-align:right}
.malign{vertical-align:middle}
.justify{text-align:justify;}
.box{box-sizing:border-box}
.relative{position:relative}
.container{padding:3em}
.container2,.container3{padding:3em}
.container4{padding:20px 50px}
.mauto{margin:auto}
.mwidth{max-width:100%; height:auto; margin:auto}
.relpar{height:0; width:100%; position:relative}
.switch{display:block}
.lheight{line-height:1.5}
.lspace{letter-spacing:2px}
.brred{border:5px solid #ba105f}
.button{padding:10px; line-height:1; display:block; margin:15px 0; border:1px solid #fff}
.fixed-mid-center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}
.fixed-center{position:absolute; left:50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%)}
.fixed-middle{position:absolute; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%)}

p,h6{margin:10px 0; line-height:1.75}
h2{font-size:2em; line-height:1}
.white{color:#fff}.black{color:#0a3e70}
.gray{color:#888}.yellow{color: #ffff00}
.green{color:#0a3e70}
.blue{color:#005aab}
.red{color:#cd2122}
.golden{color:#D5AD6D; background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%); background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bg-white{background:#fff}
.bg-gray{background:#eee}
.bg-black{background:#ae3163}
.bg-blue{background:#005aab}
.bg-green{background:#50b848}
.bg-logo{background:transparent}
.bg-red{background:#cd2122}
header{top:0; left:0; right:0; z-index:1000; padding:0 20px; position:fixed; box-shadow:none}
header .ilogo {
  height: 52px;
  margin: 0;
  width: auto;
  display: block;
}
header .icontact {
  font-size: 30px;
  line-height: 40px;
  padding: 18px 0px;
  font-weight: 600;
}
header .icontact img {
  width: 25px;
}
section#gallery {
  height: 100vh;
  height: 100dvh;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.bg-gradient{background-color: rgba(0,0,0,0); background-image: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0));}
.bg-gradient2{background-color: rgba(0,0,0,0); background-image: linear-gradient(to left, rgba(0,0,0,1) , rgba(0,0,0,0));}
.gallery {
  height: 100vh;
  height: 100dvh;
  width: 100%;
}
/*  */
p.justify.h5 {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  line-height: 30px;
}

/*  */
.col-401 {width:100%}
.col-501 {width:50%}
.col-501 {width:100%}
.col-601 {width:100%}
.col-651 {width:100%}
.col-701 {width:100%}
.col-751 {width:100%}
.col-801 {width:100%}
.container1 {padding:3em}
.container1 {padding:1.5em}
/*gallery*/
.gallery {
	display: block
}
.gallery img {
	display: block;
	width: 100%;
	height: auto
}
footer.container3.calign.bg-gray {
  background: #00468c;
}
footer.container3.calign.bg-gray p.ucase {
  color: #fff;
  margin: 0;
  text-transform: capitalize;
  letter-spacing: 3px;
  font-weight: 500;
}
.call{font-size:3em}
.call a{color:#fff}
.call a:hover{color:#fff}
.smalln{font-size:18px}
/* fixed form */

form{width:100%; display:flex; justify-content:center; align-items:center;}
.form-col{margin:10px; width:50%; position:relative}
.form-col i{position:absolute; left:10px; top:0; line-height:40px; font-size:1em; color: 3444}
.inputxt{background:#fff; font-size:1em; padding:0 0 0 40px; line-height:40px; width:100%; color:#444}
.textbox{background:#fff; border:1px solid #ddd; font-size:1em; padding:0 0 0 40px; line-height:40px; width:100%; color:#444}
input{box-sizing:border-box}
input.error, textarea.error, select.error, .textbox.error {border:2px solid #ff6969 !important; color:#fff}input.error:focus, textarea.error:focus, select.error:focus, .textbox.error:focus {border:0; color: #fff}.inputxt::-webkit-input-placeholder{color: #444}.inputxt:-moz-placeholder{color: #444}.inputxt::-moz-placeholder{color: #444}.inputxt:-ms-input-placeholder{color: #444}

/*header gallery content*/
.ifeatures{position:absolute; left:50px; z-index:2; top:50px; width:400px; height:auto; padding:50px; background:#005aab; box-shadow:5px 5px 10px rgba(0,0,0,.5)}
.ifeatures ul{display:block; margin:0; padding:0; font-size:1.2em; list-style:none}
.ifeatures ul li{list-style:none; display:block}
.ifeatures h1{font-size:1.3em; padding-bottom:15px; margin-bottom:10px; position:relative}
.ifeatures h1:after{position:absolute; left:0; bottom:0; width:100px; height:5px; background:#4db848; content:""}

.btn,.modal-content,.modal-header{border-radius:0}
.btn-danger{background:#cd2122 !important}
.nopad{padding:0 !important}
.nomar{margin:0 !important}
.switch{display:block}
/*project*/
.project{margin:25px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:5px;}
.project-pic {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.col-sm.nopad.project.clear {
  width: 100% !important;
  padding: 0 !important;
  margin: 10px;
  height: 500px;
  position: relative;
}

.project .project-pic img{width:100%; height:100%; display:block; border-radius:5px 5px 0 0}
.project-status{position:absolute; top:15px; left:15px; line-height:20px; padding:0 1em; border-radius:10px; font-size:.6em; font-weight:bold; text-transform:uppercase; box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 8px !important; color:#222; background:rgba(255, 255, 255, 0.95); border:0.5px solid rgba(0, 0, 0, 0.5)}
.trending{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#003cff; font-size:.8em; line-height:2}
.bestsel{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#0add00; font-size:.8em; line-height:2}
.newlaunch{position:absolute; left:0; bottom:100px; z-index:2; padding:0 25px; background:#9a00f2; font-size:.8em; line-height:2}
.project-pic .propname{position:absolute; left:0; right:0; bottom:0; padding:50px 25px 15px; background-image:linear-gradient(to top, rgba(0,0,0,1) , rgba(0,0,0,0)); text-shadow:1px 1px 3px rgba(0,0,0,1)}
.project-pic .propname .protitle{font-size: 1.1em; font-weight: 500; line-height:1.5; margin: 0}
.project-pic .propname .protype{font-size:1em; line-height: 1; margin:6px 0}
.project-pic .propname .proloc{font-size:1em; line-height: 1; margin:0}
.project-details ul{list-style:none; display:block; padding:25px 25px 0px;}
.project-details ul li {
  list-style: none;
  line-height: 2.5;
  display: block;
  border-bottom: 1px solid #eee;
  color: #222;
  font-weight: 500;
}
/*  */
li.red {
  background: #0a3e70;
  color: #fff !important;
  padding: 0px 10px;
  width: 110px;
  margin: 20px 0px;
  border-radius: 10px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  position: absolute;
  bottom: 10px;
}

.col-sm.nopad.project.clear.hgt {
  height: 400px;
}
.col-sm.nopad.project.clear.hgt2 {
	height: 300px;
}
section#gallery .slick-list,
section#gallery .slick-track,
section#gallery .slick-slide {
  height: 100vh !important;
  height: 100dvh !important;
}
section#gallery .gallery img,
section#gallery .slick-track img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
/*  */
.project-details a:hover{
  color: red;
  text-decoration: none !important;
}
.project-details li.red:hover{
  color: red;

}
section#m3m-projects {
  background: #eee;
}
.col-sm.nopad.project.clear{
  transition: .5s;
}
.col-sm.nopad.project.clear:hover{
  box-shadow: 0px 0px 45px rgba(128, 128, 128, 0.418);
  margin-top: 15px;
}
.project-pic.first {
  height: 300px;
}


/* brands */
section.brands {
  width: 100%;
  height: auto;
  background: #eee;
  padding: 50px 0px;
}
section.brands .img {
  box-shadow: 0px 0px 100px gainsboro;
  margin: 0 0 20px 0;
  padding: 10px; text-align:center
}
section.brands .img img{
  width: 100px;
  transition: .3s;
  height:80px;
}
section.brands .img img:hover{
  filter: none;
}

header.bg-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 26px !important;
  min-height: 68px !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
  transition: background 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, min-height 0.35s ease !important;
}

header.bg-logo.sticky {
  background: #ffffff !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  min-height: 62px !important;
  padding: 6px 26px !important;
}

.header-left-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  float: none !important;
  width: auto !important;
}

.menu-bar-btn.bar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  font-size: 17px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  transition: all 0.25s ease !important;
  line-height: 1 !important;
}

.menu-bar-btn.bar i {
  line-height: 1 !important;
  display: inline-block !important;
}

.menu-bar-btn.bar:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #ffd875 !important;
  transform: scale(1.05) !important;
}

header.bg-logo.sticky .menu-bar-btn.bar {
  background: #ffffff !important;
  border: 1.5px solid #dce4ec !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  color: #0a3e70 !important;
}

header.bg-logo.sticky .menu-bar-btn.bar:hover {
  background: #0a3e70 !important;
  border-color: #0a3e70 !important;
  color: #ffffff !important;
}

.header-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

header .ilogo {
  height: 35px !important;
  width: auto !important;
  margin: 0 !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: transform 0.25s ease, height 0.25s ease, filter 0.35s ease !important;
}

header .ilogo:hover {
  transform: scale(1.03);
}

header.bg-logo.sticky .ilogo {
  filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1478%) hue-rotate(188deg) brightness(92%) contrast(98%) !important;
}

header .icontact {
  font-size: 19px !important;
  line-height: normal !important;
  padding: 8px 20px !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  transition: all 0.25s ease !important;
}

header .icontact:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #ffd875 !important;
  border-color: #ffd875 !important;
}

header .icontact img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5)) !important;
  transition: filter 0.25s ease !important;
}

header.bg-logo.sticky .icontact {
  background: #f0f7ff !important;
  border: 1.5px solid #0a3e70 !important;
  color: #0a3e70 !important;
}

header.bg-logo.sticky .icontact:hover {
  background: #0a3e70 !important;
  border-color: #0a3e70 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(10, 62, 112, 0.25) !important;
}

header.bg-logo.sticky .icontact img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1478%) hue-rotate(188deg) brightness(92%) contrast(98%) !important;
}

header.bg-logo.sticky .icontact:hover img {
  filter: brightness(0) invert(1) !important;
}

.menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(5, 24, 46, 0.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 9998;
  display: none;
}

.menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 320px !important;
  max-width: 85vw !important;
  height: 100vh !important;
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  z-index: 9999 !important;
  padding: 24px 22px !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.12) !important;
  overflow-y: auto !important;
  display: none;
  box-sizing: border-box !important;
}

.menu-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #edf2f7 !important;
  margin-bottom: 22px !important;
}

.menu-logo {
  height: 42px !important;
  max-width: 170px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1478%) hue-rotate(188deg) brightness(92%) contrast(98%) !important;
}

.menu-close-btn.close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #dce4ec !important;
  color: #0a3e70 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  outline: none !important;
}

.menu-close-btn.close svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke: currentColor !important;
  pointer-events: none !important;
  transition: transform 0.25s ease !important;
}

.menu-close-btn.close:hover {
  background: #0a3e70 !important;
  border-color: #0a3e70 !important;
  color: #ffffff !important;
  transform: rotate(90deg) !important;
  box-shadow: 0 4px 12px rgba(10, 62, 112, 0.25) !important;
}

.menu-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
}

.menu-list li {
  margin-bottom: 6px !important;
  list-style: none !important;
  line-height: normal !important;
}

.menu-list li a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  color: #1e293b !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.menu-list li a i {
  font-size: 15px !important;
  width: 20px !important;
  text-align: center !important;
  color: #0a3e70 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.menu-list li a:hover {
  background: #f0f7ff !important;
  color: #0a3e70 !important;
  transform: translateX(4px) !important;
}

.menu-footer {
  padding-top: 18px !important;
  border-top: 1px solid #edf2f7 !important;
}

.menu-contact-title {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #64748b !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

.menu-call-link, .menu-wa-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 16px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-bottom: 10px !important;
  transition: all 0.2s ease !important;
}

.menu-call-link {
  background: #005aab !important;
  color: #ffffff !important;
}

.menu-call-link:hover {
  background: #00468c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.menu-wa-link {
  background: #25d366 !important;
  color: #ffffff !important;
}

.menu-wa-link:hover {
  background: #1eb956 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

@media screen and (max-width: 768px) {
  header.bg-logo {
    min-height: 58px !important;
    height: auto !important;
    padding: 6px 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  header.bg-logo.sticky {
    background: #ffffff !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    min-height: 56px !important;
  }
  .menu-bar-btn.bar {
    width: 38px !important;
    height: 38px !important;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
  }
  header.bg-logo.sticky .menu-bar-btn.bar {
    background: #ffffff !important;
    border: 1.5px solid #dce4ec !important;
    color: #0a3e70 !important;
  }
  header .ilogo {
    height: 46px !important;
    padding: 0 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  }
  header.bg-logo.sticky .ilogo {
    filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1478%) hue-rotate(188deg) brightness(92%) contrast(98%) !important;
  }
  header .icontact {
    font-size: 13.5px !important;
    padding: 6px 14px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
  }
  header.bg-logo.sticky .icontact {
    background: #f0f7ff !important;
    border: 1.5px solid #0a3e70 !important;
    color: #0a3e70 !important;
  }
  header .icontact img {
    width: 14px !important;
    height: 14px !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5)) !important;
  }
  header.bg-logo.sticky .icontact img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1478%) hue-rotate(188deg) brightness(92%) contrast(98%) !important;
  }
}
/* awards */
.awards {
  padding: 0px 100px;
}
.awards .clear {
  width: 85%;
  margin: auto;
  padding: 20px;
  text-align: center;
  background-color: #fff;
  height: auto;
}
.awards .clear p strong {
  color: #bcab97;
}
.awards .clear img {
  width: 80%;
  margin: auto;
}
.awards .clear p.sitle {
  font-size: 14px;
  text-align: center;
  opacity: .8;
}
/*  */
.button.view-all {
  text-align: center;
  border: none !important;
  outline: none !important;
}
.button.view-all a {
  background: #00468cde;
  padding: 10px 30px;
  color: #fff;
  border-radius: 2px;
  transition: .3s;
}
.button.view-all a:hover{
  color: #fff;
  background-color: #005aab;
  text-decoration: none !important;
}

/*About Slider*/
.flider {
  padding: 3em 6em;

}
.flides{margin: 1em 0 2em;}
.flides .flide{background:#fff; padding:1em 1em 2em; border-radius:0px; margin:0 1em !important;  position:relative;}
.flides .flide:after{content:""; position:absolute; left:1.2em; bottom:1em; width:60px; height:2px; background:#000000; z-index:2}
.flides .flide .bitle{margin: 0px; font-size: 65px !important; line-height:1; font-weight: 600; }
.flides .flide .sitle {
  font-size: 16px;
  color: #000000;
  margin-top: 20px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
.flider p.justify.h6 {
  text-align: center;
  margin: 20px auto 50px;
  font-weight: 500;
  width: 80%;
  line-height: 30px;
}
.flides .flide span.green {
  font-size: 25px;
  font-weight: 500;
  opacity: .5;
}
.flides.slick-initialized .slick-slide {
  display: block;
  height:auto !important
}
/* Slider */
.slider {width:100%; margin:auto}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}.slick-list{ position: relative; display: block; overflow:hidden}.slick-list:focus{ outline: none}.slick-list.dragging{ cursor: pointer; cursor: pointer}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}.slick-track{ position: relative; top: 0; left: 0; display: block}.slick-track:before,.slick-track:after{ display: table; content: ''}.slick-track:after{ clear: both}.slick-loading .slick-track{ visibility: hidden}.slick-slide{display: none; float: left; margin:0; min-height: 1px}[dir='rtl'] .slick-slide{ float: right}.slick-slide img{ display: block}.slick-slide.slick-loading img{ display: none}.slick-slide.dragging img{ pointer-events: none}.slick-initialized .slick-slide{ display: block}.slick-loading .slick-slide{ visibility: hidden}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent}.slick-arrow.slick-hidden { display: none}.slick-loading .slick-list{ background: #fff center center no-repeat}
.prev{position: absolute; right:-9px; cursor:pointer}
.next{position: absolute; left:-9px; cursor:pointer}
.next, .prev{font-size:1.2em; height:50px; width:50px; border:none; background:#fff; border-radius:25px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); box-shadow:2px 2px 5px rgba(0,0,0,.5); border:0; z-index:1; color:#000}
.next i, .prev i{line-height:50px;}
.slick-dotted.slick-slider{}
.slick-dots{text-align: left; bottom:-15px}
.slick-dots{position:absolute;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center; display: none !important;}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 0;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick'}.slick-dots li.slick-active button:before{opacity:.75;color:rgba(0,0,0,.9);border:solid 1px rgba(0,0,0,.9);border-radius:50%}
.slick-dots li:before{content:'';background:rgba(0,0,0,.9);width:7px;height:7px;position:absolute;border-radius:50%; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%)}.slick-dots li.slick-active:before{content:'';background:rgba(0,0,0,.9);width:7px;height:7px}.slick-dots li.slick-active{border:solid 1px rgba(0,0,0,.9);border-radius:50%;text-align:center;left:0}.slick-dots li{margin:0 5px!important}.slick-slide:focus{outline:none;box-shadow:none}

@media screen and (min-width: 240px) and (max-width: 786px) {.container{padding:1.5em} .container3, .container4{padding:3em 1em}
.call{font-size:2em}
.ibanner{height:auto !important; min-height:auto}
.ifeatures{padding:25px; position:relative; margin-top:80px; top:0; left:0; right:0; width:auto; background:#005aab}
.ifeatures ul{font-size:1.2em}
.ifeatures h1{font-size:1.5em}
h2{font-size:1.25em}
li.red {
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, -0%);
}
.project-pic.first {
  height: 220px;
}
.project{margin:10px}
.iform{
  width: 90%;
}
.home{margin-top:0}
.awards .clear {

  height: auto;
}
section#gallery {
  height: 100vh !important;
  height: 100dvh !important;
  width: 100%;
  overflow: hidden;
  margin-top: 0 !important;
}

.slick-track {

  height: 220px;
}
.gallery img {
  height: 100% !important;
}
h2.ucase.calign.green.mb-3 {
  font-size: 22px;
}
h2.ucase.calign.green {
  font-size: 22px;
}
.awards {
  padding: 0px 10px;
}
.menu {
 
  width: 100%;
  height: 100%;
}
.flider p.justify.h6 {
  width: 100%;
  line-height: 30px;
}
.clear {
  text-align: center;
}
.flides .flide:after{
  display: none;
}
section#gallery .slick-track,
section#gallery .slick-list,
section#gallery .slick-slide {
  height: 100vh !important;
  height: 100dvh !important;
}
.slick-initialized .slick-slide {
  display: block;
  height: auto
}
.col-sm.nopad.project.clear {
  height: 400px;
}
}
/* fixed form */
  .fixed-form{position: fixed; z-index: 111; bottom: 10px; right: 20px; width:230px; text-align: center; font-family: 'Montserrat',sans-serif; box-shadow: 0 5px 10px rgba(0,0,0,.6)}
  .fixed-form .fixed-btn{position: relative; background: #3e24db; cursor: pointer;}
  .fixed-form .fixed-btn img{position: absolute; left: -25px; top: -5px; width: 60px; height: auto; border-radius: 50%}
  .fixed-form .fixed-btn .fixed-title{line-height: 50px; font-size: 14px; color: #fff; text-align: center;}
  .fixed-form .fixed-body{padding: 15px 10px; background: #fff}
  .fixed-form .fixed-body iframe{padding: 0; margin: 0; border: none; height:210px; width: 100%; overflow: hidden;}
  .fixed-form .fixed-btn:before {content: "+"; font-size:32px; color: #fff; position: absolute; right: 10px; top:0; line-height: 50px}
  .fixed-form .expanded:before {content: "-"; font-size:32px; color: #fff; position: absolute; right: 10px; top:0; line-height: 50px}
  @media screen and (min-width: 240px) and (max-width: 1024px){
    .fixed-form{bottom:25px; right: 10px;} 
    .ifeatures{padding:25px; position:relative; margin-top:50px; top:0; left:0; right:0; width:auto; background:#005aab} .justify{text-align:justify; text-rendering: optimizeLegibility; word-break: break-all;} .justify{text-align:justify; text-rendering: optimizeLegibility; word-break: break-all;}}

/* ==========================================================
   PREMIUM ENQUIRY FORM SECTION (HOME PAGE)
   ========================================================== */
.enquiry-section {
  position: relative;
  background: linear-gradient(135deg, #051d38 0%, #0a3e70 50%, #04182e 100%);
  padding: 70px 20px 75px;
  border-top: 3px solid #d4af37;
  overflow: hidden;
}

.enquiry-section::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 300px;
  background: radial-gradient(circle, rgba(13, 110, 253, 0.25) 0%, rgba(13, 110, 253, 0) 70%);
  pointer-events: none;
}

.enquiry-container {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.enquiry-header {
  text-align: center;
  margin-bottom: 32px;
}

.enquiry-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 20px;
  border-radius: 30px;
  background: rgba(212, 175, 55, 0.16);
  border: 1px solid rgba(212, 175, 55, 0.45);
  color: #f7d77b;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.enquiry-title {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 10px 0;
  letter-spacing: 0.3px;
  line-height: 1.25;
}

.enquiry-subtitle {
  font-size: 16px;
  color: #cbd8e6;
  max-width: 680px;
  margin: 0 auto 18px;
  line-height: 1.6;
  font-weight: 400;
}

.enquiry-call-bar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 8px 22px;
  border-radius: 40px;
  color: #e2e8f0;
  font-size: 14.5px;
  backdrop-filter: blur(4px);
}

.enquiry-call-link {
  color: #ffd875;
  font-weight: 700;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.enquiry-call-link:hover {
  color: #ffffff;
  text-decoration: none;
  transform: scale(1.04);
}

.enquiry-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px 32px 24px;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.45);
}

.enquiry-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 16px;
  align-items: stretch;
  width: 100% !important;
  margin: 0 !important;
}

.enquiry-input-box {
  position: relative;
  width: 100%;
}

.enquiry-input-box i {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #0a3e70;
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  transition: color 0.2s ease;
}

.enquiry-input {
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px 0 46px !important;
  border: 1.5px solid #dce4ec !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1a202c !important;
  line-height: 52px !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.enquiry-input::placeholder {
  color: #8c9ba9;
  font-weight: 400;
}

.enquiry-input:focus {
  border-color: #0a3e70 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3.5px rgba(10, 62, 112, 0.15) !important;
  outline: none !important;
}

.enquiry-input:focus + i,
.enquiry-input-box:focus-within i {
  color: #005aab;
}

.enquiry-phone-box {
  position: relative;
  width: 100%;
}

.country-code-pill {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  display: flex;
  align-items: center;
  background: #edf2f7;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: 1.5px solid #dce4ec;
  z-index: 3;
  padding: 0 4px 0 10px;
  transition: all 0.25s ease;
}

.country-code-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #0a3e70;
  cursor: pointer;
  padding-right: 20px;
  padding-left: 2px;
  outline: none;
  font-family: inherit;
  line-height: 48px;
  height: 100%;
}

.country-caret {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.country-caret svg {
  display: block;
  width: 9px;
  height: 6px;
}

.enquiry-phone-input {
  padding-left: 104px !important;
}

.enquiry-phone-box:focus-within .country-code-pill {
  border-right-color: #0a3e70;
  background: #e6f0fa;
}

.enquiry-btn {
  height: 52px;
  padding: 0 26px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #0a3e70 0%, #005aab 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 14.5px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 8px 18px rgba(10, 62, 112, 0.35);
  transition: all 0.25s ease;
  white-space: nowrap;
}

.enquiry-btn:hover {
  background: linear-gradient(135deg, #062646 0%, #0a4680 100%);
  box-shadow: 0 12px 24px rgba(10, 62, 112, 0.5);
  transform: translateY(-2px);
  color: #ffffff;
  text-decoration: none;
}

.enquiry-btn:active {
  transform: translateY(0);
}

.enquiry-trust-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #edf2f7;
}

.trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: #4a5568;
}

.trust-item i {
  font-size: 14px;
}

.trust-icon-privacy { color: #0a3e70; }
.trust-icon-bolt { color: #e59900; }
.trust-icon-doc { color: #16a34a; }
.trust-icon-car { color: #0284c7; }

/* Responsive Adjustments for Enquiry Form */
@media screen and (max-width: 991px) {
  .enquiry-form {
    grid-template-columns: 1fr 1fr !important;
  }
  .enquiry-btn-col {
    grid-column: span 2;
  }
  .enquiry-btn {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .enquiry-section {
    padding: 45px 15px 50px;
  }
  .enquiry-card {
    padding: 22px 16px 18px;
    border-radius: 14px;
  }
  .enquiry-title {
    font-size: 23px;
  }
  .enquiry-subtitle {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .enquiry-call-bar {
    font-size: 13px;
    padding: 6px 14px;
  }
  .enquiry-call-link {
    font-size: 15px;
  }
  .enquiry-form {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .enquiry-btn-col {
    grid-column: span 1;
  }
  .enquiry-input {
    height: 48px !important;
    line-height: 48px !important;
    font-size: 14px !important;
  }
  .enquiry-btn {
    height: 48px;
    font-size: 14px;
  }
  .enquiry-trust-strip {
    gap: 10px 18px;
    justify-content: center;
    margin-top: 18px;
    padding-top: 16px;
  }
  .trust-item {
    font-size: 12px;
  }
}

/* ==========================================================
   L&T ARAVISTA PROJECT SHOWCASE & OVERVIEW SECTION
   ========================================================== */
.project-showcase-section {
  padding: 45px 0;
  background: #f4f6f9;
}

.project-showcase-container {
  max-width: 1360px;
  width: 94%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.showcase-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 20px;
  background: rgba(10, 62, 112, 0.08);
  color: #0a3e70;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}

.showcase-badge i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
}

.showcase-title {
  font-size: 28px;
  font-weight: 700;
  color: #0a3e70;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.showcase-subtitle {
  font-size: 14.5px;
  color: #556270;
  margin-bottom: 20px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.showcase-card {
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.showcase-card:hover {
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.09);
}

.showcase-image-wrapper {
  position: relative;
  height: 100%;
  min-height: 350px;
  overflow: hidden;
  background: #061d38;
}

.showcase-img-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none !important;
}

.showcase-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.showcase-img-link:hover .showcase-img {
  transform: scale(1.05);
}

.showcase-tag-status {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #0a3e70;
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}

.showcase-tag-status i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 11px;
}

.showcase-img-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 18px 16px;
  background: linear-gradient(to top, rgba(5, 29, 56, 0.95) 0%, rgba(5, 29, 56, 0.4) 60%, rgba(0,0,0,0) 100%);
  color: #ffffff;
  z-index: 2;
}

.showcase-project-name {
  font-size: 21px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 3px 0;
}

.showcase-project-loc {
  font-size: 13px;
  color: #dbeafe;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.showcase-project-loc i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
}

.showcase-price-pill {
  display: inline-block;
  background: #d4af37;
  color: #051d38;
  font-weight: 700;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 4px;
  letter-spacing: 0.5px;
}

.showcase-overview-content {
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.project-sub-tag {
  color: #005aab;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 2px;
}

.overview-heading {
  font-size: 22px;
  font-weight: 700;
  color: #0a3e70;
  margin: 0 0 2px 0;
  line-height: 1.2;
}

.overview-location {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.overview-location i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 13px;
  flex-shrink: 0;
}

.overview-price-badge {
  background: #f0f7ff;
  border: 1px solid #cce3ff;
  padding: 5px 12px;
  border-radius: 6px;
  text-align: right;
}

.price-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #64748b;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.price-val {
  display: block;
  font-size: 17px;
  font-weight: 800;
  color: #0a3e70;
  line-height: 1.2;
}

.overview-desc {
  font-size: 13.5px;
  color: #475569;
  line-height: 1.55;
  margin-bottom: 14px;
}

.overview-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 14px;
  margin-bottom: 16px;
  padding: 10px 14px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #edf2f7;
}

.feature-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.feature-icon {
  font-size: 14px;
  color: #0a3e70;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e6f0fa;
  border-radius: 6px;
  flex-shrink: 0;
  line-height: 1;
}

.feature-icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.feature-text strong {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #64748b;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.feature-text span {
  display: block;
  font-size: 13px;
  color: #1e293b;
  font-weight: 600;
  line-height: 1.2;
}

.overview-action-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.btn-explore-project {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 20px;
  border-radius: 6px;
  background: #0a3e70;
  color: #ffffff !important;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 10px rgba(10, 62, 112, 0.2);
  line-height: 1;
}

.btn-explore-project i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  transition: transform 0.2s ease;
}

.btn-explore-project:hover {
  background: #005aab;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(10, 62, 112, 0.3);
  color: #ffffff !important;
}

.btn-explore-project:hover i {
  transform: translateX(3px);
}

.btn-enquire-project {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 18px;
  border-radius: 6px;
  background: #ffffff;
  color: #0a3e70 !important;
  border: 1.5px solid #0a3e70;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.25s ease;
  line-height: 1;
}

.btn-enquire-project i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 13px;
}

.btn-enquire-project:hover {
  background: #0a3e70;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media screen and (max-width: 991px) {
  .showcase-image-wrapper {
    min-height: 280px;
    height: 300px;
  }
  .showcase-overview-content {
    padding: 20px 18px;
  }
  .overview-features-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .project-showcase-section {
    padding: 35px 0;
  }
  .showcase-title {
    font-size: 23px;
  }
  .showcase-subtitle {
    font-size: 13.5px;
    margin-bottom: 16px;
  }
  .showcase-image-wrapper {
    min-height: 230px;
    height: 240px;
  }
  .showcase-overview-content {
    padding: 18px 14px;
  }
  .overview-heading {
    font-size: 20px;
  }
  .overview-price-badge {
    text-align: left;
    margin-top: 8px;
    width: 100%;
  }
  .overview-features-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 12px;
  }
  .overview-action-row {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .btn-explore-project,
  .btn-enquire-project {
    width: 100%;
    text-align: center;
  }
}

/* ==========================================================
   ABOUT DEVELOPER ENHANCEMENT & STATS
   ========================================================== */
.about-developer-section {
  padding: 70px 0 80px;
  background: #ffffff;
}

.about-developer-container {
  max-width: 1360px;
  width: 94%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.about-developer-body {
  max-width: 100%;
}

.about-developer-text {
  font-size: 16.5px;
  color: #334155;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 18px;
  text-align: justify;
}

.developer-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 16px;
  border-radius: 20px;
  background: rgba(10, 62, 112, 0.08);
  color: #0a3e70;
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.developer-title {
  font-size: 32px;
  font-weight: 700;
  color: #0a3e70;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.developer-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 32px 0 20px;
}

.stat-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px 18px;
  text-align: center;
  transition: all 0.3s ease;
}

.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  border-color: #cbd5e1;
}

.stat-icon {
  font-size: 24px;
  color: #0a3e70;
  margin-bottom: 10px;
  display: inline-block;
}

.stat-num {
  font-size: 26px;
  font-weight: 800;
  color: #0a3e70;
  margin-bottom: 4px;
}

.stat-label {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (max-width: 991px) {
  .developer-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

@media screen and (max-width: 600px) {
  .about-developer-section {
    padding: 40px 15px;
  }
  .developer-title {
    font-size: 24px;
  }
  .developer-stats-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .stat-card {
    padding: 16px;
  }
}

/* ==========================================================
   FLOATING WHATSAPP & CALL WIDGETS
   ========================================================== */
.floating-actions-bar {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 999;
}

.floating-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 24px;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
}

.floating-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
  color: #ffffff !important;
}

.floating-btn-whatsapp {
  background: #25d366;
}

.floating-btn-call {
  background: #0a3e70;
}

.floating-tooltip {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(15, 23, 42, 0.9);
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.floating-btn:hover .floating-tooltip {
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .floating-actions-bar {
    bottom: 18px;
    right: 18px;
    gap: 10px;
  }
  .floating-btn {
    width: 46px;
    height: 46px;
    font-size: 21px;
  }
  .floating-tooltip {
    display: none;
  }
}

/* ==========================================================
   HERO SCROLL DOWN INDICATOR
   ========================================================== */
.hero-scroll-down {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ffffff !important;
  text-decoration: none !important;
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s ease;
  background: rgba(4, 24, 46, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.28);
  padding: 10px 20px;
  border-radius: 30px;
}

.hero-scroll-down:hover {
  background: rgba(4, 24, 46, 0.85);
  border-color: #d4af37;
  color: #ffd875 !important;
  transform: translateX(-50%) translateY(-3px);
}

.scroll-text {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1;
}

.scroll-arrow {
  font-size: 11px;
  animation: heroBounce 1.8s infinite ease-in-out;
  line-height: 1;
}

@keyframes heroBounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.8;
  }
  50% {
    transform: translateY(4px);
    opacity: 1;
  }
}

@media screen and (max-width: 600px) {
  .hero-scroll-down {
    bottom: 20px;
    padding: 8px 16px;
  }
  .scroll-text {
    font-size: 11px;
    letter-spacing: 1px;
  }
}

/* ==========================================================
   PRESENTATION SECTION POLISH
   ========================================================== */
.presentation-section {
  padding: 65px 0 55px;
  background: #ffffff;
}

.presentation-container {
  max-width: 1360px;
  width: 94%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.presentation-content {
  max-width: 100%;
}

.presentation-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 16px;
  border-radius: 20px;
  background: rgba(10, 62, 112, 0.08);
  color: #0a3e70;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.presentation-badge i {
  line-height: 1;
}

.presentation-title {
  font-size: 30px;
  font-weight: 700;
  color: #0a3e70;
  margin-bottom: 22px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.presentation-lead {
  font-size: 16.5px;
  color: #1e293b;
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 16px;
}

.presentation-body {
  font-size: 15px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 14px;
}

.presentation-highlights-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid #edf2f7;
}

.pres-highlight-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  transition: all 0.25s ease;
}

.pres-highlight-card:hover {
  transform: translateY(-3px);
  border-color: #cbd5e1;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.pres-highlight-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #e6f0fa;
  color: #0a3e70;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
  line-height: 1;
}

.pres-highlight-text h4 {
  font-size: 14.5px;
  font-weight: 700;
  color: #0a3e70;
  margin: 0 0 4px 0;
  line-height: 1.3;
}

.pres-highlight-text p {
  font-size: 12.5px;
  color: #64748b;
  margin: 0;
  line-height: 1.45;
}

@media screen and (max-width: 991px) {
  .presentation-highlights-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .presentation-title {
    font-size: 24px;
  }
}

/* ==========================================================
   LATEST UPDATES / BLOG SECTION
   ========================================================== */
.blog-updates-section {
  position: relative;
  background: #faf8f5;
  padding: 70px 0 85px;
  border-top: 1px solid #eae5db;
}

.blog-container {
  max-width: 1360px;
  width: 94%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.blog-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 20px;
}

.blog-kicker {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #9a7d55;
  margin-bottom: 6px;
  font-family: 'Jost', sans-serif;
}

.blog-main-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.15;
  color: #1a1a1a;
  margin: 0;
  letter-spacing: -0.5px;
}

.blog-view-all {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  transition: all 0.2s ease;
  font-family: 'Jost', sans-serif;
}

.blog-view-all:hover {
  color: #0a3e70;
  text-underline-offset: 6px;
}

.blog-cards-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.blog-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #ebe7df;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
  display: flex;
  flex-direction: column;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  border-color: #d6cfc0;
}

.blog-card-link {
  text-decoration: none !important;
  color: inherit !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.blog-card-img-wrap {
  position: relative;
  width: 100%;
  height: 170px;
  overflow: visible;
  background: #f1f3f5;
}

.blog-card-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  transition: transform 0.35s ease;
}

.blog-card:hover .blog-card-img-wrap img {
  transform: scale(1.03);
}

.blog-badge-icon {
  position: absolute;
  bottom: -16px;
  left: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #141414;
  color: #ffffff;
  border: 3px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  transition: background 0.25s ease, transform 0.25s ease;
}

.blog-badge-icon i {
  line-height: 1;
}

.blog-card:hover .blog-badge-icon {
  background: #0a3e70;
  transform: scale(1.06);
}

.blog-card-body {
  padding: 24px 16px 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-meta {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #8c8c8c;
  margin-bottom: 8px;
  line-height: 1.3;
}

.blog-card-title {
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.42;
  color: #1a1a1a;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.blog-card:hover .blog-card-title {
  color: #0a3e70;
}

/* Responsive Breakpoints */
@media screen and (max-width: 1200px) {
  .blog-cards-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

@media screen and (max-width: 991px) {
  .blog-updates-section {
    padding: 50px 0 65px;
  }
  .blog-main-title {
    font-size: 30px;
  }
  .blog-cards-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 16px;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .blog-cards-grid::-webkit-scrollbar {
    height: 6px;
  }
  .blog-cards-grid::-webkit-scrollbar-thumb {
    background: #d4cfc5;
    border-radius: 4px;
  }
  .blog-card {
    flex: 0 0 280px;
    scroll-snap-align: start;
  }
}

@media screen and (max-width: 576px) {
  .blog-main-title {
    font-size: 26px;
  }
  .blog-card {
    flex: 0 0 260px;
  }
  .blog-card-img-wrap {
    height: 155px;
  }
}