body {
    font-family: 'figtree', sans-serif;
}

.education-programs .scroll .box .title, .education-programs .swiper .box .title {
    line-height: normal;
}

.form-info-btn {
    cursor: pointer !important;
}

.fm-career {
    max-width: 80% !important;
    max-height: 50%;
    width: 80%;
    margin: auto;
}

#fm-career-form {
    z-index: 3;
}

.form-box .text-area {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 11px 30px 10px 13px;
    width: 100%;
    outline: none;
    margin-bottom: 16px;
}

.form-box input::placeholder {
    color: #000;
    font-family: 'Figtree', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 160%;
    opacity: 0.4;
}

.content-box {
    width: 100%;
}

.dropdown-menu.five .icon svg {
    max-width: 32px;
    opacity: 0.6;
}

.top.align-center.row.gap-10:hover .icon div {
    background-color: transparent;
}

.top.align-center.row.gap-10:hover .icon div svg fill {
    fill: red;
}

.news .title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.dropdown-menu .left .icon div {
    background-color: transparent;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dropdown-menu .left .icon div svg {
    max-width: 32px;
    opacity: 0.6;
}

.thumb-section .tab-article-info .title {
    padding-right: 30px;
}

.info-content-box {
    position: relative;
}

.info-content-box .right {
    position: absolute;
    bottom: 10px;
}

.homeCommentContainer {
    display: flex;
    height: 100%;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.homeCommentContainer .homeCommentStars {
    margin-bottom: 10px;
}

.thumb-section {
    margin-top: 30px;
}

.thumb-section .left .swiper:nth-child(2) {
    margin-top: 0;
}

.thumb-section .mySwiper .swiper-slide-thumb-active {
}

.our-publications {
    position: relative;
}

.our-publications:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px 20px 0 0;
    opacity: 0.2;
    background: linear-gradient(180deg, #5B5B5B 0%, rgba(255, 255, 255, 0.00) 100%);
    filter: blur(11.5px);
    z-index: 1;
}

.our-publications:after {
    content: '';
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.our-publications .our-cont {
    z-index: 3;
    position: relative;
    width: 100%;
}

.our-publications .header {
    margin: 60px auto;
}

.student-content .header .descp {
    margin-bottom: 40px;
}

.branches-container .branch-card .text-card .tel-icon {
    margin-right: 5px;
}

.education-programs {
    margin-top: 0;
}

.education-programs {
    position: relative;
}

.education-programs:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px 20px 0 0;
    opacity: 0.2;
    background: linear-gradient(180deg, #5B5B5B 0%, rgba(255, 255, 255, 0.00) 100%);
    filter: blur(11.5px);
    z-index: 1;
}

.education-programs:after {
    content: '';
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.education-programs .our-cont {
    z-index: 3;
    position: relative;
    width: 100%;
}

.why-us {
    position: relative;
}

.why-us:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px 20px 0 0;
    opacity: 0.2;
    background: linear-gradient(180deg, #5B5B5B 0%, rgba(255, 255, 255, 0.00) 100%);
    filter: blur(11.5px);
    z-index: 1;
}

.why-us:after {
    content: '';
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

.why-us .our-cont {
    z-index: 3;
    position: relative;
    width: 100%;
}

.why-us .alt-container {
    margin: 0 auto;
}

.education-programs .alt-container {
    margin: 0 auto;
    z-index: 3;
}

.education-programs .scroll .box .title, .education-programs .swiper .box .title {
    bottom: 0;
    right: 30px;
    left: 30px;
}

.tab-slider-btn .btn-card:hover {
    background-color: #203C75 !important;
}

.tab-slider-btn .tab-slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.tab-slider-btn .tab-slider-container .btn-card {
    margin: 0 5px;
}

.pride-table .all-table-see {
    border: 1px solid #000;
}

.branches-container .branch-cards {
    gap: 20px 30px;
}

.news .title h1, .news .title h2 {
    font-weight: 700;
    font-size: 24px;
    color: #203C75;
}

.news.online-education .tab-slider-btn .btn-card.active {
    background-color: #203C75;
}

.news.online-education .tab-slider-btn .btn-card {
    border: 1px solid #203C75;
    color: #203C75;
}

.news.online-education .tab-slider-btn .btn-card .title {
    color: #203C75 !important;
}

.online-education .tab-slider-btn .btn-card:hover .title {
    color: #fff !important;
}

.education-programs .subtitle {
    width: 100%;
}

.online-education .tab-slider-btn .btn-card.active .title {
    color: #fff !important;
}

.events .date span {
    font-weight: 400;
    font-size: 12px;
}

.news.online-education .news-descp {
    color: #203C75 !important;
    opacity: 0.7;
}

.abroad-education .header-blue-btn {
    max-width: inherit;
}

.events-table {
    margin-bottom: 0;
    margin-top: 0;
}

.our-publications .tab-slider-btn .btn-card-book {
    border: 1px solid #000;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.our-publications .tab-slider-btn .btn-card-book.active {
    background-color: #000;
    color: #fff;
}

.our-publications .tab-slider-btn .btn-card-book:hover {
    background-color: #000;
    color: #fff;
}

.branches-container .tab-slider-btn .btn-card-branch {
    border: 1px solid #FA0C0E;
    border-radius: 16px;
    text-transform: uppercase;
    padding: 5px 25px;
    color: #FA0C0E;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.branches-container .tab-slider-btn .btn-card-branch:hover {
    background-color: #FA0C0E;
    color: #fff;
}

.branches-container .tab-slider-btn .btn-card-branch.active {
    background-color: #FA0C0E;
    color: #fff;
}

.education-programs .tab-slider-btn .btn-card-prog {
    border: 1px solid #FA0C0E;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.education-programs .tab-slider-btn .btn-card-prog.tab-open {
    background-color: #FA0C0E;
    color: #fff;
}

.education-programs .tab-slider-btn .btn-card-prog:hover {
    background-color: #FA0C0E;
    color: #fff;
}

.referance .tab-slider-btn::-webkit-scrollbar {
    width: 6px;
}

.referance .tab-slider-btn::-webkit-scrollbar-track {
    background: rgba(220, 220, 220, 1);
    border-radius: 16px;
}

.referance .tab-slider-btn::-webkit-scrollbar-thumb {
    background: rgb(185, 185, 185);
    border-radius: 16px;
    border: 4px solid rgba(220, 220, 220, 1);
}

.referance {
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    border-radius: 20px;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    margin-top: 71px;
}

.referance .alt-container {
    max-width: 1410px;
    width: 100%;
    height: 100%;
    align-items: center;
}

.referance .tab-slider-btn {
    margin-bottom: 32px;
}

.referance .tab-slider-btn .row {
    gap: 15px;
}

.referance .tab-slider-btn .btn-card {
    border: 1px solid #000;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.referance .tab-slider-btn .btn-card.tab-open {
    background-color: #000;
    color: #fff;
}

.referance .header {
    width: 100%;
}

.referance .header .title {
    color: #000;
    font-family: 'Figtree', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.referance .subtitle {
    color: #000;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 38px;
    width: calc(100% - 614px);
}

.referance .gradient-scroll {
    background: linear-gradient(360deg, #FFF 43.01%, rgba(255, 255, 255, 0.00) 100%);
    border-radius: 0 0 20px 20px;
    width: 100%;
    max-height: 288px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: 1000ms;
}

.referance .gradient-scroll.active {
    opacity: 0;
}

.referance .accordion-slider {
    display: none;
    width: 100%;
    height: 100%;
}

.referance .accordion-slider .swiper {
    width: 100%;
    height: 100%;
    display: none;
}

.referance .accordion-slider .swiper-wrapper {
    padding-bottom: 50px;
}

.referance .accordion-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.referance .accordion-slider.tab-open {
    display: flex;
}

.referance .scroll {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 30px 30px;
    height: 100%;
    max-height: 985px;
    --sb-track-color: transparent;
    --sb-thumb-color: transparent;
    --sb-size: 0;
    overflow-y: hidden;
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    transition: max-height 0.3s ease-out 0s;
}

.referance .scroll.active {
    transition: max-height 0.3s ease-out 0s;
    max-height: 1300px;
    margin-bottom: 70px;
}

.referance .scroll::-webkit-scrollbar {
    width: 0;
}

.referance .scroll::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 0;
}

.referance .scroll::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 0;
}

.referance .educations-programs-see-link {
    color: #000;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    text-transform: capitalize;
    padding: 11px 55px;
    border: 1px solid #000;
    border-radius: 20px;
    text-align: center;
    z-index: 3;
    transition: 500ms;
    cursor: pointer;
}

.referance .educations-programs-see-link:hover {
    background-color: #000;
    color: #fff;
}

.referance .scroll .box {
    width: calc(25% - 10px);
    max-height: 411px;
    border-radius: 16px;
    position: relative;
    max-width: 330px;
    overflow: hidden;
}

.referance .swiper .box {
    width: 100%;
    max-height: 380px;
    border-radius: 16px;
    position: relative;
    max-width: 305px;
    overflow: hidden;
}

.referance .scroll .img-linear-background, .referance .swiper .img-linear-background {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    opacity: 0.7;
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.referance .scroll .box img.scroll-box-img, .referance .swiper .box img.scroll-box-img {
    width: 100%;
    object-fit: contain;
}

.referance .scroll .box .title, .referance .swiper .box .title {
    color: #FCFCFC;
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
    position: absolute;
    bottom: 25px;
    left: 29px;
    margin-right: 10 0;
}

.referance .scroll .incele-link, .referance .swiper .incele-link {
    position: absolute;
    top: -20px;
    left: 20%;
    transform: translateX(-50%);
    background-color: #FA0C0E;
    border-radius: 11px;
    padding: 3px 14px;
    color: #FFF;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;
    z-index: 9;
    opacity: 0;
    transition: 300ms;
    transition: 600ms;
    width: max-content;
}

.referance .scroll .box:hover .incele-link, .referance .swiper .box:hover .incele-link {
    opacity: 1;
    top: 20px;
}

.book .tab-slider-btn::-webkit-scrollbar {
    width: 6px;
}

.book .tab-slider-btn::-webkit-scrollbar-track {
    background: rgba(220, 220, 220, 1);
    border-radius: 16px;
}

.book .tab-slider-btn::-webkit-scrollbar-thumb {
    background: rgb(185, 185, 185);
    border-radius: 16px;
    border: 4px solid rgba(220, 220, 220, 1);
}

.book {
    border-radius: 20px;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.book .alt-container {
    max-width: 1410px;
    width: 100%;
    height: 100%;
    align-items: center;
}

.book .tab-slider-btn {
    margin-bottom: 32px;
}

.book .tab-slider-btn .row {
    gap: 15px;
}

.book .tab-slider-btn .btn-card {
    border: 1px solid #000;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.book .tab-slider-btn .btn-card.tab-open {
    background-color: #000;
    color: #fff;
}

.book .header {
    width: 100%;
}

.book .header .title {
    color: #000;
    font-family: 'Figtree', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.book .subtitle {
    color: #000;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 38px;
    width: calc(100% - 614px);
}

.book .gradient-scroll {
    background: linear-gradient(360deg, #FFF 43.01%, rgba(255, 255, 255, 0.00) 100%);
    border-radius: 0 0 20px 20px;
    width: 100%;
    max-height: 288px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: 1000ms;
}

.book .gradient-scroll.active {
    opacity: 0;
}

.book .accordion-slider {
    display: none;
    width: 100%;
    height: 100%;
}

.book .accordion-slider .swiper {
    width: 100%;
    height: 100%;
    display: none;
}

.book .accordion-slider .swiper-wrapper {
    padding-bottom: 50px;
}

.book .accordion-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.book .accordion-slider.tab-open {
    display: flex;
}

.book .scroll {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 30px 30px;
    height: 100%;
    max-height: 985px;
    --sb-track-color: transparent;
    --sb-thumb-color: transparent;
    --sb-size: 0;
    overflow-y: hidden;
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    transition: max-height 0.3s ease-out 0s;
}

.book .scroll.active {
    transition: max-height 0.3s ease-out 0s;
    max-height: 1300px;
    margin-bottom: 70px;
}

.book .scroll::-webkit-scrollbar {
    width: 0;
}

.book .scroll::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 0;
}

.book .scroll::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 0;
}

.book .educations-programs-see-link {
    color: #000;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    text-transform: capitalize;
    padding: 11px 55px;
    border: 1px solid #000;
    border-radius: 20px;
    text-align: center;
    z-index: 3;
    transition: 500ms;
    cursor: pointer;
}

.book .educations-programs-see-link:hover {
    background-color: #000;
    color: #fff;
}

.book .scroll .box {
    width: calc(25% - 10px);
    max-height: 411px;
    border-radius: 16px;
    position: relative;
    max-width: 330px;
    overflow: hidden;
}

.book .swiper .box {
    width: 100%;
    max-height: 380px;
    border-radius: 16px;
    position: relative;
    max-width: 305px;
    overflow: hidden;
}

.book .scroll .img-linear-background, .book .swiper .img-linear-background {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    opacity: 0.7;
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.book .scroll .box img.scroll-box-img, .book .swiper .box img.scroll-box-img {
    width: 100%;
    object-fit: contain;
}

.book .scroll .box .title, .book .swiper .box .title {
    color: #FCFCFC;
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    bottom: -25px;
    left: 29px;
    margin-right: 10 0;
}

.book .scroll .incele-link, .book .swiper .incele-link {
    position: absolute;
    top: -20px;
    left: 20%;
    transform: translateX(-50%);
    background-color: #FA0C0E;
    border-radius: 11px;
    padding: 3px 14px;
    color: #FFF;
    text-align: center;
    font-family: 'Figtree', sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 160%;
    text-transform: uppercase;
    z-index: 9;
    opacity: 0;
    transition: 300ms;
    transition: 600ms;
    width: max-content;
}

.book .scroll .box:hover .incele-link, .book .swiper .box:hover .incele-link {
    opacity: 1;
    top: 20px;
}

#mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li ul {
    padding-left: 44px;
    margin-top: 13px;
    margin-bottom: 5px;
}

#mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li ul li {
    color: #666;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    list-style-type: disc;
    align-items: center;
    gap: 3px;
    list-style-type: none;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
}

#mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li ul li a {
    color: #666;
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    list-style-type: disc;
    padding-top: 0;
}

#mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li ul li span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #CCCCCC;
    display: inline-block;
}

#mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li a .header .title.fw-500 {
    font-family: 'figtree', sans-serif;
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    line-height: normal;
}

#branch-detail {
    background: #fdfdfd;
    padding: 50px;
}

#branch-detail::after {
    display: none;
}

#branch-detail::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #faf8f8;
    z-index: -1;
}

.why-us .our-avantage .header .title span {
    font-weight: 400;
}

.why-us .why-west-language .header .title span {
    font-weight: 400;
}

.education-programs .tab-slider-btn .btn-card-branch-prog {
    border: 1px solid #000;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: normal;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.why-us .our-avantage {
    position: relative;
}

.why-us .our-avantage .our-avantage-bg {
    position: absolute;
    right: 0;
    top: -5%;
    opacity: 0.2;
}

.why-us .our-avantage .our-avantage-bg img {
    width: 180px;
}

.education-programs .tab-slider-btn .btn-card-branch-prog.tab-open {
    background-color: #000;
    color: #fff;
}

.thumb-section .mySwiper .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
}

.dropdown-menu .bottom-card .bottom-card-button div {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

#program-detail::before {
    filter: none;
    background: #fff;
}

#program-detail::after {
    display: none !important;
}

.dropdown-menu .bottom-card .bottom-card-button:hover {
    background-color: transparent;
    color: #333;
}

.dropdown-menu .bottom-card .bottom-card-button div svg {
    max-height: 30px;
}

.education-programs .tab-slider-btn .btn-card-prog.tab-open {
}

.education-programs .tab-slider-btn .btn-card-prog:hover {
    background-color: #d50006;
}

.education-programs .tab-slider-btn .btn-card-prog.tab-open {
    background-color: #d50006;
}

.education-programs .tab-slider-btn .btn-card-prog {
    border: 1px solid #d50006;
}

.dropdown-menu .row.w-100.h-100, .dropdown-menu.five .box {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.sub-page-2-backg-img {
    border-radius: 0 0 40% 40%;
    overflow: hidden;
}

.alt-sayfa-backg {
    border-radius: 0 0 40% 40%;
}

.alt-sayfa-backg .alt-sayfa-gradient {
    position: relative;
}

.branches-responsive-slider .swiper-pagination {
    top: 125px;
}

.branches-responsive-slider .branch-card {
    padding-bottom: 40px;
}

.branches-responsive-slider .swiper-pagination-bullet {
    width: 20px !important;
}

.info-section {
    padding-top: 35px;
}

.info-section .top {
    padding-bottom: 40px;
}

.education-programs .scroll .incele-link, .education-programs .swiper .incele-link {
    align-items: center;
}

.our-publications .header .header-bottom .header-white-btn {
    border-color: #303c62;
    color: #303c62;
}

.our-publications .header .header-bottom .header-white-btn:hover {
    background-color: #303c62;
}

.our-publications .header .header-bottom .header-black-btn {
    padding: 14px 34px;
}

.contact-section.responsive a {
    background-color: #d50006;
}

.container-right .contact-section .number-box {
    background-color: #d50006;
}

.our-publications .header .header-bottom .header-black-btn, .our-publications .header .header-bottom .header-black-btn:hover {
    background-color: #d50006;
    border-color: #d50006;
    color: #fff;
}

.our-publications .header .header-bottom .header-black-btn:hover svg path {
    fill: #fff;
}

.background#background {
    background-color: #000;
    opacity: 0;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 188px;
    transition: 400ms;
    display: none;
}

.background#background.active {
    opacity: 0.7;
    z-index: 4;
}

.left-slider .mySwiper-top .swiper-top-button-prev.swiper-button-disabled {
    opacity: 0;
    transition: 300ms;
}

.left-slider .mySwiper-top .swiper-top-button-next.swiper-button-disabled {
    opacity: 0;
    transition: 300ms;
}

.left-slider .swiper-top-button-next#left-slider-btn-1 {
    position: absolute;
    top: 275px;
    right: -10px;
    z-index: 4;
    cursor: pointer;
}

.left-slider .swiper-top-button-prev#left-slider-btn-2 {
    position: absolute;
    top: 275px;
    left: -10px;
    z-index: 4;
    cursor: pointer;
}

.left-slider .swiper-bottom-button-next#left-slider-btn-3 {
    position: absolute;
    bottom: 30px;
    right: -10px;
    z-index: 4;
    cursor: pointer;
}

.left-slider .swiper-bottom-button-prev#left-slider-btn-4 {
    position: absolute;
    bottom: 30px;
    left: -10px;
    z-index: 4;
    cursor: pointer;
}

.education-programs .scroll .box img.scroll-box-img, .education-programs .swiper .box img.scroll-box-img {
    border-radius: 16px;
}

.education-programs .scroll .img-linear-background, .education-programs .swiper .img-linear-background {
    display: none;
}

.education-programs .scroll .incele-link, .education-programs .swiper .incele-link {
    transform: none;
    left: 10px;
}

.tbody .tr-list {
    overflow-y: hidden;
}

#branch-detail::before {
    background-color: #000;
}

.education-programs .tab-slider-btn .btn-card-bg {
    border: 1px solid #000;
    border-radius: 16px;
    padding: 5px 25px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree', sans-serif;
    line-height: 160%;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.dropdown-menu.four .right a img {
    object-fit: cover;
}

.second-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 100px;
}

.product-detail-container {
    width: 100%;
    max-width: 1400px;
    border: 1px solid #EEEEEE;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'figtree', sans-serif;
}

.product-detail-container .product-detail-left {
    max-width: 40%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.product-detail-container .product-detail-left .circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid red;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #fff;
    color: red;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 18px;
}

.product-detail-container .product-detail-left .circle .counter {
    font-weight: 900;
}

.product-detail-container .product-detail-right {
    margin-bottom: 20px;
    width: 70%;
}

.product-detail-container .product-detail-right h2, .product-detail-container .product-detail-right h1 {
    font-size: 24px;
    font-weight: 700;
    color: #454545;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.product-detail-container .product-detail-right .price-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.product-detail-container .product-detail-right .price-detail .price {
    font-size: 32px;
    font-weight: 700;
    color: #15CF74;
    line-height: 30px;
}

.product-detail-container .product-detail-right .price-detail .price::after {
    content: "₺";
    margin-left: 2px;
    font-size: 24px;
    color: #15CF74;
    font-weight: 700;
}

.product-detail-container .product-detail-right .price-detail .icon {
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail-container .product-detail-right .price-detail .icon img {
    width: 100px;
}

.product-detail-container .product-detail-right .table-top {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-detail-container .product-detail-right .table-top .left p {
    color: #EC660F;
    margin-left: 2px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.product-detail-container .product-detail-right .table-top .left {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.product-detail-container .product-detail-right .table-top .right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.product-detail-container .product-detail-right .table-top .right .price-fw-7 {
    color: #454545;
    font-weight: 700;
}

.product-detail-container .product-detail-right .table-top .right {
    font-weight: 500;
}

.product-detail-container .product-detail-right .table-top .right .text-orange {
    color: #EC660F;
    font-weight: 700;
}

.product-detail-container .product-detail-right .table-midd {
    display: flex;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 0;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
}

.product-detail-container .product-detail-right .table-midd .table-section {
    display: flex;
    align-items: center;
    width: 100%;
}

.product-detail-container .product-detail-right .table-midd .table-section-question {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-detail-container .product-detail-right .table-midd .table-section-question span {
    display: flex;
    align-items: center;
    gap: 3px;
}

.product-detail-container .product-detail-right .buy-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.product-detail-container .product-detail-right .buy-btn a {
    background-color: #EC660F;
    border-color: #EC660F;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 35px;
    text-transform: capitalize;
    text-decoration: none;
    margin-top: 15px;
}

.book {
    transition: opacity 0.4s 0.2s;
}

.page {
    width: 100%;
    height: 100%;
    background-color: #111111;
    float: left;
    margin-bottom: 0.5em;
    background: left top no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding: 15px;
}

.page img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.page:nth-child(even) {
    clear: both;
}

.book {
    perspective: 250vw;
}

.book .pages > .page:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.book .pages {
    width: 60vw;
    height: 44vw;
    position: relative;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    border-radius: 4px;
}

.book .page {
    float: none;
    clear: none;
    margin: 0;
    position: absolute;
    top: 0;
    width: 30vw;
    height: 40vw;
    transform-origin: 0 0;
    transition: transform 1.4s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    cursor: pointer;
    user-select: none;
    background-color: #f0f0f0;
}

#books-responsive {
    display: none;
}

.book .page:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.7s;
    z-index: 2;
}

.book .page:nth-child(odd) {
    pointer-events: all;
    transform: rotateY(0deg);
    right: 0;
    border-radius: 0 4px 4px 0;
    background: rgb(110, 68, 68);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.book .page:nth-child(odd):hover {
    transform: rotateY(-15deg);
}

.book .page:nth-child(odd):hover:before {
    background: rgba(0, 0, 0, 0.03);
}

.book .page:nth-child(odd):before {
    background: rgba(0, 0, 0, 0);
}

.book .page:nth-child(even) {
    pointer-events: none;
    transform: rotateY(180deg);
    transform-origin: 100% 0;
    left: 0;
    border-radius: 4px 0 0 4px;
    border-color: black;
    background: rgb(166, 84, 84);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#branch-detail::before {
    display: none;
}

#branch-detail {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.container-left .swiper-slide img {
    border-radius: 16px;
}

.book .page:nth-child(even):before {
    background: rgba(0, 0, 0, 0.2);
}

.book .page.grabbing {
    transition: none;
}

.book .page.flipped:nth-child(odd) {
    pointer-events: none;
    transform: rotateY(-180deg);
}

.book .page.flipped:nth-child(odd):before {
    background: rgba(0, 0, 0, 0.2);
}

#why-us-responsive {
    display: none;
}

#buttons {
    display: none;
}

.book .page.flipped:nth-child(even) {
    pointer-events: all;
    transform: rotateY(0deg);
}

.book .page.flipped:nth-child(even):hover {
    transform: rotateY(15deg);
}

.book .page.flipped:nth-child(even):hover:before {
    background: rgba(0, 0, 0, 0.03);
}

.book .page.flipped:nth-child(even):before {
    background: rgba(0, 0, 0, 0);
}

.page:nth-child(odd) {
    background-position: right top;
}

.table-section-value {
    margin-left: 10px;
}

.second-container .title {
    margin-top: 100px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #EEEEEE;
    width: 60%;
    text-align: center;
}

.education-programs .scroll .box {
}

.education-programs .scroll .box .title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    display: flex;
    top: 100px;
    align-items: flex-end;
}

#pride-table-mobile {
    display: none;
}

.map-box-mobile {
    display: none;
}

@media screen and (max-width: 480px) {
    #pride-table-mobile {
        display: block;
        width: 95%;
        margin: auto auto 30px;
    }

    .branches-responsive-slider .branch-card {
        padding-bottom: 0;
    }

    .alt-sayfa-backg, .sub-page-2-backg-img {
        border-radius: 0 0 5% 5%;
    }

    .info-section .branch-card .text-card {
        max-width: inherit;
    }

    .info-section .branch-card {
        max-width: inherit;
    }

    .info-section .branch-card .img img {
        width: 90px;
        height: 90px;
    }

    .news.online-education .header-blue-btn {
        padding: 10px 10px !important;
    }

    .news.online-education .header-white-btn {
        padding: 10px 15px !important;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items li.active > .sub_menu li {
        margin-bottom: 10px;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items li.active > .sub_menu li:last-child {
        margin-bottom: 0;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li a .header .title {
        font-size: 14px;
    }

    #mobile_header {
        top: 91px;
    }

    .education-programs .scroll .incele-link, .education-programs .swiper .incele-link {
        left: 10px;
    }

    .education-programs .scroll .box .title, .education-programs .swiper .box .title {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 20px 80px 20px 20px;
        display: flex;
        top: 20px;
        align-items: flex-end;
        font-size: 16px;
    }

    .events .card-slider .title {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 15px;
        display: flex;
        top: inherit;
        align-items: flex-end;
    }

    .education-slider .swiper-slide .position-relative::before {
        border-radius: 16px;
    }

    .abroad-education .education-slider .swiper-wrapper {
        padding-bottom: 20px;
    }

    .abroad-education {
        margin-bottom: 10px;
    }

    .why-us .our-avantage .our-avantage-bg {
        transform: scale(0.7);
        right: 0;
        top: -1%;
    }

    .our-publications .header .header-bottom .header-black-btn, .our-publications .header .header-bottom .header-white-btn {
        padding: 14px 4px;
    }

    .info-section .branch-card .incele-link {
        opacity: 1;
        bottom: -11px;
        right: 16px;
        display: flex !important;
    }

    .left-slider .swiper .swiper-slide img {
        border-radius: 10px;
    }

    .left-slider .swiper .swiper-slide .top-slide-box.min {
        max-height: 70px;
        object-fit: cover;
    }

    .swiper.mySwiper-bottom {
        max-height: 70px;
    }

    .contact-info {
        margin: 0;
    }

    #mobile_header .mobile_nav_container {
        height: auto;
        max-height: 100%;
    }

    .bottom-text.responsive {
        margin-bottom: 30px;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li a .header .subtitle {
        font-weight: 500;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items li.active > .sub_menu {
        padding-bottom: 0;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items ul.sub_menu li a {
        padding: 5px 0;
    }

    .contact-section.responsive .contact-map .adress {
        min-height: 60px;
        justify-content: center;
        align-items: center;
    }

    .navbar-responsive .bottom .bottom-buttons .button {
        font-size: 12px;
    }

    .navbar-responsive .bottom .bottom-buttons .button svg {
        margin-right: 5px;
    }

    .navbar-responsive .bottom .bottom-buttons .button span > span {
        font-weight: 500;
        display: block;
    }

    #buttons a:first-child, #buttons a:nth-child(2), #buttons a:nth-child(3) {
        text-align: center;
        height: 50px;
        line-height: 50px;
    }

    #buttons {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
        padding: 40px 15px 15px;
        overflow: hidden;
    }

    #buttons a {
        color: #fff;
        display: inline-block;
        margin-right: 15px;
    }

    #buttons a:last-child {
        margin-right: 0;
    }

    #buttons a:first-child {
        float: left;
        width: 50px;
        font-size: 18px;
        background: #e02020;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alt-sayfa-backg .course-info-section .number-button svg {
        height: 30px;
        width: 30px;
        fill: #fff;
    }

    .alt-sayfa-backg .course-info-section .number-button svg #signal-1 {
        animation: onCallTwo 1s steps(10) infinite;
        -webkit-animation: onCallTwo 1s steps(10) infinite;
        animation-delay: 1.5s;
    }

    .alt-sayfa-backg .course-info-section .number-button svg #signal-2 {
        animation: onCall 1s steps(5) infinite;
        -webkit-animation: onCall 1s steps(5) infinite;
        animation-delay: 0s;
    }

    .books-all-see {
        display: none;
    }

    .book .accordion-slider.tab-open {
        display: none;
    }

    #books-responsive {
        display: block;
    }

    .navbar-responsive .bottom .bottom-buttons .button.blue svg {
        height: 20px;
        width: 20px;
        fill: #fff;
    }

    .navbar-responsive .bottom .bottom-buttons .button.blue svg #signal-1 {
        animation: onCallTwo 1s steps(10) infinite;
        -webkit-animation: onCallTwo 1s steps(10) infinite;
        animation-delay: 1.5s;
    }

    .navbar-responsive .bottom .bottom-buttons .button.blue svg #signal-2 {
        animation: onCall 1s steps(5) infinite;
        -webkit-animation: onCall 1s steps(5) infinite;
        animation-delay: 0s;
    }

    #buttons a:first-child svg {
        max-width: 24px;
        max-height: 24px;
        fill: #fff;
    }

    #buttons a:first-child svg #signal-1 {
        animation: onCallTwo 1s steps(10) infinite;
        -webkit-animation: onCallTwo 1s steps(10) infinite;
        animation-delay: 1.5s;
    }

    #buttons a:first-child svg #signal-2 {
        animation: onCall 1s steps(5) infinite;
        -webkit-animation: onCall 1s steps(5) infinite;
        animation-delay: 0s;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
            opacity: 1;
        }
    }@keyframes zoomIn {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(0.3, 0.3, 0.3);
             transform: scale3d(0.3, 0.3, 0.3);
         }
         50% {
             opacity: 1;
         }
     }.zoomIn {
          -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
      }

    @keyframes onCall {
        0% {
            width: 10px;
            left: 34px;
            top: 28px;
            height: 12px;
            opacity: 0;
        }
        100% {
            width: 18px;
            left: 31px;
            top: 24px;
            height: 19px;
            opacity: 1;
        }
    }@keyframes onCallTwo {
         0% {
             width: 16px;
             left: 33px;
             top: 23px;
             height: 17px;
             opacity: 1;
         }
         100% {
             width: 18px;
             left: 35px;
             top: 18px;
             height: 23px;
             opacity: 0;
         }
     }#buttons a:nth-child(2) {
          float: left;
          width: 50px;
          font-size: 24px;
          border-radius: 50px;
          background: #25D366;
          display: flex;
          align-items: center;
          justify-content: center;
      }

    #buttons a:nth-child(3) {
        float: right;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 30px;
        background: #213c75;
        padding: 0 12px;
        position: relative;
    }

    #buttons a:nth-child(3) svg.fly {
        margin-left: 0;
        position: absolute;
        right: 12px;
        top: 12px;
        opacity: 0.2;
        bottom: 70px;
    }

    .thumb-slider-responsive {
        padding-bottom: 0 !important;
    }

    .our-publications .header {
        margin: 20px auto;
    }

    .our-publications .header .header-top .title {
        font-size: 24px;
    }

    .thumb-slider-responsive .swiper-slide {
        height: 450px;
    }

    .our-publications .tab-slider-btn .btn-card-book {
        padding: 10px 20px;
    }

    .why-us-container {
        flex-direction: column;
    }

    .why-us-container .left-box, .why-us-container .right-box {
        width: 100%;
    }

    .why-us-container .left-box .title {
        font-size: 18px;
    }

    .why-us-container .left-box .title svg {
        max-width: 35px;
    }

    .why-us-container .left-box .subtitle {
        font-size: 14px;
        margin-bottom: 0;
    }

    .why-us-container .left-box .avantage-section .icon img {
        max-width: 40px;
        height: auto;
        width: auto;
        margin: 0;
    }

    .why-us-container .left-box .avantage-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .why-us-container .left-box {
        gap: 15px;
    }

    .why-us-container .title {
        gap: 5px;
        font-size: 16px;
    }

    .why-us-container .subtitle {
        font-size: 14px;
    }

    .why-us-container .accordion-section .title {
        line-height: normal;
        font-size: 12px;
        align-items: flex-start !important;
    }

    .why-us-container .accordion-section svg {
        width: 15px;
        height: 15px;
    }

    .why-us-container .right-box .accordion {
        width: 100%;
    }

    #why-us-responsive {
        display: flex;
        width: 95%;
        margin: auto auto 30px;
    }

    .map-box-mobile {
        display: block;
        width: 95%;
        margin: auto;
    }

    .hakkimizda-text-box h2 {
        font-size: 18px;
    }

    .hakkimizda-text-box h4 {
        font-size: 16px;
    }

    .hakkimizda-text-box p {
        font-size: 14px !important;
    }

    .hakkimizda-text-box .description {
        width: 100%;
    }

    .hakkimizda-text-box img {
        width: 100%;
    }

    .job-postings {
        flex-direction: column;
    }

    .job-postings .job-box {
        width: auto;
        margin: 0 20px;
        flex-direction: column;
        gap: 20px;
    }

    .job-postings .job-box .btn a {
        width: 100%;
    }

    .references-box .references {
        margin: 50px 20px;
    }

    .references-box .references .references-section {
        flex-direction: column;
    }

    .references-box .references .references-section-box {
        max-width: 100%;
        background-color: #fff;
    }

    .references-box .references .references-section-box img {
        max-height: 150px;
    }

    .branches-container .branches-responsive-slider .swiper {
        padding: 25px 0 45px;
    }

    .news .buttons.row.align-items-end .column-center {
        width: 50%;
    }

    .news.online-education .swiper-slide .box img {
        border-radius: 16px;
    }

    .contact-page {
        flex-direction: column;
    }

    .contact-page .contact-form {
        width: 100%;
    }

    .contact-page {
        margin: 30px 0;
    }

    .contact-page .header {
        margin: 0 20px;
    }

    .contact-page .contact-form .form-box {
        padding: 30px 20px 20px;
    }

    .contact-page .contact-form .header .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .contact-page .contact-form .header .subtitle {
        font-size: 14px;
    }

    .contact-page .contact-form .form-box {
        margin: 15px;
    }

    .contact-page .contact-form .form-box .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact-page .contact-form .form-box .descp {
        font-size: 12px;
    }

    .contact-page .contact-adress, .contact-page .contact-adress .contact-section {
        display: block;
    }

    .contact-page .contact-map-iframe {
        max-height: 250px;
        margin: 30px 20px 10px;
    }

    .contact-page .contact-adress {
        display: block;
    }

    .contact-page .container-right .contact-section .number-box {
        width: max-content;
        margin: 0 20px;
        padding: 7px 14px;
    }

    .contact-page .container-right .contact-section .number-box .number {
        font-size: 16px;
    }

    .contact-page .container-right .contact-section .contact-map {
        margin: 30px 20px;
    }

    .contact-page .container-right .contact-section .contact-map .adress {
        width: 100%;
        max-width: 100%;
    }

    .contact-page .contact-adress, .contact-page .contact-adress .contact-section {
        width: 100%;
    }

    .branch-office .header .link {
        justify-content: center;
        width: 100%;
    }

    .branch-office .header .title {
        width: 100%;
        font-size: 20px;
        margin: 15px 0;
    }

    .branch-office .header {
        flex-direction: column;
        width: auto;
        margin: 0 20px;
    }

    .branch-office .office-card {
    }

    .office-card .branch-office-card {
        width: auto;
        max-width: 100%;
    }

    .branch-office .header .title {
        width: 100%;
    }

    .register-modal {
        overflow-y: scroll;
        max-height: 600px;
        top: 50px;
    }

    .register-modal .register-table .title {
        width: 100%;
    }

    .row.w-50.border-r {
        width: 100%;
    }

    .register-modal .backg-gray.border-b, .row.w-100.border-b {
        flex-direction: column;
    }

    .register-modal .backg-gray.border-b .row.w-50, .row.w-100.border-b .row.w-50 {
        width: 100%;
    }

    .register-modal .box-border {
        border: none;
    }

    .register-modal {
        border: 1px solid #fff;
    }

    #modalprogForm .row:last-child {
        flex-direction: column;
        width: 100%;
    }

    #modalprogForm .row:last-child .column.w-50 {
        width: 100%;
    }

    #modalprogForm .row:last-child .column.w-50 .row.align-center.gap-10.cursor-p {
        flex-direction: row;
    }

    .register-modal.second-page .gonder-btn {
        display: none;
    }

    .register-modal.second-page .form-info-btn {
        height: 40px;
        width: 50%;
        border-radius: 5px;
        background: transparent;
        color: #000;
        border: 1px solid #000;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        transition: 300ms;
    }

    #modalprogForm .row:last-child .w-50.justify-center {
        width: 100%;
    }

    .register-modal {
        border: 1px solid #fff;
        top: 50px;
        max-height: 600px;
    }

    .register-modal .box-border {
        border: none;
    }
}

#modalprogForm .row:last-child {
    width: 100%;
}

.register-modal.second-page .form-info-btn {
    height: 40px;
    width: 50%;
    border-radius: 5px;
    background: #1672b0;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: 300ms;
    margin-top: 8px;
}

.register-modal.second-page .gonder-btn {
    display: none;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-top: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.hakkimizda-text-box {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 20px;
    box-sizing: content-box;
    border-radius: 15px;
    margin: 30px 0;
}

.info-section .branch-card:hover .incele-link {
    align-items: center;
}

.why-us-container .accordion-section .description {
    margin-top: 10px;
}

.events .date.column-center.z-2 {
    bottom: 0;
    margin-bottom: 20px;
}

.news.online-education .swiper-slide .box {
    display: block;
    width: 100%;
    height: 100%;
}

.news .title {
    justify-content: flex-start;
}

.discount-2-modal .bottom .right .input input, .discount-modal .left .input input {
    padding: 5px 0;
    font-size: 14px;
    outline: none;
}

.footer-section-right {
    max-width: 250px;
}

.footer-section-right .number div {
    display: flex;
}

.footer-section-right .number div span:nth-child(1) {
    font-size: 24px;
    margin-right: 5px;
}

.footer-section-right .number div span:nth-child(2) {
    font-weight: 300;
    font-size: 24px;
}

.references-box {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.references-box .references {
    margin: 50px 0;
    font-family: 'figtree', sans-serif;
    line-height: normal;
}

.references-box .references .header .title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.references-box .references .header .subtitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
}

.references-box .references .references-section-box {
    width: auto;
    height: auto;
    max-width: 25%;
    border-radius: 16px;
    overflow: hidden;
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.references-box .references .references-section-box img {
    width: auto;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    max-height: 175px;
}

.references-box .references .references-section {
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 30px 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.line {
    width: 100%;
    height: 1px;
    background-color: #eeee;
}

.branch-office {
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #FDF8F6;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 40px;
}

.branch-office .header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'figtree', sans-serif;
    line-height: normal;
    margin-bottom: 50px;
    margin-top: 40px;
}

.branch-office .header .title {
    font-size: 22px;
    font-weight: 700;
    width: 50%;
}

.branch-office .header .link {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.branch-office .header .link a {
    border: 1px solid #464646;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 400ms;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.our-publications .tab-slider-btn .btn-card-book {
    padding: 5px 10px;
}

.our-publications .swiper-pagination-bullet {
    width: 22px !important;
    height: 6px !important;
}

.branch-office .header .link a:hover {
    background-color: #333;
    color: #fff;
}

.branch-office .office-card {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 50px;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'figtree', sans-serif;
}

.why-us-container .accordion-section .description {
    font-family: 'figtree', sans-serif;
}

.office-card .branch-office-card {
    position: relative;
    max-width: 20%;
    display: flex;
    flex-direction: column;
    font-family: 'figtree', sans-serif;
    align-items: center;
    height: 200px;
    width: 100%;
    margin-top: 30px;
}

.office-card .branch-office-card .img {
    max-width: 140px;
    height: 140px;
    aspect-ratio: 1.1;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.office-card .branch-office-card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.office-card .branch-office-card .hover-box {
    padding: 5px 15px;
    font-size: 12px;
    line-height: normal;
    color: #fff;
    border-radius: 8px;
    background-color: #FA0C0E;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all 400ms;
}

.office-card .branch-office-card:hover .hover-box {
    opacity: 1;
}

.office-card .branch-office-card .city-box {
    background-color: #FA0C0E;
    border-radius: 10px;
    padding: 5px 15px;
    color: #fff;
    line-height: normal;
    position: absolute;
    top: -3px;
    left: 50%;
    text-transform: capitalize;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
}

.office-card .branch-office-card .box {
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 15px;
    position: absolute;
    border: 1px solid #eeee;
    bottom: 10px;
}

.office-card .branch-office-card .box .title {
    color: #2C3747;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.office-card .branch-office-card .box .tel {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: normal;
    color: #FA0C0E;
    font-weight: 700;
}

.education-programs .tab-slider-btn .btn-card-bg.tab-open {
    background: #000;
    color: #fff;
}

.alt-sayfaHeader {
    height: 500px;
}

.alt-sayfa-backg .alt-sayfa-gradient {
    border-radius: 0 0 40% 40%;
}

.alt-sayfa-backg.alt-sayfaHeader {
    border-radius: 0 0 10% 10%;
}

.alt-sayfa-backg.alt-sayfaHeader .alt-sayfa-gradient {
    border-radius: 0 0 10% 10%;
}

.second-container.book-detail {
    margin-top: 30px;
}

.second-container.book-detail .product-detail-container {
}

.second-container.book-detail .table-section {
    margin-top: 0;
}

.second-container.book-detail {
    display: flex;
    justify-content: space-between;
}

.second-container.book-detail .book-container {
    display: flex;
    padding: 16px 0 160px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #FDF8F6;
    border-radius: 16px;
    height: 100%;
}

.second-container.book-detail .product-detail-container {
    width: 100%;
    border: 0;
    padding: 0 60px 0 0;
    justify-content: center;
    align-items: center;
    max-width: inherit;
}

.second-container.book-detail .book {
    padding: 0;
    justify-content: center;
    width: 30vw;
}

.second-container.book-detail .book .pages {
    height: auto;
}

.second-container.book-detail .book .page {
    width: auto;
    /* height: 390px; */
    height: 500px;
}

.second-container.book-detail .book {
    position: relative;
}

.second-container.book-detail .book .book_title {
    position: absolute;
    left: 0;
    right: 0;
    text-align: centeR;
    font-weight: 700;
    top: 15px;
}

.second-container.book-detail .book .pages {
    margin-top: 40px;
}

.second-container.book-detail .book {
    margin-right: 60px;
}

.book .page, .book .page:nth-child(even), .book .page:nth-child(odd) {
    background-color: #ec660f;
}

.second-container.book-detail .book-container {
    position: relative;
}

.second-container.book-detail .book_flip_text {
    left: 0;
    right: 0;
    text-align: centeR;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    top: 0;
}

.swiper.mySwiper {
    overflow: inherit;
}

.thumb-slider-responsive .mySwiper30 .swiper-slide img {
    border-radius: 7px;
}

.thumb-section .mySwiper .swiper-slide-thumb-active::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 10px solid #fff;
    margin: 0 auto;
    top: -10px;
    left: 0;
    right: 0;
}

.thumb-section .mySwiper .swiper-slide {
    overflow: inherit;
}

.thumb-section .mySwiper .swiper-slide {
    overflow: inherit;
}

.thumb-section .mySwiper img {
    border-radius: 13px;
}

.alt-sayfa-backg .course-info-section .course-info-buttons .whatsapp-button {
    background: rgb(37 211 102 / 31%);
}

.footer-contracts {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.footer-contracts ul {
    display: flex;
    justify-content: center;
}

.footer-contracts ul li {
    display: flex;
    margin-right: 20px;
}

.footer-contracts ul li:last-child {
    margin-right: 20px;
}

.footer-contracts ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

@media (max-width:600px){
    .second-container.book-detail .book .page {
        height: 100%;
    }
}

.table-section .table-box .thead .th:nth-child(1) {
    text-align: center;
}

.table-section .table-box {
    padding: 5px 0;
}

.table-section .table-box .thead {
    padding-bottom: 5px;
    text-align: center;
}

.table-section .table-box .thead .th {
    font-size: 11px;
}

.tbody .tr-list {
    border-bottom: 1px solid #ddd;
}

.table-section .table-box {
    background-color: #DFF6FF;
}

.table-section .tbody .tr-list.green {
    background-color: #BBE1FA;
}

.table-section .tbody .tr-list.red {
    background-color: #3282B8;
}

.table-section .tbody .tr-list .tr .tr-box.green {
    background-color: #256D85;
    color: #fff;
}

.table-section .tbody .tr-list .tr .tr-box.red {
    background-color: #FA0C0E;
    color: #fff;
}

@media only screen and (max-width: 600px) {
    .alt-sayfa-backg {
        padding-top: 90px;
    }

    main {
        position: relative;
        z-index: 1;
    }

    .slider-gradien-left, .slider-gradien-right {
        display: none;
    }

    .navbar-responsive {
        position: fixed;
        top: 0;
        z-index: 999999999;
    }

    .navbar-responsive .bottom {
        background-color: white;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden;
    }

    .thumb-slider-responsive {
        margin-top: 60px;
    }

    .thumb-slider-responsive .mySwiper30 .swiper-slide {
        position: relative;
        overflow: inherit;
    }

    .thumb-slider-responsive .mySwiper30 .swiper-slide img {
        border-radius: 7px;
    }

    .thumb-slider-responsive .mySwiper30 .swiper-slide {
        box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
        border: 3px solid transparent;
    }

    .thumb-slider-responsive .mySwiper30 .swiper-slide.swiper-slide-thumb-active::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        margin: 0 auto;
        top: -10px;
        left: 0;
        right: 0;
    }

    /* .second-container.book-detail .book {
        display: none;
    } */

    .second-container.book-detail .book {
        width: 100%
    }

    .office-card {
        flex-direction: row;
        display: flex;
    }

    .office-card .branch-office-card {
        width: 48%;
        max-width: 48%;
        display: flex;
    }

    body.not_scroll {
        overflow: hidden;
    }

    #mobile_header.active::before {
        top: 100px;
    }

    .alt-sayfa-backg .course-info-section .number-button {
        width: 100%;
    }

    .alt-sayfa-backg .alt-sayfa-gradient {
        border-radius: 0 0 5% 5%;
    }

    .alt-sayfaHeader {
        height: 300px;
    }

    .fm-career {
        width: 100%;
        max-height: 100%;
        max-width: 100% !important;
        margin-top: 30px;
    }

    .form-box .descp {
        color: #666;
        font-size: 13px;
        line-height: 18px;
    }

    .second-container.book-detail .product-detail-container {
        padding: 0;
        flex-direction: column;
    }

    .second-container.book-detail .book-container {
        flex-direction: column;
        flex-wrap: wrap;
        padding: 16px 0;
        margin-bottom: 30px;
    }

    .product-detail-container .product-detail-left {
        max-width: 90%;
    }

    .product-detail-container .product-detail-right {
        max-width: 100%;
        width: 95%;
    }

    .product-detail-container .product-detail-right .table-midd .table-section {
        font-size: 12px;
        width: 50%;
    }

    .product-detail-container .product-detail-right .table-midd .table-section .table-section-value {
        padding-right: 5px;
    }

    .product-detail-container .product-detail-right .buy-btn {
        justify-content: center;
    }

    .second-container.book-detail .book .pages {
        width: 100%;
        height: 450px;
        margin-top: 70px
    }

    .contact-adress-box .icon {
        max-width: inherit;
        max-height: inherit;
    }

    .branches-container .branch-card .incele-link {
        display: flex !important;
        opacity: 1 !important;
        bottom: -25px;
        right: 0;
    }

    .branch-office .office-card {
        margin-bottom: 10px;
    }

    .branch-office .header {
        text-align: center;
    }

    .branch-office .header .title {
        width: 100%;
    }

    .branch-office .header .link {
        width: 100%;
        justify-content: center;
    }

    .footer-contracts ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-contracts ul li {
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-contracts ul li a {
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .footer-section-right {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }

    .branches-container .tab-slider-btn .btn-card-branch {
        font-size: 12px;
        padding: 5px 10px;
        line-height: 16px;
    }

    .news.online-education .news-link-a {
        padding: 0 15px;
        font-size: 13px;
    }

    .pride-table-continer {
        max-height: 268px;
    }

    .abroad-education .top .icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abroad-education .top svg {
        max-width: 85%;
    }

    .news .all-news-see {
        justify-content: center;
        align-items: center;
    }

    .news .all-news-see.responsive {
        display: flex;
        padding: 5px 25px;
        font-size: 13px;
        max-width: 200px;
        margin: 0 auto;
    }

    .footer-rights {
        font-size: 12px;
        opacity: 0.4;
    }

    .design-company .company-p {
        margin-bottom: 80px;
        font-size: 10px;
        opacity: 0.4;
        font-weight: 400;
    }

    .footer-bottom .our-partners:nth-child(7) {
        display: none;
    }

    .footer-bottom .our-partners:nth-of-type(2) .partner-img div:nth-child(1) {
        width: 30%;
    }

    .footer-bottom .our-partners:nth-of-type(2) .partner-img div:nth-child(2) {
        width: 30%;
    }

    .footer-bottom .our-partners:nth-of-type(2) .partner-img div:nth-child(3) {
        width: 30%;
    }

    .footer-bottom .our-partners:nth-of-type(2) .partner-img {
        gap: 20px 0;
    }

    .footer-bottom .our-partners:nth-of-type(2) {
        margin-bottom: 20px;
    }

    .footer-bottom .our-partners:nth-of-type(1) {
        margin-top: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #444;
        margin-bottom: 10px;
        border-bottom: 1px solid #444;
    }

    footer .footer-backg-icon {
        bottom: 250px;
        opacity: 0.25;
    }

    .footer-bottom .our-partners .title {
        margin-bottom: 20px;
    }

    .footer-contracts {
        margin-top: 20px;
    }

    .footer-section .descp {
        margin-bottom: 10px;
    }

    .footer-section-midd {
        margin-top: 10px;
    }

    footer .accept-btn {
        margin-top: 10px;
    }

    .footer-section-midd .descp {
        margin-bottom: 10px;
    }

    .footer-section-midd .social-media-icon {
        margin-bottom: 20px;
        width: 200px;
    }

    .footer-section-midd .social-media-icon svg {
        max-width: 30px;
        max-height: 30px;
    }

    .footer-section-right .call-btn {
        padding: 7px 20px;
    }

    .footer-section .title {
        text-align: center;
    }

    .footer-section-midd .descp {
        text-align: center;
    }

    .footer-section-midd .social-media-icon {
        width: 100%;
        max-width: inherit;
        justify-content: center;
        align-items: center;
    }

    .footer-section-midd .social-media-icon a {
        width: 60px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #buttons a:nth-child(3) svg {
        margin-left: 5px;
    }

    #buttons a:nth-child(3) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mobile_header.active {
        position: fixed;
        top: 91px;
    }
}

.container-right .student-content .box {
    cursor: pointer;
}

.reference-slider .swiper-slide img {
    filter: contrast(.1);
    transition: 300ms;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.reference-slider .swiper-slide:hover img {
    filter: contrast(1);
}

.information-button {
    justify-content: center !important;
    padding-right: 0 !important;
}

@keyframes gradientBG {
    0%, 100% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

.form-box {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: 5s infinite gradientBG;
}

.table-section .table-box {
    overflow: hidden;
}

.pride-table-modal {
    width: 100%;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 9;
    background-color: rgb(0, 0, 0, .7);
}

.pride-table-modal.active {
    display: flex;
}

.pride-table-modal.active {
    display: flex;
}

.pride-table-modal .pride-table {
    max-width: 1000px;
    width: 95%;
    border-radius: 15px;
    padding-bottom: 20px;
    background-color: #fff;
}

.pride-table-modal .pride-table .header {
    position: relative;
}

.pride-table-modal .pride-table .pride-table-continer {
    max-height: 75%;
    overflow-y: scroll;
    height: 100%;
}

.pride-table-modal .pride-table .header {
    position: relative;
}

.pride-table-modal .pride-table {
    position: relative;
}

.pride-table-modal .pride-table .pride-modal-close {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

.pride-table-modal .pride-table .pride-modal-close svg {
    height: 40px;
    width: 100%;
}

#register {
    display: none;
    position: fixed;
    z-index: 9;
    background-color: rgb(0, 0, 0, .7);
}

#register.active {
    display: flex;
}

.news .header-white-btn {
    gap: 5px;
}

.pride-table-modal.container-right {
    max-width: 100%;
}

.mobile-nav-menu-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-box {
    position: relative;
}

.form-box::before {
    content: '';
    background-color: white;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    border-radius: 9px;
    z-index: 0;
}

.form-box .descp, .form-box .title, .form-box form {
    position: relative;
    z-index: 2;
}

.swal2-popup {
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px, rgba(0, 0, 0, 0.3) 0 7px 13px -3px, rgba(0, 0, 0, 0.2) 0 -3px 0 inset;
}

.info-content-box {
    max-height: 126px;
}

.thumb-section .tab-article-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 126px;
}

h2.subeler-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

#infoMobileForm .form-box {
    background: #fff;
}

#infoMobileForm {
    z-index: 999;
}

#infoMobileForm .info-modal {
    margin: 0;
}

#infoMobileForm {
    background-color: transparent;
    max-height: 86%;
}

#branch-detail.responsive {
    display: none;
}

@media screen and (max-width: 480px) {
    .pride-table-modal.container-right {
        height: 100%;
    }

    .container-right .pride-table .header {
        padding: 13px 28px;
        width: 100%;
    }

    .pride-table-modal .pride-table .header .pride-modal-close {
        top: 15px;
        right: 15px;
    }

    .pride-table-modal .pride-table .header .pride-modal-close svg {
        height: 30px;
        width: 100%;
    }

    .pride-table-modal .pride-table {
        margin-top: 65px;
    }

    #branch-detail.responsive {
        padding: 10px;
        display: flex;
    }

    .online-education-slider-tab.active {
        padding-left: 20px;
    }

    .tab-slider-btn .tab-slider-container {
        max-width: 500px;
        overflow-y: scroll;
        justify-content: flex-start;
        padding-bottom: 10px;
    }

    .pride-table-modal .pride-table {
        height: 75%;
    }

    .pride-table-modal .pride-table .pride-modal-close {
        top: 20px;
        right: 20px;
    }

    .pride-table-modal .pride-table .pride-modal-close svg {
        height: 30px;
        width: 100%;
    }

    #mobile_header .mobile_nav_container ul.main_menu_items .mobile-nav-menu-img {
        margin: 20px 0 45px;
    }

    .information-button {
        background-color: transparent;
    }
}

footer .accept-btn .accept-btn-box input[type="checkbox"], .discount-modal .left .checkbox-container .box input[type="checkbox"], .discount-2-modal .bottom .right .checkbox-container .box input[type="checkbox"] {
    width: 100%;
    height: 100%;
}

#all-program-list {
    padding: 0 20px;
}

#all-program-list .scroll {
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 100%;
    align-items: center;
    display: flex;
}

#all-program-list .scroll .box {
    width: 100%;
}

.pride-table .tab-slider-btn .tab-slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    justify-content: flex-start;
    padding-left: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.pride-table .tab-slider-btn .tab-slider-container::-webkit-scrollbar {
    width: 4px;
}

.pride-table .tab-slider-btn .tab-slider-container::-webkit-scrollbar-track {
    background: #e6e2e2;
    border-radius: 16px;
}

.pride-table .tab-slider-btn .tab-slider-container::-webkit-scrollbar-thumb {
    background: #a9a7a7;
    border-radius: 16px;
    border: 3px solid #e6e2e2;
}

.mt-60 {
    margin-top: 60px;
}

.navbar-responsive .top {
    position: relative;
}

.mobile-search-box#mobile-search-box {
    position: absolute;
    bottom: -38px;
    width: -webkit-fill-available;
    background: #fff;
    max-width: 100%;
    left: 0;
    margin: 0 5px;
    height: 37px;
    display: none;
    align-items: center;
    border-radius: 10px;
    transition: 300ms;
    padding-right: 10px;
}

.mobile-search-box#mobile-search-box input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    padding: 5px 0 5px 15px;
}

.mobile-search-box#mobile-search-box.active {
    display: flex;
}

.mobile-search-box#mobile-search-box .mobile-search-box-button {
    display: flex;
    background-color: #fff;
}

.mobile-search-box#search-box {
    position: absolute;
    bottom: -38px;
    width: -webkit-fill-available;
    background: #fff;
    max-width: 100%;
    left: 0;
    margin: 0 5px;
    height: 37px;
    display: none;
    align-items: center;
    border-radius: 10px;
    transition: 300ms;
    padding-right: 10px;
}

.mobile-search-box#search-box input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    padding: 5px 0 5px 15px;
}

.mobile-search-box#search-box.active {
    display: flex;
}

.mobile-search-box#search-box .mobile-search-box-button {
    display: flex;
    background-color: #fff;
}

.navbar .mobile-search-box#search-box {
    width: 350px;
    max-width: 350px;
    right: 0;
    left: auto;
    bottom: auto;
    top: 50px;
}

.fm-campus-form {
    width: 100%;
    margin-top: 50px;
}

.alt-sayfa-backg .course-info-section .number-button svg {
    height: 30px;
    fill: #fff;
}

.alt-sayfa-backg .course-info-section .number-button svg #signal-1 {
    animation: onCallTwo 1s steps(10) infinite;
    -webkit-animation: onCallTwo 1s steps(10) infinite;
    animation-delay: 1.5s;
}

.alt-sayfa-backg .course-info-section .number-button svg #signal-2 {
    animation: onCall 1s steps(5) infinite;
    -webkit-animation: onCall 1s steps(5) infinite;
    animation-delay: 0s;
}

.navbar-right-btn {
    position: inherit;
}

.desktop-search-box#search-box {
    position: absolute;
    width: 159px;
    background: #fff;
    right: -5px;
    margin: 0 5px;
    height: 37px;
    display: none;
    align-items: center;
    border-radius: 10px;
    transition: 300ms;
    padding-right: 10px;
    z-index: 99;
    top: 0;
}

.box img {
    width: 100%;
    height: 100%;
}

.references-box .references .references-section-box {
    border: 1px solid #eeeeee;
    max-width: 20%;
    justify-content: center;
}

.references-box .references .references-section {
    gap: 20px 5px;
}

.campus-programs {
    border-radius: 16px;
    overflow: hidden;
    filter: drop-shadow(5px -5px 35px rgba(0, 0, 0, 0.25));
    margin-bottom: 30px;
    max-width: calc(100% - 41px);
    width: 100%;
}

.campus-programs .header {
    background-color: #FA0E10;
    padding: 25px 20px 15px 25px;
    max-height: 96px;
    height: 100%;
    font-family: 'figtree', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
}

.campus-programs .programs-list {
    background-color: #fff;
    align-items: flex-start;
    padding: 28px 20px 28px 25px;
    height: max-content;
}

.campus-programs .programs-list .icon {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #D9D9D9;
}

.campus-programs .programs-list .text {
    font-family: 'figtree', sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    text-transform: capitalize;
}

footer .flag {
    min-width: 30px;
}

input:focus, select:focus, textarea:focus {
    outline: 2px solid #999 !important;
}

.gradient-container {
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.35) 100%);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events .swiper-slide .box .img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0, .5);
    top: 0;
    left: 0;
}

.news.online-education .swiper-slide .box .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
}

.news .mySwiper23 .box .img {
    display: flex;
}

.news .mySwiper23 .box .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
}

.content-box {
    background: none;
    border: 1px solid #727779;
}

#button {
    display: inline-block;
    background-color: #32d762;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    line-height: 40px;
    color: #fff;
    font-size: 24px;
    position: fixed;
    margin: 0 auto;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    bottom: 80px;
    right: 15px;
    cursor: pointer;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

.thumb-section .tab-article-info .title h3 {
    font-family: 'Figtree', sans-serif;
    font-size: 48px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
}

.form-box::before {
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px;
    border-radius: 13px;
}

:focus {
    outline: none !important;
}

.container-right .contact-section .number-box .icon svg {
    height: 36px;
    width: 36px;
    fill: #fff;
}

.container-right .contact-section .number-box .icon svg #signal-1 {
    animation: onCallTwo 1s steps(10) infinite;
    -webkit-animation: onCallTwo 1s steps(10) infinite;
    animation-delay: 1.5s
}

.container-right .contact-section .number-box .icon svg #signal-2 {
    animation: onCall 1s steps(5) infinite;
    -webkit-animation: onCall 1s steps(5) infinite;
    animation-delay: 0s
}

.container-right .contact-section .number-box {
    padding: 7px 18px;
    gap: 10px;
}

.container-right .contact-buttons {
    justify-content: space-between;
    display: flex;
}

.container-right .contact-buttons .testing-button {
    width: 48%;
    padding: 12px 0;
    display: flex;
    justify-content: center;
}

.container-right .contact-section .contact-map .adress {
    align-items: center;
}

.container-right .contact-section .contact-map .box {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 84px;
    height: 80px;
    border: 2px solid #fff;
    background-color: transparent;
}

.container-right .contact-section .contact-map .box .icon {
    transition: all 300ms ease;
    max-width: inherit;
}

.container-right .contact-section .contact-map .box svg {
    width: 55px;
    height: 55px;
}

.container-right .contact-section .contact-map .box .icon {
    color: #fff;
}

.container-right .contact-section .contact-map .box .text {
    color: #fff;
}

.container-right .contact-section .contact-map:hover .box .icon {
    top: 10px;
}

.container-right .contact-buttons .whatsapp-button {
    background-color: #1bba56;
    transition: all 300ms ease;
}

.container-right .contact-buttons .testing-button {
    background-color: red;
    transition: all 300ms ease;
}

.container-right .contact-buttons .whatsapp-button:hover {
    border-color: #1bba56;
    background-color: transparent;
}

.container-right .contact-buttons .testing-button:hover {
    background-color: transparent;
}

.form-box .form-info-btn {
    transition: all 300ms ease;
}

.form-box .form-info-btn:hover {
    opacity: 0.8;
}

input:focus {
    outline: auto;
    outline-color: #999;
}

.form-box .form-info-btn {
    background-color: red;
}

header .header-right a.header-right-link.active:before {
    height: 3px;
}

.info-section .bottom .bottom-right {
    min-width: 450px;
}

.alt-sayfa-backg.alt-sayfaHeader.iletisim {
    height: 350px;
}

@media screen and (max-width: 600px) {
    .education-programs .educations-programs-see-link:focus {
        background-color: #fcf7f5;
    }

    .education-programs .educations-programs-see-link:hover {
        background-color: black;
        color: #fff;
    }

    .why-us .our-avantage .list .list-section .icon {
        max-height: inherit;
    }

    .educations-programs-see-link:hover, .educations-programs-see-link:focus, .educations-programs-see-link:active, .educations-programs-see-link:hover, .educations-programs-see-link:focus, .educations-programs-see-link:active, .educations-programs-see-link:focus-visible, .educations-programs-see-link:focus-within, .educations-programs-see-link:visited, .educations-programs-see-link:target, .educations-programs-see-link:link {
        background: transparent !important;
        border-color: #000;
        color: #000 !important;
        outline: none;
        box-shadow: unset;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .alt-sayfa-backg.alt-sayfaHeader.iletisim {
        height: 180px;
    }

    .alt-container {
        margin-top: 40px;
    }

    .contact-section.responsive .number-box .icon svg {
        height: 36px;
        width: 36px;
        fill: #fff;
    }

    .contact-section.responsive .number-box .icon svg #signal-1 {
        animation: onCallTwo 1s steps(10) infinite;
        -webkit-animation: onCallTwo 1s steps(10) infinite;
        animation-delay: 1.5s
    }

    .contact-section.responsive .number-box .icon svg #signal-2 {
        animation: onCall 1s steps(5) infinite;
        -webkit-animation: onCall 1s steps(5) infinite;
        animation-delay: 0s
    }

    .contact-section.responsive a {
        gap: 10px;
        padding: 5px 20px;
    }

    .container-right .contact-section .contact-map .adress {
        align-items: center;
    }

    .contact-section.responsive .contact-map .box {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 84px;
        height: 80px;
        border: 2px solid #fff;
        background-color: transparent;
    }

    .contact-section.responsive .contact-map .adress .text .title, .contact-section.responsive .contact-map .adress .text .subtitle {
        color: #fff;
    }

    .contact-section.responsive .contact-map .adress .icon svg path {
        fill: #fff;
    }

    .contact-adress-box .text {
        color: #fff;
    }

    .contact-adress-box .icon {
        background-color: transparent;
    }

    .contact-section.responsive .contact-map .box .icon {
        transition: all 300ms ease;
        max-width: inherit;
    }

    .contact-section.responsive .contact-map .box svg {
        width: 55px;
        height: 55px;
    }

    .contact-section.responsive .contact-map .box .icon {
        color: #fff;
    }

    .contact-section.responsive .contact-map .box .text {
        color: #fff;
    }

    .contact-adress-box .icon path {
        fill: crimson;
    }

    .contact-info {
        background-color: transparent;
    }

    .sub-page-2-backg.branchPage .sub-page-2-backg-img {
        height: 1050px;
        max-height: 1050px;
        overflow: hidden;
        border-radius: 20px;
    }

    .contact-info {
        top: 30px;
    }

    .contact-buttons .whatsapp-button, .contact-buttons .testing-button {
        padding: 14px 5px;
        justify-content: center;
        display: flex;
    }

    .contact-buttons .whatsapp-button {
        background-color: #1bba56;
        transition: all 300ms ease;
        color: #fff;
    }

    .contact-buttons .testing-button {
        background-color: red;
        color: #fff;
        transition: all 300ms ease;
    }

    .contact-buttons .testing-button svg path {
        fill: #fff;
    }

    .contact-buttons .whatsapp-button:hover {
        border-color: #1bba56;
        background-color: transparent;
    }

    .contact-buttons .testing-button:hover {
        background-color: transparent;
    }

    .with_dropdown.subeler.active {
        background-image: url('../../web/20240602194600im_/https_/www.akademik.com.tr/assets/img/subeler-backg-img.html');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.description p {
    margin-bottom: 10px;
}

.description h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}

.education-programs .header, .education-programs .tab-slider-btn .row {
    margin-bottom: 30px;
}

.pride-table {
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    filter: drop-shadow(5px -5px 35px rgba(0, 0, 0, 0.18));
}

.pride-table .header {
    padding: 26px 28px 13px 28px;
}

.pride-table .header .title {
    font-family: 'Figtree', sans-serif;
    font-size: 24px;
    color: #203C75;
    text-transform: capitalize;
    font-weight: 700;
    line-height: normal;
}

.pride-table .header .subtitle {
    font-family: 'Figtree', sans-serif;
    font-size: 14px;
    opacity: .7;
    color: #203C75;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 170%;
}

.pride-table .tab-slider-btn .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
}

.pride-table .tab-slider-btn .btn-card.active {
    color: #fff;
    background-color: #203C75;
}

.pride-table .tab-slider-btn .btn-card:hover {
    background-color: #203C75;
    border-color: #203C75;
    color: #fff;
}

.pride-table .tab-slider-btn .btn-card {
    border: 1px solid #203C75;
    border-radius: 16px;
    padding: 5px 15px;
    color: #203C75;
    font-weight: 700;
    font-family: 'Figtree', sans-serif;
    line-height: normal;
    text-transform: uppercase;
    transition: 400ms;
    cursor: pointer;
}

.pride-table .pride-table-continer {
    width: 100%;
    padding: 0 8px 0px 30px;
    max-height: 400px;
    overflow-Y: scroll;
}

.pride-table .pride-table-continer table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'figtree', sans-serif;
    text-transform: capitalize;
    text-align: left;
    display: none;
}

.pride-table .pride-table-continer table.active {
    display: table;
}

.pride-table .tab-slider-btn .btn-card .title {
    font-size: 10px;
    line-height: normal;
}

@media only screen and (max-width: 600px) {
    .w-100.h-100.backg-black {
        z-index: 99999;
    }

    .navbar-responsive {
        z-index: 9;
    }

    .discount-2-modal .left {
        padding: 5px;
    }

    .discount-2-modal .left .note {
        font-size: 10px;
    }
}

@media screen and (max-width: 375px) {
    .blue > span {
        font-size: 9px !important;
    }

    #infoMobileForm .info-modal {
        margin: 0;
    }

    #infoMobileForm {
        max-height: 100%;
    }

    #infoMobileForm.active {
        height: 100%;
    }
}

.project img {
    width: 148px;
    height: 148px;
    object-fit: cover;
}

#button {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background-color: red
}

#instaModal .close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 77
}

#instaModal .close button {
    border: 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.youtube-anasayfa .youtube-container {
    padding: 20px 20px 10px;
    background: rgb(24 96 124 / 55%);
    border-radius: 16px;
    max-width: 800px;
    margin-bottom: 30px;
    position: relative;
    z-index: 5
}

.youtube-anasayfa .title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    margin: 20px 0
}

.youtube-anasayfa .youtube-kapsayici {
    gap: 5px;
    justify-content: center;
    align-items: center
}

.youtube-anasayfa .youtube-kapsayici .box {
    position: relative
}

.youtube-anasayfa .youtube-kapsayici .box .play-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 0, 0, .6) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 0, 0, .6) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 0, 0, .6) 100%);
    color: #fff;
    height: 113px;
    width: 113px;
    top: 0;
    border-radius: 100px;
    display: flex;
    padding-bottom: 15px;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column
}

.youtube-anasayfa .youtube-kapsayici .box .play-icon span {
    font-weight: 700;
    font-size: 12px
}

.student-content.responsive-box .box {
    width: 85px;
    height: 85px
}

.student-content.responsive-box .box img {
    border-radius: 85px
}

.news.online-education .swiper-slide .box .img:after {
    display: none
}

.news.online-education .swiper-slide .box .title {
    background: #fff;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #000 100%);
    bottom: -18px;
    left: 0;
    right: 0;
    margin-right: 0;
    border-radius: 0 0 14px 14px;
    padding: 20px;
    top: 50%;
    display: flex;
    align-items: flex-end
}

.info-modal .form-counter {
    background-color: red;
    display: flex;
    justify-content: center;
    padding: 10px;
    border-radius: 16px;
    align-items: center;
    margin-bottom: 20px
}

.register-modal .box-border {
    border-radius: 9px 9px 0 0
}

.info-modal .form-counter .title {
    color: #fff
}

.info-modal .form-counter .counter-text {
    margin-bottom: 0;
    color: #fff
}

.references-box .references .references-section-box img {
    max-height: 100px;
    padding: 15px 0;
    width: inherit;
    height: inherit
}

.education-programs .container {
    margin-top: 50px
}

.education-programs .tab-slider-btn .btn-card-bg, .education-programs .tab-slider-btn .btn-card-branch-prog {
    padding: 5px 17px !important;
    border: 1px solid #fa0c0e
}

.education-programs .tab-slider-btn .btn-card-bg.tab-open, .education-programs .tab-slider-btn .btn-card-branch-prog.tab-open {
    background-color: #fa0c0e
}

@media screen and (max-width: 480px) {
    #all-program-list .scroll .box {
        width: 47%;
        display: flex
    }

    #all-program-list .scroll {
        gap: 15px 15px !important;
        flex-direction: row;
        flex-wrap: wrap
    }

    #all-program-list .scroll .box .title {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: inherit !important;
        width: 100% !important
    }

    .branch-office.alt-container, .info-modal .form-box .accept-btn, .info-section .alt-container, .margin-top-zero-mobil, .references-box .alt-container, .why-us-container .accordion-section, footer {
        margin-top: 0
    }

    .references-box .references .header .title {
        font-size: 18px;
        line-height: 40px
    }

    .references-box .references .header .subtitle {
        font-size: 14px
    }

    .sub-page-2-backg.branchPage .sub-page-2-backg-img {
        max-height: 1020px;
        height: 1020px
    }

    .course-info-section.responsive {
        margin-top: 30px
    }

    .sub-page-2-text.responsive {
        top: 30px
    }

    #branch-detail.responsive, .education-programs .container {
        margin-top: 15px
    }

    #why-us-responsive {
        margin: 10px auto
    }

    .table-section.responsive {
        top: inherit;
        margin-top: 0
    }

    #pride-table-mobile {
        margin-top: 20px
    }

    .sub-page-2-main .student-content {
        margin-top: 10px
    }

    .sub-page-2-main .education-programs {
        top: inherit
    }

    .form-box .form-info-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        flex-direction: column;
        margin: 10px auto;
        padding: 3px 24px !important
    }

    .alt-sayfa-backg .course-info-section .course-info-buttons .testing-button {
        display: flex;
        background: #fa0e1099
    }

    .campus-programs {
        width: 100%;
        padding: 20px;
        max-width: none;
        overflow: hidden
    }

    .campus-programs .header {
        border-radius: 20px 20px 0 0
    }

    .branches-container .header .title {
        margin: 0 20px;
        padding: 0
    }

    .pride-table .header {
        padding: 20px 18px 13px
    }

    .pride-table .header .title {
        font-size: 18px
    }

    .campus-programs.responsive {
        margin-top: 30px;
        margin-bottom: 0
    }

    .branches-container .branch-card .incele-link {
        min-width: 120px
    }

    .student-content .student-content-icon {
        right: 0;
        top: 0;
        width: 720px;
        display: none
    }

    .nav-resp-logo img { /* max-width:270px */
        max-width: none;
        height: 40px;
        margin-left: -7px
    }

    .info-modal .form-counter .title {
        opacity: .8 !important
    }

    .references-box .alt-container .references {
        margin: 20px 0
    }

    .references-box .references .references-section {
        flex-direction: inherit
    }

    .references-box .references .references-section-box {
        max-width: 46%;
        flex: 0 0 50%
    }

    .references-box .references .references-section-box img {
        max-height: 60px
    }

    .education-programs .scroll .box .title, .education-programs .swiper .box .title {
        padding: 20px
    }

    .education-programs .title {
        width: inherit
    }

    .education-programs .title div {
        display: inline-flex
    }

    #instaModal.h-100 {
        height: 90%
    }

    .news.online-education .swiper-slide .box .title {
        bottom: -8px
    }

    .reference-slider .swiper-slide.swiper-slide-active img {
        filter: none
    }

    .branch-midd .branch-midd-right .branchs-box {
        gap: 6px !important
    }

    .contact-page .contact-adress, .contact-page .contact-adress .contact-section {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .branch-office {
        margin-bottom: 0;
        margin-top: 0
    }

    .branch-office .header {
        margin: 0 !important
    }

    .bottom-text.responsive .description img {
        width: 100% !important;
        height: auto !important
    }

    .campus-programs .header {
        padding: 10px
    }

    .campus-programs .header .title {
        font-weight: 700;
        font-size: 13px
    }

    .campus-programs .programs-list {
        border-radius: 0 0 20px 20px;
        padding: 15px
    }

    .student-content.responsive-box {
        margin-bottom: 15px
    }
}

.swal2-container {
    z-index: 9999999 !important;
}

#mobile_header .mobile_nav_container ul.main_menu_items li.active > .sub_menu.animated {
    padding-bottom: 40px;
}

.branch-midd {
    align-items: center;
}

.reference-slider .header .title {
    opacity: 1;
}

@media screen and (min-width: 1024.5px) {
    .alt-container {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

.news .mySwiper23 .title {
    font-size: 16px;
    line-height: 20px;
}

.news-list .book .title {
    font-size: 17px !important;
    line-height: 20px !important;
    bottom: -5px !important;
}

.spinning-wheel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #2f3c61cc;
    padding: 60px 0;
}

.spinning-wheel .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.spinning-wheel .header h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

.spinning-wheel .center-circle {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.spinning-wheel .wheel {
    position: relative;
    text-align: center
}

.spinning-wheel .center-circle img {
    height: 100px
}

.spinning-references {
    z-index: 1;
    overflow:hidden
}

.spinning-references .susler {
    position: absolute;
    z-index: -1;
    opacity: .6;
}

.spinning-references:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #213c75;
    z-index: -1;
}

.spinning-wheel .spin {
    background: #FF6000;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: bold;
    margin: 20px auto 0 auto;
    left: 50%;
    cursor: pointer;
}

.spinning-wheel .svg-triangle {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    stroke-width: 10px;
    stroke: #fff;
}

.spinning-wheel .header h5 {
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.spinning-wheel .header a {
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 12px;
}

.swal2-content span.alert {
    display: none
}

.swal2-content .discount-code {
    border: 2px dashed #1d32af;
    width: 100%;
    padding: 5px;
    text-align: center;
    margin: 20px 0;
    font-size: 18px;
    background: #f4f7ff;
    font-weight: 900;
    color: #0531e6;
}

.spinning-wheel .wheel-notice {
    text-align: center;
    color: #fff;
    margin: 20px 0;
    font-size: 12px
}

.spinning-wheel .header h3 img {
    height: 100px
}

.nav-resp-logo {
    align-items: center;
    gap: 10px
}

.spinning-wheel .shapes {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px
}

@media (max-width:600px) {
    .spinning-wheel .header h3 {
        font-size: 18px
    }
    .spinning-wheel .header h3 img {
        height: 60px
    }
    .spinning-wheel canvas {
        width: 350px;
    }
}

.button-to-exam {
    background: red;
    color: #fff;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    transition: all .3s ease;
}

.button-to-exam:hover {
    background: #dd0202;
}