@font-face {
  font-family: 'Soonbatang';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* ===== Variables & Base ===== */
:root{
  --blue-900:#0D5FB3;
  --blue-800:#0A5199;
  --indigo-900:#1C2B4A;
  --white:#fff;
  --ink:#222;
  --card-radius:20px;
  --shadow:0 14px 30px rgba(0,0,0,.15);
}

/* 메인 슬라이드 */
.hero-section{
  padding: 0 0 5rem 0!important;
}
.hero-swiper {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-slide {
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.slide-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-self: stretch;
  height: 100%;
  max-width: 1674px;
  justify-content: center;
  margin: 0 auto;
  align-items: flex-start !important;
}

.slide-content h2 {
  color: #FFF;
  text-align: left;
  font-weight: 800;
  line-height: 120%; /* 4.8rem */
  font-size: clamp(2rem, calc(1rem + 3.5vw), 6rem);

}
.btn-roundar{
  display: flex;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 99px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  max-width: 200px;
  transition:  transform 0.3s;
  width: 100%;

}
.btn-roundar.bk{
  display: flex;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 99px;
  border: 1px solid #333;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  max-width: 200px;
  transition:  transform 0.3s;
  color: #333;
  width: 100%;
}
.mt60{
  margin-top: 60px;
}
.btn-roundar:hover{
  transform: translateX(20px);
}

.btn-roundar span{
  color: #FFF;
  font-size: clamp(1rem, calc(1.16rem + 1.48vw), 1.25rem);
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: -0.5px;
}
.btn-roundar.bk span{
  color: #333;
  font-size: clamp(1rem, calc(1.16rem + 1.48vw), 1.25rem);
  font-weight: 400;
  line-height: 100%; /* 16px */
  letter-spacing: -0.5px;
}
.btn-roundar.bk svg path{
  fill: #333;
}

.slide-content p {
  color: #FFF;
  text-align: left;
  font-size: clamp(1rem, calc(0.88rem + 0.5vw), 1.5rem);
  font-weight: 200;
  line-height: 150%; /* 1.5rem */
  letter-spacing: -0.5px;
}
/* 슬라이드 페이지네이션 */
.hero-swiper .swiper-pagination-bullet {
  width: 5rem;
  height: 0.1875rem;
  background: rgba(255, 255, 255, 0.40);
  border-radius: 0px;
  opacity: 1;
  margin: 0 0.3rem;
}

.hero-swiper .swiper-pagination-bullet-active {
  background: #FFF;
}


/* 섹션 */
.sec1 , .sec2 , .sec3  , .sec5 , .sec6 {
  max-width: 1680px;
  margin: 80px auto;
}
.row-container{
  display: flex;
  justify-content: space-between;
}
/* 섹션 1 */
.text-box{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  color: #FFF;
  font-weight: 500;
}
.text-box h2{
  font-size: clamp(32px, 5vw, 80px);
  font-weight: 700;
  line-height: 100%; /* 5rem */
  letter-spacing: -0.5px;
}
.text-box p{
  font-size: clamp(20px, 2vw, 32px);
  font-weight: 300;
  line-height: 140%; /* 5rem */
  letter-spacing: -0.5px;
}
.r-product {
  max-width: 794px;
  width: 100%;
}
.r-product img {
  width: 100%;
  height: auto;
  display: block;
}
.sec2{
  border-radius: 20px;
  background: url(/img/new/img-sec-01.png);
  display: flex;
  padding: 80px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  height: 520px;
  color: #FFF;
}
/* 섹션3 */
.product-img{
  width: 100%;
  max-width: 500px;
  border-radius: 30px;
  overflow: hidden;
}
.sec3 .card-content p{
  color: #0066B3;
/* font-size: 18px; */
font-size: clamp(16px, 2vw, 18px);
font-weight: 500;
line-height: 100%; /* 18px */
letter-spacing: -0.72px;
  width: 100%;
  text-align: center;
}
.sec3 .card-content span{
  color: #303030;
  text-align: center;
  /* font-size: 16px; */
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 300;
  line-height: 150%; /* 24px */
  letter-spacing: -0.5px;
  width: 100%;
  display: block;
}
.sec3 .card-content h4{
  color: #000;
text-align: center;
font-size: clamp(20px, 2vw, 32px);
font-weight: 700;
line-height: 100%; /* 32px */
text-align: center;
  width: 100%;
  letter-spacing: -0.5px;
}
.sec3 .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  margin-top: 20px;
}

/* 다음 버튼 */
.equipment-swiper .swiper-button-next {
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><circle cx="25" cy="25" r="24.5" fill="white" stroke="%23F4F4F4"/><path d="M28 34L19 25L28 16" stroke="%230D5FB3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: contain;
  transform: rotate(180deg); /* 오른쪽 화살표 방향 반전 */
}

.equipment-swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><circle cx="25" cy="25" r="24.5" fill="white" stroke="%23F4F4F4"/><path d="M28 34L19 25L28 16" stroke="%230D5FB3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: contain;
}

/* 기본 Swiper 기본 after 제거 */
.equipment-swiper .swiper-button-next::after,
.equipment-swiper .swiper-button-prev::after {
  display: none;
}




/* SEC 5 */
.consult-wrap {
  display: flex;
  gap: 2rem;
  padding: 4rem 2rem;
}

.consult-box , .notice-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  max-width: 800px;
}

.consult-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  padding: 0.625rem 0rem;
  width: 100%;
  border-bottom: 1px solid #000;
}
.consult-header > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.875rem;
}
.consult-header h3 {
  font-size: 1.4rem;
  font-weight: 700;
}

.consult-header p {
  font-size: 0.9rem;
  color: #888;
  margin-top: 0.3rem;
}

.consult-btn {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 6.1875rem;
  background: url(/img/new/icon-viewmore-02.png) center center no-repeat;
}

.consult-btn img {
  width: 16px;
  height: 16px;
  filter: invert(1); /* 흰색 아이콘처럼 보이게 */
}

.consult-list {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 0;
}

.consult-list li {
  display: flex;
  padding: 1.25rem 0rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  width: 100%;
  border-bottom: 1px dashed #E8E8E8;
  font-size: clamp(15px, 1.9vw, 18px);
}

.consult-list li:last-child {
  border-bottom: none;
}

.tag {
  color: #004494;
  font-weight: 600;
  font-size: clamp(15px, 1.9vw, 18px);
}



.since-sec{
  position:relative;
  overflow:hidden;
  padding: clamp(48px, 6vw, 96px) 0;
  color:var(--ink);
  background:url(/img/new/img-sec2.png) no-repeat 0% 0%;
  background-size: cover;
}

/* 레이아웃 */
.since-sec__inner{
  position:relative;
  max-width: 1680px;
  margin: 80px auto;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(24px, 4vw, 56px);
}

@media (max-width: 960px){
  .since-sec__inner{
    grid-template-columns: 1fr;
  }
}

/* 왼쪽 카피 */
.since-copy__tag{
  color: var(--blue-900);
  font-size: clamp(24px, 3vw, 64px);
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  color: #0066B3;
  font-family: PureBatang;
  font-weight: 300;
  line-height: 120%; /* 76.8px */
  letter-spacing: -0.8px;


}

.since-copy__title{
  font-weight: 800;
  color: var(--blue-900);
  font-size: clamp(32px, 6vw, 80px);
  letter-spacing: -0.5px;
  margin: 0 0 clamp(20px, 3vw, 32px);
}

.since-copy__desc{
  font-size: clamp(20px, 2.1vw,32px);
  font-weight: 300;
  line-height: 150%; /* 48px */
  letter-spacing: -0.5px;
}

/* 카드 그리드 */
.since-grid {
  display: flex;
  gap: 80px;
}
.since-grid > div{
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.since-card {
  display: flex;
  width: 400px;
  height: 400px;
  padding: 40px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
}
.since-card h3{
  color: #FFF;
}
.since-card p{
  color: #FFF;
}

/* 각 카드 배경(블루 톤 + 미묘한 텍스처 이미지 가능) */
.since-card--a{ 
  grid-area: a; 
  background: url(/img/new/img-sec2-1.png) no-repeat 0% 0%;
  background-size: cover;
  transition: box-shadow 0.3s ,transform 0.3s ;
}
.since-card--b{ 
  background: url(/img/new/img-sec2-3.png) no-repeat 0% 0%;
  background-size: cover;
  margin-top: 240px;
  transition: box-shadow 0.3s ,transform 0.3s ;
}
.since-card--c{ 
  grid-area: c; 
  background: url(/img/new/img-sec2-2.png) no-repeat 0% 0%;
  background-size: cover;
  transition: box-shadow 0.3s ,transform 0.3s ;
}
.since-card--a:hover{
  box-shadow: 0 40px 40px 0 rgba(13, 95, 179, 0.30);
  transform: translateY(-40px);
}
.since-card--b:hover{
  box-shadow: 0 40px 40px 0 rgba(12, 43, 94, 0.30);
  transform: translateY(-40px);
}
.since-card--c:hover{
  box-shadow: 0 40px 40px 0 rgba(0, 157, 219, 0.30);
  transform: translateY(-40px);
}

@media (max-width: 960px){
  .since-grid{
    grid-template-areas:
      "a"
      "b"
      "c";
    grid-template-columns: 1fr;
  }
}

/* 카드 타이포 */
.since-card__eyebrow{
  font-size: clamp(20px, 1.7vw, 32px);
  color: #FFF;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.5px;
}

.since-card__number{
  color: #FFF;
  text-align: center;
  font-size: clamp(28px, 2.5vw, 64px);
  font-weight: 800;
  line-height: 120%; /* 76.8px */
  letter-spacing: -0.5px;
}

.since-card__text{
  font-size: clamp(15px, 1.9vw, 18px);
  color: #FFF;
  text-align: center;
  font-weight: 200;
  line-height: 150%; /* 27px */
  letter-spacing: -0.72px;
}

/* 접근성 포커스 */
.since-card:focus-within{
  outline: 3px solid rgba(255,255,255,.7);
  outline-offset:2px;
}


/* sec5, sec6 */
.sec5 , .sec6{
  display: flex;
  flex-direction: row-reverse;
  gap: 60px;
}


.contact-us{
  display: flex;
  padding: 60px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  max-width: 800px;
  background: #fafafa;
  border-radius: 10px;
}
.contact-us .contact-title{
  color: #000;
  font-size: clamp(24px, 2.5vw, 48px);
  font-weight: 800;
  line-height: 120%; /* 57.6px */
  letter-spacing: -0.5px;
}
.contact-us   .contact-desc{
  color: #5D5D5D;
  font-size: clamp(15px, 1.9vw, 20px);
  font-weight: 350;
  line-height: 120%; /* 24px */
  letter-spacing: -0.5px;
  margin-top: 14px;
}
.contact-info strong{
  font-weight: 700;
}
.contact-info li{
  font-size: clamp(15px, 1.9vw, 20px);
  margin: 4px 0;
}
.hours {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.hours h3{
  font-size: clamp(15px, 1.9vw, 20px);
  font-weight: 700;
}
.hours table th{
  text-align: left;
  font-weight:600;
  font-size: clamp(15px, 1.9vw, 20px);
  padding: 10px;

}
.hours table td{
  font-weight: 300;
  font-size: clamp(15px, 1.9vw, 20px);
  padding: 10px;
}



/* footer */
footer{
  display: flex;
  padding: 2.5rem 7.5rem;
  align-items: center;
  gap: 7.5rem;
  background: #F9F9F9;
}
footer p{
  color: #666;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 100%; /* 0.875rem */
  letter-spacing: -0.5px;
}
footer strong{
  font-weight: 600;
  margin-right: 0.5rem;
}
footer .ft-info{
  display: flex;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
}
footer > div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}


@media (max-width : 1280px) {
  footer {
    display: flex;
    width: 100%;
    padding: 1.25rem;
    flex-direction: column;
    align-items: center;
    background: #3F3F3F;
}
footer .ft-info {
  display: flex;
  /* width: 27.5rem; */
  padding: 1.25rem;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  text-align: center;
}

footer p {
  text-align: center;
  color: #999;
  line-height: 1.5;
}
footer .ft-logo{
  display: none;
}
footer > div {
  align-items: center;
}
.mobile-header{
  display: flex;
}
.sec1, .sec2, .sec3, .sec5, .sec6 {
  max-width: 1680px;
  margin: 40px auto;
}
.section-01{
  display: inline-flex;
  align-items: center;
  gap: 7.125rem;
  width: 100%;
  padding: 5rem 0  5rem 2rem;
  justify-content: space-between;
}
.row-container {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-direction: column;
  padding: 0 20px;
}
.sec2 {
  width: calc(100% - 40px);
  padding: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  height: 460px;
}
.text-box h2 {
  font-size: clamp(28px, 5vw, 80px);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.text-box p {
  font-size: clamp(16px, 2vw, 32px);
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.btn-roundar span {
  color: #FFF;
  font-size: clamp(1rem, calc(1.16rem + 1.48vw), 1rem);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.5px;
}
.btn-roundar {
  display: flex;
  padding: 12px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 99px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  max-width: 160px;
  transition: transform 0.3s;
  width: 100%;
}
.sec3{
  padding: 0 20px;
}
.sec4{
  padding: 0 20px;
  width: 100%;
}
.since-grid {
  gap: 40px;
  flex-direction: column;
}
.since-grid > div {
  gap: 40px;
}
.since-card--b {
  margin-top: 0px;
}
.since-card {
  width: 100%;
  height: 320px;
  padding: 24px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
}
.sec5, .sec6 {
  flex-direction: column-reverse;
  padding: 0 20px;

}
.contact-us {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 800px;
}

.hero-swiper {
  height: 70vh;
}
.slide-content {
  padding: 0 20px;
}

}



/* 띠배너 */
/* ===== Quick CTA styles ===== */
/* 
.quick-cta{ width:100%; }
.quick-cta__grid{
margin:0 auto;
display: flex;
position: fixed;
bottom: 0;
width: 100%;
}

.quick-cta__item{
display: flex;
padding: 20px;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
align-self: stretch;
}
.quick-cta__item > div{
display: flex;
align-items: center;
gap: 20px;
width: 100%;
}
.quick-cta__item--navy{ background:#0f3a6b; color:#fff; }
.quick-cta__item--blue{ background:#0b6fb6; color:#fff; }
.quick-cta__item--gray{ background:#f3f3f3; color:#111; }
.quick-cta__item--sky{ background:#dfeeff; color:#111; }

.quick-cta__icon{
width: 50px;
height: 50px;
}
.quick-cta__item--navy .quick-cta__icon,
.quick-cta__item--blue .quick-cta__icon{

}
.quick-cta__title{
color: #FFF;
font-size: 20px;
font-weight: 200;
line-height: 160%;
letter-spacing: -0.5px;
}
.quick-cta__item--gray p, .quick-cta__item--gray span {
color: #000;
}
.quick-cta__item--sky p , .quick-cta__item--sky span{
color: #000;
}
.quick-cta__title span{ font-weight:700; }
.quick-cta__desc{
color: #FFF;
font-size: 14px;
font-weight: 200;
line-height: 130%;
letter-spacing: -0.56px;
}

.quick-cta__btn{
min-width: max-content;
color: #FFF;
font-size: 20px;
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.5px;
transition:opacity .2s ease, transform .2s ease;
border-radius: 99px;
background: #0066B3;
}
.quick-cta__item--navy .quick-cta__btn{ background:#165fa6; }
.quick-cta__item--gray .quick-cta__btn{ background:#1f63b8; color:#fff; }
.quick-cta__item--sky .quick-cta__btn{ background:#2b6fc0; color:#fff; }
.quick-cta__btn:hover{ opacity:.9; transform:translateY(-1px); }

.quick-cta__phone{
color: #FFF;
font-size: 24px;
font-weight: 700;
line-height: 160%; 
letter-spacing: -0.96px;
min-width: max-content;
text-align: right;
}

*/


/* 수정 */
.quick-cta {
width: 100%;
}

.quick-cta__grid {
margin: 0 auto;
display: flex;
position: fixed;
bottom: 0;
width: 100%;
flex-wrap: wrap; /* 화면 작아질 때 줄바꿈 허용 */
}

.quick-cta__item {
display: flex;
padding: clamp(10px, 2vw, 20px); /* 기존 20px 유지, 최소 10px까지 줄어듦 */
justify-content: space-between;
align-items: center;
flex: 1 0 0;
align-self: stretch;
}

.quick-cta__item > div {
display: flex;
align-items: center;
gap: clamp(10px, 2vw, 20px); /* 기존 20px 유지 */
width: 100%;
}

.quick-cta__item--navy { background: #0f3a6b; color: #fff; }
.quick-cta__item--blue { background: #0b6fb6; color: #fff; }
.quick-cta__item--gray { background: #f3f3f3; color: #111; }
.quick-cta__item--sky { background: #dfeeff; color: #111; }

.quick-cta__icon {
width: clamp(30px, 4vw, 50px);  /* 기존 50px 유지 */
height: clamp(30px, 4vw, 50px);
}

.quick-cta__item--navy .quick-cta__icon,
.quick-cta__item--blue .quick-cta__icon {
/* 필요 시 스타일 추가 */
}

.quick-cta__title {
color: #FFF;
font-size: clamp(14px, 2vw, 20px); /* 기존 20px 유지 */
font-weight: 200;
line-height: 160%; /* 32px */
letter-spacing: -0.5px;
}

.quick-cta__item--gray p,
.quick-cta__item--gray span {
color: #000;
}
.quick-cta__item--sky p,
.quick-cta__item--sky span {
color: #000;
}

.quick-cta__title span { font-weight: 700; }

.quick-cta__desc {
color: #FFF;
font-size: clamp(12px, 1.8vw, 14px); /* 기존 14px 유지 */
font-weight: 200;
line-height: 130%; /* 18.2px */
letter-spacing: -0.56px;
}

.quick-cta__btn {
min-width: max-content;
color: #FFF;
font-size: clamp(14px, 2vw, 20px); /* 기존 20px 유지 */
display: flex;
padding: clamp(6px, 1.5vw, 10px); /* 기존 10px 유지 */
justify-content: center;
align-items: center;
gap: clamp(6px, 1.5vw, 10px); /* 기존 10px 유지 */
font-weight: 700;
line-height: 110%; /* 22px */
letter-spacing: -0.5px;
transition: opacity .2s ease, transform .2s ease;
border-radius: 99px;
background: #0066B3;
}

.quick-cta__item--navy .quick-cta__btn { background: #165fa6; }
.quick-cta__item--gray .quick-cta__btn { background: #1f63b8; color: #fff; }
.quick-cta__item--sky .quick-cta__btn { background: #2b6fc0; color: #fff; }

.quick-cta__btn:hover {
opacity: .9;
transform: translateY(-1px);
}

.quick-cta__phone {
color: #FFF;
font-size: clamp(16px, 2.2vw, 24px); /* 기존 24px 유지 */
font-weight: 700;
line-height: 160%; /* 38.4px */
letter-spacing: -0.96px;
min-width: max-content;
text-align: right;
}

/* ✅ 반응형 레이아웃 */
@media (max-width: 1024px) {
.quick-cta__grid {
  flex-wrap: wrap;
}
.quick-cta__item {
  flex: 1 0 50%; /* 2열 */
}
}

@media (max-width: 640px) {
.quick-cta__grid {
  flex-wrap: nowrap;
}
.quick-cta__item {
  flex: 1;
  padding: 8px 4px;
}
.quick-cta__desc {
  display: none;
}
.quick-cta__phone {
display: none;

}
.quick-cta__item .quick-cta__btn{
display: none;
}
.quick-cta__item > div {
display: flex;
align-items: center;
flex-direction: column;
gap: 4px;
width: 100%;
justify-content: center;
}
.quick-cta__title {
font-size: clamp(12px, 2vw, 20px);
}
.quick-cta__item--sky .quick-cta__title span{
display: none;
}


.hero-swiper {
  height: 16rem !important;
}
.slide-content p {
  color: #FFF;
  text-align: left;
  font-size: clamp(1rem, calc(0.88rem + 0.5vw), 1.5rem);
  font-weight: 200;
  line-height: 150%;
  letter-spacing: -0.5px;
  font-size: 13px;
}
.btn-roundar{
  margin-top: 20px !important;
}
.hero-section {
  padding: 0 0 0rem 0!important;
}
.hero-swiper .btn-roundar {
  display: none;
}
.mobile-header {
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: white;
  position: relative;
  z-index: 1000;
  display: none;
  width: 100%;
}
}