@import './fonts/montserrat.css';

:root {
    --bs-body-bg: #F8F9FB;
    --bs-body-bg-rgb: 248, 249, 251;
    --bs-primary: #0063B0;
    --bs-primary-rgb: 0, 99, 176;
    --bs-info: #78C4D1;
    --bs-info-rgb: 120, 196, 209;
    --bs-purple: #404D7B;
    --bs-purple-rgb: 64,77,123;
    --bs-danger: #BF193A;
    --bs-danger-rgb: 191, 25, 58;
    --bs-teal: #00D6A4;
    --bs-teal-rgb: 0, 214, 164;
    --bs-red: #F2335F;
    --bs-red-rgb: 242, 51, 95;
    --bs-gray: #707070;
    --bs-gray-rgb: 112, 112, 112;
    --bs-violet: #78809E;
    --bs-violet-rgb: 120, 128, 158;
    --bs-faded-sea: #8D99AE;
    --bs-faded-sea-rgb: 141, 153, 174;
    --bs-tempest: #78809E;
    --bs-tempest-rgb: 120, 128, 158;
    --bs-cuddly-yarn: #FFFCE4;
    --bs-cuddly-yarn-rgb: 255, 252, 228;
    --bs-morning-mist: #E6EBF2;
    --bs-morning-mist-rgb: 230, 235, 242;
    --bs-starlight: #BBBFCE;
    --bs-starlight-rgb: 187, 191, 206;
    --bs-ma-white: #F6F7FB;
    --bs-ma-white-rgb: 246, 247, 251;
    --bs-caribbean-sky: #829FCE;
    --bs-caribbean-sky-rgb: 130, 159, 206;
    --bs-blue-whale: #1E3444;
    --bs-blue-whale-rgb: 30, 52, 68;
    --bs-compass-blue: #33475C;
    --bs-compass-blue-rgb: 51, 71, 92;
    --bs-tete: #DB046B;
    --bs-tete-rgb: 219, 4, 107;
    --bs-vanadyl-blue: #00A8E6;
    --bs-vanadyl-blue-rgb: 0, 168, 230;
    --bs-safety-orange: #FE6500;
    --bs-safety-orange-rgb: 254, 101, 0;
    --bs-marigold: #FFC107;
    --bs-marigold-rgb: 255, 193, 7;
    --bs-font-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --bs-font-montserrat: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --bs-breakpoint-xxl: 1640px;
    --bs-istanbul-senin-color: #C4005C;
    --bs-ibb-primary: #1D428A;
    --bs-border-color: #E6EBF2;
    --bs-border-color-translucent: rgba(255, 252, 228, 0.175);
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.fs-md {
    font-size: clamp(1rem, 2.5vw, 1.5rem); /*16px - 24px*/
}

.fs-sm {
    font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem); /*12px - 16px*/
}

.fs-lg {
    font-size: clamp(1.25rem, 0.9rem + 1.75vw, 3rem); /*20px-48px*/
}

.fs-form-title {
    font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem); /*20px - 26px*/
}

.fs-header-title {
    font-size: clamp(1.25rem, 0.3214rem + 4.6429vw, 4.5rem); /*20px - 72px*/
}

.fs-content-title {
    font-size: clamp(1.125rem, 0.95rem + 0.875vw, 2rem); /*18px - 32px*/
}

@media (min-width: 1640px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px;
    }
}

.ff-os {
    font-family: 'Open Sans', sans-serif !important;
}

.fw-os-medium {
    font-family: 'Open Sans Medium', sans-serif !important;
}

.fw-os-bold {
    font-family: 'Open Sans Bold', sans-serif !important;
}

.fw-os-bolder {
    font-family: 'Open Sans ExtraBold', sans-serif !important;
}

.fw-os-semibold {
    font-family: 'Open Sans SemiBold', sans-serif !important;
}

.fw-os-light {
    font-family: 'Open Sans Light', sans-serif !important;
}

.fw-os-italic {
    font-family: 'Open Sans Italic', sans-serif !important;
}

.fw-os-light {
    font-family: 'Montserrat Light', sans-serif !important;
}

.ff-mo {
    font-family: 'Montserrat', sans-serif !important;
}

.fw-light {
    font-family: 'Montserrat Light', sans-serif !important;
}

.fw-italic {
    font-family: 'Montserrat Italic', sans-serif !important;
}

.fw-medium {
    font-family: 'Montserrat Medium', sans-serif !important;
}

.fw-semibold {
    font-family: 'Montserrat SemiBold', sans-serif !important;
}

.fw-bold {
    font-family: 'Montserrat Bold', sans-serif !important;
}

.fw-bolder {
    font-family: 'Montserrat ExtraBold', sans-serif !important;
}

.fw-boldest {
    font-family: 'Montserrat Black', sans-serif !important;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.ls-4 {
    letter-spacing: 4px;
}

.ls-5 {
    letter-spacing: 5px;
}


.px-gx {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.hr-line {
    height: 2px;
    border: 2px dotted var(--bs-tempest);
    opacity: .6;
}

.tooltipWrap {
    bottom: calc(100% + 20px);
    min-width: 14rem;
    font-size: .75rem;
    display: none;
}

.tooltipWrap-md {
    min-width: 23rem;
}

.tooltipWrap-lg {
    min-width: 28rem;
}

.tooltipWrap::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 1rem solid var(--bs-primary);
    border-right: 1rem solid transparent;
    position: absolute;
    left: 0;
    top: calc(100% - 4px);
}

/* .form-tooltip:hover .tooltipWrap{
    display: flex;
}  */

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--bs-starlight);
    font-size: 0.875rem;
    font-family: 'Montserrat Medium', Arial, Helvetica, sans-serif;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: var(--bs-starlight);
    font-size: 0.875rem;
    font-family: 'Montserrat Medium', Arial, Helvetica, sans-serif;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: var(--bs-starlight);
    font-size: 0.875rem;
    font-family: 'Montserrat Medium', Arial, Helvetica, sans-serif;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: var(--bs-starlight);
    font-size: 0.875rem;
    font-family: 'Montserrat Medium', Arial, Helvetica, sans-serif;
}

/* .form-select option:checked{
    font-family: 'Montserrat Medium', Arial, Helvetica, sans-serif;
} */

.form-check-label {
    font-size: 0.875rem;
    line-height: 1.8;
}

.form-check-input {
    background-color: var(--bs-white);
    border: calc(var(--bs-border-width) * 2) solid var(--bs-tempest);
    width: var(--bs-body-font-size);
    height: var(--bs-body-font-size);
}

    .form-check-input:checked {
        background-color: initial;
        border: calc(var(--bs-border-width) * 2) solid var(--bs-tempest);
    }

        .form-check-input:checked:after {
            content: '';
            background-color: var(--bs-primary);
            width: 0.5rem;
            height: 0.5rem;
            display: block;
            border-radius: 50%;
            transform: translateY(25%);
            margin: auto;
        }

    .form-check-input[type="checkbox"]:checked:after {
        content: none;
    }

    .form-check-input[type="checkbox"]:checked {
        background-color: var(--bs-primary);
    }

.form-label {
    color: var(--bs-purple);
}

.form-control {
    padding: 0.625rem 0.75rem;
}

.form-select {
    padding: 0.625rem 1.25rem 0.625rem 0.75rem;
}

.form-control, .form-select {
    border: var(--bs-border-width) solid var(--bs-border-color);
    background-color: var(--bs-white);
    border-radius: 0;
}

form label.error {
    color: var(--bs-red);
    font-size: .75rem;
    font-family: 'Montserrat SemiBold', Arial, Helvetica, sans-serif;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn.border-purple:hover {
    border-color: var(--bs-purple);
}

i.ico {
    background-repeat: no-repeat;
    background-position: center;
}

i.ist-senin {
    background-image: url('../img/istanbulsenin-logo.svg');
    width: 26px;
    height: 25px;
}

i.play-btn {
    background-image: url('../img/play-ico.svg');
    width: 140px;
    height: 140px;
}

i.info-ico {
    background-image: url('../img/info-ico.png');
    width: 17px;
    height: 17px;
    display: inline-block;
}

i.form-info {
    background-image: url('../img/info-ico-lg.svg');
    width: 48px;
    height: 48px;
    display: inline-block;
}

i.upload-ico {
    background-image: url('../img/upload-ico.svg');
    width: 24px;
    height: 22px;
    display: inline-block;
}

i.view-ico {
    background-image: url('../img/view-ico.svg');
    width: 24px;
    height: 22px;
    display: inline-block;
}

i.remove-ico {
    background-image: url('../img/remove-ico.svg');
    width: 24px;
    height: 22px;
    display: inline-block;
}

i.zoom-ico {
    background-image: url('../img/zoom-ico.png');
    width: 57px;
    height: 65px;
    display: inline-block;
}

i.add-ico, i.delete-ico {
    background-image: url('../img/add-ico.svg');
    width: 21px;
    height: 21px;
    display: inline-block;
}

i.delete-ico {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

i.checked-green-ico {
    background-image: url('../img/checked-green-ico.svg');
    width: 18px;
    height: 18px;
    display: inline-block;
}

i.success-ico-lg, i.error-ico-lg {
    width: 180px;
    height: 180px;
    display: inline-block;
}

i.success-ico-lg {
    background-image: url('../img/success-ico-lg.svg');
}

i.error-ico-lg {
    background-image: url('../img/error-ico-lg.svg');
}

i.print-ico {
    background-image: url('../img/print-ico.svg');
    width: 38px;
    height: 30px;
    display: inline-block;
}

i.pdf-ico {
    background-image: url('../img/pdf-ico.svg');
    width: 38px;
    height: 32px;
    display: inline-block;
}

i.menu-btn {
    background-image: url('../img/menu-btn.svg');
    width: 30px;
    height: 16px;
    display: inline-block;
}

i.close-ico {
    background-image: url('../img/close-ico.svg');
    width: 25px;
    height: 25px;
    display: inline-block;
}

.ist-senin-giris {
    background-color: var(--bs-istanbul-senin-color);
    font-size: 0.875rem;
}

.bg-ist-senin {
    background-color: var(--bs-istanbul-senin-color);
}

.bg-ibb-primary {
    background-color: var(--bs-ibb-primary);
}

.bg-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.text-purple {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
}

.border-purple {
    border-color: var(--bs-primary);
}

.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}

.text-red {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
}

.bg-teal {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important;
}

.text-teal {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important;
}

.bg-violet {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-violet-rgb), var(--bs-bg-opacity)) !important;
}

.text-violet {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-violet-rgb), var(--bs-text-opacity)) !important;
}

.bg-faded-sea {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-faded-sea-rgb), var(--bs-bg-opacity)) !important;
}

.text-faded-sea {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-faded-sea-rgb), var(--bs-text-opacity)) !important;
}

.bg-tempest {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tempest-rgb), var(--bs-bg-opacity)) !important;
}

.text-tempest {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-tempest-rgb), var(--bs-text-opacity)) !important;
}

.bg-cuddly-yarn {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-cuddly-yarn-rgb), var(--bs-bg-opacity)) !important;
}

.text-cuddly-yarn {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-cuddly-yarn-rgb), var(--bs-text-opacity)) !important;
}

.bg-morning-mist {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-morning-mist-rgb), var(--bs-bg-opacity)) !important;
}

.text-morning-mist {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-morning-mist-rgb), var(--bs-text-opacity)) !important;
}

.bg-starlight {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-starlight-rgb), var(--bs-bg-opacity)) !important;
}

.text-starlight {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-starlight-rgb), var(--bs-text-opacity)) !important;
}

.bg-ma-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-ma-white-rgb), var(--bs-bg-opacity)) !important;
}

.text-ma-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-ma-white-rgb), var(--bs-text-opacity)) !important;
}

.bg-caribbean-sky {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-caribbean-sky-rgb), var(--bs-bg-opacity)) !important;
}

.text-caribbean-sky {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-caribbean-sky-rgb), var(--bs-text-opacity)) !important;
}

.bg-compass-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-compass-blue-rgb), var(--bs-bg-opacity)) !important;
}

.text-compass-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-compass-blue-rgb), var(--bs-text-opacity)) !important;
}

.bg-tete {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tete-rgb), var(--bs-bg-opacity)) !important;
}

.text-tete {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-tete-rgb), var(--bs-text-opacity)) !important;
}

.bg-vanadyl-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-vanadyl-blue-rgb), var(--bs-bg-opacity)) !important;
}

.text-vanadyl-blue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-vanadyl-blue-rgb), var(--bs-text-opacity)) !important;
}

.bg-safety-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-safety-orange-rgb), var(--bs-bg-opacity)) !important;
}

.text-safety-orange {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-safety-orange-rgb), var(--bs-text-opacity)) !important;
}

.bg-marigold {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-marigold-rgb), var(--bs-bg-opacity)) !important;
}

.text-marigold {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-marigold-rgb), var(--bs-text-opacity)) !important;
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
}

.text-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}

.header-btn {
    height: 42px;
}

.heroWrap {
  background-image: url('../img/web-background.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.heroMain {
    font-size: 6rem;
}

.numberWrap:before, .numberWrap:after {
    content: '';
    display: block;
    height: 241px;
    width: 258px;
    position: absolute;
}

.numberWrap-background {
  position: absolute;
  background-image: url('../img/bg02.svg');
}

.numberIco {
    min-height: 165px;
}

.numberItem {
    font-size: 4.5rem;
}

.numberText {
    font-size: 2.125rem;
}

.istSeninWrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../img/istanbulsenin-section-ico.svg') center no-repeat;
    height: 200px;
    width: 430px;
}

.istSeninTitle {
    font-size: 3.25rem;
}

    .istSeninTitle:before, .istSeninTitle:after {
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: var(--bs-purple);
    }

    .istSeninTitle:before {
        width: 10%;
        height: 2px;
        bottom: -25px;
    }

    .istSeninTitle:after {
        width: 5%;
        height: 1px;
        bottom: -30px;
    }

.sliderTitle {
    color: var(--bs-istanbul-senin-color);
    font-size: 1.5rem;
}

.sliderSubTitle {
    font-size: 1.75rem;
}

    .sliderSubTitle:before {
        content: '';
        height: 3px;
        width: 20%;
        background-color: var(--bs-istanbul-senin-color);
        position: absolute;
        left: calc(var(--bs-gutter-x) * 0.5);
        bottom: 0;
    }

.sliderBtn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-primary);
    z-index: -1;
}

.swiper-buttons {
    position: absolute;
    right: 0;
    bottom: 10px;
}

    .swiper-buttons div {
        position: static;
        background-color: var(--bs-primary);
        border-radius: 100%;
        width: 45px;
        height: 45px;
        border: 1px solid #ddd;
    }

        .swiper-buttons div:after {
            background-position: center;
            background-repeat: no-repeat;
            width: 7px;
            height: 13px;
        }

.swiper-button-prev:after {
    content: '';
    background-image: url('../img/arrow_left.svg');
}

.swiper-button-next:after {
    content: '';
    background-image: url('../img/arrow_right.svg');
}

.videoModalWrap video {
    width: 100%;
    height: auto;
}

.loginSideBar:before, .loginSideBar:after {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}

.loginSideBar:before {
    background-image: url('../img/login-side-mask.png');
    left: 0;
    top: 0;
    width: 138px;
    height: 135px;
}

.loginSideBar:after {
    background-image: url('../img/login-side-shape.png');
    right: 50px;
    top: 30px;
    width: 41px;
    height: 41px;
}

.wizard, .tabcontrol {
    overflow: visible;
}

.wizardSideTitle {
    font-size: 1.75rem;
}

.wizardWrap span {
    font-size: .75rem;
}

.wizard .steps {
    position: relative;
}

.wizard [role="tablist"]:after {
    content: '';
    background-color: var(--bs-marigold);
    height: .75rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(50% - .375rem);
    border-radius: .25rem;
    z-index: -1;
}

.wizard [role="tablist"] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
    overflow: auto;
}

.wizard > .steps > ul > li {
    width: auto;
}

    .wizard > .steps > ul > li a {
        margin: 0;
        border-radius: 100%;
        padding: 0;
        width: 3.5rem;
        height: 3.5rem;
        text-align: center;
        line-height: 3.5rem;
        font-size: 1.5rem;
        font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif;
        background-color: var(--bs-ma-white) !important;
        color: var(--bs-caribbean-sky) !important;
        border: var(--bs-border-width) solid var(--bs-marigold);
        position: relative;
    }

    .wizard > .steps > ul > li.current a {
        background-color: var(--bs-marigold) !important;
        color: var(--bs-white) !important;
        border: var(--bs-border-width) solid var(--bs-ma-white);
    }

.wizard > .steps > ul > li div {
    margin: 0;
    border-radius: 100%;
    padding: 0;
    width: 4rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    font-size: 1.75rem;
    font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif;
    background-color: var(--bs-ma-white) !important;
    color: var(--bs-caribbean-sky) !important;
    border: var(--bs-border-width) solid var(--bs-marigold);
}

.wizard > .steps > ul > li.current div {
    background-color: var(--bs-marigold) !important;
    color: var(--bs-white) !important;
    border: var(--bs-border-width) solid var(--bs-ma-white);
}

.wizard > .content {
    margin: 0;
    background: var(--bs-body-bg);
    overflow: visible;
    min-height: auto;
}

    .wizard > .content > .body {
        width: 100%;
        padding: 0;
        position: static;
    }

        .wizard > .content > .body input[type="text"] {
            border: var(--bs-border-width) solid var(--bs-border-color);
        }

.wizard > .actions > ul > li {
    margin: 0;
}

.wizardFormText {
    font-size: .75rem;
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    /* background: var(--bs-blue-whale);
    color: var(--bs-white); */
    font-family: 'Montserrat SemiBold', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: var(--bs-primary);
    color: var(--bs-white);
    font-family: 'Montserrat SemiBold', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    margin-left: .75rem;
}

.uploadedFile {
    left: 1rem;
}

.mainWrapBg {
    background-image: url('../img/result-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.genelKosullarBg {
    background-image: url('../img/genel-kosullar-bg.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}

.genelKosularList ul li {
    border: none;
    padding: 0;
}

    .genelKosularList ul li.left {
        background-position: left 3px;
        background-repeat: no-repeat;
        padding-left: 1.25rem;
    }

    .genelKosularList ul li.right {
        background-position: right 3px;
        background-repeat: no-repeat;
        padding-right: 1.25rem;
    }

    .genelKosularList ul li.green {
        background-image: url('../img/genel-kosullar/left-green-arrow.svg');
    }

    .genelKosularList ul li.orange {
        background-image: url('../img/genel-kosullar/right-orange-arrow.svg');
    }

    .genelKosularList ul li.purple {
        background-image: url('../img/genel-kosullar/left-purple-arrow.svg');
    }

    .genelKosularList ul li.blue {
        background-image: url('../img/genel-kosullar/right-blue-arrow.svg');
    }

.collapseItem {
    background-image: url('../img/plus-active.svg');
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
}

    .collapseItem.collapsed {
        background-color: var(--bs-white) !important;
        color: var(--bs-dark) !important;
        background-image: url('../img/plus-passive.svg');
        background-position: calc(100% - 20px) center;
        background-repeat: no-repeat;
    }

.mobileMenu {
    display: none;
}

.vasiBtn ~ .vasiWrap {
    display: none;
}

.vasiBtn:checked ~ .vasiWrap {
    display: block;
}

#engelQues ~ .ogrenciEngeli {
    display: none;
}

#engelQues:checked ~ .ogrenciEngeli {
    display: flex;
}

#sehitQues ~ .sehitCocugu {
    display: none;
}

#sehitQues:checked ~ .sehitCocugu {
    display: flex;
}


@media (max-width: 1639.98px) {

    .ist-senin-giris {
        font-size: .75rem;
    }

    .numberItem {
        font-size: 3.5rem;
    }

    .numberText {
        font-size: 1.75rem;
    }

    .istSeninTitle {
        font-size: 3rem;
    }

    .heroMain {
        font-size: 5rem;
    }
}

@media (min-width: 1024px) and (max-width: 1600px) {
    .form-label {
        font-size: .875rem;
    }
}

@media (max-width: 1399.98px) {
    .nav-link {
        font-size: .875rem;
    }

    .videoWrap {
        position: relative !important;
    }

    .istSeninTitle {
        font-size: 2.75rem;
    }

    .milyon-ico img {
        max-width: 12%;
    }
}

@media (max-width: 1199.98px) {
    .numberItem {
        font-size: 3rem;
    }

    .istSeninTitle {
        font-size: 2rem;
        color: var(--bs-tete);
    }

    .heroMain {
        font-size: 4rem;
    }

    .sliderTitle {
        font-size: 1.25rem;
    }

    .sliderSubTitle {
        font-size: 1.5rem;
    }

    .milyon-ico img {
        max-width: 10%;
    }
}

@media (max-width: 991.98px) {
    .mobileMenu {
        left: 100%;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        height: 100vh;
        top: 0;
        z-index: 9;
        background-image: url('../img/menu-bg-icons.svg');
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain;
        display: block;
    }

    .menuBtn:checked ~ .mobileMenu {
        left: 0;
    }

    .mobileNav a {
        font-size: 1.25rem;
    }

    .noneBg {
        background-color: inherit !important;
        box-shadow: none !important;
    }

    .form-tooltip {
        display: none !important;
    }

    i.form-info {
        width: 38px;
        height: 38px;
        background-size: 100%;
    }

    .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
        font-size: .875rem !important;
    }

    .mobile-form-title div {
        color: var(--bs-white);
        background-color: var(--bs-blue-whale);
        border-radius: .25rem;
        font-size: 1rem;
        font-family: 'Montserrat SemiBold', sans-serif !important;
    }

    .uploadedFile {
        font-size: .875rem;
    }

    i.success-ico-lg, i.error-ico-lg {
        width: 130px;
        height: 130px;
        background-size: 100%;
    }

    .mainWrapBg {
        background-position: left top;
    }

    .fs-content-title div {
        border: var(--bs-border-width) solid;
        border-radius: 1rem;
        font-size: 1rem;
    }

    .fs-content-title .pink {
        border-color: var(--bs-tete);
        color: var(--bs-tete);
    }

    .fs-content-title .blue {
        border-color: var(--bs-vanadyl-blue);
        color: var(--bs-vanadyl-blue);
    }

    .fs-content-title .green {
        border-color: var(--bs-teal);
        color: var(--bs-teal);
    }

    .fs-content-title .orange {
        border-color: var(--bs-safety-orange);
        color: var(--bs-safety-orange);
    }

    .genelKosularList ul li {
        font-size: .875rem;
    }

    .collapseItem {
        font-size: .875rem;
        background-position: calc(100% - 10px);
    }

        .collapseItem.collapsed {
            background-position: calc(100% - 10px);
        }

    .sssCollapse .card-body {
        font-size: .75rem;
    }
}

@media (max-width: 767.98px) {
    .milyon-ico img {
        max-width: 15%;
    }

    .heroMain {
        font-size: 3.5rem;
    }

    .numberItem {
        font-size: 2rem;
    }

    .numberText {
        font-size: 1.25rem;
    }

    .istSeninWrap:before {
        content: none;
    }

    .wizard > .steps > ul > li a {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 27px;
        font-size: .8rem;
    }

    .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: .75rem;
    }

    .form-control::-moz-placeholder { /* Firefox 19+ */
        font-size: .75rem;
    }

    .form-control:-ms-input-placeholder { /* IE 10+ */
        font-size: .75rem;
    }

    .form-control:-moz-placeholder { /* Firefox 18- */
        font-size: .75rem;
    }

    .form-label {
        font-size: .875rem;
    }

    .form-check-label {
        font-size: .75rem;
        line-height: 2;
    }

    .form-control, .form-select {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .heroMain {
        font-size: 2.5rem;
    }

    .istSeninTitle {
        font-size: 1.25rem;
    }

    .swiper-buttons {
        position: static;
        height: 45px;
    }

    .sliderSubTitle {
        font-size: 1rem;
    }

    .sliderText {
        font-size: 0.75rem;
    }

    .milyon-text {
        font-size: .625rem;
    }

    i.success-ico-lg, i.error-ico-lg {
        width: 100px;
        height: 100px;
        background-size: 100%;
    }
}

.ibb-footer-sosyal-hizmet {
    opacity: 0.9;
}

    .ibb-footer-sosyal-hizmet p {
        font-size: 12px;
        margin-top: 5%;
    }

.ibb-footer-address {
    font-size: 12px;
}

.small-svg {
    width: 200px;
    height: auto;
    transform: scale(1);
    margin-bottom: 20px;
    text-align: left; /* Yükseklik oranını otomatik ayarlamak için */
}

.text-address p {
    font-size: 15px;
    font-family: sans-serif;
}

.sosyalhizmet-text {
    font-size: 10px;
    color: aqua !important;
}

.text-address h5 {
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 700;
}

.big-svg {
    width: 100%;
    margin-right: 10%;
    display: flex;
    justify-content: center;
}

.icons-footer {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

@media (max-width: 768px) {
    .footer-custom > div {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-custom img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

.tam-yol-logo img {
    max-width: 60%;
    height: 60px;
}

@media (max-width: 320.98px) {
    .heroMain {
        font-size: 2rem;
    }

    .heroBtns .btn {
        font-size: .75rem;
    }

    .milyon-text {
        font-size: .5rem;
    }


    .dropdown-menu li a {
        list-style: none;
        text-decoration: none;
    }

    .dropdown label {
        color: white;
    }
}
    .socket {
        background-color: #002e71;
    }