.fixed_dot_nav{position: fixed; top:50%; right:10px; transform: translate(0px, -50%); z-index: 10;}
.fixed_dot_nav .dot_nav{list-style: none; padding: 0px 0px; display: flex; flex-direction: column;}
.fixed_dot_nav .dot_nav .dot_nav_list{position: relative;}
.fixed_dot_nav .dot_nav .dot_nav_item{ display: inline-block; border-style: solid; border-width: 8px; border-color: transparent #8B8B8B #8B8B8B transparent; border-bottom-right-radius: 5px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; transform: rotate(315deg); margin-bottom: 15px;}
.fixed_dot_nav .dot_nav .dot_nav_item.active{border-color:  transparent #EC2333 #EC2333 transparent;}
.fixed_dot_nav .dot_nav .dot_nav_list:hover .dot_nav_item{border-color:  transparent #EC2333 #EC2333 transparent;}

.fixed_dot_nav .dot_nav .dot_nav_list .side_nav_txt{position: absolute; color: #EC2333; text-decoration: none; top:-4px; right:15px; width: 0em; text-align: right; overflow: hidden;}
.fixed_dot_nav .dot_nav .dot_nav_list:hover .side_nav_txt{width:7em;}
.fixed_dot_nav .dot_nav .dot_nav_list .side_nav_txt span{display: block; transform: translateX(100%); transition: .3s ease-in-out; font-size: 14px; line-height: 22px;}
.fixed_dot_nav .dot_nav .dot_nav_list:hover .side_nav_txt span{transform: translateX(0px);}

.rtl .fixed_dot_nav{right:unset; left:10px;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_item{ border-color: #8B8B8B transparent transparent#8B8B8B; border-bottom-left-radius: 5px; border-top-left-radius: 6px; border-bottom-right-radius: 6px;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_item.active{border-color:  #EC2333 transparent transparent #EC2333;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_list:hover .dot_nav_item{border-color:  #EC2333 transparent transparent #EC2333;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_list .side_nav_txt{right:unset; left:15px;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_list .side_nav_txt span{text-align: left; transform: translateX(-100%);}
.rtl .fixed_dot_nav .dot_nav .dot_nav_list:hover .side_nav_txt{width:8em;}
.rtl .fixed_dot_nav .dot_nav .dot_nav_list:hover .side_nav_txt span{transform: translateX(0px);}


@media screen and (min-width:1440px){
    .fixed_dot_nav{right:25px;}
    .rtl .fixed_dot_nav{right:unset; left:25px;}

}

@media screen and (min-width:200px) and (max-width:1024px){

}