body, p, .lead { line-height:  1.6 } 
body { font-size:  16px } 
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  16px } 
h1,h2,h3,h4,h5,h6 { line-height:  1.1; } 
h1, .html #page-title .page-title { font-size:  52px; } 
h2 { font-size:  38px; } 
h3 { font-size:  29px; } 
h4 { font-size:  21px; } 
blockquote, .blockquote p { font-size:  21px } 
hr { border-top-width:  4px; } 
hr { margin-left: 0;margin-right: auto; }
@media screen and (max-width: 768px) { 
  body, p { font-size:  14px; } 
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  14px } 
  h1, .html #page-title .page-title { font-size:  52px; } 
  h2 { font-size:  38px; } 
  h3 { font-size:  29px; } 
  h4 { font-size:  24px; } 
  blockquote, .blockquote p { font-size:  18px; } 
} 

.region-sidebar-first .block, .region-sidebar-second .block, .region-content-top .block, .region-content-bottom .block, .region-content .block, .region-footer .block, .blocks-preview .block {
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
} 

.region-sidebar-first .block-title, .region-sidebar-second .block-title, .region-content-top .block-title, .region-content-bottom .block-title, .region-content .block-title, .region-footer .block-title, .blocks-preview .block-title {
  font-size: 38px;
  text-align: left;
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
  display: block;
} 

@media screen and (max-width: 768px) { 
  .region-sidebar-first .block-title, .region-sidebar-second .block-title, .region-content-top .block-title, .region-content-bottom .block-title, .region-content .block-title, .region-footer .block-title, .blocks-preview .block-title { font-size: 38px; } 
} 

.az-container.dxpr-editor{
background-color: white !important;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo {
   max-height:100px;
   width:150px;
   margin-top:20px; 
}
#header{
z-index: 2 !important;
padding-top: 20px !important;
margin-top: -10px;
}
.navbar-nav .dropdown-menu {
    position: absolute;
    display:none;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 0;
    font-size: 12px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
   width: 200px !important;
}
#meet-teachers{
display: none;
}
.navbar-nav .dropdown-menu-2 {
    position: absolute;
    display:none;
    flex-direction: column;
    margin-top: 18px;
    border-radius: 0;
    font-size: 12px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
   width: 200px !important;
}

#secondary-header ul.menu a{
padding-bottom: 20px !important;
}
ul.menu{
display: flex;
flex-direction: row !important;
justify-content: center;
align-items: center;
}
.dxpr-theme-header .navbar-container{
display: none !important;
}
#secondary-header ul.menu {
    /* float: right; */
    margin-top: 0;
    margin-bottom: 0;
    /*display: flex;*/
    color: black;
    margin-top: -10px;
}
#custom-language-switcher{
    display: flex !important;
    justify-content: right !important;
    margin-top: -6px !important;
}
#custom-language-switcher-list{
    font-size: 13px;
    margin-right: 47px;
   padding-top:40px;
}
#custom-language-switcher-list li{
   width:30px;
}
.language-switcher-language-url{
padding-top: 40px;
}
body .az-button .btn{
border: 2px solid #aad728 !important;
}
body .az-button .btn:hover{
background: transparent !important;
border: 2px solid #aad728 !important;
color: #aad728 !important
}
#secondary-header ul.menu li a{
color: black;
}
ul.menu a.is-active {
color: #5526d7 !important;
}
ul.menu a:hover{
color: #5526d7 !important;
text-decoration: none !important;
cursor: pointer !important;
}
#featured-course{
display: none;
}
#menu{
display: flex !important;
justify-content: center !important;
margin-top: -6px !important;


}
#secondary-header{
padding-top: 0px !important;
padding-bottom: 0px !important;

}
.body--dxpr-theme-nav-mobile #dxpr-theme-main-menu.menu--open,.body--dxpr-theme-nav-mobile #dxpr-theme-main-menu.menu--open .menu__breadcrumbs,.body--dxpr-theme-nav-mobile #dxpr-theme-main-menu.menu--open .menu__level {
    left: 0;
    z-index:10;
    background-color: white;
}
#mobile-hero{
display: none !important;

}
#desktop-hero{
z-index: 1 !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 538px 0px;
    background-size: 72%;
    margin-top: -120px !important;
}
#btn a {
    text-decoration: none;
}

#course-card{
border-radius: 0px !important;
}
#card1{
background-color: white !important;
transition: all 0.3s ease-in-out;
border:none !important;
padding: 0px !important;
border-radius: 0px !important;
}
#card1-img{
margin: -16px -16px  0px -16px !important;
}
#team-card-img{
background-color: #aad728;
}
#team-card-img img{
margin-left: 16px;
margin-top: 16px;
}
#course-img{
margin: -16px -16px  0px -16px !important;
}
#card1:hover{
background-color:#aad728 !important;
}
#card1:hover #card1-text{
color: white !important;
}
#card1:hover h2{
color: white !important;
}
#card1:hover p{
color: white !important;
}
#about-text p span{
line-height: 15px !important;
}
#testi-card{
border-radius: 0px !important;
}

.js ul.stbe-social-links .fab {
    box-sizing: content-box;
    border-radius: 500px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav {
    float: right;
    margin-top: -5px;
}
#navbar{
align-items: center;
}
#hero{
padding-top: 100px;
}
.fa-quote-right:before {
    content: "\f10e";
    color: white;
    margin-left: -27px;
    background: #5526d7;
    padding: 21px 25px 25px 30px;
    border-radius: 0px 0px 0px 100px;
    overflow: hidden;
}


.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center{
padding-top: 15px;
}
#edit-email--2{
background: white;
}
#edit-name{
background:#f0f0f0;
}
#edit-email{
background:#f0f0f0;
}
#edit-message{
background:#f0f0f0;
}
#edit-actions-submit{
padding:10px 40px;
transition: background-color 0.3s ease-in-out;
border:none;
}
#edit-actions-submit:hover{
background-color:#5526d7;
}
#edit-actions-submit--2{
transition: background-color 0.3s ease-in-out;
padding: 10px;
border: none;
}
#edit-actions-submit--2:hover{
background-color:#5526d7;
}



.html .dxpr-theme-util-overlay-black:after, .html .dxpr-theme-util-overlay-black .YTPOverlay {
    background-color: #00000070;
}
.az-element az-section{
background-color: rgba(0,0,0,0.5) !important;
}
.region-footer ul li {
    margin: 0;
    line-height: 1.42857143;
    padding-top: 15px;
}
#footer-menu{
margin-left: -20px !important;
}
.dxpr-theme-footer .footer-container {
    padding-top: 0; 
    padding-bottom: 0;
}
#footer-menu-link ul.menu {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
}
#menu-text li a {
    font-size: 12px;
}
#solution{
display: flex !important;
}
                                                                               /* SOLUTIONS INNER PAGES*/

#solution-page {
 position: relative !important;
 height: 400px !important; 
  margin-top: -120px !important;
padding-top: 130px !important;
}

#solution-page::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
#solution-card1{
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) !important;
border-radius: 0px !important;
border: none !important;
}
#solution-card2 {
  background-color: #ffffff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
  border: none;
}
#solution-img {
    margin-left: -16px;
    margin-bottom: -46px;
    margin-top: -16px;
}
a.nav-link{
color: black !important;
}
.az-tabs .nav-tabs>li>a.nav-link.active[role="tab"]{
color:#000000 !important;
background: #aad728 !important;
cursor: pointer !important;
}

a.nav-link:hover[role=tab]{
color: #aad728 !important;
}
card-display{
display: none;
}
.card h2{
   line-height: 70% !important;
}
#text-col{
display: flex !important;
align-items: center !important;
}
#gibbon-text-col{
display: flex !important;
align-items: center !important;
margin-left: -50px !important;
}
#gibbon-img {
    margin-left: -16px;
    margin-bottom: -46px;
    margin-top: -16px;
}

                                                                            /*Our Services Page*/
#our-services-sec2{

}
#our-services-sec2-row{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#LMS-img{
margin-right: -20px;
margin-bottom: -20px;
margin-top: 20px;
}
#LMS-text{
padding-left: 40px;
}
#LMS-card h2{
line-height: 100% !important;
}
#despoke-col{
display: flex !important;
align-items: center !important;
}

                                                                                  /*About Us Page*/
#team-row{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#about-img img {
    border-radius: 200px 0px 200px 0px;
    /* border-left: 30px solid #acd038; */
}
@media screen and (max-width: 490px){
.az-image>img {
    max-width: 100%;
    object-fit: contain;
}
#hero-text h2 span{
font-size: 25px !important;
}
#message-text{
font-size: 25px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
#text h2 span{
font-size: 25px !important;
}
#about-us-txt{
margin-top: 30px !important;
}
#gbx3r5qwz1{
margin-left:-20px;
}
#footer{
padding: 50px 20px !important;
}
#img2{
  margin-left:-40px !important;
  margin-right:40px !important;
  margin-bottom:70px !important;
  border-radious: 20px;
}
#about-us{
    background-color: transparent !important;
    background-image: linear-gradient(160deg, #aad728 45%, #ffffff 45%) !important;
}
#about-course-col{
width:33.3% !important;
}
#about-course-col h2 span{
font-size:16px !important;
}
#contact-us-row1{
padding: 10px !important;
}
#gbs3dv5ugj{
margin-top:50px !important;
}
#contact-us{
padding:30px !important;
}
#mobile-hero{
display: flex !important;
background-color: #00000050 !important;
background-position-x: -370px !important;
}
#mobile-hero h2 span{
font-size:30px !important;
}
#desktop-hero{
display: none !important
}
#secondary-header{
display: none !important;
}
.dxpr-theme-header .navbar-container{
display: block !important;
}
#footer-menu{
margin-left: -20px !important;
}
#inner-page-text h2 span{
font-size: 40px !important;
line-height: 100% !important
}
#LMS-img{
margin-right: 0px;
margin-bottom: -20px;
margin-top: 20px;
}
#LMS-text{
padding: 20px;
}
#LMS-card h2{
line-height: 100% !important;
}
#our-services-text h2 span{
font-size:30px !important;
}
#moodle-lms-head-sec1 h2 span{
font-size: 30px !important;
}
#solution-img{
margin-right: -16px !important;
}
#text-col{
margin-top: 20px !important;
padding: 20px 20px 0px 30px !important;
}
#about-txt{
top: 100px !important;
}
#moodle-logo img{
width: 80% !important
}
#featured-course{
display: flex !important;
}
#totara-img{
width: 100% !important;
}
.accordion-item .accordion-button:not(.collapsed) {
    background: #aad728;
    color: #000000;
}
#gibbon-text-col{
margin-left: 0px !important;
    padding: 30px 20px 0px 30px;
}
#gibbon-img{
margin:auto
}
#gbe2ude3sm,#gb880z1m5d,#gbe4o7abrt{
padding-top:0px !important;
}
#gibbon-section{
overflow-x: hidden !important;
}
#gibbon-logo{
width: 100% !important;
}
#solution-page {
margin-top: 0px !important;
}
.menu nav .navbar-nav .menu__level{
top: -130px !important;
}
#team-text h2{
text-align: start !important;
}
#solution{
display: none !important;
}
#about-img img{
 border-radius: 100px 0px 100px 0px !important;
}
/*ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -10px !important;
  display: flex !important;
}*/
[data-submenu="Languages"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -290px !important;
  display: flex !important;
}
[data-submenu="语言"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -290px !important;
  display: flex !important;
}
.language-switcher-language-url ul{
top:465px !important;
visibility: visible;
}
.language-switcher-language-url li{
   visibility: visible;
}
[data-submenu="About"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -190px !important;
  display: flex !important;
}
[data-submenu="关于我们"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -190px !important;
  display: flex !important;
}

[data-submenu="Our Solutions"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -90px !important;
  display: flex !important;
}
[data-submenu="我们的解决方案"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -90px !important;
  display: flex !important;
}


[data-submenu="Our Services"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -140px !important;
  display: flex !important;
}

[data-submenu="我们的服务"] + ul[data-block="navigation_collapsible"].dropdown-menu.menu__level.menu__level--current {
  top: -140px !important;
  display: flex !important;
}

.region region-navigation-collapsible .wrap-branding .logo navbar-btn img{
margin-top: 15px !important;
margin-bottom: 15px !important;
}
#dxpr-theme-main-menu img {
    max-width: 100%;
    margin-top: 15px;
    margin-left: 15px;
}
#totara-learn-img img{
width: 100% !important;
}
#gibbon-video,#everon-video{
width:100%;
height:234px;
}
#foot-logo img{
width:50% !important;
}
}

#demo-gibbon{
background:radial-gradient(80% 1000px at 20% 500px, #ef99c7 0%, #794d95 100%)
}.page-title-full-width-container .breadcrumb { right: 60px; left: auto; } 

#page-title { text-align:  left } 

#page-title .page-title { height:  120px } 

.page-title-full-width-container:after { opacity:  1 } 

.page-title-full-width-container:after { background-position: center center; }


body, .toooltip {
  font-family: "Poppins Medium", "Poppins";
  font-weight: 500;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: "Poppins SemiBold", "Poppins";
  font-weight: 600;
  font-style: normal;
}

nav,nav ul li,nav a {
  font-family: "Poppins Medium", "Poppins";
  font-weight: 500;
  font-style: normal;
}

.site-name, .navbar-brand {
  font-family: "Poppins Medium", "Poppins";
  font-weight: 500;
  font-style: normal;
}

blockquote, blockquote p {
  font-family: "Poppins SemiBold", "Poppins";
  font-weight: 600;
  font-style: normal;
}

  #dxpr-theme-main-menu,
  #dxpr-theme-main-menu .menu__breadcrumbs,
  #dxpr-theme-main-menu .menu__level {
    text-align: left;
  }
.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side #navbar.dxpr-theme-header {
  text-align: left;
}
html.js .body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side {
  padding-left: calc(500px + var(--gin-toolbar-x-offset, 256px));
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--side,
.body--dxpr-theme-nav-mobile .dxpr-theme-header--side #dxpr-theme-main-menu,
.dxpr-theme-header--side .menu__level {
  width: 500px;
}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(255,255,255,0.5);
  opacity: 0;
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(255,255,255,0);
  opacity: 1;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .block-dxpr-theme-helper {
  height: 100px;
  line-height: 100px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .dxpr-theme-main-menu {
  height: 100px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .navbar-header .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .block-dxpr-theme-helper  {
  height: 50px;
  line-height: 50px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .dxpr-theme-main-menu {
  height: 50px;
}
.body--dxpr-theme-nav-desktop .nav-child-fixed-width {
  top: 100px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav-child-fixed-width {
  top: 50;
}
html.js .body--dxpr-theme-nav-desktop.gin--vertical-toolbar.toolbar-fixed.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-top {
  padding-top: 100px !important;
}
.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-overlay .page-title-full-width-container  { padding-top: 130px }

.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-header .wrap-branding,
.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-toggle {
  height: 60px;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .block-dxpr-theme-helper {
  height: 60px;
  line-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  min-height: 100px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  min-height: 50px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header {
  min-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header.affix {
  min-height: 60px;
}
.dropdown-menu, .dropdown-menu li {
  min-width: 160px;
}
.dxpr-theme-header .menu a {
  text-transform: uppercase;
}
.dxpr-theme-boxed-container { background: #ffffff; }

.dxpr-theme-boxed-container .nav-tabs >li.active a { border-bottom-color: #ffffff; }

.dxpr-theme-boxed-container .tabs-left > .nav-tabs .active>a { border-right-color: #ffffff; }

.dxpr-theme-boxed-container .tabs-right > .nav-tabs .active>a { border-left-color: #ffffff; }

.container {
  max-width: 1280px;
  padding-left: 60px;
  padding-right: 60px;
}
.navbar-container.dxpr-theme-fluid,
.page-title-container.dxpr-theme-fluid,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.dxpr-theme-boxed-container {
  max-width: 1580px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.region-sidebar-first .block,
.region-sidebar-second .block,
.dxpr-theme-util-gutter-bottom {
  margin-bottom: 30px;
}
.page-title-full-width-container {
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-container.dxpr-theme-fluid,
  .page-title-container.dxpr-theme-fluid,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body { background-position: center center; }

body { background-attachment: fixed; }