/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.2.1749443907
Updated: 2025-06-09 04:38:27

*/
/* reset css */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{
	font-weight:600;
}
/* end reset */

/* mobile logo */
/* Default: show desktop logo, hide mobile */
.logo-mobile {
    display: none;
}
.logo-desktop {
    display: block;
}

/* On mobile: hide desktop logo, show mobile */
@media (max-width: 768px) {
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
    }
}
/* end  mb logo*/

/* ninja css */
/* General Input Fields */
/* General Input and Textarea Fields */
.nf-form-cont{
	max-width:600px;
	margin:0 auto;
	padding:30px 15px;
}
.label-above .nf-field-label{
	margin-bottom:0 !important;
}
.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content input[type="tel"],
.nf-form-content input[type="date"],
.nf-form-content input[type="number"],
.nf-form-content textarea {
    width: 100%;
    padding: 14px;
    border: none;
    border-bottom: 1px solid #333;
    background: transparent;
    font-size: 16px;
    margin-bottom: 25px;
    box-sizing: border-box;
}

/* Labels */
.nf-form-content .nf-field-label label {
    display: block;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 15px;
}

/* Required Field Error State */
.nf-error .nf-field-element input,
.nf-error .nf-field-element textarea {
    border-bottom: 2px solid red;
}

.nf-error .nf-error-msg {
    color: red;
    font-size: 13px;
    margin-top: -20px;
    margin-bottom: 15px;
}

/* File Upload Button */
.nf-fu-fileinput-button {
    background-color: #333;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.nf-fu-fileinput-button:hover {
    background-color: #555;
}

/* Submit Button */
.nf-form-content .nf-form-fields-submit .nf-element {
    background-color: #333;
    color: white;
    border: none;
    font-size: 17px;
    padding: 14px 32px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    max-width: 250px;
}

.nf-form-content .nf-form-fields-submit .nf-element:hover {
    background-color: #555;
}
/* Submit Button Styling */
#nf-field-8.ninja-forms-field[type="submit"] {
    width: 100%;
    background-color: #333;
    color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 14px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover State */
#nf-field-8.ninja-forms-field[type="submit"]:hover {
    background-color: #555;
}

/* ninja end */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Helvetica, sans-serif;
            line-height: 1.6;
            color: #333;
            overflow-x: hidden;
			background: #e8e6e6cc
        }
p{
	font-size: 1.1rem;
}

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInLeft {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeInRight {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes scaleIn {
            from {
                opacity: 0;
                transform: scale(0.8);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }

        .animate-on-scroll {
            opacity: 1;
            transform: translateY(0);
            transition: all 0.6s ease-out;
        }

        .animate-on-scroll.will-animate {
            opacity: 0;
            transform: translateY(30px);
        }

        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }

        /* Header */
        header {
            background: white;
            border-bottom: 1px solid #e5e7eb;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }

        header.scrolled {
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .header-container {
            max-width: 90%;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

        .logo img {
            transition: transform 0.3s ease;
            height: 60px;
        }

        .logo img:hover {
            transform: scale(1.05);
        }

        /* Desktop Navigation */
        .desktop-nav ul {
            display: flex;
            list-style: none;
            gap: 80px;
        }

        .desktop-nav a {
            text-decoration: none;
            color: #1e3a8a;
            font-weight: 600;
            transition: color 0.3s ease;
            font-size: 16px;
            position: relative;
        }

        .desktop-nav a:hover {
            color: #ef4444;
        }

        .desktop-nav a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 0;
            background-color: #ef4444;
            transition: width 0.3s ease;
        }

        .desktop-nav a:hover::after {
            width: 100%;
        }

        .desktop-nav a.active {
            color: #ef4444;
        }

        /* Mobile Navigation */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 10px;
            z-index: 1001;
        }

        .mobile-menu-btn span {
            display: block;
            width: 30px;
            height: 3px;
            background: #1e3a8a;
            margin: 5px 0;
            transition: all 0.3s ease;
        }

        .mobile-nav {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            max-width: 320px;
            height: 100vh;
            background: white;
            z-index: 1000;
            padding: 100px 30px 30px;
            transition: right 0.4s ease;
            box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        }

        .mobile-nav.active {
            right: 0;
        }

        .mobile-nav ul {
            list-style: none;
        }

        .mobile-nav li {
            margin-bottom: 20px;
        }

        .mobile-nav a {
            text-decoration: none;
            color: #1e3a8a;
            font-size: 18px;
            font-weight: 600;
            display: block;
            padding: 10px 0;
            border-bottom: 1px solid #e5e7eb;
        }

        .mobile-nav a:hover {
            color: #ef4444;
        }

        .mobile-nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .mobile-nav-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* Mobile Close Button */
        .mobile-nav-close {
            position: absolute;
            top: 25px;
            right: 25px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 2.5rem;
            color: #1e3a8a;
            line-height: 1;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .mobile-nav-close:hover {
            color: #ef4444;
            transform: scale(1.1);
        }

        /* Hero Section */
        .hero {
            height: 100vh;
            background: linear-gradient(45deg, #fef3c7, #fed7aa);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            margin-top: 80px;
            background-image: url('https://firebrick-lapwing-262704.hostingersite.com/wp-content/uploads/2025/05/57a54c_9fda7abb5a55447e826dd35834011cdfmv2-1.jpg');
            background-size: cover;
            background-position: center;
        }

        /* Expert Services Section */
        .expert-services {
            background: #15126e;
            color: white;
            padding: 80px 0;
        }

        .expert-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: flex-start;
        }

        .expert-services h3 {
            font-size: 25px;
            font-weight: 700;
            margin-bottom: 30px;
            line-height: 1.2;
			max-width:345px;
        }

        .expert-content p {
            font-size: 1.1rem;
            margin-bottom: 20px;
            line-height: 1.8;
        }

        .expert-content strong {
            font-size: 1.2rem;
        }

        /* Services Icons Section */
        .services-icons {
            padding: 80px 0;
            background: #f9fafb;
        }

        .services-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }

        .service-item {
            text-align: center;
            padding: 30px 20px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        .service-icon {
            width: 80px;
            height: 80px;
            background: #dbeafe;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }

        .service-icon img {
            width: 40px;
            height: 40px;
        }

        .service-item h4 {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: #1f2937;
        }

        .service-item p {
            color: #6b7280;
            font-size: 0.9rem;
        }

        /* Contact Details Section */
        .contact-details {
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                        url('https://firebrick-lapwing-262704.hostingersite.com/wp-content/uploads/2025/05/57a54c_5fb11602b0264399a4c526afb0f05a93mv2-1.jpg');
            background-size: auto;
            background-position: center;
            padding: 80px 0;
            position: relative;
			background-attachment:fixed;
        }
        .contact-box svg{
            width:30px;
            height:auto;
        }
        .contact-box svg g{
            fill: #15126e
        }

        .contact-box {
            max-width: 980px;
            margin: 0 auto;
            background: white;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            position: relative;
            z-index: 2;
            text-align: center;
        }

        .contact-box h3 {
            color: #1e3a8a;
            font-size: 2rem;
            margin-bottom: 30px;
        }

        .contact-info {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .contact-item, .contact-item a{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            font-size: 1rem;
            color: #333;
			line-height:1.3em
        }

        .contact-item img {
            width: 32px;
            height: 32px;
        }

        /* Bulk Services Section */
        .bulk-services {
            padding: 80px 0 60px;
            background: white;
            text-align: center;
        }

        .bulk-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .bulk-services h3 {
            font-size: 3.2rem;
            font-weight: bold;
            color: #15126e;
            margin-bottom: 30px;
            line-height: 1.2;
        }

        .bulk-services p {
            font-size: 1.3rem;
            color: #333;
            max-width: 730px;
            margin: 0 auto 30px;
            line-height: 1.2em;
        }
		.bulk-services p.note{
			font-size:17px;
			font-style: italic;
		}
        .bulk-services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin-top: 60px;
        }

        .bulk-service-item {
            background: white;
            xborder-radius: 15px;
            padding: 60px 30px 30px;
            xbox-shadow: 0 8px 25px rgba(0,0,0,0.1);
            position: relative;
            border: 2px solid #f3f4f6;
			text-align:center;
        }

        .bulk-service-icon {
            position: absolute;
            top: -27px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bulk-service-icon img {
            width: 80px;
            height: 80px;
        }

        .bulk-service-item h4 {
            font-size: 1.3rem;
            font-weight: bold;
            color: #333;
            margin: 10px 0 15px;
        }

        .bulk-service-item p {
            color: #333;
            line-height: 1.6;
			max-width: 230px;
    		margin: 0 auto;
        }

        /* Why Choose Section */
        .why-choose {
            background: #15126e;
            color: white;
            padding: 80px 0;
        }

        .why-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .why-choose h3 {
            font-size: 3rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 60px;
            line-height: 1.2;
			max-width:600px;
			margin-left:auto;
			margin-right:auto;
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
        }

        .why-item {
            text-align: center;
        }

        .why-icon svg{
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        .why-icon svg g, .why-icon svg g path{
            fill:#fff;
        }
        .why-item h4 {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 15px;
            line-height: 1.3;
			max-width:184px;
			margin-left:auto;
			margin-right:auto;
        }

        .why-item p {
            font-size: 0.9rem;
            line-height: 1.6;
			max-width: 183px;
			margin:0 auto;
        }

        /* Embroidery Machines Image */
        .machines-image {
            height: 400px;
            background: linear-gradient(45deg, rgba(30, 58, 138, 0.1), rgba(239, 68, 68, 0.1)),
                        url('https://firebrick-lapwing-262704.hostingersite.com/wp-content/uploads/2025/05/57a54c_65d2aca1b19c4c19875d045308db7da0mv2-1.jpg');
            background-size: cover;
            background-position: center;
        }

        /* Who We Embroider For */
        .who-we-serve {
            padding: 80px 0;
			max-width:700px;
			margin:0 auto 
        }

        .who-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .who-we-serve h3 {
            font-size: 3rem;
            font-weight: bold;
            color: #15126e;
            text-align: center;
            margin-bottom: 20px;
        }

        .who-we-serve p {
            text-align: center;
            color: #333;
            margin: 0 auto 30px;
            font-size: 1.09rem;
            line-height: 1.2;
        }

        .who-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 900px;
            margin: 0 auto;
        }

        .who-item {
            text-align: center;
            padding: 30px 20px;
            }

        .who-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }

        .who-icon img {
            width: 70px;
            height: 70px;
			object-fit:contain
        }

        .who-item h4 {
            font-size: 1.3rem;
            font-weight: 600;
            color: #333;
            line-height: 1.4;
        }

        /* Contact Section */
        .contact-section {
            padding: 80px 0;
            background: white;
            text-align: center;
        }

        .contact-section h3 {
            font-size: 2.5rem;
            font-weight: bold;
            color: #15126e;
			line-height:1.3em;
        }

        .contact-subtitle {
            font-size: 1.7rem;
            color: #15126e;
            margin-bottom: 30px;
            font-weight: 500;
        }

        .contact-info-text {
            color: #333;
            font-size: 1rem;
            line-height: 1.8;
        }

        .contact-info-text a {
            color: #333;
        }

        /* Footer */
        footer {
            background: white;
            color: #333;
            padding: 40px 0;
            text-align: center;
            border-top: 1px solid #e5e7eb;
        }

        footer p {
            font-size: 0.9rem;
            max-width: 800px;
            margin: 0 auto;
        }

        /* Mobile Responsive */
        @media (max-width: 992px) {
            .services-container {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .contact-info {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .why-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .bulk-services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .mobile-nav ul{
                display:inline;
            }
            .header-container {
                padding: 0 15px;
            }

            /* Hide desktop nav on mobile */
            .desktop-nav ul {
                display: none;
            }

            /* Show mobile menu button */
            .mobile-menu-btn {
                display: block;
            }

            .expert-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }
			.expert-services{
				text-align:center;
			}
            .expert-services h3 {
                font-size: 2rem;
				margin:0 auto
            }

            .services-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .contact-info {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .bulk-services h3,
            .why-choose h3,
            .who-we-serve h3,
            .contact-section h3 {
                font-size: 2rem;
            }

            .who-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .bulk-services-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        @media (max-width: 480px) {
            .header-container {
                height: 70px;
            }

            .logo img {
                height: 50px;
            }

            .hero {
                margin-top: 70px;
				height:30vh;
            }

            .mobile-nav {
                width: 85%;
            }

            .why-grid {
                grid-template-columns: 1fr;
            }

            .who-grid {
                grid-template-columns: 1fr;
            }
            
            .expert-services h3,
            .bulk-services h3,
            .why-choose h3,
            .who-we-serve h3,
            .contact-section h3 {
                font-size: 1.8rem;
            }
        }