/* *footer */
::selection {
    color: rgb(0, 0, 0);
    background: rgb(253,216,53)
  }
.footerDiv{
    /* border: 2px solid rgb(180, 180, 180); */
    display:flex;
    justify-content: center;
}
.container{
    margin:50px 0px 0px 0px;
    width: 70%;
}
.hr{
    margin: auto;
    margin-top:20px ;
    width:70%;
    border: 1px solid rgb(180, 180, 180);
}
#logo1{
    width: 10%;
    margin-bottom: 15px;
}
#logo1 img{
    width: 100%;
    margin:0;
cursor: pointer;    padding: 0;
}

.section{
    display: flex;
    justify-content: center;
}
footer{
    background: rgb(24,24,24);
    /* border: 2px solid blue; */
}
.section div{
    margin: 0px 70px 0px 0px;
    width: 100%;
}
.section a{
font-size: 12px;
cursor: pointer;
color: white;
}

.section span{
    margin-bottom: 20px;
    color: rgb(246,216,52);
    font-size: 13px;
    letter-spacing: 1px;
}
.connect{
    margin-bottom: 20px;
    color: rgb(246,216,52);
    font-size: 13px;
    letter-spacing: 1px;   
}
li{
    margin-top: 2px;
}
li:first-child{
    margin-top: 20px;
}

#socialIcoMobile{
    margin-top: 50px;
}
#first{
    margin-top: 20px;
}

.mrgin-btn{
    display: flex;
    padding-bottom: 5px;
}
#flex{
    display: flex;
    justify-content: space-between;
width: 40%; 
}
.mrgin-btn i{
    font-size: 15px;
    margin-top: 8px;
}
.section1{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin-top: 30px;
}
.font-color-and-size{
    color: white;
}
.margin-top{
    margin-top : 15px;
}
.font-color-yellow{
    color: rgb(246,216,52);
}
.font-color-white{
    color: white;
    font-size: 12px;
}
#font-size{
    font-size: 12px;
    letter-spacing:2px;
    font-weight: 550;
}
.playstr-img{
    display: flex;
    width:40%;
    justify-content: space-between;
}
.playstr-img img{
    width: 100%;
}

.flex-section{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: auto;
}
.spacing-top{
    margin-top:30px;
}
.flex-section  span, a{
color: white;


}
.flex-section h4{
    margin-bottom:25px;
}
.flex-section div > span{
    font-size: 13px;
    font-weight: 350;
}
.flex-section div > span ~ a > p{
    font-size: 13px;
    font-family: montserrat,sans-serif;
}
.space-between-div{
    margin-top:10px;
}

.flex-section div > span ~ a {
    line-height: 18px;

}

.woman-footer-options div > a:first-child > p{
font-size: 13px;
font-weight: 350;
}

.woman-footer-options div > a:first-child ~ a>p{
    font-size: 13px;
    font-family: montserrat,sans-serif;
    }
    .woman-footer-options div > a:first-child ~ a{
        line-height: 18px;
        }

.mobile-brands div > a:first-child > p{
    font-size: 13px;
    font-weight: 550;
}

.mobile-brands div > a:first-child ~ a>p{
    font-size: 13px;
    font-family: montserrat,sans-serif;
    }

    .mobile-brands div > a:first-child ~ a{
        line-height: 18px;
        }
        /* rgb(81,204,204) */

 .fanbook-div h4{
color:rgb(81,204,204) ;
font-weight: 700;
letter-spacing: 1px;
line-height:18px;
        }
.footer-description h3, p{
    color: white;
}
.footer-description{
    width: 70%; 
   margin: auto;
   margin-top:50px;
border:0.1px solid rgb(24,24,24)
}
.footer-description h3, p {
 
    color: hsla(0,0%,100%,.9);
    font-size: 18px;
    font-family: montserrat-regular,sans-serif;
}
.letter-spacing{
    letter-spacing: 1px;
    margin-bottom: 15px;
    line-height: 20px;
}



/* *Scroll Bar Design */
/* width */
::-webkit-scrollbar {
    width: 8px;
  }

  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;border-radius: 30px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(81,204,204);
  }