:root{
    --footer-heading-color:#9b9b9b;
}

/*Font Face*/
@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Italic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Italic.woff') format('woff'),
         url('/fonts/StyreneAWeb-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-LightItalic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-LightItalic.woff') format('woff'),
         url('/fonts/StyreneAWeb-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Thin.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Thin.woff') format('woff'),
         url('/fonts/StyreneAWeb-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-BoldItalic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-BoldItalic.woff') format('woff'),
         url('/fonts/StyreneAWeb-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-BlackItalic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-BlackItalic.woff') format('woff'),
         url('/fonts/StyreneAWeb-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Regular.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Regular.woff') format('woff'),
         url('/fonts/StyreneAWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Black.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Black.woff') format('woff'),
         url('/fonts/StyreneAWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Medium.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Medium.woff') format('woff'),
         url('/fonts/StyreneAWeb-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-ThinItalic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-ThinItalic.woff') format('woff'),
         url('/fonts/StyreneAWeb-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Bold.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Bold.woff') format('woff'),
         url('/fonts/StyreneAWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-Light.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-Light.woff') format('woff'),
         url('/fonts/StyreneAWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Styrene A Web';
    src: url('/fonts/StyreneAWeb-MediumItalic.woff2') format('woff2'),
         url('/fonts/StyreneAWeb-MediumItalic.woff') format('woff'),
         url('/fonts/StyreneAWeb-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/*Font Face*/


.cursor-p{
    cursor:pointer;
}
/* Font Family */


/* Font Weight */
.font-weight-100 { font-weight: 100; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: normal; }
.font-weight-500 { font-weight: 500; }
.font-weight-700 { font-weight: bold; }
.font-weight-900 { font-weight: 900; }
/* Font Weight */

/* Font Style */
.font-style-normal { font-style: normal; }
.font-style-italic { font-style: italic; }
/* Font Style */

/*Font Family*/
/* Temel Font Ailesi */


.no-outline:focus {
    outline: none !important;
    box-shadow: none !important;
}

.o-f-cover{
    object-fit:cover;
}
.o-f-contain{
    object-fit:contain;
}



/*Text Color*/
.text-black{color:#000000;}
.text-gray{color: #8B8B8B;}
/*Text Color*/

/*Button Component*/
.btn-common {
    font-size: 1rem; /* 16px */
    border-radius: 8px;
    padding: 1rem 2rem;
    background-color: #09135D;
}
.btn-small {
    font-size: 0.875rem; /* 14px */
    padding: 0.4rem 0.8rem;
    background-color: #09135D;
    border-radius: 8px;
}

.btn-medium {
    font-size: 1rem; /* 16px */
    padding: 0.6rem 1rem;
    background-color: #09135D;
    border-radius: 8px;
}

.btn-large {
    font-size: 1.25rem; /* 20px */
    padding: 0.8rem 1.2rem;
    background-color: #09135D;
}

.btn-extra-large {
    font-size: 1.5rem; /* 24px */
    padding: 1rem 1.5rem;
    border-radius: 8px;
    background-color: #09135D;
}

/* Ortak buton stili */
.btn-common {
    font-size: 1rem; /* 16px */
    border-radius: 8px;
    padding: 1rem 2rem;
    background-color: #09135D;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
}


/* Ortak animasyon stili */
.btn-animate,
.btn-animate-black,
.btn-animate-not-arrow {
   transition:background-color ease-in-out 0.3s !important;
}

    /* Arrow olan buton */
    .btn-animate:hover {
        background-color: #02061b; 
        color: #ffffff; 
    }

    .btn-animate svg {
        transition: transform 0.3s ease; 
        margin-left: 8px; 
    }

    .btn-animate:hover svg {
        transform: translateX(12px);
    }

    .btn-animate:active {
        transform: scale(0.98);
    }

    /* Siyah arka plan animasyonu */
    .btn-animate-black:hover {
        background-color: #000000; 
        color: #ffffff; 
    }

    .btn-animate-black:active {
        transform: scale(0.98);
    }

    /* Arrow olmayan ama animasyonlu buton */
    .btn-animate-not-arrow:hover {
        background-color: #02061b;
        color: #ffffff;
    }

    .btn-animate-not-arrow:active {
        transform: scale(0.98); 
    }



/*Button Component*/
/*Background-Color*/
.border-bg-gray {
    background: #D4D4D4;
}
/*Background-Color*/
/*Font Size */
.font-size-12 {
    font-size: 0.75rem; /* 12px */
}
.font-size-14 { font-size: 0.875rem; /* 14px */ }
.font-size-16 { font-size: 1rem; /* 16px */ }
.font-size-18 { font-size: 1.125rem; /* 18px */ }
.font-size-20 { font-size: 1.25rem; /* 20px */ }
.font-size-21 { font-size: 1.3125rem; /* 21px */ }
.font-size-24 { font-size: 1.5rem; /* 24px */ }
.font-size-28 { font-size: 1.75rem; /* 28px */ }
.font-size-32 { font-size: 2rem; /* 32px */ }
.font-size-36 { font-size: 2.25rem; /* 36px */ }
.font-size-40 { font-size: 2.5rem; /* 40px */ }
.font-size-44 { font-size: 2.75rem; /* 44px */ }
.font-size-45 { font-size: 2.8125rem; /* 45px */ }
.font-size-48 { font-size: 3rem; /* 48px */ }
.font-size-52 { font-size: 3.25rem; /* 52px */ }
.font-size-56 { font-size: 3.5rem; /* 56px */ }
.font-size-60 { font-size: 3.75rem; /* 60px */ }
.font-size-64 { font-size: 4rem; /* 64px */ }

/*Font Size */

/* Padding - All Sides */
.p-8 { padding: 0.5rem; /* 8px */ }
.p-12 { padding: 0.75rem; /* 12px */ }
.p-16 { padding: 1rem; /* 16px */ }
.p-20 { padding: 1.25rem; /* 20px */ }
.p-24 { padding: 1.5rem; /* 24px */ }
.p-28 { padding: 1.75rem; /* 28px */ }
.p-32 { padding: 2rem; /* 32px */ }
.p-36 { padding: 2.25rem; /* 36px */ }
.p-40 { padding: 2.5rem; /* 40px */ }
.p-44 { padding: 2.75rem; /* 44px */ }
.p-48 { padding: 3rem; /* 48px */ }
.p-52 { padding: 3.25rem; /* 52px */ }
.p-56 { padding: 3.5rem; /* 56px */ }
.p-60 { padding: 3.75rem; /* 60px */ }
.p-64 { padding: 4rem; /* 64px */ }
.p-68 { padding: 4.25rem; /* 68px */ }
.p-72 { padding: 4.5rem; /* 72px */ }
.p-76 { padding: 4.75rem; /* 76px */ }
.p-80 { padding: 5rem; /* 80px */ }

/* Padding - Top */
.pt-8 { padding-top: 0.5rem; /* 8px */ }
.pt-12 { padding-top: 0.75rem; /* 12px */ }
.pt-16 { padding-top: 1rem; /* 16px */ }
.pt-20 { padding-top: 1.25rem; /* 20px */ }
.pt-24 { padding-top: 1.5rem; /* 24px */ }
.pt-28 { padding-top: 1.75rem; /* 28px */ }
.pt-32 { padding-top: 2rem; /* 32px */ }
.pt-36 { padding-top: 2.25rem; /* 36px */ }
.pt-40 { padding-top: 2.5rem; /* 40px */ }
.pt-44 { padding-top: 2.75rem; /* 44px */ }
.pt-48 { padding-top: 3rem; /* 48px */ }
.pt-52 { padding-top: 3.25rem; /* 52px */ }
.pt-56 { padding-top: 3.5rem; /* 56px */ }
.pt-60 { padding-top: 3.75rem; /* 60px */ }
.pt-64 { padding-top: 4rem; /* 64px */ }
.pt-68 { padding-top: 4.25rem; /* 68px */ }
.pt-72 { padding-top: 4.5rem; /* 72px */ }
.pt-76 { padding-top: 4.75rem; /* 76px */ }
.pt-80 { padding-top: 5rem; /* 80px */ }
.pt-120 {padding-top: 7.5rem; /* 120px */}
.pt-168 {padding-top: 10.5rem; /* 168px */}
.pt-180 { padding-top: 11.25rem; /* 180px */ }
.pt-196 {padding-top: 12.25rem; /* 196px */}
.pt-250 {padding-top: 15.625rem; /* 196px */}

/* Padding - Bottom */
.pb-8 { padding-bottom: 0.5rem; /* 8px */ }
.pb-12 { padding-bottom: 0.75rem; /* 12px */ }
.pb-16 { padding-bottom: 1rem; /* 16px */ }
.pb-20 { padding-bottom: 1.25rem; /* 20px */ }
.pb-24 { padding-bottom: 1.5rem; /* 24px */ }
.pb-28 { padding-bottom: 1.75rem; /* 28px */ }
.pb-32 { padding-bottom: 2rem; /* 32px */ }
.pb-36 { padding-bottom: 2.25rem; /* 36px */ }
.pb-40 { padding-bottom: 2.5rem; /* 40px */ }
.pb-44 { padding-bottom: 2.75rem; /* 44px */ }
.pb-48 { padding-bottom: 3rem; /* 48px */ }
.pb-52 { padding-bottom: 3.25rem; /* 52px */ }
.pb-56 { padding-bottom: 3.5rem; /* 56px */ }
.pb-60 { padding-bottom: 3.75rem; /* 60px */ }
.pb-64 { padding-bottom: 4rem; /* 64px */ }
.pb-68 { padding-bottom: 4.25rem; /* 68px */ }
.pb-72 { padding-bottom: 4.5rem; /* 72px */ }
.pb-76 { padding-bottom: 4.75rem; /* 76px */ }
.pb-80 { padding-bottom: 5rem; /* 80px */ }
.pb-155 { padding-bottom: 9.688rem; /* 155px */ }
.pb-196 {padding-bottom: 12.25rem; /* 196px */}
.pb-264 {padding-bottom: 16.5rem; /* 264px */}
.pb-320 {padding-bottom: 20rem; /* 320px */}
/* Padding - Left */
.pl-8 { padding-left: 0.5rem; /* 8px */ }
.pl-12 { padding-left: 0.75rem; /* 12px */ }
.pl-16 { padding-left: 1rem; /* 16px */ }
.pl-20 { padding-left: 1.25rem; /* 20px */ }
.pl-24 { padding-left: 1.5rem; /* 24px */ }
.pl-28 { padding-left: 1.75rem; /* 28px */ }
.pl-32 { padding-left: 2rem; /* 32px */ }
.pl-36 { padding-left: 2.25rem; /* 36px */ }
.pl-40 { padding-left: 2.5rem; /* 40px */ }
.pl-44 { padding-left: 2.75rem; /* 44px */ }
.pl-48 { padding-left: 3rem; /* 48px */ }
.pl-52 { padding-left: 3.25rem; /* 52px */ }
.pl-56 { padding-left: 3.5rem; /* 56px */ }
.pl-60 { padding-left: 3.75rem; /* 60px */ }
.pl-64 { padding-left: 4rem; /* 64px */ }
.pl-68 { padding-left: 4.25rem; /* 68px */ }
.pl-72 { padding-left: 4.5rem; /* 72px */ }
.pl-76 { padding-left: 4.75rem; /* 76px */ }
.pl-80 { padding-left: 5rem; /* 80px */ }
.pl-100 { padding-left: 6.25rem; /* 100px */ }
.pl-104 { padding-left: 6.5rem; /* 104px */ }
.pl-108 { padding-left: 6.75rem; /* 108px */ }
.pl-112 { padding-left: 7rem; /* 112px */ }
.pl-116 { padding-left: 7.25rem; /* 116px */ }
.pl-120 { padding-left: 7.5rem; /* 120px */ }
.pl-124 { padding-left: 7.75rem; /* 124px */ }
.pl-128 { padding-left: 8rem; /* 128px */ }
.pl-132 { padding-left: 8.25rem; /* 132px */ }
.pl-136 { padding-left: 8.5rem; /* 136px */ }
.pl-140 { padding-left: 8.75rem; /* 140px */ }
.pl-144 { padding-left: 9rem; /* 144px */ }
.pl-148 { padding-left: 9.25rem; /* 148px */ }
.pl-152 { padding-left: 9.5rem; /* 152px */ }
.pl-156 { padding-left: 9.75rem; /* 156px */ }
.pl-160 { padding-left: 10rem; /* 160px */ }
/* Padding - Right */
.pr-8 { padding-right: 0.5rem; /* 8px */ }
.pr-12 { padding-right: 0.75rem; /* 12px */ }
.pr-16 { padding-right: 1rem; /* 16px */ }
.pr-20 { padding-right: 1.25rem; /* 20px */ }
.pr-24 { padding-right: 1.5rem; /* 24px */ }
.pr-28 { padding-right: 1.75rem; /* 28px */ }
.pr-32 { padding-right: 2rem; /* 32px */ }
.pr-36 { padding-right: 2.25rem; /* 36px */ }
.pr-40 { padding-right: 2.5rem; /* 40px */ }
.pr-44 { padding-right: 2.75rem; /* 44px */ }
.pr-48 { padding-right: 3rem; /* 48px */ }
.pr-52 { padding-right: 3.25rem; /* 52px */ }
.pr-56 { padding-right: 3.5rem; /* 56px */ }
.pr-60 { padding-right: 3.75rem; /* 60px */ }
.pr-64 { padding-right: 4rem; /* 64px */ }
.pr-68 { padding-right: 4.25rem; /* 68px */ }
.pr-72 { padding-right: 4.5rem; /* 72px */ }
.pr-76 { padding-right: 4.75rem; /* 76px */ }
.pr-80 { padding-right: 5rem; /* 80px */ }
.pr-84 { padding-right: 5.25rem; /* 84px */ }
.pr-88 { padding-right: 5.5rem; /* 88px */ }
.pr-92 { padding-right: 5.75rem; /* 92px */ }
.pr-96 { padding-right: 6rem; /* 96px */ }
.pr-100 { padding-right: 6.25rem; /* 100px */ }
.pr-104 { padding-right: 6.5rem; /* 104px */ }
.pr-108 { padding-right: 6.75rem; /* 108px */ }
.pr-112 { padding-right: 7rem; /* 112px */ }
.pr-116 { padding-right: 7.25rem; /* 116px */ }
.pr-120 { padding-right: 7.5rem; /* 120px */ }
.pr-124 { padding-right: 7.75rem; /* 124px */ }
.pr-128 { padding-right: 8rem; /* 128px */ }
.pr-132 { padding-right: 8.25rem; /* 132px */ }
.pr-136 { padding-right: 8.5rem; /* 136px */ }
.pr-140 { padding-right: 8.75rem; /* 140px */ }
.pr-144 { padding-right: 9rem; /* 144px */ }
.pr-148 { padding-right: 9.25rem; /* 148px */ }
.pr-152 { padding-right: 9.5rem; /* 152px */ }
.pr-156 { padding-right: 9.75rem; /* 156px */ }
.pr-160 { padding-right: 10rem; /* 160px */ }
.pr-164 { padding-right: 10.25rem; /* 164px */ }
.pr-168 { padding-right: 10.5rem; /* 168px */ }
.pr-172 { padding-right: 10.75rem; /* 172px */ }
.pr-176 { padding-right: 11rem; /* 176px */ }
.pr-180 { padding-right: 11.25rem; /* 180px */ }
.pr-184 { padding-right: 11.5rem; /* 184px */ }
.pr-188 { padding-right: 11.75rem; /* 188px */ }
.pr-192 { padding-right: 12rem; /* 192px */ }
.pr-196 { padding-right: 12.25rem; /* 196px */ }
.pr-200 { padding-right: 12.5rem; /* 200px */ }
.pr-204 { padding-right: 12.75rem; /* 204px */ }
.pr-208 { padding-right: 13rem; /* 208px */ }
.pr-212 { padding-right: 13.25rem; /* 212px */ }
.pr-216 { padding-right: 13.5rem; /* 216px */ }
.pr-220 { padding-right: 13.75rem; /* 220px */ }
.pr-224 { padding-right: 14rem; /* 224px */ }
.pr-228 { padding-right: 14.25rem; /* 228px */ }
.pr-232 { padding-right: 14.5rem; /* 232px */ }
.pr-236 { padding-right: 14.75rem; /* 236px */ }
.pr-240 { padding-right: 15rem; /* 240px */ }
.pr-244 { padding-right: 15.25rem; /* 244px */ }
.pr-248 { padding-right: 15.5rem; /* 248px */ }
.pr-252 { padding-right: 15.75rem; /* 252px */ }
.pr-256 { padding-right: 16rem; /* 256px */ }
.pr-260 { padding-right: 16.25rem; /* 260px */ }
.pr-264 { padding-right: 16.5rem; /* 264px */ }
.pr-268 { padding-right: 16.75rem; /* 268px */ }
.pr-272 { padding-right: 17rem; /* 272px */ }
.pr-276 { padding-right: 17.25rem; /* 276px */ }
.pr-280 { padding-right: 17.5rem; /* 280px */ }
.pr-284 { padding-right: 17.75rem; /* 284px */ }
.pr-288 { padding-right: 18rem; /* 288px */ }
.pr-292 { padding-right: 18.25rem; /* 292px */ }
.pr-296 { padding-right: 18.5rem; /* 296px */ }
.pr-300 { padding-right: 18.75rem; /* 300px */ }
.pr-320 {padding-right: 20rem; /* 320px */}

/* Margin - All Sides */
.m-8 { margin: 0.5rem; /* 8px */ }
.m-12 { margin: 0.75rem; /* 12px */ }
.m-16 { margin: 1rem; /* 16px */ }
.m-20 { margin: 1.25rem; /* 20px */ }
.m-24 { margin: 1.5rem; /* 24px */ }
.m-28 { margin: 1.75rem; /* 28px */ }
.m-32 { margin: 2rem; /* 32px */ }
.m-36 { margin: 2.25rem; /* 36px */ }
.m-40 { margin: 2.5rem; /* 40px */ }
.m-44 { margin: 2.75rem; /* 44px */ }
.m-48 { margin: 3rem; /* 48px */ }
.m-52 { margin: 3.25rem; /* 52px */ }
.m-56 { margin: 3.5rem; /* 56px */ }
.m-60 { margin: 3.75rem; /* 60px */ }
.m-64 { margin: 4rem; /* 64px */ }
.m-68 { margin: 4.25rem; /* 68px */ }
.m-72 { margin: 4.5rem; /* 72px */ }
.m-76 { margin: 4.75rem; /* 76px */ }
.m-80 { margin: 5rem; /* 80px */ }

/* Margin - Top */
.mt-8 { margin-top: 0.5rem; /* 8px */ }
.mt-12 { margin-top: 0.75rem; /* 12px */ }
.mt-16 { margin-top: 1rem; /* 16px */ }
.mt-20 { margin-top: 1.25rem; /* 20px */ }
.mt-24 { margin-top: 1.5rem; /* 24px */ }
.mt-28 { margin-top: 1.75rem; /* 28px */ }
.mt-32 { margin-top: 2rem; /* 32px */ }
.mt-36 { margin-top: 2.25rem; /* 36px */ }
.mt-40 { margin-top: 2.5rem; /* 40px */ }
.mt-44 { margin-top: 2.75rem; /* 44px */ }
.mt-48 { margin-top: 3rem; /* 48px */ }
.mt-52 { margin-top: 3.25rem; /* 52px */ }
.mt-56 { margin-top: 3.5rem; /* 56px */ }
.mt-60 { margin-top: 3.75rem; /* 60px */ }
.mt-64 { margin-top: 4rem; /* 64px */ }
.mt-68 { margin-top: 4.25rem; /* 68px */ }
.mt-72 { margin-top: 4.5rem; /* 72px */ }
.mt-76 { margin-top: 4.75rem; /* 76px */ }
.mt-80 { margin-top: 5rem; /* 80px */ }
.mt-90 { margin-top: 5.625rem; /* 90px */ }
.mt-112 { margin-top:7rem; /* 112px */ }
.mt-180 {margin-top: 11.25rem; /* 180px */}

/* Margin - Bottom */
.mb-8 { margin-bottom: 0.5rem; /* 8px */ }
.mb-12 { margin-bottom: 0.75rem; /* 12px */ }
.mb-16 { margin-bottom: 1rem; /* 16px */ }
.mb-20 { margin-bottom: 1.25rem; /* 20px */ }
.mb-24 { margin-bottom: 1.5rem; /* 24px */ }
.mb-28 { margin-bottom: 1.75rem; /* 28px */ }
.mb-32 { margin-bottom: 2rem; /* 32px */ }
.mb-36 { margin-bottom: 2.25rem; /* 36px */ }
.mb-40 { margin-bottom: 2.5rem; /* 40px */ }
.mb-44 { margin-bottom: 2.75rem; /* 44px */ }
.mb-48 { margin-bottom: 3rem; /* 48px */ }
.mb-52 { margin-bottom: 3.25rem; /* 52px */ }
.mb-56 { margin-bottom: 3.5rem; /* 56px */ }
.mb-60 { margin-bottom: 3.75rem; /* 60px */ }
.mb-64 { margin-bottom: 4rem; /* 64px */ }
.mb-68 { margin-bottom: 4.25rem; /* 68px */ }
.mb-72 { margin-bottom: 4.5rem; /* 72px */ }
.mb-76 { margin-bottom: 4.75rem; /* 76px */ }
.mb-80 { margin-bottom: 5rem; /* 80px */ }
.mb-180 {margin-bottom: 11.25rem; /* 180px */}
.mb-164 { margin-bottom: 10.25rem; /* 164px */ }

/* Margin - Right */
.mr-8 { margin-right: 0.5rem; /* 8px */ }
.mr-12 { margin-right: 0.75rem; /* 12px */ }
.mr-16 { margin-right: 1rem; /* 16px */ }
.mr-20 { margin-right: 1.25rem; /* 20px */ }
.mr-24 { margin-right: 1.5rem; /* 24px */ }
.mr-28 { margin-right: 1.75rem; /* 28px */ }
.mr-32 { margin-right: 2rem; /* 32px */ }
.mr-36 { margin-right: 2.25rem; /* 36px */ }
.mr-40 { margin-right: 2.5rem; /* 40px */ }
.mr-44 { margin-right: 2.75rem; /* 44px */ }
.mr-48 { margin-right: 3rem; /* 48px */ }
.mr-52 { margin-right: 3.25rem; /* 52px */ }
.mr-56 { margin-right: 3.5rem; /* 56px */ }
.mr-60 { margin-right: 3.75rem; /* 60px */ }
.mr-64 { margin-right: 4rem; /* 64px */ }
.mr-68 { margin-right: 4.25rem; /* 68px */ }
.mr-72 { margin-right: 4.5rem; /* 72px */ }
.mr-76 { margin-right: 4.75rem; /* 76px */ }
.mr-80 { margin-right: 5rem; /* 80px */ }
.mr-420 {margin-right: 26.25rem; /* 80px */}

/* Margin - Left */
.ml-8 { margin-left: 0.5rem; /* 8px */ }
.ml-12 { margin-left: 0.75rem; /* 12px */ }
.ml-16 { margin-left: 1rem; /* 16px */ }
.ml-20 { margin-left: 1.25rem; /* 20px */ }
.ml-24 { margin-left: 1.5rem; /* 24px */ }
.ml-28 { margin-left: 1.75rem; /* 28px */ }
.ml-32 { margin-left: 2rem; /* 32px */ }
.ml-36 { margin-left: 2.25rem; /* 36px */ }
.ml-40 { margin-left: 2.5rem; /* 40px */ }
.ml-44 { margin-left: 2.75rem; /* 44px */ }
.ml-48 { margin-left: 3rem; /* 48px */ }
.ml-52 { margin-left: 3.25rem; /* 52px */ }
.ml-56 { margin-left: 3.5rem; /* 56px */ }
.ml-60 { margin-left: 3.75rem; /* 60px */ }
.ml-64 { margin-left: 4rem; /* 64px */ }
.ml-68 { margin-left: 4.25rem; /* 68px */ }
.ml-72 { margin-left: 4.5rem; /* 72px */ }
.ml-76 { margin-left: 4.75rem; /* 76px */ }
.ml-80 { margin-left: 5rem; /* 80px */ }

/*Margin*/

/*Width*/

.width-fit-content{width:fit-content;}
.width-max-content{width:max-content;}
.height-fit-content{height:fit-content;}
.height-max-content{height:max-content;}
.width-1 { width: 0.25rem; /* 4px */ }
.width-2 { width: 0.5rem; /* 8px */ }
.width-3 { width: 0.75rem; /* 12px */ }
.width-4 { width: 1rem; /* 16px */ }
.width-5 { width: 1.25rem; /* 20px */ }
.width-6 { width: 1.5rem; /* 24px */ }
.width-7 { width: 1.75rem; /* 28px */ }
.width-8 { width: 2rem; /* 32px */ }
.width-9 { width: 2.25rem; /* 36px */ }
.width-10 { width: 2.5rem; /* 40px */ }
.width-11 { width: 2.75rem; /* 44px */ }
.width-12 { width: 3rem; /* 48px */ }
.width-13 { width: 3.25rem; /* 52px */ }
.width-14 { width: 3.5rem; /* 56px */ }
.width-15 { width: 3.75rem; /* 60px */ }
.width-16 { width: 4rem; /* 64px */ }
.width-17 { width: 4.25rem; /* 68px */ }
.width-18 { width: 4.5rem; /* 72px */ }
.width-19 { width: 4.75rem; /* 76px */ }
.width-20 { width: 5rem; /* 80px */ }
.width-21 { width: 5.25rem; /* 84px */ }
.width-22 { width: 5.5rem; /* 88px */ }
.width-23 { width: 5.75rem; /* 92px */ }
.width-24 { width: 6rem; /* 96px */ }
.width-25 { width: 6.25rem; /* 100px */ }
.width-26 { width: 6.5rem; /* 104px */ }
.width-27 { width: 6.75rem; /* 108px */ }
.width-28 { width: 7rem; /* 112px */ }
.width-29 { width: 7.25rem; /* 116px */ }
.width-30 { width: 7.5rem; /* 120px */ }
.width-31 { width: 7.75rem; /* 124px */ }
.width-32 { width: 8rem; /* 128px */ }
.width-33 { width: 8.25rem; /* 132px */ }
.width-34 { width: 8.5rem; /* 136px */ }
.width-35 { width: 8.75rem; /* 140px */ }
.width-36 { width: 9rem; /* 144px */ }
.width-37 { width: 9.25rem; /* 148px */ }
.width-38 { width: 9.5rem; /* 152px */ }
.width-39 { width: 9.75rem; /* 156px */ }
.width-40 { width: 10rem; /* 160px */ }
.width-41 { width: 10.25rem; /* 164px */ }
.width-42 { width: 10.5rem; /* 168px */ }
.width-43 { width: 10.75rem; /* 172px */ }
.width-44 { width: 11rem; /* 176px */ }
.width-45 { width: 11.25rem; /* 180px */ }
.width-46 { width: 11.5rem; /* 184px */ }
.width-47 { width: 11.75rem; /* 188px */ }
.width-48 { width: 12rem; /* 192px */ }
.width-49 { width: 12.25rem; /* 196px */ }
.width-50 { width: 12.5rem; /* 200px */ }
.width-51 { width: 12.75rem; /* 204px */ }
.width-52 { width: 13rem; /* 208px */ }
.width-53 { width: 13.25rem; /* 212px */ }
.width-54 { width: 13.5rem; /* 216px */ }
.width-55 { width: 13.75rem; /* 220px */ }
.width-56 { width: 14rem; /* 224px */ }
.width-57 { width: 14.25rem; /* 228px */ }
.width-58 { width: 14.5rem; /* 232px */ }
.width-59 { width: 14.75rem; /* 236px */ }
.width-60 { width: 15rem; /* 240px */ }


/*Width*/

/* Height */
.height-1 { height: 0.25rem; /* 4px */ }
.height-2 { height: 0.5rem; /* 8px */ }
.height-3 { height: 0.75rem; /* 12px */ }
.height-4 { height: 1rem; /* 16px */ }
.height-5 { height: 1.25rem; /* 20px */ }
.height-6 { height: 1.5rem; /* 24px */ }
.height-7 { height: 1.75rem; /* 28px */ }
.height-8 { height: 2rem; /* 32px */ }
.height-9 { height: 2.25rem; /* 36px */ }
.height-10 { height: 2.5rem; /* 40px */ }
.height-11 { height: 2.75rem; /* 44px */ }
.height-12 { height: 3rem; /* 48px */ }
.height-13 { height: 3.25rem; /* 52px */ }
.height-14 { height: 3.5rem; /* 56px */ }
.height-15 { height: 3.75rem; /* 60px */ }
.height-16 { height: 4rem; /* 64px */ }
.height-17 { height: 4.25rem; /* 68px */ }
.height-18 { height: 4.5rem; /* 72px */ }
.height-19 { height: 4.75rem; /* 76px */ }
.height-20 { height: 5rem; /* 80px */ }
.height-21 { height: 5.25rem; /* 84px */ }
.height-22 { height: 5.5rem; /* 88px */ }
.height-23 { height: 5.75rem; /* 92px */ }
.height-24 { height: 6rem; /* 96px */ }
.height-25 { height: 6.25rem; /* 100px */ }
.height-26 { height: 6.5rem; /* 104px */ }
.height-27 { height: 6.75rem; /* 108px */ }
.height-28 { height: 7rem; /* 112px */ }
.height-29 { height: 7.25rem; /* 116px */ }
.height-30 { height: 7.5rem; /* 120px */ }
.height-31 { height: 7.75rem; /* 124px */ }
.height-32 { height: 8rem; /* 128px */ }
.height-33 { height: 8.25rem; /* 132px */ }
.height-34 { height: 8.5rem; /* 136px */ }
.height-35 { height: 8.75rem; /* 140px */ }
.height-36 { height: 9rem; /* 144px */ }
.height-37 { height: 9.25rem; /* 148px */ }
.height-38 { height: 9.5rem; /* 152px */ }
.height-39 { height: 9.75rem; /* 156px */ }
.height-40 { height: 10rem; /* 160px */ }
.height-41 { height: 10.25rem; /* 164px */ }
.height-42 { height: 10.5rem; /* 168px */ }
.height-43 { height: 10.75rem; /* 172px */ }
.height-44 { height: 11rem; /* 176px */ }
.height-45 { height: 11.25rem; /* 180px */ }
.height-46 { height: 11.5rem; /* 184px */ }
.height-47 { height: 11.75rem; /* 188px */ }
.height-48 { height: 12rem; /* 192px */ }
.height-49 { height: 12.25rem; /* 196px */ }
.height-50 { height: 12.5rem; /* 200px */ }
.height-51 { height: 12.75rem; /* 204px */ }
.height-52 { height: 13rem; /* 208px */ }
.height-53 { height: 13.25rem; /* 212px */ }
.height-54 { height: 13.5rem; /* 216px */ }
.height-55 { height: 13.75rem; /* 220px */ }
.height-56 { height: 14rem; /* 224px */ }
.height-57 { height: 14.25rem; /* 228px */ }
.height-58 { height: 14.5rem; /* 232px */ }
.height-59 { height: 14.75rem; /* 236px */ }
.height-60 { height: 15rem; /* 240px */ }

/* Height */
/* Gap */
.promakim-gap-0 { gap: 0rem; /* 0px */ }
.promakim-gap-1 { gap: 0.25rem; /* 4px */ }
.promakim-gap-2 { gap: 0.5rem; /* 8px */ }
.promakim-gap-2-5 { gap: 0.650rem; /* 10.5px */ }
.promakim-gap-3 { gap: 0.75rem; /* 12px */ }
.promakim-gap-4 { gap: 1rem; /* 16px */ }
.promakim-gap-5 { gap: 1.25rem; /* 20px */ }
.promakim-gap-5-5 { gap: 1.40625rem; /* 22.5px */ }
.promakim-gap-6 { gap: 1.5rem; /* 24px */ }
.promakim-gap-7 { gap: 1.75rem; /* 28px */ }
.promakim-gap-7-5 { gap: 1.875rem; /* 30px */ }
.promakim-gap-8 { gap: 2rem; /* 32px */ }
.promakim-gap-9 { gap: 2.25rem; /* 36px */ }
.promakim-gap-10 { gap: 2.5rem; /* 40px */ }
.promakim-gap-11 { gap: 2.75rem; /* 44px */ }
.promakim-gap-12 { gap: 3rem; /* 48px */ }
.promakim-gap-13 { gap: 3.25rem; /* 52px */ }
.promakim-gap-14 { gap: 3.5rem; /* 56px */ }
.promakim-gap-15 { gap: 3.75rem; /* 60px */ }
.promakim-gap-16 { gap: 4rem; /* 64px */ }
.promakim-gap-17 { gap: 4.25rem; /* 68px */ }
.promakim-gap-17-5 {gap: 4.375rem; /* 70px */ }
.promakim-gap-18 { gap: 4.5rem; /* 72px */ }
.promakim-gap-19 { gap: 4.75rem; /* 76px */ }
.promakim-gap-20 { gap: 5rem; /* 80px */ }
.promakim-gap-21 { gap: 5.25rem; /* 84px */ }
.promakim-gap-22 { gap: 5.5rem; /* 88px */ }
.promakim-gap-23 { gap: 5.75rem; /* 92px */ }
.promakim-gap-24 { gap: 6rem; /* 96px */ }
.promakim-gap-25 { gap: 6.25rem; /* 100px */ }
.promakim-gap-26 { gap: 6.5rem; /* 104px */ }
.promakim-gap-27 { gap: 6.75rem; /* 108px */ }
.promakim-gap-27-5 {gap: 6.875rem; /* 110px */ }
.promakim-gap-28 { gap: 7rem; /* 112px */ }
.promakim-gap-29 { gap: 7.25rem; /* 116px */ }
.promakim-gap-30 { gap: 7.5rem; /* 120px */ }
.promakim-gap-31 { gap: 7.75rem; /* 124px */ }
.promakim-gap-32 { gap: 8rem; /* 128px */ }
.promakim-gap-33 { gap: 8.25rem; /* 132px */ }
.promakim-gap-34 { gap: 8.5rem; /* 136px */ }
.promakim-gap-35 { gap: 8.75rem; /* 140px */ }
.promakim-gap-36 { gap: 9rem; /* 144px */ }
.promakim-gap-37 { gap: 9.25rem; /* 148px */ }
.promakim-gap-38 { gap: 9.5rem; /* 152px */ }
.promakim-gap-39 { gap: 9.75rem; /* 156px */ }
.promakim-gap-40 { gap: 10rem; /* 160px */ }

/* Gap */


/*Line Height*/
/* Line-height değerleri (rem birimi ile) */
.promakim-line-height-normal {line-height: normal; }
.promakim-line-height-1 { line-height: 1rem; /* 16px */ }
.promakim-line-height-1-5 { line-height: 1.5rem; /* 24px */ }
.promakim-line-height-1-7 {line-height: 1.750rem; /* 28px */}
.promakim-line-height-2 { line-height: 2rem; /* 32px */ }
.promakim-line-height-2-5 { line-height: 2.5rem; /* 40px */ }
.promakim-line-height-2-7 { line-height: 2.813; /* 45px */ }
.promakim-line-height-3 { line-height: 3rem; /* 48px */ }
.promakim-line-height-3-5 { line-height: 3.5rem; /* 56px */ }
.promakim-line-height-4 { line-height: 4rem; /* 64px */ }
.promakim-line-height-4-5 { line-height: 4.5rem; /* 72px */ }
.promakim-line-height-5 { line-height: 5rem; /* 80px */ }
.promakim-line-height-5-5 { line-height: 5.5rem; /* 88px */ }
.promakim-line-height-6 { line-height: 6rem; /* 96px */ }
.promakim-line-height-6-5 { line-height: 6.5rem; /* 104px */ }
.promakim-line-height-7 { line-height: 7rem; /* 112px */ }
.promakim-line-height-7-5 { line-height: 7.5rem; /* 120px */ }
.promakim-line-height-8 { line-height: 8rem; /* 128px */ }
.promakim-line-height-8-5 { line-height: 8.5rem; /* 136px */ }
.promakim-line-height-8-75 { line-height: 8.75rem; /* 140px */ }

/*Line Height*/

/*Z-index*/
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }
.z-index-7 { z-index: 7; }
.z-index-8 { z-index: 8; }
.z-index-9 { z-index: 9; }
.z-index-10 { z-index: 10; }
.z-index-11 { z-index: 11; }
.z-index-12 { z-index: 12; }
.z-index-13 { z-index: 13; }
.z-index-14 { z-index: 14; }
.z-index-15 { z-index: 15; }
.z-index-16 { z-index: 16; }
.z-index-17 { z-index: 17; }
.z-index-18 { z-index: 18; }
.z-index-19 { z-index: 19; }
.z-index-20 { z-index: 20; }
.z-index-21 { z-index: 21; }
.z-index-22 { z-index: 22; }
.z-index-23 { z-index: 23; }
.z-index-24 { z-index: 24; }
.z-index-25 { z-index: 25; }
.z-index-26 { z-index: 26; }
.z-index-27 { z-index: 27; }
.z-index-28 { z-index: 28; }
.z-index-29 { z-index: 29; }
.z-index-30 { z-index: 30; }
.z-index-31 { z-index: 31; }
.z-index-32 { z-index: 32; }
.z-index-33 { z-index: 33; }
.z-index-34 { z-index: 34; }
.z-index-35 { z-index: 35; }
.z-index-36 { z-index: 36; }
.z-index-37 { z-index: 37; }
.z-index-38 { z-index: 38; }
.z-index-39 { z-index: 39; }
.z-index-40 { z-index: 40; }

/*Z-index*/

/*Max Width*/
.max-w-5 { max-width: 5rem; /* 90px */ }
.max-w-25 { max-width: 25rem; /* 400px */ }
.max-w-25 { max-width: 25rem; /* 400px */ }
.max-w-28 { max-width: 28rem; /* 458px */ }
.max-w-30 { max-width: 30rem; /* 480px */ }
.max-w-32 { max-width: 31.25rem; /* 500px */ }
.max-w-33 { max-width: 33.125rem; /* 530px */ }
.max-w-35 { max-width: 35rem; /* 560px */ }
.max-w-37 {max-width: 38.125rem; /* 610px */}
.max-w-40 { max-width: 40rem; /* 640px */ }
.max-w-42-5 {max-width: 41.25rem; /* 660px */}
.max-w-44 {max-width: 43.125rem; /* 690px */}
.max-w-45 { max-width: 45rem; /* 720px */ }
.max-w-50 { max-width: 50rem; /* 800px */ }
.max-w-55 { max-width: 55rem; /* 880px */ }

/*Max Width*/
/*Min Width*/
.min-w-25 { min-width: 25rem; /* 400px */ }
.min-w-32 { max-width: 31.25rem; /* 500px */ }
.min-w-33 { max-width: 33.125rem; /* 530px */ }
.min-w-30 { min-width: 30rem; /* 480px */ }
.min-w-35 { min-width: 35rem; /* 560px */ }
.min-w-40 { min-width: 40rem; /* 640px */ }
.min-w-45 { min-width: 45rem; /* 720px */ }
.min-w-50 { min-width: 50rem; /* 800px */ }

/*Min Width*/

/*Max Height
.max-w-25 { max-width: 25rem; /* 400px */ }
.max-h-30 { max-height: 30rem; /* 480px */ }
.max-h-32 { max-height: 31.25rem; /* 500px */ }
.max-h-33 { max-height: 33.125rem; /* 530px */ }
.max-h-35 { max-height: 35rem; /* 560px */ }
.max-h-37 {max-height: 38.125rem; /* 610px */}
.max-h-40 { max-height: 40rem; /* 640px */ }
.max-h-42-5 {max-height: 41.25rem; /* 660px */}
.max-h-45 { max-height: 45rem; /* 720px */ }
.max-h-50 { max-height: 50rem; /* 800px */ }

/*Max Height*/

/*Min Height*/
.min-h-41 { min-height: 41rem; /* 656px */ }
.min-h-71 {
    min-height: 71rem; /* 1136px */
}
.min-h-23 {
    min-height: 23rem;
}

.min-h-41 {
    min-height: 41rem; 
}
/*Min Height*/


/*RESPONSIVE İÇİN ÖZELLEŞTİRİLMİŞ KODLAR*/
/*Font-Size*/
@media (max-width: 575.98px) {
  .font-size-sm-14 { font-size: 0.875rem; /* 14px */ }
  .font-size-sm-16 { font-size: 1rem; /* 16px */ }
  .font-size-sm-18 { font-size: 1.125rem; /* 18px */ }
  .font-size-sm-20 { font-size: 1.25rem; /* 20px */ }
  .font-size-sm-21 { font-size: 1.3125rem; /* 21px */ }
  .font-size-sm-24 { font-size: 1.5rem; /* 24px */ }
  .font-size-sm-28 { font-size: 1.75rem; /* 28px */ }
  .font-size-sm-32 { font-size: 2rem; /* 32px */ }
  .font-size-sm-36 { font-size: 2.25rem; /* 36px */ }
  .font-size-sm-40 { font-size: 2.5rem; /* 40px */ }
  .font-size-sm-44 { font-size: 2.75rem; /* 44px */ }
  .font-size-sm-45 { font-size: 2.8125rem; /* 45px */ }
  .font-size-sm-48 { font-size: 3rem; /* 48px */ }
  .font-size-sm-52 { font-size: 3.25rem; /* 52px */ }
  .font-size-sm-56 { font-size: 3.5rem; /* 56px */ }
  .font-size-sm-60 { font-size: 3.75rem; /* 60px */ }
  .font-size-sm-64 { font-size: 4rem; /* 64px */ }
}
@media (min-width: 576px)  and (max-width:991.98px){
  .font-size-md-14 { font-size: 0.875rem; /* 14px */ }
  .font-size-md-16 { font-size: 1rem; /* 16px */ }
  .font-size-md-18 { font-size: 1.125rem; /* 18px */ }
  .font-size-md-20 { font-size: 1.25rem; /* 20px */ }
  .font-size-md-21 { font-size: 1.3125rem; /* 21px */ }
  .font-size-md-24 { font-size: 1.5rem; /* 24px */ }
  .font-size-md-28 { font-size: 1.75rem; /* 28px */ }
  .font-size-md-32 { font-size: 2rem; /* 32px */ }
  .font-size-md-36 { font-size: 2.25rem; /* 36px */ }
  .font-size-md-40 { font-size: 2.5rem; /* 40px */ }
  .font-size-md-44 { font-size: 2.75rem; /* 44px */ }
  .font-size-md-45 { font-size: 2.8125rem; /* 45px */ }
  .font-size-md-48 { font-size: 3rem; /* 48px */ }
  .font-size-md-52 { font-size: 3.25rem; /* 52px */ }
  .font-size-md-56 { font-size: 3.5rem; /* 56px */ }
  .font-size-md-60 { font-size: 3.75rem; /* 60px */ }
  .font-size-md-64 { font-size: 4rem; /* 64px */ }
}
/*Font-Size*/

/*Max Width Min Width*/
@media (max-width: 575.98px) {
  .max-w-sm-5 { max-width: 5rem; /* 90px */ }
      .max-w-sm-20{ max-width: 20rem; /* 345px */ }
  .max-w-sm-21-5 { max-width: 21.550rem; /* 345px */ }

  .max-w-sm-25 { max-width: 25rem; /* 400px */ }
  .max-w-sm-30 { max-width: 30rem; /* 480px */ }
  .max-w-sm-32 { max-width: 31.25rem; /* 500px */ }
  .max-w-sm-33 { max-width: 33.125rem; /* 530px */ }
  .max-w-sm-35 { max-width: 35rem; /* 560px */ }
  .max-w-sm-37 { max-width: 38.125rem; /* 610px */ }
  .max-w-sm-40 { max-width: 40rem; /* 640px */ }
  .max-w-sm-42-5 { max-width: 41.25rem; /* 660px */ }
  .max-w-sm-44 { max-width: 43.125rem; /* 690px */ }
  .max-w-sm-45 { max-width: 45rem; /* 720px */ }
  .max-w-sm-50 { max-width: 50rem; /* 800px */ }
  .max-w-sm-55 { max-width: 55rem; /* 880px */ }
}
@media (min-width: 576px)  and (max-width:991.98px){
  .max-w-md-5 { max-width: 5rem; /* 90px */ }
      .max-w-md-20{ max-width: 20rem; /* 345px */ }
  .max-w-md-25 { max-width: 25rem; /* 400px */ }
  .max-w-md-30 { max-width: 30rem; /* 480px */ }
  .max-w-md-32 { max-width: 31.25rem; /* 500px */ }
  .max-w-md-33 { max-width: 33.125rem; /* 530px */ }
  .max-w-md-35 { max-width: 35rem; /* 560px */ }
  .max-w-md-37 { max-width: 38.125rem; /* 610px */ }
  .max-w-md-40 { max-width: 40rem; /* 640px */ }
  .max-w-md-42-5 { max-width: 41.25rem; /* 660px */ }
  .max-w-md-44 { max-width: 43.125rem; /* 690px */ }
  .max-w-md-45 { max-width: 45rem; /* 720px */ }
  .max-w-md-50 { max-width: 50rem; /* 800px */ }
  .max-w-md-55 { max-width: 55rem; /* 880px */ }
}
@media (max-width: 575.98px) {
  .min-w-sm-25 { min-width: 25rem; /* 400px */ }
  .min-w-sm-30 { min-width: 30rem; /* 480px */ }
  .min-w-sm-32 { min-width: 31.25rem; /* 500px */ }
  .min-w-sm-33 { min-width: 33.125rem; /* 530px */ }
  .min-w-sm-35 { min-width: 35rem; /* 560px */ }
  .min-w-sm-40 { min-width: 40rem; /* 640px */ }
  .min-w-sm-45 { min-width: 45rem; /* 720px */ }
  .min-w-sm-50 { min-width: 50rem; /* 800px */ }
}
@media (min-width: 576px)  and (max-width:991.98px){
  .min-w-md-25 { min-width: 25rem; /* 400px */ }
  .min-w-md-30 { min-width: 30rem; /* 480px */ }
  .min-w-md-32 { min-width: 31.25rem; /* 500px */ }
  .min-w-md-33 { min-width: 33.125rem; /* 530px */ }
  .min-w-md-35 { min-width: 35rem; /* 560px */ }
  .min-w-md-40 { min-width: 40rem; /* 640px */ }
  .min-w-md-45 { min-width: 45rem; /* 720px */ }
  .min-w-md-50 { min-width: 50rem; /* 800px */ }
}
@media (max-width: 575.98px) {
  .max-h-sm-25 { max-height: 25rem; /* 400px */ }
  .max-h-sm-30 { max-height: 30rem; /* 480px */ }
  .max-h-sm-32 { max-height: 31.25rem; /* 500px */ }
  .max-h-sm-33 { max-height: 33.125rem; /* 530px */ }
  .max-h-sm-35 { max-height: 35rem; /* 560px */ }
  .max-h-sm-37 { max-height: 38.125rem; /* 610px */ }
  .max-h-sm-40 { max-height: 40rem; /* 640px */ }
  .max-h-sm-42-5 { max-height: 41.25rem; /* 660px */ }
  .max-h-sm-45 { max-height: 45rem; /* 720px */ }
  .max-h-sm-50 { max-height: 50rem; /* 800px */ }
}
@media (min-width: 576px)  and (max-width:991.98px){
  .max-h-md-25 { max-height: 25rem; /* 400px */ }
  .max-h-md-30 { max-height: 30rem; /* 480px */ }
  .max-h-md-32 { max-height: 31.25rem; /* 500px */ }
  .max-h-md-33 { max-height: 33.125rem; /* 530px */ }
  .max-h-md-35 { max-height: 35rem; /* 560px */ }
  .max-h-md-37 { max-height: 38.125rem; /* 610px */ }
  .max-h-md-40 { max-height: 40rem; /* 640px */ }
  .max-h-md-42-5 { max-height: 41.25rem; /* 660px */ }
  .max-h-md-45 { max-height: 45rem; /* 720px */ }
  .max-h-md-50 { max-height: 50rem; /* 800px */ }
}
@media (max-width: 575.98px) {
  .min-h-sm-21 { min-height:21.375rem; /*342px */ }
  .min-h-sm-41 { min-height: 41rem; /* 656px */ }
  .min-h-sm-71 { min-height: 71rem; /* 1136px */ }
}
@media (min-width: 576px)  and (max-width:991.98px){
  .min-h-md-41 { min-height: 41rem; /* 656px */ }
  .min-h-md-71 { min-height: 71rem; /* 1136px */ }
}
/*Max Width Min Width*/


/*Gap*/

@media (max-width: 575.98px) {
.promakim-gap-sm-0 { gap: 0rem; /* 0px */ }
.promakim-gap-sm-1 { gap: 0.25rem; /* 4px */ }
.promakim-gap-sm-2 { gap: 0.5rem; /* 8px */ }
.promakim-gap-sm-2-5 { gap: 0.650rem; /* 10.5px */ }
.promakim-gap-sm-3 { gap: 0.75rem; /* 12px */ }
.promakim-gap-sm-4 { gap: 1rem; /* 16px */ }
.promakim-gap-sm-5 { gap: 1.25rem; /* 20px */ }
.promakim-gap-sm-5-5 { gap: 1.40625rem; /* 22.5px */ }
.promakim-gap-sm-6 { gap: 1.5rem; /* 24px */ }
.promakim-gap-sm-7 { gap: 1.75rem; /* 28px */ }
.promakim-gap-sm-7-5 { gap: 1.875rem; /* 30px */ }
.promakim-gap-sm-8 { gap: 2rem; /* 32px */ }
.promakim-gap-sm-9 { gap: 2.25rem; /* 36px */ }
.promakim-gap-sm-10 { gap: 2.5rem; /* 40px */ }
.promakim-gap-sm-11 { gap: 2.75rem; /* 44px */ }
.promakim-gap-sm-12 { gap: 3rem; /* 48px */ }
.promakim-gap-sm-13 { gap: 3.25rem; /* 52px */ }
.promakim-gap-sm-14 { gap: 3.5rem; /* 56px */ }
.promakim-gap-sm-15 { gap: 3.75rem; /* 60px */ }
.promakim-gap-sm-16 { gap: 4rem; /* 64px */ }
.promakim-gap-sm-17 { gap: 4.25rem; /* 68px */ }
.promakim-gap-sm-17-5 {gap: 4.375rem; /* 70px */ }
.promakim-gap-sm-18 { gap: 4.5rem; /* 72px */ }
.promakim-gap-sm-19 { gap: 4.75rem; /* 76px */ }
.promakim-gap-sm-20 { gap: 5rem; /* 80px */ }
.promakim-gap-sm-21 { gap: 5.25rem; /* 84px */ }
.promakim-gap-sm-22 { gap: 5.5rem; /* 88px */ }
.promakim-gap-sm-23 { gap: 5.75rem; /* 92px */ }
.promakim-gap-sm-24 { gap: 6rem; /* 96px */ }
.promakim-gap-sm-25 { gap: 6.25rem; /* 100px */ }
.promakim-gap-sm-26 { gap: 6.5rem; /* 104px */ }
.promakim-gap-sm-27 { gap: 6.75rem; /* 108px */ }
.promakim-gap-sm-27-5 {gap: 6.875rem; /* 110px */ }
.promakim-gap-sm-28 { gap: 7rem; /* 112px */ }
.promakim-gap-sm-29 { gap: 7.25rem; /* 116px */ }
.promakim-gap-sm-30 { gap: 7.5rem; /* 120px */ }
.promakim-gap-sm-31 { gap: 7.75rem; /* 124px */ }
.promakim-gap-sm-32 { gap: 8rem; /* 128px */ }
.promakim-gap-sm-33 { gap: 8.25rem; /* 132px */ }
.promakim-gap-sm-34 { gap: 8.5rem; /* 136px */ }
.promakim-gap-sm-35 { gap: 8.75rem; /* 140px */ }
.promakim-gap-sm-36 { gap: 9rem; /* 144px */ }
.promakim-gap-sm-37 { gap: 9.25rem; /* 148px */ }
.promakim-gap-sm-38 { gap: 9.5rem; /* 152px */ }
.promakim-gap-sm-39 { gap: 9.75rem; /* 156px */ }
.promakim-gap-sm-40 { gap: 10rem; /* 160px */ }
}

@media (min-width: 576px) and (max-width:991.98px) {
.promakim-gap-md-0 { gap: 0rem; /* 0px */ }
.promakim-gap-md-1 { gap: 0.25rem; /* 4px */ }
.promakim-gap-md-2 { gap: 0.5rem; /* 8px */ }
.promakim-gap-md-2-5 { gap: 0.650rem; /* 10.5px */ }
.promakim-gap-md-3 { gap: 0.75rem; /* 12px */ }
.promakim-gap-md-4 { gap: 1rem; /* 16px */ }
.promakim-gap-md-5 { gap: 1.25rem; /* 20px */ }
.promakim-gap-md-5-5 { gap: 1.40625rem; /* 22.5px */ }
.promakim-gap-md-6 { gap: 1.5rem; /* 24px */ }
.promakim-gap-md-7 { gap: 1.75rem; /* 28px */ }
.promakim-gap-md-7-5 { gap: 1.875rem; /* 30px */ }
.promakim-gap-md-8 { gap: 2rem; /* 32px */ }
.promakim-gap-md-9 { gap: 2.25rem; /* 36px */ }
.promakim-gap-md-10 { gap: 2.5rem; /* 40px */ }
.promakim-gap-md-11 { gap: 2.75rem; /* 44px */ }
.promakim-gap-md-12 { gap: 3rem; /* 48px */ }
.promakim-gap-md-13 { gap: 3.25rem; /* 52px */ }
.promakim-gap-md-14 { gap: 3.5rem; /* 56px */ }
.promakim-gap-md-15 { gap: 3.75rem; /* 60px */ }
.promakim-gap-md-16 { gap: 4rem; /* 64px */ }
.promakim-gap-md-17 { gap: 4.25rem; /* 68px */ }
.promakim-gap-md-17-5 {gap: 4.375rem; /* 70px */ }
.promakim-gap-md-18 { gap: 4.5rem; /* 72px */ }
.promakim-gap-md-19 { gap: 4.75rem; /* 76px */ }
.promakim-gap-md-20 { gap: 5rem; /* 80px */ }
.promakim-gap-md-21 { gap: 5.25rem; /* 84px */ }
.promakim-gap-md-22 { gap: 5.5rem; /* 88px */ }
.promakim-gap-md-23 { gap: 5.75rem; /* 92px */ }
.promakim-gap-md-24 { gap: 6rem; /* 96px */ }
.promakim-gap-md-25 { gap: 6.25rem; /* 100px */ }
.promakim-gap-md-26 { gap: 6.5rem; /* 104px */ }
.promakim-gap-md-27 { gap: 6.75rem; /* 108px */ }
.promakim-gap-md-27-5 {gap: 6.875rem; /* 110px */ }
.promakim-gap-md-28 { gap: 7rem; /* 112px */ }
.promakim-gap-md-29 { gap: 7.25rem; /* 116px */ }
.promakim-gap-md-30 { gap: 7.5rem; /* 120px */ }
.promakim-gap-md-31 { gap: 7.75rem; /* 124px */ }
.promakim-gap-md-32 { gap: 8rem; /* 128px */ }
.promakim-gap-md-33 { gap: 8.25rem; /* 132px */ }
.promakim-gap-md-34 { gap: 8.5rem; /* 136px */ }
.promakim-gap-md-35 { gap: 8.75rem; /* 140px */ }
.promakim-gap-md-36 { gap: 9rem; /* 144px */ }
.promakim-gap-md-37 { gap: 9.25rem; /* 148px */ }
.promakim-gap-md-38 { gap: 9.5rem; /* 152px */ }
.promakim-gap-md-39 { gap: 9.75rem; /* 156px */ }
.promakim-gap-md-40 { gap: 10rem; /* 160px */ }
}

    /*Gap*/

/*Margin-Bottom*/
@media(max-width:575.98px){
    /* Margin - Bottom */
.mb-sm-8 { margin-bottom: 0.5rem; /* 8px */ }
.mb-sm-12 { margin-bottom: 0.75rem; /* 12px */ }
.mb-sm-16 { margin-bottom: 1rem; /* 16px */ }
.mb-sm-20 { margin-bottom: 1.25rem; /* 20px */ }
.mb-sm-24 { margin-bottom: 1.5rem; /* 24px */ }
.mb-sm-28 { margin-bottom: 1.75rem; /* 28px */ }
.mb-sm-32 { margin-bottom: 2rem; /* 32px */ }
.mb-sm-36 { margin-bottom: 2.25rem; /* 36px */ }
.mb-sm-40 { margin-bottom: 2.5rem; /* 40px */ }
.mb-sm-44 { margin-bottom: 2.75rem; /* 44px */ }
.mb-sm-48 { margin-bottom: 3rem; /* 48px */ }
.mb-sm-52 { margin-bottom: 3.25rem; /* 52px */ }
.mb-sm-56 { margin-bottom: 3.5rem; /* 56px */ }
.mb-sm-60 { margin-bottom: 3.75rem; /* 60px */ }
.mb-sm-64 { margin-bottom: 4rem; /* 64px */ }
.mb-sm-68 { margin-bottom: 4.25rem; /* 68px */ }
.mb-sm-72 { margin-bottom: 4.5rem; /* 72px */ }
.mb-sm-76 { margin-bottom: 4.75rem; /* 76px */ }
.mb-sm-80 { margin-bottom: 5rem; /* 80px */ }
.mb-sm-120 { margin-bottom: 7.5rem; /* 120px */ }
.mb-sm-180 {margin-bottom: 11.25rem; /* 180px */}
.mb-sm-164 { margin-bottom: 10.25rem; /* 164px */ }
}
@media (min-width: 576px) and (max-width:991.98px) {
    /* Margin - Bottom */
.mb-md-8 { margin-bottom: 0.5rem; /* 8px */ }
.mb-md-12 { margin-bottom: 0.75rem; /* 12px */ }
.mb-md-16 { margin-bottom: 1rem; /* 16px */ }
.mb-md-20 { margin-bottom: 1.25rem; /* 20px */ }
.mb-md-24 { margin-bottom: 1.5rem; /* 24px */ }
.mb-md-28 { margin-bottom: 1.75rem; /* 28px */ }
.mb-md-32 { margin-bottom: 2rem; /* 32px */ }
.mb-md-36 { margin-bottom: 2.25rem; /* 36px */ }
.mb-md-40 { margin-bottom: 2.5rem; /* 40px */ }
.mb-md-44 { margin-bottom: 2.75rem; /* 44px */ }
.mb-md-48 { margin-bottom: 3rem; /* 48px */ }
.mb-md-52 { margin-bottom: 3.25rem; /* 52px */ }
.mb-md-56 { margin-bottom: 3.5rem; /* 56px */ }
.mb-md-60 { margin-bottom: 3.75rem; /* 60px */ }
.mb-md-64 { margin-bottom: 4rem; /* 64px */ }
.mb-md-68 { margin-bottom: 4.25rem; /* 68px */ }
.mb-md-72 { margin-bottom: 4.5rem; /* 72px */ }
.mb-md-76 { margin-bottom: 4.75rem; /* 76px */ }
.mb-md-80 { margin-bottom: 5rem; /* 80px */ }
.mb-md-120 { margin-bottom: 7.5rem; /* 120px */ }
.mb-md-180 {margin-bottom: 11.25rem; /* 180px */}
.mb-md-164 { margin-bottom: 10.25rem; /* 164px */ }
}
/*Margin-Bottom*/

/*Margin-Top*/
@media(max-width:575.98px){
    /* Margin - Top */
.mt-sm-8 { top: 0.5rem; /* 8px */ }
.mt-sm-12 { margin-top: 0.75rem; /* 12px */ }
.mt-sm-16 { margin-top: 1rem; /* 16px */ }
.mt-sm-20 { margin-top: 1.25rem; /* 20px */ }
.mt-sm-24 { margin-top: 1.5rem; /* 24px */ }
.mt-sm-28 { margin-top: 1.75rem; /* 28px */ }
.mt-sm-32 { margin-top: 2rem; /* 32px */ }
.mt-sm-36 { margin-top: 2.25rem; /* 36px */ }
.mt-sm-40 { margin-top: 2.5rem; /* 40px */ }
.mt-sm-44 { margin-top: 2.75rem; /* 44px */ }
.mt-sm-48 { margin-top: 3rem; /* 48px */ }
.mt-sm-52 { margin-top: 3.25rem; /* 52px */ }
.mt-sm-56 { margin-top: 3.5rem; /* 56px */ }
.mt-sm-60 { margin-top: 3.75rem; /* 60px */ }
.mt-sm-64 { margin-top: 4rem; /* 64px */ }
.mt-sm-68 { margin-top: 4.25rem; /* 68px */ }
.mt-sm-72 { margin-top: 4.5rem; /* 72px */ }
.mt-sm-76 { margin-top: 4.75rem; /* 76px */ }
.mt-sm-80 { margin-top: 5rem; /* 80px */ }
.mt-sm-120 { margin-top: 7.5rem; /* 120px */ }
.mt-sm-180 {margin-top: 11.25rem; /* 180px */}
.mt-sm-164 { margin-top: 10.25rem; /* 164px */ }
}
@media (min-width: 576px) and (max-width:991.98px) {
    /* Margin - Top */
.mt-md-8 { margin-top: 0.5rem; /* 8px */ }
.mt-md-12 { margin-top: 0.75rem; /* 12px */ }
.mt-md-16 { margin-top: 1rem; /* 16px */ }
.mt-md-20 { margin-top: 1.25rem; /* 20px */ }
.mt-md-24 { margin-top: 1.5rem; /* 24px */ }
.mt-md-28 { margin-top: 1.75rem; /* 28px */ }
.mt-md-32 { margin-top: 2rem; /* 32px */ }
.mt-md-36 { margin-top: 2.25rem; /* 36px */ }
.mt-md-40 { margin-top: 2.5rem; /* 40px */ }
.mt-md-44 { margin-top: 2.75rem; /* 44px */ }
.mt-md-48 { margin-top: 3rem; /* 48px */ }
.mt-md-52 { margin-top: 3.25rem; /* 52px */ }
.mt-md-56 { margin-top: 3.5rem; /* 56px */ }
.mt-md-60 { margin-top: 3.75rem; /* 60px */ }
.mt-md-64 { margin-top: 4rem; /* 64px */ }
.mt-md-68 { margin-top: 4.25rem; /* 68px */ }
.mt-md-72 { margin-top: 4.5rem; /* 72px */ }
.mt-md-76 { margin-top: 4.75rem; /* 76px */ }
.mt-md-80 { margin-top: 5rem; /* 80px */ }
.mt-md-120 { margin-top: 7.5rem; /* 120px */ }
.mt-md-180 {margin-top: 11.25rem; /* 180px */}
.mt-md-164 { margin-top: 10.25rem; /* 164px */ }
}
/*Margin-Top*/
    /*RESPONSIVE İÇİN ÖZELLEŞTİRİLMİŞ KODLAR*/