body{overflow-x:hidden}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.reveal-up{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(.5,0,0,1),transform 0.8s cubic-bezier(.5,0,0,1)}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.8s cubic-bezier(.5,0,0,1),transform 0.8s cubic-bezier(.5,0,0,1)}.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.8s cubic-bezier(.5,0,0,1),transform 0.8s cubic-bezier(.5,0,0,1)}.reveal-zoom{opacity:0;transform:scale(.95);transition:opacity 0.8s cubic-bezier(.5,0,0,1),transform 0.8s cubic-bezier(.5,0,0,1)}.active{opacity:1;transform:translate(0) scale(1)}.stagger-1{transition-delay:100ms}.stagger-2{transition-delay:200ms}.stagger-3{transition-delay:300ms}.stagger-4{transition-delay:400ms}.stagger-5{transition-delay:500ms}.logo-shape{background:linear-gradient(135deg,#093c4b,#4ca546);border-radius:4px 12px 4px 12px}.nav-item{color:#fff;padding:20px 32px;font-weight:600;text-decoration:none;transition:0.3s;position:relative}.nav-item:hover{color:#2f80ed}.nav-item::after{content:"";position:absolute;left:50%;bottom:12px;width:0;height:2px;background:#2f80ed;transition:0.3s;transform:translateX(-50%)}.nav-item:hover::after,.nav-item.active::after{width:45%}.nav-item.active{color:#2f80ed}.nav-item::after{content:"";position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:0;height:2px;background-color:#2f80ed;border-radius:10px;transition:width 0.3s ease}.nav-item:hover::after,.nav-item.active::after{width:50%}.language-menu{position:absolute;top:70%;right:50px;width:159px;background:#070707;padding:0;border-radius:0;box-shadow:0 10px 30px rgb(0 0 0 / .15);z-index:9999}.goog-logo-link,.goog-te-gadget span,.goog-te-banner-frame.skiptranslate,.goog-te-balloon-frame,#goog-gt-tt{display:none!important}body{top:0!important}.skiptranslate{font-size:0!important}#google_translate_element{width:100%}#google_translate_element .goog-te-gadget{color:transparent!important;font-size:0!important}#google_translate_element select{width:100%;height:48px;padding:0 14px;border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}#google_translate_element select:focus{border-color:#2f80ed;box-shadow:0 0 0 3px rgb(47 128 237 / .15)}#mobileTranslate{width:100%}#mobileTranslate #google_translate_element{width:100%}#mobileTranslate .goog-te-gadget{width:100%}#mobileTranslate select{width:40%;height:45px;border:1px solid #ddd;border-radius:6px;padding:0 12px;background:#fff;color:#333}.btn-primary{transition:all 0.3s ease}.btn-primary:hover{background-color:#062b36;transform:translateY(-2px);box-shadow:0 4px 12px rgb(9 60 75 / .3)}.btn-secondary{transition:all 0.3s ease}.btn-secondary:hover{background-color:#d8861d;transform:translateY(-2px);box-shadow:0 4px 12px rgb(242 153 36 / .3)}.btn-outline{transition:all 0.3s ease}.btn-outline:hover{background-color:#093c4b;color:#fff}.carousel-arrow{transition:all 0.3s ease}.carousel-arrow:hover{background-color:#f29924;color:#fff;border-color:#f29924}.service-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e9ecef;box-shadow:0 5px 18px rgb(0 0 0 / .08);transition:0.35s ease;height:100%}.service-card:hover{transform:translateY(-8px);border-color:#2563eb;box-shadow:0 18px 40px rgb(0 0 0 / .15)}.service-img{overflow:hidden;height:200px}.service-img img{width:100%;height:100%;object-fit:cover;transition:0.5s}.service-card:hover .service-img img{transform:scale(1.08)}.service-content{padding:25px 22px 28px;text-align:center}.service-content h4{font-size:30px;font-weight:700;color:#0f172a;margin-bottom:18px;line-height:1.35}.service-content p{font-size:16px;color:#64748b;line-height:1.8;margin:0}@media (max-width:991px){.service-img{height:220px}}@media (max-width:767px){.service-img{height:190px}.service-content{padding:20px}.service-content h4{font-size:24px}.service-content p{font-size:15px}}.project-card{background:#111;border:1px solid rgb(255 255 255 / .15);border-radius:12px;overflow:hidden;transition:0.35s}.project-card img{width:100%;height:210px;object-fit:cover;transition:0.4s}.project-content{background:#111;padding:18px}.project-content h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px}.project-content p{color:#d1d5db;font-size:15px}.project-content i{color:#0d6efd;margin-right:8px}.project-card:hover{transform:translateY(-8px);border-color:#0d6efd}.project-card:hover img{transform:scale(1.08)}.stat-item{position:relative;text-align:center;color:#fff;padding:20px;border-right:1px solid rgb(255 255 255 / .35)}.stat-item:last-child{border-right:none}.stat-item i{color:#fff;font-size:48px}.stat-item h3{font-size:48px;font-weight:800;margin-top:15px;margin-bottom:5px}.stat-item p{font-size:15px;color:#fff;font-weight:500}.stat-item::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:120px;background:rgb(255 255 255 / .35)}.stat-item.last::after{display:none}.why-item{text-align:center;padding:20px 25px;border-right:1px solid #ececec}.why-item.last{border-right:none}.why-item img{width:48px;height:48px;object-fit:contain}.why-item h4{font-size:18px;font-weight:700;color:#111827;margin-bottom:15px}.why-item p{font-size:14px;line-height:1.8;color:#6b7280}@media (max-width:992px){.stat-item{border-right:none;border-bottom:1px solid rgb(255 255 255 / .2)}.stat-item:nth-last-child(-n+2){border-bottom:none}.why-item{border-right:none;border-bottom:1px solid #ececec}.why-item:nth-last-child(-n+2){border-bottom:none}}.stat-item{@apply flex flex-col items-center justify-center text-center text-white py-8 px-5 relative}.stat-item i{@apply text-5xl mb-5}.stat-item h3{@apply text-5xl font-bold mb-3}.stat-item p{@apply text-lg font-medium leading-7}@media (max-width:1023px){.stat-item:nth-child(2n)::after{display:none}.stat-item{@apply border-b border-white/20}.stat-item:nth-last-child(-n+1){border-bottom:none}}.page-title{position:relative;overflow:hidden;height:300px}.page-title .bg-section{position:absolute;inset:0}.page-title .bg-section img{width:100%;height:100%;object-fit:cover}.page-title::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .45);z-index:1}.page-title .container{position:relative;z-index:2;height:100%}.page-title .row{height:300px;display:flex;align-items:center}.page-title-content{color:#fff;padding-left:15px}.page-title-content h1{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:12px;color:#fff}.breadcrumb-list{display:flex;align-items:center;list-style:none;padding:0;margin:0}.breadcrumb-list li{color:#fff;font-size:18px;font-weight:500}.breadcrumb-list li a{color:#fff;text-decoration:none;transition:0.3s}.breadcrumb-list li a:hover{color:#0d6efd}.breadcrumb-list li+li::before{content:"›";color:#fff;margin:0 12px;font-size:22px}@media (max-width:991px){.page-title{height:250px}.page-title .row{height:250px}.page-title-content h1{font-size:42px}.breadcrumb-list li{font-size:16px}}@media (max-width:767px){.page-title{height:220px}.page-title .row{height:220px}.page-title-content{padding-left:0}.page-title-content h1{font-size:34px}.breadcrumb-list li{font-size:14px}.breadcrumb-list li+li::before{margin:0 8px}}#page{display:none}#loading{display:block;position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100vh;background-color:#fff;background-image:url(../images/preloader.gif);background-repeat:no-repeat;background-position:center;background-size:230px}#home,#about,#services,#projects,#why-us,#contact{scroll-margin-top:110px}/*==========================================
        GALLERY SECTION
==========================================*/
.project-gallery-area {
  padding: 100px 0;
  background: #f8f9fa;
}

.project-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.project-gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  transition: 0.4s;
}

.project-gallery-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  transition: 0.5s;
}

.project-gallery-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

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

.project-gallery-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.92),
    rgba(0, 0, 0, 0.45),
    transparent
  );
}

.project-gallery-overlay h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

.project-gallery-item a {
  display: block;
  text-decoration: none;
}

/* Tablet */

@media (max-width: 991px) {
  .project-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .project-gallery-item img {
    height: 250px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .project-gallery-grid {
    grid-template-columns: 1fr;
  }

  .project-gallery-item img {
    height: 220px;
  }

  .project-gallery-overlay h4 {
    font-size: 20px;
  }
}

/*==========================================
    CERTIFICATE SECTION
==========================================*/

.certificate-section {
  padding: 100px 0;
  background: #fbfaf7;
}

/*-----------------------------------------*
* HEADING
*-----------------------------------------*/

.certificate-heading {
  max-width: 760px;
  margin: 0 auto 65px;
  text-align: center;
}

.certificate-heading h2 {
  margin: 0 0 20px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 62px;
  line-height: 1.1;
  font-weight: 600;

  color: rgb(11 111 212);
}

.certificate-heading p {
  max-width: 700px;
  margin: 0 auto;

  font-size: 18px;
  line-height: 1.7;

  color: #666b75;
}

/*-----------------------------------------*
* CERTIFICATE GRID
* 2 CERTIFICATES CENTERED
*-----------------------------------------*/

.certificate-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 35px;

  max-width: 1050px;

  margin: 0 auto;
}

/*-----------------------------------------*
* CERTIFICATE ITEM
*-----------------------------------------*/

.certificate-item {
  width: 100%;
  min-width: 0;
}

/*-----------------------------------------*
* CERTIFICATE IMAGE
*-----------------------------------------*/

.certificate-image {
  width: 100%;
  height: 430px;

  padding: 8px;

  background: #ffffff;

  border: 4px solid rgb(11 111 212);

  overflow: hidden;

  box-shadow: 0 12px 30px rgba(20, 36, 66, 0.12);

  transition: all 0.35s ease;
}

.certificate-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;

  background: #ffffff;

  transition: transform 0.4s ease;
}

/*-----------------------------------------*
* HOVER
*-----------------------------------------*/

.certificate-item:hover .certificate-image {
  transform: translateY(-5px);

  box-shadow: 0 18px 40px rgba(20, 36, 66, 0.18);
}

.certificate-item:hover .certificate-image img {
  transform: scale(1.02);
}

/*-----------------------------------------*
* CERTIFICATE INFORMATION
*-----------------------------------------*/

.certificate-info {
  display: flex;

  align-items: center;

  gap: 15px;

  margin-top: 20px;
}

/*-----------------------------------------*
* ICON
*-----------------------------------------*/

.certificate-icon {
  flex: 0 0 48px;

  width: 48px;
  height: 48px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #edf8f2;

  color: rgb(11 111 212);

  font-size: 18px;
}

/*-----------------------------------------*
* TEXT
*-----------------------------------------*/

.certificate-text {
  min-width: 0;
}

.certificate-text h4 {
  margin: 0 0 4px;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 20px;
  line-height: 1.3;

  font-weight: 600;

  color: #142442;
}

.certificate-text p {
  margin: 0;

  font-size: 15px;

  line-height: 1.5;

  color: #777;
}

/*==========================================
    LARGE DESKTOP
==========================================*/

@media (min-width: 1200px) {
  .certificate-grid {
    max-width: 1100px;
    gap: 40px;
  }

  .certificate-image {
    height: 450px;
  }
}

/*==========================================
    TABLET
==========================================*/

@media (max-width: 991px) {
  .certificate-section {
    padding: 80px 0;
  }

  .certificate-heading {
    margin-bottom: 55px;
  }

  .certificate-heading h2 {
    font-size: 50px;
  }

  .certificate-grid {
    max-width: 800px;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 25px;
  }

  .certificate-image {
    height: 380px;
  }

  .certificate-text h4 {
    font-size: 18px;
  }

  .certificate-text p {
    font-size: 14px;
  }
}

/*==========================================
    MOBILE
==========================================*/

@media (max-width: 767px) {
  .certificate-section {
    padding: 65px 0;
  }

  .certificate-heading {
    margin-bottom: 45px;

    padding: 0 15px;
  }

  .certificate-heading h2 {
    font-size: 42px;
  }

  .certificate-heading p {
    font-size: 16px;
    line-height: 1.6;
  }

  .certificate-grid {
    grid-template-columns: 1fr;

    max-width: 500px;

    gap: 45px;
  }

  .certificate-image {
    height: 460px;
  }
}

/*==========================================
    SMALL MOBILE
==========================================*/

@media (max-width: 480px) {
  .certificate-heading h2 {
    font-size: 36px;
  }

  .certificate-heading p {
    font-size: 15px;
  }

  .certificate-image {
    height: 420px;
  }

  .certificate-info {
    gap: 12px;
  }

  .certificate-icon {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    font-size: 16px;
  }

  .certificate-text h4 {
    font-size: 18px;
  }

  .certificate-text p {
    font-size: 14px;
  }
}