/********************************************Nataliia********************************************/
/*Undone by mike */

/*:root {*/
/*    --primary: #38D430;*/
/*    --darkgreen: #36BD2A;*/
/*    --darkgreenfeatured: #30aa26;*/
/*    --title: #444444;*/
/*    --text: #777777;*/
/*    --white: #FFFFFF;*/
/*    --black: #000000;*/
/*    --gray5: #E0E0E0;*/
/*    --gray2: #DADADA;*/
/*    --light-gray: #E2E2E2;*/
/*    --label1: rgba(90, 93, 108, 0.5);*/
/*    --label2:#5A5D6C;*/
/*    --value: #323648;*/
/*    --error: #EA4335;*/
/*    --maxwidth: 1280px;*/
/*    --maxwidth2: 640px;*/
/*    --maxwidth3: 426px;*/
/*    --maxwidth75: 960px;*/
/*    --small: 12px;*/
/*}*/

body {
    font-family: "Oxygen", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    color: var(--text);
}
.custom-font, h1, h2, h3, h4, h5 {
    font-family: "Lato", sans-serif;
}

h1{
    font-weight: bold;
    font-size: 40px;
    line-height: 120%;
    color: var(--title);
}

h2{
    font-weight: bold;
    font-size: 30px;
    line-height: 140%;
    color: var(--title);
}

h3{
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    color: var(--title);
}

h4{
     font-weight: bold;
    font-size: 15px;
    line-height: 140%;
     color: var(--title);
}

h5{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.08em;
    color: var(--title);
}
a:hover {
    color: var(--darkgreen);
}

.section {
    padding-top: 110px;
}
@media (max-width: 992px) {
    .section {
        padding-top: 70px;
    }
}
@media(min-width: 768px) {
    .hide-on-big{
        display: none;
    }
    .display-small{
        display: none !important;
    }
}

@media(max-width: 768px) {
    h1 {
        font-size: 30px;
    }
    .padding-zero-on-small{
        padding:0px !important;
    }

    .location-card {
        height: auto !important;
    }

    .remove-at-768 {
        display: none;
    }

    .display-small {
        display: block !important;
    }

    .remove-table {
        display: unset !important;
    }

    .small-border-yes {
        border-radius: 5px !important;
    }

}

@media(max-width: 767px){
    h2{
        font-size: 24px;
    }

    h3{
        font-size: 18px;
    }

    h4{
        font-size: 14px;
    }

    h5{
        font-size: 12px;
    }

    h1, h2,h3,h4,h5{
        margin: 0;
    }

    .featured-very-big-title{
        font-size: 40px;
        line-height: 48px;
    }
    #partnerships .flags{
        text-align: center;
        padding-bottom: 10px;
    }
}

.white{
    color: var(--white);
}
nav.main ul li a{
    color: var(--text) !important;
    text-transform: capitalize;
    text-decoration: none;
}

nav.main ul li a:hover, nav.main ul li a:focus{
    color: var(--black);
    text-decoration: none;
}

.small{
    font-size: var(--small);
    color: var(--text);
}

.btn{
    background-color: var(--primary);
    border-radius: 15px;
    padding: 10px 50px;
    color: var(--white);
}

.btn:hover{
    background-color: var(--darkgreen);
    color: var(--white) !important;
    outline: none !important;
}

.btn:focus{
    color: var(--white)!important;
    outline: none !important;
}

.btn-o{
    padding: 10px 35px;
    border: 1px solid var(--primary);
    box-sizing: border-box;
    border-radius: 15px;
    color: var(--primary);
    display: inline-block;
    text-align: center;
    background-color: transparent;
}

.btn-o:hover{
    border: 1px solid var(--darkgreen);
    color: var(--darkgreen);
    text-decoration: none;
}

header .container-fluid{
    max-width: var(--maxwidth);
    padding-top: 30px;
    padding-bottom: 15px;
}

.container{
    padding-bottom: 15px;
    max-width: var(--maxwidth);
    width: 100%;
}

a{
    color: var(--primary);
}

/*.below-fold{*/
/*    background-image: url(../images/overlay.png);*/
/*    background-size: 100%;*/
/*    background-repeat: no-repeat;*/
/*    margin-top: -7%;*/
/*}*/

.container-fluid{
    max-width: var(--maxwidth);
}

.container-fluid-half{
    max-width:var(--maxwidth2);
}

.container-fluid-75{
    max-width:var(--maxwidth75);
}
p {
    margin: 0 0 15px;
}

h4, h5{
    margin-top: 15px;
    margin-bottom: 15px;
}

.card{
    background: var(--white);
    box-shadow: 0px 5px 34px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 11px 20px 29px;
    text-align: left;
    line-height:21px;
    color: var(--title);
    font-size: 15px;
    height: 100%;
    min-height: 200px;
}

.card-news{
    background: var(--white);
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.05);
    border-radius: 13px;
    padding-bottom: 35px;
    font-size: 16px;
    height: 100%;
    min-height: 300px;
    margin-bottom: 30px;
}

.card-news img{
    border-radius: 10px 10px 0 0;
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    object-position: center;
}
.card-news .title{
    font-weight: 900;
    font-size: 1.2em;
    height: 86px;
}

.title {
    color: var(--title);
    font-weight: 400;
    width: 90%;
    margin: auto;
    text-align: center;
    padding: 18px 0 20px;
}

.newsDesc {
    padding: 25px;
    text-align: left;
    min-height: 150px
}

.newsLink {
    text-align: left;
    padding: 0 35px
}

.newsLink a:hover {
    color: var(--darkgreen);
}


.card.clickable-card{
    min-height: 320px;
    color: var(--text);
    border-radius: 13px;
    cursor: pointer;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.05);
    /*border-bottom: 0 solid var(--primary);*/
    transition: box-shadow 0.3s ease-in-out;
    padding: 30px;
}

.card.clickable-card:hover{
    box-shadow: 0 5px 34px rgba(0, 0, 0, 0.09);
    /*border-bottom: 3px solid var(--primary);*/
}

.card.clickable-card h3{
    color: var(--title);
    transition: color 0.15s ease-in-out;
}

/*.card.clickable-card:hover h3{*/
/*    color: var(--primary);*/
/*}*/

.our-services .col-xs-12{
    margin-bottom: 30px;
}

.our-courses-categories .col-xs-12{
    height: 340px;
}

.card-text{
    padding-top: 15px;
}

.card-bottom{
    position: absolute;
    bottom: 10px;
}

.cards-above-fold{
    padding-top: 15px;
}

.link{
    color: var(--primary);
    font-size: 16px;
    line-height: 160%;
}

.link:hover, .link:focus, a:focus, a:hover{
    text-decoration: underline !important;
    color: var(--primary);
}

#y14{
    margin-right: 15px;
}

#y168{
    margin-right: 30px;
}

@media (max-width: 767px) {
    .row.reorder-xs {
        /*bring your own prefixes*/
        transform: rotate(180deg);
        direction: rtl; /* Fix the horizontal alignment */
    }

    .row.reorder-xs > [class*="col-"] {
        /*bring your own prefixes*/
        transform: rotate(-180deg);
        direction: ltr; /* Fix the horizontal alignment */
    }

    #y14, #y168{
        text-align: right;
        margin-right:0;
    }
}

@media (max-width: 767px){
    .sm-center-100{
        text-align: center;
    }
    .sm-center-100 .btn{
        width:100%;
    }
        .hundred-percent-on-768{
            width:100%;
    }
}

@media (min-width: 769px){
    .md-hide{
        display: none;
    }
}

@media (min-width: 768px) {
    #featured-all{
        position: absolute;
        z-index: 1;
        left: 0px;
    }

    #carousel-one-stop-shop{
        margin-top: 70px;
    }

}

.upper-case{
    text-transform: uppercase;
}

.featured-info{
    background-color: var(--darkgreenfeatured);
    border-radius: 10px;
    width: 100%;
    padding: 30px;
    margin-left: 0px;
}

.card-subtitle{
    font-size: 15px;
    line-height: 140%;
    color: var(--darkgreen);
}

.md-input {
    position: relative;
    margin-bottom: 30px;
}

.md-input .md-form-control {
    font-size: 16px;
    padding: 10px 10px 10px 5px;
    display: block;
    border: none;
    border-bottom: 1px solid var(--gray2);
    box-shadow: none;
    width: 100%;
    outline: none;
    background: transparent;
}

.white .md-input .md-form-control{
    border-bottom: 1px solid var(--white);
}

.md-input label {
    color: var(--label1);
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.white .md-input label {
    color: var(--white);
}

/*.md-input .highlight {*/
    /*position: absolute;*/
    /*height: 60%;*/
    /*width: 100px;*/
    /*top: 25%;*/
    /*left: 0;*/
    /*pointer-events: none;*/
    /*opacity: 0.5;*/
/*}*/

.md-input .md-form-control:focus ~ label, .md-input .md-form-control:valid ~ label, .md-input .md-form-control.error ~ label {
    top: -15px;
    font-size: 14px;
    color: var(--label2);
}

.white .md-input .md-form-control:valid ~ label {
    color: var(--text);
}

.md-input .md-form-control.error:valid ~ label {
    color: var(--error);
}

.md-input .md-form-control.error ~ label {
    color: var(--error);
}

.md-input .md-form-control.error {
    border-bottom: 1px solid var(--error);
}

.md-input .md-form-control.error:valid {
    border-bottom: 1px solid var(--error);
}

.md-input .md-form-control:focus, .md-input .md-form-control:valid {
    border-bottom: 1px solid var(--value);
}

.white .md-input .md-form-control:focus, .white .md-input .md-form-control:valid {
    border-bottom: 1px solid var(--white);
}

.white .md-input .md-form-control.error:valid {
    border-bottom: 1px solid var(--error);
}

.md-input .md-form-control:focus ~ label{
    color: var(--primary);
}

.error-msg{
    color: var(--error);
    font-size: var(--small);
}

@media (max-width:767px){
    .xs-center{
        text-align: center;
    }
}

input:-internal-autofill-selected{
    background-color: transparent !important;
}

.btn[disabled], .btn-o[disabled]{
    cursor: none;
}

.btn-o[disabled]{
    color: var(--text);
    border-color: var(--text);
}

.btn[disabled]{
    background-color: var(--text);
}

/********************************************Nataliia********************************************/

* {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-appearance:none;
}

/*.btn {*/
    /*border-radius: 0 !important;*/
/*}*/

/*.btn-success {*/
    /*background-color: #36bd2a;*/
/*}*/

.quick-animated {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition:all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.animated {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/*a {*/
    /*color: #38D430;*/
    /*text-decoration: none;*/
/*}*/

/*a:hover, a:focus {*/
    /*color: #36bd2a;*/
    /*text-decoration: none;*/
/*}*/

.trans {
    background-color: transparent !important;
}
header.main {
    position: fixed;
    width: 100%;
    z-index: 10;
    background-color: #f9f9f9;
    /*padding: 12px 12px 0 12px;*/
    /*border-bottom: 1px solid #f3f3f3;*/
}

header.main.top {
    /*background-color: transparent;*/
    background-color: rgba(255,255,255,0.95) !important;
    border-bottom: none;
}
#edugate_main_logo {
    width: 150px;
}

/*.logo {*/
    /*margin: 24px 24px;*/
/*}*/

.resize-div-before-seach{
    width: 19.666667% !important;
}
@media screen and (max-width: 480px) {
    .resize-div-before-seach{
        width: 15.666667% !important;
    }
    #edugate_main_logo {
        width: 100px !important;
    }
    /*.logo {*/
        /*margin: 6px !important;*/
    /*}*/
    /*.mobile-menu {*/
        /*margin: -20px 0!important;*/
    /*}*/

    .faq-number{
        width: 25px !important;
    }
}

.logo.scrolldown {
    margin: 0 24px;
}
/*nav.main, nav.main.scrollup {*/
/*    text-align: right;*/
/*    !*margin-top: 12px;*!*/
/*}*/
/*nav.main.scrolldown {*/
/*    margin-top: 0;*/
/*}*/
/*nav.main ul {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin:0;*/
/*    display: block;*/
/*}*/
/*nav.main ul li {*/
/*    float: right;*/
/*    display: inline-block;*/
/*    margin-left: 32px;*/
/*    text-transform: uppercase;*/
/*    position: relative;*/
/*}*/

/*nav.main ul li a {*/
/*    color: inherit;*/
/*}*/

/*nav.main ul li a:hover {*/
/*    color: var(--black) !important;*/
/*}*/

/*nav.main ul li a:hover, nav.main ul li.active a {*/
/*    color: var(--black) !important;*/
/*}*/

/*nav.main.top ul li a {*/
/*    color: var(--white) !important;*/
/*}*/

/*nav.main.top.blog ul li a{*/
/*    color: var(--black) !important;*/
/*}*/

/*nav.main.top ul li a:hover, nav.main.top ul li.active a {*/
/*    color:  var(--white) !important;*/
/*}*/

/*nav.main.top.blog ul li a:hover, nav.main.top.blog ul li.active a {*/
/*    color:  var(--black) !important;*/
/*}*/

/*nav.main ul li .effect {*/
/*    position: absolute;*/
/*    width: 0;*/
/*    height: 2px;*/
/*    bottom: -10px;*/
/*    left: 0;*/
/*    background-color: #38D430;*/
/*    display: block;*/
/*}*/

/*nav.main ul li.active .effect {*/
/*    width: 50%;*/
/*}*/

/*nav.main ul li:hover div.effect {*/
/*    width: 50%;*/
/*}*/



/*nav.main ul li.contact a {*/
/*    padding: 6px 30px;*/
/*    background-color: #38D430;*/
/*    color: white;*/
/*    margin-top: 9px;*/
/*}*/

/*nav.main ul li.special {*/
/*    !*padding: 2px 24px;*!*/
/*    !*border-left: 1px solid #ccc;*!*/
/*    cursor: pointer;*/
/*    color: #ccc;*/
/*}*/

/*nav.main.top ul li.special:hover  {*/
/*    color : #fff;*/
/*}*/

/*nav.main ul li.special:hover {*/
/*    color : #000;*/
/*}*/

/**
  Utilities
 ============================================*/
.thick { font-weight: 700; }
.thin { font-weight: 400; }
.uppercase {text-transform: uppercase}
.icon-margin-8 { margin-right: 8px}
.icon-margin-12 { margin-right: 12px}
.icon-margin-18 { margin-right: 18px}
.icon-margin-24 { margin-right: 24px}
.icon-margin-top-8 { margin-top: 8px}
.icon-margin-top-12 { margin-top: 12px}
.icon-margin-top-18 { margin-top: 18px}
.icon-margin-top-24 { margin-top: 24px}
.cls { clear: both}
/**
  colors
 ============================================*/
/*.white { color : #fff}*/

/**
  Animations definitions
 ============================================*/
.menu-hover {
    animation-name: menuHover;
    animation-delay: .1s;
    animation-duration: 0.2s;
}
@keyframes menuHover {
    from {
        width: 0;
    }

    to {
        width: 50%;
    }
}

/**
  Edugate overlay animation
  ===========================================*/
.overlay-effect {
    position: relative !important;
}
.edugate-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.edugate-overlay::before, .edugate-overlay::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.edugate-overlay::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.edugate-overlay::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

.edugate-overlay:hover::before, .edugate-overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff !important;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.overlay-container:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.2);
}
.spacer-tiny {
    display: block;
    height: 1px;
    width: 50%;
    margin: 8px 0;
    clear: both;
}
.spacer-invis {
    display: block;
    height: 1px;
    width: 50%;
    margin: 24px 0;
    clear: both;
}

/*
Below the fold
 */
.sub-title {
    color: #444;
    margin-bottom: 14px;
}

.page-section {
    padding-top: 150px !important;
}

.page-section-100{
    padding-top: 100px !important;
}

.page-section-50{
    padding-top: 50px !important;
}

.green {
    color: var(--primary);
}

.green:hover{
    color: var(--darkgreen);
}
.info-card-col{
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    border: 1px solid #f5f5f5;
    padding: 0;
    margin: 0 1.5%;
    width: 30%;
}

.hover-green:hover{
    background: #36bd2a;
    color: #FFF !important;

}

.info-card {
    width: 100%;
    min-height: 150px;
    margin-top: -100px;
    /*box-shadow: 0 0 2px rgba(0,0,0,0.1);*/
    /*margin-bottom: 125px;*/
}
.card-content {
    padding: 24px;
    /*border: 1px solid #f5f5f5;*/
    border-top: none;
}
.separator-150 {
    width: 150px;
    height: 1px;
    display: block;
    clear: both;
    margin: 18px auto;
    border-top: 1px solid #ccc;
}
.separator-150.white {
    border-top: 1px solid rgba(255,255,255,0.5);
}
.separator-150.s100 {
    width: 100px;
}

.padding-added {
    padding: 32px 24px;
}

.main-page-icon {
    font-size: 1.25em;
    border: 2px solid #38D430;
    border-radius: 50%;
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    margin: 0 auto 18px auto;
}

.footer {
    background-color: #111;
    /*background-color: #0b333c;*/
    padding: 50px 0 0;
    font-size: 0.85em;
    color: #ccc;
}
.footer-title {
    color: #eee;
    font-weight: 400;
    padding: 0 12px 12px 6px;
    border-bottom: 1px dashed #555;
    margin-bottom: 16px;
}

.footer .read-more {
    padding: 7px 24px;
    color: #999;
    border: 1px solid #999;
    font-size: 0.9em;
    background-color: transparent;
}

.footer .read-more:hover {
    color: #ccc;
    border: 1px solid transparent;
    background-color: #111;
}

.footer-copyrights {
    padding: 30px 0 20px 0;
    background-color: #000;
    color: #ccc;
    font-size: 0.9em;
}
.footer-links {
    list-style: none;
    padding: 0;
}
.footer-links li {
    border-bottom: 1px solid #333;
}
.footer-links li.last {
    border-bottom: none;
}
.footer-links li:hover {
    border-bottom-color: #444;
    background-color: #1e1e1e;
}
.footer-links li a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
}
.footer-links li a .link-hover {
    color: rgba(255,255,255,0.3);
    display: none;
}
.footer-links li a:hover .link-hover {
    display: inline-block;
}
.footer-input {
    border: 1px solid #333;
    background-color: #1e1e1e;
    color: #ccc;
    padding: 5px 8px;
    border-radius: 0;
    resize: none;
    display: block;
    width: 100%;
}
.footer-input:focus {
    background-color: #151515;
    border: 1px solid #444;
}
.block {
    display: block;
    width: 100%;
}
.quick-service:hover img {
    opacity: 0.8;
}
.quick-service img {
    opacity: 0.6;
    width: 200px;
}
.quick-service .service-title {
    color: #333;
    margin: 0 auto 16px auto;
    font-size: 1.5em;
    font-weight: 700;
}

.service-cta {
    background-color: #f0f0f0;
    padding: 6px 24px;
    font-size: 0.85em;
    border: 1px solid #999;
    color: inherit;
}
.quick-service:hover .service-cta {
    background-color: #e9e9e9;
}
.service-cta:hover {
    color: #eee;
    background-color: #777 !important;
    border-color: transparent;
}

/*
Application Auth form
 */
.auth-form {
    background-color: #fefefe;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    padding: 24px;
    width: 100%;
    font-size: 0.9em;
}

.hashed {
    color: #999;
}
.auth-form-label {
    color: #999;
    display: inline-block;
    width: 80px;
}
.auth-form-value {
    color: #000;
    font-weight: 700;
}

.signature-container {
    border: 1px solid #000;
    padding: 12px;
    width: auto;
    /*min-width: 270px;*/
    height: auto;
    display: inline-block;
}
#signature {
    padding: 0;
    margin: 0;
}

.smaller {
    font-size: 0.9em;
}
.footer-links.smaller {
    line-height: 2em;
}
.footer-links.smaller .link-hover {
    margin-top: 8px;
}
.footer-links li.special{
    margin: 24px;
    border: 1px solid #777;
    text-align: center;
    font-weight: 700;
}
.footer-links li.special a:hover .link-hover {
    display: none;
}
.footer-links li.special a {
    background-color: rgba(0,0,0,0.2);
    color: #fff;
}
.footer-links li.special a:hover {
    background-color: #38D430;
}
.close-menu {
    font-size: 1.2em;
    text-align: right;
}
.close-menu a {
    cursor: pointer;
    padding: 2px 15px;
}

/*
 Templating Rules
 */
.below-the-fold {
    padding: 10px 0 0 0;
}
.footer-cta {
    background-color: #38D430;
    color: white;
    border-bottom: none;
    background-size: cover;
    background-attachment: fixed;
}

.footer-cta a.btn {
    font-size: 1.2em;
    padding: 8px 48px;
    /*background-color: #f9f9f9;*/
    /*color: #777;*/
}
.footer-cta a.btn:hover {
    /*background-color: #fff;*/
    /*color: #222;*/
}
.black {
    color: #222;
}
.service-icon {
    width: 45px;
}

.panel-default > .panel-heading {
    color: #222;
    background-color: #fff;
    border-color: #000;
}
.panel-title  {
    font-size: 0.95em;
    font-weight: 700;
}

/*.card {*/
    /*background-color: white;*/
    /*padding: 24px;*/
    /*border: 1px solid #f9f9f9;*/
/*}*/

.general-bg {
    background: no-repeat center center;
    background-size: cover;
}

.pad-v-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

#filter_category .search_form {
    background-color: #F2F2F2;
    height:48px;
}

#filter_category  .btn-search-posts{
    background-color: var(--primary);
    border-radius: 0 5px 5px  0;
    color: var(--white);
    height: 48px;
    width: 100%;
    border: 0 !important;
}

.dark-green{
    background: var(--darkgreen) !important;
}

@media (max-width: 767px){
    .hide-xs{
        display: none;
    }
}
@media (max-width: 461px){
    .hide-xxs{
        display: none;
    }
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right;
    }

    .hide-sm{
        display: none;
    }
}
@media (max-width: 768px) {
    .fixed-height-xs {
        height: 250px;
    }
    .left-small{
        text-align: left;
    }
    .our-services div .col-xs-12{
        text-align: center;
        margin-bottom: 15px;
    }

    .info-card{
        margin-top: unset;
    }

    .contact-form-container .container{
        width: 95% !important;
    }
    .small-hide{
        display: none;
    }
    .small-display{
        display: block;
    }
}

.dark-section {
    background-color: #222;
}

.white-text-light {
    color: #d2d2d2;
}


.white-link {
    border: 1px solid #e0e0e0;
    color: #e0e0e0;
    padding: 10px 32px;
}
.white-link:hover {
    border: 1px solid #f0f0f0;
    color: #222;
    background-color: #f0f0f0;
}
.categories {
    /*position: absolute;*/
    z-index: 4;
    padding: 0;
    margin: 18px;
    list-style: none;
}

.categories li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 4px;
    padding: 4px 10px;
    font-size: 12px;
    color: white;
    background-color: #4cae4c;
    /*border-radius: 2px;*/
    /*text-transform: uppercase;*/
    /*color: #3CD52E;*/
    /*background-color: rgba(0,0,0,0.3);*/
    /*background-color: #3CD52E;*/
}
.categories li:hover {
    background-color: #777;
    cursor: pointer;
}
@media (max-width: 992px){
    .remove-padding-on-md{
        padding-left: 0% !important;
    }
    .categories li {
        font-size: 10px;
        padding: 2px 5px;
    }
}
.info-card .post-date {
    display: block;
    text-align: right;
    margin-top: -15px;
    color: #38D430;
    font-size: 11px;
}

/*.h2 {*/
    /*font-size: 1.7em;*/
/*}*/
/*.h4 {*/
    /*font-size: 1.36em;*/
/*}*/

.search-overlay {
    background-color: rgba(0, 0, 0, 0);
    /*background-color: rgba(11,51,60,0);*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: hidden;
    pointer-events: none;
}

.search-overlay.showing {
    /*background-color: rgba(11,51,60,0.6);*/
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: all;
}

.search-body {
    overflow: hidden;
    width: 100%;
    background-color: #0b333c;
    height: 0;
    padding-top: 135px;
    justify-content: center;
    align-items: center;
    margin-top: -136px;
    z-index: 3;
}

.search-body.showing {
    height: 300px;
    margin-top: 0;
}

.close-search {
    position: absolute;
    right: -40px;
    top: 42px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    background-color: #c2d0d3;
    text-align: center;
    color: #0b333c;
    font-size: 1.2em;
    z-index: 10;
    cursor: pointer;
}

.close-search.showing {
    right: 42px;
}

.search-input {
    padding: 6px 20px;
    border: none;
    border-bottom: 1px solid #c2d0d3;
    display: block;
    background-color: transparent;
    width: 100%;
    color: #c2d0d3;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    /*font-family: "Source Sans Pro", sans-serif;*/
    font-family: "Oxygen", sans-serif;
}

.search-submit {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 24px;
    background-color: transparent;
    border: none;
    color: #c2d0d3;
}

.click-out {
    width: 100%;
    height: 0;
    background-color: transparent;
}

.click-out.showing {
    height: calc(100% - 300px);
}


/*.body {*/
/*    position: relative;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center top;*/
/*    height: 767px;*/
/*}*/

/*.body .body-overlay {*/
/*    width: 100%;*/
/*    height: 90%;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 120px;*/
/*    z-index: 9;*/
/*}*/

@media screen and (max-width: 768px) {
    .body {
        height: 800px;
    }

    .below-fold{
        background-size: unset;
        background-position: center top;
    }

    .col-xs-12{
        margin-bottom: 15px;
    }
    /*!*blog-page*!*/
    /*#filter_category .col-search {*/
        /*background-color: #F2F2F2;*/
    /*}*/
    /*#filter_category  .btn-search-posts{*/
        /*background-color: var(--primary);*/
        /*border-radius: 5px;*/
        /*color: var(--white);*/
        /*height: 59px;*/
        /*width: 100%;*/
        /*border: 0 !important;*/
    /*}*/
    /*!*blog-page*!*/
}

@media screen and (max-width: 767px) {
    .body .body-overlay {
        position: relative;
        height: unset;
        margin-top: -590px;
    }

    .card-text {
        min-height: 150px;
    }
}
@media screen and (max-width: 600px) {
    .body {
        height: 560px;
    }
}

@media screen and (min-width: 768px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}



.centered-table {
    display: table-cell;
    vertical-align: middle;
}

.main-title {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 1.6em;
}

/*h1{*/
    /*font-size: 1.6em;*/
/*}*/

/*.h2{*/
    /*font-size: 1.2em;*/
/*}*/

.main-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 1.2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.ready-to-apply{
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
    border: 2px solid #38D430;
    border-radius: 5px;
    padding: 12px 50px;
    background-color: #38D430;
    color: #fff;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -ms-perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}

.ready-to-apply:hover{
    background-color: #30a026;
    border-color: #30a026;
    color: #fff;
}

.main-cta {
    padding: 12px 42px;
    border: 1px solid #38D430;
    margin-top: 48px;
    background-color: rgba(0, 0, 0, 0.2);
}

.main-cta:hover, .main-cta:focus {
    background-color: #38D430;
    color: white;
}

.spacer-invis {
    display: block;
    height: 1px;
    width: 50%;
    margin: 24px 0;
    clear: both;
}

.scroll-down {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 90%;
    text-transform: uppercase;
}

.scroll-down a {
    display: inline-block;
    text-align: center;
    color: #ccc !important;
    padding: 15px;
}

.scroll-down a:hover {
    color: #fff !important;
}

.scroll-down a p {
    font-size: 14px;
}

.scroll-down a span.fa {
    margin-top: 0;
}

.scroll-down a:hover span.fa {
    margin-top: -10px;
}

.course-search {
    font-size: 18px;
}

.course-search input[type="text"] {
    border-radius: 2px 0 0 2px;
    padding: 8px 12px;
    background-color: #fefefe;
    border: none;
    display: inline-block;
    min-width: 70%;

}

.course-search button {
    border-radius: 0 2px 2px 0;
    padding: 8px 24px;
    background-color: #38D430;
    border: none;
    display: inline-block;
    margin-left: -6px;
}
@media screen and (max-width: 1024px) {

    .padding-right-big{
        padding-right: 15px !important;
    }

}
@media screen and (max-width: 780px) {
    .main-title {
        font-size: 1.15em;
    }

    .main-subtitle {
        font-size: 1em;
    }

    /*h1{*/
        /*font-size: 1.15em;*/
    /*}*/

    /*.h2{*/
        /*font-size: 1em;*/
    /*}*/

    .course-search {
        font-size: 14px;
    }

    .course-search button {
        padding: 8px 18px;
    }
}

/*@media screen and (max-width: 420px) {*/
/*    #bgvid {*/
/*        margin-left: -480px;*/
/*    }*/
/*}*/

/*#bgvid {*/
    /*height: auto;*/
    /*width: auto;*/
    /*min-height: 100%;*/
    /*min-width: 100%;*/
/*}*/

.hero-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.loading-results {
    margin: 14px auto;
    overflow: hidden;
    height: 0;
    color: #888;
    text-align: center;
}

.loading-results.open {
    height: auto;
}

#menu-overlay.open {
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: all;
}

.close-mobile-menu-container {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2em;
    cursor: pointer;
    padding: 16px;
}

.mobile-menu-container {
    pointer-events: all;
    background-color: #222;
    color: #eee;
    width: 400px;
    height: 100%;
    position: absolute;
    right: -400px;
    padding: 38px 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mobile-menu-container.open {
    right: 0;
}

.mobile-menu-click-out {
    height: 0;
    pointer-events: all;
}

.mobile-menu-click-out.open {
    height: 100vh;
    width: calc(100% - 400px);
}

@media screen and (max-width: 400px) {
    .mobile-menu-container {
        width: 320px;
        right: -320px;
    }

    .mobile-menu-click-out.open {
        width: calc(100% - 320px);;
    }
}

#edugate-icon-footer {
    width: 48px;
}

.service-p:before {
    content: '✓ ';
    font-weight: bold;
    color: #38D430;
}

.social-links{
    text-align: center;
    font-size: 18px;
}

.social-links span{
    padding: 10px;
}


.row-samecolheight {
    /*display: -webkit-box !important;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.row-samecolheight > [class*='col-'] {
    display: flex;
    /*display: -webkit-flex !important;*/
    flex-direction: column;
}

.row-samecolheight .spacer-invis{
    margin: 10px 0;
}

.alignleft{
    float: left;
    margin-right: 10px;
}

.alignright{
    float: right;
    margin-left: 10px;
}

.capitalize-first-letter{
    text-transform: capitalize;
}
.our-services-icons-grayscale{
    filter: grayscale(100%);
    width: 75px;
    height:75px;
}

/*.our-services-icons-grayscale:hover {*/
/*filter: grayscale(0%);*/
/*}*/

.our-services a{
    color: unset;
}

.our-services a img{
    filter: grayscale(100%);
}

.our-services a:hover img{
    filter: grayscale(0%);
}

.faq{
    padding-top: 30px;
}

.faq-question{
    /*color: #38D430;*/
    color: var(--black);
    font-size: 1.3em;
}
.faq-date{
    background-color: #606060;
    color: white;
    padding: 4px 4px 4px 4px;
    text-align: right;
    width: fit-content;
    margin-left: 15px;
    border-radius: 3px;
}

.faq-number{
    background-color: #38D430;
    color: white;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.3em;
    font-weight: 900;
    border-radius: 6px;
    line-height: 43px;
}
.faq-response{
    color: #606060;
}
@media (max-width: 992px) {
    .faq-question{
        font-size: 1em;
    }
    .faq-number{
        font-size: 1em;
    }
    .faq-date{
        display: none;
    }
}

.contact-form-container h2, .contact-form-container p{
    color: #FFF;
}

.contact-form-container .container{
    width: 60%
}
/*.title-contact{*/
/*color: white;*/
/*font-size: xxx-large;*/
/*font-weight: bold;*/
/*}*/

/*.sub-title-contact{*/
/*font-size: x-large;*/
/*color: white;*/
/*}*/
.contact-form-align{
    text-align: center;
}

.contact-form-input{
    border: none;
    background-color: white;
    padding: 5px 8px;
    border-radius: 2px;
    resize: none;
    display: block;
    width: 100%;
    /*height: 50px;*/
}

/*.submit-form-style{*/
/*width: 30%;*/
/*border-radius: 5px;*/
/*border: none;*/
/*height: 50px;*/
/*background: #38D430;*/
/*color: white;*/
/*font-size: larger;*/
/*}*/

.contact-section{
    padding: 80px 0;
    background-color: #222;
}

.testimonial{
    color: #989898;
    margin-top: 2%;
    font-family: "Oxygen", sans-serif;
}

.testimonial-title{
    font-weight: bold;
    font-size: larger;
}

/*.carousel-control:focus, .carousel-control:hover {*/

/*    opacity: 0 !important;*/
/*}*/

/*.carousel-control{*/
/*    opacity: 0 !important;*/
/*}*/

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: #38D430;
    border: 1px solid #38D430 !important;
    border-radius: 10px;
}
/*.carousel-indicators {*/
    /*bottom: -50px;*/
/*}*/

.carousel-control{
    width: 0 !important;
}

i {
    /*border: solid black;*/
    /*border-width: 0 3px 3px 0;*/
    display: inline-block;
    padding: 3px;
}

.right-arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left-arrow {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.down-arrow {
    /*border: solid #38D430 !important;*/
    color: #38D430;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.glyphicon-chevron-right:before {
    content: "";
}
.glyphicon-chevron-left:before {
    content: "";
}

.testimonial-text-div-size{
    height: 100px;
}

.heateorSssSharingRound{
    display: none;
}

.heateor_sss_sharing_ul{
    list-style-type: none;
}

.heateor_sss_sharing_container{
    position: fixed;
    margin-top: 100px;
    left: -40px !important;
    bottom: 0;
}
.heateor_sss_facebook_share{
    padding: 0 !important;
}

.search-category .text {
    color: #FFF;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding-left: 30px;
    z-index: 3;
}
.gradient{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image: url('../images/search-category/gradient.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

/*.footer-links{*/
/*text-align: center;*/
/*}*/

.footer-links a{
    color: #CCC;
}

img{
    max-width:100% !important;
    /*height: auto !important;*/
}


.faq-search {
    font-size: 18px;
}
.faq-search input[type="text"] {
    border-radius: 20px 0 0 20px;
    outline: none;
    padding: 8px 12px;
    background-color: #fefefe;
    border-color: lightgrey !important;
    border: solid;
    border-width: 1.5px;
    display: inline-block;
    min-width: 70%;

}
.faq-search button {
    border-radius: 0 20px 20px 0;
    outline: none;
    padding: 8px 24px;
    background-color: #38D430;
    border: none;
    display: inline-block;
    margin-left: -6px;
    background-image: url(../images/icon-search.png);
    background-size: 30px 30px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.white {*/
    /*color: #fff;*/
/*}*/

.link-to-contact-us{
    width: 200px;
    padding: 10px;
    margin:auto;
    text-align: center;
    margin-bottom: 5%;
    margin-top: 3%;
    font-size: 18px;
    background: #38D430;
    color: white !important;
}
html {
    scroll-behavior: smooth;
}
#myUL{
    padding-left: 1em;
}

#myUL .col-xs-1{
    padding-left: 0 !important;
}

#myUL .col-xs-2{
    padding-left: 0 !important;
    margin-left: -20px;
}
.faq-date{
    padding: 5px 10px 5px 10px !important;
}
.display-faqs-style{
    margin-bottom: 15px !important;
}

.contact-form-container.lead-capture{
    background: #FFF;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.23);
    padding-bottom: 15px !important;
}

.contact-form-container.lead-capture .container{
    width:100%;
}

@media (max-width: 768px){
    .contact-form-container.lead-capture .container {
        width: 100% !important;
    }
}
.contact-form-container.lead-capture .container-title {
    background: #38D430;
}

.contact-form-container.lead-capture h3, .contact-form-container.lead-capture p{
    color: #fff;
}

.lead-capture .contact-form-input{
    border: 1px solid #eee;
}

.contact-form-container.lead-capture .container-title, .course-search button {
    background-color: #38D430 !important;
}
.course-search input[type="text"]:focus, .course-search button:focus{
    outline: none !important;
}

.contact-form-align{
    font-family: Oxygen, sans-serif !important;
}
.ready-to-apply:focus, div.row div.col-sm-12.col-xs-12 input, div.row div.col-sm-12.col-xs-12 button, div.row div.col-sm-12.col-xs-12 text-area{
    outline: none !important;
}

.contact-form-container.lead-capture .container-title{
    font-family: Oxygen, sans-serif !important;
}

div.row div.col-sm-12.col-xs-12 input, div.row div.col-sm-12.col-xs-12 button, div.row div.col-sm-12.col-xs-12 text-area{
    font-family: Oxygen, sans-serif !important;
}

#main-body div.below-fold section.facebook-review div.row div.col-sm-5.padding-responsive{
    overflow-x: hidden !important;
}

.row.courseCategory .thick.green.value a:hover{
    color: #38D430 !important;
}

.uni-hide, .loc-hide{
    display: none !important;
}

#map{
    height: 1000px;
}

.filter-cities div[class^="col-"]{
    color: #a5a5a5;
    margin-bottom: 30px;
    cursor: pointer;
    padding: 0 5px;
}

.filter-cities div[class^="col-"] div{
    padding: 5px 0;
    border: 1px solid #d1d3d4;
    border-radius: 3px;
    text-align: center;
}

.filter-cities div[class^="col-"] div:hover, .filter-cities .selected div{
    color: #FFF;
    background-color: #38d530;
    border: 1px solid #38d530;
    cursor: pointer;
}

.promo-courses{
    float: none;
    margin: 0;
}

.promo-courses div[class^="col-"]{
    width: 50%;
}


.promo-courses div div{
    background-color: #fbfcfb;
    border:1px solid #d1d3d4;
    padding: 15px 0 0;
    border-radius: 5px;
    box-shadow: 2px 0 8px 0 #d1d3d47d;
    margin-top: 30px;
    border-bottom-width: 0;
    min-height:260px;
}

.promo-courses p{
    padding-left: 15px;
    padding-right: 15px;
    /*font-size: 13px;*/
}

.promo-courses .title{
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}

.separator-100 {
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
    margin: 15px auto;
    border-top: 1px solid #d1d3d4;
}

.promo-courses .apply-now{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 10px;
    background: #38d530;
    color: #FFFFFF;
    text-transform: uppercase;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
}

.promo-courses .apply-now a{
    color: #FFF;
    font-size: 16px;
}

.promo-courses .apply-now:hover{
    background-color: #34c82e;
    border-color: #31b32a;
}

.promo-courses .key{
    font-weight: bold;
}

.promo-courses .value{
    font-weight: bold;
    color: #38d530;
}

@media screen and (max-width: 480px) {
    .filter-cities div[class^="col-"]{
        font-size:13px;
    }

    .promo-courses div[class^="col-"] {
        width: 100%;
    }
}

/**** multi items carousel *****/
.multi-item-carousel{
    overflow: hidden;
}

.carousel-one-stop-shop {
    padding-left: 15px;
}

.carousel-one-stop-shop img {
    max-height: 400px;
    width: auto;
}

.carousel-one-stop-shop img{
    max-width: 360px;
}

.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
    background: rgba(255, 255, 255, 0.3);
    width: 25%;
}
.multi-item-carousel.overflow .carousel-inner {
    width: 200%;
}

.multi-item-carousel.carousel-news .carousel-inner {
    width: 250%;
    left: -20%;
    min-width: 2000px;
}

@media(max-width:767px){
    .multi-item-carousel.carousel-news .carousel-inner{
        left: 15px;
    }
}

@media(max-width:420px){
    .carousel-news .item__second{
        max-width: 290px;
    }
}

.multi-item-carousel .carousel-inner {
    width: 100%;
    min-width: 750px;
}


.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.multi-carousel-controls{

}

.multi-carousel-controls{
    width: 100%;
    text-align: right;
}

.multi-carousel-controls a:hover{
    text-decoration: none;
}


img {
    user-drag: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    user-select: none;
}

.item__second {
    float: right;
    position: relative;  /* captions can now be added */
    margin-left: 15px;
    margin-right: 0;
    width: 100%;
    max-width: 360px;
}

.carousel-news .item__second{
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

@media(max-width: 768px){
    .item__second{
        float: left;
        margin-left: 15px;
        /*margin-right:15px;*/
        max-width: 340px;
    }

    .carousel-news .item__second{
        float: left;
        margin-left: 0;
        margin-right: 15px;
    }
}

@media(max-width: 767px){
    .item__second{
        max-width: 360px;
    }

    .carousel-news .item__second{
        float: left;
        margin-left: 0;
        margin-right: 15px;
    }
}

@media(max-width: 390px){
    .carousel-testimonials .item .item__second:nth-child(2){
        display: none;
    }
    .carousel-testimonials.multi-item-carousel .carousel-inner{
        min-width: unset;
    }

    .carousel-testimonials .item__second{
        margin-left: 0;
    }
}

.overflow .item__second {
    float: left;
    width: 40%;
    max-width: 647px;
    margin-left: 0;
    margin-right: 15px;
}

.carousel-one-stop-shop .item__second {
    max-width: 647px;
}

.item__second img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.carousel-testimonials .item__second{
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: var(--white);
    box-shadow: 0px 5px 34px rgba(0, 0, 0, 0.05);
}

/*.carousel-testimonials .item__second div{*/
    /*padding: 35px 20px;*/
/*}*/
.carousel-testimonials .item div{
    padding: 35px 20px;
}

/*.carousel-testimonials .item__second img {*/
    /*border-radius: 10px 10px 0 0;*/
/*}*/
.carousel-testimonials .item img {
    border-radius: 10px 10px 0 0;
}
.carousel-testimonials .item {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: var(--white);
    box-shadow: 0 5px 34px rgb(0 0 0 / 5%);
}


.multi-item-carousel .carousel-indicators {
    position: unset;
    /*width: 100%;*/
    /*left: 0;*/
    margin-left: 0;
    /*text-align: right;*/
    z-index: 1;
    display: inline;
}

.multi-item-carousel .carousel-indicators li {
    width: 30px;
    height: 5px;
    background-color: var(--gray5);
    margin: 0;
    border: none !important;
    margin-left:-7px;
    z-index:1;
}

.multi-item-carousel .carousel-indicators .active{
    width: 30px;
    height: 5px;
    background-color: var(--primary);
    margin: 0;
    margin-left:-7px;
    border: none;
    z-index: 2;
}

.carousel-control-prev, .carousel-control-next{
    color: #1A1A1A;
}

/*blog-page*/
.info-card.blog-card{
    box-shadow: 0 5px 34px rgba(0, 0, 0, 0.05);
    border-radius: 13px;
}
.info-card.blog-card .overlay-effect img{
    border-radius: 10px 10px 0 0;
}
.text-left.blog-card{
    border: 1px solid var(--primary);
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    padding: 10px 34px 10px 35px;
}
.text-left.blog-card a{
    color: var(--primary);
    font-size: 16px;
}
#footer-cta{
    padding: 100px 0;
}
.blog-card .overlay-container:hover{
    border-radius: 10px 10px 0 0;
}
#filter_category_selectlist, .filter_courses_selectlist{
    border: 0;
    background-color: transparent;
    background-image: url("../assets/images/chevron-down.svg");
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}
#filter_category .row.blog{
    margin: 0 !important;
}

:focus{
    outline: 0;
}
#filter_category .col-search{
    background-image: url(../assets/images/search.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    line-height: 48px;
}
#filter_category .col-search input{
    width: 100%;
    border: 0;background-color: transparent;
    padding: 0 30px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--title);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--title);;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--title);
}
.blog-page{
    margin-bottom: 30px;
}
/*blog-page*/


.title-location{
    color: var(--title);
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 0 !important;
    margin-top: 20px;

}
.title-location::after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    background-color: var(--primary);
    margin: 10px 0 10px 0;
}

.detail-street-text-style{
    font-family: Oxygen;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: var(--text);
}

.display-inline{
    display: -webkit-inline-box;
}
.margintopminus5{
    margin-top: -5px;
}
.location-card{
    height: 300px;
}

.mail-image{
    margin-left: -3px;
}
.title-contact-us-inside-page{
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: var(--black);
    margin-bottom: 10px;
}
.padding-right-big{
    padding-right: 100px;
}


.flags{
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    color: var(--black);
}



.margin-top-little{
    margin-top: 15px;
}
.margin-top-30{
    margin-top: 30px;
}
.saudi-flag p{
    white-space:nowrap;
}
.philipine-flag{
    margin-left: 15px;
}

@media (max-width: 1136px){
    .hide-lg{
        display: none;
    }

}

@media (max-width: 992px){
    .show-md{
        display: block;
    }
    .philipine-flag{
        margin-left: 0px;
    }
}

.svg-icon-green-back{
    background: var(--primary);
    padding: 10px;
    border-radius: 25px;
}
.title-svg-icon-green-back{
    display: inline;
}
.text-svg-icon-green-back{
    margin-left: 50px;
}


.same-font-size-small{
   font-size: 23px !important;
}
.display-small{
    display: none;
}
.margin-bottom-30{
  margin-bottom: 30px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
.margin-top-50{
    margin-top: 50px;
}

@media (min-width: 769px) {
    .col-sm-9 {
        width: 75% !important;
    }
}

.icons-inline p:not(.text-svg-icon-green-back){
    display: none !important;
}

.active-anchor{
    color: var(--primary);
}
.width-70{
    width: 70%;
}

@media (max-width: 991px) {
    .anchor {
        display: none;
    }
}
.anchor a:hover{
    text-decoration: none;
    color: var(--primary);
}

.anchor a:hover h4{
    color: var(--primary);
}

.feather-arrow-right:before{
    content: '' !important;
}

.feather-arrow-right.display-yes:before{
    content: '\e912' !important;
}

.anchor a:hover h4 .feather-arrow-right:before{
    content: '\e912' !important;
}

.check-mark{
    padding: 0px 4px;
    background: var(--primary);
    color: white;
    border-radius: 6px;
}


.health-cover-calculator-sub-title h2{
    color: var(--black);
}
.price-comparison-a a{
    padding: 10px 0px !important;
}

.display-yes{
    display: contents;
}

.display-no{
    display: none;
}

html{
    scroll-padding: 150px 0 !important;
}
.anchor{
    color: var(--text);
    border-radius: 13px;
    cursor: pointer;
    box-shadow: 0px 5px 34px rgb(0 0 0 / 5%);
    border-bottom: 0 solid var(--primary);
    transition: border-bottom 0.6s linear, box-shadow 0.3s ease-in-out;
}

.anchor.scrolling {
    position:fixed;
    top:25%;
}

.anchor.scrolling .anchor-element, .anchor.scrolling .anchor-element-last{
    padding-right: 30px;
}

.anchor-element{
    border-bottom-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-color: var(--light-gray);
    margin: 0;
    padding-left: 30px;

}
.anchor-element-last{

    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    padding-left: 30px;
}

.pagination>li>a, .pagination>li>span{
    color: var(--primary);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    border-color: var(--darkgreen);
    background-color: var(--darkgreen);
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: var(--darkgreen);
}


.partners_list{
    padding: 15px;
    border-bottom: 0.5px solid #E2E2E2;
}
/*.list{*/
/*padding: 15px 0;*/
/*}*/
a:focus{
    color: var(--darkgreen);
    text-decoration: none;
}
a:hover{
    text-decoration: none !important;
}
#accordion a:focus i{
    color: var(--darkgreen);;
    /*transform: rotate(180deg);*/
}
.panel-default > .panel-heading{
    background-color: transparent;
}
#accordion{
    /*background-color: green;*/
    box-shadow: 0 5px 34px rgba(0, 0, 0, 0.05);
    border-radius: 13px !important;
}
.toggled{
    display: none;
}


.color-dark-gray{
    color: var(--title);
}

.margin-right-5{
    margin-right: 5px;
}

.width-25{
    width: 25%;
}

#owl-partners .item img{

filter: grayscale(100%);
}

#owl-partners .item{
    padding: 0 15px;
}

a:focus{
    text-decoration:none!important;
}
 .owl-nav, .owl-dots{
    text-align: right;
}
.owl-dot{
    width: 30px;
    height: 5px;
    background-color: var(--gray5);
    margin: 0;
    border: none!important;
    margin-left: -7px;
    z-index: 1;
}
.owl-dot:nth-child(1){
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
 .owl-dot:nth-child(2){
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

 .owl-dot.active{
    width: 30px;
    height: 5px;
    background-color: var(--primary);
    margin: 0;
    margin-left: -7px;
    border: none;
    z-index: 2;
}
.owl-prev, .owl-next{
    background-color: transparent;
    border: 0;
}
#news-carousel{
    display: block !important;
}
#news-carousel{
    overflow-x: hidden;
}
#news-carousel .owl-item .item{
    max-width: 360px;
}

.owl-nav, .owl-dots{
    display: inline-block;
}
.owl-prev{
    right: 199px;
    bottom: 0;
    position: absolute;
}
.owl-next{
    bottom: 0;
    position: absolute;
    right: 0;
}
.owl-dots{
    bottom: 15px;
    position: absolute;
    right: 50px;
}
#carousel-testimonials, #news-carousel, #carousel-one-stop-shop{
    padding-bottom: 5%;
}
.owl-dot:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#carousel-one-stop-shop .owl-prev{
    right: 120px !important;
}
#news-carousel .owl-dots{
    display: none;
}
#news-carousel .owl-prev {
    right: 50px;
}
#news-carousel .owl-next{
    right: 20px;
}
@media (max-width: 767px){
    #news-carousel{
        padding-left: 15px;
    }
}
@media (min-width:768px) and (max-width:1023px) {
    #carousel-testimonials .owl-prev {
        right: 320px;
    }
}
@media (min-width: 500px) and (max-width: 767px){
    #carousel-testimonials .owl-prev{
        right: 300px;
    }
}
#owl-partners{
    overflow-x: hidden;
}
#owl-partners .owl-nav, #owl-partners .owl-dots{
    display: none;
}
.carousel-testimonials .owl-item:nth-child(odd){
    margin-top: 60px !important;
}
@media (max-width: 500px){
    #carousel-one-stop-shop, #carousel-testimonials{
        padding-bottom: 40px !important;
    }
    #carousel-testimonials .owl-prev {
        right: 263px;
    }
    #carousel-testimonials .owl-dots {
        right: 30px;
    }
}
@media (max-width: 390px){
    .featured-info .row .col-sm-9{
        padding-left: 32px;
    }
    .featured-info .featured-very-big-title,  .featured-info .col-sm-4{
        padding-left: 0;
    }

}
.css-sprite-arrow-left
{
    background:url('../assets/images/css-sprite-combined.png') 0px -22px;
    width:28px;height:28px;
    display:inline-block;
}

.css-sprite-arrow-right
{
    background:url('../assets/images/css-sprite-combined.png') -28px -22px;
    width:28px;height:28px;
    display:inline-block;
}

.css-sprite-australia
{
    background:url('../assets/images/css-sprite-combined.png') -56px -14px;
    width:35px;height:36px;
    display:inline-block;
}

.css-sprite-award
{
    background:url('../assets/images/css-sprite-combined.png') -91px -0px;
    width:50px;height:50px;
    display:inline-block;
}

.css-sprite-family
{
    background:url('../assets/images/css-sprite-combined.png') -141px -0px;
    width:50px;height:50px;
    display:inline-block;
}

.css-sprite-globe
{
    background:url('../assets/images/css-sprite-combined.png') -191px -0px;
    width:50px;height:50px;
    display:inline-block;
}


.css-sprite-monthly-salary
{
    background:url('../assets/images/css-sprite-combined.png') -327px -0px;
    width:50px;height:50px;
    display:inline-block;
}

.css-sprite-search
{
    background:url('../assets/images/css-sprite-combined.png') -377px -0px;
    width:50px;height:50px;
    display:inline-block;
}

.css-sprite-visa
{
    background:url('../assets/images/css-sprite-combined.png') -427px -14px;
    width:35px;height:36px;
    display:inline-block;
}

.css-sprite-zap
{
    background:url('../assets/images/css-sprite-combined.png') -462px -0px;
    width:50px;height:50px;
    display:inline-block;
}
/*RIM EDITS*/
/*.body-overlay .card{*/
/*    text-align: center !important;*/
/*}*/
/*.body-overlay .card-text{*/
/*    color: var(--white) !important;*/
/*    font-family: "Oxygen";*/
/*    font-size: 18px;*/
/*    -webkit-transition: opacity 0.5s ease-in-out;*/
/*    -moz-transition: opactiy 0.5s ease-in-out;*/
/*    -ms-transition: opacity 0.5s ease-in-out;*/
/*    -o-transition: opacity 0.5s ease-in-out;*/
/*    transition: opacity 0.5s ease-in-out;*/
/*}*/
/*.overlay-card-home {*/
/*    outline: 100px solid rgba(0, 0, 0, 0.6) !important;*/
/*    outline-offset: -100px;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/
.z-index-big{
    position: relative;
    z-index: 999;
}
/*.body-overlay .card-bottom{*/
/*    color: var(--primary);*/
/*    position: absolute !important;*/
/*    z-index: 999;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0px !important;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    -webkit-transition: opacity 0.5s ease-in-out;*/
/*    -moz-transition: opactiy 0.5s ease-in-out;*/
/*    -ms-transition: opacity 0.5s ease-in-out;*/
/*    -o-transition: opacity 0.5s ease-in-out;*/
/*    transition: opacity 0.5s ease-in-out;*/
/*}*/
/*.body-overlay .card{*/
/*    border-radius: 25px;*/
/*}*/
/*.margin-left-right-15{*/
/*    !*padding-left: 0 !important;*!*/
/*    !*padding-right: 0 !important;*!*/
/*    !*margin-left: 15px;*!*/
/*    !*margin-right: 15px;*!*/
/*    !*border-radius: 25px;*!*/
/*    !*overflow: hidden;*!*/
/*}*/
/*.overlay-card-home{*/
/*    cursor: pointer;*/
/*}*/
/*.icons-home-banner{*/
/*    margin-top: 15px;*/
/*    -webkit-transition: opacity 0.5s ease-in-out;*/
/*    -moz-transition: opactiy 0.5s ease-in-out;*/
/*    -ms-transition: opacity 0.5s ease-in-out;*/
/*    -o-transition: opacity 0.5s ease-in-out;*/
/*    transition: opacity 0.5s ease-in-out;*/
/*}*/
/*.home-banner a:hover{*/
/*    text-decoration: unset !important;*/
/*}*/
/*.little-text-home-banner-card{*/
/*    color: var(--white);*/
/*    font-size: 14px !important;*/
/*}*/
/*.show-on-hover-card-banner{*/
/*    color: white;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    font-size: 20px;*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: visibility 0s, opacity 0.5s linear;*/
/*}*/
/*.home-banner .link:hover .icons-home-banner,.home-banner .link:hover .card-bottom,.home-banner .link:hover .card-text{*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: visibility 0s, opacity 0.5s linear;*/
/*}*/
/*.home-banner .link:hover .show-on-hover-card-banner{*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    transition: visibility 0s, opacity 1s linear;*/
/*}*/
/*.home-banner .link .card{*/
/*    background-size:  100% 100% !important;*/
/*    background-repeat: no-repeat !important;*/
/*    background-position: center center !important;*/
/*    -webkit-transition: background-size 0.5s ease-in-out;*/
/*    -moz-transition: background-size 0.5s ease-in-out;*/
/*    -ms-transition: background-size 0.5s ease-in-out;*/
/*    -o-transition: background-size 0.5s ease-in-out;*/
/*    transition: background-size 0.5s ease-in-out;*/
/*}*/
/*.home-banner .link:hover .card{*/
/*    background-size: 110% 110% !important;*/
/*    background-position: center center !important;*/
/*    !*box-shadow: 1px 1px 10px 1px black;*!*/
/*    transition: background-size 0.5s ease-in;*/
/*    -moz-transition: background-size 0.5s ease-in;*/
/*    -web-kit-transition: background-size 0.5s ease-in*/
/*}*/
/*.body-overlay .card{*/
/*    min-height: 230px;*/
/*}*/
/*@media(max-width: 768px) {*/
/*    .body-overlay .card-bottom {*/
/*        font-size: 12px;*/
/*        font-weight: bold;*/
/*    }*/
/*    .body-overlay .card-text{*/
/*        font-size: 14px;*/
/*    }*/
/*    .little-text-home-banner-card{*/
/*        font-size: 12px !important;*/
/*    }*/
/*}*/
/*@media(max-width: 590px) {*/
/*    .body-overlay .card-text {*/
/*        font-size: 18px;*/
/*    }*/
/*    .little-text-home-banner-card {*/
/*        font-size: 14px !important;*/
/*    }*/
/*    .body-overlay .card-bottom {*/
/*        font-size: 18px;*/
/*        font-weight: bold;*/
/*    }*/
/*    .card-text {*/
/*        min-height: 110px;*/
/*    }*/
/*}*/
/*END RIM EDITS*/


.login-card .btn{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 6px 12px;
}
.login-card .btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

/* baker */

.city-bttons{
    /*display: flex;*/
    /*justify-content: space-between;*/
    margin-top: 40px;
}
.city-bttons a {
    margin-right: 20px;
    font-size: 0.9em;
}
.city-bttons a:nth-child(2) {
    margin-left: 20px;
}

#cities-carousel .btn-o {
    padding: 10px 1rem !important;
}
.css-sprite-city{
    background:url('../assets/images/edugate-city.svg') -0px -0px;
    background-repeat: no-repeat;
    width:50px;height:50px;
    display:inline-block;
}
.city-title-2, .cities-par .item {

}
.services-uni .text-center{
    visibility: hidden;
}
.row-samecolheight{
    margin-top: 100px;
}
/**
This garbage was removed by Mike
 */
/*.cities-par  .container {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/

/*.cities-par  .item {*/
/*    width: calc(50% - 20px);*/
/*    margin-bottom: 40px;*/
/*    padding: 20px;*/
/*    box-sizing: border-box;*/
/*    border-radius: 27px;*/
/*    transition: border .6s linear,box-shadow .3s ease-in-out;*/
/*}*/
/*.cities-par .item:hover {*/
/*    box-shadow: 0px 0px 9px 0px #9E9E9E;*/
/*    transition: background-color 1s ease;*/
/*    background-color: #f7f7f7a1;*/

/*}*/
/*.cities-par .item:hover .city-title-2 {*/
/*    color: #38d430; !* change this to the desired hover color *!*/
/*}*/


/*.cities-par  .item.even {*/
/*    float: right;*/
/*}*/

/*.cities-par  .item.odd {*/
/*    float: left;*/
/*}*/

/*.cities-par  .item a {*/
/*    display: block;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.cities-par  .item img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    margin-bottom: 20px;*/
/*    border-radius: 31px;*/
/*    box-shadow: inset 20px -3px 14px 6px #9E9E9E, 0px 8px 14px 6px #9E9E9E;*/
/*    transition: border .6s linear,box-shadow .3s ease-in-out;*/
/*}*/
/*.cities-par  .item h2 {*/
/*    font-size: 24px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.cities-par .item p {*/
/*    font-size: 18px;*/
/*    margin-bottom: 20px;*/
/*}*/


/*@media only screen and (max-width: 767px) {*/
/*    .cities-par .item {*/
/*        width: 100% !important;*/
/*        float: none;*/
/*    }*/
/*}*/
/*.cities-par .item:hover a {*/
/*    background-color: var(--darkgreen) !important;*/
/*}*/
/*@media only screen and (min-width: 992px)  and (max-width:1200px) {*/
/*    .city-bttons {*/
/*        padding-top: 30px !important;*/
/*    }*/
/*}*/
/*@media only screen and (min-width: 767px)  and (max-width: 992px) {*/
/*    .btn-o {*/
/*        padding: 10px 21px !important;*/
/*    }*/
/*    .city-bttons {*/
/*        padding-top: 90px !important;*/
/*    }*/
/*}*/
/*@media only screen and (min-width: 450px)  and (max-width: 575px) {*/
/*    .btn-o {*/
/*        padding: 10px 31px !important;*/
/*    }*/
/*    .city-bttons {*/
/*        padding-top:30px !important;*/
/*    }*/
/*}*/
/*@media only screen and (min-width: 390px) and (max-width: 450px) {*/
/*    .btn-o {*/
/*        padding: 10px 21px !important;*/
/*    }*/
/*    .city-bttons {*/
/*        padding-top: 90px !important;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 390px) {*/

/*    .btn-o {*/
/*        padding: 7px 7px !important;*/
/*    }*/
/*    .city-bttons {*/
/*        padding-top: 150px !important;*/
/*    }*/
/*}*/
.service-card{
    margin: 20px 0;
}

@media only screen and (max-width:767px)  {
    .service-card{
        margin:25px auto !important;
        min-width: 100%;
        max-width: 400px;
    }
}
.container-fluid.our-services .row-samecolheight {
    margin-top: 15px !important;
}
.cities-par p:empty {
    display: none;
}
.cities-par p:has(img){
    max-height: unset !important;
    min-height:unset !important;
}
/* baker */

/*
2024 - Mike
 */
.section-title {
    font-size: 2.8em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 2rem;
    line-height: 1.3;
}
.section-subtitle {
    font-size: 1.3em;
    line-height: 1.4;
    font-weight: 600;
}
@media (max-width: 992px) {
    .section-title {
        font-size: 2.1em;
    }
    .section-subtitle {
        font-size: 1.2em;
    }
}
@media (max-width: 768px) {
    .section-title {
        font-size: 1.8em;
    }
    .section-subtitle {
        font-size: 1.1em;
    }
}

.services-location {
    margin-bottom: 40px;
}
.services-location h4 {
    font-size: 1.1em;
    text-transform: uppercase;
}

.study-in-australia-item {
    margin-bottom: 80px;
}
@media (max-width: 992px) {
    .study-in-australia-item {
        margin-bottom: 40px;
    }
}

.awards h3 {
    margin-top: 50px;
}

.accom-section img{
    width: 100%;
    height: 320px;
    object-position: center center;
    object-fit: cover;
}
.accom-section .item-left img {
    border-radius: 25px 5px 0 0;
}
.accom-section .item-right img {
    border-radius: 5px 25px 0 0;
}

.accom-section .item {
    padding: 5%;
    margin-bottom: 20px;
}
.accom-section .item h2 {
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 700;
    margin-top: 30px;
}

.search-feature-container {
    /*padding-top: 60px;*/
}
.search-feature-container .search-feature-item {
    margin-bottom: 30px;
    vertical-align: middle;
    font-size: 1.1em;
    color: var(--black);
}
.search-feature-container .search-feature-item .search-feature-icon{
    margin-bottom: 18px;
}
@media (max-width: 768px) {
    .search-feature-container {
        padding-top: 30px;
    }
    .search-feature-container .search-feature-item {
        padding: 0 30px;
        margin-bottom: 40px;
    }
}

.modal-content {
    padding: 10px 30px 30px 30px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
}
.quick-search {
    display: flex;
}
.quick-search input {
    width: 100%;
    flex: 1;
    border-radius: 10px;
    border: none;
    background-color: #f0f0f0;
    padding: 4px 15px;
    margin-right: 10px;
}
.btn-outlined {
    background-color: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}
.btn-outlined:hover {
    background-color: rgba(245,245,245,0.8);
    color: var(--primary) !important;
}