:root {
    --yellow-color: #ffe600;
    --green-color: #01524b;
}

li,
p,
ul.list li:before,
.header-top .styled-icons.icon-sm a,
.footer a,
.widget.dark .post-title a,
.liststyle ul li:before {
    font-size: 17px !important;
}

.customImgContent,
.articlePanel {
    padding: 60px 0;
    /*    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
    /*    margin-bottom: 20px !important;*/
}

.customImgContent.greyBg,
.articlePanel.greyBg {
    background-color: #f1f1f1;
}

.customImgContent.whiteBg {
    background-color: #fff;
}

.section-course .customImgContent .title,
.section-course .customImgContent .title img,
.articlePanel img {
    border-radius: 6px;
}

.articlePanel a,
.customAboutSec a {
    color: #01524b;
    font-weight: 700;
}

.ve-course-img {
    background-size: cover;
    background-position: center;
    width: 100%;
    object-fit: cover;
    margin-top: 30px;
}

.customImgContent.greenBg h3 {
    font-size: 20px;
    text-align: left;
    color: #fff;
}

.articlePanel h3 {
    font-size: 32px;
    margin-top: 0;
}

.articlePanel p {
    margin: 0;
}

.section-course .greenBg .box p {
    color: #fff;
}

.section-course .box .entry-content ul {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.section-course .box h4,
h2,
.h2 {
    font-size: 22px;
}

.menuzord-menu>li>a,
.menuzord-menu ul.dropdown li a {
    font-weight: 600 !important;
}

.menuzord-menu>li>a {
    padding: 4px 6px;
}

.header-top .widget .info,
.section-course .box .btn-theme-colored.btn {
    font-size: 14px !important;
}

.widget.dark .widget-title {
    font-size: 20px;
}

.footer-bottom {
    background-color: #01524b;
}

.header-nav .container-fluid {
    padding: 0 50px !important;
}

.header-top .container-fluid {
    padding: 4px 50px;
}

.section-course .box .btn-theme-colored.btn {
    padding: 8px 16px !important;
}

.imageSecAbout {
    display: flex;
    gap: 10px;
}

.imageSecAbout .imgCol {
    width: 50%;
}

.imageSecAbout .imgCol img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.aboutProject {
    background: #bcd9d6;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin-top: 10px;
}

.aboutProject h5 span,
.aboutExperience h5 span {
    display: block;
}

.aboutProject h5 {
    color: #000;
    font-size: 18px;
}

.aboutExperience {
    background: #01524b;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

.aboutExperience h5 {
    color: #fff;
    font-size: 18px;
}

.contentSecAbout small,
.sec-why-choose small {
    font-size: 18px;
    color: #000;
}

.contentSecAbout h3,
.sec-why-choose h3 {
    font-size: 32px;
}

.greenBg {
    background: #01524b;
}

.customImgContent .modal-body {
    padding: 15px 30px;
}

.customImgContent .modal-header {
    padding: 20px;
    background-color: #01524b;
}

.customImgContent .modal-header h4 {
    color: #fff;
}

.customImgContent .btn-theme-colored {
    color: #01524b;
    background-color: #cccccc;
    border-color: #cccccc;
    font-weight: 700;
}

.secSuccessContent {
    position: relative;
}

.secSuccessContent img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}

.secSuccessContent h5 {
    width: 92%;
    position: absolute;
    background: #01524b;
    color: #fff;
    margin: 0;
    bottom: 60px;
    padding: 16px;
    font-size: 16px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.sec-why-choose img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 10px;
}

.sec-why-choose ul {
    margin-top: 20px;
}

.iconImg {
    width: 70px;
    height: 70px;
    border: 1px solid #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconImg img {
    width: auto;
    height: auto;
}

.sec-why-choose li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.sec-why-choose li h5 {
    margin: 0;
    font-size: 18px;
}

.iconConent {
    padding-left: 20px;
    width: 90%;
}

.secTestimonials {
    padding: 100px 0;
    background: url('../images/image.png');
    background-position: left;
    background-repeat: no-repeat;
}

.testimonialBox {
    padding: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-top: 6px solid #01524b;
    background: #fff;
    margin: 20px 0;
}

.testimonialPanel,
.testimonialSlide {
    position: relative;
}

.testimonialCircleImage {
    position: absolute;
    top: -65px;
}

.testimonialCircleImage img {
    border: 10px solid #01524b;
    border-radius: 100%;
    width: 400px;
    height: 400px;
}

.testimonialSlide {
    width: 72%;
    margin-left: auto;
}

.testimonialSlide .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.testimonialSlide .slick-dots li {
    margin: 0 4px;
}

.testimonialSlide .slick-dots li button {
    color: transparent;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    background: #fff;
    transition: .2s;
    border: 2px solid rgba(0, 0, 0, 0.50);
}

.testimonialSlide .slick-dots li.slick-active button {
    border: 2px solid #01524b;
    background-color: #01524b;
}

.testimonialBox span {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.testimonialBox span .line {
    width: 50px;
    height: 2px;
    background: #01524b;
    margin-right: 10px;
}

.section-course .greenBg .box .entry-content ul li,
.section-course .greenBg .box h4,
.section-course .greenBg .box .entry-content ul.list.theme-colored li:before {
    color: #fff;
}

.section-course .greenBg .box .btn-theme-colored.btn {
    margin-top: 20px;
}

.section-course .greenBg h2 {
    color: #fff;
    text-align: center;
    font-size: 34px;
}

.section-course .greenBg .dividerCustom {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #fff;
}

.courseContent {
    margin: 20px 0;
}

.courseContent p {
    color: #fff;
    text-align: center;
}

.providerList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.providerList li img {
    width: 150px;
    margin-left: 20px;
}

.providerList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    align-items: baseline;
}

.providerListBox {
    border: 1px solid lightgrey;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 48%;
    text-align: center;
    height: 160px;
    justify-content: flex-end;
}

.providerListBox img {
    width: 150px;
    height: 60px;
    object-fit: contain;
}

.acdapTabs ul {
    padding: 0;
}

.acdapTabs .nav li {
    padding: 0;
}

.acdapTabs .nav-tabs>li>a {
    font-size: 16px;
    background-color: #bcd9d6;
    color: #000;
}

.acdapTabs .nav-tabs>li.active a,
.acdapTabs .nav-tabs>li.active a:hover,
.acdapTabs .nav-tabs>li.active a:focus {
    background-color: #01524b;
    color: #fff;
}

@media only screen and (max-width: 776px) {

    .header-nav .container-fluid,
    .header-top .container-fluid {
        padding: 0 15px !important;
    }

    .secTestimonials {
        padding: 0;
    }

    .testimonialCircleImage {
        display: none;
    }

    .testimonialSlide {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .section-course .box .entry-content ul li {
        width: 100% !important;
    }

    .entry-content1 ul {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    li,
    p,
    ul.list li:before,
    .header-top .styled-icons.icon-sm a,
    .footer a,
    .widget.dark .post-title a,
    .liststyle ul li:before,
    .header-top .widget .info,
    .section-course .box .btn-theme-colored.btn {
        font-size: 15px !important;
    }
}

.memberInfo .btn-theme-colored {
    background-color: #01524b;
}

.memberInfo .btn {
    font-size: 12px;
    padding: 8px 16px;
    line-height: 1;
}