:root{
  --primary:#b96b7c;
  --primary-dark:#93485b;
  --secondary:#f5d7d8;
  --accent:#d6a77a;

  --bg:#fff8f6;
  --bg-2:#fbf6f3;

  --text:#2f2a2a;
  --muted:#7a6f70;

  --card:#ffffff;
  --border:#f0dedb;

  --success:#3fa46a;
  --warning:#f0b85a;
  --danger:#c85c66;
  --info:#7ab7c9;

  --shadow:0 22px 60px rgba(110,72,80,.14);
  --shadow-sm:0 12px 28px rgba(110,72,80,.08);

  --radius:28px;
  --radius-sm:18px;
  --radius-lg:34px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Inter","Segoe UI",Tahoma,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  padding-top:82px;
}

body.rtl{
  direction:rtl;
  font-family:"Tahoma","Arial",sans-serif;
}

a{
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.btn,
button{
  transition:.22s ease;
}

/* =========================
   PUBLIC NAVBAR
========================= */

.glass-nav{
  background:rgba(255,248,246,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(185,107,124,.14);
}

.navbar-brand{
  color:var(--primary-dark)!important;
  letter-spacing:-.3px;
  font-weight:900;
}

.brand-icon{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;
  border-radius:14px;
  margin-right:8px;
}

.rtl .brand-icon{
  margin-right:0;
  margin-left:8px;
}

.nav-link{
  color:#5d5153!important;
  font-weight:700;
}

.nav-link:hover,
.nav-link.active{
  color:var(--primary)!important;
}

.lang-switch{
  display:flex;
  gap:7px;
}

.lang-switch a{
  color:var(--primary-dark);
  background:#fff;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:13px;
  font-weight:900;
}

/* =========================
   BUTTONS
========================= */

.btn-primary-custom{
  border:none;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  padding:14px 22px;
  border-radius:18px;
  font-weight:900;
  box-shadow:0 18px 34px rgba(185,107,124,.28);
}

.btn-primary-custom:hover{
  color:#fff;
  transform:translateY(-2px);
}

.btn-light-custom{
  background:#fff;
  color:var(--primary-dark);
  border:1px solid var(--border);
  padding:14px 22px;
  border-radius:18px;
  font-weight:900;
}

.btn-light-custom:hover{
  transform:translateY(-2px);
}

/* =========================
   HERO
========================= */

.hero-section{
  position:relative;
  overflow:hidden;
  min-height:760px;
  display:flex;
  align-items:center;
  padding:90px 0 80px;
}

.hero-shape{
  position:absolute;
  border-radius:50%;
  filter:blur(5px);
  opacity:.55;
}

.hero-shape-1{
  width:360px;
  height:360px;
  background:#f3c6ca;
  top:-120px;
  left:-120px;
}

.hero-shape-2{
  width:420px;
  height:420px;
  background:#f1d1a8;
  bottom:-160px;
  right:-120px;
}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  color:var(--primary-dark);
  border:1px solid var(--border);
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  box-shadow:var(--shadow-sm);
  margin-bottom:22px;
}

.hero-title{
  font-size:clamp(38px,5vw,68px);
  line-height:1.02;
  font-weight:950;
  color:#382d2f;
  letter-spacing:-2px;
  margin-bottom:24px;
}

.hero-subtitle{
  font-size:20px;
  line-height:1.75;
  color:var(--muted);
  max-width:620px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.hero-card{
  position:relative;
  background:linear-gradient(145deg,#ffffff,#fff2ef);
  border:1px solid var(--border);
  border-radius:38px;
  padding:24px;
  min-height:520px;
  box-shadow:var(--shadow);
}

.hero-image{
  height:472px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),transparent 35%),
    linear-gradient(135deg,#f7cdd1,#f8e8dc);
  display:flex;
  align-items:center;
  justify-content:center;
}

.image-placeholder{
  text-align:center;
  color:var(--primary-dark);
}

.image-placeholder i{
  font-size:88px;
  margin-bottom:18px;
}

.image-placeholder span{
  display:block;
  font-size:26px;
  font-weight:950;
}

.floating-card{
  position:absolute;
  background:#fff;
  color:var(--primary-dark);
  border-radius:20px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  box-shadow:0 18px 40px rgba(110,72,80,.14);
  border:1px solid var(--border);
}

.card-one{
  top:52px;
  left:-24px;
}

.card-two{
  right:-24px;
  bottom:70px;
}

/* =========================
   SECTIONS
========================= */

.why-section,
.services-section,
.page-section{
  padding:90px 0;
}

.page-section{
  min-height:700px;
}

.section-title{
  font-size:clamp(30px,4vw,48px);
  font-weight:950;
  color:#392f31;
  letter-spacing:-1px;
}

.section-subtitle{
  color:var(--muted);
  font-size:18px;
  max-width:720px;
  margin:14px auto 0;
  line-height:1.7;
}

.why-card,
.service-card,
.booking-card,
.contact-card,
.thanks-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:30px;
  padding:30px;
  box-shadow:var(--shadow-sm);
}

.why-card{
  text-align:center;
  min-height:180px;
}

.why-card i{
  width:72px;
  height:72px;
  border-radius:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff2f2;
  color:var(--primary);
  font-size:34px;
  margin-bottom:18px;
}

.why-card h5,
.service-card h4{
  font-weight:950;
}

.why-card:hover,
.service-card:hover{
  transform:translateY(-6px);
}

.services-section{
  background:#fff;
}

.service-card{
  height:100%;
  background:linear-gradient(180deg,#ffffff,#fff9f7);
}

.service-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  background:linear-gradient(135deg,var(--secondary),#fff0df);
  color:var(--primary-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin-bottom:20px;
}

.service-card p{
  color:var(--muted);
  line-height:1.7;
}

.service-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid var(--border);
  padding-top:18px;
  margin-top:20px;
}

.service-footer span{
  font-weight:950;
  color:var(--primary-dark);
}

.btn-book{
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  font-weight:900;
  padding:8px 14px;
}

.btn-book:hover{
  background:var(--primary-dark);
  color:#fff;
}

/* =========================
   FORMS
========================= */

.form-label{
  font-weight:900;
  color:#4c3f41;
  margin-bottom:8px;
}

.form-control-custom{
  min-height:54px;
  border-radius:18px;
  border:1px solid var(--border);
  background:#fffaf8;
  padding:12px 16px;
  font-weight:700;
}

.form-control-custom:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .25rem rgba(185,107,124,.15);
}

.payment-box{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.payment-box label{
  cursor:pointer;
}

.payment-box input{
  display:none;
}

.payment-box span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  background:#fffaf8;
  border:1px solid var(--border);
  border-radius:18px;
  font-weight:950;
  color:var(--primary-dark);
}

.payment-box input:checked + span{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  border-color:transparent;
}

/* =========================
   THANKS / CONTACT
========================= */

.thanks-section{
  min-height:100vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at top left,#f4cbd0,transparent 35%),
    radial-gradient(circle at bottom right,#f1d1a8,transparent 35%),
    var(--bg);
}

.thanks-card{
  max-width:620px;
  margin:auto;
}

.thanks-icon{
  width:86px;
  height:86px;
  border-radius:30px;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:38px;
  margin-bottom:22px;
}

.thanks-card h1{
  font-weight:950;
  color:#392f31;
}

.thanks-card p{
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.contact-list{
  display:grid;
  gap:16px;
}

.contact-list div{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff8f6;
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  font-weight:900;
}

.contact-list i{
  color:var(--primary);
  width:26px;
}

.map-placeholder{
  min-height:280px;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(185,107,124,.18),rgba(214,167,122,.22)),
    #fff8f6;
  border:1px solid var(--border);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--primary-dark);
  font-weight:950;
}

/* =========================
   FOOTER
========================= */

.site-footer{
  background:#3a3032;
  color:#fff;
  padding:44px 0;
}

.site-footer p{
  color:rgba(255,255,255,.75);
}

.footer-links{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.footer-links a{
  color:#ffe6e4;
  font-weight:900;
}

/* =========================
   FLOATING WHATSAPP
========================= */

.whatsapp-float,
.admin-whatsapp{
  position:fixed;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  background:#25D366;
  color:#fff;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:28px;
  box-shadow:0 14px 34px rgba(37,211,102,.35);
  z-index:999;
}

.rtl .whatsapp-float{
  right:auto;
  left:22px;
}

/* =========================
   ADMIN AREA
========================= */

body:has(.admin-layout),
.admin-body{
  padding-top:0!important;
  background:var(--bg-2);
}

.admin-layout{
  min-height:100vh;
  display:flex;
  background:
    radial-gradient(circle at top left,rgba(245,215,216,.75),transparent 28%),
    radial-gradient(circle at bottom right,rgba(214,167,122,.38),transparent 30%),
    #fbf6f3;
}

.admin-sidebar{
  width:300px;
  background:linear-gradient(180deg,#3a3032 0%,#4b3540 58%,#2f2729 100%);
  color:#fff;
  padding:24px 18px;
  position:fixed;
  inset:0 auto 0 0;
  box-shadow:18px 0 55px rgba(58,48,50,.18);
  z-index:1000;
}

.admin-logo{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  margin-bottom:26px;
}

.admin-logo-icon{
  width:48px;
  height:48px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
}

.admin-logo h4{
  margin:0;
  font-size:20px;
  font-weight:950;
}

.admin-logo small{
  color:rgba(255,255,255,.65);
}

.admin-menu{
  display:grid;
  gap:8px;
}

.admin-menu a{
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.78);
  padding:14px 15px;
  border-radius:18px;
  font-weight:850;
}

.admin-menu a:hover,
.admin-menu a.active{
  background:rgba(255,255,255,.14);
  color:#fff;
  transform:translateX(4px);
}

.menu-count{
  margin-left:auto;
  min-width:26px;
  height:26px;
  padding:0 8px;
  border-radius:999px;
  background:var(--accent);
  color:#3a3032;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
}

.admin-main{
  margin-left:300px;
  width:calc(100% - 300px);
  padding:34px;
}

.admin-card,
.admin-card-pro{
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  border-radius:32px;
  padding:26px;
  box-shadow:var(--shadow-sm);
}

.admin-header-pro{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:28px;
  border-radius:34px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(240,222,219,.9);
  box-shadow:var(--shadow-sm);
  margin-bottom:28px;
}

.admin-header-pro h1{
  margin:0;
  font-size:clamp(34px,4vw,52px);
  font-weight:950;
}

.admin-kicker{
  display:inline-flex;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:#fff2f2;
  color:var(--primary-dark);
  border:1px solid var(--border);
  font-size:13px;
  font-weight:950;
  margin-bottom:13px;
}

.admin-table,
.admin-table-pro{
  margin:0;
  border-collapse:separate;
  border-spacing:0 10px;
}

.admin-table thead th,
.admin-table-pro thead th{
  border:0;
  color:#8a7478;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.admin-table tbody tr,
.admin-table-pro tbody tr{
  background:#fff;
  box-shadow:0 10px 24px rgba(110,72,80,.06);
}

.admin-table td,
.admin-table-pro td{
  border:0;
  padding:15px 14px;
  vertical-align:middle;
}

.status-pill,
.badge-admin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
}

.status-waiting{background:#fff5df;color:#9a6a16;}
.status-confirmed{background:#eaf8ef;color:#24723a;}
.status-cancelled{background:#fff0f1;color:#a43e49;}
.status-completed{background:#edf7ff;color:#357d91;}

.pay-paid{background:#eaf8ef;color:#24723a;}
.pay-unpaid{background:#fff2f2;color:var(--primary-dark);}

.action-grid{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:991px){

  body{
    padding-top:76px;
  }

  .hero-section{
    min-height:auto;
    padding-top:50px;
  }

  .hero-card{
    min-height:420px;
  }

  .hero-image{
    height:380px;
  }

  .card-one,
  .card-two{
    position:static;
    margin-top:14px;
  }

  .admin-layout{
    display:block;
  }

  .admin-sidebar{
    position:relative;
    width:100%;
    inset:auto;
    border-radius:0 0 30px 30px;
  }

  .admin-menu{
    display:flex;
    overflow-x:auto;
    gap:8px;
  }

  .admin-menu a{
    white-space:nowrap;
    flex:0 0 auto;
  }

  .admin-main{
    margin-left:0;
    width:100%;
    padding:18px;
  }

  .admin-header-pro{
    flex-direction:column;
    align-items:flex-start;
    border-radius:26px;
    padding:22px;
  }

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

@media (max-width:576px){

  .hero-title{
    letter-spacing:-1px;
  }

  .hero-subtitle{
    font-size:17px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .service-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .booking-card,
  .contact-card,
  .thanks-card{
    padding:24px;
    border-radius:26px;
  }

  .admin-table-pro{
    min-width:760px;
  }
}
.home-trust-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.home-trust-row div {
    min-width: 118px;
    background: rgba(255,255,255,.78);
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 16px;
    box-shadow: 0 14px 34px rgba(110,72,80,.08);
}

.home-trust-row strong {
    display: block;
    color: var(--primary-dark);
    font-size: 28px;
    line-height: 1;
    font-weight: 950;
}

.home-trust-row span {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
}

.home-visual-card {
    min-height: 560px;
    position: relative;
    border-radius: 42px;
    padding: 28px;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(135deg, #f7cdd1, #f8e8dc);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.home-visual-card::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255,255,255,.28);
    right: -130px;
    bottom: -110px;
}

.home-visual-main {
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--primary-dark);
    text-align: center;
}

.home-visual-icon {
    width: 140px;
    height: 140px;
    border-radius: 44px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(255,255,255,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 70px;
    margin-bottom: 24px;
    box-shadow: 0 22px 55px rgba(110,72,80,.12);
}

.home-visual-main h3 {
    font-size: 34px;
    font-weight: 950;
}

.home-visual-main p {
    color: #6f555d;
    font-weight: 850;
}

.home-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--border);
    color: var(--primary-dark);
    border-radius: 20px;
    padding: 14px 18px;
    font-weight: 950;
    box-shadow: 0 18px 40px rgba(110,72,80,.14);
}

.home-floating-card.one {
    left: -8px;
    top: 70px;
}

.home-floating-card.two {
    right: -8px;
    bottom: 100px;
}

.home-floating-card.three {
    left: 42px;
    bottom: 52px;
}

.home-process-section {
    padding: 90px 0;
    background:
        radial-gradient(circle at top right, rgba(245,215,216,.55), transparent 30%),
        var(--bg);
}

.process-card {
    height: 100%;
    position: relative;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(110,72,80,.08);
    overflow: hidden;
    transition: .25s ease;
}

.process-card:hover {
    transform: translateY(-6px);
}

.process-card span {
    position: absolute;
    right: 22px;
    top: 18px;
    color: rgba(185,107,124,.14);
    font-size: 54px;
    font-weight: 950;
}

.process-card i {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.process-card h4 {
    color: #392f31;
    font-weight: 950;
}

.process-card p {
    color: var(--muted);
    line-height: 1.7;
}

.premium-service-card {
    position: relative;
    overflow: hidden;
}

.premium-service-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -45px;
    top: -45px;
    border-radius: 50%;
    background: rgba(185,107,124,.08);
}

.home-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background:
        linear-gradient(135deg, rgba(185,107,124,.12), rgba(214,167,122,.18)),
        #fff;
    border: 1px solid var(--border);
    border-radius: 34px;
    padding: 30px;
    box-shadow: var(--shadow);
}

.home-cta-card h3 {
    color: #392f31;
    font-weight: 950;
    margin: 0 0 8px;
}

.home-cta-card p {
    color: var(--muted);
    margin: 0;
    font-weight: 700;
}

@media (max-width: 991px) {
    .home-visual-card {
        min-height: 420px;
    }

    .home-visual-main {
        min-height: 360px;
    }

    .home-floating-card {
        position: static;
        margin-top: 12px;
    }

    .home-cta-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-cta-card .btn {
        width: 100%;
    }
}
.contact-premium-section {
    padding: 95px 0;
    background:
        radial-gradient(circle at top left, rgba(245,215,216,.7), transparent 35%),
        radial-gradient(circle at bottom right, rgba(214,167,122,.35), transparent 35%),
        var(--bg);
}

.contact-premium-card {
    background: rgba(255,255,255,.9);
    border: 1px solid var(--border);
    border-radius: 36px;
    padding: 34px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
}

.contact-premium-card h3 {
    color: #392f31;
    font-weight: 950;
}

.contact-premium-card p {
    color: var(--muted);
    line-height: 1.7;
    font-weight: 650;
}

.premium-contact-list div {
    background: #fff8f6;
    border-radius: 20px;
}

.contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.map-premium-box {
    min-height: 390px;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.95), transparent 35%),
        linear-gradient(135deg, #f7cdd1, #f8e8dc);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.map-premium-box::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -110px;
    bottom: -110px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
}

.map-content {
    position: relative;
    z-index: 2;
    color: var(--primary-dark);
}

.map-content i {
    font-size: 72px;
    margin-bottom: 20px;
}

.map-content h3 {
    font-size: 34px;
    font-weight: 950;
}

.map-chip {
    position: absolute;
    z-index: 3;
    display: flex;
    gap: 9px;
    align-items: center;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 13px 16px;
    font-weight: 950;
    color: var(--primary-dark);
    box-shadow: 0 18px 40px rgba(110,72,80,.13);
}

.chip-one {
    top: 32px;
    left: 32px;
}

.chip-two {
    right: 32px;
    bottom: 32px;
}

.contact-mini-card {
    height: 100%;
    background: #fff8f6;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 22px;
    text-align: center;
}

.contact-mini-card i {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 14px;
}

.contact-mini-card strong {
    display: block;
    color: #392f31;
    font-weight: 950;
}

.contact-mini-card span {
    display: block;
    color: var(--muted);
    font-size: 14px;
    font-weight: 750;
    margin-top: 5px;
}