* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background: #000!important;
    /*background: rgb(9, 11, 39)!important;*/
    /*background-repeat: no-repeat;
    background-size: cover;*/
    overflow-x: hidden;
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.loader {
    width: 60px;
    height: 60px;
    border: 10px solid #dddddd;
    border-top-color: #ff7f50;
    border-radius: 50%;
    animation: loader 2s linear infinite;
}
@keyframes loader {
    0% {
        transform: rotate(0turn);
    }
    100% {
        transform: rotate(1turn);
    }
}
.loader-end {
    opacity: 0;
    visibility: hidden;
}
#header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 100;
}
nav {
    width: 100%;
    height: auto;
     background: rgba(0, 0, 0, 0.589); 
    display: flex!important;
    justify-content: space-between;
    padding: 10px;
}
nav .logo {
    margin: 10px;
}
nav .logo img {
    width: 60px;
}
.side-bar {
    /* background: rgba(255, 255, 255, 0.1); */
    background: rgba(0, 0, 0, 0.712);
    backdrop-filter: blur(15px);
    width: 290px;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000;
    right: -100%;
    overflow-y: auto;
    transition: 0.8s ease;
    transition-property: right;
}
.side-bar.active {
    right: 0;
}
.side-bar .menu {
    width: 100%;
    margin-top: 80px;
}
.side-bar .menu .item  {
    margin-top: 10px;
    position: relative!important;
    cursor: pointer;
}
.side-bar .menu .item a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 5px 30px;
    line-height: 60px;
}
.side-bar .menu .item a:hover {
    background: #ffdab9;
    color: #333;
    /* background: #862186f8; */
    transition: 0.3s ease;
}
.side-bar .menu .item i {
    margin-right: 15px;
}
.side-bar .menu .item a .dropdown {
    position: absolute;
    right: 0;
    margin: 20px;
    transition: 0.3s ease;
}
.side-bar .menu .item .sub-menu {
    background: rgba(255, 255, 255, 0.1);
    display: none;
}
.side-bar .menu .item .sub-menu a {
    padding-left: 80px;
}
.rotate {
    transform: rotate(90deg);
}
.close-btn {
    position: absolute;
    color: #fff;
    /* color: #fff; */
    font-size: 25px;
    font-weight: bolder;
    right: 0;
    margin: 25px;
    cursor: pointer;
} 
.menu-btn {
    position: absolute;
    color: #fff;
    /* color: #fff; */
    font-weight: bolder;
    font-size: 25px;
    margin: 25px 20px 10px -30px ;
    cursor: pointer;
}




#follow .follow-head h2 {
    font-size: 30px;
    color: #ffdab9;
}
#follow .follow-details {
    margin-top: 70px;
}
#follow .follow-details .follow-content {
    margin-top: 30px;
    transition: 0.8s;
}
#follow .follow-details .follow-content:hover {
    transform: scale(1.05);
}
#follow .follow-details .follow-content .follow-box {
    width: 300px;
    height: auto;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
#follow .follow-details .follow-content .follow-box .box-text h2 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.692);
}
#follow .follow-details .follow-content .follow-box .box-icon i {
    font-size: 25px;
    font-weight: bolder;
}
.fa-facebook {color: rgb(0,110,255);}
.fa-twitter {color: rgb(86,154,243);}
.fa-x-twitter {color: #333;}
.fa-paper-plane {color: #55acee;}
.fa-linkedin-in {color: #0082ca;}
.fa-envelope {color: rgba(255,0,0,0.6);}
.fa-instagram {color: rgb(255,0,191);}
.fa-youtube {color: rgb(255,0,0);}
.fa-tiktok {color: #000;}
.fa-whatsapp {color: green;}
.fa-snapchat {color: rgb(255, 255, 0);}