/* ===================================
    Crafto - Consulting
====================================== */
/* variable */
:root {
    --base-color: #FF6B1F;
    --orange: #FF6B1F;
    --pink: #F22196;
    --dark-gray: #000000;
    --very-light-gray: #E7E8E5;
    --white: #FFFFFF;
    --focus: #0066FF;
    --primary-font: 'Archivo', sans-serif;
    --alt-font: 'Archivo', sans-serif;
}

*:focus-visible, .navbar .navbar-nav .nav-link:focus-visible, .btn:focus-visible{
    outline:3px solid var(--focus);
    outline-offset:2px;
    border-radius:2px;
}

a.skip-to-main-content-link{
    position:absolute;
    left:-9999px;
    top:calc(50vh - 7rem);
    transform:translateY(50%);
    z-index:999999;
    padding:1rem 1em;
    background-color:var(--orange);
    color:var(--dark-gray);
    border-radius:1.5rem;
    opacity:0;
    text-decoration:none!important;
    transition:none;
    font-weight:600;
}

a.skip-to-main-content-link:focus{
    left:50%;
    transform:translate(-50%, 50%);
    opacity:1
}

.container-fluid{
    padding:0;
}

.container-fluid > .row{
    margin:0;
}

.container-fluid > .row > div[class^="col-"]{
    padding:0;
}

section{
    scroll-margin-top: 70px!important;
}

.btn{
    font-weight:700;
    font-style:italic;
    font-size:1rem;
    margin-top:30px;
    text-transform:none;
}

.btn:has(+ .btn){
    margin-right:.5rem;
}

.btn.btn-round-edge{
    border-radius:10px;
}


.btn.btn-small{
    padding:12px 18px;
}


.btn.btn-medium{
    padding:14px 22px;
}

.btn.btn-large {
    padding:18px 26px;
}

.btn.btn-base-color{
    color:var(--dark-gray)!important;
}


.btn.btn-base-color:hover{
    background-color:var(--pink)!important;
    border-color:var(--pink)!important;
}

.btn:not(.btn-expand-ltr){
    padding-left:1.25rem;
    padding-right:1.25rem;
}

.btn.btn-expand-ltr{
    padding:13px 1.25rem;
    line-height:1.2;
    text-align:start;
    text-transform:uppercase;
    position:relative;
    font-size:1.125rem;
}

.btn.btn-expand-ltr:before{
    content:'';
    height:40px;
    width:40px;
    border-radius:40px;
    background-color:var(--base-color);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    z-index:-1;
    transition:all 300ms ease-in-out;
}

.btn.btn-expand-ltr:hover:before{
    width:100%;
}

.bg-orange .btn.btn-expand-ltr:before, .bg-base-color .btn.btn-expand-ltr:before{
    background-color:var(--pink);
}
.btn-pink-outline{
    background-color:transparent;
    border-color:var(--pink)!important;
}

.btn-pink-outline:hover{
    background-color:var(--pink);
}

.btn-orange-outline{
    background-color:transparent;
    border-color:var(--orange)!important;
}

.btn-orange-outline:hover{
    background-color:var(--orange);
}


.btn-pink:hover, .btn-orange:hover{
    transform:translateX(2px);
}

.bg-orange{
    background-color:var(--orange);
}

.bg-pink{
    background-color:var(--pink);
}


.ce-header p{
    background-color: var(--very-light-gray);
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: .5rem 0.75rem;
    border-radius:4px;
    line-height:1.4;
}

.text-orange{
    color:var(--orange);
}

.text-pink{
    color:var(--pink);
}

.btn.btn-orange{
    background-color:var(--orange);
    color:var(--dark-gray);
}

.btn.btn-pink{
    background-color:var(--pink);
    color:var(--dark-gray);
}

.btn.btn-link{
    color:var(--dark-gray);
    border:none;
    padding:0;
    display:inline-flex;
    gap:.5rem;
    align-items:center;
    transition: all .2s ease-in-out;
    margin-top:0;
}

.btn.btn-link:hover{
    gap:1rem;
}

.btn.btn-link:after{
    content:"";
    font-weight:900;
    font-style:normal;
    font-family:"Font Awesome 7 Free";
}

ul:not([class^="portfolio"],[class^="blog"], .navbar-nav, .downloads-list){
    padding-left:.5rem;
    margin-top:.75rem;
}

ul:not([class^="portfolio"],[class^="blog"], .navbar-nav, .downloads-list) li:not(.nav-item, .page-item){
    list-style:"/";
    padding-left:.625rem;
}

ul:not([class^="portfolio"],[class^="blog"], .navbar-nav, .downloads-list) li:not(.nav-item, .page-item)::marker{
    font-weight:800;
    color:var(--pink);
}

ul:not([class^="portfolio"],[class^="blog"], .navbar-nav, .downloads-list) li:not(.nav-item, .page-item) + li{
    margin-top:.75rem;
}

ol{
    padding-left:1.375rem;
}

ol li{
    padding-left:.25rem;
}


#wpadminbar{
    display:none;
}

.post-edit-link{
    display: block;
    width: 4rem;
    height: 4rem;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    background-color: #3858e9;
    background-image: url("/wp-admin/images/wordpress-logo-white.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.5rem 2.5rem;
    border-radius: 4rem;
    z-index: 999999999;
}


/* reset */
body {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight:400;
    color:var(--dark-gray);
}

a:hover{
    color:inherit;
}

a:not(.btn, .nav-link, .portfolio-box, .hover-box, .page-link){
    color: var(--dark-gray);
    text-decoration:underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--pink);
    font-style:italic;
}

a:not(.btn, .nav-link, .portfolio-box, .hover-box, .page-link):hover{
    color:var(--dark-gray);
    text-decoration:underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--pink);
}

img{
    border-radius:12px;
}

/* bg gradient color */
.bg-gradient-black-dark-orange {
    background-image: linear-gradient(to right top, #353332, #312b28, #15110f, #4a3229, #5a2611);
}
.bg-gradient-dark-orange-transparent {
    background-image: linear-gradient(to right top, rgba(212, 110, 66,.8), rgba(197, 105, 66,.8), rgba(184, 101, 66,.8), rgba(158, 93, 67,.8), rgba(111, 80, 70,.8));
}
/* header */
.header-icon .icon > a {
    font-size: 1.25rem;
}

header.sticky .fixed-header.header-light:not(.disable-fixed){
    box-shadow:none;
}

header.sticky .fixed-header .navbar-brand{
    padding:.75rem 0;
}

header.sticky .fixed-header .navbar-brand img{
    max-height:3.25rem;
}

.navbar .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 1.125rem;
}

.navbar .navbar-nav .nav-link:focus-visible{
    box-shadow:none;
}

.navbar .navbar-nav .nav-item.menu-item-has-children > .nav-link{
    padding-right:0;
}
.navbar .navbar-nav .nav-item.menu-item-has-children i{
    transition: all .2s ease-in-out;
}
.navbar .navbar-nav .nav-item.menu-item-has-children i.show{
    transform:rotate(180deg);
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 1rem;
    color:var(--dark-gray);
    opacity:.6;
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu li{
    padding:0;
    list-style-type:none;
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu li a{
    font-size:1.0625rem;
    line-height:1.4;
    color:var(--dark-gray)!important;
    opacity:1!important;
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu{
    width:18rem;
    padding:1.5rem;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

header .navbar-brand{
    padding:.75rem 0;
}

header .navbar-brand img {
    max-height: 4.25rem;
    border-radius:0;
}
header .cta-header .btn{
    padding:.75rem 1rem;
}




/* typography */

p{
    margin-bottom:0;
}

b, strong{
    font-weight:600;
}

p + *, *:not(div,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, br) + p{
    margin-top:1rem;
}

p:has(> a.btn){
    margin-top:0!important;
}


h1, .h1, h2:not(.brlbs-cmpnt-dialog-entrance-headline, .brlbs-text-2xl), .h2, h3.bg-pink, h3.bg-orange, h3.bg-very-light-gray{
    font-weight:700;
    font-style: italic;
    background-color: var(--pink);
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    border-radius:4px;
    letter-spacing:0;
    margin-bottom:0;
}

h1, .h1{
    background-color:var(--orange);
}

h3.bg-very-light-gray, .h3.bg-very-light-gray{
    background-color:var(--very-light-gray);
}

h3.bg-orange, .h3.bg-orange{
    background-color:var(--orange);
}


.bg-pink h1, .bg-pink .h1, .bg-pink h2, .bg-pink .h2, .bg-orange h1, .bg-orange .h1, .bg-orange h2, .bg-orange .h2{
    background-color: var(--very-light-gray);
}


h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-weight:700;
    font-style: italic;
    line-height:1.3;
    margin-bottom:0;
    letter-spacing:0;
}

h1, .h1{
    font-size:3rem;
    padding: .5rem 0.75rem;
    line-height:1.3;
}

h1 + *, .h1 + *{
    margin-top:2rem;
}

*:not(div):has(+ h1) {
    margin-bottom: 4.5rem;
}

h2, .h2{
    font-size:1.875rem;
    padding: .5rem 0.5rem;
    line-height:1.4;
}

h2 + *, .h2 + *{
    margin-top:1.25rem;
}

* + h2, * + .h2{
    margin-top:2.5rem;
}

*:not(div):has(+ h2) {
    margin-bottom: 3.25rem;
}

h3, .h3{
    font-size:1.375rem;
}

h3 + *, .h3 + *{
    margin-top:1.25rem;
}

*:not(div):has(+ h3) {
    margin-bottom:2.5rem;
}

h3.bg-pink, h3.bg-orange, h3.bg-very-light-gray{
    padding: .375rem .5rem;
}

h4, .h4{
    font-size:1.125rem;
    background-color:transparent;
}

h4 + *, .h4 + *{
    margin-top:.5rem;
}

* + h4, * + .h4{
    margin-top:1.5rem;
}

h5, .h5{
    font-size:1.0625rem;
    background-color:transparent;
}
* + h5, * + .h5{
    margin-top:1.25rem;
}

h5 + *, .h5 + *{
    margin-top:.5rem;
}

h6, .h6{
    font-size:1.0625rem;
    font-weight:600;
    background-color:transparent;
}

* + h6, * + .h6{
    margin-top:1.125rem;
}

h6 + *, .h6 + *{
    margin-top:.25rem;
}

.topline{
    font-size:1rem;
    font-weight:700;
    margin-bottom:.75rem;
}

.text-outline-color-pink {
    -webkit-text-stroke-color: var(--pink);
    opacity:0.3;
}

.text-outline-color-base-color {
    -webkit-text-stroke-color: var(--base-color);
    opacity:0.3;
}

.text-outline-color-orange {
    -webkit-text-stroke-color: var(--orange);
    opacity:0.3;
}

/* subcribe style 02 */
.newsletter-style-02 .btn {
    padding: 7px 18px 9px 18px;
}
/* footer */

footer ul{
    padding-left:.5rem;
}

footer a{
    text-decoration:none!important;
}
footer .input-small, footer .textarea-small {
    font-size: 0.9375rem;
    padding-left: 20px;
}
footer .footer-logo img {
    max-height: 6rem;
    border-radius:0;
}

/* page title */
.page-title-extra-small h1 {
    font-size: 1.375rem;
    line-height: 32px;
}
/* subcribe style 02 */
.newsletter-style-02 input {
    padding-right: 65px;
}
/* media query responsive */
@media (max-width: 1199px) {
    .newsletter-style-02 input {
        padding-left: 15px;
    }

    header .navbar-brand img {
        max-height: 3rem;
        border-radius:0;
    }

    .navbar .navbar-nav .nav-link{
        font-size:1rem;
        padding:10px 12px;
    }

    .is-touchable [data-parallax-background-ratio]{
        background-attachment:fixed!important;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-nav .simple-dropdown .dropdown-menu {
        padding:0;
    }
    .navbar .navbar-nav .nav-link{
        font-size:1.125rem;
    }
    .navbar .navbar-nav .nav-item.menu-item-has-children > .nav-link{
        padding-top:.25rem;
        display:inline-flex;
    }

    .mask-wrapper{
        mask-image:none!important;
    }

    .ce-text-image-mask.mask-02 .row, .ce-text-image-mask.mask-03 .row{
        position:relative!important;
        margin-bottom:3rem;
    }

    .ce-about-header .image-column{
        margin-top:0!important;
        height:100%!important;
        aspect-ratio:unset!important;
    }

    .ce-header-slider .swiper-pagination{
        top:unset!important;
        bottom:unset!important;
    }

    .ce-text-graphic img{
        transform:scale(1.5);
    }
}
@media (max-width: 767px) {
    h1, .h1{
        font-size:2.5rem;
    }

    h2, .h2{
        font-size:2rem;
    }

    h3, .h3{
        font-size:1.375rem;
    }

    h4, .h4{
        font-size:1.125rem;
    }

    .process-step-style-02 .progress-step-separator {
        display: block;
    }

    .ce-blog-detail-header .overlap-section{
        margin-top:-400px!important;
    }
    footer .footer-bottom p{
        text-align:start!important;
    }

    .ce-text-graphic img{
        transform:none;
        max-height:50vh;
    }
}
@media (max-width: 575px) {
    .process-step-style-02 .progress-step-separator {
        display: none;
    }
}

@media (min-width:768px) {
    header .navbar [class*=col-]{
        padding:0;
    }
    
    body {
        font-size: 1.125rem;
    }

    a.btn{
        font-size:1rem;
    }



    .ce-use-case-slider h3, .ce-use-case-grid h3, .ce-publication-grid h3, .ce-recent-events h3, .ce-blog-grid h3, .ce-recent-news h3{
        font-size:1.125rem;
    }
}


@media  (min-width:992px){

    .ce-header-slider .swiper-wrapper{
        height:100%!important;
    }
    
    .stack-card .stack-item {
        top:100px!important;
    }
}

.ce-about-header p{
    font-size:1.25rem;
}

.ce-about-header .image-column{
    padding:0;
    width:calc(100% - 30px);
    margin-left:15px;
}

.ce-header-slider p{
    background-color:var(--very-light-gray);
    display:inline;
    padding:.625rem .5rem;
    border-radius:4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.ce-header p{
    font-size:1.5rem;
}

.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet{
    color:var(--dark-gray);
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after{
    background:var(--dark-gray);
}

.swiper-button-prev:hover, .swiper-button-next:hover{
    opacity:1;
    transform:scale(1.2);
}

.swiper-button-prev:hover i, .swiper-button-next:hover i{
    opacity:1;
}

.card .blog-image img, .card .blog-image .default-bg{
    aspect-ratio:3/2;
    object-fit:contain;
    border-radius:0;
}


.bg-very-light-gray .card-body, .bg-very-light-gray .card-body{
    background-color:var(--white)!important;
}

.card-body{
    padding:0;
}

.ce-recent-events.bg-very-light-gray .border-top{
    border-color:var(--very-light-gray)!important;
}

.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{
    color:var(--dark-gray);
    font-weight:600;
}

.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{
    color:var(--white);
}

.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    background-color:var(--dark-gray);
}

/* Masks */


@media(min-width:576px) {
    .mask-image-01{
        mask-repeat: no-repeat;
        mask-position: center;
        aspect-ratio:1;
    }

    .mask-image-04{
        mask-repeat: no-repeat;
        mask-position: center;
    }
}


@media(min-width:992px){
    .mask-image-02{
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .mask-image-03{
        mask-repeat: no-repeat;
        mask-position: center;
    }
    .mask-image-05{
        mask-repeat: no-repeat;
        mask-position: center;
    }
    .mask-image-06{
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .ce-header-slider .cta-box{
        margin-right:-50px;
        margin-top:-100px;
    }
}

.ce-logo-slider img{
    border-radius:0;
}


.icon-with-text-style-01{
    padding-left:30px;
    padding-right:30px;
}

.accordion-style-02 .accordion-item .accordion-body{
    padding: 0 1.5rem 1.5rem 0;
}

.arrow_box{
    opacity:1;
}

.google-maps-link a, .gm-style .gm-style-iw-tc::after{
    color:var(--white);
    font-weight:600;
    text-decoration:none;
}

label{
    font-size:1rem;
    margin-bottom:10px;
    line-height:1.2;
}

input, select, textarea, .form-control, .form-select{
    color:var(--dark-gray)!important;
    font-size:1.0625rem!important;
}

input:focus-visible, select:focus-visible, textarea:focus-visible, .form-control:focus-visible, .form-select:focus-visible,
input:focus, select:focus, textarea:focus, .form-control:focus, .form-select:focus{
    outline-color:var(--focus)!important;
}

input[type=submit]{
    background-color:var(--base-color)!important;
    border-radius:6px!important;
    font-size:1rem!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    height:50px!important;
}

input[type=submit]:hover{
    background-color:var(--pink)!important;
}

input[type=submit]:focus, input[type=submit]:focus-visible{
    border-color:transparent!important;
}

.gform_required_legend{
    display:none;
}

.gform-theme--foundation .gform_fields{
    row-gap:2rem!important;
}

.ce-logo-grid img{
    border-radius:0;
}

.portfolio-filter{
    row-gap:.75rem
}

.portfolio-filter li{
    padding: 0 1rem;
    display:flex!important;
    margin:0!important;
    width:auto!important;
}

.portfolio-filter li.active a {
    border-color:var(--pink);
    font-weight:600;
}

.portfolio-filter li a{
    color:var(--dark-gray);
    text-decoration:none!important;
}

.pricing-table-style-07 .nav-tabs .nav-item .nav-link{
    outline: 2px solid transparent;
}

.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active,
.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover{
    color:var(--dark-gray)!important;
    background-color:white!important;
    border-color:var(--pink)!important;
    outline-color:var(--pink)!important;
    webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
    transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
}


.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray,
.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .text-dark-gray{
    color:var(--dark-gray)!important;
}

.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon,
.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon{
    border-color:var(--dark-gray)!important;
    background-color:var(--dark-gray);
}

.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon i,
.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon i{
    color:white;
}

.ce-blog-detail-header p{
    font-size:1.5rem;
}

.ce-blog-cite p{
    font-size:1.75rem;
}

.ce-recent-news .blog-author,.ce-recent-news .blog-author-position,
.ce-blog-grid .blog-author,.ce-blog-grid .blog-author-position{
    font-size:1rem;
}

.blog-navigation a i{
    transition: all .2s ease-in-out;
}

.blog-navigation a:hover i.fa-arrow-left{
    transform:translateX(-3px);
}

.blog-navigation a:hover i.fa-arrow-right{
    transform:translateX(3px);
}

.ce-numbered-boxes .process-step-style-10 p{
    font-size:1.25rem;
}

.ce-image-slider img{
    object-fit:cover;
}

.swiper-pagination-bullet-active{
    background:var(--base-color);
}

.ce-downloads a i{
    transition:all .2s ease-in-out;
    transform-origin: left;
}

.ce-downloads a:hover i{
    transform:scale(1.2);
}

summary {
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

.ce-faq details summary{
    display:grid;
    grid-template-columns:1fr 2rem;
    align-items:center;
}

.ce-faq details summary::after{
    content:"\e8b1";
    font-family: feather !important;
    speak: none;
    display:flex;
    align-items:center;
    justify-content:center;
    height:1rem;
    width:1rem;
    margin-right:.5rem;
    font-weight: 400;
    transition:all .2s ease-in-out;
}

.ce-faq details[open] summary::after{
    transform:rotate(90deg);
    transform-origin: center center;
}

.accordion-item{
    border-radius:0!important;
}


.ce-faq.bg-very-light-gray .accordion-item{
    border-color:white!important;
}

.ce-cta .tag span{
    font-weight:700;
    font-style: italic;
    background-color: var(--very-light-gray);
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: .375rem 0.75rem;
    border-radius:4px;
    line-height:1.2;
    letter-spacing:0;
}

.ce-cta .row.bg-very-light-gray .tag span{
    background-color:var(--white);
}

.ce-cta h1, .ce-cta .h1, .ce-cta h2, .ce-cta .h2, .ce-cta h3, .ce-cta .h3{
    background-color:transparent;
    padding:0;
    display:block;
    border-radius:0;
    margin-top:20px;
    margin-bottom:0;
}

.ce-logo-slider img, .ce-logo-grid img{
    transition:all .2s ease-in-out;
}

.ce-logo-slider .swiper-slide:hover img, .ce-logo-grid .client-box:hover img{
    filter:saturate(100%)!important;
}

.ce-logo-grid img{
    max-height:7rem;
    object-fit:contain;
}

#rmOrganism h1{
    background-color:transparent;
}

#rmOrganism .rmBase__comp--cta:hover{
    background-color:var(--pink)!important;
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal{
    top:50%!important;
    bottom:unset!important;
    transform:translate(-50%,-50%)!important;
    border-radius:1rem!important;
    max-height:90vh!important
}

#rmOrganism .rmBase__el .comp__input, #rmOrganism .rmBase__el .comp__select{
    box-shadow:none!important;
    border:1px solid var(--dark-gray)!important;
    padding:12px!important;
    height:38px!important;
}

#rmOrganism .rmSubscription .rmBase__el .rmBase__compLabel{
    font-size:14px!important;
    font-weight:600!important;
}

#rmOrganism .rmSubscription .rmBase__el{
    margin-bottom:2rem!important;
}

#rmOrganism .rmSubscription .rmBase__el--heading{
    margin-bottom:0!important;
}

.ce-feedback-slider .review-style-03 .slider-review-image-thumbs .swiper-slide-thumb-active img{
    border-color:var(--base-color)!important;
}

.ce-newsletter-cta .feature-box-content, .footer-cta .feature-box-content{
    font-size:1.25rem;
}

.ce-newsletter-cta .feature-box-content button{
    font-size:1.125rem;
}

.intanumba-odoo-events-group .btn-link{
    text-align:start;
    font-size:.9375rem;
    max-width:17rem;
}


#BorlabsCookieBox .brlbs-cmpnt-btn {
    padding: 8px 16px !important;
    min-height: 38px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
}
#BorlabsCookieBox .brlbs-space-y-3 > * + * {
    margin-top: 8px !important;
}
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences,
#BorlabsCookieBox .brlbs-btn-save,
#BorlabsCookieBox .brlbs-btn-accept-only-essential {
    background: transparent !important;
    border: 1px solid var(--base-color) !important;
    color: var(--dark-gray) !important;
}

#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox{
    border:none!important;
}

@media(min-width:768px) {
    .brlbs-cmpnt-cb-main {
        flex-direction: column!important;
        width: 42%!important;
        margin-left:3%!important;
        margin-bottom:-5%!important;
    }
}


@media(min-width:992px) {
    .brlbs-cmpnt-cb-main {
        flex-direction: column!important;
        width: 50%!important;
        margin-left:3%!important;
        margin-bottom:0!important;
    }
}

@media(min-width:1200px) {
    .brlbs-cmpnt-cb-main {
        flex-direction: column!important;
        width: 55%!important;
        margin-left:5%!important;
    }
}