* {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: rgb(30, 30, 30);
}

::-webkit-scrollbar-thumb {
    background: rgb(66, 66, 66); 
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(79, 79, 79); 
}

.parallax-blob {
    background-color: #001220;
    /* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg class='blob' viewBox='0 0 900 600' xmlns='http://www.w3.org/2000/svg' %3e%3cstyle type='text/css'%3e .blobTop path %7b animation: blob1 20s linear infinite;%7d %40keyframes blob1 %7b 0%25 %7b d:path('M0 486.7C-57.4 465.4 -114.9 444.1 -175.7 424.1C-236.4 404 -300.5 385.2 -344.2 344.2C-387.9 303.1 -411.1 239.8 -431.5 178.7C-451.8 117.6 -469.3 58.8 -486.7 0L0 0Z');%7d 25%25 %7b d:path('M0 486.7C-55.9 450.8 -111.8 414.8 -158.8 383.4C-205.8 352 -243.8 325.3 -296.3 296.3C-348.7 267.3 -415.6 236 -449.7 186.3C-483.8 136.5 -485.3 68.3 -486.7 0L0 0Z');%7d 50%25 %7b d:path('M0 486.7C-69.1 485.9 -138.1 485 -186.3 449.7C-234.4 414.4 -261.7 344.7 -293.4 293.4C-325.2 242.2 -361.5 209.3 -394.5 163.4C-427.5 117.6 -457.1 58.8 -486.7 0L0 0Z');%7d 75%25 %7b d:path('M0 486.7C-63.7 480.2 -127.5 473.6 -186.3 449.7C-245.1 425.8 -299 384.6 -335.2 335.2C-371.3 285.7 -389.7 227.9 -412.1 170.7C-434.4 113.4 -460.6 56.7 -486.7 0L0 0Z');%7d 100%25 %7b d:path('M0 486.7C-57.4 465.4 -114.9 444.1 -175.7 424.1C-236.4 404 -300.5 385.2 -344.2 344.2C-387.9 303.1 -411.1 239.8 -431.5 178.7C-451.8 117.6 -469.3 58.8 -486.7 0L0 0Z');%7d %7d .blobBottom path %7b animation: blob2 20s linear infinite;%7d %40keyframes blob2 %7b 0%25 %7b d:path('M0 -486.7C43.3 -434.2 86.6 -381.6 151.9 -366.8C217.2 -352 304.5 -375 344.2 -344.2C383.9 -313.3 375.9 -228.6 391.7 -162.3C407.5 -95.9 447.1 -48 486.7 0L0 0Z');%7d 25%25 %7b d:path('M0 -486.7C52.4 -455.5 104.8 -424.3 168.4 -406.5C232 -388.7 306.8 -384.2 344.2 -344.2C381.6 -304.2 381.6 -228.6 399.1 -165.3C416.6 -102 451.7 -51 486.7 0L0 0Z');%7d 50%25 %7b d:path('M0 -486.7C65.3 -481.1 130.6 -475.4 186.3 -449.7C241.9 -424 287.9 -378.4 332.3 -332.3C376.8 -286.3 419.8 -239.9 445.3 -184.5C470.8 -129 478.8 -64.5 486.7 0L0 0Z');%7d 75%25 %7b d:path('M0 -486.7C49.5 -446.2 99.1 -405.6 160.7 -388C222.4 -370.5 296.1 -375.9 344.2 -344.2C392.3 -312.4 414.7 -243.4 434.2 -179.9C453.7 -116.3 470.2 -58.1 486.7 0L0 0Z');%7d 100%25 %7b d:path('M0 -486.7C43.3 -434.2 86.6 -381.6 151.9 -366.8C217.2 -352 304.5 -375 344.2 -344.2C383.9 -313.3 375.9 -228.6 391.7 -162.3C407.5 -95.9 447.1 -48 486.7 0L0 0Z');%7d %7d %3c/style%3e%3cg class='blobTop' transform='translate(900,0)'%3e%3cpath d='M0 486.7C-70.8 485.9 -141.5 485.1 -185.6 448.1C-229.7 411.1 -247 337.9 -292.7 292.7C-338.5 247.6 -412.6 230.4 -449.7 186.3C-486.8 142.1 -486.8 71.1 -486.7 0L0 0Z' fill='%23FBAE3C' /%3e%3c/g%3e%3cg class='blobBottom' transform='translate(0, 600)'%3e%3cpath d='M0 -486.7C48 -447.6 95.9 -408.4 162.6 -392.6C229.4 -376.9 314.8 -384.7 344.2 -344.2C373.6 -303.7 346.8 -215 361.2 -149.6C375.6 -84.2 431.2 -42.1 486.7 0L0 0Z' fill='%23FBAE3C'/%3e%3c/g%3e%3c/svg%3e"); */
    /* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg class='blob' viewBox='0 0 900 600' xmlns='http://www.w3.org/2000/svg' %3e%3cstyle type='text/css'%3e .blobTop path %7b animation: blob1 20s linear infinite;%7d %40keyframes blob1 %7b 0%25 %7b d:path('M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z');%7d 25%25 %7b d:path('M0 324C-32.6 297 -65.2 270 -107.2 258.7C-149.1 247.4 -200.3 251.7 -229.1 229.1C-257.9 206.5 -264.2 157.1 -276.2 114.4C-288.3 71.8 -306.2 35.9 -324 0L0 0Z');%7d 50%25 %7b d:path('M0 324C-43.6 321.2 -87.2 318.4 -124 299.3C-160.8 280.3 -190.8 244.9 -210 210C-229.3 175.1 -237.8 140.6 -255 105.6C-272.2 70.7 -298.1 35.3 -324 0L0 0Z');%7d 75%25 %7b d:path('M0 324C-36.5 304.2 -73 284.4 -112.1 270.7C-151.2 257 -193 249.5 -226.3 226.3C-259.6 203.1 -284.5 164.3 -299.3 124C-314.2 83.7 -319.1 41.8 -324 0L0 0Z');%7d 100%25 %7b d:path('M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z');%7d %7d .blobBottom path %7b animation: blob2 20s linear infinite;%7d %40keyframes blob2 %7b 0%25 %7b d:path('M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z');%7d 25%25 %7b d:path('M0 -324C43.7 -320 87.3 -316.1 123.6 -298.4C159.9 -280.7 188.8 -249.3 219.2 -219.2C249.6 -189.1 281.6 -160.3 299.3 -124C317.1 -87.7 320.5 -43.8 324 0L0 0Z');%7d 50%25 %7b d:path('M0 -324C42.1 -319.4 84.3 -314.7 124 -299.3C163.7 -284 201 -257.9 224.9 -224.9C248.7 -191.8 259.2 -151.9 273.5 -113.3C287.8 -74.6 305.9 -37.3 324 0L0 0Z');%7d 75%25 %7b d:path('M0 -324C33 -299.2 66 -274.5 109.1 -263.3C152.1 -252.2 205.2 -254.6 229.1 -229.1C253 -203.6 247.7 -150 258.7 -107.2C269.6 -64.3 296.8 -32.1 324 0L0 0Z');%7d 100%25 %7b d:path('M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z');%7d %7d %3c/style%3e%3cg class='blobTop' transform='translate(960,0)'%3e%3cpath d='M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z' fill='%23FBAE3C' /%3e%3c/g%3e%3cg class='blobBottom' transform='translate(0, 600)'%3e%3cpath d='M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z' fill='%23FBAE3C'/%3e%3c/g%3e%3c/svg%3e"); */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg class='blob' viewBox='0 0 960 540' xmlns='http://www.w3.org/2000/svg' %3e%3cstyle type='text/css'%3e .blobTop path %7b animation: blob1 20s linear infinite;%7d %40keyframes blob1 %7b 0%25 %7b d:path('M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z');%7d 25%25 %7b d:path('M0 324C-32.6 297 -65.2 270 -107.2 258.7C-149.1 247.4 -200.3 251.7 -229.1 229.1C-257.9 206.5 -264.2 157.1 -276.2 114.4C-288.3 71.8 -306.2 35.9 -324 0L0 0Z');%7d 50%25 %7b d:path('M0 324C-43.6 321.2 -87.2 318.4 -124 299.3C-160.8 280.3 -190.8 244.9 -210 210C-229.3 175.1 -237.8 140.6 -255 105.6C-272.2 70.7 -298.1 35.3 -324 0L0 0Z');%7d 75%25 %7b d:path('M0 324C-36.5 304.2 -73 284.4 -112.1 270.7C-151.2 257 -193 249.5 -226.3 226.3C-259.6 203.1 -284.5 164.3 -299.3 124C-314.2 83.7 -319.1 41.8 -324 0L0 0Z');%7d 100%25 %7b d:path('M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z');%7d %7d .blobBottom path %7b animation: blob2 20s linear infinite;%7d %40keyframes blob2 %7b 0%25 %7b d:path('M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z');%7d 25%25 %7b d:path('M0 -324C43.7 -320 87.3 -316.1 123.6 -298.4C159.9 -280.7 188.8 -249.3 219.2 -219.2C249.6 -189.1 281.6 -160.3 299.3 -124C317.1 -87.7 320.5 -43.8 324 0L0 0Z');%7d 50%25 %7b d:path('M0 -324C42.1 -319.4 84.3 -314.7 124 -299.3C163.7 -284 201 -257.9 224.9 -224.9C248.7 -191.8 259.2 -151.9 273.5 -113.3C287.8 -74.6 305.9 -37.3 324 0L0 0Z');%7d 75%25 %7b d:path('M0 -324C33 -299.2 66 -274.5 109.1 -263.3C152.1 -252.2 205.2 -254.6 229.1 -229.1C253 -203.6 247.7 -150 258.7 -107.2C269.6 -64.3 296.8 -32.1 324 0L0 0Z');%7d 100%25 %7b d:path('M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z');%7d %7d %3c/style%3e%3cg class='blobTop' transform='translate(960,0)'%3e%3cpath d='M0 324C-40.7 310.4 -81.3 296.8 -114.8 277.2C-148.3 257.6 -174.5 232 -207.2 207.2C-239.8 182.4 -278.8 158.4 -299.3 124C-319.9 89.6 -321.9 44.8 -324 0L0 0Z' fill='%23FBAE3C' /%3e%3c/g%3e%3cg class='blobBottom' transform='translate(0, 600)'%3e%3cpath d='M0 -324C39.3 -313.7 78.6 -303.4 120.2 -290.1C161.8 -276.8 205.7 -260.4 229.1 -229.1C252.5 -197.8 255.5 -151.6 267.9 -111C280.3 -70.3 302.2 -35.2 324 0L0 0Z' fill='%23FBAE3C'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: left;
}

body {
    position: relative;
    height: 100%;
    width: 100%;
}

/* 

Navbar

*/
.navbar {
    width: 100%;
    position: fixed;
    top: 0;
    background: rgba(0, 18, 32, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    z-index: 100;
}

.navbar-brand {
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    margin-left: 2rem;
    border-bottom: 2px solid #E4CC37;
    padding-bottom: 0;
}

.navbar-brand:hover, .navbar-brand:focus {
    color: #FFF;
}

.navbar-nav {
    margin: 0 auto;
}

.nav-link {
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
}

.nav-link:hover, .nav-link:focus {
    color: #FFF;
}

.navbar .navbar-nav .nav-item {
    position: relative;
}

.navbar .navbar-nav .nav-item::after,.active::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    background-color: #E4CC37;
    width: 0%;
    height: 4px;
    transition: all .5s;
}

.navbar .navbar-nav .nav-item:hover::after {
    width: 100%;
}

.fullwidth::after {
    width: 100%;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #FFF;
}

@media (max-width: 992px) {
    .nav-item, .nav-link {
        width: fit-content;
    }
}

.nav-social {
    display: flex;
    margin-right: 2rem;
}

.social-icon {
    color: #FFF;
    margin-right: 1rem;
    font-size: 20px;
}

.navbar-toggler-icon {
    background-image: none;
}

.navbar-toggler-icon::before {
    font-family: FontAwesome;
    content: "\f0c9"; /* fa-bars, fa-navicon */
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-collapse {
    margin-left: 2rem;
}

/* 

Banner

*/
.banner {
    width: 100%;
    padding-top: 10rem;
}

.main-title {
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-weight: bold;
    font-size: 64px;
    margin: 0 auto;
    width: 57rem;
    text-align: center;
}

.main-img {
    width: 700px;
    height: 700px;
    margin: 0 auto;
}

@media (max-width: 950px) {
    .banner {
        height: 60rem;
    }

    .main-title {
        font-size: 48px;
        width: 43rem;
    }

    .main-img {
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 750px) {
    .banner {
        height: 55rem;
    }

    .main-title {
        font-size: 30px;
        width: 20rem;
    }

    .main-img {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 360px) {
    .banner {
        height: 55rem;
    }

    .main-title {
        font-size: 18px;
        width: 12rem;
    }

    .main-img {
        width: 200px;
        height: 200px;
    }
}

/* 

Ben Kimim?

*/
.who-am-i {
    height: 55rem;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.mydetails {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10rem;
    display: flex;
}

.mybio {
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
}

.myphoto {
    width: 476px;
    height: 500px;
    background-image: url(../img/atakanhoca.png);
    background-size: cover;
    background-position: center;
    border: 0px solid black;
    border-radius: 45px;
    margin-right: 5rem;
}

.bio-title {
    font-size: 64px;
    font-weight: bold;
}

.bio {
    font-size: 32px;
    font-weight: 500;
    width: 45rem;
}

.next-line {
    display: block;
}

@media (max-width: 1400px) {
    .mydetails {
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }

    .myphoto {
        width: 428px;
        height: 450px;
        margin-right: 0;
    }

    .bio-title {
        font-size: 48px;
        font-weight: bold;
    }

    .bio {
        font-size: 26px;
        font-weight: 500;
        width: 45rem;
    }

    .mybio {
        margin-top: 2rem;
    }
}

@media (max-width: 950px) {
    .myphoto {
        width: 361px;
        height: 380px;
    }

    .bio-title {
        font-size: 36px;
        font-weight: bold;
    }

    .bio {
        font-size: 20px;
        width: 30rem;
    }

    .mybio {
        margin-top: 4rem;
    }
}

@media (max-width: 750px) {
    .myphoto {
        width: 190px;
        height: 200px;
    }

    .bio-title {
        font-size: 24px;
        font-weight: bold;
    }

    .bio {
        font-size: 16px;
        width: 17rem;
    }

    .mybio {
        margin-top: 4rem;
    }
}

@media (max-width: 360px) {
    .myphoto {
        width: 160px;
        height: 168px;
    }

    .bio-title {
        font-size: 19px;
        font-weight: bold;
    }

    .bio {
        font-size: 13px;
        width: 12rem;
    }

    .mybio {
        margin-top: 4rem;
    }
}

/* 

Başarılarım

*/
.my-achievements {
    height: 50rem;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.achievement-box {
    margin: 0 auto;
}

.achievement-title {
    width: fit-content;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 64px;
    font-weight: bold;
    margin: 0 auto;
}

.h3, h3 {
    font-size: calc(1rem + 0.6vw);
}

@media (max-width: 1400px) {
    .my-achievements {
        height: 65rem;
    }

    .achievement-title {
        font-size: 48px;
    }
}

@media (max-width: 950px) {
    .my-achievements {
        height: 65rem;
    }

    .achievement-title {
        font-size: 36px;
    }
}

@media (max-width: 750px) {
    .my-achievements {
        height: 65rem;
    }

    .achievement-title {
        font-size: 28px;
    }
}

@media (max-width: 360px) {
    .my-achievements {
        height: 65rem;
    }

    .achievement-title {
        font-size: 28px;
    }

    .event h3 {
        font-size: 16px;
    }
}

.container {
    margin-top: 3rem;
}

.timeline {
    border-left: 3px solid #fbae3c;
    mix-blend-mode: difference;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(251, 174, 60, 0.09);
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 50%;
}

@media (max-width: 767px) {
    .timeline {
        max-width: 85%;
        padding: 25px;
    }
}

.timeline h1 {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
    font-weight: 400;
    margin-bottom: 10px;
}

.timeline .event {
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 32px;
}

@media (max-width: 767px) {
    .timeline .event {
        padding-top: 30px;
    }
}

.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event:before {
    left: -207px;
    content: attr(data-date);
    text-align: right;
    font-size: 24px;
    min-width: 120px;
}

@media (max-width: 767px) {
    .timeline .event:before {
        left: 0px;
        text-align: left;
    }
}

.timeline .event:after {
    -webkit-box-shadow: 0 0 0 3px #fbae3c;
    box-shadow: 0 0 0 3px #fbae3c;
    left: -55.8px;
    background: #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    content: "";
    top: 5px;
}

@media (max-width: 767px) {
    .timeline .event:after {
        left: -31.8px;
    }
}

.rtl .timeline {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

.rtl .timeline .event::before {
    left: 0;
    right: -170px;
}

.rtl .timeline .event::after {
    left: 0;
    right: -55.8px;
}


/* 

Öğrenci Yorumları

*/
.student-comments {
    /*height: 65rem;*/
    width: 100%;
    padding-top: 10rem;
    padding-bottom: 5rem;
}

.comments {
    margin: 0 auto;
}

.comments-title {
    width: fit-content;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 64px;
    font-weight: bold;
    margin: 0 auto;
}

.card-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 3rem;
    flex-wrap: wrap;
    max-width: 1350px;
}

.card {
    --bs-card-border-color: unset;
}

.comment-card {
    height: 340px;
    width: 600px;
    background-color: #E5E5E5;
    margin: 1.5rem
}

.comment-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.comment-card-text {
    margin: 1rem;
}

.student {
    display: flex;
    font-family: 'Poppins', Verdana, sans-serif;
}

.student-img {
    height: 50px;
    width: 50px;
    border: 0px solid black;
    border-radius: 50px;
    margin: 0 1rem;
}

@media (max-width: 1400px) {
    .comments-title {
        font-size: 48px;
    }

    .card-list {
        max-width: 650px;
    }
}

@media (max-width: 950px) {
    .comments-title {
        font-size: 36px;
    }
}

@media (max-width: 750px) {
    .comments-title {
        width: 13rem;
        font-size: 24px;
        text-align: center;
    }

    .card-list {
        max-width: 320px;
    }

    .comment-card {
        height: 570px;
        width: 300px;
        background-color: #E5E5E5;
        margin: 1.5rem
    }

    .student-details {
        width: 70%;
    }

    .comment-card-text {
        font-size: 14px;
    }

    .comment-card-title, .comment-card-subtitle {
        width: fit-content;
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .comments-title {
        width: 13rem;
        font-size: 24px;
        text-align: center;
    }

    .card-list {
        max-width: 320px;
    }

    .comment-card {
        height: 570px;
        width: 300px;
        background-color: #E5E5E5;
        margin: 1.5rem
    }

    .student-details {
        width: 70%;
    }

    .comment-card-text {
        font-size: 14px;
    }

    .comment-card-title, .comment-card-subtitle {
        width: fit-content;
        font-size: 16px;
    }
}

/* 

Hizmetlerim

*/
.my-services {
    height: 55rem;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.services {
    margin: 0 auto;
}

.services-title {
    width: fit-content;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 64px;
    font-weight: bold;
    margin: 0 auto;
}

.service-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 3rem;
}

.service {
    display: flex;
    flex-direction: column;
    width: 400px;
    background-color: #E5E5E5;
    margin: 0 1rem;
}

.service-title {
    width: fit-content;
    margin: 1rem auto 1rem;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 4px solid #E4CC37;
}

.service-feature {
    margin-top: 1rem;
    margin-left: 4rem;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 18px;
}

.service-more-info-btn {
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
    background-color: #E4CC37;
}

@media (max-width: 1400px) {
    .services-title {
        font-size: 48px;
    }
}

@media (max-width: 950px) {
    .my-services {
        height: 70rem;
    }

    .services-title {
        font-size: 36px;
    }

    .service-list {
        flex-direction: column;
        align-items: center;
    }

    .service {
        margin-bottom: 2rem;
    }
}

@media (max-width: 750px) {
    .my-services {
        height: 70rem;
    }

    .services-title {
        font-size: 24px;
    }

    .service {
        margin-bottom: 2rem;
        width: 280px;
    }

    .service-title {
        font-size: 23px;
    }

    .service-feature {
        font-size: 15px;
        margin-left: 1.2rem;
    }
    
    .service-more-info-btn {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .services-title {
        font-size: 24px;
    }

    .service {
        width: 230px;
    }

    .service-title {
        font-size: 18px;
        text-align: center;
    }
    
    .service-more-info-btn {
        width: 65%;
        font-size: 13px;
    }
}

/* 

SSS

*/
.my-faq {
    height: 50rem;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.faq {
    margin: 0 auto;
}

.faq-title {
    width: fit-content;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 64px;
    font-weight: bold;
    margin: 0 auto;
}

.faq-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 3rem;
}

.accordion {
    width: 600px;
    margin: 3rem auto;
}

.accordion-item {
    margin-bottom: 1rem;
}

@media (max-width: 1400px) {
    .faq-title {
        font-size: 48px;
    }
}

@media (max-width: 950px) {
    .faq-title {
        font-size: 36px;
    }
}

@media (max-width: 750px) {
    .faq-title {
        font-size: 24px;
    }

    .accordion {
        width: 280px;
    }
}

@media (max-width: 360px) {
    .accordion {
        width: 230px;
    }
}

/* 

İletişim

*/
.my-contact-info {
    height: 55rem;
    width: 100%;
    padding-top: 5rem;
    margin-bottom: 2rem;
}

.contact {
    margin: 0 auto;
    margin-top: 10rem;
}

.contact-title {
    width: fit-content;
    color: #FFF;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 64px;
    font-weight: bold;
    margin: 0 auto;
}

.contact-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 3rem;
}

.contact-card {
    display: flex;
    flex-direction: column;
    width: 980px;
    background-color: #E5E5E5;
    margin: 0 1rem;
}

.contact-card-title {
    width: fit-content;
    margin-top: 1rem;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 4px solid #E4CC37;
}

.contact-card-body {
    display: flex;
    align-items: center;
}

.contact-card-details {
    margin-left: 5rem;
    margin-top: 1rem;
}

.contact-card-img {
    width: 230px;
    height: 240px;
    background-image: url(../img/atakanhoca.png);
    background-size: cover;
    background-position: center;
    border: 0px solid black;
    border-radius: 240px;
    margin-left: 140px;
    margin-top: 2rem;
}

.contact-detail {
    margin-top: 1rem;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 18px;
}

.contact-action-btn {
    display: flex;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background-color: #E4CC37;
}

@media (max-width: 1400px) {
    .contact-title {
        font-size: 48px;
    }
}

@media (max-width: 950px) {
    .my-contact-info {
        height: 70rem;
    }

    .contact-title {
        font-size: 36px;
    }

    .contact-card {
        width: 350px;
    }

    .contact-card-body {
        flex-direction: column;
    }

    .contact-card-details {
        margin-left: 0;
    }

    .contact-card-img  {
        margin-left: 0;
    }

    .contact-card-title {
        margin: 0 auto;
        margin-top: 1rem;
    }
}

@media (max-width: 750px) {
    .contact-title {
        font-size: 24px;
    }

    .contact-card {
        width: 280px;
    }

    .contact-card-img  {
        width: 180px;
        height: 190px;
        margin-left: 0;
    }

    .contact-detail {
        font-size: 14px;
    }

    .contact-action-btn {
        font-size: 14px;
    }
}

/* 

Footer

*/
.paginize-footer {
    width: 100%;
    height: 5rem;
    background-color: #001220;
    display: flex;
}

.paginize-footer-text {
    color: #FFF;
    margin: auto;
    font-family: 'Poppins', Verdana, sans-serif;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 750px) {
    .paginize-footer-text {
        font-size: 14px;
    }
}