.container{
      width:100%;
      
    }

    /* TOP SECTION */

    .hero{
      display:flex;
      min-height:600px;
      background:#fff;
    }

    .hero-left{
      width:45%;
      padding:70px 60px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      background:#faf8f5;
    }

    .hero-left .icon{
      width:60px;
      height:60px;
      border:2px solid #c9a86a;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#c9a86a;
      font-size:24px;
      margin-bottom:30px;
    }

.hero h4{
	color: #141313;
    font-size: 22px;
    font-weight: 400;
}
.hero h5{
	color: #141313;
    font-size: 20px;
    font-weight: 400;

}
    .hero-left h1{
      font-size:70px;
      color:#0f1834;
      margin-bottom:25px;
      font-weight:600;
    }

    .hero-left p{
      font-size:22px;
      line-height:1.7;
      color:#121111;
      margin-bottom:20px;
    }

    .contact{
      margin-top:25px;
      font-size:22px;
      line-height:1.8;
      color:#222;
      font-weight:500;
    }
.hero-left .hrs24{
color:#db8b0a;	
font-weight:400;
}
    .hero-right{
      width:55%;
      position:relative;
    }

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

    .tag{
      position:absolute;
      bottom:40px;
      right:40px;
      background:#08173a;
      color:#fff;
      padding:20px 28px;
      border-radius:14px;
      font-size:20px;
      line-height:1.5;
      max-width:380px;
    }
.tag-flex{
	display:flex;
	align-items:center;
	gap:15px;
}
.home-icon{
	width:55px;
		height:55px;
	border-radius:12px;
	background:#0f255c;
	display:flex;
	align-items:center;
	font-size:28px;
	color:#181817;
}

    /* PROCESS SECTION */

    .process{
      background:#fff;
      padding:80px 40px;
      text-align:center;
    }

    .process small{
      color:#b28a4a;
      font-size:16px;
      letter-spacing:2px;
		font-weight:700;
		
    }

    .process h2{
      font-size:55px;
      margin-top:15px;
      color:#0f1834;
		font-weight:600;
    }

    .process p{
      margin-top:5px;
          color: #1a1717;
    font-size: 20px;
		font-weight:400;
    }

    .steps{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:30px;
      margin-top:70px;
    }
.steps{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:70px;
  gap:20px;
  flex-wrap:wrap;
}

.step-wrapper{
  display:flex;
  align-items:center;
  flex:1;
  min-width:220px;
}

.step{
  text-align:center;
  flex:1;
}

.arrow{
  font-size:16px;
  color:#c6a062;
  margin-left:20px;
  white-space:nowrap;
}
.step h3{
	
    color: #f59e0b;
    font-size: 21px;
font-weight:400;
}
.step h4{
	    color: #242423;
    font-size: 22px;
    font-weight: 500;
}
.step-icon{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#f7f4ef;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  font-size:26px;
  color:#b28a4a;
}
    /* BOTTOM GRID */

    .bottom-grid{
      display:grid;
      grid-template-columns:1fr 1fr 1fr 1fr;
      gap:2px;
      background:#ddd;
    }

    .card{
      position:relative;
      overflow:hidden;
      min-height:320px;
		height:320px;
      background:#fff;
    }

    .card img{
      width:100%;
      height:100%;
      object-fit:cover;
		object-position:center;
		display:block;
    }

    .overlay{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.35);
      color:#fff;
      padding:25px;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
    }

    .blue-card{
      background:#07173d;
      color:#fff;
      padding-left:20px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

   .blue-card h4{
      font-size:24px;
      line-height:1.4;
      margin-bottom:20px;
	   font-weight:400;
    } 

    .blue-card p{
      font-size:20px;
      line-height:1.8;
      color:#d8d8d8;
		margin-bottom:16px;
     
    }

    .btn{
      display:inline-block;
      width:max-content;
      padding:16px 28px;
      background:#d8a55c;
      color:#fff;
      text-decoration:none;
      border-radius:8px;
      font-size:18px;
      font-weight:600;
    }

    .overlay h3{
      font-size:28px;
      margin-bottom:10px;
    }

    .overlay p{
      font-size:18px;
      line-height:1.5;
    }

    /* RESPONSIVE */

    @media(max-width:1024px){

      .hero{
        flex-direction:column;
      }

      .hero-left,
      .hero-right{
        width:100%;
      }

      .steps{
        grid-template-columns:repeat(2,1fr);
      }

      .bottom-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .hero-left h1{
        font-size:55px;
      }

      .process h2{
        font-size:42px;
      }
    }

    @media(max-width:768px){

      .hero-left{
        padding:50px 25px;
      }

      .hero-left h1{
        font-size:42px;
      }

      .hero-left p,
      .contact{
        font-size:18px;
      }

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

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

      .process h2{
        font-size:34px;
      }

      .blue-card h2{
        font-size:34px;
      }

      .tag{
        right:20px;
        left:20px;
        bottom:20px;
        max-width:100%;
        font-size:16px;
      }
    }