img,
.hero-sec,
.left,
.right,
.top-box,
.middle-box,
.last-box{
  width: 100%;
}

.hero-sec{
  display: grid;
  grid-template-columns: 65% 35%;
}


.mob{
  display: none;
}

.right,
.middle-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #171e24;
  gap: 4rem;
}

.hero-text{
  color: #fff;
  text-align: center;
  line-height: normal;
  font-size: 1.5vw;
  margin:0;
  font-family: "Coldiac";
  letter-spacing: 1px;
  
}

.middle-box{
  gap: 2vw;
}

.last-txt-box{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding: 1vw 0;
    width: 30vw;
}

@media (max-width:999px) {
  .desk{
  display: none;
}
  .mob{
  display: grid;
}

.left{
    height: 40rem;
}

.hero-sec{
  grid-template-columns: 1fr;
}

.middle-box{
  padding: 4vw 0 2vw 0;
}
.hero-text{
  font-size: 3vw;
}

.last-txt-box{
    width: 70vw;
}
}