/*--  Montserrat font  --*/
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/*--  Dancing font  --*/
@font-face {
  font-family: "Dancing";
  src: url("../fonts/Dancing/DancingScript-Regular.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dancing";
  src: url("../fonts/Dancing/DancingScript-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dancing";
  src: url("../fonts/Dancing/DancingScript-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dancing";
  src: url("../fonts/Dancing/DancingScript-Bold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Utilities ( Import Utilities ) */
/* mixing */
/* veriabal */
/* components ( Import components ) */
/* common */

body {
  padding-right: 0 !important;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  color: #777;
  line-height: 26px;
  letter-spacing: 0.02rem;
  background: #1b1e3d;
  background: linear-gradient(0deg, #1e173385, #1b1e3d7d, #1e173385, #1b1e3d7d), url(../img/hero/bg.webp);
  overflow: auto !important;
}

body.bg-other {
  background: linear-gradient(0deg, #261b3d7d, #1d1b3d7d, #1b1e3d7d), url(../img/hero/bg.webp);
}

.font-montserrat {
  font-family: "Montserrat";
}

.font-dancing {
  font-family: "Dancing";
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

h1, h2, h3,
h4, h5, h6 {
  margin-bottom: 0;
  letter-spacing: 0.03rem;
}

/* Loader */
    .bix-loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #090614;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      transition: opacity 0.6s ease, visibility 0.6s ease;
    }

    .bix-loader.hidden {
      opacity: 0;
      visibility: hidden;
    }

    /* ====== LOGO ====== */
    .loader-logo {
      width: 110px;
      height: auto;
      animation: appearThenAbsorb 1.3s ease-in-out forwards;
    }

    /* ====== ANIMATION ====== */
    @keyframes appearThenAbsorb {
      0% {
        opacity: 0;
        filter: blur(0);
        transform: scale(0.8) rotate(0deg);
      }
      20% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1) rotate(0deg);
      }
      60% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1) rotate(0deg);
      }
      100% {
        opacity: 0;
        filter: blur(3px);
        transform: scale(0) rotate(540deg);
      }
    }

.bix-banner-line .inner-border:after {
  content: "";
  width: 2px;
  height: 80px;
  position: absolute;
  z-index: -1;
}
.bix-banner-line .inner-border:before {
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  z-index: 0;
  -webkit-animation: mover 3s infinite alternate;
          animation: mover 3s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    Transform: translateY(1px);
  }
  100% {
    Transform: translateY(70px);
  }
}

@keyframes mover {
  0% {
    Transform: translateY(1px);
  }
  100% {
    Transform: translateY(70px);
  }
}
/* single projects */
.bix-single-projects-sidebar .bix-gallery-card {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, calc(33% - 2px));
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

/* projects */
.bix-projects-tabs ul li.active {
  background-color: #111a24;
  color: #fff;
}

.bix-project-card:hover .project-image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.bix-project-card:hover img {
  filter: brightness(1.15) saturate(1.25);
}

.bix-project-card .project-image:hover .overlay-project-card {
  opacity: 1;
  cursor: pointer;
}
.bix-project-card .project-image .overlay-project-card:after {
  font-family: "remixicon";
  content: "\F2DB";
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.no-after::after {
  display: none !important;
  content: none !important;
}

.bix-services {
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, transform 0.3s ease-in-out;
}

.bix-services:hover {
  transform: scale(1.05);
  background-color: #454085;
  border-color: #645db3;
}

.light-mode .bix-services:hover {
  transform: scale(1.05);
  background-color: #e0dfff;
  border-color: #fafaff;
}

/* Prices */
.bix-services-box:hover .services-header {
  border-color: #1b1c20;
}

.compensate-for-scrollbar {
  margin-right: 0 !important;
}

.item-grid .item {
  display: none;
  overflow: hidden;
}

/* Faq */
.bix-accordion-header:after {
  -webkit-transform: none;
          transform: none;
  background-image: none;
  content: "-";
  font-weight: 500;
  color: #777;
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bix-accordion-header.active-arrow:after {
  background-image: none;
  content: "+";
  font-weight: 500;
  color: #777;
  font-size: 24px;
  position: absolute;
  right: 20px;
}

.bix-text-left {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.dark-mode {
  display: none;
}

.white-mode {
  display: inline;
}

/* Header */
.bix-fixed {
  padding: 5px 0 !important;
  z-index: 40 !important;
  transition: all 0.3s ease-in-out;
}
.bix-fixed .bix-navbar {
  padding: 10px 15px;
  background-color: rgba(247, 245, 251, 0.85);
  border: 1px solid #111a24;
  border-radius: 25px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.bix-fixed .bix-navbar .navbar-brand {
  padding: 0;
}

.bix-main-menu ul li .mega-menu {
  -webkit-box-shadow: #f7faff;
          box-shadow: #f7faff;
}
.bix-main-menu ul li.dropdown ul.sub-menu {
  -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
}

.bix-main-menu ul li.dropdown li.position-static {
  position: relative !important;
}
.bix-main-menu ul li.dropdown li.position-static:hover .sub-menu.sub-menu-child {
  margin: -5px 0 0 0;
  opacity: 1;
  visibility: visible;
}
.bix-main-menu ul li.dropdown ul.sub-menu.sub-menu-child {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 30px 0 0 0;
  left: 100% !important;
  opacity: 0;
  visibility: hidden;
  top: 0;
}
.bix-main-menu ul li.dropdown:hover .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
.bix-main-menu ul li.dropdown:hover .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle {
  width: 100%;
  height: 47px;
  padding-right: 15px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: auto;
  cursor: pointer;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle:before {
  content: "+";
  font-weight: 500;
  color: #777;
  font-size: 24px;
}

.bix-mobile-menu.bix-menu-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* Layouts ( Import Layouts ) */
/* Hero */

.bix-hero-img .hero-inner-img:after {
  content: "";
  height: 600px;
  width: 450px;
  border-radius: 7em;
  background-image: url("../img/hero/photo.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  position: absolute;
  top: -160px;
  left: 0;
  right: 0;
  z-index: -1;
}
.bix-hero-img .hero-inner-img:before {
  content: "";
  border: solid 1px #9e8eb359;
  border-radius: 8em;
  height: 640px;
  width: 490px;
  margin: auto;
  position: absolute;
  top: -180px;
  left: 0;
  right: 0;
  z-index: -1;
}

/* Responsive */
@media screen and (max-width: 1399px) {
  .section-hero:before {
    height: 200px;
    width: 750px;
  }
  .section-hero:after {
    height: 200px;
    width: 750px;
  }
  .bix-hero-img .hero-inner-img:before {
    height: 540px;
    width: 440px;
  }
  .bix-hero-img .hero-inner-img:after {
    height: 500px;
    width: 400px;
  }
  .bix-hero-contact h1:after {
    right: 150px !important;
  }
}
@media screen and (max-width: 1199px) {
  .section-hero:before {
    height: 130px;
    width: 600px;
  }
  .section-hero:after {
    height: 130px;
    width: 600px;
  }
  .bix-hero-img .hero-inner-img:after {
    height: 450px;
    width: 350px;
  }
  .bix-hero-img .hero-inner-img:before {
    height: 490px;
    width: 390px;
  }
  .bix-hero-contact:before {
    top: 0;
    left: 0;
  }
  .bix-hero-contact .bix-buttons:after {
    right: 100px;
  }
  .bix-hero-contact h1:after {
    height: 27px !important;
    width: 27px !important;
    right: 125px !important;
    top: 3px !important;
  }
}
@media screen and (max-width: 991px) {
  .section-hero:before {
    height: 100px;
    width: 450px;
  }
  .section-hero:after {
    height: 100px;
    width: 450px;
  }
  .bix-hero-contact:before {
    display: none;
  }
  .bix-hero-contact .bix-buttons:after {
    display: none;
  }
  .bix-hero-img .hero-inner-img:before {
    height: 440px;
    width: 440px;
    bottom: -30px;
    left: -10px;
  }
  .bix-hero-img .hero-inner-img:after {
    height: 400px;
    width: 400px;
    bottom: -12px;
    left: -9px;
  }
  .bix-hero-contact h1:after {
    height: 25px !important;
    width: 25px !important;
    top: 0px !important;
    right: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .bix-hero-contact h1:after {
    right: 200px;
  }
  .bix-hero-img .hero-inner-img:before {
    height: 440px;
    width: 440px;
  }
  .bix-hero-img .hero-inner-img:after {
    height: 400px;
    width: 400px;
  }
}
@media screen and (max-width: 575px) {
  .bix-hero-img .hero-inner-img:before {
    height: 290px;
    width: 290px;
    bottom: -30px;
    left: -10px;
  }
  .bix-hero-img .hero-inner-img:after {
    height: 260px;
    width: 260px;
    bottom: -9px;
    left: -10px;
  }
  .bix-hero-img:after {
    width: 30px;
    bottom: -70px;
    opacity: 0.5;
  }
  .bix-hero-contact .bix-buttons:after {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  .section-hero:before {
    width: 100%;
  }
  .section-hero:after {
    width: 100%;
  }
}
/* about */
.section-about .container {
  position: relative;
}

@-webkit-keyframes rotateText {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotateText {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.bix-rounded-circle:hover svg {
  -webkit-animation: rotateText 10s linear infinite;
          animation: rotateText 10s linear infinite;
}
.bix-rounded-circle h5 {
  font-size: 10px;
  color: #fff;
}

.bix-about-img:hover .inner-item {
  opacity: 1;
  right: 8px;
}
.bix-about-img .inner-item .box-inner:after {
  content: "";
  height: 30px;
  width: 60px;
  background-image: url("../img/about/round-shape.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -4px;
  left: -33px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 0;
}
.bix-about-img .inner-item .box-inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bix-skill .skill-inner-box:hover .skill-logo {
  opacity: 1;
  top: -10px;
}
.bix-skill .skill-inner-box .skill-logo a:after {
  content: "";
  height: 27px;
  width: 70px;
  background-image: url("../img/about/round-shape-dark.png");
  border-top: solid 1px #333165;
  background-repeat: no-repeat;
  position: absolute;
  top: 9px;
  left: -25px;
  z-index: -1;
}
.bix-skill .skill-inner-box .skill-contact .progress .fill {
  stroke-dasharray: 219.9907836914;
  stroke-dashoffset: -219.9907836914;
  -webkit-transition: stroke-dashoffset 1s;
  transition: stroke-dashoffset 1s;
  stroke-width: 2;
}
.bix-skill .skill-inner-box .skill-contact .progress .track {
  stroke-width: 6;
  stroke: rgba(221, 221, 221, 0) !important;
}
.bix-skill .skill-inner-box .skill-contact .progress .track, .bix-skill .skill-inner-box .skill-contact .progress .fill {
  fill: rgba(0, 0, 0, 0);
  -webkit-transform: rotate(90deg) translate(0px, -80px);
          transform: rotate(90deg) translate(0px, -80px);
  stroke: #b4b1de;
}
.bix-skill .skill-inner-box .skill-contact .progress text {
  text-anchor: middle;
  font-weight: 600;
  font-size: 14px;
  fill: #cfd2e4;
}

.bix-block-skill {
  display: block;
}

.bix-aboutpage-img:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f7f5fb;
  border: 1px solid #e9e6ef;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  border-radius: 40%;
}

@media screen and (max-width: 575px) {
  .bix-about-img .bix-about-detail {
    height: 100px;
    width: 100px;
    bottom: 20px;
    right: 20px;
  }
  .bix-about-img .bix-about-detail .inner-contact {
    height: 100px;
    width: 100px;
  }
  .bix-about-img .bix-about-detail .bix-rounded {
    height: 90px;
    width: 90px;
  }
  .bix-about-img .bix-about-detail .bix-rounded span {
    font-size: 8px;
  }
}
@media screen and (max-width: 310px) {
  .bix-about-detail {
    display: none;
  }
}
/* achievement */
.tab-content .tab-activity-pane {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none !important;
}
.tab-content .tab-activity-pane.tab-active {
  display: block !important;
}

.bix-tab.active {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #111a24;
  color: #fff;
}

.tab-activity-pane {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bix-tab {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
}

.section-achievement:before {
  content: "";
  height: 100px;
  width: 100px;
  background-image: url("../img/space/moon.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 9em;
  left: 250px;
  rotate: 5deg;
  z-index: 0;
  opacity: 1;
  animation: spaceFloat 12s ease-in-out infinite;
}
.section-services:after {
  content: "";
  height: 150px;
  width: 150px;
  background-image: url("../img/space/saturn.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 7em;
  right: 250px;
  z-index: -1;
  opacity: 1;
  animation: spaceFloat 12s ease-in-out infinite;
}
.section-about:before {
  content: "";
  height: 120px;
  width: 120px;
  background-image: url("../img/space/blackhole.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 9em;
  left: 250px;
  z-index: 0;
  opacity: 1;
  animation: spaceFloat 12s ease-in-out infinite;
}

@keyframes spaceFloat {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    25%  { transform: translate(8px, -6px) rotate(2deg); }
    50%  { transform: translate(-6px, -10px) rotate(-2deg); }
    75%  { transform: translate(-10px, 6px) rotate(1deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}

.section-contact:before {
  content: "";
  height: 120px;
  width: 120px;
  background-image: url("../img/space/galaxy.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 37em;
  left: 250px;
  z-index: 0;
  opacity: 1;
  animation: spaceFloat 12s ease-in-out infinite;
}
.section-projects:before {
  content: "";
  height: 100px;
  width: 100px;
  background-image: url("../img/space/comet.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 8em;
  right: 250px;
  z-index: 0;
  opacity: 1;
  animation: spaceFloat 12s ease-in-out infinite;
}

ul#bix_activity li.active a {
  border: 0;
  background-color: #111a24;
  color: #fff;
}

.bix-achievement .bix-border-r:before {
  content: "";
  height: 6px;
  width: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  background-color: #393661;
  z-index: 0;
}
.bix-achievement .bix-border-r .achievement-year:after {
  top: 55px;
}
.bix-achievement .bix-border-l:before {
  content: "";
  height: 6px;
  width: 16px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #393661;
  z-index: 0;
}
.bix-achievement .bix-border-l .achievement-year:after {
  bottom: 55px;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box.left:after {
  content: "";
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: -30px;
  background-color: #111a24;
  z-index: -1;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
  content: "";
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -30px;
  background-color: #111a24;
  z-index: -1;
}

/* Responsive */
@media screen and (max-width: 1399px) {
  .bix-achievement .bix-border-r .achievement-year:after {
    top: 68px;
  }
  .bix-achievement .bix-border-l .achievement-year:after {
    bottom: 68px;
  }
}
@media screen and (max-width: 1199px) {
  .bix-achievement .bix-border-r .achievement-year:after {
    top: 78px;
  }
  .bix-achievement .bix-border-l .achievement-year:after {
    bottom: 68px;
  }
}
@media screen and (max-width: 991px) {
  .bix-achievement .bix-border-r .achievement-year:after {
    top: 118px;
  }
  .bix-achievement .bix-border-l .achievement-year:after {
    bottom: 108px;
  }   
  .section-services:after {
    right: 125px;
  }
  .section-about:before {
    left: 125px;
  }
  .section-contact:before {
    left: 125px;
  }
  .section-projects:before {
    right: 125px;
  }
  .section-achievement:before {
    left: 125px;
  }
}
@media screen and (max-width: 767px) {
    .section-achievement:before, .section-projects:before {
    height: 80px;
    width: 80px;
  }
   .section-services:after, .section-about:before, .section-contact:before {
    height: 100px;
    width: 100px;
  }
  .bix-achievement .bix-border-l:before {
    display: none;
  }
  .bix-achievement .bix-border-l .achievement-year:after {
    bottom: 70px;
  }
  .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after, .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
    display: none;
  }
  .bix-achievement .bix-border-r:before {
    display: none;
  }
  .bix-achievement .bix-border-r .achievement-year:after {
    top: 87px;
  }
}
/* services */

.bix-services .services-image .inner-image .ring {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Responsive */


ul#contact_tabs li.active a {
  border: 0;
  background-color: #111a24;
  color: #fff;
}

.bix-overflow-hidden {
  overflow: hidden;
}

.bix-fadeInDown {
  -webkit-animation: fadeInDown 0.3s ease-in-out forwards;
          animation: fadeInDown 0.3s ease-in-out forwards;
}

.bix-fadeOutUp {
  -webkit-animation: fadeOutUp 0.2s ease-in-out forwards;
          animation: fadeOutUp 0.2s ease-in-out forwards;
}

@media (max-width: 1199px) and (min-width: 764px) {
  .bix-navbar ul.navbar-nav {
    flex-wrap: nowrap !important;
    gap: 10px;
  }

  .bix-navbar ul.navbar-nav li {
    margin-left: 15px !important;
  }

  .bix-navbar a.nav-link {
    font-size: 15px !important;
  }
}

::-webkit-scrollbar {
  width: 12px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #17162e;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5f6af5, #7788ff);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7788ff, #5f6af5);
}

.light-mode::-webkit-scrollbar-track {
  background: #f5f4ff;
}

.section-achievement, .section-about, .section-contact {
  background-image: url(../img/hero/bg_grid.webp);
  background-repeat: repeat;
  background-size: auto;
  background-position: 0 0;
  animation: move-bg 60s linear infinite;
}

@keyframes move-bg {
  from { background-position-x: 0; }
  to   { background-position-x: 800px; }
}

#contact-form input, #contact-form textarea {
  background-color: #393661;
  border: solid 1px #4c4680;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 20%));
  color: #fff;
}

#contact-form input:focus,
#contact-form textarea:focus {
 outline: none !important;
 border: 1px solid #5f6af5 !important;
 box-shadow: 0 0 5px #5f6af559 !important;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
  color: #b4b1de;
}

::selection {
  background: #5f6af5;
  color: #fff;
}

::-moz-selection {
  background: #5f6af5;
  color: #fff;
}

/* Ouvre le menu mobile quand .bix-menu-open est activé */
.bix-mobile-menu.bix-menu-open {
  display: flex !important;
}

/* État initial : invisible et légèrement vers le bas */
.bix-mobile-menu,
.menu-item {
  opacity: 0;
  transform: translateY(10px);
}

/* Quand le menu s’ouvre */
.bix-mobile-menu.bix-menu-open .bix-menu.animate-in,
.bix-mobile-menu.bix-menu-open .menu-item.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Apparition en cascade */
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(1) { transition-delay: 0.1s; }
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(2) { transition-delay: 0.2s; }
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(3) { transition-delay: 0.3s; }
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(4) { transition-delay: 0.4s; }
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(5) { transition-delay: 0.5s; }
.bix-mobile-menu.bix-menu-open .menu-item.animate-in:nth-child(6) { transition-delay: 0.6s; }

/* ====== SWITCH THÈME ====== */
.switch input:checked + .slider {
  background-color: #ddd;
}

.switch input:checked + .slider::before {
  transform: translateX(30px);
}

.switch .slider::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  left: 2px;
  bottom: 2px;
  background-color: #7a8afb;
  border-radius: 50%;
  transition: transform 0.3s;
}

/* Icône change de position avec le toggle */
.switch input:checked ~ i {
  left: 33px;
  color: #111a24;
}

/* ----------------------LIGHT MODE---------------------- */

body.light-mode {
  background: #e9e4ff;
  background: linear-gradient(25deg, #cac9ff81, #e9e4ff81, #cac9ff81, #e9e4ff81), url(../img/hero/bg_light.webp);
}

.light-mode header .bix-navbar {
    background-color: #ffffff66;
    border-color: #9282ff99;
}

body.light-mode footer {
  background-color: #ffffff66;
}

.light-mode .bix-projects-tabs ul {
    background-color: #ffffff66;
    border-color: #9282ff99;
}

body.light-mode p, .light-mode li, .light-mode a {
    color: #313060 !important;
}

body.light-mode .bix-button {
    color: #fff !important;
}

.light-mode .bix-hero-contact p {
  color: #1c1f3f !important;
}

.light-mode .bix-main-menu ul li a i {
    color: #575b86;
}

.light-mode .bix-banner h4, .light-mode .section-contact h4, .light-mode .bix-banner h2, .light-mode .section-contact h2,
.light-mode .section-contact h5, .light-mode .bix-hero-contact h1 {
    color: #1c1f3f;
}

.light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box {
  background-color: #d2d0ff;
  border-color: #dce4ff;
}

.light-mode .bix-achievement-inner.bix-border-r, .light-mode .bix-achievement-inner.bix-border-l {
    border-color: #a7a5d8;
}

.light-mode .bix-achievement .bix-border-l:before, .light-mode .bix-achievement .bix-border-r:before {
    background-color: #a7a5d8;
}

.light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year span {
    background-color: #5b5987;
    border-color: #d2d0ff;
    color: white;
}

.light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after, .light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
    background-color: #a7a5d8;
}

.light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box h4, .light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box h3 {
    color: #1c1f3f;
}

.light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box h4 span, .light-mode .bix-achievement .bix-achievement-inner .bix-achievement-box h3 span {
    color: #7772ad;
}

.light-mode .bix-services {
  background-color: #d2d0ff;
  border-color: #dce4ff;
}

.light-mode .bix-services .services-image .inner-image {
    background: #5b5987;
    border-color: #b6b3ee;
}

.light-mode .services-contact h5 {
  color: #1c1f3f;
}

.light-mode .skill-inner-box {
  background-color: #d2d0ff;
  border-color: #dce4ff;
}

.light-mode .skill-box-contact h4, .light-mode .skill-box-contact h3 {
  color: #1c1f3f;
}

.light-mode .skill-box-contact span {
  color: #7772ad;
}

.light-mode .bix-skill .skill-inner-box .skill-contact .progress text {
    fill: #1c1f3f;
}

.light-mode .bix-skill .skill-inner-box .skill-contact .progress .track, .light-mode .bix-skill .skill-inner-box .skill-contact .progress .fill {
    stroke: #7772ad;
}

.light-mode .bix-about-contact h5 {
    color: #1c1f3f;
}

.light-mode .bix-projects-tabs ul li {
    color: #313060 !important;
}

.light-mode .bix-projects-tabs ul li.active {
    color: #fff !important;
}

.light-mode #contact-form input, .light-mode #contact-form textarea {
    background-color: #d2d0ff;
    border-color: #dce4ff;
    color: #000;
}

.light-mode #contact-form input::placeholder,
.light-mode #contact-form textarea::placeholder {
  color: #9696c5;
}

.light-mode a.back-to-top {
    background-color: #ffffff59;
}

.light-mode .section-achievement:before {
  background-image: url("../img/space/moon2.webp");
  opacity: 1;
}
.light-mode .section-services:after {
  background-image: url("../img/space/saturn2.webp");
  opacity: 1;
}
.light-mode .section-about:before {
  background-image: url("../img/space/blackhole2.webp");
  opacity: 1;
}
.light-mode .section-contact:before {
  background-image: url("../img/space/galaxy2.webp");
  opacity: 1;
}
.light-mode .section-projects:before {
  background-image: url("../img/space/comet2.webp");
  opacity: 1;
}

.light-mode .bix-hero-contact h1:after {
    background-image: url(../img/hero/shape_black.svg);
}

.light-mode .section-contact, .light-mode .section-achievement, .light-mode .section-about {
    background-image: url(../img/hero/bg_grid_black.webp);
}

.light-mode .bix-skill .skill-inner-box .skill-logo a:after {
  background-image: url("../img/about/round-shape.png");
  border-color: #bcc6ea;
}


/* ---------------------- MAIN COLOR ---------------------- */



.bix-main-menu ul li:hover > a {
  color: #5f6af5 !important;
}
.bix-main-menu ul li.dropdown ul li a:hover {
  color: #5f6af5;
}

.bix-main-menu ul li.active > a, .bix-main-menu ul li.active > a i {
  color: #5f6af5 !important;
}

.bix-project-card .project-contact h5 a:hover, .bix-project-card .project-contact h4 a:hover, .bix-project-card .project-contact h3 a:hover {
  color: #5f6af5 !important;
}

.bix-blog-box .blog-contact h4 a:hover {
  color: #5f6af5;
}

.bix-main-menu > ul > li:hover > a i {
  color: #5f6af5;
  transition: all 0.2s ease-in-out;
}

.bix-hero-contact h4 {
  color: #7a8afb;
}

.bix-hero-contact p span {
  color: #7a8afb;
}

.bix-button:hover {
  background-color: #8694ff;
}

.bix-button {
  color: #fff !important;
}

.bix-banner h4 span {
  color: #7a8afb;
}

.section-contact h4, .section-contact h2 {
  color: #cfd2e4;
}

.section-contact h4 span {
  color: #7a8afb;
}

a.back-to-top {
  color: #5f6af5;
  border-color: transparent;
}
a.back-to-top svg path {
  stroke: #7788ff;
}

.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item img:hover,
.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item img:hover {
  border-color: #5f6af5;
}
.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode img,
.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode img,
.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode img,
.bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode img {
  border-color: #5f6af5;
}

#nprogress .bar {
  background: #fff !important;
  height: 2px !important;
  z-index: 9999 !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px #fff, 0 0 5px #fff !important;
}


/* ----------------------DARK MODE---------------------- */


p,
li,
a {
  color: #d4dcff !important;
}

header .bix-navbar {
  background-color: #00000066;
  border-color: #352f5a99;
}

.navbar-toggler {
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.navbar-toggler i {
  color: #dfddff;
}

.navbar-toggler:hover {
  transform: scale(1.1);
}

.dark-logo {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo img {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.logo:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 0 6px #777be480);
}

.bix-main-menu ul li a {
  color: #9ba5b5;
}
.bix-main-menu ul li a i {
  color: #9ba5b5;
  margin-right: 5px;
  transition: all 0.2s ease-in-out;
}
.bix-main-menu ul li.dropdown ul.sub-menu {
  background: #1d1e24;
}
.bix-main-menu ul li.dropdown ul li a {
  color: #9ba5b5;
}

.skill-box-contact p {
  color: #d4dcff !important;
}

.bix-mobile-menu .bix-menu-title .menu-title h4 {
  color: #ced2d9;
}
.bix-mobile-menu .bix-menu-inner .bix-menu-content ul li a {
  border-color: #3f4458;
  color: #9ba5b5;
}

.bix-fixed .bix-navbar {
  background-color: #00000066;
  border-color: #352f5a99;
}

.bix-hero-contact:before {
  background-image: url("../img/hero/shape-1-dark.png");
}
.bix-hero-contact h1 {
  color: #cfd2e4;
}

.bix-hero-contact h1:after {
  content: "";
  height: 30px;
  width: 30px;
  background-image: url("../img/hero/shape.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 5px;
  right: 200px;
  z-index: -1;
}
.bix-hero-contact p {
  color: #cfd2e4 !important;
}

.bix-about-img {
  border-color: #3f4458;
}
.bix-about-img .inner-item .box-inner:after {
  background-image: url("../img/about/round-shape-dark.png");
}

.section-hero:before {
  opacity: 0.1;
}
.section-hero::after {
  opacity: 0.1;
}

.bix-banner h4, .bix-banner h2 {
  color: #cfd2e4;
}

.bix-banner-line .inner-border:after {
  background-color: #9e8eb359;
}
.bix-banner-line .inner-border:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(142,155,233,1)'%3E%3Cpath d='M5.32244 5.96559C5.42367 5.85376 5.5282 5.74386 5.63604 5.63602C6.11945 5.15261 6.64417 4.73569 7.19883 4.38526C6.8849 4.29873 6.60274 4.24748 6.35542 4.22882C5.78308 4.18566 5.53243 4.32157 5.42553 4.42847C5.31863 4.53537 5.18272 4.78602 5.22589 5.35835C5.23974 5.54197 5.27156 5.74481 5.32244 5.96559ZM20.7257 14.2107C20.7873 14.3337 20.8463 14.4557 20.9028 14.5766C21.3793 15.5977 21.6941 16.5944 21.7616 17.4903C21.8289 18.3819 21.656 19.3107 20.9819 19.9848C20.3077 20.659 19.379 20.8318 18.4874 20.7646C17.7068 20.7057 16.8497 20.4592 15.9666 20.0815L15.964 20.0827C15.8109 20.0172 15.657 19.9478 15.5025 19.8746C13.4695 18.9123 11.1435 17.2205 8.9599 15.0369C6.77855 12.8556 5.08807 10.5322 4.1252 8.50073C4.05178 8.34582 3.98205 8.19148 3.91629 8.03796L3.91734 8.03582C3.53815 7.15052 3.29057 6.29122 3.23155 5.50877C3.1643 4.61713 3.33717 3.6884 4.01132 3.01425C4.68547 2.34011 5.61419 2.16724 6.50583 2.23449C7.40174 2.30206 8.3984 2.61685 9.41949 3.09335C9.54253 3.15077 9.66667 3.21089 9.79181 3.27366C12.7623 2.52497 16.0404 3.31242 18.364 5.63602C20.6882 7.96029 21.4755 11.2395 20.7257 14.2107ZM19.6128 16.8042C19.2627 17.3578 18.8465 17.8814 18.364 18.3639C18.257 18.4709 18.1479 18.5747 18.037 18.6752C18.2553 18.7252 18.456 18.7565 18.6378 18.7702C19.2101 18.8134 19.4608 18.6775 19.5677 18.5706C19.6746 18.4637 19.8105 18.2131 19.7673 17.6407C19.7488 17.3952 19.6982 17.1154 19.6128 16.8042ZM5.63604 18.3639C3.37241 16.1003 2.56666 12.9309 3.21877 10.0224C4.30105 12.0032 5.92374 14.1221 7.89924 16.0976C9.87632 18.0747 11.9971 19.6985 13.9794 20.7808C11.0705 21.4337 7.90015 20.6281 5.63604 18.3639Z'%3E%3C/path%3E%3C/svg%3E");
}

.bix-about-contact h5 {
  color: #cfd2e4;
}
.bix-about-contact .about-name h6 {
  color: #9ba5b5;
}
.bix-about-contact .about-name p {
  color: #9ba5b5 !important;
}
.bix-about-contact p {
  color: #d4dcff !important;
}

ul.nav-tabs {
  border-color: #3f4458;
}
ul.nav-tabs li button {
  color: #9ba5b5 !important;
}

.bix-achievement-inner.bix-border-r, .bix-achievement-inner.bix-border-l {
  border-color: #393661;
}

.bix-achievement .bix-achievement-inner .bix-achievement-box {
  background-color: #393661;
  border-color: #4c4680;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 20%));
}

.bix-achievement-box {
  
}
.bix-achievement .bix-achievement-inner .bix-achievement-box h4, .bix-achievement .bix-achievement-inner .bix-achievement-box h3 {
  color: #cfd2e4;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box h4 span, .bix-achievement .bix-achievement-inner .bix-achievement-box h3 span {
  color: #b4b1de;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year span {
  background-color: #17162e;
  border-color: #393661;
  color: #fff;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year:after {
  color: #3f4458;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box p {
  color: #9ba5b5;
}
.bix-achievement .bix-achievement-inner .bix-achievement-box.left:after, .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
  background-color: #393661;
}
.bix-achievement .border-r {
  border-color: #3f4458;
}
.bix-achievement .border-r:before {
  background-color: #3f4458;
  border-color: #1d1e24;
}
.bix-achievement .border-l {
  border-color: #3f4458;
}
.bix-achievement .border-l:before {
  background-color: #3f4458;
  border-color: #1d1e24;
}

.bix-services .services-image .inner-image {
  background: #17162e;
  border: solid 1px #393772;
}

.bix-projects-tabs ul {
  background-color: #00000066;
  border-color: #352f5a99;
}
.bix-projects-tabs ul li {
  color: #d4dcff !important;
  border-color: #3c4051 !important;
  font-weight: 600;
}
.bix-projects-tabs ul li:hover {
  color: #5f6af5 !important;
}
.bix-projects-tabs ul li.active {
  background-color: #7a8afb !important;
  color: #000000 !important;
}

ul#contact_tabs li.active a {
  background-color: #373a49 !important;
}

.bix-project-card .project-contact {
  border-color: #9e8eb359;
}
.bix-project-card .project-contact h5 a {
  color: #cfd2e4;
}
.bix-project-card .project-contact p {
  color: #d4dcff;
}
.bix-project-card .project-contact p a {
  color: #7a8afb !important;
}

.bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle {
  background-color: #14151a;
}
.bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle .inner-contact i {
  color: #ced2d9;
}
.bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle svg text textPath {
  color: #ced2d9;
}

.bix-rounded-circle svg {
  fill: #fff;
}

.inner-projects-img img, .inner-projects-img .vid2 {
  transition: transform 0.3s ease;
}

.vid1 {
  margin-bottom: 25px;
}

.vid2 {
  margin-bottom: 5px;
}

.inner-projects-img img:hover, .inner-projects-img .vid1:hover, .inner-projects-img .vid2:hover {
  transform: scale(1.02);
}

.inner-projects-img video {
  transition: transform 0.3s ease;
  width: 100%;
  border-radius: 20px;
}

.nopt {
  padding-top: 0 !important;
}

.videos-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.video-box {
  flex: 1 1 45%;
  position: relative;
  padding-top: 27.70%;
  border-radius: 20px;
  overflow: hidden;
}

.video-box iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .video-box { flex-basis: 100%; padding-top: 56.25%; }
}

.inner-projects-contact {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 50px;
}

a.back-to-top {
  background-color: #00000059;
}

.bix-footer-contact p {
  color: #9ba5b5;
}
.bix-footer-contact .logo-links a {
  border-color: #3f4458;
  padding: 1.8px 1.5px 1px 2px;
}
.bix-footer-contact .logo-links a i {
  color: #9ba5b5;
}
.bix-footer-contact .logo-links a:hover i {
  color: #ced2d9;
}

.white-mode {
  display: none;
}

.dark-mode {
  display: inline;
}

.bix-aboutpage-img:after {
  background-color: #14151a;
  border-color: #3f4458;
}

ul.nav-tabs li button.active {
  border: 1px solid #404457 !important;
  background-color: #14151a !important;
}

.bix-accordion-item h4 {
  background-color: #14151a;
  color: #ced2d9;
  border-color: #3f4458;
}
.bix-accordion-item .bix-accordion-body {
  border-color: #3f4458;
  color: #9ba5b5;
}

.bix-services-box {
  border-color: #3f4458;
  background: #14151a;
}
.bix-services-box .services-header {
  border-color: #3f4458;
}
.bix-services-box .services-header span {
  color: #9ba5b5;
}
.bix-services-box .services-header h4 {
  color: #ced2d9;
}
.bix-services-box .services-inner-contact ul li {
  color: #9ba5b5;
}
.bix-services-box:hover {
  border-color: #9ba5b5;
}
.bix-services-box:hover .services-header {
  border-color: #9ba5b5;
}

.services-contact p {
  color: #d4dcff !important;
  margin-bottom: 12px;
}

.services-contact {
 flex: 1 1 365px;
}

ul#bix_activity li.active a {
  background-color: #404457 !important;
}

.bix-single-projects-sidebar {
  background-color: #14151a;
  border-color: #3f4458;
}
.bix-single-projects-sidebar .sub-title h4 {
  color: #ced2d9;
}
.bix-single-projects-sidebar .bix-category,
.bix-single-projects-sidebar .bix-recent-post {
  border-color: #3f4458;
}
.bix-single-projects-sidebar .bix-recent-card {
  border-color: #3f4458;
}
.bix-single-projects-sidebar .bix-recent-card .recent-contact span {
  color: #9ba5b5;
}
.bix-single-projects-sidebar .bix-recent-card .recent-contact h4 a {
  color: #ced2d9;
}

ul.nav-tabs {
  background-color: #1d1e24;
}

.bix-single-projects-contact .inner-projects-contact .sub-title h4 {
  color: #ced2d9;
}
.bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
  color: #b4c1d5;
}
.bix-single-projects-contact .bix-product-details .bix-product-details-card {
    background-color: #393661;
    border-color: #4c4680;
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 20%));
}
.bix-single-projects-contact .bix-product-details .bix-product-details-card h4 {
  color: #d4dcff;
}
.bix-single-projects-contact .bix-product-details .bix-product-details-card p {
  color: #b4b1de !important;
}
.bix-single-projects-contact .bix-product-details .bix-product-details-card:hover {
  border-color: #8980cf;
}
.bix-single-projects-contact .bix-products-tabs .tab-content {
  border-color: #3f4458;
}
.bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact h4 {
  color: #ced2d9;
}

.bix-client .inner-details {
  border-color: #3f4458;
}
.bix-client .inner-details .client-details h5 {
  color: #ced2d9;
}

@media screen and (max-width: 1399px) {
.services-contact {
 flex: 1 1 450px;
  }
}

@media screen and (max-width: 1199px) {
.services-contact {
 flex: 1 1 255px;
  }
}

@media screen and (max-width: 991px) {
.services-contact {
 flex: 1 1 340px;
  }
}

@media screen and (max-width: 767px) {
.services-contact {
 flex: 1 1 255px;
  }
}

@media screen and (max-width: 575px) {
.services-contact {
 flex: 1 1 255px;
  }
}

/* Style du slider (fond du switch) */
.slider {
  display: block;
  box-shadow: inset 0 0 0 1px #1f1a34;
}

/* En mode clair : fond blanc + bord doux */
body.light-mode .slider {
  background-color: #dfdcff !important;
  box-shadow: inset 0 0 0 1px #c2bfdd;
}

/* En mode sombre : fond bleu foncé */
body:not(.light-mode) .slider {
  background-color: #000000 !important;
}

/* Transition douce */
.slider {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.light-mode .switch .slider::before {
    background-color: #fff;
}

.light-mode .bix-single-projects-contact .bix-product-details .bix-product-details-card {
    background-color: #d2d0ff;
    border-color: #dce4ff;
}

.light-mode .bix-single-projects-contact .bix-product-details .bix-product-details-card h4 {
    color: #1c1f3f;
}

.light-mode .bix-single-projects-contact .bix-product-details .bix-product-details-card p {
    color: #7772ad !important;
}

.light-mode .bix-single-projects-contact .bix-product-details .bix-product-details-card:hover {
    border-color: #f7f7ff;
}

/* === Menu mobile - version light mode === */

/* Fond clair transparent + flou doux */
body.light-mode #in_mobile_menu {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(15px) !important;
}

/* Texte du menu en noir */
body.light-mode #in_mobile_menu .bix-menu a {
  color: #313060 !important;
}

/* Hover plus doux en light */
body.light-mode #in_mobile_menu .bix-menu a:hover {
  color: #5f6af5 !important;
}

/* Bouton de fermeture noir en mode clair */
body.light-mode #in_mobile_menu .bix-close {
  color: #313060 !important;
}

/* Hover du bouton plus gris foncé */
body.light-mode #in_mobile_menu .bix-close:hover {
  color: #5f6af5 !important;
}

body.light-mode .navbar-toggler i {
  color: #313060;
}

.light-mode .bouton-jeu {
  color: white !important;
}

.fonth1 {
    text-shadow:
    1px 0 #dcd8ff,
    -1px 0 #dcd8ff,
    0 1px #dcd8ff,
    0 -1px #dcd8ff,
    1px 1px #dcd8ff,
    -1px -1px #dcd8ff,
    1px -1px #dcd8ff,
    -1px 1px #dcd8ff;
  color: #1f1f38 !important;
}

.light-mode .fonth1 {
  text-shadow:
    1px 0 #181725,
    -1px 0 #181725,
    0 1px #181725,
    0 -1px #181725,
    1px 1px #181725,
    -1px -1px #181725,
    1px -1px #181725,
    -1px 1px #181725;
  color: #e3e2ff !important;
}

.fonth2:hover {
    text-shadow:
    1px 0 #5f6af5,
    -1px 0 #5f6af5,
    0 1px #5f6af5,
    0 -1px #5f6af5,
    1px 1px #5f6af5,
    -1px -1px #5f6af5,
    1px -1px #5f6af5,
    -1px 1px #5f6af5;
}

#typewriter::after {
  content: "|";
  margin-left: 3px;
  animation: blink 1s infinite steps(1);
}

@keyframes blink {
  50% { opacity: 0; }
}

/*
*,
*::before,
*::after {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, fill 0.2s ease, stroke 0.2s ease;
}
*/

/*
.fancybox-container,
.fancybox-container *,
.fancybox-container *::before,
.fancybox-container *::after {
  transition: none !important;
}
*/