@charset "utf-8";
/* CSS Document */

#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0 0 -2px;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:150}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button,#cssmenu ul ul li.has-sub>a:before{display:none}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li>a{text-decoration:none;transition:.5s}#cssmenu>ul>li:hover>a{transition:.5s}#cssmenu ul ul{margin-top:0}#cssmenu.align-right ul ul{text-align:right}#cssmenu ul ul li{transition:.25s;margin-bottom:11px;padding:0;width:200px;text-transform:capitalize!important;position:relative;height:30px}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{left:auto;right:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul ul li.has-sub>a:after{top:16px;right:7px;width:8px;height:2px}#cssmenu>ul>li.has-sub>a{padding-right:10px}#cssmenu>ul>li a{border:none}#cssmenu>ul ul li a{border:none;padding-bottom:10px!important}#cssmenu>ul>li a:hover{color:#08693f}#cssmenu>ul ul{margin-top:14px}#cssmenu>ul ul li a:hover{background:0 0;transition:.5s}#cssmenu ul{padding:0}#cssmenu ul ul{top:50px;opacity:0;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s}#cssmenu ul ul ul{margin-left:100%;top:0;opacity:1;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s;background:#492b2d;margin-top:0}#cssmenu>ul>li:hover>ul{left:auto;top:20px;opacity:1}#cssmenu ul ul li a{border-bottom:1px solid rgba(143,143,143,.5);border-bottom:none;padding:11px;text-transform:capitalize;font-size:12px;color:#fff;-webkit-transition:.35s;margin:0!important;-moz-transition:.35s;-ms-transition:.35s;-o-transition:.35s;transition:.35s}#cssmenu ul ul li.has-sub::after{right:10px;top:12px;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition:-webkit-transform .2s,right .2s}@media all and (max-width:900px){#cssmenu #menu-button,#cssmenu .submenu-button{position:absolute;right:0;display:block;cursor:pointer}#cssmenu,#cssmenu .submenu-button.submenu-opened{background:0 0}#cssmenu ul li a{color:#fff!important}#cssmenu .submenu-button.submenu-opened:before,#cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{display:none}#cssmenu ul ul li{width:100%!important;margin-bottom:0}#cssmenu ul{width:100%;margin-top:0;padding:0 10px}#cssmenu.align-center>ul{text-align:left}#cssmenu ul li{width:100%}#cssmenu li:hover>ul>li,#cssmenu ul ul li{height:auto}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;padding-bottom:17px!important;padding-top:8px}#cssmenu ul ul ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu #menu-button:after,#cssmenu #menu-button:before{right:8px;width:30px;content:'';position:absolute}#cssmenu #menu-button{padding:17px;color:#ddd;font-size:12px;text-transform:uppercase;font-weight:700;width:46px;border-radius:4px}#cssmenu #menu-button:after{top:16px;display:block;height:8px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}#cssmenu #menu-button:before{top:10px;display:block;height:2px;background:#ddd}#cssmenu ul ul .submenu-button{height:34px;width:34px}#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:''}#cssmenu ul ul .submenu-button:after{top:15px;right:13px}#cssmenu .submenu-button.submenu-opened:after{content:'\f068';font-family:FontAwesome;color:#fff}#cssmenu .submenu-button:before{position:absolute;top:19px;right:19px;display:block;height:8px;content:'\f067';font-family:FontAwesome;color:#fff}#cssmenu ul ul .submenu-button:before{top:12px;right:16px}#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{top:11px}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{z-index:auto}#cssmenu{position:fixed;z-index:160;right:15px;width:91.5%;border-radius:2px}ul.socialMedia{float:left}#cssmenu>ul>li>a{padding-bottom:15px}#cssmenu ul ul{padding:0;opacity:1}#cssmenu ul ul li a{background:0 0;font-size:12px;padding-bottom:5px;padding-left:20px!important}#cssmenu .submenu-button{z-index:99;top:0;height:38px;border:none}#cssmenu>ul ul{top:0;margin-top:0}}@media (min-width:768px) and (max-width:1024px){.sliderC{margin-top:0}#cssmenu #menu-button{right:14px}.addressBox{height:120px}@media (min-width:603px) and (max-width:966px){#cssmenu>ul>li a{padding:10px 13px!important}.addressBox h6{font-size:13px}}}@media (max-width:760px){#cssmenu .submenu-button{width:50px}#cssmenu ul ul{background:#404040!important;top:0!important}#cssmenu ul ul li{width:100%!important}.spcificHeight{height:400px!important;overflow-y:scroll!important}#cssmenu>ul>li{padding:0;padding-bottom:0!important}#cssmenu>ul>li a{padding:10px!important}#cssmenu #menu-button{background:#dadada;border:1px solid #fff}#cssmenu #menu-button::before{background:#7b8284}#cssmenu #menu-button::after{border-bottom:2px solid #7b8284;border-top:2px solid #7b8284}}








body{margin:0px 0px; padding:0px 0px;  font-family: "Poppins", sans-serif;
}
header{ position:absolute; top:0; left:0; right:0; margin:0px auto;  z-index:50; margin-top:25px;}
.logo{overflow:hidden; margin:16px 0px;}
.logo img{ max-width:100%;}
 
#cssmenu{   padding:0px 0px 0px;  
  }

#cssmenu > ul > li{font-size:15px; text-transform:capitalize;   margin-left:0px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{   padding:10px 15px 35px 15px; color:#fff; position:relative; font-weight:500 }




#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#d9a04c;}
#cssmenu > ul > li a.active{ color:#d9a04c!important;}

#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active{  }



#cssmenu{  }


#cssmenu > ul ul li a{ border-bottom:1px solid #05312c;}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 1.5s;
 transition-property: opacity;
}

.head-right{ float:right; display:flex; margin-top:15px;}
#cssmenu{}
.header-btn{ background:#0072b8; display:table; font-size:16px; color:#fff; padding:6px 10px;}
a{ text-decoration:none;}
.head-links a{ float:left; margin-left:20px;}

.top-whts{ margin-top:7px; color:#37ad09; font-size:20px; margin-left:30px;  display:inline;}

.sliderC{ background:#1f2024; width:100%;}


#intro1 { background:#1e1e20 url(../images/slider-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto;
 width: 100%;   position: relative; height:100%;  background-attachment:fixed;  margin-top:50px; background-size:100%  auto;

}



.sliderC .carousel-caption {
  position: absolute;
  right:auto; bottom:auto; top:35%;
 left:5%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;text-transform:uppercase;  font-family: "Anton", sans-serif;

}



.sliderC img{ width:100%;}

.sliderC h1{ font-size:39px; font-weight:normal; text-transform:uppercase; letter-spacing:5px; position:relative;
 padding-bottom:6px; margin-bottom:10px;}
.sliderC h2{ font-size:56px;font-weight:normal;  line-height:70px; }

.slider-image{ background:url(../images/banner-patern.png) bottom left no-repeat; padding:0px 0px 30px 30px; max-width:72%; margin-top:75px;}
.slider-image img{ max-width:100%; border:8px solid rgba(255, 255, 255, 0.4);}



/*nivo -slider*/




.slider-area {
  position: relative; color:#FFF;




}

.custom-slider {position: relative;}

.layer-1 h2, .layer-2 h2 {

}
.layer-1 p, .layer-2 p { padding: 0;}
.layer-1 a, .layer-2 a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #999;

  font-weight: 600;
  margin-top: 40px;
  padding: 12px 35px 8px;
  text-transform: uppercase;
}
.nivo-caption a {
  display: table!important;
}
.layer-1 a:hover, .layer-2 a:hover {

  color: #fff;

}
.slider-area .nivo-directionNav {display: none;}
.nivo-controlNav {
  bottom: 0;
  left:0%;
  position: absolute; text-align:left;
  right: 0%;
  z-index: 9;  display:block; max-width:1270px; margin:0px auto;
}
.nivo-controlNav a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  position: relative;
  text-indent: -9999px;

}
.nivo-controlNav a::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 6px;
}
.nivo-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
/*.slider-content .layer-1.layer-2 {

  margin-left:0%;
  margin-right: 8%;
  position: relative;
  width: 60%;
}*/
.layer-1.layer-3 p {  margin-right: 5%;}
.slider-area .slider-progress{
	background-color: rgba(50, 196, 209, .5);
}
.slider-area.style-2 .slider-progress {
  background-color: rgba(50, 196, 209, 0.2);
}
.slider-area.style-2  .nivo-directionNav {
  display: block;
}
.slider-area.style-2  .nivo-directionNav a {
  background: transparent none repeat scroll 0 0;
 
  color: #999999;
  cursor: pointer;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  width: 100px;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.slider-area.style-2 :hover .nivo-directionNav a {
    opacity: 1;
    right: 0;
}
.slider-area.style-2 :hover .nivo-prevNav {
    opacity: 1;
    left: 0;
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
 
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
    border-color: transparent;
}
/* slider-area.style-2 .nivo-controlNav */
.slider-area.style-2  .nivo-controlNav a {
 width:10px; height:10px; border-radius:50%;
 background:#fff;
display: block;
margin-bottom: 5px;
margin: 25px 0px;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background:#d9a04b ; width:10px; height:10px; border-radius:50%; top:0; left:0; border:none;
}
    
.nivo-controlNav a.active{ border:none!important;}



.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#ed1c24; }

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;  }

.nivo-controlNav{ bottom:30px;}

nivo-controlNav {
    bottom: 35%;
}
.nivo-controlNav {
    text-align: left;
    padding-left: 5%;
}
.nivo-controlNav {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 9%;
    z-index: 9;
}
.nivo-controlNav {
    padding: 15px 0;
        padding-left: 0px;
    text-align: center;
}



.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#FFF;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}



a:hover{ text-decoration:none;}





.slider-content .layer-1 {
    margin-left: 0%; margin-top:30%;
    
}









.sld-cap{ text-align:center;}
.sld-cap h1{ font-size:35px;font-family: "Poppins", sans-serif;}
.nivo-caption{ color:#FFFFFF;}

.slider-content .layer-1 {
    margin-left: 0%;
    margin-top: 10%;
}

.nivo-caption{opacity:1!important;}


.nivo-directionNav{ display:none!important;}












.sld-cap{  color:#fff;}

.sliderC  h2{ font-size:30px; font-weight:400;  margin:0px 0px 0px; color:#d9a04b;  line-height:30px;   

}



.sliderC  h3{ font-size:56px; text-transform:uppercase;  font-family: "Anton", sans-serif; font-weight:800; letter-spacing:2px;}

	.sliderC  h4{ font-size:33x;  letter-spacing:2px; margin-bottom:30px;}


.sliderC p{}


.slider-txt{ width:40%;}


.cap-inner .more-btn{ font-size:14px;  letter-spacing:2px; padding:15px 25px; background:#d9a04b; color:#000000; font-weight:normal;}

a{ text-decoration:none;}

.cap-inner  a:hover{-webkit-transition: all .6s ease-in-out; background:#444444;}
.cap-inner img{ margin-left:10px; margin-right:2px;}
.cap-inner img{ width:auto;}


.cap-inner img{ position:static;}

.slider-content .layer-1 {
    margin-left: 0%;
    margin-top: 22%;
}

.cap-inner  a:hover img {
  transition: transform .7s ease-in-out;
}
.cap-inner  a:hover img {
  transform: rotate(360deg);
}


.top-ph{ float:right; color:#FFFFFF;}
.hd-top-sec{ overflow:hidden;}
#cssmenu{ float:right;}



/*about-sec*/

.about-top-sec {
    background: #ffffff;
    padding: 100px 0;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.about-top-sec .main-img {
    position: relative;
    display: inline-block;
}

.about-top-sec .main-img img {
    width: 100%;
    border-radius: 4px;
}

.about-top-sec .blue-border {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 100%;
    height: 100%;
    border: 3px solid #1f57ff;
    z-index: -1;
}
.about-top-sec .main-img {
    position: relative;
    display: inline-block;
}

.about-top-sec .main-img img:first-child {
    position: relative;
    z-index: 2;
    display: block;
}

.about-top-sec .blue-border {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100%;
    height: 100%;
    border: 4px solid #1f57ff;
    z-index: 1;
}
.about-top-sec .small-img {
    position: absolute;
    bottom: -60px;
    right: -60px; z-index:10;
    width: 260px!important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15); border:10px solid #fff;
}

.about-top-sec h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2;
}

.about-top-sec h2 span {
    color: #d19a3d;
}

.about-top-sec .underline {
    width: 90px;
    height: 4px;
    background: #d19a3d;
    margin: 20px 0 30px;
}

.about-top-sec p {
    color: #666;
    line-height: 1.8;
}

.about-top-sec .feature-list {
    list-style: none;
    padding: 0;
}

.about-top-sec .feature-list li {
    margin-bottom: 12px;
    font-weight: 500;
}

.about-top-sec .feature-list i {
    color: #1f57ff;
    margin-right: 10px;
}

.about-top-sec .customers-box {
    border-left: 1px dashed #ccc;
    padding-left: 30px;
}

.about-top-sec .avatars img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-left: -12px;
}

.about-top-sec .avatars .plus {
    width: 45px;
    height: 45px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -12px;
    font-weight: 600;
}

.about-top-sec .customers-text span {
    color: #1f57ff;
    font-weight: 600;
}

@media (max-width: 991px) {
    .about-top-sec .small-img {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 20px;
        width: 100%;
    }

    .about-top-sec .customers-box {
        border-left: none;
        padding-left: 0;
        margin-top: 30px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1290px;
    }
}

.about-top-sec .feature-list i {
    color: #1f57ff;
}






/* ===============================
IMAGE HOVER ZOOM
===============================*/
.about-top-sec .main-img img:first-child{
transition: transform .7s ease;
}

.about-top-sec .main-img:hover img:first-child{
transform: scale(1.08);
}


/* ===============================
BORDER ANIMATION
===============================*/
.about-top-sec .blue-border{
transition: all .5s ease;
}

.about-top-sec .main-img:hover .blue-border{
top:-10px;
right:-10px;
border-color:#d19a3d;
}


/* ===============================
FLOATING SMALL IMAGE
===============================*/
.about-top-sec .small-img{
animation: floatImg 5s ease-in-out infinite;
}

@keyframes floatImg{
0%{transform:translateY(0px);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0px);}
}


/* ===============================
HEADING FADE UP
===============================*/
.about-top-sec h2{
animation: aboutFade 1.2s ease;
}

@keyframes aboutFade{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}


/* ===============================
UNDERLINE EXPAND
===============================*/
.about-top-sec .underline{
transition: width .4s ease;
}

.about-top-sec:hover .underline{
width:140px;
}


/* ===============================
FEATURE LIST HOVER
===============================*/
.about-top-sec .feature-list li{
transition: all .35s ease;
}

.about-top-sec .feature-list li:hover{
transform: translateX(10px);
color:#1f57ff;
}

.about-top-sec .feature-list li i{
transition: transform .3s ease;
}

.about-top-sec .feature-list li:hover i{
transform: scale(1.3);
}


/* ===============================
AVATAR HOVER
===============================*/
.about-top-sec .avatars img{
transition: all .35s ease;
}

.about-top-sec .avatars img:hover{
transform: translateY(-6px) scale(1.1);
z-index:2;
}


/* ===============================
PLUS ICON ROTATION
===============================*/
.about-top-sec .avatars .plus{
transition: all .3s ease;
}

.about-top-sec .avatars .plus:hover{
transform: rotate(90deg);
background:#1f57ff;
}


/* ===============================
CUSTOMER BOX HOVER
===============================*/
.about-top-sec .customers-box{
transition: all .4s ease;
}

.about-top-sec .customers-box:hover{
transform: translateY(-8px);
}





.serviceC {
    background: radial-gradient(circle at top left, #1d2a44, #0f172a 60%);
    padding: 100px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

/* Experience Box */
.serviceC .exp-box {
    border: 1px solid rgba(255,255,255,0.2);
    padding: 25px 40px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.serviceC .exp-box h2 {
    font-size: 60px;
    font-weight: 700;
    color: #f4b544;
    margin: 0;
}

.serviceC .exp-box span {
    font-size: 14px;
    opacity: 0.8;
}

/* Section Label */
.serviceC .section-label {
    color: #f4b544;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 15px;
}

.serviceC h3 {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

.serviceC p {
    color: rgba(255,255,255,0.75);
    line-height: 1.8;
}

/* Button */
.serviceC .btn-serviceC {
    background: #1f2937;
    padding: 12px 28px;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: none;
    transition: 0.3s;
}

.serviceC .btn-serviceC:hover {
    background: #f4b544;
    color: #000;
}

/* Cards */
.serviceC .info-card {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.serviceC .info-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    transition: 0.5s;
}

.serviceC .info-card:hover img {
    transform: scale(1.05);
}

.serviceC .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
}

.serviceC .card-overlay h5 {
    font-size: 20px;
    font-weight: 500;
}

.serviceC .read-more {
    color: #f4b544;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

.serviceC .read-more:hover {
    text-decoration: underline;
}





/* Responsive */
@media (max-width: 991px) {
    .serviceC h3 {
        font-size: 32px;
    }

    .serviceC .info-card img {
        height: 350px;
    }
}




.serviceC {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;

    /* Animated Gradient */
    background: linear-gradient(-45deg, #0f172a, #1d2a44, #0f1c33, #16213e);
    background-size: 400% 400%;
    animation: gradientMove 12s ease infinite;
}

/* Gradient Animation */
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Floating Light Effects */
.serviceC::before,
.serviceC::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(244,181,68,0.15), transparent 70%);
    filter: blur(80px);
    animation: floatGlow 10s ease-in-out infinite alternate;
    z-index: 0;
}

.serviceC::before {
    top: -100px;
    left: -100px;
}

.serviceC::after {
    bottom: -150px;
    right: -100px;
    animation-delay: 3s;
}

@keyframes floatGlow {
    from { transform: translateY(0px) translateX(0px); }
    to { transform: translateY(40px) translateX(30px); }
}

/* Make Content Above Animation */
.serviceC .container {
    position: relative;
    z-index: 2;
}






/* -------------------- COUNTER SECTION -------------------- */

.counter-sec {

    padding: 80px 0;
}

.counter-sec h2 {
    font-size: 40px;
    font-weight: 700;
    color: #d19a3d;
}

.counter-sec p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

/* -------------------- IMAGE SECTION -------------------- */

.image-sec img {
    width: 100%;
    height: auto;
    display: block;
}

/* -------------------- DARK FEATURE SECTION -------------------- */

.feature-sec {
    background: #30373f;
    color: #fff;
    padding: 100px 0; padding-top:300px; margin-top:-200px;
}

.feature-sec h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}

.feature-sec .btn-custom {
    background: #d19a3d;
    color: #fff;
    padding: 12px 28px;
    border-radius: 50px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    transition: 0.3s;
}

.feature-sec .btn-custom:hover {
    background: #b8822e;
}

.feature-box {
    margin-bottom: 40px;
}

.feature-box i {
    font-size: 30px;
    color: #d19a3d;
    margin-bottom: 15px;
}

.feature-box h5 {
    font-weight: 600;
    margin-bottom: 10px;
}

.feature-box p {
    color: rgba(255,255,255,0.75);
    font-size: 14px;
    line-height: 1.7;
}

.feature-box {
    gap: 15px;
    margin-bottom: 40px;
    align-items: flex-start;
}

.icon-img img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.feature-box h5 {
    font-weight: 600;
    margin-bottom: 8px;
}

.feature-box p {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255,255,255,0.75);
}

.btn-icon {
    width: 14px;
    margin-left: 8px;
}


/* ===============================
SECTION FADE IN
===============================*/
.feature-sec{
animation: featureFade 1.2s ease;
}

@keyframes featureFade{
from{
opacity:0;
transform:translateY(60px);
}
to{
opacity:1;
transform:translateY(0);
}
}


/* ===============================
HEADING SLIDE
===============================*/
.feature-sec h2{
animation: headingSlide 1s ease;
}

@keyframes headingSlide{
from{
opacity:0;
transform:translateX(-40px);
}
to{
opacity:1;
transform:translateX(0);
}
}


/* ===============================
FEATURE BOX HOVER EFFECT
===============================*/
.feature-box{
transition: all .35s ease;
}

.feature-box:hover{
transform: translateY(-8px);
}


/* ===============================
ICON IMAGE HOVER
===============================*/
.icon-img img{
transition: all .4s ease;
}

.feature-box:hover .icon-img img{
transform: rotate(8deg) scale(1.15);
}


/* ===============================
FEATURE TEXT COLOR EFFECT
===============================*/
.feature-box h5{
transition: color .3s ease;color:#000; text-align: left;
}

.feature-box:hover h5{
color:#d19a3d;
}
 .feature-box p{ text-align: left;}

/* ===============================
BUTTON HOVER EFFECT
===============================*/
.btn-custom{
position:relative;
overflow:hidden;
transition: all .3s ease;
}

.btn-custom:hover{
transform: translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.25);
}


/* ===============================
BUTTON ARROW MOVE
===============================*/
.btn-icon{
transition: transform .3s ease;
}

.btn-custom:hover .btn-icon{
transform: translateX(6px);
}


/* ===============================
STAGGER FEATURE ANIMATION
===============================*/
.feature-box{
opacity:0;
animation: featureUp .8s forwards;
}

.feature-box:nth-child(1){animation-delay:.2s;}
.feature-box:nth-child(2){animation-delay:.4s;}
.feature-box:nth-child(3){animation-delay:.6s;}
.feature-box:nth-child(4){animation-delay:.8s;}

@keyframes featureUp{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}



			#intro-1 { background:#000 url(../images/p1.jpg)  no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 150px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}


			#intro-3 { background:url(../images/intro-2.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 150px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}


.md-sec{ text-align:center;}

.md-sec h2{ text-align:center; font-weight:200; font-size:60px;}

/*quality*/

.quality-sec{
padding:120px 0;
position:relative;
overflow:hidden;
}


/* IMAGE */

.quality-img{
position:relative;
}

.quality-img img{
width:100%;
border-radius:4px;
box-shadow:0 30px 60px rgba(0,0,0,0.12);
animation: fadeUp 1s ease;
}


/* BOTTOM RIGHT DOTS */

.img-pattern{
position:absolute;
width:150px;
height:150px;

right:-60px;
bottom:-60px;

background-image: radial-gradient(#cfcfcf 2px, transparent 2px);
background-size:18px 18px;

opacity:.7;

animation: floatDots 6s infinite ease-in-out;
}


/* RIGHT TEXT AREA */

.quality-text{
padding-left:80px;
position:relative;
animation: fadeRight 1.2s ease;
}


.quality-text span{

letter-spacing:4px;
font-size:13px;
font-weight:600;
color:#c39b46;
}


.quality-text h2{

font-size:37px;
font-weight:400;
line-height:1.2;
margin:20px 0;
color:#2b2b2b;
}


.quality-text p{

color:#6c757d;
line-height:1.7;
max-width:420px;
}


/* RIGHT SIDE PATTERN */

.right-pattern{

position:absolute;

right:-120px;
top:50%;

transform:translateY(-50%);

width:160px;
height:300px;

background-image: radial-gradient(#d8d8d8 2px, transparent 2px);
background-size:18px 18px;

opacity:.6;

animation: floatDots 7s infinite ease-in-out;
}


/* ANIMATIONS */

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(40px);
}

to{
opacity:1;
transform:translateY(0);
}

}


@keyframes fadeRight{

from{
opacity:0;
transform:translateX(40px);
}

to{
opacity:1;
transform:translateX(0);
}

}


@keyframes floatDots{

0%{ transform:translateY(0);}
50%{ transform:translateY(-15px);}
100%{ transform:translateY(0);}

}


/* RESPONSIVE */

@media (max-width:991px){

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

.right-pattern{
display:none;
}

.img-pattern{
right:-30px;
bottom:-30px;
}

.quality-text h2{
font-size:36px;
}

}




#intro-2 { background:#000 url(../images/md-2.jpg)  no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 150px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}



.cta-section{

position:relative;




align-items:center;


}


/* LEFT DARK GRADIENT */

.cta-section::before{

content:"";

position:absolute;

top:0;
left:0;

width:60%;
height:100%;

background:linear-gradient(
to right,
rgba(0,0,0,0.95),
rgba(0,0,0,0.7),
rgba(0,0,0,0)
);

z-index:1;

}


/* CONTENT */

.cta-content {
  position: relative;
  z-index: 2;
  animation: fadeUp 1.2s ease;
  text-align: center;
}


/* SUBTITLE */

.cta-subtitle{

color:#d6a84f;

letter-spacing:3px;

font-size:16px;

margin-bottom:15px;

}


/* TITLE */

.cta-title{

font-size:60px;

font-weight:700;

line-height:1.2;

margin-bottom:30px;

}


/* BUTTON */

.cta-btn{

background:white;

color:#222;

padding:14px 35px;

border-radius:40px;

font-weight:600;

text-decoration:none;

transition:0.3s;

}

.cta-btn:hover{

background:#d6a84f;

color:white;

}


/* ANIMATION */

@keyframes fadeUp{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:translateY(0);

}

}


/* RESPONSIVE */

@media (max-width:991px){

.cta-title{

font-size:38px;

}

.cta-section{

height:420px;

}

}



.testimonial-section{

padding:120px 0;

background:#24272e;

color:white;

}


/* TITLE */

.testimonial-title{

text-align:center;

font-size:48px;

font-weight:700;

margin-bottom:70px;

}


/* CARD */

.testimonial-card{

background:#2d3238;

padding:45px;

border-radius:6px;

transition:0.4s;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,0.2);

}


/* HOVER EFFECT */

.testimonial-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 50px rgba(0,0,0,0.35);

}


/* QUOTE ICON */

.quote-icon{

font-size:40px;

color:#d4a148;

margin-bottom:20px;

}


/* TEXT */

.testimonial-text{

color:#cfd6df;

line-height:1.8;

margin-bottom:30px;

}




/* CLIENT AREA */

.client-info{

display:flex;

align-items:center;

gap:15px;

}


.client-img{

width:60px!important;

height:60px;

border-radius:50%;

object-fit:cover;

}


.client-name{

font-size:18px;

font-weight:600;

margin:0;

}


.client-role{

color:#b5bdc8;

font-size:14px;

}


/* RESPONSIVE */

@media (max-width:991px){

.testimonial-title{

font-size:36px;

}

}





.projects-section a{ color:#FFFFFF!important;}


/* SECTION */

.projects-section{
padding:120px 0;
background:#202128;
text-align:center;
color:#fff;
}

.projects-subtitle{
color:#f49b21;
letter-spacing:3px;
font-size:14px;
font-weight:600;
margin-bottom:10px;
}

.projects-title{
font-size:48px;
font-weight:700;
margin-bottom:15px;
}

.projects-desc{
color:#b8c1cc;
max-width:650px;
margin:auto;
margin-bottom:70px;
line-height:1.7;
}


/* CARD */

.project-card{

position:relative;

overflow:hidden;

border-radius:16px;

background:#202736;

transition:0.5s;

box-shadow:0 15px 40px rgba(0,0,0,0.25);

}


/* IMAGE */

.project-card img{

width:100%;

height:260px;

object-fit:cover;

transition:transform .7s ease;

}


/* TITLE */

.project-title{

position:absolute;

bottom:0;

width:100%;

padding:20px;

font-size:20px;

font-weight:600;

background:linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0));

transition:.4s;

}


.project-card{
position:relative;
overflow:hidden;
border-radius:12px;
transition:.4s;
}

/* IMAGE */

.project-card img{
width:100%;
display:block;
transition:transform .6s ease;
}

/* OVERLAY GRADIENT */

.project-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0));
opacity:.9;
}

/* TEXT AREA */

.project-title{
position:absolute;
left:20px;
bottom:20px;
color:#fff;
font-size:20px;
font-weight:600;
z-index:2;
padding-left:12px;
border-left:4px solid #d9a04b;
transition:.4s;
}

/* HOVER */

.project-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.project-card:hover img{
transform:scale(1.08);
}

/* TEXT MOVE EFFECT */

.project-card:hover .project-title{
bottom:28px;
}

/*clients*/

.client-logos{
padding:60px 0;
background:#fff;
}

.client-logo{
opacity:.7;
transition:.3s;
}

.client-logo:hover{
opacity:1;
transform:scale(1.05);
}


/* WHY CHOOSE */

.why-choose{
padding:100px 0;
background:#f6f6f6;
}

.subtitle{
color:#f49b21;
letter-spacing:3px;
font-size:14px;
margin-bottom:15px;
}

.section-head h2{
font-size:44px;
font-weight:700;
margin-bottom:60px;
}


.feature-icon{
width:80px;
height:80px;
margin:auto;
margin-bottom:20px;
border-radius:50%;
background:#eee;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
color:#333;
transition:.4s;
}

.feature-box:hover .feature-icon{
background:#f49b21;
color:#fff;
transform:translateY(-6px);
}

.feature-box h5{
font-weight:600;
margin-bottom:10px;
}

.feature-box p{
color:#666;
font-size:14px;
}

.feature-icon{ overflow:hidden;}
.feature-icon img{ width:100%;}

.md-3 h2{ font-size:55px; text-align:center;  font-family: "Rajdhani", sans-serif; font-weight:400;
}
.md-3 h2 b{ font-size:68px;font-weight:400}



.footer-sec{
    background:#020b32;
    color:#fff;
    padding:80px 0 30px;
}

.footer-title{
    font-weight:600;
    margin-bottom:20px;
}

.footer-text{
    color:#c9d3e3;
    margin-bottom:25px;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    text-decoration:none;
    color:#c9d3e3;
    transition:0.3s;
}

.footer-links a:hover{
    color:#fff;
}

.newsletter-box{
    display:flex;
    border:1px solid #8a96b8;
    max-width:350px;
}

.newsletter-box input{
    border:none;
    padding:12px 15px;
    width:100%;
    background:transparent;
    color:#fff;
}

.newsletter-box input::placeholder{
    color:#c9d3e3;
}

.newsletter-box button{
    background:#e5e5e5;
    border:none;
    padding:0 20px;
    font-weight:600;
}

.contact-item{
    display:flex;
    gap:15px;
    margin-bottom:20px;
}

.contact-item i{
    font-size:18px;
    margin-top:5px;
}

.contact-item p{
    margin:0;
    color:#c9d3e3;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.15);
    margin-top:40px;
    padding-top:20px;
    font-size:14px;
    color:#c9d3e3;
}

.footer-links a{
    text-decoration:none;
    color:#c9d3e3;
    position:relative; font-size:14px;
    transition:0.3s;
}

.footer-links a::after{
    content:"";
    position:absolute;
    width:0;
    height:2px;
    left:0;
    bottom:-3px;
    background:#fff;
    transition:0.3s;
}

.footer-links a:hover{
    color:#fff;
}

.footer-links a:hover::after{
    width:100%;
}

.contact-item i{
    font-size:34px;
    margin-top:5px;
    transition:0.3s;
}

.contact-item:hover i{
    color:#4da3ff;
    transform:scale(1.2);
}
.newsletter-box button{
    background:#e5e5e5;
    border:none;
    padding:0 20px;
    font-weight:600;
    transition:0.3s;
}

.newsletter-box button:hover{
    background:#4da3ff;
    color:#fff;
}

.newsletter-box{
    display:flex;
    border:1px solid #8a96b8;
    max-width:350px;
    transition:0.3s;
}

.newsletter-box:focus-within{
    border-color:#4da3ff;
    box-shadow:0 0 8px rgba(77,163,255,0.4);
}

.footer-sec .col-lg-3,
.footer-sec .col-lg-2{
    transition:0.3s;
}

.footer-sec .col-lg-3:hover,
.footer-sec .col-lg-2:hover{
    transform:translateY(-5px);
}






/* INNER BANNER */
.inner-banner{
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
}

/* Banner Image */
.inner-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    animation: bannerZoom 8s ease-in-out forwards;
}

/* Dark Overlay */
.inner-banner::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, rgba(0,0,0,0.65), rgba(0,0,0,0.25));
}

/* Title Area */
.inner-banner .page-title{
    position: absolute; left:0; right:0; margin:0px auto;
  

    align-items: center;
    z-index: 2; bottom:50px;
}


/* Title Animation */
.inner-banner h1{
    color:#fff;
    font-size:32px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:0;
    transform:translateY(40px);
    animation:titleFade 1.2s ease forwards;
    animation-delay:.5s;
    position:relative;
    padding-bottom:15px;
}

/* Animated underline */
.inner-banner h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:4px;
    background:#bb2337;
    border-radius:3px;
    animation:lineGrow 1s ease forwards;
    animation-delay:1.2s;
}

/* IMAGE ZOOM */
@keyframes bannerZoom{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.1);
    }
}

/* TITLE FADE UP */
@keyframes titleFade{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* UNDERLINE ANIMATION */
@keyframes lineGrow{
    from{
        width:0;
    }
    to{
        width:80px;
    }
}

/* RESPONSIVE */
@media (max-width:768px){

.inner-banner{
    height:250px;
}

.inner-banner h1{
    font-size:34px;
}

}



/* SECTION */

.ceo-animated{
position:relative;
padding:120px 0;
background:#111;
color:#fff;
overflow:hidden;
}

/* FLOATING SHAPES */

.floating-shape{
position:absolute;
border-radius:50%;
background:#d9a04c;
opacity:.15;
animation:float 12s infinite linear;
}

.shape1{
width:200px;
height:200px;
top:10%;
left:5%;
}

.shape2{
width:150px;
height:150px;
bottom:15%;
right:10%;
animation-duration:16s;
}

.shape3{
width:100px;
height:100px;
top:60%;
left:35%;
animation-duration:10s;
}

/* FLOAT ANIMATION */

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-60px);
}

100%{
transform:translateY(0);
}

}

/* IMAGE */

.ceo-img-box2{
border-radius:20px;
overflow:hidden;
box-shadow:0 25px 60px rgba(0,0,0,0.4);
}

.ceo-img-box2 img{
width:100%;
transition:.6s;
}

.ceo-img-box2:hover img{
transform:scale(1.08);
}

/* CARD */

.ceo-msg-card{
background:rgba(255,255,255,0.06);
backdrop-filter:blur(10px);
padding:50px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.1);
}

/* MINI TITLE */

.ceo-mini{
text-transform:uppercase;
letter-spacing:2px;
color:#d9a04c;
margin-bottom:10px;
}

/* TITLE */

.ceo-title2{
font-size:40px;
font-weight:700;
margin-bottom:20px;
}

/* TEXT */

.ceo-msg-card p{
color:#ddd;
line-height:1.9;
}

/* SIGN */

.ceo-sign2{
margin-top:25px;
}

.ceo-sign2 span{
color:#d9a04c;
}

/* RESPONSIVE */

@media(max-width:991px){

.ceo-title2{
font-size:32px;
}

.ceo-msg-card{
padding:35px;
}

}

.inner-pages .inner-products{ margin-bottom:35px;}

.inner-pages .serviceC{ background:#fff;}



.product-hero{
background:#ccc;
padding:90px 0;
color:#fff;
position:relative;
overflow:hidden;
}

.product-hero:before{
content:"";
position:absolute;
width:400px;
height:400px;
background:#d9a04c;
opacity:.07;
border-radius:50%;
top:-150px;
right:-150px;
}

/* TITLE */

.product-title{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.product-title span{
color:#d9a04c;
}

/* TEXT */

.product-text{
color:#000;
line-height:1.9;
}

/* BUTTON */

.btn-gold{
background:#d9a04c;
color:#fff;
padding:12px 28px;
border-radius:30px;
text-decoration:none;
display:inline-block;
margin-top:20px;
}

/* IMAGE */

.product-slider img{
border-radius:12px;
height:420px;
object-fit:cover;
}

/* FEATURE CARDS */

.features-sec{
padding:80px 0;
background:#f8f8f8;
}

.feature-card{
background:#fff;
padding:30px;
border-radius:15px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
transition:.4s;
}

.feature-card i{
font-size:35px;
color:#d9a04c;
margin-bottom:15px;
}

.feature-card:hover{
transform:translateY(-8px);
}

/* TABS */

.spec-tabs{
padding:80px 0;
}

.nav-pills .nav-link{
border-radius:30px;
margin-right:10px;
color:#333;
}

.nav-pills .nav-link.active{
background:#d9a04c;
}

/* TABLE */

.spec-table td{
padding:12px;
border-bottom:1px solid #eee;
}

/* APPLICATION */

.app-sec{
padding:80px 0;
background:#f4f4f4;
}

.app-box{
display:flex;
gap:15px;
margin-bottom:15px;
}

.app-box i{
color:#d9a04c;
font-size:22px;
}

/* CTA */

.cta-box{
background:#d9a04c;
padding:70px 0;
text-align:center;
color:#fff;
}

.cta-box h3{
font-weight:700;
margin-bottom:15px;
}



.spec-tabs{
padding:100px 0;
background:#f9f9f9;
}

/* TITLE */

.spec-title{
font-size:40px;
font-weight:700;
}

.spec-title span{
color:#d9a04c;
}

.spec-sub{
color:#666;
max-width:600px;
margin:auto;
}

/* NAV TABS */

.spec-nav .nav-link{
padding:12px 28px;
border-radius:40px;
background:#fff;
margin:0 6px;
color:#333;
font-weight:500;
border:1px solid #eee;
transition:.3s;
}

.spec-nav .nav-link:hover{
background:#d9a04c;
color:#fff;
}

.spec-nav .nav-link.active{
background:#d9a04c;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* CARD */

.spec-card{
background:#fff;
padding:40px;
border-radius:15px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
animation:fadeUp .5s ease;
}

/* TABLE */

.spec-table td{
padding:14px;
border-bottom:1px solid #eee;
}

.spec-table tr:last-child td{
border-bottom:none;
}

/* ADV LIST */

.adv-list{
list-style:none;
padding:0;
}

.adv-list li{
padding:10px 0;
border-bottom:1px solid #eee;
position:relative;
padding-left:25px;
}

.adv-list li:before{
content:"✔";
position:absolute;
left:0;
color:#d9a04c;
}

/* ANIMATION */

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(20px);
}

to{
opacity:1;
transform:translateY(0);
}

}

p{ font-size:14px;}


.app-sec{
padding:110px 0;
background:#f8f8f8;
}

/* TITLE */

.app-title{
font-size:40px;
font-weight:700;
}

.app-title span{
color:#d9a04c;
}

.app-sub{
max-width:650px;
margin:auto;
color:#666;
}

/* CARD */

.app-card{
background:#fff;
padding:35px;
border-radius:14px;
text-align:center;
transition:.4s;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
height:100%;
border:1px solid #eee;
}

/* ICON */

.app-icon{
width:70px;
height:70px;
margin:auto;
margin-bottom:18px;
background:#d9a04c;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:28px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

/* TEXT */

.app-card h5{
font-weight:600;
margin-bottom:10px;
}

.app-card p{
font-size:15px;
color:#666;
line-height:1.7;
}

/* HOVER */

.app-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.12);
border-color:#d9a04c;
}

/* RESPONSIVE */

@media(max-width:768px){

.app-title{
font-size:30px;
}

}









/*contact*/


.contact-hero{
background:#111;
padding:90px 0;
color:#fff;
text-align:center;
}

.contact-hero h1{
font-size:42px;
font-weight:700;
}

.contact-hero span{
color:#d9a04c;
}

/* CONTACT INFO */

.contact-info{
padding:80px 0;
background:#f9f9f9;
}

.contact-info .info-card{
background:#fff;
padding:35px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:.3s;
height:100%;
}

.info-card i{
font-size:32px;
color:#d9a04c;
margin-bottom:15px;
}

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

/* FORM */

.contact-form-sec{
padding:90px 0;
}

.contact-form{
background:#fff;
padding:40px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.contact-form h3{
margin-bottom:25px;
font-weight:700;
}

.contact-form .form-control{
border-radius:8px;
padding:12px;
border:1px solid #ddd;
}

.contact-form .btn{
background:#d9a04c;
color:#fff;
padding:12px 30px;
border-radius:30px;
border:none;
}

/* MAP */

.map-sec{
padding:80px 0;
}

.map-sec iframe{
width:100%;
height:400px;
border:0;
border-radius:12px;
}

/* OFFICE DETAILS */

.office-sec{
background:#f5f5f5;
padding:80px 0;
}

.office-box{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);  min-height: 237px;
}

.office-box h5{
color:#d9a04c;
font-weight:600;
margin-bottom:15px;
}


.contact-quick{
padding:90px 0;
background:linear-gradient(120deg,#d9a04c,#c68e3f);
color:#fff;
position:relative;
overflow:hidden;
}

/* decorative shapes */

.contact-quick:before{
content:"";
position:absolute;
width:300px;
height:300px;
background:rgba(255,255,255,0.1);
border-radius:50%;
top:-120px;
left:-120px;
}

.contact-quick:after{
content:"";
position:absolute;
width:250px;
height:250px;
background:rgba(255,255,255,0.08);
border-radius:50%;
bottom:-100px;
right:-100px;
}

/* heading */

.contact-quick h3{
font-size:36px;
font-weight:700;
margin-bottom:12px;
}

/* text */

.contact-quick p{
font-size:17px;
opacity:.9;
margin-bottom:25px;
}

/* button */

.contact-quick .btn{
background:#fff;
color:#333;
padding:12px 32px;
border-radius:40px;
font-weight:600;
transition:.3s;
border:none;
}

.contact-quick .btn:hover{
background:#222;
color:#fff;
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* responsive */

@media(max-width:768px){

.contact-quick h3{
font-size:28px;
}

.contact-quick p{
font-size:15px;
}

}



.clients-sec{
padding:110px 0;
background:#f9f9f9;
}

/* title */

.clients-title{
font-size:40px;
font-weight:700;
}

.clients-title span{
color:#d9a04c;
}

.clients-sub{
color:#666;
max-width:600px;
margin:auto;
}

/* client box */

.client-box{
background:#fff;
padding:10px;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;

border:1px solid #eee;
transition:.4s;
}

/* logo */

.client-box img{
max-width:100%;
filter:grayscale(100%);
opacity:.7;
transition:.4s;
}

/* hover */

.client-box:hover{
border-color:#d9a04c;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.client-box:hover img{
filter:grayscale(0%);
opacity:1;
transform:scale(1.05);
}

/* responsive */

@media(max-width:768px){

.clients-title{
font-size:30px;
}

.client-box{
height:100px;
padding:25px;
}

}

.inner-pages .pro-listing{ margin-bottom:30px;}
.inner-pages .pro-listing{ color:#FFFFFF;}
.project-title{ color:#FFFFFF;}



/*pro-details*/


/* HERO */

.project-hero{
position:relative;
height:380px;
overflow:hidden;
}

.project-hero img{
width:100%;
height:100%;
object-fit:cover;
}

.project-hero::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.6);
}

.project-hero .hero-content{
position:absolute;
bottom:40px;
left:0;
right:0;
color:#fff;
z-index:2;
}

.project-hero h1{
font-size:42px;
font-weight:700;
}

/* PROJECT DETAIL */

.project-detail{
padding:100px 0;
background:#f8f8f8;
}

/* SLIDER */

.project-slider img{
height:420px;
object-fit:cover;
border-radius:10px;
}

/* INFO CARD */

.project-info{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.project-info h5{
font-weight:600;
margin-bottom:20px;
border-bottom:2px solid #d9a04b;
padding-bottom:10px;
}

.project-info ul{
list-style:none;
padding:0;
}

.project-info li{
padding:10px 0;
border-bottom:1px solid #eee;
}

/* DESCRIPTION */

.project-desc{
margin-top:30px;
line-height:1.9;
color:#555;
}

/* FEATURES */

.project-features{
padding:80px 0;
}

.feature-box{
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
text-align:center;
transition:.3s;
}

.feature-box i{
font-size:32px;
color:#d9a04b;
margin-bottom:15px;
}

.feature-box:hover{
transform:translateY(-6px);
}

/* GALLERY */

.project-gallery{
padding:80px 0;
background:#f5f5f5;
}

.gallery-box{
overflow:hidden;
border-radius:10px;
}

.gallery-box img{
width:100%;
transition:.5s;
}

.gallery-box:hover img{
transform:scale(1.1);
}

/* CTA */

.project-cta{
background:#d9a04b;
color:#fff;
text-align:center;
padding:70px 0;
}

.project-cta h3{
font-weight:700;
margin-bottom:15px;
}

.project-hero{margin-top:30px; border-radius:10px; overflow:hidden;}


.project-highlights{
padding:100px 0;
background:#f8f8f8;
}

/* TITLE */

.highlight-title{
font-size:38px;
font-weight:700;
margin-bottom:20px;
}

.highlight-title span{
color:#d9a04b;
}

/* TEXT */

.highlight-text{
color:#555;
line-height:1.9;
margin-bottom:20px;
}

/* LIST */

.highlight-list{
list-style:none;
padding:0;
}

.highlight-list li{
padding:10px 0;
position:relative;
padding-left:28px;
border-bottom:1px solid #eee;
}

.highlight-list li::before{
content:"✔";
position:absolute;
left:0;
color:#d9a04b;
font-weight:bold;
}

/* IMAGE */

.highlight-image img{
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,.1);
}


.project-highlights{
padding:110px 0;
background:#f8f8f8;
overflow:hidden;
}

/* TITLE */

.highlight-title{
font-size:40px;
font-weight:700;
margin-bottom:20px;
opacity:0;
animation:fadeUp 1s ease forwards;
}

.highlight-title span{
color:#d9a04b;
}

/* TEXT */

.highlight-text{
color:#555;
line-height:1.9;
margin-bottom:25px;
opacity:0;
animation:fadeUp 1s ease forwards;
animation-delay:.3s;
}

/* LIST */

.highlight-list{
list-style:none;
padding:0;
}

.highlight-list li{
padding:12px 0;
padding-left:30px;
position:relative;
border-bottom:1px solid #eee;
opacity:0;
animation:fadeUp .8s ease forwards;
}

.highlight-list li:nth-child(1){animation-delay:.4s;}
.highlight-list li:nth-child(2){animation-delay:.5s;}
.highlight-list li:nth-child(3){animation-delay:.6s;}
.highlight-list li:nth-child(4){animation-delay:.7s;}
.highlight-list li:nth-child(5){animation-delay:.8s;}

.highlight-list li::before{
content:"✔";
position:absolute;
left:0;
color:#d9a04b;
font-weight:700;
}

/* IMAGE */

.highlight-image{
overflow:hidden;
border-radius:12px;
box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.highlight-image img{
width:100%;
transition:transform .7s ease;
}

.highlight-image:hover img{
transform:scale(1.08);
}

/* ANIMATION */

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(30px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.project-info{
background:#fff;
padding:35px;
border-radius:12px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
border-top:4px solid #d9a04b;
}

/* TITLE */

.info-title{
font-weight:700;
margin-bottom:25px;
font-size:20px;
}

/* LIST */

.info-list{
list-style:none;
padding:0;
margin:0;
}

.info-list li{
display:flex;
align-items:flex-start;
gap:15px;
padding:15px 0;
border-bottom:1px solid #eee;
transition:.3s;
}

.info-list li:last-child{
border-bottom:none;
}

/* ICON */

.info-list i{
font-size:20px;
color:#d9a04b;
margin-top:4px;
}

/* TEXT */

.info-list span{
display:block;
font-size:13px;
color:#777;
}

.info-list strong{
font-weight:600;
color:#333;
}

/* HOVER */

.info-list li:hover{
transform:translateX(5px);
}

li{ font-size:14px;}


/*certifications*/


.certifications{
background:#f5f7fb;
font-family:'Segoe UI',sans-serif;
}

.certifications-title{
font-size:36px;
font-weight:700;
color:#1c2a4d;
}

.certifications-subtitle{
color:#6c757d;
max-width:750px;
margin:auto;
margin-top:10px;
}

.certifications-card{
background:#fff;
border-radius:12px;
padding:25px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
transition:all .4s ease;
position:relative;
overflow:hidden;
}

.certifications-card img{
height:360px;
object-fit:contain;
transition:transform .4s ease;
}

.certifications-card h5{
margin-top:15px;
font-size:17px;
font-weight:600;
color:#333;
}

.certifications-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.12);
}

.certifications-card:hover img{
transform:scale(1.07);
}

/* Shine animation */

.certifications-card::before{
content:"";
position:absolute;
top:0;
left:-100%;
width:60%;
height:100%;
background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,0.6),
transparent
);
transition:.6s;
}

.certifications-card:hover::before{
left:120%;
}


/*applcations*/


.industrial-wastewater{
background:#f6f8fb;
padding:80px 0;
font-family: "Segoe UI", sans-serif;
}

.industrial-wastewater .hero-img{
border-radius:14px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.industrial-wastewater .section-title{
font-size:36px;
font-weight:700;
color:#1b3f72;
margin-bottom:20px;
}

.industrial-wastewater .sub-title{
font-size:28px;
font-weight:600;
margin-bottom:15px;
color:#1b3f72;
}

.industrial-wastewater .section-text{
color:#6b7280;
line-height:1.7;
}

.feature-card{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 8px 30px rgba(0,0,0,0.05);
transition:all .35s ease;
height:100%;
}

.feature-card i{
font-size:28px;
color:#0d6efd;
margin-bottom:15px;
display:block;
}

.feature-card h5{
font-weight:600;
margin-bottom:10px;
}

.feature-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

.app-list{
padding-left:18px;
color:#555;
}

.app-list li{
margin-bottom:8px;
}

.process-img{
box-shadow:0 10px 35px rgba(0,0,0,0.1);
border-radius:12px;
}

.application-top-img{ max-width:none; width:100%;}

/*PRODUCTION*/


.production-steps{
background:#f7f9fc;
font-family:"Segoe UI",sans-serif;
}

.production-steps .section-title{
font-size:38px;
font-weight:700;
color:#1c2a4d;
margin-bottom:15px;
}

.production-steps .section-desc{
max-width:800px;
margin:auto;
color:#6c757d;
line-height:1.7;
}

.step-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:all .4s ease;
height:100%;
}

.step-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.step-img{
position:relative;
overflow:hidden;
}

.step-img img{
width:100%;
height:220px;
object-fit:cover;
transition:transform .5s ease;
}

.step-card:hover img{
transform:scale(1.1);
}

.step-number{
position:absolute;
top:15px;
left:15px;
background:linear-gradient(135deg,#0052cc,#0099ff);
color:#fff;
font-weight:700;
padding:6px 12px;
border-radius:30px;
font-size:14px;
}

.step-content{
padding:22px;
}

.step-content h5{
font-weight:600;
margin-bottom:10px;
color:#1c2a4d;
}

.step-content p{
color:#6c757d;
font-size:14px;
line-height:1.6;
}

/*download*/

.downloads{
background:linear-gradient(180deg,#f6f8fc,#ffffff);
font-family:"Segoe UI",sans-serif;
}

.downloads-title{
font-size:38px;
font-weight:700;
color:#1b2b50;
}

.downloads-subtitle{
color:#6c757d;
margin-top:10px;
}

/* CARD */

.download-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
transition:all .4s ease;
position:relative;
}

.download-card:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 30px 60px rgba(0,0,0,0.18);
}

/* IMAGE */

.download-thumb{
position:relative;
overflow:hidden;
}

.download-thumb img{
width:100%;
height:340px;
object-fit:cover;
transition:transform .6s ease;
}

.download-card:hover img{
transform:scale(1.08);
}

/* PDF BADGE */

.pdf-icon{
position:absolute;
top:18px;
left:18px;
background:#ff3b3b;
color:#fff;
padding:6px 12px;
font-size:12px;
font-weight:600;
border-radius:30px;
letter-spacing:1px;
}

/* OVERLAY */

.download-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:.4s;
backdrop-filter:blur(3px);
}

.download-card:hover .download-overlay{
opacity:1;
}

/* BUTTON */

.download-btn{
padding:12px 28px;
background:linear-gradient(135deg,#0066ff,#00a2ff);
color:#fff;
border-radius:40px;
font-weight:600;
text-decoration:none;
transition:.3s;
box-shadow:0 8px 25px rgba(0,0,0,0.2);
}

.download-btn:hover{
background:linear-gradient(135deg,#0044cc,#0088ff);
transform:scale(1.05);
color:#fff;
}

/* INFO */

.download-info{
padding:18px;
text-align:center;
}

.download-info h5{
font-weight:600;
color:#1b2b50;
}



/* SECTION */

.global-presence{
padding:120px 20px;
background:linear-gradient(135deg,#f7f9fc,#eef2f7);
font-family:Segoe UI, sans-serif;
}

/* HEADER */

.presence-header{
text-align:center;
margin-bottom:70px;
}

.presence-header h2{
font-size:42px;
font-weight:700;
color:#1c2a4d;
margin-bottom:10px;
}

.presence-header p{
max-width:650px;
margin:auto;
color:#6b7280;
font-size:17px;
line-height:1.6;
}

/* CARD */

.map-card{
position:relative;
max-width:1200px;
margin:auto;
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 30px 70px rgba(0,0,0,0.08);
}

/* MAP */

.world-map{
width:100%;
height:auto;
display:block;
filter: grayscale(100%) brightness(1.4) contrast(0.9);
opacity:0.35;
}

/* PINS */

.pin{
position:absolute;
width:16px;
height:16px;
background:#2563eb;
border-radius:50%;
transform:translate(-50%,-50%);
cursor:pointer;
box-shadow:0 0 12px rgba(37,99,235,0.7);
}

/* RIPPLE */

.pin::after{
content:"";
position:absolute;
width:16px;
height:16px;
background:#2563eb;
border-radius:50%;
animation:ripple 2s infinite;
}

@keyframes ripple{
0%{transform:scale(1);opacity:.8;}
70%{transform:scale(3);opacity:0;}
100%{opacity:0;}
}

/* TOOLTIP */

.pin span{
position:absolute;
bottom:30px;
left:50%;
transform:translateX(-50%);
background:#1c2a4d;
color:#fff;
font-size:13px;
padding:6px 14px;
border-radius:30px;
opacity:0;
transition:.3s;
white-space:nowrap;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.pin:hover span{
opacity:1;
bottom:36px;
}

/* PIN HOVER */

.pin:hover{
background:#1d4ed8;
transform:translate(-50%,-50%) scale(1.2);
}

/* COUNTRY POSITIONS */

.india{
top:44%;
left:69%;
}

.uae{
top:47%;
left:56%;
}

.oman{
top:49%;
left:58%;
}

.saudi{
top:46%;
left:52%;
}


#cssmenu ul ul{background:#333;}



.whats-aap {
    position: fixed;
    overflow: hidden;
    bottom: 10px;
    right: 0px;
    text-align: center; z-index:100;
}

.whats-aap-ic {
    width: 100px;
    height: auto;
    margin: 0 auto;
    text-align:leftt;
    display: table
}

.whats-aap img {
    width: 50%;
    border-radius: 50%
}


.product-hero {color:#000;}
.product-hero h4{font-size:20px; text-transform:uppercase;margin:25px 0px 10px; text-transform:uppercase;color: #d9a04c;}

.product-hero ul{margin:20px 0px; padding:0px 0px 0px 20px;line-height: 1.9; font-size:14px;}


@media all and (max-width: 760px) {

	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 21px;
    position: relative;
    width: 38px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#404040;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

    #cssmenu > ul > li a {
        font-size: 14px;
        padding: 12px !important;
    }

#cssmenu .submenu-button{ width:50px; height:50px;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; color:#f039a7!important;}
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:39px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}
#cssmenu > ul > li a.active{color:#b5b5b5!important;}


#cssmenu > ul > li a:hover{color:#930033;}


#cssmenu{ z-index:1;}

.menu-button{ margin-top:0px!important;}
#cssmenu{ padding:10px 0px!important;}

 #cssmenu{ top:30px;}

header{ margin-top:10px;}

.logo {
  overflow: hidden;
  margin: 0px 0px;
}
.sliderC h2 {
  font-size: 14px;}
  
  .sliderC h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 496;
  letter-spacing: 1px;
}

.sliderC h4{ font-size:12px; letter-spacing:0px;}

.cap-inner .more-btn {
  font-size: 11px;
  letter-spacing: 2px;
  padding: 7px 11px; display:none!important;}
.logo img {
  max-width: 76%;
}

.about-top-sec {
  background: #ffffff;
  padding: 50px 0;}
  .about-top-sec .blue-border{ display:none;}
  
  about-top-sec .small-img {
    position: absolute;
    bottom: 23px;
    right: 23px;
    margin-top: 20px;
    width: 100%;
    width: 71px;
    width: 149px !important;
  }
.about-top-sec h2 {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
}

p{ font-size:13px;}

.feature-list{ font-size:13px;}
   .about-top-sec .customers-box {
  
    margin-top: 30px;
  }
  
  .serviceC {
  padding: 50px 0;}
  .serviceC .exp-box{ margin-bottom:25px;}
  
    .serviceC h3 {
    font-size: 24px;
  }
  
  .feature-sec{ padding-top:240px;}
  .feature-sec h2 {
  font-size: 24px;}
  
  .feature-sec{ padding-bottom:30px;}
  
  .md-sec h2 {

  font-size: 20px;}
  
  #intro-1{ padding:80px 0px;}
  
    .quality-text h2 {
    font-size: 30px;
  }
  .quality-sec {
  padding: 59px 0;
  position: relative;
  overflow: hidden;
}

  .cta-title {
    font-size: 26px;
  }
  
  .testimonial-section {
  padding: 67px 0;}
  
   .testimonial-title {
    font-size: 21px;
  }
  
  .testimonial-card {
  background: #2d3238;
  padding: 25px;
}

.projects-section {
  padding: 60px 0;}
  
  .projects-title {
  font-size: 25px;}
  
  .section-head h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 60px;
}

.why-choose {
  padding: 48px 0;
  background: #f6f6f6;
}

.md-3 h2 {
  font-size: 22px;}
  
  .md-3 h2 b {
  font-size: 34px;}
  
  #intro-3{ padding:60px 0px;}
  
  body{ overflow-x:hidden!important}
  
  .top-ph {
  float: right;
  color: #FFFFFF;
  font-size: 12px;
  margin-right: 53px;
}

  #cssmenu {
    top: 0;
  }
  
  
.nivo-controlNav {
  bottom: 0;
}
  
  
  
   .about-top-sec .customers-box {
    margin-top: 30px;
    margin-left: 25px;
  }
  
    .inner-banner h1 {
    font-size: 25px;
  }
  
  .product-title {
  font-size: 25px;
  
  
  }
  
  
  .product-hero {
  background: #ccc;
  padding: 50px 0;}
  
  
.spec-title {
  font-size: 23px;
  font-weight: 700;
}

.spec-nav .nav-link {
  padding: 8px 13px;
  border-radius: 16px;
  background: #fff;
  margin: 0 6px;
    margin-bottom: 0px;
  color: #333;
  font-weight: 500;
  border: 1px solid #eee;
  transition: .3s;
  font-size: 12px;
  margin-bottom: 10px;
  float: left;
}

 .app-title {
    font-size: 23px;
    margin-bottom: 20px;
  }
  
  
  .app-sec {
  padding: 30px 0;
  background: #f8f8f8;
}

.project-hero h1 {
  font-size: 30px;
  font-weight: 700;
}

.project-features {
  padding: 40px 0;
}

.project-highlights {
  padding: 40px 0;}
  
  .highlight-title {
  font-size: 29px;}  
 .contact-hero h1 {
  font-size: 33px;
  font-weight: 700;
}

.contact-form {
  background: #fff;
  padding: 30px;} 
  }