#innovations_box{
    width: 100%;
    margin: 0 auto;
    height: 650px;
    padding: 50px 0;
    padding-bottom: 0;
    background: var(--body_color);
}
#innovations_box>.main_section{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: 650px;
}
#innovations_box>.main_section>div{
    overflow: hidden;
    float: left;
    width: 46%;
    padding: 0 2%;
    height: 100%;
    background: none;
}

#innovations_box .thumb_section>.main_box{
    overflow: hidden;
    width: 100%;
    height: 80%;
}
#innovations_box .thumb_section>.main_box>img{
    float: left;
    width: 70%;
}
#innovations_box .thumb_section>.side_box{
    overflow: hidden;
    width: 100%;
    height: 80%;
    position: relative;
    top: -70%;
}
#innovations_box .thumb_section>.side_box>.chart{
    width: 200px;
    height: 100px;
    float: right;
    margin: 0 90px;
    background: var(--default_caption_bg);
    color: var(--heading_text_color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: -30px;
    font-size: 20px;
}
#innovations_box .thumb_section>.side_box>.chart>label{
    padding: 5px 20px;
    font-size: 150%;
}
#innovations_box .thumb_section>.side_box>img{
    float: right;
    width: 60%;
    height: 70%;
}




#innovations_box .about_section{
    overflow: hidden;
}
#innovations_box .about_section .heading_describe{
    overflow: hidden;
}

#innovations_box .about_section .heading_describe>h2{
    font-size: 40px;
    font-weight: bold;
    padding: 10px 0;
}
#innovations_box .about_section .heading_describe>p{
    line-height: 25px;
}

#innovations_box .session_con{
    overflow: hidden;
    width: 100%;
    height: 100px;
    padding: 20px 0;
}
#innovations_box .session_con>div{
    float: left;
    overflow: hidden;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
#innovations_box .session_con>div i{
    padding: 10px;
    font-size: 70px;
    color: var(--menu_layut_color);
    transition: .5s all ease;
}
#innovations_box .session_con>div:hover i{
    transform: scale(1.2);
}

#innovations_box .about_section ul{
    list-style-type: none;
    padding: 10px 0;
}

#innovations_box .about_section ul>li{
    margin: 15px 0;
}
#innovations_box .about_section ul>li>i{
    margin-right: 10px;
    color: var(--default_caption_bg);
}

#innovations_box .about_section button{
    width: 190px;
    height: 60px;
    margin: 30px 0;
}
#innovations_box .about_section button:after{
    background: var(--button_after_bg);
}

@media (min-width:100px) and (max-width:960px){
    #innovations_box{
        height: auto;
    }
    #innovations_box>.main_section>div{
        float: none;
        width: 96%;
        padding: 0 2%;
        height: 50%;
    }
    #innovations_box .thumb_section{
        height: 500px;
    }
    #innovations_box .thumb_section>.side_box{
        height: 80%;
        top: -70%;
    }
    #innovations_box .thumb_section>.side_box>.chart{
        bottom: -3vw;
    }
    
}
@media (min-width:100px) and (max-width:500px){
    #innovations_box .thumb_section{
        height: 400px;
    }
    #innovations_box .thumb_section>.side_box>img{
        height: 70%;
    }
    #innovations_box .thumb_section>.side_box>.chart{
        width: 40vw;
        height: 20vw;
        margin: 0 10vw;
        font-size: 4vw;
    }
    #innovations_box .session_con{
        width: 100%;
        height: auto;
    }
    #innovations_box .session_con>div{
        float: left;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }
}







.portfolio_container{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: 330px;
    padding: 30px 0;
    padding-bottom: 0;
    background: var(--body_color);
    height: auto;
}
.portfolio_container>.main_section{
    overflow: hidden;
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;

    height: auto;
    padding: 30px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 20px;
}


.portfolio_container .portfolio-post{
    overflow: hidden;
    width: 95%;
    height: 300px;
    margin: 0 30px;
    background-size: 100% 90%;
    background-repeat: no-repeat;
    transition: .5s all ease;
}

.portfolio_container .portfolio-post .caption{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    top: 50%;
}
.portfolio_container .portfolio-post:hover{
    background-size: 100% 95%;
}

.portfolio_container .portfolio-post .overload{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.158);
    position: relative;
    top: 0%;
    transition: .5s all ease;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.portfolio_container .portfolio-post .overload a{
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    background: rgb(185, 154, 154);
    color: #fff;
}.portfolio_container .portfolio-post .overload .view{
    background: rgb(0, 224, 41);
}.portfolio_container .portfolio-post .overload .more{
    background: blue;
}
.portfolio_container .portfolio-post:hover .overload{
    top: -110%;
}
.portfolio_container .portfolio-post .caption>label{
    float: right;
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(170deg, var(--button_after_bg), var(--button_after_bg), #fefeff);
    color: var(--button_color);
    font-size: 50px;
    transition: .5s all ease;
}
.portfolio_container .portfolio-post .caption>button{
    overflow: hidden;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    background: var(--button_after_bg);
    color: var(--header_color);
    font-size: 18px;
}
.portfolio_container .portfolio-post .caption>button>span{
    white-space: normal;
}
.portfolio_container .portfolio-post .caption>button>span>label{
    display: inline-block;
    vertical-align: middle;
}
.portfolio_container .portfolio-post .caption>button::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    top: -100%;
    left: 0%;
    transition: .5s all ease;
    background: rgb(255, 255, 255);
}


.portfolio_container>.portfolio-post:hover .caption>button::after{
    top: 0;
}
.portfolio_container>.portfolio-post:hover .caption>button{
    color: #fff;
}
.portfolio_container>.portfolio-post:hover .caption>label{
    background: rgb(255, 255, 255);
    color: var(--default_caption_bg);
}



@media (min-width:100px) and (max-width:960px){
    .portfolio_container{
        height: auto;
        padding: 30px 0;
        display: block;
    }
    .portfolio_container .main_section{
        overflow: hidden;
        width: 95%;
        margin: 0 auto;
        height: auto;
        padding: 30px 0;
        display: block;
    }

    .portfolio_container .portfolio-post{
        float: left;
        width: 48%;
        height: 300px;
        margin: 10px 1%;

        transition: .5s all ease;
    }
}
@media (min-width:100px) and (max-width:500px){
    .portfolio_container .portfolio-post{
        float: none;
        width: 100%;
        height: 300px;
        margin: 10px 0%;
        transition: .5s all ease;
    }
}





#post_five_box{
    overflow: hidden;
    width: 100%;
    height: 600px;
    padding: 00px 0;
    padding-bottom: 0;
    background: rgb(59, 50, 91);
}
#post_five_box>.wrap_section{
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
    top: 0px;
    color: var(--heading_text_color);
}
#post_five_box>.wrap_section>div{
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
}


#post_five_box>.wrap_section>.post_heading{
    display: flex;
    margin: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#post_five_box>.wrap_section .heading_caption{
    text-align: center;
}
#post_five_box>.wrap_section>.post_heading>div{
    float: left;
    height: 100%;
    padding:  0 20px;
}
#post_five_box>.wrap_section>.post_heading>.right_side{
    color: var(--footer_color);
    line-height: 30px;
    text-align: center;
}

#post_five_box>.wrap_section .post_section{
    overflow: visible;
    height: 300px;
    display: flex;
}

#post_five_box>.wrap_section .post_section .canvas{
    overflow: hidden;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 10px 10px;
    transition: 0.5s all ease;
    position: relative;
    top: 0;
}
#post_five_box>.wrap_section .post_section .canvas .heading_icon{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 50%;
    font-size: 50px;
    background: rgb(24, 14, 27);
    color: var(--button_color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s all ease;
    position: relative;
    z-index: 9;
}
#post_five_box>.wrap_section .post_section .canvas>.session{
    display: inline-block;
    width: 100%;
    height: 80%;
    position: relative;
    z-index: 999;
    white-space: normal;
    position: relative;
    z-index: 3;
    top: -40px;
    padding-top: 0;
    background: rgb(27, 18, 29);
}
#post_five_box>.wrap_section .post_section .canvas .session .content{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}
#post_five_box>.wrap_section .post_section .canvas .session .content>h3{
    padding: 0 10px;
    padding: 20px;
    padding-top: 50px;
    text-align: center;
}
#post_five_box>.wrap_section .post_section .canvas .session .content>p{
    padding: 0 10px;
    padding-bottom: 30px;
    line-height: 25px;
    text-align: center;
}

#post_five_box>.wrap_section .post_section .canvas .session:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 0%;
    background: #fff;
    position: relative;
    z-index: 1;
    left: 0%;
    top: -50%;
    transition: .5s all ease;
}
#post_five_box>.wrap_section .post_section .canvas:hover .session:after{
    top: -100%;
    height: 100%;
}


#post_five_box>.wrap_section .post_section .canvas:hover{
    color: rgb(29, 29, 29);
    top: -10px;
}
#post_five_box>.wrap_section .post_section .canvas:hover> .heading_icon{
    background: var(--button_after_bg);
}




@media (min-width:100px) and (max-width:960px){

    #post_five_box{
        width: 100%;
        height: auto;
    }
    #post_five_box>.wrap_section .post_section{
        overflow: hidden;
        height: auto;
        display: block;
    }
    
    #post_five_box>.wrap_section .post_section .canvas{
        float: left;
        width: 48%;
        height: 250px;
        margin: 10px 1%;
    }
}
@media (min-width:100px) and (max-width:500px){
    #post_five_box>.wrap_section>.post_heading{
        float: none;
        width: 94%;
        padding:  10px 3%;
    }
    #post_five_box>.wrap_section>.post_heading>div{
        float: none;
        width: 94%;
        padding:  10px 3%;
    }
    #post_five_box>.wrap_section .post_section{
        float: none;
        width: 94%;
        padding:  10px 3%;
    }
    #post_five_box>.wrap_section .post_section .canvas{
        float: none;
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }
}














#campany_explore_box{
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 00px 0;
    background: var(--body_color);
}
#campany_explore_box .section{
    overflow: hidden;
    width: 94%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 20px;
}
#campany_explore_box .section>div{
    width: 100%;
    height: 100%;
    padding:  0 0%;
    text-align: center;
}
#campany_explore_box .section>.right_side{
    color: rgb(70, 39, 91);
    line-height: 25px;
    font-family:  Arial, Helvetica, sans-serif;
}
@media (min-width:100px) and (max-width:700px){
    #campany_explore_box .section{
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    #campany_explore_box .section>div{
        float: none;
        width: 100%;
        height: 100%;
    }
}





#ready_develop_box{
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    padding-top: 0;
    background: var(--body_color);
}
#ready_develop_box>.nain_section{
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background-size: cover;
    padding: 0;
}
#ready_develop_box>.nain_section>.section{
    width: 100%;
    height: 100%;
    height: 200px;
    padding: 50px;
    padding-bottom: 150px;
    display: flex;
    background: linear-gradient( rgba(150, 2, 219, 0.363), rgba(21, 1, 104, 0.616));
}
#ready_develop_box .section>.campany_picher{
    width: 250px;
    min-width: 250px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ready_develop_box .section>.campany_picher img{
    overflow: hidden;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

#ready_develop_box .section>.campany_describe{
    width: 80%;
    height: 100%;
    color: var(--heading_text_color);
}
#ready_develop_box .section>.campany_describe button{
    width: 180px;
    height: 60px;
    background: var(--button_after_bg);
    color: var(--header_color);
}#ready_develop_box .section>.campany_describe button:hover{
    color: var(--head_color);
}
#ready_develop_box .section>.campany_describe button:after{
    background: #fff;
}
@media (min-width:100px) and (max-width:700px){
    #ready_develop_box>.nain_section>.section{
        height: auto;
        display: block;
    }
    #ready_develop_box>.nain_section>.section{
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 5%;
    }
    #ready_develop_box .section>.campany_picher{
        width: 100%;
        height: 200px;
    }
    #ready_develop_box .section>.campany_describe{
        width: 80%;
        height: 100%;
        color: var(--heading_text_color);
    }
}








#agent_post_box{
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 20px 0;
    background: var(--body_color);
}
#agent_post_box>.main_section{
    overflow: hidden;
    width: 96%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
#agent_post_box>.main_section>div{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
#agent_post_box>.main_section .post_box{
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    min-width: 350px;
    height: 450px;
    padding: 10px;
    margin: 0 auto;
}
#agent_post_box>.main_section .post_box>.area_section{
    overflow: hidden;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#agent_post_box>.main_section .post_box>.area_section>.image_box{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#agent_post_box>.main_section .post_box>.area_section>.image_box>img{
    width: 100%;
    height: 100%;
    transition: .5s all ease;
}#agent_post_box>.main_section .post_box:hover .area_section>.image_box>img{
    transform: scale(1.04);
    filter: grayscale(100%);
}



#agent_post_box>.main_section .post_box>.area_section>.footer_info{
    width: 100%;
    height: 60px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#agent_post_box>.main_section .post_box>.area_section>.footer_info>.details{
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#agent_post_box>.main_section .post_box>.area_section>.footer_info>.details>h3{
    padding: 5px 0;
}#agent_post_box>.main_section .post_box>.area_section>.footer_info>.details>h4{
    color: rgb(83, 83, 83);
}

#agent_post_box>.main_section .post_box>.area_section>.footer_info>.share_button{
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: var(--default_caption_bg);
}
#agent_post_box>.main_section .post_box>.area_section>.footer_info>.share_button>i{
    width: 100%;
    height: 100%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all ease;
}#agent_post_box>.main_section .post_box:hover .area_section>.footer_info>.share_button>i{
    width: 100%;
    height: 100%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all ease;
}

#agent_post_box>.main_section .post_box>.area_section>.footer_info>.share_button>.socal_share_box{
    overflow: hidden;
    width: 100%;
    height: 150px;
    font-size: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    left: -300px;
    top: -600px;
    transition: 1s all ease;
    transform:skewX(500deg) scale(0.1);
    opacity: 0;
}
#agent_post_box>.main_section .post_box:hover .area_section>.footer_info>.share_button>.socal_share_box{
    transform:skewX(0deg) scale(1);
    opacity: 1;
    top: -200px;
    left: 0;
}


#agent_post_box>.main_section .post_box>.area_section>.footer_info>.share_button>.socal_share_box>a{
    display: block;
    overflow: hidden;
    color: black;
    padding: 5px 0;
}#agent_post_box>.main_section .post_box>.area_section>.footer_info>.share_button>.socal_share_box>a:hover{
    color: var(--button_after_bg);
}
@media (min-width:100px) and (max-width:900px){
    #agent_post_box>.main_section .post_box{
        overflow: hidden;
        float: left;
        width: 48%;
        height: 450px;
        padding: 10px 1%;
    }
}
@media (min-width:100px) and (max-width:600px){
    #agent_post_box>.main_section .post_box{
        overflow: hidden;
        float: left;
        width: 96%;
        padding: 10px 2%;
    }
}






#main_site_section{
    overflow: hidden;
    width: 100%;
    height: 500px;
}
#site_section_box{
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
#site_section_box>.main_section{
    overflow: hidden;
    width: 100%;
    height: 300px;
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: space-between;
}
#site_section_box>.main_section .left_content{
    overflow: hidden;
    width: 500px;
    max-width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--content_color);
}
#site_section_box>.main_section .left_content>.play_button{
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
}
#site_section_box>.main_section .left_content>.play_button>button{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 25px;
    background: rgb(161, 19, 255);
    transition: .5s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#site_section_box>.main_section .left_content>.play_button:hover>button{
    background: rgb(102, 19, 255);
}
#site_section_box>.main_section .left_content>h4{
    padding: 20px 0;
    padding-bottom: 0;
    margin: 0 40px;
}
#site_section_box>.main_section .left_content>h2{
    padding: 20px 0;
    margin: 0 40px;
    font-size: 40px;
}


#site_section_box>.main_section .right_content{
    overflow: hidden;
    width: 250px;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#site_section_box>.main_section .right_content>.box{
    width: 180px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px 0;
    padding: 10px 10px;
    background: rgb(126, 46, 255);
    color: var(--content_color);
}
#site_section_box>.main_section .right_content>.box>label{
    font-size: 30px;
}
#site_section_box>.main_section .right_content>.box.one{
    background: rgb(178, 46, 255);
}

#main_site_section>.back_bg{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    top: -100%;
    background: rgba(25, 4, 36, 0.384);
}
@media (min-width:100px) and (max-width:700px){
    #main_site_section{
        width: 100%;
        height: 700px;
    }
    #site_section_box{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    #site_section_box>.main_section{
        overflow: hidden;
        width: 100%;
        height: 550px;
        position: relative;
        z-index: 99;
        display: flex;
        justify-content: space-between;
    }
    #site_section_box>.main_section{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #site_section_box>.main_section .right_content{
        margin: 0 40px;
    }
}
@media (min-width:100px) and (max-width:450px){

    #site_section_box>.main_section .left_content>.play_button{
        width: 60px;
        height: 60px;
        min-width: 12vw;
        min-height: 12vw;
    }
    #site_section_box>.main_section .left_content>h4{
        padding: 4vw 0;
        padding-bottom: 0;
        margin: 0 8vw;
    }
    #site_section_box>.main_section .left_content>h2{
        padding: 4vw 0;
        margin: 0 8vw;
        font-size: 8vw;
    }

    #site_section_box>.main_section .right_content>.box{
        width: 100%;
        height: 19vw;
        margin: 4vw 0;
        padding: 4vw 4vw;
    }
    #site_section_box>.main_section .right_content>.box>label{
        font-size: 8vw;
        height: 35px;
    }
    #site_section_box>.main_section .right_content>.box.one{
        font-size: 4vw;
    }
    #site_section_box>.main_section .right_content span{
        font-size: 12px;
    }
    
}











#news_posts_main_box{
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 50px 0;
    padding-bottom: 0;
    background: var(--body_color);
}
#news_posts_main_box>.heading{
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#news_posts_main_box>.main_section{
    overflow: hidden;
    width: 96%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
#news_posts_main_box>.main_section>div{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
#news_posts_main_box>.main_section .post_canvas{
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    min-width: 350px;
    height: 450px;
    padding: 10px;
    margin: 0 auto;
}
#news_posts_main_box>.main_section .post_canvas>.img_section{
    overflow: hidden;
    width: 100%;
    height: 50%;
}
#news_posts_main_box>.main_section .post_canvas>.img_section>img{
    width: 100%;
    height: 100%;
    transition: .5s all ease;
}#news_posts_main_box>.main_section .post_canvas:hover>.img_section>img{
    transform: scale(1.04);
}

#news_posts_main_box>.main_section .post_canvas>.img_section>.content{
    width: 90%;
    height: 80%;
    position: relative;
    top: -100%;
    margin: 10px auto;
    text-shadow: 3px 2px 2px rgb(255, 255, 255);
    color: rgb(3, 3, 3);
    text-align: center;
    background: rgba(203, 203, 203, 0.534);
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#news_posts_main_box>.main_section .post_canvas>.footer_info{
    width: 90%;
    height: auto;
    padding: 20px 0;
    margin: 0 auto; 
    position: relative;
    top: -30px;
    background: var(--post_box_bg);
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>.path_address{
    max-width: 90%;
    padding: 10px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>.path_address>label{
    display: flex;
    align-items: center;
    font-size: 15px;
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>.path_address>label>i{
    font-size: 15px;
    margin: 5px;
    color: var(--menu_layut_color);
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>.path_address>span{
    display: block;
    margin: 0 8px;
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>h3{
    font-size: 20px;
    padding: 0 30px;
    text-align: center;
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>button{
    width: 120px;
    height: 40px;
    background: rgb(243, 243, 243);
    color: rgb(238, 238, 238);
    margin: 10px 30px;
    transition: .5s all ease;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>button:hover{
    color: rgb(51, 51, 51);
}
#news_posts_main_box>.main_section .post_canvas>.footer_info>button:after{
    background: rgb(221, 135, 255);
}


@media (min-width:100px) and (max-width:900px){
    #news_posts_main_box>.main_section .post_canvas{
        float: left;
        width: 48%;
        height: 450px;
        padding: 10px 1%;
    }
}
@media (min-width:100px) and (max-width:600px){
    #news_posts_main_box>.main_section .post_canvas{
        float: left;
        width: 96%;
        padding: 10px 2%;
    }
}