@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Radio+Canada:wght@400;600;700&display=swap);:root{--first-color:#807BBC;--first-color-alt:#0B0F1F --title-color: #f0f2f4;--text-color:#c4babb;--text-color-light:#918888;--body-color:#0B0F1F;--container-color:#241e20;--header-height:3.5rem;--biggest-font-size:1.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--tiny-font-size:.625rem;--medium:500;--semibold:600;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (min-width:968px){:root{--biggest-font-size:2.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}body.dark{background:#fff}.checkbox{opacity:0;position:absolute}.label{background-color:var(--first-color);border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:5px;position:relative;height:26px;width:50px;transform:scale(1.5)}.label .ball{background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;height:22px;width:22px;transform:translateX(0);transition:transform .2s linear}.checkbox:checked+.label .ball{transform:translateX(24px);-webkit-transform:translateX(24px);-moz-transform:translateX(24px);-ms-transform:translateX(24px);-o-transform:translateX(24px)}@media screen and (max-width:600px){.checkbox:checked+.label .ball{transform:translateX(16px);-webkit-transform:translateX(16px);-moz-transform:translateX(16px);-ms-transform:translateX(16px);-o-transform:translateX(16px)}}@media screen and (max-width :600px){.label{width:40px}}@media screen and (max-width :600px){.ball{width:20px}}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);transition:.4s}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semibold)}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:0}img{max-width:100%;height:auto}.container{max-width:968px;margin:0 1rem}.grid{display:grid;gap:1.25rem}.main{overflow:hidden}.section{padding:4.5rem 0 1rem}.section__subtitle,.section__title{text-align:center}.section__title{font-size:var(--h2-font-size);color:var(--first-color);margin-bottom:2rem}.section__subtitle{display:block;font-size:var(--smaller-font-size);color:var(--text-color-light)}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--body-color);z-index:var(--z-fixed)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{color:var(--first-color);font-weight:var(--medium);transition:.4s}.nav__logo:hover{color:var(--first-color-alt)}.nav__menu{position:fixed;bottom:1rem;background-color:#241e20b8;width:60%;border-radius:4rem;padding:1rem 2.25rem;backdrop-filter:blur(10px)}.nav__list{display:flex;justify-content:space-between;align-items:center}.nav__link{color:var(--text-color);font-size:1.25rem;padding:.4rem;display:flex;border-radius:5rem}.active-link{background:linear-gradient(180deg,#807bbc,hsla(356,66%,75%,.2));box-shadow:0 0 16px #e995e566}.scroll-header{box-shadow:0 4px 4px #0a0a0a4d}.home__container{position:relative;row-gap:4.5rem;padding-top:2rem}.home__data{text-align:center}.home__education,.home__greeting{font-size:var(--small-font-size);font-weight:var(--medium)}.home__greeting{display:block;color:var(--text-color);margin-bottom:.25rem}.home__education{color:var(--text-color);margin-bottom:2.5rem}.home__name{font-size:var(--biggest-font-size)}.home__img{width:160px}.home__handle{justify-content:center;width:190px;height:293px;background:linear-gradient(180deg,#807bbc,hsla(356,66%,75%,.2));border-radius:10rem 10rem 1rem 1rem;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;justify-self:center}.home__buttons{display:flex;justify-content:center;align-items:center;gap:1.5rem}.home__scroll,.home__social{position:absolute}.home__social{bottom:5rem;left:0;display:grid;row-gap:.5rem}.home__social-link{width:max-content;background-color:var(--container-color);color:var(--first-color);padding:.25rem;border-radius:.25rem;font-size:1rem;transition:.4s}.home__social-link:hover{background-color:var(--first-color);color:#fff}.home__social::after{content:'';width:32px;height:2px;background-color:var(--first-color);transform:rotate(90deg) translate(16px,3px)}.home__scroll{color:var(--first-color);right:-1rem;bottom:4rem;display:grid;row-gap:2.25rem;justify-items:center}.home__scroll-icon{font-size:1.25rem}.home__scroll-name{font-size:var(--smaller-font-size);transform:rotate(-90deg)}.button{display:inline-block;background-color:var(--first-color);color:var(--body-color);padding:.75rem 1rem;border-radius:.5rem;font-weight:var(--medium);transition:.4s}.button:hover{background-color:var(--first-color-alt);color:var(--body-color)}.button--ghost{background-color:transparent;border:2px solid var(--first-color);color:var(--first-color)}.about__container{row-gap:2.5rem}.about__img{width:220px;border-radius:1.5rem;justify-self:center;margin-bottom:2.5rem}.about__data{text-align:center}.about__info{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:2rem}.about__box{background-color:var(--container-color);border-radius:.75rem;padding:.75rem .5rem}.about__icon{font-size:1.5rem;color:var(--first-color);margin-bottom:.5rem}.about__subtitle{font-size:var(--tiny-font-size)}.about__description{margin-bottom:2rem}.skills__container{row-gap:2rem;padding-top:1rem}.skills__content{background-color:var(--container-color);padding:1.5rem;border-radius:1.25rem}.skills__title{font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--first-color);text-align:center;margin-bottom:1.5rem}.skills__box{display:flex;justify-content:center;column-gap:2.5rem}.skills__group{display:grid;align-content:flex-start;row-gap:1rem}.skill__data{display:flex;column-gap:.5rem}.skill__data .bx-badge-check{font-size:1rem;color:var(--first-color)}.skills__name{font-size:var(--normal-font-size);font-weight:var(--medium);line-height:18px}.skill__level{font-size:var(--tiny-font-size)}.services__container{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-top:1rem}.services__card{background-color:var(--container-color);padding:3rem 1.5rem 1.5rem;border-radius:1rem}.services__title{font-size:var(--h3-font-size);margin-bottom:2.5rem}.services__button{color:var(--first-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem;cursor:pointer}.services__button:hover .bx{transform:translateX(.25rem)}.services__button .bx{font-size:1rem;transition:.4s}.services__modal{position:fixed;inset:0;background-color:hsla(356,28%,16%,.702);padding:2rem 1rem;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.4s;z-index:var(--z-modal)}.services__modal-content{position:relative;background-color:var(--body-color);padding:4.5rem 1.5rem 2.5rem;border-radius:1.5rem}.services__modal-description,.services__modal-title{text-align:center}.services__modal-title{font-size:var(--h3-font-size);color:var(--first-color);margin-bottom:1rem}.services__modal-description{font-size:var(--small-font-size);margin-bottom:2rem}.services__modal-list{display:grid;row-gap:.75rem}.services__modal-item{display:flex;align-items:flex-start;column-gap:.5rem}.services__modal-icon{font-size:1.5rem;color:var(--first-color)}.services__modal-info{font-size:var(--small-font-size)}.services__modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--first-color);cursor:pointer}.active-modal{opacity:1;visibility:visible}.work__container{padding-top:1rem}.work__filters{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-bottom:2rem}.work__item{cursor:pointer;color:var(--text-color);padding:.25rem .75rem;font-weight:var(--medium);border-radius:.5rem}.work__card{background-color:var(--container-color);padding:1rem;border-radius:1rem}.work__img{border-radius:1rem;margin-bottom:.75rem}.work__title{font-size:var(--normal-font-size);font-weight:var(--medium);margin-bottom:.25rem}.work__button{width:max-content;color:var(--first-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem}.work__button:hover .work__icon{transform:translateX(.25rem)}.work__icon{font-size:1rem;transition:.4s}.active-work{background-color:var(--first-color);color:var(--body-color)}.testimonial__card{background-color:var(--container-color);padding:1.25rem 1.5rem;border-radius:1.5rem;margin-bottom:3rem}.testimonial__img{width:60px;border-radius:3rem;margin-bottom:1rem}.testimonial__name{font-size:var(--normal-font-size);font-weight:var(--medium);margin-bottom:.25rem}.testimoial__description{font-size:var(--small-font-size)}.swiper-pagination-bullet{background-color:var(--text-color-light)}.swiper-pagination-bullet-active{background-color:var(--first-color)}.contact__container{row-gap:3rem;padding-bottom:3rem}.contact__title{text-align:center;font-size:var(--h3-font-size);margin-bottom:1.5rem}.contact__info{display:grid;gap:1rem}.contact__card{background-color:var(--container-color);padding:1rem;border-radius:.75rem;text-align:center}.contact__card-icon{font-size:2rem;color:var(--title-color);margin-bottom:.25rem}.contact__card-title,.content__card-data{font-size:var(--small-font-size)}.contact__card-title{font-weight:var(--font-medium)}.content__card-data{display:block;margin-bottom:.75rem}.contact__button{color:var(--first-color);font-size:var(--small-font-size);display:flex;align-items:center;justify-content:center;column-gap:.25rem}.contact__button:hover .contact__button-icon{transform:translateX(.25rem)}.contact__button-icon{font-size:1rem;transition:.4s}.contact__form-div{position:relative;margin-bottom:2rem;height:4rem}.contact__form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--text-color-light);background:0 0;color:var(--text-color);outline:0;padding:1.5rem;border-radius:.75rem;z-index:1}.contact__form-tag{position:absolute;top:-.75rem;left:1.25rem;font-size:var(--smaller-font-size);padding:.25rem;background-color:var(--body-color);z-index:10}.contact__form-area{height:11rem}.contact__form-area textarea{resize:none}.footer{background-color:var(--first-color)}.footer__container{padding:2rem 0 6rem}.footer__link,.footer__title{color:var(--body-color)}.footer__title{text-align:center;margin-bottom:2rem}.footer__list{display:flex;justify-content:center;column-gap:1.5rem;margin-bottom:2rem}.footer__social{display:flex;justify-content:center;column-gap:1.25rem}.footer__social-link{background-color:var(--body-color);color:var(--first-color);padding:.25rem;border-radius:.25rem;font-size:1rem;display:inline-flex}.footer__copy{display:block;margin-top:4.5rem;color:var(--container-color);text-align:center;font-size:var(--smaller-font-size)}::-webkit-scrollbar{width:.6rem;border-radius:.5rem;background-color:#69595a}::-webkit-scrollbar-thumb{background-color:#483d3e;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#2f3237}@media screen and (max-width:360px){.nav__menu{padding:1rem 1.5rem}.home__buttons{flex-direction:column}.home__handle{width:150px;height:253px}.home__img{width:130px}.about__info{grid-template-columns:repeat(2,1fr)}.about__box{column-gap:1rem}.skills__name{font-size:var(--small-font-size)}.services__container{grid-template-columns:145px;justify-content:center}.work__item{font-size:var(--small-font-size)}.work__filters{column-gap:.25rem}}@media screen and (min-width:576px){.nav__menu{width:330px;left:0;right:0;margin:0 auto}.about__info{grid-template-columns:repeat(3,140px);justify-content:center}.about__description{padding:0 5rem}.skills__container{justify-content:center}.skills__content{padding:2rem 4rem}.services__container{grid-template-columns:repeat(2,160px);justify-content:center}.services__modal-content{width:580px;padding:4.5rem 2.5rem 2.5rem}.services__modal-description{padding:0 3.5rem}.work__container{justify-content:center}.work__img{width:295px}.contact__info{grid-template-columns:360px;justify-content:center}.contact__form{width:360px;margin:0 auto}}@media screen and (min-width:767px){.work__container{grid-template-columns:repeat(2,max-content)}.contact__container{grid-template-columns:repeat(2,max-content);justify-content:center}}@media screen and (min-width:992px){.container{margin:0 auto}.section{padding:6.5rem 0 1rem}.section__title{margin-bottom:3.5rem}.nav{height:calc(var(--header-height) + 1rem)}.home__handle{width:290px;height:400px}.home__img{width:220px}.home__social-link{padding:.4rem;font-size:1.25rem}.home__scroll::after{transform:rotate(90deg) translate(16px,0)}.home__scroll-icon{font-size:2rem}.about__container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:4rem}.about__img{width:350px}.about__data{text-align:initial}.about__info{justify-content:initial}.about__box{text-align:center;padding:1rem 1.25rem}.about__description{padding:0 4rem 0 0;margin-bottom:2.5rem}.skills__container{grid-template-columns:repeat(2,350px);column-gap:3rem}.services__container{grid-template-columns:repeat(3,192px);column-gap:3rem}.services__card{padding:5rem 2rem 1.5rem}.work__container{gap:3rem}.work__card{padding:1.25rem}.work__img{margin-bottom:1rem}.work__title{margin-bottom:.5rem}.testimonial__container{width:750px}.testimonial__card{padding:1.5rem 2rem}.contact__container{column-gap:6rem}.footer__social-link{font-size:1.25rem;padding:.4rem;border-radius:.5rem}}
.img-expeditioner{
    max-width: 30%;
    border-radius: 50%;

}
/* new */
.stcn1{
  display: flex;
    align-content: space-around;
    justify-content: space-around;
}
.btcn1{
  background-color: unset;
    color: white;
    width: 159px;
}

.login-box {
  height: 101%;
    width: 42rem;
    padding: 8px;
    box-shadow: 0 0px 0px rgba(0,0,0,.6);
    border-radius: 10px;
}

.login-box h2 {
  margin: 0 0 30px;
  padding: 0;
  color: #fff;
  text-align: center;
}

.login-box .user-box {
  position: relative;
}

.login-box .user-box input {
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
}
.login-box .user-box label {
  position: absolute;
  top: -24px;
  left: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
  transition: .5s;
}

.login-box .user-box input:focus ~ label,
.login-box .user-box input:valid ~ label {
  top: -20px;
  left: 0;
  color: #03e9f4;
  font-size: 12px;
}

.login-box form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #03e9f4;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  margin-top: -3px;
  letter-spacing: 4px
}

.login-box a:hover {
  background: #03e9f4;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px #03e9f4,
              0 0 25px #03e9f4,
              0 0 50px #03e9f4,
              0 0 100px #03e9f4;
}

.login-box a span {
  position: absolute;
  display: block;
}

.login-box a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #03e9f4);
  animation: btn-anim1 1s linear infinite;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

.login-box a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #03e9f4);
  animation: btn-anim2 1s linear infinite;
  animation-delay: .25s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

.login-box a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: btn-anim3 1s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

.login-box a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: btn-anim4 1s linear infinite;
  animation-delay: .75s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
}
.login-box .user-box textarea {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
  resize: none; /* Disable textarea resizing */
  height: 94px; /* Set a fixed height for better appearance */
}

.login-box form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #03e9f4;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  margin-top: 40px;
  letter-spacing: 4px;
}