/* Template: Corso - Free Training Course Landing Page Template
   Author: Inovatik
   Created: Nov 2019
   Description: Master CSS file
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Registration
06. Partners
07. Instructor
08. Description
09. Students
10. Details Lightbox
11. Video
12. Takeaways
13. Testimonials
14. Date
15. Newsletter
16. Contact
17. Footer
18. Copyright
19. Back To Top Button
20. Extra Pages
21. Media Queries
******************************************/

/*****************************************
Colors:
- Backgrounds - light gray white
- Backgrounds, buttons - yellow #969606
- Headings text, navbar links - black #333
- Body text - dark gray #555
******************************************/

/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
    height: 100%;
}

body,
p {
    color: #555;
    font: 400 1rem/1.625rem "Montserrat", sans-serif;
    word-spacing: 5px;
}

.p-large {
    font: 400 1.125rem/1.75rem "Montserrat", sans-serif;
}

.p-small {
    font: 400 0.975rem/1.5rem "Montserrat", sans-serif;
}

.p-heading {
    margin-bottom: 3.75rem;
}

h1 {
    color: #333;
    font: 700 2.75rem/3.375rem "Montserrat", sans-serif;
}

h2 {
    color: #333;
    font: 700 2.25rem/2.875rem "Montserrat", sans-serif;
}

@media (max-width: 991px) {
    h2 {
        font-size: 29px;
        line-height: 35px;
    }
}

h3 {
    color: #333;
    font: 700 1.625rem/2.125rem "Montserrat", sans-serif;
}

h4 {
    color: #333;
    font: 700 1.25rem/1.875rem "Montserrat", sans-serif;
}

h5 {
    color: #333;
    font: 700 1.125rem/1.75rem "Montserrat", sans-serif;
}

h6 {
    color: #333;
    font: 700 1rem/1.625rem "Montserrat", sans-serif;
}

.text-heading {
    color: #969606;
    text-align: center;
    margin-bottom: 2px;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-author {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem;
}

.li-space-lg li {
    margin-bottom: 0.375rem;
}

.indent {
    padding-left: 1.25rem;
}

a {
    color: #555;
    text-decoration: underline;
}

a:hover {
    color: #555;
    text-decoration: underline;
}

.white {
    color: #eee;
}

.btn-solid-reg {
    display: inline-block;
    padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
    border: 0.125rem solid #969606;
    border-radius: 2rem;
    background-color: #969606;
    color: white;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-reg:hover {
    border: 0.125rem solid #333;
    background-color: transparent;
    color: #333;
    text-decoration: none;
}

.btn-solid-lg {
    display: inline-block;
    padding: 1.375rem 2.625rem 1.375rem 2.625rem;
    border: 0.125rem solid #969606;
    border-radius: 2rem;
    background-color: #969606;
    color: white;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-solid-lg:hover {
    border: 0.125rem solid #333;
    background-color: transparent;
    color: #333;
    text-decoration: none;
}

.btn-outline-reg {
    display: inline-block;
    padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
    border: 0.125rem solid #333;
    border-radius: 2rem;
    background-color: transparent;
    color: #333;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-reg:hover {
    border: 0.125rem solid #969606;
    background-color: #969606;
    color: #333;
    text-decoration: none;
}

.btn-outline-lg {
    display: inline-block;
    padding: 1.375rem 2.625rem 1.375rem 2.625rem;
    border: 0.125rem solid #333;
    border-radius: 2rem;
    background-color: transparent;
    color: #333;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-lg:hover {
    border: 0.125rem solid #969606;
    background-color: #969606;
    color: #333;
    text-decoration: none;
}

.btn-outline-sm {
    display: inline-block;
    padding: 1rem 1.625rem 0.875rem 1.625rem;
    border: 0.125rem solid #333;
    border-radius: 2rem;
    background-color: transparent;
    color: #333;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-outline-sm:hover {
    border: 0.125rem solid #969606;
    background-color: #969606;
    color: #333;
    text-decoration: none;
}

.form-group {
    position: relative;
    margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
    margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
    margin-top: 0.375rem;
}

.label-control {
    position: absolute;
    top: 0.87rem;
    left: 1.375rem;
    color: #555;
    opacity: 1;
    font: 400 0.875rem/1.375rem "Montserrat", sans-serif;
    cursor: text;
    transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
    .label-control {
        top: 0.9375rem;
    }
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
    top: 0.125rem;
    opacity: 1;
    font-size: 0.75rem;
    font-weight: 700;
}

.form-control-input,
.form-control-select {
    display: block; /* needed for proper display of the label in Firefox, IE, Edge */
    width: 100%;
    padding-top: 1.0625rem;
    padding-bottom: 0.0625rem;
    padding-left: 1.3125rem;
    border: 1px solid #c4d8dc;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #555;
    font: 400 0.875rem/1.875rem "Montserrat", sans-serif;
    transition: all 0.2s;
    -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
    .form-control-input {
        padding-top: 1.25rem;
        padding-bottom: 0.75rem;
        line-height: 1.75rem;
    }

    .form-control-select {
        padding-top: 0.875rem;
        padding-bottom: 0.75rem;
        height: 3.125rem;
        line-height: 2.125rem;
    }
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("../images/down-arrow.png");
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
    display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
    width: 100%;
    height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
    padding-top: 1.25rem;
    padding-left: 1.3125rem;
    border: 1px solid #c4d8dc;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #555;
    font: 400 0.875rem/1.75rem "Montserrat", sans-serif;
    transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
    border: 1px solid #a1a1a1;
    outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
    border: 1px solid #a1a1a1;
}

.checkbox {
    font-size: 0.75rem;
    line-height: 1.25rem;
}

input[type="checkbox"] {
    vertical-align: -15%;
    margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
    input[type="checkbox"] {
        vertical-align: -9%;
    }
}

.form-control-submit-button {
    display: inline-block;
    width: 100%;
    height: 3.125rem;
    border: 0.125rem solid #969606;
    border-radius: 1.5rem;
    background-color: #969606;
    color: #333;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    cursor: pointer;
    transition: all 0.2s;
}

.form-control-submit-button:hover {
    border: 0.125rem solid #333;
    background-color: transparent;
    color: #333;
}

/* Form Success And Error Message Formatting */
#rmsgSubmit.h3.text-center.tada.animated,
#nmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#rmsgSubmit.h3.text-center,
#nmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
    display: block;
    margin-bottom: 0;
    color: #333;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1rem;
}

.help-block.with-errors .list-unstyled {
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-align: left;
}

.help-block.with-errors ul {
    margin-bottom: 0;
}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Details Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
    -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
    transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
    transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
/* end of fade-move animation for details lightbox - magnific popup */

/* Fade Animation For Image Lightbox - Magnific Popup */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation: fadeOut 0.8s;
    animation: fadeOut 0.8s;
}
/* end of fade animation for details lightbox - magnific popup */

/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fbf9f5;
}

.spinner {
    position: absolute;
    top: 50%; /* centers the loading animation vertically one the screen */
    left: 50%; /* centers the loading animation horizontally one the screen */
    width: 3.75rem;
    height: 1.25rem;
    margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
    text-align: center;
}

.spinner > div {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #969606;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
    background-color: black;
    box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.04);
    font: 600 0.875rem/0.875rem "Montserrat", sans-serif;
    transition: all 0.2s;
}

.navbar-custom .navbar-brand.logo-image img {
    width: 350px;
}

@media (max-width: 650px) {
    .navbar-custom .navbar-brand.logo-image img {
        width: 250px;
    }
}

.navbar-custom .navbar-brand.logo-text {
    font: italic 600 2rem/1.5rem "Montserrat", sans-serif;
    color: #969606;
    text-decoration: none;
}

.navbar-custom .navbar-nav {
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.navbar-custom .nav-item .nav-link {
    padding: 0.625rem 0.75rem;
    color: white;
    text-decoration: none;
    transition: all 0.2s ease;
}

/***.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
    color: #969606;
}**/
.navbar-custom .nav-item .nav-link:hover {
    color: #969606;
}
.navbar-custom .nav-item .nav-link.active-link {
    color: #969606;
    font-weight: 700;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .navbar-custom .nav-item .nav-link {
        padding: 1.5rem 0.75rem;
        font-size: 16px;
        border-bottom: 1px solid white;
        margin-bottom: 10px;
    }
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
    display: block; /* this makes the dropdown menu stay open while hovering it */
    min-width: auto;
    animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus {
    /* removes dropdown outline on focus */
    outline: 0;
}

.navbar-custom .dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 0.25rem;
    background-color: #fff;
}

.navbar-custom .dropdown-item {
    color: #333;
    text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
    background-color: #fff;
}

.navbar-custom .dropdown-item .item-text {
    font: 600 0.875rem/0.875rem "Montserrat", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
    color: #969606;
}

.navbar-custom .dropdown-divider {
    width: 100%;
    height: 1px;
    margin: 0.75rem auto 0.725rem auto;
    border: none;
    background-color: #c4d8dc;
    opacity: 0.2;
}
/* end of dropdown menu */

.navbar-custom .social-icons {
    display: none;
}

.navbar-custom .navbar-toggler {
    padding: 0;
    border: none;
    color: white;
    font-size: 2rem;
}

.navbar-custom
    button[aria-expanded="false"]
    .navbar-toggler-awesome.fas.fa-times {
    display: none;
}

.navbar-custom
    button[aria-expanded="false"]
    .navbar-toggler-awesome.fas.fa-bars {
    display: inline-block;
}

.navbar-custom
    button[aria-expanded="true"]
    .navbar-toggler-awesome.fas.fa-bars {
    display: none;
}

.navbar-custom
    button[aria-expanded="true"]
    .navbar-toggler-awesome.fas.fa-times {
    display: inline-block;
    margin-right: 0.125rem;
}

/*********************/
/*    04. Header     */
/*********************/
.header {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 40%;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.3),
            rgba(0, 0, 0, 0.3)
        ),
        url("../images/mainImg.jpeg") center center no-repeat;
    background-size: cover;
    text-align: center;
}

.header .countdown {
    margin-bottom: 0.5rem;
    color: #fff;
    text-align: center;
}

.header .countdown #clock .counter-number {
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
    margin-right: 0.5rem;
    margin-bottom: 1.25rem;
    margin-left: 0.5rem;
    padding-top: 2rem;
    border: 0.125rem solid #fff;
    border-radius: 50%;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 1.25rem;
    text-align: center;
}

.header .countdown #clock .counter-number .timer-text {
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
}

.header h1 {
    margin-bottom: 0.75rem;
    color: #eee;
}

.header .p-large {
    margin-bottom: 1.75rem;
    color: #ddd;
}

.header .btn-solid-lg {
    margin-right: 0.5rem;
    margin-bottom: 1.125rem;
    margin-left: 0.5rem;
}

.header .btn-solid-lg:hover {
    border: 0.125rem solid #969606;
    color: #969606;
}

.header .btn-outline-lg {
    border: 0.125rem solid #fff;
    color: #fff;
}

.header .btn-outline-lg:hover {
    background-color: #fff;
    color: #333;
}

.header .outer-container {
    position: absolute;
    right: 0;
    bottom: -2rem;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.header .slider-container {
    position: relative;
}

.header .swiper-container {
    position: static;
    width: 80%;
    border-radius: 0.75rem;
}

.header .swiper-container img {
    border-radius: 0.75rem;
}

.header .swiper-button-prev:focus,
.header .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.header .swiper-button-prev {
    left: 0.25rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.header .swiper-button-next {
    right: 0.25rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

/****************************/
/*     05. Registration     */
/****************************/
.form-1 {
    padding-top: 6rem;
    padding-bottom: 6.25rem;
    background-color: #969606;
}

.form-1 h2 {
    margin-bottom: 1.25rem;
}

.form-1 p,
.form-1 .list-unstyled,
.form-1 .help-block,
.form-1 .checkbox,
.form-1 .checkbox a {
    color: #333;
}

.form-1 p {
    margin-bottom: 1.5rem;
}

.form-1 .list-unstyled .fas {
    color: #333;
    font-size: 0.5rem;
    line-height: 1.5rem;
}

.form-1 .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.form-1 .form-control-input {
    border: 1px solid #ffedd0;
    background-color: #ffedd0;
}

.form-1 .form-control-input:hover {
    border: 1px solid #fff;
}

.form-1 .form-control-submit-button {
    border: 0.125rem solid #333;
    background-color: transparent;
}

.form-1 .form-control-submit-button:hover {
    border: 0.125rem solid #ffedd0;
    background-color: #ffedd0;
}

/************************/
/*     06. Partners     */
/************************/
.slider-1 {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
    background-color: white;
    text-align: center;
}

.slider-1 .p-small {
    color: #797fa7;
}

.slider-1 .slider-container {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

/**************************/
/*     07. Instructor     */
/**************************/
.basic-1 {
    padding-top: 13rem;
    // padding-bottom: 3.5rem;
    background-color: white;
}

.basic-1 h2 {
    margin-bottom: 1.25rem;
}

.basic-1 img {
    margin-bottom: 2.5rem;
    border-radius: 0.25rem;
}

@media (max-width: 991px) {
    .basic-1 {
        padding-top: 7rem;
    }
}

/***************************/
/*     08. Description     */
/***************************/
.basic-2 {
    padding-top: 4rem;
    //padding-bottom: 2.75rem;
    background-color: white;
}

@media (max-width: 991px) {
    .basic-2 {
        padding-top: 3rem;
    }
}

.basic-2 h2 {
    margin-bottom: 2.75rem;
    text-align: center;
}

.basic-2 .li-space-lg li {
    margin-bottom: 1.375rem;
}

.basic-2 .list-unstyled .bullet {
    margin-right: 0.625rem;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    background-color: #969606;
    color: white;
    font-style: normal;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 2rem;
    text-align: center;
}

/************************/
/*     09. Students     */
/************************/
.basic-3 {
    padding-top: 4rem;
    background-color: white;
}

@media (max-width: 991px) {
    .basic-3 {
        padding-top: 3rem;
    }
}

.basic-3 .text-container {
    // margin-bottom: 3.5rem;
}

.basic-3 h2 {
    margin-bottom: 1.25rem;
}

.basic-3 p {
    margin-bottom: 1.375rem;
}

.basic-3 img {
    border-radius: 0.25rem;
}

/********************************/
/*     10. Details Lightbox     */
/********************************/
.lightbox-basic {
    margin: 2.5rem auto;
    padding: 2rem 1.5rem 2rem 1.5rem;
    border-radius: 0.25rem;
    background: #fbf9f5;
    text-align: left;
}

.lightbox-basic .container {
    padding-right: 0;
    padding-left: 0;
}

.lightbox-basic .image-container {
    max-width: 33.75rem;
    margin-right: auto;
    margin-bottom: 3rem;
    margin-left: auto;
}

.lightbox-basic .image-container img {
    border-radius: 0.25rem;
}

.lightbox-basic h3 {
    margin-bottom: 0.5rem;
}

.lightbox-basic hr {
    width: 2.5rem;
    height: 0.125rem;
    margin-top: 0;
    margin-bottom: 0.875rem;
    margin-left: 0;
    border: 0;
    background-color: #555;
    text-align: left;
}

.lightbox-basic h4 {
    margin-bottom: 1rem;
}

.lightbox-basic .list-unstyled .fas {
    color: #555;
    font-size: 0.5rem;
    line-height: 1.5rem;
}

.lightbox-basic .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.lightbox-basic .btn-outline-reg,
.lightbox-basic .btn-solid-reg {
    margin-top: 0.75rem;
}

/* Signup Button */
.lightbox-basic .btn-solid-reg.mfp-close {
    position: relative;
    width: auto;
    height: auto;
    color: white;
    opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
    color: #333;
}
/* end of signup Button */

/* Back Button */
.lightbox-basic a.mfp-close.as-button {
    position: relative;
    width: auto;
    height: auto;
    margin-left: 0.375rem;
    color: #333;
    opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
    color: white;
}
/* end of back button */

.lightbox-basic button.mfp-close.x-button {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    width: 2.75rem;
    height: 2.75rem;
    color: #707984;
}

/*********************/
/*     11. Video     */
/*********************/
.basic-4 {
    padding-top: 5rem;
    background-color: white;
}

.basic-4 .image-container {
    width: 100%;
    margin: 0 auto;
}

.basic-4 .image-container img {
    border-radius: 0.75rem;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.basic-4 .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.basic-4 .video-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

.basic-4 .video-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the whole area */
}

@media (max-width: 991px) {
    .basic-4 {
        padding-top: 5rem;
    }
}

/* Video Play Button */
.basic-4 .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.basic-4 .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    background: #969606;
    animation: pulse-border 1500ms ease-out infinite;
    transform: translate(-50%, -50%);
}

.basic-4 .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background: #969606;
    transition: all 200ms;
    transform: translate(-50%, -50%);
}

.basic-4 .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

/*************************/
/*     12. Takeaways     */
/*************************/
.cards {
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: white;
}

.cards h2 {
    margin-bottom: 1rem;
    text-align: center;
}

.cards p {
    text-align: center;
}

.cards .card {
    max-width: 21rem;
    margin-right: auto;
    margin-bottom: 4rem;
    margin-left: auto;
    padding: 3rem 1.625rem 1.75rem 1.625rem;
    border: none;
    background-color: #fff;
    text-align: center;
}

.cards .card-image {
    width: 6rem;
    height: 6rem;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-left: auto;
    border-radius: 50%;
    background-color: white;
}

.cards .fas,
.cards .far {
    color: #969606;
    font-size: 3rem;
    line-height: 6rem;
}

.cards .card-body {
    padding: 0;
}

.cards .card-title {
    margin-bottom: 0.5rem;
}

/****************************/
/*     13. Testimonials     */
/****************************/
.slider-2 {
    padding-top: 6rem;
    // padding-bottom: 4rem;
    background-color: white;
}

@media (max-width: 991px) {
    .slider-2 {
        padding-top: 4rem;
    }
}

.slider-2 h3 {
    margin-bottom: 3.75rem;
    text-align: center;
}

.slider-2 .slider-container {
    position: relative;
}

.slider-2 .swiper-container {
    position: static;
    width: 88%;
    text-align: center;
}

.slider-2 .image-wrapper {
    width: 6rem;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-left: auto;
}

.slider-2 .image-wrapper img {
    border-radius: 0.25rem;
}

.slider-2 .testimonial-text {
    margin-bottom: 0.5rem;
}

.slider-2 .testimonial-author {
    color: #333;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
    width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
    /* even if you can't see it chrome you can see it on mobile device */
    outline: none;
}

.slider-2 .swiper-button-prev {
    left: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
    right: -0.5rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");
    background-size: 1.125rem 1.75rem;
}

/********************/
/*     14. Date     */
/********************/
.basic-5 {
    background-color: white;
}

.basic-5 .text-container {
    padding-top: 6rem;
    padding-bottom: 6.125rem;
    border-radius: 0.75rem;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.8),
            rgba(0, 0, 0, 0.8)
        ),
        url("../images/date-background.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}

.basic-5 h2 {
    width: 90%;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    color: #eee;
}

.basic-5 p {
    width: 88%;
    margin-right: auto;
    margin-bottom: 1.75rem;
    margin-left: auto;
    color: #ddd;
}

.basic-5 .btn-solid-lg:hover {
    border: 0.125rem solid #fff;
    color: #fff;
}

/**************************/
/*     15. Newsletter     */
/**************************/
.form-2 {
    padding-top: 8.125rem;
    padding-bottom: 5.75rem;
    background-color: white;
}

.form-2 h3 {
    margin-bottom: 3.25rem;
    text-align: center;
}

.form-2 form {
    margin-bottom: 3rem;
}

.form-2 .icon-container {
    text-align: center;
}

.form-2 .fa-stack {
    width: 2em;
    margin-bottom: 0.75rem;
    margin-right: 0.375rem;
    font-size: 1.5rem;
}

.form-2 .fa-stack .fa-stack-1x {
    color: #333;
    transition: all 0.2s ease;
}

.form-2 .fa-stack .fa-stack-2x {
    color: #969606;
    transition: all 0.2s ease;
}

.form-2 .fa-stack:hover .fa-stack-1x {
    color: #969606;
}

.form-2 .fa-stack:hover .fa-stack-2x {
    color: #333;
}

/***********************/
/*     16. Contact     */
/***********************/
.form-3 {
    padding-top: 6.125rem;
    padding-bottom: 5.125rem;
    background-color: #969606;
}

.form-3 .text-container {
    margin-bottom: 3rem;
}

.form-3 h2 {
    margin-bottom: 1.125rem;
}

.form-3 p {
    color: #333;
    margin-bottom: 2rem;
}

.form-3 h3 {
    margin-bottom: 0.875rem;
}

.form-3 .list-unstyled,
.form-3 .list-unstyled a {
    color: #333;
}

.form-3 .list-unstyled .fas {
    color: #333;
    font-size: 1rem;
    line-height: 1.625rem;
}

.form-3 .list-unstyled .media-body {
    margin-left: 0.75rem;
}

.form-3 .list-unstyled .media-body .fas.fa-globe {
    margin-left: 1.125rem;
    margin-right: 0.75rem;
}

.form-3 .form-control-input,
.form-3 .form-control-textarea {
    border: 1px solid #ffedd0;
    background-color: #ffedd0;
}

.form-3 .form-control-input:hover,
.form-3 .form-control-textarea:hover {
    border: 1px solid #fff;
}

.form-3 .help-block,
.form-3 .checkbox,
.form-3 .checkbox a {
    color: #333;
}

.form-3 .form-control-submit-button {
    border: 0.125rem solid #333;
    background-color: transparent;
}

.form-3 .form-control-submit-button:hover {
    border: 0.125rem solid #ffedd0;
    background-color: #ffedd0;
}

/**********************/
/*     17. Footer     */
/**********************/
.footer {
    padding-top: 4rem;
    padding-bottom: 2rem;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.85),
            rgba(0, 0, 0, 0.85)
        ),
        url("../images/bg-6.png") center center no-repeat;
    background-repeat: no-repeat;
    margin-top: 5rem;
}

@media (max-width: 991px) {
    .footer {
        margin-top: 3rem;
    }
}

.footer .footer-col {
    margin-bottom: 2.25rem;
}

.footer h5 {
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
}

.footer a {
    text-decoration: none;
}

.footer h5,
.footer p,
.footer a {
    color: #ffffff;
}

.footer .list-unstyled .fas {
    color: #bbb;
    font-size: 0.5rem;
    line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.footer .fab,
.fa-solid {
    margin-bottom: 0.75rem;
    margin-right: 1rem;
    color: #ccc;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.footer .fab:hover {
    color: #969606;
}

.footer .fa-solid:hover {
    color: #969606;
}

/*************************/
/*     18. Copyright     */
/*************************/
.copyright {
    padding-top: 1.5rem;
    padding-bottom: 0.375rem;
    background-color: #000;
    text-align: center;
}

.copyright .p-small {
    color: #999;
    font-size: 1rem;
    line-height: 1.375rem;
    word-spacing: 2px;
}

.copyright a {
    color: #999;
}

/**** Footer Gallery*****/
.footer-image {
    border-radius: 10px;
    padding: 5px;
}

/**********************************/
/*     19. Back To Top Button     */
/**********************************/
a.back-to-top {
    position: fixed;
    z-index: 999;
    left: 0.75rem;
    bottom: 3.9rem;

    display: none;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 1.875rem;
    background: #969606 url("../images/up-arrow.png") no-repeat center 47%;
    background-size: 1.125rem 1.125rem;
    text-indent: -9999px;
}

a:hover.back-to-top {
    background: black url("../images/up-arrow.png") no-repeat center 47%;
    border: 3px solid #969606;
}

/***************************/
/*      Fixed Enquiry      */
/***************************/
.enquiry-btn {
    position: fixed;
    z-index: 999;
    left: 0.75rem;
    bottom: 0.75rem;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 1.875rem;
    background: #969606 url("../images/question.png") no-repeat center 47%;
    background-size: 1.5rem 1.5rem;
    text-indent: -9999px;
}

.enquiry-btn:hover {
    background: black url("../images/question.png") no-repeat center 47%;
    border: 3px solid #969606;
}

/***************************/
/*      Fixed Footer      */
/***************************/

.footerfixednav {
    height: 50px !important;
    position: fixed;
    bottom: -3px;
    display: none;
    z-index: 1000;
    padding-top: 10px;
    background-color: black;
    border-top: 2px solid #969606;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}
.footerfixednav i {
    margin-top: -3px;
}

@media (max-width: 991px) {
    .footerfixednav {
        display: block;
    }
    a.back-to-top {
        bottom: 6.98rem;
    }
    .enquiry-btn {
        bottom: 3.9rem;
    }
    .copyright {
        padding-bottom: 3rem;
    }
}

/***************************/
/*     20. Extra Pages     */
/***************************/
.ex-header {
    padding-top: 8rem;
    padding-bottom: 5rem;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.8),
            rgba(0, 0, 0, 0.8)
        ),
        url("../images/header-background.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}

.ex-basic-1 {
    padding-top: 2rem;
    padding-bottom: 0.875rem;
    background-color: #efebe5;
}

.ex-basic-1 .breadcrumbs {
    margin-bottom: 1.125rem;
}

.ex-basic-1 .breadcrumbs .fa {
    margin-right: 0.5rem;
    margin-left: 0.625rem;
    font-size: 0.875rem;
}

.ex-basic-2 {
    padding-top: 4.75rem;
    padding-bottom: 4rem;
    background-color: white;
}

.ex-basic-2 h3 {
    margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
    margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
    margin-bottom: 0;
}

.ex-basic-2 .text-container.dark {
    padding: 1.625rem 1.5rem 0.75rem 2rem;
    background-color: #efebe5;
}

.ex-basic-2 .image-container-large {
    margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
    border-radius: 0.375rem;
}

.ex-basic-2 .image-container-small img {
    border-radius: 0.375rem;
}

.ex-basic-2 .list-unstyled .fas {
    color: #969606;
    font-size: 0.5rem;
    line-height: 1.5rem;
}

.ex-basic-2 .list-unstyled .media-body {
    margin-left: 0.625rem;
}

.ex-basic-2 .form-container {
    margin-top: 3rem;
}

.ex-basic-2 .btn-solid-reg {
    margin-top: 1.5rem;
}

/*****************************/
/*     21. Media Queries     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {
    /* General Styles */
    .p-heading {
        width: 85%;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of general styles */

    /* Header */
    .header {
        padding-top: 9rem;
    }

    .header h1 {
        font-size: 4rem;
        line-height: 4.875rem;
        letter-spacing: -0.3px;
    }

    .header .btn-solid-lg {
        margin-bottom: 0;
        margin-left: 0;
    }

    .header .outer-container {
        bottom: -4rem;
    }

    .header .swiper-button-prev {
        left: 1.5rem;
    }

    .header .swiper-button-next {
        right: 1.5rem;
    }
    /* end of header */

    /* Registration */
    .form-1 {
        padding-top: 9rem;
    }
    /* end of registration */

    /* Description */
    .basic-2 h2 {
        width: 41rem;
        margin-right: auto;
        margin-left: auto;
    }

    .basic-2 .list-unstyled .bullet {
        width: 3.25rem;
        height: 3.25rem;
        margin-right: 1rem;
        font-size: 1.375rem;
        line-height: 3.25rem;
    }
    /* end of description */

    /* Newsletter */
    .form-2 form {
        width: 31.875rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of newsletter */

    /* Extra Pages */
    .ex-header {
        padding-top: 11rem;
        padding-bottom: 9rem;
    }

    .ex-basic-2 .text-container.dark {
        padding: 2.5rem 3rem 2rem 3rem;
    }

    .ex-basic-2 .form-container {
        margin-top: 0;
    }
    /* end of extra pages */
}
/* end of min-width width 768px */

/* Min-width width 992px */
@media (min-width: 992px) {
    /* Navigation */
    .navbar-custom {
        padding: 2.125rem 1.5rem 2.125rem 2rem;
        background: transparent;
        box-shadow: none;
    }

    .navbar-custom .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-custom .nav-item .nav-link {
        padding: 0.25rem 0.75rem;
        color: #eee;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
        background-color: black;
        box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.05);
    }

    .navbar-custom.top-nav-collapse .nav-item .nav-link {
        color: white;
    }

    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover {
        color: #969606;
    }
    .navbar-custom.top-nav-collapse .nav-item .nav-link.active-link {
        color: #969606;
        font-weight: 700;
        text-decoration: underline;
    }

    .navbar-custom .dropdown-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 0.75rem solid rgba(0, 0, 0, 0);
        border-radius: 0.25rem;
    }

    .navbar-custom.top-nav-collapse .dropdown-menu {
        border-top: 0.5rem solid rgba(0, 0, 0, 0);
        box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02);
    }

    .navbar-custom .dropdown-item {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .navbar-custom .dropdown-divider {
        width: 84%;
    }

    .navbar-custom .social-icons {
        display: block;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

    .navbar-custom .fa-stack {
        width: 2em;
        margin-left: 0.25rem;
        font-size: 0.95rem;
    }

    .navbar-custom .fa-stack-2x {
        color: #969606;
        transition: all 0.2s ease;
    }

    .navbar-custom .fa-stack-1x {
        color: white;
        transition: all 0.2s ease;
    }

    .navbar-custom .fa-stack:hover .fa-stack-2x {
        color: white;
    }

    .navbar-custom .fa-stack:hover .fa-stack-1x {
        color: black;
    }

    /* end of navigation */

    /* General Styles */
    .p-heading {
        width: 65%;
    }
    /* end of general styles */

    /* Header */
    .header h1,
    .header .p-large {
        width: 47rem;
        margin-right: auto;
        margin-left: auto;
    }

    .header .swiper-button-prev {
        left: 3rem;
    }

    .header .swiper-button-next {
        right: 3rem;
    }
    /* end of header */

    /* Registration */
    .form-1 {
        padding-top: 10rem;
    }
    /* end of registration */
    /* end of students */

    /* Details Lightbox */
    .lightbox-basic {
        max-width: 40.5rem;
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }

    .lightbox-basic .image-container {
        max-width: 100%;
        margin-right: 2rem;
        margin-bottom: 0;
        margin-left: 0.5rem;
    }

    .lightbox-basic h3 {
        margin-top: 0.5rem;
    }
    /* end of details lightbox */

    /* Takeaways */
    .cards {
        padding-top: 3.5rem;
        padding-bottom: 3rem;
    }

    .cards .card {
        display: inline-block;
        width: 17.75rem;
        max-width: 100%;
        vertical-align: top;
    }

    .cards .card:nth-child(3n + 2) {
        margin-right: 2rem;
        margin-left: 2rem;
    }
    /* end of takeaways */

    /* Testimonials */
    .slider-2 {
        // padding-bottom: 9rem;
    }

    .slider-2 h3 {
        width: 37.5rem;
        margin-right: auto;
        margin-left: auto;
    }

    .slider-2 .swiper-container {
        width: 92%;
        text-align: left;
    }

    .slider-2 .image-wrapper {
        float: left;
        width: 6rem;
        margin-bottom: 0;
    }

    .slider-2 .text-wrapper {
        max-width: 100%;
        margin-left: 7.375rem;
    }

    .slider-2 .swiper-button-prev {
        left: 0;
    }

    .slider-2 .swiper-button-next {
        right: 0;
    }
    /* end of testimonials */

    /* Date */
    .basic-5 h2 {
        width: 70%;
    }
    /* end of date */

    /* Newsletter */
    .form-2 {
        padding-top: 9rem;
    }

    .form-2 h3 {
        width: 37.5rem;
        margin-right: auto;
        margin-left: auto;
    }
    /* end of newsletter */

    /* Contact */
    .form-3 .text-container {
        margin-bottom: 0;
    }
    /* end of contact */

    /* Extra Pages */
    .ex-header h1 {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .ex-basic-2 {
        padding-bottom: 5rem;
    }
    /* end of extra pages */
}
/* end of min-width width 992px */

/* Min-width width 1200px */
@media (min-width: 1200px) {
    /* Header */
    .header {
        padding-bottom: 31rem;
    }

    .header .outer-container {
        width: 69.375rem;
        bottom: -6rem;
    }

    .header .swiper-container {
        width: 100%;
    }

    .header .swiper-button-prev {
        left: -2.25rem;
    }

    .header .swiper-button-next {
        right: -2.25rem;
    }
    /* end of header */

    /* Registration */
    .form-1 {
        padding-top: 12rem;
    }

    .form-1 .text-container {
        margin-top: 1rem;
        margin-right: 3.5rem;
    }

    .form-1 form {
        margin-left: 1.5rem;
    }
    /* end of registration */

    /* Instructor */
    .basic-1 .text-container {
        margin-top: 3.125rem;
        margin-left: 3.5rem;
    }
    /* end of instructor */

    /* Description */
    .basic-2 .list-unstyled.first {
        margin-right: 1.625rem;
    }

    .basic-2 .list-unstyled.second {
        margin-left: 1.625rem;
    }
    /* end of description */

    /* Students */
    .basic-3 .text-container {
        margin-top: 2.5rem;
        margin-right: 3.5rem;
    }
    /* end of instructor */

    /* Takeaways */
    .cards .card {
        width: 21rem;
    }

    .cards .card:nth-child(3n + 2) {
        margin-right: 2.875rem;
        margin-left: 2.875rem;
    }
    /* end of takeaways */

    /* Testimonials */
    .slider-2 .swiper-container {
        width: 90%;
    }

    .slider-2 .text-wrapper {
        margin-top: 0;
    }
    /* end of testimonials */

    /* Date */
    .basic-5 h2 {
        width: 50%;
    }

    .basic-5 p {
        width: 74%;
    }
    /* end of date */

    /* Contact */
    .form-3 .text-container {
        margin-top: 2.25rem;
        margin-right: 3.5rem;
    }
    /* end of contact */

    /* Footer */

    .footer .footer-col.first {
        margin-right: 1.5rem;
    }

    .footer .footer-col.second {
        margin-left: 3rem;
    }

    .footer .footer-col.third {
        margin-left: 2.75rem;
    }

    .footer .footer-col.fourth {
        margin-left: 1.5rem;
    }
    /* end of footer */

    /* Extra Pages */
    .ex-header h1 {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }

    .ex-basic-2 .form-container {
        margin-left: 1.75rem;
    }

    .ex-basic-2 .image-container-small {
        margin-left: 1.75rem;
    }
    /* end of extra pages */
}
/* end of min-width width 1200px */

/*** Course Section in landing Page Start ***/

.card-course {
    overflow: hidden; /* Ensures that the image doesn't spill out of the card */
    border-radius: 10px; /* Optional: Adds rounded corners to the card */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow to the card */
    transition: box-shadow 0.3s ease; /* Smooth transition for shadow */
    margin-top: 40px;
}

.card-course img {
    transition: transform 0.3s ease; /* Smooth transition for image zoom */
}

.card-course:hover img {
    transform: scale(1.1); /* Zooms the image on hover */
}

.card-course:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Adds a more pronounced shadow on hover */
}

.card-course h5 {
    font-weight: 500;
}

.card-course .course-content {
    padding: 20px;
    height: 45vh;
}

.card-course .course-content h4 {
    color: #969606;
}

.card-course .course-content a {
    color: #969606;
    font-weight: 600;
    text-decoration: none;
}

.course-detail-page {
    margin-top: 5rem;
}

@media (max-width: 991px) {
    .course-detail-page {
        margin-top: 3rem;
    }
}

.other-course-section {
    background: #e6e6d1;
    border-radius: 10px;
    padding: 15px;
}

.other-course-section p {
    font-size: 20px;
}

.other-course-section i {
    color: #969606;
    //margin-right: 5px;
}
.other-course-section a {
    text-decoration: none;
}

/****** On Landing Page********/
.card-course .course-content1 {
    padding: 20px;
    height: 15vh;
}

.card-course .course-content1 h4 {
    color: gray;
}
/****** On Landing Page End********/

/*** Course Section in landing Page End ***/

/***** Achiever in landing start ****/
.achievement-item {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: none;
    margin-top: 2rem;
}

.achievement-item h5 {
    color: #969606;
}

.achievement-item .card-body {
    height: 22vh;
}

/* General styles for both buttons */

.achievement {
    margin-top: 4rem;
}

.achievement h2 {
    text-align: center;
    margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
    .achievement {
        margin-top: 1rem;
    }
}

.owl-prev,
.owl-next {
    background-color: #333; /* Background color for buttons */
    color: #fff; /* Text color */
    padding: 10px 15px; /* Padding inside the buttons */
    border-radius: 50%; /* Rounded corners */
    font-size: 0px; /* Font size for the arrows */
    position: absolute; /* Position them absolutely */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust centering */
    cursor: pointer; /* Pointer cursor on hover */
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    border: none !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

.achieve-table {
    overflow: hidden;
    border-radius: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.achieve-table .table-heading {
    background: #3d3d3b !important;
    color: white;
}

.achieve-table .odd-table {
    background: #cccc95;
}

/***** Achiever in landing end ****/

/******** Branches Start **********/

.branch-top {
    background: #969606;
    position: absolute; /* Position it absolutely within the card-branch */
    top: 20px; /* Adjust this value to control how much overlaps */
    left: 44%; /* Adjust this value to position it horizontally */
    //width: 30%; /* Make the width match the card's width minus padding */
    padding: 10px 15px 5px 30px;
    text-align: center; /* Center the text */
    color: white !important;
    font-weight: bold; /* Optional: Make the text bold */
    border-radius: 5px; /* Optional: Add rounded corners */
    z-index: 1; /* Ensure it appears above other content */
}

.branch-top i {
    color: white !important; /* Ensure the icon color matches the text color */
}

.branch-top:hover i {
    color: #969606 !important; /* Change icon color on hover */
}

.branch-top:hover {
    background: white;
    border: 2px solid #969606;
    color: #969606;
}

.card-branch {
    position: relative; /* Allows .branch-top to be positioned relative to this container */
    overflow: hidden; /* Ensures that the image doesn't spill out of the card */
    border-radius: 10px; /* Optional: Adds rounded corners to the card */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow to the card */
    transition: box-shadow 0.3s ease; /* Smooth transition for shadow */

    margin-top: 40px;
}

.card-branch .branch-image img {
    padding: 10px;
    border-radius: 6px !important;
}

.card-branch:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Adds a more pronounced shadow on hover */
}

.branch-content {
    padding: 15px;
}

.branch-content i {
    color: #969606;
}

.card-branch a {
    text-decoration: none !important;
}

.branch-content h5 {
    font-weight: 700;
    word-spacing: 1px !important;
    font-size: 17px;
}

.branch-content h6 {
    font-weight: 700;
    word-spacing: 1px !important;
    font-size: 15px;
}

.btn-branch-detail {
    display: inline-block;
    padding: 1.1875rem;
    border-radius: 2rem;
    font: 600 0.875rem/0 "Montserrat", sans-serif;
    text-decoration: none;
    transition: all 0.2s;
    background-color: transparent;
    border: 0.125rem solid #969606;
    color: #333;
}

.btn-branch-detail:hover {
    background: #969606;
    color: white;
    text-decoration: none;
}

/******** Branches End **********/

/**** Common Carousel Part Start****/
.common-carousel {
    padding-top: 10rem;
    padding-bottom: 5rem;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.8),
            rgba(0, 0, 0, 0.8)
        ),
        url("../images/bg-5.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}
.common-carousel h1 {
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .common-carousel {
        padding-top: 8rem;
        padding-bottom: 4rem;
    }
}
/**** Common Carousel Part End****/

/*** gallery Start ***/

.galleryshadow {
    position: relative;
    overflow: hidden; /* Ensure the overlay doesn't overflow outside the container */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.galleryshadow .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(191, 196, 159, 0.8);
    opacity: 0;
    //transform: translateY(-100%); /* Start from above the container */
    transition: transform 1.5s ease, opacity 1.5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; /* Adjust the color of the icon */
}

.galleryshadow:hover .overlay {
    opacity: 1;
    transform: translateY(0); /* Slide in from top to bottom */
}

.galleryshadow img {
    display: block;
    width: 100%;
    height: 300px;
}

@media (max-width: 600px) {
    .galleryshadow img {
        height: 200px;
    }
}

/*** Gallery End ***/

/****** About Start*******/
.about-section {
    margin-top: 5rem;
    /* background-image: url("../images/bg-2.png"); */
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .about-section {
        margin-top: 3rem;
    }
}

.counter-section {
    padding-top: 4rem;
    background: linear-gradient(
            to bottom right,
            rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7)
        ),
        url("../images/bg-3.jpg") center center no-repeat;
    background-size: cover;
    margin-top: 5rem;
}

.counter-section .counter1 {
    color: white;
    text-align: center;
    margin-bottom: 3rem;
}

.counter-section .counter1 h1 {
    color: #969606;
}

@media (max-width: 991px) {
    .counter-section {
        margin-top: 3rem;
    }
}

.founder-section {
    margin-top: 5rem;
    background-image: url("../images/bg-4.png");
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .founder-section {
        margin-top: 3rem;
    }
}

/****** About End*******/

/******* Contact Start*******/
.contact-left-section {
    background: #e6e6d1;
    padding: 30px;
}

.contact-left-section i {
    color: #969606;
}

.contact-left-section a {
    text-decoration: none;
}

/******* Contact End*******/

/****** Enquiry Form Start*******/
.enquiry-section {
    margin-top: 5rem;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .enquiry-section {
        margin-top: 3rem;
    }
}
/****** Enquiry Form End*******/

/********* Special Course Start*********/
.special-course-section {
    background: #e6e6d1;
    padding: 4rem 0rem;
    margin-top: 6rem;
}
@media (max-width: 991px) {
    .special-course-section {
        margin-top: 4rem;
    }
}
/********* Special Course End*********/