* {
    box-sizing: border-box;
}


.green-button  , .loginform .btn-gold{
    display: inline-block;
    color: #fff!important;
    text-decoration: none;
    background-color: var(--primary-color);
    border-radius: 50px;
    padding: 20px 40px ;
    text-align: center;
    width: 100%;
    max-width: 320px;
    min-width: 200px;
    text-transform: capitalize;
    transition: .3s ease-in-out;
}
.green-button:hover , .loginform .btn-gold:hover {
    opacity: 0.8;
    background-color: var(--primary-color)!important;
    color: white !important;
}

.white-button {
    display: inline-block;
    color: var(--primary-color);
    text-decoration: none;
    background-color: white;
    border-radius: 50px;
    padding: 20px 40px ;
    text-align: center;
    width: 100%;
    max-width: 250px;
    min-width: 200px;
    text-transform: capitalize;
    transition: .3s ease-in-out;
}
.white-button:hover {
    opacity: 0.8;
    background-color: white;
    color: var(--primary-color);
}

h1 {
    font-weight: 700 !important;
    font-size: 80px;
    text-transform: capitalize;
    border-bottom: none;
}

h2{
    font-size:30px;
    font-weight:500;
    
    @media(min-width: 768px) {
       font-size:45px;
    }
}

h3{
     font-size:26px;
     
     @media(min-width: 768px) {
       font-size:30px;
     }
}

p, li ,div{
   font-size:18px;
   line-height: 30px;
}

section.Banner.courses .content h1 {
    color: white;
    font-weight: 700 !important;
    font-size: 80px;
    text-transform: capitalize;
}

section.courses div.row:first-child p {
    font-size: 18px;
}

section.courses .confirm .

.course img {
    border-color:var(--primary-color) ;
}

.course .card-body h3.card-title {
    font-size: 30px;
    color: #333;
    min-height: 80px;
    font-weight: 700;
    text-transform: capitalize;
}

.course .card-body .coursedatetime {
    color: var(--primary-color);
}

.course .card-body .coursedatetime dates {
    color: #333;
}

.row.tickets {
    background: #333;
    color: white
}

.bg-green.mt-5.p-2 {
    margin-top: 0 !important;
    background-color: #F4F3ED;
}

.bg-green.mt-5.p-2 p,
.bg-green.mt-5.p-2 a {
    color: #333 !important;
}

.courses h1 {
    font-size: 30px;
    color: #333;
    margin-bottom: 30px;
}

section.courses div.row:first-child p strong,
.single-course times strong {
    color:var(--primary-color);
    font-size: 18px;
}

section.courses div.row:first-child p {
    padding-bottom: 0;
}

.row.tickets *,
.single-course span.ticketname,
.single-course span.ticketcost,
.single-course span.ticketdatetime  {
    color: white;
}

.row.tickets {
    padding: 80px 0;
}

.row.tickets .row-title {
    font-size: 20px;
    font-weight: 500;
    display: block;
}

.row.tickets button {
    margin-top: 2rem;
}

.row.tickets .form-check-input:before,
body:not(.admin) .row.tickets input.form-check-input[type=checkbox]:not(:disabled):checked:before
 {
    background-color: var(--primary-color) !important;
}

/* ///////////////////////////////////////////// Forms ///////////////////////////////////////////// */
form input.form-control, form select.form-select {
    border: 1px solid var(--primary-color) !important;
    border-radius: 50px !important;
    padding: 20px 10px 20px 20px !important;
}
form input.form-control::placeholder, form select.form-select::placeholder {
    color: var(--primary-color);
    font-weight: 500;
}
form textarea {
    border: 1px solid #000a !important;
    border-radius: 25px!important;
    padding: 20px 10px 20px 20px !important;
}
form textarea::placeholder {
    color: var(--primary-color);
}
form select.form-select {
    appearance: none;
    -webkit-appearance: none;
    background-position-x: 95%;
    background-size: 10px;
    color: var(--primary-color);
    font-weight: 500;
}
form button[type="submit"] {
    border: none !important;
}