:root{

    --color-white: #FFFFFF;

    --bg-gray: #F7FAFD;

    --txt-gray: #BAB9C0;

    --form-btn-color: #4B2DA7;

    --page-btn-color: #211069;

    --form-txt-black: #474444;

    --star-size: 20px;

    --star-color: #7BA2BE;

    --star-background: #7BA2BE;

    --swiper-navigation-size: 13px;

}

 

*{

    box-sizing: border-box;

    padding: 0;

    margin: 0;

    font-family: "Poppins",Arial, Helvetica, sans-serif;

}

a,a:hover{

    text-decoration: none;



}





#sinav_kayit_modal .row:first-child{

    margin: 0;

}



#sinav_kayit_modal .row{

    margin: 16px 0 0;

}





/*

#sinav_kayit_modal .select2-container{

    z-index: -1;

}



#sinav_kayit_modal .select2-dropdown{

    z-index: 1000000000;

} */



.select2-container--default .select2-selection--single .select2-selection__rendered{

    line-height: 46px;

}

.select2-results__option--selectable{

    color: #616161;

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,

.select2-container--default .select2-results__option--selected{

    background-color: var(--form-btn-color);

    color: var(--color-white);

}

.select2-search__field{

    border-radius: 0;

}

.select2-container--default .select2-selection--single .select2-selection__arrow{

    top: 12px;

    right: 7px;

}

.select2-container .select2-selection--single .select2-selection__rendered{

    font-weight: 400;

    font-size: 14px;

    color: #818181;

}

.row{

    margin: 0;

}

.air-datepicker-global-container{

    z-index: 999999999999;

}

.btn-purple{

    background: var(--form-btn-color);

    border:1px solid var(--form-btn-color);

    color: var(--color-white);

    font-size: 18px;

    font-weight: 600;

    margin: 30px 0 0;

    height: 50px;

}

.btn-purple:hover{

    background: var(--color-white);

    color: var(--form-btn-color);

    border-color: var(--form-btn-color);

    transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;

}

img{

    max-width: 100%;

    object-fit: cover;

}



body{

    color: var(--bg-gray);

    position: relative;

    /* background: var(--bg-gray); */

   

}

header{

    background: var(--color-white);

    border-bottom: 1px solid #DFDEE0;

    padding: 24px 17px;

    position: sticky;

    top: 0;

    z-index: 999999;

}



header .row{

    width: 100%;

    align-items: center;

    justify-content: space-between;

}

footer{

    border: 1px solid #E8ECEF;

    border-radius: 40px;

    background-color: #FDFDFD;

    margin: 0 80px 28px;

    padding: 38px 60px;

}



footer .row{

    justify-content: center;

    align-items: flex-start;

    justify-content: space-between;

}



footer h3{

    color: #B3B3B3;

    font-size: 22px;

    line-height: 30px;

    font-weight: 700;

    margin: 0 0 17px;

}

.footer-logo p{

    color: #000;

    margin: 24px 0 0 0;

    font-size: 15px;

    line-height: 20px;

 

    font-weight: 400;

}

footer .middle-area{

    width: 42%;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

ul{

    margin: 0;

    list-style: none;

}

button,button:focus,button:focus-visible{

    outline: none;

    border: none;

    cursor: pointer;

}


.slider-text {
    position: absolute;
    bottom: 20px; /* görselin alt kenarından uzaklık */
    left: 50%;
    transform: translateX(-50%);
    color: #fff; /* beyaz yazı */
    background: rgba(0,0,0,0.5); /* yarı saydam arka plan */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}




.password-input .password{

    position: relative;

}

.password-input i{

    font-size: 20px;

    position: absolute;

    top: 42px;

    right: 13px;

    z-index: 100;

    cursor: pointer;

    color: #BAB9C0;

}

.password-input .eye-slash i{

    color: #374957;

}

/* .password-input .eye-slash::after{

    content: "";

    position: absolute;

    top: 44px;

    right: 10px;

    width: 25px;

    border-bottom: 2px solid #bbb;

    height: 1px;

    transform: rotate(335deg);

} */



.container{

    max-width: 1310px;

}



.btn{

    border-radius: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.btn:focus{

    box-shadow: none;

}



.btn-area{

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.badge-txt-gray{

    color: #374957;

}



.btn-area img{

       width: 20px;

       height: 20px;

       min-width: 20px;

}



.btn-login,.btn-register{

    padding: 10px 20px;

    font-weight: 500;

}



.btn-login{

    border: 1px solid var(--page-btn-color);

    color: var(--page-btn-color);

    margin: 0 16px 0 0;

    font-family: "Satoshi Medium",sans-serif;

    font-size: 14px;

    background: var(--color-white);

}



.btn-user,.btn-basket{

    height: 39px;

    width: 39px;

    min-width: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

}



.btn-basket{

    background: #F2F5F9;

    margin: 0 16px 0 0;

    position: relative;

}

.btn-basket .sepet-sayisi{

    position: absolute;

    content: "";

    background: #F2F5F9;

    width: 18px;

    height: 18px;

    min-width: 18px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    line-height: 14px;

    top: -9px;

    right: -6px;

    color: var(--page-btn-color);

    

}



.btn-basket i{

    display: flex;

}



.btn-sepet i{

    color: var(--page-btn-color);

    display: flex;

    font-size: 20px;

}



.btn-basket:hover{

   background: #c3c3c3;

   transition: background 0.2s ease-in;  

}



#sepet_modal{

    background: #fff;

    max-width: 984px;

    width: 100%;

    border-radius: 16px;

    margin: 0 auto;

    padding: 24px;

}



#sepet_modal h2{

    font-size: 32px;

    line-height: 44px;

    color: var(--page-btn-color);

    margin: 0 0 24px;

}



.btn-user{

    background: #FFF5E5;

    transition: background 0.2s ease-out;

}



.btn-user:hover{

    background: #f7cf8a;

    transition: background 0.2s ease-out;

}



.btn-basket i{

    color: var(--page-btn-color);

    transition: background 0.2s ease-out;

}



.btn-login:hover{

    border-color: var(--page-btn-color);

    background-color: var(--page-btn-color);

    color: var(--color-white);

    

}



.btn-register{

    border: 1px solid var(--page-btn-color);

    background-color: var(--page-btn-color);

    color: var(--color-white);

    font-family: "Satoshi Medium",sans-serif;

    font-size: 14px;

    font-weight: 500;

}

.btn-register:hover{

  

    background-color: var(--color-white);

    color: var(--page-btn-color);

}



.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{

    background:transparent;

}



.page-links ul, .page-links .dropdown{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;

}



.page-links a, .page-links .dropdown button{

    color: #858585;

    font-weight: 600;

    font-size: 18px;

    text-decoration: none;

    transition: color 0.3s ease-out;

    

}

.page-links .dropdown button{

    padding: 0;

}



.page-links a:hover, .page-links .dropdown button:hover{

    color: var(--page-btn-color);

    transition: color 0.3s ease-in;

}



.btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus,.show>.btn-secondary.dropdown-toggle:focus{

    background: none;

    border: none;

    box-shadow: none;

    color: #858585;

}



.page-links .dropdown button:focus,.show>.btn-secondary.dropdown-toggle{

    background: none;

    border: none;

    box-shadow: none;

    color: var(--page-btn-color);

    font-size: 18px;

}



.page-links .dropdown button{

    background: none;

    border: none;

    box-shadow: none;

    color: #858585;

}



.page-links.footer ul{

    display: block;

}



.page-links.footer ul li{

    margin: 0 0 12px;

}

.page-links.footer ul li:last-child{

    margin: 0;

}





.contact a,p{

    color: #716F6F;

    display: block;

    font-weight: 600;

    transition: color 0.3s ease-out;

    margin: 0 0 12px;

    font-size: 16px;

}



.contact a:hover{

    color: var(--page-btn-color);

    transition: color 0.3s ease-in;

}

.scm-links ul{

    display: flex;

    align-items: center;

    gap: 19px;

    flex-wrap: wrap;

}

.scm-links a{

    min-width: 36px;

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--page-btn-color);

    border-radius: 100%;

    border: 1px solid var(--page-btn-color);

    transition: all 0.2s ease-out;

}

.scm-links a:hover{

    background: #fff;

    border-color: var(--page-btn-color);

    transition: all 0.2s ease-in;

}



.scm-links a i{

    color: #fff;

    transition: color 0.2s ease-in;

    font-size: 24px;

    vertical-align: middle;

}



.scm-links a:hover i{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in;

}



/* Giriş Yap ve Kayıt Ol*/

.giris-yap, .kayit-ol{

    padding: 10em 0;

}



.giris-yap .row{

    justify-content: space-between;

    gap: 28px;

}



.giris-yap .logo,.giris-yap .form,

.kayit-ol .logo, .kayit-ol .form,.hesabim .form,.hesabim aside,

.sepetim .table,.sepetim .sepet-detay,.odeme .form,.odeme aside

{

    background: var(--color-white);

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

    border-radius: 16px;

    padding: 18px 10px;

    

}

.sepetim .table{

    padding: 30px;   

}



.sepetim .code{

    border-top: 1px solid #ECF3F8;

}



.sepetim .code h2{

    margin: 24px 0 12px;

}



.sepetim .table th{

    padding: 0 0 8px;

}



.sepetim .input-group.quantity input{

    font-weight: 600;

}



.sepetim .table td{

    padding: 16px 0;

}



.sepetim .table .col-lg-12{

    padding: 0;

}



.kayit-ol .form, .giris-yap .form{

    padding: 18px 24px;

}



.kayit-ol .form .head-item, .giris-yap .form .head-item{

    margin: 0 0 30px;

}

.odeme .form{

    height: 100%;

}



.odeme .card-area{

    margin: 0 0 60px;

}



.odeme .form-group .btn-purple{

    width: 100%;

}



.odeme .form-group .checkbox{

    margin: 8px 0 0;

}



.odeme .total{

    margin: 16px 0 0;

}



.odeme .checkbox p{

    margin: 0;

    font-size: 14px;

}



.odeme .form .form-group label,.odeme aside .form-group label{

    margin: 10px 0;

}



.odeme .form-group .checkbox p,.odeme .form-group .checkbox a{

    font-size: 12px;

    line-height: 24px;

    font-weight: 400;

}



.odeme .form-group .checkbox p{

    color: #000;

}



.odeme .form-group .checkbox a{

    font-weight: 500;

}



.giris-yap h1, .kayit-ol h1{

    font-weight: 700;

    font-size: 32px;

    line-height: 40px;

    color: var(--page-btn-color);

}



.giris-yap p, .kayit-ol p{

    font-size: 18px;

    line-height: 20px;

    color: var(--form-txt-black);

    font-weight: 400;

}



.giris-yap p a,.kayit-ol p a{

    text-decoration: underline;

    transition: color 0.3s ease-out;

}



.giris-yap p a:hover, .kayit-ol p a:hover{

    color: var(--form-btn-color);

    transition: color 0.3s ease-in;

}



input,input[type="date"]{

    border-radius: 16px;

    border: 1px solid #D9D9D9;

    height: 49px;

    

}



.form-group input:focus, .form-group  input:focus{

    box-shadow: none;

    border-color: var(--form-btn-color);

}

/*--- Güncellendi ---*/

.form-group  input::placeholder,.form-group  input[type="password"],

.form-group  input[type="email"], 

.form-group  input::placeholder,.form-group  input[type="password"],

.form-group  input[type="email"],.form-group  input[type="text"],
input[type="number"],
.form-group  input[type="tel"],.form-group  textarea, 

.form-group  textarea::placeholder,.form-group  textarea:focus{

    font-size: 14px;

    line-height: 20px;

    color: #818181;

    border-radius: 16px;



}



.form-group  textarea{

    padding: 16px;

}



.form-group  textarea:focus{

    box-shadow: none;

    border-color: var(--form-btn-color);

}



.form .form-bottom{

    justify-content: space-between;

    align-items: center;

}



 

.form .form-bottom a{

    font-size: 14px;

    color: #316CF4;

}



.form-group .form-bottom label{

    font-size: 14px;

    line-height: 16px;

    cursor: pointer;

}





.form-group .form{

    padding: 0 14px 0;

}



.form-group label, .form-group label {

    display: inline-block;

    color: #fff;

    position: relative;

}

  



.form-group .check-box-effect {

    display: inline-block;

    position: relative;

    background-color: transparent;

    min-width: 18px;

    width: 18px;

    height: 18px;

    border: 1.25px solid #dcdcdc;

    border-radius: 5px;

    margin: 0 12px 0 0;

}





.form-group .check-box-effect:before {

    content: "";

    width: 0px;

    height: 2px;

    border-radius: 2px;

    background: #626262;

    position: absolute;

    transform: rotate(45deg);

    top: 7px;

    left: 5px;

    transition: width 50ms ease 50ms;

    transform-origin: 0% 0%;

}

.giris-yap span{

    font-size: 14px;

    line-height: 20px;

}



.form-group .checkbox{

    display: flex;

    align-items: center;

    justify-content: center;

}



.form-group  .check-box-effect:after {

    content: "";

    width: 0;

    height: 2px;

    border-radius: 2px;

    background: #626262;

    position: absolute;

    transform: rotate(305deg);

    top: 11px;

    left: 6px;

    transition: width 50ms ease;

    transform-origin: 0% 0%;

}





.form-group input[type="checkbox"] {

    display: none;

}





.form-group  input[type="checkbox"]:checked + .check-box-effect {

    background-color: var(--form-btn-color);



}



.form-group input[type="checkbox"]:checked + .check-box-effect:after{

    width: 10px;

    background: #fff;



}





.form-group input[type="checkbox"]:checked + .check-box-effect:before {

    width: 5px;

    background: #fff;

    

}

  

.form-group label{

    color: var(--form-txt-black);

    font-size: 16px;

    line-height: 20px;

}



.form-group .checkbox{

    cursor: pointer;

}



.form-group .select2-selection--single{

    border-radius: 16px;

    border: 1px solid #D9D9D9;

    height: 49px;

}



/* !Giriş Yap ve Kayıt Ol*/





/* Modallar */



#sinav_kayit_modal {

    background: var(--color-white);

    padding: 24px;

    text-align: left;

    max-width: 775px;

    width: 100%;

    margin: 40px auto;

    position: relative;

    border-radius: 16px;

}



.sinav-kayit:focus{

    border-color: var(--page-btn-color);

}



.sinav-kayit h3{ 

    color: var(--page-btn-color);

    font-size: 32px;

    line-height: 35px;

    font-weight: 700;

   

}

.sinav-kayit{

    z-index: 99999999999 !important;

}

.modal-header{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    border: none;

    gap: 12px;

}



.modal-header i{

    color: #98A4AC;

    cursor: pointer;

    transition: color 0.2s ease-in-out;

}



.modal-header i:hover{

    color: #767f85;

    transition: color 0.2s ease-in-out;

}



.sinav-kayit a{

    font-weight: 500;

}



.form-field.sinav-kayit{

    padding: 0;

    position: relative;

}



.form-field.sinav-kayit input{

    max-width: 100%;

    background: none;

    padding: 0 12px 0;

    border: 1px solid #ced4da;

    color: #474444;

}



.form-field.sinav-kayit .flatpickr-input::placeholder{

    color: #BAB9C0;

}



.form-field.sinav-kayit input.active{

    border-color: var(--page-btn-color);

}



.form-field.sinav-kayit i{

    position: absolute;

    right: 24px;

}





  

.my-mfp-zoom-in .zoom-anim-dialog {

opacity: 0;



-webkit-transition: all 0.2s ease-in-out; 

-moz-transition: all 0.2s ease-in-out; 

-o-transition: all 0.2s ease-in-out; 

transition: all 0.2s ease-in-out; 







-webkit-transform: scale(0.8); 

-moz-transform: scale(0.8); 

-ms-transform: scale(0.8); 

-o-transform: scale(0.8); 

transform: scale(0.8); 

}



/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {

opacity: 1;



-webkit-transform: scale(1); 

-moz-transform: scale(1); 

-ms-transform: scale(1); 

-o-transform: scale(1); 

transform: scale(1); 

}



/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {

-webkit-transform: scale(0.8); 

-moz-transform: scale(0.8); 

-ms-transform: scale(0.8); 

-o-transform: scale(0.8); 

transform: scale(0.8); 



opacity: 0;

}



/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {

opacity: 0;

-webkit-transition: opacity 0.3s ease-out; 

-moz-transition: opacity 0.3s ease-out; 

-o-transition: opacity 0.3s ease-out; 

transition: opacity 0.3s ease-out;

}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {

opacity: 0.8;

}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {

opacity: 0;

}







/**

* Fade-move animation for second dialog

*/



/* at start */

.my-mfp-slide-bottom .sinav-basvuru-modal {

opacity: 0;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

-o-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;



-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );



}



/* animate in */

.my-mfp-slide-bottom.mfp-ready .sinav-basvuru-modal {

opacity: 1;

-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

}



/* animate out */

.my-mfp-slide-bottom.mfp-removing .sinav-basvuru-modal {

opacity: 0;



-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

}



/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {

opacity: 0;



-webkit-transition: opacity 0.3s ease-out; 

-moz-transition: opacity 0.3s ease-out; 

-o-transition: opacity 0.3s ease-out; 

transition: opacity 0.3s ease-out;

}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {

opacity: 0.8;

}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {

opacity: 0;

}



/* !Modallar */





/* Kayıt Ol*/



.kayit-ol .row{

    gap: 16px;

}



.kayit-ol p{

    font-size: 16px;

    line-height: 20px;

    margin: 0;

}



.kayit-ol .head-item p{

    margin: 12px 0 0;

}



.kayit-ol select.form-control:not([size]):not([multiple]){

    border-radius: 16px;

    border: 1px solid #D9D9D9;

    height: 49px;

}



.kayit-ol .logo{

    display: flex;

    align-items: center;

    justify-content: center;

}





/* !Kayıt Ol*/







/* Anasayfa */

#home{

    padding: 66px 0 50px;

    

}



#home .banner{

    position: relative;

}



#home .banner h1{

    margin: 2em 0 0;

}



.swiper-pagination-bullets.swiper-pagination-horizontal{

    top: auto;

    bottom: 0;

}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{

    background: var(--page-btn-color);

    width: 14px;

    height: 14px;

    min-width: 14px;

}





.banner h1,.about-cards h2{

    font-weight: 700;

    font-size: 58px;

    line-height: 85px;

    color: #010101;

    margin: 4.1em 0 0;

}



.banner h1 span,.about-cards h2 span{

    background: #dacaff;

    border-radius: 6px;

    padding: 4px;

}



#home .banner h1 span{

    white-space: nowrap;

}

#home .card-footer{

    justify-content: center;

}

#home .swiper.banner{

    padding: 0 0 30px;

}

#home .card-footer .btn-purple{

    max-width: 120px;

    width: 100%;

    display: flex;

    color: #fff;

    height: 40px;

    margin: 0;

    font-weight: 500;

}



#home .card-footer .btn-purple:hover{

    color: var(--page-btn-color);

}

#home .swiper{

    padding: 12px 12px 30px;

}

.swiper-pagination.first,.swiper-pagination.second,.swiper-pagination.third,.swiper-pagination.fourth{

    bottom: -5px;

}



.about-cards h2 span:first-child{

    background: none;

}



.banner p{

    font-weight: 400;

    color: #0E0606;

    font-size: 19px;

    line-height: 24px;

}



.banner .logo{

    display: flex;

    align-items: center;

    justify-content: center;

}



.card-wrapper{

    display: grid;

    grid-template-columns: repeat(3, 31.2%);

    grid-template-rows: repeat(2, 120px);

    gap: 40px;

    margin: 5em 0 6.3em;

}







.card-wrapper .card:nth-child(1){

    grid-area: 1 / 1 / 2 / 2;

}

.card-wrapper .card:nth-child(2){

    grid-area: 1 / 2 / 2 / 3;

}



.card-wrapper .card:nth-child(3){

    grid-area: 1 / 3 / 2 / 4;

}

.card-wrapper .card:nth-child(4){

    grid-area: 2 / 1 / 3 / 2;

}

.card-wrapper .card:nth-child(5){

    grid-area: 2 / 2 / 3 / 3;

}

.card-wrapper .card:nth-child(6){

    grid-area: 2 / 3 / 3 / 4;

}



.card-wrapper .card{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: row;

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

    border: none;

    padding: 0 30px ;

    border-radius: 12px;

    transition: box-shadow 0.3s ease-in-out;

    cursor: default;

}

.card-wrapper .card:hover,.about-cards .card:hover, .sertifikalar .card:hover{

    box-shadow: 0 4px 24px rgba(141, 155, 164, 0.5);

    transition: box-shadow 0.3s ease-in-out;

}



.sertifikalar .card:hover{

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.5);

}



.swiper.sertifikalar{

    height: 200px;

}

.swiper.sertifikalar img{
    height: 115px;
}



.card-wrapper .logo{

    margin: 0 16px 0 0;

}



.card-wrapper span{

    font-size: 23px;

    font-weight: 700;

    color: #000;

}



.card-wrapper p{

    color: #98A4AC;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

}







.tab-container h2{

    color: #000;

    font-weight: 700;

    font-size: 40px;

    line-height: 85px;

}



.tab-container.takvim h2{

    text-align: center;

}



.tab-container .tab-content{

    margin: 30px 0 0;

}



.tab-container .nav-tabs{

    border: none;

    gap: 24px;

    justify-content: center;

    margin: 35px 0 0;

}

.tab-container .nav-link{

    border-radius: 100px;

    width: 100%;

    height: 100%;

    border: 1px solid var(--page-btn-color);

    color: #98A4AC;

    font-weight: 600;

    font-size: 18px;

    line-height: 20px;

}



.tab-container .nav-link.active,.tab-container .nav-link:hover{

    border-color: var(--form-btn-color);

    background: var(--form-btn-color);

    color: var(--color-white);

}

.tab-container .nav-link:focus{

    box-shadow: none;

}



.tab-container .nav-item{

    width: 18.5%;

    height: 60px;

}



.tab-container.takvim .nav-item{

    width: auto;

}



.tab-container .btn-info:hover, .sinav-detay .btn-info:hover,#yaklasan_sinav_modal .btn-info:hover{

    background: #c5c5c5;

}



.tab-container .btn-info.bg-orange:hover, .sinav-detay .btn-info.bg-orange:hover,#yaklasan_sinav_modal .btn-info.bg-orange:hover{

    background: #f8d08a;

    border-color: #f8d08a;

    color: #a56901;

}

.tab-container .btn-info,.tab-container .btn-dark{

    height: 47px;

}

.tab-container .btn-info, .sinav-detay .btn-info,#yaklasan_sinav_modal .btn-info{

    background: #E8ECEF;

    border-color: #E8ECEF;

    color: #98A4AC;

    font-size: 14px;

    line-height: 20px;

    cursor: pointer;

}





.tab-container .btn-dark{

    background: var(--page-btn-color);

    font-family: "Satoshi-Bold", sans-serif;

    font-weight: 700;

    font-size: 18px;

    line-height: 20px;

    border-color: var(--page-btn-color);

}



.tab-container .btn-dark:hover{

    border-color: var(--page-btn-color);

    background: #fff;

    color: var(--page-btn-color);

}



.tab-container .btn-dark:hover {

    color: var(--page-btn-color);

}



.tab-container .btn-dark .fa-angles-right{

    margin: 0 0 0 5px;

}



.tab-container .bg-orange,.sinav-detay .bg-orange,#yaklasan_sinav_modal .bg-orange{

    border-color: #FFE9C3;

    background-color: #FFE9C3;

    color: #FFA301;

}



.tab-container table, .sinav-detay table,.siparisler table{

    border-radius: 12px;

    border-style: hidden;

    box-shadow: 0 0 0 1px #dee2e6;

    overflow: hidden;

}









.tab-container table th,.sinav-detay table th{

    text-align: center;

    padding: 45px 20px;

    

}

.tab-container table td, .sinav-detay table td{

    padding: 25px 19px;

    color: #98A4AC;

    font-size: 20px;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;

}





.course{

    margin: 9em 0 0;

}



.Stars {

    --percent: calc(var(--rating) / 5 * 100%);

    

    display: inline-block;

    font-size: var(--star-size);

    font-family: Times; /*make sure ★ appears correctly*/ 

    line-height: 1;

    

    &::before {

      content: '★★★★★';

      letter-spacing: 3px;

      background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));

      -webkit-background-clip: text;

      -webkit-text-fill-color: transparent;

    }

}

  



.slider-head{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0 0 24px;

}



.slider-head h2{

    font-size: 36px;

    line-height: 40px;

    color: #010101;

    font-weight: 700;

}



.slider-head p{

    font-size: 24px;

    line-height: 24px;

    color: #6F6F6F;

    font-weight: 400;

}



.slide-btn{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 28px;

}



.swiper{

    padding: 10px 10px;

}

.swiper .card-header img{

    width: 100%;

}

.swiper.third .card-header img{

    width: auto;

}



.swiper.third .card-footer .logo{

    border-radius: 100%;

    width: 40px;

    height: 40px;

    min-width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffff;

    border:1px solid #b8b8b8;

}



.swiper.third .card-footer .logo i{

    display: flex;

    font-size: 24px;

    margin: -6px 0 0;

}



.swiper.third .card-body{

    cursor: pointer;

}







.kurs-yorumu-modal{

    background: #ffff;

}



.swiper.third .card-footer .logo .fi-rr-driver-man{

    color: #3c80ff;

}

.swiper.third .card-footer .logo .fi-rr-driver-woman{

    color: #ff3cff;

}

/* swiper butonları */



.swiper-button-prev,.swiper-button-next{

    position: relative;

    border: 1px solid #7466AE;

    min-width: 47px;

    width: 47px;

    height: 47px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.swiper-button-prev::after, .swiper-button-next::after{

    display: none;

}



.swiper-button-next i, .swiper-button-prev i{

    color: #7466AE;

    font-size: 20px;

    display: flex;

}



.swiper-button-prev:hover,.swiper-button-next:hover{

    border-color: var(--page-btn-color);

    transition: border-color 0.3s ease-in-out;

}



.swiper-button-prev:hover i,.swiper-button-next:hover i{

    color: var(--page-btn-color);

    transition: color 0.3s ease-in-out;

}



/* !swiper butonları */



/* kartlar */

.card{

    border-radius: 10px;

    border: none;

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

}



.card-header{

    padding: 0;

    overflow: hidden;

    position: relative;

    

}



.card-header:first-child{

    border-radius: 10px 10px 0 0;

}



.card-header i{

    position: absolute;

    top: 16px;

    right: 16px;

    cursor: pointer;

    color: #fff;

    font-size: 26px;

    display: flex;

    transition: color 0.2s ease-out;

}



.card-header i:hover{

    color: var(--form-btn-color);

    transition: color 0.2s ease-in;

}



.card-body h3{

    font-size: 18px;

    font-weight: 600;

    color: #000;

}



.card .date{

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

}



.card .date p{

    font-size: 12px;

    line-height: 15px;

    font-weight: 400;

    

}



.card .date p b{

    font-weight: 600;

}

.card .star-rating{

    display: flex;

    align-items: flex-end;

    justify-content: flex-start;

}

.card .star-rating p{

    margin: 0;

    font-size: 16px;

    line-height: 16px;

    color: #7BA2BE;

    font-weight: 400;

}

.card .star-rating span{

    font-size: 11px;

    line-height: 12px;

    color: #A5A3A7;

}

.card-footer:last-child{

    border-radius: 0 0 10px 10px;

}

.card-footer{

   border-top: 1px solid #E8ECEF;

   display: flex;

   align-items: center;

   justify-content: space-between;

   background: #FFFFFF;

}



.card-footer span{

   color: #5E7484;

   font-weight: 700;

   font-size: 14px;

   line-height: 14px;

}



/* !kartlar */





.bilgi-talep{

    background-color: #F7F6EF;

    padding: 46px 44px;

    margin: 82px 0 0;

}



.bilgi-talep .row{

    align-items: center;

    justify-content: space-between;

}



.bilgi-talep .right-block .img{

   position:relative;

   text-align: right;

}



.bilgi-talep .content{

    position: absolute;

    top: 10em;

    left: -40px;

    background: #fff;

    max-width: 173px;

    width: 100%;

    height: auto;

    padding: 12px 14px;

    box-shadow: 0 3px 3px rgba(186, 177, 177,0.25);

    text-align: left;

}



.bilgi-talep .content h3{

    font-size: 14px;

    line-height: 14px;

    font-weight: 600;

    color: #000000;

    margin: 8px 0 0;

}



.bilgi-talep .content p{

    font-size: 10px;

    line-height: 15px;

    color: #000000;

    margin: 8px 0 0;

}



.bilgi-talep h2{

    font-weight: 700;

    font-size: 30px;

    line-height: 30px;

    color: #010101;

}



.bilgi-talep p{

    color: #000;

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;

}



.bilgi-talep .btn-purple{

    margin: 34px 0 0;

    max-width: 234px;

    font-weight: 500;

    font-size: 14px;

    line-height: 14px;

}



.comments{

  margin: 80px 0 0;

}



.comments .card{

    box-shadow: none;

    border: none;



}



.comments .card-body{

    padding: 24px 0 20px;

}



.comments .card-body a{

    font-size: 15px;

    line-height: 15px;

    font-weight: 400;

    color: #6F6F6F;

}



.kurs-yorumu-modal{

    max-width: 500px;

    margin: 0 auto;

    width: 100%;

    border-radius: 16px;

    padding: 16px;

}



.kurs-yorumu-modal p{

    margin: 20px 0 0;

    font-weight: 400;

}



.kurs-yorumu-modal h1{

    margin: 0;

    font-weight: 600;

    font-size: 30px;

    color: #010101;

}



.kurs-yorumu-modal span{

    color: var(--page-btn-color);

    font-weight: 600;

}



.sinav-logo {

    position: absolute;

    top: -3px;

    left: -3px;

    background: #fff;

    width: 67px;

    height: 67px;

    min-width: 67px;

    border-radius: 16px;

    display: none;

    align-items: center;

    justify-content: center;

    border: 1px solid #ddd;

}



.sinavlar .card .level{

    position: relative;

}



.sinavlar .card .level:hover .sinav-logo{

    display: flex;

}



.comments .card-header{

    border: none;

    background-color: transparent;

}



.comments .card-footer{

    padding: 12px 0 0;

}



.comments .card-footer .text{

    margin: 0 0 0 16px;

}



.comments .card-footer span{

    color: #010101;

    font-size: 21px;

    line-height: 21px;

    font-weight: 600;

}



.comments .slider-head{

    margin: 0 0 28px;

}



.banner.egitmen, .egitim-detay .banner.egitmen{

    padding: 54px 12px;

    margin: 80px 0 0;

}



.banner.egitmen .content.row{

    justify-content: flex-end;

}



.banner.egitmen .content h3{

    font-size: 36px;

    line-height: 50px;

    color: #010101;

    font-weight: 700;

}   



.banner.egitmen .content .btn-purple{

    margin: 16px 0 0;

    max-width: 137px;

    width: 100%;

    font-size: 14px;

    line-height: 14px;

    font-weight: 500;

}



.hakkimizda{

    background: #F5F5F5;

    margin: 70px 0 0;

    padding: 50px 80px;

}



.hakkimizda h2, .sertifikalar h2{

    color: var(--page-btn-color);

}



.hakkimizda .card-body{

    padding: 36px 0 0;

}



.hakkimizda .card-footer{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: none;

}

.hakkimizda .card-footer .left-block{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;

}



/* !Anasayfa */



/* Breadcrumb */

.breadcrumb{

    background: none;

    margin: 2.5em 0 0;

    padding: 0;

}

.breadcrumb ul{    

    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 0 2px;
}

.breadcrumb ul::-webkit-scrollbar{
    height: 2px;
}
.breadcrumb ul::-webkit-scrollbar-thumb{
    background:#6C757D;
    border-radius: 10px; 
}

.breadcrumb ul li{

    font-size: 18px;

    line-height: 20px;

    font-weight: 400;

    color: #6C757D;

   

}

.home-link a{

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 12px 0 0;

}

.breadcrumb ul li:first-child::before{

    display: none;

}

.breadcrumb ul li::before{

    content:">";

    color: #CED4DA;

    margin: 0 10px 0 10px;

}

.breadcrumb ul li.active{

    color: #4D37A7;

    

}

/* !Breadcrumb */



/* Hakkımızda Sayfası*/

    .hakkimizda-page{

        margin: 21px 0 104px;

    }

   

    .hakkimizda-page .banner ul{

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 40px;

    }

    .hakkimizda-page .banner ul li{

        color: #000;

        font-size: 50px;

        line-height: 50px;

        font-weight: 600;

    }

    .hakkimizda-page .banner ul li span{

        display: flex;

        align-items: center;

        white-space: nowrap;

    }

    

    .hakkimizda-page .banner ul li p{

        color: #6F6F6F;

        font-size: 24px;

        line-height: 24px;

        font-weight: 400;

        margin: 0 0 0 6px;

    }

    

    .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit{

        padding: 0;

    }

    

    .odometer.odometer-auto-theme .odometer-digit{

        padding: 0 1px;
        margin: 0 -1px;

    }

    

    .hakkimizda-page .odometer::after{

        content: "+";

    }

    

    .hakkimizda-page .content{

        margin: 7.5em 0 0;

    }



    .hakkimizda-page .content p{

        font-size: 20px;

        line-height: 35px;

        font-weight: 300;

        color: #010101;

    }



    .about-cards .row{

        gap: 32px;

    }



    .about-cards .card{

        padding: 46px 54px 46px 24px;

    }

    .about-cards h2{

        text-align: center;

        margin: 60px 0 49px;

    }

    

    .about-cards h2 span{

        background: #ffe4b3;

        

    }

    .about-cards h3{

        font-size: 30px;

        line-height: 30px;

        color: #010101;

        font-weight: 700;

    }



    .about-cards p{

        font-weight: 400;

        font-size: 16px;

        line-height: 22.5px;

        margin: 12px 0 0;

        color: #98A4AC;

    }

    .about-cards .card{

        flex: 0 0 48%;

        max-width: 55%;

        display: flex;

        align-items: center;

        flex-direction: row;

        justify-content: space-between;

        cursor: default;

        transition: box-shadow 0.3s ease-out;

    }

    .about-cards .card .img{

        min-width: 60px;

        width: 60px;

        height: 60px;

        margin: 0 24px 0 0;

    }



    .sertifikalar .img{

        min-width: 120px;

        width: 120px;

        height: 120px;

    }



    .sertifikalar .card, .kuponlar .card{

        align-items: center;

        border-radius: 12px;

        padding: 27px 24px;

        transition: box-shadow 0.2s ease-out;

    }

    

    

   



    .sertifikalar .slider-head{

        margin: 60px 0 40px;

    }



    .sertifikalar .slider-head h2{

        font-size: 32px;

        line-height: 32px;

    }



/* !Hakkımızda Sayfası*/





/* Eğitmen Başvurusu ve Bilgi Talep Formu */

.egitmen-basvuru .form,

.bilgi-talep-formu .form{

    margin: -10.5em 0 0;

}



.egitmen-basvuru .form .container,

.bilgi-talep-formu .form .container{

    max-width: 677px;

}

/*--- Güncellendi ---*/

.egitmen-basvuru .select2-container--default .select2-selection--single .select2-selection__rendered,

.egitmen-basvuru textarea::placeholder,

.bilgi-talep-formu .select2-container--default .select2-selection--single .select2-selection__rendered,

.bilgi-talep-formu textarea::placeholder,

.sinav-kayit .select2-container--default .select2-selection--single .select2-selection__rendered,

.sinav-kayit textarea::placeholder

{

    color: #818181;

}

/*--- Güncellendi ---*/



.egitmen-basvuru .banner,

.bilgi-talep-formu .banner,

.blog .banner,

.sinavlar .banner,.sinav-detay .banner,

.kurslar .banner,.kurs-detay .banner,.faq-page .banner,.iletisim .banner,.aydinlatma-metni .banner{

    background: #FFF5E5;

    padding: 2.5em 0 13em;

}



.iletisim .banner{

    padding: 2.5em 0 160px;

}



.egitmen-basvuru .banner h1,

.bilgi-talep-formu .banner h1,

.blog .banner h1,.sinavlar .banner h1,.sinav-detay h1,.kurslar h1,.kurs-detay h1,.faq-page .banner h1,.iletisim .banner h1,.aydinlatma-metni .banner h1,.banka-hesaplari .banner h1

{

    margin: 8px 0 0;

    font-size: 32px;

    line-height: 40px;

    font-weight: 700;

    color: var(--page-btn-color);

}



.egitmen-basvuru .banner h1 span,

.bilgi-talep-formu .banner h1 span,

.blog .banner h1 span,.sinavlar .banner h1 span,

.sinav-detay h1 span,.kurslar h1 span,.kurs-detay h1 span{

    color: #F2AA3C;

    background-color: transparent;

}



.egitmen-basvuru .banner p,

.bilgi-talep-formu .banner p,

.blog .banner p,.sinavlar .banner p,

.sinav-detay .banner p,.kurslar .banner p,.kurs-detay .banner p{

    line-height: 30px;

    margin: 14px 0 0;

}



.egitmen-basvuru .breadcrumb,

.bilgi-talep-formu .breadcrumb,

.blog .breadcrumb,.kurslar .breadcrumb,.kurs-detay .breadcrumb,.faq-page .breadcrumb,.iletisim .breadcrumb,.aydinlatma-metni .breadcrumb

{

    margin: 0;

    padding: 0;

}



.egitmen-basvuru .form-group,

.bilgi-talep-formu .form-group{

    background: var(--color-white);

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

    border-radius: 16px;

    padding: 26px 36px;

}



.egitmen-basvuru .form-group p,

.bilgi-talep-formu .form-group p{

    margin: 0;

}



.egitmen-basvuru [type=file]{

    display:none;

}



.egitmen-basvuru .form-group .row,

.bilgi-talep-formu .form-group .row{

    gap: 16px;

}

.bilgi-talep-formu .form-group .row.first{
    margin: 0;
}

.bilgi-talep-formu .form-group .row{
    margin-top: 26px;
}


.egitmen-basvuru .label{

    margin: 0;

    padding: 10px;

    width: 100%;

    max-width: 280px;

    height:49px;    

    background-color:#4D37A7;

    border:none;

    color:#fff;

    cursor:pointer;

    text-align:center;

    border-radius:16px 0 0 16px;

    transition:0.2s ease all;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #4D37A7;

}



.file-block{

    border: 1px solid #D9D9D9;

    margin: 0 auto;

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #FFFFFF;

    border-radius: 16px;

    padding: 0;

}



.fi-br-download{

   color: #fff;

   margin: 0 8px 0 0;

}



.egitmen-basvuru .label:hover{

    background: #fff;

    color: #4D37A7;

}



.egitmen-basvuru .label:hover .fi-br-download{

    color: #4D37A7;

    transition: color 0.2s ease-in-out;

}



.egitmen-basvuru .content{

  background: #E8ECEF;   

  border-radius: 16px;

  padding: 73px 100px;

  position: relative;

  margin: 60px 0 124px;

  box-shadow: 0 4px 14px rgba(141, 155, 164,0.2);

}



.egitmen-basvuru .content h2{

    color: var(--form-btn-color);

    font-size: 36px;

    line-height: 55px;

    margin: 0 0 24px;

    font-weight: 700;

}



.egitmen-basvuru .content p{

    color: #8B8B8F;

    font-size: 24px;

    line-height: 35px;

    font-weight: 400;

    margin: 0;

}



.egitmen-basvuru .card{

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 242px;

    width: 100%;

    padding: 24px 35px;

    flex-direction: row;

    gap: 16px;

    position: absolute;

}



.egitmen-basvuru .card .text{

    width: 100%;

}



.egitmen-basvuru .card span{

    font-size: 40px;

    line-height: 40px;

    font-weight: 700;

    color: #000;

}



.egitmen-basvuru .card p{

    font-size: 16px;

    line-height: 16px;

    color: #98A4AC;

    margin: 0;

}



.egitmen-basvuru .card.first{

    bottom: -12%;

    right: 51%;

    

}



.egitmen-basvuru .card.second{

    bottom: -9%;

    right: -3%;

}



.egitmen-basvuru .card.third{

    top: 10%;

    right: -5%;

}



.bilgi-talep-formu .form-group{

    margin: -10em 0 53px;

}



.bilgi-talep-formu .nav-block{

    padding: 0;

    margin: 0 0 30px;

}



.bilgi-talep-formu .nav-block ul{

    display: flex;

    align-items: center;

    list-style: none;

    padding: 0;

    gap: 45px;

    border-bottom: 1px solid #E8ECEF;

    width: max-content;

}



.bilgi-talep-formu .nav-link{

    padding: 0;

    color: #4B2DA7;

    font-size: 16px;

    line-height: 16px;

    font-weight: 600;

}

.bilgi-talep-formu .nav-item{

    height: 27px;

}

.bilgi-talep-formu .nav-link.active::after{

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    background-color: #4D37A7;

    margin: 10px 0 0;

}

/* !Eğitmen Başvurusu ve Bilgi Talep Formu */





/* Blog */

.blog .banner{

    padding: 2.5em 0 5.3em;

    margin: 0 0 -2.5em;

}



.cards-wrapper .card-header, .blog-detay .card-header{

    border: none;

}



.cards-wrapper .row{

    gap: 16px;

    flex-wrap: wrap;

}



.cards-wrapper .card{

    max-height: 467px;

    height: 100%;

    flex:0 0 32%;

    max-width: 32%;

    overflow: hidden;

}



.cards-wrapper .card-footer,.blog-detay .card-footer{

    border: none;

    display: block;

}



.blog .card-footer .link, .blog .card-footer i,

.blog-detay .swiper .card-footer .link, .blog-detay .swiper .card-footer i{

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.blog .card-footer .link:hover, .blog .card-footer i:hover,

.blog-detay .swiper .card-footer .link:hover, .blog-detay .swiper .card-footer i:hover{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in;

}



.blog .card-footer i,

.blog-detay .swiper .card-footer i{

    margin: 0 0 0 9px;

}



.cards-wrapper h3, .blog-detay .card h3{

    color: #4D37A7;

    font-weight: 700;

    font-size: 24px;

    line-height: 30px;

}



.cards-wrapper p,.blog-detay .card p{

    font-size: 16px;

    line-height: 20px;

    color: #474444;

    font-weight: 300;

    margin: 0;

    height: 92px;

}



.cards-wrapper .link,.blog-detay .card .link{

    color: #736AFF;

    font-size: 18px;

    line-height: 20px;

    font-weight: 500;

    transition: color 0.2s ease-out;

}



.cards-wrapper .link i{

    vertical-align: middle;

}



.cards-wrapper .link:hover{

    color: var(--page-btn-color);

    

}

.pagination{

    justify-content: center;

    gap: 6px;

    margin: 40px 0 80px;

}



.pagination .page-link{

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 45px;

    width: 45px;

    height: 45px;

    font-size: 20px;

    line-height: 25px;

    color: #6F6F6F;

    border-color: transparent;

    background: transparent;

    font-weight: 700;

    border-radius: 4px;

    transition: color 0.2s ease-out, border-color 0.2s ease-out, background 0.2s ease-out;

}



.pagination .page-link.active{

    color: var(--color-white);

    background: #4D37A7;

}

.pagination .page-link:hover{

    color: var(--color-white);

    background: #4D37A7;

    transition: color 0.2s ease-in, border-color 0.2s ease-in, background 0.2s ease-in;

}





.pagination button{

    background: none;

    color: #736AFF;

    transition: color 0.2s ease-out;

}



.pagination button:hover{

    color: #4D37A7;

    transition: color 0.2s ease-in;

}



.pagination .page-btn-next{

    margin: 0 0 0 9px;

}



.pagination .page-btn-prev{

    margin: 0 9px 0 0;

}





/* !Blog */







/* Blog Detay */

.blog-detay{

    margin: 40px 0 80px;

}



.blog-detay .breadcrumb{

    margin: 0;

}



.blog-detay .banner{

    padding: 0;

}



.blog-detay .banner h1,.blog-detay .slider-head h2,.kurs-detay .slider-head h2{

    margin: 0;

    font-size: 32px;

    line-height: 40px;

    color: var(--page-btn-color);

    margin: 12px 0 0;

}



.blog-detay .calendar{

    display: flex;

    align-items: center;

    margin: 0.75em 0 0;

}



.blog-detay .calendar i,.blog-detay .calendar p{

    color: #BAB9C0;

    font-size: 16px;

    line-height: 16px;

    margin: 0;

}



.blog-detay .calendar i{

    display: flex;

    align-items: center;

}



.blog-detay .calendar p{

    margin: 0 0 0 8px;

}



.blog-detay .content{

    margin: 2.5em 0 60px;

}



.blog-detay .img{

    border-radius: 16px;

    overflow: hidden;

}

.blog-detay .card{

    height: 485px;

}

.blog-detay .slider-head p{

    font-size: 20px;

    line-height: 20px;

    color: #6F6F6F;

    margin: 8px 0 0;

}



.blog-detay .card-header h3{

    font-size: 30px;

    line-height: 30px;

}



.blog-detay .card-body p{

    height: auto;

    margin: 16px 0 0;

}



.blog-detay .card-body{

    padding: 24px;

}



.blog-detay .card-footer{

    padding: 0 24px 24px;

}



.faq-page .faq{

    margin: -7em 0 64px;

    background: #FFFFFF;

    padding: 60px 30px;

}

.faq-page .banner p{

    margin: 8px 0 0;

}



.blog-detay .text h3{

    font-size: 28px;

    font-weight: 700;

    line-height: 40px;

    color: #000;

    margin: 16px 0;

}



.blog-detay .text p,.blog-detay .content p{

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}



.blog-detay .content .desc{

    margin: 60px 0 40px;

}



.blog-detay .slider-head h2{

    margin: 0;

}

/* !Blog Detay */





/* Sınavlar */

.sinavlar, .kurs-detay, .sinavlar-cards, .sinav-detay, .kurslar{

    margin: 0 0 80px;

}

.sinav-detay .img.mobile{

      display: none;  

}

.sinavlar-cards .card{

    padding: 24px;

}

.sinavlar .banner, .sinav-detay .banner{

    padding: 2.5em 0 7.5em;

}

.faq-page .banner{

    padding: 2.5em 0 180px;

}



.sinavlar .breadcrumb,.sinav-detay .breadcrumb{

    margin: 0;

}





.sinavlar .filter .row{

    gap: 8px;

    justify-content: center;

}



.sinavlar .form-group{

    margin: 0;

}



.form-field{

    border: 1px solid #D9D9D9;   

    border-radius: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 10px 0;

} 



.form-field i{

    color: #474444;

    font-size: 24px;

    line-height: 24px;

}



.form-field input{

    background: none;

    border: none;

    padding: 0;

    max-width: 185px;

    width: 100%;

}



.form-field.baslangic{

    max-width: 230px;

    width: 100%;

}



.form-field.baslangic,.form-field.bitis{

    position: relative;

}



.filter .btn-search{

    background-color: #FFA301;

    border-radius: 16px;

    color: var(--color-white);

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

    width: 156px;

    

}

.sinavlar .filter{

    background-color: var(--color-white);

    padding: 30px 36px;

    border-radius: 16px;

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

    margin: -4em 0 0;

   

}



.btn-search:hover{

    background-color: #FFFF;

    color: #FFA301;

    box-shadow: 0 0 0 1px #FFA301;

}



.form-field, .filter input{

    height: 49px;

}



.flatpickr-current-month{

    padding: 0;

}



.flatpickr-current-month{

    text-align: left;

    padding: 7px 0px 0 0px;

}



.flatpickr-current-month span.cur-month,.flatpickr-current-month input.cur-year{

    color: #A5A3A7;

    font-weight: 400;

    font-size: 14px;

    line-height: 14px;

}



.flatpickr-day.today{

    background-color: #404251;

}

.flatpickr-day.selected:hover{

    background:#e6e6e6;

    border-color: #e6e6e6;

}



.flatpickr-day.selected{

    background-color: #404251;

    border-color: #404251;

}



.flatpickr-day.today, .flatpickr-day.selected{

    border-radius: 100px;

    border-color: #D9D9D9;

    color: #fff;

}





span.flatpickr-weekday{

    font-weight: 400;

    color: #A5A3A7;

}



.level{

    display: block;

    text-align: center;

    padding: 11px;

    min-width: 64px;

    width: 64px;

    height: 64px;

    border-radius: 12px;

    border: 1px solid #FFA301;

    margin: 0 0 24px;

}



/* .level span,.level p{

    color: #FFA301;

   

} */

.level span{

    font-size: 24px;

    line-height: 24px;

    font-weight: 700;

}

.level p{

    font-size: 14px;

    line-height: 20px;

    font-weight: 200;

}



.sinavlar-cards h2{

    font-size: 28px;

    line-height: 30px;

    margin: 60px 0 40px;

    color: #fff;

    font-weight: 700;

    background: #fd0000;

    border: 1px solid #fd0000;

    padding: 24px 16px;

    border-radius: 16px;

    text-align: center;

}



#yaklasan_sinavlar .body.desktop{

    display: block;

}



#yaklasan_sinavlar .popup-modal{

    display: none;

}



.sinavlar-cards h3{

    font-size: 24px;

    font-weight: 600;

    line-height: 30px;

    color: #010101;

}



.sinavlar-cards p{

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    margin: 0;

}





.sinavlar-cards .card-block{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 44px;

}







.sinavlar-cards .card{

    max-width: 31%;

    min-width: 31%;

}



.badge{

    width: max-content;

    height: 34px;

    padding: 0 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

}



.badge span{

    font-weight: 400;

    font-size: 12px;

    line-height: 15px;

}



.fi-rr-calendar,.fi-rs-location-alt,.fi-rr-time-check{

    margin: 0 8px 0 0;

}



.badge-area{

    gap: 8px;

}



.sinavlar-cards .body p{

    color: #010101;

}



.sinavlar .btn-purple{

    margin: 24px 0 0;

    font-weight: 500;

}



.bd-orange{

    background: #FFF5E5;

}



.bd-orange span,.bd-orange p{

    color: #FFA301;

}



.bd-yellow{

    background: #FDF4A8;

    border-color: #E3CD14;

}



.bd-yellow span, .bd-yellow p{

    color: #C4B00E;

}



.bd-green{

    background: #E5F1A0;

    border-color: #A1B04B;

}



.bd-green span,.bd-green p{

    color: #A1B04B;

}





.bd-success{

    background-color: #D8F4EA;

}

.txt-success{

    color: #3BAF8C;

}



.bd-gray{

    background-color: #E8ECEF;

}





/* !Sınavlar */



/*Sınav Detay*/



.sinav-detay .banner, .kurslar .banner{

    padding: 2.5em 0 40px;

}



.sinav-detay .banner .img{

    text-align: right;

}



.sinav-detay .banner .img img{

    border-radius: 30px;

}

.sinav-detay .banner .row{

    justify-content: space-between;

    align-items: center;

}



.sinav-detay .border, .kurslar .border{

    border: none;

    padding: 40px;

}



.sinav-detay .item .link, .kurslar .item .link,.kurs-detay .item .link{

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    background-color: transparent;

    color: #4D37A7;

    font-size: 20px;

    line-height: 25px;

    font-weight: 600;

}



.sinav-detay .item .header,.kurslar .item .header,.kurs-detay .item .header{

    margin-top: 40px;

}



.sinav-detay .content,.kurslar .content{

    margin: 60px 0;

    border-radius: 16px;

}



.sinav-detay .body span, .sinav-detay .body p,.sinav-detay .body i,

#yaklasan_sinav_modal .body span, #yaklasan_sinav_modal .body p, #yaklasan_sinav_modal .body i

{

    color: #374957;

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;

    vertical-align: middle;

}



.sinav-detay .body i{

    display: inline-flex;

}



.sinav-detay .body p{

    margin: 0;

}



.sinav-detay .accordion .row:first-child, .kurslar .accordion .row:first-child{

    margin: 0;

}



.sinav-detay .accordion .row, .kurslar .row,#yaklasan_sinav_modal .row{

    align-items: center;

    padding: 12px;

    margin: 12px 0 0;
    justify-content: space-between;

}



.sinav-detay .odd,.kurslar .odd,.banka-hesaplari .account .odd{

    background: #F5F8FA;

    border-radius: 9px;

   

}



.sinav-detay .odd p,.kurslar .odd p{

    color: #000;

}



.sinav-detay .body p, .kurslar .body p{

    font-weight: 300;
       
}
#sinav_detaylari .body p{
    text-align: right;
}

.sinav-detay table,

.sinav-detay .body{

    margin: 30px 0 0;

}



.sinav-detay table th, .sinav-detay table td{

    padding: 14px;

    

}



.sinav-detay table th{

    border-bottom: none;

}



.sinav-detay table td{

    font-weight: 400;

    color: #98A4AC;

    font-size: 14px;

    line-height: 16px;

}



.sinav-detay table td:first-child{

    font-weight: 500;

    color: #374957;

}



.sinav-detay .btn-purple{

    max-width: 285px;

    width: 100%;

    margin: 0 auto 0 0;

}



#sinav_detaylari .btn-purple{

    max-width: 285px;

    font-weight: 500;

}



.sinav-detay #yazili_sinav_bölümü i{

    min-width: 27px;

    width: 27px;

    height: 27px;

    background: #602FD8;

    margin: 0 10px 0 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 100%;

}



.sinav-detay #yazili_sinav_bölümü i::before{

    font-size: 14px;

}



.sinav-detay #yazili_sinav_bölümü .fi-rr-time-past{

    background-color: transparent;

    margin: 0;

    display: flex;

    align-items: center;

    

}

.sinav-detay #yazili_sinav_bölümü .btn-purple .fi-rr-play-alt{

    background: none;

}



.sinav-detay #yaklasan_sinavlar{

    margin: 24px 0 0;

}



.sinav-detay .item:first-child .header,.kurs-detay .item:first-child .header{

    margin: 0;

}



.sinav-detay #yaklasan_sinavlar .btn-purple{

    border-radius: 100px;

    max-width: 100%;

}



.sinav-detay .body .btn-purple{

    max-width: 398px;

    background: var(--page-btn-color);

    font-weight: 500;

    border-radius: 16px;

   

}



.sinav-detay .body .btn-purple:hover,.kurslar .tab-container .btn-purple:hover{

    background: var(--color-white);

    color: var(--page-btn-color);

    border-color: var(--page-btn-color);

}

.sinav-detay  .body .btn-purple:hover i,.kurslar .tab-container .btn-purple i{

    color: var(--page-btn-color);

}



.sinav-detay .body .fi-rs-angle-double-small-right, #yaklasan_sinav_modal .body .fi-rs-angle-double-small-right{

    color: var(--color-white);

    transition: color 0.2s ease-out;

}



.sinav-detay .body .btn-purple:hover .fi-rs-angle-double-small-right{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in;

}



.sinav-detay .bd-gray span,.sinav-detay .bd-gray p{

    font-weight: 300;

   

}



.sinav-detay .body .btn-purple,.kurslar .tab-container .btn-purple,#yaklasan-sinav .btn-purple{

    font-weight: 300;

    font-size: 14px;

    line-height: 18px;

    background: var(--page-btn-color);

}



.sinav-detay .btn-info,.sinav-detay #yaklasan_sinavlar .btn-purple,.sinav-detay #a1_sinav_belgeleri .btn-purple{

    height: 34px;

}



.sinav-detay #yaklasan_sinavlar .btn-purple{

    max-width: 112px;

    margin: 0;

}



.sinav-detay .btn-info{

   max-width: 148px;

   width: 100%;

   margin: 0 0 0 auto;

}



.sinav-detay .bd-gray{

    background-color: #DFE4E7;

}



.sinav-detay .badge,#yaklasan_sinav_modal .badge{

    padding: 0 21px;

}



.sinav-detay #a1_sinav_belgeleri .row{

    justify-content: space-between;

}



.sinav-detay #a1_sinav_belgeleri .btn-purple{

    max-width: 189px;

    width: 100%;

    margin: 0;

}



.sinav-detay #a1_sinav_belgeleri .btn-purple .fi-rr-document {

    color: var(--color-white);

    margin: 0 0 0 6px;

    transition: color 0.2s ease-in-out;

}



.sinav-detay #a1_sinav_belgeleri .btn-purple:hover .fi-rr-document{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in-out;

}



.sinav-detay .link .right-block i,.kurslar .link .right-block i,

.kurs-detay .link .right-block i{

    transform: rotate(0);

    display: block;

    transition: transform 0.2s ease-in-out;

}



.sinav-detay .link.collapsed .right-block i,.kurslar .link.collapsed .right-block i,

.kurs-detay .link.collapsed .right-block i{

    

    transform: rotate(-90deg);

    transition: transform 0.2s ease-in-out;

}



.sinav-detay .item i, #yaklasan_sinav_modal .item i{

    vertical-align: middle;

    display: inline-flex;

    align-items: center;

}



/*!Sınav Detay*/



.faq{

    background: #F8F8FA;

    padding: 60px;

    border: 1px solid #D2D2D2;

    border-radius: 24px;

}



.faq .content{

    gap: 30px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin: 0;

}



.faq .accordion{

    width: 100%;

}



.faq h2{

    font-size: 50px;

    line-height: 85px;

    font-weight: 600;

    color: var(--page-btn-color);

   

}



.faq .item {

    margin: 0 0 40px;

    border: 0;

}



.faq .item  .link {

    color: var(--page-btn-color);

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: space-between;

    text-align: left;

    font-size: 24px;

    line-height: 30px;      

    font-weight: 600;

    background: none;

}



.faq .item  .link:after {

  

    font-weight: 900;

    float: right;

}



.faq .item .body{

    color: #010101;

    font-size: 20px;

    line-height: 25px;

    font-weight: 400;

    margin: 12px 0 0;

}

.kurslar .item .link{

    justify-content: flex-start;

}



.kurslar .item .link i{

    vertical-align: middle;

    display: flex;

}



.faq .item .link,.faq .item .link.collapsed{

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: var(--page-btn-color);

}





/* --- Güncellendi --- */

.faq .item .link i,#kayitliFaturaAccordion .head-item i,#siparisDetaylariAccordion .head-item i,

#hesabimFormAccordion .head-item i,#kullaniciPanelAccordion .head-item i,#sertifikalarimAccordion .head-item i,

#siparislerimAccordion .head-item i,#favorilerimAccordion .head-item i,#kuponlarAccordion .head-item i,#hesapAyarlariAccordion .head-item i,

#sifreAyarlariAccordion .head-item i,#adresBilgileriAccordion .head-item i,#havaleEftAccordion .head-item i{

    transform: rotate(0);

    transition: transform 0.2s ease-out;

}





.faq .item .link.collapsed {

    color: var(--page-btn-color);

   

}



/* --- Güncellendi --- */

.faq .item .link.collapsed i,#kayitliFaturaAccordion .head-item.collapsed i,

#siparisDetaylariAccordion .head-item.collapsed i, #hesabimFormAccordion .head-item.collapsed i, #kullaniciPanelAccordion .head-item.collapsed i,

#sertifikalarimAccordion .head-item.collapsed i,#siparislerimAccordion .head-item.collapsed i,#favorilerimAccordion .head-item.collapsed i,

#kuponlarAccordion .head-item.collapsed i,#hesapAyarlariAccordion .head-item.collapsed i,#sifreAyarlariAccordion .head-item.collapsed i,
#adresBilgileriAccordion .head-item.collapsed i,#havaleEftAccordion .head-item.collapsed i

{

    

    transform: rotate(-90deg);

    transition: transform 0.2s ease-in;

}



/* --- Güncellendi --- */

#kayitliFaturaAccordion .head-item, #siparisDetaylariAccordion .head-item, #hesabimFormAccordion .head-item, #kullaniciPanelAccordion .head-item,

#sertifikalarimAccordion .head-item,#siparislerimAccordion .head-item,#favorilerimAccordion .head-item,#kuponlarAccordion .head-item,

#hesapAyarlariAccordion .head-item,#sifreAyarlariAccordion .head-item,#adresBilgileriAccordion .head-item,#havaleEftAccordion .head-item{

    background: none; 

    padding: 0; 

    display: flex; 

    align-items: center; 

    justify-content:space-between; 

    width: 100%;

}





/* .mfp-bg{

    backdrop-filter: blur(4px);

    background: rgba(24, 36, 48,0.6);

    

} */





/* Kurslar */





.kurslar .card-wrapper p{

    font-size: 12px;

    line-height: 14px;

    color: #98A4AC;

    font-weight: 400;

}



.kurslar .tab-container .nav-item,

.egitimler .tab-container .nav-item{

    width: auto;

    max-width: inherit;

}



.kurslar  .tab-container .card{

    max-width: 23.5%;

    height: 418px; 

}



.kurslar .tab-container .card p, .kurs-detay .course p{

    height: auto;

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    margin: 8px 0;

}



.kurs-detay .star-rating p{

    margin: 0;

}



.kurslar .tab-container .card-body h3, 

.kurslar .tab-container .card-body a,

.kurs-detay .course .card-body a{

    font-size: 18px;

    line-height: 25px;

    font-weight: 600;

    color: #010101;

    transition: color 0.2s ease-in-out;

}

.kurs-detay .course .card-body a{

    font-size: 24px;

    

}



.kurs-detay .course .card-body h4{

    font-size: 18px;

}

.kurs-detay .course .star-rating p{

    font-size: 18px;

    margin: 0;

}



.kurs-detay .course p{

    font-size: 16px;

    line-height: 20px;

    margin: 13px 0;

}



.kurs-detay .course .btn-purple{

    margin: 0;

    background: var(--page-btn-color);

    max-width: 130px;

    margin: 0 auto;

    height: 40px;

    font-weight: 500;

}



.kurs-detay .course .btn-purple:hover, .hesabim .btn-purple:hover{

    background: var(--color-white);

}



.kurslar .tab-container .card-body a:hover{

    color: var(--form-btn-color);

    transition: color 0.2s ease-in-out;

}



.kurslar .tab-container .card-body h4, .kurslar .swiper .card-body h4,.kurs-detay .course .card-body h4{

    font-size: 14px;

    line-height: 16px;

    font-weight: 500;

    color: #010101;

}



.kurslar .tab-container .price, .kurs-detay .course .price,.kurs-detay .info .price{

    font-weight: 700;

    font-size: 24px;

    line-height: 28px;

    color: #98A4AC;

}



.kurslar .btn-purple{

    margin: 0;

}



.kurslar .tab-container .card-header{

    height: 181px;

}



.kurslar .tab-container .card-body{

    padding: 12px;

}



.kurslar .tab-container .btn-purple i{

    color: var(--color-white);

    vertical-align: middle;

    transition: color 0.2s ease-in-out;

}



.kurslar .tab-container .btn-purple:hover i{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in-out;

}



.title{

    margin: 60px auto 47px;

    width: 100%;

    text-align: center;

}



.title h2{

    font-size: 32px;

    line-height: 35px;

    color: #010101;

    font-weight: 700;

}



.title p{

    font-size: 20px;

    line-height: 25px;

    font-weight: 400;

    color: #010101;

   

}



.title p::after{

    content: "";

    display: block;

    height: 3px;

    width: 100px;

    background: #4D37A7;

    margin: 12px auto 0;

}



.video .title p::after{

    display: none;

}



.video-item{

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

    border-radius: 16px;

}



.video-item::after{

    content: "";

    display: block;

    background: rgba(0,0,0,0.4);

    opacity: 0.6;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99;

}







.kurslar .body p{

    margin: 0;

    color: #374957;

}

.kurslar .body b{

    font-weight: 600;

    width: 300px;

    display: inline-block;

    color: #374957;

}



.kurslar .body .img{

    margin: 0 12px 0 0;

}

.kurslar .tab-container img,.kurs-detay .card-header img{

    width: 100%;

}



.kurs-detay .course{

    margin: 60px 0 ;

}



.kurs-detay .card-footer{

    border: none;

}



.kurs-detay .btn-purple{

    max-width: inherit;

    width: 100%;

}



.kurs-detay .card-body{

    padding: 16px;

}

.kurs-detay .card-footer{

    padding: 0 16px 16px;

}

.kurs-detay .title{

    text-align: left;

    margin: 60px 0 47px 0;

    width: auto;

}

.kurs-detay .title p{

    font-size: 18px;

    line-height: 20px;

    font-weight: 400;

}



.kurs-detay .row{

    padding: 12px 0;

}



.kurs-detay .item .link{

    color: #000;

}



.kurs-detay .accordion p{

    margin: 0;

    font-weight: 400;

    color: #000;

    font-size: 18px;

}



.kurs-detay .accordion img{

    margin: 0 12px 0 0;

}



.img-gallery{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-template-rows: repeat(2, 1fr);

    gap: 24px;

}







.kurs-detay .info{

    margin: -12em 0 80px;

   

}



.kurs-detay .info .card{

    padding: 24px;

    height: 100%;

}



.kurs-detay .info .card-footer{

    padding: 0;

}



.kurs-detay .info .row{

    gap: 30px;

}



.kurs-detay .info h1{

    color: #FFD58B;

    font-size: 50px;

    line-height: 80px;    

}



.kurs-detay .info img{

    width: 100%;

}



.kurs-detay .info h4{

    color: #716F6F;

}



.kurs-detay .info p{

    color: #374957;

    font-weight: 400;

}

.morecontent p {

    display: none;

}

.morelink {

    display: block;

}

.kurs-detay .info .btn-purple{

    margin: 0;

}



.img-gallery .img{

    border-radius: 16px;

    overflow: hidden;

}



.img-gallery .img:nth-child(1){

    grid-area: 1 / 1 / 3 / 2;

}



.img-gallery .img:nth-child(2){

    grid-area: 1 / 2 / 2 / 3;

}



.img-gallery .img:nth-child(3){

    grid-area: 2 / 2 / 3 / 3;

}



.kurs-detay .info .price{

    font-size: 34px;

    line-height: 40px;

}



/* !Kurslar */





/* Eğitimler */



.egitimler .btn-purple{

    max-width: 150px;

    width: 100%;

    height: 40px;

    margin: 0 auto;

}



.egitimler .cards-wrapper .card{

    max-height: inherit;

    height: 100%;

    flex: 0 0 32%;

    max-width: 32%;

}

.egitimler .card-footer{

    display: flex;

    align-items: center;

    border-top: 1px solid #E8ECEF;

    margin: 0 16px 10px;

    padding: 16px 0 10px;

}

.egitimler .tab-container .card-header{

    height: auto;

}

.egitimler .tab-container .card p{

    color: #374957;

}

.egitimler .tab-container .date{

    justify-content: flex-start;

    gap: 12px;

}

.egitimler .tab-container .date p{

    color: #98A4AC;

}

.egitimler .tab-container .star-rating p{

    margin: 0;

}



.egitimler .tab-container .certificate{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin: 4px 0;

}



.egitimler .tab-container .certificate .img{

    vertical-align: middle;

}



.egitimler .tab-container .certificate span{

    color: #6E4EEF;

    font-size: 12px;

    line-height: 14px;

    margin: 0 0 0 8px;

}



.egitim-detay .info ul{

    margin: 12px 0 24px;

}



.egitim-detay .info ul li{

    display: flex;

    align-items: center;

    padding: 4px 0 0;

}



.egitim-detay .info ul li p{

    margin: 0;

}



.egitim-detay .info ul li .img{

    vertical-align: middle;

    margin: 0 8px 0 0;

}

.egitim-detay .info img{

    height: 100%;

}

.egitim-detay .playbtn.video-popup{

    min-width: 90px;

    width: 90px;

    height: 90px;

    padding: 1.7em;



}



.egitim-detay .playbtn.video-popup img{

    margin: 0 0 0 8px;

}



.egitim-detay .info .video-item,.egitim-detay .info .video{

    height: 100%;

}



.egitim-detay .banner.egitmen .btn-purple{

    max-width: 226px;

}

.egitim-detay .banner{

    padding: 40px 0 40px;

}

.egitim-detay .info{

    margin: -1.5em 0 80px;

}

/* !Eğitimler */



/*--- Güncellendi ---*/

.navbar-expand-lg{

    display: none;

}



.playbtn{

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--color-white);

    min-width: 140px;

    width: 140px;

    height: 140px;

    position: absolute;

    left: 44%;

    right: 50%;

    border-radius: 50%;

    z-index: 999;

    cursor: pointer;

    transition: background 0.2s ease-out;

}



.playbtn.video-popup img{

    width: auto;

    height: auto;

   

}



.playbtn:hover{

    background: #858585;

    transition: background 0.2s ease-in;

}

.mfp-wrap{

    z-index: 9999999999 !important;

}

/* -- Hesaplar-Odeme-Sepet css leri */

.hesabim .row{

    justify-content: inherit;

}



.hesabim aside{

    

    padding: 24px 16px 0;

}



.hesabim h1,.sepetim h1,.odeme h1,.odeme-mesaj h1{

    color: var(--page-btn-color);

    font-size: 32px;

    line-height: 40px;

    margin: 0;

    font-weight: 700;

    margin: 8px 0 24px;

}



.sepetim h2,.banka-hesaplari .eft-form h2{

    font-size: 16px;

    line-height: 24px;

    color: var(--page-btn-color);

    font-weight: 700;

}



.sepetim  thead{

    border-top: none;

    border-right: 0;

    border-left: none;

    border-bottom:1px solid #ECF3F8;

}



.sepetim table th,.sepetim table td{

    text-align: left;

    font-size: 14px;

    line-height: 24px;

    color: #000;

    font-weight: 400;

    border: none;

}



.sepetim .coupon-code{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #D9D9D9;

    width: 100%;

    border-radius: 24px;

    overflow: hidden;

    height: 49px;

    padding: 0 0 0 18px;

}



.sepetim .code{

    width: 100%;

}



.sepetim .code input{

    border: none;

    width: 100%;

}



.sepetim .coupon-code button{

    border: none;

    border-radius: 0;

    max-width: 261px;

    height: 100%;

    width: 100%;

    background: #FFA301;

    outline: none;

    border: none;

    color: #fff;

    transition: color 0.2s ease-out, background 0.2s ease-out;

}



.sepetim .coupon-code button:hover{

    background: #fff;

    color: #FFA301;

    transition: color 0.2s ease-in, background 0.2s ease-in;

}



.sepetim .coupon-code i{

    font-size: 20px;

    color: #98A4AC;

}



.sepetim table td{

   font-weight: 600;

}



.sepetim .content p,.sepetim .content span{

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    margin: 0;

    color: #000;

}



.odeme .sepet-detay p,.odeme .sepet-detay span,

.odeme .total .row p,.odeme .total .row span

{

    font-size: 14px;

    font-weight: 400;

    line-height: 16px;

    color: #000;

    margin: 0;

}



.sepetim .content span,.odeme .sepet-detay span,.odeme .total .row span{

    font-weight: 600;

}



.sepetim .content .row, .odeme .sepet-detay .row,.odeme .total .row{

    justify-content: space-between;

    border-bottom: 1px solid #ECF3F8;

    padding: 12px 0;

}



.odeme .total .row{

    border-bottom: 1px solid #ECF3F8;

    border-top: 1px solid #ECF3F8;

}



.odeme .sepet-detay .row{

    padding: 8px 0;

}



.odeme .sepet-detay .row:last-child{

    border: none;

}



.sepetim .content .row:last-child{

    border: none;

}



.odeme .form .head-item h2{

    color: var(--page-btn-color);

    font-size: 20px;

    line-height: 24px;

    font-weight: 700;

}



.odeme .note{

    margin: 16px 0 0;

}



.odeme .radio-area{

    margin: 16px 0 0;

}



.odeme .radio-area .row{

    border-bottom: 1px solid #ECF3F8;

}



.odeme .radio-area .row:last-child{

    border: none;

}



.odeme .radio-area .row label{

    margin: 8px 0;

}



.odeme-mesaj .card, .sifre-yenileme-mesaj .card{

    margin: 65px 0 0;

    text-align: center;

    padding: 10em;

}



.odeme-mesaj .head-item .logo, .sifre-yenileme-mesaj .head-item .logo{

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 53px;

    width: 53px;

    height: 53px;

    border-radius: 100%;

    background: #D8F4EA;

    border: 1px solid #3BAF8C;

}



.odeme-mesaj .head-item span, .sifre-yenileme-mesaj .head-item span{

    color: #3BAF8C;

    font-size: 18px;

    line-height: 24px;

    font-weight: 600;

}



.odeme-mesaj .head-item i,.sifre-yenileme-mesaj .head-item i{

    color: #3BAF8C;

    display: flex;

    font-size: 20px;

}



.odeme-mesaj .card{

    max-width: 950px;

    width: 100%;

    margin: 65px auto 0;

}



.odeme-mesaj .body h3,.sifre-yenileme-mesaj .body h3{

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    color: #98A4AC;

    margin: 24px 0 0;

}



.odeme-mesaj .body p,.sifre-yenileme-mesaj .body p{

    font-size: 14px;

    line-height: 20px;

    color: #98A4AC;

    font-weight: 400;

}



.sifre-yenileme-mesaj,.sifre-yenileme-mesaj .body{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}







.odeme.misafir .banner{

    background: #FFF5E5;

    padding: 40px 0 80px;

    margin: 0 0 40px;

}

/*--- Güncellendi ---*/

.odeme .btn-purple.disabled, .hesap-ayarlari .btn-purple.disabled, 

.sifre-ayarlari .btn-purple.disabled,.adres-bilgileri .btn-purple.disabled{

    background: #E8ECEF;

    border-color: #FFFFFF;

    color: #1c1c1c;

}



.odeme.misafir .banner .breadcrumb{

    margin: 0;  

}



.misafir-mesaj{

    display: flex;

    align-items: center;

    background: #D6EBF0;

    border-radius: 16px;

    padding: 16px;

    margin: 0 0 40px;

}



.misafir-mesaj i{

    margin: 0 8px 0 0;

    display: flex;

}



.misafir-mesaj span, .misafir-mesaj i,.misafir-mesaj a{

    color: #00647C;

    font-size: 14px;

    line-height: 20px;

    transition: color 0.2s ease-out;

}



.misafir-mesaj a{

    font-weight: 600;

}



.misafir-mesaj a:hover{

    color: #597981;

    transition: color 0.2s ease-in;

}





[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #666;

}

[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}

[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: var(--page-btn-color);

    position: absolute;

    top: 3px;

    left: 3px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.odeme aside .card{

    background: #F8F9FA;

    border: 1px solid #D9D9D9;

    padding: 12px;

    box-shadow: none;

}



.odeme aside .card .row{

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

}



.odeme aside .card .col{

    padding: 0;

}



.odeme aside h2{

    font-size: 16px;

    line-height: 24px;

    color: var(--page-btn-color);

    font-weight: 700;

}



.odeme aside .card p{

    margin: 0;

    color: #010101;

    font-size: 16px;

    line-height: 24px;

}



.odeme .cart-area{

    margin: 16px 0 0;

}



.odeme .cart-area .col-lg-12{

    padding: 0;

}



.handle-counter {overflow:hidden; }



 



.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {



  float:left;



  text-align:center;



}



.handle-counter .counter-minus,  .handle-counter .counter-plus {

    text-align:center; 

}



.handle-counter input {



  width:50px;

  border-width:1px;



  border-left:none;



  border-right:none;



}







.btn:disabled, .btn:disabled:hover {



  background-color: darkgrey;



  cursor: not-allowed;



}



 



.btn-primary {

    background-color:#009dda; 

}



.btn-primary:hover, .btn-primary:focus {background-color:#0486b9; }



/* -- Hesaplar-Odeme-Sepet css leri */



/*--- Hesaplar ve diğer güncellenen css ler --- */



.hesabim .row,.odeme .row{

    gap: 30px;

}



.hesabim aside h5{

    font-size: 12px;

    font-weight: 500;

    color: #98A4AC;

    letter-spacing: 6%;

    margin: 0 0 20px;

    padding: 7px 10px;

}



.hesabim aside ul{

    margin: 0 0 30px;

}

.hesabim aside ul li{

    display: flex;

    align-items: center;

    padding: 6px 10px;

    border-radius: 8px;

    margin: 4px 0;

    color: #4A5567;

    cursor: pointer;

    font-size: 15px;

    line-height: 20px;

    font-weight: 400;

}



.hesabim aside a{

    color: #4A5567;

    font-size: 15px;

    line-height: 20px;

    font-weight: 400;

    display: block;

    width: 100%;

}



.hesabim aside ul li.active{

    background: #E8ECEF;

}



.hesabim aside ul li:hover{

    background: #E8ECEF;

}



.hesabim aside ul li i{

    margin: 0 8px 0 0;

    display: flex;

    vertical-align: middle;

}



.egitimlerim .message,.sertifikalar .message,

.siparisler .message,.favoriler .message,

.kuponlar .message{

    background: #FFF6E3;

    border: 1px solid #E2991A;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 12px 18px;

    margin: 16px 0 0;

}



.egitimlerim .message span, .egitimlerim .message i,

.sertifikalar .message span, .sertifikalar .message i,

.siparisler .message span, .siparisler .message i,

.favoriler .message span, .favoriler .message i,

.kuponlar .message span, .kuponlar .message i{

    color: #E2991A;

    font-size: 14px;

    line-height: 24px;

}   



.egitimlerim .message i, .sertifikalar .message i,

.siparisler .message i, .favoriler .message i,

.kuponlar .message i{

    margin: 0 10px 0 0;

    display: flex;

}



.sertifikalar .card, .favoriler .card{

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 16px;

    flex-direction: row;

}



.sertifikalar .card{

    margin: 0 0 12px;

}



.sertifikalar .card-area{

    margin: 12px 0 0;

}



.sertifikalar .card .info,.favoriler .card .info,.kuponlar .card .info{

    display: flex;

    align-items: center;

    justify-content: center;

}





.sertifikalar .card h2,.favoriler .card h2{

    font-size: 16px;

    line-height: 24px;

    color: #010101;

    font-weight: 600;

}



.sertifikalar .card .logo{

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);

    padding: 14px 16px;

    border-radius: 7px;

    margin: 0 10px 0 0;

    max-width: 113px;

    width: 100%;

}



.sertifikalar .card span, .sertifikalar .card p{

    font-size: 15px;

    line-height: 24px;

    color: #98A4AC;

}

.sertifikalar .card b{

    color: #374957;

}



.sertifikalar .card a{

    display: flex;

    align-items: center;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    max-width: 114px;

    width: 100%;

    height: 40px;

    border-radius: 16px;

    border: 1px solid var(--page-btn-color);

    background: var(--page-btn-color);

}



.sertifikalar .card a:hover{

    background: #fff;

    

}



.sertifikalar .card span{

    margin: 0 0 12px;

    display: block;

}



.sertifikalar .card a i{

    display: flex;

    margin: 0 0 0 8px;

}



.sertifikalar .card:hover{

    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.5);

}



.hesabim .form{

    padding: 24px 40px;

}



.hesabim .form .head-item,.odeme .form .head-item{

    padding: 0;

}



.hesabim .form h1{

    margin: 0;

    font-size: 20px;

    line-height: 24px;

}

.hesabim .form p{

    font-weight: 400;

    margin: 12px 0 0;

    color: #474444;

}

.navbar-toggler{

    display: none;

}



.navbar-toggler i{

    color: var(--page-btn-color);

}

.form-control:focus{

    background-color: transparent;

}



.mobile-table-link{

    display: none;

    color: #FFA301;

    font-size: 10px;

    line-height: 14px;

    font-weight: 600;

    margin: 12px 0 0;

    text-decoration: underline;

}

.mfp-bg{

    z-index: 9999999 !important;

}



.read-more{

    display: none;

    color: var(--page-btn-color);

    font-size: 14px;

    text-decoration: underline;

    font-weight: 600;

}



.iletisim .card{

    padding: 30px;

    margin: -7em auto 50px;

    border-radius: 30px;

}



.iletisim .card{

    max-width: 850px;

    width: 100%;

}



.iletisim .card .row.top{

    gap: 45px;

}



.iletisim .form-group{

    width: 100%;

}



.iletisim .map iframe{

    border-radius: 16px;

}



.iletisim h2{

    font-size: 20px;

    line-height: 30px;

    font-weight: 600;

    color: var(--page-btn-color);

}



.iletisim p, .iletisim a{

    color: #010101;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    transition: color 0.2s ease-out;

}



.iletisim .mail-phone a{

    display: block;

    width: max-content;

}



.iletisim .scm-links, .iletisim .mail-phone{

    margin:20px 0 0;

}



.iletisim .mail-phone a:hover{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in;

}





.iletisim .form-group .btn-purple{

    max-width: 276px;

    margin: 0 0 0 auto;

}



.iletisim .form-group .row.top{

    gap: 10px;

}



.iletisim .form-group h2{

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

}



.iletisim .map{

    padding: 0;

}



.iletisim .checkbox a{

    color: #316CF4;

    transition: color 0.2s ease-out;

}



.iletisim .checkbox a:hover{

    color: var(--form-btn-color);

    transition: color 0.2s ease-in;

}



.iletisim .checkbox p{

    margin: 0;

}



.aydinlatma-metni .card{

    padding: 40px 30px;

    margin: -7em 0 64px;

}



.aydinlatma-metni h2{

    font-size: 20px;

    line-height: 24px;

    color: var(--page-btn-color);

    font-weight: 700;

    margin: 30px 0 0;

}





.aydinlatma-metni p,.aydinlatma-metni ul li,.aydinlatma-metni a{

    font-size: 18px;

    margin: 0;

    color: #000;

    font-weight: 400;

    transition: color 0.2s ease-out;

}



.aydinlatma-metni a:hover{

    color: var(--page-btn-color);

    transition: color 0.2s ease-in;

}



.sepetim .quantity{

    max-width: 120px;

    width: 100%;

    border: 1px solid #D9D9D9;

    border-radius: 80px;

    background: none;

    overflow: hidden;

    height: 40px;

}

.sepetim .input-group-text,.sepetim .qty-input{

    border: none;

    display: block;

}



.sepetim .input-group-prepend .input-group-text{

    border-right: 2px solid #D9D9D9;

    padding: 7px 11px 0;

}



.sepetim .input-group-append .input-group-text{

    border-left: 2px solid #D9D9D9;

    padding: 7px 11px 0;

}



.sepetim table .row{

    gap: 24px;

}



.sepetim table .text h3{

    font-size: 14px;

    line-height: 24px;

    color: #010101;

    font-weight: 600;

}





.sepetim table .text p{

    font-size: 12px;

    line-height: 20px;

    color: #98A4AC;

    font-weight: 400;

}



.sepetim .sepet-detay,.odeme .sepet-detay{

    margin: 24px 0 0;

}



.sepetim table tbody{

    border: none;

}



.sepetim .input-group-text{

    background:none;

    user-select: none;

}



.sepetim input{

    height: auto;

}



.sepetim .qty-input:focus{

    box-shadow: none;

    border: none;

}



.sepetim .btn-purple{

    max-width: inherit;

    width: 100%;

}



.sepet-detay .form .content .btn-purple{

    background: var(--page-btn-color);

}



.sepet-detay .form .content .btn-purple:hover{

    background: #fff;

}



.odeme .form{

    padding: 24px 30px;

}







.hesabim .form-group label{

    margin: 16px 0 12px;

}



.hesabim .desc{

    display: none;

}



.hesabim .form-group .row:nth-child(2){

    margin: 16px 0 0;

}

.hesabim .btn-purple{

    background: var(--page-btn-color);

    font-weight: 400;

}



.hesabim .form-group{

    margin: 30px 0 0;

}



.siparisler-tabs .nav-link, .kuponlar-tabs .nav-link{

    border-radius: 100px;

    border: 1px solid #D9D9D9;

    color: #010101;

    font-size: 16px;

    line-height: 16px;

    padding: 12px;

}



.siparisler-tabs .nav-link.active,.siparisler-tabs .nav-link:hover, 

.kuponlar-tabs .nav-link.active,.kuponlar-tabs .nav-link:hover{

    border-color: var(--page-btn-color);

    color: var(--page-btn-color);

}



.siparisler-tabs .nav-tabs,.kuponlar-tabs .nav-tabs{

    border: none;

    gap: 12px;

    margin: 16px 0 0;

}



.siparisler .table{

    border-style: hidden;

}



.siparisler table{

    margin: 24px 0 0;

}



.siparisler .badge{

    border-radius: 8px;

    background: #D8F4EA;

    color: #3BAF8C;

    font-size: 12px;

    line-height: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 400;

    height: 32px;

    transition: background 0.2s ease-out, color 0.2s ease-out;

    cursor: default;

    font-weight: 500;

}





.siparisler table th,.siparisler table td{

    border: none;

}



.siparisler table th{

    color: #010101;

}



.siparisler table td{

    color: #98A4AC;

}



.siparisler .table-area{

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.siparisler .table-area .islem,.siparisler .table-area .durum{

    display: flex;

    align-items: center;

}



.siparisler .table-area b{

    margin: 0 6px 0 0;

    font-size: 12px;

    line-height: 16px;

    color: #000;

}



.siparisler .form .table-area p{

    font-size: 10px;

    line-height: 16px;

    color: #98A4AC;

    margin: 0;

}



.siparisler .table-area .badge{

    padding: 8px;

    font-size: 9px;

    line-height: 14px;

    height: 16px;

    border-radius: 4px;

}



.siparisler .link{

    background: #D8F4EA;

    color: #3BAF8C;

    width: 30px;

    height: 30px;

    min-width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    transition: background 0.2s ease-out, color 0.2s ease-out;

}



.siparisler table .badge:hover{

    background: #2f725b;

    color: #ffffff;

    transition: all 0.2s ease-in;

}



.siparisler table .link:hover{

    background: #2f725b;

    transition: background 0.2s ease-in;

}



.siparisler table .link:hover i{

    color: #ffffff;

    transition: color 0.2s ease-in;

}



.siparisler .table-area .link{

    width: 20px;

    height: 20px;

    min-width: 20px;

}



.siparisler-tabs .tab-content.mobile{

    display: none;

}



.siparisler table .link i,.siparisler .table-area i{

    display: flex;

}



.siparisler-mobile{

    border: 1px solid #E8ECEF;

    border-radius: 8px;

    margin: 16px 0 0;

    padding: 10px 7px;

}

.siparisler-mobile .item{

    margin: 0 10px 0 0;

}



.siparisler-mobile .item p:first-child{

    margin: 0 0 8px;

}



.siparisler .nav-tabs.mobile{

   display: none;

}



.siparisler .tab-content.mobile{

    display: none;

}



.favoriler .form .card{

    box-shadow: none;

    border: 1px solid #ECF3F8;

    padding: 16px;

}



.favoriler .card .info{

    align-items: flex-start;

}



.favoriler .card h2{

    font-weight: 500;

}



.favoriler .card span,.favoriler .card p{

    font-weight: 300;

    color: #98A4AC;

}



.favoriler .card .logo{

    max-width: 168px;

    width: 100%;

    position: relative;

    margin: 0 11px 0 0;

}

.favoriler .card .logo i{

    position: absolute;

    top: 8px;

    right: 8px;

    font-size: 17px;

    color: #FF070B;

}



.favoriler .card .logo i::before{

    color: #FF070B;

}



.favoriler .card .btn-purple{

    font-weight: 400;

    font-size: 14px;

    line-height: 20px;

    height: 40px;

}



.favoriler .card .btn-purple i{

    display: flex;

    margin: 0 0 0 12px;

}



.favoriler .card .favori-kaldir{

    max-width: 167px;

    width: 100%;

}



.favoriler .card .goruntule{

    max-width: 124px;

    width: 100%;

}



.favoriler .form .text p,.favoriler .form .text span{

    margin: 8px 0 0;

    font-size: 14px;

}



.favoriler .btn-area{

    gap: 12px;

}



.favoriler .card-area{

    margin: 30px 0 0;

}



.kuponlar .card{

    flex-direction: row;

    

}



.kuponlar .card .info{

    align-items: flex-start;

}



.kuponlar .card .logo{

    min-width: 148px;

    width: 148px;

    height: 139px;

    overflow: hidden;

    border-radius: 8px;

}



.kuponlar .card .btn-purple{

    max-width: 200px;

    width: 100%;

    font-weight: 500;

    font-size: 14px;

    height: 40px;

}



.kuponlar .card-area{

    margin: 12px 0 0;

}



.kuponlar .card .btn-purple i{

    margin: 0 0 0 4px;

    display: flex;

}



.kuponlar .card .logo{

    margin: 0 20px 0 0;

}



.kuponlar .card h2{

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

    color: #98A4AC;

    margin: 0;

}



.kuponlar .card span, .kuponlar .card p{

    margin: 0;

    font-size: 14px;

    line-height: 16px;

    color: #98A4AC;

}



.kuponlar .coupon-code{

    font-weight: 300;

}



.kuponlar .card{

    margin: 8px 0 0;

    box-shadow: none;

    border: 1px solid #E8ECEF;

    padding: 16px;

}



.kuponlar .card:first-child {

    margin: 0;

}



.kuponlar .card b{

    font-weight: 700;

    font-size: 20px;

}



.kuponlar .card span{

    margin: 4px 0 0;

    display: block;

}



.kuponlar .card span b{

    font-weight: 400;

    color: #485367;

    margin: 0 4px 0 0;

    font-size: 14px;

}



.kuponlar .form .card p{

    margin: 6px 0 0;

    font-size: 12px;

}



.kuponlar .btn-purple.mobile{

    display: none;

}



.hesap-ayarlari .form .form-group .col-lg-12,.sifre-ayarlari .form .form-group .col-lg-12{

    padding: 0;

}



.hesap-ayarlari .form .form-group .row:nth-child(2){

    margin: 20px 0 0;

}



.hesap-ayarlari .form .form-group .row:first-child{

    margin: 0;

}



.hesap-ayarlari .form .form-group .row{

    margin: 20px 0 0;

}



.hesap-ayarlari .form .form-group label{

    margin: 0 0 12px;

}



.hesap-ayarlari .btn-purple,.sifre-ayarlari .btn-purple{

    width: 100%;

    margin: 34px 0 0;

}





.hesap-ayarlari .btn-purple:focus,.sifre-ayarlari .btn-purple:focus,.adres-bilgileri .btn-purple:focus{

    border:1px solid var(--page-btn-color);

}

.sifre-ayarlari .btn-purple.disabled:focus,.sifre-ayarlari .btn-purple.disabled:focus,

.hesap-ayarlari .btn-purple.disabled:focus,.hesap-ayarlari .btn-purple.disabled:focus,

.adres-bilgileri .btn-purple.disabled:focus,.adres-bilgileri .btn-purple.disabled:focus{

    border-color:#FFFFFF;

}





.sifre-ayarlari .password-input i{

    top: 49px;

}

/* 

.sifre-ayarlari .eye-slash::after{

    top: 60px;

    right: 7px;

    width: 35px;

} */



.sifre-ayarlari .password-input span{

    font-size: 14px;

    line-height: 16px;

    color: #000;

    display: block;

    margin: 12px 0 0;

}

.sifre-ayarlari .password-input label{

    margin: 16px 0 0;

}

.sifre-ayarlari .form-group{

    margin: 14px 0 0;

}



.error-txt{

    color: #CD4106;

    margin: 12px 0 0;

    display: block;

    font-size: 14px;

    line-height: 16px;

}



.sifre-yenileme-mesaj span{

    display: block;

    margin: 16px 0 0;

}



.sifre-mesaj .form .sifre-yenileme-mesaj{

    color: #98A4AC;

    height: 100%;

}



.sifre-mesaj .form p{

    color: #98A4AC;

}



.adres-bilgileri i{

    display: flex;

}



.adres-bilgileri .yeni-ekle{

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

}



.adres-bilgileri .yeni-ekle h1{

    font-size: 16px;

    margin: 0 14px 0 0;

}



.adres-bilgileri .yeni-ekle i{

    font-size: 16px;

    transform: rotate(0);

    transition: transform 0.2s ease-out;

    color: var(--page-btn-color);

}



.adres-bilgileri .yeni-ekle:hover h1,.adres-bilgileri .yeni-ekle:hover i{

    color: #6544f1;

    transition: color 0.2s ease-in;

}

.adres-bilgileri .yeni-ekle:hover i{

    transform: rotate(180deg);

    

    transition: transform 0.2s ease-in;

}



.adres-cards{

    margin: 30px 0 0;

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 16px;

}



.adres-cards .card{

    max-width: 41%;

    min-width: 41%;

    box-shadow: none;

    border: 1px solid #D9D9D9;

    border-radius: 16px;

    overflow: hidden;

}



.adres-cards .card-header{

    background: #E4E9ED;

    padding: 16px;

}



.adres-cards .btn-sil i{

    margin: 0 0 0 4px;

}



.adres-cards h2{

    font-size: 16px;

    font-weight: 600;

    color: #010101;

    margin: 0;

}



.adres-cards .card-body{

    padding: 16px;

}

.adres-cards .card-body h3{

    font-size: 14px;

    line-height: 16px;

    font-weight: 600;

    color: #010101;

}

.adres-cards .card-body p,.adres-cards .card-body span{

    font-size: 12px;

    line-height: 16px;

    color: #010101;

}

.adres-cards .card-body span{

    margin: 8px 0 0;

    display: block;

}

.adres-cards .card-footer{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: none;

    gap: 12px;

    margin: 10px 0 0;

}



.adres-cards .btn-purple{

    max-width: 153px;

    width: 100%;

    height: 32px;

    font-size: 12px;

    line-height: 14px;

}



.adres-cards .btn-purple.disabled i{

    color: #1c1c1c;

    margin: 0 0 0 4px;

}



.adres-bilgileri .adres-cards .btn-geri i{

    color: #fff;

}



.adres-cards .btn-purple.disabled:hover,.adres-bilgileri .form-group .btn-geri:hover{

    background: #fff;

    border-color: #374957;

}



.adres-bilgileri .form .col-lg,.adres-bilgileri .form .col-lg-12{

    padding: 0;

}



.adres-bilgileri .form .row{

    margin: 0;

}



.adres-bilgileri .form .row:nth-child(2){

    margin: 0;

}



.adres-bilgileri .form-group .btn-area{

    width: 100%;

    gap: 10px;

}



.adres-bilgileri .form-group .btn-purple{

    width: 100%;

    max-width: inherit;

}



.adres-bilgileri .form-group .btn-geri{

    cursor: pointer;

    pointer-events: inherit;

}



.adres-bilgileri .message{

    display: flex;

    align-items: center;

    justify-content: flex-start;

    background: #D8F4EA;

    padding: 16px;

    border-radius: 12px;

    margin: 0 0 8px;

}

.adres-bilgileri .message span{

    color: #3BAF8C;

    font-size: 14px;

    line-height: 16px;

}

.adres-bilgileri .message i{

    margin: 0 8px 0 0;

    color: #3BAF8C;

}

.cp-text { 
    font-size: 16px; 
    font-weight: 400; 
    text-align: right; 
    margin: 24px 40px 0 0;
    align-items: center;        /* Dikey ortalama */
    justify-content: flex-end; 
    white-space: nowrap; 

    
} 


.cp-text img{
    margin: 0 12px 0;
    
    
}

.odeme-formu-link{
    color: #3BAF8C;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    font-weight: 700;
}

.odeme-formu-link:hover{
    color: #3BAF8C;
    text-decoration: none;
}

.lang{
    margin: 0 16px 0 10px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}
.lang.mobile{
    display: none;
}
.lang .head-item i{
    display: inline-flex;
    transition: transform 0.2s ease-out;
}

.lang .head-item:not(.collapsed) i{
    transform: rotate(-180deg);
    transition: transform 0.2s ease-in;
}


.lang-menu{
    position: absolute;
    top: 26px;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 14px;
    border-radius: 8px;
}

.lang-menu ul li{
    color: var(--page-btn-color);
    margin: 16px 0;
}

.lang-menu ul li.active{
    font-weight: 700;
}

.lang i,.lang span{
    color: var(--page-btn-color);
}

.lang span{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.lang:hover::after{
   display: block;     
}

.kurs-detay .swiper.first .card{
    height: 520px;
}
.banka-hesaplari .account{
    margin: 28px 0 80px;
}

.banka-hesaplari .body{
    padding: 30px 40px;
}

.banka-hesaplari .inner-border{
    border: 1px solid #E8ECEF;
}

.banka-hesaplari .outer-border{
    border-radius: 12px;
}

.banka-hesaplari .inner-border{
    border-radius: 16px;
    padding: 24px;
}

.banka-hesaplari .inner-border .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.banka-hesaplari .inner-border b,.banka-hesaplari .inner-border p{
    font-size: 16px;
    line-height: 24px;
    color: #474444;
    margin: 0;
}

.banka-hesaplari .inner-border b{
    color: #000;
    width: 100px;
}

.banka-hesaplari .inner-border p{
    font-weight: 400;
}

.banka-hesaplari .inner-border .content .row{
    padding: 16px;
}

.banka-hesaplari .inner-border .col-lg,.banka-hesaplari .inner-border .col-lg-4{
    padding: 0;
}

.banka-hesaplari .inner-border .row i,.banka-hesaplari .file-block i{
    color: #979797;
    cursor: pointer;
}
.banka-hesaplari .inner-border .row.IBAN{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banka-hesaplari .inner-border .row.IBAN .txt,.banka-hesaplari .inner-border .row.IBAN .mobile-code{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.banka-hesaplari .inner-border .row.IBAN .mobile-code{
   justify-content: space-between;
  
}

.banka-hesaplari .eft-form{
    margin: 24px 0 0;
}

.banka-hesaplari .eft-form h2{
    font-size: 20px;
    line-height: 24px;
}

.banka-hesaplari .form-area {
    margin: 24px 0 0;
     gap: 40px;
}

.banka-hesaplari .form-area .text{
    padding: 0;
}

.banka-hesaplari .form-area .text .row{
    margin: 16px 0 0;
}

.banka-hesaplari .form-area .text .row:first-child{
    margin: 0;
}

.banka-hesaplari .form-area .text img{
    margin: 0 8px 0 0;
}
.banka-hesaplari .form-area .text p{
    margin: 0;
    font-weight: 400;
}
.banka-hesaplari .form-group .row{
    margin: 16px 0 0;
}

.banka-hesaplari .form-group, .banka-hesaplari .form-group .row .col-lg, .banka-hesaplari .form-area .row .col-lg{
    padding: 0;
}


.banka-hesaplari .form-group .row:first-child{
    margin: 0;
}

.banka-hesaplari .form-group .row.dogrulama{
    gap: 24px;
}

.banka-hesaplari [type=file]{
    display: none;
}

.banka-hesaplari .file-block{
    padding: 14px 16px;
    transition: border-color 0.2s ease-out;
    cursor: pointer;
}

.banka-hesaplari .file-block i{
    position: absolute;
    top: 0;
    right: 0;
}

.banka-hesaplari .file-block label{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin: 0;
    color: #818181;
    font-size: 14px;
    line-height: 16px;
}
.banka-hesaplari .file-block:hover{
    border-color: var(--page-btn-color);
    transition: border-color 0.2s ease-in;
}

.banka-hesaplari .btn-purple{
    background: var(--page-btn-color);
}

.banka-hesaplari .inner-border:first-child{
    margin: 0;
}

.banka-hesaplari .inner-border{
    margin: 30px 0 0;
}
.sifre-yenile .head-item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.sifre-yenile .head-item h1{
    margin: 0 0 12px;
}
.sifre-yenile .btn-area{
    gap: 30px;
}
.sifre-yenile .circle{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--page-btn-color);
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 100%;
    margin: 0 0 50px;
}

.sifre-yenile .circle i{
    font-size: 40px;
    display: flex;
}
.sifre-yenile .form{
    padding: 40px 24px;
}

.sifre-yenile .btn-area{
    gap: 30px;
}

.sifre-yenile .btn-purple{
    width: 100%;
    background: var(--page-btn-color);
}

.sifre-yenile .btn-geri{
    background: #dfdfdf;
    border-color: #ffff;
    color: #656565;
}
.sifre-yenile-mesaj .btn-purple:hover,.sifre-yenile .btn-purple:hover{
    background-color: #fff;
    color: var(--page-btn-color);
    border-color: var(--page-btn-color);
}
.sifre-yenile .btn-geri:hover{
    background: #fff;
    border-color: #dfdfdf;
    color: #656565;
}
.sifre-yenile-mesaj .form{
    padding: 114px 24px 0;
}
.sifre-yenile-mesaj .circle{
    margin: 0 0 66px;
}


/*--- Hesaplar ve diğer güncellenen css ler --- */

.hakkimizda-page .banner h1{
    margin: 0;
}
.hakkimizda-page .banner .row{
    margin: 4em 0 0;
}

/* Responsive & Mobile */

@media screen and (max-width:1500px){

    .egitmen-basvuru .card.second, .egitmen-basvuru .card.third{

        right: -1%;

    }

    

}





@media screen and (max-width:1440px){

    .contact a,p{

        font-size: 14px;

    }

    .egitim-detay .info p{

        font-size: 16px;

    }

    footer h3{

        font-size: 20px;

    }

    .footer-logo p{

        font-size: 13px;

    }



    /* --- Güncellendi --- */

    .page-links a,.page-links .dropdown button:focus, .show>.btn-secondary.dropdown-toggle,.page-links .dropdown button{

        font-size: 13px;

    }

    footer{

        padding: 80px 30px;

    }

    .sertifikalar .img{

        width: 142px;

        height: 120px;

        min-width: 142px;

    }

    .page-links ul, .page-links .dropdown{

        gap: 16px;

    }

    .btn-login{

        margin: 0 10px 0 0;

    }

    .btn-login, .btn-register{

        padding: 6px 8px;
        font-size: 13px;

    }
    .lang span, .lang i{
        font-size: 16px;
    }

    header .btn-sepet i{

        font-size: 16px;

    }

    .lang{
        margin: 0 9px 0 0px;
    }

}





@media screen and (max-width:1360px){

    .tab-container .nav-item{

        min-width: 17.5%;

        width: 17.5%;

    }

    .egitimler .tab-container .card{

     

        max-width: 33%;

    }

}



@media screen and (max-width:1260px){

        .card-wrapper{

           gap: 20px;     

        }

        .about-cards .card{

            flex: 0 0 100%;

            max-width: 100%;

        }



        .sinav-detay #yaklasan_sinavlar .row{

            flex-direction: column;

            align-items: flex-start;

            gap: 12px;

        }

        

        .sinav-detay #yaklasan_sinavlar .col-lg-2{

            max-width: 100%;

            flex: 0 0 100%;

            text-align: left;

        }

        .sinav-detay .btn-info,  .sinav-detay #yaklasan_sinavlar .btn-purple{

            margin: 0 auto 0 0;

        }

        .egitmen-basvuru .card.third{

            top: -7%;

        }

        .egitmen-basvuru .card.second, .egitmen-basvuru .card.third{

            right: 4%;

        }

}





@media screen and (max-width:1180px){

    .sinavlar-cards .card{

        max-width: 47.7%;

        min-width: 47.7%;

    }

    .favoriler .card .btn-purple{

        font-size: 12px;

    }

    .favoriler .card .favori-kaldir{

        max-width: 130px;

    }

    

    .favoriler .card .goruntule{

        max-width: 100;

    }



    .favoriler .card .btn-purple i{

        margin: 0 0 0 6px;

    }

}



@media screen and (max-width: 1150px){
        .btn-area img{
            width: 16px;
            height: 16px;
            min-width: 16px;
        }
        .lang span, .lang i{
            font-size: 14px;
        }
        #home{

            padding: 0 0 50px;

        }

        .card-wrapper span{

            font-size: 18px;

        }

        .card-wrapper p{

            font-size: 14px;

        }

        .tab-container .nav-link{

            font-size: 14px;

            white-space: normal;

        }

        .cards-wrapper h3{

            font-size: 20px;

        }

        .kurslar .tab-container .card{

            flex: 0 0 32%;

            max-width: 32%;

        }

        .egitimler .tab-container .card{

           

            max-width: 33%;

        }

        /* .page-links a, .page-links .dropdown button{

            font-size: 14px;

        } */

      #home .banner h1{

        font-size: 40px;

        line-height: 65px;

      }

      /* --- Güncellendi --- */

      .siparisler table td{

        padding: 9px;

        font-size: 14px;

      }

      .siparisler table th{

        padding: 9px;

      }

}



@media screen and (max-width:1150px){

    .egitimler .tab-container .card{

        max-width: 50%;

    }



    .hakkimizda-page .banner .logo{

        margin: 0px 0 0 60px;

    }



    .hakkimizda-page .banner h1{

        font-weight: 700;

         font-size: 41px;

         line-height: 60px;

         color: #010101;

    }



     .hakkimizda-page .banner p{

        font-size: 16px;

    }

    .hakkimizda-page .content{

        margin: 3.5em 0 0;

    }

    .about-cards h2{

        font-size: 45px;

    }

    .about-cards h3{

        font-size: 26px;

    }

}



@media screen and (max-width:1024px){}



/* --- Burayı komple al --- */

@media screen and (max-width:991px){

  


    
    #home{

        padding: 40px 0 50px;

    }

   

    .navbar-toggler{

        display: block;

        outline: none;

        border: none;

    }

    

    .navbar-toggler:focus{

        outline: none;

    }

    

    header .btn-area .btn-login,header .btn-area .btn-sepet{

        display: none;

    }

   

    

  



    header .row{

        flex-wrap: nowrap;

    }



    .navbar-expand-lg{

        display: block;

    }

   



    .navbar-collapse.collapsing .navbar-nav {

        display: flex;

        position: fixed;

        top: 0;

        bottom: 0;

        right: -70%;

        transition: right 0.35s ease;

    }



    .navbar-collapse.show .navbar-nav {

        position: fixed;

        top: 0;

        bottom: 0;

        right: 0;

        flex-direction: column;

        height: auto;

        width: 100%;

        max-width: 272px;

        transition: right 0.35s ease;

        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    }



    .navbar-expand-lg .nav-item{

        padding: 4px 0;

        border-bottom: 1px solid #ddd;

    }

    

    .navbar-light .navbar-nav .nav-link{

        font-weight: 600;

        font-size: 18px;

        padding: 0;

    }

    .navbar-light .nav-menu{

        padding: 12px 0 12px 12px;

    }

    .navbar-expand-lg .dropdown-toggle{

        background: none;

        border: none;

        padding: 0;

        color: rgba(0,0,0,.5);

        font-weight: 600;

        font-size: 18px;

    }



    .navbar-expand-lg i{

        color: var(--page-btn-color);

    }

   

   .page-links{

        display: none;

   }

    .footer-logo,.page-links.footer,.contact{

        margin: 0 0 20px;

    }

    

    .giris-yap .logo img, 

    .kayit-ol .logo img{

        width: 100%;

    }





   

        .banner h1{

            font-size: 30px;

            line-height: 50px;

            margin: 0;

            

        }

        .banner p{

            font-size: 16px;

           

        }

        .banner h1,.banner p{

            text-align: left;

        }

        .banner .row{

            flex-wrap: inherit;

        }



        .bilgi-talep .content{

            right: 23px;

            left: auto;

            top: -45px;

        }

       

        .bilgi-talep .right-block .img{

            margin: 30px 0 0;

        }



        .bilgi-talep .right-block .img img{

            width: 100%;

        }

        

        .bilgi-talep .right-block .content img{

            width: auto;

        }

        

        /* .faq .content{

            display: block;

        } */



        .faq h2{

            width: 100%;

        }



        .kurslar .tab-container .card{

            flex: 0 0 50%;

            max-width: 50%;

        }



        .kurslar .tab-container .card{

            width: 48%;

            max-width: 49%;

            flex: auto;

        }



        .giris-yap .logo, .giris-yap .form, .kayit-ol .logo, .kayit-ol .form{

            box-shadow: none;

        }

        .giris-yap, .kayit-ol{

            padding: 30px 0 0;

        }

        .page-links.footer{

            display: block;

        }

        footer{

            margin: 0 0 28px;

            border-radius: 0;

        }

       

        header{

            border-bottom: none;

            box-shadow: 0 4px 10px #E8ECEF;

        }

        .hakkimizda-page .banner .logo{

            display: none;

        }

        .hakkimizda-page .banner h1{

            margin: 30px 0 0;

            font-size: 16px;

            line-height: 20px;

        }

        .hakkimizda-page .banner .row{
            margin: 0;
        }

        .hakkimizda-page .banner p{

            margin: 8px 0 0;

            font-size: 14px;

            line-height: 20px;

        }

        

        .hakkimizda-page .banner ul{

            margin: 16px 0 0;

            justify-content: center;

        }

        

        .hakkimizda-page .banner ul li span{

            font-size: 20px;

            line-height: 24px;

        }

        

        .hakkimizda-page .banner ul li p{

            font-size: 12px;

            margin: 0;

            text-align: left;

        }

        

        .hakkimizda-page .banner .content p{

            font-size: 12px;

        }



        .hakkimizda-page .banner ul li span{

            justify-content: flex-start;

        }



        .hakkimizda-page .content{

            margin: 40px 0 0;

        }

        .odometer.odometer-auto-theme .odometer-digit{

            padding: 0 2px;

        }

        .odometer.odometer-auto-theme .odometer-digit:first-child{

            padding: 0 2px 0 0;

        }

        

        .odometer.odometer-auto-theme .odometer-digit:last-child{

            padding: 0 0 0 2px;

        }



        .about-cards h2{

            font-size: 20px;

            line-height: 34px;

            margin: 40px 0 20px;

        }

        .about-cards h2 span:first-child{

            background: #ffe4b3;

        }

        .about-cards h2 span{

            background: none;

        }

        

     

        .about-cards .row{

            gap: 27px;

            justify-content: center;

        }



        .about-cards .card {

            flex: none;

            max-width: 47%;

            min-width: 47%;

            flex-direction: column;

            align-items: flex-start;

            justify-content: inherit;

            padding: 12px;

        }



        .about-cards .card .img{

            margin: 0 0 8px;

            width: 40px;

            height: 40px;

            min-width: 40px;

        }

        .about-cards h3{

            font-size: 13px;

            line-height: 20px;

            margin: 0;

        }

        .about-cards p{

            font-size: 9px;
            line-height: 15px;

        }

        .egitmen-basvuru .content p{

            font-size: 20px;

            line-height: 30px;

        }

        .egitmen-basvuru .content h2{

            font-size: 30px;

            line-height: 45px;

        }

        .egitmen-basvuru .card{

            padding: 20px 20px;

        }

        .egitmen-basvuru .card.second, .egitmen-basvuru .card.third{

            right: -1%;

        }

        .cards-wrapper .link{

            font-size: 14px;

        }

        .blog .cards-wrapper .card{

            flex:0 0 48%;

            max-width: 48%;

        }

        .blog .cards-wrapper h3{

            font-size: 16px;

        }

        .blog .cards-wrapper img{

            width: 100%;

        }

        .blog-detay .text h3{

            font-size: 24px;

        }

        .blog-detay .content p{

            font-size: 18px;

        }

        .blog-detay .card h3{

            font-size: 22px;

        }

        .blog-detay .text p{

            font-size: 18px;

        }

        .blog-detay .slider-head h2{

            font-size: 28px;

        }

        .sinavlar-cards .card{

            max-width: 100%;

            min-width: 100%;

        }

        .form-field.baslangic, .form-field.bitis{

            max-width: inherit;

            width: 100%;

        }

        #sinav_yeri .select2-container{

            width: 100% !important;



            

        }

        .filter .btn-search{

            margin: 0 0 0 auto;

        }

        .sinav-detay .img.mobile{

            display: block;  

            text-align: left;

        }

    

        .sinav-detay .img.desktop{

            display: none;

        }

       

        .kurslar .tab-container .nav-tabs, .tab-container.takvim .nav-tabs{

            flex-wrap: nowrap;

            overflow-x: auto;

            overflow-y: hidden;

            gap: 16px;

            max-width: 900px;

            width: 100%;

            justify-content: flex-start;

            margin: 0;

        }

        

        .tab-container .nav-tabs::-webkit-scrollbar{

            display: none;

        }

        

        .kurslar .tab-container .nav-item, .tab-container.takvim .nav-item{

            min-width: 200px;

        }

        

        .kurslar .tab-container .nav-link{

            font-size: 12px;

        }



        .nav-tabs .nav-item{

            margin-bottom: 0;

        }

        .form-field.baslangic, .form-field.bitis{

            border-radius: 9px;

            justify-content: space-between;

        }

        .sinav-detay #yaklasan_sinavlar .body.desktop{

            display: none;

        }

        #yaklasan_sinavlar .popup-modal{

            display: block;

        }

        #yaklasan_sinav_modal{

            padding: 12px;

            border-radius: 19px;

        }

        #yaklasan_sinav_modal .btn-info{

            max-width: 120px;

            font-size: 12px;

        }

        #yaklasan_sinav_modal .badge{

            margin: 12px 0 0;

        }

        #yaklasan_sinav_modal .btn-purple,#yaklasan_sinav_modal .btn-purple i{

            margin: 0 auto 0 8px;

            height: 34px;

            font-size: 12px;

            line-height: 20px;

            font-weight: 400;

        }



        #yaklasan_sinav_modal .btn-purple i{

            display: flex;

            height: auto;

        }



        #yaklasan_sinav_modal .btn-purple:hover i{

            color: var(--page-btn-color);

        }

        

        #yaklasan_sinav_modal .row{

            justify-content: space-between;

        }

        

        #yaklasan_sinav_modal .body span{

            font-size: 20px;

            line-height: 24px;

            font-weight: 600;

        }



        #yaklasan_sinav_modal .row.odd{

            background: #F5F8FA;

        }

        

        #yaklasan_sinav_modal .row:first-child{

            margin: 0;

        }



        #yaklasan_sinav_modal .body .badge span{

            font-size: 14px;

            font-weight: 400;

        }

        

        #yaklasan_sinav_modal .btn-area{

            margin: 12px 0 0;

        }



        #yaklasan_sinav_modal .body i{

            font-size: 14px;

        }

        .yaklasan-sinav-modal{

            display: block;

            font-size: 14px;

        }



        .odeme .row{

            gap: 16px;

        }



        .odeme .form-group label{

            margin-top: 10px;

        }



        .odeme  aside{

            margin: 12px 0 0;

        }

        #kayitliFaturaAccordion .head-item h2{

            margin: 0;

        }
        .banka-hesaplari .form-area{
            gap: 16px; 
            flex-direction: column-reverse;   
            margin:  0;
        }
        .banka-hesaplari .inner-border .row{
            gap: 30px;
        }
        .banka-hesaplari .eft-form{
            padding: 11px 13px;
        }
        .banka-hesaplari .eft-form h2{
            font-size: 14px;
            line-height: 20px;
            margin: 0;
        }
        
        .banka-hesaplari .inner-border{
            margin: 16px 0 0;
        }
        
        .banka-hesaplari .form-group{
            margin: 8px 0 0;
        }

        .banka-hesaplari .file-block {
            padding: 9px 7px;
        }
        .banka-hesaplari .file-block label{
            font-size: 12px;
            line-height: 20px;
        }
        .banka-hesaplari .form-group .row{
            margin: 10px 0 0;
        }
        .banka-hesaplari .form-group .row.dogrulama{
            flex-wrap: nowrap;
        }

}







@media screen and (max-width: 860px){
    
    .slider-text {
    position: absolute;
    bottom: 20px; /* görselin alt kenarından uzaklık */
    left: 50%;
    transform: translateX(-50%);
    color: #fff; /* beyaz yazı */
    background: rgba(0,0,0,0.5); /* yarı saydam arka plan */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    }

    .cards-wrapper .card{

        flex: 0 0 48.5%;

        max-width: 48.5%;

    }

    .cards-wrapper .link,.cards-wrapper p{

        font-size: 14px;

    }

    .cards-wrapper h3{

        font-size: 15px;

    }

    .blog .cards-wrapper .card{

        flex: 0 0 100%;

        max-width: 100%;

    }

    

}





@media screen and (max-width: 768px) {
    .slider-text {
    position: absolute;
    bottom: 20px; /* görselin alt kenarından uzaklık */
    left: 50%;
    transform: translateX(-50%);
    color: #fff; /* beyaz yazı */
    background: rgba(0,0,0,0.5); /* yarı saydam arka plan */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    }

    .swiper.sertifikalar img{
        height: 72px;
    }

    .kurs-detay .info .image{
        display: none;
    }
    .lang{
        display: none;
    }
    
    .lang.mobile{
        display: block;
        margin: 0 0 0 6px;
    }

    .lang-menu ul li{
        font-size: 14px;
    }

    .kurs-detay .swiper.first .card{
        height: 400px;
    }

    .yaklasan-sinav-modal{

        font-size: 12px;

    }

   

    .breadcrumb{

        margin: 18px 0 0;

    }

    .breadcrumb ul li{

        font-size: 14px;

    }

    .home-link a{

        margin: 0 4px 0 0;

    }

    .breadcrumb ul li::before{

        margin: 0 8px 0;

    }

    footer{

        padding: 16px;

        margin: 0;

        border-bottom: none;

    }

    footer .middle-area{

       width: 100%;

    }

    .footer-logo p{

        font-size: 12px;

        margin: 24px 0 30px;

    }

    footer h3{

        font-size: 16px;

        margin: 0 0 12px;

    }

    footer .page-links a{

        font-size: 12px;

    }

    footer .contact a,footer .contact p{

        font-size: 12px;

        line-height: 14px;

    }



    footer .scm-links{

        margin: 7px 0 30px;

    }

    #home .banner h1{

        font-size: 20px;

        line-height: 30px;

        margin: 0;

    }

    .banner p{

        font-size: 15px;

        font-weight: 300;

        margin: 0;

    }

    

    .card-wrapper{

        grid-template-columns: repeat(2, 48.5%);

        grid-template-rows: repeat(3, 120px);

    }



    .card-wrapper .card:nth-child(1){

        grid-area: 1 / 1 / 2 / 2;

    }

    .card-wrapper .card:nth-child(2){

        grid-area: 1 / 2 / 2 / 3;

    }

    

    .card-wrapper .card:nth-child(3){

        grid-area: 2 / 1 / 3 / 2;

    }

    .card-wrapper .card:nth-child(4){

        grid-area: 2 / 2 / 3 / 3;

    }

    .card-wrapper .card:nth-child(5){

        grid-area: 3 / 1 / 4 / 2;

    }

    .card-wrapper .card:nth-child(6){

        grid-area: 3 / 2 / 4 / 3;

    }

    

    .form-group input::placeholder, 

    .form-group input[type="password"], 

    .form-group input[type="date"],

    .form-group input[type="email"], 

    .form-group input::placeholder, 

    .form-group input[type="password"], .form-group input[type="email"], 

    .form-group input[type="text"], .form-group input[type="tel"], 

    .form-group textarea, .form-group textarea::placeholder,input[type="number"], .form-group textarea:focus{

        font-size: 12px;

        border-radius: 9px;

    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .select2-container--default .select2-results__option--selected,.select2-results__option--selectable{

        font-size: 12px;

    }

    .kayit-ol .row{

        gap: 10px;

    }



    .giris-yap span,.form .form-bottom a{

        font-size: 10px;

    }

    

    .form-group .check-box-effect{

        margin: 0 8px 0 0;

    }



    .btn-purple{

        font-size: 12px;

    }

    

    .giris-yap .password-input i,.kayit-ol .password-input i{

        top: 36px;

    }



    .giris-yap .form, .kayit-ol .form{

       padding: 0; 

    }

    

    .kayit-ol .form-group .head-item, .giris-yap .form-group .head-item{

        margin: 18px 0 0;

    }

    

    .giris-yap p, .kayit-ol p{

        margin: 0;

    }



    .giris-yap h1, .kayit-ol h1{

        font-size: 20px;

        line-height: 24px;

    }

    .giris-yap p, .kayit-ol p{

        font-size: 14px;

        line-height: 14px;

    }

    

    .kayit-ol .checkbox p{

        font-size: 10px;

    }



    .form-group label{

        font-size: 12px;

        line-height: 14px;

    }

     

    header .btn-area .btn-register{

        padding: 0 20px;

        height: 30px;
        font-size: 12px;

    }



    .kayit-ol .form .head-item, .giris-yap .form .head-item{

        margin: 0 ;

    }



    /*--- Güncellendi ---*/

    .form-group .select2-selection--single{

        border-radius: 9px;

        height: 40px;

    } 

    /*--- Güncellendi ---*/



    .select2-container .select2-selection--single .select2-selection__rendered{

        font-size: 12px;

        line-height: 37px;

    }

    .select2-container--default .select2-selection--single .select2-selection__arrow{

        top: 7px;

    }

    #home .card-wrapper .card{

        display: block;

        padding: 24px;

    }

    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{

        width: 10px;

        height: 10px;

        min-width: 10px;

    }

    #home .card-wrapper{

        grid-template-columns: repeat(2, 47%);

        grid-template-rows: repeat(3, auto);

        margin: 2em 0 ;

    }

    #home .card-wrapper span{

        font-size: 15px;

    }

    #home .card-wrapper p{

        font-size: 12px;

    }

    #home .card-wrapper .logo{

        width: 40px;

        height: 40px;

        min-width: 40px;

        margin: 0 0 8px;

    }

    #home .banner h1 span{

        white-space: nowrap;

    }

    #home .banner .logo{

        display: none;

    }

    .swiper-button-prev, .swiper-button-next{

        min-width: 30px;

        width: 30px;

        height: 30px;

    }

    

   



    .swiper-button-prev i, .swiper-button-next i{

        font-size: 14px;

        display: flex;

    }

    

    .hakkimizda{

        padding: 0;

    }

    #home .tab-container h2{

        font-size: 20px;

        line-height: 34px;

    }

    #home .tab-container .nav-link{

        font-size: 12px;

        padding: 0 10px;

    }

    .tab-container.takvim .nav-item{

        width: 100%;

        height: 40px;

    }

    .tab-container.takvim .nav-tabs{

        margin: 10px 0 0;

        flex-wrap: inherit;

    }

    

    .tab-container.takvim table th{

        padding: 20px;

        vertical-align: middle;

        font-size: 16px;

    }

    

    .tab-container.takvim table td{

        font-size: 14px;

        padding: 20px;

    }

    

    .tab-container.takvim .btn-info,.tab-container.takvim .btn-dark{

        font-size: 12px;

        height: 34px;

    }



    .slider-head{

        margin: 0 0 12px;

    }

    .slider-head h2{

        font-size: 16px;

        line-height: 24px;

        margin: 0 10px 0 0;

    }

    .slider-head p{

        display: none;

    }

    .course{

        margin: 30px 0 0;

    }

    .bilgi-talep{

        margin: 40px 0 0;

        padding: 38px 38px 38px 18px;

    }

    

    .bilgi-talep .row{

        flex-direction: column-reverse;

    }



    .bilgi-talep h2{

        font-size: 16px;

        line-height: 24px;

        margin: 12px 0 0;

    }

    .bilgi-talep p{

        font-size: 12px;

        line-height: 16px;

        margin: 4px 0 12px;

    }

    .bilgi-talep .btn-purple{

        margin: 16px 0 0;

        max-width: 144px;

        font-size: 14px;

        line-height: 20px;

        height: 40px;

        font-weight: 500;

    }

    .bilgi-talep .content {

        right: -37px;

        top: 86px;

    }

    .comments{

        margin: 40px 0 0;

    }

    .comments .card-header{

        width: 60px;

        height: 47px;

    }

    .comments .card-body p{

        font-size: 14px;

    }

    .comments .card-footer img{

        width: 50px;

        height: 50px;

        min-width: 50px;

    }

    .comments .card-footer span{

        font-size: 12px;

        line-height: 16px;

        font-weight: 600;

    }

    .page-links.footer ul li{

        margin: 0 0 6px;

    }

    /* .comments .card-footer p{

        font-size: 10px;

    } */

    .banner.egitmen{

        position: relative;

        margin: 40px 0;

    }

    .banner.egitmen::after{

        content: "";

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: rgba(17, 1, 1, 0.3);

    }

    

    .banner.egitmen .content{

        position: relative;

        z-index: 1;

    }



    .banner.egitmen .content h3{

        font-size: 20px;

        line-height: 24px;

        color: var(--color-white);

        text-align: right;

        margin: 0 0 0 27px;

        

    }

    .banner.egitmen  .content .btn-purple{

        margin: 16px 0 0 auto;

        max-width: 155px;

        height: 40px;

    }

    

    



    .hakkimizda .card-footer .left-block a,

    .hakkimizda .card-footer .right-block a

    {

        display: flex;

        width: 17px;

        height: 17px;

        min-width: 17px;

    }

    .swiper{

        padding: 12px;

    }

    .hakkimizda .container{

        padding: 33px 14px;

    }

    #home .card-body{

        padding: 6px 10px;

    }

    #home .card-body img{

        width: 100%;

    }



    .sertifikalar .slider-head h2{

        font-size: 16px;

    }



    .sertifikalar .slider-head{

        margin: 50px 0 0;

    }

    

    .hakkimizda-page{

        margin: 21px 0 50px;

    }

    

    .egitmen-basvuru .card{

        max-width: 150px;

    }

    

    .egitmen-basvuru .content{

        padding: 34px 20px;

        margin: 37px 0 80px;

    }



    .egitmen-basvuru .card span{

        font-size: 14px;

        line-height: 20px;       

    }

    

    .egitmen-basvuru .content h2{

        font-size: 14px;

        line-height: 24px;

    }



    .egitmen-basvuru .text p{

        font-size: 8px;

        line-height: 15px;

    }

    

    .egitmen-basvuru .content p{

        font-size: 14px;

        line-height: 20px;

    }



    .egitmen-basvuru .content .card p{

        font-size: 10px;

    }



    .egitmen-basvuru .card.third{

        top: -32px;

    }



    .egitmen-basvuru .card.first,.egitmen-basvuru .card.second{

        bottom: -12%;

    }

    

    .egitmen-basvuru .card{

        padding: 10px;

    }



    .egitmen-basvuru .form-group, .bilgi-talep-formu .form-group{

        padding: 20px;

        border-radius: 9px;

        margin: 0 0 53px

    }

    

    .egitmen-basvuru .banner,.bilgi-talep-formu .banner,.blog .banner{

        padding: 18px 0 21px;

    }

    

    .blog .banner{

        margin: 0;

    }

    

    .blog .cards-wrapper{

        margin: 33px 0 0;

    }

    

   



    .egitmen-basvuru .banner h1,.bilgi-talep-formu .banner h1,.blog .banner h1,.kurslar .banner h1,.banka-hesaplari .banner h1{

        font-size: 20px;

        line-height: 30px;

        margin: 16px 0 0;

    }

    .egitmen-basvuru .banner p,.blog .banner p,.kurslar .banner p{

        font-size: 14px;

        line-height: 24px;

        margin: 8px 0 0;

    }

    .egitmen-basvuru .form, .bilgi-talep-formu .form{

        border-radius: 9px;

        margin: 24px 0 0;

    }

    .egitmen-basvuru .label{

        max-width: 178px;

    }

    .file-block{

        border-radius: 9px;

    }

    .egitmen-basvuru .label{

        border-radius: 9px 0 0 9px;

    }

    .egitmen-basvuru .form-group p{

        font-size: 12px;

    }

    .blog-detay .banner h1{

        font-size: 20px;

        margin: 16px 0 0;

    }

    .blog-detay .calendar{

        margin: 8px 0 0;

    }

    .blog-detay .calendar p{

        font-size: 16px;

    }

    .blog-detay .img{

        border-radius: 0;

    }

    .blog-detay .content{

        margin: 24px 0 0;

    }

    .blog-detay .content .desc{

        margin: 18px 0 30px;

        font-size: 14px;

        line-height: 25px;

    }

    .blog-detay .text h3{

        font-size: 16px;

        margin: 0 0 12px;

    }

    .blog-detay .text h3:first-child{

        font-size: 16px;

        margin: 0 0 12px;

    }

    .blog-detay .text p, .blog-detay .content p{

        font-size: 14px;

        line-height: 26px;

    }

    .blog-detay .slider{

        margin: 40px 0 0;

    }

    .blog-detay .slider-head h2{

        font-size: 16px;

        line-height: 24px;

    }

    .blog-detay .card h3{

        font-size: 20px;

    }

    .blog-detay .card-body p{

        font-size: 12px;

    }

    .blog-detay .card-body{

        padding: 16px;

    }

    

    .blog-detay .card-footer{

        padding: 0 16px 16px 16px;

    }

    .blog-detay .swiper .card-footer .link{

        font-size: 12px;

    }

    .blog-detay .card{

        height: 386px;

    }

    .filter .btn-search{

       

        height: 40px;

        max-width: 108px;

        font-size: 12px;

        border-radius: 4px;

    }

    .sinavlar .filter{

        border-radius: 4px;

        padding: 26px 10px;

        margin: -2em 0 0;

    }

    .form-field.baslangic, .form-field.bitis{

        border-radius: 9px;

        justify-content: space-between;

    }

    .sinavlar-cards h2{

        font-size: 16px;

        margin: 40px 0 16px;

    }

    .level{

        padding: 0;

        min-width: 45px;

        width: 45px;

        height: 45px;

        margin: 0 0 14px;

    }

    .level span{

        font-size: 14px;

        margin: 2px 0 0;

        display: block;

    }



    .level p{

        font-size: 8px;

        line-height: 10px;

    }

    .sinavlar-cards h3{

        font-size: 16px;

    }

    .sinavlar-cards .body p{

        font-size: 14px;

    }

    .sinavlar-cards .card{

        padding: 14px;

    }

    .sinavlar-cards .card-block{

        gap: 16px;

    }

    

    .faq h2{

        font-size: 20px;

        line-height: 30px;

        width: 100px;

    }

    .faq{

        padding: 16px;

        border-radius: 7px;

    }

    .faq .content{

        gap: 16px;

    }

    

    .faq .item .link{

        font-size: 14px;

    }

    

    .faq .item .body{

        font-size: 12px;

    }

    

    .faq .item{

        margin: 0 0 11px;

    }

    

    .sinavlar{

        margin: 0 0 26px;

    }

    

    .sinavlar-cards,.sinav-detay{

        margin: 0 0 40px;

    }

    

    .sinavlar .banner{

        padding: 18px 0 45px;

    }

    

    .sinavlar .banner h1{

        font-size: 20px;

        line-height: 30px;

    }

    

    .form-field i{

        font-size: 14px;

    }

    

    .sinavlar .banner h1 span{

        padding: 0;

    }

    

    .sinavlar .banner p{

        font-size: 14px;

        margin: 8px 0 0;

    }

    

    .sinav-detay .banner .col-lg-4{

        display: none;

    }



    #sinav_kayit_modal .row{

        margin: 9px 0 0;

    }

    

    #yaklasan_sinav_modal{

        padding: 16px;

        border-radius: 9px;

    }



    .form-field.sinav-kayit{

        border:none;

    }



    .title{

        margin: 37px 0 16px;   

    }



    .title h2{

        font-size: 20px;

        line-height: 24px;

        margin: 0 0 12px;

    }

    

    .title p{

        font-size: 14px;

        margin: 0;

    }



    .title p::after{

        width: 134px;

    }

    

    .kurslar .tab-container .nav-item{

        min-width: max-content;

        height: 40px;

    }

    

    .kurslar .tab-container .nav-link{

        font-weight: 400;

    }

    

    .tab-container .tab-content{

        margin: 16px 0 0;

    }

    

    .kurslar .tab-container .card-body a{

        font-size: 12px;

    }



    .kurslar .tab-container .card-body h4{

        font-size: 10px;

        margin: 0;

    }



    .kurslar .tab-container .card p{

        margin: 0 0 5px;

        font-size: 11px;

    }



    .kurslar .card .star-rating{

        margin: 0 0 5px;

    }



    .kurslar .card .star-rating p{

        margin: 0;

    }



    .kurslar .tab-container .price{

        font-size: 14px;

        line-height: 24px;

    }



    .kurslar .tab-container .btn-purple{

        height: 40px;

        font-size: 12px;

        line-height: 24px;

    }



    .kurslar .tab-container .card-header{

        height: auto;

    }

    

    .kurslar .tab-container .card{

        height: auto;

    }



    .playbtn{

        width: 40px;

        height: 40px;

        min-width: 40px;

        left: 47%;

    }



    .playbtn.video-popup img{

        height: 10px;

    }

    

    .kurslar .item:first-child .header{

        margin: 0 0 6px;

    }

    

    .kurslar .item .header{

        margin: 16px 0 6px;

    }



    .kurslar .border.content{

        padding: 14px;

        margin: 37px 0 32px;

    }

    

    .kurslar .cards-wrapper .row{

        padding: 0;

    }



    .kurslar .border{

        border-radius: 4px;

    }



    .kurslar .item .link{

        font-size: 12px;

    }



    .kurslar .body b{

        width: auto;

        display: block;

        font-size: 12px;

    }

    

    .kurslar .body p, .sinav-detay .body p{

        font-size: 11px;

    }



    .kurslar .body .row{

        padding: 4px;

        border-radius: 4px;

    }



    .kurslar .item .body.border{

        padding: 6px;

    }



    .kurslar .body .row:first-child{

        margin: 0;

    }

    .kurslar .body .img{

        margin: 0 8px 0 0;

    }

    .kurslar{

        margin: 0 0 40px;

    }

    .kurslar .banner,.kurs-detay .banner,.sinav-detay .banner{

        padding: 18px 0 29px;

    }

    .kurs-detay .info{

        margin: -34px 0 0;

    }

    .kurs-detay .info .card{

        padding: 8px;

        border-radius: 6px;

    }

    .kurs-detay .info .card-body{

        padding: 0;   

    }

    .kurs-detay .info h1{

        font-size: 20px;

        line-height: 24px;

    }

    .kurs-detay .info h4{

        font-size: 10px;

    }

    

    .kurs-detay .info p{

        font-size: 11px;

        line-height: 14px;

    }



    .kurs-detay .info .price{

        font-size: 14px;

    }

    .kurs-detay .info .btn-purple,.kurs-detay .course .btn-purple{

        height: 30px;

        font-weight: 500;

    }

    .kurs-detay .info .row{

        gap: 8px;

    }

    .img-gallery{

        display: none;

    }

    .kurs-detay .info img{

        height: 100%;

    }

    /* .kurs-detay .info .col-lg{

        width: 48%;

    } */

    .img-gallery .img{

        border-radius: 4px;

    }

    

    .kurs-detay .banner h1{

        margin: 16px 0 0;

    }



    .kurs-detay .banner p{

        font-size: 14px;

        line-height: 24px;

        margin: 0;

    }

    

    .kurs-detay .container .border{

        padding: 12px !important;

    }

    

    .egitim-detay .row{

        display: block;

    }

    

    .egitim-detay .info .col-lg{

        width: 100%;

    }

    

    .egitim-detay{

        margin: 0 0 40px;

    }

    

    .banner.egitmen .content .btn-purple{

        max-width: 180px;

        height: 40px;

        font-size: 12px;

        line-height: 20px;

        white-space: normal;

    }

    

    .egitim-detay .banner.egitmen{

        margin: 37px 0 0;

    }



    .kurs-detay .container .content{

        padding: 0 !important;

    }



    .kurs-detay .item .link{

        text-align: left;

    }



    .kurs-detay .container .border .item:first-child .header{

        margin: 0;

    }



    .kurs-detay .item .header{

        margin: 16px 0 0;     

    }

    

    .kurs-detay .accordion p{

        font-size: 10px;

        line-height: 20px;

    }



    .kurs-detay .container .border .item .left-block{

        font-size: 12px;

        line-height: 24px;

    }



    .kurs-detay .container .border .row{

        padding: 8px 0;

    }

    

    .kurs-detay .title{

        margin: 16px 0 6px;

    }

    

    .kurs-detay .title h2{

        font-size: 12px;

    }



    .kurs-detay .title p{

        font-size: 10px;

    }



    .kurs-detay .slider-head h2{

        font-size: 16px;

        line-height: 24px;

    }

    

    .kurs-detay .course .star-rating p{

        font-size: 14px;

    }



    .card .star-rating span{

        font-size: 9px;

    }



    .kurs-detay .course p{

        font-size: 11px;

        line-height: 20px;

        margin: 6px 0 8px;

    }



    .kurs-detay .course .price{

        font-size: 14px;

        line-height: 24px;

    }

    .kurs-detay .course{

        margin: 24px 0 50px;

    }

    .mobile-table-link{

        display: block;

    }

    

    .sinav-detay .table-bordered{

        display: none;

    }



    #mobile_table_modal{

        display: block;

        padding: 16px;

        margin: 16px; 

        border-radius: 16px;

    }



    #mobile_table_modal .table-bordered th{

        font-size: 14px;

        line-height: 24px;

        padding: 10px;

    }



    #mobile_table_modal .table-responsive{

        padding: 1px;

    }



    #mobile_table_modal .table-bordered td{

        color: #333;

        font-size: 12px;

        line-height: 20px;

    }

    #mobile_table_modal .table-bordered{

        box-shadow: 0 0 0 1px #dee2e6;

        border-radius: 16px;

        border-style: hidden;

        overflow: hidden;

    }

    

    .sinav-detay .content{

        padding: 11px;

    }



    .sinav-detay .item:first-child .header{

        margin: 0;

    }



    .sinav-detay .item .header{

        margin: 16px 0 6px;

    }



    .sinav-detay .item .link{

        font-size: 12px;

        line-height: 24px;

    }



    .sinav-detay .border{

        padding: 7px;

        border-radius: 4px;

    }



    .sinav-detay .accordion .row{

        padding: 3px;

        border-radius: 4px;

    }



    .sinav-detay .body span, .sinav-detay .body p, .sinav-detay .body i{

        font-size: 11px;

    }



    #sinav_detaylari .btn-purple{

        max-width: inherit;

        height: 40px;

        border-radius: 2px;

    }



    .sinav-detay #yazili_sinav_bölümü i{

        min-width: 20px;

        width: 20px;

        height: 20px;

    }



    .sinav-detay #yazili_sinav_bölümü i::before{

        font-size: 8px;

    }



    .sinav-detay .accordion .row{

        flex-wrap: inherit;

    }

    

    .sinav-detay .accordion .row .col-lg-5, .sinav-detay .accordion .row .col-lg-2{

        width: 100%;

    }

    

    .sinav-detay .accordion .row .col-lg-2 p{

        text-align: left;

    }

    

    .sinav-detay .accordion .row .col-sm p{

        text-align: right;

    }

    

    .sinav-detay .body .btn-purple{

        max-width: inherit;

        height: 40px;

    }

    

    .sinav-detay #yazili_sinav_bölümü .btn-purple .fi-rr-play-alt{

        width: 27px;

        height: 27px;

        min-width: 27px;

    }



    .sinav-detay #yazili_sinav_bölümü .btn-purple .fi-rr-play-alt:before{

        font-size: 14px;

    }

    

    .sinav-detay .banner h1{

        margin: 16px 0 12px;

    }



   

    

    .sinav-detay .mobile-table-link{

        padding: 4px;

        margin: 0;

    }

    .sinav-detay .body.desktop{

        display: none;

    }

    .sinav-detay .body.mobile{

        display: block;

    }

    

    #yaklasan_sinav_modal .body.mobile span{

        color: #374957;

        font-size: 18px;

        line-height: 20px;

        font-weight: 600;

        vertical-align: middle;

    }

    

    .sinav-detay .border{

        margin: 15px 0 25px;

    }



    .sinav-detay .mobile-table-link .body.mobile .row{

        padding: 12px;

    }



    .sinav-detay .mobile-table-link .body.mobile .col-lg-2{

        width: 10%;

    }



    .sinav-detay .mobile-table-link .btn-purple{

        margin: 0;

    }

    

    .sinav-detay #a1_sinav_belgeleri .body span{

        font-weight: 700;

    }   

    

    .sinav-detay #a1_sinav_belgeleri .btn-purple{

        font-size: 10px;

        max-width: 120px;

    }

    

    .sinav-detay #a1_sinav_belgeleri .btn-purple .fi-rr-document{

        margin: 0 0 0 2px;

    }

    

    .sinav-detay #a1_sinav_belgeleri .col-lg-9{

        padding: 2px;

    }

    

    .about-cards .card{

        min-width: 100%;

        max-width: 100%;

    }

    

    .egitim-detay .logo{

        margin: 16px 0 0;

    }



    .egitim-detay .playbtn.video-popup{

        width: 50px;

        height: 50px;

        min-width: 50px;

        padding: 0;

        left: 44%;

       

    }

    

    .read-more{

        display: inline-block;

        

    }



    .egitim-detay .playbtn.video-popup img{

        margin: 0 0 0 4px;

        height: 34%;

    }



    .modal-header{

        padding: 0;

        gap: 5px;

    }



    #sinav_kayit_modal{

        padding: 12px;

    }

    .sinav-kayit h3{

        font-size: 16px;

    }

    

    #sinav_kayit_modal .btn-purple{

        height: 40px;

        border-radius: 9px;

    }



    /*--- FAQ-İLetişim-Ödeme-Sepet css leri ---*/



    .faq-page .banner,.iletisim .banner,.aydinlatma-metni .banner{

        padding: 54px 0 54px;

    }



    .faq-page .faq{

        margin: -1em 0 50px;

        padding: 12px 16px;

        border-radius: 24px;

    }

    .faq-page .faq  .item .link{

        font-size: 16px;

        line-height: 24px;

    }

    .faq-page .faq .item .body{

        font-size: 14px;

        line-height: 24px;

    }

    .faq-page .faq .header{

        margin: 16px 0 0;

    }

    .sinavlar .card .level:hover .sinav-logo{

        display: none;

    }

    

    .iletisim .card{

        margin: 24px auto 50px;

    }

    .iletisim .card{

        padding: 22px;

    }

    .iletisim .card .row.top{

        flex-direction: column-reverse;

    }

    .iletisim .form-group .row.top{

        flex-direction: column;

    }

    .iletisim .card .col-lg{

        padding: 0;

    }

    .iletisim .scm-links, .iletisim .mail-phone{

        margin: 16px 0 0;

    }

    .iletisim h2{

        font-size: 14px;

    }

    .iletisim .scm-links a{

        width: 28px;

        height: 28px;

        min-width: 28px;

    }

    .iletisim .scm-links a i{

        font-size: 16px;

    }



    .iletisim .form-group{

        margin-bottom: 0;

    }



    .iletisim .form-group h2{

        font-size: 16px;

    }

    

    .iletisim .form-group .row.message{

        margin: 12px 0 0;

    }



    .iletisim .checkbox p,.iletisim .checkbox a{

        font-size: 12px;

    }



    .iletisim .form-group .btn-purple{

        max-width: inherit;

        margin: 16px 0 0;

    }

    .iletisim .card .row.top{

        gap: 16px;

    }

    .aydinlatma-metni .card{

        margin: -1em 0 40px;

        padding: 24px;

    }

    .aydinlatma-metni h2{

        font-size: 16px;

    }

    .aydinlatma-metni p, .aydinlatma-metni ul li, .aydinlatma-metni a{

        font-size: 14px;

    }

    .sepetim .table .col-l-12{

        padding: 0;

    }

    .sepetim table th{

        font-size: 10px;

    }

    .sepetim .price{

        font-size: 10px;

    }

    .sepetim table .row{

        gap: 4px;

    }

    .sepetim .input-group-append .input-group-text,.sepetim .input-group-prepend .input-group-text{

        padding: 3px 6px 0;

    }

    .sepetim .quantity{

        height: 30px;

        max-width: 75px;

        min-width: 75px;

    }

    .sepetim .qty-input{

        padding: 0 6px;

        font-size: 12px;

    }

    .sepetim .coupon-code button{

        max-width: 100px;

        font-size: 14px;

    }

    /*--- FAQ-İLetişim-Ödeme-Sepet css leri ---*/





    /* --- Hesaplar css leri --- */

   

    .hesabim aside{

        padding: 0 13px;

        border-radius: 5px;

    }



    .hesabim aside a,.hesabim aside ul li{

        font-size: 12px;

        line-height: 14px;

    }

 

    .hesabim aside ul{

        margin: 0 0 16px;

    }



    .hesabim aside h5{

        margin: 16px 0 12px;

        padding: 0;

    }



    .egitimlerim .form, .sertifikalar .form{

        padding: 10px 13px;

    }

    

    .egitimlerim .form h1, .sertifikalar .form h1{

        font-size: 14px;

        line-height: 20px;

    }



    .egitimlerim .form p, .sertifikalar .form p{

        font-size: 12px;

        line-height: 20px;

    }



    .egitimlerim .message,.sertifikalar .message,

    .siparisler .message,.favoriler .message,

    .kuponlar .message{

        padding: 9px 8px;

    }

    

    .favoriler .message{

        margin: 0 0 10px;

    }



    .egitimlerim .message span, .egitimlerim .message i,

    .sertifikalar .message span, .sertifikalar .message i,

    .siparisler .message span, .siparisler .message i,

    .favoriler .message span, .favoriler .message i,

    .kuponlar .message span, .kuponlar .message i

    {

        font-size: 12px;

        line-height: 14px;

    }

    .sertifikalar .card{

        display: block;

        box-shadow: none;

        border: 1px solid #ECF3F8;

        border-radius: 5px;

    }

    

    .sertifikalar .card:hover{

        box-shadow: none;

    }

    

    .sertifikalar .form .desc{

        margin: 8px 0 16px;

    }



    .sertifikalar .card .info{

        justify-content: flex-start;

    }

    .sertifikalar .card .logo{

        width: 84px;

        height: 84px;

        min-width: 84px;

    }

    .sertifikalar .card a{

        max-width: 130px;

        border-radius: 100px;

        margin: 12px 0 0;

        height: 30px;

        font-size: 12px;

    }

    .sertifikalar .card h2{

        margin: 0;

        font-size: 14px;

    }

    .sertifikalar .card span{

        font-size: 9px;

        margin: 0;

    }

    .sertifikalar .form .text p{

        font-size: 10px;

        margin: 0;

    }

    .sertifikalar section{

        margin: 0 0 40px;

    }

    .hesabim h1, .sepetim h1, .odeme h1, .odeme-mesaj h1{

        font-size: 20px;

        line-height: 24px;

        margin: 16px 0 18px;

    }

    .sepetim .coupon-code{

        border-radius: 9px;

        padding: 0 0 0 6px;

    }

    .sepetim .coupon-code i{

        font-size: 12px;

        margin: 0 6px 0 0;

    }

    .sepetim table .row .col-lg-6{

        padding: 0;    

    }

    .sepetim table .text h3{

        font-size: 10px;

        line-height: 14px;

    }

    .sepetim table .text p{

        font-size: 9px;

        line-height: 14px;

    }

    .sepetim h2{

        font-size: 12px;

        margin: 0;

    }

    .misafir-mesaj{

        padding: 8px;

        border-radius: 12px;

        margin: 0 0 21px;

    }

    .odeme-mesaj .card{

        padding: 16px 6px;

    }

    .odeme-mesaj .head-item .logo{

        min-width: 30px;

        width: 30px;

        height: 30px;

    }

    

    .odeme-mesaj .head-item .logo i{

        font-size: 12px;

    }

    

    .odeme-mesaj .head-item span{

        margin: 6px 0 0;

        font-size: 16px;

    }

    .odeme-mesaj .body h3{

        margin: 9px 0 0;

        font-size: 12px;

    }

    

    .odeme-mesaj .body p{

        font-size: 11px;

    }

    

    .misafir-mesaj span, .misafir-mesaj i, .misafir-mesaj a{

        font-size: 11px;

        line-height: 16px;

    }

    .sepetim .sepet-detay .form, .odeme .sepet-detay .form{

        padding: 0;

    }

    .sepetim .content p, .sepetim .content span{

        font-size: 11px;

    }

    .sepetim .content .row, .odeme .sepet-detay .row, .odeme .total .row{

        padding: 8px 0;

    }

    .sepet-detay .form .content .btn-purple{

        height: 40px;

        font-size: 12px;

    }



    .odeme .form,.odeme .logo{

        padding: 20px 25px;

        border-radius: 5px;

    }

   

    .odeme .row{

        gap: 0;

    }



    .odeme .form-group label{

        font-size: 12px;

    }

    .odeme .form .form-group label, .odeme aside .form-group label{

        margin: 12px 0 0;

    }

   

    .odeme aside .card p{

        font-size: 12px;

    }

    .odeme aside h2{

        font-size: 14px;

        margin: 0;

    }

    

    .odeme aside .card{

        margin: 12px 0 0;

    }



    .odeme .cart-area h2{

        margin: 0;

    }

    .odeme .total .row p, .odeme .total .row span,.odeme .sepet-detay p,.odeme .sepet-detay span{

        font-size: 12px;

    }

    .odeme .form-group .checkbox{

        margin: 6px 0 0;

    }

    .odeme .btn-purple{

        margin: 8px 0 0;

    }

    .odeme .note h2{

        margin: 0 0 6px;

    }

    .hesabim .form{

        padding: 10px 13px;

        border-radius: 5px;

    }

    .hesabim .form-group label{

        margin: 0 0 8px;

    }

    .hesabim .form-group .row:nth-child(2){

        margin: 10px 0 0;

    }

    .hesabim .form-group .row{

        gap: 10px;

    }

    .hesabim .form-group .row a{

        font-size: 12px;

    }

    .hesabim .btn-purple{

        height: 40px;

    }

   

    .hesabim .form h1, #kullaniciPanelAccordion .head-item h5{

        font-size: 14px;

        line-height: 20px;

    }



    .hesabim .form p{

        margin: 8px 0 0;

        font-size: 12px;

    }



    .hesabim .form-group{

        margin: 16px 0 0;

    }

    .sepetim .code h2{

        margin: 0 0 5px;

    }

    .sepetim .table{

        padding: 16px 12px;

    }

    .sepetim .coupon-code{

        height: 40px;

    }

    .sepetim .coupon-code input{

        padding: 0;

    }

    .sepetim .table td{

        padding: 6px 0 9px;

    }

    .hesabim .desc{

        display: block;

    }

    #kullaniciPanelAccordion .head-item h5,#sertifikalarimAccordion .head-item h5{

        font-weight: 700;

        color: var(--page-btn-color);

    }



    .siparisler .nav-tabs.desktop,.siparisler .tab-content.desktop{

        display: none;

    }

    

    .siparisler .nav-tabs.mobile{

        display: flex;

    }

    

    .siparisler .tab-content.mobile{

        display: block;

    }

    .siparisler-tabs .nav-link, .kuponlar-tabs .nav-link{

        padding: 7px;

        font-size: 10px;

        border-radius: 7px;

        height: 30px;

    }

    .siparisler-tabs .nav-tabs.mobile,.kuponlar-tabs .nav-tabs{

        overflow-x: auto;

        overflow-y: hidden;

        flex-wrap: nowrap;

    }

    .siparisler-tabs .nav-tabs::-webkit-scrollbar,.siparisler-mobile::-webkit-scrollbar{

        display: none;

    }

    .siparisler-mobile{

        overflow-x: auto;

        overflow-y: hidden;

        white-space: nowrap;

    }

    .favoriler .card-area{

        margin: 16px 0 0;

    }



    .favoriler .form p{

        margin: 0 0 16px;

    }

    .favoriler .form .card{

       flex-direction: column;

       align-items: flex-start;

    }

    .favoriler .card .goruntule{

        max-width: 130px;

    }

    .favoriler .card .btn-purple{

        margin: 0;

        height: 35px;

    }

    .favoriler .card .btn-area{

        margin: 12px 0 0;

    }

    .favoriler .card h2{

        font-size: 12px;

        line-height: 16px;

        margin: 0;

    }

    .favoriler .form .text p, .favoriler .form .text span{

        font-size: 10px;

        margin: 0;

    }

    .favoriler .card .logo{

        max-width: 124px;

    }

    

    .kuponlar .card{

        flex-direction: column;

        align-items: flex-start;

    }



    .kuponlar .card .logo{

        width: auto;

        min-width: auto;

        height: auto;

    }

    .kuponlar .card h2{

        font-size: 12px;

    }

    .kuponlar .card span,.kuponlar .form .card p, .kuponlar .form .card b{

        font-size: 11px;

    }

    .kuponlar .btn-purple.desktop{

        display: none;

    }

    .kuponlar .btn-purple.mobile{

        display: flex;

        margin: 12px 0 0;

    }

    .kuponlar .card .btn-purple{

        font-size: 12px;

        max-width: 164px;

    }

    .hesap-ayarlari .form .form-group label{

        margin: 0 0 6px;

    }



    input{

        height: 40px;

    }



    .egitmen-basvuru .select2-container--default .select2-selection--single .select2-selection__rendered, 

    .egitmen-basvuru textarea::placeholder, .bilgi-talep-formu .select2-container--default .select2-selection--single .select2-selection__rendered, 

    .bilgi-talep-formu textarea::placeholder, .sinav-kayit .select2-container--default .select2-selection--single .select2-selection__rendered, .sinav-kayit textarea::placeholder{

        line-height: 40px;

    }



    .hesap-ayarlari .form-group{

        margin: 16px 0;

    }



    .hesap-ayarlari .btn-purple{

        margin: 0;

    }

    .sifre-ayarlari .password-input i{

        top: 36px;

    }

    .sifre-ayarlari .password-input span{

        font-size: 8px;

        margin: 4px 0 0;

    }

    .hesabim .row, .odeme .row,.favoriler .row,

    .sifre-ayarlari .row,.sertifikalar .row,.siparisler .row{

        gap: 20px;

    }

    .error-txt{

        margin: 6px 0 0;

        font-size: 12px;

        line-height: 16px;

    }

    .sifre-yenileme-mesaj{

        padding: 20px;

    }

    .sifre-mesaj .form p{

        font-size: 11px;

        line-height: 16px;

        text-align: center;

    }

    .sifre-mesaj .body h3{

        margin: 12px 0 0;

    }

    .odeme-mesaj .head-item .logo, .sifre-yenileme-mesaj .head-item .logo{

        height: 40px;

        width: 40px;

        min-width: 40px;

    }

    .adres-bilgileri .form{

        margin: 0 0 30px;

    }

    .adres-bilgileri .form-group .btn-purple{

        margin: 0;

    }

    .adres-bilgileri .form-group .btn-area{

        margin: 12px 0 0;

    }

 

    .adres-bilgileri .message span,.adres-bilgileri .message i{

        font-size: 12px;

    }

    .adres-bilgileri .message{

        padding: 8px;

    }

    .adres-cards{

        margin: 10px 0 0;

    }

    .adres-cards .card{

        max-width: 100%;

        min-width: 100%;

    }

    .adres-bilgileri .btn-purple.disabled, .adres-bilgileri .btn-purple.disabled i{

        color: #374957;

    }

    .adres-cards .card-body h3{

        font-size: 12px;

    }

    .adres-cards .card-body p, .adres-cards .card-body span{

        font-size: 11px;

    }

    .adres-cards .btn-purple{

        margin: 0;

    }

    .adres-cards .card-footer{

        margin: 0;

        padding: 12px 16px;

    }

    

    .adres-cards .card-body{

        padding: 12px 16px;

    }

    .adres-bilgileri .yeni-ekle.mobile{

        justify-content: flex-start;

        margin: 16px 0 0;

    }

    .adres-bilgileri .form-group label{

        margin: 11px 0 4px;

    }

    .adres-bilgileri .form-group .row{

        gap: 0;

    }

    
    .btn-login, .btn-register{
        padding: 8px 16px;
        font-size: 16px;
    }
     /* --- Hesaplar css leri --- */

     .banka-hesaplari .outer-border{
        padding: 0;
    }

    .banka-hesaplari .inner-border{
        border: none;
        padding: 24px;
    }
    .banka-hesaplari .inner-border .img{
        justify-content: flex-start;
    }
    .banka-hesaplari .inner-border .row{
        gap: 8px;
    }
    
    .banka-hesaplari .inner-border .content{
        margin: 24px 0 0;
    }

    .banka-hesaplari .inner-border .content .row,.banka-hesaplari .inner-border .row.IBAN .txt{
        flex-direction: column;
    }
    
    .banka-hesaplari .inner-border .row.IBAN .txt{
        align-items: flex-start;
        width: 100%;
    }

    .banka-hesaplari .inner-border .content .row{
        padding: 16px 12px;
    }

    .banka-hesaplari .account {
        margin: 18px 0 80px;
    }

    .banka-hesaplari .account .odd{
        border-radius: 0;
    }

    .banka-hesaplari .btn-purple{
        margin: 16px 0 0;
        height: 40px;
    }

    .banka-hesaplari .form-area{
        gap: 0;
    }

    .banka-hesaplari .form-area .text{
        margin: 24px 0 0;
    }
    .cp-text { 
    font-size: 16px; 
    font-weight: 400; 
    text-align: right; 
    margin: 24px 40px 0 0;
    

    
    } 
    
    
    .cp-text img{
        margin: 0 12px 0;
    }
    .sifre-yenile .circle{
        display: none;
    }

    .sifre-yenile .head-item,.sifre-yenile-mesaj.head-item{
        display: block;
        text-align: left;
    }

    .sifre-yenile .btn-purple,.sifre-yenile .btn-geri{
        height: 40px;
        margin: 18px 0 0;
    }
    .sifre-yenile .form{
        box-shadow: 0 4px 4px rgba(141, 155, 164, 0.12);
        border-radius: 0;
        padding: 12px;
    }
    .sifre-yenile .form-group{
        margin-bottom: 0;
    }
    .sifre-yenile p{
        line-height: 20px;
    }
    .sifre-yenile .head-item h1{
        margin: 0 0 7px;
    }
    
    .sifre-yenile-mesaj .form{
        padding: 12px 12px 50px;
    }
    
    .sifre-yenile-mesaj .circle{
        display: flex;
        margin: 0 auto 10px;
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    
    .sifre-yenile-mesaj .circle i{
        font-size: 20px;
    }

    .sifre-yenile-mesaj .head-item{
        text-align: center;
       
    }
    .swiper.sertifikalar{
        height: auto;
    }
    .sertifikalar .img{
        text-align: center;
        width: auto;
        height: auto;
        min-width: auto;
    }
    .swiper.sertifikalar img{
        height: 100px;
    }
    .bilgi-talep-formu .form-group .row{
        margin-top: 16px;
    }
    
  }



@media screen and (max-width:680px){
    
    
    .cp-text { 
    font-size: 16px; 
    font-weight: 400; 
    text-align: right; 
    margin: 24px 40px 0 0;
    

    
    } 
    
    
    .cp-text img{
        margin: 0 12px 0;
    }

    .cards-wrapper .card{

        flex: 0 0 48%;

        max-width: 48%;

    }

    .cards-wrapper .card-header img{

        width: 100%;

    }

    /* .sertifikalar .img{

        width: 80px;

        height: 80px;

        min-width: 80px;

    } */
    .swiper.sertifikalar img{
        height: 70px;
    }
    .blog .cards-wrapper .card{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .odeme .form .head-item h2{

        font-size: 14px;

    }

    

}  



@media screen and (max-width:600px){
    
    .cp-text { 
    font-size: 16px; 
    font-weight: 400; 
    text-align: right; 
    margin: 24px 40px 0 0;
    justify-content: flex-end;
    
    } 
    
    
    .cp-text img{
        margin: 0 12px 0;
    }

    .cards-wrapper .card{

        flex: 0 0 100%;

        max-width: 100%;

    }

    .blog .cards-wrapper .card{

        flex-direction: row;

        max-height: inherit;

        justify-content: space-between;

    }

    .blog .cards-wrapper .card-header img{

        height: 100%;

        

        border-radius: 0;

    }

    .blog .cards-wrapper .card-header{

        border-radius: 0;

        max-width: 144px;

    }

    .blog .card-content{

        

        width: 100%;

    }

     

    .blog .card-body{

        padding: 8px 14px 0 8px;

    }



    .blog .cards-wrapper h3{

        font-size: 14px;

        line-height: 24px;

    }



    .blog .cards-wrapper p{

        font-size: 11px;

        height: auto;

    }



    .blog .card-footer .link{

        font-size: 12px;

    }

    

    .blog .card-footer{

        padding: 0 8px 8px 8px;

    }



    .pagination .page-link{

        width: 24px;

        height: 24px;

        min-width: 24px;

        font-size: 14px;

        padding: 0;

    }



    .pagination .page-btn-next,.pagination .page-btn-prev{

        font-size: 14px;

    }



    .pagination{

        margin: 32px 0 44px;

    }



    .kurs-detay .course .card-body a{

        font-size: 14px;

    }



    .kurs-detay .card-body{

        padding: 9px;

    }

}



@media screen and (max-width:480px){
    
    .slider-text {
    position: absolute;
    bottom: 20px; /* görselin alt kenarından uzaklık */
    left: 50%;
    transform: translateX(-50%);
    color: #fff; /* beyaz yazı */
    background: rgba(0,0,0,0.5); /* yarı saydam arka plan */
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    }
    
    
    .cp-text {
        justify-content: center; /* Ortala */
        margin: 16px auto;       /* Sağ ve sol boşluk otomatik */
        font-size: 8px;
    }
            
        
    .cp-text img {
        height: 20px;   /* Yüksekliği sabitler */
        width: auto;    /* Oran korunsun */
        margin-left: 12px; /* Yazı ile boşluk */
    }

    .kayit-ol .row{

        gap: 0;

    }

    

    .about-cards .row{

        gap: 17px;

    }



    .swiper.sertifikalar img{
        height: 60px;
    }
    

    /* .sertifikalar .img{

        width: 70px;

        height: 70px;

        min-width: 70px;

    } */

    .faq .item .link{

        font-size: 11px;

        line-height: 20px;

    }

    .faq .item .body{

        font-size: 9px;

        line-height: 14px;

    }

    .sinavlar .btn-purple{

        height: 34px;

    }

    .badge{

        height: 28px;

    }

    .kurslar .tab-container .card{

        max-width: 100%;

        width: 100%;

    }

}



@media screen and (max-width: 391px){

    .kurs-detay .info .col-lg{

        width: 100%;

    }

    

    .egitim-detay .info .col-lg{

        width: 100%;

    }



    .img-gallery{

        grid-template-rows: repeat(2, 100%);

    }

}





/* Responsive & Mobile */