@charset "UTF-8";

/* CSS Document */
/* Allar Global theme 2024 */

/*Standard*/
html, body 		{
    font-family: 'Open Sans', sans-serif !important; 
    height:100%; 
    overflow: visible;
    } 
body {
    /*padding-top: 65px;*/
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #323c46;
    overflow-y: scroll;
    }
body,p,li 		{padding-right:0 !important}

/*Links*/
a {color:#0a58ca; text-decoration: none}
a:hover {color:#0a58ca; text-decoration: underline} 
img {overflow-clip-margin: content-box;overflow: clip}

/*Typography*/
p{
    margin-top:0;
    margin-bottom:1rem;
 
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:1rem;
    font-weight:700;
    line-height:1.2;
    color:#0b0f2a
}
.h1, .h2, .h3, h1, h2, h3 {letter-spacing: .05rem}
.h1,h1     {font-size:2.4rem}
.h2,h2     {font-size:2rem}
.h3,h3     {font-size:1.25rem}
.h4,h4     {font-size:1rem}
.h5,h5     {font-size:.875rem}
.h6,h6     {font-size:.75rem}
p, li      {font-size: 1.1rem;
    line-height: 1.8rem;}

.display-1,.display-2, .display-3,.display-4, .display-5  {font-weight:600;letter-spacing: -.05rem;line-height:1.4}
.display-1            {font-size:4.5rem}
.display-2            {font-size:3.5rem}
.display-3            {font-size:3rem}
.display-4            {font-size:2.5rem}
.display-5            {font-weight:700}

.fw-semibold {font-weight:600}
@media (min-width: 1200px) {
.lead         {font-size:1.25rem;font-weight:400}
hr            {border:0;border-top:1px solid #eae7f5;margin-top:1rem;margin-bottom:1rem}
.small,small  {font-size:80%;font-weight:400}

body.modal-open {overflow-y:scroll;padding-right:0 !important}
}
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
::before {
    color: #aaa;
}
.fa-angle-right::before, .fa-angle-left::before {
    color:#c54e7c !important
}
.fa-bug::before, .fa-list::before {
    color:#000 !important
}
.btn-toggle .btn {padding:12px 24px 10px}

/*--Active icon--*/
.btn-toggle .btn.active .fa-list:before, 
.btn-toggle .btn.active .fa-th:before {
    color: #FFF;
}
/*--Not active button --*/
.btn-toggle .btn {
    background-color: #ddd;
    border: 1px solid #ccc;
}
.btn-toggle .btn:hover {
    background-color: #ccc;
    border: 1px solid #c54e7c;
}

/* =================
Colours
================= */ 
/* Main Color Palette:
Dark navy:		 rgb(26,38,103) #1a2667 (Footer)
Blue:             rgb(5,107,241) #056bf1    
Purple:          rgb(108,94,246) #6c5ef6
Pink:            rgb(197,78,124) #c54e7c
Yellow:          rgb(255,241,66
*/
/*Background colors*/

.bg-pale          {background-color: #f3f6ff!important} /*pale blue*/
.bg-light         {background-color: #edf2f4!important} /*light gray*/
.bg-primary	      {background-color:rgb(26,38,103) !important} /*navy*/
.bg-primary-light {background-color: #e6f0fd !important}
.bg-secondary     {background-color:rgb(5,107,241) !important} /*blue*/   
.bg-accent-1      {background-color:rgb(108,94,246) !important} /*purple*/
.bg-accent-2      {background-color:rgb(197,78,124) !important} /*pink*/
.bg-accent-3      {background-color:rgb(255,241,66) !important} /*yellow*/
.bg-gradient-primary-accent-2-x {background: rgb(26,38,103);background: linear-gradient(90deg, rgba(26,38,103,1) 50%, rgba(197,78,124,1) 100%)}
.bg-gradient-primary-accent-2   {background: rgb(26,38,103);background: linear-gradient(180deg, rgba(26,38,103,1) 0%, rgba(197,78,124,1) 100%)}  
.bg-gradient-primary-secondary-x {background: rgb(26,38,103);background: linear-gradient(90deg, rgba(26,38,103,1) 0%, rgba(5,107,241,1) 100%)}
.bg-gradient-secondary-accent-2-x {background: rgb(5,107,241);background: linear-gradient(90deg, rgba(5,107,241,1) 50%, rgba(197,78,124,1) 100%)}

/*Text colors*/
.text-gray 		  {color: #323c46!important} /*gray*/
.text-primary	  {color:rgb(26,38,103) !important} /*navy*/
.text-secondary   {color:rgb(5,107,241) !important} /*blue*/       
.text-accent-1    {color:rgb(108,94,246) !important} /*purple*/
.text-accent-2    {color:rgb(197,78,124) !important} /*pink*/
.text-accent-3    {color:rgb(255,241,66) !important} /*yellow*/

/* ==================================
Layout - Wrappers, Nav, Footer
================================== */
#wrap {min-height: 100%}
#main {padding-bottom:300px; /* this needs to be bigger than footer height*/}
.h-auto {height: auto !important}
.py-8 {padding-top: 8rem!important;padding-bottom: 8rem!important}
.pb-8 {padding-bottom: 6rem!important}
.pt-8 {padding-top: 6rem!important}
.main-content {padding-top:70px; padding-bottom:70px}
iframe {border-radius: .5rem!important;}
.embed-responsive-16by9 {width: 100%;padding-bottom: 56.25%;}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {.container{max-width: 1199.98px}}
/*.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);

    /* box-sizing: border-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;

}*/
.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/* ============ MAIN NAV ============ */
.navbar {padding-top: 1rem;padding-bottom: 1rem}
li.nav-item {font-size: 1rem}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.8)}
.navbar-light .navbar-nav .nav-link:hover {color:rgb(197,78,124)!important; text-decoration:underline}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#c54e7c}
a.dropdown-item {font-size: .9rem}
.navbar .logo {width:200px}

 /*--Toggle icon bar--*/
    .navbar-toggler{padding:0 .5rem .5rem 0;background:none;border:none}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0;box-shadow: none;}
    /*icon bar*/
    .navbar-toggler .icon-bar {display:block;width:35px;height:5px;border-radius:1px;margin:5px 0 5px 0;transition:all 0.2s;background:#FFF}
    .navbar-toggler .icon-bar:nth-of-type(1){transform:rotate(45deg);transform-origin:10% 10%}
    .navbar-toggler .icon-bar:nth-of-type(2){opacity:0;filter:alpha(opacity=0)}
    .navbar-toggler .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}
    .navbar-toggler.collapsed .icon-bar {background:#FFF}
    .navbar.active .icon-bar {background:#FFF}
    .navbar.active .collapsed .icon-bar {background:#FFF}
    .navbar-toggler.collapsed .icon-bar:nth-of-type(1){transform:rotate(0)}
    .navbar-toggler.collapsed .icon-bar:nth-of-type(2){opacity:1;filter:alpha(opacity=100)}
    .navbar-toggler.collapsed .icon-bar:nth-of-type(3){transform:rotate(0)}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .content {padding-top: 76px}
    .navbar .logo {padding-top: 10px}
}

/* ============ mobile view ============ */
@media(max-width: 991px){
    .content {
    padding-top: 60px;
	}
	.navbar-nav .nav-link {
    color: #FFF;
    font-weight: 700;
	}    
}
/* ============ end mobile view ============ */

/* ============ Footer ============ */      
footer {color: #c6c6c6; font-size: .9rem;  position: relative;margin-top: -300px; /* negative value of footer height */min-height: 300px;clear:both}
footer h6 {color: rgb(197,78,124); font-size: .9rem; font-weight: 700}    
footer h4 {color:rgb(26,38,103); font-size: 1rem; font-weight: 700} 
footer ul {padding: 0}
footer li.nav-item {color: #c6c6c6; list-style: none; font-size:14px;line-height: 2em} 
footer ul li a {color: #c6c6c6; text-decoration: none; transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out}
footer ul li a:hover  {color:rgb(197,78,124)!important; text-decoration:underline}
footer .border-top {border-top:1px solid #263796!important} /*shade of #1a2667*/
.social-links a {color:#FFF}
footer ::before {color: #fff}
.footer-logo {width: 70px}


/* =================
Components
================= */ 
.shadow-soft {box-shadow: 0rem 0.375rem 1.5rem 0rem rgba(140, 152, 164, 0.1)}
.z-n1 {z-index: -1 !important}

/*Border-radius*/
.rounded-8 {border-radius: 8px !important}
.rounded-footer-8 {border-bottom-left-radius: 8px !important;border-bottom-right-radius: 8px !important}
.rounded-top-8 {border-top-left-radius: 8px !important;border-top-right-radius: 8px !important}

/*Link with arrow at end*/
.link-arrow span  {display: inline-block;transition: 0.1s ease-in}
.link-arrow:hover span {transform: translateX(50%)}

/*Carousel Controls*/
.carousel-control-next, .carousel-control-prev {opacity: .8}
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 15px solid #056bf1;
    background-color: #056bf1
	}




/*Modal*/
.modal .show {padding-right: 17px}

/*Hero*/
.hero p {font-size:1.3rem}
@media (min-width: 992px) {
.display-lg-2 {font-size: 3.5rem !important}
.hero-tagline {max-width: 500px;}
}
/*Featured categories
.featured-category .card-header {padding:0 0 0 0;border-top-left-radius: 0;
    border-top-right-radius: 0;border-bottom: none
}
.featured-category .card-header .card-img-top {padding:10px 0 0 0;border-top-left-radius: 0;
    border-top-right-radius: 0;}
.featured-category .card-header:hover   {
    width:100%;
    height:100%;
    background-color:#000;
    opacity:1;
}
.featured-category .card-header   {
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.6;
    transition: opacity .2s ease-in .2s,visibility .45s;
}
.featured-category .card.h-100 {
    background: #444;
    border: none;
}
.featured-category .card-body {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: inherit;
    text-shadow: 1px 1px 1em rgba(0,0,0,.38);
    z-index: 1;
    padding: 0;
}
*/

/*Blog block*/
.blog-block p {font-size: .9rem}

/*Feature sections*/
section#hero, section#features {border-bottom: 1px solid #ECECED}
#features h3, .features h3 {letter-spacing: .05em;font-size: 1.1rem;padding-bottom: 0;color:#c54e7c}
#features h2 {letter-spacing: .05em}
.feature-block ul {list-style: none;padding: 0}
.feature-block li {padding-left: 1.6em;font-size:1rem;line-height: 1.4em;padding-bottom: 1.2rem}
.feature-block li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  color:#c54e7c;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.6em; /* same as padding-left set on li */
  width: 1.6em; /* same as padding-left set on li */
}

.feature-category-link:link, .feature-category-link:hover {color: rgb(108, 94, 246);text-decoration: none}
.feature-pill-bg {background:#f3f6ff}
#categories h4.card-title.mb-0.text-white {font-size: 1.2rem;}
.featured-category .card-header .card-img-top {padding: 0 0 0 0;}

/*Course*/
.course-details li {font-size: .9rem}

/*Forms*/
input#form-input-newsletter {display: inline-block;margin-right: 6px}
select.form-control {padding: 0.375rem 0.75rem}
.form-group {margin-bottom: 1rem} 
input.alert {padding: .375rem .75rem;margin-bottom:0}
label.alert {background-color: transparent;border: none;padding: .25rem 0 0 .25rem;margin:0}
form .alert.alert-danger ul {margin-bottom: 0}
form .alert.alert-danger::before {
    color: #842029;  
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06a";
    padding-right: .25rem
}

/*Captcha*/
form .errors.help-block li {font-size: .875rem}
form .errors.help-block li::before {
    color: #842029;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    padding-right: .25rem;
}

ul.errors.help-block {
list-style: none;
    padding-left: 0;
    padding: .5rem 1rem;
    margin-top: 1rem;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7; 
    border: 1px solid transparent;
    border-radius: 0.25rem;
display: inline-block;
}
div.g-recaptcha {padding-top: 1rem}

/* =================
Buttons
================= */ 
/*(http://twitterbootstrap3buttons.w3masters.nl/)*/
.btn {border-radius: .3rem;}
 a:hover.btn {text-decoration:none}
.btn-ag {padding: 15px 50px;line-height: 1em}
/*Primary button*/
.btn-primary {background-color: #1a2667;border-color: #1a2667}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active {background-color: #151e53;border-color: #10173e}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #1a2667;
  border-color: #1a2667;
}
.btn-secondary {background-color: #056bf1;border-color: #056bf1}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
  background-color: #0460d8;
  border-color: #0455bf;
}
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active {
  background-color: #056bf1;
  border-color: #056bf1;
}
.btn-accent-1 {background-color: #6c5ef6;border-color: #6c5ef6;color:#FFF}
.btn-accent-1:hover,
.btn-accent-1:focus,
.btn-accent-1:active,
.btn-accent-1.active {
  background-color: #5646f5;
  border-color: #402ef3;
  color:#FFF;  
}
.btn-accent-1.disabled:hover,
.btn-accent-1.disabled:focus,
.btn-accent-1.disabled:active,
.btn-accent-1.disabled.active,
.btn-accent-1[disabled]:hover,
.btn-accent-1[disabled]:focus,
.btn-accent-1[disabled]:active,
.btn-accent-1[disabled].active,
fieldset[disabled] .btn-accent-1:hover,
fieldset[disabled] .btn-accent-1:focus,
fieldset[disabled] .btn-accent-1:active,
fieldset[disabled] .btn-accent-1.active {
  background-color: #6c5ef6;
  border-color: #6c5ef6;
}
.btn-accent-2 {background-color: #c54e7c;border-color: #c54e7c;color:#FFF}
.btn-accent-2:hover,
.btn-accent-2:focus,
.btn-accent-2:active,
.btn-accent-2.active {
  background-color: #bc3e6e;
  border-color: #a93763;
  color:#FFF;  
}
.btn-accent-2.disabled:hover,
.btn-accent-2.disabled:focus,
.btn-accent-2.disabled:active,
.btn-accent-2.disabled.active,
.btn-accent-2[disabled]:hover,
.btn-accent-2[disabled]:focus,
.btn-accent-2[disabled]:active,
.btn-accent-2[disabled].active,
fieldset[disabled] .btn-accent-2:hover,
fieldset[disabled] .btn-accent-2:focus,
fieldset[disabled] .btn-accent-2:active,
fieldset[disabled] .btn-accent-2.active {
  background-color: #c54e7c;
  border-color: #c54e7c;
}
.btn-accent-3 {background-color: #fff142;border-color: #fff142}
.btn-accent-3:hover,
.btn-accent-3:focus,
.btn-accent-3:active,
.btn-accent-3.active {
  background-color: #ffef29;
  border-color: #ffed0f;
}
.btn-accent-3.disabled:hover,
.btn-accent-3.disabled:focus,
.btn-accent-3.disabled:active,
.btn-accent-3.disabled.active,
.btn-accent-3[disabled]:hover,
.btn-accent-3[disabled]:focus,
.btn-accent-3[disabled]:active,
.btn-accent-3[disabled].active,
fieldset[disabled] .btn-accent-3:hover,
fieldset[disabled] .btn-accent-3:focus,
fieldset[disabled] .btn-accent-3:active,
fieldset[disabled] .btn-accent-3.active {
  background-color: #fff142;
  border-color: #fff142;
}
.btn-white {
  background-color: #ffffff;
  border-color: #ffffff;
    color:#c54e7c
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
}
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* ==================================
Misc
================================== */
.group_course_industry {border-top:none}

/*Negative magin*/
.mt-lg-n10 {
    margin-top: -3rem!important;
}
/*Cards*/
.card-hover {transition: box-shadow .25s ease;}
.text-truncate-line-2 {overflow: hidden;max-height: 3rem;}
.card-expand {
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);cursor: pointer}
.card-expand:hover {transform: scale(1.05);box-shadow: 0 .5rem .75rem rgba(0, 0, 0, .09) !important}
.card-img-left-8 {border-top-left-radius: 8px;border-bottom-left-radius:8px}
.card-img, .card-img-top-8 {border-top-left-radius: 8px;border-top-right-radius:8px}
.feature-card {border: 1px solid #dae3ff}

/*Badge*/
.badge {display: inline-block;padding: .35em .65em;font-size: .9em;border-radius: 0}
span.badge.rounded-pill.feature-pill-bg.bg-light.text-dark {font-size: .7em}

/*Sidebar filter*/
#sidebar-filters .panel-default>.panel-heading {background:none}
#sidebar-filters .panel-default>.panel-heading+.panel-collapse>.panel-body {border: none; padding:0}
#sidebar-filters .panel-default {border: none; padding:0}
/* Desktop */
@media (min-width:768px) {
#sidebar-filters .panel-default>.panel-heading {display:none}
#sidebar-filters .collapse {display: block !important;visibility: visible !important}
}
/* Mobile */
@media (max-width:479px){
.reefine_search label {display:block}
}

/*Nav tabs*/
.nav-tabs {border-top: 1px solid #dee2e6}
.nav-tabs .nav-item {margin:0}
.nav-tabs .nav-item .nav-link {
    border-top-left-radius:0;
    border-top-right-radius:0;
    border:none;
    padding:12px 0 12px;
    margin:0 1rem 0 
    }
.nav-tabs .nav-item .nav-link.active, 
.nav-tabs .nav-item .nav-link:hover {
    background-color: transparent;
    border-top: 2px solid #c54e7c;
    color: #c54e7c;
     padding:10px 0 12px;
    }

/*Pagination*/
.page-item.active .page-link {background-color: rgb(5,107,241);border-color: rgb(5,107,241)}
.page-link {color:rgb(5,107,241)}



.pagination>a,  .pagination>strong{
  position:relative;
  padding:6px 12px;
  margin-left:-1px;
  line-height:1.42857143;
  color:#337ab7;
  text-decoration:none;
  background-color:#fff;
  border:1px solid #ddd;
}
 .pagination>a:focus,  .pagination>a:hover {background:#EEE}
 .pagination>strong{
	background:#0098db;
	color:#FFF;
	font-weight:400
}

/*Pills*/
.pill {
    background: transparent;
    border: none;
    box-shadow: inset 0 0 0 1px rgba(12,18,28,.12);
    border-radius: 25px;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    min-width: 64px;
    outline: none;
    padding: 0 12px;
    text-align: center;
    transition: all .2s ease;
    -webkit-font-smoothing: antialiased;
}
.pill:focus:not(:active), .pill:hover {
    background: #cacdd2;
    box-shadow: inset 0 0 0 1px #cacdd2;
    color: rgba(12,18,28,.87);
}