body {
    background-color: #fff;
    font-family: 'Karla', sans-serif;
}

.intro-section {
    background-image: url(../images/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 75px 95px;
    min-height: 100vh;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #ffffff;
}

@media (max-width: 991px) {
    .intro-section {
        padding-left: 50px;
        padding-rigth: 50px;
    }
}

@media (max-width: 767px) {
    .intro-section {
        padding: 28px;
    }
}

@media (max-width: 575px) {
    .intro-section {
        min-height: auto;
    }
}

.brand-wrapper .logo {
    height: 35px;
}

@media (max-width: 767px) {
    .brand-wrapper {
        margin-bottom: 35px;
    }
}

.intro-content-wrapper {
    width: 371px;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

    .intro-content-wrapper .intro-title {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 18px;
    }

    .intro-content-wrapper .intro-text {
        font-size: 14px;
        line-height: 1.29;
        color: #ffffff;
    }

    .intro-content-wrapper .btn-read-more {
        background-color: #fff;
        padding: 13px 30px;
        border-radius: 0;
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }

        .intro-content-wrapper .btn-read-more:hover {
            background-color: transparent;
            border: 1px solid #fff;
            color: #fff;
        }

@media (max-width: 767px) {
    .intro-section-footer {
        margin-top: 35px;
    }
}

.intro-section-footer p {
    font-size: 14px;
    color: #f6f6f6;
    margin-bottom: 0;
}

.form-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .form-section {
        padding: 35px;
    }
}

@media (max-width: 575px) {
    .form-section {
        padding: 26px;
    }
}

.login-wrapper {
    width: 510px;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

@media (max-width: 575px) {
    .login-wrapper {
        width: 100%;
    }
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #FF6600;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,102,0,.25);
}

.login-wrapper .form-control {
    min-height: 55px;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    background-color: #f4f4f4;
    padding: 19px 25px 18px;
    margin-bottom: 18px;
}

    .login-wrapper .form-control::-webkit-input-placeholder {
        color: #919aa3;
    }

    .login-wrapper .form-control::-moz-placeholder {
        color: #919aa3;
    }

    .login-wrapper .form-control:-ms-input-placeholder {
        color: #919aa3;
    }

    .login-wrapper .form-control::-ms-input-placeholder {
        color: #919aa3;
    }

    .login-wrapper .form-control::placeholder {
        color: #919aa3;
    }

.login-title {
    font-size: 29px;
    color: #474242;
    margin-bottom: 18px;
}

.login-check-box {
    padding-left: 33px;
    margin-bottom: 23px;
}

@media (max-width: 767px) {
    .login-check-box {
        margin-bottom: 10px;
    }
}

.login-check-box .custom-control-label::before {
    width: 20px;
    height: 20px;
    border: solid 1px #d5dae2;
    left: -33px;
    top: 0px;
    background-color: transparent;
}

.login-check-box .custom-control-label::after {
    left: -33px;
    width: 20px;
    height: 20px;
    top: 0;
}

.login-btn {
    padding: 17px 40px 16px 41px;
    border-radius: 4px;
    /*background-color: #f0004f;*/
    background-color: #FF6600;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    display: block;
    text-align: center;
    width: 100%;
}

    .login-btn:hover {
        /*border: 1px solid #f0004f;*/
        border: 1px solid #FF6600;
        background-color: transparent;
        color: #FF6600;
        /*color: #f0004f;*/
    }

    .login-btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255,102,0,.25);
    }

.forgotpassword-btn {
    padding: 17px 40px 16px 41px;
    border-radius: 4px;
    /*background-color: #f0004f;*/
    background-color: #FF6600;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    display: block;
    text-align: center;
    width: 100%;
}

    .forgotpassword-btn:hover {
        /*border: 1px solid #f0004f;*/
        border: 1px solid #FF6600;
        background-color: transparent;
        color: #FF6600;
        /*color: #f0004f;*/
    }

    .forgotpassword-btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255,102,0,.25);
    }

.resetpassword-btn {
    padding: 17px 40px 16px 41px;
    border-radius: 4px;
    /*background-color: #f0004f;*/
    background-color: #FF6600;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    display: block;
    text-align: center;
    width: 100%;
}

    .resetpassword-btn:hover {
        /*border: 1px solid #f0004f;*/
        border: 1px solid #FF6600;
        background-color: transparent;
        color: #FF6600;
        /*color: #f0004f;*/
    }

    .resetpassword-btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255,102,0,.25);
    }

.forgot-password-link {
    font-size: 14px;
    color: #919aa3;
}

.social-login-title {
    font-size: 15px;
    color: #919aa3;
    display: -webkit-box;
    display: flex;
    margin-bottom: 23px;
}

    .social-login-title::before, .social-login-title::after {
        content: "";
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f4f4f4));
        background-image: linear-gradient(#f4f4f4, #f4f4f4);
        -webkit-box-flex: 1;
        flex-grow: 1;
        background-size: calc(100% - 20px) 1px;
        background-repeat: no-repeat;
    }

    .social-login-title::before {
        background-position: center left;
    }

    .social-login-title::after {
        background-position: center right;
    }

.social-login-links {
    text-align: center;
    margin-bottom: 0;
}

.social-login-link {
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #d5dae2;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #000000;
    margin-top: 14px;
}

@media (max-width: 767px) {
    .social-login-link {
        font-size: 10px;
        padding: 10px 12px;
    }
}

.social-login-link img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    -o-object-fit: contain;
    object-fit: contain;
}

.social-login-link + .social-login-link {
    margin-left: 24px;
}

@media (max-width: 767px) {
    .social-login-link + .social-login-link {
        margin-left: 6px;
    }
}

.login-wrapper-signup-text {
    font-size: 18px;
    color: #000;
    padding-top: 50px;
    width: 410px;
    max-width: 100%;
}

@media (max-width: 575px) {
    .login-wrapper-signup-text {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

.login-wrapper-signup-text a {
    color: #240aad;
}

.social-button {
    background-position: 25px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    border-radius: 3px;
    margin: 10px auto;
    outline: rgb(255, 255, 255) none 0px;
    padding-left: 20%;
    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .social-button span {
        text-decoration: none;
        text-transform: uppercase;
    }

#google-connect {
    background: rgb(255, 255, 255) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMTEwNzAwYi1iYzhmLTRjMWYtOWZhMC0xMzUyNjY2ODkyYjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRBRTQ1N0VFRDEyMTFFNUIyRDJENjlFOEJGMEUzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkRBRTQ1N0RFRDEyMTFFNUIyRDJENjlFOEJGMEUzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ZWZhNWMyZS01NGQ0LTRiNWEtOGY5Mi1hZDcxMTk5ODhlOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTExMDcwMGItYmM4Zi00YzFmLTlmYTAtMTM1MjY2Njg5MmI1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") no-repeat scroll 5px 0px / 50px 50px padding-box border-box;
    border: 1px solid rgb(220, 74, 61);
}

    #google-connect:hover {
        border-color: rgb(220, 74, 61);
        background: rgb(220, 74, 61) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMTEwNzAwYi1iYzhmLTRjMWYtOWZhMC0xMzUyNjY2ODkyYjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRBRTQ1N0FFRDEyMTFFNUIyRDJENjlFOEJGMEUzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkRBRTQ1NzlFRDEyMTFFNUIyRDJENjlFOEJGMEUzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ZWZhNWMyZS01NGQ0LTRiNWEtOGY5Mi1hZDcxMTk5ODhlOTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTExMDcwMGItYmM4Zi00YzFmLTlmYTAtMTM1MjY2Njg5MmI1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") no-repeat scroll 5px 0px / 50px 50px padding-box border-box;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease-out;
    }

    #google-connect span {
        box-sizing: border-box;
        color: rgb(220, 74, 61);
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        border: 0px none rgb(220, 74, 61);
        outline: rgb(255, 255, 255) none 0px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    #google-connect:hover span {
        color: #FFF;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

#linkedin-connect {
    background: rgb(255, 255, 255) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDQzMC4xMTcgNDMwLjExNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExNyA0MzAuMTE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggaWQ9IkxpbmtlZEluIiBkPSJNNDMwLjExNywyNjEuNTQzVjQyMC41NmgtOTIuMTg4VjI3Mi4xOTNjMC0zNy4yNzEtMTMuMzM0LTYyLjcwNy00Ni43MDMtNjIuNzA3ICAgYy0yNS40NzMsMC00MC42MzIsMTcuMTQyLTQ3LjMwMSwzMy43MjRjLTIuNDMyLDUuOTI4LTMuMDU4LDE0LjE3OS0zLjA1OCwyMi40NzdWNDIwLjU2aC05Mi4yMTljMCwwLDEuMjQyLTI1MS4yODUsMC0yNzcuMzJoOTIuMjEgICB2MzkuMzA5Yy0wLjE4NywwLjI5NC0wLjQzLDAuNjExLTAuNjA2LDAuODk2aDAuNjA2di0wLjg5NmMxMi4yNTEtMTguODY5LDM0LjEzLTQ1LjgyNCw4My4xMDItNDUuODI0ICAgQzM4NC42MzMsMTM2LjcyNCw0MzAuMTE3LDE3Ni4zNjEsNDMwLjExNywyNjEuNTQzeiBNNTIuMTgzLDkuNTU4QzIwLjYzNSw5LjU1OCwwLDMwLjI1MSwwLDU3LjQ2MyAgIGMwLDI2LjYxOSwyMC4wMzgsNDcuOTQsNTAuOTU5LDQ3Ljk0aDAuNjE2YzMyLjE1OSwwLDUyLjE1OS0yMS4zMTcsNTIuMTU5LTQ3Ljk0QzEwMy4xMjgsMzAuMjUxLDgzLjczNCw5LjU1OCw1Mi4xODMsOS41NTh6ICAgIE01LjQ3Nyw0MjAuNTZoOTIuMTg0di0yNzcuMzJINS40NzdWNDIwLjU2eiIgZmlsbD0iIzAwNzdCNSIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
    border: 1px solid rgb(0, 119, 181);
}

    #linkedin-connect:hover {
        border-color: rgb(0, 119, 181);
        background: rgb(0, 119, 181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDQzMC4xMTcgNDMwLjExNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExNyA0MzAuMTE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggaWQ9IkxpbmtlZEluIiBkPSJNNDMwLjExNywyNjEuNTQzVjQyMC41NmgtOTIuMTg4VjI3Mi4xOTNjMC0zNy4yNzEtMTMuMzM0LTYyLjcwNy00Ni43MDMtNjIuNzA3ICAgYy0yNS40NzMsMC00MC42MzIsMTcuMTQyLTQ3LjMwMSwzMy43MjRjLTIuNDMyLDUuOTI4LTMuMDU4LDE0LjE3OS0zLjA1OCwyMi40NzdWNDIwLjU2aC05Mi4yMTljMCwwLDEuMjQyLTI1MS4yODUsMC0yNzcuMzJoOTIuMjEgICB2MzkuMzA5Yy0wLjE4NywwLjI5NC0wLjQzLDAuNjExLTAuNjA2LDAuODk2aDAuNjA2di0wLjg5NmMxMi4yNTEtMTguODY5LDM0LjEzLTQ1LjgyNCw4My4xMDItNDUuODI0ICAgQzM4NC42MzMsMTM2LjcyNCw0MzAuMTE3LDE3Ni4zNjEsNDMwLjExNywyNjEuNTQzeiBNNTIuMTgzLDkuNTU4QzIwLjYzNSw5LjU1OCwwLDMwLjI1MSwwLDU3LjQ2MyAgIGMwLDI2LjYxOSwyMC4wMzgsNDcuOTQsNTAuOTU5LDQ3Ljk0aDAuNjE2YzMyLjE1OSwwLDUyLjE1OS0yMS4zMTcsNTIuMTU5LTQ3Ljk0QzEwMy4xMjgsMzAuMjUxLDgzLjczNCw5LjU1OCw1Mi4xODMsOS41NTh6ICAgIE01LjQ3Nyw0MjAuNTZoOTIuMTg0di0yNzcuMzJINS40NzdWNDIwLjU2eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
        -webkit-transition: all .8s ease-out;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease-out;
    }

    #linkedin-connect span {
        box-sizing: border-box;
        color: rgb(0, 119, 181);
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        border: 0px none rgb(0, 119, 181);
        outline: rgb(255, 255, 255) none 0px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    #linkedin-connect:hover span {
        color: #FFF;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

#register {
    /* border: 1px solid #f0004f; */
    border: 1px solid #FF6600;
    background-color: transparent;
    color: #FF6600;
    /* color: #f0004f; */
}

    #register:hover {
        padding: 17px 40px 16px 41px;
        border-radius: 4px;
        /* background-color: #f0004f; */
        background-color: #FF6600;
        font-size: 17px;
        font-weight: bold;
        color: #fff;
        line-height: 20px;
        display: block;
        text-align: center;
        width: 100%;
    }

.custom-select {
    appearance: none; /* Varsayılan stil kaldırılır */
    background-color: transparent; /* Arka plan şeffaf */
    border: 2px solid #ddd; /* İnce kenarlık */
    border-radius: 8px; /* Yuvarlak köşeler */
    padding: 10px 20px; /* İç boşluklar */
    font-size: 16px; /* Yazı boyutu */
    color: #333; /* Yazı rengi */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    cursor: pointer; /* Fare imlecini gösterir */
    transition: all 0.3s ease; /* Yumuşak geçişler */
}

    .custom-select:hover {
        /* Üzerine gelince herhangi bir renk değişikliği yapma */
    }

    .custom-select:focus {
        outline: none; /* Odaklanıldığında dış kenarlık olmaz */
        /*border-color: #ff6600;*/ /* Odaklanıldığında turuncu kenarlık */
        box-shadow: 0px 4px 8px rgba(255, 102, 0, 0.3); /* Hafif turuncu gölge */
    }

    .custom-select:active {
        background-color: rgba(255, 102, 0, 0.25); /* Tıklandığında turuncu tonlu transparan arka plan */
        border-color: #ff6600; /* Tıklandığında turuncu kenarlık */
    }

    .custom-select option {
        background-color: white; /* Arka plan beyaz */
        color: #333; /* Yazı rengi */
    }

        .custom-select option:hover {
            background-color: rgba(255, 102, 0, 0.25) !important; /* Üzerine gelindiğinde turuncu transparan arka plan */
            color: #ff6600; /* Üzerine gelindiğinde yazı rengi turuncu */
        }