/* region Boostrap */
*,
*::before,
*::after { box-sizing: border-box; }
*:focus { outline: none; box-shadow: none}
@media (prefers-reduced-motion: no-preference) {
    :root { scroll-behavior: smooth; }
}
:root {
    --bs-white: #ffffff;
    --bs-gray: #a5a5a5;
    --bs-dark-gray: #666666;
    --bs-light-gray: #fafafa;
    --bs-link: #0964ef;
    --bs-primary: #1c40f2;
    --bs-success: #05c269;
    --bs-warning: #ffd000;
    --bs-danger: #ee0007;
    --bs-dark: #131418;

    --bs-light-primary: #f1faff;
    --bs-light-success: #e8fff3;
    --bs-light-info: #f8f5ff;
    --bs-light-warning: #ed681a1f;
    --bs-light-danger: #fff5f8;
    --bs-light-dark: #eff2f5;

    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }

body { margin: 0; font-family: 'Roboto', var(--bs-font-sans-serif); font-size: 14px; font-weight: 300; line-height: 1.5; color: var(--bs-dark); background-color: var(--bs-light-gray); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body.active { overflow: hidden; }

button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) { cursor: pointer; }

a {text-decoration: none;  transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }

ul { list-style: none; padding: 0; margin: 0; }
b,
strong {
    font-weight: 600;
}
.dropdown, .dropend, .dropstart, .dropup {
    position: relative;
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.fade { transition: opacity .15s linear; }
.fade:not(.show) { opacity: 0; }

.heading { width: 100%; margin-bottom: 40px; }
.heading .h-title { font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0 0 5px; color: var(--bs-dark); }
.heading .h-desc { font-size: 20px; font-weight: 300; margin: 0; color: var(--bs-dark-gray); }

.sticky-top { position: -webkit-sticky; position: sticky; top: 100px; z-index: 2; }

.w-100 { width: 100%; }
.mb-3 { margin-bottom: 30px; }
.d-none { display: flex; }
.d-block { display: flex; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.align-items-start { align-items: start; }
.align-items-end { align-items: end; }
.justify-content-center { justify-content: center; }
.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }
.flex-column { flex-direction: column; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.text-center { text-align: center; }
.text-white { color: #ffffff; }
.bg-danger { background-color: var(--bs-danger); }
.bg-warning { background-color: var(--bs-warning); }
.bg-primary { background-color: var(--bs-primary); }
.bg-success { background-color: var(--bs-success); }
.bg-dark { background-color: var(--bs-dark); }
.mb-2 { margin-bottom: 20px; }
sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; }

.form-check { display: flex; align-items: center; justify-content: flex-start; margin: 7px 0; padding: 0; min-height: auto; line-height: 1; }
.form-check span { line-height: 1; margin-left: 5px;}
.form-check-input { position: unset; left: unset; width: 22px; height: 22px; margin: 0; background-color: #e9edf0; background-repeat: no-repeat; background-position: center; background-size: contain; border: 0; appearance: none; color-adjust: exact; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e"); }
.form-check-input[type=checkbox] { border-radius: 4px; }
.form-check-input[type=radio] { border-radius: 50%; }
.form-check-input:checked { background-color: var(--bs-success); border-color: var(--bs-success); }
.form-check:not(.form-switch) .form-check-input[type=checkbox] { background-size: 60% 60%; }

.form-switch { display: flex; align-items: center; justify-content: flex-start; margin: 3px 0; }
.form-switch .form-check-input { margin-right: 5px; height: 20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); background-position: left center; transition: background-position .15s ease-in-out; border-radius: 3.25rem; width: 40px; }
.form-switch .form-check-input:checked{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); background-position: right center; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; }
.input-group>.form-control,
.input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-top: 0; margin-right: -15px; margin-left: -15px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-top: 0; }

.col { flex: 1 0 0; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 576px){
    .container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px){
    .container, .container-md, .container-sm { max-width: 720px; }
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm { max-width: 960px; }
    .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }

    .order-lg-first { order: -1 !important; }
    .order-lg-0 { order: 0 !important; }
    .order-lg-1 { order: 1 !important; }
    .order-lg-2 { order: 2 !important; }
    .order-lg-3 { order: 3 !important; }
    .order-lg-4 { order: 4 !important; }
    .order-lg-5 { order: 5 !important; }
    .order-lg-last { order: 6 !important; }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
    .col-xl-auto { flex: 0 0 auto; width: auto; }
    .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xl-3 { flex: 0 0 auto; width: 25%; }
    .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xl-6 { flex: 0 0 auto; width: 50%; }
    .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xl-9 { flex: 0 0 auto; width: 75%; }
    .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
    .col-xxl-auto { flex: 0 0 auto; width: auto; }
    .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}


/* alert */
.alert { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #e9ecef; border-left-width: .25rem; border-radius: .25rem; }
.alert-success { border-left-color: var(--bs-success); }
.alert-warning { border-left-color: var(--bs-warning); }
.alert-danger { border-left-color: var(--bs-danger); }
/* badge */
.badge { display: inline-block; padding: .35em .65em .25em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }
.badge-success { background-color: var(--bs-success); }
.badge-warning { background-color: var(--bs-warning); }
.badge-danger { background-color: var(--bs-danger); }
.badge-secondary { background-color: var(--bs-gray); color: var(--bs-white);}
/* form */
.form-control { display: block; width: 100%; padding: 10px; min-height: 46px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--bs-dark); background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-select { display: block; width: 100%; padding: 13px 10px; min-height: 46px; -moz-padding-start: calc(0.75rem - 3px); font-size: 14px; font-weight: 400; line-height: 1; color: var(--bs-dark); background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea.form-control { padding: 10px; min-height: 90px; line-height: 1.5; }

.btn {display: inline-flex;align-items: center;justify-content: center;height: 46px;padding: 0 2rem;font-size: 16px;font-weight: 500;border-radius: 0.25rem;line-height: 1;/* color: var(--bs-dark); */text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;/* background-color: transparent; *//* border: 1px solid transparent; */transition: all .2s ease-in-out;}
.btn:before { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.btn-outline-white { color: var(--bs-white); border-color: var(--bs-white); }
.btn-outline-white:hover { background-color: var(--bs-white); color: var(--bs-dark); border-color: var(--bs-white); }
.btn-outline-light { color: var(--bs-dark-gray); border-color: var(--bs-light-gray); }
.btn-outline-light:hover { background-color: var(--bs-white); color: var(--bs-dark-gray); border-color: var(--bs-light-gray); }

.btn-outline-warning { color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-outline-warning:hover { background-color: var(--bs-warning); color: var(--bs-dark); border-color: var(--bs-warning); }
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); color: var(--bs-white); border-color: var(--bs-primary); }
.btn-outline-success { color: var(--bs-success); border-color: var(--bs-success); }
.btn-outline-success:hover { background-color: var(--bs-success); color: var(--bs-white); border-color: var(--bs-success); }
.btn-warning { color: var(--bs-dark); background-color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-primary { color: var(--bs-white); background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-link { color: var(--bs-primary); padding: 0; }
.btn-success { color: var(--bs-white); background-color: var(--bs-success); border-color: var(--bs-success); }
.btn-danger { color: var(--bs-white); background-color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-danger:hover { color: var(--bs-white); background-color: #a10207; border-color: #a10207; }
.btn-light { color: var(--bs-dark); background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-dark { color: var(--bs-white); background-color: var(--bs-dark); border-color: var(--bs-dark); }
.btn-secondary { color: var(--bs-dark); background-color: #e5e5e5; border-color: #e5e5e5; }
.btn:focus { box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%); }
.btn.disabled, .btn:disabled { pointer-events: none; opacity: .65; }

.badge-light-primary { color: var(--bs-primary); background-color: var(--bs-light-primary); }
.badge-light-success { color: var(--bs-success); background-color: var(--bs-light-success); }
.badge-light-warning { color: var(--bs-warning); background-color: var(--bs-light-warning); }
.badge-light-danger { color: var(--bs-danger); background-color: var(--bs-light-danger); }
.badge-light-dark { color: var(--bs-dark); background-color: var(--bs-light-dark); }

/* tooltip */
.tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }
.tooltip.show { opacity: 0.9; }
.tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }
.tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; }
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; }
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; }
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; }
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

/* popover */
.popover { position: absolute; top: 0; left: 0 ; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }
.popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; }
.popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 1px); }
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; }
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 1px); }
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; }
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; }
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
.popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty { display: none; }
.popover-body { font-size: 12px; line-height: 1.4; padding: 10px; color: #767676; }


/* tab */
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-tabs { border-bottom: 1px solid #dee2e6; }
.nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }
.nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }
.tab-content>.tab-pane { display: none; }
.tab-content>.active { display: block; }

.tabs3 .nav-tabs { display: flex; align-items: center; justify-content: center; flex: auto; border: 0; margin-bottom: 30px; }
.tabs3 .nav-tabs .nav-item { margin: 0 1.5rem 3rem; }
.tabs3 .nav-tabs .nav-link { width: 240px; border: 2px solid #E5EAF5; padding: 18px; font-size: 16px; border-radius: 10px; background-color: #F5F5F5; color: var(--bs-dark) }
.tabs3 .nav-tabs .nav-item.show .nav-link,
.tabs3 .nav-tabs .nav-link.active { border-color: var(--bs-danger); color: var(--bs-danger); background-color: #fff; box-shadow: 0 0.8rem 2.5rem rgb(238 1 8 / 13%);}

/* modal */
.modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }
.modal-dialog { max-width: 500px; margin: 1.75rem auto; }
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px); }
.modal.show .modal-dialog { transform: none; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); }
.modal-header .modal-title { margin: 0; line-height: 1.5; font-size: 18px; font-weight: 500; }
.modal-header .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; }
.modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }
.modal-footer>* { margin: .25rem; }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: .5; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }

/* dropdown */
.dropdown .dropdown-menu { position: absolute; z-index: 1000; display: none; margin: 0; padding: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff;    border: 1px solid rgba(0,0,0,.15); background-clip: padding-box;  }
.dropdown .dropdown-menu.show { display: block; }
.dropdown .dropdown-menu .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; }
.dropdown .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem; }
.dropdown .dropdown-menu-end {  }
.dropdown .dropdown-toggle { white-space: nowrap; }
.dropdown .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.dropdown .dropdown-toggle.show::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-bottom: .3em solid; border-right: .3em solid transparent; border-top: 0; border-left: .3em solid transparent; }

.accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125); }
.accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; }
.accordion-flush .accordion-item:first-child { border-top: 0; }
.accordion-item:first-of-type { border-bottom: 0;}
.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; }
.accordion-button:not(.collapsed) { color: var(--bs-primary); background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); }
.accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }

.collapsing { height: 0; overflow: hidden; transition: height .35s ease; }
.collapse:not(.show) { display: none; }

.global-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(75,75,75,.8)}

/* endregion */

.section { position: relative; padding: 60px 0; }

/* region Mobile */
.mobile-top { position: relative; z-index: 3; background: var(--bs-dark); color: #fff; display: -ms-flexbox; display: flex;justify-content: flex-end;list-style: none;padding: 10px;margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.mobile-top ul.toplink1 {font-size: 13px;font-weight: 600;display: -ms-flexbox;display: flex;justify-content: flex-start; margin-bottom: 0; margin-left: -10px;}
.mobile-top ul.toplink1 li { padding-right: 20px; }
.mobile-top ul.toplink1 li:last-child { padding-right: 0; }
.mobile-top ul.toplink1 li a { position: relative; color: #fff;}
.mobile-top ul.toplink1 li.currency-link {  }
.mobile-top ul.toplink1 li.currency-link a {  }
.mobile-top ul.toplink1 li.currency-link a i { width: 18px; height: 18px; left: 3px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }
.mobile-top ul.toplink1 li.currency-link a:before { position: absolute; content: ''; right: -13px; top: 5px; display: inline-block; margin-left: .255em; vertical-align: .255em; color:#dfdfdf; border-top: .3em solid; border-right: .3em solid #0000; border-bottom: 0; border-left: .3em solid #0000; }

.mobile-top ul.toplink2 {font-size: 14px;margin-bottom: 0;font-weight: 600;display: -ms-flexbox;display: flex;justify-content: flex-end; margin-right: -10px;}
.mobile-top ul.toplink2 li { padding-left: 10px; }
.mobile-top ul.toplink2 li a { position: relative; color: #fff;}
.mobile-top ul.toplink2 li.currency-link a i { width: 18px; height: 18px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }

.mobile-top ul.toplink1 li a:hover,
.mobile-top ul.toplink2 li a:hover{ color: #f26d1c; }
.mobile-top ul.toplink1 li.currency-link a:hover i { color: #fff; background: #f26d1c; }
.mobile-top ul.toplink1 li.currency-link a:hover:before { color: #f26d1c; }

.mobile-header { position: relative; top: 0; left: 0; background: var(--bs-white); width: 100%; height: 101px; text-align: center; z-index: 3;  display: none;}
.mobile-header a>img {height: 32px;}
.mobile-header a {display: block;width: 100%;height: 100%;}
.mobile-header .mobile-cart { position: relative; color:#3c3d3b; font-size:30px;padding: 10px 8px 6px; }
.mobile-header .mobile-cart svg { fill: var(--bs-dark); width: 32px; height: 32px; }
.mobile-header .mobile-cart span { position: absolute; top:11px; right: 15px; font-size:11px;}
.mobile-header .mblMenu {left: 0;z-index: 2;width: 65px;font-size: 30px;fill: var(--bs-dark);padding: 8px 24px;}
a.mobile-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sidebar { background: #f8f8f8; border-top: 1px solid #e6e6e6; position: fixed; width: 100%; left: 0; top: 101px; height: 100%; z-index: 9999; display: none; }
#sidebar.active { display: block; }

.gw-login { display: flex; }
.gw-login a{float:left;width:50%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;display:block;font-size:16px;color:#53534a;padding:12px 0}
.gw-login a:last-child{border-right:0}
.gw-login a i{margin-right:4px}
.gw-sidebar{padding:10px}
.gw-sidebar .nano-pane{background:rgba(255,255,255,0);font-size:15px}
.nano-content{list-style:none;margin:0;background-color:#fff;padding:0 12px;font-size:16px;color:#666;border:1px solid #e6e6e6;line-height:1.2;font-weight:500;overflow-x:hidden;overflow-y:scroll;height: calc(100vh - 180px)}
.gw-sidebar .gw-nav-list li a{padding-left:20px}
.gw-nav-list{margin:0;padding:0;list-style:none}
.gw-nav-list>li:first-child{border-top:0}
.gw-nav-list>li{display:block;padding:0;margin:0;border:0;border-top:1px solid #fcfcfc;border-bottom:1px solid #e5e5e5;position:relative;text-decoration:none}
.gw-nav-list>li:last-child{border-bottom:none}
@-webkit-keyframes arrow-slide{100%{-webkit-transform:rotate(225deg);z-index:3}}
@-webkit-keyframes arrow-slide1{100%{-webkit-transform:rotate(225deg);z-index:3}}
.gw-nav-list>li.arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide .5s 0s ease both}
.gw-nav-list>li.init-arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li.arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide1 .5s 0s ease both}
.gw-nav-list>li.init-arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li.active{background-color:#fff}
.gw-nav-list>li>a{display:block;height:42px;line-height:42px;padding:0 16px 0 7px;color:#666;text-shadow:none!important;font-size:16px;font-weight:500;text-decoration:none}
.gw-open>a{outline:0}
.gw-nav-list>li.gw-open{border-bottom-color:#e5e5e5}
.gw-nav-list>li.gw-open>a{background-color:#fafafa;color:#1963aa}
.gw-nav-list .gw-open>a,
.gw-nav-list .gw-open>a:focus,
.gw-nav-list .gw-open>a:hover{background-color:#fafafa}
.gw-nav .gw-open>a,
.gw-nav .gw-open>a:focus,
.gw-nav .gw-open>a:hover{background-color:#eee;border-color:#428bca}
.gw-nav-list>li.active>a,
.gw-nav-list>li.active>a:active,
.gw-nav-list>li.active>a:focus,
.gw-nav-list>li.active>a:hover{background-color:#fff;color:#1F64FC;font-weight:800;font-size:16px}
.gw-nav-list .gw-nav-header,
.gw-nav-list>li>a{margin:0}
.gw-nav-list>li.active>a>[class*=icon-]{font-weight:400}
.gw-nav-list>li.active>a:hover:before{display:none}
.gw-nav-list>li.active:before{display:inline-block;content:"";position:absolute;right:-13px;top:-1px;bottom:0;z-index:1;border-right:1px solid #dd4814}
.gw-nav-list li.gw-open>a:after{display:none}
.gw-nav-list>li a>.gw-arrow{display:inline-block;width:14px!important;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:11px;top:11px;padding:0;color:#666}
.gw-nav-list>li a:hover>.gw-arrow,
.gw-nav-list>li.active>a>.gw-arrow,
.gw-nav-list>li.gw-open>a>.gw-arrow{color:#1963aa}
.gw-nav-list>li>a>[class*=icon-]:first-child{display:inline-block;vertical-align:middle;min-width:30px;text-align:center;font-size:18px;font-weight:400;margin-right:2px}
.gw-nav-list>li .gw-submenu{font-size:13px;display:none;list-style:none;margin:0;padding:0;position:relative;background-color:#fff;border-top:1px solid #e5e5e5}
.gw-nav-list>li .gw-submenu>li{margin-left:0;position:relative}
.gw-nav-list>li .gw-submenu>li>a{display:block;position:relative;color:#616161;padding:11px 0 9px 35px;margin:0;border-top:1px dotted #e4e4e4;font-size:14px;font-weight:400;text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:focus{text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:hover{text-decoration:none;color:#dd4814;background-color:rgba(25,25,50,.1)}
.gw-nav-list>li .gw-submenu>li.active:after{display:inline-block;content:"";position:absolute;right:-1px;top:-1px;bottom:0;z-index:1;border:2px solid #dd4814}
.gw-nav-list>li .gw-submenu>li.active>a{color:#dd4814}
.gw-nav-list>li .gw-submenu>li a>[class*=icon-]:first-child{display:none;font-size:12px;font-weight:400;width:18px;height:auto;line-height:12px;text-align:center;position:absolute;left:10px;top:11px;z-index:1;background-color:#fff}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child,
.gw-nav-list>li .gw-submenu>li:hover>a>[class*=icon-]:first-child{display:inline-block}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child{color:#c86139}
.gw-nav-list>li>.gw-submenu>li:first-child>a{border-top:0}
.gw-nav-list li .gw-submenu{overflow:hidden}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active.gw-open>a.dropdown-toggle:after{display:none}
.gw-nav-list li.active>.gw-submenu>li.active>a:after{display:none}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active>a:after{display:block}
.gw-nav-tabs li[class*=" icon-"],
.nav-tabs li[class^=icon-]{width:1.25em;display:inline-block;text-align:center}

/* endregion */

/* region Header */
.header { position: relative; width: 100%; left: 0; top: 0; }

.top-bar { padding: 13px 40px; background: var(--bs-success); border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9;}
.top-bar a { display: flex; align-items: center; justify-content: center; line-height: 1; padding: 4px 10px; color: var(--bs-white); }
.top-bar a:first-child { margin-left: 0; padding-left: 0; }
.top-bar a:last-child { margin-right: 0; padding-right: 0; }
.top-bar a i { font-size: 19px; margin: 0 4px; }
.top-bar a.currency { background: #ffffff61; border-radius: 3px; padding: 4px 10px 4px 2px; }
.top-bar a.left-separator { margin-left: 10px; padding-left: 20px; border-left: 1px solid #E9E9E9;}
.top-bar a.right-separator { margin-right: 10px; padding-right: 20px; border-right: 1px solid #E9E9E9;}

.header .nav-bar { padding: 0 30px 0 40px; background: var(--bs-white); border: 1px solid #E9E9E9;}
.header .nav-bar .logo { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; }
.header .nav-bar .logo a { display: flex; align-items: center; justify-content: flex-start; }
.header .nav-bar .logo img {height: 40px;}
.header .nav-bar .menu-wrapper { display: flex; align-items: center; justify-content: flex-end; }
.header .nav-bar .mega-menu { display: flex; align-items: center; justify-content: flex-end; margin: 0; width: 100%; }
.header .nav-bar .mega-menu>li>a { position: relative; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; height: 66px; padding: 10px 15px;  color: var(--bs-dark); }
.header .nav-bar .mega-menu>li>a:hover { color: var(--bs-success); text-decoration: none; }
.header .nav-bar .mega-menu>li:hover > a:before { position: absolute; content: ''; left: 0; bottom: -1px; z-index: 3; height: 1px; width: 100%; background: var(--bs-success); }
.header .nav-bar .mega-menu>li.icon svg { height: 18px; margin-right: 5px; }
.header .nav-bar .mega-menu>li.separator { border-left: 1px solid #e5e5e5; padding-left: 5px; margin-left: 15px; }
.header .nav-bar .mega-menu>li:hover a>svg { fill: var(--bs-success); }
.header .nav-bar .mega-menu>li.mega > .dropdown-menu { position: absolute; left: 0; top: 115px; width: 100%; border-radius: 0 0 6px 6px; overflow: hidden; z-index: 2; visibility: hidden; opacity: 0; -webkit-transform: translate(0,20px); -ms-transform: translate(0,20px); transform: translate(0,20px); }
.header .nav-bar .mega-menu>li.mega:hover > .dropdown-menu { visibility: visible; opacity: 1; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100%; }
.header .nav-bar .mega-menu>li.mega:hover > a { position: relative; color: var(--bs-success); }

.mega-menu-main { background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 40px; margin: 0 -11px; /*box-shadow: rgb(3 27 78 / 10%) 0 2px 4px;*/ min-height: 300px; }
.mm-title { display: block; font-size: 18px; margin-bottom: 15px;}
.mm-title span { display: block; font-size: 14px; font-weight: normal; }

.mm-link { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0 -10px; }
.mm-link li { flex: 0 0 calc(33% - 20px); margin: 10px; }
.mm-link li .m-item { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; color: var(--bs-dark); border-radius: 3px; background: #fff; border: 1px solid #e5e5e5; overflow: hidden; padding: 15px;}
.mm-link li .m-item:before { content: ''; height: 200px; width: 100px; position: absolute; background: #F8F9FA; transform: rotate(20deg); top: -24px; right: -70px; transition: .4s; z-index: 0; }
.mm-link li .m-item .m-thumb { margin-right: 10px; }
.mm-link li .m-item .m-thumb svg { width: 42px; height: 42px; fill: var(--bs-dark);}
.mm-link li .m-item .m-text { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 1; width: 60%; }
.mm-link li .m-item .m-text b { font-size: 16px; margin-bottom: 5px; }
.mm-link li .m-item .m-text small { font-size: 13px; line-height: 1.5; }
.mm-link li .m-item .m-discount { position: relative; z-index: 1; font-size: 13px; }
.mm-link li .m-item:hover { border-color: var(--bs-success); color: var(--bs-success)}
.mm-link li .m-item:hover:before { right: -40px; }

/* on-scroll */
.header.on-scroll { position: fixed; z-index: 3; top: 0; left: 0; width: 100%; }
.header.on-scroll .top-bar { display: none; }
.header.on-scroll .nav-bar { border-top: 0; }
.header.on-scroll .nav-bar .mega-menu>li.mega > .dropdown-menu { top:66px; }

@media only screen and (max-width: 767px){
    .top-bar { display: none }
    .header { display: none }
    .mobile-header { display: block }
}
/* endregion */

/* region Slide */
.home-banner { height: 500px; }
#home-banner .item { position: relative; overflow: hidden; height: 500px; background-color: #000; }
#home-banner .item .container { position: relative; height: 100%; }
#home-banner .item .row { position: relative; height: 100%; }
#home-banner .item:before { position: absolute; content:''; left: 0; top: 0; height: 100%; width: 70%; z-index: 1;  background-image: linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,.9)); }
#home-banner .item .slide-text { position: relative; z-index: 1; color: #fff; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; overflow: hidden; height: 100%; width: 100%; padding: 40px 10px; border-radius: 10px; }
#home-banner .item .slide-text b { font-size: 42px; line-height: 1.3; font-weight: 800; }
#home-banner .item .slide-text .sub-title1 { font-size: 22px; line-height: 1.3; font-weight: 600; color: var(--bs-success)}
#home-banner .item .slide-text .sub-title2 { font-size: 42px; line-height: 1.3; font-weight: 800; }
#home-banner .item .slide-text .desc-price { font-size: 24px; line-height: 1.3; margin-top: 15px; }
#home-banner .item .slide-text .desc-price>strong { font-weight: 800; }
#home-banner .item .slide-text .desc-km { font-size: 16px; font-weight: 500; margin-top: 15px; }
#home-banner .item .slide-text .actions { display: flex; align-items: center; justify-content: flex-start; transition: transform 150ms ease-in-out; margin-top: 30px;}
#home-banner .item .slide-text .actions .a-price { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; font-size: 16px; line-height: 1.3; margin-left: 15px; }
#home-banner .item .slide-text .actions .a-price>b { font-size: 16px; font-weight: 300; margin: 0; }
#home-banner .item .slide-text .actions .a-price>span { font-size: 26px; color: var(--bs-white); font-weight: 600; }
#home-banner .item .slide-text .btn>img { width: 25px; height: 25px; margin-left: 5px; }
#home-banner .item .slide-bg-img { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
#home-banner .item .slide-bg-right-img { position: absolute; right: 0; top: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
#home-banner .item .slide-img { max-height: 500px; width: auto; object-fit: contain; }

#home-banner .owl-dots { position: absolute; bottom: 20px; right: 0; left: 0; display: flex; align-items: center; justify-content: center; }
#home-banner .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
#home-banner .owl-dots .owl-dot.active span,
#home-banner .owl-dots .owl-dot:hover span { background: #869791; }
#home-banner .owl-nav { position: absolute; bottom: 20px; right: 40px; z-index: 1; display: flex; align-items: center; justify-content: center; }
#home-banner .owl-nav button { background: var(--bs-white); color: black; border-radius: 50%; width: 42px; height: 42px; line-height: 1; display: flex; align-items: center; justify-content: center; font-size: 2rem; overflow: hidden; margin: 0 2px; }
#home-banner .owl-nav button span { line-height: 1; height: 39px;}
#home-banner .owl-nav button:hover { background: var(--bs-success); color: var(--bs-white); }

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

    #home-banner .item .slide-text { width: 100%; }
    #home-banner .item .slide-text b { font-size: 32px;  }
    #home-banner .item .slide-text .desc-price { font-size: 18px; margin-top: 5px;}
    #home-banner .item .slide-text .sub-title2 { font-size: 32px; }
    #home-banner .item .slide-text .actions { margin-top: 10px; }
    #home-banner .item .slide-img { position: relative; top: -50px; max-height: 100% !important; width: 100%; }
}
/* endregion */

/* region Banner */
.section-banner { position: relative; background-color: var(--bs-dark); color: #fff; width: 100%; overflow: hidden;}
.banner-text { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height: 420px; }
.banner-text h1 { font-size: 18px; font-weight: 400; }
.banner-text .sub-title1 { font-size: 52px; font-weight: 600; line-height: 1.3; }
.banner-text .sub-title2 { font-size: 22px; font-weight: 400; line-height: 1.3; color: var(--bs-gray); margin-top: 15px; }
.banner-text .btn { margin-top: 20px; }
.banner-img { position: relative;  }
.banner-img img { position: relative; right: -100px; width: 100%; }

@media only screen and (max-width: 767px){
    .banner-text { align-items: center; height: auto; padding: 40px 20px; }
    .banner-text .sub-title1 { font-size: 32px; text-align: center;}
    .banner-text .sub-title2 { font-size: 18px; text-align: center;}
    .banner-img img { right: unset; }
}
/* endregion */

/* region Product List */
.custom-tab1 .tab-content .tab-pane { padding: 40px 0; }
.custom-tab1 .nav-tabs { border:0; }
.custom-tab1 .nav-tabs .nav-link { display: flex; align-items: center; justify-content: center; padding: 15px 30px; border: 0; border-bottom: 2px solid #ccc; line-height: 1; font-size: 16px; font-weight: 600; cursor: pointer; color: var(--bs-dark-gray); }
.custom-tab1 .nav-tabs .nav-link img { height: 24px; width: 37px; }
.custom-tab1 .nav-tabs .nav-link span { display: block; }
.custom-tab1 .nav-tabs .nav-item.show .nav-link,
.custom-tab1 .nav-tabs .nav-link.active { background-color: transparent; border-bottom: 2px solid var(--bs-dark); color: var(--bs-dark) }

.vds-item { position: relative; overflow: hidden; background-color: #fff; border: 1px solid #eff1f4; width: 100%; margin-bottom: -1px; display: flex; flex-wrap: nowrap; flex-direction: row; transition-property: all; transition-timing-function: linear; transition-duration: .2s; }
.vds-item>div { flex: 1 1 0; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; font-size: 16px; padding: 10px; }
.vds-item>div small { font-size: 13px; color: var(--bs-dark-gray)}
.vds-item>div .flags { display: flex; align-items: center; justify-content: flex-end; }
.vds-item>div .flags img { height: 20px; overflow: hidden; margin-right: 3px; }
.vds-item>div:last-child .btn { width: 100%; }
.vds-item:first-child { border-radius: 5px 5px 0 0;}
.vds-item:last-child { border-radius: 0 0 5px 5px;}

.vds-info p { font-size: 18px; line-height: 1.3; margin: 30px 0 0; display: flex; align-items: center; justify-content: center; }
.vds-info p small { font-size: 32px; font-weight: 800; height: 58px; margin: 0 15px; }

@media only screen and (max-width: 767px){
    .vds-item { flex-wrap: wrap; margin-bottom: 20px; }
    .vds-item>div { flex: 0 0 auto; align-items: center; text-align: center; }
    .vds-item>div:nth-child(1) { flex: 0 0 100%; }
    .vds-item>div:nth-child(2) { flex: 0 0 33.33%; }
    .vds-item>div:nth-child(3) { flex: 0 0 33.33%; }
    .vds-item>div:nth-child(4) { flex: 0 0 33.33%; }
    .vds-item>div:nth-child(5) { flex: 0 0 33.33%; }
    .vds-item>div:nth-child(6) { flex: 0 0 33.33%; }
    .vds-item>div:nth-child(7) { flex: 0 0 33.33%; }
    .vds-item>div:last-child { flex: 0 0 100%; }
    .vds-item>div:last-child .btn { width: auto; }

    .vds-info p { flex-wrap: wrap; line-height: 1; }
    .vds-info p small { height: 40px; font-size: 26px; }
}
/* endregion */

/* region Package */
.hosting-package { position: relative; background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(44,50,66,.06), 0 8px 8px rgba(44,50,66,.01); -moz-box-shadow: 0 1px 1px rgba(44,50,66,.06),0 8px 8px rgba(44,50,66,.01); box-shadow: 0 1px 1px rgba(44,50,66,.06), 0 8px 8px rgba(44,50,66,.01); }
.hosting-package .package-main { position: relative; padding: 24px 24px 0; text-align: center; }
.hosting-package .package-main .title { font-size: 18px; font-weight: 800; margin-bottom: 5px; }
.hosting-package .package-main .desc { font-size: 14px; line-height: 1.3; color: var(--bs-dark-gray); padding-bottom: 10px;}
.hosting-package .package-main .icon { margin-bottom: 1px; }
.hosting-package .package-main .icon img { height: 84px; width: 84px; }
.hosting-package .package-main .price { position: relative; display: flex; flex-direction: column; align-items: center; font-size: 15px; margin: 15px 0 0;}
.hosting-package .package-main .price>small { display: block; font-size: 15px;color:#767676; }
.hosting-package .package-main .price .list sub { font-size: 18px; color:#767676; text-decoration: line-through; }
.hosting-package .package-main .price .market { font-size: 56px;line-height: 1; font-weight: 900; padding-left: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row;justify-content: center; }
.hosting-package .package-main .price .market span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.hosting-package .package-main .price .market sub { color: #242736; font-size: 16px; font-weight: 500; bottom: 0; top: 14px; left: 10px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.hosting-package .package-main .price .market sup { display: flex; font-size: 28px;top: -10px; left: -20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.hosting-package .package-main .price .market sup > small { font-size: 28px; font-weight: 600;margin-left: 3px; }
.hosting-package .package-main .price .market2 .item-price { display: flex; align-items: flex-start; justify-content: flex-start; line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(1) { display: flex; align-items: flex-start; justify-content: center; line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(1)>span:nth-child(1) { position: relative; top: 6px; font-size: 28px; font-weight: 600; line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(1)>span:nth-child(2) { font-size: 56px; font-weight: 800; line-height: 1;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(2) { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 1.2; }
.hosting-package .package-main .price .market2 .item-price>span:nth-child(2)>span:nth-child(1) { font-size: 28px; font-weight: 800; }
.hosting-package .package-main .price .market2 .item-price>span:nth-child(2)>span:nth-child(2) { font-size: 16px; font-weight: 600; color: var(--bs-dark-gray); line-height: 1.4; padding-left: 4px;}
.hosting-package .package-main .price .market2 .item-price>span:nth-child(2)>span:nth-child(2) small { display: block; font-size: 12px;  }
.hosting-package .package-main .price .price-highlight { font-size: 12px; line-height: 1; background-color: #b5f9d9; color: #242736; font-weight: 600; display: inline-block; padding: 5px; margin-top: 15px;}

.hosting-package .package-detail { position: relative; padding: 15px 24px 15px; }
.hosting-package .package-detail ul { list-style: none; padding: 0; margin: 0;  }
.hosting-package .package-detail ul li { display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1.2; padding: 8px 0; }
.hosting-package .package-detail ul li.divider { border-bottom: 1px solid #d6d6d6; padding: 10px; margin-bottom: 15px; }
.hosting-package .package-detail ul li.deleted { text-decoration: line-through; opacity: .5; }
.hosting-package .package-detail ul li.last { font-size: 14px; padding: 7px 0 0; }
.hosting-package .package-detail ul li.last a { position: relative; font-size: 14px; color: #0db7c1; }
.hosting-package .package-detail ul li.last a:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: relative; top: 2px;}
.hosting-package .package-detail ul li i { margin-right: 4px; }
.hosting-package .package-detail ul li b { margin-right: 4px; }
.hosting-package .package-detail ul li img { width: 20px; height: 20px; margin-right: 4px; position: relative; top: 4px; display: inline-block;}

.hosting-package .package-order { position: relative; padding: 15px 24px 0; }
.hosting-package .package-order .price-renew { display: flex; align-items: center; justify-content: flex-start; color:#767676; font-size: 12px; margin: 12px 0 0; }
.hosting-package .package-order .price-renew svg { position: relative; fill: #767676; display: inline-block; width: 14px; height: 14px; font-size: 16px; margin-left: 5px; }
.hosting-package .package-order .btn { font-size: 16px; width: 100%; height: 44px; font-weight: 600; padding: 10px 0 !important; }

.best-level { background-color: var(--bs-dark); color: var(--bs-white); position: absolute; left: 0; right: 0; top: -32px; height: 32px; padding: 0 20px; width: calc(100% + 1px);display: flex; align-items: center; justify-content: center; font-weight: 600; border-radius: 4px 4px 0 0;}
.best-level span { display: table; font-size: 14px; font-weight: 500; text-align: left; }

@media only screen and (max-width: 767px){
    .hosting-package { margin-bottom: 30px; }
    .hosting-package .best-level { top: -20px; }
}
/* endregion */

/* region Map */
.section-map { background-color: var(--bs-dark); padding-top: 70px; padding-bottom: 0; }
.section-map .heading { margin-bottom: 60px; }
.section-map .heading .h-title { color: #fff; font-size: 42px; }
.section-map .heading .h-desc { font-size: 22px; }

.map-area { position: relative; }
.map-area .map { opacity: .7; }
.map-area .markers { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

@media only screen and (min-width: 768px) {
    .map-area .marker { position: absolute; cursor: pointer; z-index: 2; transition: z-index 1s ease; }
    .map-area .marker:hover { z-index: 3; transition: z-index 0s ease; }
    .map-area .marker:nth-child(1) { left: 24%; top: 30%; }
    .map-area .marker:nth-child(2) { left: 52%; top: 32%; }
    .map-area .marker:nth-child(3) { left: 46%; top: 24%; }
    .map-area .marker:nth-child(4) { left: 48%; top: 20%; }
    .map-area .marker:nth-child(5) { left: 77%; top: 37%; }
}

.map-area .marker .icon { position: relative; width: 50px; height: 50px; background-image: url("../img/cloud/marker.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }
.map-area .marker .icon::after { position: absolute; content: ''; left: 20px; top: 17px; width: 10px; height: 10px; background-color: #FFFFFF; border-radius: 50%; transition: all .15s ease-in-out; z-index: 2; }
.map-area .marker:hover .icon::after { transform: scale(1.7); }
.map-area .marker .m-body { position: absolute; width: 240px; bottom: calc(100% + 15px); left: 50%; transform: translateX(-50%); background-color: #FFFFFF; padding: 20px; border-radius: 6px; box-shadow: -4px 5px 30px rgba(4, 61, 117, 0.1); visibility: hidden; opacity: 0; transition: all .3s ease-in-out; }
.map-area .marker .m-body::before { position: absolute; content: ''; bottom: -6px; left: 47%; width: 14px; height: 14px; border-radius: 4px; background-color: #FFFFFF; transform: rotate(45deg); }
.map-area .marker:hover .m-body { visibility: visible; opacity: 1; }
.map-area .marker .flag { width: 26px; margin-right: 15px; }
.map-area .marker .m-title { font-size: 16px; font-weight: 700; color: var(--bs-dark); }
.map-area .marker .m-para { font-size: 14px; font-weight: 600; margin-top: 5px; color: var(--bs-gray); }
.map-area .marker.open-left .m-body { left: unset; right: calc(100% + 10px); }
.map-area .marker.open-left .m-body::before { left: unset; right: -6px; }

@media only screen and (max-width: 767.98px) {
    .section-map .heading { margin-bottom: 20px; }
    .map-area { padding-bottom: 40px; }
    .map-area .map { display: none !important; }
    .map-area .markers { all: unset; box-sizing: border-box; }
    .map-area .marker { all: unset; box-sizing: border-box; display: block; background-color: transparent; padding: 0 15px; flex: 0 0 100%; max-width: 100%; }
    .map-area .marker .icon { display: none; }
    .map-area .marker .m-body,
    .map-area .marker .m-body::before { all: unset; box-sizing: border-box; }
    .map-area .marker .m-body { padding: 15px !important; display: block; background: var(--bs-dark); border-radius: 6px; }
    .map-area .marker .flag { width: 26px; margin-right: 15px; }
    .map-area .marker .m-title { color: #fff; }
    .map-area .marker .m-para { color: var(--bs-gray); }
}
/* endregion */

/* region Control Panel */
.section-control { background-color: var(--bs-dark); padding: 60px 0 50px; }
.section-control h2 { font-size: 46px; line-height: 1.2; margin: 0 0 10px; color: #fff; font-weight: 800; }
.section-control h2 span { display: block; color: var(--bs-success) }
.section-control p { font-size: 15px; font-weight: 500; margin: 0; color: var(--bs-gray); }
.section-control .item { background-color: #ffffff0a; padding: 20px 15px; margin: 15px 0; border-radius: 8px; transition: background-color .25s ease; }
.section-control .item img { width: 50px; margin-bottom: 5px; }
.section-control .item h3 { font-size: 14px; font-weight: 400; color: var(--bs-gray); }

@media only screen and (max-width: 767px){
    .section-control { text-align: center; }
    .section-control h2 { font-size: 32px; }
    .section-control h2>br { display: none; }
    .section-control .item { margin: 15px 0; }
}
/* endregion */

/* region Stage */
.section-boxes { padding: 60px 0 30px; background-color: #fff; }
.section-boxes .col-lg-3 { padding: 0; margin: 0 -.5px; }
.stage-box { background-color: #fbfbfb; border: 1px solid #e6e6e6; padding: 30px 20px;  }
.stage-box .title { font-size: 18px; font-weight: 600; line-height: 1; margin: 0 0 10px; }
.stage-box .desc { font-size: 26px; font-weight: 600; line-height: 1.2; margin: 0 0 15px; }
.stage-box ul { margin-bottom: 20px; }
.stage-box ul li { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; font-weight: 500; padding: 5px 0; }
.stage-box ul li svg { width: 18px; height: 18px; margin-right: 4px; }
.stage-box ul li img { width: 20px; height: 20px; margin-right: 4px; }
.stage-box .price { font-weight: 600; margin-bottom: 20px; line-height: 1.2; }
.stage-box .price span { font-size: 16px; display: block; }
.stage-box .price span>b{ font-size: 28px; font-weight: 600;  }
.stage-box .price small { display: block; color: var(--bs-gray); font-size: 14px; font-weight: 300; }

@media only screen and (max-width: 767px){
    .stage-box { padding: 15px 10px; }
    .stage-box .desc { font-size: 20px; }
    .stage-box .price { zoom: 80%; }
}
/* endregion */

/* region Feature */
.feature-block { position: relative; margin: 20px 0; }
.feature-block img { height: 36px; width: 36px; }
.feature-block h3 { font-size: 18px; font-weight: 700; margin: 0 0 5px; }
.feature-block p { font-size: 15px; margin: 0; font-weight: 400; color: var(--bs-gray); }
/* endregion */

/* region OS */
.os-list { position: relative; }
.os-item { display: flex; align-items: center; justify-content: space-between; background-color: #fff; border: 1px solid #d9dde3; padding: 1rem 1.5rem;}
.os-item+.os-item { border-top-width: 0; }
.os-item-left { align-items: center; display: flex; gap: 10px; text-align: start; margin-right: 1rem; font-weight: 700; font-size: 18px; }
.os-item-right { align-items: center; display: flex; flex-shrink: 1; text-align: end; font-size: 18px; font-weight: 700; color: var(--bs-dark-gray); }
.os-item:first-child { border-radius: 5px 5px 0 0;}
.os-item:last-child { border-radius: 0 0 5px 5px;}

@media only screen and (max-width: 767px){
    .os-item { padding: 10px; align-items: center; flex-direction: column; text-align: center; }
    .os-item-left { justify-content: center; align-items: center; margin-bottom: 10px; }
    .os-item-right {  justify-content: center; align-items: center; text-align: center; }
}
/* endregion */

/* region Customer */
.section-customer { text-align: center; padding: 50px 0 60px; background-color: var(--bs-dark); overflow: hidden; }
.section-customer h2 { font-size: 42px; font-weight: 800; margin: 0 0 .3rem; color: #fff; }
.section-customer p { font-size: 22px; font-weight: 400; line-height: 1.5; color: var(--bs-dark-gray); margin: 0 0 2.5rem;}
.section-customer .col-lg-4 { display: flex; align-items: center; justify-content: center; flex-direction: column; border-right: 1px solid #2d3036; }
.section-customer .col-lg-4:last-child { border-right: 0; }
.section-customer .col-lg-4 b { font-size: 32px; font-weight: 800; color: #fff; }
.section-customer .col-lg-4 small { font-size: 16px; font-weight: 300; color: var(--bs-dark-gray); }

@media only screen and (max-width: 767px){
    .section-customer h2 { font-size: 28px; }
    .section-customer p { font-size: 18px; }
    .section-customer p br { display: none; }
    .section-customer .col-lg-4 { justify-content: flex-start; }
    .section-customer .col-lg-4 b { font-size: 28px; }
    .section-customer .col-lg-4 small { font-size: 14px; line-height: 1.3; }
}
/* endregion */

/* region Dedicated */
.dedicated-filters { margin-bottom: 30px; }
.dedicated-filters div>span { display: block; font-weight: 800; color: var(--bs-dark)}
.dedicated-filters div input.range-slider { display: none; margin-right: 5px; }
.dedicated-filters div img { height: 22px; margin-right: 4px; }

.dedicated-servers { position: relative; }
.dedicated-servers #container { height: 100%; display: flex; flex-direction: column; }

.dedicated-item { padding: 10px; border: 1px solid #dee7ef; background-color: var(--bs-white); display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; }
.dedicated-item>div { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; color: var(--bs-dark-gray) }
.dedicated-item>div b { color: var(--bs-dark) }
.dedicated-item>.column-0 { display: flex; flex-direction: column; }
.dedicated-item>.column-0 img { height: 22px; margin: 0 0 2px; }
.dedicated-item>.column-1 { position: relative; width: 208px; }
.dedicated-item>.column-1 .badge { margin-right: 7px; }
.dedicated-item>.column-2 { width: 190px; }
.dedicated-item>.column-3 { width: 100px; }
.dedicated-item>.column-4 { width: 160px; }
.dedicated-item>.column-5 { width: 120px; }
.dedicated-item>.column-6 { width: 144px; font-weight: 800;color: var(--bs-dark); align-items: flex-end; font-size: 16px; }
.dedicated-item>.column-7 { width: 144px; text-align: center; align-items: center; }
.dedicated-item>.column-7 a { font-size: 13px; }
.dedicated-item>.column-7 .btn { width: 100%; font-size: 15px; padding: 0 5px; font-weight: 600;}
.dedicated-item:last-child { border-radius:0 0  6px 6px ;}

.dedicated-header {  background-color: var(--bs-dark); border-radius: 6px; }
.dedicated-header>div { font-weight: 600 !important; color: var(--bs-white); }

.section-control p { font-size: 18px; font-weight: 300; margin-bottom: 15px; }
.section-control p:last-child { margin-bottom: 0; }

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single { background-color: var(--bs-success); }
.irs--round .irs-bar { background-color: var(--bs-success); }
.irs--round .irs-handle { border-color: var(--bs-success); }

@media only screen and (max-width: 767px){
    .dedicated-header { display: none; }
    .dedicated-item { flex-wrap: wrap; margin-bottom: 15px; border-radius: 6px; }
    .dedicated-item>div { margin: 5px 0; }
    .dedicated-item>.column-0 { flex: 50px; }
    .dedicated-item>.column-1 { flex: calc(100% - 50px); }
    .dedicated-item>.column-1 .badge { left: inherit; right: 0; }
    .dedicated-item>.column-2 { flex: 55%; }
    .dedicated-item>.column-3 { flex: 45%; }
    .dedicated-item>.column-4 { flex: 55%; }
    .dedicated-item>.column-5 { flex: 45%; }
    .dedicated-filters { margin-bottom: 30px; }
    .dedicated-filters .cpu { margin: 30px 0; zoom:90%; padding: 0 20px; }
    .dedicated-filters .ram { margin-bottom: 15px; zoom:90%; padding: 0 20px; }
}
/* endregion */

/* region Cloud */
.section-cloud { background-color: var(--bs-dark); color: #fff; }
.section-cloud .heading { margin-bottom: 60px; }
.section-cloud .heading .h-title { color: #fff; }
.section-cloud .heading .h-desc { color: #8b8b8b; }
.section-cloud .col-lg-7 p { font-size: 18px; margin-bottom: 20px; }
.section-cloud .col-lg-7 p strong { font-weight: 700; }
.section-cloud img { width: 380px; }
.section-cloud ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 100%; }
.section-cloud ul li { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin: 40px 0; line-height: 1; flex: 0 0 50%; }
.section-cloud ul li img { width: 60px; height: 60px; }
.section-cloud ul li strong { font-size: 60px; font-weight: 800; }
.section-cloud ul li span { font-size: 18px; font-weight: 300; margin-top: 10px; color: #8b8b8b;}

@media only screen and (max-width: 767px){
    .section-cloud .col-lg-7 p { text-align: center; }
    .section-cloud ul li { flex: 0 0 100%; margin: 15px 0; align-items: center; }
    .section-cloud ul li strong { font-size: 42px; }
    .section-cloud img { width: 100%; margin-bottom: 30px; }
}
/* endregion */

/* region Login */
.section-login { padding: 60px 0; }
.login-container { padding: 30px; border-radius: 10px; background: #fff; border: 1px solid #eaeaea; box-shadow: 0 1px 1px rgb(44 50 66 / 6%), 0 8px 8px rgb(44 50 66 / 1%);}
.login-container h1 { font-size: 28px; font-weight: 600; margin: 0 0 20px; line-height: 1; text-align: center; }
.login-container .form-group { margin-bottom: 15px; }
.login-container .form-group .form-control { height: 52px; }
.login-container .btn { height: 52px; width: 100%; }
.login-container .form-group label { display: flex; margin-bottom: 5px; font-weight: 700; }
.login-container .or { position: relative; display: flex; align-items: center; justify-content: center; height: 70px; text-align: center; font-weight: 700; font-size: 18px; }
.login-container .or span { position: relative; z-index: 1; padding: 10px 15px; background-color: #fff; }
.login-container .or:before { position: absolute; content: ''; left: 0; top: 50%; width: 100%; height: 1px; background-color: #eaeaea; }
.login-container .reg { font-size: 18px; line-height: 1.5; }
.login-container .reg a { font-weight: 700; color: var(--bs-dark); }
/* endregion */

/* region Review */
.testimonial .testimonial-content { color: #4a5669; padding: 30px; font-size: 16px; font-weight: 400; background-color: #fff; border-radius: 12px; line-height: 22px; margin-bottom: 0;}
.testimonial .testimonial-author { position: relative; overflow: hidden; padding: 30px 30px 0 30px; margin-top: 0; font-size: 16px; font-weight: 400; line-height: 1.5;}
.testimonial .testimonial-author:before { content: ""; position: absolute; left: 30px; top: -10px; width: 20px; height: 20px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.testimonial .testimonial-author a { color: var(--bs-success); text-decoration: none; -webkit-transition: color .2s,background-color .2s; transition: color .2s,background-color .2s; }
.testimonial .testimonial-author small { color: var(--bs-gray); }

@media only screen and (max-width: 767px){
    .testimonial { margin: 20px 0; }
    .testimonial .testimonial-author { padding-top: 20px; }
}
/* endregion */

/* region Section Breadcrumb */
.main-breadcrumb { display: flex; text-align: left; margin: 0; padding: 0; }
.main-breadcrumb li { position: relative; display: inline-block; font-size: 12px; font-weight: 600; padding: 0 10px; color: #919191;}
.main-breadcrumb li:first-child { padding-left: 0; }
.main-breadcrumb li:before { content: ''; position: absolute; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid var(--bs-light-gray); right: 0; z-index: 1; top: 50%; margin-top: -3px; }
.main-breadcrumb li:after { content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #919191; right: -2px; top: 50%; margin-top: -5px; }
.main-breadcrumb li:last-child:before{display:none}
.main-breadcrumb li:last-child:after{display:none}
.main-breadcrumb li a { color: #919191; }
.main-breadcrumb li.active { color: #919191; }
.main-breadcrumb li a:hover { text-decoration: underline; }
/* endregion */

/* region Page Banner */
.page-banner { position: relative; padding: 90px 0; overflow: hidden; background-color: var(--bs-dark); color: #fff; }
.page-banner:after { position: absolute; content: ""; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: linear-gradient(90deg, var(--bs-dark) 40%,rgba(8,15,44,0)); }
.page-banner .page-banner-bg { position: absolute; right: 0; top: 0; width: 70%; height: 100%; object-fit: cover; }
.page-banner .container { position: relative; z-index: 1; }
.page-banner h1 { font-size: 32px; margin: 0; line-height: 1.3; }
.page-banner .main-breadcrumb { margin-bottom: 10px; }
.page-banner .main-breadcrumb li { color: #fff; }
.page-banner .main-breadcrumb li a { color: #fff; }
.page-banner .main-breadcrumb li:after {border-left-color: #fff;}
.page-banner .main-breadcrumb li:before { border-left: 3px solid var(--bs-dark) }

.page-content { font-size: 16px; }
.page-content .page-box { background-color: #fff; padding: 30px; border-radius: 6px; }
.page-content h2 { font-size: 1.4rem; font-weight: 700; line-height: 1; margin: 0 0 10px; }
.page-content h3 { font-size: 1.2rem; font-weight: 700; line-height: 1; margin: 0 0 10px; }
.page-content p { line-height: 1.5; margin: 0 0 20px; }
.page-content hr { margin: 40px 0; border-top: 1px solid #ccc; }
.page-content ul { padding-left: 30px; margin-bottom: 30px; }

.page-sidebar { background-color: #fff; padding: 20px; border-radius: 5px;}
.page-sidebar ul {list-style: none; padding: 0; margin: 0;}
.page-sidebar ul li {position: relative;}
.page-sidebar ul li a { position: relative; display: block; width: 100%; font-size: 15px; padding: 5px; color: var(--bs-dark)}
.page-sidebar ul li a.active { position: relative; color:var(--bs-success); font-weight: 700; }
.page-sidebar ul li a.active:before { position: absolute; content: ''; left: -6px; top:4px; height: 20px; width: 2px; background: var(--bs-success); }
.page-sidebar ul li a:hover { color:var(--bs-success); }

@media only screen and (max-width: 767px){
    .page-sidebar { margin-bottom: 30px; }
}

/* endregion */

/* region Contact */
.section-contact { position: relative;padding: 50px 0 80px;background: #fff;width: 100%; }
.section-contact h3 { font-weight: 700;font-size: 30px;margin: 0 0 20px; }
.section-contact h3 span { display: block;font-weight: 700;font-size: 30px; }
.section-contact .contact-text { position: relative;padding: 25px 0; }
.section-contact .contact-text h6 {color: #1f2532;font-weight: 700;font-size: 20px; position: relative; margin: 0 0 5px; letter-spacing: 1px;}
.section-contact .contact-text .info {font-size: 16px;font-weight: 400; line-height: 1.5; margin-bottom: 48px; }
.section-contact .contact-text a { color: var(--bs-dark); }
.section-contact .form-control { border-radius: 3px;box-shadow: none;font-size: 18px;height: 63px; border: 1px solid #E5E8ED !important; padding: 18px 33px; background-color: #fff; }
.section-contact textarea.form-control { height: 122px; }
.section-contact .btn { padding-left: 40px;padding-right: 40px;}
/* endregion */

/* region Faqs */
.custom-faq1 .faq { background: #fff; border: 1px solid #e5e8ed; border-bottom: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.custom-faq1 .faq:first-child { border-radius: 10px 10px 0 0; }
.custom-faq1 .faq:last-child { border-radius: 0 0 10px 10px; }
.custom-faq1 .faq h3 { position: relative; font-size: 18px; font-weight: 400; color: var(--bs-dark); text-transform: none; cursor: pointer; margin: 0; padding: 15px 20px 15px 40px; }
.custom-faq1 .faq h3 i { position: absolute; top: 8px; left: 0; border: 1px solid #3c4858; border-radius: 50%; width: 40px; height: 40px; padding: 5px; font-size: 28px; color: var(--bs-dark); }
.custom-faq1 .faq .collapse__detail > div { padding: 0 0 20px 20px; font-size: 16px; line-height: 1.5; font-weight: 300; }
.custom-faq1 .faq h3[aria-expanded="true"] { color: var(--bs-success); }
.custom-faq1 .faq h3[aria-expanded="true"] i { color: #fff; border-color: var(--bs-success); background: var(--bs-success); }
.custom-faq1 .faq h3[aria-expanded="false"]:after { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 16px 16px; left: 15px; top: 21px; width: 16px; height: 16px; }
.custom-faq1 .faq h3[aria-expanded="true"]:after { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2305c269'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 16px 16px; left: 15px; top: 21px; width: 16px; height: 16px; transform: rotateX(180deg);}
.custom-faq1 .faq .btn { padding: 8px 24px; height: 36px; min-height: 36px; font-size: 13px; }
.custom-faq1 .faq:last-child { margin-bottom: 0; border-bottom: 1px solid #e5e8ed;}

@media only screen and (max-width: 767px){
    .custom-faq1 .faq h3 { font-size: 15px; line-height: 1.3; }
}
/* endregion */

/* region Help */
.section-help .section-main { padding: 50px 40px; }
.section-help h3 { font-size: 32px; font-weight: 800; margin: 0; color: var(--bs-dark); text-align: center; }
.section-help p { font-size: 22px; margin: 0 0 35px;color: var(--bs-dark-gray); text-align: center; }
.section-help .img-holder { position: absolute; left: 20px; bottom: -50px; width: 100%; }
.section-help .block__support { position: relative; }
.section-help .block__support a { position: relative;z-index: 1; cursor:pointer; display: block; text-align: center; color: var(--bs-dark); padding:15px 10px; border: 1px solid #E9E9E9; border-radius: 6px; margin: 0 -.5px; }
.section-help .block__support a > img { display: block; margin: 0 auto 5px; height: 48px; width: 48px;}
.section-help .block__support a > svg { display: block; margin: 0 auto 10px; fill: var(--bs-dark); height: 48px; width: 48px;}
.section-help .block__support a > span { display: block; font-size: 16px; font-weight: 700; line-height: 1.5;}
.section-help .block__support a > small { display: block; font-size: 15px; line-height: 1.5; }
.section-help .block__support a:hover { background: #fff; }

@media only screen and (max-width: 767px){
    .section-help { overflow: hidden; height: 530px; padding-top: 40px; }
    .section-help h3 { font-size: 24px; }
    .section-help p { font-size: 18px; margin-bottom: 20px; }
    .section-help .section-main { padding: 0; }
    .section-help .block__support .col-4 { padding: 5px; }
    .section-help .block__support a { background-color: #fff; }
    .section-help .block__support a > span { font-size: 14px; }
    .section-help .block__support a > small { font-size: 14px; }
    .section-help .img-holder { display: flex; position: relative; bottom: -11px; left: unset; }
}
/* endregion */

/* region Footer */
.footer { padding: 40px 0; background-color: var(--bs-dark)}

.footer .f-bottom .f-logo { flex: 0 0 150px; }
.footer .f-bottom .f-logo a { display: flex;}
.footer .f-bottom .f-logo a>img{ height: 20px; }
.footer .f-bottom .f-link { flex: 0 0 calc(100% - 400px); padding: 0 30px; color: #ffffff99;  display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.footer .f-bottom .f-link a { position: relative; padding: 5px 10px; color: #fff; font-weight: 400; font-size: 14px; transition: .25s; }
.footer .f-bottom .f-link a:after { position: absolute; content: ''; right: -3px; top: 3px; bottom: 3px; width: 1px; background-color: rgba(255, 255, 255, .3); }
.footer .f-bottom .f-link a:last-child:after { display: none; }
.footer .f-bottom .f-link .copyright { margin-top: 10px; padding-left: 10px; }
.footer .f-bottom .f-social { flex: 0 0 250px; display: flex; align-items: center; justify-content: flex-end;}
.footer .f-bottom .f-social a { font-size: 26px; border-radius: 6px; width: 32px; height: 32px; line-height: 32px; margin-left: 15px; text-align: center; color:#ffffff99; display: inline-block;}
.footer .f-bottom .f-social a svg { fill: #ffffff; width: 20px; height: 20px; }
.footer .f-bottom .f-social a:hover { background-color: var(--bs-dark); }
/* endregion */

/* region Animate */
.hide { display: none !important; }
.d-md-none { display: none !important; }

@-webkit-keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1.1);}}
@keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1.1);}}
@-webkit-keyframes bounce {from {-webkit-transform: translateY(0px);}to {-webkit-transform: translateY(10px);}}
@-moz-keyframes bounce {from {-moz-transform: translateY(0px);}to {-moz-transform: translateY(10px);}}
@keyframes bounce {from {-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}to {-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);} }
@keyframes banner-title {from {transform: translateX(500px);opacity: .1;}to {transform: translateX(0);opacity: 1;}}
@keyframes banner-desc {from {transform: translateY(100px);opacity: .1;}to {transform: translateX(0);opacity: 1;}}
@keyframes banner-button {from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes tso-rainbow{from{background-position:0 0}to{background-position:100vw 0}}@keyframes tso-rainbow{from{background-position:0 0}to{background-position:100vw 0}}
@-webkit-keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}
/* endregion */

/* region Gdpr */
.contract-popup { font-size: 14px; color: #333; position: fixed; bottom: 20px; left: 20px; width: 450px; z-index: 130; padding: 20px 30px; box-shadow: 0 0 30px rgba(0,0,0,0.2); border-radius: 20px; background-color: #fff; }
.contract-popup b { display: block; font-weight: bold;font-size: 16px;margin-bottom: 5px; }
.contract-popup .contract-close { display: inline-flex; align-items: center; justify-content: center; height: 34px; background: var(--bs-success); margin-top: 15px; color:#fff; border-radius: 20px; font-weight: 600; padding: 0 15px;line-height: 1; }
/* endregion */

/* region Mobile */
@media only screen and (max-width: 767px){
    .heading .h-title { font-size: 24px !important; }
    .heading .h-desc { font-size: 18px !important; }

    .section { padding: 30px 0; overflow: hidden; }
    .section .heading { margin-bottom: 20px; }

    .feature-block { text-align: center; }


    .footer { overflow: hidden; padding-bottom: 70px; }
    .footer .f-bottom .d-flex { flex-direction: column; }
    .footer .f-bottom .f-logo { flex: 0 0 auto; width: 100%; margin-bottom: 20px; justify-content: center; align-items: center; text-align: center; }
    .footer .f-bottom .f-logo img { height: 45px; }

    .footer .f-bottom .f-link { flex: 0 0 auto; width: 100%; padding: 0; }
    .footer .f-bottom .f-link>div:first-child { width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
    .footer .f-bottom .f-link .copyright { text-align: center; margin-top: 10px; }
    .footer .f-bottom .f-social { flex: 0 0 auto; width: 100%; justify-content: center; margin-top: 20px; }

    .contract-popup { padding: 15px; width: calc(100% - 40px); }
}
/* endregion */


.section-cart {
    padding: 60px 0 30px;
    background-color: #fff;
}

.section-cart .section {
    padding: unset;
}

.section-cart .btn {
    font-size: var(--btn-sm-font-size);
    height: var(--ui-height-sm);
    padding: var(--ui-padding-sm-v) var(--ui-padding-sm-h);
    font-size: var(--btn-sm-font-size);
    line-height: var(--btn-sm-line-height);
    border-radius: var(--btn-sm-border-radius);
    font-weight: var(--btn-sm-font-weight);
}

.banner-text-lg {
    height: auto;
    min-height: 520px;
}




.company-intro {
    padding: 2rem 0;
}

.company-stats {
    background: var(--bs-dark);
    border-radius: 15px;
    padding: 2rem;
    color: white;
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: white;
}

.stat-label {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
}

.strength-card {
    background: white;
    border-radius: 10px;
    padding: 2rem;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e9ecef;


    border: 1px solid #dee7ef;
    background-color: var(--bs-white);

    width: 100%;
    margin-bottom: 10px;
    
}

.strength-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.strength-icon {
    width: 60px;
    height: 60px;
    background: var(--bs-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.strength-icon img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1);
}

.strength-card h4 {
    color: #333;
    margin-bottom: 1rem;
    font-weight: 600;
}

.strength-card p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.service-item {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    transition: transform 0.3s ease;
}

.service-item:hover {
    transform: translateY(-3px);
}

.service-icon {
    width: 80px;
    height: 80px;
    background: #f8f9fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.service-icon img {
    width: 40px;
    height: 40px;
}

.service-content h4 {
    color: #333;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.service-content p {
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.mission-vision-card {
    background: white;
    border-radius: 15px;
    padding: 2.5rem;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    height: 100%;
    text-align: center;
}

.card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.card-icon img {
    width: 40px;
    height: 40px;
    filter: brightness(0) invert(1);
}

.mission-vision-card h3 {
    color: #333;
    margin-bottom: 1rem;
    font-weight: 600;
}

.mission-vision-card p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .service-item {
        flex-direction: column;
        text-align: center;
    }
    
    .service-icon {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .company-stats {
        margin-top: 2rem;
    }
}

.section.section-company-core {
    background-color: var(--bs-dark);
    padding: 60px 0 50px;
}


.section.section-company-core .heading .h-title {
    color: #ffffff;
}



.marquee {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 26px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.marquee-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.marquee-text {
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: var(--base-headingfont);
    color: var(--base-white);
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
@keyframes scroll {
    from {
       transform: translateX(0);
     }
    to {
       transform: translateX(-50%);
    }
}
.marquee-content {
  animation: scroll 24s 3s linear infinite;
}
.marquee-content:hover {
  animation-play-state: paused;
}
.marquee-text {
  position: relative;
}
.padding_zero-section .marquee-text:before {
   content: '';
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    height: 2px;
    width: 7px;
    background: var(--base-white);
    margin: auto 0;

}

/*style1*/

.marquee-section .marquee-block.style1{
    width: 100%;
    animation: prt-marque-text 10s linear infinite;
    will-change: transform;
    white-space: nowrap;
}
.marquee-section .marquee-block.style1:hover {
    animation-play-state: paused !important;
}
.marquee-section .marquee-block.style1  .marquee-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 60px;
}
.marquee-section .marquee-block.style1 .marquee-text::before {
    content: '';
    position: absolute;
    -webkit-background-image: url(../images/star.svg);
    background-image: url(../images/star.svg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    left: -40px;
    right: auto;
    top: 0;
    margin: auto;
    width: 87px;
    height: 87px;
    bottom: 0;
}
.marquee-section .marquee-block.style1 .marquee-text {
  font-size: 110px;
  line-height: 110px;
  font-family: var(--base-headingfont);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--base-black);
}
.marquee.style1{
    background-color:var(--base-dark);
        padding-top: 26px;
    padding-bottom: 26px;
}
.marquee.style1 .marquee-content .marquee-text:nth-child(even){
    color:#afafaf;
}
.marquee.style1 .marquee-content .marquee-text{
    font-size:16px;
    line-height:26px;
    text-transform: uppercase;
    font-weight:500;
}


.section-marquee.overflow-hidden.clearfix {
    background: var(--bs-success);
}

.section-marquee .marquee-text {
    color: #ffffff;
}







.cta-section-style02 .cta-section-style02-title{
    border-bottom   : 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom:15px;
    position: relative;
    z-index:1;
}
.cta-section-style02 .featured-iconbox-style02 .featured-icon-box-style02{
     font-size: 30px;
     border:1px solid rgba(255, 255, 255, 0.3) !important;
     border-radius: 15px;
     background-color: var(--base-headingfont-color);
     text-align: center;
     display: flex;
     padding: 15px;
     margin-right: 15px;
     height:62px;
     width: 62px;
     align-items: center;
}
.cta-section-style02 .featured-iconbox-style02 .featured-iconbox-inner-content{
    align-items: center;
    position:relative;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
}
.cta-section-style02 .featured-iconbox-style02 .featured-icon-box-style02 i{
    color: var(--base-white);
        line-height: 30px;
            position: relative;
    top: 1px;
}
.cta-section-style02 .featured-iconbox-style02 .featured-title-style02 h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom:0;
    color: #ffffff;
    margin-bottom: 10px;
}
.featured-title-style02 p {
    color: #ffffff;
}
.cta-section-style02 .featured-iconbox-style02 .featured-title-style02 h3 span{
    border-bottom: 3px solid var(--base-white);
}

.cta-section-style02:before {
 position: absolute;
 content: "";
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 -webkit-transition: all .45s ease-in-out;
 -moz-transition: all .45s ease-in-out;
 -ms-transition: all .45s ease-in-out;
 transition: all .45s ease-in-out;
 visibility: visible;
 align-items: center;
 justify-content: center;
 background: linear-gradient(0deg, rgba(19, 20, 24, 0.90) 30%, transparent 60%);
 padding: 20px;
 transition: all .3s ease;
 overflow: hidden;
 }

 /*cta-section-3*/
 .client-section2 .client-title{
    background-color: #EFF3FA;
    padding: 8px 15px 8px 15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0017464D;
    border-radius: 30px 30px 30px 30px;
    margin-bottom:30px;
    text-align: center;
 } 
 .client-section2 .client-box-main.style1 .client-thumbnail img{
        filter: brightness(0.8);
 }
 .client-section2 .client-box-main.style1 .client-thumbnail img:hover{
     filter: grayscale(0%);
    opacity: 1;
}
 .client-section2 .col-lg-6.m-auto{width:auto!important;}
.client-section2 .client-title h2{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    color: #001746;
    margin-bottom:0;
}


.cta-section2 .section-title-block .section-title h3.title{
    color:#fff;
} 
.cta-section2 .section-title-block .section-title h3.title span {border-color:#fff}
.cta-section2 .prt-list.prt-bordered-lists.prt-list-style-icon-02 li{width:100%; padding:0;}
.prt-list.prt-bordered-lists.prt-list-style-icon-02 li+li{border-top: 0px solid #eee;}
.prt-list.prt-bordered-lists.prt-list-style-icon-02 li{
    color:#fff;    
    margin-right: calc(25px / 2);
    margin-left: calc(25px / 2);
    align-items:center  ;
}
.prt-list.prt-bordered-lists.prt-list-style-icon-02 li:first-child{
    margin-left: 0;
}
.prt-list.prt-bordered-lists.prt-list-style-icon-02 li .prt-list-icon{
    width: 1.25em;
    font-size:22px; 
    position:relative;
    top:3px;
    left:-1px;
}
.prt-list.prt-bordered-lists.prt-list-style-icon-02 li h3{
    color:#fff;
    font-size:16px;
    line-height:26px;
    padding-left:5px;
    margin-bottom:0;
}
.featured-imagebox-cta.style1 .featured-icon-img img{    height: max-content;}
.featured-imagebox-cta.style1 .featured-icon-box{
        background-color: #FFFFFF1A;
        display:inline-flex ;
        padding:20px;
        border-radius:15px;
        border:1px solid    #FFFFFF4D;
        gap:20px;
}
.featured-imagebox-cta.style1 .featured-icon-box .featured-icon-img{
   width: 183px;
    display: contents;
    object-fit: cover;
}
.featured-imagebox-cta.style1 .featured-content .featured-title h4{
        text-transform: uppercase;
    line-height: 30px;
    color: #FFFFFF;
    margin:0;
}
.featured-imagebox-cta.style1 .featured-content .btn-wrapper a:after{display: none;}
.featured-imagebox-cta.style1 .featured-content .btn-wrapper a:hover{
    background-color: var(--base-black);
    border-color:var(--base-black);
}
 
.prt-row.cta-section-style02{padding:100px 0 100px;background: url(https://cdn.selectel.ru/site_v3/_nuxt_v3/datacenter.efG1D5K8.jpg);background-size: cover;}

.position-relative {
    position: relative;
}

.pt-200 {
    padding-top: 200px ! important;
}

.pt-30 {
    padding-top: 30px;
}

.cta-section-style02 .section-title {
    font-size: 54px;
    line-height: 70px;
    font-weight: 500;
}


.company-intro .h-title {
    font-size: 40px;
    line-height: 70px;
    font-weight: 500;
}

.company-intro .lead {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: var(--bs-dark-gray);
}