@font-face {
                font-family: lale;
                src: url("./IRANYekanMedium.ttf");
            }
            
            @font-face {
                font-family: lole;
                src: url("./IRANYekanExtraBold.ttf");
            }
            
            body {
                margin: 0;
                padding: 0;
            }
            
            ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            #header {
                width: 100%;
                height: 70px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
            }
            
            #header>#header_nav {
                height: 100%;
                width: 85%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            #header>#header_nav>ul {
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            
            #header>#header_nav>ul>li {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logad {
                height: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-basis: 15%;
                font-size: 11px;
                font-family: lale;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logad>#header_headernav_log>#log_button {
                text-decoration: none;
                border: 1px solid #ccc;
                border-radius: 8px;
                padding: 5px;
                box-shadow: 0 1px 2px #1018280d;
                background-color: transparent;
                font-size: 11px;
                font-family: lale;
                cursor: pointer;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logad>#header_headernav_adreg {
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logad>#header_headernav_log {
                display: flex;
                justify-content: center;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logo {
                height: 100%;
                flex-basis: 50%;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_meno {
                flex-basis: 35%;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_meno>#header_headernav_meno_items {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                display: flex;
                flex-direction: row-reverse;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_meno>#header_headernav_meno_items>li {
                justify-content: center;
                align-items: center;
                display: flex;
                font-size: 12px;
                font-family: lale;
                cursor: pointer;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logo>#headernav_logo_file {
                width: 50%;
                height: 100%;
                margin-right: -40%;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logo>#headernav_logo_file>#pic_holder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                align-self: center;
                justify-content: center;
            }
            
            #header>#header_nav>#header_headernav_menu>#header_headernav_logo>#headernav_logo_file>#pic_holder svg {
                width: 38%;
                height: 40%;
                cursor: pointer;
            }
            /*end header*/
            /*start content*/
            
            #container {
                width: 100%;
                height: 2600px;
            }
            
            #container>#container_content {
                width: 100%;
                height: 1150px;
                /*background: #9a0547;*/
                background: url("all.webp");
                background-repeat: no-repeat;
                background-size: 100% 93%;
            }
            
            #container>#container_content>#container_content_top {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#container_content_all {
                width: 100%;
                height: 400px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#container_content_top_h1>h1 {
                font-size: 40px;
                height: 60px;
                font-family: lole;
                font-weight: 900;
                color: white;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#container_content_searchbox {
                width: 100%;
                height: 100px;
                display: flex;
                justify-content: center;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#container_content_searchbox>#content_searchbox_items {
                color: white;
                width: 750px;
                height: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-direction: row-reverse;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#container_content_searchbox>#content_searchbox_items>li {
                font-family: lale;
                font-size: 22px;
                font-weight: 900;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#container_content_searchbox>#content_searchbox_items>li:hover {
                font-family: lale;
                font-size: 22px;
                font-weight: 100;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#content_search_input {
                width: 880px;
                height: 100px;
                display: flex;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#content_search_input>input {
                width: 880px;
                height: 40px;
                border-radius: 8px;
                font-size: 15px;
                font-family: lale;
                box-shadow: 0 1px 2px #1018280d;
                line-height: none;
                outline: none;
                border: none;
                text-align: right;
                padding: 10px 14px;
            }
            
            #container>#container_content>#container_content_top>#container_content_all>#content_search_input>input :focus {
                outline: none;
            }
            /*promotion_container*/
            
            #container>#container_content>#container_content_top>#promotion_container {
                width: 100%;
                height: 570px;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_title {
                display: flex;
                justify-content: center;
                align-items: flex-start;
                height: 150px;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_title>h2 {
                font-size: 21px;
                color: white;
                font-family: lole;
                font-weight: 700;
                line-height: 0px;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items {
                width: 93%;
                height: 100%;
                display: flex;
                justify-content: space-around;
                flex-direction: row-reverse;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list {
                width: 30.5%;
                height: 500px;
                background-color: rgb(255, 255, 255);
                text-align: center;
                box-shadow: 0px 2px 5px #000c2656;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                align-items: center;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items {
                display: flex;
                width: 90%;
                height: 94%;
                justify-content: space-between;
                flex-direction: column;
                align-items: center;
                font-family: lale;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                align-items: center;
                height: 100%;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description>h3 {
                font-size: 21px;
                font-weight: 800;
                color: #101828;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description>.promotions_icoon {
                margin-top: -80px
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description>.descrip_promo {
                color: #667085;
                font-size: 17px;
                font-weight: 500;
                line-height: 25px;
                margin-top: -80px
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description>.button_promotion {
                background-color: #751f45;
                height: 36px;
                font-size: 15px;
                display: flex;
                align-items: center;
                padding: 1px 10px;
                border-radius: 8px;
            }
            
            #container>#container_content>#container_content_top>#promotion_container>#promotion_container_items>#promotion_items>.main-list>.list_items>.list_description>.button_promotion>span {
                color: #fff;
            }
            
            #container>#container_bottom {
                width: 100%;
                display: flex;
                justify-content: center;
            }
            
            #container>#container_bottom>#cb_holder {
                width: 80%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            
            #container>#container_bottom>#cb_holder>#cb_title {
                width: 100%;
                display: flex;
                justify-content: flex-end;
            }
            
            #container>#container_bottom>#cb_holder>#cb_title>h1 {
                font-family: lole;
                font-size: 30px;
                font-weight: 900;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow {
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_top {
                width: 100%;
                height: 110px;
                display: flex;
                flex-direction: row-reverse;
                justify-content: space-between;
                align-items: flex-start;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_top>.cb_ss_top_title {
                font-family: lale;
                font-weight: 100;
                font-size: 15px;
                color: #667085;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_top>.cb_ss_top_lfbutton {
                width: 140px;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_top>.cb_ss_top_lfbutton>div {
                width: 50px;
                height: 50px;
                margin-top: 15px;
                border: 1px solid gray;
                border-radius: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_top>.cb_ss_top_lfbutton>div>svg {
                margin: 0;
                padding: 0px;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom {
                width: 100%;
                height: 500px;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder {
                width: 105%;
                height: 380px;
                overflow: hidden;
                margin-left: -5%;
                display: flex;
                flex-direction: row-reverse;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items {
                width: 280px;
                height: 380px;
                margin-left: 20px;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items>.slider_main {
                width: 280px;
                height: 380px;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                justify-content: space-between;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items>.slider_main>.slider_pic {
                width: 280px;
                height: 296px;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items>.slider_main>.slider_cat {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items>.slider_main>.slider_cat>.sli_txt {
                margin: 0;
                margin-top: 4px;
                font-weight: 100;
                font-family: lole;
            }
            
            #container>#container_bottom>#cb_holder>#cb_slideshow>#cb_ss_bottom>#slider_holder>.slider_items>.slider_main>.slider_cat>p {
                font-size: 15;
                color: #751f45;
            }
            /*footer start*/
            
            #footer {
                width: 100%;
                height: 500px;
                border-top: 1px solid #667085;
                display: flex;
                justify-content: center;
                background-color: #f9fafb;
            }
            
            #footer>#footer_pages {
                width: 80%;
                height: 100%;
                display: flex;
                justify-content: flex-end;
                flex-direction: column;
            }
            
            #footer>#footer_pages>div {
                width: 100%;
            }
            
            #footer>#footer_pages>#fp_holder {
                width: 100%;
                height: 90%;
            }
            
            #footer>#footer_pages>#fp_holder>#fbh_menu {
                width: 100%;
                display: flex;
                justify-content: space-around;
            }
            
            #footer>#footer_pages>#fp_holder>#fbh_menu>.fbhm_items {
                width: 100%;
                display: flex;
                justify-content: center;
            }
            
            #footer>#footer_pages>#fp_holder>#fbh_menu>.fbhm_items>.fbhmi_footer {
                width: 80%;
                height: 200px;
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                flex-direction: column;
            }
            
            #footer>#footer_pages>#fp_holder>#fbh_menu>.fbhm_items>.fbhmi_footer>.f_title {
                line-height: 20px;
                font-size: 15px;
                font-weight: 900;
                font-family: lole;
            }
            
            #footer>#footer_pages>#fp_holder>#fbh_menu>.fbhm_items>.fbhmi_footer>.f_space {
                line-height: 25px;
                font-size: 14px;
                font-weight: 100;
                font-family: lale;
                color: #751f45;
            }