.dsh-br {margin: 0;}
ul.nft-effct-post {
    text-align: center;
    transform: unset;
    display: flex;margin-top: 31px;
}
ul.nft-effct-post li {
    list-style: none;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 0px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 5px;
}
ul.nft-effct-post li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    text-decoration: none;
    background: #fff;
    font-size: 25px;
    line-height: initial;
    transform: translateY(0);
    transition: .9s;
    margin-bottom: -1px;
}
ul.nft-effct-post li:hover a{
    transform: translateY(-100%);
}

ul.nft-effct-post li a:nth-of-type(1){
   color: #00004C;
}
ul.nft-effct-post li a:nth-of-type(2){
    color: #fff;
}
ul.nft-effct-post li:nth-of-type(1):hover a{
    background:#3b5998;
}
ul.nft-effct-post li:nth-of-type(2):hover a{
    background: #00aff0;
}
ul.nft-effct-post li:nth-of-type(3):hover a{
    /*background: #3f729b;*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
ul.nft-effct-post li:nth-of-type(4):hover a{
    background: #0077b5;
}
ul.nft-effct-post li:nth-of-type(5):hover a{
    background:	#55acee;
}
.seff-sec {
    position: relative;
}

input.sub:hover { background: #ff596a;border-color: #ff596a;}
input.sub{transition: all 0.5s ease-out;cursor: pointer;}
.ft-sec-gid a:hover { color: #f45565;}
.ft-sec-gid a {   transition: all 0.5s ease-out;}
a.das-br-txt { display: flex; align-items: center;}
a.das-br-txt .fa { font-size: 16px;  margin-right: 14px;display: inline-block;  padding: 0 !important;}
a.das-br-txt { background: transparent;  color: #00004c;    padding: 0 !important;}
.dsh-br { position: relative;  height: auto; display: flex;   align-items: center; padding: 12px 0;}
.das-dropdown a {display: block;  background: transparent;}
.das-dropdown a { display: block; background: transparent; padding: 8px 0 !important; border-bottom: 1px solid #ccc;font-size: 13px;  border-radius: 0;    color: #333333 !important;}
.das-dropdown a:last-child {border-bottom: 0;}
.das-dropdown a i { color: #6d7b88; font-size: 15px;padding-right: 8px !important;}
.das-dropdown {width:161px;position: absolute;top:42px;background: #fff;left: -35px;border-radius: 5px;display: none;padding: 10px 15px;z-index: 9;}
.das-dropdown:before { background-size: cover; top: -20px; content: ""; display: block; height: 10px; left: 48%;margin-left: -10px; position: absolute; z-index: 999; transition: .6s;
    border-bottom: 10px solid #ffffff; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.dsh-br:hover .das-dropdown { display: block;}
.das-dropdown a:hover, .das-dropdown a:hover i {color: #30c7bf !important;}
.das-dropdown.drop-crt {width: 18rem!important;left:-123px;}
.drop-crt a div { margin: 0;margin-right: 10px;}
button.shop-btn.grn-bnt.cart_btn.btn-overlay:hover {color: #30C7BF;}
a.shop-btn.btn-overlay:hover { color: #fff;}
.icon-circle.bg-success {height: 2.5rem;width: 2.5rem; border-radius: 100%; display: flex; align-items: center;justify-content: center;}
.drop-crt a div {  margin: 0; margin-right: 10px;}
a.dropdown-item.d-flex.align-items-center { display: flex; justify-content: flex-start; align-items: center;}
.das-dropdown a { background: transparent; padding: 8px 0 !important; border-bottom: 1px solid #ccc;font-size: 13px;border-radius: 0; color: #333333 !important;}
.drop-crt a div { margin: 0;margin-right: 10px;}
.drop-crt .small.text-gray-500 p { font-size: 13px; line-height: 21px;}
.div-fm-con {
    margin-top: 18px;
}

@media only screen and (max-width: 768px) {
    
  .das-dropdown { left: -97px;}
.dsh-br.dbd-cart {
    z-index: 1;
}  
.das-dropdown:before {
    left: 83%;
  }
.left_fild_sec {
    width: 100%;
    padding: 20px !important;
}



}   
    
@media only screen and (max-width: 540px) {
      .das-dropdown { left: -88px;}
    
}