/*************Video**************/
.text-justify {
    text-align: justify;
}

a {
    color: #1E62A3;
    text-decoration: none;
}

.a2mi{
    color: deeppink;
    text-decoration: none;
}

.titlepolice{
    font-family: 'Cookie', cursive;
}
.gold {
    color: #b19013;
}

.rosesv{
    color: #a4255d;
}

.blueturtle {
    color: #1E62A3;
}

.bluturtleb {
    color: rgb(30, 98, 163);
}

.goldtext {
    color: rgb(177, 144, 19) !important;
}

/* SERVICE */

.service {
    margin-bottom: 30px;
    display: flex;
}
.service .icon {
    width: 50px;
    height: 50px;
    background: rgb(177, 144, 19);
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 1.5rem;
    border-radius: 30px;
}
.service .icon + .info {
    padding-left: 20px;
}
.service .info {
    flex: 1;
}
.service .info .title {
    margin: 0 0 8px;
}
.service .info .desc {
    font-size: 0.8125rem;
    color: #6c757d;
    line-height: 1.65;
}
.service.service-vertical {
    text-align: center;
    display: block;
}
.service.service-vertical .icon {
    margin: 0 auto 15px;
}
.service.service-vertical .info {
    padding: 0;
    margin: 0;
}

/* ABOUT */

.about-author .quote2 {
    position: relative;
    padding: 30px 60px;
    margin-bottom: 15px;
    background: rgba(144,238,144,0.5);
    border-radius: 12px;
}
.about-author .quote2:before {
}
.about-author .quote2 .h3,
.about-author .quote2 h3 {
    margin: 0;
    font-weight: 300;
    font-style: italic;
    line-height: 1.5;
    color: var(--app-component-color);
}
.about-author .quote2 .fa.fa-quote-left,
.about-author .quote2 .fa.fa-quote-right {
    font-size: 1.75rem;
    position: absolute;
    top: 30px;
    margin-top: -0.875rem;
    line-height: 1;
    color: red;
    left: 30px;
}
.about-author .quote2 .fa.fa-quote-right {
    bottom: 30px;
    top: auto;
    margin-top: 0;
    margin-bottom: -0.875rem;
    left: auto;
    right: 30px;
}
.quote2 {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
@media (max-width: 991.98px) {
    .quote2 {
        font-size: 24px;
    }
}
.quote2 .fa-quote-left,
.quote2 .fa-quote-right {
    position: relative;
    top: -14px;
    font-size: 20px;
    margin: 0 10px;
}
@media (max-width: 991.98px) {
    .quote2 .fa-quote-left,
    .quote2 .fa-quote-right {
        font-size: 16px;
    }
}
.quote2 .small,
.quote2 small {
    display: block;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 20px;
}





.about-author {
    position: relative;
}
@media (max-width: 991.98px) {
    .about-author {
        margin-bottom: 30px;
    }
}
.about-author .quote {
    position: relative;
    padding: 30px 60px;
    margin-bottom: 15px;
    background: var(--bs-light);
    border-radius: 12px;
}
.about-author .quote:before {
    content: "";
    position: absolute;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: grey;
    right: 50px;
}
.about-author .quote .h3,
.about-author .quote h3 {
    margin: 0;
    font-weight: 300;
    font-style: italic;
    line-height: 1.5;
    color: var(--app-component-color);
}
.about-author .quote .fa.fa-quote-left,
.about-author .quote .fa.fa-quote-right {
    font-size: 1.75rem;
    position: absolute;
    top: 30px;
    margin-top: -0.875rem;
    line-height: 1;
    color: rgba(30, 98, 163, 0.75);
    left: 30px;
}
.about-author .quote .fa.fa-quote-right {
    bottom: 30px;
    top: auto;
    margin-top: 0;
    margin-bottom: -0.875rem;
    left: auto;
    right: 30px;
}
.about-author .author {
    position: relative;
    margin-bottom: 15px;
    text-align: right;
    padding-left: 100px;
}
.about-author .author .image {
    position: absolute;
    top: -40px;
    background: var(--bs-body-bg);
    border: 5px solid var(--bs-body-bg);
    width: 100px;
    overflow: hidden;
    border-radius: 50%;
    left: -10px;
}
@media (max-width: 991.98px) {
    .about-author .author .image {
        width: 80px;
    }
}
.about-author .author .image img {
    max-width: 100%;
}
.about-author .author .info {
    color: var(--app-component-color);
    font-weight: 600;
    font-size: 1rem;
}
.about-author .author .info .small,
.about-author .author .info a,
.about-author .author .info small {
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    color: rgba(var(--app-component-color-rgb), 0.5);
}

/* QUOTE */

.quote {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
@media (max-width: 991.98px) {
    .quote {
        font-size: 24px;
    }
}
.quote .fa-quote-left,
.quote .fa-quote-right {
    position: relative;
    top: -14px;
    font-size: 20px;
    margin: 0 10px;
}
@media (max-width: 991.98px) {
    .quote .fa-quote-left,
    .quote .fa-quote-right {
        font-size: 16px;
    }
}
.quote .small,
.quote small {
    display: block;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 20px;
}

/* PRICING TABLE */

.pricing-table {
    list-style-type: none;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
}
.pricing-table:after,
.pricing-table:before {
    content: "";
    display: table;
    clear: both;
}
@media (max-width: 991.98px) {
    .pricing-table {
        display: block;
    }
}
.pricing-table > li {
    padding: 10px;
}
@media (max-width: 991.98px) {
    .pricing-table > li {
        width: auto !important;
    }
}
.pricing-table.pricing-col-4 > li {
    width: 25%;
}
.pricing-table.pricing-col-3 > li {
    width: 33.33333%;
}
.pricing-table .pricing-container {
    overflow: hidden;
    background: rgba(30, 98, 163, 0.75);
    border-radius: 6px;
    box-shadow: 0 3px var(--bs-light);
}
.pricing-table .h3,
.pricing-table h3 {
    background: #171b1e;
    margin: 0;
    font-size: 0.875rem;
    padding: 15px 30px;
    font-weight: 700;
}
.dark-mode .pricing-table .h3,
.dark-mode .pricing-table h3 {
    background: rgba(30, 98, 163, 0.75);
}
.pricing-table .features {
    list-style-type: none;
    margin: 0;
    padding: 0 30px;
    background: rgba(30, 98, 163, 0.75);
}
.pricing-table .features > li {
    padding: 10px 0;
}
.pricing-table .features > li + li {
    border-top: 1px solid rgba(30, 98, 163, 0.75);;
}
.pricing-table .price {
    width: 100%;
    color: rgba(30, 98, 163, 0.75);
}
.pricing-table .price .price-figure {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pricing-table .price .price-number {
    font-size: 1.75rem;
    color: white;
    display: block;
}
.pricing-table .price .price-tenure {
    font-size: 0.8125rem;
    color: rgba(30, 98, 163, 0.75);
    display: block;
    text-align: center;
    margin-top: -5px;
}
.pricing-table .footer {
    color: rgba(30, 98, 163, 0.75);
    padding: 15px 20px;
}
.pricing-table .highlight {
    padding: 0;
    margin-top: -30px;
}
@media (max-width: 991.98px) {
    .pricing-table .highlight {
        margin-top: 0;
        padding: 10px;
    }
}
.pricing-table .highlight .features > li {
    padding: 15px 0;
}
.pricing-table .highlight .h3,
.pricing-table .highlight h3 {
    padding: 20px 30px;
    background: rgba(var(--app-theme-rgb), 0.5);
}
.pricing-table .highlight .price {
    background: var(--app-theme);
    color: var(--app-theme-color);
}
.pricing-table .highlight .price .price-figure {
    height: 90px;
}
.pricing-table .highlight .price .price-number {
    color: var(--app-theme-color);
}



.hvideo {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.hvideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.hvideo .container {
    position: relative;
    z-index: 2;
}

.hvideo .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

.videoa2mi{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}

/*****************************/
.box {
    transition: box-shadow .3s;
}

.box:hover {
    box-shadow: 0 0 25px rgba(0,0,0,.9);
}

.card-img-top {
    width: 100%;
    height: 20vh;
    object-fit: contain;
}

.prod-img{
    height: 200px;
    padding: 15px;
    line-height: 100px;
    text-align: center;
    position: relative;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.prod-title{
    text-align: center;
    margin: 0 0 2px;
    max-height: 36px;
    overflow: hidden;
    line-height: 17px;
    font-size: 14px;
    color: black;
    font-weight: 600
}

.prod-title a{
    color: black;
}

.prod-title a:hover{
    color: black;
    text-decoration: underline
}

.prod-desc{
    margin: 0;
    font-size: 11px;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.prod-price-tax{
    margin: 0;
    font-size: 16px;
    color: black;
    text-align: center;
    font-weight: 600
}

.prod-price-notax{
    font-size: 12px;
    text-align: center;
    color: #6c757d

}

.flex{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.body-form {
    background: #505356;
    background: linear-gradient(to right, #161a1d, #505356);
}

.font-color{
    color: #1e62a3
}

.font-color-link{
    color: #1e62a3
}

.font-color-link:hover{
    color: #1e62a3;
    text-decoration-line: underline;
}

.card-bg{
    background-color: white;
    border-radius: 5px;
}

.btn-login {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
}

.tab-content-desc{
    background-color: white;
    border-radius: 5px;
    color: black;
}

.form-control:focus {
    border-color: #1e62a3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #d65c8c;
}

.form-switch .form-check-input:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-color: white;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='grey'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-color: #1e62a3;
    border-color: #1e62a3;
    background-color: #1e62a3;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

.btn-outline-secondary{
    background-color: transparent;
    border:solid 1px darkgrey;
    color: darkgrey;
}

.btn-outline-secondary:hover{
    background-color: transparent;
    border:solid 1px #1e62a3;
    color: #1e62a3;
}

.nb-resultats{
    font-size: 13px;
}

.alert-danger{
    font-size: 15px;
    background-color: #f75757;
}

.alert-success{
    font-size: 15px;
    background-color: #93faa8;
}

.col-centered{
    margin: 0 auto;
    float: none;
}

.text-align-center{
    display: block;
    margin-right: 40%;
    margin-left: 19%;
}

@media (max-width: 320px) {
    .text-align-center {
        margin-left: 10%;
    }
}

.btn-panier{
    background-color: transparent;
    border: none;
}

.header .header-nav .nav > li.active > a {
    color: #1e62a3;
}

.pink {
    color: #1e62a3 !important;
}

.greytxt {
    color: rgb(134, 144, 154) !important;
}

.brand-logo{
    background-image: url("../img/custom/logo2.png");
}

.header .navbar-brand {
    padding: 5px 5px;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
}

.navbar-brand {
    padding-top: 0.40625rem;
    padding-bottom: 0.40625rem;
    font-size: 1rem;
    white-space: nowrap;
}

.header .header-logo .brand-logo {
    width: 75px;
    height: 50px;
    padding: 5px 10px;
    margin: 10px;
    background-repeat : no-repeat;
}

.section-container {
    padding: 45px 0;
}

.section-container-mentions {
    padding: 15px 0;
}

.light-ec-bg {
    background: linear-gradient(25deg, lightskyblue, white 40%, lightgreen);
}

/*.skills {
    padding: 30px 0;
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    background: #2d353c;
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}*/

.shopbg {
    padding: 70px 0;
    text-align: left;
    background: linear-gradient(360deg, transparent 30%, #2d353c);
}

.partners {
    padding: 70px 0;
    background: linear-gradient(355deg, #2d353c 30%, #1e62a3);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.teambg {
    padding: 70px 0;
    background: linear-gradient(360deg, transparent 30%, #2d353c);
}

.assistbg {
    padding: 70px 0;
    background: #2d353c;
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.gestionbg {
    padding: 70px 0;
    text-align: center;
    background: linear-gradient(180deg, #1c1c1c 20%, #2d353c);
}

.mentionsbg {
    padding: 70px 0;
    text-align: center;
    background: linear-gradient(180deg, #2d353c 20%, #1c1c1c);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.s-infobg{
    padding: 70px 0;
    background: linear-gradient(360deg, #222222 20%, #2d353c);
}

.bg-com{
    background: linear-gradient(135deg, rgba(203,66,120,1) 0%, rgba(45,53,60,1) 75%, rgba(45,53,60,1) 100%);
}

.imglogo{
    width: 10% !important;
    border-radius: 15px !important;
    padding: 5px !important;
}

.formation {
    padding: 6rem 0 4rem 0;
}

@media (max-width: 767.98px) {
    .header.navbar-transparent .navbar-collapse .navbar-nav .nav-item .nav-link.active, .header.navbar-transparent .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        color: #1e62a3 !important;
    }
}

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

.header-logo a:hover{
    text-decoration:none;
}

.assistcardb {
    padding: 70px 0;
    background: linear-gradient(5deg, #25202A 80%, #1e62a3);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.assistcarda {
    padding: 70px 0;
    background: linear-gradient(5deg, #25202A 80%, #1C75EE);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.assistcardc {
    padding: 70px 0;
    background: linear-gradient(5deg, #25202A 65%, #828282);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.assistcardd {
    padding: 70px 0;
    background: linear-gradient(5deg, #25202A 65%, #BF65FD);
    box-shadow: inset 0 100px 80px -80px rgb(0 0 0 / 70%);
}

.footer {
    padding: 20px 0;
    background: #22282d;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8125rem;
    box-shadow: inset 0 100px 80px -80px rgba(0, 0, 0, 0.7);
}
.footer .footer-brand-logo {
    display: block;
    margin: 0 auto 10px;
    width: 30px;
    border: 20px solid;
    border-color: transparent rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.7);
    background: var(--app-theme);
    border-radius: 6px;
}
.footer .footer-brand {
    font-size: 1.53125rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
}
.footer .social-list {
    margin: 0;
    padding: 0;
    font-size: 1.09375rem;
}
.footer p {
    margin-bottom: 10px;
}


.section-container:after, .section-container:before {
    content: "";
    display: table;
    clear: both;
}

/** PAGE RESULTS.PHP **/
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

search-container {
    display: flex;
    align-items: flex-start
}

@media (max-width:767.98px) {
    .search-container {
        display: block
    }
}

.search-container .search-sidebar {
    width: 25%;
    padding: 15px;
    border: 1px solid var(--app-component-border-color);
    background: var(--app-component-bg);
    font-size: 13px;
    color: rgba(var(--app-component-color-rgb), .5);
    border-radius: 6px
}

@media (max-width:991.98px) {
    .search-container .search-sidebar {
        margin: 0 0 10px;
        width: auto;
        display: none
    }
}

.search-container .search-sidebar .title {
    margin: -15px -15px 15px;
    padding: 15px;
    border-bottom: 1px solid var(--app-component-border-color);
    font-size: 14px;
    font-weight: 600;
    color: var(--app-component-color)
}

.search-container .search-sidebar .search-category-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.search-container .search-sidebar .search-category-list > li + li {
    border-top: 1px solid var(--app-component-border-color)
}

.search-container .search-sidebar .search-category-list > li > a {
    color: rgba(var(--app-component-color-rgb), .5);
    font-weight: 600;
    padding: 8px 0;
    line-height: 20px;
    display: block
}

.search-container .search-sidebar .search-category-list > li > a:focus,
.search-container .search-sidebar .search-category-list > li > a:hover {
    color: #1e62a3;
    text-decoration: none
}

.search-container .search-content {
    flex: 1;
    padding-left: 30px
}

@media (max-width:991.98px) {
    .search-container .search-content {
        float: none;
        width: auto;
        margin: 0;
        padding: 0
    }
}

.search-item-container {
    border: 1px solid var(--app-component-border-color);
    margin-bottom: 15px;
    background: var(--app-component-bg);
    border-radius: 6px
}

.search-item-container:after,
.search-item-container:before {
    content: "";
    display: table;
    clear: both
}

@media (max-width:575.98px) {
    .search-item-container {
        border: none;
        background: 0 0
    }
}

.search-item-container .item-row {
    display: flex;
    flex: 1
}

.search-item-container .item-row:after,
.search-item-container .item-row:before {
    content: "";
    display: table;
    clear: both
}

@media (max-width:575.98px) {
    .search-item-container .item-row {
        display: block
    }
}

.search-item-container .item-row + .item-row {
    border-top: 1px solid var(--app-component-border-color)
}

@media (max-width:575.98px) {
    .search-item-container .item-row + .item-row {
        border-top: none
    }
}

.search-item-container .item-row .item {
    width: 33.33%;
    border: none;
    margin: 0;
    border-radius: 0
}

@media (max-width:767.98px) {
    .search-item-container .item-row .item {
        margin-bottom: 0
    }
}

@media (max-width:575.98px) {
    .search-item-container .item-row .item {
        width: 100%;
        border: 1px solid var(--app-component-border-color);
        margin-bottom: 10px
    }
}

.search-item-container .item-row .item + .item {
    border-left: 1px solid var(--app-component-border-color)
}

.search-item-container .item-row:first-child .item:first-child {
    border-radius: 6px 0 0 0
}

.search-item-container .item-row:first-child .item:last-child {
    border-radius: 0 6px 0 0
}

.search-item-container .item-row:last-child .item:first-child {
    border-radius: 0 0 0 6px
}

.search-item-container .item-row:last-child .item:last-child {
    border-radius: 0 0 6px 0
}

.search-toolbar {
    background: var(--app-component-bg);
    border: 1px solid var(--app-component-border-color);
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px
}

.search-toolbar:after,
.search-toolbar:before {
    content: "";
    display: table;
    clear: both
}

.search-toolbar .h4,
.search-toolbar h4 {
    font-size: 13px;
    margin: 0;
    line-height: 20px
}

.search-toolbar .sort-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px
}

@media (max-width:767.98px) {
    .search-toolbar .sort-list {
        margin-top: 10px;
        float: left;
        text-align: left
    }
}

.search-toolbar .sort-list > li {
    display: inline-block
}

@media (max-width:767.98px) {
    .search-toolbar .sort-list > li {
        margin-right: 10px
    }
}

.search-toolbar .sort-list > li + li {
    margin-left: 10px
}

@media (max-width:767.98px) {
    .search-toolbar .sort-list > li + li {
        margin-left: 0
    }
}

.search-toolbar .sort-list > li a {
    color: #999
}

.search-toolbar .sort-list > li a:focus,
.search-toolbar .sort-list > li a:hover {
    color: #4d4d4d
}

.search-toolbar .sort-list > li.text {
    font-weight: 600
}

.search-toolbar .sort-list > li.active a {
    color: var(--app-component-color)
}


/** PRODUCT **/


.footer .list-product > li {
    display: flex;
    align-items: center
}

.footer .list-product > li:after,
.footer .list-product > li:before {
    content: "";
    display: table;
    clear: both
}

.footer .list-product > li + li {
    margin-top: 15px
}

.footer .list-product > li .image {
    width: 60px;
    height: 40px;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 6px
}

.footer .list-product > li .image img {
    max-width: 100%;
    max-height: 100%
}

.footer .list-product > li .info {
    flex: 1;
    padding-left: 10px
}

.footer .list-product > li .info .info-title {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px 0
}

.footer .list-product > li .info .price {
    color: rgba(255, 255, 255, .5);
    font-weight: 600
}

.carousel .product-img {
    position: absolute;
    top: 40px;
    max-height: 370px
}

.carousel .product-img.left {
    left: 60px
}

@media (max-width:575.98px) {
    .carousel .product-img.left {
        left: 10%;
        right: 10%;
        max-width: 80%
    }
}

.carousel .product-img.right {
    right: 60px
}

@media (max-width:575.98px) {
    .carousel .product-img.right {
        left: 10%;
        right: 10%;
        max-width: 80%
    }
}

.carousel .product-img.bottom {
    bottom: 0
}

.checkout .table.table-payment-summary .product-summary .product-summary-img {
    width: 120px;
    float: left;
    margin-right: 10px
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .product-summary .product-summary-img {
        width: 80px
    }
}

.checkout .table.table-payment-summary .product-summary .product-summary-img img {
    max-width: 100%
}

.checkout .table.table-payment-summary .product-summary .product-summary-info .title {
    font-weight: 600;
    font-size: 16px
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .product-summary .product-summary-info .title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px
    }
}

.checkout .table.table-payment-summary .product-summary .product-summary-info .desc {
    font-size: 12px;
    font-weight: 600;
    color: rgba(var(--app-component-color-rgb), .5)
}


.product-desc {
    padding: 20px
}

.product-desc:after,
.product-desc:before {
    content: "";
    display: table;
    clear: both
}

@media (max-width:991.98px) {
    .product-desc {
        padding: 15px
    }
}

.product-desc + .product-desc {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid var(--app-component-border-color)
}

@media (max-width:991.98px) {
    .product-desc + .product-desc {
        padding-top: 40px;
        margin-top: 0
    }
}

.product-desc .image {
    width: 50%;
    float: left;
    padding-right: 40px
}

@media (max-width:991.98px) {
    .product-desc .image {
        float: none;
        width: auto;
        padding: 0;
        text-align: center
    }
}

.product-desc .image img {
    max-width: 100%
}

.product-desc .desc {
    width: 50%;
    float: left;
    padding-left: 40px
}

@media (max-width:991.98px) {
    .product-desc .desc {
        float: none;
        width: auto;
        padding: 0;
        text-align: center
    }
}

.product-desc .desc .h4,
.product-desc .desc h4 {
    margin: 0 0 15px;
    font-size: 36px
}

@media (max-width:991.98px) {

    .product-desc .desc .h4,
    .product-desc .desc h4 {
        margin: 15px 0;
        font-size: 24px
    }
}

.product-desc .desc p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(var(--app-component-color), .5);
    line-height: 1.8
}

@media (max-width:991.98px) {
    .product-desc .desc p {
        font-size: 14px;
        line-height: 1.5
    }
}

.product-desc.right .image {
    float: right;
    padding-left: 40px;
    padding-right: 0
}

@media (max-width:991.98px) {
    .product-desc.right .image {
        float: none;
        padding: 0
    }
}

.product-desc.right .desc {
    float: left;
    padding-right: 40px;
    padding-left: 0;
    text-align: right
}

@media (max-width:991.98px) {
    .product-desc.right .desc {
        float: none;
        padding: 0;
        text-align: center
    }
}

.product-tab {
    padding-top: 30px
}

@media (max-width:991.98px) {
    .product-tab {
        padding-top: 0
    }
}

.product-tab .nav.nav-tabs {
    background: 0 0;
    border-bottom: 1px solid var(--app-component-border-color);
    text-align: center;
    font-size: 1rem;
    display: block
}

@media (max-width:991.98px) {
    .product-tab .nav.nav-tabs {
        font-size: .875rem;
        display: block;
        white-space: nowrap;
        overflow: scroll
    }
}

.product-tab .nav.nav-tabs .nav-item {
    float: none;
    display: inline-block
}

.product-tab .nav.nav-tabs .nav-item + .nav-item {
    margin-left: 5px
}

.product-tab .nav.nav-tabs .nav-item .nav-link {
    position: relative;
    color: rgba(var(--app-component-color-rgb), .5);
    border: 1px solid transparent;
    padding: 15px 20px;
    font-weight: 600
}

@media (max-width:991.98px) {
    .product-tab .nav.nav-tabs .nav-item .nav-link {
        padding: 10px 15px
    }
}

.product-tab .nav.nav-tabs .nav-item .nav-link:active,
.product-tab .nav.nav-tabs .nav-item .nav-link:focus,
.product-tab .nav.nav-tabs .nav-item .nav-link:hover {
    border-bottom: 1px solid var(--app-component-border-color);
    background: 0 0
}

.product-tab .nav.nav-tabs .nav-item .nav-link.active {
    background: 0 0;
    border-color: transparent;
    border-bottom: 1px solid #1e62a3;
    color: #1e62a3
}

.product-tab .tab-content {
    padding: 30px
}

@media (max-width:991.98px) {
    .product-tab .tab-content {
        padding: 15px
    }
}

.product {
    background: var(--app-component-bg);
    border: 1px solid var(--app-component-border-color);
    border-radius: 6px
}

.product:after,
.product:before {
    content: "";
    display: table;
    clear: both
}

.product .product-detail {
    width: 100%;
    border-bottom: 1px solid var(--app-component-border-color);
    flex: 1;
    display: flex
}

@media (max-width:991.98px) {
    .product .product-detail {
        display: block
    }
}

.product .product-detail .product-image {
    width: 520px;
    display: flex
}

@media (max-width:1199.98px) {
    .product .product-detail .product-image {
        width: 460px
    }
}

@media (max-width:991.98px) {
    .product .product-detail .product-image {
        width: auto
    }
}

@media (max-width:767.98px) {
    .product .product-detail .product-image {
        display: block
    }
}

.product .product-detail .product-image + .product-info {
    border-left: 1px solid var(--app-component-border-color)
}

@media (max-width:991.98px) {
    .product .product-detail .product-image + .product-info {
        border-top: 1px solid var(--app-component-border-color);
        border-left: none
    }
}

.product .product-detail .product-image .product-main-image {
    padding: 30px;
    min-height: 520px;
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center
}

@media (max-width:991.98px) {
    .product .product-detail .product-image .product-main-image {
        height: 300px;
        min-height: 300px
    }
}

.product .product-detail .product-image .product-main-image img {
    max-height: 100%;
    max-width: 100%
}

@media (max-width:991.98px) {
    .product .product-detail .product-image .product-main-image img {
        margin: 0 auto
    }
}

.product .product-detail .product-image .product-thumbnail {
    width: 120px;
    min-height: 520px;
    position: relative
}

@media (max-width:1199.98px) {
    .product .product-detail .product-image .product-thumbnail {
        width: 100px;
        height: 300px;
        min-height: 300px
    }
}

@media (max-width:767.98px) {
    .product .product-detail .product-image .product-thumbnail {
        height: 80px;
        min-height: 80px;
        width: auto;
        white-space: nowrap;
        overflow: scroll;
        border-bottom: 1px solid var(--app-component-border-color)
    }

    .product .product-detail .product-image .product-thumbnail:after,
    .product .product-detail .product-image .product-thumbnail:before {
        content: "";
        display: table;
        clear: both
    }
}

.product .product-detail .product-image .product-thumbnail + .product-main-image {
    border-left: 1px solid var(--app-component-border-color)
}

@media (max-width:767.98px) {
    .product .product-detail .product-image .product-thumbnail + .product-main-image {
        border: none
    }
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list {
    list-style-type: none;
    margin: 0;
    padding: 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list:hover {
    overflow: scroll;
}

@media (max-width:991.98px) {
    .product .product-detail .product-image .product-thumbnail .product-thumbnail-list {
        padding: 20px
    }
}

@media (max-width:767.98px) {
    .product .product-detail .product-image .product-thumbnail .product-thumbnail-list {
        position: relative;
        padding: 10px
    }
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li {
    margin-bottom: 10px
}

@media (max-width:767.98px) {
    .product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li {
        display: inline-block;
        margin: 0;
        margin-right: 5px
    }
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li a {
    display: block;
    text-decoration: none;
    border: 1px solid var(--app-component-border-color);
    background: #fff;
    height: 60px;
    width: 60px;
    padding: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 6px
}

@media (max-width:767.98px) {
    .product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li a {
        display: block
    }
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li a img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

.product .product-detail .product-image .product-thumbnail .product-thumbnail-list > li.active a {
    border-color: var(--app-component-border-color)
}

.product .product-detail .product-info {
    padding: 30px 30px;
    font-size: 13px;
    flex: 1
}

@media (max-width:767.98px) {
    .product .product-detail .product-info {
        padding: 15px
    }
}

.product .product-detail .product-info .product-info-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--app-component-border-color)
}

.product .product-detail .product-info .product-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.5
}

.product .product-detail .product-info .product-title .badge {
    padding: 5px;
    font-size: 13px;
    display: block;
    max-width: 80px;
    margin-bottom: 10px;
    color: #fff
}

.product .product-detail .product-info .product-availability {
    font-size: 18px
}

.product .product-detail .product-info .product-info-list {
    color: var(--app-component-color);
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--app-component-border-color);
    line-height: 1.5
}

.product .product-detail .product-info .product-info-list > li {
    position: relative;
    padding-left: 25px
}

.product .product-detail .product-info .product-info-list > li + li {
    margin-top: 5px
}

.product .product-detail .product-info .product-info-list > li .fa {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: var(--app-theme);
    left: 0
}

.product .product-detail .product-info .product-info-list > li .fa.fa-circle {
    font-size: 5px
}

.product .product-detail .product-info .product-category {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 500
}

.product .product-detail .product-info .product-category > li {
    display: inline
}

.product .product-detail .product-info .product-category > li + li {
    margin-left: 5px
}

.product .product-detail .product-info .product-category > li a {
    color: rgba(var(--app-component-color), .5)
}

.product .product-detail .product-info .product-price {
    margin: 0 0 15px
}

.product .product-detail .product-info .product-price:after,
.product .product-detail .product-info .product-price:before {
    content: "";
    display: table;
    clear: both
}

.product .product-detail .product-info .product-price .price {
    font-size: 32px;
    font-weight: 600
}

.product .product-detail .product-info .product-warranty {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--app-component-border-color)
}

.product .product-detail .product-info .product-discount .discount {
    font-size: 16px;
    font-weight: 600;
    color: grey;
}

.product .product-detail .product-info .product-discount .save {
    color: rgba(var(--app-component-color), .5);
    margin-left: 10px
}

.product .product-detail .product-info .product-social {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--app-component-border-color)
}

.product .product-detail .product-info .product-social:after,
.product .product-detail .product-info .product-social:before {
    content: "";
    display: table;
    clear: both
}

.product .product-detail .product-info .product-social ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.product .product-detail .product-info .product-social ul > li {
    float: left;
    float: left
}

.product .product-detail .product-info .product-social ul > li + li {
    margin-left: 10px
}

.product .product-detail .product-info .product-social ul > li > a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #dee2e6;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-radius: 4px
}

.product .product-detail .product-info .product-social ul > li > a.facebook {
    background: #3b5998
}

.product .product-detail .product-info .product-social ul > li > a.twitter {
    background: #00aced
}

.product .product-detail .product-info .product-social ul > li > a.google-plus {
    background: #d34836
}

.product .product-detail .product-info .product-social ul > li > a.whatsapp {
    background: #6cc964
}

.product .product-detail .product-info .product-social ul > li > a.tumblr {
    background: #36465d
}

@media (max-width:767.98px) {
    .product .product-purchase-container {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 15px;
        background: var(--app-component-bg);
        z-index: 1020;
        border-top: 1px solid var(--app-component-border-color)
    }
}

@media (max-width:575.98px) {
    .product .product-purchase-container {
        width: auto;
        left: 0;
        right: 0
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .product-discount {
        position: absolute;
        top: 12px;
        left: 15px
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .product-discount + .product-price {
        top: 30px
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .product-price {
        position: absolute;
        top: 15px;
        left: 15px
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .product-price .price {
        font-size: 28px !important
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .btn {
        float: right
    }
}

@media (max-width:767.98px) {
    .product .product-purchase-container .btn {
        width: auto !important;
        padding: 10px 15px;
        font-size: 14px
    }
}


.table.table-product {
    line-height: 1.8
}

.table.table-product .field {
    width: 30%;
    font-size: 1rem;
    font-weight: 600;
    color: #1e62a3
}

@media (max-width:991.98px) {
    .table.table-product .field {
        font-size: .875rem
    }
}

.table.table-product td,
.table.table-product th {
    padding: 20px 25px 20px 0
}

@media (max-width:991.98px) {

    .table.table-product td,
    .table.table-product th {
        padding: 15px 15px 15px 0
    }
}

.table.table-product th {
    font-size: 18px;
    border: none
}

@media (max-width:991.98px) {
    .table.table-product th {
        font-size: 16px
    }
}

.table.table-product.table-striped td,
.table.table-product.table-striped th {
    padding: 20px 25px
}

@media (max-width:991.98px) {

    .table.table-product.table-striped td,
    .table.table-product.table-striped th {
        padding: 10px 15px
    }
}


.checkout-info-list {
    font-size: 12px;
    margin: 0;
    padding-left: 20px
}

.checkout-question-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 14px
}

.checkout-question-list > li + li {
    margin-top: 10px
}

.checkout-question-list .question {
    color: var(--app-component-color);
    font-weight: 600
}

.checkout-question-list .question a {
    display: block;
    color: var(--app-component-color);
    text-decoration: none
}

.checkout-question-list .answer {
    color: rgba(var(--app-component-color-rgb), .5);
    font-size: 13px;
    padding: 5px 0 5px 20px
}

.checkout-question-list .dash {
    width: 20px;
    text-align: center;
    float: left
}

.checkout {
    background: var(--app-component-bg);
    border-radius: 6px
}

.checkout .checkout-header {
    padding: 25px 30px;
    background: #2d353c;
    border-radius: 6px 6px 0 0
}

.dark-mode .checkout .checkout-header {
    background: #20252a
}

@media (max-width:991.98px) {
    .checkout .checkout-header {
        white-space: nowrap;
        overflow: scroll;
        padding: 15px
    }
}

@media (max-width:991.98px) {
    .checkout .checkout-header .row {
        display: block
    }
}

@media (max-width:991.98px) {
    .checkout .checkout-header .row > div {
        display: inline-block;
        width: auto
    }
}

.checkout .checkout-header .row > div + div {
    border-left: 1px solid #495057
}

.checkout .checkout-body {
    padding: 25px 30px
}

@media (max-width:767.98px) {
    .checkout .checkout-body {
        padding: 15px;
        font-size: 12px
    }
}

.checkout .checkout-footer {
    padding: 25px 30px;
    text-align: right;
    background: var(--bs-light);
    border-radius: 0 0 6px 6px;
    text-align: center
}

@media (max-width:767.98px) {
    .checkout .checkout-footer {
        padding: 15px
    }
}

.checkout .checkout-footer .btn {
    float: none !important;
    margin: 5px
}

@media (max-width:767.98px) {
    .checkout .checkout-footer .btn {
        padding: 8px 15px !important;
        font-size: 12px !important;
        width: auto !important
    }
}

.checkout .checkout-footer .btn-white {
    border-color: transparent
}

.checkout .checkout-title {
    font-weight: 600;
    margin: 0 0 30px
}

@media (max-width:767.98px) {
    .checkout .checkout-title {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.checkout .checkout-title .small,
.checkout .checkout-title small {
    display: block;
    font-size: 14px
}

.checkout .checkout-message {
    padding: 20px 40px
}

@media (max-width:767.98px) {
    .checkout .checkout-message {
        padding: 0
    }
}

.checkout .checkout-message .h1,
.checkout .checkout-message h1 {
    margin: 0 0 30px;
    font-size: 36px;
    text-align: center
}

@media (max-width:767.98px) {

    .checkout .checkout-message .h1,
    .checkout .checkout-message h1 {
        font-size: 28px;
        margin-bottom: 15px
    }
}

.checkout .checkout-message .h1 .small,
.checkout .checkout-message .h1 small,
.checkout .checkout-message h1 .small,
.checkout .checkout-message h1 small {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    color: rgba(var(--app-component-color-rgb), .5)
}

@media (max-width:767.98px) {

    .checkout .checkout-message .h1 .small,
    .checkout .checkout-message .h1 small,
    .checkout .checkout-message h1 .small,
    .checkout .checkout-message h1 small {
        font-size: 14px;
        margin-top: 5px
    }
}

.checkout .table.table-cart th {
    border: none;
    padding: 10px 20px 5px
}

@media (max-width:767.98px) {
    .checkout .table.table-cart th {
        padding: 10px 15px 5px
    }
}

.checkout .table.table-cart td {
    padding: 15px 20px
}

@media (max-width:767.98px) {
    .checkout .table.table-cart td {
        padding: 15px
    }
}

.checkout .table.table-cart .cart-product .product-img {
    width: 120px;
    float: left
}

@media (max-width:767.98px) {
    .checkout .table.table-cart .cart-product .product-img {
        width: 80px
    }
}

.checkout .table.table-cart .cart-product .product-img + .product-info {
    margin-left: 135px
}

@media (max-width:767.98px) {
    .checkout .table.table-cart .cart-product .product-img + .product-info {
        white-space: nowrap;
        margin-left: 95px
    }
}

.checkout .table.table-cart .cart-product .product-img img {
    max-width: 100%
}

.checkout .table.table-cart .cart-product .product-info .title {
    font-size: 16px;
    font-weight: 600
}

@media (max-width:767.98px) {
    .checkout .table.table-cart .cart-product .product-info .title {
        font-size: 14px
    }
}

.checkout .table.table-cart .cart-product .product-info .desc {
    font-weight: 600;
    font-size: 12px;
    color: rgba(var(--app-component-color-rgb), .5)
}

.checkout .cart-qty {
    width: 160px
}

.checkout .cart-qty .qty-desc {
    font-size: 12px;
    color: rgba(var(--app-component-color-rgb), .5);
    margin-top: 5px
}

.checkout .cart-qty .cart-qty-input {
    display: flex;
    align-items: center
}

.checkout .cart-qty .cart-qty-input .form-control,
.checkout .cart-qty .cart-qty-input .qty-control {
    float: none;
    width: auto
}

.checkout .cart-qty .cart-qty-input .form-control {
    width: 36px;
    margin: 0 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.checkout .cart-qty .cart-qty-input .qty-control {
    color: #adb5bd;
    width: 26px;
    height: 26px;
    background: var(--bs-light);
    font-size: 12px;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkout .cart-qty .cart-qty-input .qty-control:focus,
.checkout .cart-qty .cart-qty-input .qty-control:hover {
    background: #e9ecef;
    color: #20252a
}

.checkout .cart-control,
.checkout .cart-total {
    width: 100px
}

.checkout .table.table-payment-summary {
    border-bottom: 1px solid var(--app-component-border-color);
    margin-bottom: 30px
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary tr:last-child td {
        border-bottom: none
    }
}

.checkout .table.table-payment-summary td,
.checkout .table.table-payment-summary th {
    padding: 10px 15px
}

@media (max-width:767.98px) {

    .checkout .table.table-payment-summary td,
    .checkout .table.table-payment-summary th {
        display: block
    }

    .checkout .table.table-payment-summary td:after,
    .checkout .table.table-payment-summary td:before,
    .checkout .table.table-payment-summary th:after,
    .checkout .table.table-payment-summary th:before {
        content: "";
        display: table;
        clear: both
    }
}

.checkout .table.table-payment-summary .field {
    font-weight: 600;
    width: 50%;
    text-align: right
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .field {
        width: auto;
        border-bottom: none;
        padding-bottom: 0;
        text-align: left
    }
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .field + .value {
        border-top: none;
        padding-top: 0
    }
}

.checkout .table.table-payment-summary .product-summary .product-summary-img {
    width: 120px;
    float: left;
    margin-right: 10px
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .product-summary .product-summary-img {
        width: 80px
    }
}

.checkout .table.table-payment-summary .product-summary .product-summary-img img {
    max-width: 100%
}

.checkout .table.table-payment-summary .product-summary .product-summary-info .title {
    font-weight: 600;
    font-size: 16px
}

@media (max-width:767.98px) {
    .checkout .table.table-payment-summary .product-summary .product-summary-info .title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px
    }
}

.checkout .table.table-payment-summary .product-summary .product-summary-info .desc {
    font-size: 12px;
    font-weight: 600;
    color: rgba(var(--app-component-color-rgb), .5)
}

.page-item.active .page-link {
    background-color: #1e62a3;
    border-color: #ffffff;
}

.post-by{display:block;font-size:.8125rem;line-height:1.8;color:#6c757d;margin-bottom:15px}
.post-by .divider{margin:0 10px;color:#ced4da;position:relative;top:-1px}@media (max-width:767.98px){
    .post-by{font-size:.8125rem;line-height:1.5}}
.post-date{font-size:.75rem;line-height:.9;margin:0;padding:10px;text-align:center;font-weight:700}
.post-date .day{color:var(--app-component-color);font-size:1.5rem;display:block}
.post-date .month{display:block;margin-top:5px;color:var(--app-component-color)}
.post-date+.post-likes{border-top:2px solid var(--app-component-border-color)}@media (max-width:767.98px){
    .post-date{padding:0;margin:0;line-height:1.2;display:inline-block}
    .post-date .day,.post-date .month{font-size:.8125rem;margin:0;display:inline-block}
    .post-date+.post-likes{border-top:none;border-left:2px solid var(--app-component-border-color);margin-left:10px;padding-left:12px}}
.post-desc{margin-bottom:30px;line-height:1.8;color:rgba(var(--app-component-color-rgb),.5)}
.post-desc p{margin-bottom:30px}@media (max-width:767.98px){
    .post-desc{margin-bottom:25px;font-size:.8125rem;line-height:1.5}
    .post-desc p{margin-bottom:15px}}
.post-detail .post-by{margin-bottom:20px}
.post-grid{orphans:1;widows:1;-moz-column-gap:20px;column-gap:20px;-moz-column-count:3;column-count:3}
.post-grid .post-li{display:inline-block;margin-bottom:20px}
.post-grid .post-li .post-image,.post-grid .post-li .post-video{margin:-1px -1px 0}
.post-grid .post-li .post-content{border:1px solid rgba(var(--app-component-color-rgb),.15)}
.post-grid .post-li .post-info{padding:30px}
.post-grid .post-li blockquote{margin-bottom:0}
.post-grid.post-grid-2{-moz-column-count:2;column-count:2}
.post-grid.post-grid-3{-moz-column-count:3;column-count:3}
.post-grid.post-grid-4{-moz-column-count:4;column-count:4}@media (max-width:767.98px){
    .post-grid{-moz-column-count:1;column-count:1}
    .post-grid .post-li .post-info{padding:20px}
    .post-grid.post-grid-2,.post-grid.post-grid-3,.post-grid.post-grid-4{-moz-column-count:1;column-count:1}}
.post-image-cover{position:relative;padding-top:56%;background-position:center;background-size:cover;background-repeat:no-repeat}
.post-image,.post-video{margin-bottom:30px}@media (max-width:767.98px){
    .post-image,.post-video{margin-bottom:25px}}
.post-left-info{width:50px;float:left;margin-right:20px}
.post-left-info+.post-content{margin-left:70px}@media (max-width:767.98px){
    .post-left-info{float:none;width:auto;margin:0 0 10px}
    .post-left-info:after,.post-left-info:before{content:"";display:table;clear:both}
    .post-left-info+.post-content{margin:0}}
.post-likes{padding:10px 0;font-size:.75rem;line-height:.609375rem;text-align:center;font-weight:600;color:var(--app-component-color)}
@media (max-width:767.98px){
    .post-likes{padding:0;margin:0;line-height:1.2;display:inline-block}}
.post-list{list-style-type:none;margin:0;padding:0}
.post-list:after,.post-list:before{content:"";display:table;clear:both}
.post-list>li{padding:0}.post-list>li+li{margin-top:60px}
@media (max-width:767.98px){
    .post-list>li+li{margin-top:45px}}
.post-list blockquote{border:none;background:var(--bs-light);font-size:1.125rem;line-height:1.8;padding:30px;color:var(--app-component-color);margin-bottom:30px}
@media (max-width:767.98px){
    .post-list blockquote{margin-bottom:25px;padding:20px;line-height:1.5}}
.post-title{margin:0 0 5px;font-size:1.5rem;line-height:1.5;font-weight:600;color:var(--app-component-color)}
.post-title a{color:var(--app-component-color)}
@media (max-width:767.98px){
    .post-title{font-size:1.3125rem;line-height:1.2}}
.read-btn-container{text-align:right;font-size:.8125rem}
.read-btn-container a{color:var(--app-component-color)}
.section-container{padding-bottom:60px}
@media (max-width:767.98px){
    .section-container{margin-bottom:45px}}
.section-title{font-size:.875rem;line-height:1.5;text-align:center;margin:0 0 15px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;color:var(--app-component-color);position:relative}
.section-title span{padding:0 10px;background:#2d353c;position:relative}
.section-title:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--app-component-color);margin-top:-1px}
.sidebar-list{list-style-type:none;margin:0;padding:0;font-size:.8125rem;line-height:1.5}
.sidebar-list li a{display:block;color:var(--app-component-color);border-bottom:1px solid var(--app-component-border-color);padding:10px 0}
.sidebar-recent-post{list-style-type:none;margin:0;padding:0}
.sidebar-recent-post>li{padding:10px 0;border-bottom:1px solid var(--app-component-border-color)}
.sidebar-recent-post>li:after,.sidebar-recent-post>li:before{content:"";display:table;clear:both}
.sidebar-recent-post>li .title{margin:0;font-size:.875rem;line-height:1.5}
.sidebar-recent-post>li .title a{color:var(--app-component-color)}
.sidebar-recent-post>li .date{font-size:.8125rem;line-height:1.5;color:rgba(var(--app-component-color-rgb),.5)}


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