/** General
 * ====================================================**/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
  --main-font: "Public Sans", sans-serif;
  --heading-font: "Public Sans", sans-serif;
  --font-size-large: 2rem;
  --font-size-reg: 1rem;
  --main-font-color: #111111;
  --secondary-font-color: #000;

  --primary-color: #29087F;
  --secondary-color: #F6F7F9;

  --page-width: 1256px;
}
body {
    font-family: var(--main-font);
    background:rgb(255,255,255);
    line-height: 1.2;
    font-size:18px;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--main-font-color);
}
h2 {
    font-size:clamp(2rem,46px,4vw);
    font-weight:700;
    line-height:120%;
    letter-spacing:-2%;
    color:var(--primary-color);
    margin:1em 0 0.5em 0;
    padding:0 0 15px 0;
}                
h3 {
    font-size:26px;
    font-weight:700;
    line-height:1.4em;
    color:var(--primary-color);
    margin:1em 0 0.5em 0;
    padding:0 0 15px 0;
}
p {
    margin: 1em 0;
    font-size:18px;
    line-height:150%;
    letter-spacing:0%;
}
ul {
    margin: 0 0 0 1.5em;
}
ul li {
    margin: 0.5em 0;
}
a {color:var(--main-font-color);transition:all 0.5s ease-out;text-decoration:none}
a:hover,a:focus {color:var(--primary-color);text-decoration:underline}

.text-center {text-align:center}
.sp40 {height:40px}
.sp60 {height:60px}
.sp80 {height:80px}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/** Flex & Grids
 * ====================================================**/
.sec-flex {
    display:flex;
    align-items:center;
}
.f1 {flex:1}
.sf-sb {justify-content:space-between}
.g36 {gap:36px}
.g48 {gap:48px}
@media (max-width: 1024px){
    .sec-flex {flex-wrap:wrap}
    .sec-flex div {
        flex-basis:33.3333%;
        padding:20px;
        box-sizing:border-box;
    }
}

@media (max-width: 768px){
    .sec-flex div {flex-basis:50%}
}

@media (max-width: 480px){
    .sec-flex div {flex-basis:100%}
}

/** Section Titles & Buttons
 * ====================================================**/
.title-buttons {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom:1px solid #B6A4C0;
}
.section-title h2 {
  margin:1em 0 10px 0;
  padding-bottom:0;
}
.section-buttons {
  display: flex;
  padding: 0 0 12px 0;
  gap:0.5em;
}
@media (max-width: 768px){
   .section-title,
   .section-buttons {flex-basis:100%}
}

/** Buttons
 * ====================================================**/
.button {
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    color:#ffffff;
    font-weight:500;
    padding:16px 20px;
    border-radius:100px;
    background-color:var(--primary-color);
    transition:all 0.5s ease-out;
}
.button:hover,
.button:focus {
    background-color:#3A0BB2;
    text-decoration: none;
    color:#ffffff;
}
.button2 {
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    color:#111111;
    font-weight:500;
    padding:16px 20px;
    border-radius:100px;
    background-color:#ffffff;
    border:1px solid #111111;
    border-collapse:collapse;
    transition:all 0.5s ease-out;
}
.button2:hover,
.button2:focus {
    background-color:#e9e6f2;
    text-decoration: none;
}
.button3 {
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    color:#1C0655;
    font-weight:500;
    padding:16px 20px;
    border-radius:100px;
    background-color:#F6F7F9;
    border:1px solid #111111;
    border-collapse:collapse;
    transition:all 0.5s ease-out;
}
.button3:hover,
.button3:focus {
    background-color:#e9e6f2;
    text-decoration: none;
    font-weight:600;
}
.button4 {
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    color:#ffffff;
    font-weight:500;
    padding:16px 20px;
    border-radius:100px;
    background-color:rgb(250,250,250,0.1);
    border:1px solid #ffffff;
    border-collapse:collapse;
    transition:all 0.5s ease-out;
}
.button4:hover,
.button4:focus {
    background-color:rgb(0,0,0,0.1);
    color:#ffffff                 ;
    text-decoration: none;
}
.button_heading3 {
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:20px;
}
.button_inline_center {
    margin:0 5px;
}
@media (max-width:1258px){

}
@media (max-width:990px){
  .button_heading,
  .button_heading2 {
      top:-2px;
  }
}
@media (max-width:768px){
    .button_heading {
        position:relative;
    }
    .button_heading2 {
        position:relative;
        right:0;
    }
    .button_heading3 {
        position:relative;
        top:0;
        right:auto;
        left:auto;
        transform: translateY(0);
    }
}

@media (max-width:480px){
    .card{flex:0 0 100%;}
}


/** Header
 * ====================================================**/
.site-header {
    background: rgb(255,255,255);
    color: var(--main-font-color);
    padding: 10px 0;
}
.main-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.header-row {
    display:flex;
    align-items:center;
    position:relative;
    z-index:5;
}
.logo {
    position:relative;
    z-index:3;
    width:216px;
}
.logo img {
    width:215.54px;
    height:82px;
}
.mobile-logo {display:none}
.search_bar {
    min-width:430px;
    width:50%;
    height:45px;
    padding:16px 40px 16px 10px;
    border-radius:100px;
    border:1px solid #5c5c5c;
    background: url("../images/search-icon.svg") no-repeat right 20px center;
    background-size: 16px;
}
.login_btn {
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    padding:16px 20px;
    transition:all 0.3s ease-out;
}
.login_btn:hover,
.login_btn:focus {
    font-weight:600;
    color:var(--primary-color);
    text-decoration: none;
}
.signup_btn {
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    color:#fff;
    padding:16px 20px;
    border-radius:100px;
    background-color:var(--primary-color);
    transition:all 0.5s ease-out;
}
.signup_btn:hover,
.signup_btn:focus {
    background-color:#3A0BB2;
    text-decoration: none;
    font-weight:500;
    color:#fff;
}
.account-buttons {
    display:flex;
    gap:10px;
    padding:0 10px;
    position: relative;
}
.account-buttons a {
    display:inline-block;
}
.account-buttons a:hover,
.account-buttons a:focus {
    color:var(--primary-color)!important;
}
@media (max-width: 1187px){
    .main-header {
        display:block;
    }
}
@media (max-width: 768px){
    .site-header {
        padding:20px 0;
    }
    .header-row {
        position:relative;
        display:block;
    }
    .logo {display:none}
    .mobile-logo {
        display:block;
        position:absolute;
        left:0;
        top:-5px;
    }
    .mobile-logo img {
        max-width:126px;
        width:100%;
        height:auto;
    }
    }
    .search {
        width:100%;
    }
    @media (max-width: 768px) {
        .login,.signup,.search {
          display:none;
        }
        .search_bar {
            min-width:100%;
            width:100%;
        }
    }
}

/** Tooltips
 * ====================================================**/
.tooltip {
  position: relative;
  display: inline-block;
  text-decoration: underline dotted;
}

.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: #222;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
  z-index: 10;
}

/* little arrow */
.tooltip::before {
  content: "";
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  border: 5px solid transparent;
  border-top-color: #222;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 10;
}

.tooltip:hover::after,
.tooltip:hover::before,
.tooltip:focus::after,
.tooltip:focus::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/** Nav Menu
 * ====================================================**/
.main-nav {
    position: relative;
    z-index:1;
}
.menu {
    list-style: none;
    margin: 0;
    padding: 0 34px;
    display: flex;
    gap:34px;
}
.menu li {
    margin: 0;
}

.menu a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: var(--main-font-color);
    font-size: 18px;
    transition: all 0.3s ease-out;
}
.menu a:hover,
.menu a:focus {
    color:var(--primary-color);
    font-weight:700;
}

.menu-toggle-checkbox {
  display: none;
}
.menu-icon {
  cursor: pointer;
  font-size: 28px;
  display: inline-block;
  user-select: none;
}

.menu-icon {
    display: none;
    font-size: 26px;
    color: var(--main-font-color);
    padding: 15px 20px;
    cursor: pointer;
}
/* Hide extra menu on desktop */
.mobile-extra {
  display: none;
}
@media (max-width: 768px) {
    .main-nav {
        z-index:2;
        position:relative;
        width:100%;
        flex-basis:100%;
        margin-top:0;
    }
    .menu {
        display: none;
        flex-direction: column;
        width: 100%;
        padding:34px 34px 0 34px;
        margin:34px 0;
        border-top:1px solid #BFBFBF;
    }
    #menu-toggle:checked ~ .menu {
      display: block;
    }
    #menu-toggle:checked ~ .menu-icon {
      content: "\2715";
    }
    .menu-icon::before {
      content: "\2630"; /* ☰ */
    }
    #menu-toggle:checked ~ .menu-icon::before {
      content: "\2715"; /* ✕ */
    }
    #menu-toggle:checked + .menu-icon + .menu {
        display: flex;
    }
    .menu-icon {
        display: block;
        height:auto;
        padding:0 20px;
        text-align:right;
    }
    .menu a.signup_btn {
        text-decoration:none;
        text-align:center;
        font-size:16px;
        color:#fff;
        padding:16px 20px;
        border-radius:100px;
        background-color:var(--primary-color);
        transition:all 0.5s ease-out;
    }
    .menu a.signup_btn:hover,
    .menu a.signup_btn:focus {
        background-color:#3A0BB2;
        text-decoration: none;
        font-weight:500;
        color:#fff;
    }
    /* Show both menus when toggled */
    #menu-toggle:checked ~ .main-menu,
    #menu-toggle:checked ~ .mobile-extra {
      display: flex;
    }
}

/** Hero Slider
 * ====================================================**/
.hero-slider{
  position:relative;
  width:100%;
  height:225px;
  overflow:hidden;
  background-image:url(../images/home/slider_background.svg);
  background-size:cover;
}

.slider-track{
  display:flex;
  width:100%;
  height:100%;
}

.slide{
  min-width:100%;
  height:225px;
  background-size:cover;
  background-position:center;
  position:relative;
}

.slide:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,.1));
}

.slide-content{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
  width:100%;
  z-index:2;
}

.slide-content h1{
  font-size:clamp(2rem,42px,3vw);
  margin-bottom:10px;
  text-align:center;
  color:#ffffff;
  border-bottom:0;
}

.slider-prev,
.slider-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.4);
  color:#fff;
  border:none;
  padding:12px 16px;
  font-size:24px;
  cursor:pointer;
  z-index:10;
}

.slider-prev{ left:10px; }
.slider-next{ right:10px; }

.slider-prev:hover,
.slider-next:hover{
  background:rgba(0,0,0,.7);
}

@media(max-width:768px){
  .hero-slider{
    height:320px;
    padding:0;
  }
  .slide{
    height:320px;
  }
}
@media(max-width:468px){
  .slide-content{
    max-width:300px;
    margin:0 auto;
  }
}

/** Card Slider
 * ====================================================**/
.card-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top:1em;
}

.slider-wrapper {
    overflow:hidden;
}

.cardslider-track {
    display:flex;
    transition:transform .4s ease;
}

.card {
    flex:0 0 25%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
    border-radius:4px;
    background:#fff;
    border:1px solid #BFBFBF;
}
.card:hover,
.card:focus {text-decoration:none}

.card img{
    width:100%;
    display:block;
}

.card .card-content{
    padding:20px 24px;
}

.card h3{
    font-size:20px;
    line-height:130%;
    color:#111;
    margin:10px 0 5px;
}
.card:hover h3,
.card:focus h3 {
    text-decoration: none;
    color:var(--primary-color);
}
.card-slider-prev,
.card-slider-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,0);
  color:rgba(255,255,255,0);
  transition: all 0.5s ease-out;
  border:none;
  padding:12px 16px;
  font-size:24px;
  cursor:pointer;
  z-index:99;
}

.card-slider-prev{ left:10px; }
.card-slider-next{ right:10px; }

.card-slider-prev:hover,
.card-slider-next:hover{
  background:rgba(0,0,0,0.7);
  color:rgba(255,255,255,1);
}
@media (max-width:1024px){
    .card{flex:0 0 33.333%;}
}

@media (max-width:768px){
    .card{flex:0 0 50%;}
}

@media (max-width:480px){
    .card{
        flex:0 0 100%;
    }
}

/* dots */

.slider-dots{
    text-align:center;
    margin-top:20px;
}

.slider-dot{
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 6px;
    background:#ccc;
    border-radius:50%;
    cursor:pointer;
    transition:.3s;
}

.slider-dot.active{
    background:#333;
}

.slider-dot:hover{
    transform:scale(1.2);
}

/** Layout
 * ====================================================**/
.container {
    width: 100%;
    position: relative;
    max-width: var(--page-width);
    margin: 0 auto;
}
@media screen and (max-width:1256px) {
    .container {
        padding:0 20px;
        box-sizing: border-box;
    }
}
.hero-area {
    display: flex;
    align-items:center;
    width:auto;
    background:#F6F7F9;
    padding:4em 0;
    text-align: center;
}
.hero-area p {
    max-width:635px;
    margin:0 auto;
    font-size:18px;
}
h1.site-title {
    font-size: 56px;
    font-weight:700;
    line-height: 1.4em;
    color:var(--primary-color);
    margin:0 0 17px 0;
}
.site-content {
    width: 100%;
}
.content-area {
    width: 100%;
    padding:1em 0;
}
.wave {
    background-image: url(../images/page-background.svg);
    background-repeat:no-repeat;
    background-size:100% auto;
}
.sec-even {
    width:auto;
    max-width:100vw;
    margin:2em 0;
    padding:0.25em 0 2.5em 0;
    margin-left:calc( -100vw / 2 + 100% / 2 )!important;
    margin-right:calc( -100vw / 2 + 100% / 2 )!important;
    background:#F6F7F9;
}
.homepage-area {
    padding:0 0 4em 0;
}
.homepage-area p {
    font-size:24px;
}
.why-area {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 36px;
}
.why-box {
    padding:24px;
    background-color:#F6F7F9;
    flex: 1 1 calc(33.33% - 36px);
}
.why-box h3 {
    margin:0;
    padding:0;
    font-size:24px;
    color:#1C0655;
}
.why-box p {
    margin:18px 0 0 0;
    font-size:18px; 
}
@media screen and (max-width:1123px) {
  .why-box {
    flex: 1 1 100%;
  }
}
@media screen and (max-width:768px) {
    .homepage-area h2 {
        border-bottom:0;
    }
    .why-box {
        flex-basis:100%!important;
    }
    .why-box p {
        margin:18px 0 0 0;
        padding:0;
        border-top:0;
    }
}
@media screen and (max-width:348px) {
    h1.site-title {
      font-size: 36px;
    }
}

/** Courses Area / Courses Page
 * ====================================================**/
.courses-area {
    position:relative;
    padding:0.25em 0 2em 0;
    background-color:#F6F7F9;
}
.ondemand-area {
    position:relative;
    padding:0.25em 0 2em 0;
}
.courses-content {
    padding:20px 24px;
}
.courses-content .category {
    display:inline-block;
    padding:2px 8px;
    background-color:#F0EDF2;
    border-radius:4px;
    font-size:14px;
    text-transform:uppercase;
}
.courses-content h3 {
    margin:20px 0 10px 0;
    font-size:20px;
}
.courses-content h4 {
    border-color: #BFBFBF;
}
.courses-content p {
    margin:0;
    font-size:14px;
    line-height:150%;
}
.courses-content p:first-of-type {
    margin:20px 0 5px 0;
}
@media screen and (max-width:768px) {
    .courses-area {
        padding:0.25em 20px 2em 20px;
    }
    .courses-area h2,
    .ondemand-area h2 {
        margin-bottom:0;
        border-bottom:0;
    }
}

.course-list {
    padding:2em 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}
@media screen and (max-width:768px) {
    .course-list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
}
@media screen and (max-width:468px) {
    .course-list {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 1em;
        grid-row-gap: 1em;
    }
}

/** Resources Area / Resources Page
 * ====================================================**/
.resources {
    position:relative;
    padding:0.25em 0 2em 0;
    background-color:#F6F7F9;
}
.resources .sec-flex {
    padding:1em 0 2em 0;
}
.resource-list {
    list-style-type: none;
    margin:0 4em 0 0;
}
.resource-list li {
    padding:10px 0;
    margin-bottom:10px;
    border-bottom:1px solid #B6A4C0;
}
.resource-list li h3 {
    margin:0;
    font-size:20px;
    line-height:120%;
    color:#000000;
}
.resource-list li p {
    margin:0 0 10px 0;
    font-size:16px;
    line-height:150%;
}
.dt-filter-tabs {
    margin:0 0 1rem 0;
}
.dt-filter-tabs .dt-tab {
    display:inline-block;
    text-decoration:none;
    text-transform:capitalize;
    font-size:18px;
    color:#ffffff;
    font-weight:500;
    padding:8px 20px;
    border-radius:20px;
    background-color:var(--primary-color);
    border:0;
    transition:all 0.5s ease-out;
    cursor:pointer;
}
.dt-search-wrapper #dt_search {
    padding:10px 15px;
    border-radius:5px;
    border:1px solid #ccc;
}
@media (max-width:990px){
    .resources .sec-flex div {
        flex-basis:100%;
    }
}
@media (max-width:768px){
    .resources h2 {
        border-bottom:0;
    }
    .resource-list {
        list-style-type: none;
        margin:0 1em 0 0;
    }
     .resources img {
        width:100%;
        height:auto;
    }
}

.resource-card {
    flex:0 0 25%;
    max-width:100%;
    box-sizing:border-box;
    overflow:hidden;
    border-radius:4px;
    background:#F6F7F9;
    border:1px solid #F0F0F0;
}

.resource-content {
    padding:20px 24px;
}
.resource-content .category {
    display:inline-block;
    padding:2px 0;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}

.resource-card img{
    width:100%;
    display:block;
}

.resource-card .card-content{
    padding:20px 24px;
}

.resource-card h3{
    font-size:20px;
    line-height:130%;
    color:#111;
    margin:10px 0 0;
}
@media (max-width:1024px){
    .resource-card{flex:0 0 33.333%;}
}

@media (max-width:768px){
    .resource-card{flex:0 0 50%;}
}

/** Mission Statement Area
 * ====================================================**/
.mission-statment {
    position:relative;
    padding:0.25em 0 2em 0;
}
.mission-statment h2 {
    font-weight:600;
    font-size:clamp(1.5rem,28px,1vw);
    line-height:150%;
    text-transform:uppercase;
    border-bottom:1px solid #B6A4C0;
}
.mission-statment p {
    font-size:clamp(1.25rem,22px,2vw);
    line-height:150%;
    text-align:center;
}
.ms-image {
    max-width:1440px;
    width:100%;
    margin:3.5em auto 0;
}
.ms-image img {
    width:100%;
    height:auto;
}
@media (max-width:768px){
    .mission-statment h2 {
        text-align: center;
    }
}

/** Testimonials Area
 * ====================================================**/
 .testimonials-statement h2 {
    border-bottom:1px solid #B6A4C0;
 }
 .testimonials-grid{
    column-count:3;
    column-gap:40px;
    margin:3em 0;
}
.testimonial{
    background:#f2f2f4;
    padding:32px;
    border-radius:4px;
    margin-bottom:40px;
    break-inside:avoid;
}
.testimonial p{
    margin:0;
    font-size:18px;
    line-height:150%;
    margin-bottom:20px;
}
.author{
    display:block;
    font-weight:600;
    font-style:italic;
    font-size:18px;
    color:var(--primary-color);
}
@media (max-width:768px){
     .testimonials-statement h2 {
        border-bottom:0;
     }
     .testimonials-grid{
        column-count:2;
        column-gap:20px;
        margin:2em 0;
    }
}
@media (max-width:468px){
     .testimonials-grid{
        column-count:1;
        column-gap:10px;
        margin:1em 0;
    }
}

/** Message Area
 * ====================================================**/
.message {
    position:relative;
    padding:4em 0;
    background: #29087F;
    background: linear-gradient(120deg,rgba(41, 8, 127, 1) 0%, rgba(109, 91, 153, 1) 100%);
    text-align: center;
    color:#ffffff;
}
.message h2 {
    color:#ffffff;
    font-size:52px;
    line-height:120%;
    letter-spacing:-2%;
    border-bottom:0;
    margin:0;
}
.message p {
    font-size:18px;
}

/** LinkedIn Area
 * ====================================================**/
.linkedin {
    padding:64px 0 24px 0;
}
.linkedin-content {
    position:relative;
    text-align:center;
    background-color:#F6F7F9;
    border-radius:8px;
    padding:24px 20px;
    box-sizing: border-box;
}
.linkedin-content h2 {
    margin:0;
    font-size:24px;
    line-height:130%;
    border-bottom:0;
}
.linkedin-content p {
    margin:0;
    font-size:18px;
}
@media (max-width:768px){
    .linkedin-content {
        text-align:left;
        padding:24px 40px;
    }
    .linkedin-content p {
        margin:1em 0;
    }     
}

/** About Us Page
 * ====================================================**/
.about_us {
    gap:4em;
    padding:2em 0;
}
.about_us img {
    max-width:100%;
    height:auto;
}
.au-box2 {order:2}
.au-img2 {order:1}
@media (max-width:768px) {
    .about_us {
        gap:20px;
        padding:1em 0;
    }
    .au-box,.au-box2 {
        padding:0 20px!important;
    }
    .au-box2 {order:1}
    .au-img2 {order:2}
}
.about_why-choose {
    gap:2em;
    padding:2em 0 0 0;
    align-items: flex-start;
}
.about_why-choose .awc {
    flex: 0 0 33.3333%;
    min-height:323px;
    height:100%;
    padding:20px;
    background-color:#ffffff;    
}
.about_why-choose h3 {
    margin:0;
    font-size:24px;
    color:var(--primary-color);
}
.about_why-choose .awc.awc_last {
    background-color:var(--primary-color);
}
.awc_last h3,
.awc_last p,
.awc_last a {
    color:#FFFFFF;
    display:inline-flex;
    align-items: center;
    gap:5px;
}
.awc_last a:after {
    display:inline-block;
    content:url("../images/arrow.svg");
    width:20px;
    height:20px;
}
.awc_inner {
    min-height:248px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}
.partnerships {
    gap:2em;
    padding:2em 0;
    align-items: flex-start;
}
.partner {
    flex:1;
}
.partner h3 {
    color:#000000;
    font-size:18px;
    font-weight:600;
    margin:0.5em 0 0 0;
}
.partner p {
    font-size:16px;
    margin:0;
}
.partner img {
    max-width:100%;
    height:;
}
@media (max-width:768px) {
    .about_why-choose .awc {
        flex: 0 0 50%;
    }
}
@media (max-width:468px) {
    .about_why-choose .awc {
        flex: 0 0 100%;
    }
}

/** Footer
 * ====================================================**/
.site-footer {
    background: #F6F7F9;
    padding: 20px 0;
    margin:3em 0 0 0;
}
.site-footer h2 {
    font-size:24px;
    border-bottom:0;
}
.site-footer hr {
    border:1px solid #BFBFBF;
}
.awards-partners {
    padding:20px 0 40px 0;
} 
.awards-partners {
    display:flex;
    gap:10px;
}
.awards-partners .awards,
.awards-partners .partners {
    padding:0 20px 20px 20px;
    border-radius:8px;
    min-height:272px;
    background:rgba(255,255,255,0.75);
    flex:1;
    gap:10px;
}
.awards-partners .awards .sec-flex,
.awards-partners .partners .sec-flex {gap:15px}

.awards-partners .awards .sec-flex > div {flex:1;text-align:center}
.awards-partners .awards .sec-flex > div > img {
    max-width:100%;
    height:auto;
}
.awards-partners .partners .sec-flex .apfed {flex:1;text-align:center}
.awards-partners .partners .sec-flex .aga {flex:2;text-align:center}
.awards-partners .partners .sec-flex .nea {flex:2;text-align:center}
.awards-partners .partners .sec-flex .nbdf {flex:1;text-align:center}
.awards-partners .partners .sec-flex .msaa {flex:1;text-align:center}
.awards-partners .partners .sec-flex > div > img {
    max-width:100%;
    height:auto;
}
.awards-partners .awards img,
.awards-partners .partners img {
    filter: grayscale(100%);
    opacity: 90%;
}
ul.footer-menu {
    list-style-type: none;
    line-height:2.0em;
    margin:0;
}
ul.footer-menu li a {
    text-decoration: none;
    transition:all 0.3s ease-out;
}
ul.footer-menu li a:hover,
ul.footer-menu li a:focus {
    color:var(--primary-color);
    font-weight:600;
}
ul.social-menu {
    list-style-type: none;
    display: flex;
    gap: 10px;
    margin:34px 0 0 0;
    padding:0;
}
ul.social-menu li a {
    text-decoration: none;
    padding:0 38px 0 0;
    font-size:20px;
    color:var(--primary-color);
    transition:all 0.3s ease-out;
}
ul.social-menu li a:hover,
ul.social-menu li a:focus {
    color:#000;
}
.footer-logo img {
    width:409px;
    height:114px;
}
.footer_top {
    padding:40px 0 90px 0;
}
.footer_bottom {
    padding:20px 0;
}
.footer_bottom p {
    padding:40px 0;
    font-size:14px;
}
.footer_bottom a {
    display:inline-block;
    padding:0 0 0 40px;
}
@media (max-width:1024px){
  .awards-partners {
    display:block;
  }
}
@media (max-width: 768px){
  .site-footer {
      text-align: center;
  }
  .footer-logo img {
      width:100%;
      height:auto;
  }
  ul.social-menu {
      margin:20px 0 0 0;
      justify-content: center;
      align-items: center;
  }
  ul.social-menu li a {
       text-align: center;
       padding:0;
       margin:0 auto;
  }
  .awards-partners .awards,
  .awards-partners .partners {
      padding:20px;
  }
  .awards-partners .awards .sec-flex,
  .awards-partners .partners .sec-flex {flex-direction: column;}
}

/** Account / Login / User Pages & Forms
 * ====================================================**/
.form-card {
    width: 100%;
    max-width: 380px;
    margin:0 auto;
    background: #ffffff;
    border: 1px solid var(--primary-color);
    border-radius: 16px;
    padding: 40px 36px;
    box-shadow: 0 1px 2px rgba(36, 34, 43, 0.04);
}

.heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 28px;
}

.heading h2 {
    font-weight: 600;
    font-size: 26px;
    margin: 0;
    letter-spacing: -0.01em;
}

.heading p {
    margin: 0;
    font-size: 14px;
    color: #6f6b7a;
}
form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.field label {
    font-size: 13px;
    font-weight: 500;
    color: #6f6b7a;
    text-align:left;
}
.input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.input-wrap svg {
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
    stroke: #a6a2b0;
    pointer-events: none;
}
.input-wrap input {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 38px;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    font-size: 14px;
    color: #24222b;
    background: #f7f5f2;
    outline: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.input-wrap input::placeholder {
    color: #a6a2b0;
}
.input-wrap input:focus {
    border-color: #6b4e71;
    background: #ffffff;
}
.input-wrap.has-toggle input {
    padding-right: 40px;
}
.toggle-visibility {
    position: absolute;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 6px;
}
.toggle-visibility:hover {
    background: #f1ecf2;
}
.toggle-visibility svg {
    position: static;
    width: 17px;
    height: 17px;
}
.row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
}
.remember {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #6f6b7a;
    cursor: pointer;
    user-select: none;
}
.remember input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--plum);
    cursor: pointer;
}
.login-footer a {
    text-decoration: none;
}
.login-footer a:hover,
.login-footer a:focus {
    color: var(--primary-color);
    text-decoration: underline;
}
.row a {
    font-size: 13px;
    font-weight: 500;
}
.submit {
    height: 46px;
    margin-top: 6px;
    border: none;
    border-radius: 10px;
    background: var(--plum);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.submit:hover {
    background: var(--plum-dark);
}
.login-footer {
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    font-size: 13px;
    color: #6f6b7a;
}
.sign-in-con {text-align:center}

/** Create an Account/Registration
 * ====================================================**/
.crt-acc-frm {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    max-width:650px;
    margin:0 auto;
}
.crt-acc-frm li.a {
    flex-basis:30%;
    padding:0 10px 0 0;
}
.crt-acc-frm li.b {
    flex-basis:69%;
}
.crt-acc-frm li.clear {
    flex-basis:1%;
}
.crt-acc-frm li sup {
    line-height:2.0em;
}
.crt-acc-frm li.b input[type="text"],
.crt-acc-frm li.b input[type="password"],
.crt-acc-frm li.b select {
    width: 100%;
    height: 44px;
    padding: 2px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    font-size: 14px;
    color: #24222b;
    background: #f7f5f2;
    outline: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.but_bar {
    height:44px;
    width:306px;
}

/** Current Registrations
 * ====================================================**/
.personal-info {
    h1 {font-size:26px}
    span a {
        position:absolute;
        right:20px;
        top:0;
        display: inline-block;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        padding: 4px 20px;
        border-radius: 15px;
        background-color: var(--primary-color);
        border: 0;
        transition: all 0.5s ease-out;
        text-align: center;
        cursor: pointer;
    }
}
.account_submenu,
.sub-menu2 {
    display:flex;
    margin:0;
    gap:10px;
    align-items:center;
    justify-content: space-between;
    list-style-type: none;
}
.account_submenu li,
.sub-menu2 li {
    flex:1;
    text-align: center;
}
.account_submenu li a,
.sub-menu2 li a {
    display: inline-block;
    width:100%;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 20px;
    background-color: var(--primary-color);
    border: 0;
    transition: all 0.5s ease-out;
    text-align: center;
    cursor: pointer;
}

#actvity-panel-head ul {
    display:flex;
    margin:0;
    list-style-type: none;
    justify-content: space-between;
    border-bottom:2px solid var(--primary-color);
}
#actvity-panel-head ul li {
    flex:1;
    font-weight:700;
}
#actvity-panel-head ul li:first-of-type {
    flex:3;
}
#actvity-panel-listing h2 {
    margin-bottom:0;
    padding-bottom:0;
}
#actvity-panel-listing p {
    margin-top:0;
}
#actvity-panel-des ul {
    list-style-type: none;
    margin:0;
}
#actvity-panel-des .aa {
    display:flex;
    gap:10px;
    align-items:center;
}
#actvity-panel-des ul li ul {
    display:flex;
    margin:0;
    list-style-type: none;
    justify-content: space-between;
    border-bottom:1px solid #ccc;
}
#actvity-panel-des ul li ul li {
    flex:1;
}
#actvity-panel-des ul li ul li:first-of-type {
    flex:3;
    padding:0 20px 0 0;
    font-weight:700;
}
#notice-message {
	font: bold 13px tahoma;
	color: #FF0000;
	text-align: center;
	border: 1px solid #c3c3c3;
	background: #fff8e0;
	padding: 20px 0;
	margin-bottom: 16px;
	clear: both;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#divContact, #divContactTitle, #trSubject{
	display: none;
}