/* ===================================
    Crafto - It business
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,600;0,800;1,400&display=swap');


/* KelptA3 Medium */
@font-face {
    font-family: 'KelptA3';
    src: url('/frnt/fonts/Typesketchbook-KelptA3-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* KelptA3 Medium Italic */
@font-face {
    font-family: 'KelptA3';
    src: url('/frnt/fonts/Typesketchbook-KelptA3-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* KelptA3 Black */
@font-face {
    font-family: 'KelptA3';
    src: url('/frnt/fonts/Typesketchbook-KelptA3-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* KelptA3 Black Italic */
@font-face {
    font-family: 'KelptA3';
    src: url('/frnt/fonts/Typesketchbook-KelptA3-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


/* variable */
:root {     
    --dark-gray:#1d1c1a;
    --black:#05060a;
    --medium-gray:#7d8087;
    --very-light-gray: #f0f2f8;

    --primary-font: 'KelptA3', sans-serif; /* Black 900 */
    --alt-font: 'KelptA3', sans-serif; /* Black 900 */
    --secondary-font: 'Archivo', sans-serif; /* Regular / SemiBold / ExtraBold */

    /* Couleurs branding */
    --blue-primary: #5C66EC;      /* Blue */
    --orange-primary: #FF8E31;    /* Orange */
    --green-primary: #37AF88;     /* Green */
    --coral-primary: #EF645E;     /* Coral */

    /* Jaunes */
    --yellow-body: #FFEF19;    /* Bright Yellow */
    --yellow-accent: #FFDE17;     /* Vivid Yellow */

    /* Tons neutres */
    --warm-gray: #B7B5A9;         /* Warm Gray */
    --light-beige: #888888;       /* Light Beige */
    --off-white: #eaeadf;         /* Off White */

    /* Tons foncés */
    --dark-olive: #292B19;        /* Dark Olive */
    --olive: #343720;             /* Olive */
    --beige: #eaeadf;              /* beige */

 /* blvd */
 --base-color: #3fb4a2; 
    --dark-primary: #343d3f;
    --dark-secondary: #292d2d;
    --dark-tertiary: #1d1c1a;

    --green-primary: #3fb4a2;
    --green-secondary: #288e84;

    --white-primary: #fefdf3;
    --white-secondary: #eaeadf;

    --gray-primary: #b1b2b2;

    --yellow-primary: #d1f991;
    --orange-primary: #ff6045;

    --black-primary: #242922;
    --black-secondary: #1b1e1a;
    --black-text-menu: #1d1c1a;

    --teal:#286e84;
    
 /* blvd */
}
.bg-base-color{
  background-color: var(--base-color);
}
.bg-base-color-btn{
  background-color: var(--base-color);
  color:var(--beige);
}
.bg-base-color-btn:hover{
  background-color: var(--base-color);
  color:var(--beige);
}
.bg-dark-primary{
  background-color: var(--dark-primary);
}
.bg-dark-secondary{
  background-color: var(--dark-secondary);
}
.bg-beige{
  background-color: var(--beige);
}
.bg-off-white{
  background-color: var(--off-white);
}
.bg-black-primary{
  background-color: var(--black-primary);
}
.bg-black{
  background-color: var(--black-text-menu);
}
.bg-teal{
  background-color: var(--teal);
}
.bg-green-secondary{
  background-color: var(--green-secondary);
}
.bg-green-primary{
  background-color: var(--green-primary);
}
.bg-white-secondary{
  background-color: var(--white-secondary);
}
.bg-black-primary{
  background-color: var(--black-primary);
}
.bg-orange-primary{
  background-color: var(--orange-primary);
}
.bg-white-primary{
  background-color: var(--white-primary);
}
.bg-yellow-primary{
  background-color: var(--yellow-primary);
}
.color-white-primary{
  color:var(--white-primary);
}
.border-beige{
  color:var(--beige);
}
.color-beige{
  color:var(--beige);
}
.color-green-primary{
  color:var(--green-primary);
}
.color-dark-secondary{
  color: var(--dark-secondary);
}
.bg-dark-tertiary{
  background-color: var(--dark-tertiary);
}
.base-color{
  color:var(--base-color);
}
.bg-black-secondary{
  background-color: var(--black-secondary);
}




/* reset */
body{
    line-height: 29px;
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--dark-gray);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
    font-family: var(--primary-font);
    font-weight: 900;
}
h1, .h1 {
  font-size: 5.5rem;        /* ~88px */
  line-height: 1.05;
}

h2, .h2 {
  font-size: 4.25rem;       /* ~68px */
  line-height: 1.1;
}

h3, .h3 {
  font-size: 3.25rem;       /* ~52px */
  line-height: 1.15;
}

h4, .h4 {
  font-size: 2.5rem;        /* ~40px */
  line-height: 1.2;
}

h5, .h5 {
  font-size: 1.75rem;       /* ~28px */
  line-height: 1.3;
}

h6, .h6 {
  font-size: 1.35rem;       /* ~22px */
  line-height: 1.35;
}

.text-white-secondary{
color:var(--white-secondary);
}
#footer{
  color:var(--white-secondary);
}
#footer a{
  color:var(--white-secondary)!important;
}
.bg-footer-color {
  background: linear-gradient(
    to right,
    var(--green-primary) 0%,
    var(--green-secondary) 100%
  );
}







.jpmargin p{
  margin-bottom: 0px!important;
  line-height: 21px;
}
.bg-beige{
    background-color: var(--beige);
}
.bg-olive{
    background-color: var(--olive);
}
.bg-yellow-body{
  background-color: var(--yellow-accent);
}
.bg-off-white{
    background-color: var(--off-white);
}
.bg-soft-beige{
  background-color: #fefdf3;
}
.bg-dark-gray{
  background-color: var(--dark-gray);
}
/* btn */
[class*=btn-transparent], [class*=" btn-transparent"] {
    font-weight: 500;
}

.btn {
    text-transform: none;
    font-family: var(--secondary-font);
}
.btn.btn-switch-text.btn-extra-large > span {
    padding: 15px 40px;
}
.btn-gradient-purple-pink {
    background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb);
    background-size: 200% auto;
    color: var(--white);
}
/* bg gradient color */
.bg-gradient-dark-gray-transparent { 
    background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
}
.bg-gradient-very-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-gradient-flamingo-red-transparent {
    background: -webkit-linear-gradient(right, rgba(243, 69, 59, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(243, 69, 59, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}
.bg-gradient-base-color-transparent {
    background: -webkit-linear-gradient(right, rgba(15, 89, 201, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(15, 89, 201, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%);
}
.bg-gradient-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
}
.bg-midnight-blue {
    background-color: #1e2033;
}
/* text */
.text-flamingo {
    color: #e55b53;
}
.text-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #5e70f3, #6170f1, #8074dc, #b87bb6, #ec8192);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-dark-gray{
  background-color: var(--dark-gray);
}
/* portfolio filter */
.portfolio-filter li {
    padding: 0 18px;
    line-height: 24px;
}
/* blog */ 
.categories-btn {
    font-size: 11px;
}
/* page title */
.page-title-extra-large h1 {
    font-size: 4rem;
    line-height: 4rem;
}
.page-title-extra-large h2 {
    font-size: 17px;
    line-height: 28px;
    margin: 0 auto;
}
.process-step-style-05 .progress-step-separator {
    bottom: -10px;
    height: 100%;
    z-index: -1;
}
/* height */
.h-72px {
    height: 72px !important;
}
#map {
    height: 650px;
    border-radius: 6px 0 0 6px;
}
/* margin top */
.mt-minus-50px {
    margin-top: -50px;
}
/* line-height */
.lh-200 {
    line-height: 12.5rem;
}
/* bottom */
.bottom-auto {
    bottom: auto;
}
/* footer */
footer .footer-logo img {
    max-height: 100px;
}
footer ul li {
    margin-bottom: 0;
}
.footer-light a:hover, .footer-navbar li a:hover {
    color: var(--dark-gray);
}
.big-header-text{
  font-size: 7.5rem;
  line-height: 1.05;
}
header.sticky.sticky-active .header-reverse.glass-effect {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color:var(--base-color)!important;
}

.newsletter-style-02 input {
  border-color: var(--dark-gray)!important;
}
footer .nav-link {
  color: var(--dark-gray)!important;
}
.slider-navigation-style-04 {
  border-radius: 25%;
   height: 36px;
  width: 36px;
}
section {
  padding-top: 55px;
  padding-bottom: 0px!important;
}

.btn.btn-rounded.btn-rounded {
  -webkit-border-radius: 50px;
  border-radius: 10px;
}
.btn.btn-rounded.btn-large {
  padding: 8px 36px;
}

.social-icons-footer a img{
    width: 35px!important;
}
a {
  color: var(--dark-gray);
}
a:hover {
  color: var(--dark-gray);
}
.agrayhover:hover{
   color: var(--off-white);
}
.awhitehover:hover{
   color: var(--dark-gray);
}
.btn.btn-base-color {
  background-color: var(--base-color);
  color: var(--dark-gray);
}
.btn.btn-base-color:hover, .btn.btn-base-color:active {
  background-color: transparent;
  border-color: var(--base-color);
  color: var(--base-color);
}
.btn.btn-dark-gray {
  background-color: var(--dark-gray);
  color: var(--white);
}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:active {
   background-color: var(--dark-gray);
  color: var(--white);
}
.btn.btn-off-white {
  background-color: var(--white-primary);
  color: var(--dark-gray);
}
.btn-off-white{
   background-color: var(--white-primary);
  color: var(--dark-gray);
}
.btn.btn-off-white:hover {
  background-color: var(--white-primary);
  color: var(--dark-gray);
}

/* Background of section ABOVE */
.bg-previous-beige {
    background:var(--beige);
}
/* Background of section ABOVE */
.bg-previous-yellow {
    background:var(--base-color);
}
.bg-previous-dark {
    background:var(--olive);
}
.active > .page-link, .page-link.active {
  color: var(--beige);
  background-color: var(--base-color);
  border-color: var(--base-color);
}
.page-link {
  color: var(--dark-gray);
}
/* Rounded section itself */
.section-top-radius {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    overflow: hidden;
}
.off-white{
    color:var(--off-white);
}
.color-beige{
    color:var(--beige)!important;
}
.bg-off-white{
    background-color:var(--off-white);
}
.btn.btn-rounded.btn-large {
  padding: 5px 26px;
}
.social-sidebar ul li {
  display: inline-block;
}
.social-sidebar ul li img{
  height:30px;
}
.header-icon ul{
  margin-bottom:0px;
}
.header-icon ul li {
  display: inline-block;
}
.header-icon ul li img{
   height:30px;
}
.form-results {
    color: red; /* ou vert pour succès */
    font-size: 12px;
    pointer-events: none;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.mb-0px {
  margin-bottom: 0px !important;
}
hr {
  margin: .8rem 0!important;
}
.page-title-small {
  font-size: 16px;
  line-height: 16px;
  font-family: var(--secondary-font);
  font-weight: 400;
}
.page-title-h1 {
  font-size: 2.5rem;
  line-height: 2.8rem;
}
.articles-search{
padding: 6px 12px!important;
}

/* Musiques */
/* CARD */
.music-card {
  position: relative;
  background: #fefdf3;
  margin-top: 10px;
  overflow: visible;

  display: flex;
  flex-direction: column;
  height: 100%;
}

/* IMAGE */
.music-cover {
  position: relative;
  flex-shrink: 0;
}

.music-cover img:first-child {
  width: 100%;
  display: block;
}

/* PLAY BUTTON */
.music-play-btn {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  z-index: 2;
}

/* TEXT */
.music-info {
  padding: 15px 15px 15px;
  background-color: var(--black-secondary);

  display: flex;
  flex-direction: column;
  flex: 1;
}

.music-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;

  margin-bottom: 8px;
}

.music-artist {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;

  margin-top: auto; /* pousse l'artiste en bas */
}

/* 👍👎 — CENTERED & HALF OUT */
.music-actions {
  position: absolute;
  left: 50%;
  bottom: -18px;
  /* HALF OUT */
  transform: translateX(-50%);
  display: flex;
  z-index: 5;
}

/* YELLOW PILL */
.music-vote {
  background: #ffef19;
  border: none;
  width: 44px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.music-vote:first-child {
  border-right: .5px solid rgba(0, 0, 0, 0.2);
  /* faded black */
}

/* Hover effect for thumbs up/down */
.music-vote:hover {
  background: #ffd700;
  /* darker yellow */
  cursor: pointer;
  /* makes it clear it's clickable */
  transition: background 0.3s ease;
  /* smooth color change */
}

.music-vote:first-child {
  border-radius: 18px 0 0 18px;
}

.music-vote:last-of-type {
  border-radius: 0 18px 18px 0;
}

.music-vote img {
  width: 16px;
}

.object-cover {
  object-fit: cover;
}

.music-reaction {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 42px;
  z-index: 999;
  pointer-events: none;
  animation: floatUp 1s ease-out forwards;
}

.music-reaction.dislike {
  animation: floatDown 1s ease-out forwards;
}

/* 👍 FLOAT UP */
@keyframes floatUp {
  0% {
    opacity: 0;
    transform: translate(-50%, 0) scale(0.6) rotate(0deg);
  }

  20% {
    opacity: 1;
  }

  50% {
    transform: translate(-50%, -40px) scale(1.1) rotate(-10deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -80px) scale(1) rotate(10deg);
  }
}

/* 👎 FLOAT DOWN (slightly different feel) */
@keyframes floatDown {
  0% {
    opacity: 0;
    transform: translate(-50%, 0) scale(0.6) rotate(0deg);
  }

  20% {
    opacity: 1;
  }

  50% {
    transform: translate(-50%, -30px) scale(1.1) rotate(10deg);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -70px) scale(1) rotate(-10deg);
  }
}
/* =========================
   HORIZONTAL MUSIC CARD
========================= */

.music-h-card {
  display: flex;
  align-items: center;
  background: #fefdf3;
  padding: 0px;
  gap: 0px;
  max-width: 425px;
  margin-left: auto;
  margin-right: auto;

}

/* LEFT */
.music-h-left {
  position: relative;
}

.music-h-cover {
  position: relative;
  width: 175px;
  height: 175px;
}

.music-h-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PLAY — half over image, half outside */
.music-h-play {
  position: absolute;
  right: -18px;
  /* 👈 key part */
  top: 80%;
  transform: translateY(-80%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ff5a5a;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
}

.music-h-play img {
  width: 14px;
}

/* RIGHT */
.music-h-right {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
}

/* TEXT */
.music-h-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 0px;


}

.music-h-artist {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0px;
  opacity: 0.8;
}

/* ACTIONS (same feel as vertical) */
.music-h-actions {
  position: relative;
  display: inline-flex;
  background: #ffef19;
  border-radius: 18px;
  overflow: visible;
  float: right;
  margin-top: 50px;
}

.music-h-vote {
  width: 44px;
  height: 34px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.music-h-vote:first-child {
  border-right: .5px solid rgba(0, 0, 0, 0.2);
  /* faded black */
}

.music-h-vote img {
  width: 14px;
}

/* REACTIONS */
.music-h-reaction {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 32px;
  pointer-events: none;
  animation: floatUp 1s ease-out forwards;
}

.music-h-reaction.dislike {
  animation: floatDown 1s ease-out forwards;
}

.position-badge {
  background-color: #ef645e;
  font-weight: bold;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 35px;
  font-family: var(--primary-font);
  font-size: 24px;
}

.position-badge-horizontal {
  background-color: var(--dark-gray);
  font-weight: bold;
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-family: var(--primary-font);
  font-size: 24px;
}

.music-play-btn {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  z-index: 2;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.music-play-btn img {
  width: 100%;
  display: block;
}

.palmares-title {
  height: 40px;
  max-width: 475px;
  margin: auto;
  background-color: var(--dark-gray);
  color: #ffffff;
  font-size: 26px;

  display: flex;
  /* ✅ activate flex */
  justify-content: center;
  /* horizontally center */
  align-items: center;
  /* vertically center */
  margin-bottom: 50px;
}

.musique-submit-btn {
  padding: 8px 30px;
  border-radius: 16px;
  background-color: var(--dark-gray);
  color: #ffffff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 900;
}
.concour-submit-btn {
  padding: 8px 30px;
  border-radius: 16px;
  background-color: var(--dark-gray);
  color: #ffffff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 900;
}
.concour-reglement-btn {
  padding: 8px 30px;
  border-radius: 16px;
  background-color: #b7b5a9;
  color: #ffffff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 900;
}
.concour-reglement-btn:hover {
  color: #ffffff;
}

.musique-submit-btn:hover {
  background-color: #000;
  /* optional darker shade on hover */
}
.vote-count {
  margin-left: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.jpt-6{
  padding-top:6%;
}
.jpt-0{
  padding-top: 0px;
}
.jpb-0{
  padding-top: 0px;
}
.padding-0{
  padding: 0px!important;
}
/* Musiques */
/* Evenements */
.btn-warning{
  background-color: var(--base-color);
  border-radius: 16px;
  color: var(--beige);
  border-color: var(--base-color);
}
.btn-warning:hover{
  background-color: var(--base-color);
  color: var(--beige);
  border-color: var(--base-color);
}
.jh3-event{
  font-size: 1.5rem;
  line-height: 1.3;
}


/* Evenements */
.min-h-75px {
  min-height: 75px !important;
}
/* Articles */
.sm-size-date-articles{
  font-size: 12px;
}
.articles-search-wrapper {
  position: relative;
  width: 200px; /* fixed width as you wanted */
}

.articles-search {
  width: 100%;
  padding-right: 30px; /* space for the icon */
  box-sizing: border-box;
}

.search-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}


/* Articles */
/*.dark-border-form{
  border-color: var(--dark-gray) !important;
}*/
.services-box-style-03 {
  border-radius: 0 0 16px 16px; /* top-left, top-right, bottom-right, bottom-left */
}
.text-muted {
  --bs-text-opacity: 1;
  color: rgba(149, 158, 166, 0.75) !important;
}
.pd-10{
  padding: 10px!important;
}
input, select, textarea, .form-control, .form-select {
  padding: 12px 25px;
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid var(--extra-medium-gray);
  color: var(--dark-gray);
  line-height: inherit;
  word-break: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-link{
  border-radius: 10px!important;
  margin-right:3px!important;
}
.text-yellow{
 color:var(--base-color);
}
.ls-minus-1px {
  letter-spacing: 0px !important;
}
.navbar .navbar-nav .nav-item.active .nav-link {
  opacity: 1;
}

.top-img-emission-desktop{
  background-position: top center !important;
}
.share-icon{
  width: 40px;
}
/* Container Box */
.newsletter-card-custom {
    background-color:var(--dark-tertiary);
    border-radius: 24px;       
    max-width: 320px;         
    width: 100%;
}

/* Typography */
.newsletter-title-custom {
    color: var(--white-secondary);
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1.1;
    letter-spacing: 0.5px;
}

/* Envelope Icon */
.newsletter-icon-custom {
    width: 45px;
    height: auto;
    object-fit: contain;
}
.app-badge{
  max-width: 90%;
}
/* Input Field */
.input-custom {
    background-color: #fcfbf7 !important; /* Slightly off-white match */
    border: none !important;
    border-radius: 14px !important;       /* Matches the button rounding */
    height: 50px;
    padding-left: 15px;
    font-weight: 600;
    color: #1f2416;
}

/* Input Placeholder text styling */
.input-custom::placeholder {
    color: #b5b4b0;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

/* Submit Button */
.btn-submit-custom {
    background-color: var(--base-color) !important;
    border: none !important;
    border-radius: 14px !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    transition: background-color 0.2s ease;
}

.btn-submit-custom:hover {
    background-color: var(--base-color) !important;
}

/* Arrow Icon inside Button */
.btn-submit-custom i {
    color: #1f2416; /* Arrow color matches background */
    font-size: 1.25rem;
    font-weight: bold;
}
/* Mobile */
@media (max-width: 1613px) {
 .navbar .navbar-nav .nav-link {
  font-size: 16px;
  line-height: 20px;
  padding: 5px 16px;
}
}
@media (max-width: 1530px) {
 .navbar .navbar-nav .nav-link {
  padding: 5px 12px;
}
}

@media (max-width: 1454px) {
    .navbar .navbar-nav .nav-link {
        font-size: 14px!important;
    }
    
}
@media (max-width: 1332px) {
    .navbar .navbar-nav .nav-link {
        font-size: 13px!important;
        padding: 5px 7px;
    }
    .header-icon ul li img{
   height:14px;
}
@media (max-width: 1085px) {
    .header-icon ul li img{
   display:none;
}
    
}
.notonmobile {
    display: block;
}

.onmobile {
    display: none;
}
@media (max-width: 991px) {
  .notonmobile {
    display: none;
}

.onmobile {
    display: block;
}
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
        padding-bottom: 17px;
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
        font-size: 19px;
    }
    header .btn.btn-rounded.btn-large {
        color: var(--dark-gray);
        border-color: var(--extra-medium-gray);
        padding: 10px 15px;
        font-size: 13px;
    }
    header .navbar-brand img {
    max-height: 70px;
    height: 70px;
    }
     .navbar.bg-transparent, .navbar-modern-inner.bg-transparent, .navbar-full-screen-menu-inner.bg-transparent {
    background-color: var(--base-color) !important;
  }
   header .navbar-brand {
    padding: 5px 0;
  }
  .mobile-sidebar-menu .mobile-submenu a{
  display: block;
  text-align: left;
  font-size: 1.1rem!important;
  opacity: 0.85;
  color: var(--off-white);
  text-decoration: none;
  padding: 0.5rem 0 0.5rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
 .navbar.header-dark .navbar-toggler-line, .navbar-modern-inner.header-dark .navbar-toggler-line, .navbar-full-screen-menu-inner.header-dark .navbar-toggler-line {
    background-color: var(--dark-gray);
  }

  .jpt-6{
  padding-top:8%;
}
}

@media (max-width: 767px) {
    .portfolio-filter li {
        padding: 0;
    }
    footer {
    padding-top: 50px;
    padding-bottom: 75px!important;
  }
  .big-header-text {
  font-size: 5.5rem;
  line-height: 1.05;
}
.fs-16 {
  font-size: 13px!important;
}
}
/* Mobile */