.bg-primary,
html {
  background: transparent linear-gradient(90deg, #4A53A4 0%, #2A3167 100%) 0% 0% no-repeat padding-box!important;
}
.js.flexbox.canvas {
  height: 100%!important;
}

.icon-m p {
  color: var(--heading-color);
}

.text-icon-m {
  position: absolute;
  top: 0px;
  right: -15px;
  color: var(--heading-color);
}

.cerrar,
.cerrar-register,
.cerrar-pass {
  float: right;
  cursor: pointer;
}

.v-dark .cerrar img,
.v-dark .cerrar-register img,
.v-dark .cerrar-pass img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(14%) saturate(3604%)
    hue-rotate(298deg) brightness(98%) contrast(87%);
}

.v-light .cerrar,
.v-light .cerrar-register,
.v-light .cerrar-pass {
  filter: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(722%)
    hue-rotate(206deg) brightness(102%) contrast(83%);
}

p.heading-color .text-link {
  color: var(--theme-color) !important;
  font-weight: bold;
}

.back-boy {
  background-image: url(../img/boy.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 40%; 
  background-attachment: fixed;
  height: inherit;
}

.icon .aliados-w.icon-card {
  width: auto !important;
  height: 60px;
}
.icon img.aliados-h {
  width: auto !important;
  height: 100px;
}

.radius-30 {
  border-radius: 30px;
}
ul.vin-text {
  line-height: 40px;
}

ul.vin-text li {
  list-style: disc !important;
  margin-left: 20px;
}

ul.vin-text li::marker {
  color: #8B87C0;
}

.tag {
  background-color: var(--theme-color);
  padding: 5px 12px;
  width: max-content;
  color: #ffffff;
  border-radius: 20px;
  font-size: 12px;
  margin: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shadow {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

hr {
  height: 1px;
  background-color: #a7a8a9;
}

.v-dark.icon-space {
  filter: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(4984%)
    hue-rotate(298deg) brightness(98%) contrast(86%);
  background-color: transparent;
}

.v-light.icon-space {
  filter: brightness(0) saturate(100%) invert(33%) sepia(9%) saturate(5866%)
    hue-rotate(203deg) brightness(90%) contrast(83%);
  background-color: transparent;
}

.modal {
  position: fixed;
  z-index: 50; /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px !important;
}

.modal-open {
  overflow: hidden;
}

.modal.is-visible {
  visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  width: 60em;
  background-color: #3D3967;
  box-shadow: 0 0 1.5em hsla(255, 0%, 0%, 0.35);
  margin: 20px;
  border: 2px solid #3D3967;
  border-radius: 10px;
  /*border: 2px solid var(--border-color);*/
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
  background-color: #3D3967;
  border-bottom-left-radius: calc(.3rem - 1px);
  border-bottom-right-radius: calc(.3rem - 1px);
}

.modal-header {
  position: relative;
  background-color: #3D3967;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
  text-align: end;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

.modal-close {
  position: relative;
  top: 0;
  right: 0;
  padding: 0px;
  color: #aaa;
  background: none;
  border: 0;
  cursor: pointer;
  margin-bottom: 0px;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .modal-wrapper {
    width: auto !important;
  }
  .contac-nav {
    display: none;
  }
  .site-header.dsn-load-animate.dsn-container {
    background-color: #2A3167;
  }
  .back-boy,.inner-content {
    background: transparent linear-gradient(90deg, #4A53A4 0%, #2A3167 100%) 0% 0% no-repeat padding-box;
  }
  .h-about {
    height: fit-content!important;
  }
}

@media only screen and (max-width: 750px) {
  .modal-wrapper {
    width: auto !important;
  }
  .modal-body {
    overflow-y: auto !important;
    height: 500px;
  }
}

.list-unstyled .col-md-4 span {
  display: flex;
  align-items: center;
}

.fw-blod {
  font-weight: bolder;
}
/*end-modal*/

.fa-circle {
  font-size: 6px;
}

.back-certificate {
  background-image: url(../img/woman-back.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 43%;
}

/*radio buttons*/

.inputGroup {
  background-color: #fff;
  color: #414141;
  display: block;
  margin: 13px 0;
  position: relative;
  border-radius: 0px;
  border: 2px solid #00000029;
}
.inputGroup label {
  padding: 10px 50px;
  width: 100%;
  display: block;
  text-align: left;
  color: #414141;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  border-radius: 0px;
  font-weight: 500;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.inputGroup label:before {
  width: 100%;
  height: 10px;
  border-radius: 0%;
  content: "";
  background-color: var(--theme-color);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup input ~ :after {
  width: 25px;
  height: 25px;
  content: "";
  border: 2px solid #414141;
  background-color: #414141;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

.inputGroup input:checked ~ :after {
  width: 25px;
  height: 25px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
  background-size: 23px;
}
.inputGroup input:checked ~ label {
  color: #ffffff;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #414141;
  border-color: #414141;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

/*end radio buttons*/

.lection-end {
  background-color: var(--theme-color);
  color: #fff;
  padding: 10px 20px;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  font-family: "Inter-Regular", sans-serif;
}
.lection-next {
  background-color: #d3d3d3;
  color: #000;
  padding: 10px 20px;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  font-family: "Inter-Regular", sans-serif;
}
.lection-block {
  background-color: #d3d3d3;
  color: #a7a8a9;
  padding: 10px 20px;
  width: 100%;
  border-bottom: 2px solid #ffffff;
  font-family: "Inter-Regular", sans-serif;
}

/*ACORDION*/

.question {
  position: relative;
  background: var(--bg-color);

  margin: 0;
  display: block;
  width: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.question h2 {
  padding: 20px 10px 20px 50px;
  background-color: var(--bg-opacity);
  color: var(--theme-color);
}

.answers {
  padding: 0px 15px;
  margin-bottom: 5px 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  position: relative;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  border: 1px solid var(--smooth-color);
}

.questions:checked ~ .answers {
  max-height: 100%;
  opacity: 1;
  z-index: 1;
}

.plus {
  z-index: 5;
  font-size: 22px;
  line-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  padding: 8px;
}

.questions:checked ~ label h2 .plus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.questions {
  display: none;
}

/*fin acordion*/

/******CALENDARIO UNICAMENTE DE EJEMPLO**********/

.month {
  padding: 30px 25px;
  width: 100%;
  text-align: center;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: var(--theme-color);
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.month .prev {
  float: left;
  padding-top: 10px;
}

.month .next {
  float: right;
  padding-top: 10px;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: var(--heading-color);
  text-align: center;
  font-size: 20px;
}

.days {
  padding: 10px 0;
  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 17px;
  color: var(--heading-color);
}

.days li .active {
  padding: 5px;
  background: var(--theme-color);
  color: white !important;
  width: 30px;
  height: 30px;
}

/* Add media queries for smaller screens */

@media screen and (max-width: 1399px) {
  .icon-text.justify-content-end {
    justify-content: start;
  }
}

@media screen and (max-width: 767px) { 
  .work-item.p-relative .w-100 {
    height: auto!important;
  }
  .metass, .view-project {
    margin-top: 0px !important;
  }
  .modal-toggle.link-custom,
  .link-custom.v-dark,
  .link-custom.image-zoom {
    margin-left: auto;
  }
  .image-pilar {
    margin-top: -7px!important;
    margin-bottom: -14px!important;
  }
  .triangulo-bottom-left,
  .triangulo-bottom-right {
    display: none;
  }
  .pro-text.p-relative.bg-purple-dark {
    width: 100%!important;
  }
  .br-30-right {    
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-left-radius: 30px!important;
    border-bottom-right-radius: 30px!important;
  }
  .br-30-left {
    border-top-left-radius: 30px!important;
    border-top-right-radius: 30px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
  }
  .bg-purple-dark.rd-per {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
  }
  .left-box,
  .right-box {
    padding: 10px;
    margin-right: auto;
  }
  .pro-text.p-relative.bg-purple-dark.box-padding {
    padding-bottom: 15px!important;
  }
  footer {
    padding-bottom: 100px;
  }
  .scroll-to-top {
    bottom: 65px!important;
  }
  .col-md-6.mb-30.mg-b {
    margin-bottom: 0px!important;
  }
  header {
    height: auto!important;
    margin-top: 0px;
    padding-top: 0px!important;
  }
  header .box-content {
    /*padding-top: 170px!important;*/
  }
  .footer .nav-footer li:not(:last-of-type) {
    margin-right: 0px!important;
  }
  .col-md-2.p-10.full-height .row.m-auto.justify-content-center {
    margin-left: auto;
    width: 100%;
  }
  .icon-text.justify-content-end {
    justify-content: start!important;
  }
  .vertical-hr {
    display: none;
  }
  .icon-text.mx-4 {
    margin: 0px!important;
  }
  .w-100.pr-50.pl-50 {
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 10px;
    padding-bottom: 10px;
  }

}

@media screen and (max-width: 720px) {
  .weekdays li,
  .days li {
    width: 13.1%;
  }
}

@media screen and (max-width: 650px) {
  .day-night {
    bottom:-20px;
    left: 20px;
  } 
  footer {
    margin-bottom:0px;
  }
}

@media screen and (max-width: 430px) {
  .weekdays li,
  .days li {
    width: 12.5%;
  }
  .days li .active {
    padding: 2px;
  }
  header .box-content {
    /*padding-top: 300px;*/
  }
  .blog-item {
    padding-left: 0px;
  } 

  .footer-item.text-right {
    justify-content: start;
  }
  .nav-footer ul {
    flex-direction: column;
    align-items: flex-start;
  }
}


@media screen and (max-width: 389px) {
  .row.mt-30.m-0 .mx-4{
    margin-right: 0px!important;
    margin-bottom: 10px!important;
  }
}

@media screen and (max-width: 369px) {
  .btn-job {
    flex-direction: column;
  }
  .modal-toggle.link-custom.v-dark.image-zoom.mb-2.mr-2 {
    margin-right: 0px!important;
  }
}

@media screen and (max-width: 350px) {
  .d-grid.grid-sm-2 {
    display: flex;
    flex-direction: column!important;
  }
  .row.mt-30.m-0 .mx-4{
    margin-right: 0px!important;
    margin-bottom: 10px!important;
  }
  button.mr-4.mb-2 {
    margin-right: 0px!important;

  }
}

@media screen and (max-width: 290px) {
  .weekdays li,
  .days li {
    width: 12.2%;
  }
  button.mr-4.mb-2 {
    margin-right: 0px!important;

  }
}





.calendary {
    border: 1px solid var(--color-gray);
}

/****** FIN CALENDARIO UNICAMENTE DE EJEMPLO**********/

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

@media only screen and (max-width: 991px) {
  .text-icon-m{
    display: none;
  }
}

.bg-gray-ligth {
  background-color: #E8E8E8!important;
}

.style-box.p-3 {
  padding: 25px 12px!important;
}

.service-item-inner.background-section.style-box.p-3 {
  padding: 15px 12px !important;
}

.input-group {
  display: flex;
  align-content: stretch;
}

.input-group-addon {
  background: var(--theme-color);
  padding: 10px 18px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

#c1 input:checked ~ .checkmark {
  background-color: var(--theme-color);
}

.container-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
}

.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 3px;
}

.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-check input:checked ~ .checkmark:after {
  display: block;
}

.container-check .checkmark:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bg-opacity);
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #34B43B;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

.items-paginate {
  background-color: var(--theme-color);
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.items-paginate.active {
  background-color: var(--theme-color);
  color: #3D3967;
  font-weight: 800;
}

.login-botton.btn-closeModal {
  background-color: transparent!important;
  border-bottom: none!important;
  color: var(--theme-color) !important;
  font-weight: bold;
  width: auto!important;
  font-size: var(--font-size-base)!important;
}

h3, h4, h5, h6 {
  letter-spacing: 0!important;
}


.v-dark.icon-user,
.v-light.icon-user {
  background-color: #8B87C0;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  padding: 8px;
}


.gallery-multimedia{
  -webkit-column-count:5;
  -moz-column-count:5;
  column-count:5;  
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
@media (max-width:1200px){
  .gallery-multimedia{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:800px){
  .gallery-multimedia{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:600px){
  .gallery-multimedia{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
.gallery-multimedia img {
  width:100%;
  height:auto;
  margin: 4% auto;
  box-shadow:-3px 5px 15px #000;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.link-footer-two.v-dark,
.link-footer-two.v-light {
  background-color: #60B2E1;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.star {
  width: 15px!important;
}

.v-dark.star-active {
  filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(4726%) hue-rotate(185deg) brightness(91%) contrast(95%);
  background-color: transparent;
  width: 15px;
}

.v-light.star-active {
  filter: brightness(0) saturate(100%) invert(56%) sepia(14%) saturate(1124%) hue-rotate(205deg) brightness(96%) contrast(85%);
  background-color: transparent;
  width: 15px;
}

.progress {
	overflow: hidden;
	height: 20px;
	background-color: #D3D3D3;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	margin-bottom: 20px;
}
.progress-bar {
	width: 0;
	height: 100%;
	color: #fff;
	text-align: center;
	background-color: var(--theme-color); 
}
.progress-striped .progress-bar {
  background-color: #8B87C0;
	background-size: 40px 40px;
}
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
}

.text-white {
  color: #fff;
}

.site-header.dsn-load-animate.dsn-container {
  pointer-events:none;
}


.v-dark.arrow-h {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;  
  height: 20px;
  background-color: transparent!important;
  filter: brightness(0) saturate(100%) invert(78%) sepia(5%) saturate(6407%) hue-rotate(297deg) brightness(86%) contrast(114%);
}

.v-light.arrow-h {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;  
  height: 20px;
  background-color: transparent!important;
  filter: brightness(0) saturate(100%) invert(32%) sepia(7%) saturate(5351%) hue-rotate(198deg) brightness(96%) contrast(88%);
}

.hover-service {
  height: 90px;
}

@media screen and (max-width: 425px) {
  .hover-service {
    height: 90px;
  }
  .mg-b {
    margin-bottom: 5px!important;
  }
  .nav-footer.text-right ul li.d-inline-block{
    display: flex;
    justify-content:end;
  }
  .nav-footer.text-right ul li.d-inline-block a{
    text-align:left;
  }
  body.v-dark [data-overlay]:before {
    background: rgba(0, 0, 0, 1);
  }
  .login-botton.perfil {
    display: none;
  }
  .header-pages .section-title .d-flex.align-items-center {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }
  .back .description {
    height: 325px;
    overflow: auto;
  }
  
}

.scroll-content {
  height: 100%;
}

.vc-container {
  background-color: #3D3967!important;
  border-color: var(--heading-color)!important;
}

.vc-weekday,
.vc-header .vc-title {
  color: var(--theme-color)!important;
}

.vc-day-content {
  color: var(--heading-color)!important;
}

.vc-dark.vc-attr, .vc-dark .vc-attr {
  --vc-content-color: var(--theme-color)!important;
  --vc-highlight-outline-bg: var(--theme-color)!important;
  --vc-highlight-outline-border: var(--theme-color)!important;
  --vc-highlight-outline-content-color: var(--theme-color)!important;
  --vc-highlight-light-bg: var(--theme-color)!important;
  --vc-highlight-light-content-color: var(--theme-color)!important;
  --vc-highlight-solid-bg: var(--theme-color)!important;
  --vc-highlight-solid-content-color: var(--theme-color)!important;
  --vc-dot-bg: var(--theme-color)!important;
  --vc-bar-bg: var(--theme-color)!important;
}

.vc-highlight-content-solid {
  color: #ffffff!important;
}

.service-item-inner.background-section.p-3.d-flex.align-items-center {
  height: 80px;
}

.color-title.text-white {
  font-size: 40px;
  text-shadow: 0px 3px 6px #00000029;
  text-transform: capitalize;
  text-transform: lowercase;
  font-weight: lighter;
}

.color-title.text-white::first-letter {
  text-transform: uppercase;
}
.box-content {
  padding: 30px 20px;
  position: relative;
}

.calendar-top {
  position: absolute;
  top: -15px;
  width: 100%;
  display: flex;
  align-items: center;
  left: 0;
}

.calendar,
.badge-cat {
  background-color: #4D529E;
  color: #ffffff;
  padding: 5px 15px;
  font-size: 12px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
  border-radius: 10px;
  font-weight: bold;
}

.title-block.sec-title.mb-5 {
  margin-bottom: 20px;
}

.metass, .view-project {
  margin-top: 10px;
}

.radio-6 {
  border-radius: 6px;
}

.radio-10,
.vc-pane-container {
  border-radius: 10px;
}

.image-pilar {
  margin-top: -23px;
  margin-bottom: -23px;
  object-fit: scale-down;
}

.rd-per.d-flex img {
  object-fit: cover;
}

.link-footer-two {
  color: var(--color-gray) !important;
  background-color: transparent;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}


ul.vin-text li {
  list-style: disc !important;
  margin-left: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

.bg-purple-dark.rd-per {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.br-30-left {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.br-30-right {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.triangulo-bottom-left {
  width: 0;
  height: 0;
  border-right: 50px solid transparent;
  border-top: 50px solid transparent;
  border-left: 50px solid #3D3967;
  border-bottom: 50px solid #3D3967;
}

.triangulo-bottom-right {
  width: 0;
  height: 0;
  border-right: 50px solid #3D3967;
  border-top: 50px solid transparent;
  border-left: 50px solid transparent;
  border-bottom: 50px solid #3D3967;
}

.text-purple {
  color: #8B87C0;
}
.text-blue-light {
  color: #60B2E1;
}

.img-container {
  width: 100%;
  height: 200px;
}
.img-container img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.full-height {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

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

.diagonal-corner {
  position: relative;
  width: 300px;
  height: 200px;
  background-color: #3D3967;
  color: white;
  padding: 20px;
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}


div:where(.swal2-container).swal2-center>.swal2-popup {
  background-color: #3D3967!important;
  color: #ffffff!important;
}

.vc-pane-container {
  background-color: #3D3967;
}

.swal2-icon-show, .swal2-warning, .swal2-error, .swal2-info, .swal2-question {
  color: white !important;
  border: 3px solid white !important;
}

button, a, input, select, .v-select, .form-control, label, table, textarea {
  border-radius: 3px !important;
}

.modal-body.detalles-cont {
  height: 550px;
  overflow-y: auto;
  margin-bottom: 30px;
}

.img-next-box img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}

.blog-item.p-relative.pt-50.pb-50{
  padding: 0px!important;
}

.description .text-muted p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vc-time-weekday,
.vc-time-month,
.vc-time-day,
.vc-time-year {
  color: #ffffff!important;
}

.vc-time-select-group select {
  padding: 0px 7px!important;
}

select .vc-time-select-hours.vc-focus.vc-align-right {
  margin-top: 0px !important;
}

.vc-focus:focus-within {
  box-shadow:0 0 0 2px rgb(61, 57, 103, 0.4)!important;
}

.card-bg-items .content-box img {
  height: 25px!important;
  filter: none!important;
}

.card-bg-items:hover {
  background: rgb(74,83,164);
  background: linear-gradient(90deg, rgba(74,83,164,1) 28%, rgba(96,178,225,1) 100%);
}

/*TABS*/

.tabset {
  position: relative;
}

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}


.tabset > label.btn-tab {
  position: relative;
  display: inline-block;
  padding: 10px;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  background-color: #D3D3D3;
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

input:focus-visible + label.btn-tab {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label.btn-tab,
.tabset > input:checked + label.btn-tab {
  color: #06c;
}


.tabset > input:checked + label.btn-tab {
  background-color: #60B2E1;
}

.tab-panel {
  padding: 30px 0;
}

.tabset label.btn-tab .tab-img{
  height: 100%;
  display: flex;
  align-items: center;
}

.search-input {
  display: inline-block;
}

.filt-desk {
  display: inline-block;
  float: right;
}


.cont-white {
  background-color: white!important;
  border-radius: 10px!important;
}

.bg-icon {
  background-position: right;
  background-repeat: no-repeat;
  background-size: 65px;
  border-radius: 10px;
}

/***/

.break-text {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

.h-about {
  height: 700px;
}