/* style.css */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Inter',sans-serif;
  background:#f6f9fc;
  color:#0f1d3d;
  overflow-x:hidden;
  line-height:1.7;
}

/* BACKGROUND ANIMATION */

.bg-animation{
  position:fixed;
  inset:0;
  overflow:hidden;
  z-index:-1;
}

.bg-animation span{
  position:absolute;
  width:500px;
  height:500px;
  background:rgba(18,45,103,0.04);
  border-radius:50%;
  animation:float 18s linear infinite;
}

.bg-animation span:nth-child(1){
  top:-150px;
  left:-100px;
}

.bg-animation span:nth-child(2){
  bottom:-180px;
  right:-120px;
  animation-duration:25s;
}

.bg-animation span:nth-child(3){
  top:30%;
  left:50%;
  width:300px;
  height:300px;
  animation-duration:20s;
}

.bg-animation span:nth-child(4){
  top:70%;
  left:10%;
  width:250px;
  height:250px;
}

@keyframes float{
  0%{
    transform:translateY(0px) rotate(0deg);
  }

  50%{
    transform:translateY(-40px) rotate(180deg);
  }

  100%{
    transform:translateY(0px) rotate(360deg);
  }
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:80px 0;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:60px;
  align-items:center;
}

.logo{
  width:220px;
  margin-bottom:05px;
}

.tag{
  display:inline-block;
 font-family: 'Cormorant Garamond', serif;
  color:#333;
  border-radius:50px;
      font-size: 5rem;
  font-weight:700;
  margin-bottom:5px;
}

.hero h1{
  font-size:64px;
  line-height:1.1;
  font-family:'Cormorant Garamond',serif;
  margin-bottom:25px;
}

.hero h1 span{
  color:#d8b06a;
}

.hero-text{
  font-size:18px;
  color:#4d5b79;
  margin-bottom:35px;
}

.hero-buttons{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:40px;
}

.btn-primary,
.btn-secondary{
  padding:16px 28px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  transition:.3s;
}

.btn-primary{
  background:#112b67;
  color:#fff;
}

.btn-primary:hover{
  transform:translateY(-3px);
}

.btn-secondary{
  border:2px solid #112b67;
  color:#112b67;
}

.trust-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.trust-box div{
  background:#fff;
  padding:22px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.trust-box h3{
  font-size:26px;
  color:#112b67;
}

.hero-image img{
  width:100%;
  border-radius:30px;
  box-shadow:0 30px 60px rgba(0,0,0,0.1);
}

/* SECTION COMMON */

section{
  padding:100px 0;
}

.section-label{
  color:#d8b06a;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:18px;
  font-size:14px;
}

.center-title{
  text-align:center;
  margin-bottom:60px;
}

.center-title h2{
  font-size:52px;
  font-family:'Cormorant Garamond',serif;
  margin-bottom:15px;
}

.center-title p{
  color:#5d6984;
  max-width:700px;
  margin:auto;
}

.about-grid,
.image-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.about-image img,
.image-left img{
  width:100%;
  border-radius:24px;
  box-shadow:0 25px 60px rgba(0,0,0,0.08);
}

.about-content h2,
.image-right h2{
  font-size:54px;
  line-height:1.1;
  font-family:'Cormorant Garamond',serif;
  margin-bottom:25px;
}

.about-content h2 span,
.image-right h2 span{
  color:#d8b06a;
}

.about-content p,
.image-right p{
  color:#5d6984;
  margin-bottom:20px;
}

.features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:35px;
}

.feature-card{
  background:#fff;
  padding:20px;
  border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,0.04);
  font-weight:600;
}

.services{
  background:#112b67;
  color:#fff;
}

.light{
  color:#d8b06a;
}

.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.service-card{
  background:rgba(255,255,255,0.08);
  padding:35px;
  border-radius:24px;
  backdrop-filter:blur(6px);
}

.service-card h3{
  font-size:26px;
  margin-bottom:15px;
}

.service-card p{
  color:#d8ddeb;
}

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

.process-card{
  background:#fff;
  padding:40px;
  border-radius:24px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.step{
  width:80px;
  height:80px;
  border-radius:50%;
  background:#112b67;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  font-size:28px;
  font-weight:800;
  margin-bottom:25px;
}

.process-card h3{
  margin-bottom:15px;
  font-size:28px;
}

.stats{
  background:#112b67;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
}

.stat-card{
  background:#fff;
  padding:40px 25px;
  border-radius:24px;
  text-align:center;
}

.stat-card h2{
  font-size:54px;
  color:#112b67;
  margin-bottom:10px;
}

.cta-box{
  text-align:center;
  background:#fff;
  padding:80px;
  border-radius:32px;
  box-shadow:0 20px 60px rgba(0,0,0,0.06);
}

.cta-box h2{
  font-size:64px;
  font-family:'Cormorant Garamond',serif;
  margin-bottom:20px;
}

.cta-box p{
  max-width:700px;
  margin:auto;
  color:#5d6984;
  margin-bottom:35px;
}

.large-btn{
  font-size:18px;
}

.footer{
  padding:50px 0;
  text-align:center;
  border-top:1px solid #dde3f0;
}

.footer img{
  width:170px;
  margin-bottom:20px;
}

.footer p{
  margin-bottom:12px;
  color:#5d6984;
}

.footer span{
  color:#7b879e;
  font-size:14px;
}

/* RESPONSIVE */

@media(max-width:992px){

  .hero-grid,
  .about-grid,
  .image-grid,
  .service-grid,
  .process-grid,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:48px;
  }

  .about-content h2,
  .image-right h2,
  .center-title h2,
  .cta-box h2{
    font-size:42px;
  }

  .trust-box{
    grid-template-columns:1fr;
  }

  .features{
    grid-template-columns:1fr;
  }

  .cta-box{
    padding:50px 30px;
  }
}

@media(max-width:768px){

  .hero h1{
    font-size:40px;
  }

  .about-content h2,
  .image-right h2{
    font-size:36px;
  }

  .center-title h2{
    font-size:36px;
  }

  .hero-buttons{
    flex-direction:column;
  }

  .btn-primary,
  .btn-secondary{
    width:100%;
    text-align:center;
  }
}