.social-icons {
    z-index: 1000;
    position: relative;
    top: 7px;
    right: 18px;
}
.top-menu-cions {
    gap: 2rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: end;
}
#nav-icon {
    position: fixed;
    z-index: 1012;
    top: auto;
    padding: 20px 10px;
    right: 15px;
}
img.top-logo {
    height: 85px;
}
img.top-logo.top-logo-2 {
    height: 60px;
}

.fahad-mockup-icons{
display: flex;
align-items: center;
justify-content: space-around;
}
@media (max-width: 767px){
.top-menu-cions{
flex-direction: column-reverse!important;
}

#nav-icon{
position: absolute!important;
top: 23%!important;
padding-top: 0!important;
right: 0!important;
}

span#nav-icon.fixed-nav {
 top: auto!important;
 padding-bottom: 10px!important;
}
.new-logo.new-hide{
display: none;
}

.fahad-mockup-icons{
display: flex;
align-items: center;
justify-content: space-around;
}
.fahad-mockup-icons img{
width: 30%!important;
height: fit-content!important;
}

.fahad-mockup-icons img{
width: 12rem!important;
height: fit-content!important;
}
}

@media (min-width: 431px) and (max-width: 600px){
.fahad-mockup-icons img{
width: 9rem!important;
}
}

@media  (min-width: 391px) and (max-width: 430px){
.fahad-mockup-icons img{
width: 8rem!important;
}
}

@media (max-width: 390px){
.fahad-mockup-icons img{
width: 8.65rem!important;
}
}

.new-logo.new-hide {
    display: none;
} 

@media screen and (min-width: 1321px) {
    img.logo-images {
              margin-left: 50px !important;
      
    }
}

.gd-hide{
    display: none;
}
.footer-menus{
    background-color: #3a3939 !important;
}
.fahad-footer-menu{
    background-color: white!important;
}
.fahad-container-fluid{
   height: auto!important;
   color: #000!important;
}
.fahad-container-fluid p{
    width: 100%!important;
    font-size: 0.85rem!important;
}
.fahad-images-footer{
    display: flex;
    justify-content: center;
    padding: 20px 10px;
    gap: 2rem;
}
.fahad-first-footer{
    padding-top: 25px!important;
    padding-bottom: 25px!important;
    align-items: center;
}
.fahad-second-footer{
    background-color: #fff!important;
}
.fahad-second-footer #footer-widget{
    width: fit-content!important;
    margin: 0 auto!important;
}
a.fahad-inner-link{
    font-size: 1rem!important;
}

@media (max-width: 767px){
.fahad-images-footer{
    display: grid!important;
}
.fahad-first-footer{
    flex-direction: column!important;
}

.fahad-footer-logo, .fahad-footer-socials{
    max-width: 100%!important;
}
.fahad-footer-socials ul{
    width: 100%;
    position: relative!important;
    transform: none!important;
    right: auto!important;
    top: auto!important;
    margin-top: 10px!important;
}
.fahad-second-footer #footer-widget{
    margin: -50px auto !important;
}

.fahad-footer-logo a.footer-logo{
display: flex;
place-self: center;
}
}

img.bottom-logo {
    width: 8.65rem !important;
    height: fit-content !important;
}
.site-footer #footer-widget .widget_nav_menu .flex-column li > a {
    border-right: 1px solid #212529;
    padding: 0 15px;
    color:#212529;
}

@media (min-width: 768px) {
    .p-md-5 {
        padding: 0rem !important;
    }
}
.fahad-first-footer {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    align-items: center;
}

.fahad-footer-menu {
    background-color: #3a3939 !important;
}

img.bottom-logo {
    width: 148px;
    height: 66px;
    background: #f8f9fa !important;
}

@media (max-width: 520px) {
  .container-fluid.p-3.p-md-5.second-footer.fahad-second-footer.text-center.wow.fadeInUp.footer-menus.animated {
    margin-top: 20px;
  }
}


img.bottom-logo {
    width: 148px;
    background: #f8f9fa !important;
}
.fahad-first-footer {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    align-items: center;
}
@media (max-width: 520px) {
  .container-fluid.p-3.p-md-5.second-footer.fahad-second-footer.text-center.wow.fadeInUp.footer-menus.animated {
    margin-top: 20px;
  }
}
