/*STEPPER SVG*/
.svg-icon svg path, .svg-icon svg rect {
    fill: #F8820E !important;
}

.flex-boxe-item {
    min-height: 600px; /* Adjust based on typical content height */
    width: 100%;
}
.kt-portlet.kt-iconbox--nostill {
    min-height: 550px; /* Adjust for content */
}


/* SEO  */
    #product-seo li {
        margin-left: 35px !important;
    }
    #product-seo .seo-background {
        background: var(--white); 
        border-radius: 30px; 
        padding: 20px;
        margin-bottom: 30px;
    }
    #product-seo .seo-main-div {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #product-seo h1 {
        color: #000;
        font-size: 36px;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
    }
    #product-seo h2 {
        color: #000;
        font-size: 20px;
    }
    #product-seo h3 {
        color: #000;
        font-size: 20px;
        text-align: left !important;
    }

    #sgrt-product-header h1 {
        color: #105caa; 
        font-size: 2rem; 
        font-weight: normal;

    }
    #sgrt-product-header h1 span {
        font-weight: bold;
    }

/* FOOTER  */
#kt_footer_bottom a {
    color: #d2d1d1 !important;
}
#kt_footer_bottom {
    color: #d2d1d1 !important;
}

/* KASKO  */
#carRenewalSection .kt-wizard-v1__nav-icon::before {
    content: url(https://go.sgrt.com.tr/content/uploads/img/kasko-yenileme-61806f91-1.png) !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 61px;
    height: 75px;
}
#carRenewalSection .kt-wizard-v1__nav-icon i {
    display: none !important; /* Hide the existing icon */
}
#carHandoverSection .kt-wizard-v1__nav-icon::before {
    content: url(https://go.sgrt.com.tr/content/uploads/img/devir-arac-kaskosu-0ae71fb6-c.png) !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 66px;
    height: 75;
}
#carHandoverSection .kt-wizard-v1__nav-icon i {
    display: none !important; /* Hide the existing icon */
}

#carNewSection .kt-wizard-v1__nav-icon::before {
    content: url(https://go.sgrt.com.tr/content/uploads/img/sifir-arac-kaskosu-4b8c92ec-7.png) !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
    width: 91px;
    height: 57px;
}
#carNewSection .kt-wizard-v1__nav-icon i {
    display: none !important; /* Hide the existing icon */
}


#wl_continue_button {
	background: #F8820E !important;
	border: none !important;
    width: 150px;
    min-height: 48px;
}

.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .wizard-number {
	color: white !important;
}

.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon {
	background: #F8820E !important;
	border-radius: 50px !important;
}

.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
	color: white !important;
}

.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-icon {
	background: #dddddd !important;
	border-radius: 50px;
}


.kt-switch.kt-switch--success:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #798ea3 !important;
}

.kt-switch.kt-switch--success:not(.kt-switch--outline) input:empty~span:before {
    background-color: #004F9F !important;
}

.wizard-content .btn-primary {
    display: block;
    margin: auto;
    background: #005BAA;
    border-color: #005BAA;
    border-radius: 22px;
    font-size: 17px;
    font-weight: 400;
    float: none;
}


.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group input {
    border-radius: 30px !important;
    background: #f2eef6 !important;
    border-color: #d1c9da !important;
}
.form-control-lg {
    height: calc(1.5em + 2.3rem + 2px);
    padding: 1.15rem 1.65rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;

.wizard-nav {
	display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
}

#default-banner {
	min-height: 100px !important;
	background: transparent !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav {
    border-color:  !important;
    border: none !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items.kt-wizard-v1__nav-items--clickable .kt-wizard-v1__nav-item {
    cursor: pointer;
    background: #fff;
    border-radius: 20px !important;
    -webkit-transition: 1s;
    transition: 0.3s;
    max-width: 265px;
    height: 210px;
    border: solid 2px #e8e8e8 !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items.kt-wizard-v1__nav-items--clickable .kt-wizard-v1__nav-item[data-ktwizard-state=current] {
    cursor: pointer;
    background: #34138B;
    border-radius: 20px !important;
    border: solid 2px #27067a !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items.kt-wizard-v1__nav-items--clickable .kt-wizard-v1__nav-item:hover {
    cursor: pointer;
    background: #34138B;
    border-radius: 20px !important;
    border: solid 2px #27067a !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
    min-width: 100%;
    margin-bottom: 50px !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items.kt-wizard-v1__nav-items--clickable .kt-wizard-v1__nav-item:hover .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label {
    color: #ffffff !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=done] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label {
    color: #ffffff !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label:hover,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=done] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label:hover {
    color: #ffffff !important;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon {
    color: #48465b;
    background: #f8f2f2;
    border-radius: 50%;
    padding: 35px;
}

.wizard-check-6 {
	color: white !important;
}


.modal-footer {
    background: none !important;
    border-radius: 0 0 20px 20px !important;
    border-top: 0 !important;
    box-shadow: none !important;XYY
    background-color: #fff !important;
}

#wl_add_other_insured_head, .btn-danger {
	background: #005BAA !important;
}

#wl_quotation_submit, .btn-success {
	background: #005BAA !important;
}

#wl_login_button_desktop {
    font-size: 34px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border: none !important;
    line-height: 35px;
    padding: 0 16px;
    font-weight: 700;
}

.modal, .modal-content, .modal-header, .close {
    outline: 0 !important;
    color: #74788d;
    font-family: LineAwesome;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.modal-header, .close {
    margin: 0;
    background: #b11b29;
    border-radius: 50px;
    display: flex;
    padding: 13px;
    align-items: center;
    opacity: 1;
    color: #fff !important;
    position: absolute;
    right: 0;
    z-index: 1;
}

.kt-login-button-custom--header {
    color: #ffffff!important;
    background: #B11B29;
    padding: 8px 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 50px;
    border: none;
    display: flex;
    align-items: center;
    flex-direction: row
}

.modal-footer {
    background: none!important;
    border-radius: 0 0 20px 20px!important;
    border-top: 0!important;
    box-shadow: none!important;
    background-color: #fff!important
}

#wl_login_button_desktop {
  background-color: black !important;
  color: white !important;
  border: none !important; 
}
/* ------ */
.wizard-content {
    min-height: 800px; /* Adjust based on max step height */
}
[data-wizard-type="step-content"] {
    min-height: 600px; /* Adjust based on step content */
}

.wizard-nav {
    min-height: 100px; /* Reserve space for navigation */
}
.row {
    min-height: 500px; /* Adjust based on form content */
}
.col-lg-6, .col-lg-12 {
    min-height: 100px; /* Reserve space for form fields */
}