.elementor-2724 .elementor-element.elementor-element-213c09a{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2724 .elementor-element.elementor-element-213c09a:not(.elementor-motion-effects-element-type-background), .elementor-2724 .elementor-element.elementor-element-213c09a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-836d5de );}.elementor-2724 .elementor-element.elementor-element-63b272d{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2724 .elementor-element.elementor-element-63b272d:not(.elementor-motion-effects-element-type-background), .elementor-2724 .elementor-element.elementor-element-63b272d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2724 .elementor-element.elementor-element-e5b7144{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:40px 40px 40px 40px;}@media(max-width:1024px){.elementor-2724 .elementor-element.elementor-element-213c09a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2724 .elementor-element.elementor-element-63b272d{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-2724 .elementor-element.elementor-element-213c09a{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2724 .elementor-element.elementor-element-63b272d{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-e5b7144 *//* =====================================
   THE BOSS DIGITAL - TECHNOLOGY SECTION
   FINAL CSS
===================================== */


.bd-tech{

    background:#050505;
    padding:80px 40px;
    color:#fff;
    font-family:'DM Mono', monospace !important;

}


.bd-tech *{

    font-family:'DM Mono', monospace !important;

}



/* MAIN BOX */

.bd-tech-box{

    width:100%;
    max-width:1400px;
    min-height:720px;
    margin:auto;

    display:flex;

    background:#070707;

    border:1px solid #222;

    border-radius:40px;

    overflow:hidden;

}



/* =====================
   LEFT SIDEBAR
===================== */


.bd-sidebar{

    width:340px;
    flex-shrink:0;

    padding:50px 40px;

    border-right:1px solid #222;

}



.bd-search{

    background:#181818;

    padding:16px;

    color:#888;

    font-size:14px;

    margin-bottom:45px;

}



.bd-title{

    color:#999;

    font-size:13px;

    letter-spacing:1px;

    margin-bottom:25px;

}



.bd-sidebar ul{

    list-style:none;

    padding:0;

    margin:0;

}



.bd-sidebar li{

    padding:18px 15px;

    margin-bottom:8px;

    color:#888;

    font-size:14px;

    cursor:pointer;

    transition:.3s;

}



.bd-sidebar li:hover{

    color:#fff;

}



/* ACTIVE CATEGORY */

.bd-sidebar li.active{

    background:#202020;

    color:#fff !important;

    font-weight:700;

    border-left:3px solid #00b9e8;

}



/* =====================
   RIGHT CONTENT
===================== */


.bd-content{

    flex:1;

    padding:80px;

    animation:bdFade .4s ease;

}



.small{

    color:#777;

    font-size:13px;

    letter-spacing:1px;

    margin-bottom:35px;

}



/* MAIN TITLE */

.bd-content h1{

    color:#fff !important;

    font-size:52px !important;

    line-height:1.2;

    font-weight:700 !important;

    margin:0 0 45px 0;

}



/* LIST */

.stack{

    list-style:none;

    padding:0;

    margin:0 0 45px;

}



.stack li{

    color:#fff !important;

    font-size:16px !important;

    margin-bottom:14px;

}



/* REMOVE DOT */

.stack li:before{

    content:"";

}



/* CODE BOX */


.code{

    width:100%;

    max-width:850px;

    background:#151820;

    border-radius:20px;

    padding:45px;

    color:#cbb8ff;

    font-size:15px;

    line-height:1.9;

}



.code span{

    color:#ff8066;

}



/* DESCRIPTION */


.bd-content p{

    max-width:850px;

    margin-top:35px;

    color:#999 !important;

    font-size:16px !important;

    line-height:1.8;

}



/* ANIMATION */


@keyframes bdFade{

    from{

        opacity:0;

        transform:translateY(15px);

    }

    to{

        opacity:1;

    }

}



/* =====================
   MOBILE
===================== */


@media(max-width:768px){


.bd-tech{

    padding:30px 20px;

}



.bd-tech-box{

    display:block;

    border-radius:25px;

}



.bd-sidebar{

    width:100%;

    border-right:none;

}



.bd-content{

    padding:40px 25px;

}



.bd-content h1{

    font-size:34px !important;

}



.code{

    padding:25px;

    font-size:12px;

}


}/* End custom CSS */