.services .icon-box {
   padding: 60px 30px;
   position: relative;
   overflow: hidden;
   background: #fff;
   box-shadow: 2px 0 35px 0 rgba(68, 88, 144, .12);
   transition: .3s ease-in-out;
   border-radius: 8px;
   z-index: 1;
   text-align: center
}

.services .icon-box::before {
   content: '';
   position: absolute;
   background: #fdeff2;
   right: 0;
   left: 0;
   bottom: 0;
   top: 100%;
   transition: .4s;
   z-index: -1
}

.services .icon-box:hover::before {
   background: #3f0061;
   top: 0;
   border-radius: 0;
   color: #fff
}

.services .icon {
   margin-bottom: 15px;
   color: #3f0061
}

.services .icon i {
   font-size: 48px;
   line-height: 1;
   color: #e43c5c;
   transition: .3s ease-in-out
}

.services .title {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 18px;
   color: #3f0061
}

.services .title a {
   color: #111
}

.services .description {
   font-size: 15px;
   line-height: 28px;
   margin-bottom: 0
}

.icon-box:hover .title,
.services .icon-box:hover .description,
.services .icon-box:hover .icon i,
.services .icon-box:hover .title a,
.title {
   color: #fff
}

.services {
   padding-bottom: 30px
}

.services .icon-box .icon i {
   color: #3f0061
}

.btn:hover {
   color: var(--bs-btn-hover-color)
}

input:focus {
   border-color: #3f0061 !important
}

#button-addon2:hover {
   background-color: #3f0061
}

.gamanet-input {
   font-size: .875rem;
   font-weight: 400;
   color: #2f2e2d;
   border-radius: .25rem;
   border: 1px solid #d8d6d5;
   height: 2.5rem;
   width: 19.5rem;
   margin: .25rem 0;
   background-color: #fff;
   padding-left: .75rem
}

.gamanet-input:active,
.gamanet-input:focus,
.gamanet-input:focus-visible {
   border: .0625rem solid #f48220 !important;
   outline: 0 !important
}

.input__wrap-img>input {
   padding-left: 2.5rem !important
}

.input__wrap-img::before {
   position: absolute;
   content: "";
   background-size: cover;
   background-repeat: no-repeat;
   filter: invert(54%) sepia(6%) saturate(74%) hue-rotate(336deg) brightness(91%) contrast(88%);
   width: 1.5rem;
   height: 1.5rem;
   top: .5rem;
   left: .75rem
}

.input__wrap-img.search::before {
   background-image: url("/assets/img/search.svg?h=1fa423cbd5e431a949cdf3b7547b32d7")
}

.bs-icon {
   --bs-icon-size: .75rem;
   display: flex;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   font-size: var(--bs-icon-size);
   width: calc(var(--bs-icon-size) * 2);
   height: calc(var(--bs-icon-size) * 2);
   color: var(--bs-primary)
}

.bs-icon-xs {
   --bs-icon-size: 1rem;
   width: calc(var(--bs-icon-size) * 1.5);
   height: calc(var(--bs-icon-size) * 1.5)
}

.bs-icon-sm {
   --bs-icon-size: 1rem
}

.bs-icon-md {
   --bs-icon-size: 1.5rem
}

.bs-icon-lg {
   --bs-icon-size: 2rem
}

.bs-icon-xl {
   --bs-icon-size: 2.5rem
}

.bs-icon.bs-icon-primary {
   color: var(--bs-white);
   background: var(--bs-primary)
}

.bs-icon.bs-icon-primary-light {
   color: var(--bs-primary);
   background: rgba(var(--bs-primary-rgb), .2)
}

.bs-icon.bs-icon-semi-white {
   color: var(--bs-primary);
   background: rgba(255, 255, 255, .5)
}

.bs-icon.bs-icon-rounded {
   border-radius: .5rem
}

.bs-icon.bs-icon-circle {
   border-radius: 50%
}

#ipi-table>thead>tr,
#ipi-table>thead>tr>td {
   font-size: .9em;
   font-weight: 400;
   background: #51596a;
   text-transform: uppercase;
   color: #fff
}

#ipi-table>tbody>tr>td {
   max-height: 200px;
   vertical-align: middle !important
}

.checkboxHover:hover {
   cursor: pointer
}

.navbarHover:hover {
   background-color: #001634;
   transition-duration: .4s
}

.navbarHover {
   transition-duration: .4s
}

.navbarIconHover {
   transition-duration: .3s !important
}

.navbarIconHover:hover {
   color: #fff !important;
   transition-duration: .3s !important
}

.btnNoBorders,
.btnNoBorders:active,
.btnNoBorders:focus {
   outline: 0;
   -moz-outline-style: none
}

.trashBtn {
   position: absolute;
   top: 2%;
   right: 2%
}

.btn-action .waves,
.btn-action-lg .waves,
.image-upload>input,
.pika-single.is-hidden {
   display: none
}

.image-upload:hover {
   color: #747474
}

.image-upload {
   color: #9b9b9b;
   padding: 10px 30px
}

.ripples {
   overflow: hidden;
   position: relative
}

.waves {
   position: absolute;
   display: block;
   border-radius: 100%;
   background-color: rgba(255, 255, 255, .3);
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0)
}

.ripple {
   -webkit-animation: .65s linear ripple;
   -moz-animation: .65s linear ripple;
   -ms-animation: ripple 0.65s linear;
   -o-animation: .65s linear ripple;
   animation: .65s linear ripple
}

@keyframes ripple {
   100% {
      opacity: 0;
      transform: scale(2.5)
   }
}

.btnMaterial {
   overflow: hidden !important;
   cursor: pointer !important;
   position: relative !important;
   z-index: 10 !important;
   display: inline-block !important;
   height: 36px !important;
   line-height: 36px !important;
   vertical-align: middle !important;
   border: none !important;
   padding: 0 16px !important;
   white-space: nowrap !important;
   letter-spacing: 1px !important;
   text-transform: uppercase !important;
   text-decoration: none !important;
   text-align: center !important;
   font-weight: 400 !important;
   font-size: 14px !important;
   color: #212121v !important;
   background-image: none !important;
   background-color: transparent !important;
   -webkit-border-radius: 2px !important;
   -moz-border-radius: 2px !important;
   border-radius: 2px !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
   -webkit-transition: .2s !important;
   -moz-transition: .2s !important;
   -o-transition: .2s !important;
   transition: .2s !important;
   -ms-touch-action: manipulation !important;
   touch-action: manipulation !important;
   -webkit-user-select: none !important;
   -moz-user-select: none !important;
   -ms-user-select: none !important;
   user-select: none !important;
   -webkit-backface-visibility: hidden !important;
   backface-visibility: hidden !important
}

.btn-accent {
   color: #fff;
   background-color: #ec407a
}

.btn-accent.active,
.btn-accent.focus,
.btn-accent:active,
.btn-accent:focus,
.btn-accent:hover {
   color: #fff;
   background-color: #e91e63
}

.btn-raised {
   -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .16), 0 2px 5px rgba(0, 0, 0, .26);
   -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .16), 0 2px 5px rgba(0, 0, 0, .26);
   box-shadow: 0 2px 10px rgba(0, 0, 0, .16), 0 2px 5px rgba(0, 0, 0, .26)
}

.btn-flat {
   font-weight: 400;
   color: #212121;
   background-color: transparent
}

.btn-flat .waves {
   background-color: rgba(33, 33, 33, .1)
}

.btn-flat.active,
.btn-flat.focus,
.btn-flat:active,
.btn-flat:focus,
.btn-flat:hover {
   color: #212121
}

.btn-flat.primary {
   color: #3f51b5
}

.btn-flat.primary .waves {
   background-color: rgba(63, 81, 181, .3)
}

.btn-flat.accent {
   color: #ec407a
}

.btn-flat.accent .waves {
   background-color: rgba(255, 64, 129, .3)
}

.btn-flat.success {
   color: #009688
}

.btn-flat.success .waves {
   background-color: rgba(0, 150, 136, .3)
}

.btn-action {
   min-width: 40px;
   width: 40px;
   height: 40px;
   line-height: 55px;
   padding: 0;
   border-radius: 20px
}

.btn-action-lg {
   min-width: 56px;
   width: 56px;
   height: 56px;
   line-height: 84px;
   padding: 0;
   border-radius: 28px
}

.btn-action-lg .material-icons {
   font-size: 36px
}

.card {
   font-weight: 400;
   border: 1px solid rgba(0, 0, 0, .125);
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border-radius: .25rem
}

.card-body {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-height: 1px;
   padding: 1.25rem
}

button,
button:active,
button:focus,
input,
input:active,
input:focus {
   outline: 0 !important;
   -moz-outline-style: none !important;
   box-shadow: none !important
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box
}

.selectgroup {
   display: -ms-inline-flexbox;
   display: inline-flex
}

.selectgroup-item {
   -ms-flex-positive: 1;
   flex-grow: 1;
   position: relative
}

.selectgroup-item+.selectgroup-item {
   margin-left: -1px
}

.selectgroup-item:not(:first-child) .selectgroup-button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.selectgroup-item:not(:last-child) .selectgroup-button {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.selectgroup-input {
   opacity: 0;
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0
}

.selectgroup-button {
   background-color: #fdfdff;
   border: 1px solid #e4e6fc;
   display: block;
   text-align: center;
   padding: 0 1rem;
   height: 35px;
   position: relative;
   cursor: pointer;
   border-radius: 3px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-size: 13px;
   min-width: 2.375rem;
   line-height: 36px
}

.selectgroup-input:checked+.selectgroup-button,
.selectgroup-input:focus+.selectgroup-button {
   background-color: #6777ef;
   color: #fff;
   z-index: 1
}

.selectgroup-pills {
   display: block;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: start;
   align-items: flex-start
}

.selectgroup-pills .selectgroup-item {
   margin-right: .5rem;
   -ms-flex-positive: 0;
   flex-grow: 0
}

.selectgroup-pills .selectgroup-button {
   border-radius: 50px !important
}

.pika-single {
   z-index: 9999;
   display: block;
   position: relative;
   color: #333;
   background: #fff;
   border: 1px solid #ccc;
   border-bottom-color: #bbb;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.pika-single:after,
.pika-single:before {
   content: " ";
   display: table
}

.pika-single:after {
   clear: both
}

.pika-single.is-bound {
   position: absolute;
   box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-lendar {
   float: left;
   width: 240px;
   margin: 8px
}

.pika-title {
   position: relative;
   text-align: center
}

.pika-label {
   display: inline-block;
   position: relative;
   z-index: 9999;
   overflow: hidden;
   margin: 0;
   padding: 5px 3px;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   background-color: #fff
}

.pika-title select {
   cursor: pointer;
   position: absolute;
   z-index: 9998;
   margin: 0;
   left: 0;
   top: 5px;
   opacity: 0
}

.pika-next,
.pika-prev {
   display: block;
   cursor: pointer;
   position: relative;
   outline: 0;
   border: 0;
   padding: 0;
   width: 20px;
   height: 30px;
   text-indent: 20px;
   white-space: nowrap;
   overflow: hidden;
   background-color: transparent;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 75% 75%;
   opacity: .5
}

.pika-next:hover,
.pika-prev:hover {
   opacity: 1
}

.is-rtl .pika-next,
.pika-prev {
   float: left;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.is-rtl .pika-prev,
.pika-next {
   float: right;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
   cursor: default;
   opacity: .2
}

.pika-select {
   display: inline-block
}

.pika-table {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   border: 0
}

.pika-table td,
.pika-table th {
   width: 14.285714285714286%;
   padding: 0
}

.pika-table th {
   color: #999;
   font-size: 12px;
   line-height: 25px;
   font-weight: 700;
   text-align: center
}

.pika-button {
   cursor: pointer;
   display: block;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   outline: 0;
   border: 0;
   margin: 0;
   width: 100%;
   padding: 5px;
   color: #666;
   font-size: 12px;
   line-height: 15px;
   text-align: right;
   background: #f5f5f5
}

.pika-week {
   font-size: 11px;
   color: #999
}

.is-today .pika-button {
   color: #3af;
   font-weight: 700
}

.has-event .pika-button,
.is-selected .pika-button {
   color: #fff;
   font-weight: 700;
   background: #3af;
   box-shadow: inset 0 1px 3px #178fe5;
   border-radius: 3px
}

.has-event .pika-button {
   background: #005da9;
   box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button,
.is-inrange .pika-button {
   background: #d5e9f7
}

.is-startrange .pika-button {
   color: #fff;
   background: #6cb31d;
   box-shadow: none;
   border-radius: 3px
}

.is-endrange .pika-button {
   color: #fff;
   background: #3af;
   box-shadow: none;
   border-radius: 3px
}

.is-disabled .pika-button {
   pointer-events: none;
   cursor: default;
   color: #999;
   opacity: .3
}

.is-outside-current-month .pika-button {
   color: #999;
   opacity: .3
}

.is-selection-disabled {
   pointer-events: none;
   cursor: default
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
   color: #fff;
   background: #ff8000;
   box-shadow: none;
   border-radius: 3px
}

.pika-table abbr {
   border-bottom: none;
   cursor: help
}

.page-footer .links a {
   font-size: 1.2rem
}

.portfolio-block.cv .group .item {
   border-bottom: 1px solid var(--bs-dark-bg-subtle)
}

.form-control-borderless {
   border: none
}

.form-control-borderless:active,
.form-control-borderless:focus,
.form-control-borderless:hover {
   border: none;
   outline: 0;
   box-shadow: none
}