/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
*/

/* Add your custom CSS below */
/* :root {
    --radius: .25rem;
    --background: oklch(100% 0 0);
    --foreground: oklch(14% 0 0);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(14% 0 0);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(14% 0 0);
    --primary: oklch(14% 0 0);
    --primary-foreground: oklch(98% 0 0);
    --secondary: oklch(96% 0 0);
    --secondary-foreground: oklch(14% 0 0);
    --muted: oklch(96% 0 0);
    --muted-foreground: oklch(45% 0 0);
    --accent: oklch(94% 0 0);
    --accent-foreground: oklch(14% 0 0);
    --destructive: oklch(57.7% .245 27.325);
    --destructive-foreground: oklch(98% 0 0);
    --border: oklch(91% 0 0);
    --input: oklch(91% 0 0);
    --ring: oklch(14% 0 0);
    --ink: oklch(10% 0 0);
    --ink-soft: oklch(30% 0 0);
    --line: oklch(88% 0 0);
} */
:root{
	  --line: 0 0% 88%;
}
/*  nav css starts here*/
/* .header-menu nav ul li a:after {
    content: "" !important;
    transform-origin: 100% !important;
    background: currentColor !important;
    width: 100% !important;
    height: 1px !important;
    transition: transform .4s cubic-bezier(.6,.05,.2,1) !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    transform: scaleX(0) !important;
}

.header-menu nav ul li a:hover:after {
    transform-origin: 0 !important;
    transform: scaleX(1) !important;
} */
/*  nav css ends here*/

.safe-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.safe-slider .slides {
    display: flex;
    transition: transform 0.4s ease;
}

.safe-slider .slide {
    min-width: 100%;
}

.safe-slider img {
    width: 100%;
    display: block;
}

/* dots */
.safe-slider .dots {
    text-align: center;
    margin-top: 10px;
}

.safe-slider .dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    display: inline-block;
    background: #aaa;
    border-radius: 50%;
    cursor: pointer;
}

.safe-slider .dot.active {
    background: #c9a227;
}

.custom-form {
    font-family: Arial, sans-serif;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 8px;
    color: #666;
}

.custom-form input,
.custom-form textarea,
.custom-form select {
    width: 100%;
    padding: 14px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    outline: none;
}

.custom-form textarea {
    min-height: 150px;
	height: 150px;
}

/* footer */
.form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.form-footer .note {
    font-size: 12px;
    color: #777;
}

/* button */
.custom-form input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 14px 30px;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
}

.custom-form input[type="submit"]:hover {
    background: #333;
}
.custom-form input:focus,
.custom-form textarea:focus {
/*     border-color: #c9a227; */
	border-color: #333;
}
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }

    .form-footer {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
}
/* k css starts here */
.font-style {
	font-family: "Instrument Serif", Times New Roman, serif;
    font-style: italic;
    letter-spacing: -.01em;
	color: #64748b;
}
.font-family {
	font-family: "Instrument Serif", Times New Roman, serif;
    font-style: italic;
    letter-spacing: -.01em;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.40;
	color: #000;
}

.bg-blue {
    background-image: linear-gradient(hsl(var(--line) / .6) 1px,transparent 1px),
                      linear-gradient(90deg,hsl(var(--line) / .6) 1px,transparent 1px);
    background-size: 56px 56px;
	
}
.font-weight {
	font-family: "Instrument Serif", Times New Roman, serif;
    font-style: italic;
    letter-spacing: -.01em;
	font-weight: 400;
	font-size: 3.75rem;
    line-height: 1;
	color: #64748b;
}
.stroke-color svg {
    stroke: #191919;
}
.stroke-white svg {
    stroke: white;
}
/* k css ends here */