.body_overview {
    padding: 0px;
    margin: 0px;
}
img {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.top-menu {
    width: 100%;
    min-height: 10vh;
    overflow: hidden;
}

.top-section {
    display: grid;
    grid-template-columns: 50% 50%;
    max-height: 10vh;
}

.left img {
    min-width: 150px;
    max-width: 150px;
    padding-left: 50px;
    padding-top: 0px;
}

.right {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-right: 20px;
    align-items: center;
}

.socials a {
    background-color: #221F20;
    max-height: 50px;
}

.bottom-section {
    width: 100%;
    position: relative;
}

.bottom-section img {
    padding-left: 50px;
}


.menu_overview {
    width: 100%;
    display: grid;
    grid-template-columns: 14.5% 14.5% 14.5% 14.5% 14.5% 14.5% 14.5%;
    grid-auto-rows: 1fr;
}

.yellow {
    background-color: #F0BB18;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.green {
    background-color: #1DA261;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.red {
    background-color: #EE4326;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divs-menu>div:first-child {
    min-height: 70px;
}

.triangle_1 {
    margin: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F0BB18;
    display: none;
}
.triangle_one{
    margin: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F0BB18;
}
.triangle_2 {
    margin: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #1DA261;
    display: none;
}

.triangle_3 {
    margin: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #EE4326;
    display: none;
}

.top_img{
    width: 100%;
    text-align: center;
}
.p_left{
    width: 88%;
    margin: auto;
}
/* .l_i{
    list-style-image: url('./overview_assets/dot.png');
} */
.l_i:before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: 10px;
    background-image: url("./overview_assets/dot.png");
    background-repeat: no-repeat;
    margin-right: 5px;
}
  

/* last section */
.wrapper_div{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;

}
.boxs{
    min-height: 500px;
    text-align: center;
    padding-bottom: 100px;
    /* width: 33.33%; */
}
.boxs .text_small_new{
    font-size: 25px;
    width: 80%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: lighter;
    font-family: 'Calibri';
}
.lastbox{
    width: 70%;
    background-color: #fff;
    min-height: 200px;
    margin: auto;
    position: relative;
    z-index: 2;
}
.lines{
    width: 100%;
    margin-top: -340px;
    position: relative;
    z-index: 3;
}
.lines img{
    width: 100%;
}
.img_section{
    position: relative;
    margin-top: -310px;
    z-index: 0;
}
.img_section img{
    width: 100%;
}
.txt{
    font-size: 21px;
    font-weight: bold;
    padding: 5px;
    font-family: 'Myriad Pro';
    text-align: center;
}


@media (max-width:1440px) {
    /* text decrease */
    .text_small_new{
        font-size: 20px!important;
    }
    .t_bold{
        font-size: 40px!important;
    }
    .t_small{
        font-size: 30px!important;
        margin-top: -20px!important;
    }
}
@media (max-width:1384px) {
    /* containers */
    .wrapper_div,.lastbox,.d_top{
        width: 90%!important;
    }
    .lines
    {
        margin-top: -221px!important;
    height: auto;
    }   
    .boxs{
        min-height: 400px!important;
    }
    
}
@media (max-width:1206px) {
    .img_section{
        margin-top: -200px!important;
    }
}
@media (max-width:1042px) {
    .txt{
        font-size: 18px!important;
    }
}
@media (max-width:1011px) {
    .img_section{
        margin-top: -150px!important;
    }
}
@media (max-width:949px) {
    .wrapper_div{
        display: flex!important;
        flex-direction: column;
    }
    .boxs{
        height: auto!important;
        min-height: 0px!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px!important;
    }
    .lines{
        margin-top: -188px!important;
    }
    .img_section{
        margin-top: -150px!important;
    }
    .lastbox{min-height: 197px!important;}
    /* menu */
    .txt{
        font-size: 15px!important;
    }
    
    .text_small_new{
        font-size: 15px!important;
    }
}
@media (max-width:704px) {
    
   .lines_desk{
    display: none!important;
   }
   .lines_mobile{
    display: block!important;
   }
   .img_section{
    margin-top: -100px!important;
}
/* menu */
.menu_overview{
    grid-template-columns: 50% 50%!important;
}
.divs-menu{
    min-height: 20px!important;
}
}
@media (max-width:500px) {
    .img_section{
        margin-top: 0px!important;
    }
}
@media (max-width:370px) {
    .lastbox{
        min-height: 200px!important;
    }
    .img_section{
        margin-top: 40px!important;
    }
}