.svg-wrapper {
  position : relative;
  left     : 0;
}

.svg-wrapper:after {
  content           : '';
  position          : absolute;
  z-index           : -1;
  top               : 0; /* change value as required */
  background-repeat : no-repeat;
  background-size   : contain;
}


#EllipseBaloon_5:after {
  background-image      : url('https://www.aicad.es/templates/default/assets/img/figmaBgSvgs/Ellipse_1006_login.svg');
  background-position-x : left;
  left                  : 0;
  width                 : 800px;
  height                : 800px;
  transform             : translate(-15%, -10%);

}

.login-title {
    font-family: var(--bs-font-monospace);
  font-style  : normal;
  font-weight : 600;
  font-size   : 24px;
  line-height : 36px;
  color       : var(--color-aicad-dark);
}

.login-sub {
    font-family: var(--bs-font-monospace);
  font-style     : normal;
  font-weight    : 400;
  font-size      : 18px;
  line-height    : 150%;
  letter-spacing : 0.4px;
  color          : var(--color-aicad-dark);
}

.bi-google {
  background: conic-gradient(from -45deg, var(--color-google-red) 110deg, var(--color-google-blue) 90deg 180deg, var(--color-google-green) 180deg 270deg, var(--color-google-yellow) 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip : text;
  background-clip         : text;
  color                   : transparent;
  -webkit-text-fill-color : transparent;
}

.bi-linkedin {
  background              : var(--color-linkedin);
  -webkit-background-clip : text;
  background-clip         : text;
  color                   : transparent;
  -webkit-text-fill-color : transparent;
}

.bi-facebook {
  background              : var(--color-facebook);
  -webkit-background-clip : text;
  background-clip         : text;
  color                   : var(--white);
  -webkit-text-fill-color : var(--white);
}

.social-access-btn {
  display        : flex;
  flex-direction : row;
  align-items    : center;
  padding        : 2px 16px;
  gap            : 16px;
  width          : 100%;
  background     : var(--color-text-white) !important;
  border         : 1px solid var(--Color-Boton);
  box-shadow     : 0px 4px 4px var(--shadow-color-black-25);
  border-radius  : 5px;
    font-family: var(--bs-font-monospace);
  font-style     : normal;
  font-weight    : 400;
  font-size      : 16px;
  line-height    : 24px;
  letter-spacing : 0.05em;
  color          : var(--color-grey);
}

.social-access-btn i {
  font-size : 18px;
}

.nav-link-social {
    font-family: var(--bs-font-monospace);
  font-style     : normal;
  font-weight    : 400;
  font-size      : 16px;
  line-height    : 24px;
  text-transform : uppercase;
  color          : var(--color-text-grey-6);
  background     : transparent;
  border         : unset;
}

.nav-link-social.active {
  color          : var(--color-en-blue);
  padding-bottom : 5px;
  border-bottom  : 2.5px solid var(--webinar-notification-blue) !important;
}

.form-floating input ,.form-floating select,.form-floating textarea,#country-code-prefix  {
  background-color : var(--color-form-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--color-form-border);
}
#country-code-prefix,.form-control-has-edit-btn  {
  border-right: unset;
}
.form-control-edit-icon {
  background-color : var(--white);
  background-clip: padding-box;
  border: 1px solid var(--color-form-border);
  border-left: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 7px;

}


.edit-icon.edit-name {
  right: -25px;
  top: 35%;
  position: absolute;

}

.form-label {
  color: var(--Color-en-mov-2);
  font-family: var(--bs-font-monospace);

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form-item .form-control {
  padding: .575rem .75rem;
}

.cp-info-text {
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cp-info-text a {
  color: var(--Color-en-mov-2);

}
.btn-user-panel {
  display: flex;
  height: 48px;
  width: 295px;
  padding: 0px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--Boton-primario-hover);
  color: var(--Fondo-web)!important;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: .7s ease all;
}
.btn-user-panel:hover {
  background: var(--Boton-primario-hover);
  color: var(--Fondo-web);
  scale: 1.03;
}
.btn-user-panel.disabled {
  border-radius: 5px;
  border: 1px solid var(--Color-Boton);
  background: var(--Texto-inactivo);
  box-shadow: 0px 4px 4px 0px var(--shadow-color-black-25);
  pointer-events: none;
  cursor: not-allowed;
}
.form-group:has(.disabled) {
  cursor: not-allowed;

}
.user-panel-main-title {
  color:  var(--Color-en-mov-2);
  font-family: var(--bs-font-monospace);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.profile-icon {
  background-color: var(--Color-en-mov-2);
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content:center;
}
.profile-picture-edit-icon {
  border-radius: 50px;
  background: var(--white);
  box-shadow: 0px 4px 4px 0px var(--shadow-color-black-25);
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.user-name {
  color: var(--color-corporate-blue);
  font-family: var(--bs-font-monospace);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.user-email {
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px;
}
.btn-login {
    font-family: var(--bs-font-monospace);
  font-style  : normal;
  font-weight : 500;
  font-size   : 20px;
  line-height : 30px;
  color       : var(--Color-Boton);
  border      : 2px solid var(--Color-Boton);
  transition: all .5s ease;
}

.btn-login:hover {
  background-color: var(--color-azul) !important;
  color: var(--white);
  border: 2px solid var(--Color-Boton);
}

.step-counter-text {
    font-family: var(--bs-font-monospace);
  font-style     : normal;
  font-weight    : 300;
  font-size      : 14px;
  line-height    : 21px;
  letter-spacing : 0.1em;
  color          : var(--black);
}

.form-sub-text {
    font-family: var(--bs-font-monospace);
  font-style  : normal;
  font-weight : 400;
  font-size   : 13px;
  line-height : 20px;
  text-align  : justify;
  color       : var(--color-aicad-dark);
}




.btn-register {
  display         : flex;
  flex-direction  : row;
  justify-content : center;
  align-items     : center;
  padding         : 2px 8px;
  gap             : 8px;
  background      : var(--color-corporate-blue);
  border          : 1px solid var(--Color-Boton);
  box-shadow      : 0px 4px 4px var(--shadow-color-black-25);
  border-radius   : 5px;
    font-family: var(--bs-font-monospace);
  font-style      : normal;
  font-weight     : 500;
  font-size       : 16px;
  line-height     : 24px;
  letter-spacing  : 0.2em;
  color           : var(--white);
  transition       : all .5s ease;
}
.btn-register:hover {
  background-color : var(--white)!important;
  color            : var(--Color-Boton);
  border           : 1px solid var(--color-corporate-blue);
}


.btn-back-step-1 {
  display         : flex;
  flex-direction  : row;
  justify-content : center;
  align-items     : center;
  padding         : 2px 8px;
  gap             : 8px;
  background      : var(--color-text-white);
  border-radius   : 5px;
    font-family: var(--bs-font-monospace);
  font-style      : normal;
  font-weight     : 500;
  font-size       : 16px;
  line-height     : 24px;
  letter-spacing  : 0.2em;
  color           : var(--color-corporate-blue);
}

.form-check-label {
  margin-top     : 2px;
    font-family: var(--bs-font-monospace);
  font-style     : normal;
  font-weight    : 400;
  font-size      : 14px;
  line-height    : 16px;
  text-align     : justify;
  letter-spacing : 0.4px;
  color          : var(--color-aicad-dark);
}



.category-course-card-desc {
  font-family: var(--bs-font-monospace);
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.1em;
  color: var(--color-aicad-dark);
  overflow-y: auto;
  max-height: 200px;
  padding: 15px 0;
}

.col-lg-2.main-side-wrapper {
  -webkit-transition:width .9s ease;
  -o-transition:width .9s ease;
  transition:width .9s ease;
}

.col-lg-10.main-wrapper {
  -webkit-transition:width .9s ease;
  -o-transition:width .9s ease;
  transition:width .9s ease;
}

.col-lg-1.main-side-wrapper {
  -webkit-transition:width .7s ease;
  -o-transition:width .7s ease;
  transition:width .7s ease;
}
.col-lg-11.main-wrapper {
  -webkit-transition: width .7s ease-in;
  -o-transition: width .7s ease-in;
  transition: width .7s ease-in;

}



.svg-wrapper {
  position: relative;
  left: -1rem;
  right: -1rem;
}

.svg-wrapper:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0; /* change value as required */
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 50%;
  min-height: 50%;
}

#EllipseBaloon_1:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1001.svg');
  background-position-x: left;
  left: 0;
  width: 700px;
  height: 700px;
  -webkit-transform: translate(0, -40%);
  -ms-transform: translate(0, -40%);
  transform: translate(0, -40%);

}

#Ellipse1002:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1002.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 450px;
  height: 450px;
  -webkit-transform: translate(10%, 50%);
  -ms-transform: translate(10%, 50%);
  transform: translate(10%, 50%);
}

#Ellipse1007:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1007.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 1800px;
  height: 2000px;
  -webkit-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%);
}

#EllipseBaloon_7:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1001_1.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 700px;
  height: 700px;
  -webkit-transform: translate(10%, 0);
  -ms-transform: translate(10%, 0);
  transform: translate(10%, 0);

}

#EllipseBaloon_3:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1003.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 550px;
  height: 550px;
}

#Ellipse1006:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1006.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 1150px;
  height: 1150px;
}

#EllipseBaloon_5_dark:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1002_1.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 620px;
  height: 620px;
  -webkit-transform: translate(10%, -50%);
  -ms-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
}

#Ellipse1004:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1004.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 700px;
  height: 700px;
  -webkit-transform: translate(0, -5%);
  -ms-transform: translate(0, -5%);
  transform: translate(0, -5%);
}
#Ellipse1004_1:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1004.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 700px;
  height: 700px;
  -webkit-transform: translate(0, -5%);
  -ms-transform: translate(0, -5%);
  transform: translate(0, -5%);
}

#EllipseBaloon_5:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1005.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 420px;
  height: 420px;
  -webkit-transform: translate(10%, -50%);
  -ms-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
}

#EllipseBaloon_5_1:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1005.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 420px;
  height: 420px;
  -webkit-transform: translate(10%, -50%);
  -ms-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
}

#Ellipse1008:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1008.svg');
  background-position-x: left;
  left: 0; /* change value as required */
  width: 400px;
  height: 400px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#Ellipse1009:after {
  background-image: url('https://www.aicad.es/templates/default/landing-pages/home/images/svgs/Ellipse_1009.svg');
  background-position-x: right;
  right: 0; /* change value as required */
  width: 1100px;
  height: 1100px;
  -webkit-transform: translate(20%, -80%);
  -ms-transform: translate(20%, -80%);
  transform: translate(20%, -80%);
}



.blog-sidebar {
  background: var(--color-text-white);
  height: 100%;
  margin-top: 1px;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  position: relative;
  z-index: 99;
  -webkit-box-shadow: 11px 0px 13px -13px var(--shadow-color-grey);
  box-shadow: 11px 0px 13px -13px var(--shadow-color-grey);

}

.blog-sidebar .sticky-sidebar {
  height: 600px;
}

.blog-sidebar-sticky {
  position: sticky;
  top: 0;
}



.blog-title {
  font-family: var(--bs-font-monospace);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: var(--color-aicad-dark) !important;
  z-index: 0;

}


.blog-category-title {
  font-family: var(--bs-font-monospace);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-aicad-dark);
  padding-bottom: 4px;

}

a.blog-category-title:hover, a.blog-category-title:active, a.blog-category-title.active {
  color: var(--Color-animacion-hover);
}

.blog-big-title {
  font-family: var(--bs-font-monospace);
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  color: var(--color-aicad-dark);
}

.blog-big-title span {
  color: var(--Color-Boton);
}

.profile-card {
  border-radius: 8px;
  background: var(--Fondo-web);
  box-shadow: 0px 0px 14px 0px var(--shadow-color-grey);
  display: inline-flex;
  padding: 24px 16px;
  align-items: flex-start;
  gap: 16px;
}
.profile-card-title {
  color: var(--color-corporate-blue);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-bottom:1px solid var(--Color-en-mov-2);
  padding-bottom: 15px;
  width: 100%;
}
.odd-tr {
  border-radius: 5px;
  background: var(--table-odd-bg-color);
  box-shadow: 0px 0px 4px 0px var(--shadow-color-white);
  margin-bottom: 10px;
  vertical-align: middle;

}
.even-tr {
  border-radius: 5px;
  background: var(--table-even-bg-color);
  box-shadow: 0px 0px 4px 0px var(--shadow-color-white);
  margin-bottom: 10px;
  vertical-align: middle;

}
.btn-start-course-new {
  border-radius: 25px;
  border: 2px solid var(--Fondo-web);
  background: var(--color-azul);
  backdrop-filter: blur(6px);
}
.beca-badge {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: var(--color-beca-badge);;
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.online-badge {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: var(--color-online-badge);
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.blog-short-desc {
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
.category-featured-title {
  color: var(--text-main-color-green);
  font-family: var(--bs-font-monospace);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.slick-dotted {
  display: flex;
  align-items: center;
}
.slick-dots {
  pointer-events: none;
  opacity: 0;
}
.see-more {
  font-family: var(--bs-font-monospace);
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: var(--Color-en-mov-2);
}
.news-ac-main-title {
  color: var(--color-corporate-blue);
  text-align: center;
  font-family: var(--bs-font-monospace);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.side-nav-title {
  height: 48px;
  width: 100%;
display: flex;
  align-items: center;
  padding: 0px 8px;
  gap: 8px;
  color: var(--color-text-grey-5);
  font-family: var(--bs-font-monospace);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all .3s ease;

}

.side-nav-title.active, .side-nav-title:hover {
  color: var(--color-azul);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  background: var(--white-e4);
}


.side-nav-title img {
  transition: all 0s ease;
}


.side-nav-title.active img, .side-nav-title:hover img {
  transform:translate3d(0, 0, 0);
  filter: invert(32%) sepia(42%) saturate(663%) hue-rotate(187deg) brightness(91%) contrast(92%);

}

.text-tab-title {
  color: var(--Color-en-mov-2);
  font-family: var(--bs-font-monospace);

  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.custom-tab-nav {
  color: var(--Color-en-mov-2);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 5px 5px 0px 0px;
  border: unset;
  background:transparent;
  margin-right: 10px;
  white-space: nowrap;
}
.custom-tab-nav.active {

  border-bottom: 2px solid var(--Color-en-mov-2);
  background: var(--Drawer-categoria, linear-gradient(352deg, var(--color-gradient-cyan-blue) 6.41%, var(--transparent-black) 93.59%));
  box-shadow: 0px 0px 8px 0px var( --shadow-color-light);
}
.submit-profile-btn {
  border-radius: 5px;
  border: 1px solid var(--color-azul);
  background: var(--color-azul);
  box-shadow: 0px 4px 4px 0px var(--shadow-color-black-25);
  display: flex;
  height: 48px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--Fondo-web);
  font-family: var(--bs-font-monospace);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.6px;
  width: 343px;
  margin: auto;
  transition: .45s ease-in all;
}
.submit-profile-btn:hover {
  color: var(--color-azul);
  border: 1px solid var(--color-azul);

}

.user-panel-contract-title {
  color: var(--text-main-color-green);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.user-panel-contract-type {
  color: var(--Fondo-web);
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--color-contract-type-gradient-1) 0.06%, var(--color-contract-type-gradient-2) 33.33%, var(--color-contract-type-gradient-3) 66.6%, var(--color-contract-type-gradient-4) 99.87%);
  display: inline-flex;
  padding: 4px;
  align-items: center;
  gap: 121px;
}
.user-panel-contract-title-black {
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.user-panel-contract-title-black-sm {
  color: var(--color-aicad-dark);
  font-family: var(--bs-font-monospace);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.user-panel-contract-title-blue {
  color: var(--Color-en-mov-2);
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.border-gradient-purple {
  border-image: linear-gradient(90deg,var(--gradient-pink-color) 20.63%,var(--color-light-blue) 46.47%) 30;
  border-bottom: 7px solid;
  border-width: 3px;

}
.custom-accordion-btn[aria-expanded='true'] .custom-dropdown-chevron.bi:before {
  content: "\f286";

}
.custom-accordion-item .accordion-collapse.show {
  transition: .7s ease-in all;
  border-image: linear-gradient(90deg, var(--color-light-blue) 10.63%, var(--Color-en-mov-2) 50.47%, var(--color-light-blue) 90.63%) 30;
  border-bottom: 7px solid;
  border-width: 3px;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
.btn-certificate {
  color: var(--Fondo-web);
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 8px;
  border: 2px solid varvar(--Fondo-web);
  background: var(--Color-Boton);
  backdrop-filter: blur(6px);
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.btn-disabled {
  border-radius: 8px;
  border: 2px solid var(--Fondo-web);
  background: var(--Texto-inactivo);
  backdrop-filter: blur(6px);
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  transition: all;
  color: var(--Fondo-web);
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.btn-disabled:hover {
  opacity: .9;
}
#alumnoEmbajadorForm input::-webkit-outer-spin-button,
#alumnoEmbajadorForm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#alumnoEmbajadorForm input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.floating-wp-btn  {
  display: none!important;
}
@media screen and (max-width: 1300px) {
  .contract-table-wrapper .user-panel-contract-title-blue, .contract-table-wrapper .user-panel-contract-title-black ,.contract-table-wrapper .user-panel-contract-title,.contract-table-wrapper  .user-panel-contract-title-black{
    font-size:15px;
  }
  .contract-table-wrapper  .user-panel-contract-title-black-sm{
    font-size: 14px;
  }

  .user-panel-contract-title {
    font-size: 16px;
  }
  .user-panel-contract-type {
    font-size: 11px;

  }
  .user-panel-contract-title-black {
    font-size: 16px;

  }
  .user-panel-contract-title-blue {
    font-size: 16px;

  }

}
@media screen and (max-width: 992px) {
  .user-panel-contract-type {
    font-size: 12px;

  }
  .social-access-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 16px;
    gap: 16px;
    height: 40px;
    background: var(--color-text-white);
    border: 1px solid var(--Color-Boton);
    box-shadow: 0px 4px 4px var(--shadow-color-black-25);
    border-radius: 5px;
  }
  .login-nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    background: var(--Fondo-web);
    padding-bottom: 5px;
    z-index: 100;
  }
#login-tab{
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}
  .nav-link-social {
    font-family: var(--bs-font-monospace);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 8px 5px ;
    background: var(--Fondo-web);
  }
  .nav-link-social.active {
    color: var(--color-en-blue);
  }
  .social-login .col-4:has( #googleBtn) {
    display: flex;
    justify-content: end;
  }
  .social-login .col-4:has( #linkedinBtn) {
    display: flex;
    justify-content: center;
  }
.social-login .col-4:has( #facebookBtn) {
    display: flex;
    justify-content: start;
  }
  .social-access-btn i {
    font-size: 24px;
  }

  .forget-password{
    font-family: var(--bs-font-monospace);
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.1em;
    color: var(--Color-Boton);
  }
  .btn-login {
    padding: 24px;
    gap: 10px;
    background: var(--white);
    border: 2px solid var(--Color-Boton);
    backdrop-filter: blur(6px);
    border-radius: 25px;
    font-family: var(--bs-font-monospace);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--Color-Boton);
  }
  #EllipseBaloon_5:after {
    background-image      : url('https://www.aicad.es/templates/default/assets/img/figmaBgSvgs/Ellipse_1006_mobile_login.svg');
    background-position-x : left;
    left                  : 0;
    width                 : 366px;
    height                : 386px;
    transform             : translate(0%, -12%);
  }
  #Ellipse1006:after {
    background-image      : url('https://www.aicad.es/templates/default/assets/img/figmaBgSvgs/Ellipse_1006_mobile_login_2.svg');
    background-position-x : right;
    right: 0;
    width: 300px;
    height: 300px;
    transform: translate(0%, -95%);
  }
  #Ellipse1006_2:after {
    background-image      : url('https://www.aicad.es/templates/default/assets/img/figmaBgSvgs/Ellipse_1006_mobile_login_2.svg');
    background-position-x : right;
    right: 0;
    width: 500px;
    height: 500px;
    transform: translate(50%, -70%);
  }
  .form-floating {
    margin-top: 40px!important;
  }
  .form-check {
    margin-top: 24px!important;
  }

.form-sub-text{
  font-size: 12px;
  line-height: 140%;
  text-align: left;
}
.g-recaptcha {
transform: unset;
  transform-origin:unset;
}


  .user-name {

    font-size: 30px;

  }
  .user-email {
    font-size: 16px;
  }
  .mis-cursos-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 15px;
  }
  .mis-cursos-nav .custom-tab-nav {
    margin-right: 15px;
  }

  .profile-card-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .contract-table-wrapper .user-panel-contract-title-blue, .contract-table-wrapper .user-panel-contract-title-black ,.contract-table-wrapper .user-panel-contract-title,.contract-table-wrapper  .user-panel-contract-title-black{
     font-size: 13px;
   }
  .contract-table-wrapper .btn-disabled, .contract-table-wrapper .btn-certificate {
    font-size: 10px;
  }
  .contract-table-wrapper .badge {
    font-size: 10px;
  }
  .custom-tab-nav {
    font-size: 15px;
  }
}

@media screen and (max-width: 400px) {
  .contract-table-wrapper .user-panel-contract-title-blue, .contract-table-wrapper .user-panel-contract-title-black ,.contract-table-wrapper .user-panel-contract-title,.contract-table-wrapper  .user-panel-contract-title-black{
    font-size: 12px;
  }
  .contract-table-wrapper .btn-disabled, .contract-table-wrapper .btn-certificate {
    font-size: 9px;
  }
  .contract-table-wrapper .badge {
    font-size: 9px;
  }
}
@media screen and (max-width: 360px) {
  .contract-table-wrapper .user-panel-contract-title-blue, .contract-table-wrapper .user-panel-contract-title-black ,.contract-table-wrapper .user-panel-contract-title,.contract-table-wrapper  .user-panel-contract-title-black{
    font-size: 11px;
  }
  .user-panel-contract-type {
    font-size: 11px;
  }
}