.elementor-kit-5{--e-global-color-primary:#0E7BFF;--e-global-color-secondary:#020817;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-413bc80:#071326;--e-global-color-e862279:#081428D9;--e-global-color-8416061:#FFFFFF14;--e-global-typography-primary-font-family:"IRANYekanXFaNum";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"IRANYekanX";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"IRANYekanX";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IRANYekanXFaNum";--e-global-typography-accent-font-weight:500;font-family:"IRANYekanXFaNum", Sans-serif;font-size:16px;font-weight:400;line-height:1.8em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:"IRANYekanXFaNum", Sans-serif;font-size:35px;font-weight:700;}.elementor-kit-5 h2{font-family:"IRANYekanXFaNum", Sans-serif;font-size:42px;font-weight:700;}.elementor-kit-5 h3{font-family:"IRANYekanXFaNum", Sans-serif;font-size:32px;font-weight:600;}.elementor-kit-5 h4{font-family:"IRANYekanXFaNum", Sans-serif;font-size:24px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:var( --e-global-color-primary );}@media(max-width:1280px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}}@media(max-width:1024px){.elementor-kit-5{font-size:0.95rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:0.9vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1921px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:2400px;}.e-con{--container-max-width:2400px;}}
/* Start custom CSS *//* ===============================
   Inotech Contact Page - Complete CSS
   =============================== */

/* --- General Page Setup --- */
body {
    background-color: #0e1520;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* --- Main Container --- */
.container-contact{

    display:flex;
    align-items:stretch;
    justify-content:center;

    gap:30px;

    width:min(1800px,94vw);

    margin-inline:auto;

    padding:20px 20px;

    box-sizing:border-box;

min-height:100dvh;
}

/* --- Hero / Brand Panel --- */
.brand-panel {
    flex: 0 0 28%; /* Flex-grow 0, shrink 0, basis 28% */
    background-color: rgba(10, 20, 35, 0.85);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Label کوچک روی Hero */
.contact-label {
    font-size: 0.9rem;
    color: #3399ff;
    margin-bottom: 10px;
}

/* --- Form Panel --- */
.form-panel {
    flex: 0 0 70%; /* Flex-grow 0, shrink 0, basis 70% */
    background-color: rgba(10, 20, 35, 0.85);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

/* Form Elements */
.form-panel input,
.form-panel textarea,
.form-panel select {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #2c3e50;
    background-color: #0e1520;
    color: #ffffff;
    font-size: 1rem;
}

.form-panel button {
    background-color: #3399ff;
    color: #ffffff;
    border: none;
    padding: 14px;
    font-size: 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.form-panel button:hover {
    background-color: #1a75d1;
}

/* --- Responsive: Tablet --- */
@media(max-width: 1024px) {
    .container-contact {
        flex-direction: column;
        align-items: center;
    }
    .brand-panel,
    .form-panel {
        flex: 0 0 90%;
    }
}

/* --- Responsive: Mobile --- */
@media(max-width: 768px) {
    .brand-panel {
        display: block;
    }
    .form-panel {
        flex: 0 0 95%;
    }
}

/* --- Miscellaneous Styling --- */
.brand-panel h2,
.form-panel h2 {
    color: #3399ff;
    margin-bottom: 15px;
}

.brand-panel p,
.brand-panel li {
    color: #ffffff;
    margin-bottom: 8px;
}

.brand-panel li {
    list-style: none;
}



/* ===== Glass Cards ===== */

.form-panel,
.brand-panel{

    background:rgba(7,18,35,.72);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);

    transition:.3s ease;
}

.form-panel:hover,
.brand-panel:hover{

    border-color:rgba(0,153,255,.25);

    box-shadow:
        0 20px 50px rgba(0,0,0,.45),
        0 0 25px rgba(0,153,255,.12);
}
.form-panel,
.brand-panel{

    min-height:auto;
}
/* ===============================
   UltraWide & iMac Optimization
   =============================== */

/* دسکتاپ‌های بزرگ */
@media (min-width: 1600px){

    .container-contact{

        width:min(1700px,90vw);

        margin-inline:auto;

        justify-content:center;

        gap:40px;
    }

    .form-panel{

        flex:0 0 65%;

        max-width:1100px;
    }

    .brand-panel{

        flex:0 0 30%;

        max-width:420px;
    }
}

/* iMac 4K / 5K */
@media (min-width: 2200px){

    .container-contact{

        width:min(1850px,85vw);
    }

    .form-panel{

        max-width:1200px;
    }

    .brand-panel{

        max-width:450px;
    }
}

/* UltraWide 3440+ */
@media (min-width: 3000px){

    .container-contact{

        width:min(2000px,80vw);
    }
}/* End custom CSS */