body, h1, h2, h3, h4, h5, h6, p, span, ul, li, a {
font-family: Arial;
}

a.nav-link:hover {
    text-decoration: underline;
    text-decoration-color: #ffd520;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px;
}

/*nav*/
.navbar a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
.navbar-brand {
    margin: 0 auto;
    width: 150px;
}

.navbar-brand img {
    width: 115px;
    height: auto;
}

/* banner */
.course-banner {
	background-color: #f9d124;
}

h1#title {
font-size: 35px;
font-weight: bold;
color: #000;
padding: 15px 0 5px 0;
}

p#summary {
font-size: 15px;
color: #000;
padding: 10px 0 15px 0;	
}

.course-information-row {
padding-top: 10px;
}

.course-information-row a {
color: #000;
text-decoration: none;
}

p#review img {
margin-top: -5px;
}

p#instructor span {
font-weight: bold;
}

p#review, p#student, p#instructor {
font-size: 15px;
font-weight: 400;	
color: #000;
text-align: center;
}

.featured-attributes-row col {
justify-content: center; 
display: grid;
}

p.featured-attributes {
background: #000;
text-align: center;
color: #fff;
font-size: 12px;
align-items: center;
display: inline-flex;
border-radius: 5px;
width: 225px;
height: 40px;	
margin: 10px 0;
}

p.featured-attributes svg {
width: 35px;	
}

#student-reviews-btn svg {
margin-top: 2px;
}

.card {
border-radius: 20px !important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
padding: 10px !important;
}

.card-body {
padding: 1rem 1rem 0 1rem !important;
}

.card-img-top {
height: auto;
}

svg#play-icon {
position: absolute;
z-index: 9;
display: flex;
left: 50%;
transform: translate(-50%, -50%);
top: 23%;
filter: drop-shadow(-1px 1px 1px #222);
}

#indirim-oran {
font-weight: 700;
font-size: 24px;
color: #000;
text-align: center;
letter-spacing: -0.6px;
background: #f9d124;
padding: 5px;
border: 2px #000;
border-style: double;
border-radius: 5px;
}

#indirim-head {
font-weight: bold;
font-size: 17px;
color: #000;
text-align: center;
}

.countdown-item {
display: inline-block;
background-color: #f9d124;
border-radius: 15px;
margin-right: 7px;
color: #000;
text-align: center;
line-height: 1;
width: 65px;
padding: 10px 0;
}

.countdown-number {
font-size: 34px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}

.countdown-label {
margin-top: 0;
padding-top: 0;
font-size: 17px;
font-weight: 400;
}

#satin-al-btn {
border: 3px solid #000;	
border-radius: 3px;
background: #000;
width: 100%;
height: auto;
margin-top: 15px;
}

span#satin-al-text {
font-size: 19px;
font-weight: bold;
color: #fff;
}

span#price-1 {
font-size: 17px;
font-weight: 500;
color: #ffffffb3;
text-decoration: line-through;
margin-left: 15px;
}

span#price-2 {
font-size: 19px;
font-weight: bold;
color: #fff;
margin-left: 5px;
}

#giris-metni {
color: #000;
font-size: 18px;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}

#giris-metni a {
color: #a91547;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}

/* Content */

.course-area-head  {
color: #000;
font-weight: bold;
font-size: 30px;
padding-top: 50px;
padding-bottom: 10px;
}

/* Curriculum */
.curriculum-table td {
padding: 15px 5px !important;
}

.curriculum-table td.lesson-title {
font-weight: 500;
color: #000;
}

/* Acoordions */

.accordion-button:not(.collapsed) {
color: #000 !important;
background-color: #fff !important;
box-shadow: none !important;
}

.accordion-item {
border: none !important;
border-bottom: 1px solid #000 !important;
}

.accordion-button:focus {
border: none !important;
box-shadow: none !important;
}

.accordion-button {
font-weight: 700; 
color: #000; 
text-transform: uppercase;
}

/* Reviews*/

.review-title{
font-size: 21px;
font-weight: 500;
color: #000;
margin-bottom: 0;
}

.review-text {
font-size: 14px;
font-weight: 400;
color: #000;
margin-top: 10px;
}

p.review-user {
font-size: 12px;
font-weight: 400;
color: #333;
margin-bottom: 5px;
}

.profile-img {
border-radius: 50%;
}

#reviews-head-bottom {
color: #000;
font-size: 15px;
text-align: center;
}

#reviews-head-bottom img {
margin-top: -7px;
}

#btn-another-reviews {
border: none;
background: #000;
color: #fff;
font-size: 17px;
text-align: center;
float: right;
margin-bottom: 50px;
}

@media only screen and (max-width: 600px) {
	
.navbar a {
margin: 0 auto;
padding-left: 10vw;
}

p.featured-attributes {
width: 100%;
justify-content: center;	
}
	
#student-reviews-btn {
margin-bottom: 30px;
}
	
h1#title {
padding: 0;
text-align: center;
}
	
p#summary {
padding: 15px 0 0 10px;
}	
	
svg#play-icon {
transform: translate(-50%, 101%);
top: 0;
}	
	
.course-area-head {
font-size: 20px;
}	
	
p.review-user {
position: absolute;
left: 105px;
margin-top: -50px;
}
	
.phone-btn, .whatsapp-btn, .instagram-btn {
display: none !important;
}
	
.socials .col-4 {
padding: 10px 0;
}
	
.w-50.socials {
width: 100% !important;
}
	
.socials .col-2 {margin-top: 25px;}
	
.socials svg {
    width: 28px;
    height: 28px;
}
	
.bottom-bar {
display: block !important;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #000;
text-align: center; 
padding: 8px 0;
border-radius: 8px 8px 0 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
z-index: 9999;
}
	
.card {
padding: 0 !important;
}	
#indirim-oran {
font-size: 23px;
}
.card-title {
font-size: 24px !important;	
line-height: 1.2;
}
.countdown-item {
margin-right: 6px;
width: 60px;
}
#satin-al-btn {
padding: 7px 1px;
}	
	
footer {
text-align: center;
}
	
}


/*footer*/
.bg-000 {
    background: #000;
}

.footer-top p {
    font-size: 27px;
    font-weight: 700;
    color: #f9d124;
}

.footer-border {
    border-top: 5px solid #f9d124;
}

footer a {
    color: #fff!important;
    text-decoration: none;
}

.whatsapp, footer #phone {
    font-size: 18px;
}

footer .whatsapp {
    margin-left: 5px;
}

footer .heading {
    font-weight: 700;
    font-size: 20px;
    color: #f9d124;
}

#copyright {
    background: #f9d124;
    text-align: center;
    font-size: 15px;
    padding: 3px 0;
    margin-bottom: 0;
}

#copyright a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

.phone-btn {
    position: fixed;
    bottom: 425px;
    z-index: 999999;
    right: 0;
    background-color: #e91e63;
    width: 50px;
    height: 50px;
    text-align: center;
    border-top-left-radius: 0.6rem;
}

.whatsapp-btn {
    position: fixed;
    bottom: 375px;
    z-index: 999999;
    right: 0;
    background-color: #25d366;
    width: 50px;
    height: 50px;
    text-align: center;
}

.instagram-btn {
    position: fixed;
    bottom: 325px;
    z-index: 999999;
    right: 0;
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);
    width: 50px;
    height: 50px;
    text-align: center;
    border-bottom-left-radius: 0.6rem;
}

.instagram-btn, .phone-btn, .whatsapp-btn {
    display: grid;
    align-items: center;
}

.notification.other {
background-color: #ffffff00 !important;
border-color: #ffffff00 !important;
}

.notepad {
border-color: #fff0;
background: #f9d124;
border-radius: 15px;
color: #000 !important;
padding: 15px 35px;
}

.notepad a {
color: #000 !important;
text-decoration: none;
font-weight: 900;
}

.bottom-bar {
display: none;
}

.bottom-bar p {
color: #fff;
font-weight: 600;
font-size: 21px;
display: inline-flex;
margin: 0 5px;
}

.bottom-bar svg {
display: inline-flex;	
margin: 0 5px;
}

.btn-primary#kayit-ol-btn {
background: #000;
border: none;
padding: 0;
}

.bottom-bar span#price-1 {
font-size: 18px;
}
.bottom-bar span#price-2 {
font-size: 21px;
}

.curriculum-table thead {
display: none;
}

.js-video-button {
cursor: pointer;
}