.footer-main {

            background-color: white;

            padding: 60px 0 40px;

            position: relative;

        }

        

        .footer-logo .footer-image{

            max-width: 280px;

            margin-bottom: 30px;

        }

        

         .footer-logo {

            border-right:1px solid #00000078;

            display: flex;

            justify-content: center;

            margin-right: 40px;

         }

        

        .footer-logo .logo-icon::after {

            content: "علم";

            color: #dc3545;

            font-weight: bold;

            font-size: 16px;

        }

        

        .footer-logo .logo-text {

            display: inline-block;

            vertical-align: middle;

        }

        

        .footer-logo .logo-text h2 {

            color: #dc3545;

            font-weight: bold;

            font-size: 2.5rem;

            margin: 0;

            letter-spacing: 2px;

        }

        

        .contact-section h3 {

            color: #333;

            font-size: 20px;

            margin-bottom: 40px;

            font-weight: 600;

        }

        

        .contact-item {

            margin-bottom: 30px;

        }

        

        .contact-icon {
            text-align:center;
            padding-bottom:10px;

        }

        

        .contact-icon i {

            font-size: 24px;

            margin-left: -5px;

            color: black;

        }

        

            

        .contact-details h5 {

            color: black;

            font-weight: 600;

            margin-bottom: 5px;

            font-size: 1.1rem;

        }

        

        .footer-main .sales-eng{

            text-align:left;    

        }

        

        .contact-details p {

            color: black;

            margin-bottom: 3px;

            font-size: 0.95rem;

            direction:ltr;

        }

        

        .contact-details .sales {

            direction:rtl;

        }

        

        .contact-details a {

            color: black;

            text-decoration:none;

        }

        .back-to-ar{

            direction:ltr;    

        }

        

        .back-to-top {

            position: absolute;

            right: 30px;

            top: 30%;

            transform:rotate(180deg);

            background-color: #fff;

            border: 2px solid #dee2e6;

            padding: 15px 8px;

            text-decoration: none;

            color: #6c757d;

            font-size: 12px;

            writing-mode: vertical-rl;

            text-orientation: mixed;

            transition: all 0.3s ease;

        }

        

        .back-to-top:hover {

            background-color: #E31837;

            color: white;

            border-color: #E31837;

        }

        

        .back-to-top i{

            padding-top:10px;

        }

        

        .footer-social {

            background-color: #E31837;

            padding: 10px 0;

        }

        

        .social-icons {

            display: flex;

            justify-content: center;

            gap: 40px;

        }

        

        .social-icon {

            width: 50px;

            height: 50px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: white;

            text-decoration: none;

            font-size: 26px;

            transition: all 0.3s ease;

        }

        

        .social-icon:hover {

            background-color: rgba(255, 255, 255, 0.2);

            color: white;

            transform: translateY(-3px);

        }

        

        @media (max-width: 768px) {

            .footer-main {
                        padding: 40px 0 30px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
                padding: 40px 0 30px;

            }

            

            .footer-logo .footer-image {

                max-width: 150px;

                margin-bottom: 30px;

            }

            .back-to-top {

                position: static;

                transform: none;

                margin: 20px auto;

                display: block;

                padding:10px 30px;

                width: fit-content;

                writing-mode: horizontal-tb;

                text-orientation: initial;

            }

            

            .back-to-top i{

                transform:rotate(180deg);

                padding-top:0px;

                padding-right:20px;

            }

            

            .contact-item {
                justify-content: center;
                margin-bottom: 25px;

            }

            

            .social-icons {

                gap: 20px;

            }

            

            .footer-logo {

                border-right: 0px solid #00000078;

            }

            

        }

        .wa-float-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: #25D366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 9999;
            text-decoration: none;
        }

        .wa-float-btn:hover {
            background-color: #E31837;
            transform: scale(1.1);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }

        .wa-float-btn__icon {
            width: 35px;
            height: 35px;
            fill: #ffffff;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .wa-float-btn {
                width: 50px;
                height: 50px;
                bottom: 15px;
                right: 15px;
            }
            
            .wa-float-btn__icon {
                width: 28px;
                height: 28px;
            }
        }