@import url('https://fonts.googleapis.com/css?family=Inter:500,600,700&lang=en&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora:400&lang=en&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif:600&lang=en&display=swap');

body {font-family: 'Lora', serif;color: #202225;}
h1, h2, h3, h4, h5, h6 {font-family: "Inter", sans-serif; font-weight: 600; color: #202225; line-height: 1;}
p {margin-bottom: 12px;}
a {color: #203d7c; text-decoration: underline;}
.visuallyhidden, .hide {clip: rect(0,0,0,0); clip-path:inset(100%); height:1px; width:1px; overflow:hidden; position:absolute; white-space:nowrap;}
.show {display:block;}

button {font-family: 'Lora'; font-size: 18px; border-radius: 50px; border: none; background-color: #6377A3; padding: 6px 30px; color: #fff; margin-bottom: 12px;}
button.active {background-color: #203D7C;}
button.quiz {background-color: #203D7C; border-radius: 0 0 24px 0; padding: 12px 24px;}

ul {list-style: disc; margin: 0 0 12px 24px;}
.post-list {list-style:none; margin:0;}

.button {background:#203d7c; color:#fff; border: #203d7c 1px solid; border-radius: 0 0 24px 0; transition: 0.3s ease; text-decoration:none; padding: 12px 36px 12px 12px; height:auto;}
.button:hover, .button:focus {background:#fff; color:#203d7c; text-decoration:none;}
.button.inverse {background:#fff; color:#203d7c; border-color: #203d7c}
.button.inverse:hover, .button.inverse:focus {background:#203d7c; color:#fff; border-color:#fff;}
.hs-submit .actions {margin:0; padding: 0;}
.hs-button {border-radius: 0 0 42px 0; padding-right: 36px; border-color: #fff; border-style: solid; font-family: 'Lora'; font-size: 1rem; background-color: #203D7C; color: #fff; padding: 12px 36px 12px 12px; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;}
.hs-button:hover {background-color: #fff; color: #203D7C; border-color: #203D7C;}
.hs-input {border:none; padding: 9px;}
textarea.hs-input, .hs-input[type="text"], .hs-input[type="email"] {width:100%;font-family: inherit;font-size: inherit;}
.input, .textarea {height: 100%; padding: 0; box-shadow:none;}
.inputs-list {margin: 0; list-style: none;}
.input input[type=checkbox], .input input[type=radio] {margin-right: 9px;}
.hs_i_am_currently_a_cap_or_acap .input, .hs_areas_of_interest .input {border:none;}
.cta .hs-error-msgs a, .cta .hs-error-msgs a:hover, .cta .hs-error-msgs a:focus {color:#fff;}

.navbar{ background:transparent;}
a.navbar-brand {text-decoration:none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items:center;}
.navbar-brand .title {font-family: 'Inter', sans-serif; font-weight: 600;}
.nav.navbar-nav {list-style:none;}
.navbar .nav-item .dropdown-menu{ margin:0; list-style:none;}

.navbar .nav-item:hover .dropdown-menu{ display: block; background-color: #fff; border: 1px solid #203d7c; padding:0;}

.navbar .nav-item .dropdown-menu li {padding: 12px; transition: background-color 0.3s ease;}
.navbar .nav-item .dropdown-menu li:hover {background-color: #203d7c;}
.navbar .nav-item .dropdown-menu li a.dropdown-item {color: #203d7c; padding: 0;}
.navbar .nav-item .dropdown-menu li:hover a.dropdown-item {color:#fff;}
a.dropdown-item, button.dropdown-item {white-space:normal;}
a.dropdown-item:hover, button.dropdown-item:hover {background: transparent;}

.cta {background: #203d7c; color:#fff; padding:24px; border-radius: 50px 0 0; margin-right:12px; height:fit-content;}
.cta.corner-right-top {border-radius: 0 50px 0 0;}
.cta.corner-right-bottom {border-radius: 0 0 50px 0;}
.cta h2 {font-family:'IBM Plex Serif'; color: #fff; margin-top:0;}
.cta .hs-button {background-color: #FFF; color: #203D7C; border-color: #203D7C;}
.cta .hs-button:hover {background-color: #203D7C; color: #FFF; border-color: #FFF;}

table, table.dataTable.no-footer {background-color:#fff; border: 3px solid #6377a3; border-collapse: separate; border-radius: 0 0 50px 0;}
table.dataTable tbody tr {background:transparent;}
table tr:nth-child(odd), table tr.blue, table.dataTable tbody tr.odd {background-color: rgba(99, 119, 163, 0.22);}
table tr:first-child, table tr.white {background-color: transparent;}
table td {padding:12px; vertical-align:top;}
table .job_title {font-size: 14px; font-style: italic;}
#certificants_table th {font-size: 24px; line-height: 1.4; border-right: 3px solid #6377a3; border-bottom: 3px solid #6377a3;}
#certificants_table td {border-right: 3px solid #6377a3; padding: 7.5px 21px;}
#certificants_table th:last-child, #certificants_table td:last-child {border-right:none;}
#certificants_table tr:last-child td:last-child {border-radius: 0 0 50px 0;}
#certificants_table_length, #certificants_table_filter, #certificants_table_info, #certificants_table_paginate {color:#202225; margin-bottom:24px;}

.modal-content {background: #fff; padding: 24px; border-radius: 24px; border: 3px solid #203d7c; width:auto;}
.modal-close {padding: 1px 6px;}

.top-48 {margin-top:48px;}
.top-36 {margin-top:36px;}

.border .news {list-style:none; margin-left:0;}
.indent {margin-left: 30px;}

.tabs .border ol {padding:0 0 12px 24px;}
.tabs .border ol li, .tabs .border ul li {display:list-item;}
.tabs .border ul {display:block; border:none;}
.tabs .border a {display: block; padding: inherit; margin: inherit; border: none; color: #203d7c;}
.tabs .border a.button {color: #fff; text-align: left; padding: 12px 24px; height: inherit; border: 3px solid #203d7c;}
.tabs .border a.button:hover {color:#203d7c;}

.jta .border {margin-bottom:0;}
.jta .border h6 {margin-top:0; margin-bottom:6px;}
.jta table {border:none;}
.jta table td {padding:0;}
.jta .weights {text-align:center;}
.jta .weights .circle {width: 140px; height: 140px; border-radius: 50%;}
.circle.domain1 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(140.4deg, #203D7C 50%, transparent 50%);}
.circle.domain2 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(151.2deg, #81BD41 50%, transparent 50%);}
.circle.domain3 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(172.8deg, #EE7623 50%, transparent 50%);}
.circle.domain4 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(140.4deg, #6377A3 50%, transparent 50%);}
.circle.domain5 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(147.6deg, #81BD41 50%, transparent 50%);}
.circle.domain6 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, #EE7623 50%, transparent 50%);}
.circle.domain7 {background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(111.6deg, #6377A3 50%, transparent 50%);}

.block {background-color: #F7BA91; padding: 24px;}
.block h2 {margin-top: 0; font-family: 'IBM Plex Serif'; font-size: 28px; line-height: 1;}

.classitem {border: 3px solid #6377A3; padding: 24px; border-radius: 0 0 50px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 12px;}
.classitem h6 {margin:0;}
.classitem p {margin-bottom:0;}
.classitem p.badge {font-size:90%; font-weight:700;}
.classitem p.badge:before {content: '\2605';}
.classitem p.badge.nakc:before {color:#203D7C;}
.classitem p.badge.fe:before {color:#81BD41;}
.classitem p.badge.sdl:before {color:#EE7623;}
.classitem p.badge.vs:before {color:#6377A3;}
.classitem p.badge.we:before {color:#F7BA91;}

.question {margin: 24px 0 18px;}
.radio {display:block; margin-left: 24px; margin-bottom: 6px; text-indent: -27px;}
.radio input {margin-right:12px; margin-bottom: 12px;}
.feedback.correct {color:green;}
.feedback.incorrect {color:red;}

.ethics-img {float: left;margin-right: 15px;}

#layout-content {margin-top:0!important;}
.owl-item .item {
    border: 3px solid #203d7c;
    border-radius: 50px 0 0 0;
    margin-left: 15px;
    padding: 18px;
}
.owl-item:nth-child(even) .item {border-color: #81bd41; border-radius: 0 0 50px 0;}
.testimonials-main {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.col-md-3 {width: 22.5%; display: inline-flex;}
.col-md-9 {width: 72.5%; display: inline-flex;}
.testimonials-main .box {box-shadow:none;}
.dataTables_wrapper .dataTables_paginate {float:left; text-align:left;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff!important;
    background: #203d7c;
    border-radius: 100px;
    border-color: #203d7c;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff!important;
    background: #6377a3;
    border-radius: 100px;
    border: none;
}

h4.name {text-transform:capitalize!important; font-size: 18px;}
h5.title {font-size:16px; font-style:italic;}
.icon-arrow-left {
    display:block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 36px solid #203d7c;
}
.icon-arrow-right {
    display:block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 36px solid #203d7c;
}

/*-------shape transforms --------*/
.top-right {transform: rotate(90deg);}
.bottom-right {transform: rotate(180deg);}
.bottom-left {transform: rotate(270deg);}

.pagination {list-style:none; justify-content:flex-start;}
.pagination li {margin-right:24px;}

@media all and (min-width: 1408px) {
    .jta .weights .circle {width: 200px; height: 200px;}
}

@-moz-document url-prefix() { 
  .navbar .nav-item .dropdown-menu li {font-size:12px;}
}