.elementor-51 .elementor-element.elementor-element-3d19ae1{padding:0px 0px 30px 0px;}.elementor-51 .elementor-element.elementor-element-3d19ae1 .woocommerce-breadcrumb{color:var( --e-global-color-1487c0b );text-align:start;}.elementor-51 .elementor-element.elementor-element-3d19ae1 .woocommerce-breadcrumb > a{color:var( --e-global-color-1487c0b );}.elementor-51 .elementor-element.elementor-element-fc0caba{font-size:11px;font-weight:700;text-transform:uppercase;line-height:13.2px;letter-spacing:2.2px;color:#E6DFD3;}.elementor-51 .elementor-element.elementor-element-30f7749{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-51 .elementor-element.elementor-element-30f7749 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-58aa97e );}.elementor-51 .elementor-element.elementor-element-af1d44c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-51 .elementor-element.elementor-element-af1d44c .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;font-style:italic;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-af1d44c .porto-u-sub-heading{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-58aa97e );}.elementor-51 .elementor-element.elementor-element-29a73e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-51 .elementor-element.elementor-element-29a73e4 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;font-style:italic;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-58aa97e );}.elementor-51 .elementor-element.elementor-element-29a73e4 .porto-u-sub-heading{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-58aa97e );}.elementor-51 .elementor-element.elementor-element-bb344d4 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:25px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-1487c0b );}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:var( --e-global-color-107cca7 );}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-icon i{color:var( --e-global-color-107cca7 );transition:color 0.3s;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-icon svg{fill:var( --e-global-color-107cca7 );transition:fill 0.3s;}.elementor-51 .elementor-element.elementor-element-890fd41{--e-icon-list-icon-size:16px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-item > a{font-family:"Arial", Poppins;font-size:17px;font-weight:400;line-height:1.8em;}.elementor-51 .elementor-element.elementor-element-890fd41 .elementor-icon-list-text{color:var( --e-global-color-1487c0b );transition:color 0.3s;}.elementor-51 .elementor-element.elementor-element-4a552c9{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-841b3c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-51 .elementor-element.elementor-element-841b3c1 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:92px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:var( --e-global-color-0096ab7 );}.elementor-51 .elementor-element.elementor-element-efb501d{--divider-border-style:solid;--divider-color:var( --e-global-color-5a20f3a );--divider-border-width:1px;}.elementor-51 .elementor-element.elementor-element-efb501d .elementor-divider-separator{width:100%;}.elementor-51 .elementor-element.elementor-element-efb501d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51 .elementor-element.elementor-element-0f85be7{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-112c9a7 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:19px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;}.elementor-51 .elementor-element.elementor-element-112c9a7 .porto-u-sub-heading{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-95ffa6c{--divider-border-style:solid;--divider-color:var( --e-global-color-5a20f3a );--divider-border-width:1px;}.elementor-51 .elementor-element.elementor-element-95ffa6c .elementor-divider-separator{width:100%;}.elementor-51 .elementor-element.elementor-element-95ffa6c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51 .elementor-element.elementor-element-aab4bd5{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-1e17723 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:19px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;}.elementor-51 .elementor-element.elementor-element-1e17723 .porto-u-sub-heading{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-73be1df{--divider-border-style:solid;--divider-color:var( --e-global-color-5a20f3a );--divider-border-width:1px;}.elementor-51 .elementor-element.elementor-element-73be1df .elementor-divider-separator{width:100%;}.elementor-51 .elementor-element.elementor-element-73be1df .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51 .elementor-element.elementor-element-1a8b95a{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-974cc68 .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:19px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;}.elementor-51 .elementor-element.elementor-element-974cc68 .porto-u-sub-heading{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-d1e1460{--divider-border-style:solid;--divider-color:var( --e-global-color-5a20f3a );--divider-border-width:1px;}.elementor-51 .elementor-element.elementor-element-d1e1460 .elementor-divider-separator{width:100%;}.elementor-51 .elementor-element.elementor-element-d1e1460 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51 .elementor-element.elementor-element-9cec6b5{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-9987a20 );}.elementor-51 .elementor-element.elementor-element-527d3cd .porto-u-main-heading > *{font-family:"Georgia", Poppins;font-size:19px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;}.elementor-51 .elementor-element.elementor-element-527d3cd .porto-u-sub-heading{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-ea524cf{--divider-border-style:solid;--divider-color:var( --e-global-color-5a20f3a );--divider-border-width:1px;}.elementor-51 .elementor-element.elementor-element-ea524cf .elementor-divider-separator{width:100%;}.elementor-51 .elementor-element.elementor-element-ea524cf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-main-heading > *{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:#696C66;}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-sub-heading{font-family:"Georgia", Poppins;font-size:25px;font-weight:400;line-height:0.98em;letter-spacing:-0.045em;color:#20211F;}@media(max-width:1180px){.elementor-51 .elementor-element.elementor-element-4a552c9{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-841b3c1 .porto-u-main-heading > *{font-size:60px;}.elementor-51 .elementor-element.elementor-element-0f85be7{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-112c9a7 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-aab4bd5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-1e17723 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-1a8b95a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-974cc68 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-9cec6b5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-527d3cd .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-main-heading > *{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:991px){.elementor-51 .elementor-element.elementor-element-4a552c9{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-841b3c1 .porto-u-main-heading > *{font-size:40px;}.elementor-51 .elementor-element.elementor-element-0f85be7{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-112c9a7 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-aab4bd5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-1e17723 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-1a8b95a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-974cc68 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-9cec6b5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-527d3cd .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-main-heading > *{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:660px){.elementor-51 .elementor-element.elementor-element-30f7749 .porto-u-main-heading > *{font-size:65px;}.elementor-51 .elementor-element.elementor-element-af1d44c .porto-u-main-heading > *{font-size:65px;}.elementor-51 .elementor-element.elementor-element-29a73e4 .porto-u-main-heading > *{font-size:65px;}.elementor-51 .elementor-element.elementor-element-4a552c9{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-841b3c1 .porto-u-main-heading > *{font-size:28px;}.elementor-51 .elementor-element.elementor-element-0f85be7{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-112c9a7 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-aab4bd5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-1e17723 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-1a8b95a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-974cc68 .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-9cec6b5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-51 .elementor-element.elementor-element-527d3cd .porto-u-sub-heading{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-main-heading > *{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-51 .elementor-element.elementor-element-01e464d .porto-u-sub-heading{font-size:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-fc0caba */.elementor-51 .elementor-element.elementor-element-fc0caba { color: #a56149 !important; font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif !important; }
.elementor-51 .elementor-element.elementor-element-fc0caba p { margin: 0 !important; }   .elementor-51 .elementor-element.elementor-element-fc0caba {
  color: #E6DFD3 !important;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for porto_ultimate_heading, class: .elementor-element-01e464d */.elementor-51 .elementor-element.elementor-element-01e464d a {
    color: #20211F !important;
}/* End custom CSS */
/* Start custom CSS for porto_contact_form, class: .elementor-element-607f6f1 *//* =========================================================
   HAKKO METAL TEKLİF FORMU
========================================================= */

.hakko-teklif-form {

    --hakko-text: #1f201d;
    --hakko-accent: #ad6044;
    --hakko-field-bg: #f7f5f0;
    --hakko-border: #d7d3ca;
    --hakko-divider: #d9d5cd;
    --hakko-muted: #67635d;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 50px 48px 42px;

    background: #ffffff;

    border: 1px solid var(--hakko-border);

    box-sizing: border-box;

    color: var(--hakko-text);
}


/* =========================================================
   TÜM ELEMANLAR
========================================================= */

.hakko-teklif-form *,
.hakko-teklif-form *::before,
.hakko-teklif-form *::after {

    box-sizing: border-box;
}


/* =========================================================
   FORM BÖLÜMLERİ
========================================================= */

.hakko-form-section {

    width: 100%;

    margin: 0;

    padding: 0;
}


.hakko-project-section {

    margin-top: 48px;

    padding-top: 42px;

    border-top: 1px solid var(--hakko-divider);
}


/* =========================================================
   BÖLÜM BAŞLIĞI
========================================================= */

.hakko-section-head {

    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    column-gap: 18px;

    align-items: start;

    width: 100%;

    margin-bottom: 32px;
}


/* 01 / 02 */

.hakko-section-no {

    padding-top: 7px;

    color: var(--hakko-accent);

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: 500;

    line-height: 1;
}


/* =========================================================
   BAŞLIK
========================================================= */

.hakko-section-title h2 {

    margin: 0 !important;

    padding: 0 !important;

    color: var(--hakko-text) !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 36px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: -0.025em !important;
}


.hakko-section-title p {

    margin: 7px 0 0 !important;

    padding: 0 !important;

    color: var(--hakko-muted);

    font-size: 11px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   İLETİŞİM BİLGİLERİ - 2 KOLON
========================================================= */

.hakko-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    column-gap: 20px;

    row-gap: 22px;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   FORM ALANLARI
========================================================= */

.hakko-field {

    display: block !important;

    width: 100% !important;

    min-width: 0;

    margin: 0 !important;

    padding: 0 !important;
}


.hakko-full {

    width: 100% !important;

    margin-top: 22px !important;
}


/* =========================================================
   LABEL
========================================================= */

.hakko-field > label {

    display: block !important;

    width: 100%;

    margin: 0 0 9px !important;

    padding: 0 !important;

    color: var(--hakko-text) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1.2;

    letter-spacing: 0.09em !important;

    text-transform: uppercase;
}


.hakko-field > label span {

    color: var(--hakko-text);
}


/* =========================================================
   CONTACT FORM 7 WRAPPER
========================================================= */

.hakko-teklif-form .wpcf7-form-control-wrap {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
========================================================= */

.hakko-teklif-form input[type="text"],
.hakko-teklif-form input[type="email"],
.hakko-teklif-form input[type="tel"],
.hakko-teklif-form input[type="number"],
.hakko-teklif-form select,
.hakko-teklif-form textarea {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    background: var(--hakko-field-bg) !important;

    border:
        1px
        solid
        var(--hakko-border) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #2a2a27 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    outline: none !important;
}


/* =========================================================
   NORMAL INPUT YÜKSEKLİĞİ
========================================================= */

.hakko-teklif-form input[type="text"],
.hakko-teklif-form input[type="email"],
.hakko-teklif-form input[type="tel"],
.hakko-teklif-form input[type="number"],
.hakko-teklif-form select {

    height: 48px !important;

    min-height: 48px !important;

    padding: 0 14px !important;
}


/* =========================================================
   NUMBER INPUT OKLARINI KALDIR
   Telefon ve adet alanları sade görünsün
========================================================= */

/* Chrome / Edge / Safari */

.hakko-teklif-form input[type="number"]::-webkit-inner-spin-button,
.hakko-teklif-form input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;
}


/* Firefox */

.hakko-teklif-form input[type="number"] {

    -moz-appearance: textfield;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.hakko-teklif-form input::placeholder,
.hakko-teklif-form textarea::placeholder {

    color: #77736d !important;

    opacity: 1 !important;
}


/* =========================================================
   SELECT
========================================================= */

.hakko-teklif-form select {

    cursor: pointer;

    padding-right: 42px !important;

    appearance: none !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;


    background-color:
        var(--hakko-field-bg) !important;


    background-image:

        linear-gradient(
            45deg,
            transparent 50%,
            #20211f 50%
        ),

        linear-gradient(
            135deg,
            #20211f 50%,
            transparent 50%
        ) !important;


    background-position:

        calc(100% - 18px) 21px,

        calc(100% - 13px) 21px !important;


    background-size:

        5px 5px,

        5px 5px !important;


    background-repeat:

        no-repeat !important;
}


/* =========================================================
   FOCUS
========================================================= */

.hakko-teklif-form input:focus,
.hakko-teklif-form select:focus,
.hakko-teklif-form textarea:focus {

    border-color: #9e9990 !important;

    background-color: #faf8f4 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   PROJE TÜRÜ - TAM GENİŞLİK
========================================================= */

.hakko-project-type {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
}


/* =========================================================
   ÜRÜN BİLGİLERİ
========================================================= */

.hakko-product-area {

    width: 100%;

    margin-top: 24px;
}


/* =========================================================
   ÜRÜN SATIRI
========================================================= */

.hakko-product-row {

    display: grid !important;

    grid-template-columns:

        28px

        minmax(0, 1fr)

        90px !important;

    column-gap: 10px;

    align-items: center;

    width: 100%;

    margin-bottom: 10px;
}


.hakko-product-row:last-child {

    margin-bottom: 0;
}


/* =========================================================
   ÜRÜN NUMARALARI
========================================================= */

.hakko-product-number {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: #f2e5d4;

    color: #8f674d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 500;

    line-height: 1;
}


/* =========================================================
   STOK / ADET
========================================================= */

.hakko-stock,
.hakko-quantity {

    width: 100%;

    min-width: 0;
}


.hakko-stock .wpcf7-form-control-wrap,
.hakko-quantity .wpcf7-form-control-wrap {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
}


/* =========================================================
   STOK VE ADET INPUTLARI
========================================================= */

.hakko-product-row input[type="text"],
.hakko-product-row input[type="number"] {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: 48px !important;

    min-height: 48px !important;

    margin: 0 !important;

    padding: 0 14px !important;

    background:
        var(--hakko-field-bg) !important;

    border:
        1px
        solid
        var(--hakko-border) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #2a2a27 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    outline: none !important;
}


.hakko-product-row input::placeholder {

    color: #77736d !important;

    opacity: 1 !important;
}


.hakko-product-row input:focus {

    border-color: #9e9990 !important;

    background: #faf8f4 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   PROJE NOTU
========================================================= */

.hakko-note {

    margin-top: 28px !important;
}


.hakko-teklif-form textarea {

    width: 100% !important;

    height: 120px !important;

    min-height: 120px !important;

    padding: 14px !important;

    line-height: 1.5;

    resize: vertical;
}


/* =========================================================
   GÖNDER BUTONU
========================================================= */

.hakko-submit {

    width: 100% !important;

    margin: 22px 0 0 !important;
}


.hakko-teklif-form input[type="submit"] {

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    height: 52px !important;

    margin: 0 !important;

    padding: 0 20px !important;

    background: #20211f !important;

    border:
        1px
        solid
        #20211f !important;

    border-radius: 0 !important;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: 0.025em;

    cursor: pointer !important;

    opacity: 1 !important;

    box-shadow: none !important;

    transition: all .2s ease;
}


.hakko-teklif-form input[type="submit"]:hover {

    background: #ad6044 !important;

    border-color: #ad6044 !important;

    color: #ffffff !important;
}


/* =========================================================
   BUTON ALT YAZISI
========================================================= */

.hakko-form-note {

    width: 100%;

    margin: 10px 0 0 !important;

    color: #76716a;

    font-size: 8px;

    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   CF7 HATA MESAJLARI
========================================================= */

.hakko-teklif-form .wpcf7-not-valid {

    border-color: #ad6044 !important;
}


.hakko-teklif-form .wpcf7-not-valid-tip {

    display: block;

    margin-top: 5px;

    color: #ad6044 !important;

    font-size: 10px;
}


.hakko-teklif-form .wpcf7-response-output {

    margin: 20px 0 0 !important;

    padding: 12px 14px !important;

    border:
        1px
        solid
        var(--hakko-border) !important;

    background: var(--hakko-field-bg);

    color: var(--hakko-text);
}


/* =========================================================
   PORTO / CF7 BOŞLUK TEMİZLEME
========================================================= */

.hakko-teklif-form br {

    display: none;
}


.hakko-teklif-form p:empty {

    display: none !important;
}


/* =========================================================
   TABLET / MOBİL
========================================================= */

@media (max-width: 767px) {

    .hakko-teklif-form {

        width: 100% !important;

        padding:
            34px
            25px
            30px;
    }


    .hakko-grid {

        grid-template-columns:
            1fr !important;

        row-gap: 18px;
    }


    .hakko-section-head {

        grid-template-columns:

            25px

            minmax(0, 1fr);

        column-gap: 10px;
    }


    .hakko-section-title h2 {

        font-size: 30px !important;
    }


    .hakko-project-section {

        margin-top: 36px;

        padding-top: 34px;
    }


    .hakko-product-row {

        grid-template-columns:

            26px

            minmax(0, 1fr)

            75px !important;

        column-gap: 8px;
    }

}


/* =========================================================
   ÇOK KÜÇÜK TELEFONLAR
========================================================= */

@media (max-width: 400px) {

    .hakko-product-row {

        grid-template-columns:

            24px

            minmax(0, 1fr)

            68px !important;
    }


    .hakko-product-number {

        width: 22px;

        height: 22px;

        font-size: 10px;
    }

}/* End custom CSS */