/* Dextop menu */
/* শুরুতেই মেনু যেমন থাকবে (ডার্ক ব্যাকগ্রাউন্ড) */
#my-sticky-menu {
    background-color: #2b0a14 !important;
    transition: all 0.5s ease-in-out !important;
}

#my-sticky-menu .elementor-nav-menu a {
    color: #ffffff !important;
}

/* যখন ৫০ পিক্সেল স্ক্রল হবে, তখন এলিমেন্টর এই ক্লাসটি অটো যোগ করবে */
#my-sticky-menu.elementor-sticky--effects {
    background-color: #ffffff !important; /* সাদা ব্যাকগ্রাউন্ড */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1) !important;
}
#my-sticky-menu .menu-button a span.elementor-button-content-wrapper span.elementor-button-text {
    color: #fff !important;
}

#my-sticky-menu.elementor-sticky--effects .elementor-button {
    color: #ffffff !important; /* টেক্সট কালো হয়ে যাবে */
}
#my-sticky-menu.elementor-sticky--effects h2, #my-sticky-menu.elementor-sticky--effects span, #my-sticky-menu.elementor-sticky--effects .elementor-heading-title {
    color: #ffffff !important;
}

/* লোগো টেক্সট এবং ডেসক্রিপশন কালার পরিবর্তন */
#my-sticky-menu.elementor-sticky--effects h2,
#my-sticky-menu.elementor-sticky--effects span,
#my-sticky-menu.elementor-sticky--effects .elementor-heading-title {
    color: #2B0A14 !important;
}

/* বাটনের ডিজাইন পরিবর্তন (স্ক্রল করার পর) */
#my-sticky-menu.elementor-sticky--effects .elementor-button {
    background-color: #8a152a !important;
    color: #ffffff !important;
}
 /*backdrop filter */
#my-sticky-menu.elementor-sticky--effects {
    background-color: rgb(255 255 255 / 19%) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
}
/* Header section */
.header-textes h2 span {
    color: #D5941B;
}
.titale-color h2 span {
    color: #931F33;
}
/* Contact us section */
.titale-contact h2 span {
    color: #D9991E;
}
/*Button header css*/
/* Elementor button content er vitore thaka icon container ke target kora */
.header-button .elementor-button-content-wrapper .elementor-align-icon-right,
.header-button .elementor-button-content-wrapper .elementor-align-icon-left,
.header-button .elementor-button-icon {
    display: inline-block !important;
    transition: all 0.3s ease-in-out !important;
}

/* Hover korle pura icon area take move kora */
.header-button:hover .elementor-button-content-wrapper .elementor-align-icon-right,
.header-button:hover .elementor-button-content-wrapper .elementor-align-icon-left,
.header-button:hover .elementor-button-icon {
    transform: translateX(5px) !important;
}
/*link text decoration none css */
.contact-text-decoration p a {
    text-decoration: none !important;
    color: #DEDBD6;
}
/* Contact form custom css */
/* Container and Font */
.deshi-form-container {
    font-family: 'Poppins', sans-serif;
    max-width: 650px;
    margin: auto;
}

/* Form Grid System */
.form-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.full-width { width: 100%; position: relative; }
.half-width { width: calc(50% - 7.5px); }

/* Input & Dropdown Styling */
.deshi-form-container input, 
.deshi-form-container select, 
.deshi-form-container textarea {
    width: 100%;
    padding: 15px;
    background-color: #f9f7f5; /* Cream white background */
    border: 1px solid #e8e2de;
    border-radius: 8px;
    font-size: 15px;
    color: #7a7a7a;
    box-sizing: border-box;
}

/* Dropdown Specific (Image 2 style) */
.deshi-form-container select {
    appearance: none;
    cursor: pointer;
}

/* Orange Hover Effect for Dropdown */
.deshi-form-container select option:checked,
.deshi-form-container select option:hover {
    box-shadow: 0 0 10px 100px #f1b365 inset !important; /* Specific Orange Color */
    color: #333;
}

/* Textarea height */
.deshi-form-container textarea {
    height: 110px;
    resize: none;
}

/* Button Styling */
.submit-area {
    position: relative;
    text-align: center;
}

.deshi-form-container input[type="submit"] {
    background-color: #8e2132 !important; /* Deep Red Maroon */
    color: #ffffff !important;
    font-weight: 600;
    font-size: 18px;
    border: none;
    padding: 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    text-transform: capitalize;
}

.deshi-form-container input[type="submit"]:hover {
    background-color: #701a27 !important;
    opacity: 0.9;
}

/* Icon on button */
.send-icon {
    position: absolute;
    right: 35%;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    pointer-events: none;
    font-size: 14px;
}
.full-width.submit-area p {
    margin-bottom: 0px !important;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .half-width { width: 100%; }
    .send-icon { right: 25%; }
}
/* Contact form custom css */
/*****************************************************************/
/* Card hover korle H2 er color change */
.catagory-card:hover h2 {
    color: #D9991E !important; /* Apnar pochondo moto color din */
    transition: all 0.3s ease;
}

/* Card hover korle SVG icon-er color change ebong move hobe */
.catagory-card:hover .elementor-icon svg {
    fill: #D9991E !important; /* Apnar pochondo moto color code ekhane din */
    transform: translateX(5px);
    transition: all 0.3s ease;
}

/* Default state-e smooth transition er jonno */
.catagory-card .elementor-icon svg {
    transition: all 0.3s ease;
    fill: #000000; /* Default icon color (optional) */
}
/* Card hover korle icon boro hobe  */
/*****************************************************************/
.choose-us-card:hover .elementor-icon {
    transform: scale(1.1); /* 1.2 mane 20% boro hobe */
    transition: all 0.2s ease-in-out; /* Smoothly boro hobe */
}
.choose-us-card .elementor-icon {
    transition: all 0.2s ease-in-out;
}
/*****************************************************************/
.elementor-34 .elementor-element.elementor-element-4b315e1:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-4b315e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #C4A7A773;
    width: 420px !important;
    margin-left: 35%;
}