* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box
}

::selection {
    background: #000;
    color: #fff
}

:root {
    --wk-primary-color: #0041FF;
    --wk-primary-color-alter: #1139df;
    --wk-secondary-color: #0E1B51
}

:focus {
    outline: 0
}

body {
    font-family: Manrope,sans-serif;
    margin: 0!important;
    line-height: normal;
    font-weight: 400;
    font-display: swap;
    background: #eaeaea !important;
}

[data-color=prime] {
    color: #0041ff
}

html {
    scroll-behavior: smooth
}

h1 {
    font-weight: 500
}

h2,h3,h4,h5 {
    font-weight: 500
}

h1,h2,h3,h4,h5 {
    color: #3a3a3a;
    margin: 0 0 10px 0
}

h6 {
    margin: 0 0 10px 0;
    color: #3a3a3a;
    font-weight: 500;
    font-size: 16px
}

::-webkit-datetime-edit-day-field:not([aria-valuenow]),::-webkit-datetime-edit-month-field:not([aria-valuenow]),::-webkit-datetime-edit-year-field:not([aria-valuenow]) {
    color: transparent
}

input[type=date]::-webkit-inner-spin-button {
    opacity: 0
}

input[type=date]::-webkit-calendar-picker-indicator {
    background: url(images/calender.png) center/80% no-repeat;
    color: rgba(0,0,0,0);
    opacity: 1;
    cursor: pointer
}

input[type=date]::-webkit-calendar-picker-indicator:hover {
    background: url(images/calender.png) center/80% no-repeat;
    opacity: .8
}

h1 {
    font-size: 45px
}

h1.page-heading {
    text-align: center
}

h1.page-heading:after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 3px;
    width: 100px;
    margin: 10px auto
}

h1.underline:after,h2.underline:after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 3px;
    width: 100px;
    margin: 15px 3px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

.large-heading {
    font-size: 44px
}

dl,ol,p,ul {
    color: #3a3a3a;
    font-weight: 400;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 19px;
    line-height: 26px
}

p.larger {
    color: #939393;
    font-size: 20px
}

a {
    text-decoration: none;
    font-weight: 400;
    color: #0041ff
}

img {
    max-width: 100%;
    height: auto
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.dir-rtl {
    direction: rtl;
    text-align: left
}

.img-auto {
    height: auto;
    max-width: 100%
}

.wkgrid-fluid {
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.wkgrid-squeezy {
    width: 820px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.wkgrid-squeezy:before {
    content: "";
    display: table
}

.wkgrid-compact {
    width: 980px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.wkgrid-wide {
    width: 1180px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.wkgrid-wide.wider {
    width: 1240px
}

.wkgrid-wide.wider-extend {
    width: 1280px
}

.wkgrid-wide.wider-max {
    width: 1438px
}

.wkgrid-max {
    max-width: 100%;
    width: 1526px;
    padding: 0 30px;
    margin: 0 auto
}

.bs-right-arrow {
    display: block;
    color: #2149f3!important;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    margin-top: 25px!important;
    margin: 0 auto
}

.bs-right-arrow::after {
    content: '';
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    vertical-align: bottom;
    background-position: -273px -38px;
    transform: rotate(180deg);
    cursor: pointer;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-align-top h3 {
    font-weight: 800;
    font-size: 40px!important;
    color: #2c3145
}

.bs-align-top h3::after {
    content: '';
    background-color: unset!important;
    margin: 0!important
}

.bs-align-top a {
    margin: 4px 0 15px 0!important
}

.dir-ltr {
    direction: ltr
}

.tickle {
    transition: .2s ease-in-out
}

.tickle:hover {
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27);
    transform: translateY(-2px)
}

.overflow-hide {
    overflow: hidden
}

.section-padding-0T {
    padding: 0 0 60px
}

.section-padding-0B {
    padding: 60px 0 0
}

.section-padding {
    padding: 60px 0
}

.section-padding128 {
    padding: 128px 0
}

.section-padding128-0B {
    padding: 128px 0 0
}

.section-padding96-0B {
    padding: 96px 0 0
}

.section-paddingHalf {
    padding: 40px 0
}

.section-paddingHalf-0T {
    padding: 0 0 40px
}

.section-paddingHalf-0B {
    padding: 40px 0 0
}

.section-padding-80-0B {
    padding: 80px 0 0
}

.margin-top-56 {
    margin-top: 56px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-16 {
    margin-top: 20px
}

.display-none {
    display: none!important
}

.transparent {
    opacity: 0!important;
    visibility: hidden
}

.col-main {
    color: #0041ff
}

a:active,a:hover,a:link,a:visited {
    text-decoration: none;
    color: #0041ff
}

ul {
    padding: 0
}

ul li {
    text-align: left;
    list-style: none;
    margin: 12px 0
}

td {
    color: #3a3a3a
}

#uv_submit1 {
    font-weight: 500;
    min-width: 100px;
    outline: 0;
    border: none;
    text-align: center;
    background-color: #0041ff;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.27),0 12px 26px 0 rgba(0,0,0,.2);
    border-radius: 3px;
    padding: 12px 18px 13px 18px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .2s ease-in-out;
    text-transform: uppercase
}

#uv_submit1:hover {
    text-decoration: none;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
    transform: translateY(-2px);
    background-color: #1139df
}

.bs-button,a.bs-button,button.bs-button,input[type=submit].bs-button {
    transition: .2s ease-in-out;
    font-weight: 700;
    min-width: 100px;
    text-align: center;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.27),0 12px 26px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    padding: 12px 18px 13px 18px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0;
    text-decoration: none;
    background-color: #0041ff;
    cursor: pointer
}

.bs-button:hover,a.bs-button:hover {
    box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
    transform: translateY(-2px);
    background-color: #1139df
}

.bs-button.btn-dark,a.bs-button.btn-dark {
    background-color: #000311
}

.bs-button.btn-dark:hover,a.bs-button.btn-dark:hover {
    background-color: #0b132b
}

.bs-button.btn-ghost,a.bs-button.btn-ghost {
    background: 0 0;
    border: 2px solid #fff;
    padding: 12px 35px;
    box-shadow: none
}

.bs-button.btn-moon,a.bs-button.btn-moon {
    background: #fff;
    color: #000
}

.bs-button.btn-compact,a.bs-button.btn-compact {
    min-width: 160px
}

.bs-button.github:before,a.bs-button.github:before {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    background-position: -336px -64px;
    vertical-align: middle;
    margin-right: 8px
}

.bs-button.aws-ami,a.bs-button.aws-ami {
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #fff;
    color: #000
}

.bs-button.aws-ami img,a.bs-button.aws-ami img {
    margin-bottom: -6px
}

.bs-button.large,a.bs-button.large {
    padding-left: 40px;
    padding-right: 40px
}

.bs-button.arrowed,a.bs-button.arrowed {
    padding: 0;
    background: 0 0;
    box-shadow: none;
    font-weight: 700
}

.bs-button.arrowed:hover,a.bs-button.arrowed:hover {
    transform: translateY(0)
}

.bs-button.arrowed:hover:after,a.bs-button.arrowed:hover:after {
    transform: translate(2px,-2px)
}

.bs-button.arrowed:after,a.bs-button.arrowed:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 13px;
    height: 13px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    transition: .5s;
    background-position: -294px -213px
}

.bs-button.arrowed.arrowed-blue,a.bs-button.arrowed.arrowed-blue {
    color: #0041ff
}

.bs-button.arrowed.arrowed-blue:after,a.bs-button.arrowed.arrowed-blue:after {
    background-position: -320px -262px
}

.bs-button.shadow-none,a.bs-button.shadow-none {
    box-shadow: none
}

.bs-button.btn-light,a.bs-button.btn-light {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff
}

.bs-button.btn-light-black,a.bs-button.btn-light-black {
    background: #fff;
    color: #030e1a;
    border: 1px solid #e6e8e8
}

button.bs-button,input[type=submit].bs-button {
    border: 0;
    cursor: pointer
}

.wk-skeleton-loader .wk-loader-grp {
    margin-top: 37px
}

.wk-skeleton-loader .wk-loader-strip {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loaderShimmer;
    animation-name: loaderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear,left top,right top,color-stop(8%,#eee),color-stop(18%,#ddd),color-stop(33%,#eee));
    background: -webkit-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);
    background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: 8px;
    margin: 18px 0;
    opacity: .75
}

.wk-skeleton-loader .wk-loader-strip.w-65 {
    width: 65px
}

.wk-skeleton-loader .wk-loader-strip.w-80 {
    width: 80px
}

.wk-skeleton-loader .wk-loader-strip.w-290 {
    max-width: 290px;
    margin-top: 50px
}

.wk-skeleton-loader .wk-loader-strip.w-150 {
    width: 170px;
    margin-top: 45px
}

.wk-skeleton-loader .wk-loader-strip.h-50 {
    height: 70px
}

.opaque {
    opacity: 1!important;
    visibility: visible
}

.transparent {
    opacity: 0!important;
    visibility: hidden
}

.hue-default {
    background-image: linear-gradient(135deg,#40bdf4 20%,#1e88e5 70%)
}

.hue-articles {
    background-image: linear-gradient(135deg,#40bdf4 20%,#1e88e5 70%)
}

.hue-docs {
    background-image: linear-gradient(135deg,#fad7a1 20%,#e96d71 70%)
}

.margin-top-30 {
    margin-top: 30px
}

.top-20 {
    top: 20px
}

.text-line {
    text-decoration: underline!important
}

.full-height {
    height: 100%
}

.cycle-motion {
    animation: spin .1s linear infinite
}

.x-scroll-container {
    max-width: 1024px;
    margin: auto;
    overflow: hidden;
    position: relative
}

.flex-space {
    display: flex;
    justify-content: space-between
}

.block {
    display: block
}

.grecaptcha-badge {
    display: none
}

.bs-img-linker {
    display: inline-block;
    margin: 10px;
    border: 1px solid #d3d3d3;
    transition: .25s ease-in-out;
    border-radius: 5px
}

.bs-img-linker img {
    border-radius: 5px
}

.bs-img-linker:hover {
    box-shadow: 0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12)
}

.null {
    font-size: 0
}

.wkio-lazify {
    opacity: 0!important;
    animation: none!important;
    animation-fill-mode: none!important;
    transition: .3s
}

.wk-lazify {
    opacity: 0!important;
    animation: none!important;
    animation-fill-mode: none!important;
    transition: .3s
}

.wkdata-loading {
    background-image: unset!important
}

.wkdata-loading:after,.wkdata-loading:before {
    background-image: unset!important
}

.wk-lazify-loaded {
    opacity: 1!important;
    transition: .3s;
    visibility: visible!important
}

.wk-bg-lazify {
    background-image: unset!important
}

.warn {
    border-color: red
}

#ui-datepicker-div {
    z-index: 3!important
}

.select2-container .select2-dropdown {
    z-index: 10!important
}

.inline-dividers-50 .imgR216,img.imgR216 {
    width: 216px;
    height: 216px;
    object-fit: contain
}

.wk-filter-blur {
    filter: blur(5px)
}

.bs-heading {
    font-size: 32px
}

.bs-heading:after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 3px;
    width: 100px;
    margin: 15px 3px
}

.bs-heading[align=center]:after {
    margin-left: auto;
    margin-right: auto
}

.m-0 {
    margin: 0!important
}

.margin-B25 {
    margin-bottom: 25px
}

img[alt="css.php"] {
    display: none
}

.bs-input-field-wrap {
    position: relative
}

.bs-input-field-wrap .bs-input-field {
    display: block;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #d3d3d3;
    font-size: 19px;
    padding: 3px 0 5px 0;
    transition: .2s ease-out;
    background-color: transparent;
    border-radius: 0;
    color: #3e3e3e;
    margin-bottom: 30px;
    z-index: 1
}

.bs-input-field-wrap .bs-input-field::placeholder {
    opacity: 0
}

.bs-input-field-wrap .bs-input-field:focus,.bs-input-field-wrap .bs-input-field:not(:placeholder-shown) {
    border-bottom-color: #0041ff
}

.bs-input-field-wrap .bs-input-field:focus~label,.bs-input-field-wrap .bs-input-field:not(:placeholder-shown)~label {
    top: -20px;
    font-size: 16px;
    color: #424242
}

.bs-input-field-wrap .bs-input-field+label {
    color: #999;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    font-weight: 500;
    top: 1px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    z-index: 2
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bold {
    font-weight: 500!important
}

.m-0-auto {
    margin: 0 auto!important
}

.--polygon-l {
    position: relative
}

.--polygon-l: before {
    content:'';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 150px;
    top: 130px;
    height: 768px;
    background-repeat: no-repeat;
    background-position-x: right
}

.--polygon-l.--polygon-oh {
    overflow: hidden
}

.--polygon-r {
    position: relative
}

.--polygon-r: after {
    content:'';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 70px;
    top: 30px;
    right: 0;
    height: 768px;
    background-repeat: no-repeat;
    background-position-x: left
}

.--polygon-r.--polygon-oh {
    overflow: hidden
}

.--polygon-r.--polygon-b: after {
    bottom:30px;
    top: unset
}

.bs-design-pallate-left:before,.bs-design-pallate-right:before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 231px;
    height: 360px;
    right: 0;
    top: 480px;
    z-index: -1
}

.bs-design-pallate-left:after,.bs-design-pallate-right:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 231px;
    height: 360px;
    right: 0;
    transform: rotateX(180deg);
    bottom: 160px;
    z-index: -1;
    top: 837px
}

.bs-design-pallate-left {
    position: relative
}

.bs-design-pallate-left:before {
    transform: rotateX(0) rotateY(180deg);
    left: 0;
    right: unset;
    top: -338px
}

.bs-design-pallate-left:after {
    transform: rotateX(-180deg) rotateY(180deg);
    left: 0;
    right: unset;
    top: 19px
}

.bs-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bs-inline-item {
    display: flex;
    align-items: center;
    gap: 8px
}

.bs-listing-heading-wrapper {
    max-width: 980px;
    margin: 0 auto
}

.bs-listing-heading-wrapper h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: #2c3145
}

.bs-listing-heading-wrapper p {
    margin: 16px 0 0;
    font-size: 18px;
    font-weight: 400;
    color: #2c3145
}

.linear-color-text,.linear-color-text * {
    background-image: linear-gradient(273.34deg,#00d4ff 0,#0041ff 50%,#00d4ff 100%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: shine 7s linear infinite;
    background-size: 200% auto;
    will-change: transform
}

.bs-banner-content .bs-banner-heading {
    font-size: 64px;
    font-weight: 700;
    line-height: 88px;
    color: #030e1a
}

.bs-banner-content .bs-banner-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    color: #030e1a
}

.bs-banner-content .bs-banner-para {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #030E1AB2
}

.bs-banner-content .bs-banner-para.sm-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.bs-banner-content .bs-banner-para a {
    cursor: pointer
}

.bs-banner-content .bs-banner-para a:hover {
    text-decoration: underline
}

.mw700 {
    max-width: 700px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.mw600 {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.section-to-animate {
    opacity: .01;
    will-change: transform;
    transform: translateY(2rem)
}

.animate {
    opacity: 1;
    animation: slideIn .6s cubic-bezier(0,0,.3,1) forwards;
    animation-delay: 0s
}

.animated-text {
    position: relative;
    overflow: hidden;
    visibility: hidden
}

.animated-text.visible {
    visibility: visible
}

.animated-text .word {
    display: inline-block;
    opacity: 0;
    will-change: transform;
    transform: translateY(.5em);
    transition: opacity .2s ease-out,transform .2s ease-out
}

.animated-text .word.animate-word {
    opacity: 1;
    transform: translateY(0)
}

.animate-card {
    position: relative
}

.animate-card>* {
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    will-change: transform;
    transition: opacity .3s ease,transform .3s ease
}

.animate-card>.visible {
    opacity: 1;
    transform: translateY(0)
}

.bs-read-story-arrow-icon::after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background-position: -292px -308px;
    transition: all .25s ease-in-out
}

.wpcf7-submit {
    margin-top: 20px;
    font-weight: 700;
    min-width: 100px;
    outline: 0;
    border: none;
    text-align: center;
    background-color: #0041ff;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.27),0 12px 26px 0 rgba(0,0,0,.2);
    border-radius: 4px;
    padding: 12px 15px 13px 15px;
    font-size: 15px;
    display: inline-block;
    transition: .25s;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer
}

.wpcf7-submit:hover {
    text-decoration: none;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
    transform: translateY(-2px);
    background-color: #1139df
}

.cf7-cf-turnstile {
    margin: 20px 0 0!important
}

.cf7-cf-turnstile br {
    display: none
}

.cf7-cf-turnstile .cf-turnstile {
    margin: 0!important
}

.cf7-cf-turnstile iframe {
    width: 100%!important
}

span.wpcf7-not-valid-tip {
    font-size: 14px!important;
    margin-top: 8px!important
}

.uv_form-group,.wpcf7-form p {
    text-align: left;
    position: relative
}

.uv_form-group .uv_selectpicker,.uv_form-group label[for=type],.wpcf7-form .uv_selectpicker,.wpcf7-form label[for=type] {
    display: none
}

.uv_form-group p,.wpcf7-form p {
    margin: 0
}

.uv_form-group p:has(*),.wpcf7-form p:has(*) {
    margin: 20px 0 0
}

.uv_form-group p:has(.wpcf7-submit),.wpcf7-form p:has(.wpcf7-submit) {
    margin: 0
}

.uv_form-group .uv_required,.uv_form-group label,.wpcf7-form .uv_required,.wpcf7-form label {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030E1AB2
}

.uv_form-group label.wk-label-active,.wpcf7-form label.wk-label-active {
    color: #64687a;
    transform: translateY(-20px) scale(.9)
}

.uv_form-group .uv_form-control,.uv_form-group input[type=email],.uv_form-group input[type=number],.uv_form-group input[type=password],.uv_form-group input[type=tel],.uv_form-group input[type=text],.uv_form-group select,.uv_form-group textarea,.wpcf7-form .uv_form-control,.wpcf7-form input[type=email],.wpcf7-form input[type=number],.wpcf7-form input[type=password],.wpcf7-form input[type=tel],.wpcf7-form input[type=text],.wpcf7-form select,.wpcf7-form textarea {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding: 8px 12px;
    margin: 8px 0 0;
    background: #f4f6fb;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #030e1a
}

.uv_form-group .uv_form-control:focus,.uv_form-group input[type=email]:focus,.uv_form-group input[type=number]:focus,.uv_form-group input[type=password]:focus,.uv_form-group input[type=tel],.uv_form-group input[type=text]:focus,.uv_form-group textarea:focus,.wpcf7-form .uv_form-control:focus,.wpcf7-form input[type=email]:focus,.wpcf7-form input[type=number]:focus,.wpcf7-form input[type=password]:focus,.wpcf7-form input[type=tel],.wpcf7-form input[type=text]:focus,.wpcf7-form textarea:focus {
    border-bottom-color: #0041ff
}

.uv_form-group textarea,.wpcf7-form textarea {
    height: 100px;
    padding-top: 23px!important
}

.uv_form-group input[readonly=true],.wpcf7-form input[readonly=true] {
    color: rgba(0,0,0,.45);
    border-bottom-color: rgba(0,0,0,.45);
    pointer-events: none
}

.uv_form-group .uv_show-error,.wpcf7-form .uv_show-error {
    color: #ff6565;
    transform: translateY(5px)
}

.uv_form-group .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div,.wpcf7-form .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div {
    max-width: 100%
}

.uv_form-group .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div iframe,.wpcf7-form .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div iframe {
    max-width: 100%
}

.uv_form-group span.wpcf7-list-item,.wpcf7-form span.wpcf7-list-item {
    margin: 0
}

.uv_form-group .wpcf7-radio .wpcf7-list-item,.wpcf7-form .wpcf7-radio .wpcf7-list-item {
    margin: 0
}

.uv_form-group .wpcf7-radio .wpcf7-list-item input[type=radio],.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    width: 26px
}

.uv_form-group .wpcf7-radio .wpcf7-list-item input[type=radio]:after,.uv_form-group .wpcf7-radio .wpcf7-list-item input[type=radio]:before,.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type=radio]:after,.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type=radio]:before {
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    top: -16px
}

.uv_form-group .wpcf7-radio .wpcf7-list-item input[type=radio]:after,.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type=radio]:after {
    border: 3px solid #64687a
}

.uv_form-group .wpcf7-radio .wpcf7-list-item input[type=radio]:checked:after,.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type=radio]:checked:after {
    border-width: 7px;
    border-color: #4caf50
}

.uv_form-group .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label,.wpcf7-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    margin-right: 10px
}

form.sent .wpcf7-response-output {
    border-color: #53c41a!important;
    font-size: 16px;
    padding: 14px!important;
    border-radius: 4px
}

form.invalid .wpcf7-response-output {
    border-color: #ff4d50!important;
    background: #ff4d50;
    color: #fff;
    padding: 14px!important;
    border-radius: 4px;
    font-size: 14px;
    display: block!important;
    margin-left: 0!important
}

.wpcf7 .wpcf7-spinner {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: 0 0!important;
    box-sizing: border-box;
    position: relative;
    top: 29px!important;
    left: 15px!important;
    background: no-repeat;
    margin: 0;
    vertical-align: unset;
    visibility: hidden
}

.wpcf7 .wpcf7-spinner:before {
    border-radius: 50%;
    content: " ";
    width: 44px;
    height: 44px;
    display: inline-block;
    box-sizing: border-box;
    border: solid 6px #adc9dd;
    position: absolute;
    top: 0;
    left: 0;
    animation-iteration-count: unset!important;
    animation-timing-function: unset!important
}

.wpcf7 .wpcf7-spinner:after {
    border-radius: 50%;
    content: " ";
    width: 44px;
    height: 44px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px #2149f3;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: 0;
    left: 0;
    animation: cp-round-animate .5s linear infinite!important
}

.video-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 101;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: on-fade .15s;
    animation-timing-function: ease-in
}

.video-wrapper .video-frame {
    box-shadow: 0 0 0 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.1);
    width: 970px;
    background-color: #fff;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.video-wrapper .video-frame .loader {
    height: 3px;
    width: 100%;
    overflow: hidden;
    background-color: #ddd;
    z-index: 500000
}

.video-wrapper .video-frame .loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    background-image: -webkit-linear-gradient(135deg,#2149f3 20%,#2149f3 70%);
    animation: stripLoading .8s linear infinite
}

.video-wrapper .close {
    position: absolute;
    cursor: pointer;
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27)
}

.video-wrapper .close:after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 26px;
    height: 20px;
    background-position: -20px -179px;
    margin: 16px 12px;
    position: absolute
}

.fade-out {
    animation: on-fade-off .2s
}

.bs-hero-section {
    overflow: hidden;
    margin-top: 60px
}

.bs-hero-section .tag-line {
    display: inline-block;
    vertical-align: middle;
    width: 49%
}

.bs-hero-section .active {
    display: block!important;
    animation: slider .5s ease-in-out
}

.bs-hero-section .bs-hero-videos-wrapper {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    padding-right: 20px;
    height: 500px;
    position: relative;
    align-items: center;
    cursor: pointer
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-featured-desc {
    text-align: left;
    position: absolute;
    width: 177px;
    height: 72px;
    left: -112px;
    top: 92px;
    z-index: 9;
    background-color: #000;
    color: #fff;
    box-shadow: 0 3.0101px 15.0505px rgba(0,0,0,.12);
    border-radius: 6px;
    padding: 11px 17px;
    font-weight: 500
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-featured-designation {
    text-align: left;
    position: absolute;
    width: 230px;
    height: 100px;
    right: -16px;
    bottom: 45px;
    z-index: 2;
    background-color: #fff;
    color: #000;
    box-shadow: 0 3.0101px 15.0505px rgb(0 0 0 / 12%);
    border-radius: 6px;
    padding: 11px 17px;
    font-weight: 500
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-featured-designation .cap-name {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    margin: 0
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-featured-designation .hero-des {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .outer-circle {
    border-radius: 50%;
    padding: 15px;
    border: 1px solid #dddaef;
    height: 305px;
    width: 305px;
    position: relative
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .outer-circle .inner-circle {
    width: 272px;
    height: 272px;
    background-color: #dddaef;
    border-radius: 50%
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-frame-content h2 {
    color: #fff;
    font-weight: 800;
    margin-top: 60px;
    font-size: 60px
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-frame-content .bs-const-text {
    font-size: 30px;
    text-align: left;
    margin-top: 30px
}

.bs-hero-section .bs-hero-videos-wrapper .erica-frame .erica-frame-image {
    z-index: 2;
    place-self: end
}

.bs-hero-section .bs-hero-videos-wrapper #move-next,.bs-hero-section .bs-hero-videos-wrapper #move-prev {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.bs-hero-section .bs-hero-videos-wrapper #move-next .prev-icon,.bs-hero-section .bs-hero-videos-wrapper #move-prev .prev-icon {
    display: block;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%
}

.bs-hero-section .bs-hero-videos-wrapper #move-next .prev-icon::after,.bs-hero-section .bs-hero-videos-wrapper #move-prev .prev-icon::after {
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #0041ff;
    border-left: 2px solid #0041ff;
    position: absolute;
    top: 15px;
    left: 18px;
    transform: rotate(45deg)
}

.bs-hero-section .bs-hero-videos-wrapper #move-next .next-icon,.bs-hero-section .bs-hero-videos-wrapper #move-prev .next-icon {
    display: block;
    width: 42px;
    height: 42px;
    background: #fff;
    border-radius: 50%
}

.bs-hero-section .bs-hero-videos-wrapper #move-next .next-icon::after,.bs-hero-section .bs-hero-videos-wrapper #move-prev .next-icon::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #0041ff;
    border-right: 2px solid #0041ff;
    position: absolute;
    top: 15px;
    left: 14px;
    transform: rotate(45deg)
}

.bs-hero-section .bs-hero-videos-wrapper #move-next {
    right: 10px;
    display: none
}

.bs-hero-section .bs-hero-videos-wrapper #move-prev {
    left: 10px;
    display: none
}

.bs-hero-section .bs-hero-videos-wrapper:hover #move-next,.bs-hero-section .bs-hero-videos-wrapper:hover #move-prev {
    display: block
}

.bs-hero-section .bs-hero-videos-wrapper:hover .slide-active {
    display: block
}

.bs-hero-section .banner-image {
    text-align: right;
    border-radius: 24px
}

.bs-hero-section .banner-image .bs-img-banner {
    border-radius: 24px;
    display: inline-block
}

.bs-hero-section .banner-image .bs-img-banner .bs-play-icon {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #0041ff;
    z-index: 9;
    cursor: pointer;
    bottom: 85px;
    left: -26px;
    box-shadow: 0 5px 20px rgba(0,65,255,.3)
}

.bs-hero-section .banner-image .bs-img-banner .bs-play-icon .play-border {
    width: 28px;
    height: 36px;
    background: #fff;
    z-index: 100;
    clip-path: polygon(0 0,100% 48%,0 100%,0 100%);
    transition: clip-path .5s ease;
    transition-delay: .4s;
    position: absolute;
    top: 52%;
    left: 54%;
    transform: translate(-50%,-50%)
}

.bs-hero-section .banner-image .bs-img-banner .bs-play-icon::after {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -8px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 8px solid #0040ff33;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-hero-section .banner-image .bs-img-banner .bs-play-icon::before {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -8px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 8px solid #0040ff33;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-hero-section .banner-image img.hero-active {
    display: block;
    border-radius: 24px px;
    position: absolute;
    top: 51px;
    z-index: 1;
    max-width: 274px;
    max-height: 333px;
    left: 14px
}

.bs-hero-section .banner-image .scrim {
    background-color: #000;
    display: inline-block;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    opacity: 0
}

.bs-hero-section .banner-image .wk-lazify-loaded+.scrim {
    opacity: .4;
    width: 100%
}

.bs-hero-section .tag-line h1 {
    font-size: 54px;
    font-weight: 800;
    line-height: 72px;
    margin: 0
}

.bs-hero-section .tag-line p {
    margin: 8px 0 15px 0;
    font-size: 24px;
    line-height: 34px;
    color: #141324
}

.bs-hero-section .tag-line .bs-button {
    min-width: 160px;
    margin-bottom: 0;
    text-transform: none;
    font-size: 16px;
    box-shadow: none
}

.bs-hero-section .tag-line .btn-dark {
    margin-left: 15px;
    margin-right: 15px;
    text-transform: none
}

.bs-hero-section .tag-line .tag-img {
    margin-bottom: 9px
}

.bs-hero-section .tag-line .tag-img img {
    display: inline-block;
    vertical-align: middle
}

.bs-hero-section .tag-line .tag-img span {
    font-size: 20px;
    color: #3a3a3a
}

.bs-opensource-section {
    margin-top: 32px;
    padding-bottom: 42px
}

.bs-opensource-section .bs-open-source-wrapper {
    position: relative;
    background: rgba(0,65,255,.08);
    border-radius: 11px
}

.bs-opensource-section .bs-open-source-wrapper .bs-opensource-app {
    position: absolute;
    bottom: 0
}

.bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 41px 14px 361px
}

.bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content {
    max-width: 568px
}

.bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content .bs-open-source-title {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    color: #141324
}

.bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content .bs-open-source-para {
    margin: 7px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: #141324
}

.bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container a.bs-button {
    min-width: 160px;
    margin: 0
}

.bs-theme-promotion-banner {
    margin-top: 66px
}

.bs-theme-promotion-banner .bs-open-source-wrapper {
    background-color: #154e37
}

.bs-theme-promotion-banner .bs-open-source-wrapper .bs-open-source-content-container {
    padding-left: 406px
}

.bs-theme-promotion-banner .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content .bs-open-source-para,.bs-theme-promotion-banner .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content .bs-open-source-title {
    color: #fff
}

.bs-theme-promotion-banner .bs-open-source-wrapper .bs-open-source-content-container a.bs-button {
    background-color: #fff;
    color: #222;
    box-shadow: 0 9px 32px 0 #00fd95
}

.video-link-button {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-top: 25px;
    transition: .25s;
    margin-right: 18px;
    cursor: pointer
}

.video-link-button .video-link-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 2px solid;
    border-radius: 50%;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -38px -174px;
    margin-right: 8px;
    margin-top: -3px
}

.video-link-button .report-link-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 30px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-position: -263px -180px;
    background-repeat: no-repeat;
    margin-top: -3px
}

.video-link-button:hover {
    text-decoration: underline
}

.bs-rating-section {
    display: block;
    margin-top: 60px;
    margin-bottom: 40px
}

.bs-rating-section .bs-rating-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,287px));
    grid-gap: 24px;
    justify-content: center;
    grid-template-rows: 140px
}

.bs-rating-section .bs-rating-grid .rating-card-1 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-1:after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 215px;
    height: 79px;
    background-position: 0 0;
    margin: 15px 0 0 24px
}

.bs-rating-section .bs-rating-grid .rating-card-1 .trust-p-rate {
    position: absolute;
    bottom: 48px;
    font-size: 22px;
    font-weight: 600;
    color: #1b1f23;
    left: 25px
}

.bs-rating-section .bs-rating-grid .rating-card-1 .trust-p-review {
    position: absolute;
    bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: #474747;
    margin: 15px 0 0 24px;
    bottom: 17px
}

.bs-rating-section .bs-rating-grid .rating-card-2 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-2::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 215px;
    height: 43px;
    background-position: 0 -126px;
    margin: 15px 0 0 38px
}

.bs-rating-section .bs-rating-grid .rating-card-2 .git-btn {
    display: inline-block;
    width: 146px;
    height: 45px;
    background-color: #eee;
    border-radius: 4px;
    position: absolute;
    bottom: 18px;
    text-align: center;
    left: 71px;
    font-size: 22px;
    font-weight: 600;
    color: #1b1f23;
    padding-top: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-3 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-3::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 30px;
    height: 43px;
    background-position: -89px -167px;
    position: absolute;
    bottom: 40px;
    right: 51px
}

.bs-rating-section .bs-rating-grid .rating-card-3 .git-dwn {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
    position: relative;
    top: 20px;
    left: 30px
}

.bs-rating-section .bs-rating-grid .rating-card-3 .git-dwn-data {
    font-size: 45px;
    font-weight: 800;
    color: #141324;
    position: absolute;
    bottom: 25px;
    left: 30px
}

.bs-rating-section .bs-rating-grid .rating-card-4 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-4::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 87px;
    height: 86px;
    background-position: 0 -170px;
    position: absolute;
    bottom: 28px;
    right: 14px
}

.bs-rating-section .bs-rating-grid .rating-card-4 .pbr-txt {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    top: 23px;
    color: #6a6a6a;
    width: 155px;
    line-height: 20px;
    left: 18px
}

.bs-rating-section .bs-rating-grid .rating-card-4 .light-score {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    bottom: 27px;
    color: #141324;
    left: 18px;
    width: 149px;
    line-height: 24px
}

.bs-rating-section .bs-rating-grid .rating-card-5 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-5::before {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 66px;
    height: 66px;
    background-position: -141px -167px;
    position: absolute;
    bottom: 40px;
    left: 14px
}

.bs-rating-section .bs-rating-grid .rating-card-5 .git-dwn {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
    position: absolute;
    bottom: 25px;
    right: 14px
}

.bs-rating-section .bs-rating-grid .rating-card-5 .git-dwn-data {
    font-size: 45px;
    font-weight: 800;
    color: #141324;
    position: absolute;
    top: 20px;
    left: 98px
}

.bs-rating-section .bs-rating-grid .rating-card-5 .git-dwn-data::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 30px;
    height: 43px;
    background-position: -89px -167px;
    vertical-align: middle;
    margin-left: 16px
}

.bs-rating-section .bs-rating-grid .rating-card-6 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-6::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 72px;
    height: 85px;
    background-position: -12px -262px;
    position: absolute;
    bottom: 30px;
    right: 30px
}

.bs-rating-section .bs-rating-grid .rating-card-6 .press-dwn {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
    position: absolute;
    bottom: 25px;
    left: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-6 .press-dwn-data {
    font-size: 45px;
    font-weight: 800;
    color: #141324;
    position: absolute;
    top: 20px;
    left: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-7 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-7::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
    background-position: -96px -256px;
    position: absolute;
    top: 20px;
    right: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-7 .comunity-dwn {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
    position: absolute;
    bottom: 25px;
    left: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-7 .comunity-dwn-data {
    font-size: 45px;
    font-weight: 800;
    color: #141324;
    position: absolute;
    top: 20px;
    left: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-8 {
    position: relative;
    height: 140px;
    background-color: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    border-radius: 8px
}

.bs-rating-section .bs-rating-grid .rating-card-8::after {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    width: 76px;
    height: 50px;
    background-position: -98px -309px;
    position: absolute;
    top: 30px;
    right: 30px
}

.bs-rating-section .bs-rating-grid .rating-card-8 .trusted-dwn {
    font-size: 20px;
    font-weight: 500;
    color: #474747;
    position: absolute;
    bottom: 25px;
    left: 20px
}

.bs-rating-section .bs-rating-grid .rating-card-8 .trusted-dwn-data {
    font-size: 45px;
    font-weight: 800;
    color: #141324;
    position: absolute;
    top: 20px;
    left: 20px
}

.bs-section-head {
    margin-bottom: 40px;
    text-align: center
}

.bs-section-head h2 {
    color: #000311;
    font-weight: 800;
    font-size: 40px
}

.bs-section-head h2 span {
    color: #0041ff
}

.bs-section-head p {
    font-size: 18px;
    font-weight: 400;
    color: #2c3145
}

.bs-section-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,355px));
    grid-gap: 40px;
    justify-content: center
}

.bs-card-wrapper .bs-section-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(auto,380px));
    grid-gap: 40px;
    justify-content: center
}

.bs-card-wrapper .bs-tile {
    padding: 20px 30px 20px 30px;
    background-color: #f4f6fb;
    border-radius: 8px;
    place-items: start;
    display: grid;
    align-content: start
}

.bs-card-wrapper .bs-tile .tile-title {
    font-size: 24px;
    margin: 20px 0 6px;
    font-weight: 800!important;
    color: #141324;
    font-weight: 400
}

.bs-card-wrapper .bs-tile p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #474747
}

.bs-card-wrapper .bs-tile .icon {
    background-image: url(images/bagisto-sprite-icons.png?v=1.1);
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
    display: block
}

.bs-card-wrapper .bs-tile .icon.multi-tenat {
    background-position: 0 0
}

.bs-card-wrapper .bs-tile .icon.market-place {
    background-position: -96px 0
}

.bs-card-wrapper .bs-tile .icon.pw-app {
    background-position: -192px 0
}

.bs-card-wrapper .bs-tile .icon.po-sale {
    background-position: 0 -96px
}

.bs-card-wrapper .bs-tile .icon.b2b-icon {
    background-position: -96px -96px
}

.bs-card-wrapper .bs-tile .icon.laravel-app {
    background-position: -192px -96px
}

.bs-card-wrapper .bs-tile .bs-ext {
    width: 184px;
    height: 48px;
    margin: 15px 0 0 0!important;
    padding: 13px 19px;
    background-color: #292c36;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-left: 28px;
    margin-top: 24px
}

.bs-card-wrapper .bs-tile .bs-ext:hover {
    background-color: #64687a
}

.tag-divider--extend {
    width: 55%!important
}

.tag-divider--extend h3 {
    font-weight: 800;
    font-size: 40px!important;
    color: #2c3145
}

.tag-divider--extend h3::after {
    content: '';
    background-color: unset!important;
    margin: 0!important
}

.tag-divider--extend p {
    font-size: 16px;
    color: #2c3145
}

.divider-img--extend {
    width: 44%!important
}

.divider-img--extend img {
    border-radius: 16px
}

.bs-inline-sec-btn {
    box-shadow: none!important
}

.bs-inline-sec-btn:hover {
    box-shadow: none!important
}

.bs-achievment-section .wkgrid-wide {
    width: 1280px
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid {
    grid-template-columns: repeat(auto-fill,minmax(auto,280px));
    grid-gap: 31px;
    display: grid;
    justify-content: center
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link {
    border-radius: 8px;
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative;
    height: 380px;
    font-weight: 700;
    min-width: 282px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link .link-title {
    align-self: end;
    z-index: 2;
    font-size: 20px;
    color: #fff;
    display: block;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000 89%);
    padding: 20px 40px 23px 20px;
    width: 100%;
    transition: .35s cubic-bezier(.39,.58,.57,1);
    position: absolute;
    bottom: 0
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link .link-title[data-label]:before {
    content: attr(data-label);
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255,255,255,.72);
    margin-bottom: 2px
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link:not(.no-link):after {
    content: "";
    display: block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: 20px;
    background-position: -342px -124px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link:not(.no-link):hover {
    text-decoration: none;
    transform: translateY(-8px)
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link:not(.no-link):hover .link-title {
    padding-bottom: 28px
}

.bs-achievment-section .wkgrid-wide .bs-achievment-grid .bs-shaded-image-link:not(.no-link):hover:after {
    transform: translateY(-8px)
}

.bs-global-review:before {
    content: '';
    display: block;
    margin-top: -100px;
    padding-top: 100px
}

.bs-global-review .wkgrid-wide {
    width: 1280px
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer {
    position: relative
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list {
    column-count: 3;
    column-fill: initial;
    column-gap: 40px
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box {
    border-radius: 16px;
    border: solid 1px #d7dfe2;
    background-color: #fff;
    padding: 24px 24px 24px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 40px;
    max-width: 380px
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box * {
    margin: 0
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .loc {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 8px;
    justify-content: start;
    align-items: center;
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 18px
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name,.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .saying,.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .work {
    font-size: 16px;
    color: #141324;
    font-weight: 400
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name-card {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    grid-gap: 0 16px;
    align-self: end;
    margin-bottom: 16px;
    align-items: center
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name-card .thumb {
    grid-row-end: span 2;
    width: 64px;
    height: 64px;
    display: inline-block;
    border-radius: 8px;
    background-color: #d8d8d8
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name-card .name {
    align-self: end
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name-card .work {
    color: #0041ff;
    word-break: break-word
}

.bs-global-review .wkgrid-wide .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box .name-card .saying {
    font-size: 18px
}

.review-social-icon-wrap {
    display: inline-flex;
    gap: 4px 16px
}

.review-social-icon-wrap .social-icon:before {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    background-position: -73px -33px;
    margin: 0 5px 0 0
}

.review-social-icon-wrap .linkedin::before {
    background-position: -20px -216px
}

.review-social-icon-wrap .trustpilot.social-icon::before {
    width: 20px;
    height: 20px
}

.review-social-icon-wrap .trustpilot::before {
    border-radius: 2px;
    background-position: -99px -290px
}

.review-social-icon-wrap .twitter::before {
    background-position: -39px -216px
}

.review-social-icon-wrap .fb::before {
    background-position: 0 -216px
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video:hover {
    text-decoration: none;
    transform: unset;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video:hover .testimonial-icon-play {
    transform: translateY(0);
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video .bs-play-icon {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #0041ff;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(0,65,255,.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video .bs-play-icon .play-border {
    width: 28px;
    height: 36px;
    background: #fff;
    z-index: 100;
    clip-path: polygon(0 0,100% 48%,0 100%,0 100%);
    transition: clip-path .5s ease;
    transition-delay: .4s;
    position: absolute;
    top: 52%;
    left: 54%;
    transform: translate(-50%,-50%)
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video .bs-play-icon::after {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -8px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 8px solid #0040ff33;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-stage-talks.bs-listen-our-customer .bs-testimonial-video .bs-play-icon::before {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -8px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 8px solid #0040ff33;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-stage-talks.bs-listen-our-customer .bs-stage-talks-caption {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    bottom: 28px;
    z-index: 99;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    left: 38px
}

.bs-stage-talks.bs-listen-our-customer .bs-stage-talks-caption:before {
    content: '';
    display: inline-block;
    transform: scale(.7);
    width: 48px;
    height: 48px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    z-index: 10;
    background-position: -314px -350px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-listen-our-customer .view-all {
    width: 210px
}

.bs-listen-our-customer .testimonial-video-grid {
    display: grid;
    grid-gap: 40px;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit,minmax(auto,590px));
    justify-content: center
}

.bs-listen-our-customer .bs-testimonial-video {
    position: relative;
    border-radius: 16px;
    background-color: #b2b5c4;
    overflow: hidden;
    width: 100%;
    transition: .35s cubic-bezier(.39,.58,.57,1);
    cursor: pointer
}

.bs-listen-our-customer .bs-testimonial-video:after {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000 88%)
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster img {
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption {
    margin-top: 24px;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    grid-gap: 2px 16px;
    align-self: end;
    margin-bottom: 16px;
    position: absolute;
    bottom: 6px;
    z-index: 3;
    left: 14px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption img {
    display: inline-block;
    position: unset;
    width: 48px;
    height: 48px
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .grd-img {
    grid-row-end: span 2;
    width: 64px;
    height: 64px;
    display: inline-block;
    border-radius: 8px;
    background-color: #d8d8d8
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .name-plate,.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .work-plate {
    font-weight: 600;
    color: #fff
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .name-plate {
    font-size: 20px;
    align-self: end;
    line-height: 24px
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .work-plate {
    font-size: 16px;
    word-break: break-word;
    line-height: 22px
}

.bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-icon-play {
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    z-index: 10;
    bottom: 24px;
    right: 30px;
    background-position: -314px -350px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-listen-our-customer .bs-testimonial-video:hover {
    text-decoration: none;
    transform: translateY(-8px);
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-listen-our-customer .bs-testimonial-video:hover .testimonial-caption {
    transform: translateY(-8px);
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-listen-our-customer .bs-testimonial-video:hover .testimonial-icon-play {
    transform: translateY(-8px);
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-feature-mention .view-feature {
    width: 200px
}

.bs-feature-mention .bs-fetures-mention-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(auto,380px));
    grid-gap: 40px;
    justify-content: center
}

.bs-feature-mention .bs-feature-tab {
    border: 1px solid #d7dfe2;
    border-radius: 16px;
    padding: 24px 5px 28px 24px;
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bs-feature-mention .bs-feature-tab .bs-feature-desc {
    font-size: 16px;
    font-weight: 400px;
    color: #2c3145;
    margin-top: 3px;
    line-height: 22px
}

.bs-feature-mention .bs-feature-tab .bs-feature-desc .bs-link-conn {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -265px -213px
}

.bs-feature-mention .bs-feature-tab:hover {
    text-decoration: none;
    transform: translateY(-8px)
}

.homepage-painted-info-section {
    position: relative;
    background-color: #292c36;
    padding: 51px 0;
    min-height: 359px;
    margin: 0 auto;
    border-radius: 24px;
    margin-top: 60px;
    max-width: 97%
}

.homepage-painted-info-section::after,.homepage-painted-info-section::before {
    content: '';
    height: 359px;
    z-index: 4;
    position: absolute;
    display: inline-block;
    width: 360px;
    top: 1px;
    background-repeat: no-repeat
}

.homepage-painted-info-section::before {
    background-image: url(images/raw-pattern.png)
}

.homepage-painted-info-section::after {
    right: 0;
    background-image: url(images/raw-pattern-1.png)
}

.homepage-painted-info-section h2,.homepage-painted-info-section p {
    color: #fff;
    position: relative;
    z-index: 10
}

.homepage-painted-info-section h2 {
    margin: 15px 0 25px;
    font-size: 44px
}

.homepage-painted-info-section p {
    margin: 15px 0
}

.homepage-painted-info-section a {
    color: #fff
}

.homepage-painted-info-section .bs-button.btn-moon {
    padding: 12px 35px;
    border: 2px solid #fff
}

.homepage-painted-info-section .bs-button.btn-ghost {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1),0 7px 23px 0 rgba(0,0,0,.18)
}

.homepage-painted-info-section .bs-button:nth-of-type(2) {
    margin-left: 15px
}

.homepage-painted-info-section.feature_painted {
    top: 20px
}

.homepage-painted-info-section.marketplace_painted {
    padding: 25px 0;
    top: 20px
}

.bs-motive.bs-pattern-left {
    padding-top: 120px
}

.bs-motive p {
    font-size: 32px;
    line-height: 1.3;
    margin: 0
}

.bs-pattern-left {
    background-image: url(images/home-bg-1.png);
    background-repeat: no-repeat;
    height: 363px;
    padding: 80px 0
}

.inline-dividers-50 {
    width: 49%;
    display: inline-block;
    vertical-align: middle
}

.inline-dividers-50[align=top] {
    vertical-align: top
}

.inline-dividers-50 h1:after,.inline-dividers-50 h2:after,.inline-dividers-50 h3:after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 3px;
    width: 100px;
    margin: 15px 3px
}

.inline-dividers-50 h3 {
    font-size: 32px
}

.inline-dividers-50 p {
    margin-bottom: 25px;
    line-height: 1.4
}

.inline-dividers-50 img {
    max-width: 100%;
    height: auto
}

.inline-dividers-50 ul {
    padding-left: 35px
}

.inline-dividers-50 ul li {
    list-style: disc
}

.inline-dividers-50.divider-l-padding {
    padding-left: 4%
}

.inline-dividers-50.divider-l-padding-wide {
    padding-left: 14%
}

.inline-dividers-50.divider-r-padding {
    padding-right: 4%
}

.inline-dividers-50.inline-dividers-wide {
    width: 58%;
    padding-left: 95px;
    padding-right: 50px;
    direction: ltr
}

.inline-dividers-50.inline-dividers-wide.padd-l-null {
    padding-left: 20px
}

.inline-dividers-50.inline-dividers-narrow {
    width: 37%
}

.inline-dividers-50 .bs-mp-button {
    margin-top: 0
}

.pattern-wrap {
    background-repeat: no-repeat
}

.pattern-wrap.triangle-right {
    background-image: url(images/patterns/triangle-right.png);
    background-position: left top
}

.pattern-wrap.triangle-right p {
    background: #fff
}

.pattern-wrap.triangle-right h2 {
    background-color: #fff
}

.pattern-wrap.triangle-right-laravel-app {
    background-image: url(images/patterns/triangle-right.png);
    background-position: left top;
    height: 755px
}

.pattern-wrap.triangle-right-laravel-app p {
    background: #fff
}

.pattern-wrap.triangle-right-laravel-app h2 {
    background-color: #fff
}

.pattern-wrap.triangle-left {
    background-image: url(images/patterns/triangle-left.png);
    background-position: right
}

footer ul li a {
    color: #474747!important;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 22px
}

footer ul li a:hover {
    text-decoration: underline
}

footer p {
    color: #474747;
    margin: 0
}

footer h4 {
    color: #141324;
    font-weight: 600px
}

footer a,footer h4,footer p {
    font-size: 16px
}

footer .bs-mega-footer {
    margin: 60px 0 0 0;
    padding: 32px 0 24px;
    background-color: #f4f6fb
}

footer .bs-mega-footer .social-connect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper {
    display: flex;
    align-items: center;
    gap: 16px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: .25s;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    vertical-align: middle
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.fb:before {
    background-position: -341px -209px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.twitter:before {
    width: 22px;
    height: 22px;
    background-position: -290px -233px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.youtube:before {
    background-position: -315px -209px;
    width: 22px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.instagram:before {
    width: 22px;
    height: 22px;
    background-position: -340px -233px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.linkedln:before {
    background-position: -316px -234px
}

footer .bs-mega-footer .social-connect .social-icons-wrapper .icons.skype::before {
    background-position: -291px -260px
}

footer .bs-mega-footer .social-connect .bs-webkul-initiated-project {
    display: flex;
    align-items: center
}

footer .bs-mega-footer .social-connect .bs-webkul-initiated-project .bs-webkul-tag {
    margin-left: 16px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid #e5e7eb
}

footer .bs-mega-footer .social-connect .bs-webkul-initiated-project .bs-webkul-tag a {
    display: inline-block!important;
    text-decoration: underline;
    font-size: 14px;
    color: #474747!important
}

footer .bs-mega-footer .footer-clm-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    margin: 32px 0;
    padding: 32px 0;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb
}

footer .bs-mega-footer .footer-clm-wrapper .footer-menu {
    display: inline-block;
    width: 100%
}

footer .bs-mega-footer .footer-clm-wrapper .footer-menu p {
    font-size: 16px;
    font-weight: 700;
    color: #141324
}

footer .bs-mega-footer .footer-clm-wrapper .footer-menu ul {
    margin-top: 0
}

footer .bs-mega-footer .footer-clm-wrapper .footer-menu ul li {
    margin: 14px 0
}

footer .bs-mega-footer .bs-mini-footer-wrap {
    padding: 14px 0
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 20px
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined span {
    justify-self: center
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-getsapp {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    width: 208px;
    height: 50px;
    background-position: 0 -236px;
    position: relative
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-getsapp .bs-label-getapp {
    display: inline-block;
    position: absolute;
    color: #3d4053;
    bottom: 0;
    left: 88px;
    font-weight: 800;
    font-size: 17px
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-trustpilot {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    width: 271px;
    height: 50px;
    background-position: 0 -286px;
    position: relative
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-trustpilot .bs-label-trust-rvw {
    display: inline-block;
    position: absolute;
    color: #3c4354;
    font-weight: 800;
    bottom: 0;
    left: 69px;
    font-size: 17px
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-trustpilot .bs-label-trust-rate {
    display: inline-block;
    position: absolute;
    color: #3d4053;
    left: 69px;
    font-weight: 800;
    font-size: 17px
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-capterra {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    width: 155px;
    height: 61px;
    background-position: 0 -341px;
    position: relative
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-capterra .bs-label-capterra {
    color: #3d4053;
    display: inline-block;
    position: absolute;
    font-size: 17px;
    font-weight: 800;
    bottom: 3px;
    left: 34px
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-norton {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    width: 125px;
    height: 71px;
    background-position: -153px -335px;
    background-color: #f4f6fb
}

footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined .footer-cmmi {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    width: 161px;
    height: 58px;
    background-position: 0 -450px;
    background-color: #f4f6fb;
    cursor: pointer
}

footer .bs-mega-footer .bs-footer-entity {
    margin-top: 20px
}

footer .bs-mega-footer .bs-footer-entity .footer-ent-content {
    color: #474747;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

footer .bsft-review-wrap {
    display: grid;
    grid-template-columns: 100px 100px;
    grid-gap: 11px;
    margin-bottom: 15px
}

footer .bs-mini-footer {
    background-color: #64687a;
    padding: 22px 0
}

footer .bs-mini-footer .part-one,footer .bs-mini-footer .part-two {
    direction: ltr;
    display: inline-block;
    vertical-align: middle
}

footer .bs-mini-footer .part-two {
    width: 48%;
    text-align: right
}

footer .bs-mini-footer .part-two ul {
    margin: 0
}

footer .bs-mini-footer .part-two ul li {
    margin: 0;
    display: inline-block
}

footer .bs-mini-footer .part-two ul li.offset {
    margin: 0 25px
}

footer .bs-mini-footer .part-two ul li .norton {
    vertical-align: middle
}

footer .language-footer {
    margin-top: 20px
}

footer .language-footer select {
    width: 200px;
    max-width: 100%;
    font-size: 16px;
    padding: 5px;
    background-color: #fff;
    border-radius: 4px;
    color: #282727;
    margin-top: 20px
}

footer .footer-sub-menu {
    margin-top: 30px
}

.wkdata-loading #slide-carousel .bs-tabs ul li a span:before {
    background-image: none
}

#slide-carousel {
    font-size: 0
}

#slide-carousel .trns-left {
    animation-name: slideleft;
    animation-duration: 1s
}

#slide-carousel .trns-right {
    animation-name: slideright;
    animation-duration: 1s
}

#slide-carousel .bs-tabs {
    width: 51%;
    display: inline-block;
    vertical-align: top
}

#slide-carousel .bs-slider {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

#slide-carousel .bs-tabs img {
    width: 96px;
    height: 90px;
    margin: 0 auto;
    display: block
}

#slide-carousel .bs-tabs .active {
    display: none
}

#slide-carousel .bs-tabs ul {
    font-size: 0;
    margin: 0;
    display: table
}

#slide-carousel .bs-tabs ul li {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    margin: 0
}

#slide-carousel .bs-tabs ul li .slide-tab {
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 15px;
    border: 1px solid #d3d3d3;
    min-height: 195px;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    color: #3a3a3a;
    border-radius: 8px;
    margin-top: 20px;
    margin-right: 20px
}

#slide-carousel .bs-tabs ul li .slide-tab:hover {
    text-decoration: none;
    color: inherit
}

#slide-carousel .bs-tabs ul li .slide-tab span:before {
    content: '';
    display: block;
    background-image: url(images/feature-home-sprite.png?2.0);
    background-repeat: no-repeat;
    width: 96px;
    height: 90px;
    margin: auto
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item1] {
    margin-top: 0
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item1] span:before {
    background-position: 0 -768px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item2] {
    margin-top: 0
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item2] span:before {
    background-position: 0 -670px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item3] {
    margin-top: 0
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item3] span:before {
    background-position: 0 -570px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item4] span:before {
    background-position: 0 -480px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item5] span:before {
    background-position: 0 -380px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item6] span:before {
    background-position: 0 -280px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item7] span:before {
    background-position: 0 -195px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item8] span:before {
    background-position: 0 -95px
}

#slide-carousel .bs-tabs ul li .slide-tab[data-attr=item9] span:before {
    background-position: 0 0
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active {
    background-color: #0041ff;
    color: #fff;
    border: 1px solid #0041ff
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active .active {
    display: block
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active .inactive {
    display: none
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item1] span:before {
    background-position: -95px -768px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item2] span:before {
    background-position: -95px -670px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item3] span:before {
    background-position: -95px -570px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item4] span:before {
    background-position: -95px -480px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item5] span:before {
    background-position: -95px -380px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item6] span:before {
    background-position: -95px -280px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item7] span:before {
    background-position: -95px -195px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item8] span:before {
    background-position: -95px -95px
}

#slide-carousel .bs-tabs ul li .slide-tab.sld-active[data-attr=item9] span:before {
    background-position: -95px 0
}

#slide-carousel .bs-slider {
    border: 1px solid #d3d3d3;
    min-height: 621px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    background-color: #f4f6fb;
    border-radius: 8px
}

#slide-carousel .bs-slider h4 {
    font-size: 32px
}

#slide-carousel .bs-slider p {
    margin: 20px 0;
    text-align: left
}

#slide-carousel .bs-slider .slide-item {
    display: none;
    animation: slider .3s ease-in-out
}

#slide-carousel .bs-slider .sld-active {
    display: block
}

#slide-carousel .bs-slider .bs-slide-hd {
    font-size: 32px;
    font-weight: 500;
    margin: 10px 0 10px 0!important
}

#slide-carousel .bs-slider .sellnavs {
    font-size: 18px;
    text-align: left;
    width: 90%;
    position: absolute;
    bottom: 30px;
    right: 28px;
    user-select: none
}

#slide-carousel .bs-slider .sellnavs a,#slide-carousel .bs-slider .sellnavs span {
    cursor: pointer;
    display: inline-block
}

#slide-carousel .bs-slider .sellnavs a:hover,#slide-carousel .bs-slider .sellnavs span:hover {
    text-decoration: none
}

#slide-carousel .bs-slider .sellnavs .next-icon {
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 42px;
    height: 50px;
    background-position: -108px -182px
}

#slide-carousel .bs-slider .sellnavs .prev-icon {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    display: inline-block;
    width: 42px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: -149px -188px;
    margin: 0 15px 0 0
}

#slide-carousel .bs-slider .sellnavs .view-all-feature {
    float: right
}

#slide-carousel .bs-slider .sellnavs .view-all-feature:hover {
    text-decoration: underline
}

.why-bagisto-child p {
    margin: 0
}

.why-bagisto-child .why-sub-hd {
    font-weight: 600;
    color: #2c3145;
    margin-top: 5px;
    margin-bottom: 5px
}

.why-bagisto {
    position: relative;
    font-size: 0
}

.why-bagisto::after,.why-bagisto::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 150px;
    height: 539px;
    top: 0;
    background-repeat: no-repeat
}

.why-bagisto::before {
    left: 0;
    background-image: url(images/patterns/why-left.png)
}

.why-bagisto::after {
    right: 0;
    top: 100px;
    background-image: url(images/patterns/why-right.png)
}

.why-bagisto .why h2,.why-bagisto .why h3,.why-bagisto .why h4 {
    font-size: 32px;
    line-height: 40px
}

.why-bagisto .why h2::after,.why-bagisto .why h3::after,.why-bagisto .why h4::after {
    content: '';
    display: inline-block;
    width: 147px;
    height: 60px;
    vertical-align: middle;
    background-image: url(images/logo.png)
}

.why-bagisto .why2,.why-bagisto .why3,.why-bagisto .why4,.why-bagisto .why5 {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    border: 1px solid #d2d2d2;
    min-height: 230px;
    padding: 15px;
    position: relative
}

.why-bagisto .why2 h2,.why-bagisto .why2 h4,.why-bagisto .why3 h2,.why-bagisto .why3 h4,.why-bagisto .why4 h2,.why-bagisto .why4 h4,.why-bagisto .why5 h2,.why-bagisto .why5 h4 {
    margin-top: 20px;
    font-size: 28px
}

.why-bagisto .why2 span,.why-bagisto .why3 span,.why-bagisto .why4 span,.why-bagisto .why5 span {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    display: block
}

.why-bagisto .icon-security {
    background-position: -148px 0
}

.why-bagisto .icon-refresh {
    background-position: -184px 0
}

.why-bagisto .icon-share {
    background-position: -223px 0
}

.why-bagisto .icon-arrow {
    background-position: -262px 0
}

.why-bagisto .why {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 60%;
    min-height: 230px;
    padding: 15px
}

.why-bagisto .why2 {
    float: left;
    border-bottom: none
}

.why-bagisto .why2,.why-bagisto .why3 {
    width: 40%
}

.why-bagisto .why4,.why-bagisto .why5 {
    width: 30%
}

.why-bagisto .why4 {
    border-left: none;
    border-right: none
}

.painted-info-section,.wk-developer {
    position: relative;
    background-color: #1c4aff;
    padding: 51px 0;
    min-height: 359px
}

.painted-info-section::after,.painted-info-section::before,.wk-developer::after,.wk-developer::before {
    content: '';
    height: 359px;
    z-index: 4;
    position: absolute;
    display: inline-block;
    width: 360px;
    top: 1px;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png)
}

.painted-info-section::before,.wk-developer::before {
    left: -5px;
    transform: rotate(90deg)
}

.painted-info-section::after,.wk-developer::after {
    right: 0;
    transform: rotate(0)
}

.painted-info-section h2,.painted-info-section p,.wk-developer h2,.wk-developer p {
    color: #fff;
    position: relative;
    z-index: 10
}

.painted-info-section h2,.wk-developer h2 {
    margin: 15px 0 25px;
    font-size: 44px
}

.painted-info-section p,.wk-developer p {
    margin: 15px 0
}

.painted-info-section a,.wk-developer a {
    color: #fff
}

.painted-info-section .bs-button.btn-moon,.wk-developer .bs-button.btn-moon {
    padding: 12px 35px;
    border: 2px solid #fff
}

.painted-info-section .bs-button.btn-ghost,.wk-developer .bs-button.btn-ghost {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1),0 7px 23px 0 rgba(0,0,0,.18)
}

.painted-info-section .bs-button:nth-of-type(2),.wk-developer .bs-button:nth-of-type(2) {
    margin-left: 15px
}

.painted-info-section.feature_painted,.wk-developer.feature_painted {
    top: 20px
}

.painted-info-section.marketplace_painted,.wk-developer.marketplace_painted {
    padding: 25px 0;
    top: 20px
}

.social-share {
    font-size: 0
}

@media screen and (max-width: 825px) {
    .social-share a {
        margin-left:0!important
    }
}

.bs-mv-banner p {
    margin-bottom: 20px
}

.bs-mv-banner .bs-button {
    margin-left: -20px;
    margin-right: 30px;
    min-width: 150px;
    vertical-align: top
}

.multi-vendor.inline-dividers-50 {
    vertical-align: top
}

.multi-vendor.inline-dividers-50 p {
    margin-bottom: 0
}

.bs-mp-features .mp-tablet-wrap {
    display: none;
    text-align: left;
    margin-top: 20px
}

.bs-mp-features .mp-tablet-wrap.active {
    display: block;
    animation: slider .6s ease-in-out
}

.bs-mp-features .mp-tablet {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    position: relative;
    padding-left: 110px;
    margin: 25px 34px 25px 0
}

.bs-mp-features .mp-tablet::before {
    content: '';
    background-image: url(images/multi-vendor-marketplace/marketplace-sprite.png?v=1.0);
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
    display: inline-block;
    position: absolute;
    left: 0
}

.bs-mp-features .mp-tablet.inventory::before {
    background-position: 0 0
}

.bs-mp-features .mp-tablet.commission:before {
    background-position: -96px 0
}

.bs-mp-features .mp-tablet.approval::before {
    background-position: -192px 0
}

.bs-mp-features .mp-tablet.assigning::before {
    background-position: -288px 0
}

.bs-mp-features .mp-tablet.order::before {
    background-position: 0 -92px
}

.bs-mp-features .mp-tablet.review::before {
    background-position: -92px -92px
}

.bs-mp-features .mp-tablet.dashboard::before {
    background-position: -192px -92px
}

.bs-mp-features .mp-tablet.branding::before {
    background-position: -288px -92px
}

.bs-mp-features .mp-tablet.landing::before {
    background-position: 0 -192px
}

.bs-mp-features .mp-tablet.review-management::before {
    background-position: -288px -192px
}

.bs-mp-features .mp-tablet.assignment::before {
    background-position: -92px -192px
}

.bs-mp-features .mp-tablet.control::before {
    background-position: -192px -192px
}

.bs-mp-features .mp-tablet.profile::before {
    background-position: 0 -286px
}

.bs-mp-features .mp-tablet.shipment::before {
    background-position: -92px -286px
}

.bs-mp-features .bs-mp-tab a {
    display: inline-block
}

.bs-mp-features .bs-mp-tab a li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    min-width: 160px;
    font-weight: 500;
    padding: 8px;
    text-align: center;
    margin: 5px 10px 5px 0;
    border-radius: 40px;
    border: 2px solid #e8eaff;
    font-size: 16px
}

.bs-mp-features .bs-mp-tab a li.active,.bs-mp-features .bs-mp-tab a li:hover {
    background-color: #0041ff;
    color: #fff;
    animation: all .2s ease-in-out;
    border-color: #0041ff
}

.bs-download-header {
    background-color: #1f34ff;
    width: 100%;
    min-height: 100%;
    height: 100vh;
    position: relative;
    display: table;
    overflow: hidden
}

.bs-download-header:before {
    background-image: url(images/download/download-left.svg);
    content: '';
    min-height: 387px;
    z-index: 4;
    position: absolute;
    display: inline-block;
    min-width: 360px;
    bottom: 0;
    background-repeat: no-repeat
}

.bs-download-header:after {
    background-image: url(images/bg-4.png);
    content: '';
    height: 359px;
    z-index: 4;
    position: absolute;
    display: inline-block;
    width: 360px;
    top: 0;
    right: 0;
    background-position-y: 45px;
    transform: rotate(270deg);
    background-repeat: no-repeat
}

.bs-download-header .bs-button {
    text-transform: capitalize;
    border-radius: 5px
}

.bs-download-header .bs-button.github {
    padding: 6px 15px;
    position: relative;
    z-index: 4
}

.bs-download-header .bs-button.aws-ami {
    margin-left: 30px
}

.bs-download-header .bs-dhead-content {
    display: table-cell;
    vertical-align: middle;
    padding: 50px 15px
}

.bs-download-header h2,.bs-download-header label,.bs-download-header p {
    color: #fff;
    display: block;
    position: relative;
    z-index: 5
}

.bs-download-header p {
    width: 100%;
    max-width: 700px;
    margin: 20px auto
}

.bs-download-header img {
    position: relative;
    z-index: 5
}

.bs-download-header .bs_download_icon {
    transition: .2s ease-in-out
}

.bs-download-header .bs_download_icon:hover {
    transform: translateY(2px)
}

.bs-download-header a {
    display: inline-block;
    position: relative;
    margin-top: 15px
}

.bs-download-header a .icon-confity {
    position: absolute;
    right: -10px;
    top: -12px;
    pointer-events: none
}

.bs-download-header label {
    font-size: 22px;
    font-weight: 600;
    cursor: pointer
}

.bs-download-header h2 {
    margin-top: 30px
}

.bs-download-header h2::after {
    content: "";
    display: block;
    background-color: #fff;
    height: 3px;
    width: 120px;
    margin: 15px auto;
    text-align: center
}

.bs-download-header .bs-version {
    margin-top: 10px
}

.bs-dwn-require .download {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    max-width: 100%
}

.bs-dwn-require .download .bs-dwn-detail {
    display: inline-block;
    vertical-align: top;
    width: 450px;
    max-width: 100%;
    margin: 15px 0
}

.bs-dwn-require .download .bs-dwn-detail p {
    font-size: 18px;
    margin-top: 15px
}

.bs-dwn-require .download .bs-dwn-detail p span {
    font-weight: 500
}

.bs-dwn-feature .bs-dwn-brick {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 20px 10px
}

.bs-dwn-feature .bs-dwn-brick h4 {
    font-weight: 500;
    margin: 10px 0
}

.bs-dwn-subscribe {
    position: relative;
    padding: 40px 180px;
    border-radius: 8px;
    box-shadow: 0 2px 22px 0 rgba(0,0,0,.07),0 0 9px 0 rgba(0,0,0,.11)
}

.bs-dwn-subscribe:before {
    background-image: url(images/download/feature-bg-2.svg);
    content: '';
    height: 225px;
    z-index: -1;
    position: absolute;
    display: inline-block;
    min-width: 183px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    border-top-left-radius: 8px
}

.bs-dwn-subscribe:after {
    background-image: url(images/download/feature-bg-3.svg);
    content: '';
    min-height: 265px;
    z-index: -1;
    position: absolute;
    display: inline-block;
    min-width: 156px;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.bs-dwn-subscribe label {
    font-size: 14px;
    display: block;
    color: #3a3a3a
}

.bs-dwn-subscribe .bs-subscriber {
    position: relative;
    z-index: 3;
    color: #141f58;
    background-color: transparent;
    font-size: 16px;
    width: 397px;
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #c7c7c7;
    padding: 5px 0 5px 0;
    transition: .2s ease-out;
    border-radius: 0;
    max-width: 100%
}

.bs-dwn-subscribe .bs-subscriber:focus {
    border-bottom-color: #0041ff
}

.ext-breadcrumb-wrap .bread-block,.ext-breadcrumb-wrap .ext-search-block {
    display: inline-block;
    vertical-align: top
}

.ext-breadcrumb-wrap .bread-block {
    width: 65%;
    position: relative
}

.ext-breadcrumb-wrap .ext-search-block {
    text-align: right;
    width: 30%
}

.ext-breadcrumb-wrap .ext-search-block form {
    display: inline-block;
    text-align: left;
    position: relative
}

.ext-breadcrumb-wrap .ext-search-block .ext_detail_field {
    width: 250px;
    font-size: 16px;
    color: rgba(0,0,0,.6);
    border: 1px solid #d2d2d2;
    padding: 8px 30px 8px 6px;
    border-radius: 4px;
    max-width: 100%
}

.ext-breadcrumb-wrap .ext-search-block .ext_search_icon {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border: none;
    outline: 0;
    padding-right: 0;
    cursor: pointer;
    background-position: -199px -37px;
    width: 22px;
    height: 21px;
    padding: 0;
    float: right;
    background-repeat: no-repeat;
    right: 5px;
    top: 8px;
    position: absolute
}

.ext-breadcrumb-wrap .ext-search-block .ext_search_icon:hover {
    opacity: .8
}

.bs_extension_details .ext_details,.bs_extension_details .ext_optional {
    display: inline-block;
    vertical-align: top
}

.bs_extension_details .ext_optional {
    width: 30%;
    margin-top: 60px;
    margin-right: 30px;
    padding: 90px 20px 30px 20px;
    border: 1px solid #d3d3d3;
    position: sticky;
    top: 175px
}

.bs_extension_details .ext_optional .ext_poster {
    position: absolute;
    top: -60px;
    left: 12.5%;
    height: 130px;
    width: 75%;
    padding: 20px 50px;
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.bs_extension_details .ext_optional .ext_poster img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 70%
}

.bs_extension_details .ext_optional h3 {
    font-weight: 500
}

.bs_extension_details .ext_optional a:not(.bs-button):hover {
    text-decoration: underline
}

.bs_extension_details .ext_optional .bs-ext-demo {
    margin-right: 9%;
    display: inline-block;
    width: auto;
    font-weight: 500;
    float: right;
    margin-top: 25px
}

.bs_extension_details .ext_optional .bs-button {
    padding: 12px
}

.bs_extension_details .ext_optional table {
    width: 100%;
    margin-top: 20px
}

.bs_extension_details .ext_optional table tr td {
    width: 50%;
    padding: 5px 0;
    vertical-align: top;
    word-break: break-word
}

.bs_extension_details .ext_optional table tr td b {
    font-weight: 500
}

.bs_extension_details .ext_optional table tr td:first-child {
    padding-right: 5px;
    width: 48%
}

.bs_extension_details .ext_optional .ext_price {
    margin: 10px 5px 5px 0;
    color: #0041ff;
    font-weight: 500
}

.bs_extension_details .ext_optional .ext_discount {
    background-color: #0041ff;
    color: #fff;
    padding: 3px 7px;
    position: relative;
    font-weight: 500;
    margin-left: 5px;
    margin-bottom: 5px;
    display: inline-block
}

.bs_extension_details .ext_optional .ext_discount:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 8px solid #0041ff;
    border-bottom: 14px solid transparent;
    position: absolute;
    left: -8px;
    top: 0
}

.bs_extension_details .ext_optional del {
    color: #464646
}

.bs_extension_details .ext_optional del .ext_price {
    color: #464646
}

.bs_extension_details .ext_details {
    width: 65%
}

.bs_extension_details .ext_details .bs_extensions_editor img {
    max-width: 100%;
    height: auto
}

.bs_extension_details .ext_details .bs_extensions_editor iframe {
    max-width: 100%;
    width: 100%;
    margin-top: 25px
}

.bs_extension_details .ext_details .bs_extensions_editor h1,.bs_extension_details .ext_details .bs_extensions_editor h2,.bs_extension_details .ext_details .bs_extensions_editor h3,.bs_extension_details .ext_details .bs_extensions_editor h4,.bs_extension_details .ext_details .bs_extensions_editor h5,.bs_extension_details .ext_details .bs_extensions_editor h6 {
    font-weight: 500;
    word-wrap: break-word
}

.bs_extension_details .ext_details .bs_extensions_editor h1:not(:first-child),.bs_extension_details .ext_details .bs_extensions_editor h2:not(:first-child),.bs_extension_details .ext_details .bs_extensions_editor h3:not(:first-child),.bs_extension_details .ext_details .bs_extensions_editor h4:not(:first-child),.bs_extension_details .ext_details .bs_extensions_editor h5:not(:first-child),.bs_extension_details .ext_details .bs_extensions_editor h6:not(:first-child) {
    margin-top: 50px
}

.bs_extension_details .ext_details .bs_extensions_editor ul li {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 1em;
    position: relative
}

.bs_extension_details .ext_details .bs_extensions_editor ul li:after {
    content: '';
    height: 5px;
    width: 5px;
    background: #3a3a3a;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 0
}

.bs_extension_details .ext_details .bs_extensions_editor ol li {
    margin-left: 20px;
    padding-left: 5px;
    margin-bottom: 10px
}

.bs_extension_details .ext_details .bs_extensions_editor p {
    margin-bottom: 20px
}

.bs_extension_details .ext_details .bs_extensions_editor p:first-child {
    margin-top: 0
}

.bs_extension_details .ext_details .bs_extensions_editor a {
    word-break: break-word
}

.bs_extension_details .ext_details .ext_demo_credentails .demo_credentail {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin: 15px 15px 15px 0
}

.bs_extension_details .ext_details .ext_demo_credentails .demo_credentail span {
    display: block;
    margin: 10px 0
}

.bs_extension_details .ext_details .ext_demo_credentails .demo_credentail span b {
    font-weight: 500
}

.bs_extension_details .ext_details .ext_demo_credentails .demo_credentail a {
    display: inline-block;
    margin: 5px 0;
    word-wrap: break-word
}

.bs_extension_details .ext_details .ext_demo_credentails .demo_credentail a:not([href]) {
    color: #3a3a3a
}

.ext-thumb-preview .ext_gallery_item {
    display: none;
    height: 496px
}

.ext-thumb-preview .ext_gallery_item.active {
    display: block;
    animation: slider .5s ease-in-out
}

.ext-thumb-preview .ext_gallery_item img {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 100%
}

.ext-thumb-pagination {
    margin: 30px 30px 0 30px;
    overflow: hidden;
    text-align: center
}

.ext-thumb-pagination #ext-thumb-gallery-wrap {
    overflow: hidden;
    width: 1200px;
    cursor: pointer
}

.ext-thumb-pagination #ext-thumb-gallery-wrap .thumb-gallery-item {
    width: 128px;
    height: 84px;
    background-color: #0041ff;
    margin: 0 10px;
    background-size: cover;
    user-select: none;
    opacity: .6;
    border: 1px solid #d3d3d3;
    display: inline-block;
    vertical-align: top;
    transition: .25s ease-in-out
}

.ext-thumb-pagination #ext-thumb-gallery-wrap .thumb-gallery-item.active {
    border: 1px solid #0041ff;
    opacity: 1
}

.ext-thumb-pagination #ext-thumb-gallery-wrap .thumb-gallery-item:not(.active):hover {
    transform: scale(1.1,1.1)
}

.ext-thumb-pagination #ext-thumb-gallery-wrap .thumb-gallery-item img {
    height: 100%
}

.ext-thumb-next,.ext-thumb-prev {
    position: absolute;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 25px;
    height: 14px;
    top: 55%;
    background-position: -149px -38px;
    cursor: pointer
}

.ext-thumb-next:hover,.ext-thumb-prev:hover {
    opacity: .7
}

.ext-thumb-next.disabled,.ext-thumb-prev.disabled {
    opacity: .4;
    cursor: not-allowed
}

.ext-thumb-prev {
    left: 0;
    transform: rotate(90deg)
}

.ext-thumb-next {
    right: 0;
    transform: rotate(270deg)
}

.bs-home-feature .client-divider,.bs-solution-partner .client-divider {
    text-align: right
}

.bs-home-feature p,.bs-solution-partner p {
    margin-bottom: 25px;
    line-height: 1.4
}

.bs-home-feature .bs-img-linker,.bs-solution-partner .bs-img-linker {
    width: 30%;
    max-width: 218px
}

.bs-home-feature .bs-img-linker:first-of-type,.bs-solution-partner .bs-img-linker:first-of-type {
    margin-left: 0
}

.bs-home-feature .inline-dividers-50,.bs-solution-partner .inline-dividers-50 {
    display: inline-block;
    vertical-align: top
}

.bs-home-feature .inline-dividers-50.wk-wide,.bs-solution-partner .inline-dividers-50.wk-wide {
    width: 62%;
    direction: ltr;
    padding: unset
}

.bs-home-feature .inline-dividers-50.inline-dividers-narrow,.bs-solution-partner .inline-dividers-50.inline-dividers-narrow {
    padding-left: 60px
}

.bs-home-feature .inline-dividers-50.inline-dividers-narrow .bs-img-linker,.bs-solution-partner .inline-dividers-50.inline-dividers-narrow .bs-img-linker {
    width: 58%;
    max-width: 218px
}

.bg-pattern {
    position: relative
}

.bg-pattern::after,.bg-pattern::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 360px;
    height: 360px;
    left: -130px
}

.bg-pattern::before {
    top: -86px;
    transform: rotateY(180deg)
}

.bg-pattern::after {
    bottom: -48px;
    transform: rotateY(180deg) rotateX(180deg)
}

.bs-inline-content-wrap-icon {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
    grid-gap: 30px;
    margin: 60px auto 0
}

.bs-inline-content-wrap-icon .bs-inline-content-icon {
    position: relative;
    padding-left: 98px
}

.bs-inline-content-wrap-icon .bs-inline-content-icon .inline-heading {
    font-weight: 500;
    opacity: .95
}

.bs-inline-content-wrap-icon .bs-inline-content-icon p {
    color: #565656
}

.bs-inline-content-wrap-icon .bs-inline-content-icon::before {
    content: '';
    background-image: url(images/css_sprites.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0
}

.bs-inline-content-wrap-icon .bs-inline-content-icon[data-icon=abandoned-cart]::before {
    background-position: -10px -93px
}

.bs-inline-content-wrap-icon .bs-inline-content-icon[data-icon=multitab-lingual]::before {
    background-position: -10px -327px
}

.bs-inline-content-wrap-icon .bs-inline-content-icon[data-icon=notification]::before {
    background-position: -10px -10px
}

.bs-inline-content-wrap-icon .bs-inline-content-icon[data-icon=location]::before {
    background-position: -10px -210px
}

.bs-inline-content-wrap-icon .bs-inline-content-icon[data-icon=product-view]::before {
    background-position: -10px -444px
}

.bs-inline-content-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
    grid-gap: 30px;
    margin: 60px auto 0
}

.bs-inline-content-wrap .bs-inline-content {
    position: relative;
    padding-left: 98px
}

.bs-inline-content-wrap .bs-inline-content .inline-heading {
    font-weight: 500;
    opacity: .95
}

.bs-inline-content-wrap .bs-inline-content p {
    color: #565656
}

.bs-inline-content-wrap .bs-inline-content::before {
    content: '';
    background-image: url(images/feature-home-sprite.png?2.0);
    background-repeat: no-repeat;
    display: inline-block;
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0
}

.bs-inline-content-wrap .bs-inline-content[data-icon=secure]::before {
    background-position: 0 0
}

.bs-inline-content-wrap .bs-inline-content[data-icon=sales]::before {
    background-position: 0 -389px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=payment]::before {
    background-position: 0 -585px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=customer]::before {
    background-position: 0 -670px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=inventory]::before {
    background-position: 0 -865px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=notification]::before {
    background-position: 0 -1726px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=dashboard]::before {
    background-position: 0 -1247px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=checkout]::before {
    background-position: 0 -1051px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=storage]::before {
    background-position: 0 -1534px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=update]::before {
    background-position: 0 -1822px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=offline]::before {
    background-position: -98px -1822px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=loading]::before {
    background-position: -98px -1726px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=sharing]:before {
    background-position: -90px -1921px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=business]:before {
    background-position: -90px -2015px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=open-source]:before {
    background-position: 0 -2117px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=super-agent]:before {
    background-position: -96px -2110px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=multiple-channel]:before {
    background-position: -96px -2300px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=insight]:before {
    background-position: -96px -2210px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=landing-page]:before {
    background-position: 0 -2300px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=access-control-list]:before {
    background-position: 0 -2210px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=seo]:before {
    background-position: 0 -2395px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=auto-updates]:before {
    background-position: -96px -2395px
}

.bs-inline-content-wrap .bs-inline-content[data-icon=multi-store-inventory]:before {
    background-position: 0 -2488px
}

.bs-saas-module.bg-pattern::before {
    top: -215px
}

.bs-customer-showcase-section {
    min-height: 530px;
    background-position: left 137px
}

.bg-left-pattern {
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 619px;
    padding-top: 50px;
    background-image: url(images/home-bg-3.png)
}

.bs-footer-country {
    margin-top: 50px;
    position: relative
}

.bs-footer-country p {
    margin-bottom: 14px
}

.bs-footer-country .pos-abs {
    position: absolute;
    left: 0
}

.bs-footer-country #selected-ctr-attr {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #474747;
    text-decoration: underline;
    cursor: pointer
}

.bs-footer-country .flag-ext {
    margin-right: 11px;
    vertical-align: middle;
    display: inline-block
}

.bs-footer-country .ctr-selected::after {
    content: "";
    display: inline-block;
    background-image: url(images/select-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 17px;
    margin-top: -17px
}

.bs-footer-country .ctr-options {
    width: 134px;
    background-color: #fff;
    padding: 18px 0 22px 14px;
    margin-top: 20px;
    position: absolute;
    left: -9px;
    display: none;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
    border-radius: 3px;
    z-index: 1
}

.bs-footer-country .ctr-options::after {
    position: absolute;
    left: 50%;
    top: -11px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #fff
}

.bs-footer-country .ctr-options li {
    font-size: 14px;
    font-weight: 600;
    color: #474747
}

.bs-footer-country .ctr-active {
    display: block
}

.bs-story-section .bs-stitle {
    padding-bottom: 25px
}

.bs-story-section .bs-section-head h2 {
    font-size: 30px
}

#contact-modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.72);
    width: 100%;
    height: 100%;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    grid-template-columns: minmax(30px,auto) auto minmax(30px,auto);
    grid-template-rows: minmax(30px,auto) minmax(84.636%,650px) minmax(30px,auto);
    display: none
}

#contact-modal[modal=on] {
    display: grid
}

#contact-modal[modal=off] {
    display: none
}

#contact-modal .contact-modal-inner {
    display: grid;
    grid-template-columns: auto;
    border-radius: 16px;
    height: 100%;
    grid-column: 2;
    grid-row: 2;
    position: relative;
    width: 506px;
    overflow: hidden
}

#contact-modal .contact-modal-inner #modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 26px;
    height: 20px;
    background-position: -248px -38px;
    cursor: pointer;
    z-index: 2
}

#contact-modal .contact-modal-inner .contact-modal-info {
    background-color: #f4f6fb;
    padding: 31px;
    border-radius: 16px 0 0 16px;
    display: grid;
    grid-gap: 30px;
    overflow-x: auto
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar-thumb {
    background-color: rgba(200,203,200,.9)
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar-track {
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar-thumb {
    background-color: rgba(200,203,200,.9);
    border-radius: 16px
}

#contact-modal .contact-modal-inner .contact-modal-info::-webkit-scrollbar-track {
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-info .saying.bs-quote {
    margin-top: 25px;
    padding-left: 0
}

#contact-modal .contact-modal-inner .contact-modal-info .saying.bs-quote:before {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -260px -150px;
    width: 40px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 14px;
    transform: scale(.5)
}

#contact-modal .contact-modal-inner .contact-modal-info .saying.bs-quote p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #3a3a3a
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 3px 15px;
    align-items: center;
    justify-content: start;
    margin-top: 12px
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .img-wrap {
    display: flex
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .profile-thumb {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    grid-row: span 3
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .name {
    color: #000311;
    font-size: 14px;
    font-weight: 700;
    margin: 0!important
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .info-wrap {
    display: grid;
    line-height: 18px
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .company-link {
    margin: 0!important;
    font-weight: 700;
    color: #000311;
    font-size: 14px
}

#contact-modal .contact-modal-inner .contact-modal-info .saying .card .company-link:hover {
    text-decoration: underline
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales {
    display: grid;
    grid-gap: 20px;
    align-self: end
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales span.h5 {
    font-size: 24px;
    font-weight: 500
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales p {
    margin: 0
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .icon:before {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 29px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 2px 0
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .chatwhizz:before {
    background-position: -192px -195px;
    width: 29px;
    height: 26px
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item .skype:before {
    background-position: -222px -195px;
    margin-right: 3px
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item a {
    font-size: 16px;
    color: #000311;
    font-weight: 400;
    text-decoration: none
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .item a:hover {
    text-decoration: underline
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .loc {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 8px;
    justify-content: start;
    align-items: center;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 18px
}

#contact-modal .contact-modal-inner .contact-modal-info .talk-to-sales .loc .country-flag-sm {
    box-shadow: unset
}

#contact-modal .contact-modal-inner .contact-modal-form {
    background-color: #fff;
    height: auto;
    overflow-y: auto;
    padding: 0 40px 40px 40px;
    border-radius: 16px;
    position: relative
}

#contact-modal .contact-modal-inner .contact-modal-form[view=form] .contact-modal-success {
    display: none
}

#contact-modal .contact-modal-inner .contact-modal-form[view=form] .contact-modal-form-inner {
    display: block
}

#contact-modal .contact-modal-inner .contact-modal-form[view=form] .contact-modal-form-inner span.h5 {
    font-size: 24px;
    font-weight: 800;
    color: #000311
}

#contact-modal .contact-modal-inner .contact-modal-form[view=message] {
    overflow: hidden
}

#contact-modal .contact-modal-inner .contact-modal-form[view=message] .contact-modal-success {
    display: grid
}

#contact-modal .contact-modal-inner .contact-modal-form[view=message] .contact-modal-form-inner {
    display: none
}

#contact-modal .contact-modal-inner .contact-modal-form:before {
    content: "";
    background: #fff;
    position: sticky;
    width: 100%;
    top: 0;
    display: block;
    left: 0;
    z-index: 1;
    height: 60px
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar-thumb {
    background-color: rgba(200,203,200,.9)
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar-track {
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar {
    width: 4px;
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar-thumb {
    background-color: rgba(200,203,200,.9);
    border-radius: 16px
}

#contact-modal .contact-modal-inner .contact-modal-form::-webkit-scrollbar-track {
    background-color: transparent
}

#contact-modal .contact-modal-inner .contact-modal-form .screen-reader-response {
    display: none
}

#contact-modal .contact-modal-inner .contact-modal-form .contact-modal-success {
    display: grid;
    grid-gap: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
    height: 100%;
    padding: 40px;
    vertical-align: middle;
    align-content: center;
    justify-items: center
}

#contact-modal .contact-modal-inner .contact-modal-form .contact-modal-success * {
    margin: 0
}

.why-services-section .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 39px;
    margin: 0
}

.why-services-section .desc {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding-top: 24px
}

.section-icon-card-layout .title {
    margin: 0;
    font-size: 32px;
    line-height: 39px
}

.section-icon-card-layout .desc {
    margin: 0;
    padding-top: 4px
}

.section-icon-card-layout .icon {
    display: inline-block;
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0
}

.section-icon-card-layout .bs-inline-content::before {
    content: unset!important
}

.header-section .bs-header-title p {
    font-weight: 500
}

.header-section .bs-header-title h1 {
    font-weight: 700
}

.inline-header .inline-header-image {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    position: relative
}

.inline-header .inline-header-image img {
    margin: auto;
    display: block
}

.inline-header .inline-header-tagline {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    position: relative
}

.inline-header .inline-header-tagline h1 {
    font-weight: 700
}

.inline-header .inline-header-tagline .bs-button {
    margin-top: 35px
}

.bs-services-sap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 10px
}

.bs-audio-podcast .bs-testimonial-audio-grid {
    display: grid;
    grid-gap: 38px;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    justify-content: center
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio {
    background-color: #f4f6fb;
    border-radius: 8px;
    display: flex;
    padding: 15px;
    gap: 15px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio img {
    border-radius: 8px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content {
    position: relative
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .bs-podcast-title {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .bs-podcast-source {
    font-size: 14px;
    font-weight: 500;
    margin: 14px 0 0 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player {
    position: absolute;
    bottom: 0;
    width: 100%
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(6.22024px);
    position: relative;
    padding: 8px 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .bs-podcast-start {
    position: absolute;
    bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #000;
    left: 46px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .bs-podcast-end {
    position: absolute;
    right: 5px;
    bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #000
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .player-button {
    background-color: transparent;
    border: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    border-radius: 77%;
    padding: 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .player-button path {
    fill: #0041ff
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .player-button .player-image-button {
    padding: 7px 8px 6px;
    border-radius: 50%;
    display: block;
    background-color: #0041ff
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .player-button .player-image-button::before {
    content: "";
    display: inline-block;
    background-image: url(images/webp/bagisto-sprite.webp?v=2.6);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: -43px -177px;
    filter: brightness(0) invert(1)
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline {
    -webkit-appearance: none;
    width: calc(100% - 3em + 2em + .5em);
    height: .5em;
    background-color: #a0a7c8;
    border-radius: 5px;
    background-size: 0 100%;
    background-image: linear-gradient(#0e1b51,#0e1b51);
    background-repeat: no-repeat;
    margin-right: .5em;
    margin-left: 10px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #0e1b51;
    border: 3px solid #fff;
    box-shadow: 5px 10px #d7d7d8;
    box-shadow: 0 0 10px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-moz-range-thumb {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #0e1b51;
    border: 3px solid #fff;
    box-shadow: 5px 10px #d7d7d8;
    box-shadow: 0 0 10px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-ms-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #0e1b51;
    border: 3px solid #fff;
    box-shadow: 5px 10px #d7d7d8;
    box-shadow: 0 0 10px
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-webkit-slider-thumb:hover {
    background-color: #091341
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline:hover::-webkit-slider-thumb {
    opacity: 1
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-moz-range-thumb:hover {
    background-color: #091341
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline:hover::-moz-range-thumb {
    opacity: 1
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-ms-thumb:hover {
    background-color: #091341
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline:hover::-ms-thumb {
    opacity: 1
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player .controls .timeline::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

body:has(>.skiptranslate) {
    top: 0!important
}

iframe.skiptranslate {
    display: none!important
}

.fixed-con {
    z-index: 9724790009779558!important;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    z-index: 9724790009779!important;
    top: 0;
    left: unset;
    right: -5px;
    display: none!important;
    border-radius: 50%;
    border: 2px solid gold
}

.VIpgJd-ZVi9od-aZ2wEe-OiiCO {
    width: 80px;
    height: 80px
}

#goog-gt-tt,.goog-logo-link,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-gadget span,.gskiptranslate,div#goog-gt- {
    display: none!important
}

.goog-te-gadget {
    color: transparent!important;
    font-size: 0
}

.goog-text-highlight {
    background: 0 0!important;
    box-shadow: none!important
}

.bs-footer-language {
    margin-top: 40px
}

.bs-footer-language #google_translate_element {
    margin-top: 6px
}

.bs-footer-language #google_translate_element select {
    background: 0 0;
    color: #141324;
    font-size: 13px;
    line-height: 17px;
    border: 1px solid #474747;
    border-radius: 4px;
    padding: 6px 8px;
    margin: 0;
    min-width: 142px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23474747' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px;
    background-size: 10px 10px
}

.bs-image-slider-container {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden
}

.bs-image-slider-container .bs-image-slide {
    display: inline-block;
    width: max-content;
    animation: 120s slide infinite linear
}

.bs-image-slider-container .bs-image-slide img {
    margin: 0 15px
}

.bs-up-hero-section .bs-banner-box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px
}

.bs-up-hero-section .bs-banner-box .bs-banner-content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bs-up-hero-section .bs-banner-box .bs-banner-content .bs-banner-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px
}

.bs-up-hero-section .bs-banner-box .bs-banner-content .bs-banner-links-wrapper a {
    height: max-content;
    margin: 0
}

.bs-up-hero-section .bs-banner-box .bs-video {
    width: max-content
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 16px 24px;
    cursor: pointer
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster .video-poster-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
    color: #ffd747
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster .bs-hero-play-icon {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    z-index: 9
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster .bs-hero-play-icon .bs-hero-play-border {
    width: 16px;
    height: 22px;
    background: #ffd747;
    z-index: 100;
    clip-path: polygon(0 0,100% 48%,0 100%,0 100%);
    transition: clip-path .5s ease;
    transition-delay: .4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster .bs-hero-play-icon::after {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2px;
    left: -4px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 2px solid #ffd74733;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-up-hero-section .bs-banner-box .bs-video .video-poster .bs-hero-play-icon::before {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2px;
    left: -4px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 2px solid #ffd74733;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 100px 0 61px
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card {
    display: flex;
    position: relative;
    margin-left: 52px;
    width: 100%;
    max-width: 498px;
    transform: skewY(-10deg);
    background-color: #020c16;
    background-image: radial-gradient(circle at 90% 93%,hsla(213,100%,15%,.73) 0,transparent 17.11750355%),radial-gradient(circle at 47% 65%,hsl(213.33333333,16%,41%) 0,transparent 27.59492967%),radial-gradient(circle at 42% 52%,hsl(213.33333333,16%,41%) 0,transparent 39.64288702%),radial-gradient(circle at 93% 99%,hsla(213,76%,5%,.64) 0,transparent 27.73393511%),radial-gradient(circle at 66% 100%,hsla(213,100%,15%,.7) 0,transparent 23.26569741%),radial-gradient(circle at 77% 94%,#4b5a6c 0,transparent 50%),radial-gradient(circle at 61% 72%,hsl(213.33333333,16%,41%) 0,transparent 28.57966327%),radial-gradient(circle at 29% 100%,#58697d 0,transparent 38.4306603%),radial-gradient(circle at 95% 42%,hsl(213.33333333,16%,41%) 3.46500347%,transparent 29.47382637%);
    background-blend-mode: normal,normal,normal,normal,normal,normal,normal,normal,normal;
    border-radius: 8px
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card::after {
    content: '';
    width: 100%;
    height: 60px;
    position: absolute;
    top: 100%;
    background: #fff
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content {
    display: inline-block;
    width: 40%;
    text-align: left;
    margin-top: 44px;
    transform: skewY(10deg)
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-sub-card {
    width: max-content;
    padding: 16px;
    border-radius: 8px;
    transform: translateX(-52px);
    background-repeat: no-repeat;
    background-color: hsl(224.70588235,100%,50%);
    background-image: radial-gradient(circle at 87% 21%,hsla(0,0%,100%,.12) 7%,transparent 84%),radial-gradient(circle at 25% 58%,hsla(0,0%,100%,.12) 7%,transparent 71.2594039%),radial-gradient(circle at 86% 100%,hsla(0,0%,100%,.34) 7%,transparent 63.47606373%);
    background-blend-mode: normal,normal,normal
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-sub-card .bs-banner-rec-card-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-sub-card .bs-banner-rec-card-pos {
    margin: 4px 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-sub-card .bs-banner-rec-card-icon {
    display: inline-block;
    margin: 0;
    width: 62px;
    height: 18px;
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat;
    background-position: -121px -231px
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-card-para {
    margin: 30px 24px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-img-wrapper {
    position: relative;
    bottom: -18px;
    width: 100%;
    transform: skewY(10deg)
}

.bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-img-wrapper img {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.bs-bento-grid-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 32px
}

.bs-bento-grid-container .bs-bento-grid-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f4f6fb;
    overflow: hidden
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(2),.bs-bento-grid-container .bs-bento-grid-card:nth-child(5) {
    grid-column: span 3/span 3
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(3),.bs-bento-grid-container .bs-bento-grid-card:nth-child(4),.bs-bento-grid-container .bs-bento-grid-card:nth-child(7),.bs-bento-grid-container .bs-bento-grid-card:nth-child(8) {
    grid-column: span 2/span 2
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(1) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(2) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(3) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(5) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(8) .bs-bento-grid-card-img-wrapper {
    margin-top: auto
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(7) .bs-bento-grid-card-img-wrapper {
    margin-bottom: auto
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(1) {
    flex-direction: column
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(1) .bs-bento-grid-card-content {
    padding: 24px 24px 0
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) {
    flex-direction: column
}

.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) .bs-bento-grid-card-content {
    padding: 24px 24px 0
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content {
    min-width: 200px;
    padding: 24px 0 24px 24px;
    flex: 1
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content .bs-bento-grid-card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #030e1a
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content .bs-bento-grid-card-description {
    margin: 12px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030e1a
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content a {
    margin: 12px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #030e1a
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content a::after {
    filter: invert(1)
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-img-wrapper {
    max-width: max-content;
    width: 100%;
    line-height: 0;
    text-align: center
}

.bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-img-wrapper img {
    max-width: max-content;
    width: 100%
}

header.navigation-menu {
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
    position: sticky;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 100
}

header.navigation-menu .bs-main-navigation-items {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    flex: 1
}

header.navigation-menu .wk-menu-item-wrapper .wk-menu-item {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    text-decoration: none
}

header.navigation-menu .wk-menu-item-wrapper .wk-menu-content {
    display: inline-block
}

header.navigation-menu .wk-menu-item-wrapper .wk-menu-content h5 {
    color: #0e1b51;
    font-size: 16px;
    font-weight: 600;
    transition: .25s
}

header.bs_download_navigation {
    display: none
}

header .gtranslate-wrapper {
    position: relative
}

header #google_translate_element {
    display: none
}

header .gtranslate_select_box {
    position: relative
}

header .gtranslate_select_box .gtranslate_btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    text-transform: uppercase
}

header .gtranslate_select_box .gtranslate_btn:before {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -287px -183px;
    width: 22px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    flex-shrink: 0
}

header .gtranslate_select_box .gtranslate_btn[data-lang=pt]:before {
    background-position: -162px -450px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=ar]:before {
    background-position: -185px -450px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=es]:before {
    background-position: -162px -467px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=en]:before {
    background-position: -162px -484px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=de]:before {
    background-position: -185px -467px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=vi]:before {
    background-position: -185px -484px
}

header .gtranslate_select_box .gtranslate_btn[data-lang=tr]:before {
    background-position: -208px -450px
}

header .gtranslate_select_box .gtranslate_dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 50px;
    width: 200px;
    padding: 22px 16px;
    border-radius: 10px;
    background-color: #fff;
    filter: drop-shadow(0 -4px 20px rgba(0, 0, 0, .08))
}

header .gtranslate_select_box .gtranslate_dropdown .option {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: center
}

header .gtranslate_select_box .gtranslate_dropdown .option:hover {
    background: #f8f8f8
}

header .gtranslate_select_box .gtranslate_dropdown .option:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 16px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -162px -450px;
    flex-shrink: 0;
    border-radius: 2px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=pt]:before {
    background-position: -162px -450px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=ar]:before {
    background-position: -185px -450px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=es]:before {
    background-position: -162px -467px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=en]:before {
    background-position: -162px -484px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=de]:before {
    background-position: -185px -467px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=vi]:before {
    background-position: -185px -484px
}

header .gtranslate_select_box .gtranslate_dropdown .option[data-lang=tr]:before {
    background-position: -208px -450px
}

header .gtranslate_select_box .gtranslate_dropdown .option:after {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto
}

header .gtranslate_select_box .gtranslate_dropdown .option.selected:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%230041FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

header .gtranslate_select_box .gtranslate_dropdown.toggle {
    display: block
}

header .gtranslate_select_box .gtranslate_dropdown:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    right: 14px
}

.bs-main-navigation {
    display: flex;
    grid-gap: 22px;
    align-items: center;
    padding: 7px 15px 7px
}

.bs-main-navigation .bs-xmas-logo {
    width: 147px;
    height: 60px
}

.bs-main-navigation .menu-item {
    display: flex;
    margin: 0;
    color: #141324;
    transition: .25s
}

.bs-main-navigation .menu-item .menu-label {
    font-size: 16px;
    padding: 8px 0;
    font-weight: 400;
    color: #030e1a
}

.bs-main-navigation .menu-item.icon-color-link .menu-label {
    color: #0041ff!important
}

.bs-main-navigation .menu-item.menu-highlighted {
    position: relative
}

.bs-main-navigation .menu-item.menu-highlighted:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #fd4f89;
    border-radius: 20px;
    top: 1px;
    right: -6px
}

.bs-main-navigation .menu-item.menu-highlighted:before {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 20px;
    top: -15px;
    right: -21px;
    border: 6px solid #ff588f;
    background: 0 0;
    height: 25px;
    width: 25px;
    -webkit-animation: wk-pulse 2s ease-out;
    -moz-animation: wk-pulse 2s ease-out;
    animation: wk-pulse 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0
}

.bs-main-navigation .bs-parent-navs {
    display: flex;
    padding: 0;
    margin: 0;
    width: 100%;
    grid-gap: 15px
}

.bs-main-navigation .bs-parent-navs>.menu-item>.menu-block {
    cursor: pointer
}

.bs-main-navigation .bs-parent-navs>.menu-item:hover>.menu-block>.menu-label {
    color: #0041ff
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children>.menu-block {
    display: flex;
    align-items: center;
    gap: 6px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children>.menu-block:after {
    width: 11px;
    height: 7px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    content: "";
    background-position: -150px -54px;
    background-repeat: no-repeat;
    transition: .4s all
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children>.menu-block.wk-active {
    color: #0041ff
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children>.menu-block.wk-active:after {
    transform: rotateX(180deg)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 3px;
    justify-content: space-between;
    border-top: 1px solid #d7dfe2;
    top: 100%;
    margin: 0;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    padding: 20px;
    grid-template-columns: repeat(4,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper.menu-on {
    display: grid!important
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper.menu-slide-up {
    animation: menu-slide-up .5s cubic-bezier(.4,0,.2,1)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper.menu-slide-down {
    animation: menu-slide-down .3s cubic-bezier(.4,0,.2,1);
    animation-fill-mode: forwards
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper .menu-desc {
    margin: 4px 0 0 0;
    color: #64687a;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper .menu-desc+.sub-menu {
    margin: 20px 0 0 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.products .submenu-wrapper {
    grid-template-columns: repeat(4,1fr);
    margin-left: -40px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.about .submenu-wrapper {
    margin-left: -120px;
    grid-template-columns: repeat(2,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.industries .submenu-wrapper {
    margin-left: -120px;
    grid-template-columns: repeat(3,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.extensions .submenu-wrapper {
    margin-left: -250px;
    grid-template-columns: repeat(4,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.services .submenu-wrapper {
    margin-left: -280px;
    grid-template-columns: repeat(4,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.customers .submenu-wrapper {
    grid-template-columns: repeat(2,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.ecosystem .submenu-wrapper {
    margin-left: -250px;
    grid-template-columns: repeat(3,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.ecosystem .submenu-lvl-0>.menu-item .menu-icon {
    filter: unset
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.grid-3 {
    justify-content: center
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children.grid-3 .submenu-wrapper {
    grid-template-columns: repeat(3,1fr)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item {
    max-width: 100%;
    padding: 20px;
    width: 212px;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-size: 16px;
    gap: 8px;
    transition: .2s
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-btn:hover .menu-desc,.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-btn:hover .menu-label {
    color: #0041ff
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-btn:hover .menu-icon {
    filter: unset
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/menu-sprite.png?1.5);
    background-repeat: no-repeat;
    filter: brightness(0) invert(.3)
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.color-link {
    display: none
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.blockchain {
    background-position: 0 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.multi-tenant {
    background-position: -24px 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.headless {
    background-position: -48px 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.nft-commerce {
    background-position: -72px 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.marketplace {
    background-position: 0 -24px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.virtual-commerce {
    background-position: -24px -24px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.saas {
    background-position: -48px -24px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.ar-commerce {
    background-position: -72px -24px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.live-stream {
    background-position: 0 -48px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.generative-ai {
    background-position: -24px -48px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.mobile-app {
    background-position: -48px -48px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.ecommerce-stores {
    background-position: -72px -48px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.b2b {
    background-position: 0 -72px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.pwa {
    background-position: -24px -72px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.pos {
    background-position: -48px -72px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.extension {
    background-position: -72px -72px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.book-store {
    background-position: -24px -96px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.vape-industry {
    background-position: -48px -96px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.jewellery-industry {
    background-position: 0 -96px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.customer {
    background-position: -72px -96px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.quick-commerce {
    background-position: -48px -144px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.aureuserp {
    background-position: 0 -120px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.krayin {
    background-position: -24px -120px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.unopim {
    background-position: -48px -120px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.qloapps {
    background-position: -72px -120px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.uvdesk {
    background-position: 0 -144px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.case-study {
    background-position: -25px -169px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.testimonial {
    background-position: 0 -169px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.top-locations {
    background-position: -48px -169px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.dev-docs {
    background-position: -72px -168px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.blog {
    background-position: -25px -191px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-0>.menu-item .menu-icon.user-docs {
    background-position: 0 -191px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-1 {
    margin: 0;
    display: grid;
    grid-gap: 3px
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-1 .menu-item {
    margin: 0;
    display: block;
    padding: 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-1 .menu-item .menu-label {
    color: #64687a;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0
}

.bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-lvl-1 .menu-item .menu-label:hover {
    color: #0041ff
}

.bs-sub-navigation {
    display: flex;
    gap: 15px;
    justify-self: self-start
}

.bs-sub-navigation .bs-nav-live-demo {
    cursor: pointer;
    font-weight: 700;
    color: #fff
}

.bs-sub-navigation .bs-nav-live-demo:hover {
    text-decoration: none;
    color: #fff
}

.bs-sub-navigation .bs-nav-live-demo {
    background-color: #cd3614;
    padding: 9px 16px;
    border-radius: 3px;
    transition: .25s all;
    display: flex;
    align-items: center
}

.bs-sub-navigation .bs-nav-live-demo:hover {
    opacity: .7
}

.bs-sub-navigation .bs-nav-star-repo {
    padding: 8px 13px;
    border-radius: 3px;
    transition: .25s;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-weight: 700;
    color: #030e1a;
    border: 1px solid #e6e8e8
}

.bs-sub-navigation .bs-nav-star-repo:hover {
    background-color: #030e1a;
    color: #fff
}

.bs-sub-navigation .bs-nav-star-repo:hover::before {
    filter: invert(0)
}

.bs-sub-navigation .bs-nav-star-repo::before {
    content: "";
    display: inline-block;
    background-image: url(images/hero-sprite.png?v=1.3);
    background-repeat: no-repeat;
    width: 24px;
    vertical-align: sub;
    height: 26px;
    background-position: -119px -165px;
    filter: invert(1);
    transition: .25s
}

.wk-hamburger-toggler {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 20px;
    position: relative;
    cursor: pointer;
    transition: transform .2s ease
}

.wk-hamburger-toggler span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #0041ff
}

.mobi-nav-active .wk-hamburger-toggler {
    transform: rotateZ(90deg)
}

.mobi-nav-active .wk-hamburger-toggler span:nth-child(1) {
    transform: rotate(45deg) translate(7px,6px)
}

.mobi-nav-active .wk-hamburger-toggler span:nth-child(2) {
    display: none
}

.mobi-nav-active .wk-hamburger-toggler span:nth-child(3) {
    transform: rotate(135deg) translate(-7px,6px)
}

.bs-page-header .page-banner,.bs-page-header .page-tagline {
    display: inline-block;
    vertical-align: middle
}

.bs-page-header .page-tagline {
    direction: ltr;
    width: 48%
}

.bs-page-header .page-tagline a:nth-of-type(2) {
    margin-left: 15px
}

.bs-page-header h1 {
    font-weight: 500
}

.bs-page-header .page-banner {
    width: 50%;
    text-align: right;
    margin-left: 10px
}

.bs-page-header .page-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto
}

.bs-page-header .wk-tagline-fill {
    width: 100%;
    text-align: center
}

.bs-page-content p {
    margin-bottom: 34px;
    line-height: 1.4
}

.bs-page-content p:last-child {
    margin-bottom: 0
}

.bs-page-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 40px
}

.bs-page-content blockquote {
    margin: 35px 0;
    border-left: 3px solid #0041ff;
    padding: 3px 0 3px 25px
}

.bs-page-content blockquote p {
    margin: 3px 0;
    color: #78797b;
    font-style: italic;
    font-size: 22px;
    font-weight: 100
}

.bs-page-content ul {
    margin: 0 0 34px;
    padding-left: 20px
}

.bs-page-content ul li {
    margin: 7px 0;
    font-weight: 600;
    padding: 0;
    font-size: 18px;
    list-style-type: disc
}

.bs-page-content ol {
    margin: 0 0 34px;
    padding-left: 20px
}

.bs-page-content ol li {
    margin: 7px 0;
    font-weight: 600;
    padding: 0;
    font-size: 18px
}

.bs-page-content .image-gallery {
    margin: 15px 0 40px
}

.bs-page-content .image-gallery img {
    display: inline-block;
    vertical-align: middle;
    margin: 15px
}

.bs-page-content .caption-gallery {
    margin: 40px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(182px,182px));
    grid-gap: 40px 20px;
    justify-content: center
}

.bs-page-content .caption-gallery .pallete {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.bs-page-content .caption-gallery .pallete img {
    width: 135px;
    height: 135px;
    max-width: 100%;
    border-radius: 50%;
    margin: 0 auto 10px;
    border: 3px solid var(--wk-primary-color)
}

.bs-page-content .caption-gallery .pallete p {
    margin: 0
}

.bs-page-content .caption-gallery .pallete .name {
    margin-top: 7px;
    font-size: 18px;
    font-weight: 500
}

.bs-page-content .caption-gallery .pallete .profile {
    font-weight: 500;
    margin-top: 0;
    font-size: 15px
}

.bs-page-content .caption-icons {
    font-size: 0
}

.bs-page-content .caption-icons p,.bs-page-content .caption-icons span {
    display: inline-block;
    vertical-align: top
}

.bs-page-content .caption-icons span {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px
}

.bs-page-content .caption-icons span.badge {
    background-position: -54px -61px
}

.bs-page-content .caption-icons span.ecommerce {
    background-position: -246px -61px
}

.bs-page-content .caption-icons span.customer {
    background-position: -6px -61px
}

.bs-page-content .caption-icons span.awards {
    background-position: -150px -61px
}

.bs-page-content .caption-icons span.expertise {
    background-position: -100px -61px
}

.bs-page-content .caption-icons p {
    margin-top: 10px;
    width: 78%
}

.bs-page-content .caption-icons .brick {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    margin-bottom: 20px
}

.bs-editor {
    padding: 50px 0 0 0
}

.bs-editor h1,.bs-editor h2,.bs-editor h3,.bs-editor h4,.bs-editor h5,.bs-editor h6 {
    font-family: 'PT Serif'!important;
    font-weight: 600!important
}

.bs-editor h1 span,.bs-editor h2 span,.bs-editor h3 span,.bs-editor h4 span,.bs-editor h5 span,.bs-editor h6 span {
    font-weight: 600!important
}

.bs-editor h1,.bs-editor h2 {
    font-weight: 500;
    margin: 0 0 20px 0;
    word-wrap: break-word
}

.bs-editor h1 {
    font-size: 36px;
    color: rgba(0,0,0,.9)
}

.bs-editor h1 a {
    font-size: 36px!important
}

.bs-editor h2 {
    color: rgba(0,0,0,.9);
    font-size: 34px
}

.bs-editor h2 a {
    font-size: 34px!important
}

.bs-editor h3,.bs-editor h4 {
    font-size: 28px;
    color: rgba(0,0,0,.9);
    font-weight: 500;
    margin: 0 0 10px 0;
    word-wrap: break-word
}

.bs-editor h3 a,.bs-editor h4 a {
    font-size: 28px!important
}

.bs-editor h4 {
    font-size: 20px;
    color: rgba(0,0,0,.9)
}

.bs-editor h4 a {
    font-size: 20px
}

.bs-editor h5,.bs-editor h6 {
    font-size: 22px;
    color: rgba(0,0,0,.9);
    font-weight: 500;
    margin: 0 0 10px 0;
    word-wrap: break-word
}

.bs-editor h5 a,.bs-editor h6 a {
    font-size: 22px
}

.bs-editor h6 {
    color: rgba(0,0,0,.65)
}

.bs-editor p {
    font-size: 21px;
    color: rgba(0,0,0,.9);
    margin: 0 0 28px 0;
    font-family: 'PT Serif',serif;
    line-height: 1.7;
    word-wrap: break-word
}

.bs-editor p img {
    margin-bottom: 0!important
}

.bs-editor strong {
    font-weight: 600
}

.bs-editor div:not(.bs-story-author,.bs-story-author-block) {
    margin-bottom: 20px
}

.bs-editor .wk-block--yt-video-frame div:not(.bs-story-author,.bs-story-author-block) {
    margin-bottom: 0
}

.bs-editor h1:last-child,.bs-editor h2:last-child,.bs-editor h3:last-child,.bs-editor h4:last-child,.bs-editor h5:last-child,.bs-editor h6:last-child,.bs-editor img:last-child,.bs-editor ol:last-child,.bs-editor p:last-child,.bs-editor pre:last-child,.bs-editor ul:last-child {
    margin-bottom: 0
}

.bs-editor .wp-block-separator+h2,.bs-editor ol+h1,.bs-editor ol+h2,.bs-editor p+h1,.bs-editor p+h2,.bs-editor pre+h1,.bs-editor pre+h2,.bs-editor ul+h1,.bs-editor ul+h2 {
    margin-top: 44px
}

.bs-editor ol+h3,.bs-editor p+h3,.bs-editor pre+h3,.bs-editor ul+h3 {
    margin-top: 40px
}

.bs-editor ol+h4,.bs-editor p+h4,.bs-editor pre+h4,.bs-editor ul+h4 {
    margin-top: 24px
}

.bs-editor ol+h5,.bs-editor ol+h6,.bs-editor p+h5,.bs-editor p+h6,.bs-editor pre+h5,.bs-editor pre+h6,.bs-editor ul+h5,.bs-editor ul+h6 {
    margin-top: 50px
}

.bs-editor ul {
    padding-left: 40px;
    margin-bottom: 20px;
    font-family: 'PT Serif',serif;
    list-style-type: disc
}

.bs-editor ul li {
    list-style-type: disc
}

.bs-editor ol {
    margin-bottom: 20px;
    padding-left: 40px;
    font-family: 'PT Serif',serif
}

.bs-editor li {
    color: rgba(0,0,0,.9);
    font-size: 21px;
    margin: 20px 0;
    word-wrap: break-word;
    line-height: 1.7
}

.bs-editor a:active,.bs-editor a:hover,.bs-editor a:link,.bs-editor a:visited {
    color: #2149f3
}

.bs-editor a {
    word-wrap: break-word
}

.bs-editor .wp-caption {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.bs-editor .wp-caption .wp-caption-text {
    font-size: 14px;
    color: rgba(0,0,0,.56);
    text-align: center;
    margin-bottom: 40px
}

.bs-editor .wp-caption img {
    margin-bottom: 10px!important
}

.bs-editor img {
    height: auto!important;
    max-width: 100%!important;
    box-shadow: 0 0 3px 3px rgba(0,0,0,.05);
    transition: all .5s ease;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-bottom: 40px!important
}

.bs-editor img.img-center-small {
    margin: 10px auto 30px!important;
    width: auto!important;
    max-width: 100%!important;
    display: block!important
}

.bs-editor h1+img,.bs-editor h2+img,.bs-editor h3+img,.bs-editor h4+img,.bs-editor h5+img,.bs-editor h6+img {
    margin-top: 10px
}

.bs-editor pre {
    font-size: 21px;
    color: rgba(0,0,0,.85);
    padding: 15px;
    background: #efefef;
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 30px;
    white-space: pre-wrap;
    line-height: 1.3;
    overflow: auto
}

.bs-editor kbd {
    font-family: Montserrat,sans-serif;
    border: solid 1px rgba(0,0,0,.12);
    padding: 0 8px 2px 8px;
    margin: 2px 0;
    background-color: rgba(0,0,0,.1);
    border-radius: 3px;
    display: inline-block;
    box-shadow: inset 0 -1px 0 0 #fff,inset 0 -2px 5px 0 rgba(0,0,0,.1)
}

.bs-editor table {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    overflow-x: auto;
    margin: 15px 0
}

.bs-editor .version-info {
    margin-top: 25px
}

.bs-editor .version-info p {
    font-weight: 600;
    margin: 5px 0;
    font-size: 18px
}

.bs-editor .panel {
    margin-bottom: 50px
}

.bs-editor .panel .panel-body {
    padding-left: 0
}

.bs-editor .panel h3.panel-title:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0
}

.bs-editor .panel h3.panel-title:last-child {
    margin-bottom: 10px
}

.bs-editor .para-images {
    text-align: center;
    margin: 25px -150px;
    font-size: 0;
    width: 1100px
}

.bs-editor .para-images a {
    display: inline-block;
    width: 49%;
    margin: 0 .5%
}

.bs-editor .para-images a img.alignnone {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.bs-editor .para-images img {
    display: inline-block!important;
    width: 49%!important;
    margin: 0 .5%!important
}

.bs-editor .para-images .para-images {
    margin: 0 auto
}

.bs-editor .alert {
    font-size: 22px;
    color: rgba(0,0,0,.65);
    font-weight: 600;
    margin: 30px 0 10px 0;
    text-transform: capitalize
}

.bs-editor .embed-container,.bs-editor .embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.bs-editor .embed-container embed,.bs-editor .embed-container iframe,.bs-editor .embed-container object,.bs-editor .embed-responsive embed,.bs-editor .embed-responsive iframe,.bs-editor .embed-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bs-editor .wp-video {
    width: 100%!important
}

.bs-editor .bs-tags {
    margin-top: 30px
}

.bs-editor .bs-tags a {
    display: inline-block;
    color: rgba(0,0,0,.9);
    background-color: rgba(0,0,0,.06);
    padding: 3px 10px 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 7px;
    text-decoration: none;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

.bs-editor .bs-tags a:hover {
    background-color: rgba(0,0,0,.08)
}

.bs-editor .bs-table {
    overflow-x: auto
}

.bs-editor .bs-table table {
    max-width: 100%;
    border: none
}

.bs-editor .bs-table table tr {
    border: none;
    border-bottom: 1px solid #ddd
}

.bs-editor .bs-table table tr td {
    border: none;
    padding: 12px;
    vertical-align: top
}

.bs-editor .bs-table table tr td a {
    font-size: unset
}

.bs-editor .bs-table table tr:first-child {
    background: rgba(221,221,221,.5);
    border-radius: 4px;
    border: none
}

.bs-editor .bs-table table tr:first-child td {
    font-weight: 500;
    vertical-align: middle
}

.bs-editor iframe,.bs-editor object,.bs-editor video {
    max-width: 100%
}

.bs-editor p:has(iframe) {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.bs-editor p:has(iframe) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    background-color: rgba(139,139,150,.1);
    border: 0;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bs-editor .bs-editor h3,.bs-editor .bs-editor h3 strong,.bs-editor .bs-editor h4,.bs-editor .bs-editor h4 strong {
    font-weight: 800!important;
    color: #3a3a3a!important
}

.bs-editor .bs-editor h1,.bs-editor .bs-editor h1 strong,.bs-editor .bs-editor h2,.bs-editor .bs-editor h2 strong {
    color: #3a3a3a!important
}

.bs-editor .bs-editor h1+img,.bs-editor .bs-editor h2+img,.bs-editor .bs-editor h3+img,.bs-editor .bs-editor h4+img,.bs-editor .bs-editor h5+img,.bs-editor .bs-editor h6+img {
    margin-top: 20px!important
}

.bs-editor .bs-story-author {
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 20px 0
}

.bs-editor .bs-story-author>a:hover {
    text-decoration: none
}

.bs-editor .bs-story-author img {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 12.75px 2.25px rgba(0,0,0,.08);
    border-radius: 50%;
    width: 60px;
    height: 60px!important;
    object-fit: cover;
    background-color: #f2f2f2;
    margin-bottom: 0!important
}

.bs-editor .bs-story-author .bs-story-author-block {
    display: inline-block;
    vertical-align: middle
}

.bs-editor .bs-story-author .bs-story-author-block a,.bs-editor .bs-story-author .bs-story-author-block span {
    color: rgba(0,0,0,.85);
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500
}

.bs-editor .bs-story-author .bs-story-author-block span:last-child {
    color: rgba(0,0,0,.65)
}

.bs-editor figcaption {
    font-size: 14px;
    color: rgba(0,0,0,.56);
    text-align: center
}

.bs-editor img.img-loading,.bs-page-content img.img-loading,.bs_extensions_editor img.img-loading {
    background-color: #f2f2f2;
    padding-top: 15%;
    display: block;
    max-width: 100%;
    text-align: center;
    margin: auto;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: loaderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right,#eee 10%,#ddd 18%,#eee 33%)
}

.wk-comments-wrapper {
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d1d1;
    margin-bottom: 40px
}

.wk-comments-wrapper p.light-txt {
    margin-bottom: 20px
}

.bs-sep {
    display: block;
    text-align: center;
    margin: 50px auto;
    color: rgba(0,0,0,.9);
    font-size: 24px;
    line-height: 0
}

.bs_breadcrumb {
    margin: 0
}

.bs_breadcrumb li.items {
    font-size: 15px;
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.bs_breadcrumb li.items a {
    color: #0041ff
}

.bs_breadcrumb li.items:last-child a {
    color: #3a3a3a
}

.bs_breadcrumb li.items::after {
    content: '\203A';
    background-position: -150px -54px;
    background-repeat: no-repeat;
    margin: 0 5px;
    color: #3a3a3a;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    color: #0041ff
}

.bs_breadcrumb li.items:last-child::after {
    content: unset
}

.podcast-detail .podcast-banner .banner-tagline .tagline-title {
    font-weight: 500
}

.wk-podcast-listing .listing-brick.episode .podcast-epi {
    margin: 10px 0
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,.video-container iframe,.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.trustpilot-widget iframe {
    margin-top: 20px;
    transform: translate(0,14px)
}

.trustpilot-widget a {
    color: transparent
}

.bs-ext-form .ext-form .ext-left-brick,.bs-ext-form .ext-form .ext-right-brick {
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    animation: .8s slider ease-in-out
}

.bs-ext-form .ext-form .ext-left-brick.active,.bs-ext-form .ext-form .ext-right-brick.active {
    display: block
}

.bs-ext-form .ext-form .ext-form-tag {
    margin: 0 0 35px;
    font-weight: 500
}

.bs-ext-form .ext-form img {
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%
}

.bs-ext-form .ext-form label {
    color: #999;
    display: block;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 1px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    z-index: 2
}

.bs-ext-form .ext-form input,.bs-ext-form .ext-form select {
    display: block;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #d3d3d3;
    font-size: 19px;
    padding: 3px 0 5px 0;
    transition: .2s ease-out;
    background-color: transparent;
    border-radius: 0;
    color: #3e3e3e;
    margin-bottom: 45px;
    z-index: 1
}

.bs-ext-form .ext-form input:focus,.bs-ext-form .ext-form select:focus {
    border-bottom-color: #0041ff
}

.bs-ext-form .ext-form input::placeholder,.bs-ext-form .ext-form select::placeholder {
    opacity: 0
}

.bs-ext-form .ext-form input[type=file],.bs-ext-form .ext-form select[type=file] {
    display: none;
    opacity: 0
}

.bs-ext-form .ext-form input:focus~label,.bs-ext-form .ext-form input:not(:placeholder-shown)~label,.bs-ext-form .ext-form select:focus~label,.bs-ext-form .ext-form select:not(:placeholder-shown)~label {
    top: -20px;
    font-size: 15px;
    color: #424242
}

.bs-ext-form .ext-form input::-webkit-datetime-edit-day-field:not([aria-valuenow]),.bs-ext-form .ext-form input::-webkit-datetime-edit-month-field:not([aria-valuenow]),.bs-ext-form .ext-form input::-webkit-datetime-edit-year-field:not([aria-valuenow]),.bs-ext-form .ext-form select::-webkit-datetime-edit-day-field:not([aria-valuenow]),.bs-ext-form .ext-form select::-webkit-datetime-edit-month-field:not([aria-valuenow]),.bs-ext-form .ext-form select::-webkit-datetime-edit-year-field:not([aria-valuenow]) {
    color: transparent
}

.bs-ext-form .ext-form input:invalid,.bs-ext-form .ext-form select:invalid {
    border-bottom-color: red
}

.bs-ext-form .ext-form .ext-error {
    font-size: 15px;
    color: red;
    transform: translateY(-15px);
    display: block
}

.bs-ext-form .ext-form .select2-container {
    margin-bottom: 35px;
    z-index: 1
}

.bs-ext-form .ext-form .select2-container .select2-dropdown {
    z-index: 10!important
}

.bs-ext-form .ext-form .select2-container input {
    margin: unset
}

.bs-ext-form .ext-form .select2-container .select2-selection {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    border-width: 2px;
    border-color: #d3d3d3
}

.bs-ext-form .ext-form .select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    margin-top: 5px;
    margin-bottom: -5px
}

.bs-ext-form .ext-form .select2-container .select2-selection .select2-selection__rendered .select2-search--inline {
    margin: 2px 0
}

.bs-ext-form .ext-form .select2-container .select2-selection .select2-selection__choice {
    margin-bottom: 7px;
    margin-top: 0;
    font-size: 14px;
    background: 0 0
}

.bs-ext-form .ext-form .select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove {
    font-size: 18px;
    transform: translateY(2px)
}

.bs-ext-form .ext-form .select2-container.select2-container--focus .select2-selection {
    border-bottom-color: #0041ff
}

.bs-ext-form .ext-form .ext-upload-icon {
    width: 26px;
    height: 26px;
    display: block;
    margin: 0 auto 5px;
    background-position: 0 -18px;
    background-image: url(images/extension-form.svg);
    background-repeat: no-repeat
}

.bs-ext-form .ext-form .ext-form-submit {
    text-align: center;
    margin-top: 15px
}

.bs-ext-form .ext-form .ext-form-submit .bs-button:nth-of-type(2) {
    margin-left: 10px
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap {
    border: 1px solid #d3d3d3;
    padding: 25px 20px 10px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 4px
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field {
    position: relative
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field .ext-error {
    transform: translateY(-40px);
    animation: .2s slider
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field .ext-input-icon {
    position: absolute;
    width: 20px;
    height: 16px;
    display: inline-block;
    right: 0;
    cursor: pointer;
    top: 0;
    transition: all .25s
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field .ext-input-icon:hover {
    opacity: .6
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field .ext-input-icon.calender {
    background-image: url(images/calender.png)
}

.bs-ext-form .ext-form .ext-left-brick .ext-extra-info-wrap .ext-field.input-selected label {
    top: -20px;
    font-size: 15px;
    color: #424242
}

.bs-ext-form .ext-form .img-hint {
    cursor: pointer;
    padding: 10px 0;
    transition: all .25s
}

.bs-ext-form .ext-form .img-hint p {
    margin: 0;
    font-size: 15px
}

.bs-ext-form .ext-form .img-hint:hover {
    background-color: #e8e8e8
}

.bs-ext-form .ext-form .ext-right-brick {
    border: 1px solid #d3d3d3;
    padding: 25px 25px 15px;
    border-radius: 4px
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-field label,.bs-ext-form .ext-form .ext-right-brick .ext-richtext-field label {
    position: unset;
    color: #4c4c4c
}

.bs-ext-form .ext-form .ext-right-brick .ext-product-icon:not(.img-preview) .ext-icon-wrap {
    height: 0;
    display: none
}

.bs-ext-form .ext-form .ext-right-brick .ext-product-icon:not(.img-preview) img {
    display: none
}

.bs-ext-form .ext-form .ext-right-brick .ext-product-icon .icon-field {
    height: 130px;
    background: #fff;
    position: relative;
    width: 280px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 2px dotted #d3d3d3
}

.bs-ext-form .ext-form .ext-right-brick .ext-product-icon .icon-field.warn {
    border-color: #d40000
}

.bs-ext-form .ext-form .ext-right-brick .ext-product-icon .icon-field input[type=file] {
    display: inline-block
}

.bs-ext-form .ext-form .ext-right-brick .ext-btn-upload {
    border-radius: 4px;
    padding: 4px 10px;
    color: #fff;
    background-color: #3f3f3f;
    font-size: 18px;
    display: inline-block;
    margin: 7px 0
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview {
    width: 100%;
    display: table;
    height: 450px;
    border: 2px dotted #d3d3d3;
    margin-bottom: 30px;
    position: relative;
    text-align: center
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview .img-hint {
    display: table-cell;
    vertical-align: middle
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview input[type=file] {
    display: none
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview .ext-slider-preview {
    height: 450px
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview .ext-slider-preview .ef-thumb-preview {
    position: relative;
    z-index: 1
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-preview.warn {
    border-color: #d40000
}

.bs-ext-form .ext-form .ext-right-brick .ext-img-wrapper:not(.img-preview) .ext-slider-preview {
    display: none
}

.bs-ext-form .ext-form .ext-right-brick .img-preview .ext-img-preview .img-hint {
    display: none
}

.bs-ext-form .ext-form .ext-right-brick .ext-error {
    margin-bottom: 10px
}

.bs-ext-form .ext-form .img-preview .img-hint {
    display: none!important
}

.bs-ext-form .ext-form .img-preview .ext-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bs-ext-form .ext-form .img-preview .ext-slider-preview {
    display: table-cell
}

.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-next,.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-prev {
    background: 0 0;
    top: 57px;
    width: 30px;
    opacity: .8
}

.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-next.swiper-button-disabled,.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-prev.swiper-button-disabled {
    opacity: .35
}

.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-prev {
    left: -35px
}

.bs-ext-form .ext-form .img-preview .bs-navigate .swiper-button-next {
    right: -32px
}

.bs-ext-form .ext-form .ext-img-toggle {
    position: absolute;
    width: 100%;
    background-color: #4b4b4b;
    bottom: 0;
    display: none
}

.bs-ext-form .ext-form .ext-img-toggle .img-toggle {
    float: right;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 5px;
    background-image: url(images/extension-form.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .25s
}

.bs-ext-form .ext-form .ext-img-toggle .img-toggle.img-change {
    background-position: -18px 1px
}

.bs-ext-form .ext-form .ext-img-toggle .img-toggle.img-delete {
    background-position: 2px 1px
}

.bs-ext-form .ext-form .ext-img-toggle .img-toggle:hover {
    opacity: .5
}

.bs-ext-form .ext-form .ext-icon-wrap .ext-img-toggle {
    width: 65px;
    right: 0
}

.bs-ext-form .ext-form .ext-img-slider {
    margin: 0 30px 20px 30px;
    display: none;
    position: relative
}

.bs-ext-form .ext-form .ext-img-slider .ext-thumb-gallery,.bs-ext-form .ext-form .ext-img-slider .thumb-uploader {
    display: inline-block;
    position: relative;
    width: 140px;
    height: 100px;
    border: 1px solid #d3d3d3
}

.bs-ext-form .ext-form .ext-img-slider .ext-thumb-gallery p,.bs-ext-form .ext-form .ext-img-slider .thumb-uploader p {
    font-size: 13px;
    line-height: 1.4;
    margin: 0
}

.bs-ext-form .ext-form .ext-img-slider .ext-thumb-gallery.is-selected,.bs-ext-form .ext-form .ext-img-slider .thumb-uploader.is-selected {
    border: 1px solid #0041ff
}

.bs-ext-form .ext-form .ext-img-slider .thumb-uploader {
    padding: 15px 0;
    transition: all .25s
}

.bs-ext-form .ext-form .ext-img-slider .thumb-uploader:hover {
    background-color: #e8e8e8
}

.bs-ext-form .ext-form .ext-img-slider .ext-thumb-gallery {
    margin-right: 20px
}

.bs-ext-form .ext-form .ext-img-slider .ext-thumb-gallery img {
    object-fit: cover;
    display: block;
    height: 100%
}

.bs-ext-form .ext-form .ext-img-slider button {
    background: 0 0;
    position: absolute;
    top: 3%;
    opacity: .86
}

.bs-ext-form .ext-form .ext-img-slider button.owl-prev {
    left: -31px
}

.bs-ext-form .ext-form .ext-img-slider button.owl-next {
    right: -27px
}

.bs-ext-form .ext-form .ext-img-slider button.disabled {
    pointer-events: none;
    opacity: .3
}

.bs-ext-form .ext-form .ext-img-slider button span {
    font-size: 65px
}

.bs-ext-form .ext-form .img-preview .ext-img-slider,.bs-ext-form .ext-form .img-preview .ext-img-toggle {
    display: block
}

.bs-ext-form .ext-form .img-preview .ext-img-slider .ext-img-toggle {
    opacity: 0;
    transition: all .25s
}

.bs-ext-form .ext-form .img-preview .ext-img-slider .ext-thumb-gallery:hover {
    border: 1px solid #0041ff
}

.bs-ext-form .ext-form .img-preview .ext-img-slider .ext-thumb-gallery:hover .ext-img-toggle {
    opacity: 1
}

.bs-ext-form .ext-form .img-preview .ext-img-slider .ext-thumb-gallery.active {
    border: 1px solid #0041ff
}

.bs-ext-form .ext-form .img-preview .ext-img-slider .ext-thumb-gallery.active .ext-img-toggle {
    opacity: 1
}

.bs-ext-form .ext-form .img-preview.ef-upload-thumb .ext-img-preview .img-hint {
    display: table-cell
}

.bs-ext-form .ext-form .img-preview.ef-upload-thumb .ext-img-preview .ext-slider-preview {
    display: none
}

.bs-ext-form .ext-form-switcher .ext-switch {
    color: #696969;
    margin: 0 5px;
    padding: 10px 40px;
    background: 0 0;
    outline: 0;
    border: 0;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .25s;
    border: 2px solid #fff;
    border-radius: 40px
}

.bs-ext-form .ext-form-switcher .ext-switch.active,.bs-ext-form .ext-form-switcher .ext-switch:hover {
    border: 2px solid #0041ff;
    color: #000
}

.bs-ext-form .tmce-active .mce-tinymce .mce-edit-area {
    height: 360px!important
}

.bs-ext-form .tmce-active .mce-tinymce .mce-edit-area iframe {
    height: 100%!important
}

#bsext-richedit-error {
    color: red;
    position: absolute;
    bottom: 20px;
    left: 15px
}

.bs-ext-error {
    margin-top: 30px;
    padding-right: 38px;
    position: relative;
    background: #fff;
    border-left: 4px solid #fff;
    box-shadow: 0 1px 9px 1px rgba(0,0,0,.1);
    padding: 1px 12px;
    border-left-color: #f44336;
    border-radius: 4px
}

.bs-ext-error p {
    margin: 5px 0;
    font-size: 16px
}

.bs-ext-error .bs-error-close {
    position: absolute;
    top: 0;
    right: 1px;
    border: none;
    margin: 0;
    padding: 7px 10px;
    background: 0 0;
    color: #3e3e3e;
    cursor: pointer;
    transition: all .25s;
    font-size: 18px;
    opacity: .7
}

.bs-ext-error .bs-error-close:hover {
    opacity: 1
}

.ext-form-saved p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6
}

.ext-form-saved p:first-of-type {
    margin-top: 20px
}

.wk_single_page p {
    margin-bottom: 20px
}

.wk_single_page h2 {
    font-size: 28px!important
}

.wk-content-partition h1:after,.wk-content-partition h2:after,.wk-content-partition h3:after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 3px;
    width: 100px;
    margin: 15px 3px
}

.bg-common-pattern {
    position: relative;
    display: grid;
    align-items: center;
    min-height: 717px;
    z-index: 0
}

.bg-common-pattern:after,.bg-common-pattern:before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 360px;
    height: 360px;
    left: -130px;
    z-index: -1
}

.bg-common-pattern:before {
    transform: rotateY(180deg);
    top: 0
}

.bg-common-pattern:after {
    transform: rotateY(180deg) rotateX(180deg);
    bottom: 0
}

.bs-page-content [_bgcolor=dark] {
    background-color: #292c36
}

.bs-page-content [_wkGrid=wide] {
    width: 1180px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.bs-page-content .block-jumbotron {
    position: relative;
    padding: 51px 0;
    min-height: 359px;
    margin: 0 auto;
    border-radius: 24px;
    margin-top: 60px
}

.wk-block--yt-video.wk-block-yt-classic .wk-block--yt-video-frame {
    margin-bottom: 0
}

.wk-block--yt-video.wk-block-yt-classic .wk-block--yt-video-frame:after,.wk-block--yt-video.wk-block-yt-classic .wk-block--yt-video-frame:before {
    content: unset!important
}

.wk-block--yt-video.wk-block-yt-classic .wk-block--yt-video-frame .plyr {
    margin-bottom: 0
}

.wk-comments-wrapper .wk-comment-response-wrapper .comment-text * {
    font-family: Manrope,sans-serif;
    color: #333;
    line-height: 1.6;
    word-wrap: break-word;
    font-size: 16px
}

.wk-comments-wrapper .wk-comment-response-wrapper .commenter-name {
    text-transform: capitalize
}

.urvanov-syntax-highlighter-syntax {
    border: unset!important;
    border-radius: 8px!important;
    background-color: unset!important;
    overflow: visible!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github {
    overflow: visible!important
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github .crayon-toolbar {
    position: absolute!important;
    top: 0;
    border-bottom: unset!important;
    background-color: unset!important;
    overflow: visible!important
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon {
    display: flex;
    filter: invert(1)!important;
    align-items: center;
    justify-content: center;
    position: unset!important;
    left: unset;
    margin: 0;
    background-image: unset!important;
    background-repeat: no-repeat;
    padding: 4px;
    border-radius: 50%;
    height: 26px!important;
    width: 26px;
    transition: all .2s ease-in-out;
    margin-top: 4px
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon:hover {
    background: rgba(255,255,255,.1)
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon:hover:after {
    content: "Copy";
    font-size: 12px;
    padding: 6px 10px;
    background-color: rgba(0,0,0,.9);
    color: #fff;
    border-radius: 6px;
    font-weight: 500;
    position: absolute;
    top: -39px
}

.urvanov-syntax-highlighter-syntax.crayon-theme-github .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon:before {
    content: '';
    width: 16px!important;
    height: 16px!important;
    background-image: url(images/blog-dark-mode.png);
    background-position: -16px 1px
}

.urvanov-syntax-highlighter-syntax .crayon-toolbar .crayon-button {
    width: 24px!important;
    float: unset!important
}

.urvanov-syntax-highlighter-syntax * {
    font-weight: 400!important
}

.crayon-button.urvanov-syntax-highlighter-copy-button .urvanov-syntax-highlighter-button-icon {
    background-position: -15px -15px!important
}

.crayon-button.urvanov-syntax-highlighter-nums-button.crayon-pressed {
    display: none
}

.crayon-button.urvanov-syntax-highlighter-expand-button,.crayon-button.urvanov-syntax-highlighter-plain-button,.crayon-button.urvanov-syntax-highlighter-popup-button,.crayon-button.urvanov-syntax-highlighter-wrap-button {
    display: none!important
}

.crayon-button.urvanov-syntax-highlighter-copy-button {
    filter: invert(1);
    cursor: pointer!important;
    width: 30px!important
}

.crayon-button.urvanov-syntax-highlighter-copy-button .mk-copy-div {
    position: absolute;
    left: -58px;
    top: 8px;
    font-size: 12px!important;
    background: #000;
    padding: 2px 8px;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    color: #fff;
    font-weight: 500!important
}

.crayon-button.urvanov-syntax-highlighter-copy-button .mk-copy-div:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #000
}

.crayon-button.urvanov-syntax-highlighter-copy-button:active:after {
    visibility: visible!important;
    transition-delay: 2s
}

.crayon-tools {
    display: flex;
    align-items: center;
    right: 8px!important;
    top: 8px;
    gap: 2px
}

.crayon-info {
    display: none!important
}

.mk-code-mode {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    trckground-position: 0 0
}

.urvanov-syntax-highlighter-main {
    background-color: #14161e!important;
    border-radius: 8px!important;
    border: 1px transparent;
    overflow: auto!important;
    opacity: 1!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .crayon-nums {
    display: none!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code {
    filter: invert(1)
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre {
    font-size: 14px!important;
    margin-bottom: 0!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-r,.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-st,.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-t {
    font-weight: 400!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-v {
    color: #7c5206!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-e {
    color: #0f72b6!important
}

.mk-dark-mode .crayon-button.urvanov-syntax-highlighter-copy-button {
    filter: unset!important
}

.mk-dark-mode .crayon-toolbar .crayon-button .urvanov-syntax-highlighter-button-icon:hover::after {
    background-color: #ffffffe6!important;
    color: #000!important
}

.mk-dark-mode .mk-code-mode {
    filter: invert(1)
}

.mk-dark-mode .mk-code-mode:before {
    background-position: 0 1px
}

.mk-dark-mode .mk-code-mode:hover::after {
    content: "Switch - Dark Mode";
    filter: invert(1)
}

.mk-dark-mode .urvanov-syntax-highlighter-main {
    background-color: #f8fafc!important;
    border: 1px solid #e2e8f0!important
}

.mk-dark-mode .urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code {
    filter: unset!important
}

.mk-code-mode {
    transition: all .2s ease-in-out;
    width: 26px;
    height: 26px!important
}

.mk-code-mode:hover {
    background-color: rgba(255,255,255,.1)
}

.mk-code-mode:hover::after {
    content: "Switch - Light Mode";
    font-size: 12px;
    padding: 6px 10px;
    background-color: rgba(0,0,0,.9);
    color: #fff;
    border-radius: 6px;
    font-weight: 500;
    position: absolute;
    top: -39px;
    width: 136px;
    font-family: Inter!important
}

.mk-code-mode::before {
    content: '';
    width: 16px!important;
    height: 16px!important;
    background-image: url(images/blog-dark-mode.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.urvanov-syntax-highlighter-main {
    background-color: #14161e!important;
    border-radius: 8px!important;
    border: 1px transparent;
    overflow: auto!important;
    opacity: 1!important;
    margin-bottom: 0!important
}

.urvanov-syntax-highlighter-main div {
    margin-bottom: 0!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .crayon-nums {
    display: none!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code {
    filter: invert(1)
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre {
    font-size: 14px!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-r,.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-st,.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-t {
    font-weight: 400!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-v {
    color: #7c5206!important
}

.urvanov-syntax-highlighter-main .urvanov-syntax-highlighter-row .urvanov-syntax-highlighter-code .crayon-pre .crayon-e {
    color: #0f72b6!important
}

.urvanov-syntax-highlighter-main .crayon-table {
    padding: 20px!important
}

.urvanov-syntax-highlighter-syntax .crayon-line {
    margin-bottom: 14px!important
}

.urvanov-syntax-highlighter-syntax .crayon-line:last-child {
    margin-bottom: 0!important
}

.wp-block-urvanov-syntax-highlighter-code-block .urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main,.wp-block-urvanov-syntax-highlighter-code-block .urvanov-syntax-highlighter-syntax.crayon-theme-github .urvanov-syntax-highlighter-main {
    padding: 24px!important;
    background-color: #14161e!important;
    border-radius: 8px!important;
    border: 1px transparent
}

.urvanov-syntax-highlighter-plain-wrap {
    display: none
}

.crayon-table::-webkit-scrollbar,.urvanov-syntax-highlighter-main::-webkit-scrollbar,.urvanov-syntax-highlighter-plain::-webkit-scrollbar {
    height: 6px;
    overflow: visible;
    width: 6px;
    background: #3d444c!important
}

.crayon-table::-webkit-scrollbar-thumb,.urvanov-syntax-highlighter-main::-webkit-scrollbar-thumb,.urvanov-syntax-highlighter-plain::-webkit-scrollbar-thumb {
    background-color: #ccc;
    background-clip: padding-box;
    border: 1px solid #aaa;
    box-shadow: inset 0 0 2px #999;
    min-height: 8px;
    padding: 0;
    border-width: 1px
}

.crayon-table::-webkit-scrollbar-thumb:hover,.urvanov-syntax-highlighter-main::-webkit-scrollbar-thumb:hover,.urvanov-syntax-highlighter-plain::-webkit-scrollbar-thumb:hover {
    background: #757d81!important;
    border: 0!important;
    box-shadow: unset!important;
    outline: unset!important
}

.crayon-table::-webkit-scrollbar-track,.urvanov-syntax-highlighter-main::-webkit-scrollbar-track,.urvanov-syntax-highlighter-plain::-webkit-scrollbar-track {
    border: 0!important
}

.urvanov-syntax-highlighter-main::-webkit-scrollbar,.urvanov-syntax-highlighter-plain::-webkit-scrollbar {
    height: 6px;
    overflow: visible;
    width: 6px;
    background: #3d444c!important;
    border: 0!important;
    outline: unset!important
}

.urvanov-syntax-highlighter-main::-webkit-scrollbar-thumb,.urvanov-syntax-highlighter-plain::-webkit-scrollbar-thumb {
    background-color: #ccc!important;
    outline: unset!important;
    border: 0!important
}

.urvanov-syntax-highlighter-main::-webkit-scrollbar-track,.urvanov-syntax-highlighter-plain::-webkit-scrollbar-track {
    border: 0!important
}

.crayon-theme-mm-dark-blue .crayon-table .crayon-nums {
    opacity: 0!important
}

.crayon-theme-mm-dark-blue .crayon-toolbar {
    background: #14161e!important;
    border: unset!important;
    overflow: unset!important
}

.crayon-syntax.crayon-theme-mm-dark-blue.crayon-font-monaco .crayon-toolbar .crayon-button .crayon-button-icon {
    background-repeat: no-repeat;
    width: 23px!important;
    height: 22px!important;
    background-position: -138px -143px!important;
    margin-top: -2px!important;
    margin-left: -5px!important;
    cursor: pointer!important
}

.bs-404 .pnf {
    text-align: center;
    padding: 150px 50px
}

.bs-404 .pnf h2 {
    margin-top: 15px
}

.bs-404 .pnf a {
    font-size: 22px;
    margin-top: 15px;
    display: block;
    font-weight: 500
}

.tell-about-bagisto {
    display: grid;
    grid-template-areas: 'os ios' 'os hack';
    grid-gap: 30px;
    margin: 10px 0 40px
}

.tell-about-bagisto a {
    position: relative
}

.tell-about-bagisto a:hover .card-text:after {
    transform: translateX(5px)
}

.tell-about-bagisto .card-text {
    position: absolute;
    bottom: 28px;
    color: #fff;
    padding: 20px;
    font-size: 22px;
    line-height: 1.4;
    max-width: 400px;
    font-weight: 500
}

.tell-about-bagisto .card-text:after {
    content: '';
    width: 30px;
    height: 20px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -340px -125px;
    position: absolute;
    right: 0;
    top: 24px;
    transition: .25s
}

.tell-about-bagisto img {
    width: 100%;
    height: 100%!important
}

.tell-about-bagisto .card-os {
    grid-area: os
}

.tell-about-bagisto .card-ios {
    grid-area: ios
}

.tell-about-bagisto .card-hack {
    grid-area: hack
}

.bagisto-github {
    display: grid;
    flex-wrap: wrap;
    border: 1px solid #dcdcdc;
    margin-bottom: 40px;
    grid-template-columns: repeat(3,max-content);
    justify-content: center;
    padding: 30px;
    grid-gap: 40px 40px;
    align-items: center
}

.bagisto-github img {
    display: inline-block!important;
    vertical-align: bottom
}

.bagisto-github span {
    margin-left: 5px;
    display: inline-block;
    font-size: 20px;
    font-weight: 500
}

.who-tell-about-bagisto {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(258px,280px));
    align-items: center;
    margin-bottom: 50px;
    grid-gap: 50px;
    justify-content: center
}

.who-tell-about-bagisto a {
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    padding: 15px 0;
    transition: .25s
}

.who-tell-about-bagisto a:hover {
    box-shadow: 0 4px 15.36px .64px rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.12)
}

.bs-feature-page .features-listing .features-wrap {
    font-size: 0;
    text-align: left;
    max-width: 990px;
    margin: auto
}

.bs-feature-page .features-listing .features-wrap .feature-bricks {
    text-align: center;
    width: 200px;
    height: auto;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    padding: 8px 8px 0;
    border: 1px solid #d3d3d3;
    border-top: none;
    border-right: none;
    margin: -1px
}

.bs-feature-page .features-listing .features-wrap .feature-bricks .icon {
    width: 96px;
    height: 96px
}

.bs-feature-page .features-listing .features-wrap .feature-bricks .label {
    color: #2c3145;
    font-size: 18px;
    font-weight: 500
}

.bs-feature-page .features-listing .features-wrap .feature-bricks p {
    margin-top: 10px;
    line-height: 24px
}

.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(5n) {
    border-right: 1px solid #d3d3d3
}

.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(1),.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(2),.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(3),.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(4),.bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(5) {
    border-top: 1px solid #d3d3d3
}

.bs-feature-page .features-listing .features-wrap .feature-bricks:last-child {
    border-right: 1px solid #d3d3d3!important
}

.bs-contact-page .wkuv-form {
    margin: 30px auto;
    display: grid;
    grid-template-columns: auto 360px;
    justify-content: center
}

.bs-contact-page .wkuv-form .form-skull {
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27);
    border-radius: 2px;
    padding: 30px
}

.bs-contact-page .wkuv-form .form-skull p {
    margin: 0
}

.bs-contact-page .wkuv-form .form-skull form {
    padding: 40px 0 20px
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group {
    text-align: left;
    position: relative;
    margin-bottom: 50px
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group .uv_selectpicker,.bs-contact-page .wkuv-form .form-skull .uv_form-group label[for=type] {
    display: none
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group .uv_required,.bs-contact-page .wkuv-form .form-skull .uv_form-group label {
    color: #64687a;
    font-size: 18px;
    display: block;
    width: 100%;
    transition: .2s ease-out;
    transform-origin: left center;
    transform: translateY(0) scale(1);
    position: absolute;
    z-index: 2;
    font-weight: 500;
    text-transform: capitalize
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group label.mk-label-active {
    color: #64687a;
    transform: translateY(-20px) scale(.9)
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group .uv_form-control,.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=email],.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=number],.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=password],.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=text],.bs-contact-page .wkuv-form .form-skull .uv_form-group textarea {
    position: relative;
    z-index: 3;
    color: #000311;
    background-color: transparent;
    font-size: 16px;
    width: 100%;
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 3px #64687a;
    padding: 5px 0 5px 0;
    transition: .2s ease-out;
    border-radius: 0;
    font-weight: 500
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group .uv_form-control:focus,.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=email]:focus,.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=number]:focus,.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=password]:focus,.bs-contact-page .wkuv-form .form-skull .uv_form-group input[type=text]:focus,.bs-contact-page .wkuv-form .form-skull .uv_form-group textarea:focus {
    border-bottom-color: #0041ff
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group textarea {
    height: 100px;
    padding-top: 23px!important
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group input[readonly=true] {
    color: rgba(0,0,0,.45);
    border-bottom-color: rgba(0,0,0,.45);
    pointer-events: none
}

.bs-contact-page .wkuv-form .form-skull .uv_form-group .uv_show-error {
    color: #ff6565;
    transform: translateY(5px);
    font-weight: 500
}

.bs-contact-page .wkuv-form .form-skull .uv_flash.error,.bs-contact-page .wkuv-form .form-skull .uv_flash.success {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 45px;
    background: #33cd83;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
    color: #fff;
    font-size: 16px;
    z-index: 10000;
    text-align: center;
    font-weight: 500
}

.bs-contact-page .wkuv-form .form-skull .uv_flash.error .close,.bs-contact-page .wkuv-form .form-skull .uv_flash.success .close {
    font-size: 32px;
    cursor: pointer;
    width: 23px;
    height: 23px;
    background-position: 112px 0;
    position: absolute;
    right: 20px;
    margin: 0!important;
    top: 13%
}

.bs-contact-page .wkuv-form .form-skull .uv_flash.error {
    background-color: red
}

.bs-contact-page .cards,.bs-contact-page .form-skull {
    display: inline-block;
    vertical-align: top
}

.bs-contact-page .cards {
    padding: 130px 25px 25px 23px;
    margin-left: 25px;
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27);
    border-radius: 2px;
    position: relative;
    min-height: 613px
}

.bs-contact-page .cards.address:before {
    content: "";
    background-image: url(images/patterns/contact-pattern.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 145px;
    width: 144px;
    left: 0;
    top: -2px;
    position: absolute
}

.bs-contact-page .cards.address h3 {
    margin-top: 20px
}

.bs-contact-page .cards.address .addr,.bs-contact-page .cards.address p {
    font-size: 16px;
    color: #3a3a3a;
    line-height: 1.5;
    margin-top: 24spx
}

.bs-contact-page .cards.address .elements {
    margin-top: 30px
}

.bs-contact-page .cards.address .elements .addr {
    font-weight: 600
}

.bs-contact-page .cards.address .elements .bs-addr-con {
    margin-top: 0!important
}

.bs-contact-page .cards.address .bs-con-skype {
    color: #2c3145;
    font-weight: 700;
    font-size: 16px
}

.bs-contact-page .cards.address .bs-con-skype .bs-live-box {
    display: inline-block;
    background-color: #ff404b;
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 700
}

.bs-contact-page .cards.address .bs-con-skype .bs-live-box::before {
    content: "Live";
    padding: 5px 10px 6px 10px;
    display: inline-block;
    animation: blink ease-in-out 1s infinite
}

.bs-contact-page .cards.address .bs-con-skype::after {
    content: '\003E';
    display: inline-block;
    vertical-align: bottom;
    font-size: 29px;
    opacity: 0;
    color: #0041ff;
    font-weight: 500;
    animation: .3s ease-in-out
}

.bs-contact-page .cards.address .bs-con-skype:hover {
    color: #0041ff
}

.bs-contact-page .cards.address .bs-con-skype:hover::after {
    opacity: 1;
    transform: translate(-5px,0)
}

.roadmap-tag {
    margin-bottom: 20px
}

.bs-roadmap-page .filter-wraps {
    box-shadow: inset 0 -2px 0 0 #d3d3d3;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
    min-height: 98px
}

.bs-roadmap-page .filter-wraps .data {
    padding: 0 15px
}

.bs-roadmap-page .filter-wraps .filter-name,.bs-roadmap-page .filter-wraps .info {
    display: inline-block;
    vertical-align: top
}

.bs-roadmap-page .filter-wraps .info {
    width: 38px;
    height: 38px;
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat
}

.bs-roadmap-page .filter-wraps .info:after {
    content: attr(data-count);
    display: block;
    color: #0041ff;
    margin-top: 38px;
    font-size: 28px;
    text-align: center
}

.bs-roadmap-page .filter-wraps .info.coming-soon {
    background-position: -299px 0
}

.bs-roadmap-page .filter-wraps .info.in-progress {
    background-position: -299px -38px
}

.bs-roadmap-page .filter-wraps .info.completed {
    background-position: -299px -76px
}

.bs-roadmap-page .filter-wraps:after {
    content: "";
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -150px -38px;
    width: 24px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 20px;
    transform: scale(.7)
}

.bs-roadmap-page .filter-wraps .filter-name {
    margin-left: 15px;
    width: 88%
}

.bs-roadmap-page .filter-wraps .filter-name h4 {
    margin: 0;
    color: #3a3a3a;
    font-weight: 500;
    font-size: 22px
}

.bs-roadmap-page .filter-wraps .filter-name p {
    font-size: 18px;
    margin: 0
}

.bs-roadmap-page .filter-wraps .filter-list {
    padding: 0 0 0 40px;
    margin-top: 15px;
    cursor: auto;
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
    -moz-transition: height .3s ease;
    -ms-transition: height .3s ease;
    -o-transition: height .3s ease;
    -webkit-transition: height .3s ease
}

.bs-roadmap-page .filter-wraps .filter-list li {
    margin: 0;
    padding: 12px 15px 26px;
    font-weight: 500;
    list-style: decimal;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer
}

.bs-roadmap-page .filter-wraps .filter-list li:last-child {
    border-bottom: 0
}

.bs-roadmap-page .filter-wraps .filter-list li p .bs-rm-progress-report {
    float: right;
    color: #0041ff;
    position: relative;
    font-weight: 500
}

.bs-roadmap-page .filter-wraps .filter-list li p .bs-rm-progress-report::after {
    content: "\02C3";
    top: 8px;
    right: -9px;
    transition: right .3s;
    position: absolute
}

.bs-roadmap-page .filter-wraps .filter-list li p .bs-rm-progress-report:hover::after {
    right: -13px
}

.bs-roadmap-page .filter-wraps.active:after {
    transform: scale(.7) rotate(180deg)
}

.bs-roadmap-slider {
    width: 100%;
    position: fixed;
    top: 0;
    height: 100%;
    text-align: -webkit-right;
    background: rgba(7,7,7,.85);
    opacity: 0;
    z-index: -10;
    transition: all .35s
}

.bs-roadmap-slider.bs-slider-active {
    opacity: 1;
    z-index: 99999
}

.bs-roadmap-slider .bs-roadmap-slider-wrap {
    width: 450px;
    max-width: 100%;
    position: absolute;
    text-align: left;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 30px #000;
    right: -450px;
    transition: right .3s
}

.bs-roadmap-slider .bs-roadmap-slider-wrap.slide-in {
    right: 0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header {
    background: #0041ff;
    text-align: left;
    padding: 20px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-rm-close,.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header p {
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-rm-close span,.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header p span {
    font-weight: 400
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-slider-deadline {
    font-weight: 400
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-rm-close {
    padding-left: 30px;
    position: relative;
    cursor: pointer
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-rm-close::after {
    content: "\02FF";
    position: absolute;
    left: 5px;
    top: -16px;
    transform: scale(2);
    transition: left .3s
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-header .bs-rm-close:hover::after {
    left: 0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body {
    padding: 20px;
    overflow: auto;
    height: 77%
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar {
    width: 4px;
    background-color: #f0f0f0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar-thumb {
    background-color: #b8b8b8
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar {
    width: 4px;
    background-color: #f0f0f0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar-thumb {
    background-color: #b8b8b8;
    border-radius: 16px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body .roadmap-content {
    position: relative;
    margin-bottom: 25px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body .roadmap-content .bs-date {
    font-weight: 600
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body .roadmap-content p {
    margin: 2px 0 0 0;
    font-size: 16px;
    line-height: 24px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body .roadmap-content::after {
    content: "...";
    position: absolute;
    bottom: -15px
}

.bs-roadmap-slider .bs-roadmap-slider-wrap .bs-roadmap-body .roadmap-content:last-of-type::after {
    content: none
}

.bs-extensions-page .filter-panel {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    justify-content: center
}

.bs-extensions-page .filter-panel .search-bar input {
    width: 100%;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    padding: 8px 12px;
    height: 40px;
    font-size: 16px
}

.bs-extensions-page .filter-panel .search-bar input::placeholder {
    font-size: 16px
}

.bs-extensions-page .filter-panel .attributes {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    grid-column-gap: 5px;
    align-items: center
}

.bs-extensions-page .filter-panel .attributes #selected-attr {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 95%;
    user-select: none;
    pointer-events: none
}

.bs-extensions-page .filter-panel .attributes .select-box {
    width: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    padding: 10px 12px;
    height: 40px;
    font-size: 16px;
    position: relative;
    cursor: pointer
}

.bs-extensions-page .filter-panel .attributes .select-box:after {
    content: "";
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 13px;
    right: 5px;
    background-position: -148px -52px
}

.bs-extensions-page .filter-panel .attributes .select-box .options {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 45px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    width: 100%;
    background: #fff;
    z-index: 10;
    display: none
}

.bs-extensions-page .filter-panel .attributes .select-box .options.active {
    display: block
}

.bs-extensions-page .filter-panel .attributes .select-box .options li {
    margin: 0;
    padding: 10px 10px;
    font-size: 16px;
    cursor: pointer
}

.bs-extensions-page .filter-panel .attributes .select-box .options li.selected {
    background-color: #f8f8f8
}

.bs-extensions-page .filter-panel .attributes .select-box .options li:hover {
    background-color: #f8f8f8
}

.bs-extensions-page .extension-wrapper {
    margin: 35px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,275px);
    justify-content: center;
    grid-gap: 16px
}

.bs-extensions-page .extension-wrapper .empty-result {
    font-size: 26px;
    margin-top: 45px
}

.bs-extensions-page .extension-wrapper .ext-bricks {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    position: relative
}

.bs-extensions-page .extension-wrapper .ext-bricks a {
    display: inline-block;
    width: 100%
}

.bs-extensions-page .extension-wrapper .ext-bricks a:hover {
    text-decoration: none
}

.bs-extensions-page .extension-wrapper .ext-bricks .icon {
    display: grid;
    padding: 20px 15px;
    text-align: center;
    height: 125px;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    word-break: break-word;
    place-items: center
}

.bs-extensions-page .extension-wrapper .ext-bricks .icon img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto
}

.bs-extensions-page .extension-wrapper .ext-bricks .ext-bricks-text {
    font-size: 20px;
    color: #cecece;
    font-weight: 500
}

.bs-extensions-page .extension-wrapper .ext-bricks .info {
    padding: 15px
}

.bs-extensions-page .extension-wrapper .ext-bricks .info span {
    display: block;
    margin-top: 12px;
    color: #3a3a3a
}

.bs-extensions-page .extension-wrapper .ext-bricks .info .props {
    position: relative;
    color: #0041ff;
    font-size: 14px;
    font-weight: 500
}

.bs-extensions-page .extension-wrapper .ext-bricks .info .props:before {
    content: attr(data-type)
}

.bs-extensions-page .extension-wrapper .ext-bricks .info .props:after {
    float: right;
    content: attr(data-rating)
}

.bs-extensions-page .extension-wrapper .ext-bricks .info .name {
    font-size: 18px;
    font-weight: 500;
    word-break: break-word
}

.bs-extensions-page .extension-wrapper .ext-bricks .info .excerpt {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 60px
}

.bs-extensions-page .extension-wrapper .new-extension::after {
    content: '';
    display: inline-block;
    position: absolute;
    border-top: 10px solid #ff4f4f;
    border-bottom: 11px solid #ff4f4f;
    border-left: 5px solid #ff4f4f;
    left: 32px;
    top: 0;
    height: 2px;
    z-index: 5;
    border-right: 5px solid transparent
}

.bs-extensions-page .extension-wrapper .new-extension::before {
    position: absolute;
    z-index: 2;
    content: "New";
    font-size: 13px;
    background-color: #ff4f4f;
    color: #fff;
    padding: 2px 2px 3px 6px;
    font-weight: 600
}

.bs-story-author {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 20px 0
}

.bs-story-author>a:hover {
    text-decoration: none
}

.bs-story-author img {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 12.75px 2.25px rgba(0,0,0,.08);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
    background-color: #f2f2f2
}

.bs-story-author .bs-story-author-block {
    display: inline-block;
    vertical-align: middle
}

.bs-story-author .bs-story-author-block a,.bs-story-author .bs-story-author-block span {
    color: rgba(0,0,0,.85);
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500
}

.bs-story-author .bs-story-author-block span:last-child {
    color: rgba(0,0,0,.65)
}

.bs-story-author .bs-story-author-block .wk-rh-revision_panel {
    font-family: Manrope,sans-serif
}

.bs-story-author .bs-story-author-block .wk-rh-revision_panel .wk-rh-revision-by-author span {
    display: inline-block
}

.bs-post-cover {
    width: 100%
}

.bs-post-cover h1 {
    color: rgba(0,0,0,.9);
    font-size: 50px;
    font-weight: 800;
    padding: 60px 0 0 0;
    position: relative;
    margin: 20px 0 0 0;
    word-wrap: break-word
}

.bs-post-cover h1::before {
    position: absolute;
    top: 24px;
    font-size: 14px;
    font-weight: 600;
    content: attr(data-story);
    text-transform: uppercase;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    padding: 3px 20px 4px 20px;
    border-radius: 20px
}

.bs-post-cover p {
    font-size: 16px;
    color: rgba(0,0,0,.56);
    display: inline-block;
    margin-right: 10px
}

.page-live-demo {
    width: 500px;
    margin: 40px auto;
    max-width: 100%;
    padding: 0 15px
}

.page-live-demo h2::after {
    content: "";
    display: block;
    background-color: #0041ff;
    height: 2px;
    width: 100px;
    margin: 15px 3px
}

.section-office {
    font-size: 0;
    overflow: hidden;
    max-width: 1508px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.section-office img {
    max-width: unset
}

.section-office .section-back-office,.section-office .section-front-office {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 50px;
    position: relative
}

.section-office .section-back-office h2,.section-office .section-back-office p,.section-office .section-front-office h2,.section-office .section-front-office p {
    color: #fff
}

.section-office .section-back-office a,.section-office .section-front-office a {
    border: 1px solid #fff;
    min-width: 165px
}

.section-office .section-back-office:hover img,.section-office .section-front-office:hover img {
    opacity: .6
}

.section-office .section-back-office:hover .back-office,.section-office .section-back-office:hover .front-office,.section-office .section-front-office:hover .back-office,.section-office .section-front-office:hover .front-office {
    display: block
}

.section-office .back-office,.section-office .front-office {
    width: 345px;
    display: none;
    position: absolute;
    top: 19%;
    text-align: center;
    background-color: #0041ff;
    padding: 15px
}

.section-office .back-office .inner,.section-office .front-office .inner {
    border: 2px solid #678eff;
    padding: 20px
}

.section-office .back-office {
    left: 26%
}

.section-office .front-office {
    right: 26%
}

.bs-cover {
    width: 100%;
    height: 500px;
    margin: 40px auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    display: table
}

.bs-cover h1 {
    display: table-cell;
    position: relative;
    padding: 70px 50px;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    vertical-align: middle
}

.bs-cover .bs-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.bs-cover .bs-cover-author {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 20px
}

.bs-cover .bs-cover-author img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    object-fit: cover
}

.bs-cover .bs-cover-author .bs-cover-author-block {
    display: inline-block;
    vertical-align: middle
}

.bs-cover .bs-cover-author .bs-cover-author-block span {
    color: #fff;
    display: block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize
}

.bs-section .bs-section-header {
    font-size: 0;
    margin-bottom: 40px;
    padding: 10px 0 15px 0;
    border-bottom: solid 1px rgba(0,0,0,.12)
}

.bs-section .bs-section-header h2 {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: rgba(0,0,0,.4);
    margin: 0;
    text-transform: capitalize;
    font-weight: 500
}

.bs-section .bs-section-header .bs-section-link {
    width: 25%;
    text-align: right;
    display: inline-block;
    vertical-align: middle
}

.bs-section .bs-section-header a {
    font-size: 15px;
    color: #0041ff
}

.bs-section .bs-section-paper {
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px;
    margin: 40px 0
}

.bs-section .bs-section-paper .bs-section-row:nth-child(1) {
    margin-top: 0
}

.bs-section .bs-section-paper .bs-story-card {
    box-shadow: 0 5px 32px 0 rgba(0,0,0,.15);
    border-radius: 2px;
    overflow: hidden
}

.bs-section .bs-section-paper .bs-story-card .bs-story-cover {
    width: 100%;
    height: 240px;
    display: table
}

.bs-section .bs-section-paper .bs-story-card .bs-story-cover h3 {
    padding: 25px 30px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.bs-section .bs-section-paper .bs-story-card .bs-story-author {
    padding: 20px
}

.bs-search-paper .bs-results {
    font-family: 'PT Serif',serif;
    font-size: 21px;
    font-style: italic;
    margin: 25px 0 0 0;
    color: rgba(0,0,0,.65)
}

.bs-search-paper .bs-results span {
    color: rgba(0,0,0,.85)
}

.pagination {
    display: block;
    text-align: center;
    margin: 15px auto 45px auto
}

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

.pagination ul li {
    display: inline-block;
    font-size: 20px;
    font-weight: 600
}

.pagination a.page-numbers,.pagination span.page-numbers {
    padding: 9px 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    border: solid 2px rgba(0,0,0,.4);
    color: #000;
    opacity: .4;
    text-align: center
}

.pagination a.page-numbers:hover,.pagination span.page-numbers:hover {
    opacity: .65;
    text-decoration: none
}

.pagination span.current,.pagination span.current:hover {
    background-color: #2149f3;
    border-color: transparent;
    color: #fff;
    opacity: 1;
    cursor: not-allowed
}

.pagination .next {
    min-width: 24px!important;
    width: 24px!important;
    height: 24px!important;
    border: none!important;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -176px -38px;
    transform: rotate(90deg)
}

.pagination .prev {
    min-width: 24px!important;
    width: 24px!important;
    height: 24px!important;
    border: none!important;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -176px -38px;
    transform: rotate(-90deg)
}

.bs-author-paper {
    padding: 45px;
    border-bottom: solid 1px rgba(0,0,0,.12);
    text-align: center;
    margin-bottom: 20px
}

.bs-author-paper img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 12.75px 2.25px rgba(0,0,0,.08);
    margin-bottom: 15px;
    object-fit: cover;
    width: 96px;
    height: 96px
}

.bs-author-paper h3,.bs-author-paper h4 {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 4px
}

.bs-author-paper h3 {
    color: rgba(0,0,0,.65);
    text-transform: capitalize
}

.bs-author-paper h4 {
    color: rgba(0,0,0,.4)
}

.bs-author-paper .desc,.bs-author-paper .desig {
    width: 500px;
    max-width: 100%;
    margin: 10px auto 15px auto
}

.bs-author-paper .desc a,.bs-author-paper .desig a {
    color: rgba(0,0,0,.85);
    font-size: 17px;
    word-break: break-all
}

.bs-author-paper .bs-author-social .bs-author-social-icon {
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    opacity: .4;
    margin: 10px 5px 0 5px
}

.bs-author-paper .bs-author-social .bs-author-twitter {
    background-position: -189px -114px
}

.bs-author-paper .bs-author-social .bs-author-facebook {
    background-position: -151px -114px
}

.bs-section-blog-menu {
    margin-top: 25px
}

.bs-section-blog-menu .bs-blog-menu,.bs-section-blog-menu .bs-search-block {
    display: inline-block;
    vertical-align: middle
}

.bs-section-blog-menu .bs-blog-menu ul {
    margin: 5px 0 0 0
}

.bs-section-blog-menu .bs-blog-menu ul li {
    display: inline-block;
    margin: 0 0 0 10px
}

.bs-section-blog-menu .bs-blog-menu ul li:first-child {
    margin-left: 0
}

.bs-section-blog-menu .bs-blog-menu ul li a {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400
}

.bs-section-blog-menu .bs-blog-menu ul li a.bs-blog-active,.bs-section-blog-menu .bs-blog-menu ul li a:hover {
    border-bottom: 2px solid #4caf50;
    padding-bottom: 2px;
    color: #1c40f7
}

.bs-section-blog-menu .bs-blog-mobile-menu {
    display: none;
    position: relative
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu-btn {
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-top: 8px
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu-btn span {
    width: 4px;
    height: 4px;
    background-color: rgba(0,0,0,.4);
    margin: 4px 0;
    display: block;
    pointer-events: none
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu {
    display: none;
    position: absolute;
    top: 44px;
    z-index: 10;
    min-width: 160px;
    padding: 8px 0;
    background-color: #f9f9f9;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27)
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu.bs-blog-active {
    display: block
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu li {
    list-style: none;
    margin-left: 0
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu li a {
    padding: 5px 12px;
    font-size: 18px;
    display: block;
    text-transform: capitalize
}

.bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu li a.bs-blog-active {
    background-color: #f1f1f1;
    border-left: 2px solid #4caf50
}

.bs-section-blog-menu .bs-search-block {
    float: right;
    width: 300px;
    max-width: 100%;
    border: 1px solid #d2d2d2;
    padding: 3px;
    border-radius: 4px
}

.bs-section-blog-menu .bs-search-block button,.bs-section-blog-menu .bs-search-block input {
    display: inline-block;
    vertical-align: middle
}

.bs-section-blog-menu .bs-search-block button {
    background-color: #fff;
    border: none;
    outline: 0;
    padding-right: 0;
    cursor: pointer;
    padding: 8px 12px
}

.bs-section-blog-menu .bs-search-block input {
    border: none;
    padding: 8px;
    width: 79%;
    font-size: 16px;
    color: rgba(0,0,0,.8)
}

.bs-section-blog-menu .bs-search-block .ico-search {
    background-position: -198px -36px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    margin-top: 2px;
    opacity: .5;
    display: inline-block
}

.bs-section-blog-menu .bs-search-block .ico-search:hover {
    opacity: .8
}

.wkgrid-wide:before {
    content: "";
    display: table
}

.wkgrid-wide:after {
    content: "";
    display: table;
    clear: both
}

::placeholder {
    opacity: .8
}

.wk-comments-wrapper .logged-in-as a {
    color: #0041ff!important
}

.wk-comments-wrapper .form-submit .wk-submit-btn {
    background-color: #0041ff!important
}

.wk-comments-wrapper .reply a {
    background-color: #0041ff!important
}

.wk-comments-wrapper #cancel-comment-reply-link {
    color: #0041ff!important
}

.bs-pwa-hero .pwa-banner-video,.bs-pwa-hero .pwa-tagline {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    position: relative
}

.bs-pwa-hero .pwa-banner-video video,.bs-pwa-hero .pwa-tagline video {
    position: absolute;
    top: 0
}

.bs-pwa-hero .pwa-banner-video img,.bs-pwa-hero .pwa-tagline img {
    margin: auto;
    display: block
}

.bs-pwa-hero .pwa-banner-video .bs-button,.bs-pwa-hero .pwa-tagline .bs-button {
    margin-top: 0
}

.bs-pwa-hero .pwa-banner-video {
    margin-left: 20px;
    position: relative
}

.bs-pwa-hero .pwa-banner-video .pwa-video {
    background-image: url(images/pwa/mockup-bg.png);
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
}

.bs-pos-feature .bs-post-feat-wrap {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.bs-pos-feature .bs-post-feat-wrap .bs-post-feature-data {
    width: 180px;
    padding: 20px
}

.bs-pos-feature .bs-post-feat-wrap .bs-pos-feat-desc,.bs-pos-feature .bs-post-feat-wrap .bs-pos-feat-img,.bs-pos-feature .bs-post-feat-wrap .bs-post-feature-data {
    display: inline-block;
    vertical-align: middle
}

.bs-pos-feature .bs-post-feat-wrap .bs-pos-feat-desc {
    margin-top: 0
}

.why-pos-section.bg-pattern::before {
    top: -9px
}

.why-pos-section.bg-pattern::after {
    bottom: 174px;
    transform: rotateY(180deg) rotateX(180deg)
}

.textsupport {
    font-size: 19px;
    font-weight: 100
}

.bg-reports-show {
    width: 900px;
    margin: auto
}

.bg-reports-show .bg-responsive-block .report-imformation {
    font-weight: 600;
    font-size: 18px
}

.bg-reports-show a {
    font-size: 30px
}

.bg-reports-show .bg-report-data {
    width: 300px
}

.bg-report-link {
    font-weight: 500;
    margin-top: 60px
}

.report-page-line {
    opacity: .4
}

.bs-report-page .report-heading {
    margin-bottom: 30px
}

.bs-report-page .high,.bs-report-page .low,.bs-report-page .medium,.bs-report-page .more {
    border: none;
    width: 40px;
    height: 4px;
    background-color: #11d63b;
    float: left
}

.bs-report-page .medium {
    background-color: #fbd04c;
    border-left: 1px solid #fff
}

.bs-report-page .high {
    background-color: #de4548;
    border-left: 1px solid #fff
}

.bs-report-page .more {
    background-color: #e1eaff;
    border-left: 1px solid #fff
}

.report-imformation {
    font-weight: 600;
    font-size: 18px
}

.hovertype {
    background-color: #000;
    height: 20px;
    display: none;
    margin-top: -20px;
    z-index: 99;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-align: center
}

.tooltp {
    margin-top: 30px
}

.tooltp .hovertype::after {
    content: "";
    position: absolute;
    margin: -25px;
    margin-top: 20px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent
}

.tooltp .high:hover .hovertype,.tooltp .low:hover .hovertype,.tooltp .medium:hover .hovertype {
    display: block;
    width: 60px;
    margin-top: -30px;
    position: absolute;
    line-height: 20px;
    z-index: 1
}

.bg-link {
    text-align: left;
    font-weight: 600;
    margin: auto
}

.bg-responsive-block {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
    margin-top: -20px
}

.part-one {
    width: 50%;
    margin-top: 20px
}

.blocks-container .add-block {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 3px dotted #ddd;
    vertical-align: top;
    cursor: pointer
}

.bg-partner-page .bg-partner-listing {
    display: grid;
    grid-template-columns: 240px auto;
    grid-gap: 30px;
    align-items: self-start
}

.bg-partner-page .bg-partner-listing .partner-index-wrap {
    border-left: 1px solid #ddd;
    margin: 0;
    position: sticky;
    top: 120px;
    margin-bottom: 40px
}

.bg-partner-page .bg-partner-listing .partner-index-wrap li {
    font-size: 18px;
    padding: 10px 0 10px 15px;
    margin: 0;
    font-weight: 500;
    cursor: pointer
}

.bg-partner-page .bg-partner-listing .partner-index-wrap li.active,.bg-partner-page .bg-partner-listing .partner-index-wrap li:hover {
    color: #0041ff
}

.bg-partner-page .bg-partner-listing .partner-index-wrap .tab-bar {
    position: absolute;
    top: 0;
    display: inline-block;
    background-color: #1c40f7;
    height: 44px;
    width: 2px;
    visibility: hidden;
    transition: .3s
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 40px;
    padding-top: 30px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block:last-child {
    border: none
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block h3 {
    font-weight: 500
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block p {
    margin-top: 5px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .inner-content {
    margin-top: 20px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .inner-content video {
    max-width: 100%
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block iframe {
    max-width: 100%;
    background-color: #d6d4d1;
    border-radius: 16px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .fest-brick img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .fest-brick p {
    margin-bottom: 10px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .grid-inliner {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(281px,1fr));
    grid-gap: 20px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .grid-inliner img {
    background-color: #d6d4d1
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-block .grid-inliner .bs-speaker-stage {
    margin-top: 0
}

.bg-partner-page .bg-partner-listing .partner-content-wrap #hook-hacktoberfest .grid-inliner {
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    row-gap: 40px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap #video_hover {
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bg-partner-page .bg-partner-listing .partner-content-wrap #video_hover p {
    transition: .35s cubic-bezier(.39,.58,.57,1)
}

.bg-partner-page .bg-partner-listing .partner-content-wrap #video_hover:hover {
    transform: translateY(5px)
}

.bg-partner-page .bg-partner-listing .partner-content-wrap #video_hover:hover p {
    transform: translateY(5px)
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-wrapper-inner {
    margin-top: 15px
}

.bg-partner-page .bg-partner-listing .partner-content-wrap .partner-wrapper-inner .bg-particular-showcase .showcase-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bg-home-showcase {
    height: 200px;
    display: inline-block;
    margin: 10px;
    width: 200px
}

.bg-wrap-showcase.bg-wrap-showcase-inner {
    margin: auto;
    width: 1000px
}

.bg-wrap-showcase .bg-particular-showcase {
    width: 200px;
    height: 200px;
    position: relative;
    display: inline-block;
    margin: 10px;
    box-shadow: 0 11px 20px -3px rgba(0,0,0,.15);
    border-radius: 4px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 200px 200px
}

.bg-wrap-showcase .bg-particular-showcase .full-size-bg-img {
    width: 100%;
    height: 100%
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable {
    width: 100%;
    background-color: #008cba;
    background-color: #0041ff;
    display: block;
    opacity: 0;
    padding: 15px;
    border-radius: 4px;
    cursor: pointer
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .m10 {
    margin-top: -5px;
    position: absolute;
    bottom: 10px
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .gap {
    width: 30px;
    height: 25px
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .bg-showcase-flag {
    height: 25px;
    width: 40px;
    border: 2px solid #fff;
    transform: translateY(-15px);
    object-fit: cover
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .bg-showcase-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .bg-showcase-customer-name {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 85px;
    transform: translateY(-15px)
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .none-bg {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 85px;
    transform: translateY(-50px);
    word-break: break-word
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .bg-showcase-customer-link {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px
}

.bg-wrap-showcase .bg-particular-showcase .bg-showcase-hoverable .bg-showcase-customer-link :after {
    display: block;
    width: 24px;
    height: 19px;
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    margin-left: 10px;
    position: absolute;
    font-size: smaller;
    bottom: 5px;
    left: 100%;
    background-position: -344px -124px;
    transition: .25s all
}

.bg-wrap-showcase .bg-particular-showcase .bg-particular-showcase:hover {
    filter: blur(80px);
    -webkit-filter: blur(80px)
}

.bg-wrap-showcase .bg-particular-showcase:hover .bg-showcase-hoverable {
    display: block;
    opacity: .9;
    transition: .3s;
    bottom: 0;
    height: 100%
}

.bg-wrap-showcase .bg-particular-showcase:hover .bg-showcase-hoverable .bg-showcase-flag {
    transform: translateY(0);
    transition: .5s
}

.bg-wrap-showcase .bg-particular-showcase:hover .bg-showcase-hoverable .bg-showcase-customer-name {
    transform: translateY(0);
    transition: .5s
}

.bg-wrap-showcase .bg-particular-showcase:hover .bg-showcase-hoverable .none-bg {
    transition: .5s;
    transform: translateY(-32px)
}

.showcase-more-page {
    vertical-align: text-bottom;
    display: inline-block;
    height: 215px;
    width: 215px;
    background-color: #0041ff;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 215px;
    transition: .25s ease-in-out;
    border-radius: 5px
}

.bs-testimonial-page .testimonial-page-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(290px,320px));
    justify-content: center;
    grid-gap: 40px
}

.bs-testimonial-page .testimonial-page-grid .img-wrap {
    height: 180px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    box-shadow: 0 5px 32px 0 rgba(0,0,0,.15)
}

.bs-testimonial-page .testimonial-page-grid .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: unset;
    transition: .25s
}

.bs-testimonial-page .testimonial-page-grid .img-wrap:hover img {
    transform: scale(1.1)
}

.bs-testimonial-page .testimonial-page-grid .client-name {
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 0
}

.bs-testimonial-page .testimonial-page-grid .client-design {
    font-size: 16px;
    line-height: 1.3;
    margin: 8px 0 0
}

.bs-testimonial-page .testimonial-page-grid .icon-play {
    position: absolute;
    bottom: 9px;
    left: 10px;
    background-color: #fff;
    padding: 24px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 0 #fff,0 1px 10px 0 rgba(0,0,0,.3);
    transition: .25s
}

.bs-testimonial-page .testimonial-page-grid .icon-play:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
    background-position: -48px -180px;
    position: absolute;
    left: 20px;
    top: 18px;
    margin: 0 1px 2px 0
}

.bs-testimonial-page .video-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 101;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #d7dfe2
}

.bs-testimonial-page .video-wrapper .video-frame {
    box-shadow: 0 0 0 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.1);
    max-width: 762px;
    background-color: #fff;
    height: 400px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    overflow: hidden;
    margin: -200px 0 0 -381px
}

.bs-testimonial-page .video-wrapper .video-frame .loader {
    height: 3px;
    width: 100%;
    overflow: hidden;
    background-color: #ddd;
    z-index: 500000
}

.bs-testimonial-page .video-wrapper .video-frame .loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    background-image: -webkit-linear-gradient(135deg,#4620c0 20%,#377eff 70%);
    animation: stripLoading .8s linear infinite
}

.bs-testimonial-page .video-wrapper .close {
    margin: 23px 15px 22px 15px;
    transition: transform .2s ease;
    width: 50px;
    height: 50px;
    background-color: #fff;
    top: 10px;
    right: 20px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27)
}

.bs-testimonial-page .video-wrapper .close:after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 26px;
    height: 20px;
    background-position: -246px -39px;
    margin: 16px 12px;
    position: absolute
}

.bs-softaculous-grid {
    display: grid;
    grid-template-columns: 30% 1fr;
    align-items: center;
    grid-gap: 40px 20px
}

.section-primary-b2b-marketplace p {
    font-size: 24px;
    line-height: 1.4
}

.section-secondary-b2b-marketplace {
    position: relative
}

.section-secondary-b2b-marketplace:before {
    content: '';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 150px;
    top: 130px;
    height: 768px;
    background-repeat: no-repeat;
    background-position-x: right
}

.section-secondary-b2b-marketplace .inline-dividers-50 {
    position: relative;
    z-index: 1
}

.section-b2b-marketplace-features .bs-inline-content-wrap .bs-inline-content:before {
    background-image: url(images/b2b-marketplace/b2b-sprite.svg)
}

.section-b2b-marketplace-features .bs-inline-content-wrap .bs-inline-content[data-icon=rfq]:before {
    background-position: 0 0
}

.section-b2b-marketplace-features .bs-inline-content-wrap .bs-inline-content[data-icon=assemble]:before {
    background-position: -100px 0
}

.section-b2b-marketplace-features .bs-inline-content-wrap .bs-inline-content[data-icon=verification]:before {
    background-position: -192px 0
}

.section-b2b-marketplace-features .bs-inline-content-wrap .bs-inline-content[data-icon=review]:before {
    background-position: -284px 0
}

.section-b2b-marketplace-features {
    position: relative
}

.section-b2b-marketplace-features:after {
    content: '';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 70px;
    top: 30px;
    right: 0;
    height: 768px;
    background-repeat: no-repeat;
    background-position-x: left
}

.bs-social-respos-gallery {
    position: relative;
    padding-bottom: 0
}

.bs-social-respos-gallery .item-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(290px,1fr));
    grid-gap: 30px;
    padding: 20px 0 40px
}

.bs-social-respos-gallery .item-wrapper .gallery {
    transition: .25s;
    position: relative;
    background-color: #f3f3f3;
    height: 263px;
    cursor: pointer
}

.bs-social-respos-gallery .item-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bs-social-respos-gallery:before {
    content: '';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 150px;
    top: 130px;
    height: 768px;
    background-repeat: no-repeat;
    background-position-x: right;
    z-index: -1
}

.bs-social-respos-gallery:after {
    content: '';
    position: absolute;
    background-image: url(images/b2b-marketplace/pattern.svg);
    width: 160px;
    bottom: 30px;
    right: 0;
    height: 700px;
    background-repeat: no-repeat;
    background-position-x: left;
    z-index: -1
}

.header-social-repos-wrapper {
    margin-right: calc(-49.4vw + 50%);
    display: grid;
    grid-template-columns: minmax(320px,659px) minmax(320px,1fr);
    align-items: center;
    grid-gap: 50px 30px
}

.bssr-follow-us.painted-info-section .bs-button {
    background-image: url(images/social-responsibility/fb-follow.png);
    background-repeat: no-repeat;
    font-size: 0;
    width: 180px;
    height: 60px;
    background-position: center
}

.bssr-follow-us.painted-info-section .bs-button.btn-ghost {
    background-color: #fff;
    background-image: url(images/social-responsibility/tw-follow.png)
}

.meetup-popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.97);
    z-index: 999999
}

.meetup-popup-wrapper .meetup-toolbar {
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.21);
    padding: 15px
}

.meetup-popup-wrapper .meetup-toolbar .meetup-leftbar {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

.meetup-popup-wrapper .meetup-toolbar .meetup-leftbar .meetup-close::before {
    background-position: 48px 0
}

.meetup-popup-wrapper .meetup-toolbar .meetup-rightbar {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: right
}

.meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-prev {
    display: inline-block;
    vertical-align: top
}

.meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-prev::before {
    background-position: -1px 0
}

.meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-next {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.meetup-popup-wrapper .meetup-toolbar .meetup-rightbar .meetup-next::before {
    background-position: -23px 0
}

.meetup-popup-wrapper .meetup-gallery-image {
    display: block;
    height: 90%;
    max-width: 100%;
    margin: auto;
    overflow: auto;
    position: relative
}

.meetup-popup-wrapper .meetup-gallery-image::-webkit-scrollbar-track {
    background: #d8d8d8
}

.meetup-popup-wrapper .meetup-gallery-image::-webkit-scrollbar-thumb {
    background: #666
}

.meetup-popup-wrapper .meetup-gallery-image::-webkit-scrollbar {
    width: 3px;
    height: 5px
}

.meetup-popup-wrapper .meetup-gallery-image img {
    max-width: 95%;
    max-height: 95%;
    margin: auto;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    animation: on-fade 1s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.meetup-popup-wrapper .meetup-sprite {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    opacity: .4
}

.meetup-popup-wrapper .meetup-sprite::before {
    content: "";
    background-image: url(images/webkul-meetup-spirte.svg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto
}

.meetup-popup-wrapper .meetup-sprite:hover {
    background-color: rgba(0,0,0,.16);
    border-radius: 25px
}

.meetup-popup-wrapper .meetup-btm-toolbar {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.31);
    padding: 5px 10px;
    position: fixed;
    left: 25px;
    bottom: 25px
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-sprite {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-minus::before {
    background-position: 0 -24px;
    transform: rotate(90deg)
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-full {
    margin-left: 5px
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-full::before {
    background-position: -25px -24px
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-plus {
    margin-left: 5px
}

.meetup-popup-wrapper .meetup-btm-toolbar .meetup-plus::before {
    background-position: -48px -24px
}

.meetup-popup-wrapper .btm-not-allowed,.meetup-popup-wrapper .not-allowed {
    opacity: .2;
    cursor: not-allowed
}

.wk-waiting-loader {
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: #ddd
}

.wk-waiting-loader::before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    background-image: -webkit-linear-gradient(135deg,#4620c0 20%,#377eff 70%);
    animation: wait-loading .8s linear infinite
}

.bg-press-page-section .press-featured-brick .press-featured-item {
    padding: 30px;
    border: 1px solid #d3d3d3;
    transition: .2s;
    display: block;
    position: relative
}

cursor .bg-press-page-section .press-featured-brick .press-featured-item:after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -329px -150px;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    transition: .25s;
    opacity: 0;
    top: calc(50% - 14px);
    right: 25px;
    transform: translateX(-10px)
}

.bg-press-page-section .press-featured-brick .press-featured-item:hover {
    border: 1px solid #0041ff
}

.bg-press-page-section .press-featured-brick .press-featured-item:hover:after {
    transform: translateX(0);
    opacity: 1
}

.bg-press-page-section .press-featured-brick .press-featured-item .press-featured-title {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 600
}

.bg-press-page-section .press-featured-brick .press-featured-item .press-featured-brief {
    font-size: 14px;
    margin: 0;
    line-height: 17.7px
}

.bg-press-page-section .press-items-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(auto,360px));
    grid-gap: 50px 15px;
    justify-content: space-between
}

.bg-press-page-section .press-items-wrapper .bg-press-item {
    border-bottom: 1px solid #d3d3d3;
    padding: 12px 0 12px;
    transition: .2s;
    position: relative;
    display: grid;
    overflow: hidden
}

.bg-press-page-section .press-items-wrapper .bg-press-item .bg-press-title {
    font-weight: 400;
    font-size: 14px;
    align-self: end;
    margin-top: 15px
}

.bg-press-page-section .press-items-wrapper .bg-press-item:after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -329px -150px;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    transition: .25s;
    opacity: 0;
    top: calc(50% - 14px);
    right: 0;
    transform: translateX(-10px)
}

.bg-press-page-section .press-items-wrapper .bg-press-item:hover {
    border-bottom: 1px solid #0041ff
}

.bg-press-page-section .press-items-wrapper .bg-press-item:hover:after {
    transform: translateX(0);
    opacity: 1
}

.pfa-container {
    width: 100%;
    background-color: #1f34ff;
    overflow: hidden;
    position: relative;
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center
}

.pfa-container .wkgrid-wide .pfa-book-el {
    display: inline-block;
    padding-left: 130px;
    filter: drop-shadow(0 5px 45px rgba(0, 0, 0, .25));
    border-radius: 2px;
    z-index: 10
}

.pfa-container .wkgrid-wide .pfa-book-el img {
    max-width: 100%
}

.pfa-container .wkgrid-wide .pfa-content-el {
    z-index: 10;
    position: relative;
    width: 42%;
    margin-left: 75px
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-report {
    width: 74px;
    height: 28px;
    border-radius: 3px;
    background-color: #0003bb;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 4px 8px 4px 8px
}

.pfa-container .wkgrid-wide .pfa-content-el .content-wrapper {
    z-index: 10
}

.pfa-container .wkgrid-wide .pfa-content-el .content-wrapper .pfa-title {
    margin-top: 17px;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px
}

.pfa-container .wkgrid-wide .pfa-content-el .content-wrapper .pfa-desc {
    color: #fff;
    margin: 17px 0 0 0;
    font-size: 18px;
    line-height: 26px
}

.pfa-container .wkgrid-wide .pfa-content-el .content-wrapper .pfa-desc #pfa-more-content {
    display: none
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-version {
    margin-top: 17px;
    position: relative;
    display: table
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-version .pfa-version-label {
    color: #fff;
    font-weight: 500;
    font-size: 14px
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-version .select-version {
    margin-top: 5px;
    width: 188px;
    height: 40px;
    background-color: #002287;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid #4877ff;
    cursor: pointer;
    padding: 0 16px;
    -webkit-appearance: none;
    background-image: url(images/sharp_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 30px
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-mpm-setting {
    display: table-cell
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-mpm-setting .pfa-mpm-setting-label {
    margin-left: 17px;
    color: #fff;
    font-weight: 500;
    font-size: 14px
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-mpm-setting .select-mpm-setting {
    margin-left: 17px;
    margin-top: 5px;
    width: 188px;
    height: 40px;
    background-color: #002287;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid #4877ff;
    cursor: pointer;
    padding: 0 16px;
    -webkit-appearance: none;
    background-image: url(images/sharp_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 30px
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-dwn-btn {
    display: block;
    width: 174px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    margin-top: 17px;
    padding: 16px 24px 16px 24px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.27),0 12px 26px 0 rgba(0,0,0,.2);
    transition: .2s ease-in-out;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-dwn-btn:hover {
    box-shadow: 0 2px 24px 0 rgba(0,0,0,.1),0 10px 24px 0 rgba(0,0,0,.18);
    transform: translateY(-2px)
}

.pfa-container .wkgrid-wide .pfa-content-el #dwnld-btn-data {
    display: none
}

.pfa-container .wkgrid-wide .pfa-content-el .pfa-notify {
    display: none;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 3px 5px 2px;
    border-radius: 4px;
    font-weight: 500;
    border-style: dotted;
    max-width: 227px;
    margin: 0;
    margin-top: 17px
}

.pfa-container .wkgrid-wide:before {
    background-image: url(images/download/download-left.svg);
    content: '';
    min-height: 387px;
    position: absolute;
    display: inline-block;
    min-width: 360px;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat
}

.pfa-container .wkgrid-wide:after {
    background-image: url(images/bg-4.png);
    content: '';
    height: 359px;
    position: absolute;
    display: inline-block;
    width: 360px;
    top: 0;
    right: 0;
    background-position-y: 45px;
    transform: rotate(270deg);
    background-repeat: no-repeat
}

.section-primary-live-stream p {
    font-size: 20px;
    font-weight: 400
}

.section-primary-live-stream h1 {
    font-size: 45px;
    font-weight: 600
}

.why-live-stream .why-live-strm {
    font-size: 32px;
    font-weight: 500;
    line-height: 39px;
    margin: 0
}

.why-live-stream .why-live-strm-desc {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 0;
    padding-top: 24px
}

.why-live-stream .rating-live {
    margin-top: 30px
}

.stream-feature p {
    font-size: 32px;
    line-height: 39px;
    margin: 0
}

.stream-feature p:last-child {
    font-size: 18px;
    margin: 0;
    padding-top: 4px;
    line-height: 26px
}

.padding-right {
    padding-right: 40px
}

.padding-left {
    padding-left: 40px
}

.section-benifit-live-stream .bs-live-benifit-desc {
    margin: 0;
    padding-top: 4px
}

.section-benifit-live-stream .bs-live-benifit-title {
    margin: 0;
    font-size: 32px;
    line-height: 39px
}

.section-benifit-live-stream .bs-inline-content-wrap .bs-inline-content:before {
    background-image: url(images/live-stream-page.png)
}

.section-benifit-live-stream .bs-inline-content-wrap .bs-inline-content[data-icon=iba]:before {
    background-position: 0 0
}

.section-benifit-live-stream .bs-inline-content-wrap .bs-inline-content[data-icon=kyc]:before {
    background-position: -97px 0
}

.section-benifit-live-stream .bs-inline-content-wrap .bs-inline-content[data-icon=qgh]:before {
    background-position: 1px -97px
}

.section-benifit-live-stream .bs-inline-content-wrap .bs-inline-content[data-icon=dbe]:before {
    background-position: -94px -97px
}

.section-primary-live-stream {
    position: relative
}

.section-primary-live-stream .bs-live-stream-hero-img {
    width: 100%
}

.section-primary-live-stream:before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 231px;
    height: 360px;
    right: 0;
    top: 133px;
    z-index: -1
}

.section-primary-live-stream:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(images/bg-4.png);
    width: 231px;
    height: 360px;
    right: 0;
    transform: rotateX(180deg);
    bottom: 160px;
    z-index: -1
}

.bs-nft-features .bs-inline-content-wrap .bs-inline-content:before {
    background-position: 0 0
}

.bs-nft-features .bs-inline-content-wrap .bs-inline-content[data-icon="icon-feature-1.png"]:before {
    background-image: url(images/nft/icon-feature-1.png)
}

.bs-nft-features .bs-inline-content-wrap .bs-inline-content[data-icon="icon-feature-2.png"]:before {
    background-image: url(images/nft/icon-feature-2.png)
}

.bs-nft-features .bs-inline-content-wrap .bs-inline-content[data-icon="icon-feature-3.png"]:before {
    background-image: url(images/nft/icon-feature-3.png)
}

.bs-nft-features .bs-inline-content-wrap .bs-inline-content[data-icon="icon-feature-4.png"]:before {
    background-image: url(images/nft/icon-feature-4.png)
}

.bs-feature-page.alter .features-listing .features-wrap {
    max-width: unset
}

.bs-feature-page.alter .features-listing .features-wrap .feature-bricks {
    width: 193px
}

.bs-feature-page.alter .features-listing .features-wrap .feature-bricks:last-child {
    border-right: 1px solid #d3d3d3!important;
    border-top: 1px solid #d3d3d3!important
}

.bs-podcast-grid {
    display: grid
}

.bs-podcast-grid .bs-podcast-wrapper {
    border: 2px solid #f2f2f2;
    border-radius: 20px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-podcast-title {
    color: #000
}

.bs-podcast-grid .bs-podcast-wrapper .bs-podcast-source {
    font-weight: 500;
    color: #000
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast {
    position: relative;
    margin-top: 15px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast img {
    border-radius: 16px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast audio {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast audio::-webkit-media-controls-panel {
    background: 0 0
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .audio-player {
    position: absolute;
    bottom: 0;
    width: 100%
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .audio-icon {
    width: 90%;
    height: 90%
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(6.22024px);
    position: relative;
    padding: 8px 12px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .controls .bs-podcast-start {
    position: absolute;
    bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #000;
    left: 54px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .controls .bs-podcast-end {
    position: absolute;
    right: 16px;
    bottom: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #000
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .player-button {
    background-color: transparent;
    border: 0;
    width: 3em;
    height: 3em;
    cursor: pointer;
    padding: 0
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline {
    -webkit-appearance: none;
    width: calc(100% - 3em + 2em + .5em);
    height: .5em;
    background-color: #fff;
    border-radius: 5px;
    background-size: 0 100%;
    background-image: linear-gradient(#091341,#091341);
    background-repeat: no-repeat;
    margin-right: .5em;
    margin-left: 10px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #091341;
    border: 3px solid #fff
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-moz-range-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #091341
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-ms-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #091341
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-webkit-slider-thumb:hover {
    background-color: #091341
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline:hover::-webkit-slider-thumb {
    opacity: 1
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-moz-range-thumb:hover {
    background-color: #091341
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline:hover::-moz-range-thumb {
    opacity: 1
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-ms-thumb:hover {
    background-color: #091341
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline:hover::-ms-thumb {
    opacity: 1
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .timeline::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .sound-button {
    background-color: transparent;
    border: 0;
    width: 2em;
    height: 2em;
    cursor: pointer;
    padding: 0
}

.bs-why-bagisto-subpanel {
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(4,1fr);
    justify-content: center;
    margin-top: 70px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .bs-subpanel-title {
    font-size: 24px;
    font-weight: 700;
    color: #000311;
    margin: 16px 0 0 0
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .bs-subpanel-desc {
    margin: 6px 0 0 0;
    font-size: 16px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .bs-subpanel-image {
    display: block;
    background-image: url(images/bagisto-sprite-icons.png?v=1.1);
    background-repeat: no-repeat;
    width: 52px;
    height: 48px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .talented-team {
    background-position: 0 -313px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .high-qd {
    background-position: -52px -313px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .extensive-support {
    background-position: -104px -313px
}

.bs-why-bagisto-subpanel .bs-subpanel-single-card .built-in-feature {
    height: 50px;
    background-position: -156px -312px
}

.bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast.bs-podcast-video {
    cursor: pointer
}

.bs-podcast-grid .bs-podcast-wrapper .bs-podcast-youtube-player,.bs-podcast-grid .bs-podcast-wrapper .player-button.bs-podcast-player {
    background-color: transparent;
    border: 0;
    width: 3em;
    height: 3em;
    cursor: pointer;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1.4)
}

.bs-podcast-banner-section {
    padding: 116px 0;
    height: 100%;
    background-size: cover
}

.bs-podcast-banner-section h1 {
    color: #0041ff
}

.bs-podcast-banner-section p {
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    color: #141324;
    margin-top: 10px
}

.bs-podcast-banner-section .wkgrid-wide {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bs-podcast-banner-section .wkgrid-wide .podcast-banner-tagline {
    max-width: 524px
}

.bs-podcast-banner-section .wkgrid-wide .podcast-banner-tagline h1 {
    font-weight: 700;
    font-size: 54px
}

.bs-podcast-banner-section .wkgrid-wide::after,.bs-podcast-banner-section .wkgrid-wide::before {
    content: unset
}

.bs-podcast-partners-section {
    border-bottom: 1px solid #d7dfe2
}

.bs-podcast-partners-section .bs-podcast-partners {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px
}

.bs-podcast-partners-section .bs-podcast-partners p {
    font-size: 24px;
    color: #2c3145;
    margin: 0
}

.bs-podcast-partners-section .bs-podcast-partners .bs-podcast-partner-images {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    align-items: center
}

.bs-podcast-partners-section .bs-podcast-partners::after,.bs-podcast-partners-section .bs-podcast-partners::before {
    content: unset
}

.homepage-painted-info-section .wkgrid-squeezy.text-center a.bs-button.btn-moon {
    margin: 10px
}

.homepage-painted-info-section .wkgrid-squeezy.text-center a.bs-button.btn-ghost {
    margin: 10px;
    padding: 12px 40px
}

.bs-podcast-section {
    padding-top: 100px
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid {
    grid-template-columns: repeat(2,minmax(280px,611px));
    grid-gap: 28px;
    justify-content: center
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper {
    padding: 36px
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-podcast-title {
    font-weight: 600;
    font-size: 34px
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-podcast-source {
    font-size: 23px
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast {
    max-width: 100%
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .img#script-loader:hover {
    box-shadow: 0 0 10px #4e4e4e;
    transition: .2s
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .controls {
    padding: 14px 12px
}

.bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .podcast-video-poster {
    border-radius: 16px
}

.bs-thankyou-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bs-thankyou-wrap .bs-repo-star-count {
    margin: 40px 0;
    background: linear-gradient(150deg,#15bffd 6.75%,#983bfd 68.52%);
    border-radius: 50px;
    color: #122dff;
    display: inline-block;
    padding: 4px 4px 0;
    text-decoration: none
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets {
    font-size: 106px;
    font-weight: 700;
    background-color: #091341;
    color: #fff;
    padding: 0 46px 33px;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets span {
    border-right: 1px solid #102480;
    padding: 0 20px
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets>span:first-child {
    padding-left: 0
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate {
    display: inline-block;
    overflow: hidden;
    height: 144px;
    position: relative;
    top: 31px
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate span {
    display: block
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate .animate-transform.animate {
    transform: translateY(-50%);
    transition: 3s all
}

.bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate:last-child .animate-transform span {
    border: unset;
    padding: 0 0 0 20px
}

.bs-thankyou-wrap .bs-thankyou-title p {
    font-size: 40px;
    font-weight: 600;
    color: #07163e;
    margin: 20px 0;
    line-height: normal
}

.bs-thankyou-wrap .bs-loader {
    border: 4px solid #2149f3;
    border-radius: 50%;
    background-color: #fff;
    border-top: 4px solid #95b1ff;
    width: 31px;
    height: 31px;
    margin: 8px;
    -webkit-animation: spin .5s linear infinite;
    animation: cp-round-animate .5s linear infinite
}

.bs-thankyou-wrap .bs-button {
    color: #0041ff;
    background: 0 0;
    border: 2px solid #0041ff
}

.bs-thankyou-wrap .bs-button:hover {
    background-color: transparent
}

.bs-thankyou-wrap .bs-thankyou-content {
    padding: 6px 0 2px
}

.bs-customer-story-card.bs-tile {
    background-color: transparent;
    padding: 0
}

.bs-customer-story-card.bs-tile .tile-title {
    margin: 12px 0 0;
    width: 100%;
    position: relative
}

.bs-customer-story-card.bs-tile .tile-title a {
    font-weight: 800;
    color: #141324
}

.bs-customer-story-card.bs-tile .tile-title .country-flag-sm {
    position: absolute;
    right: 0;
    top: 6px;
    border-radius: 0
}

.bs-customer-story-card.bs-tile p {
    margin-top: 12px
}

body:has(>.bs-customer-showcase) {
    background-color: #f4f6fb
}

body:has(>.bs-customer-showcase) footer .bs-mega-footer {
    background-color: #fff
}

.bs-customer-showcase .bs-section-head:after {
    content: '';
    width: 230px;
    height: 2px;
    background-color: #0041ff;
    display: inline-block;
    margin-top: 24px
}

.bs-customer-showcase .bs-customer-showcase-wrap {
    display: grid;
    grid-template-columns: 285px auto;
    grid-gap: 20px;
    align-items: self-start
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap {
    border: 1px solid #efefef;
    border-radius: 4px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec {
    padding: 24px 12px;
    background-color: #fff;
    user-select: none
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec:not(:last-child) {
    border-bottom: 1px solid #efefef
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec:first-child {
    padding: 12px 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec p {
    margin-top: 0;
    font-size: 14px;
    font-weight: 600
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-clear-filter {
    cursor: pointer;
    font-weight: 400;
    color: #0041ff;
    transition: .3s ease-in
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-clear-filter:hover {
    color: #000311
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec.bs-filter-option p {
    font-size: 16px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label {
    position: relative;
    cursor: pointer
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label:after {
    content: '';
    background-color: #c4c4c4;
    width: 10px;
    height: 6px;
    display: inline-block;
    clip-path: polygon(50% 100%,100% 0,0 0)
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label.active:after {
    clip-path: polygon(50% 0,100% 100%,0 100%)
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label.active+ul {
    margin-top: 26px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label+ul {
    transition: .3s linear;
    margin-top: 0;
    overflow: hidden;
    height: 0
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec li {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    padding: 8px 10px;
    border-radius: 4px;
    transition: .2s ease
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec li * {
    pointer-events: none
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec li .bs-filter-data-count {
    color: #64687a
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec li:hover {
    background-color: #f3f4f6
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-selected-filters-chip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-selected-filters-chip:has(>span) {
    margin-top: 12px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-selected-filters-chip span {
    background-color: #eff1f3;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #64687a;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-selected-filters-chip span:after {
    content: '';
    width: 26px;
    height: 20px;
    display: inline-block;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -248px -38px;
    scale: .5;
    margin: -8px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2,1fr)
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container:has(>.bs-noresult-found) {
    grid-template-columns: auto;
    padding-top: 60px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card {
    padding: 16px;
    background-color: #fff;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 120px auto;
    border-radius: 8px;
    transition: .1s ease-in
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
    transform: translate(0,-2px)
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-customer-logo {
    max-height: 120px;
    height: 120px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: loaderShimmer 2s infinite;
    background-image: linear-gradient(270deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);
    background-size: 1000px 100%
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-customer-logo.loaded {
    animation: none;
    background: 0 0
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-cs-card-data .bs-cs-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    line-height: 16px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-cs-card-data .bs-cs-desc {
    font-size: 14px;
    color: #474747;
    margin-top: 12px;
    line-height: 19px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-cs-card-data .bs-cs-tag-grid {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 12px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-cs-card-data .bs-cs-tag-grid .bs-cs-tag {
    padding: 4px 6px;
    background-color: #f4f6fb;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #484848;
    line-height: 16px
}

.bs-customer-showcase .bs-customer-showcase-wrap .bs-load-more-container {
    grid-column-start: 2;
    text-align: center
}

.bs-noresult-found img {
    width: 100px
}

.bs-noresult-found .empty-result {
    color: #000311;
    font-size: 20px;
    font-weight: 500
}

.bs-search-wrap {
    width: 300px;
    max-width: 100%;
    border: 1px solid #efefef;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    margin-bottom: 10px
}

.bs-search-wrap input {
    border: none;
    padding: 14px 12px;
    width: 80%;
    font-size: 16px;
    color: #00000099;
    background-color: transparent
}

.bs-search-wrap input::placeholder {
    color: #00000099;
    font-size: 16px
}

.bs-search-wrap .bs-customer-search-btn {
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 4px 12px;
    vertical-align: middle
}

.bs-search-wrap .bs-customer-search-btn .ico-search {
    display: inline-block;
    width: 23px;
    height: 22px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-position: -198px -36px;
    background-repeat: no-repeat;
    opacity: .5
}

.bs-search-wrap .bs-customer-search-btn.clear-fliter {
    display: none
}

.bs-search-wrap .bs-customer-search-btn.clear-fliter .ico-search {
    background-position: -247px -36px;
    scale: .7
}

.bs-search-wrap .customer-search-result .bs-customer-search-btn {
    display: none
}

.bs-search-wrap .customer-search-result .bs-customer-search-btn.clear-fliter {
    display: inline
}

.wk-bv-dropdown.wk-bv-demos .wk-bv-dropdown-label:after {
    content: '';
    width: 11px;
    height: 7px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -150px -54px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    transition: .2s ease-in
}

.wk-bv-dropdown.wk-bv-demos .wk-bv-dropdown-label.wk-bv-dropdown-label-active:after {
    transform: rotateX(180deg)
}

.bs-laravel-icon {
    display: inline-block;
    width: 142px;
    height: 36px;
    vertical-align: middle;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: 0 -410px
}

.bs-listing-card .bpd-row-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(276px,1fr));
    grid-row-gap: 20px;
    grid-column-gap: 19px;
    justify-content: center
}

.bs-listing-card .bpd-row-grid .brick {
    background: linear-gradient(180deg,#f0f0ff 0,#fff 100%);
    padding: 30px;
    border-radius: 10px
}

.bs-theme-listing-hero-section {
    background-image: url('data:image/svg+xml,<svg width="1920" height="856" viewBox="0 0 1920 856" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_89_20790)"><rect width="1920" height="856" fill="%230F1F4D"/><g filter="url(%23filter0_f_89_20790)"><path d="M295 340.184C295 147.887 450.887 -8 643.184 -8H1328.82C1521.11 -8 1677 147.887 1677 340.184V458.816C1677 651.113 1521.11 807 1328.82 807H643.184C450.887 807 295 651.113 295 458.816V340.184Z" fill="%23203980"/></g><g opacity="0.43"><mask id="mask0_89_20790" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="856"><rect width="1920" height="856" fill="url(%23paint0_linear_89_20790)"/></mask><g mask="url(%23mask0_89_20790)"><path fill-rule="evenodd" clip-rule="evenodd" d="M333.148 1056V-79.1313H334.148V1056H333.148ZM483.309 1056V-79.1313H484.309V1056H483.309ZM633.468 -79.1313V1056H634.468V-79.1313H633.468ZM783.628 1056V-79.1313H784.628V1056H783.628ZM933.788 -79.1313V1056H934.788V-79.1313H933.788ZM1083.95 1056V-79.1313H1084.95V1056H1083.95ZM1234.11 -79.1313V1056H1235.11V-79.1313H1234.11ZM1384.27 1056V-79.1313H1385.27V1056H1384.27ZM1534.43 -79.1313V1056H1535.43V-79.1313H1534.43Z" fill="url(%23paint1_linear_89_20790)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-27.3528 168.997H1947.35V169.997H-27.3528V168.997ZM-27.3528 317.766H1947.35V318.766H-27.3528V317.766ZM1947.35 466.536H-27.3528V467.536H1947.35V466.536ZM-27.3528 615.306H1947.35V616.306H-27.3528V615.306ZM1947.35 764.074H-27.3528V765.074H1947.35V764.074Z" fill="url(%23paint2_linear_89_20790)"/></g></g></g><defs><filter id="filter0_f_89_20790" x="-5" y="-308" width="1982" height="1415" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_89_20790"/></filter><linearGradient id="paint0_linear_89_20790" x1="960" y1="0" x2="960" y2="856" gradientUnits="userSpaceOnUse"><stop stop-color="%23D2D6FF" stop-opacity="0.56"/><stop offset="1" stop-color="white" stop-opacity="0.23"/></linearGradient><linearGradient id="paint1_linear_89_20790" x1="934.288" y1="-176.443" x2="934.288" y2="1249.09" gradientUnits="userSpaceOnUse"><stop offset="0.129161" stop-color="%23D5CDFF" stop-opacity="0"/><stop offset="0.455" stop-color="%23CDC3FF" stop-opacity="0.6"/><stop offset="0.75396" stop-color="%23B0A4EA" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_89_20790" x1="1860.96" y1="467.035" x2="51.841" y2="467.035" gradientUnits="userSpaceOnUse"><stop offset="0.0402823" stop-color="%23C4B7FF" stop-opacity="0"/><stop offset="0.455" stop-color="%23E4DFFF" stop-opacity="0.6"/><stop offset="0.974074" stop-color="%23A89AEF" stop-opacity="0"/></linearGradient><clipPath id="clip0_89_20790"><rect width="1920" height="856" fill="white"/></clipPath></defs></svg>');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #0f1f4d
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container {
    line-height: 0
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper {
    padding: 80px 15px 0;
    max-width: 980px;
    margin: 0 auto
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper h1 {
    margin: 0;
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    color: #fff
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper p {
    margin: 12px 0 0;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper .bs-theme-listing-hero-btn-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 30px 0 50px 0
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper .bs-theme-listing-hero-btn-container .bs-theme-listing-hero-btn {
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    background: #fffFFF1A
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper .bs-theme-listing-hero-btn-container .bs-theme-listing-hero-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(198.5deg,rgba(124,109,207,.1) -8.88%,#7c6dcf 57.08%,rgba(124,109,207,.1) 109.14%);
    -webkit-mask: linear-gradient(#f8fafc 0 0) content-box,linear-gradient(#f8fafc 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-image-slider-container {
    height: 553px;
    position: relative
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-image-slider-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(0deg,rgba(67,67,67,0),rgba(67,67,67,0)),linear-gradient(180deg,rgba(90,90,90,0) 0,rgba(25,25,25,0) 34.93%),linear-gradient(180deg,rgba(0,0,0,0) 6.5%,rgba(0,0,0,.3) 89.5%)
}

.bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-image-slider-container .bs-image-slide img {
    box-shadow: 0 20px 80px 0 rgba(0,0,0,.24)
}

.bs-listing-bento .bs-listing-bento-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
    justify-content: center
}

.bs-listing-bento .bs-listing-bento-wrapper .brick {
    border: 1px solid #eaeaea;
    border-radius: 16px;
    padding: 24px
}

.bs-listing-bento .bs-listing-bento-wrapper .brick:nth-child(1),.bs-listing-bento .bs-listing-bento-wrapper .brick:nth-child(4) {
    grid-column: span 2/span 2
}

.bs-listing-bento .bs-listing-bento-wrapper .brick h4 {
    margin-top: 24px
}

.bs-listing-bento .bs-listing-bento-wrapper .brick p {
    margin-top: 10px
}

.bs-mobile-ready .bs-mobile-preview-wrapper {
    display: flex;
    gap: 42px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto
}

.bs-mobile-ready .bs-mobile-preview-wrapper::-webkit-scrollbar,.bs-mobile-ready .bs-mobile-preview-wrapper::-webkit-scrollbar-thumb,.bs-mobile-ready .bs-mobile-preview-wrapper::-webkit-scrollbar-track {
    display: none
}

.bs-mobile-ready .bs-mobile-preview-wrapper .bs-mobile-ready-mockup-wrapper:nth-child(1),.bs-mobile-ready .bs-mobile-preview-wrapper .bs-mobile-ready-mockup-wrapper:nth-child(3) {
    margin-top: 80px
}

.bs-mobile-ready-mockup-wrapper {
    position: relative;
    padding: 20px 22px;
    max-width: 405px;
    min-width: 405px;
    width: 100%;
    height: 820px
}

.bs-mobile-ready-mockup-wrapper .bs-mockup-img {
    position: absolute;
    inset: 0;
    z-index: 1
}

.bs-mobile-ready-mockup-wrapper .bs-mockup-status-img {
    width: 100%
}

.bs-mobile-ready-mockup-wrapper .bs-mockup-theme-wrapper {
    overflow: hidden;
    height: 576px
}

.bs-mobile-ready-mockup-wrapper .bs-mockup-theme-img {
    transition: 14s linear
}

.bs-mobile-ready-mockup-wrapper:active .bs-mockup-theme-img,.bs-mobile-ready-mockup-wrapper:hover .bs-mockup-theme-img {
    transform: translateY(calc(-100% + 576px))
}

.bs-mobile-ready-mockup-wrapper .bs-mockup-bottom-img {
    width: 100%
}

.bs-listing-jumbotron {
    padding: 0 30px
}

.bs-listing-jumbotron .bpd-row-grid {
    margin-top: 160px;
    padding: 122px 15px;
    background-size: unset
}

.bs-custom-store {
    padding: 80px 30px 0
}

.bs-custom-store .bs-custom-store-card-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin-top: 66px
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card {
    padding: 15px
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap {
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeaea;
    line-height: 0;
    border-radius: 12px;
    display: block
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap:hover .bs-custom-store-img {
    scale: 1.02
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap:hover .bs-custom-store-mobile-img-wrap {
    transform: translateY(-10px)
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap .bs-custom-store-img {
    transition: 1s cubic-bezier(0,0,.2,1)
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap .bs-custom-store-mobile-img-wrap {
    position: absolute;
    max-width: 335px;
    right: 18px;
    top: 34%;
    left: 58%;
    transition: 1s cubic-bezier(0,0,.2,1)
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap .bs-custom-store-mobile-img {
    width: 100%
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-img-wrap:hover+.bs-custom-store-card-content-container a.bs-custom-store-card-title {
    color: #0041ff
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 8px
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.red {
    color: #92400e;
    background-color: #fff7ed
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.blue {
    color: #2563eb;
    background-color: #eff6ff
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.pink {
    color: #be185d;
    background-color: #fdf2f8
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.purple {
    color: #7e22ce;
    background-color: #faf5ff
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.yellow {
    color: #a16207;
    background-color: #fefce8
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-btn-wrapper .bs-custom-store-card-btn.dark-cayn {
    color: #0e7490;
    background-color: #f0fdfa
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-title {
    margin: 10px 0 0;
    font-size: 22px;
    font-weight: 700;
    color: #2c3145;
    transition: all .3s;
    display: block
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container a.bs-custom-store-card-title:hover {
    color: #0041ff
}

.bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-para {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1f2937
}

.bs-channel-selling-section .bs-channel-selling-card-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    background-color: #ccc;
    line-height: 0
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card.blue {
    background: linear-gradient(135deg,#d3e0e9 0,#a1c7d5 100%)
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card.pink {
    background: linear-gradient(135deg,#eec1c5 0,#e2a8aa 100%)
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card.grey {
    background: linear-gradient(150.97deg,#cdd1c6 0,#929a88 62.5%,#57624a 100%)
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content {
    padding: 32px 44px 0
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content .bs-channel-selling-card-title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #030e1a
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content .bs-channel-selling-card-para {
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030e1a
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content a {
    margin: 10px 0;
    color: #030e1a
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content a::after {
    filter: invert(1)
}

.bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card img.float-right {
    float: right
}

.bs-story-slider-section {
    background-color: #030e1a
}

.bs-story-slider-section .bs-story-section-title {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 60px
}

.bs-story-slider-section .bs-story-slider-wrapper {
    display: grid;
    grid-template-columns: minmax(0,710px) minmax(0,636px);
    align-items: center;
    grid-gap: 0 62px;
    margin-top: 56px
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper {
    position: relative;
    aspect-ratio: 1.30755064
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: .5s linear
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover.active {
    opacity: 1;
    z-index: 1
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover img {
    border-radius: 8px
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover .bs-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer;
    line-height: 0
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover .bs-video:hover .video-poster {
    scale: 1.1
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover .bs-video .video-poster {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -309px -399px;
    transition: .3s ease-in
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover .bs-video::after {
    opacity: 0;
    position: absolute;
    content: '';
    height: 56px;
    width: 56px;
    border: 2px solid #fff;
    background-color: #ffffffab;
    border-radius: 100%;
    top: -2px;
    left: -2px;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-cover-wrapper .bs-story-cover .bs-video::before {
    opacity: 0;
    position: absolute;
    content: '';
    height: 56px;
    width: 56px;
    border: 2px solid #fff;
    background-color: #ffffffab;
    border-radius: 100%;
    top: -2px;
    left: -2px;
    animation-name: ripple;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-slide-container {
    overflow: hidden
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper {
    display: flex;
    transition: 350ms cubic-bezier(.4,0,.2,1)
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    flex-shrink: 0;
    width: 100%
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content h3 {
    margin: 0;
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    color: #fff
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content .bs-story-logo {
    margin-top: 36px
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content .bs-button {
    width: max-content
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content .bs-testimonial-feature {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content .bs-testimonial-feature li {
    margin: 0 0 0 34px;
    list-style: disc;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler {
    margin-top: 56px;
    grid-column: span 2/span 2;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 32px
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .story-dir-nav {
    display: none
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .story-dir-nav.btn-ghost {
    cursor: not-allowed
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav {
    padding: 24px;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: .5s
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav.active .bs-active-story {
    animation: shine 2s linear infinite,fullClip 10s linear;
    transition: 10s linear;
    clip-path: inset(0 0 0 0)
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav:hover {
    background-color: #031528
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav .bs-active-story {
    position: absolute;
    left: 0;
    top: -2px;
    height: 2px;
    width: 100%;
    background-color: #fff;
    clip-path: inset(0 100% 0 0);
    background: linear-gradient(273.34deg,#00d4ff 0,#0041ff 50%,#00d4ff 100%);
    background-size: 200% auto
}

.bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 2px;
    width: 100%;
    background-color: #2f2f2f
}

.bs-card-slider {
    background-color: #f4f6fb
}

.bs-card-slider .bs-slider-container {
    margin: 54px 0 56px;
    overflow: hidden;
    position: relative
}

.bs-card-slider .bs-slider-container::after,.bs-card-slider .bs-slider-container::before {
    content: "";
    position: absolute;
    width: 58px;
    top: 0;
    bottom: 0;
    background: #f4f6fb;
    z-index: 1
}

.bs-card-slider .bs-slider-container::after {
    left: 0
}

.bs-card-slider .bs-slider-container::before {
    right: 0
}

.bs-card-slider .bs-slider-container .bs-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    transition: .5s;
    margin: 0 56px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 30px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slider-content {
    max-width: 828px;
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #030e1a
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slider-customer-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: url(images/home-updated/testimonial-sprite.png?1.0);
    background-repeat: no-repeat
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slider-customer-icon.yosseph {
    background-position: 0 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slider-customer-icon.mohamed {
    background-position: -49px 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slider-customer-icon.arnold {
    background-position: -98px 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slider-customer-icon.mathew {
    background-position: -147px 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-title-wrapper .review-social-icon-wrap {
    gap: 4px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-title-wrapper .review-social-icon-wrap .social-icon {
    margin: 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-title-wrapper .bs-slider-customer-name {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #030e1a
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030e1a
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country .bs-slider-customer-country-icon {
    width: 24px;
    height: 16px;
    background-image: url(images/home-updated/testimonial-sprite.png?1.0);
    background-repeat: no-repeat
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country .bs-slider-customer-country-icon.Israel {
    background-position: -196px 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country .bs-slider-customer-country-icon.Rwanda {
    background-position: -221px 0
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country .bs-slider-customer-country-icon.United-States {
    background-position: -196px -17px
}

.bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country .bs-slider-customer-country-icon.Australia {
    background-position: -221px -17px
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #030e1a;
    padding: 15px;
    border-radius: 50%;
    line-height: 0;
    cursor: pointer;
    background-color: #fff;
    z-index: 2
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler .toggler-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler.prev-slide {
    left: 0
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler.prev-slide .toggler-icon {
    background-position: -313px -184px
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler.next-slide {
    right: 0
}

.bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler.next-slide .toggler-icon {
    background-position: -336px -184px
}

.bs-extension-marketplace-section .bs-extension-marketplace-container {
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(4,1fr)
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card {
    padding: 32px 20px;
    background-color: #f4f6fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: .3s
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card:hover {
    transform: translateY(-4px)
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon {
    position: relative;
    display: inline-block;
    width: 96px;
    height: 96px;
    border: 2px solid #dfe3e5;
    background-color: #fff;
    border-radius: 50%
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(images/home-updated/partners-icons.png?1.0);
    background-repeat: no-repeat;
    transform: translate(-50%,-50%)
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon.paypal::after {
    width: 42px;
    height: 50px;
    background-position: -96px -171px
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon.stripe::after {
    width: 34px;
    height: 50px;
    background-position: -137px -171px
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon.authorize::after {
    width: 54px;
    height: 56px;
    background-position: 0 -167px
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-icon.paytabs::after {
    width: 44px;
    height: 54px;
    background-position: -53px -169px
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-title {
    margin: 32px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #030e1a
}

.bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-description {
    margin: 12px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030e1a
}

.bs-partners-section .bs-partners-container {
    display: grid;
    grid-template-columns: repeat(4,128px);
    justify-content: space-around;
    align-items: center;
    gap: 62px 30px
}

.bs-partners-section .bs-partners-container .bs-partners-icon {
    width: 128px;
    height: 30px;
    background-image: url(images/home-updated/partners-icons.png?1.0);
    background-repeat: no-repeat
}

.bs-partners-section .bs-partners-container .bs-partners-icon.visa {
    background-position: 0 0
}

.bs-partners-section .bs-partners-container .bs-partners-icon.microsoft {
    background-position: -129px 0
}

.bs-partners-section .bs-partners-container .bs-partners-icon.jetrials {
    background-position: 0 -34px
}

.bs-partners-section .bs-partners-container .bs-partners-icon.paypal {
    background-position: -129px -34px
}

.bs-partners-section .bs-partners-container .bs-partners-icon.shipway {
    height: 36px;
    background-position: 0 -71px
}

.bs-partners-section .bs-partners-container .bs-partners-icon.hosting {
    height: 47px;
    background-position: -129px -65px
}

.bs-partners-section .bs-partners-container .bs-partners-icon.vapulus {
    height: 36px;
    background-position: 0 -122px
}

.bs-partners-section .bs-partners-container .bs-partners-icon.pureclarity {
    height: 52px;
    background-position: -129px -114px
}

.bs-theme-showcase-section .bs-theme-showcase-container {
    display: grid;
    grid-template-columns: minmax(auto,478px) minmax(auto,522px);
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px;
    padding: 40px 84px;
    background-color: #f4f6fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-image: url('data:image/svg+xml,<svg width="223" height="478" viewBox="0 0 223 478" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-137 328L-20.3326 386.334H-137V328ZM-137 328L-137 267.325H-15.6497L-137 328ZM-45.6497 373.5L43.3503 418V238L-45.6497 282.5V373.5ZM-137 447.325V508L-15.6497 447.325H-137ZM134.35 284.5V373.5L177.35 352V306L134.35 284.5ZM88.3503 261.5L43.3503 239V419L88.3503 396.5V261.5ZM-45.6497 14.5V103.5L-2.64973 82V36L-45.6497 14.5ZM-91.6497 -8.5L-136.65 -31V149L-91.6497 126.5V-8.5ZM-20.3326 206.334L-137 148V206.334H-20.3326ZM44.3503 149V192H136.35L222.35 149H44.3503ZM44.3503 103H134.35L44.3503 58V103ZM-76.6497 178V119L-135.65 148.5L-76.6497 178ZM-15.6586 208.496L44.3503 238.5V58.5L-15.6586 88.5044V208.496ZM131.35 282.5V193.5L88.3503 215V261L131.35 282.5ZM177.35 305.5L222.35 328V148L177.35 170.5V305.5Z" stroke="%23E5E7EB"/></svg>'),url('data:image/svg+xml,<svg width="175" height="374" viewBox="0 0 175 374" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 360L117.667 418.334H1V360ZM1 360L1 299.325H122.35L1 360ZM92.3503 405.5L181.35 450V270L92.3503 314.5V405.5ZM1 479.325V540L122.35 479.325H1ZM272.35 316.5V405.5L315.35 384V338L272.35 316.5ZM226.35 293.5L181.35 271V451L226.35 428.5V293.5ZM92.3503 46.5V135.5L135.35 114V68L92.3503 46.5ZM46.3503 23.5L1.35027 1V181L46.3503 158.5V23.5ZM117.667 238.334L1 180V238.334H117.667ZM182.35 181V224H274.35L360.35 181H182.35ZM182.35 135H272.35L182.35 90V135ZM61.3503 210V151L2.35027 180.5L61.3503 210ZM122.341 240.496L182.35 270.5V90.5L122.341 120.504V240.496ZM269.35 314.5V225.5L226.35 247V293L269.35 314.5ZM315.35 337.5L360.35 360V180L315.35 202.5V337.5Z" stroke="%23E5E7EB"/></svg>');
    background-repeat: no-repeat;
    background-position: left,bottom right
}

.bs-theme-showcase-section .bs-theme-showcase-container .bs-banner-content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bs-approach-section {
    background-color: #030e1a
}

.bs-approach-section .bs-banner-content .bs-banner-title {
    color: #fff
}

.bs-approach-section .bs-banner-content .bs-banner-para {
    color: #fff
}

.bs-approach-section .bs-approach-card-wrap {
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(3,1fr)
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px;
    background-color: #fffFFF08;
    border: 1px solid #fffFFF12;
    border-radius: 8px
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card a {
    width: max-content
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-icon.bs-approach-card-icon-1 {
    background-position: 0 -406px
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-icon.bs-approach-card-icon-2 {
    background-position: -44px -406px
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-icon.bs-approach-card-icon-3 {
    background-position: -88px -406px
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #fff
}

.bs-approach-section .bs-approach-card-wrap .bs-approach-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #fff
}

.bs-resources-section .bs-resources-container {
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(4,1fr)
}

.bs-resources-section .bs-resources-container .bs-resources-card {
    padding: 32px;
    background-color: #f4f6fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: .3s
}

.bs-resources-section .bs-resources-container .bs-resources-card:hover {
    transform: translateY(-4px)
}

.bs-resources-section .bs-resources-container .bs-resources-card .bs-resources-card-icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat
}

.bs-resources-section .bs-resources-container .bs-resources-card .bs-resources-card-icon.bs-resources-card-icon-1 {
    background-position: -132px -405px
}

.bs-resources-section .bs-resources-container .bs-resources-card .bs-resources-card-icon.bs-resources-card-icon-2 {
    background-position: -176px -405px
}

.bs-resources-section .bs-resources-container .bs-resources-card .bs-resources-card-icon.bs-resources-card-icon-3 {
    background-position: -220px -405px
}

.bs-resources-section .bs-resources-container .bs-resources-card .bs-resources-card-icon.bs-resources-card-icon-4 {
    background-position: -264px -405px
}

.bs-resources-section .bs-resources-container .bs-resources-card h3 {
    margin: 16px 0 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #030e1a
}

.bs-resources-section .bs-resources-container .bs-resources-card p {
    margin: 8px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030e1a
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper {
    padding: 116px 40px;
    border-radius: 8px;
    background-image: url('data:image/svg+xml,<svg width="255" height="440" viewBox="0 0 255 440" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M-105 312L11.6674 370.334H-105V312ZM-105 312L-105 251.325H16.3503L-105 312ZM-13.6497 357.5L75.3503 402V222L-13.6497 266.5V357.5ZM-105 431.325V492L16.3503 431.325H-105ZM166.35 268.5V357.5L209.35 336V290L166.35 268.5ZM120.35 245.5L75.3503 223V403L120.35 380.5V245.5ZM-13.6497 -1.5V87.5L29.3503 66V20L-13.6497 -1.5ZM-59.6497 -24.5L-104.65 -47V133L-59.6497 110.5V-24.5ZM11.6674 190.334L-105 132V190.334H11.6674ZM76.3503 133V176H168.35L254.35 133H76.3503ZM76.3503 87H166.35L76.3503 42V87ZM-44.6497 162V103L-103.65 132.5L-44.6497 162ZM16.3414 192.496L76.3503 222.5V42.5L16.3414 72.5044V192.496ZM163.35 266.5V177.5L120.35 199V245L163.35 266.5ZM209.35 289.5L254.35 312V132L209.35 154.5V289.5Z" stroke="white"/></svg>'),url('data:image/svg+xml,<svg width="226" height="251" viewBox="0 0 226 251" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M0.999954 359.65L117.554 417.927L0.999951 417.927L0.999954 359.65ZM0.999954 359.65L1.00014 299.034L122.232 299.034L0.999954 359.65ZM92.2613 405.106L181.175 449.562L181.175 269.738L92.2613 314.194L92.2613 405.106ZM1.00013 478.859L1.00013 539.475L122.232 478.859L1.00013 478.859ZM272.086 316.192L272.086 405.106L315.044 383.627L315.044 337.672L272.086 316.192ZM226.131 293.215L181.175 270.737L181.175 450.561L226.131 428.083L226.131 293.215ZM92.2614 46.4556L92.2613 135.369L135.219 113.89L135.219 67.9347L92.2614 46.4556ZM46.3062 23.4781L1.35007 0.999984L1.35006 180.825L46.3062 158.346L46.3062 23.4781ZM117.554 238.102L0.999962 179.825L0.999959 238.102L117.554 238.102ZM182.174 180.825L182.174 223.783L274.084 223.783L360 180.825L182.174 180.825ZM182.174 134.869L272.086 134.869L182.174 89.9131L182.174 134.869ZM61.2917 209.796L61.2917 150.854L2.34924 180.325L61.2917 209.796ZM122.223 240.262L182.174 270.237L182.174 90.4127L122.223 120.388L122.223 240.262ZM269.089 314.194L269.089 225.281L226.131 246.76L226.131 292.715L269.089 314.194ZM315.044 337.172L360 359.65L360 179.826L315.044 202.304L315.044 337.172Z" stroke="white"/></svg>');
    background-position: left center,right bottom;
    background-repeat: no-repeat;
    position: relative
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #020c16;
    background-image: radial-gradient(circle at 90% 93%,hsla(213,100%,15%,.73) 0,transparent 17.11750355%),radial-gradient(circle at 47% 65%,hsl(213.33333333,16%,41%) 0,transparent 27.59492967%),radial-gradient(circle at 42% 52%,hsl(213.33333333,16%,41%) 0,transparent 39.64288702%),radial-gradient(circle at 93% 99%,hsla(213,76%,5%,.64) 0,transparent 27.73393511%),radial-gradient(circle at 66% 100%,hsla(213,100%,15%,.7) 0,transparent 23.26569741%),radial-gradient(circle at 77% 94%,#4b5a6c 0,transparent 50%),radial-gradient(circle at 61% 72%,hsl(213.33333333,16%,41%) 0,transparent 28.57966327%),radial-gradient(circle at 29% 100%,#58697d 0,transparent 38.4306603%),radial-gradient(circle at 95% 42%,hsl(213.33333333,16%,41%) 3.46500347%,transparent 29.47382637%);
    background-blend-mode: normal,normal,normal,normal,normal,normal,normal,normal,normal;
    z-index: -1;
    border-radius: 8px
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    max-width: 798px;
    margin: 0 auto
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content .bs-banner-title {
    color: #fff
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content .bs-banner-para {
    color: #fff
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content .bs-banner-links-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px
}

.bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content .bs-banner-links-wrapper .btn-moon {
    border: 2px solid transparent
}

.bs-stats-rating-section {
    display: block
}

.bs-stats-rating-section .bs-stats-rating-grid {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
    justify-content: space-between;
    padding: 0 36px
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card {
    max-width: 259px
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card::after {
    background-image: url(images/hero-sprite.png?v=1.5);
    background-repeat: no-repeat
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    background-color: #fff;
    padding: 11px 0 0 25px
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1:after {
    content: "";
    display: inline-block;
    width: 215px;
    height: 79px;
    background-position: 0 0
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 .trust-p-rate {
    position: absolute;
    top: 59px;
    font-size: 20px;
    font-weight: 700;
    color: #2c3145
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 .trust-p-review {
    font-size: 16px;
    font-weight: 500;
    color: #2c3145
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2 {
    display: flex;
    flex-direction: column-reverse;
    height: 126px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #fff
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2::after {
    content: "";
    display: inline-block;
    width: 215px;
    height: 43px;
    background-position: 0 -126px
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2 .git-btn {
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    color: #030e1a;
    background-color: #f4f6fb;
    border: 1px solid #e5e7eb
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    height: 100px;
    background-color: #fff
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    background-position: -88px -211px
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 .git-dwn {
    font-size: 18px;
    font-weight: 700;
    color: #030e1a
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 .git-dwn-data {
    font-size: 48px;
    font-weight: 800;
    color: #030e1a
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 126px;
    background-color: #fff
}

.bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-4::after {
    content: "";
    display: inline-block;
    width: 205px;
    height: 72px;
    background-position: 0 -361px
}

.bs-popover-animate {
    max-width: 522px;
    width: 100%;
    aspect-ratio: 1.21395349;
    height: auto;
    position: relative
}

.bs-popover-animate.animate-active .bs-popover-img-wrapper {
    filter: brightness(.5)
}

.bs-popover-animate.animate-active .bs-popover-img-wrapper.popover-prev {
    transform: perspective(10cm) rotateY(15deg) scale(1) translate(-7.5%)
}

.bs-popover-animate.animate-active .bs-popover-img-wrapper.popover-next {
    transform: perspective(10cm) rotateY(15deg) scale(1) translate(7.5%)
}

.bs-popover-animate.animate-active .bs-popover-img-wrapper.popover-active {
    filter: brightness(1);
    transform: perspective(10cm) rotateY(0) scale(1.25);
    z-index: 1
}

.bs-popover-animate .bs-popover-img-wrapper {
    transform: perspective(10cm) rotateY(15deg) scale(1);
    width: 50%;
    position: absolute;
    top: 0;
    transition: .3s
}

.bs-popover-animate .bs-popover-img-wrapper:nth-child(1) {
    left: 0
}

.bs-popover-animate .bs-popover-img-wrapper:nth-child(2) {
    left: 16.6%
}

.bs-popover-animate .bs-popover-img-wrapper:nth-child(3) {
    left: 33.2%
}

.bs-popover-animate .bs-popover-img-wrapper:nth-child(4) {
    left: 50%
}

.bs-popover-animate .bs-popover-img-wrapper img {
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,.01),0 4px 17.8px rgba(0,0,0,.14)
}

.bs-release-notes-hero {
    padding: 108px 0 0
}

.bs-release-notes-hero .bs-release-notes-hero-content {
    max-width: 686px;
    margin: 0 auto
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-title {
    margin: 0;
    font-size: 44px;
    font-weight: 700;
    line-height: 60px;
    color: #3a3a3a
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-para {
    margin: 24px 0 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #3a3a3a
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-stable-release {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 32px
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-stable-release .bs-stable-release-ver {
    font-size: 24px;
    font-weight: 700;
    color: #030e1a
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-stable-release .bs-stable-release-text {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #030e1a
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links {
    display: grid;
    grid-template-columns: repeat(4,max-content);
    justify-content: center;
    gap: 24px;
    margin: 16px auto 0;
    padding: 16px 0 30px;
    border-top: 1px solid #e5e7eb
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links a {
    font-size: 16px;
    font-weight: 700;
    color: #030e1a;
    border-left: 1px solid #e5e7eb;
    padding-left: 24px;
    width: max-content
}

.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links a:first-of-type {
    border: unset;
    padding: 0
}

.bs-release-calendar .bs-release-calendar-graph-wrapper {
    display: flex;
    justify-content: center
}

.bs-release-calendar .bs-release-calendar-graph-wrapper canvas {
    max-width: 100%;
    margin: 32px auto 0
}

.bs-release-link {
    display: flex;
    align-items: center;
    gap: 6px
}

.bs-release-link::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat
}

.bs-release-link.download::before {
    background-position: -339px -256px
}

.bs-release-link.source-code::before {
    background-position: -289px -282px
}

.bs-release-link.documentation::before {
    background-position: -314px -282px
}

.bs-release-link.release::before {
    background-position: -339px -282px
}

.bs-release-timeline .bs-release-timeline-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 56px;
    margin-top: 32px;
    position: relative
}

.bs-release-timeline .bs-release-timeline-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 13px;
    bottom: 0;
    width: 1px;
    background-color: #e5e7eb
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    background-color: #f4f6fb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    position: relative
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card::before {
    content: "";
    position: absolute;
    top: 38px;
    left: -56px;
    width: 25px;
    height: 25px;
    background-color: #0041ff;
    border-radius: 50%
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-version {
    font-size: 24px;
    font-weight: 700;
    color: #030e1a
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag {
    padding: 4px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 4px
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag.blue {
    background-color: #e6f4ff;
    color: #00448d;
    border: 1px solid #00448d
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag.green {
    background-color: #d6f1dc;
    color: #008027;
    border: 1px solid #008027
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag.yellow {
    background-color: #ffead0;
    color: #cf7100;
    border: 1px solid #cf7100
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag.red {
    background-color: #f5d7db;
    color: #ab000e;
    border: 1px solid #ab000e
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-date,.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-php-ver {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030E1AB2
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-features-wrapper .bs-release-description {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030E1AB2
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-features-wrapper ul {
    margin: 0;
    padding-left: 40px
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-features-wrapper ul li {
    margin: 10px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #030E1AB2;
    list-style: disc
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    padding: 16px 0 0;
    border-top: 1px solid #e5e7eb
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links .bs-release-link {
    font-size: 16px;
    font-weight: 700;
    color: #030e1a;
    border-left: 1px solid #e5e7eb;
    padding-left: 24px
}

.bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links .bs-release-link:first-of-type {
    border: unset;
    padding: 0
}

.bs-whats-new-bagisto .bs-whats-new-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f4f6fb;
    overflow: hidden;
    position: relative
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    background-position: -338px -305px;
    transition: .3s ease-in-out;
    position: absolute;
    bottom: 24px;
    right: 24px;
    opacity: 0
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card:hover:after {
    opacity: 1;
    transform: translate(4px,-4px)
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card:hover .bs-whats-new-image img {
    transform: scale(1.1)
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-image {
    height: 248px;
    overflow: hidden;
    border-radius: 8px;
    display: block
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease-in-out
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content {
    padding: 24px
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content .bs-whats-new-title {
    font-size: 24px;
    font-weight: 700;
    color: #030e1a;
    margin: 0
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content .bs-whats-new-desc {
    font-size: 16px;
    font-weight: 400;
    color: #030e1a;
    margin-top: 8px
}

.bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content .bs-whats-new-desc span {
    font-weight: 600
}

.bs-spanish-youtube {
    display: none
}

.bs-spanish-youtube[data-lang=es] {
    display: block
}

.bs-spanish-youtube a {
    margin: 0
}

.wkt-section-tweet-feeds .twitter-feeds-btn {
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(255,255,255,.86);
    box-shadow: unset;
    padding: 12px 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.wkt-section-tweet-feeds .twitter-feeds-btn:after {
    content: '';
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-position: -357px -148px;
    margin-left: 4px;
    margin-top: -1px
}

.wkt-section-tweet-feeds .bs-tweet-icon {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    background-position: -338px -96px;
    display: inline-block;
    vertical-align: top
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap {
    display: inline-block;
    margin: 0 15px;
    vertical-align: top;
    font-weight: 500;
    text-align: left;
    width: 525px;
    height: 80px;
    overflow: hidden;
    position: relative
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap a {
    color: #3c9df1
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap p {
    margin: 0
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap[lazy=loading] {
    background-image: linear-gradient(to right,#fff 0,#f4f7ff 60%,#fff 100%);
    background-repeat: no-repeat;
    animation: loaderShimmer 1s infinite linear forwards!important;
    background-size: 640px;
    border-radius: 12px;
    opacity: 1
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap .bs-tweet-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .1s;
    font-weight: 500
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap .bs-tweet-text.active {
    animation: tweet-feeds .4s ease-in-out;
    opacity: 1;
    display: -webkit-box
}

.wkt-section-tweet-feeds .bs-tweet-text-wrap .bs-tweet-text a {
    font-weight: 500
}

.wkt-twitter-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #f8f8f9;
    z-index: 100005;
    font-size: initial;
    display: none
}

.wkt-twitter-page[wrapper-state=on] {
    display: block;
    opacity: 1
}

.wkt-twitter-page[wrapper-state=off] {
    display: none;
    opacity: 0
}

.wkt-twitter-page[view=true] {
    display: block
}

.wkt-twitter-page[view=true] .wkt-twitter-header {
    transform: translateY(0)!important;
    opacity: 1
}

.wkt-twitter-page[view=true] .wkt-twitter-body {
    transform: translateY(0)!important;
    opacity: 1
}

.wkt-twitter-page .wkt-header-wrap {
    position: relative
}

.wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header {
    padding: 18px 15px 20px 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px
}

.wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header #wkt-close:after {
    opacity: 0
}

.wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header .wkt-jumbo-label {
    font-size: 34px;
    margin: 0
}

.wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header .wkt-desc {
    opacity: 0
}

.wkt-twitter-page .wkt-header-wrap[view=true] .wkt-header-wrap[shrink=true]+.wkt-twitter-body {
    transition: unset
}

.wkt-twitter-page .wkt-twitter-header {
    background-color: #0041ff;
    padding: 140px 50px 110px;
    position: relative;
    z-index: 10;
    opacity: 1;
    transform: translateY(-100%);
    transition: .3s
}

.wkt-twitter-page .wkt-twitter-header #wkt-close {
    position: absolute;
    top: 31px;
    left: 25px;
    opacity: .7;
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
    background-position: -342px -123px;
    cursor: pointer;
    transform: rotate(180deg)
}

.wkt-twitter-page .wkt-twitter-header #wkt-close:after {
    content: 'Back';
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    position: relative;
    padding-left: 35px;
    font-weight: 500;
    top: 5px;
    transform: rotate(180deg) translate(55px,4px)
}

.wkt-twitter-page .wkt-twitter-header .wkt-jumbo-label {
    color: #fff;
    font-size: 54px
}

.wkt-twitter-page .wkt-twitter-header .wkt-desc {
    color: #fff;
    font-size: 36px;
    transition: .2s
}

.wkt-twitter-page .wkt-twitter-header .wkt-follow-btn {
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27);
    position: absolute;
    background-color: #fff;
    border-radius: 30px;
    bottom: -25px;
    right: 65px;
    transition: .25s;
    padding: 14px 13px;
    color: #2aa3ef;
    overflow: hidden;
    width: 56px;
    height: 56px
}

.wkt-twitter-page .wkt-twitter-header .wkt-follow-btn:before {
    content: "";
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    background-position: -338px -96px;
    display: inline-block;
    vertical-align: middle
}

.wkt-twitter-page .wkt-twitter-header .wkt-follow-btn:after {
    content: "Follow";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    opacity: 0;
    transition: .5s;
    position: absolute;
    top: 18px;
    font-weight: 500
}

.wkt-twitter-page .wkt-twitter-header .wkt-follow-btn:hover {
    width: 146px;
    padding: 14px 28px
}

.wkt-twitter-page .wkt-twitter-header .wkt-follow-btn:hover:after {
    opacity: 1
}

.wkt-twitter-page .wkt-twitter-body {
    background-color: #f8f8f9;
    padding: 50px;
    transform: translateY(100%);
    transition: .3s
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper {
    width: 1320px;
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: grid;
    grid-gap: 45px;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
    grid-auto-rows: 20px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card {
    max-width: 100%;
    display: block;
    text-align: left;
    background-color: #fff
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-deck-content {
    display: block
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-deck-content .wkt-deck-inner-wrap {
    padding: 18px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-head .avatar {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    max-width: 50px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-head .wkt-tweet-detail {
    display: inline-block;
    vertical-align: middle;
    width: 77.5%;
    margin-left: 5px;
    font-size: 14px;
    color: #0e1b51;
    font-weight: 500
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-head .wkt-tweet-detail .wkt-author-name {
    margin-right: 5px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-head .wkt-tweet-detail .wkt-date {
    color: #64687a
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body {
    margin-top: 20px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-text {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media {
    margin-top: 15px;
    width: 100%;
    height: 265px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.041);
    display: flex
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap {
    flex-direction: column;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap:last-of-type {
    margin-left: 1px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap:nth-child(2) {
    margin-top: 1px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item {
    flex-grow: 1;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #444;
    transition: .3s
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video] {
    cursor: pointer
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video] .media-control {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #0041ff;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px;
    transition: .2s;
    opacity: 1
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video] .media-control:after {
    content: '';
    display: inline-block;
    border: 9px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: relative;
    top: 16px;
    left: 22px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video] .media-control.state-playing {
    opacity: 0
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video] video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
    background-color: #000;
    transition: .2s
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media .wkt-media-wrap .media-item[media-type=video]:hover .media-control {
    transform: translatey(-3px)
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-tweet-media img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-meta {
    position: relative;
    margin-top: 15px;
    line-height: 1
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-meta .wkt-retweets-likes {
    font-size: 14px;
    color: #64687a;
    font-weight: 500
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-meta .wkt-retweets-likes .likes {
    margin-right: 12px
}

.wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card .wkt-tweet-body .wkt-meta .wkt-icon {
    background-image: url(images/bagisto-sprite.png?v=2.7);
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    background-position: -338px -96px;
    transform: scale(.5);
    position: absolute;
    right: -5px;
    top: -5px
}

.wkt-twitter-page .wkt-twitter-body .wkt-loader {
    box-shadow: 0 4px 21px 0 rgba(0,13,187,.27);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 70px auto 0;
    background-color: #fff;
    position: relative;
    transform: translateY(45px);
    transition: ease .3s;
    opacity: 0
}

.wkt-twitter-page .wkt-twitter-body .wkt-loader[state=on] {
    transform: translateY(-20px);
    opacity: 1
}

.wkt-twitter-page .wkt-twitter-body .wkt-loader[state=on]:after {
    animation: wktloader-animate .8s linear infinite
}

.wkt-twitter-page .wkt-twitter-body .wkt-loader:after {
    border-radius: 50%;
    content: '';
    width: 35px;
    height: 35px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 4px #0041ff;
    border-right: solid 4px #ddd;
    border-bottom: solid 4px #ddd;
    border-left: solid 4px #ddd;
    position: absolute;
    top: 8px;
    left: 8px
}

@media (max-width: 820px) {
    .wkt-section-tweet-feeds .bs-tweet-text-wrap {
        width:100%;
        margin: 20px 0;
        text-align: center
    }
}

@media (max-width: 525px) {
    .wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header {
        height:80px
    }

    .wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header .wkt-jumbo-label {
        font-size: 24px;
        position: relative;
        top: 8px
    }

    .wkt-twitter-page .wkt-header-wrap[shrink=true] .wkt-twitter-header .wkt-follow-btn {
        right: 20px
    }

    .wkt-twitter-page .wkt-twitter-body {
        padding: 50px 15px
    }

    .wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper {
        display: block
    }

    .wkt-twitter-page .wkt-twitter-body .wkt-deck-wrapper .wkt-deck-card {
        margin: 30px auto
    }

    .wkt-section-tweet-feeds {
        margin-top: 40px
    }
}

@keyframes menu-slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes loaderShimmer {
    0% {
        background-position: -475px 0
    }

    100% {
        background-position: 475px 0
    }
}

@keyframes menu-slide-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes slideleft {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideright {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes slider {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes wktloader-animate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes tweet-feeds {
    0% {
        opacity: 0;
        transform: translateY(-6px)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes stripLoading {
    from {
        left: -200px;
        width: 30%
    }

    50% {
        width: 30%
    }

    70% {
        width: 70%
    }

    80% {
        left: 50%
    }

    95% {
        left: 120%
    }

    to {
        left: 100%
    }
}

@keyframes shake {
    100%,from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@-webkit-keyframes wk-pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.1);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes cp-round-animate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ripple {
    from {
        opacity: 1;
        transform: scale3d(.75,.75,1)
    }

    to {
        opacity: 0;
        transform: scale3d(1.5,1.5,1)
    }
}

@keyframes counterUp {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-144px)
    }
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes on-fade {
    0% {
        opacity: .5;
        transform: brightness(60%)
    }

    100% {
        opacity: 1;
        transform: brightness(100%)
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(2rem);
        opacity: .01
    }

    50% {
        opacity: .3
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes shine {
    to {
        background-position: -200% center
    }
}

@keyframes fullClip {
    from {
        clip-path: inset(0 100% 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@media (max-width: 1480px) {
    .section-office img {
        width:100%
    }

    .section-office .section-back-office {
        left: -5%
    }

    .section-office .section-front-office {
        right: -5%
    }

    .section-office .back-office {
        left: 17%
    }

    .section-office .front-office {
        right: 19%
    }

    .bs-mobile-ready .bs-mobile-preview-wrapper .bs-mobile-ready-mockup-wrapper:nth-child(1),.bs-mobile-ready .bs-mobile-preview-wrapper .bs-mobile-ready-mockup-wrapper:nth-child(3) {
        margin-top: 0
    }
}

@media (max-width: 1400px) and (min-width:1160px) {
    .inline-dividers-50.inline-dividers-wide.paddL-150 {
        padding-left:150px
    }
}

@media (min-width: 1357px) {
    .pos-img img {
        max-width:unset
    }
}

@media (max-width: 1280px) {
    .bg-pattern::after,.bg-pattern::before {
        left:-170px
    }

    .bg-left-pattern {
        background-image: unset;
        min-height: unset;
        padding-top: 60px
    }

    .section-b2b-marketplace-features:after,.section-b2b-marketplace-features:before,.section-secondary-b2b-marketplace:after,.section-secondary-b2b-marketplace:before {
        content: unset
    }

    .section-primary-live-stream {
        position: relative
    }

    .section-primary-live-stream:before {
        content: '';
        display: none
    }

    .section-primary-live-stream:after {
        content: '';
        display: none
    }

    .bs-design-pallate-left::after,.bs-design-pallate-left::before,.bs-design-pallate-right::after,.bs-design-pallate-right::before {
        display: none
    }

    .bs-banner-content .bs-banner-heading {
        font-size: 48px;
        line-height: normal
    }

    .bs-banner-content .bs-banner-title {
        font-size: 36px;
        line-height: normal
    }

    .section-padding128 {
        padding: 68px 0
    }

    .section-padding128-0B {
        padding: 68px 0 0
    }

    .section-padding96-0B {
        padding: 68px 0 0
    }

    .bs-story-slider-section .bs-story-section-title {
        font-size: 36px;
        line-height: normal
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content h3 {
        font-size: 26px;
        line-height: normal
    }

    .bs-release-notes-hero {
        padding: 68px 0 0
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-title {
        font-size: 36px;
        line-height: normal
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-para {
        margin-top: 20px
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-stable-release {
        margin-top: 26px
    }

    .bs-bento-grid-container {
        grid-template-columns: repeat(6,1fr)
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1),.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) {
        grid-column: span 2/span 2
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(2),.bs-bento-grid-container .bs-bento-grid-card:nth-child(5) {
        grid-column: span 4/span 4
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(3),.bs-bento-grid-container .bs-bento-grid-card:nth-child(4),.bs-bento-grid-container .bs-bento-grid-card:nth-child(7),.bs-bento-grid-container .bs-bento-grid-card:nth-child(8) {
        grid-column: span 3/span 3
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(4) .bs-bento-grid-card-img-wrapper,.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) .bs-bento-grid-card-img-wrapper {
        margin-left: auto
    }
}

@media (max-width: 1208px) {
    .bs-social-respos-gallery {
        padding-bottom:60px
    }

    .bs-social-respos-gallery:after,.bs-social-respos-gallery:before {
        content: unset
    }

    .bs-theme-showcase-section .bs-theme-showcase-container {
        padding: 40px;
        grid-template-columns: repeat(2,1fr)
    }

    .bs-stats-rating-section .bs-stats-rating-grid {
        justify-content: space-evenly;
        padding: 0
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content {
        padding: 24px 24px 0
    }
}

@media (max-width: 1166px) {
    html[lang=tr] body .bs-sub-navigation .bs-nav-live-demo {
        padding:9px 12px
    }
}

@media (min-width: 1161px) {
    .bs-hero-section .banner-image .hero-play-icon {
        margin-top:0
    }
}

@media (max-width: 1160px) {
    header.navigation-menu .gtranslate-wrapper {
        display:none;
        width: 100%;
        border: 2px solid #eee
    }

    header.navigation-menu .gtranslate-wrapper .gtranslate_select_box .gtranslate_dropdown {
        top: unset;
        bottom: 42px;
        left: 30px
    }

    header.navigation-menu .gtranslate-wrapper .gtranslate_select_box .gtranslate_dropdown::before {
        left: 14px;
        bottom: -8px;
        top: unset;
        right: unset
    }

    header.navigation-menu .mobi-nav-active .gtranslate-wrapper {
        display: block;
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0
    }

    header.navigation-menu .bs-mega-menu-wrapper {
        display: none
    }

    header.navigation-menu .bs-sub-navigation {
        margin-left: auto
    }

    header.navigation-menu .bs-sub-navigation .bs-nav-star-repo,header.navigation-menu .bs-sub-navigation .gtranslate_select_box {
        display: none
    }

    header.navigation-menu .bs-main-navigation .menu-item {
        display: block;
        border-bottom: 1px solid #ddd;
        position: relative
    }

    header.navigation-menu .bs-main-navigation .bs-parent-navs>.menu-item-has-children>.menu-block {
        justify-content: space-between
    }

    header.navigation-menu .bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper {
        position: static;
        grid-template-columns: 1fr;
        margin: 0;
        border: none;
        padding: 0;
        box-shadow: none;
        grid-gap: 30px;
        margin: 0 0 0
    }

    header.navigation-menu .bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper .menu-item {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 8px 0
    }

    header.navigation-menu .bs-main-navigation .bs-parent-navs>.menu-item-has-children .submenu-wrapper .menu-item:last-of-type {
        border: none
    }

    header.navigation-menu .bs-main-navigation-items {
        order: -1;
        flex: unset
    }

    header.navigation-menu .bs-main-navigation-items .bs-mega-menu-wrapper {
        position: absolute;
        inset: 0;
        height: calc(100dvh - 74px);
        background: #fff;
        top: 74px;
        padding: 20px 15px;
        overflow-y: auto
    }

    header.navigation-menu .bs-main-navigation-items .bs-mega-menu-wrapper .bs-parent-navs {
        display: block
    }

    header.navigation-menu .bs-main-navigation-items.mobi-nav-active .bs-mega-menu-wrapper {
        display: block
    }

    header.navigation-menu .bs-main-navigation-items.mobi-nav-active+.bs-sub-navigation {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        padding: 10px 10px;
        border-top: 2px solid #eee
    }

    header.navigation-menu .bs-main-navigation-items.mobi-nav-active+.bs-sub-navigation .bs-nav-live-demo,header.navigation-menu .bs-main-navigation-items.mobi-nav-active+.bs-sub-navigation .bs-nav-star-repo {
        display: none
    }

    header.navigation-menu .bs-main-navigation-items.mobi-nav-active+.bs-sub-navigation .gtranslate_select_box .gtranslate_dropdown {
        top: unset;
        bottom: 60px;
        right: unset;
        left: 30px
    }

    header.navigation-menu .bs-main-navigation-items.mobi-nav-active+.bs-sub-navigation .gtranslate_select_box .gtranslate_dropdown:before {
        top: unset;
        bottom: -8px;
        right: unset;
        left: 14px
    }

    header.navigation-menu .wk-hamburger-toggler {
        display: flex
    }

    .bs-pattern-left {
        background: 0 0;
        height: unset;
        padding: 60px 0 30px;
        min-height: unset
    }

    .bs-motive.bs-pattern-left {
        padding: 60px 0 30px 0
    }

    .bs-motive p {
        font-size: 26px
    }

    .why-bagisto::after,.why-bagisto::before {
        background: 0 0;
        height: unset
    }

    .homepage-painted-info-section,.painted-info-section,.wk-developer {
        padding: 60px 0
    }

    .homepage-painted-info-section::after,.homepage-painted-info-section::before,.painted-info-section::after,.painted-info-section::before,.wk-developer::after,.wk-developer::before {
        background: 0 0;
        height: unset;
        width: unset
    }

    .section-client-testimonial {
        background-image: unset!important
    }

    .bs-section .bs-section-paper .bs-story-card .bs-story-cover {
        display: block;
        min-height: auto
    }

    .bs-section .bs-section-paper .bs-story-card .bs-story-cover h3 {
        display: block;
        padding: 50px 30px
    }

    .pattern-wrap.triangle-left,.pattern-wrap.triangle-right,.pattern-wrap.triangle-right-laravel-app {
        background: 0 0;
        height: auto
    }

    .pattern-wrap.triangle-left p,.pattern-wrap.triangle-right p,.pattern-wrap.triangle-right-laravel-app p {
        padding: 0
    }

    .bs_extension_details .ext_optional .bs-ext-demo {
        margin-right: 3%
    }

    .bs-hero-section .tag-line {
        padding: 0
    }

    .bs-hero-section .banner-image img {
        margin: 0
    }

    .bg-common-pattern,.bg-pattern {
        display: block;
        min-height: auto
    }

    .bg-common-pattern::after,.bg-common-pattern::before,.bg-pattern::after,.bg-pattern::before {
        background: unset;
        width: 0;
        height: 0
    }

    .inline-dividers-50.divider-l-padding-wide {
        padding-left: 4%
    }

    .bs-extensions-page .filter-panel {
        grid-template-columns: 1fr 2fr
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container {
        grid-template-columns: repeat(2,1fr)
    }

    .bs-resources-section .bs-resources-container {
        grid-template-columns: repeat(2,1fr)
    }

    footer .bs-mega-footer .footer-clm-wrapper {
        grid-template-columns: repeat(3,1fr)
    }

    .bs-whats-new-bagisto .bs-whats-new-wrap {
        gap: 20px
    }

    .bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content {
        padding: 20px 16px
    }
}

@media (max-width: 1160px) and (min-width:890px) {
    .footer-norton {
        grid-column-end:3!important
    }
}

@media (max-width: 1023px) {
    .--polygon-l:after,.--polygon-l:before,.--polygon-r:after,.--polygon-r:before {
        display:none
    }

    .inline-dividers-50 {
        width: 100%!important
    }

    #slide-carousel .bs-tabs {
        display: none
    }

    #slide-carousel .bs-tabs img {
        display: none!important
    }

    #slide-carousel .bs-slider {
        display: block;
        width: 100%;
        text-align: center
    }

    footer .bs-mega-footer .bs-mini-footer-wrap .bs-items-inlined {
        justify-content: center
    }

    .section-office .section-back-office,.section-office .section-front-office {
        width: unset;
        left: unset;
        right: unset
    }

    .section-office .back-office,.section-office .front-office {
        display: block;
        left: unset;
        right: unset;
        width: 60%;
        margin-left: 20%
    }

    .bs-cover {
        margin: 15px auto
    }

    .trustpilot-widget iframe {
        width: unset!important;
        margin: 0;
        transform: translate(-40px,10px)
    }

    .section-primary-b2b-marketplace p br {
        display: none
    }

    .section-secondary-b2b-marketplace .inline-dividers-50 {
        text-align: center!important
    }

    .section-secondary-b2b-marketplace .inline-dividers-50 h3:after {
        margin: 15px auto
    }

    .pfa-container {
        display: block;
        height: auto;
        align-items: unset;
        justify-content: unset;
        padding: 30px 0 30px 0
    }

    .pfa-container .wkgrid-wide .pfa-book-el {
        text-align: center;
        padding: 0;
        display: none!important
    }

    .pfa-container .wkgrid-wide .pfa-content-el {
        width: 100%!important;
        margin: 0!important
    }

    .pfa-container .wkgrid-wide:before {
        background-image: none!important
    }

    .pfa-container .wkgrid-wide:after {
        background-image: none!important
    }

    .bs-feature-page .features-listing .features-wrap {
        font-size: 0;
        text-align: center;
        max-width: 990px;
        margin: auto
    }

    .why-bagisto-child {
        display: inline-block;
        margin-bottom: 10px
    }

    .live-inline-col .padding-left {
        padding-left: 0
    }

    .live-inline-col .inline-dividers-50 {
        text-align: center
    }

    .live-inline-col .inline-dividers-50 h2::after {
        margin: 20px auto
    }

    .why-live-strm,.why-live-strm-desc {
        text-align: center
    }

    .bs-section-paper {
        grid-template-columns: repeat(2,1fr)!important
    }

    .inline-column .inline-dividers-50 {
        text-align: center
    }

    .inline-column .inline-dividers-50 h2::after {
        margin: 20px auto
    }

    .inline-column .padding-left {
        padding-left: 0
    }

    .inline-header .inline-header-image {
        width: 100%
    }

    .inline-header .inline-header-tagline {
        text-align: center;
        width: 100%;
        margin-bottom: 30px
    }

    .bs-podcast-listing .listing-brick.title {
        width: 63%
    }

    .bs-podcast-listing .listing-brick.title h2 {
        display: block;
        max-height: unset;
        overflow: unset
    }

    .bs-audio-podcast .bs-testimonial-audio-grid {
        grid-template-columns: minmax(auto,590px)
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container {
        grid-template-columns: auto
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card {
        max-width: 460px
    }

    .bs-stats-rating-section .bs-stats-rating-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 1019px) {
    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(4n) {
        border-right:1px solid #d3d3d3
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(5n) {
        border-right: none
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(5) {
        border-top: none
    }

    .bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 991px) {
    .bg-responsive-block {
        width:33%
    }

    .report-page-line {
        width: 100%
    }

    .bs-home-feature .bs-img-linker,.bs-solution-partner .bs-img-linker {
        width: unset
    }

    .bs-home-feature .bs-img-linker:first-of-type,.bs-solution-partner .bs-img-linker:first-of-type {
        margin: 10px
    }

    .bs-page-header {
        padding-bottom: 0
    }

    .bs-page-header :not(.wkgrid-squeezy) .page-banner,.bs-page-header :not(.wkgrid-squeezy) .page-tagline {
        width: 100%;
        display: block;
        text-align: center
    }

    .bs-page-header :not(.wkgrid-squeezy) .page-banner {
        margin-bottom: 30px
    }

    .bs-ext-form .ext-form .ext-right-brick .ext-img-preview {
        height: calc(100vw / 2);
        max-height: 400px
    }

    .bs-ext-form .ext-form .ext-right-brick .ext-img-preview .ext-slider-preview {
        height: calc(100vw / 2);
        max-height: 400px
    }

    .bs-hero-section {
        margin-top: 0!important
    }

    .bs-hero-section .banner-image,.bs-hero-section .tag-line {
        width: 100%;
        text-align: center
    }

    .bs-hero-section .bs-hero-videos-wrapper {
        width: 100%
    }

    .bs-hero-section .banner-image {
        margin-top: 60px
    }

    .bs-hero-section .banner-image img {
        max-width: 100%;
        margin: 0 auto
    }

    .bs-hero-section .tag-line {
        padding-top: 6%
    }

    .bs-hero-section .tag-line h1 {
        font-size: 36px;
        line-height: 48px
    }

    .bs-hero-section .tag-line h2 {
        font-size: 28px
    }

    .bs-pwa-hero {
        padding: unset!important
    }

    .bs-pwa-hero .pwa-banner-video,.bs-pwa-hero .pwa-tagline {
        text-align: center;
        width: 100%;
        display: block;
        margin: 50px 0 0 0
    }

    .bs-pwa-hero .pwa-banner-video {
        margin: 30px 0 0 0
    }

    .section-client-testimonial .bs-testimonial-grid {
        grid-template-columns: minmax(80px,auto) 1fr;
        grid-gap: 30px 18px
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial {
        grid-template-areas: "logo about" "video video" "quote testimonial"
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial .bs-quote {
        margin: 0
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial .bs-testimonial {
        margin-left: -60px
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial .bs-testimonial-video .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial .bs-testimonial-video .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-client-testimonial .bs-testimonial-grid:not(.video-testimonial) {
        grid-template-areas: "logo about" "quote testimonial"
    }

    .bs-global-review .bs-glb-rvw-list-outer .bs-glb-rvw-list {
        column-count: 2!important;
        column-gap: 15px!important
    }

    .bs-global-review .bs-glb-rvw-list-outer .bs-glb-rvw-list .bs-glb-rvw-box {
        margin-bottom: 15px!important;
        max-width: 100%!important
    }

    .bs-podcast-banner-section {
        padding: 40px 0 80px
    }

    .bs-podcast-banner-section .wkgrid-wide {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px
    }

    .bs-podcast-partners-section .bs-podcast-partners {
        gap: 50px;
        flex-wrap: wrap;
        justify-content: center
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid {
        grid-template-columns: auto
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper {
        max-width: 596px
    }

    .bs-up-hero-section .bs-banner-box {
        grid-template-columns: auto;
        text-align: center;
        justify-items: center
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-content {
        align-items: center;
        gap: 16px
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-content .bs-banner-links-wrapper {
        justify-content: center
    }

    .bs-story-slider-section .bs-story-slider-wrapper {
        grid-gap: 0 30px
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
        width: max-content;
        margin: 56px auto 0
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .story-dir-nav {
        display: block
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler .bs-story-nav {
        display: none
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1) {
        grid-column: span 3/span 3;
        flex-direction: row;
        order: 1
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1) .bs-bento-grid-card-content {
        padding: 24px 0 24px 24px
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(2) {
        grid-column: span 6/span 6;
        order: 3
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(3) {
        order: 4
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(4) {
        order: 5
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(5) {
        grid-column: span 6/span 6;
        order: 6
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(6) {
        grid-column: span 3/span 3;
        order: 2;
        flex-direction: row
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(6) .bs-bento-grid-card-content {
        padding: 24px 0 24px 24px
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(7) {
        order: 7
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(8) {
        order: 8
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap {
        grid-template-columns: auto
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card {
        flex-direction: row;
        align-items: center
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content {
        flex-basis: 50%;
        padding: 24px
    }

    .bs-approach-section .bs-approach-card-wrap {
        grid-template-columns: repeat(2,1fr)
    }

    .bs-approach-section .bs-approach-card-wrap .bs-approach-card:last-child {
        grid-column: span 2/span 2
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links .bs-release-link {
        border-left: unset;
        padding: 0
    }

    .bs-whats-new-bagisto .bs-whats-new-wrap {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 991px) and (min-width:821px) {
    .bg-reports-show {
        width:100%
    }

    .bs_extension_details .ext_optional .bs-ext-demo {
        float: none;
        margin-top: 15px;
        display: block
    }
}

@media (max-width: 931px) {
    .bs-why-bagisto-subpanel {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 821px) {
    .bg-wrap-showcase {
        width:100%;
        margin: auto
    }

    .bs-page-content .caption-gallery {
        grid-template-columns: repeat(auto-fill,minmax(162px,162px));
        grid-gap: 40px 20px
    }

    .bg-reports-show {
        width: 100%
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(4n) {
        border-right: none
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(3n) {
        border-right: 1px solid #d3d3d3
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(4) {
        border-top: none
    }

    .bs-mp-features .mp-tablet {
        width: 100%;
        margin-right: 0
    }

    .bs-download-header::after,.bs-download-header::before,.bs-dwn-subscribe::after,.bs-dwn-subscribe::before {
        content: unset
    }

    .bs-dwn-subscribe {
        padding: 4% 6%
    }

    .bs-dwn-require .download {
        width: 100%
    }

    .bs-dwn-feature .bs-dwn-brick {
        width: 360px;
        max-width: 100%
    }

    .bs_extension_details .ext_details,.bs_extension_details .ext_optional {
        display: block;
        width: 100%
    }

    .bs_extension_details .ext_optional {
        margin-left: auto;
        margin-right: auto;
        max-width: 480px;
        position: relative;
        top: unset
    }

    .bs_extension_details .ext_details .ext-thumb-preview {
        padding-top: 60px
    }

    .bs_extension_details .ext_details .ext-thumb-preview .ext_gallery_item {
        height: auto
    }
}

@media (max-width: 768px) {
    .grid-inliner img {
        height:auto
    }

    .bs-post-cover h1 {
        padding: 80px 0 0;
        font-size: 48px
    }

    .bs-post-cover h1::before {
        top: 50px
    }

    .bs-cover {
        display: block;
        height: auto;
        padding-bottom: 100px
    }

    .bs-cover h1 {
        font-size: 34px;
        padding: 35px 20px
    }

    .bs-cover .bs-cover-author {
        padding: 6px 12px
    }

    .inline-dividers-50 {
        width: 100%;
        display: block;
        margin: 20px 0;
        padding-right: 0
    }

    .inline-dividers-50 .inline-dividers-50 {
        margin: unset
    }

    .inline-dividers-50 h1:after,.inline-dividers-50 h2:after,.inline-dividers-50 h3:after {
        margin: 20px auto
    }

    .inline-dividers-50.divider-l-padding,.inline-dividers-50.divider-l-padding-wide,.inline-dividers-50.divider-r-padding {
        padding-left: 0;
        padding-right: 0
    }

    .inline-dividers-50.inline-dividers-narrow,.inline-dividers-50.inline-dividers-wide {
        width: 100%;
        padding: 0
    }

    .inline-dividers-50.inline-dividers-narrow.padd-l-null,.inline-dividers-50.inline-dividers-narrow.padd-r-null,.inline-dividers-50.inline-dividers-narrow.paddL-150,.inline-dividers-50.inline-dividers-wide.padd-l-null,.inline-dividers-50.inline-dividers-wide.padd-r-null,.inline-dividers-50.inline-dividers-wide.paddL-150 {
        padding: 0
    }

    .bs-home-feature .client-divider {
        text-align: center
    }

    .wk-floating-noti-icon {
        right: 68px;
        top: 18px;
        z-index: 1000;
        box-shadow: unset;
        height: 50px;
        width: 50px;
        background-position: -3px -4px;
        background-size: cover;
        background-color: transparent;
        background-image: url(images/bagisto-notification.svg)
    }

    .wk-floating-noti-icon.new-notify:before {
        border-radius: 50%;
        top: 0;
        right: -6px
    }

    .notification-tab-banners .banner-header::before {
        background-image: url(images/bagisto-notification.svg);
        background-position: -17px -13px
    }

    .bs-testimonial-page .video-wrapper .video-frame {
        position: relative;
        margin: 90px 0 0;
        top: 0;
        left: 0;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%
    }

    .bs-testimonial-page .video-wrapper .video-frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .pfa-content-el {
        text-align: unset!important
    }

    .bs-story-section .bs-stitle {
        padding-bottom: 0
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links {
        grid-template-columns: repeat(2,max-content);
        justify-content: center
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-links .bs-release-link:nth-of-type(3) {
        margin: 0 auto;
        grid-column: span 2;
        border-left: unset;
        border-top: 1px solid #e5e7eb;
        padding: 24px 0 0
    }

    #contact-modal[modal=on] {
        display: block
    }

    #contact-modal .contact-modal-inner {
        display: block;
        width: 100%;
        border-radius: 0
    }

    #contact-modal .contact-modal-inner .contact-modal-info {
        display: none
    }

    #contact-modal .contact-modal-inner .contact-modal-form {
        position: relative;
        padding: 0 15px 40px;
        width: 100%;
        border-radius: 0;
        height: 100%
    }

    #contact-modal .contact-modal-inner .contact-modal-form .wk-textfield input,#contact-modal .contact-modal-inner .contact-modal-form .wk-textfield textarea {
        width: 100%
    }

    .bs-section-paper {
        grid-template-columns: repeat(1,1fr)!important
    }

    .header-section .bs-header-title .title {
        font-size: 35px
    }

    .bs-thankyou-section .bs-thankyou-container .bs-repo-star-count .bs-star-count-alphabets {
        font-size: 80px
    }

    .bs-opensource-section {
        margin-top: 32px
    }

    .bs-opensource-section .bs-open-source-wrapper {
        padding: 20px;
        text-align: center
    }

    .bs-opensource-section .bs-open-source-wrapper .bs-opensource-app {
        position: unset;
        text-align: center
    }

    .bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container {
        padding: 0;
        align-items: center
    }

    .bs-opensource-section .bs-open-source-wrapper .bs-open-source-content-container .bs-open-source-content {
        margin-top: 20px
    }

    .bs-listing-bento .bs-listing-bento-wrapper {
        grid-template-columns: repeat(2,1fr)
    }

    .bs-custom-store .bs-custom-store-card-wrapper {
        margin-top: 30px;
        grid-template-columns: 1fr
    }

    .bs-story-slider-section .bs-story-slider-wrapper {
        grid-template-columns: auto;
        gap: 30px
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler {
        grid-column: auto;
        margin-top: 0
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content {
        justify-content: unset
    }

    .bs-partners-section .bs-partners-container {
        grid-template-columns: repeat(auto-fill,128px);
        gap: 30px
    }

    .bs-bento-grid-container .bs-bento-grid-card {
        flex-direction: column
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1),.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) {
        flex-direction: column
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1) .bs-bento-grid-card-content,.bs-bento-grid-container .bs-bento-grid-card:nth-child(6) .bs-bento-grid-card-content {
        padding: 24px
    }

    .bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content {
        padding: 24px
    }

    .bs-theme-showcase-section .bs-theme-showcase-container {
        padding: 20px;
        display: flex;
        flex-direction: column-reverse;
        background-position: top left,bottom right
    }

    .bs-theme-showcase-section .bs-theme-showcase-container .bs-popover-animate {
        margin: 30px 0;
        width: 90%
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content .bs-banner-rec-card-para {
        margin: 30px 0 0 10px
    }

    .bs-up-hero-section .bs-banner-box .bs-video .video-poster {
        margin: 8px 0 16px 10px
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap {
        grid-template-columns: auto
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content {
        flex-basis: 80%
    }

    footer .bs-mega-footer .footer-clm-wrapper {
        grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links {
        grid-template-columns: repeat(2,max-content)
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links .bs-release-link:nth-of-type(3) {
        border-left: unset;
        padding: 0
    }
}

@media (max-width: 767px) {
    .bg-wrap-showcase {
        text-align:center;
        margin: auto
    }

    .header-social-repos-wrapper {
        grid-template-columns: auto;
        margin: 0
    }

    .bs-extensions-page .filter-panel {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .bs-extensions-page .filter-panel .attributes {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .bs-extensions-page .filter-panel .attributes>span {
        display: block;
        position: absolute;
        top: -22px
    }

    .bs-extensions-page .extension-wrapper {
        text-align: center;
        justify-content: center
    }

    .bs-extensions-page .extension-wrapper .ext-bricks {
        width: 100%;
        text-align: left
    }

    .bs-roadmap-page .filter-wraps .filter-name {
        width: 79%
    }

    .bs-page-header {
        padding-bottom: 0
    }

    .bs-page-header .page-banner,.bs-page-header .page-tagline {
        width: 100%;
        display: block;
        text-align: center
    }

    .bs-page-header .page-banner {
        margin-bottom: 30px
    }

    .bs-page-content .card-pallete .card-image {
        display: block
    }

    .bs-page-content .card-pallete .card-content,.bs-page-content .card-pallete .card-image {
        width: 100%
    }

    .bs-page-content .card-pallete .card-content {
        margin-left: 0;
        margin-top: 10px
    }

    .bs-page-content .caption-icons .brick {
        width: 50%
    }

    .caption-gallery {
        text-align: center
    }

    .bs-contact-page .wkuv-form {
        grid-template-columns: 100%
    }

    .bs-contact-page .cards,.bs-contact-page .form-skull {
        display: block;
        margin: 30px auto;
        width: 100%
    }

    .bs-contact-page .form-skull {
        max-width: 530px;
        margin: 0 auto
    }

    .bs-contact-page .cards {
        max-width: 300px
    }

    .bs-feature-page .features-listing .features-wrap {
        text-align: center
    }

    .bs-404 .pnf {
        padding: 100px 0
    }

    .why-bagisto .why,.why-bagisto .why2,.why-bagisto .why3,.why-bagisto .why4,.why-bagisto .why5 {
        display: block;
        width: 100%;
        min-height: 100px
    }

    .why-bagisto .why2,.why-bagisto .why3,.why-bagisto .why4 {
        border-bottom: none
    }

    .why-bagisto .why4 {
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2
    }

    .why-bagisto .why2 {
        float: none
    }

    .section-padding {
        padding: 40px 0
    }

    .section-padding-laravel-app {
        padding: 5px 30px
    }

    .section-padding-0B {
        padding: 40px 0 0
    }

    .section-padding-0T {
        padding: 0 0 40px
    }

    .ext-breadcrumb-wrap {
        text-align: center
    }

    .ext-breadcrumb-wrap .bread-block,.ext-breadcrumb-wrap .ext-search-block {
        display: block;
        width: 100%
    }

    .ext-breadcrumb-wrap .ext-search-block {
        padding-top: 30px;
        text-align: center
    }

    .ext-breadcrumb-wrap .ext-search-block form {
        width: 100%;
        max-width: 480px
    }

    .ext-breadcrumb-wrap .ext-search-block form .ext_detail_field {
        width: 100%
    }

    .bs-hero-section {
        padding-top: 30px
    }

    .bs-softaculous-grid {
        grid-template-columns: unset
    }

    .bs-softaculous-grid>.text-center {
        grid-row: 2
    }

    .bs-podcast-listing .listing-brick.title {
        width: calc(80% - 80px)
    }

    .bs-podcast-listing .listing-brick.title h2 {
        font-size: 24px
    }

    .bs-podcast-listing .listing-brick.image {
        display: none
    }

    .bs-podcast-banner-section {
        padding: 50px 0
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count {
        margin: 0
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets {
        font-size: 50px;
        padding: 20px 38px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate {
        height: 57px;
        top: 4px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-thankyou-title p {
        font-size: 32px
    }

    .bs-customer-showcase .bs-customer-showcase-wrap {
        grid-template-columns: 220px auto
    }

    .wkgrid-max {
        padding: 0 15px
    }

    .bs-custom-store {
        padding: 40px 15px 0
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper {
        padding: 40px 15px 0
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper h1 {
        font-size: 40px;
        line-height: normal
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper p {
        font-size: 18px
    }

    .bs-listing-heading-wrapper h2 {
        font-size: 36px;
        line-height: normal
    }
}

@media (max-width: 680px) {
    .podcast-detail .podcast-banner .banner-img,.podcast-detail .podcast-banner .banner-tagline {
        width:100%
    }

    .podcast-detail .podcast-banner .banner-img .img-wrap .podcast-listen {
        left: 85px
    }
}

@media (max-width: 623px) {
    .bg-partner-page .bg-partner-listing {
        grid-template-columns:auto
    }

    .bg-partner-page .bg-partner-listing .partner-index-wrap {
        display: none
    }

    .bagisto-github {
        grid-template-columns: unset
    }

    .bg-responsive-block {
        vertical-align: top
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(3n) {
        border-right: none
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(2n) {
        border-right: 1px solid #d3d3d3
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(3) {
        border-top: none
    }

    .bs-section-blog-menu .bs-blog-menu {
        display: none
    }

    .bs-section-blog-menu .bs-blog-mobile-menu {
        display: inline-block
    }

    .bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu-btn {
        display: block;
        margin-top: 14px
    }

    .bs-subscribe-notification {
        width: 100%;
        top: 0;
        right: 0
    }

    .bs-subscribe-notification h3 {
        font-size: 20px
    }

    .bs-subscribe-notification p {
        font-size: 14px
    }

    .footer-capterra,.footer-norton,.footer-trustpilot {
        margin-left: 0!important
    }

    .bs-hero-section .bs-hero-videos-wrapper {
        display: none
    }

    .bs-customer-showcase .bs-customer-showcase-wrap {
        grid-template-columns: auto
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec {
        padding: 12px 12px
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-custom-filter-wrap .bs-filter-sec .bs-filter-label.active+ul {
        margin-top: 10px
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-load-more-container {
        grid-column-start: auto
    }

    footer .bs-mega-footer .social-connect {
        justify-content: center
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container {
        grid-template-columns: auto
    }

    .bs-resources-section .bs-resources-container {
        grid-template-columns: auto
    }

    .bs-approach-section .bs-approach-card-wrap {
        grid-template-columns: auto
    }

    .bs-approach-section .bs-approach-card-wrap .bs-approach-card:last-child {
        grid-column: auto
    }

    .bs-whats-new-bagisto .bs-whats-new-wrap {
        grid-template-columns: 1fr
    }
}

@media (max-width: 525px) {
    .bg-responsive-block {
        width:100%;
        margin-top: 0
    }

    .tell-about-bagisto {
        grid-template-areas: "os" "ios" "hack"
    }

    footer .bs-mega-footer .footer-clm-wrapper {
        display: inline-block;
        width: 100%;
        margin: 32px auto;
        column-count: 2;
        column-gap: 20px;
        column-fill: balance;
        overflow: hidden
    }

    .section-office img {
        display: none
    }

    .section-office .back-office,.section-office .front-office {
        position: unset;
        width: 95%;
        margin: 0 10px
    }

    .bs-mv-banner .bs-button {
        margin-right: 10px;
        margin-left: -5px
    }

    .painted-info-section .bs-button,.wk-developer .bs-button {
        margin-bottom: 7px
    }

    .painted-info-section .bs-button:nth-of-type(2),.wk-developer .bs-button:nth-of-type(2) {
        margin-left: unset
    }

    .mce-window {
        width: auto!important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
        background: 0 0!important
    }

    .mce-window-head {
        background: #fff!important
    }

    .mce-window-body {
        background: #fff!important
    }

    .mce-foot>.mce-container-body {
        padding: 10px!important
    }

    .mce-foot .mce-btn.mce-first {
        margin-right: 10px
    }

    .mce-panel {
        max-width: 100%!important
    }

    .mce-container {
        max-width: 100%!important;
        height: auto!important
    }

    .mce-container-body {
        max-width: 100%!important;
        height: auto!important
    }

    .mce-form {
        padding: 10px!important
    }

    .mce-tabs {
        max-width: 100%!important
    }

    .mce-formitem {
        margin: 10px 0!important
    }

    .mce-abs-layout-item {
        position: static!important;
        width: auto!important
    }

    .mce-abs-layout-item.mce-label {
        display: block!important
    }

    .mce-abs-layout-item.mce-textbox {
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
        display: block!important;
        width: 100%!important
    }

    .mce-abs-layout-item.mce-combobox {
        display: flex!important
    }

    .mce-abs-layout-item.mce-combobox>.mce-textbox {
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 29px!important
    }

    #bsext-richedit-error {
        left: 10px;
        top: 40px
    }

    .bs-roadmap-page .filter-wraps .filter-list li p .bs-rm-progress-report {
        float: none;
        display: block;
        width: 162px;
        margin-top: 10px
    }

    .section-client-testimonial .bs-testimonial-grid .bs-quote {
        display: none
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial {
        grid-template-areas: "logo about" "video video" "testimonial testimonial"
    }

    .section-client-testimonial .bs-testimonial-grid.video-testimonial .bs-testimonial {
        margin-left: 0
    }

    .section-client-testimonial .bs-testimonial-grid:not(.video-testimonial) {
        grid-template-areas: "logo about" "testimonial testimonial"
    }

    .bs-global-review .bs-glb-rvw-list-outer .bs-glb-rvw-list {
        column-count: 1!important
    }

    .bs-listen-our-customer .bs-testimonial-video .bs-play-icon {
        width: 50px!important;
        height: 50px!important
    }

    .bs-listen-our-customer .bs-testimonial-video .bs-play-icon .play-border {
        width: 12px!important;
        height: 18px!important
    }

    .bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption {
        grid-template-columns: auto;
        gap: 0
    }

    .bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .name-plate {
        font-size: 18px
    }

    .bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .work-plate {
        font-size: 14px
    }

    .bs-listen-our-customer .bs-testimonial-video .testimonial-video-poster .testimonial-caption .grd-img {
        display: none
    }

    .bs-podcast-banner-section {
        padding: 15px 0 0
    }

    .bs-podcast-banner-section .wkgrid-wide .podcast-banner-tagline h1 {
        font-size: 26px
    }

    .bs-podcast-banner-section .wkgrid-wide .podcast-banner-tagline p {
        font-size: 18px;
        line-height: 26px
    }

    .bs-podcast-partners-section .bs-podcast-partners {
        padding: 10px;
        margin-top: 20px;
        gap: 25px
    }

    .bs-podcast-partners-section .bs-podcast-partners .bs-podcast-partner-images {
        gap: 20px;
        justify-content: center
    }

    .section-padding.bs-podcast-tagline {
        padding: 40px 0 20px
    }

    .section-padding.bs-podcast-tagline .wkgrid-squeezy h1.page-heading {
        font-size: 30px
    }

    .section-padding.bs-podcast-tagline .wkgrid-squeezy p {
        font-size: 16px
    }

    .bs-podcast-section {
        padding-top: 40px
    }

    .bs-podcast-section .wkgrid-wide .bs-section-head h2 {
        font-size: 24px
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid {
        gap: 15px
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper {
        padding: 20px
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-podcast-title {
        font-size: 20px
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-podcast-source {
        font-size: 16px;
        margin: 10px 0 0 0
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast iframe {
        height: 200px
    }

    .bs-podcast-section .wkgrid-wide .bs-podcast-grid .bs-podcast-wrapper .bs-single-podcast .controls {
        padding: 8px 12px
    }

    .bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio {
        flex-wrap: wrap
    }

    .bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content {
        position: unset
    }

    .bs-audio-podcast .bs-testimonial-audio-grid .bs-testimonial-audio .bs-testimonial-content .audio-player {
        position: unset
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets {
        font-size: 34px;
        padding: 14px 22px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate {
        height: 41px;
        top: 4px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-thankyou-title p {
        font-size: 26px
    }

    .bs-customer-showcase .bs-customewr-showcase-title h2 {
        font-size: 32px
    }

    .bs-post-cover h1 {
        font-size: 32px;
        padding-top: 40px;
        margin-top: 28px
    }

    .bs-post-cover h1:before {
        top: 4px
    }

    .bs-editor {
        padding-top: 20px
    }

    .bs-editor h1 {
        font-size: 24px;
        margin: 0 0 8px
    }

    .bs-editor h1 a {
        font-size: 24px
    }

    .bs-editor h2 {
        font-size: 20px;
        margin: 0 0 8px;
        line-height: 1.4
    }

    .bs-editor h2 a {
        font-size: 20px
    }

    .bs-editor h3 {
        font-size: 18px;
        margin: 0 0 8px
    }

    .bs-editor h3 a {
        font-size: 18px
    }

    .bs-editor h4 {
        font-size: 16px;
        margin: 0 0 8px
    }

    .bs-editor h4 a {
        font-size: 16px
    }

    .bs-editor h5 {
        font-size: 14px;
        margin: 0 0 8px
    }

    .bs-editor h5 a {
        font-size: 14px
    }

    .bs-editor h6 {
        font-size: 14px;
        margin: 0 0 8px
    }

    .bs-editor h6 a {
        font: 14px
    }

    .bs-editor li,.bs-editor p {
        font-size: 18px;
        line-height: 1.4;
        margin: 0 0 8px
    }

    .bs-editor li a,.bs-editor p a {
        font-size: 18px
    }

    .bs-editor li p,.bs-editor p p {
        margin-bottom: 0
    }

    .bs-editor li img,.bs-editor p img {
        margin-bottom: 16px!important
    }

    .bs-editor p:has(+p) {
        margin-bottom: 8px
    }

    .bs-editor h1,.bs-editor h2,.bs-editor h3,.bs-editor h4,.bs-editor h5,.bs-editor h6 {
        margin: 0 0 8px 0
    }

    .bs-editor ol,.bs-editor ul {
        padding-left: 20px;
        margin-bottom: 0 0 16px
    }

    .bs-editor ol li,.bs-editor ul li {
        margin: 0 0 16px;
        font-size: 18px
    }

    .bs-editor ol li a,.bs-editor ul li a {
        font-size: 18px
    }

    .bs-editor .wp-block-separator+h2,.bs-editor ol+h1,.bs-editor ol+h2,.bs-editor p+h1,.bs-editor p+h2,.bs-editor pre+h1,.bs-editor pre+h2,.bs-editor ul+h1,.bs-editor ul+h2 {
        margin: 24px 0 8px
    }

    .bs-editor ol+h3,.bs-editor ol+h4,.bs-editor ol+h5,.bs-editor ol+h6,.bs-editor p+h3,.bs-editor p+h4,.bs-editor p+h5,.bs-editor p+h6,.bs-editor pre+h3,.bs-editor pre+h4,.bs-editor pre+h5,.bs-editor pre+h6,.bs-editor ul+h3,.bs-editor ul+h4,.bs-editor ul+h5,.bs-editor ul+h6 {
        margin: 24px 0 8px
    }

    .bs-editor figure,.bs-editor h1+img,.bs-editor h2+img,.bs-editor h3+img,.bs-editor h4+img,.bs-editor h6+img,.bs-editor img,.bs-editor p+img {
        margin: 16px auto
    }

    .bs-editor figure>img {
        margin: 0
    }

    .bs-editor img+h1,.bs-editor img+h2,.bs-editor img+h3,.bs-editor img+h4,.bs-editor img+h5,.bs-editor img+h6,.bs-editor img+p {
        margin-top: 24px
    }

    .bs-image-slider-container {
        display: none
    }

    .bs-listing-bento .bs-listing-bento-wrapper {
        grid-template-columns: 1fr
    }

    .bs-listing-bento .bs-listing-bento-wrapper .brick {
        padding: 24px
    }

    .bs-listing-bento .bs-listing-bento-wrapper .brick:nth-child(1),.bs-listing-bento .bs-listing-bento-wrapper .brick:nth-child(4) {
        grid-column: auto
    }

    .bs-listing-jumbotron .bpd-row-grid {
        margin-top: 60px;
        border-radius: 24px;
        padding: 50px 15px
    }

    .bs-mobile-ready .wkgrid-max {
        padding: 0
    }

    .bs-mobile-ready .bs-listing-heading-wrapper {
        padding: 0 15px
    }

    .bs-mobile-ready .bs-mobile-preview-wrapper {
        gap: 30px;
        justify-content: center;
        overflow: hidden
    }

    .bs-mobile-ready-mockup-wrapper {
        max-width: 260px;
        min-width: 260px;
        height: 526px;
        padding: 13px 15px
    }

    .bs-mobile-ready-mockup-wrapper:active .bs-mockup-theme-img,.bs-mobile-ready-mockup-wrapper:hover .bs-mockup-theme-img {
        transform: translateY(calc(-100% + 368px))
    }

    .bs-mobile-ready-mockup-wrapper .bs-mockup-theme-wrapper {
        height: 368px
    }

    .section-padding-80-0B {
        padding: 40px 0 0
    }

    .bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-title {
        font-size: 18px;
        line-height: normal
    }

    .bs-custom-store .bs-custom-store-card-wrapper .bs-custom-store-card .bs-custom-store-card-content-container .bs-custom-store-card-para {
        line-height: normal
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper h1 {
        font-size: 36px
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper p {
        font-size: 16px
    }

    .bs-theme-listing-hero-section .bs-theme-listing-hero-container .bs-theme-listing-hero-content-wrapper .bs-theme-listing-hero-btn-container .bs-theme-listing-hero-btn {
        padding: 8px 16px;
        font-size: 16px
    }

    .bs-listing-heading-wrapper h2 {
        font-size: 22px
    }

    .bs-listing-heading-wrapper p {
        margin-top: 10px;
        font-size: 16px
    }

    .bs-listing-card .bpd-row-grid .brick {
        padding: 24px
    }

    .bs-bento-grid-container {
        grid-template-columns: auto;
        grid-gap: 20px
    }

    .bs-bento-grid-container .bs-bento-grid-card:nth-child(1),.bs-bento-grid-container .bs-bento-grid-card:nth-child(2),.bs-bento-grid-container .bs-bento-grid-card:nth-child(3),.bs-bento-grid-container .bs-bento-grid-card:nth-child(4),.bs-bento-grid-container .bs-bento-grid-card:nth-child(5),.bs-bento-grid-container .bs-bento-grid-card:nth-child(6),.bs-bento-grid-container .bs-bento-grid-card:nth-child(7),.bs-bento-grid-container .bs-bento-grid-card:nth-child(8) {
        grid-column: auto
    }

    .bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content {
        padding: 20px
    }

    .bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content .bs-bento-grid-card-title {
        font-size: 20px;
        line-height: normal
    }

    .bs-bento-grid-container .bs-bento-grid-card .bs-bento-grid-card-content .bs-bento-grid-card-description {
        margin: 10px 0 0
    }

    .section-padding128 {
        padding: 48px 0
    }

    .section-padding128-0B {
        padding: 48px 0 0
    }

    .section-padding96-0B {
        padding: 48px 0 0
    }

    .margin-top-56 {
        margin-top: 30px
    }

    .margin-top-20 {
        margin-top: 14px
    }

    .bs-banner-content .bs-banner-heading {
        font-size: 36px
    }

    .bs-banner-content .bs-banner-title {
        font-size: 22px
    }

    .bs-story-slider-section .bs-story-section-title {
        font-size: 22px
    }

    .bs-story-slider-section .bs-story-slider-wrapper {
        margin-top: 30px;
        gap: 20px
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content h3 {
        font-size: 20px;
        line-height: normal
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-content-wrapper .bs-story-content p {
        margin: 10px 0 0
    }

    .bs-story-slider-section .bs-story-slider-wrapper .bs-story-toggler {
        grid-template-columns: repeat(2,1fr);
        margin-top: 30px;
        gap: 20px
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap {
        grid-template-columns: auto
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card {
        flex-direction: column;
        align-items: unset
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content {
        padding: 20px 20px 0;
        flex-basis: unset
    }

    .bs-channel-selling-section .bs-channel-selling-card-wrap .bs-channel-selling-card .bs-channel-selling-card-content .bs-channel-selling-card-title {
        font-size: 20px;
        line-height: normal
    }

    .bs-card-slider .bs-slider-container {
        margin: 30px 0
    }

    .bs-card-slider .bs-slider-container::after,.bs-card-slider .bs-slider-container::before {
        content: unset
    }

    .bs-card-slider .bs-slider-container .bs-slider {
        margin: 0
    }

    .bs-card-slider .bs-slider-container .bs-slider .bs-slide-card {
        padding: 0;
        gap: 16px
    }

    .bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slider-content {
        font-size: 20px;
        line-height: normal
    }

    .bs-card-slider .bs-slider-container .bs-slider-controls {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 30px
    }

    .bs-card-slider .bs-slider-container .bs-slider-controls .slider-toggler {
        position: unset;
        transform: translateY(0)
    }

    .bs-theme-showcase-section .bs-theme-showcase-container {
        gap: 20px
    }

    .bs-theme-showcase-section .bs-theme-showcase-container .bs-banner-content {
        gap: 14px
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container {
        gap: 20px
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card {
        padding: 20px
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-title {
        margin: 20px 0 0
    }

    .bs-extension-marketplace-section .bs-extension-marketplace-container .bs-extension-marketplace-card .bs-extension-marketplace-card-description {
        margin: 10px 0 0
    }

    .bs-approach-section .bs-approach-card-wrap {
        grid-gap: 20px
    }

    .bs-approach-section .bs-approach-card-wrap .bs-approach-card {
        gap: 14px;
        padding: 20px
    }

    .bs-approach-section .bs-approach-card-wrap .bs-approach-card .bs-approach-card-title {
        font-size: 20px;
        line-height: normal
    }

    .bs-resources-section .bs-resources-container {
        gap: 20px
    }

    .bs-resources-section .bs-resources-container .bs-resources-card {
        padding: 20px
    }

    .bs-resources-section .bs-resources-container .bs-resources-card h3 {
        margin-top: 20px;
        font-size: 20px;
        line-height: normal
    }

    .bs-resources-section .bs-resources-container .bs-resources-card p {
        margin: 10px 0 0
    }

    .bs-jumbotron-section .bs-jumbotron-content-wrapper {
        padding: 30px 20px;
        background-image: unset
    }

    .bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content {
        gap: 20px
    }

    .bs-jumbotron-section .bs-jumbotron-content-wrapper .bs-banner-content .bs-banner-links-wrapper {
        gap: 20px
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper {
        display: none
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-content {
        width: 100%
    }

    .bs-up-hero-section .bs-banner-box .bs-banner-img-parent-wrapper .bs-banner-rec-card .bs-banner-rec-card-img-wrapper {
        display: none
    }

    .bs-up-hero-section .bs-banner-box.animate-card>* {
        opacity: 1;
        transform: translateY(0)
    }

    .bs-stats-rating-section .bs-stats-rating-grid {
        gap: 16px 10px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card::after {
        background-size: 140px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 {
        padding: 0
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1:after {
        width: 140px;
        height: 56px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 .trust-p-rate {
        font-size: 18px;
        top: 29px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 .trust-p-review {
        font-size: 14px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-1 .trust-p-review span {
        display: none
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2 {
        height: auto
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2::after {
        width: 139px;
        height: 28px;
        background-position: 0 -85px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-2 .git-btn {
        padding: 4px 12px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 {
        height: auto
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3::after {
        width: 20px;
        height: 20px;
        background-position: -60px -144px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 .git-dwn {
        flex-basis: 100%;
        font-size: 14px;
        text-align: center
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-3 .git-dwn-data {
        font-size: 28px
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-4 {
        height: auto
    }

    .bs-stats-rating-section .bs-stats-rating-grid .stats-rating-card-4::after {
        width: 138px;
        height: 45px;
        background-position: 0 -245px
    }

    .bs-release-timeline .bs-release-timeline-wrapper {
        padding-left: 30px
    }

    .bs-release-timeline .bs-release-timeline-wrapper::before {
        left: 7px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card {
        padding: 20px;
        gap: 12px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card::before {
        left: -34px;
        width: 21px;
        height: 21px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-features-wrapper ul {
        padding-left: 30px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-version {
        font-size: 20px
    }

    .bs-release-timeline .bs-release-timeline-wrapper .bs-release-timeline-card .bs-release-version-wrapper .bs-release-tag {
        width: max-content
    }

    .bs-release-notes-hero {
        padding: 48px 0 0
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-title {
        font-size: 26px;
        line-height: normal
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-note-para {
        margin-top: 12px
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-stable-release {
        margin-top: 12px
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links {
        padding: 16px 0
    }

    .bs-release-calendar .bs-release-calendar-graph-wrapper canvas {
        height: 350px
    }

    .bs-whats-new-bagisto .bs-whats-new-wrap .bs-whats-new-card .bs-whats-new-content .bs-whats-new-title {
        font-size: 20px
    }
}

@media (max-width: 480px) {
    .bs-download-header .bs-button.aws-ami {
        margin-inline:10px
    }
}

@media (max-width: 425px) {
    .bg-wrap-showcase {
        text-align:center
    }

    .bg-wrap-showcase .bg-particular-showcase {
        text-align: left
    }

    .bs-hero-section .bs-hero-videos-wrapper {
        display: none
    }

    .bs-hero-section .tag-line .bs-button {
        margin-left: 0;
        margin-right: 0;
        width: 80%
    }

    .bs-hero-section .banner-image {
        display: none
    }

    .bs-motive {
        margin-top: 30px;
        padding: 30px 0 0 0
    }

    .bs-extensions-page .filter-panel .attributes {
        width: 100%;
        margin: 5px 0
    }

    .bs-extensions-page .filter-panel .attributes>span {
        display: none
    }

    .bs-section .bs-section-paper .bs-story-card .bs-story-cover h3 {
        width: 100%;
        padding: 30px
    }

    .bs-page-content .caption-icons .brick {
        width: 100%
    }

    .bs-page-content .caption-icons p {
        width: 80%
    }

    .bs-author-paper {
        padding: 20px
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks {
        border-right: 1px solid #d3d3d3!important
    }

    .bs-feature-page .features-listing .features-wrap .feature-bricks:nth-of-type(2) {
        border-top: none
    }

    .bs-section-blog-menu .bs-search-block {
        width: 250px
    }

    .bs-section-blog-menu .bs-search-block .bs-search input {
        width: 78%
    }

    .bs-section-blog-menu .bs-search-block button {
        padding: 0 10px
    }

    .bs-section-blog-menu .bs-blog-mobile-menu #mobile-menu-btn {
        margin-top: 12px
    }

    .bs-roadmap-page .filter-wraps .data {
        padding: 0
    }

    .bs-ext-form .ext-form .ext-right-brick {
        padding-left: 10px;
        padding-right: 10px
    }

    .bs-ext-form .ext-form .ext-right-brick .icon-field {
        margin-left: auto;
        margin-right: auto
    }

    .bs-inline-content-wrap {
        grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
    }

    .bs-inline-content-wrap .bs-inline-content {
        padding-left: 0
    }

    .bs-inline-content-wrap .bs-inline-content::before {
        position: relative
    }

    .bs-inline-content-wrap .bs-inline-content .icon {
        position: relative
    }

    .bs-inline-content-wrap-icon {
        grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
    }

    .bs-inline-content-wrap-icon .bs-inline-content-icon {
        padding-left: 0
    }

    .bs-inline-content-wrap-icon .bs-inline-content-icon::before {
        position: relative
    }

    .pfa-container .pfa-book-el {
        display: none!important
    }

    .pfa-container .pfa-content-el {
        padding-top: 0
    }

    .pfa-container .pfa-content-el .pfa-version {
        display: block!important
    }

    .pfa-container .pfa-content-el .pfa-version .select-version {
        width: 100%!important
    }

    .pfa-container .pfa-content-el .pfa-version .pfa-mpm-setting {
        display: block!important;
        margin-top: 17px
    }

    .pfa-container .pfa-content-el .pfa-version .pfa-mpm-setting .pfa-mpm-setting-label {
        margin: 0
    }

    .pfa-container .pfa-content-el .pfa-version .pfa-mpm-setting .select-mpm-setting {
        margin: 0;
        width: 100%!important;
        margin-top: 5px
    }

    .pfa-container .pfa-content-el .pfa-dwn-btn {
        width: 100%
    }

    .bs-mini-footer-wrap {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .inline-header .inline-header-tagline h1 {
        font-size: 40px
    }

    .bs-why-bagisto-subpanel {
        grid-template-columns: 1fr
    }

    .bs-podcast-listing .listing-brick.title p {
        display: none
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets {
        font-size: 24px;
        padding: 12px 14px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets span {
        padding: 0 10px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate {
        height: 30px;
        top: 4px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-repo-star-count .bs-star-count-alphabets .number-animate .animate-transform span {
        padding: 0 10px
    }

    .bs-thankyou-section .bs-thankyou-wrap .bs-thankyou-title p {
        font-size: 20px
    }

    .social-share {
        display: none
    }

    .bs-main-navigation {
        gap: 12px
    }

    .bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container {
        flex-direction: column
    }

    .bs-card-slider .bs-slider-container .bs-slider .bs-slide-card .bs-slide-customer-detail-container .bs-slide-customer-detail-wrap .bs-slider-customer-country {
        justify-content: center
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links {
        gap: 16px
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links .bs-release-link {
        padding-left: 16px
    }

    .bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links .bs-release-link:nth-of-type(3),.bs-release-notes-hero .bs-release-notes-hero-content .bs-release-notes-hero-links .bs-release-link:nth-of-type(4) {
        margin: 0 auto;
        grid-column: span 2;
        border-left: unset;
        border-top: 1px solid #e5e7eb;
        padding: 16px 0 0
    }
}

@media (max-width: 375px) {
    .report-page-line {
        width:100%;
        opacity: .2
    }

    .bs-mp-features .mp-tablet {
        margin-top: 140px;
        padding-left: 0
    }

    .bs-mp-features .mp-tablet:before {
        top: -110px;
        left: 30%
    }

    .bs-ext-form .bs-button.large {
        padding-left: 35px;
        padding-right: 35px
    }

    .section-client-testimonial .bs-testimonial-grid .client-logo {
        width: 70px;
        height: 70px
    }

    .section-client-testimonial .bs-testimonial-grid {
        grid-template-columns: minmax(60px,auto) 1fr
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card {
        grid-template-columns: auto
    }

    .bs-customer-showcase .bs-customer-showcase-wrap .bs-customer-list-container .bs-customer-showcase-card .bs-customer-logo {
        max-width: 120px
    }

    .bs-main-navigation {
        gap: 5px
    }
}

@media (max-width: 991px) and (min-width:725px) {
    .hero-img-caption {
        width:63%!important;
        min-width: 599px!important
    }
}

@media (max-width: 724px) {
    .hero-img-caption {
        width:86%!important
    }
}

@media (max-width: 357px) {
    .bs-sub-navigation .bs-nav-live-demo {
        font-size:14px;
        padding: 8px 12px
    }

    .bs-main-navigation .bs-logo,.bs-main-navigation .bs-xmas-logo {
        width: 130px;
        height: 53px
    }

    header.navigation-menu .bs-main-navigation-items .bs-mega-menu-wrapper {
        top: 72px
    }

    footer .bs-mega-footer .social-connect .bs-webkul-initiated-project .bs-webkul-tag {
        margin-left: 8px;
        padding-left: 6px
    }
}

@media (max-width: 320px) {
    .bs-sub-navigation .bs-nav-live-demo {
        display:none
    }

    header.navigation-menu .bs-main-navigation-items {
        order: 1
    }

    .bs-main-navigation {
        justify-content: space-between
    }
}

.country-flag-sm {
    border-radius: 2px;
    position: relative;
    box-shadow: 0 0 0 1px #fff,0 0 0 2px #d7dfe2;
    width: 30px;
    height: 20px;
    background-image: url(images/team/flags-30-sprite.png);
    background-repeat: no-repeat
}

.country-flag-sm.Abkhazia {
    background-position: 0 0
}

.country-flag-sm.Afghanistan {
    background-position: -30px 0
}

.country-flag-sm.Aland {
    background-position: 0 -20px
}

.country-flag-sm.Albania {
    background-position: -30px -20px
}

.country-flag-sm.Algeria {
    background-position: 0 -40px
}

.country-flag-sm.American-Samoa {
    background-position: -30px -40px
}

.country-flag-sm.Andorra {
    background-position: -60px 0
}

.country-flag-sm.Angola {
    background-position: -60px -20px
}

.country-flag-sm.Anguilla {
    background-position: -60px -40px
}

.country-flag-sm.Antarctica {
    background-position: 0 -60px
}

.country-flag-sm.Antigua-and-Barbuda {
    background-position: -30px -60px
}

.country-flag-sm.Argentina {
    background-position: -60px -60px
}

.country-flag-sm.Armenia {
    background-position: -90px 0
}

.country-flag-sm.Aruba {
    background-position: -90px -20px
}

.country-flag-sm.Australia {
    background-position: -90px -40px
}

.country-flag-sm.Austria {
    background-position: -90px -60px
}

.country-flag-sm.Azerbaijan {
    background-position: 0 -80px
}

.country-flag-sm.Bahamas {
    background-position: -30px -80px
}

.country-flag-sm.Bahrain {
    background-position: -60px -80px
}

.country-flag-sm.Bangladesh {
    background-position: -90px -80px
}

.country-flag-sm.Barbados {
    background-position: 0 -100px
}

.country-flag-sm.Basque-Country {
    background-position: -30px -100px
}

.country-flag-sm.Belarus {
    background-position: -60px -100px
}

.country-flag-sm.Belgium {
    background-position: -90px -100px
}

.country-flag-sm.Belize {
    background-position: -120px 0
}

.country-flag-sm.Benin {
    background-position: -120px -20px
}

.country-flag-sm.Bermuda {
    background-position: -120px -40px
}

.country-flag-sm.Bhutan {
    background-position: -120px -60px
}

.country-flag-sm.Bolivia {
    background-position: -120px -80px
}

.country-flag-sm.Bosnia-and-Herzegovina {
    background-position: -120px -100px
}

.country-flag-sm.Botswana {
    background-position: 0 -120px
}

.country-flag-sm.Brazil {
    background-position: -30px -120px
}

.country-flag-sm.British-Antarctic-Territory {
    background-position: -60px -120px
}

.country-flag-sm.British-Virgin-Islands {
    background-position: -90px -120px
}

.country-flag-sm.Brunei {
    background-position: -120px -120px
}

.country-flag-sm.Bulgaria {
    background-position: -150px 0
}

.country-flag-sm.Burkina-Faso {
    background-position: -150px -20px
}

.country-flag-sm.Burundi {
    background-position: -150px -40px
}

.country-flag-sm.Cambodia {
    background-position: -150px -60px
}

.country-flag-sm.Cameroon {
    background-position: -150px -80px
}

.country-flag-sm.Canada {
    background-position: -150px -100px
}

.country-flag-sm.Canary-Islands {
    background-position: -150px -120px
}

.country-flag-sm.Cape-Verde {
    background-position: 0 -140px
}

.country-flag-sm.Cayman-Islands {
    background-position: -30px -140px
}

.country-flag-sm.Central-African-Republic {
    background-position: -60px -140px
}

.country-flag-sm.Chad {
    background-position: -90px -140px
}

.country-flag-sm.Chile {
    background-position: -120px -140px
}

.country-flag-sm.China {
    background-position: -150px -140px
}

.country-flag-sm.Christmas-Island {
    background-position: 0 -160px
}

.country-flag-sm.Cocos-Keeling-Islands {
    background-position: -30px -160px
}

.country-flag-sm.Colombia {
    background-position: -60px -160px
}

.country-flag-sm.Commonwealth {
    background-position: -90px -160px
}

.country-flag-sm.Comoros {
    background-position: -120px -160px
}

.country-flag-sm.Cook-Islands {
    background-position: -150px -160px
}

.country-flag-sm.Costa-Rica {
    background-position: -180px 0
}

.country-flag-sm.Cote-dIvoire {
    background-position: -180px -20px
}

.country-flag-sm.Croatia {
    background-position: -180px -40px
}

.country-flag-sm.Cuba {
    background-position: -180px -60px
}

.country-flag-sm.Curacao {
    background-position: -180px -80px
}

.country-flag-sm.Cyprus {
    background-position: -180px -100px
}

.country-flag-sm.Czech-Republic {
    background-position: -180px -120px
}

.country-flag-sm.Democratic-Republic-of-the-Congo {
    background-position: -180px -140px
}

.country-flag-sm.Denmark {
    background-position: -180px -160px
}

.country-flag-sm.Djibouti {
    background-position: 0 -180px
}

.country-flag-sm.Dominica {
    background-position: -30px -180px
}

.country-flag-sm.Dominican-Republic {
    background-position: -60px -180px
}

.country-flag-sm.East-Timor {
    background-position: -90px -180px
}

.country-flag-sm.Ecuador {
    background-position: -120px -180px
}

.country-flag-sm.Egypt {
    background-position: -150px -180px
}

.country-flag-sm.El-Salvador {
    background-position: -180px -180px
}

.country-flag-sm.England {
    background-position: -210px 0
}

.country-flag-sm.Equatorial-Guinea {
    background-position: -210px -20px
}

.country-flag-sm.Eritrea {
    background-position: -210px -40px
}

.country-flag-sm.Estonia {
    background-position: -210px -60px
}

.country-flag-sm.Ethiopia {
    background-position: -210px -80px
}

.country-flag-sm.European-Union {
    background-position: -210px -100px
}

.country-flag-sm.Falkland-Islands {
    background-position: -210px -120px
}

.country-flag-sm.Faroes {
    background-position: -210px -140px
}

.country-flag-sm.Fiji {
    background-position: -210px -160px
}

.country-flag-sm.Finland {
    background-position: -210px -180px
}

.country-flag-sm.France {
    background-position: 0 -200px
}

.country-flag-sm.French-Polynesia {
    background-position: -30px -200px
}

.country-flag-sm.French-Southern-Territories {
    background-position: -60px -200px
}

.country-flag-sm.Gabon {
    background-position: -90px -200px
}

.country-flag-sm.Gambia {
    background-position: -120px -200px
}

.country-flag-sm.Georgia {
    background-position: -150px -200px
}

.country-flag-sm.Germany {
    background-position: -180px -200px
}

.country-flag-sm.Ghana {
    background-position: -210px -200px
}

.country-flag-sm.Gibraltar {
    background-position: 0 -220px
}

.country-flag-sm.GoSquared {
    background-position: -30px -220px
}

.country-flag-sm.Greece {
    background-position: -60px -220px
}

.country-flag-sm.Greenland {
    background-position: -90px -220px
}

.country-flag-sm.Grenada {
    background-position: -120px -220px
}

.country-flag-sm.Guam {
    background-position: -150px -220px
}

.country-flag-sm.Guatemala {
    background-position: -180px -220px
}

.country-flag-sm.Guernsey {
    background-position: -210px -220px
}

.country-flag-sm.Guinea-Bissau {
    background-position: -240px 0
}

.country-flag-sm.Guinea {
    background-position: -240px -20px
}

.country-flag-sm.Guyana {
    background-position: -240px -40px
}

.country-flag-sm.Haiti {
    background-position: -240px -60px
}

.country-flag-sm.Honduras {
    background-position: -240px -80px
}

.country-flag-sm.Hong-Kong {
    background-position: -240px -100px
}

.country-flag-sm.Hungary {
    background-position: -240px -120px
}

.country-flag-sm.Iceland {
    background-position: -240px -140px
}

.country-flag-sm.India {
    background-position: -240px -160px
}

.country-flag-sm.Indonesia {
    background-position: -240px -180px
}

.country-flag-sm.Iran {
    background-position: -240px -200px
}

.country-flag-sm.Iraq {
    background-position: -240px -220px
}

.country-flag-sm.Ireland {
    background-position: 0 -240px
}

.country-flag-sm.Isle-of-Man {
    background-position: -30px -240px
}

.country-flag-sm.Israel {
    background-position: -60px -240px
}

.country-flag-sm.Italy {
    background-position: -90px -240px
}

.country-flag-sm.Jamaica {
    background-position: -120px -240px
}

.country-flag-sm.Japan {
    background-position: -150px -240px
}

.country-flag-sm.Jersey {
    background-position: -180px -240px
}

.country-flag-sm.Jordan {
    background-position: -210px -240px
}

.country-flag-sm.Kazakhstan {
    background-position: -240px -240px
}

.country-flag-sm.Kenya {
    background-position: -270px 0
}

.country-flag-sm.Kiribati {
    background-position: -270px -20px
}

.country-flag-sm.Kosovo {
    background-position: -270px -40px
}

.country-flag-sm.Kuwait {
    background-position: -270px -60px
}

.country-flag-sm.Kyrgyzstan {
    background-position: -270px -80px
}

.country-flag-sm.Laos {
    background-position: -270px -100px
}

.country-flag-sm.Latvia {
    background-position: -270px -120px
}

.country-flag-sm.Lebanon {
    background-position: -270px -140px
}

.country-flag-sm.Lesotho {
    background-position: -270px -160px
}

.country-flag-sm.Liberia {
    background-position: -270px -180px
}

.country-flag-sm.Libya {
    background-position: -270px -200px
}

.country-flag-sm.Liechtenstein {
    background-position: -270px -220px
}

.country-flag-sm.Lithuania {
    background-position: -270px -240px
}

.country-flag-sm.Luxembourg {
    background-position: 0 -260px
}

.country-flag-sm.Macau {
    background-position: -30px -260px
}

.country-flag-sm.Macedonia {
    background-position: -60px -260px
}

.country-flag-sm.Madagascar {
    background-position: -90px -260px
}

.country-flag-sm.Malawi {
    background-position: -120px -260px
}

.country-flag-sm.Malaysia {
    background-position: -150px -260px
}

.country-flag-sm.Maldives {
    background-position: -180px -260px
}

.country-flag-sm.Mali {
    background-position: -210px -260px
}

.country-flag-sm.Malta {
    background-position: -240px -260px
}

.country-flag-sm.Mars {
    background-position: -270px -260px
}

.country-flag-sm.Marshall-Islands {
    background-position: 0 -280px
}

.country-flag-sm.Martinique {
    background-position: -30px -280px
}

.country-flag-sm.Mauritania {
    background-position: -60px -280px
}

.country-flag-sm.Mauritius {
    background-position: -90px -280px
}

.country-flag-sm.Mayotte {
    background-position: -120px -280px
}

.country-flag-sm.Mexico {
    background-position: -150px -280px
}

.country-flag-sm.Micronesia {
    background-position: -180px -280px
}

.country-flag-sm.Moldova {
    background-position: -210px -280px
}

.country-flag-sm.Monaco {
    background-position: -240px -280px
}

.country-flag-sm.Mongolia {
    background-position: -270px -280px
}

.country-flag-sm.Montenegro {
    background-position: -300px 0
}

.country-flag-sm.Montserrat {
    background-position: -300px -20px
}

.country-flag-sm.Morocco {
    background-position: -300px -40px
}

.country-flag-sm.Mozambique {
    background-position: -300px -60px
}

.country-flag-sm.Myanmar {
    background-position: -300px -80px
}

.country-flag-sm.NATO {
    background-position: -300px -100px
}

.country-flag-sm.Nagorno-Karabakh {
    background-position: -300px -120px
}

.country-flag-sm.Namibia {
    background-position: -300px -140px
}

.country-flag-sm.Nauru {
    background-position: -300px -160px
}

.country-flag-sm.Netherlands-Antilles {
    background-position: -300px -180px
}

.country-flag-sm.Netherlands {
    background-position: -300px -200px
}

.country-flag-sm.New-Caledonia {
    background-position: -300px -220px
}

.country-flag-sm.New-Zealand {
    background-position: -300px -240px
}

.country-flag-sm.Nicaragua {
    background-position: -300px -260px
}

.country-flag-sm.Niger {
    background-position: -300px -280px
}

.country-flag-sm.Nigeria {
    background-position: 0 -300px
}

.country-flag-sm.Niue {
    background-position: -30px -300px
}

.country-flag-sm.Norfolk-Island {
    background-position: -60px -300px
}

.country-flag-sm.North-Korea {
    background-position: -90px -300px
}

.country-flag-sm.Northern-Cyprus {
    background-position: -120px -300px
}

.country-flag-sm.Northern-Mariana-Islands {
    background-position: -150px -300px
}

.country-flag-sm.Norway {
    background-position: -180px -300px
}

.country-flag-sm.Olympics {
    background-position: -210px -300px
}

.country-flag-sm.Oman {
    background-position: -240px -300px
}

.country-flag-sm.Pakistan {
    background-position: -270px -300px
}

.country-flag-sm.Palau {
    background-position: -300px -300px
}

.country-flag-sm.Palestine {
    background-position: -330px 0
}

.country-flag-sm.Panama {
    background-position: -330px -20px
}

.country-flag-sm.Papua-New-Guinea {
    background-position: -330px -40px
}

.country-flag-sm.Paraguay {
    background-position: -330px -60px
}

.country-flag-sm.Peru {
    background-position: -330px -80px
}

.country-flag-sm.Philippines {
    background-position: -330px -100px
}

.country-flag-sm.Pitcairn-Islands {
    background-position: -330px -120px
}

.country-flag-sm.Poland {
    background-position: -330px -140px
}

.country-flag-sm.Portugal {
    background-position: -330px -160px
}

.country-flag-sm.Puerto-Rico {
    background-position: -330px -180px
}

.country-flag-sm.Qatar {
    background-position: -330px -200px
}

.country-flag-sm.Red-Cross {
    background-position: -330px -220px
}

.country-flag-sm.Republic-of-the-Congo {
    background-position: -330px -240px
}

.country-flag-sm.Romania {
    background-position: -330px -260px
}

.country-flag-sm.Russia {
    background-position: -330px -280px
}

.country-flag-sm.Rwanda {
    background-position: -330px -300px
}

.country-flag-sm.Saint-Barthelemy {
    background-position: 0 -320px
}

.country-flag-sm.Saint-Helena {
    background-position: -30px -320px
}

.country-flag-sm.Saint-Kitts-and-Nevis {
    background-position: -60px -320px
}

.country-flag-sm.Saint-Lucia {
    background-position: -90px -320px
}

.country-flag-sm.Saint-Martin {
    background-position: -120px -320px
}

.country-flag-sm.Saint-Vincent-and-the-Grenadines {
    background-position: -150px -320px
}

.country-flag-sm.Samoa {
    background-position: -180px -320px
}

.country-flag-sm.San-Marino {
    background-position: -210px -320px
}

.country-flag-sm.Sao-Tome-and-Principe {
    background-position: -240px -320px
}

.country-flag-sm.Saudi-Arabia {
    background-position: -270px -320px
}

.country-flag-sm.Scotland {
    background-position: -300px -320px
}

.country-flag-sm.Senegal {
    background-position: -330px -320px
}

.country-flag-sm.Serbia {
    background-position: 0 -340px
}

.country-flag-sm.Seychelles {
    background-position: -30px -340px
}

.country-flag-sm.Sierra-Leone {
    background-position: -60px -340px
}

.country-flag-sm.Singapore {
    background-position: -90px -340px
}

.country-flag-sm.Slovakia {
    background-position: -120px -340px
}

.country-flag-sm.Slovenia {
    background-position: -150px -340px
}

.country-flag-sm.Solomon-Islands {
    background-position: -180px -340px
}

.country-flag-sm.Somalia {
    background-position: -210px -340px
}

.country-flag-sm.Somaliland {
    background-position: -240px -340px
}

.country-flag-sm.South-Africa {
    background-position: -270px -340px
}

.country-flag-sm.South-Georgia-and-the-South-Sandwich-Islands {
    background-position: -300px -340px
}

.country-flag-sm.South-Korea {
    background-position: -330px -340px
}

.country-flag-sm.South-Ossetia {
    background-position: -360px 0
}

.country-flag-sm.South-Sudan {
    background-position: -360px -20px
}

.country-flag-sm.Spain {
    background-position: -360px -40px
}

.country-flag-sm.Sri-Lanka {
    background-position: -360px -60px
}

.country-flag-sm.Sudan {
    background-position: -360px -80px
}

.country-flag-sm.Suriname {
    background-position: -360px -100px
}

.country-flag-sm.Swaziland {
    background-position: -360px -120px
}

.country-flag-sm.Sweden {
    background-position: -360px -140px
}

.country-flag-sm.Syria {
    background-position: -360px -160px
}

.country-flag-sm.Taiwan {
    background-position: -360px -180px
}

.country-flag-sm.Tajikistan {
    background-position: -360px -200px
}

.country-flag-sm.Tanzania {
    background-position: -360px -220px
}

.country-flag-sm.Thailand {
    background-position: -360px -240px
}

.country-flag-sm.Togo {
    background-position: -360px -260px
}

.country-flag-sm.Tokelau {
    background-position: -360px -280px
}

.country-flag-sm.Tonga {
    background-position: -360px -300px
}

.country-flag-sm.Trinidad-and-Tobago {
    background-position: -360px -320px
}

.country-flag-sm.Tunisia {
    background-position: -360px -340px
}

.country-flag-sm.Turkey {
    background-position: 0 -360px
}

.country-flag-sm.Turkmenistan {
    background-position: -30px -360px
}

.country-flag-sm.Turks-and-Caicos-Islands {
    background-position: -60px -360px
}

.country-flag-sm.Tuvalu {
    background-position: -90px -360px
}

.country-flag-sm.US-Virgin-Islands {
    background-position: -120px -360px
}

.country-flag-sm.Uganda {
    background-position: -150px -360px
}

.country-flag-sm.Ukraine {
    background-position: -180px -360px
}

.country-flag-sm.United-Arab-Emirates {
    background-position: -210px -360px
}

.country-flag-sm.United-Kingdom {
    background-position: -240px -360px
}

.country-flag-sm.United-Nations {
    background-position: -270px -360px
}

.country-flag-sm.United-States {
    background-position: -300px -360px
}

.country-flag-sm.Unknown {
    background-position: -330px -360px
}

.country-flag-sm.Uruguay {
    background-position: -360px -360px
}

.country-flag-sm.Uzbekistan {
    background-position: -390px 0
}

.country-flag-sm.Vanuatu {
    background-position: -390px -20px
}

.country-flag-sm.Venezuela {
    background-position: -390px -40px
}

.country-flag-sm.Vietnam {
    background-position: -390px -60px
}

.country-flag-sm.Wales {
    background-position: -390px -80px
}

.country-flag-sm.Wallis-And-Futuna {
    background-position: -390px -100px
}

.country-flag-sm.Western-Sahara {
    background-position: -390px -120px
}

.country-flag-sm.Yemen {
    background-position: -390px -140px
}

.country-flag-sm.Zambia {
    background-position: -390px -160px
}

.country-flag-sm.Zimbabwe {
    background-position: -390px -180px
}

.country-flag-sm.Nepal {
    background-position: -390px -200px
}

.country-flag-sm.Switzerland {
    background-position: -390px -227px
}

.country-flag-sm.Vatican-City {
    background-position: -390px -247px
}

.country-flag-sm.United-Kingdom-of-Great-Britain-and-Northern-Ireland {
    background-position: -240px -359px
}

.country-flag-sm.Iran-\(Islamic-Republic-of\) {
    background-position: -240px -200px
}

.country-flag-sm.United-States-of-America {
    background-position: -300px -359px
}

.country-flag-sm.America {
    background-position: -300px -359px
}

.country-flag-sm.Tanzania\,-United-Republic-of {
    background-position: -360px -220px
}

.country-flag-sm.Viet-Nam {
    background-position: -390px -60px
}