/* Start Arzoe New Css Start 05-05-2025*/
 p {font-size: 15px;line-height: 25px;color: #130640;}
.layout-pb-lg {padding-bottom: 80px;}
.layout-pt-lg {padding-top: 80px;}
.header__logo, .footer-header__logo {width: 100px;}
.breadcrumbs {margin-top: 110px;}
.header.-type-1 .header__container{padding: 10px 0;}
.stepCard.-type-1 .stepCard__text{font-size: 16px;color: white;text-align: left;margin-top: 0;}
.-stepCard-hover:hover .stepCard__text{color: #190b4d !important;}
.stepCard.-type-1 .stepCard__content{padding: 30px;min-height: 602px;}
.stepCard.-type-1 .stepCard__content{display: block;text-align: left;}
.stepCard.-type-1 .stepCard__title{margin-top: 15px;font-weight: 400;}
.stepCard__content h5{color:black;}

.objectives h2 {font-size: 24px;padding-bottom: 10px;}
.objectives .coursesCard.-type-4:hover .coursesCard__image img {transform: unset;}
.objectives .coursesCard__content img {width: 80px;}

.courses-single-info__content {height: auto;overflow-y: unset;}
.note {font-size: 12px;color: red;}

.min-200 {min-height: 360px;}
.min-325 {min-height: 325px;}

.breadcrumbs__content > *{font-weight: 600;color: #0d4fa8;}
.footer.-type-1 .footer-columns .footer-columns-form .form-group input, .footer.-type-1 .footer-columns .footer-columns-form .form-group button{border-radius: 10px;}
.footer.-type-1 .footer-header{padding: 30px 0;border-bottom: 0;}
.footer.-type-1 .footer-columns{padding-top: 50px;padding-bottom: 50px;}

.border-horizontal-bottom {border-bottom: 1px solid #d5d5d5;padding-top: 40px;}

.chevron-list {list-style: none;padding-bottom: 10px;}
.chevron-list li {position: relative;padding-left: 15px;line-height: 1.5;}
.chevron-list li::before {content: "\f111";font-family: 'FontAwesome';font-weight: 300;position: absolute;left: 0;color: #094fa9;font-size: 10px;top: 3px;}
.chevron-list li b {color: #2c3e50;}
.chevron-list  li{list-style: none;padding-bottom: 10px;}
.benefit-img img {width: 70px;padding-bottom: 15px;}
.banner-section {position: relative;background-image: url(../img/arzoe-img/Why-Proactive-banner.webp);background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 300px 0;}
.banner-section::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 22%);z-index: 1;}
.banner-section .container {position: relative;z-index: 2;color: white;text-align: center;}
.banner-section h2 {margin-bottom: 10px;}
.about-us p:first-of-type {font-size: 20px;color: #0950a9;font-weight: 500;}
.stepCard.-type-1 .stepCard__content{border: 1px solid rgb(255 255 255);}

/* .stepCard.-type-1 .stepCard__text{color: #000000;} */

.why-proactive img, .badge {border-radius: 5px;}

.ol-list {padding-left: 1.06667rem;padding-top: 15px;}
.ol-list li::before {content: "\f178";font-family: 'FontAwesome';font-weight: 300;position: absolute;left: 0;color: #094fa9;font-size: 12px;top: 3px;}
.teamCard.-type-2{border: none;min-height: 255px;border-radius: 5px;}
.accordion.-block-2 .accordion__item, .accordion.-block-2 .accordion__button {border-radius: 5px;}


@media (min-width: 1200px) {
    .header .header-menu .menu .subnav {min-width: 300px;}
    .header .header-menu .menu .subnav > li > a{padding: 5px 30px;line-height: 1.5;}
    .header .header-menu .menu .subnav{padding-top: 15px;padding-bottom: 15px;}
    .header .header-menu .menu__nav {width: 900px;}
}


/* Start Arzoe Color Website*/
.tabs__content li, .why-proactive li {color:#130640;}
.header.-type-1, .bg-dark-1, .button.-purple-1, .footer.-type-1 .footer-columns .footer-columns-form .form-group button{background: linear-gradient(90deg, #084cac, #8B3B9B);border: 0;}
.button.-purple-1:hover {color:black !important;border: 1px solid #000; background:red;}
.footer.-type-1.-green-links .footer-columns a:hover {text-decoration: none;color: #000000 !important;}
.footer.-type-1 .footer-header .footer-header-socials__list a:hover{background: white !important;color: #000000 !important;}
.tabs.-active-purple-2 .tabs__controls .tabs__button::after{background-color: #084fa8 !important;}
.tabs.-active-purple-2 .tabs__controls .tabs__button.is-active {color: #084fa8 !important;}
.text-purple-1 {color: #0850a9 !important;}
.bg-light-gray {background: #f5f7fe;}
/* #sidebarWrap {height: 400px;width: 210px;float: right;position: relative;box-shadow: none;border: none;margin: 0;padding: 0;} */


#sidebar.fixed {position: fixed;top: 0;}
.form-group label {display: inline-block;font-size: 16px;color: black;font-weight: 600;}
.profile-info {border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;}

iframe {display: block;}



@media (max-width: 1440px) {
  .sidebar {
    width: 400px;
  }
}
@media (max-width: 1262px) {
  .sidebar {
    width: 450px;
}
}




/*Css Start Home Page */

.masthead.-type-1 {padding: 100px 0 0 0;}
.home-btn-01 {
    background: linear-gradient(90deg, #084cac, #8B3B9B);
    padding: 12px 55px;
    font-size: 16px;
    display: flex;
    height: 60px;
    align-items: center;
    color: #ffffff !important;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border-radius: 8px;
    line-height: 1;
    font-weight: 400;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.home-btn-02{
    background: transparent;
    padding: 12px 55px;
    border: 1px solid;
    font-size: 16px;
    display: flex;
    height: 60px;
    align-items: center;
    color: #ffffff !important;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border-radius: 8px;
    line-height: 1;
    font-weight: 400;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.header.-type-1 .header__container {border-bottom: 0px solid rgba(255, 255, 255, 0.15);}
.masthead.-type-1 .masthead-info{padding-top: 30px;}
.home-batch-text {margin-top: 5px;}
.home-batch-text span {background: #883f98;padding: 8px;border-radius: 5px;}
.badge-home {background: #883f98;padding: 4px 8px;border-radius: 5px;font-size: 12px;color: white;}
.course-img img, .about-image img, .blogCard__image img {border-radius: 8px;}



.box {position: relative;background-color: #f7f7f7;overflow: hidden;}
.ribbon {position: absolute;display: inline-block;top: 0.3em;right: 0.8em;max-width: 5em;color: #fff;z-index: 1;}
.ribbon::after {position: absolute;top: -1.5em;right: -6em;content: "";height: 5em;width: 15em;transform: rotatez(45deg);background-color: #874295;z-index:-1;}
.ribbon.text-center h5 {transform: rotate(43deg);padding: 17px 0px 35px 0px;color: white;font-weight: 400;font-size: 16px;}
.bg-people-say{background: linear-gradient(90deg, #084cac, #8B3B9B);}
.stepCard.-type-1 .stepCard__content.min-0 {min-height: 0;}
.bg-home-gray {background: #f7f7f7;}

/* Start Css Tab*/
.tabs__button {font-weight: 600;}
.tabs.-pills .tabs__controls .tabs__button.is-active {font-weight: 600;background: linear-gradient(90deg, #084cac, #8B3B9B); color: white !important;}


/* ---------- COURSE DESCRIPTION STYLING ---------- */
.course-description {
  font-size: 16px;
  line-height: 1.7;
  margin-top: 20px;
}

/* Paragraphs */
.course-description p {
  margin-bottom: 1em;
}

/* Headings inside description */
.course-description h1,
.course-description h2,
.course-description h3 {
  color: #1a1a1a;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
}

/* ✅ Ensure unordered list shows visible bullets */
.course-description ul {
  margin: 10px 0 15px 25px;
  padding-left: 25px;
  list-style-type: disc !important; /* force normal bullets */
}

.course-description ul li {
  margin-bottom: 8px;
  line-height: 1.6;
  position: relative;
  list-style-type: disc !important; /* force normal bullets */
}

/* ✅ Optional: make bullets larger and aligned */
.course-description ul li::marker {
  color: #555;
  font-size: 1.1em;
}

/* Ordered lists (1, 2, 3...) */
.course-description ol {
  margin: 10px 0 15px 25px;
  padding-left: 25px;
  list-style-type: decimal;
}

.course-description ol li {
  margin-bottom: 8px;
  line-height: 1.6;
  list-style-type: decimal;
}

/* Text emphasis */
.course-description strong,
.course-description b {
  color: #000;
  font-weight: 600;
}

/* Links */
.course-description a {
  color: #0073aa !important;
  text-decoration: none;
}

.course-description a:hover {
  text-decoration: underline;
}