:root {--bs-cursive-font-family:var(--bs-font-sans-serif);--twitter-hex: rgb(var(--twitter-rgb));--instagram-hex: rgb(var(--instagram-rgb));--pinterest-hex: rgb(var(--pinterest-rgb));--youtube-hex: rgb(var(--youtube-rgb));--facebook-hex: rgb(var(--facebook-rgb));--whatsapp-hex: rgb(var(--whatsapp-rgb));--linkedin-hex: rgb(var(--linkedin-rgb));--telegram-hex: rgb(var(--telegram-rgb));--tumblr-hex: rgb(var(--tumblr-rgb));--reddit-hex: rgb(var(--reddit-rgb));--discord-hex: rgb(var(--discord-rgb));--twitter-rgb: 29, 161, 242;--instagram-rgb: 188, 42, 141;--pinterest-rgb: 230, 0, 35;--youtube-rgb: 255, 0, 0;--facebook-rgb: 66, 103, 178;--whatsapp-rgb: 7, 188, 76;--linkedin-rgb: 0, 119, 181;--telegram-rgb: 34, 158, 217;--tumblr-rgb: 54, 70, 93;--reddit-rgb: 255, 87, 0;--discord-rgb: 88, 101, 242;--clr:var(--primary-color-rgb);--translate-color:var(--primary-color);--transition: 0.3s;--transition-2: 0.5s;--bs-primary-rgb:var(--primary-color-rgb);--phone-color: #fcb100;--phone-hover-color: #e0a800;} /* splide (s) */ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /** General usage (s) **/ .cursive-font {font-family:var(--bs-cursive-font-family)} .primary-color { color: var(--primary-color); } .secondary-color { color: var(--secondary-color); } .primary-bg { background-color: var(--primary-color); } .primary-bg-linear { background: -webkit-linear-gradient(left,var(--primary-color) 0%,var(--primary-color-o8) 100%);background: linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-o8) 100%); } .secondary-bg { background-color: var(--secondary-color); } .secondary-bg-linear { background: -webkit-linear-gradient(90deg,var(--secondary-color) 0%,var(--secondary-color-o8) 100%);background: linear-gradient(90deg,var(--secondary-color) 0%,var(--secondary-color-o8) 100%); } .bg-linear-x {background: -webkit-linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);background: linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);} .bg-linear-y {background: -webkit-linear-gradient(0,var(--primary-color) 0%,var(--secondary-color) 100%);background: linear-gradient(0,var(--primary-color) 0%,var(--secondary-color) 100%);} .title-color { color: var(--bs-heading-color) !important; } .text-color { color: var(--bs-body-color) !important; } .btn-custom { --bs-btn-hover-bg: var(--primary-color-o8);--bs-btn-active-bg:var(--primary-color-o8);--bs-btn-hover-color:#fff;color:#fff;background-color: var(--primary-color);line-height: 1.2; } .btn-custom:hover { color:#fff;background-color: var(--primary-color-o8); } .text-gradient {display: inline-block;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .btn-custom-2 { --bs-btn-hover-bg: var(--secondary-color-o8);--bs-btn-active-bg:var(--secondary-color-o8);--bs-btn-hover-color:#fff;color:#fff;background-color: var(--secondary-color);line-height: 1.2; } .btn-custom-2:hover { color:#fff;background-color: var(--secondary-color-o8); } .gradient-color-x { display: inline-block;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(100deg,var(--primary-color) 20%,var(--secondary-color) 75%); } .gradient-color-y { display: inline-block;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(0deg,var(--primary-color) 20%,var(--secondary-color) 85%); } .general-container {width: 100%;max-width: 1920px;margin: 0 auto;} .map-iframe iframe {width: var(--width);height: var(--height);} .ratio.ratio-unset::before {content: none !important;} .ratio.ratio-unset > * {position: unset !important;width: initial;height: auto;} .translate-color-wrapper {position: relative;display: inline-block !important;} .translate-color-wrapper::after {content: "";position: absolute;inset: 0;background: var(--translate-color);-webkit-mask-image: var(--mask-url);mask-image: var(--mask-url);mask-size: contain;mask-repeat: no-repeat;mask-position: center;-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;} .translate-color-wrapper img {opacity:0;visibility: hidden;} a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h5, a:hover .h6, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color: inherit;} dl, ol, ul {padding-left: 16px;} /* p,span,em,u,small,label,li,dt,dd,blockquote,cite,figcaption,time,abbr,code,kbd,samp,input,textarea,select,a { color: var(--bs-body-color); } */ .pre-title {font-weight: 500;display: inline-block;text-transform: uppercase;margin-bottom: 14px;letter-spacing: 1px;color: var(--bs-tertiary-color);} .two-line,.three-line,.four-line,.five-line,.six-line,.seven-line,.ten-line{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;} .two-line { -webkit-line-clamp: 2; }.three-line { -webkit-line-clamp: 3; }.four-line { -webkit-line-clamp: 4; }.five-line { -webkit-line-clamp: 5; }.six-line { -webkit-line-clamp: 6; }.seven-line { -webkit-line-clamp: 7; }.ten-line { -webkit-line-clamp: 10; } a { text-decoration: none;color: inherit; } a.hover-underline:hover { text-decoration: underline !important; } a.hover-primary:hover { color: var(--primary-color); } a.btn-link {color: var(--bs-body-color);} a.btn-link:hover {color: var(--primary-color);} .underline-type {position: relative;margin-bottom: 30px;}.underline-type::after {content: '';position: absolute;width: 120px;height: 3px;bottom: -8px;left: 0;background-color: var(--primary-color);background: -webkit-linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);background: linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius: .4rem;}.underline-type.underline-center::after {left: 50%;transform: translateX(-50%);} .text-justify {text-align: justify;} .full-width {width: 100vw;position: relative;left: 50%;transform: translateX(-50%);} .full-width.container-max {max-width: 1920px;} .badge {line-height: 1.2;} .double-line-headings {position: relative;display: inline-block;z-index: 1;} .double-line-headings::before, .double-line-headings::after {content: '';position: absolute;z-index: 0;top: 50%;width: 50px;height: 1px;background-color: var(--primary-color);} .double-line-headings::before {right: calc(100% + 20px);} .double-line-headings::after {left: calc(100% + 20px);} .text-start.double-line-headings::before { display: none; } .text-end.double-line-headings::after { display: none; } @media screen and (min-width: 768px) { .text-md-start.double-line-headings::before { display: none; } .text-md-end.double-line-headings::after { display: none; } } @media screen and (min-width: 992px) { .text-lg-start.double-line-headings::before { display: none; } .text-lg-end.double-line-headings::after { display: none; } } .hvr-wrapper .hvr-content {position: absolute;inset: 0;border-radius: 4px;padding: 20px;visibility: hidden;opacity: 0;-webkit-transition: var(--transition-2);transition: var(--transition-2);display: flex;align-items: center;} .hvr-wrapper:hover .hvr-content {visibility: visible;opacity: 1;} .hvr-wrapper .hvr-content::before {content: '';position: absolute;inset: 0;background-color: var(--primary-color);opacity: 0;transition: var(--transition-2);} .hvr-wrapper:hover .hvr-content::before {opacity: 1;} .hvr-zoom-out { position:relative;overflow:hidden; } .hvr-zoom-wrapper .hvr-zoom-out > img { transition: var(--transition-2);transform: scale(1.0); } .hvr-zoom-wrapper:hover .hvr-zoom-out > img { transform: scale(1.03); } .hvr-wrapper .carousel-item {z-index: 0;} .img-object { object-fit: cover; } .hs-item {inset: 0px;z-index: 10;background-color: rgba(0, 0, 0, 0.86);backdrop-filter: saturate(250%) blur(5px);-webkit-backdrop-filter: saturate(250%) blur(5px);height: 100vh;} .hs-item form {width: 100%;max-width: 576px;} .sidemenu-wrapper {width: var(--sidemenu-width);min-width: var(--sidemenu-width);} #sidemenuCollapse {position: sticky;top:var(--header-height)} .default-sidemenu li {padding: 0 !important;} .default-sidemenu a {display:block;padding: calc(var(--bs-list-group-item-padding-x) * 0.75) var(--bs-list-group-item-padding-x);} .default-sidemenu ul > li > a {padding-left: calc(var(--bs-list-group-item-padding-x) * 2);} .scrollspy-target-item {scroll-margin-top:calc(var(--header-height) * 1.1) !important} .maps-iframe-wrapper-100 iframe {border: 0 !important;min-height: 260px !important;width: 100% !important;height:100% !important;margin-bottom: -6.5px;} .map-iframe iframe {margin-bottom: -6.5px;} .detail-article ul {list-style-position: inside;padding-left: 0;} .detail-article ul ul {padding-left: 16px;} .detail-article ul p {display: inline;} .shape-line {margin-top: .15rem;margin-bottom: .25rem} .shape-line > img.divider {max-width: 80px;} .contact-map-item > .row[class*='g'] > :first-child {margin-top:0 !important} .unit-wrapper.bg-black .headline, .unit-wrapper.bg-black .subhead {color: #f5f5f7;} .unit-wrapper .headline {font-size: 3.3rem;line-height: 1.07143;font-weight: 600;letter-spacing: -.005em;} .unit-wrapper .subhead {max-width: 480px;margin-left: auto;margin-right: auto;} .unit-wrapper .subhead {font-size: 1.65rem;line-height: 1.14286;font-weight: 400;letter-spacing: .007em;} #unit-loop-3d .image-wrapper {transform: translateX(-100vw);-webkit-filter: drop-shadow(100vw 0 0 #36a9e1);filter: drop-shadow(100vw 0 0 #36a9e1);} [id^='unit-']:not(:last-child) {margin-bottom: 16px;} /* toc */ #toc {background-color: #f1f1f1;margin: 0 0 3rem;padding: 1rem;outline: 1px solid #ddd;position: relative;border-radius: 0.4rem;} #toc .toc-head-wrapper {display:flex;align-items:center;justify-content:space-between;font-weight:600} #toc label[for=toc-checkbox] {opacity: 0.8;margin-bottom: 0;margin-left:1rem;} #toc label[for=toc-checkbox]:hover {cursor: pointer;opacity: 1;} #toc input:checked ~ ol, #toc input:checked ~ ul {display: none;} #toc > ol,#toc > ul {list-style-position: inside;/*padding: 0.5rem 0.3rem;*/line-height: 1.8;margin-bottom: 0;list-style-type: decimal;} #toc > ol ul, #toc > ul ul {list-style-position: inside;list-style-type: disc;line-height: 1.5;} #toc li::marker {/* color: #c8c8c8;*/margin-right: 10px;} /* #toc > ol > li > a,#toc > ul > li > a {display: inline-block;padding: .1rem 0;} #toc > ol ul a,#toc > ul ul a {display: inline-block;padding: .1rem 0;} */ .table-of-contents > br {display: none;} .table-of-contents > #toc {display: flow-root;} .table-of-contents::after {content:'';clear: both;display: block;} body.fixed-menu .detail-article h2[id], body.fixed-menu .detail-article h3[id] {scroll-margin-top: var(--header-height);} /* toc */ /* avatar (s) */ .avatar {white-space: nowrap;background-color: #c3c3c3;border-radius: 50%;position: relative;cursor: pointer;color: #fff;display: inline-flex;font-size: 1rem;text-align: center;vertical-align: middle;font-weight: 600;--bs-bg-opacity:0.12; }.avatar .avatar-content {width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 0.857rem;line-height: 1; }.avatar .avatar-content .avatar-icon {width: 24px;height: 24px; }.avatar img {border-radius: 50%; }.avatar.avatar-xxl {font-size: 1.5rem; }.avatar.avatar-xxl img {width: 100px;height: 100px;max-height: 120%;object-fit: cover; }.avatar.avatar-xxl .avatar-content {height: 100px;width: 100px;font-size: 2.57rem; }.avatar.avatar-xxl .avatar-content .avatar-icon,.avatar.avatar-xxl .avatar-content i,.avatar.avatar-xxl .avatar-content svg {height: 3rem;width: 3rem;font-size: 3rem; }.avatar.avatar-xxl [class*='avatar-status-'] {right: 3px;bottom: 0; }.avatar.avatar-xl {font-size: 1.3rem; }.avatar.avatar-xl img {width: 75px;height: 75px;max-height: 120%;object-fit: cover; }.avatar.avatar-xl .avatar-content {width: 75px;height: 75px;font-size: 2rem; }.avatar.avatar-xl .avatar-content .avatar-icon,.avatar.avatar-xl .avatar-content i,.avatar.avatar-xl .avatar-content svg {height: 2.35rem;width: 2.35rem;font-size: 2.2rem; }.avatar.avatar-xl [class*='avatar-status-'] {right: 3px;bottom: 1px; }.avatar.avatar-lg {font-size: 1.2rem; }.avatar.avatar-lg img {width: 50px;height: 75px;max-height: 120%;object-fit: cover; }.avatar.avatar-lg .avatar-content {width: 50px;height: 50px;font-size: 1.714rem; }.avatar.avatar-lg .avatar-content .avatar-icon,.avatar.avatar-lg .avatar-content i,.avatar.avatar-lg .avatar-content svg {height: 1.714rem;width: 1.714rem;font-size: 1.714rem; }.avatar.avatar-lg [class*='avatar-status-'] {right: 3px;bottom: 1px; }.avatar.avatar-sm .avatar-content {width: 24px;height: 24px; }.avatar.avatar-sm .avatar-content .avatar-icon,.avatar.avatar-sm .avatar-content i,.avatar.avatar-sm .avatar-content svg {height: 1rem;width: 1rem;font-size: 1rem; }.avatar.avatar-sm img {width: 24px;height: 75px;max-height: 120%;object-fit: cover; }.avatar.avatar-sm [class*='avatar-status-'] {right: -3px;bottom: -2px; }.avatar.bg-light-primary {color: var(--bs-primary);}.avatar.bg-light-secondary {color: var(--bs-secondary);}.avatar.bg-light-success {color: var(--bs-success);}.avatar.bg-light-info {color: var(--bs-info);}.avatar.bg-light-warning {color: var(--bs-warning);}.avatar.bg-light-danger {color: var(--bs-danger);} /* avatar (f) */ .bg-light-primary {background: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));color: var(--bs-primary); }.bg-light-secondary {background: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));color: var(--bs-secondary); } .bg-light-success {background: rgba(var(--bs-success-rgb), var(--bs-bg-opacity));color: var(--bs-success); }.bg-light-info {background: rgba(var(--bs-info-rgb), var(--bs-bg-opacity));color: var(--bs-info); }.bg-light-warning {background: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));color: var(--bs-warning); }.bg-light-danger {background: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));color: var(--bs-danger); } .timeline {position: relative;padding-left: 0;list-style: none;padding-top: 30px;padding-bottom: 30px;clip-path: inset(-10px -15px -10px -15px);} .timeline::before, .timeline::after {content: '';position: absolute;width: 3px;background-color: #d6d6d6;top: 0;bottom: 0;left: 50%;margin-left: -3px;} .timeline::after {position: fixed;background-color: var(--primary-color);bottom: 40%;} .timeline .timeline-item {position: relative;background-color: inherit;width: 50%;} .timeline .timeline-item::after {content: '';position: absolute;width: 25px;height: 25px;right: -11px;background-color: #fff;border: 3px solid var(--primary-color);top: 15px;border-radius: 50%;z-index: 1;} .timeline .timeline-item:nth-child(odd) {padding: 0px 40px 20px 0px;left: 0;} .timeline .timeline-item:nth-child(even) {padding: 0px 0px 20px 40px;left: 50%;} .timeline .timeline-item:nth-child(odd)::before {content: " ";position: absolute;top: 18px;z-index: 1;right: 30px;border: medium solid white;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent white;} .timeline .timeline-item:nth-child(even)::before {content: " ";position: absolute;top: 18px;z-index: 1;left: 30px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;} .timeline .timeline-item:nth-child(even)::after {left: -14px;} .timeline .card-body > :last-child {margin-bottom: 0 !important;} @media screen and (max-width: 600px) { .timeline::before {left: 33px;} .timeline::after {left: 44px;} .timeline .timeline-item {width: 100%;padding-left: 70px !important;padding-right: 25px !important;} .timeline .timeline-item::before {left: 60px !important;border: medium solid white !important;border-width: 10px 10px 10px 0 !important;border-color: transparent white transparent transparent !important;} .timeline .timeline-item:nth-child(odd)::after, .timeline .timeline-item:nth-child(even)::after {left: 18px;} .timeline .timeline-item:nth-child(odd)::before {right: auto;} .timeline .timeline-item:nth-child(even) {left: 0%;} } /* progress */ .progress-bx{overflow:hidden}.progress-bx .progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.progress-bx .progress-info .progress-value,.progress-bx .progress-info .title{margin-bottom:0}.progress-bx .progress{overflow:unset}.progress-bx .progress .progress-bar{position:relative;overflow:unset}.progress-bx.style-1 .progress{background-color:#efefef;height:20px;border-radius:0}.progress-bx.style-1 .progress .progress-bar{border-radius:var(--bs-border-radius);background:var(--primary-color);animation-duration:5s;animation-name:myanimation;transition:5s}.progress-bx.style-1 .progress-value,.progress-bx.style-1 .title{font-size:20px}@keyframes myanimation{0%{width:0}}svg.radial-progress{height:auto;overflow:visible;max-width:250px;transform:rotate(-90deg)}svg.radial-progress .percentage{font-size:16px;fill:var(--primary-color);font-weight:500}svg.radial-progress circle{fill:rgba(0,0,0,0);stroke:#fff;stroke-dashoffset:219.9114857513;stroke-width:3px}svg.radial-progress circle.incomplete{opacity:0}svg.radial-progress circle.complete{stroke-dasharray:219.9114857513}svg.radial-progress text{fill:#000;text-anchor:middle}svg.radial-progress .basic-circle{stroke:#f2f2f2!important}svg.radial-progress:nth-of-type(6n+1) circle{stroke:var(--primary-color)} @media (min-width:768px) { .img-item-horizontal {min-width:180px;max-width:180px;} } @media (min-width:992px) { .default-sidemenu {max-height: calc(90vh - var(--header-height));overflow-y: auto;} } @media (max-width:992px) { .sidemenu-wrapper {width: 100%;min-width: auto;order:0 !important;} } nav.nerdeyim ol {--bs-breadcrumb-margin-bottom:.5rem} nav.nerdeyim ol li a:hover {color: var(--primary-color);} nav.nerdeyim ol li > * {font-size: .8em;color: var(--bs-body-color);} @media (max-width:992px) { nav.nerdeyim { overflow-x: auto; } } .accordion-margin .accordion-item {margin-top: 0.71rem;margin-bottom: 0.71rem;box-shadow: 0 2px 8px 0 rgba(34, 41, 47, 0.15) !important;border-radius: 0.357rem;border: 0px solid var(--bs-accordion-border-color) !important;} .accordion-margin .accordion-button {border-radius: 0.357rem;} .accordion-margin .accordion-button:not(.collapsed) {box-shadow:none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .faq_wrapper .accordion-button:hover {background-color: rgba(196, 196, 196, 0.35);} .accordion-button:focus {--bs-accordion-btn-focus-box-shadow:none;z-index: 2;} .accordion-button:not(.collapsed) {--bs-accordion-active-color:var(--primary-color);--bs-accordion-active-bg:rgba(196, 196, 196, 0.35);} .instagram-embed {position: relative;overflow: hidden;width: 100%;box-shadow:rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;border-radius:1.3rem;} .instagram-embed::before {display: block;padding-top:135%;content: "";} .instagram-embed > * {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100% !important;border: 0 !important;} .main-container { min-height: 85vh; } button.t_button, button.t_button_2, button.t_button_3, button.t_button_l {border: 0;outline: 0;} .t_button, .t_button_2, .t_button_l {position: relative;display: inline-flex;justify-content: center;align-items: center;padding: 0 20px;color: #fff;text-align: center;text-decoration: none;font-weight: 500;height: 37px;line-height:37px;transition: all 200ms ease-in-out;overflow:hidden;z-index: 1;} .t_button.t_button_small, .t_button_2.t_button_small, .t_button_l.t_button_small {height: 33px;line-height:33px;padding: 0 15px;} .t_button.t_button_round {height: 60px;width: 60px;line-height: 60px;border-radius: 50%;padding: 0;} .t_button {background-color: var(--primary-color);border-radius: 5px;padding-left: 15px;padding-right: 25px;} .t_button::before {content: "›";position: absolute;right: .5em;margin-top: -.1em;line-height: 1;font-size: 1.3em;transition: all 0.3s ease-in-out;} .t_button:hover::before {right: .3em;} .t_button::after {content:"";height:100%;width:0;background:var(--secondary-color);border-radius:0;position:absolute;top:0;right:0;bottom:0;z-index:-1;-webkit-transition:0.4s;transition:0.4s} .t_button:hover::after {left:0;width:100%} .t_button_2 {background-color: var(--secondary-color);border-radius: 5px;} .t_button_2:hover {color: var(--primary-color);} .t_button_2::after {content:"";height:100%;width:0;background:#fff;border-radius:5px;position:absolute;top:0;right:0;bottom:0;z-index:-1;-webkit-transition:0.4s;transition:0.4s} .t_button_2:hover::after {left:0;width:100%} .t_button_l {padding-right: 40px;border: 1px solid var(--primary-color);background-color: #efefef;color: var(--primary-color);z-index: 1;border-radius: .25rem;} .t_button_l:hover {color: #fff;text-indent: 20px;padding-right: 20px;} .t_button_l::after {content: "";position: absolute;right: -3px;top: -3px;bottom: -3px;width: 30px;background: url("data:image/svg+xml;utf8,");background-repeat: no-repeat;background-position: right 7px center;background-size: 15px;background-color: var(--primary-color);transition: ease all var(--transition);z-index: -1;border-radius: .25rem;} .t_button_l:hover::after {width: 104%;background-position: left 17px center;} @media (max-width:992px) { .t_button, .t_button_2, .t_button_l {height: 35px;line-height: 35px;} } .t_button_3 {position: relative;padding-left: 4rem;min-height: 3.5rem;display: inline-flex;align-items: center;} .t_button_3:before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: var(--primary-color);width: 3.5rem;height: 3.5rem;border-radius: 2rem;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);} .t_button_3:after {content: "";position: absolute;top: 1.4rem;left: 1.4rem;width: 0.625rem;height: 0.625rem;border-top: 0.125rem solid #fff;border-right: 0.125rem solid #fff;transform: rotate(45deg) translate(0);transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);} .t_button_3 .button-text {position: relative;z-index: 2;transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);} .t_button_3:hover:before {width: calc(100% + 10px);} .t_button_3:hover:after {transform: rotate(45deg) translate(5px, -5px);} .t_button_3:hover .button-text {color: #fff;transform: translateX(-10px);} @media (max-width:992px) { .t_button_3 {min-height: 2.5rem;padding-left: 3rem;} .t_button_3:before {width: 2.5rem;height: 2.5rem;} .t_button_3::after {top: 0.9rem;left:0.9rem;} } .blog-sidebar-widgets {height:100%;} .blog-sidebar-widgets > div:last-child {position:sticky;top:15px;} .blog-sidebar-widgets .category-widget ul {padding-left: 14px;} .blog-sidebar-widgets li.category-item::marker {color: var(--primary-color);} .blog-sidebar-widgets .category-item {margin-bottom: 0.5rem;border-radius: 6px;transition: all 0.3s ease;} .blog-sidebar-widgets .category-item.active > .category-link, .blog-sidebar-widgets .category-item.active-parent > .category-link {font-weight: 600;} .blog-sidebar-widgets .category-link {transition: all 0.3s ease;} .blog-sidebar-widgets .category-link:hover {transform: translateX(2px);} .blog-sidebar-widgets .category-count {font-size: 0.75rem;} .blog-sidebar-widgets .category-item ul .category-link {font-size: 0.9rem;} .blog-sidebar-widgets .sidebar-widget {background: #fff;border-radius: 8px;padding: 1rem;box-shadow: var(--bs-box-shadow-sm);} .blog-sidebar-widgets .widget-title {font-weight: 600;padding-bottom: 0.75rem;border-bottom: 2px solid #e2e8f0;position: relative;} .blog-sidebar-widgets .widget-title::after {content: '';position: absolute;left: 0;bottom: -2px;height: 2px;width: 60px;background-color: var(--primary-color);} .blog-sidebar-widgets .posts-list {list-style: none;padding: 0;margin: 0;} .blog-sidebar-widgets .post-item {margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #e2e8f0;} .blog-sidebar-widgets .post-item:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .post-categories-incard {position: relative;z-index: 2;letter-spacing: .05em;text-transform: uppercase;line-height: 1;display: flex;flex-wrap: wrap;gap: .5rem;font-size: .75rem;} .cursor-pointer {cursor: pointer;} .toast-container>.toast.fade.show::before {content: '';top: calc(100vh / 2 * -1);left: calc(100vw / 2 * -1);position: fixed;width: 130vw;height: 130vh;background-color: rgba(255, 255, 255, 0.85);backdrop-filter: blur(4px);z-index: -1;} .g-recaptcha {transform-origin: left top;-webkit-transform-origin: left top;width:max-content;margin:10px auto;} .cookie-wrapper { position:fixed;left:30px;bottom:30px;padding:15px;border-radius:5px;background-color:#000000cc;max-width:400px;color:#fff;z-index:999999;display:none; } @media only screen and (max-width: 430px) { .cookie-wrapper { right: 30px; } } /* #popupModal > .modal-dialog:not(.video_modal) {width: fit-content;} */ #popupModal .btn-close {position: absolute;right: 0;z-index: 2;border-radius: 0;border-bottom-left-radius: 8px;font-size: .8rem;background-color: #fff;color: var(--primary-color);padding: 9px;} #popupModal > .modal-dialog img {max-height: 100%;margin-left:auto;margin-right: auto;} #popupModal > .modal-dialog .carousel-caption {bottom: 0;color:#000;/*left: auto;right: auto;max-width: 100%;width: max-content;*/} #popupModal > .modal-dialog .carousel-caption.backdrop {backdrop-filter: saturate(120%) blur(3px);-webkit-backdrop-filter: saturate(120%) blur(3px);border-radius:8px;} .f_phone_wrapper {position:fixed;bottom:15px;/*width:123px;font-size: 14px;*/height:35px;border-radius:6px;z-index:100;} .f_phone_wrapper.phone {left:15px;} .f_phone_wrapper.whatsapp {right:15px;} .galeri-kategori-baslik {font-weight: 600;display: inline-block;position: relative;z-index: 1;line-height: 2;color: #fff;padding-left: 1.8rem;padding-right: .6rem;} .galeri-kategori-baslik::before, .galeri-kategori-baslik::after {content: '';position: absolute;z-index: -1;background-color: var(--primary-color);left:10px;right: -10px;} .galeri-kategori-baslik::before {transform: skew(45deg);top: 0;bottom: 49.8%;} .galeri-kategori-baslik::after {transform: skew(-45deg);top: 49.8%;bottom: 0;} .general-gallery-wrapper .img-item {width: 100%;display: block;height: 100%;object-fit: cover;} .general-gallery-wrapper .card {height:100%;} .general-gallery-wrapper .card .card-body {position:absolute;z-index:2;transition: all .5s ease;width:100%;height:100%;display: flex;justify-content: flex-end;flex-direction: column;background: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, rgba(255, 255, 255, 0) 100%);} .general-gallery-wrapper .img-item-wrapper {position:relative;box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.26);overflow: hidden;} .general-gallery-wrapper .img-item-wrapper .icon-wrapper {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);font-size: 1px;transition: all var(--transition);text-align:center;z-index: 2;} .general-gallery-wrapper .img-item-wrapper:hover .icon-wrapper {font-size: 34px;} .general-gallery-wrapper .img-item-wrapper::before {content: "";background: rgba(0, 0, 0, 0.7);position: absolute;inset: 30px;transition: all ease-in-out var(--transition);z-index: 2;opacity: 0; } .general-gallery-wrapper .img-item-wrapper:hover::before {inset: 0;opacity: 1;} .general-gallery-wrapper .img-item-wrapper .card-body::before, .general-gallery-wrapper .img-item-wrapper .card-body::after {display: block;content: "";width: 48px;height: 48px;position: absolute;transition: all 0.5s ease 0s;z-index: 1;opacity: 0;} .general-gallery-wrapper .img-item-wrapper .card-body::before {top: 35px;left: 35px;border-top: 3px solid #d7dce1;border-left: 3px solid #d7dce1;} .general-gallery-wrapper .img-item-wrapper .card-body::after {bottom: 35px;right: 35px;border-bottom: 3px solid #d7dce1;border-right: 3px solid #d7dce1;} .general-gallery-wrapper .img-item-wrapper:hover .card-body::before {top: 15px;left: 15px;opacity: 1;} .general-gallery-wrapper .img-item-wrapper:hover .card-body::after {bottom: 15px;right: 15px;opacity: 1;} .gslide-description.description-bottom {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background-color: rgba(255, 255, 255, 0.6) !important;backdrop-filter: saturate(250%) blur(3px);-webkit-backdrop-filter: saturate(250%) blur(3px);} .glightbox-clean .gslide-title {margin-bottom: 0.3rem !important;} a.glightbox[href$=".mp4"]::after, a.glightbox[href*="youtube"]::after, a.glightbox[href*="youtu.be"]::after, a.glightbox[href*="vimeo"]::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 45px;height: 45px;background: url('data:image/svg+xml;utf8,') no-repeat center/contain;background-color: rgba(0,0,0,1);border-radius: 50%;padding: 0.15em;box-sizing: content-box;z-index: 3;} .fa-secondary { opacity: 0.4; } .w_hizala { display: flex; flex-direction: row; text-align: center; color: #fff; line-height: 35px;/**/ cursor: pointer;} .w_hizala>div { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 5px; } .w_hizala>div:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .w_hizala>div:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .social-wrapper { position: fixed; right: 15px; bottom: 15px; max-width: 353px; width: 100%; z-index: 2; } .w_buton i,.w_buton .i { font-size: 25px; vertical-align: sub; } .w_kisiler { display:none;position:relative;right:0;bottom:0;border-radius:6px;margin-bottom:15px;padding-top:25px; } .w_kisiler.active { display: block } .w_head { padding:15px 15px 10px;color:#fff;border-radius:6px 6px 0 0;text-align:center;line-height:160%;font-size:1rem; } .w_head i,.w_head .i { font-size:20px;padding:10px 12px;background:#fff;border-radius:50%;position:absolute;top:0px;left:calc(50% - 24px);border:5px solid;box-sizing:border-box;cursor:pointer; } .w_head .i {padding:4px 10px;color:#0dc152;border-color: #0cab49; } .w_list { border:1px solid #eaeaea;border-top:0;border-radius:0 0 6px 6px;overflow:hidden;background:#fff; } .w_list ul { list-style: none; margin: 0; padding: 0; } .w_list ul li { position: relative; border-top: 1px solid #eaeaea; } .w_list ul li > .soc_li_under { display: flex; align-items: center; padding: 10px; } .w_list ul li:first-child { border-top: none; } .w_list ul li a { width: 100%; padding-left: 7px; font-size: 1rem; } .w_list ul li a:hover { color:inherit; } .w_list ul li a::after { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; pointer-events:auto; content: ""; } .w_list ul li .online { position: relative; float: right; padding-right: 23px; color: #0dc152; margin-bottom: 0; } .w_list ul li .online:after { position: absolute; display: block; content: ''; right: 0; bottom: 4px; float: right; width: 15px; height: 15px; border-radius: 50%; background-color: #0dc152; border: 3px solid #0a98416e; } .w_list ul li:hover { background-color: #d1efc9; cursor: pointer; } .w_hizala>.w_icon, #whatsapp>.w_head { background: #0dc152; } .w_hizala>.t_icon, #telegram>.w_head { background: var(--phone-color); } .w_hizala>.map_icon, #map>.w_head { background: #343a40; } #whatsapp>.w_head i, #whatsapp>.w_head .i { color: #0dc152; border-color: #0dc152; } #telegram>.w_head i, #telegram>.w_head .i { color: var(--phone-color); border-color: var(--phone-color); } #map>.w_head i, #map>.w_head .i { color: #343a40; border-color: #343a40; } .social-wrapper.single-btn .w_hizala { width:45px;margin-left:auto; } .social-wrapper.single-btn .w_hizala > .w_buton { border-radius: 50%; } /* splide slider (s) */ [data-slider="1"][data-nav="true"] > .splide__track {padding-bottom: 50px;} [data-slider="1"][data-nav="true"] .splide__arrow {top: calc(50% - 25px) !important;} .splide__pagination__page.is-active {background-color: var(--primary-color) !important;} .splide__arrow {background: transparent !important;} .splide__arrow--prev {outline: 0 !important;left: -1.5em !important;} .splide__arrow--next {outline: 0 !important;right: -1.5em !important;} .splide__arrow svg {fill:var(--primary-color) !important;} .splide__slide > .col {padding: 5px;} [data-slider="1"].row {flex-wrap: nowrap !important;overflow: hidden !important;} @media (max-width: 992px) { .splide__arrow--prev {left: -0.75em !important;} .splide__arrow--next {right: -0.75em !important;} } /* splide slider (f) */ .twitter {--clr:var(--twitter-rgb)}.instagram {--clr:var(--instagram-rgb)}.pinterest {--clr:var(--pinterest-rgb)}.youtube {--clr:var(--youtube-rgb)}.facebook {--clr:var(--facebook-rgb)}.whatsapp {--clr:var(--whatsapp-rgb)}.linkedin {--clr:var(--linkedin-rgb)}.telegram {--clr:var(--telegram-rgb)}.tumblr {--clr:var(--tumblr-rgb)}.reddit {--clr:var(--reddit-rgb)}.discord {--clr:var(--discord-rgb)} /* ### Fixed Socials (s) ### */ .fixed-socials {position: fixed;top:50%;transform:translateY(-50%);z-index: 2;} .fixed-socials.circle.pos-left,.fixed-socials.square.pos-left {left: 0;} .fixed-socials.circle.pos-right,.fixed-socials.square.pos-right {right: 0;} .fixed-socials.default.pos-left {left: -90px;text-align: right;} .fixed-socials.default.pos-right {left: calc(100% - 48px);} .fixed-socials ul li {display: block;margin: 5px 0;background: rgba(0, 0, 0, 0.36);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);padding: 5px;-webkit-border-radius: 30px;border-radius: 30px;-webkit-transition: all 1s;transition: all 1s;} .fixed-socials.circle.pos-left ul li {-webkit-border-radius: 0 30px 30px 0;border-radius: 0 30px 30px 0;} .fixed-socials.circle.pos-right ul li {-webkit-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;} .fixed-socials.square ul li {-webkit-border-radius: 0;border-radius: 0;margin-top: 0;margin-bottom: 0;} .fixed-socials ul li a {color: #fff;} .fixed-socials.default.pos-left ul li:hover {-webkit-transform: translate(85px, 0);transform: translate(85px, 0);} .fixed-socials.default.pos-right ul li:hover {-webkit-transform: translate(-85px, 0);transform: translate(-85px, 0);} .fixed-socials ul li:hover i,.fixed-socials ul li:hover .i {color: #fff !important;background-color: var(--primary-color);-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s;transition: all 1s;} .fixed-socials ul li i,.fixed-socials ul li .i {position: relative;color: var(--primary-color);padding: 10px;-webkit-border-radius: 50%;border-radius: 50%;width: 35px;height: 35px;font-size: 18px;background: #ffffff;-webkit-transform: rotate(0deg);transform: rotate(0deg);} .fixed-socials ul li:hover i,.fixed-socials ul li:hover .i {background-color: rgb(var(--clr));} .fixed-socials ul li i,.fixed-socials ul li .i {color:rgb(var(--clr))} .fixed-socials ul li i::before {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .fixed-socials ul li .i {display: flex;align-items: center;justify-content: center;} .fixed-socials ul li span.item-name {width:77px;margin-left: 7px;margin-right: 7px;} .fixed-socials.pos-right ul li span.item-name {order:1} .fixed-socials.circle ul li span.item-name,.fixed-socials.square ul li span.item-name {display:none} /* ### Fixed Socials (f) ### */ a.btn-success[href^='https://wa.me'] { --bs-btn-bg:#0dc152;--bs-btn-border-color:#0dc152; --bs-btn-hover-bg:#0db14c;--bs-btn-hover-bg:#0db14c; --bs-btn-active-bg:#0b9e44;--bs-btn-active-border-color:#0b9e44; --bs-btn-hover-border-color:var(--bs-btn-hover-bg); } a.btn-primary[href^='tel:'] { --bs-btn-bg:var(--phone-color);--bs-btn-border-color:var(--phone-color); --bs-btn-hover-bg:#027fbe;--bs-btn-hover-bg:#027fbe; --bs-btn-active-bg:#0276b1;--bs-btn-active-border-color:#0276b1; --bs-btn-hover-border-color:var(--bs-btn-hover-bg); } /* Float Button (s) */ .float-btn {position: fixed;bottom: 15px;width:45px;height: 45px;border-radius: 50%;z-index: 2;color: #fff;display: flex;justify-content: center;align-items: center;} .float-btn.with-text {width:auto;height: auto;padding: .375rem .75rem;border-radius: 6px;} .float-btn[href^='https://wa.me'], #float-whatsapp + .float-btn {background-color: #0dc152;border: 0;outline: 0;border-color:#0dc152;} .float-btn[href^='tel:'], #float-phone + .float-btn {background-color: var(--phone-color);border: 0;outline: 0;border-color:var(--phone-color);} .float-pos-start {left: 15px;right: auto;} .float-pos-end {left: auto;right: 15px;} .float-btn-wrapper {position: relative;max-width: 300px;width: 100%;z-index: 2;} .float-btn-wrapper > .float-btn-list {position: fixed;bottom: 60px;border-radius: 6px;margin-bottom: 15px;padding-top: 25px;width:100%;max-width: 300px;display: none;} .float-btn-wrapper > .float-btn-list.active {display: block;} .float-btn-wrapper .float-btn-head {padding: 15px 10px;color: #fff;border-top-right-radius: var(--bs-border-radius);border-top-left-radius: var(--bs-border-radius);text-align: center;line-height: 160%;font-size: 1rem;} .float-btn-wrapper > #float-whatsapp .float-btn-head {background: #0dc152;} .float-btn-wrapper > #float-phone .float-btn-head {background: var(--phone-color);} .float-btn-wrapper .float-btn-body {background: #fff;border: 1px solid #eaeaea;border-bottom-right-radius: var(--bs-border-radius);border-bottom-left-radius: var(--bs-border-radius);} .float-btn-wrapper .float-btn-body > ul {margin: 0;padding: 0;} .float-btn-wrapper .float-btn-body > ul > li {position: relative;border-top: 1px solid #eaeaea;} .float-btn-wrapper .float-btn-body > ul > li:first-child {border-top: unset;} .float-btn-wrapper .float-btn-body > ul > li .float-btn-list-item {display: block;padding: 13px;padding-right: 30px;} .float-btn-wrapper .float-btn-body > ul > li .float-btn-list-item:hover {background-color: #eaeaea;} .float-btn-wrapper .float-btn-body > ul > li .float-btn-list-item::after {position: absolute;display: block;content: '';top:50%;margin-top: -8px;right: 8px;width: 16px;height: 16px;border-radius: 50%;background-color: #0dc152;border: 3px solid #0a98416e;} .ripple-button {will-change: transform;--scale-x: 1.4;--scale-y: 1.4;} .with-text.ripple-button {--scale-x: 1.1;--scale-y: 1.35;} .ripple-button::before,.ripple-button::after {content: "";position: absolute;inset: 0;border: 2px solid currentColor;border-color:inherit;opacity: 0;pointer-events: none;border-radius: 50%;animation: ripple 2.5s ease-out infinite;} .with-text.ripple-button::before,.with-text.ripple-button::after {border-radius: 6px;} .ripple-button::after {animation-delay: .5s;} @keyframes ripple { 0% {top: 0;left: 0;right: 0;bottom: 0;opacity: 0.5;transform: scale(1);}70% {opacity: 0;transform: scaleX(var(--scale-x)) scaleY(var(--scale-y));}100% {opacity: 0;transform: scaleX(var(--scale-x)) scaleY(var(--scale-y));} } /* Float Button (f) */ .madde-wrapper .other-details > p:last-child {margin-bottom:0} .madde-media-item {font-size: 25px;} .madde-media-item svg {width: 1em;font-size:25px;} .madde-media-item img {width: 30px;} /** General usage (f) **/ /** Navbar Menu (s) **/ .navbar-toggler:focus {box-shadow: none;} #navbarNavDropdown .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem;} #navbarNavDropdown .dropdown:hover .dropdown-menu, #navbarNavDropdown .dropdown-menu.show {display: block;left: auto;right: 0;margin-top: 0;} /** Navbar Menu (f) **/ /** Header (s) **/ .header-top-wrapper {background-color: var(--header-bg);font-size: var(--web-fs);} .header-top-wrapper:not(.header-top-empty) {border-top:3px solid var(--primary-color);} .header-top-wrapper .icon {color: var(--secondary-color);} .header-top a, .header-top .a, .header-top input.form-control, .header-top .diller > button > span {font-size: .9em;color: var(--header-color);} .header-top a:hover {color: var(--header-color-hover);} header {position: var(--header-position);left:0;right:0;z-index: 3;background-color: var(--header-bg);} body.menu_open header {z-index: 4;} body.fixed-menu header.fixed {position: var(--header-fixed-position);top: 0;} header img.logo {height: var(--web-logo);transition: ease-in-out all var(--transition);} body.fixed-menu header.fixed img.logo {height: var(--fixed-web-logo);} .diller .btn.dropdown-toggle {box-shadow: none;outline: none;border: none;} .diller img.img-item {width: 24px;} .diller .dropdown-item {color: inherit} .diller .dropdown-item.active {color: var(--primary-color);background-color: #e9ecef;} .diller .dropdown-toggle::after {display: none;} .diller > ul > li > a > span {color: var(--header-color);} .diller > ul > li + li {position: relative;} .diller > ul > li + li::after {content:'';position: absolute; left: -4px; width: 1px;top: 5px;bottom: 5px;background-color: var(--header-color);} .sosyal_medya > li, .sosyal_medya_header > li {display: inline-block;} /* min 992px'e kadar */ @media (min-width: 992px) { } header .logo-write {background-color: var(--primary-color);padding: 7px 14px; border-radius: 6px;color: #fff;font-weight: 700;text-transform: uppercase;box-shadow: var(--bs-box-shadow-sm);margin-top: 5px;margin-bottom: 5px;} header .logo-write:hover {box-shadow: var(--bs-box-shadow);} @media (max-width: 992px) { header .logo-write {padding: 4px 8px;font-size: .85rem;} } /** Header (f) **/ /** Footer (s) **/ footer {font-size: 0.9em;position: relative;color:var(--color);background-color: var(--footer-bg);} footer .footer_title {color: var(--color-title);font-weight: 600;font-size: 18px;position: relative;padding-bottom: 10px;margin-bottom: 0;} footer a, footer p, footer .blockquote-footer {color:var(--color);} footer a {display: inline-block;padding: 4px 0;} footer a:hover {color:var(--color-hover);} footer .f-logo {width: 100%;max-width:var(--logo);} .sosyal_medya_header a {padding: 5px;font-size: 1.1em;} .footer-menu-wrapper.horizontal, .footer-menu-wrapper.horizontal .footer-menu-category {display: flex;flex-wrap: wrap;gap: 1rem;width: 100%;} .footer-menu-wrapper.horizontal .footer-menu-category > .footer_title {width: 100%;} .footer-menu-wrapper.horizontal > div:not(.footer-menu-category) {flex: 0 0 auto;width: auto;max-width: 100%;margin-top: var(--bs-gutter-y);} @media (max-width:992px) { footer .f-logo {max-width:var(--logo-m);} } /** Footer (f) **/ /* Social media list (s) */ .sosyal_medya a {display: block;padding: 5px;color: var(--primary-color);font-size: 1.2em;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;} .sosyal_medya.item-fill a, .sosyal_medya a:hover {color: rgb(var(--clr))} .sosyal_medya a:hover {border:1px solid;border-radius: 50%;background-color: #fff;transition: ease-in-out all var(--transition);} .sosyal_medya.item-fill a {border:1px solid;} .sosyal_medya.item-fill a:hover {background-color:rgb(var(--clr));color: #fff;} footer .sosyal_medya a {color: var(--color);} footer .sosyal_medya a:hover {color: rgb(var(--clr));} .share-post2 > a {position: relative;display: flex;align-items: center;justify-content: center;transition: all .45s ease-in-out;line-height: 30px;width: 30px;height: 30px;font-size: 14px;border-radius: 50%;color: #fff;text-align: center;background-color: rgb(var(--clr));}.share-post2 > a:hover {box-shadow: 4px 4px 10px 0 rgba(var(--clr), 0.5);transform: translateY(-3px);} /* Social media list (f) */ /** Slider (s) **/ /* .slider-wrapper .carousel-item:first-child > video {transform: scale(1.2);transition: 2.5s;} body.loaded .slider-wrapper .carousel-item:first-child > video {transform: scale(1);transition-delay: .2s;} */ .carousel-item {z-index: 1;} .slider-wrapper .carousel-item img.slide-media-item, .slider-wrapper .carousel-item video.slide-media-item {object-fit: cover;} .slider-wrapper .carousel-item video.slide-media-item {width: 100%;margin-bottom: -6px;} .slider-wrapper .carousel-item video.slide-media-item + .description-container {height: calc(100% - 6px);} .slider-wrapper .slide-area, .slider-wrapper .carousel-inner, .slider-wrapper .carousel-item, .slider-wrapper .carousel-item img.slide-media-item, .slider-wrapper .carousel-item video.slide-media-item {height: var(--web-height);min-height: var(--web-height);max-height: var(--web-height);} .description-container {position: absolute;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;} .slider-wrapper .description-container > .description {left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center;max-width:470px} .slide-area .description {display: inline-table;width: 100%;font-size:var(--web-fs);} .slide-area .description .in-wrapper {height: fit-content; } .default-features-wrapper {position: absolute;right: 3%;bottom: 0;z-index: 3;margin-bottom: 120px;text-align:center;} .default-features-wrapper > .count-item {position: relative;font-size: 45px;font-weight: bolder;color:#fff;} .default-features-wrapper::before, .default-features-wrapper::after {content: '';position: absolute;border-radius:50%;transform:translateX(-50%);transition: cubic-bezier(.68,-0.55,.27,1.55) all var(--transition);} .default-features-wrapper::before {width: 120px;height: 120px;border: 15px solid var(--primary-color);} .default-features-wrapper::after {width: 190px;height: 190px;background-color: #cecece4b;} .carousel-item .default-features-wrapper::before {top: -20px;} .carousel-item .default-features-wrapper::after {top: -60px;} .carousel-item.active .default-features-wrapper::before {top: -90px;} .carousel-item.active .default-features-wrapper::after {top: -10px;} .default-features {z-index: 3;position: relative;} .carousel.slide.carousel-zoom-up-right .carousel-item .slide-media-item {-webkit-transform: scale(1.5) translate(-10%, 10%);transform: scale(1.5) translate(-10%, 10%);} .carousel.slide.carousel-zoom-up-right .carousel-item.active .slide-media-item {-webkit-animation: kenburnsUpRight ease-out forwards;animation: kenburnsUpRight ease-out forwards;animation-duration: 12000ms;} @-webkit-keyframes kenburnsUpRight { 0% {-webkit-transform: scale(1.5) translate(-10%, 10%);transform: scale(1.5) translate(-10%, 10%);} 100% {-webkit-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}} @keyframes kenburnsUpRight { 0% {-webkit-transform: scale(1.5) translate(-10%, 10%);transform: scale(1.5) translate(-10%, 10%);} 100% {-webkit-transform: scale(1) translate(0, 0);transform: scale(1) translate(0, 0);}} .slider-title {font-size:1em;color:var(--web-color); } .slider-title .typing-text {display: block;} .slider-title .typing-text[data-animation="fade"] {color:var(--primary-color);} .slider-title .typing-text:not([data-animation="fade"]) {-webkit-text-stroke: 1.5px var(--web-color);-webkit-text-fill-color: transparent;letter-spacing: .07em;} .slider-description {font-size:.75em;color:var(--web-color); } .slider-link {font-size:.57em;} body.innerpage .slide-area img {min-height: 250px;} body.innerpage #slideCarousel.slide-area .carousel-inner > .carousel-item.active::after {position: absolute;top: 35%;left: 0;bottom: 0;right: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, rgba(255, 255, 255, 0) 100%);} .slider-wrapper .carousel-inner > .carousel-item.active::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0%; z-index: 1;background: var(--shadow);} .slider-wrapper .carousel-indicators.round > li {width: 14px; height: 14px; border-radius: 100%;} .slider-wrapper .carousel-indicators.square > li {width: 14px; height: 14px; border-radius: 0;} .banner-thumbnail {position: relative;z-index: 1;} .shape-group {padding-left: 0;list-style: none;margin-bottom: 0;} .shape-group .shape-group-item {margin: 0;position: absolute;z-index: -1;overflow: hidden;} .shape-group .shape-group-item > img {transform: translateX(-100vw);} .shape-group .shape-group-item:nth-child(odd) > img {filter: drop-shadow(100vw 0 0 var(--primary-color));} .shape-group .shape-group-item:nth-child(even) > img {filter: drop-shadow(100vw 0 0 var(--secondary-color));} .shape-group.slide-shape-group li.shape-1 {top:30px;left:80px;} .shape-group.slide-shape-group li.shape-2 {top:114px;right:41px;} .shape-group li.shape-3 {bottom:100px;right:-50px;} .shape-group li.shape-4 {top: -40px;right: -50px;} .slide-shape-group li.shape-5 {top:-30px;left:-100%;} .anim-zoom1 {-webkit-animation: zoom1 5s alternate infinite linear;animation: zoom1 5s alternate infinite linear;} .anim-zoom2 {-webkit-animation: zoom2 5s alternate infinite linear;animation: zoom2 5s alternate infinite linear;} .anim-x-move {-webkit-animation: sm-x-move 3.5s alternate infinite linear;animation: sm-x-move 3.5s alternate infinite linear;} .anim-rotate {-webkit-animation: rotateIt 11s linear infinite;animation: rotateIt 11s linear infinite;} .anim-rotate-x {-webkit-animation: rotate-x 11s linear infinite;animation: rotate-x 11s linear infinite;} .anim-rotate-y {-webkit-animation: rotate-y 11s linear infinite;animation: rotate-y 11s linear infinite;} .anim-rotate-reverse {-webkit-animation: rotateItReverse 11s linear infinite;animation: rotateItReverse 11s linear infinite;} @-webkit-keyframes sm-x-move { 0% {-webkit-transform:translate(-50%,0);transform:translate(-50%,0)} 100% {-webkit-transform:translate(50%,0);transform:translate(50%,0)} } @keyframes sm-x-move { 0% {-webkit-transform:translate(-50%,0);transform:translate(-50%,0)} 100% {-webkit-transform:translate(50%,0);transform:translate(50%,0)} } @-webkit-keyframes rotate-y { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)} } @keyframes rotate-y { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)} } @-webkit-keyframes rotate-x { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes rotate-x { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes zoom1 { 0% {-webkit-transform:scale(1);transform:scale(1)} 100% {-webkit-transform:scale(1.25);transform:scale(1.25)}} @keyframes zoom1 { 0% {-webkit-transform:scale(1);transform:scale(1)} 100% {-webkit-transform:scale(1.25);transform:scale(1.25)}} @-webkit-keyframes zoom2 { 0% {-webkit-transform:scale(1);transform:scale(1)} 100% {-webkit-transform:scale(1.5);transform:scale(1.5)}} @keyframes zoom2 { 0% {-webkit-transform:scale(1);transform:scale(1)} 100% {-webkit-transform:scale(1.5);transform:scale(1.5)}} @-webkit-keyframes rotateIt { to {-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotateIt { to {-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes rotateItReverse { to {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}} @keyframes rotateItReverse { to {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}} .textFade {animation: textFade ease-out forwards 1s;animation-fill-mode: both;} .textFadeIn {animation: textFadeIn ease-out forwards .5s;} .textZoomIn {animation: textZoomIn ease-out forwards .5s;} .textUpToBottom {animation: textUpToBottom ease-out forwards .5s;} .textBottomToUp {animation: textBottomToUp ease-out forwards .5s;} .textLeftToRight {animation: textLeftToRight ease-out forwards .5s;} .textRightToLeft {animation: textRightToLeft ease-out forwards .5s;} @-webkit-keyframes textFade {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes textFade {0% { opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}} @-webkit-keyframes textFadeIn {from {opacity: 0;} to {opacity: 1;}}@keyframes textFadeIn {from {opacity: 0;} to {opacity: 1;}} @-webkit-keyframes textZoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);} 50% {opacity: 1;} 100% {opacity: 1;} }@keyframes textZoomIn { from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);} 50% {opacity: 1;} 100% {opacity: 1;}} @keyframes textUpToBottom {0% {transform: translate(0, -2em);opacity: 0;}100% {transform: translate(0, 0);opacity: 1;}} @keyframes textBottomToUp {0% {transform: translate(0, 2em);opacity: 0;}100% {transform: translate(0, 0);opacity: 1;}} @keyframes textLeftToRight {0% {transform: translate(-3em, 0);opacity: 0;}100% {transform: translate(0, 0);opacity: 1;}} @keyframes textRightToLeft {0% {transform: translate(3em, 0);opacity: 0;}100% {transform: translate(0, 0);opacity: 1;}} .wave-bottom {--wave-w-height:60px;--wave-m-height:60px;display: block;width: 100%;position: absolute;bottom: -2px;object-fit: fill;object-position: top;height:var(--wave-w-height);z-index: 2;} .carousel.slide.animated .carousel-item .description > .in-wrapper > * {opacity: 0;margin-bottom: 0;color:var(--web-color);} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(1) {animation-delay: 0s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(2) {animation-delay: .2s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(3) {animation-delay: .4s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(4) {animation-delay: .6s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(5) {animation-delay: .8s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(6) {animation-delay: 1.0s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(7) {animation-delay: 1.2s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(8) {animation-delay: 1.4s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(9) {animation-delay: 1.6s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > *:nth-child(9) + * {animation-delay: 1.8s;} .carousel.slide.animated .carousel-item.active .description > .in-wrapper > * {animation: var(--text-animation) ease-out forwards .5s;} /* .carousel.slide.animated .carousel-item.active.carousel-item-start, .carousel.slide.animated .carousel-item.active.carousel-item-end {opacity: 0 !important;transition: none !important;} */ @media (max-width:992px) { .slider-wrapper .description-container > .description {max-width:100%} .carousel.slide.animated .carousel-item .description > .in-wrapper > * {color:var(--mobil-color);} .slider-wrapper .slide-area, .slider-wrapper .carousel-inner, .slider-wrapper .carousel-item, .slider-wrapper .carousel-item img.slide-media-item, .slider-wrapper .carousel-item video.slide-media-item {height: var(--mobil-height);min-height: var(--mobil-height);max-height: var(--mobil-height);} .slide-area .description {font-size:var(--mobil-fs);} .slider-title {color:var(--mobil-color); } .slider-description {color:var(--mobil-color); } .wave-bottom {height:var(--wave-m-height);} .slide-shape-group li.shape-5 {left: 0;} } /** Slider (f) **/ /* animation (s) */ .animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;} /* animation (f) */ /* services hover flip (s) */ .services-wrapper {-webkit-perspective: 1000px;perspective: 1000px;} .services-wrapper, .services-wrapper .img-container > img {min-height: 365px;} .services-wrapper .img-container {overflow: hidden;} .services-wrapper .img-container::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;} .services-wrapper:hover .img-container::after {background-color: rgba(0, 0, 0, 0.75);} .servicebox_front, .servicebox_back {position: absolute;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: stretch;-webkit-align-items: stretch;align-items: stretch;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.25);transition: 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.25);} .servicebox_front {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 2;} .servicebox_back {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);z-index: 1;} .services-wrapper:hover .servicebox_front {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 1;} .services-wrapper:hover .servicebox_back {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 2;} .servicebox_front .servicebox_inner, .servicebox_back .servicebox_inner {position: absolute;left: 0;top: 0;bottom: 0;right: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .servicebox_front .servicebox_inner {-webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;} .servicebox_back .servicebox_inner {-webkit-transform: translateZ(125px);transform: translateZ(125px);-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);} .services-wrapper:hover .servicebox_front .servicebox_inner {-webkit-transform: translateZ(125px);transform: translateZ(125px);-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88);} .services-wrapper:hover .servicebox_back .servicebox_inner {-webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;transition: all 0.4s cubic-bezier(0.5, 0.12, 0.46, 0.88) 0.2s;} .services-wrapper .text-wrapper {position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding: 30px;} .services-wrapper .txt-title {font-size: 20px;width: 100%;} .services-wrapper .aciklama {color: #ffffff;font-size: 17px;min-height: 102px;} .services-wrapper .link-item {background-color: var(--custom);color: var(--article);padding: .25rem .5rem;} /* services hover flip (f) */ .comment-wrapper .comment-header::before {content:"";background-image:url('data:image/svg+xml,');display:block;width:20px;height:20px;position:absolute;top:-10px;right:-10px;background-repeat:no-repeat;background-position:center center;} .comment-wrapper .comment-content {display: -webkit-box;-webkit-box-orient: vertical;transition: height .5s;text-overflow: ellipsis;-webkit-line-clamp: 4;overflow: hidden;} .comment-wrapper .comment-read-more {display: block;padding: 5px 0 0;text-align: left;font-weight: 400;font-size: 12.6px;opacity: .5;cursor: pointer;} .comment-wrapper .comment-read-more:hover {opacity: 1 !important;} .star-rate-item {display: inline-block;width:23px;height:22px;font-size: 1.75rem;line-height: 1;color:#edf0f1;background-image: url('data:image/svg+xml,');background-repeat: no-repeat;background-position: center;background-size: 100%;} .comment-profile-point.star-lg .star-rate-item, .star-rate-item.star-lg {width:30px;height:29px;} .star-rate-item.filled {color:#FFD600;background-image: url('data:image/svg+xml,');} .verified-review {background-image: url('data:image/svg+xml,');margin-left: .25rem;} [data-bg_text]::before {content: attr(data-bg_text);font-size: 13vw;opacity: 0.05;z-index: 0;position: absolute;left: 0;top: 7%;transform: translateY(-50%);font-weight: bold;color: var(--primary-color-o8);width: 100%;} @media (min-width:1920px) {[data-bg_text]::before {font-size: 200px;}} .table-layout-fixed {table-layout: fixed;} table .tooltip-icon {background: rgba(var(--bs-secondary-rgb), 0.12);color: var(--bs-secondary);border-radius: 50%;padding: 0 6px;font-weight:600;margin-left: 5px;cursor: pointer;} table .block-parameter {border-bottom-width: 1px;} table .block-parameter .block-parameter-row {position: sticky;left: 0;padding: 0.25rem 0 0.1875rem;display: inline-block;} .detail-article .table-responsive > table {min-width: 700px;} .article-detail a {text-decoration: underline;color: var(--bs-link-color);} .article-detail a:hover {color: var(--bs-link-hover-color);} .article-detail .table-of-contents a {text-decoration: none;color: inherit;} @media (max-width:992px) { .carousel-item.active .default-features-wrapper::before {top: -40px;width: 70px;height: 70px;border-width: 8px;} .carousel-item.active .default-features-wrapper::after {top: -10px;width: 120px;height: 120px;} .default-features-wrapper > .count-item {font-size: 30px;font-weight: 600;} } .match-height > [class*="col"] {display: flex;flex-flow: column;} .match-height > [class*="col"] > .card {flex: 1 1 auto;} .card {--bs-border-width:0;box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s;} .pager-wrapper {margin-top: 30px;} .pager-wrapper .page-link {--bs-pagination-active-bg:var(--primary-color);--bs-pagination-active-border-color:var(--primary-color);--bs-pagination-color:var(--primary-color);--bs-link-hover-color:var(--primary-color);--bs-pagination-hover-color:var(--primary-color);--bs-pagination-focus-color:var(--primary-color);--bs-pagination-padding-x:0.95rem;--bs-pagination-focus-box-shadow:none;} .pager-wrapper .active > .page-link, .pager-wrapper .page-link.active {z-index: 1;}