:root {
    --main-color: #EB377E;
}
@font-face {
    font-family: 'Loos Extended';
    src: url('/customfonts/LoosExtended-Regular.woff2') format('woff2'),
        url('/customfonts/LoosExtended-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loos Extended';
    src: url('/customfonts/LoosExtended-Medium.woff2') format('woff2'),
        url('/customfonts/LoosExtended-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loos Extended';
    src: url('/customfonts/LoosExtended-Bold.woff2') format('woff2'),
        url('/customfonts/LoosExtended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.av-title-sm {
    position: relative;
    margin-left: 25px;
}
.av-title-sm::before {
    position: absolute;
    content: "";
    width: 14px;
    height: 3px;
    background: #ff166f;
    bottom: 15px;
    left: -25px;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    scroll-behavior:smooth;
}

.m-hidden {
    display: none;
    opacity: 0;
}
.unselectable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
  }

blockquote::before {
    width: 35px;
    height: 35px;
    position: absolute;
    content: '';
    -webkit-mask: url(/images/icons/quote.svg) no-repeat 50% 50%;
    mask: url(/images/icons/quote.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color:rgba(51, 51, 51, 0.8);
    left: 0px;
    top:2px;
}
blockquote {
    position: relative;
}


.av-form-n label {
    transform: translateY(5px);
    font-size: 16px;
    transition: all .3s ease;
    position: absolute;
    top:0;
}
.av-form-n input, .av-form-n textarea {
    z-index: 1;
}
.av-form-n > div.av-form-gr {
    margin-bottom: 40px;
}

.av-form-n input:focus + label, 
.av-form-n input.hv + label, 
.av-form-n textarea:focus + label, 
.av-form-n textarea.hv + label {
    transform: translateY(-1.5em);
    font-size: 15px;
}
.av-form-n div.av-form-gr {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}
.av-inl-fl {
    display: flex;
    gap: 50px;
}
.av-inl-fl > div {
    width: 100%;
}
.av-inl-fl-st {
    display: flex;
    gap: 25px;
    align-items: center;
}
.uk-text-meta a {
    color: var(--main-color);
    font-weight: 700;
}
.av-ontop {
    position: relative;
    z-index: 500;
}
.av-dflex {
    display: flex;
    flex-wrap: wrap;
}
.av-form-danger {
    border-color: #de3e3e!important;
    position: relative;
}
.av-err-f {
    color:#de3e3e!important;
    font-size: 14px;
}

.sp-table-blog-1-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5em 0;
}

.sp-table-blog-1-wrapper table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.sp-table-blog-1-wrapper table thead {
  border-bottom: 1px solid #ff166f;
}

.sp-table-blog-1-wrapper table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 0.95rem;
}

.sp-table-blog-1-wrapper table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.sp-table-blog-1-wrapper table tbody tr:hover {
  background-color: #edf2f7;
}

.sp-table-blog-1-wrapper table tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 0.9rem;
  color: #4a5568;
}

.sp-accent-block {
    background-color: #fafafa; 
    color: #242424;  
    padding: 1.5em 3em;
    margin: 1.5em 0;
    border-radius: 4px;
    font-style: italic; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); 
    position: relative;
}

.sp-accent-block::before {
    content: "";
    display: block;
    position: absolute;
    left: 1.5em;
    top: 18px;
    width: 4px;
    height: calc(100% - 36px);
    background: #EB377E;
    border-radius: 2px;
}

.sp-accent-block--dark {
    background-color: #000;
    color: #fff;
}

.sp-accent-block--subtle {
    background-color: #fafafa;
}

.sp-accent-block--warm {
    background-color: #F7F5F3;
}

.sp-accent-block p {
    margin: 0.5em 0;
}
ul.sp-list-minimal,
ol.sp-list-minimal {
  margin: 1em 0;
  padding-left: 1.5em;
  color: #242424;
  line-height: 1.6;
}

ul.sp-list-minimal li,
ol.sp-list-minimal li {
  margin-bottom: 0.5em;
}

ul.sp-list-minimal li::marker,
ol.sp-list-minimal li::marker {
  color: #eb377e;
}


@media screen and (min-width: 1400px) {

}

@media screen and (max-width: 1480px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {
    .av-inl-fl {
        flex-direction: column;
    }
    .av-dflex > a {
        min-width: 190px;
    }
    .sp-table-blog-1-wrapper table {
        display: block;
        width: auto;
    }
}
@media screen and (max-width: 500px) {
    .av-inl-fl-st {
        flex-direction: column;
        align-items: stretch;
    }
}
@media screen and (max-width: 1120px) and (min-width: 960px) {

}
@media screen and (min-width: 960px) {

}