@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

.menu-btn{
			display:none !important;
		}

/* WORKED WITH SECTION */
.trust-brands{
  margin-top:50px;
  background:#0d0d0d;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:22px;
  padding:35px 20px;
  position:relative;
  overflow:hidden;
}

/* Animated glowing border */
.trust-brands::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(
    90deg,
    #ffae00,
    #ff6b00,
    #ffd000,
    #ff8c00,
    #ffae00
  );
  background-size:300% 300%;
  animation:borderMove 5s linear infinite;
  z-index:0;
  filter:blur(12px);
  opacity:.9;
}

.trust-brands::after{
  content:"";
  position:absolute;
  inset:2px;
  background:#0b0b0b;
  border-radius:20px;
  z-index:1;
}

/* CONTENT */
.trust-brands *{
  position:relative;
  z-index:2;
}

/* TITLE */
.brand-title{
  text-align:center;
  color:#ffb300;
  font-size:13px;
  letter-spacing:3px;
  margin-bottom:25px;
  font-weight:700;
  text-transform:uppercase;
  position:relative;
}

.brand-title::after{
  content:"";
  width:80px;
  height:2px;
  background:linear-gradient(to right,#ffb300,transparent);
  display:block;
  margin:10px auto 0;
}

/* GRID */
.brand-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

/* CARD */
.brand-card{
  background:#111;
  border:1px solid rgba(255,179,0,.15);
  border-radius:18px;
  padding:25px 15px;
  text-align:center;
  transition:.4s ease;
  position:relative;
  overflow:hidden;
}

/* animated top shine */
.brand-card::before{
  content:"";
  position:absolute;
  top:-120%;
  left:-40%;
  width:180%;
  height:250%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,179,0,.25),
    transparent
  );
  transform:rotate(20deg);
  animation:shine 4s linear infinite;
}

/* hover glow */
.brand-card:hover{
  transform:translateY(-8px) scale(1.03);
  border-color:#ffb300;
  box-shadow:
    0 0 20px rgba(255,179,0,.25),
    0 0 50px rgba(255,179,0,.15);
}

/* ICON */
.brand-card i{
  width:52px;
  height:52px;
  line-height:52px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffb300,#ff7b00);
  color:#fff;
  font-size:18px;
  margin-bottom:15px;
  box-shadow:0 0 20px rgba(255,179,0,.35);
}

/* TEXT */
.brand-card h4{
  font-size:15px;
  color:#fff;
  margin:0;
  font-weight:600;
}

/* ANIMATION */
@keyframes borderMove{
  0%{
    background-position:0% 50%;
  }
  100%{
    background-position:300% 50%;
  }
}

@keyframes shine{
  0%{
    top:-120%;
  }
  100%{
    top:120%;
  }
}

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

  .brand-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .trust-brands{
    padding:25px 15px;
    border-radius:18px;
  }

  .brand-card{
    padding:20px 12px;
  }

}

/* HEADER */
.header {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding: 10px 40px;
  background: #0000007a;
}

.header a {
      color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .6px;
}

.header ul {
  list-style: none;
}

.header .btn-warning {
  background: #f49e0a;
  border: none;
  color: #000;
}

/* BANNER */
.bottom-info i{
  color:#f4b400;
}
.banner {
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;

    height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 80px;
}

/* 🔥 DARK OVERLAY (MAIN FIX) */
.banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.55) 35%, rgb(0 0 0 / 32%) 60%, rgb(0 0 0 / 32%) 80%, rgb(0 0 0 / 32%) 100%), /* 🔥 bottom soft layer */ linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgb(0 0 0 / 32%) 25%, rgb(0 0 0 / 32%) 50%, rgb(0 0 0 / 32%) 70%);
  top: 0;
  left: 0;
   z-index: 1;
}

/* CONTENT */
.content {
   position: relative;
  color: #fff;
  max-width: 850px;
  z-index: 2;
  margin-left: 80px;
  margin-top: 25px;
}

/* BADGE */
.badge {
  background: rgba(255, 193, 7, 0.2);
  color: #FCD34D;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  margin-bottom: 15px;
  display: inline-block;
  border:1px solid #f49e0a;
  font-weight: 500;
  letter-spacing: 1px;
}

/* HEADING */
.content h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.content h1 span {
  color: #f4b400;
}

/* TEXT */
.content p {
  color: #ddd;
  margin-top: 15px;
  font-size: 16px;
  width: 60%;
}

/* BUTTON */
.btn-warning {
  background: #f49e0a;
  border: none;
  padding: 8px 20px;
  font-weight: 500;
  color:#fff;
  border-radius: 20px;
  font-size:15px;
}
.btn-warning i{
  color:#fff;
  padding-right:5px;
}

.btn-outline-light {
  padding: 8px 20px;
  border-radius: 20px;
  font-size:15px;
}
.btn-outline-light i{
  color:#fff;
  padding-right:5px;
}

.stats {
  display: flex;
  gap: 20px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.stats div {
  background: rgba(255,255,255,0.08);
  padding: 10px 18px;
  border-radius: 25px;
  font-size: 13px;
  color: #ddd;
  backdrop-filter: blur(5px);
}
.bottom-info {
  margin: 25px 0;
  font-size: 13px;
  color: #ccc;
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.bottom-info span {
  display: flex;
  align-items: center;
  gap: 6px;
}


/*2nd section*/

.problem-section {
  background: #000;
  padding: 100px 0;
}

/* IMAGE */
.problem-image {
  position: relative;
  overflow: visible;
  width:92%;
}

.problem-image img {
  width: 100%;
  border-radius: 15px;
}

/* 🔥 DELAY BOX (FIXED LIKE DEMO) */
.delay-box {
  position: absolute;
  right: -30px;   /* 🔥 LESS OUTSIDE (আগে বেশি ছিল) */
  bottom: 35px;   /* 🔥 একটু নিচে নামাও */

  background: #f49e0a;
  padding: 18px;
  border-radius: 14px;
  width: 190px;
  bottom: -25px;
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

.delay-box small {
  font-size: 12px;
}

.delay-box h3 {
  font-size: 34px;
  font-weight: 700;
  margin: 5px 0;
}

.delay-box span {
  font-size: 16px;
  font-weight: 600;
}

.delay-box p {
  font-size: 12px;
  margin-top: 5px;
}

/* TAG */
.tag {
  background: rgba(255,255,255,0.1);
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 15px;
}

/* TITLE */
.titles {
    font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  font-family: "Playfair Display", serif;
}

/* 🔥 LIST */
.problem-list .item {
  background: #eaeaea;
  color: #000;
  padding: 16px 18px;
  border-radius: 14px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  border:1px solid #f49e0a;
}

/* 🔥 ICON FIX */
.problem-list .item i {
  background: #f49e0a;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #fff;
}

/* SOLUTION */
.solution-box {
  border:1px solid #f49e0a;
  background: #e5e5e5;
  color: #000;
  padding: 15px;
  border-radius: 12px;
  margin-top: 15px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.solution-box i{
      border: 1px solid #f49e0a;
    background: #f49e0a;
    color: #000;
    /* padding: 15px; */
    border-radius: 100%;
    /*margin-top: 15px;*/
    /* display: flex; */
    gap: 20px;
    align-items: center;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

/*end*/

/*who-section*/
.who-section {
  background: #f3f1ef;
  padding: 100px 0;
}

/* TAG */
.tag {
      display: inline-block;
    background: #41403e;
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    font-weight: 100;
    letter-spacing: .6px;
}
.tag i{
      color: #fff;
    padding-right: 5px;
}

.tagss {
      display: inline-block;
    background: #fff;
    color: #000 !important;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 15px;
    border: 1px solid #111;
    font-weight: 100;
    letter-spacing: .6px;
}
.tagss i{
      color: #000;
    padding-right: 5px;
}

/* TITLE */
.title {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 600;
  color: #222;
}

/* SUBTITLE */
.subtitle {
  color: #777;
  font-size: 14px;
  margin-top: 10px;
}

/* CARD */
.who-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.3s;
}

.who-card:hover {
  transform: translateY(-5px);
}

/* IMAGE */
.img-box {
  position: relative;
}

.img-box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* ICON */
.img-box .icon {
  position: absolute;
  bottom: 15px;
  left: 20px;
  background: #fff;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.img-box .icon i {
  font-size: 16px;
  color: #000;
}

/* BODY */
.card-body {
  padding: 30px 20px 20px;
}

.card-body h5 {
  font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    font-family: 'Playfair Display', serif;
    color: #000;
    font-weight: 700;
}

.card-body p {
  font-size: 13px;
  color: #666;
}
/*end*/

/*srv*/
/* SECTION */
.srv-section {
  background: #f9f9f6;
  padding: 100px 20px;
}

/* CONTAINER */
.srv-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.srv-header {
  margin-bottom: 60px;
}

.srv-tag {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  background: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.srv-title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'Playfair Display', serif;
}

.srv-sub {
  color: #666;
  max-width: 500px;
  margin: auto;
}

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

/* CARD */
.srv-card {
  background: #fff;
  padding: 30px;
  border-radius: 18px;
  transition: 0.3s;
  border: 1px solid #eee;
}

.srv-card:hover {
  transform: translateY(-5px);
}

/* ICON */
.srv-icon {
  font-size: 20px;
  margin-bottom: 15px;
}

/* SMALL LABEL */
.srv-small {
  font-size: 11px;
  color: #000;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 8px;
  font-family: 'Playfair Display', serif;
}

/* TITLE */
.srv-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  font-family: 'Playfair Display', serif;
}

/* TEXT */
.srv-card p {
  color: #a7a5a1;
    line-height: 23px;
    font-weight: 400;
    font-size: 13px;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .srv-grid {
    grid-template-columns: 1fr;
  }
}
/*end*/

/*4th slide section*/
/* RIGHT SIDE NUMBER FIX */

.lux-section{
  padding:120px 20px;
  color:#fff;
  background: #000;
}

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

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

.lux-tag{
  background: rgba(255, 193, 7, 0.2);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    color: #e2ac20;
    font-weight: 600;
    letter-spacing: 0.6px;
    border:1px solid #f49e0a70;
}

.lux-header h2{
  font-size:42px;
  margin:15px 0;
  font-family: 'Playfair Display', serif;
}

.lux-header p{
  opacity:0.7;
}

/* LAYOUT */
.lux-wrapper{
  display:flex;
  gap:50px;
}

/* LEFT */
.lux-left{
  flex:1;
}

.lux-item{
  display:flex;
  align-items:center;
  gap:15px;
  padding:20px;
  border-radius:16px;
  background:#0d0d0d;
  border:1px solid rgba(255,255,255,0.06);
  margin-bottom:15px;
  cursor:pointer;
  transition:0.3s;
}

.lux-item span{
  width: 40px;
    font-size: 17px;
    opacity: 0.9;
    color: #f8c46c;
    font-weight: bold;
    letter-spacing: 1px;
}

.lux-item h5{
      margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.lux-item p{
      margin: 0;
    font-size: 13px;
    opacity: 0.8;
    color: #ffffff;
}

.lux-arrow{
  margin-left:auto;
  opacity:0.4;
}

.lux-item:hover{
  transform:translateX(6px);
}

.lux-item.active{
  background:linear-gradient(135deg,#f4b400,#ff9800);
  color:#000;
  box-shadow:0 20px 60px rgba(244,180,0,0.4);
}

/* RIGHT */
.lux-right{
  flex:1;
  padding:50px;
  border-radius:20px;
  background:#0d0d0d;
  box-shadow:0 30px 80px rgba(0,0,0,0.8);
}

.lux-content{
  display:none;
}

.lux-content.active{
  display:block;
  animation:fade 0.4s ease;
  padding: 10px;
}

.lux-content h4{
  font-size:26px;
}

.lux-sub{
  /*opacity:0.7;*/
  margin-bottom: 10px;
padding-left: 40px;
color: #e3ad20;
font-size: 14px;

}
.lux-extra strong{
color: #e3ad20;
}

.lux-content ul{
  list-style:none;
  padding:0;
}

.lux-content ul li{
  margin-bottom:12px;
  display:flex;
  align-items:center;
}

.lux-content ul li i{
  background: #f49e0a;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 10px;

}

.lux-extra{
  margin-top:20px;
  padding:15px;
  background:#271e10;
  border-radius:10px;
  color: #fde689;
  border:1px solid #f5b1004a;
}

.lux-content button{
  margin-top:20px;
  width:100%;
  padding:15px;
  border:none;
  border-radius:10px;
  background:linear-gradient(135deg,#f4b400,#ff9800);
  cursor:pointer;
  color:#fff;
}
.lux-content .btnbtn{
  margin-top:20px;
  width:100%;
  padding:15px;
  border:none;
  border-radius:10px;
  background:linear-gradient(135deg,#f4b400,#ff9800);
  cursor:pointer;
  color:#fff;
}
.lux-content .btnbtn a{
  text-align: center;
  text-decoration: none;
  display: block;
  color: #fff;
}


.lux-content h4::before {
      content: attr(data-num);
    display: inline-block;
    /* margin-right: 10px; */
    font-size: 21px;
    font-weight: 500;
    color: #543b0e;
    /* opacity: 0.8; */
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 16px;
}
.lux-content h4 {
  font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.6px;
}



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

/*end*/

/*solutions*/

.lux2-solution{
  position: relative;
  background: url("../images/bg.jpg") center/cover no-repeat;
  min-height: 650px;
  display: flex;
  align-items: center;
  padding: 120px 60px;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

/* DARK GRADIENT OVERLAY */
.lux2-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.95) 10%,
    rgba(0,0,0,0.8) 40%,
    rgba(0,0,0,0.2) 100%
  );
}

/* CONTENT */
.lux2-container{
  position: relative;
  z-index: 2;
  max-width: 1200px;
  /*margin: auto;*/
  color: #fff;
}

/* BADGE */
.lux2-badge{
  display: inline-block;
    background: rgba(255, 170, 0, 0.15);
    color: #fbbf23;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 20px;
    letter-spacing: 0.6px;
}

/* TITLE */
.lux2-title{
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  font-family: 'Playfair Display', serif;
}
.lux2-list li i{
  background: #f49e0a;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    margin-right: 10px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
}

/* SUBTITLE */
.lux2-sub{
  color: #fbbf23;
  font-size: 16px;
  margin-bottom: 25px;
}

/* TAG BUTTONS */
.lux2-tags{
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.lux2-tags span{
  background: rgba(255,255,255,0.08);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13px;
}

/* LIST */
.lux2-list{
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.lux2-list li{
  position: relative;
  /*padding-left: 20px;*/
  margin-bottom: 12px;
  font-size: 14px;
}
.lux2-tags span i{
  color: #f49e0a;
    padding-right: 5PX;
}

.lux2-list li::before{
  content: "";
  width: 6px;
  height: 6px;
  background: #ffb300;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

/* BUTTON */
.lux2-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f49e0a;
  color: #fff;
  padding: 14px 24px;
  border-radius: 30px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s;
}

.lux2-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255,140,0,0.4);
}

/*end*/


/*why choose*/
.wy-section{
  background: #f9f9f6;
  padding: 100px 20px;
  font-family: 'Poppins', sans-serif;
}

.wy-container{
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* LEFT */
.wy-left{
  flex: 1;
}

.wy-tag{
  display: inline-block;
  font-size: 12px;
  background: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

.wy-title{
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: 'Playfair Display', serif;
}

.wy-sub{
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* LIST */
.wy-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wy-item{
  display: flex;
  gap: 12px;
  background: #fff;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #eee;
  transition: 0.3s;
}

.wy-item:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.wy-item i{
  font-size: 16px;
  color: #999;
  margin-top: 4px;
}

.wy-item h5{
    font-size: 15px;
    margin: 0;
    color: #000;
}

.wy-item p{
  font-size: 13px;
  color: #777;
  margin: 3px 0 0;
}

/* RIGHT IMAGE */
.wy-right{
  flex: 1;
}

.wy-right img{
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  height: 700px;
}

/* RESPONSIVE */
@media(max-width: 992px){
  .wy-container{
    flex-direction: column;
  }

  .wy-title{
    font-size: 32px;
  }
}
/*end*/

/*pf-section*/
.pf3{
  background:#f5f5f5;
  padding:100px 20px;
  font-family:Poppins;
}

.pf3-container{
  max-width:1180px;
  margin:auto;
}

/* HEADER */
.pf3-head{
  text-align:center;
  margin-bottom:50px;
}
.pf3-head span{
  border:1px solid #ddd;
  padding:6px 14px;
  border-radius:20px;
  font-size:12px;
}
.pf3-head h2{
  margin:12px 0;
      font-family: 'Playfair Display', serif;
}
.pf3-head p{
  color:#777;
}

/* LAYOUT */
.pf3-wrap{
  display:flex;
  gap:50px;
  align-items:flex-start;
}

/* LEFT */
.pf3-left{
  width:280px;
}

.pf3-item{
  background:#fff;
  padding:16px;
  border-radius:12px;
  margin-bottom:12px;
  cursor:pointer;
  transition:.3s;
  border:1px solid #eee;
}

.pf3-item h5{
  margin:0;
  font-size:15px;
  font-weight: 500;
}

.pf3-item p{
  font-size: 12px;
    color: #777;
    margin: 0;
    line-height: 33px;
}

.pf3-item.active{
  background:#111;
  color:#fff;
}

.pf3-item.active p{
  color:#bbb;
}

.pf3-item:hover{
  transform:translateX(6px);
}

/* RIGHT */
.pf3-right{
  flex:1;
  position:relative;
}

/* TOGGLE */
.pf3-toggle{
  position:absolute;
  top:15px;
  left:20px;
  background:#fff;
  border-radius:30px;
  display:flex;
  overflow:hidden;
  z-index:10;
}

.pf3-toggle button{
  border:none;
  padding:6px 16px;
  background:none;
  cursor:pointer;
  font-size:12px;
}

.pf3-toggle .active{
  background:#111;
  color:#fff;
}

/* IMAGE */
.pf3-img{
  position:relative;
  border-radius:20px;
  overflow:hidden;
}

.pf3-img img{
  width:100%;
  height:420px;
  object-fit:cover;
  transition:opacity .4s ease;
}

/* OVERLAY TEXT (MAIN FIX) */
.pf3-overlay{
  position:absolute;
  bottom:15px;
  left:20px;
  color:#fff;
}

.pf3-overlay h4{
  margin:0;
  font-size:16px;
}

.pf3-overlay p{
  font-size:12px;
  opacity:.8;
}

.pf3-tag{
  display:inline-block;
  /*margin-top:8px;*/
  font-size:11px;
  padding:5px 10px;
  border-radius:20px;
  background:#eee;
  color:#555;
}

/* ACTIVE TAG */
.pf3-item.active .pf3-tag{
  background:#2a2a2a;
  color:#ddd;
}


/*testimonials*/
/* RESET (IMPORTANT) */
.ts2-sec *{
  box-sizing:border-box;
}

/* SECTION */
.ts2-sec{
  padding:80px 0 !important;
  background:#f9f9f6;
}

.ts2-container{
  width:1100px !important;
  max-width:1100px !important;
  margin:0 auto !important;
}

/* HEADER */
.ts2-head{
  text-align:center;
  margin-bottom:50px;
}

.ts2-head span{
  font-size:12px;
  background:#fff;
  padding:6px 14px;
  border-radius:20px;
  border:1px solid #ddd;
  display:inline-block;
  margin-bottom:15px;
}

.ts2-head h2{
  font-size:32px;
  font-weight:600;
  font-family: 'Playfair Display', serif;
}

.ts2-head p{
  color:#777;
  font-size:14px;
}

/* GRID FIX */
.ts2-grid{
  display:block !important;
}

/* TOP 3 FIX */
.ts2-row{
  display:flex !important;
  gap:24px;
  justify-content:space-between;
}

.ts2-row .ts2-card{
  width:calc(33.33% - 16px) !important;
}

/* BOTTOM 2 CENTER FIX */
.ts2-row-bottom{
  display:flex !important;
  /*justify-content:center !important;*/
  gap:24px;
  margin-top:24px;
}

.ts2-row-bottom .ts2-card{
  width:100% !important;
}

/* CARD */
.ts2-card{
  background:#fff;
  padding:22px;
  border-radius:14px;
  border:1px solid #e5e5e5;
  transition:.3s;
}

.ts2-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* STARS */
.ts2-stars{
  color:#f4b400;
  margin-bottom:12px;
}

/* TEXT */
.ts2-card p{
  font-size:14px;
  color:#333;
  line-height:1.6;
}

/* DIVIDER */
.ts2-divider{
  height:1px;
  background:#eee;
  margin:18px 0;
}

/* BOTTOM */
.ts2-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* USER */
.ts2-user{
  display:flex;
  align-items:center;
  gap:10px;
}

.ts2-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#eee;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}

.ts2-user h5{
  margin:0;
  font-size:14px;
}

.ts2-user span{
  font-size:12px;
  color:#777;
}

/* TYPE */
.ts2-type{
  font-size:12px;
  color:#999;
}

/* 🔥 MOBILE FIX */
@media(max-width:768px){
  .ts2-container{
    width:100% !important;
    padding:0 15px;
  }

  .ts2-row{
    flex-direction:column;
  }

  .ts2-row .ts2-card{
    width:100% !important;
  }

  .ts2-row-bottom{
    flex-direction:column;
  }

  .ts2-row-bottom .ts2-card{
    width:100% !important;
  }
}

/*end*/

/*trust*/
.trust-sec{
  background:#0b0b0b;
  color:#fff;
  padding:100px 0;
}

.trust-container{
  width:1200px;
  margin:auto;
}

/* HEADER */
.trust-head{
  text-align:center;
  margin-bottom:50px;
}

.trust-head span{
  background:#111;
  border:1px solid #333;
  padding:6px 14px;
  border-radius:20px;
  font-size:12px;
}

.trust-head h2{
  font-size:42px;
  margin:20px 0 10px;
  font-family: 'Playfair Display', serif;
}

.trust-head p{
  color:#aaa;
  font-size:14px;
}

/* STATS */
.trust-stats{
  display:flex;
  gap:20px;
  justify-content:center;
  margin-bottom:40px;
}

.trust-box{
  background:#111;
  border:1px solid #222;
  padding:25px 30px;
  border-radius:14px;
  text-align:center;
  width:300px;
  transition:.3s;
}

.trust-box:hover{
  transform:translateY(-6px);
  border-color:#f4b400;
}

.trust-box h3{
      font-size: 28px;
    color: #f49e0a;
    font-weight: bold;
}

.trust-box p{
  font-size:12px;
  color:#83807d;
}

/* BRANDS */
.trust-brands{
  background:#0e0e0e;
  border:1px solid #222;
  padding:30px;
  border-radius:16px;
}

.brand-title{
  text-align:center;
  font-size:12px;
  color:#888;
  margin-bottom:20px;
}

.brand-grid{
  display:flex;
  gap:15px;
  justify-content:space-between;
}

.brand-card{
  flex:1;
  background:#111;
  padding:18px;
  border-radius:10px;
  text-align:center;
  font-size:13px;
  border:1px solid #222;
  transition:.3s;
  display: flex;
  flex-direction: column;
}
.brand-card i{
  width: 30px;
    height: 30px;
    background: #f49e0a;
    line-height: 30px;
    border-radius: 100%;
    margin: 0 auto 10px auto;
}

.brand-card:hover{
  border-color:#f4b400;
  transform:translateY(-4px);
}

/* MOBILE */
@media(max-width:768px){
  .trust-container{
    width:100%;
    padding:0 15px;
  }

  .trust-stats{
    flex-direction:column;
  }

  .brand-grid{
    flex-direction:column;
  }
}


/*interior*/
.diff-sec{
  padding:90px 0;
  background:#f6f6f6;
}

.diff-container{
  width:1100px;
  margin:auto;
  display:flex;
  gap:60px;
  align-items:center;
}

/* LEFT */
.diff-left{
  flex:1;
}

.diff-tag{
  font-size:12px;
  background:#fff;
  padding:6px 14px;
  border-radius:20px;
  border:1px solid #ddd;
  display:inline-block;
  margin-bottom:15px;
}

.diff-left h2{
  font-size:32px;
  margin-bottom:15px;
  font-family: 'Playfair Display', serif;
}

.diff-desc{
  color:#777;
  font-size:14px;
  margin-bottom:25px;
}

/* LIST */
.diff-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.diff-item{
  display:flex;
  gap:15px;
}

.diff-item .icon{
  width:40px;
  height:40px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:16px;
}

.diff-item h4{
  font-size:15px;
  margin-bottom:4px;
  font-weight: 600;
}

.diff-item p{
  font-size:13px;
  color:#777;
}

/* RIGHT */
.diff-right{
  flex:1;
  position:relative;
}

.diff-right img{
  width:100%;
  border-radius:16px;
  object-fit:cover;
  height: 550px;
}

/* BADGE */
.exp-badge{
  position: absolute;
    bottom: -40px;
    left: -50px;
    background: #111;
    color: #fff;
    padding: 15px 18px;
    border-radius: 12px;
}

.exp-badge h3{
  color:#fff;
  margin:0;
}

.exp-badge span{
  font-size:12px;
  color:#ccc;
}

/*howitworks*/
/* SECTION */
#how-about{
    background: #131313;
}
.how-it-works {
    color: #fff;
    text-align: center;
    padding: 100px 0;
    background-color: #000;
}

/* TITLE */
.title span {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #444;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 15px;
    color: #ecb321;
    font-family: system-ui;
    letter-spacing: 0.6px;

}

.title h2 {
    font-size: 42px;
    margin-bottom: 10px;
    color:#fff;
}

.title p {
    color: #aaa;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 100;
}

/* STEPS */
.steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    padding: 0 60px;
}

/* 🔥 LINE */
.steps::before {
    content: "";
    position: absolute;
    top: 40px; /* নিচে নামানো */
    left: 60px;
    right: 60px;
    height: 1px;
    background: #333;
}

/* STEP */
.step {
    width: 25%;
    text-align: center;
    position: relative;
}

/* 🔥 ICON CIRCLE */
.icon-box {
    width: 60px;
    height: 60px;
    background: #f5b400;
    border-radius: 50%;
    margin: 0 auto 20px;
    line-height: 60px;
    position: relative;
    z-index: 2;
    transition: 0.3s;
}

.icon-box i {
    color: #000;
    font-size: 20px;
}

/* 🔥 SMALL NUMBER */
.icon-box .number {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #fff;
    color: #000;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
}

/* TEXT */
.step h4 {
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 17px;

}

.step p {
    font-size: 14px;
    color: #aaa;
    line-height: 1.5;
}

/* 🔥 HOVER EFFECT */
.step:hover .icon-box {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(255, 180, 0, 0.3);
}

.steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    padding: 0 80px; /* 👉 PDF-এর মতো gap */
}

/* ✅ LINE PERFECT POSITION */
.steps::before {
    content: "";
    position: absolute;
    top: 55px;   /* 🔥 KEY FIX (আগে 40 ছিল) */
    left: 80px;
    right: 80px;
    height: 1px;
    background: #3a3a3a;
}

/* STEP */
.step {
    width: 25%;
    text-align: center;
}

/* ✅ ICON POSITION FIX */
.icon-box {
    width: 60px;
    height: 60px;
    background: #f49e0a;
    border-radius: 50%;
    margin: 0 auto 25px;
    line-height: 60px;
    position: relative;
    z-index: 2;
}

/* 🔥 ICON CENTER FIX */
.icon-box i {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    transform: translateY(2px); /* subtle adjust */
}

/* ✅ NUMBER BADGE */
.icon-box .number {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #fff;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
}

.steps::before {
    content: "";
    position: absolute;
    top: 72px;
    left: 80px;
    right: 80px;
    height: 2px;
        width: 60%;
    margin: 0 auto;

    /* 🔥 MAIN GRADIENT */
    background: linear-gradient(
        to right,
        rgba(255,180,0,0) 0%,
        rgba(255,180,0,0.4) 20%,
        rgba(255,180,0,0.8) 50%,
        rgba(255,180,0,0.4) 80%,
        rgba(255,180,0,0) 100%
    );
}



.contact-section{
    padding:100px 0;
    background: #131313;
}

.containers{
    width:90%;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

/* LEFT */
.left{
    width:45%;
}

.badge{
    display:inline-block;
    padding:6px 14px;
    border:1px solid #444;
    border-radius:20px;
    font-size:12px;
    margin-bottom:15px;
}

.left h2{
    font-size: 36px;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
    color: #FFF;
}

.left p{
    color:#aaa;
    margin-bottom:20px;
}

/* FEATURES */
.features{
    margin:0;
    padding: 0;
}

.features li{
    list-style:none;
    margin-bottom:10px;
    color:#ddd;
}

.features i{
    color:#f5b400;
    margin-right:10px;
}

/* CALL BOX */
.call-box{
    background:#0a0a0a;
    padding:20px;
    border-radius:10px;
    margin-top:20px;
}

.call-box p{
    margin:5px 0;
    font-size:14px;
}

.fa.fa-phone{
  transform: rotate(90deg) !important;
}

.badges{
      background: #050505;
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #cccccc3b;
    font-weight: 500;
    letter-spacing: 1px;
}

/* RIGHT FORM */
.form-box{
    width:45%;
    background:#111;
    padding:30px;
    border-radius:15px;
}

/* INPUT */
.form-group{
    margin-bottom:15px;
}

.form-group label{
    font-size:13px;
    color:#ccc;
    display:block;
    margin-bottom:5px;
}
.form-group select option{
	color:#000;
}
.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:12px;
    background:#000;
    border:1px solid #333;
    border-radius:8px;
    color:#fff;
    outline:none;
}

/* BUTTON */
.btn{
    /*width:100%;*/
    padding:14px;
    background:#f49e0a;
    border:none;
    border-radius:8px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
}
.btnbook{
    width:100%;
    padding:14px;
    background:#f49e0a;
    border:none;
    border-radius:8px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
}

.btn:hover{
    background:#ffc107;
}

/* SMALL TEXT */
.note{
    font-size:12px;
    color:#777;
    margin-top:10px;
}

/* INPUT + TEXTAREA STYLE */
.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 14px;
    background: linear-gradient(145deg, #0a0a0a, #000);
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    color: #fff;
    outline: none;
    transition: 0.3s;
}

/* FOCUS EFFECT (PDF style glow) */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #f5b400;
    box-shadow: 0 0 10px rgba(245,180,0,0.2);
}

/* TEXTAREA SPECIFIC */
.form-group textarea {
    min-height: 110px;
    resize: none;
}

/* 🔥 CHARACTER COUNT */
.char-count {
    text-align: right;
    font-size: 11px;
    color: #777;
    margin-top: 5px;
}

/* LABEL */
.form-group label {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 6px;
    display: block;
}

/* FORM BOX (extra polish) */
.form-box {
    background: linear-gradient(145deg, #111, #0a0a0a);
    border: 1px solid #222;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
}


/* SECTION */
.cta-section{
    position: relative;
    height: 500px;
    background: url('../images/footer-top.jpg') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* DARK OVERLAY */
.cta-section::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,0.6);
}

/* CONTENT */
.cta-content{
    position:relative;
    z-index:2;
    color:#fff;
    max-width:700px;
}

/* BADGE */
.badge{
    display:inline-block;
    padding:6px 14px;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:20px;
    font-size:12px;
    margin-bottom:15px;
    /*opacity:0.8;*/
}

/* TITLE */
.cta-content h2{
    font-size:42px;
    margin-bottom:10px;
    font-family: 'Playfair Display', serif;
}

.badgem{
  background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin: 10px 0;
    display: inline-block;

  }

/* TEXT */
.cta-content p{
    color:#ccc;
    font-size:14px;
    margin-bottom:25px;
}

/* BUTTON WRAP */
.btn-wrap{
    display:flex;
    justify-content:center;
    gap:15px;
}

/* BUTTON BASE */
.btn{
    padding:14px 22px;
    border-radius:30px;
    font-size:14px;
    cursor:pointer;
    /*border:none;*/
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:0.3s;
    font-weight: 500;
}
.stats i{
  color: #f4b400;
    font-size: 12px;
    padding-right: 5px;
}
.btnss{
  background: transparent;
    padding:14px 22px;
    border-radius:30px;
    font-size:14px;
    color:#fff !important;
    text-decoration: none;
    cursor:pointer;
    /*border:none;*/
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:0.3s;
    border:1px solid #fff;
}

/* PRIMARY BUTTON */
.btn-primary{
    background:#fff;
    color:#000;
}

.btn-primary:hover{
    background:#f5b400;
}

/* SECOND BUTTON */
.btn-outline{
    background: rgba(255,255,255,0.1);
    color:#fff;
    border:1px solid rgba(255,255,255,0.3);
}

.btn-outline:hover{
    background:#f5b400;
    color:#000;
}

.footer {
    background: #050505;
    padding: 90px 0 30px;
}
.footer-grid ul {
  margin: 0;
  padding: 0;
}

.footer-grid ul li{
  list-style: none;
  line-height: 20px;
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; /* tighter */
}

/* TEXT */
.footer h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Playfair Display', serif;
}

.footer p,
.footer ul li {
    
    font-size: 13.5px;
   line-height: 27px;
   color: #7e7c78;
}
.phones{
  color: #fff !important;
  font-weight: bold;
}
.whatsapp-btn span{
  color:#fff;
}

/* LINKS HOVER */
.footer ul li:hover {
    color: #f5b400;
}
.logo img{
  margin-bottom: 10px;
}
.footer-grid ul li a{
  text-decoration: none;
    color: #7e7c78;
    font-size: 15px;
    font-weight: 500;
}
/* 🔥 WHATSAPP BOX EXACT */
.whatsapp-btn {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-bottom: 15px;
    padding: 12px 16px;
    border-radius: 12px;

    /* 🔥 gradient background */
    background: linear-gradient(145deg, #111, #0a0a0a);

    border: 1px solid #2a2a2a;
    transition: 0.3s;
}

/* ICON GREEN */
.whatsapp-btn i {
    color: #fff;
    padding-right: 10px;
}

/* 🔥 HOVER (PDF style glow) */
.whatsapp-btn:hover {
    border-color: #f5b400;
    box-shadow: 0 0 10px rgba(245,180,0,0.2);
}

/* SERVICES */
.services li {
    margin-bottom: 6px;
}

/* 🔥 BOTTOM BAR FIX */
.footer-bottom {
    margin-top: 50px;
    padding-top: 15px;

    display: flex;
    justify-content: space-between;

    font-size: 12px;
    color: #888;

    border-top: 1px solid rgba(255,255,255,0.08); /* soft line */
}


.whatsapp-position {
    position: fixed;
    right: 30px;
    bottom: 90px;
    z-index: 999;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-position a {
    color: #fff;
}
.whatsapp-position a i {
    font-size: 40px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .cta-content h2{
        font-size:28px;
    }
    .btn-wrap{
        flex-direction:column;
    }
}

/* RESPONSIVE */
@media(max-width:768px){
    .container{
        flex-direction:column;
    }
    .left,.form-box{
        width:100%;
    }
}

/* 🔥 RESPONSIVE */
@media(max-width: 768px) {
    .steps {
        flex-direction: column;
        gap: 40px;
    }

    .steps::before {
        display: none;
    }

    .step {
        width: 100%;
    }
}
/*end*/

/* RESPONSIVE */
@media(max-width:768px){
  .diff-container{
    flex-direction:column;
    width:100%;
    padding:0 15px;
  }
}






@media (max-width: 768px) {
  .content {
    margin-left: 20px;
  }

  .content h1 {
    font-size: 36px;
  }
}

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

  /* BANNER */
  .banner {
    height: auto;
    padding: 90px 0px 0px;
  }

  /* CONTENT FIX */
  .content {
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0 10px;
  }

  /* HEADING */
  .content h1 {
    font-size: 32px;
    line-height: 1.3;
  }

  /* TEXT */
  .content p {
    width: 100%;
    font-size: 14px;
  }

  /* BADGE */
  .badge {
    font-size: 11px;
    padding: 5px 10px;
  }

  /* STATS */
  .stats {
    /*flex-direction: column;*/
    gap: 10px;
  }

  .stats div {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }

  /* BUTTONS */
  .btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    
  }

  .btn-warning,
  .btn-outline-light,
  .btnss {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 10px;
  }

  /* BOTTOM INFO */
  .bottom-info {
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
  }

  /* CONTENT LEFT ALIGN */
  .content {
    text-align: left !important;
    padding: 0 15px !important;
  }

  /* TITLE */
  .content h1 {
    text-align: left !important;
  }

  /* TEXT */
  .content p {
    text-align: left !important;
  }

  /* STATS LEFT */
  .stats {
    align-items: flex-start !important;
  }

  .stats div {
    text-align: left !important;
    width: auto !important;
  }

  /* BUTTONS LEFT */
  .btns {
    align-items: flex-start !important;
  }

  .btn-warning,
  .btn-outline-light,
  .btnss {
    width: auto !important;
  }

  /* BOTTOM INFO LEFT */
  .bottom-info {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .problem-section {
    padding: 60px 0;
  }

  /* GRID FIX */
  .problem-section .row {
    flex-direction: column;
  }

  /* IMAGE */
  .problem-image {
    width: 100%;
    margin-bottom: 30px;
  }

  .problem-image img {
    width: 100%;
    border-radius: 12px;
  }

  /* 🔥 DELAY BOX FIX */
  .delay-box {
    position: absolute;
    right: 10px;
    bottom: -20px;
    width: 150px;
    padding: 12px;
    border-radius: 10px;
  }

  .delay-box h3 {
    font-size: 22px;
  }

  .delay-box span {
    font-size: 13px;
  }

  .delay-box p {
    font-size: 11px;
  }

  /* RIGHT CONTENT */
  .problem-section .col-lg-6.text-white {
    text-align: left;
  }

  /* TITLE */
  .titles {
    font-size: 26px;
    line-height: 1.4;
  }

  /* TAG */
  .tag {
    font-size: 11px;
    padding: 4px 10px;
  }

  /* LIST */
  .problem-list .item {
    padding: 12px;
    font-size: 13px;
  }

  .problem-list .item i {
    width: 18px;
    height: 18px;
    font-size: 9px;
  }

  /* SOLUTION */
  .solution-box {
    padding: 12px;
    font-size: 13px;
    align-items: flex-start;
  }

  .solution-box i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }

    .problem-section {
    padding: 60px 0;
  }

  /* GRID FIX */
  .problem-section .row {
    flex-direction: column;
  }

  /* IMAGE */
  .problem-image {
    width: 100%;
    margin-bottom: 30px;
  }

  .problem-image img {
    width: 100%;
    border-radius: 12px;
  }

  /* 🔥 DELAY BOX FIX */
  .delay-box {
    position: absolute;
    right: 10px;
    bottom: -20px;
    width: 150px;
    padding: 12px;
    border-radius: 10px;
  }

  .delay-box h3 {
    font-size: 22px;
  }

  .delay-box span {
    font-size: 13px;
  }

  .delay-box p {
    font-size: 11px;
  }

  /* RIGHT CONTENT */
  .problem-section .col-lg-6.text-white {
    text-align: left;
  }

  /* TITLE */
  .titles {
    font-size: 26px;
    line-height: 1.4;
  }

  /* TAG */
  .tag {
    font-size: 11px;
    padding: 4px 10px;
  }

  /* LIST */
  .problem-list .item {
    padding: 12px;
    font-size: 13px;
  }

  .problem-list .item i {
    width: 18px;
    height: 18px;
    font-size: 9px;
  }

  /* SOLUTION */
  .solution-box {
    padding: 12px;
    font-size: 13px;
    align-items: flex-start;
  }

  .solution-box i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }

  .lux-section{
    padding: 50px 15px;
  }

  /* HEADER */
  .lux-header{
    text-align: left;
    margin-bottom: 35px;
  }

  .lux-header h2{
    font-size: 26px;
    line-height: 1.3;
  }

  .lux-header p{
    font-size: 14px;
  }

  .lux-tag{
    font-size: 11px;
    padding: 5px 10px;
  }

  /* LAYOUT STACK */
  .lux-wrapper{
    flex-direction: column;
    gap: 25px;
  }

  /* LEFT LIST */
  .lux-item{
    padding: 14px;
    border-radius: 12px;
  }

  .lux-item span{
    font-size: 14px;
    width: 30px;
  }

  .lux-item h5{
    font-size: 14px;
  }

  .lux-item p{
    font-size: 12px;
  }

  /* RIGHT BOX */
  .lux-right{
    padding: 20px;
    border-radius: 14px;
  }

  .lux-content h4{
    font-size: 18px;
  }

  .lux-sub{
    font-size: 12px;
    padding-left: 0;
  }

  .lux-content ul li{
    font-size: 13px;
  }

  .lux-content ul li i{
    width: 16px;
    height: 16px;
    font-size: 8px;
  }

  .lux-extra{
    font-size: 12px;
    padding: 12px;
  }

  .lux-content button{
    padding: 12px;
    font-size: 14px;
  }
  
  
  
  .footer-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.footer-bottom{
  display: inherit;
}
.cta-section {
    position: relative;
    height: auto;
    background: url(../images/footer-top.jpg) center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px 20px;
}
.containers {
    width: 95%;
    margin: auto;
    display: inherit;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}
.how-it-works {
    color: #fff;
    text-align: center;
    padding: 50px 10px;
    background-color: #000;
}
.diff-item .icon{
  padding: 10px;
}
.diff-right img{
  height: auto;
}
.exp-badge {
        position: absolute;
        bottom: -40px;
        left: 150px;
        background: #111;
        color: #fff;
        padding: 15px 18px;
        border-radius: 12px;
        width: 44%;
}
.title h2{
    font-size: 32px;
}
.trust-box {
    background: #111;
    border: 1px solid #222;
    padding: 20px 30px;
    border-radius: 14px;
    text-align: center;
    width: auto;
    transition: .3s;
}
.trust-head h2 {
    font-size: 32px;
    margin: 20px 0 10px;
    font-family: 'Playfair Display', serif;
}
.pf3-wrap{
  display: inherit;
}
.pf3-left{
  width: auto;
}
.wy-right img{
  height:auto;
}
.menu{
  display: none !important;
}
.booking{
  display: none !important;
}
.trust-sec{
    padding: 50px 0;
}
.diff-sec {
    padding: 50px 0;
    background: #f6f6f6;
}

}

/* ================= SMALL MOBILE ================= */
@media (max-width: 480px) {

  .content h1 {
    font-size: 26px;
  }

  .content p {
    font-size: 13px;
  }

  .stats div {
    font-size: 11px;
    padding: 8px 12px;
  }
   .titles {
    font-size: 22px;
  }

  .delay-box {
    width: 130px;
    right: 8px;
    bottom: -15px;
  }

  .problem-list .item {
    font-size: 12px;
  }

   .titles {
    font-size: 22px;
  }

  .delay-box {
    width: 130px;
    right: 8px;
    bottom: -15px;
  }

  .problem-list .item {
    font-size: 12px;
  }
  .lux-header h2{
    font-size: 22px;
  }

  .lux-item{
    /*flex-direction: column;*/
    align-items: flex-start;
    gap: 8px;
  }

  .lux-arrow{
    display: none;
  }
  
  .lux2-solution {
    padding: 50px 15px;
  }
  .lux2-title{
      font-size:32px;
  }
  
  .srv-section {
    background: #f9f9f6;
    padding: 50px 15px;
}
.srv-title{
    font-size:32px;
}
.who-section {
    background: #f3f1ef;
    padding: 50px 0;
}
.title{
    font-size:32px;
}
.wy-section {
    background: #f9f9f6;
    padding: 50px 15px;
}
.pf3 {
    background: #f5f5f5;
    padding: 50px 15px;
}
.pf3-head h2{
    font-size:32px;
}
.ts2-sec{
    padding: 50px 0;
}

}

@media (max-width: 992px) {

  .lux-wrapper{
    flex-direction: column;
    gap: 30px;
  }

  .lux-right{
    padding: 30px;
    display: none;
  }

  .lux-header h2{
    font-size: 32px;
  }

}

@media (max-width:768px){
  .pf3-right{
    margin-top:15px;
  }
  .pf3-img img {
    height: auto;
    margin-bottom: 15px;
}
}

@media (max-width:768px){

  .trust-stats{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:12px;
  }

  .trust-box{
    width:48% !important;
    padding:20px 10px;
    box-sizing:border-box;
  }
      .trust-stats {
        flex-direction: inherit;
    }
    .trust-box h3{
        font-size:22px;
    }

}

/*about*/

/* =========================
   BLACK FEATURE BAR
========================= */

.kitchen-feature-bar{
    width:100%;
    background:#000;
    padding:28px 160px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,0.08);
}

.feature-box{
    display:flex;
    align-items:center;
    gap:16px;
    flex:1;
    min-width:260px;
}

.feature-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:14px;
    /*background:rgba(255,165,0,0.08);*/
    /*border:1px solid rgba(255,165,0,0.25);*/
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f5a000;
    font-size:24px;
    transition:0.4s ease;
}

.feature-box:hover .feature-icon{
    transform:translateY(-4px) scale(1.05);
    background:#f5a000;
    color:#000;
    box-shadow:0 0 20px rgba(245,160,0,0.5);
}

.feature-text h4{
    color:#fff;
    font-size:16px;
    line-height:1.3;
    margin:0;
    font-weight:600;
    font-family: "Playfair Display", serif;
}

.feature-text p{
    color:#d9d9d9;
    font-size:16px;
    margin:4px 0 0;
    line-height:1.5;
    font-family: "Playfair Display", serif;
}

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

@media(max-width:991px){

    .kitchen-feature-bar{
        padding:24px;
        gap:25px;
    }

    .feature-text h4{
        font-size:20px;
    }

    .feature-text p{
        font-size:15px;
    }

}

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

@media(max-width:767px){

    .kitchen-feature-bar{
        flex-direction:column;
        align-items:flex-start;
        padding:22px 18px;
    }

    .feature-box{
        width:100%;
        min-width:100%;
    }

    .feature-icon{
        width:52px;
        height:52px;
        min-width:52px;
        font-size:21px;
    }

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

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

}

/* =========================
   KITCHEN DESIGN SECTION
========================= */

.kitchen-design-sec{
    background:#f2f0ed;
    overflow:hidden;
}

/* TAG */

.kitchen-tag{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #111;
    border-radius:50px;
    background:#fff;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:22px;
}

/* TITLE */

.kitchen-title{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin-bottom:55px;
    line-height:1.2;
    font-family:serif;
}

/* CARD */

.kitchen-card{
    background:#fff;
    border-radius:35px;
    overflow:hidden;
    transition:0.4s ease;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    height:100%;
}

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

/* IMAGE */

.kitchen-img{
    height:320px;
    overflow:hidden;
}

.kitchen-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

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

/* CONTENT */

.kitchen-content{
    padding:20px;
    text-align:center;
}

.kitchen-content h3{
    margin:0;
    font-size:22px;
    color:#222;
    font-weight:500;
    font-family:serif;
}

/* FINISH WRAPPER */

.finish-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:70px;
    margin-top:55px;
    flex-wrap:wrap;
}

/* ITEM */

.finish-item{
    display:flex;
    align-items:center;
    gap:14px;
}

/* COLOR */

.finish-color{
    width:42px;
    height:42px;
    border-radius:50%;
    display:block;
}

.matte{
    background:#cec1ab;
}

.glossy{
    background:#7a3e3d;
}

.wood{
    background:#7b5638;
}

/* TEXT */

.finish-item p{
    margin:0;
    font-size:30px;
    color:#222;
    font-family:serif;
}

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

@media(max-width:991px){

    .kitchen-title{
        font-size:42px;
    }

    .kitchen-content h3{
        font-size:26px;
    }

    .finish-wrapper{
        gap:35px;
    }

    .finish-item p{
        font-size:24px;
    }

}

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

@media(max-width:767px){

    .kitchen-design-sec{
        padding:60px 0;
    }

    .kitchen-title{
        font-size:30px;
        margin-bottom:35px;
    }

    .kitchen-img{
        height:240px;
    }

    .kitchen-content h3{
        font-size:22px;
    }

    .finish-wrapper{
        gap:22px;
        margin-top:38px;
    }

    .finish-item{
        gap:10px;
    }

    .finish-color{
        width:28px;
        height:28px;
    }

    .finish-item p{
        font-size:18px;
    }

}

/* =========================
   PROCESS SECTION
========================= */

.wf-process-section{
    width:100%;
    background:#f9f9f6;
    padding:90px 0;
    overflow:hidden;
}

/* WRAPPER */

.wf-process-wrapper{
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

/* TAG */

.wf-process-tag{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #1d1d1d;
    border-radius:40px;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    color:#111;
    background:#fff;
    margin-bottom:28px;
}

/* HEADING */

.wf-process-head{
    max-width:760px;
    margin:0 auto 55px;
}

.wf-process-head h2{
    font-size:42px;
    line-height:1.2;
    color:#111;
    margin-bottom:18px;
    font-weight:700;
    font-family:serif;
}

.wf-process-head p{
    font-size:16px;
    line-height:1.8;
    color:#444;
    margin:0;
}

/* CARD */

.wf-process-card{
    background:#fff;
    border-radius:36px;
    padding:38px 24px;
    height:100%;
    min-height:340px;
    box-shadow:0 4px 15px rgba(0,0,0,0.04);
    transition:0.4s ease;
    position:relative;
}

.wf-process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* NUMBER */

.wf-process-number{
    display:block;
    font-size:38px;
    line-height:1;
    color:#111;
    margin-bottom:24px;
    font-family:serif;
}

/* TITLE */

.wf-process-card h3{
    font-size:28px;
    line-height:1.15;
    color:#111;
    margin-bottom:18px;
    font-weight:700;
    font-family:serif;
}

/* TEXT */

.wf-process-card p{
    font-size:15px;
    line-height:1.8;
    color:#444;
    margin:0;
}

/* =========================
   LARGE DEVICE
========================= */

@media(max-width:1199px){

    .wf-process-card h3{
        font-size:34px;
    }

}

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

@media(max-width:991px){

    .wf-process-section{
        padding:70px 0;
    }

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

    .wf-process-head p{
        font-size:15px;
    }

    .wf-process-card{
        min-height:auto;
    }

    .wf-process-card h3{
        font-size:30px;
    }

    .wf-process-number{
        font-size:32px;
    }

}

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

@media(max-width:767px){

    .wf-process-section{
        padding:60px 0;
    }

    .wf-process-wrapper{
        padding:0 18px;
    }

    .wf-process-tag{
        font-size:11px;
        padding:7px 16px;
    }

    .wf-process-head{
        margin-bottom:35px;
    }

    .wf-process-head h2{
        font-size:30px;
        margin-bottom:15px;
    }

    .wf-process-head p{
        font-size:14px;
        line-height:1.7;
    }

    .wf-process-card{
        border-radius:28px;
        padding:28px 20px;
    }

    .wf-process-number{
        font-size:28px;
        margin-bottom:18px;
    }

    .wf-process-card h3{
        font-size:24px;
        margin-bottom:14px;
    }

    .wf-process-card p{
        font-size:14px;
        line-height:1.7;
    }

}

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

.goa-addon-sec{
    width:100%;
    background:#000;
    padding:80px 0;
    overflow:hidden;
}

/* WRAPPER */

.goa-addon-wrapper{
    max-width:1200px;
    margin:30px 0;
    /*padding:0 15px;*/
}

/* =========================
   TOP ADDON BAR
========================= */

.goa-addon-bar{
    background:#111;
    border-radius:18px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:45px;
    flex-wrap:wrap;
}

.goa-addon-bar h2{
    color:#fff;
    font-size:28px;
    margin:0;
    font-family:serif;
    font-weight:500;
}

/* TAGS */

.goa-addon-tags{
    display:flex;
    align-items:center;
    gap:100px;
    flex-wrap:wrap;
}

.goa-addon-tags span{
    background:#f2a100;
    color:#fff;
    padding:8px 16px;
    border-radius:50px;
    font-size:14px;
    line-height:1;
    font-weight:500;
}

/* =========================
   IMAGE
========================= */

.goa-addon-image{
    position:relative;
    /*overflow:hidden;*/
    border-radius:0;
}

.goa-addon-image img{
    width:100%;
    height:480px;
    object-fit:cover;
    display:block;
    object-position: center;
}

/* BRAND BOX */

.goa-brand-box{
    position:absolute;
    right:-28px;
    bottom:-12px;
    background:#f2a100;
    padding:18px 24px;
    border-radius:18px;
    min-width:180px;
}

.goa-brand-box h4{
    color:#fff;
    margin-bottom:10px;
    font-size:24px;
    font-family:serif;
}

.goa-brand-box ul{
    margin:0;
    padding-left:20px;
}

.goa-brand-box ul li{
    color:#fff;
    font-size:18px;
    line-height:1.8;
}

/* =========================
   QUALITY SIDE
========================= */

.goa-quality-wrap{
    padding-left:25px;
}

/* SMALL TAG */

.goa-small-tag{
    display:inline-block;
    padding:7px 16px;
    border:1px solid rgba(255,255,255,0.4);
    border-radius:40px;
    color:#fff;
    font-size:12px;
    margin-bottom:30px;
}

/* CARD */

.goa-quality-card{
    background:#f5f5f5;
    border:2px solid #f2a100;
    border-radius:28px;
    padding:12px 24px;
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
    transition:0.4s ease;
}

.goa-quality-card:hover{
    transform:translateX(8px);
    background:#fff;
}

/* ICON */

.goa-quality-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#f2a100;
    font-size:24px;
}

/* TEXT */

.goa-quality-card p{
    margin: 0;
    color: #111;
    font-size: 20px;
    line-height: 1.35;
    font-family: serif;
    width: 56%;
}

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

@media(max-width:991px){

    .goa-addon-bar h2{
        font-size:34px;
    }

    .goa-addon-image img{
        height:520px;
    }

    .goa-quality-wrap{
        padding-left:0;
    }

    .goa-quality-card p{
        font-size:17px;
        width:100%;
    }

}

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

@media(max-width:767px){

    .goa-addon-sec{
        padding:60px 0;
    }

    .goa-addon-wrapper{
        padding:0 18px;
    }

    .goa-addon-bar{
        padding:18px;
        border-radius:14px;
    }

    .goa-addon-bar h2{
        font-size:28px;
    }

    .goa-addon-tags{
        gap:10px;
    }

    .goa-addon-tags span{
        font-size:12px;
        padding:7px 14px;
    }

    .goa-addon-image img{
        height:360px;
    }

    .goa-brand-box{
        padding:14px 18px;
        min-width:150px;
    }

    .goa-brand-box h4{
        font-size:18px;
    }

    .goa-brand-box ul li{
        font-size:14px;
        line-height:1.6;
    }

    .goa-small-tag{
        margin-bottom:22px;
    }

    .goa-quality-card{
        padding:6px;
        gap:14px;
        border-radius:22px;
    }

    .goa-quality-icon{
        width:46px;
        height:46px;
        min-width:46px;
        font-size:18px;
    }

    .goa-quality-card p{
        font-size:18px;
        line-height:1.5;
    }

}

/* =========================
   BOTTOM HIGHLIGHTS
========================= */

.how-work-highlights{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:80px;
    flex-wrap:wrap;
    margin-top:70px;
    padding-top:45px;
    /*border-top:1px solid rgba(255,255,255,0.08);*/
}

/* ITEM */

.highlight-item{
    display:flex;
    align-items:center;
    gap:12px;
    transition:0.4s ease;
}

/* ICON */

.highlight-item i{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#f4a300;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:0.4s ease;
}

/* TEXT */

.highlight-item span{
    color:#f4a300;
    font-size:18px;
    font-family:serif;
    line-height:1.4;
}

/* HOVER */

.highlight-item:hover{
    transform:translateY(-4px);
}

.highlight-item:hover i{
    transform:rotate(360deg);
    background:#fff;
    color:#f4a300;
}

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

@media(max-width:991px){

    .how-work-highlights{
        gap:35px;
    }

    .highlight-item span{
        font-size:18px;
    }

}

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

@media(max-width:767px){

    .how-work-highlights{
        flex-direction:column;
        align-items:flex-start;
        gap:22px;
        margin-top:45px;
        padding-top:30px;
    }

    .highlight-item{
        width:100%;
    }

    .highlight-item i{
        width:30px;
        height:30px;
        min-width:30px;
        font-size:12px;
    }

    .highlight-item span{
        font-size:16px;
    }

}
#aboutstep h4{
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    width: 46%;
    margin: 0 auto;
    letter-spacing: 0.6px;
}
#diff-item{
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}


/* =========================
   CONSULT SECTION
========================= */

.nx-consult-section{
    width:100%;
    background:#131313;
    padding:90px 0;
    overflow:hidden;
}

/* WRAPPER */

.nx-consult-wrapper{
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

/* =========================
   LEFT CONTENT
========================= */

.nx-consult-tag{
    display:inline-block;
    padding:8px 16px;
    border:1px solid rgba(255,255,255,0.25);
    border-radius:40px;
    color:#fff;
    font-size:12px;
    margin-bottom:24px;
}

.nx-consult-content h2{
    color:#fff;
    font-size:42px;
    line-height:1.1;
    margin-bottom:24px;
    font-family:serif;
    font-weight:700;
}

.nx-consult-content p{
    color:#d0d0d0;
    font-size:17px;
    line-height:1.8;
    max-width:520px;
}

/* POINTS */

.nx-consult-points{
    margin-top:40px;
}

.nx-point-item{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:22px;
}

.nx-point-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:50%;
    background:#f3a400;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
}

.nx-point-item span{
    color:#fff;
    font-size:19px;
    line-height:1.5;
    font-family:serif;
}

/* =========================
   FORM BOX
========================= */

.nx-form-box{
    background:#0b0b0b;
    padding:35px;
    border:1px solid rgba(255,255,255,0.06);
}

/* INPUT */

.nx-input-group{
    margin-bottom:22px;
}

.nx-input-group label{
    display:block;
    color:#fff;
    font-size:14px;
    margin-bottom:10px;
}

.nx-input-group input{
    width:100%;
    height:52px;
    background:#111;
    border:none;
    outline:none;
    padding:0 16px;
    color:#fff;
    font-size:15px;
}

.nx-input-group input::placeholder{
    color:#888;
}

/* RADIO */

.nx-select-wrap{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.nx-radio-card{
    position:relative;
    cursor:pointer;
}

.nx-radio-card input{
    display:none;
}

.nx-radio-card span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:90px;
    height:42px;
    background:#111;
    color:#fff;
    padding:0 20px;
    font-size:14px;
    transition:0.3s ease;
    border-radius: 5px;
}

.nx-radio-card.active span,
.nx-radio-card:hover span{
    background:#f3a400;
    color:#fff;
}

/* BUTTON */

.nx-submit-btn{
    width:100%;
    height:48px;
    border:none;
    background:#f3a400;
    color:#fff;
    font-size:17px;
    font-weight:600;
    margin-top:10px;
    transition:0.4s ease;
    border-radius: 20px;
}

.nx-submit-btn i{
    margin-right:10px;
}

.nx-submit-btn:hover{
    transform:translateY(-3px);
    opacity:0.9;
}

/* SMALL */

.nx-form-box small{
    display:block;
    color:#9d9d9d;
    margin-top:12px;
    text-align:center;
    font-size:12px;
}

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

@media(max-width:991px){

    .nx-consult-section{
        padding:70px 0;
    }

    .nx-consult-content h2{
        font-size:48px;
    }

    .nx-consult-content p{
        font-size:15px;
    }

    .nx-point-item span{
        font-size:16px;
    }

    .nx-form-box{
        padding:28px;
    }

}

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

@media(max-width:767px){

    .nx-consult-section{
        padding:60px 0;
    }

    .nx-consult-wrapper{
        padding:0 18px;
    }

    .nx-consult-content h2{
        font-size:34px;
        margin-bottom:18px;
    }

    .nx-consult-content p{
        font-size:14px;
        line-height:1.7;
    }

    .nx-consult-points{
        margin-top:28px;
    }

    .nx-point-item{
        gap:12px;
        margin-bottom:18px;
    }

    .nx-point-icon{
        width:32px;
        height:32px;
        min-width:32px;
        font-size:12px;
    }

    .nx-point-item span{
        font-size:14px;
    }

    .nx-form-box{
        padding:22px;
    }

    .nx-input-group input{
        height:48px;
        font-size:14px;
    }

    .nx-radio-card span{
        min-width:80px;
        height:40px;
        font-size:13px;
    }

    .nx-submit-btn{
        height:52px;
        font-size:15px;
    }

}

/* =========================
   MOBILE 2 COLUMN FIX
========================= */

@media(max-width:767px){

    #aboutstep{
        display:grid !important;
        grid-template-columns:repeat(2,1fr) !important;
        gap:20px !important;
        padding:0 !important;
        margin-top:40px !important;
    }

    #aboutstep .step{
        width:100% !important;
        text-align:center !important;
        margin:0 !important;
    }

    #aboutstep .icon-box{
        margin:0 auto 18px !important;
    }
    #aboutstep h4{
        width:auto;
    }
    .btns{
        margin-bottom: 10px;
    }

}

/* EXTRA SMALL */